@charset "UTF-8";

.main-scroll-icon {display: none;}

.sub_top_wrap {position: relative; margin: 0 0 65px;}
.sub_top_wrap.about {padding: 0 0 32px;}
.sub_top_wrap .sub_top_area.h850 {height: 850px;}
.sub_top_wrap .sub_top_area.h560 {height: 560px;}
.sub_top_wrap .sub_top_area.h350 {height: 350px}
.sub_top_wrap .sub_top_area .sub_top_box {position: relative; height: 100%;}
.sub_top_wrap .sub_top_area .sub_top_box .bg_box {position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: -1; background-color: #000; overflow: hidden;}
.sub_top_wrap .sub_top_area .sub_top_box .bg_box img {width: 100%; height: 100%; object-fit: cover; animation: kv_image_full 1.2s ease-out forwards;}
.sub_top_wrap .sub_top_area .sub_top_box .bg_box video {width: 100%; height: 100%; object-fit: cover; }
.sub_top_wrap .sub_top_area .sub_top_box .text_box {display: flex; flex-direction: column; justify-content: center; gap: 20px 0; width: 100%; max-width: 1400px; height: 100%; margin: 0 auto; padding: 115px 0 0; text-align: center;}
.sub_top_wrap .sub_top_area .sub_top_box .text_box .text {font-weight: 600; font-size: 30px; line-height: 40px; color: #ffffff;}
.sub_top_wrap .sub_top_area .sub_top_box .text_box .title {font-weight: 700; font-size: 65px; line-height: 80px; color: #ffffff;}
.sub_top_wrap .sub_top_area .sub_top_box .white_text_box {display: flex; align-items: end; width: 100%; max-width: 1300px; height: 100%; margin: 0 auto; text-align: center;}
.sub_top_wrap .sub_top_area .sub_top_box .white_text_box .inner {width: 100%; max-width: 550px; padding: 65px 0 40px; background-color: #fff;}
.sub_top_wrap .sub_top_area .sub_top_box .white_text_box .inner .title {font-weight: 600; font-size: 60px; line-height: 1; color: #000000;}
.sub_top_wrap .sub_top_area .sub_top_box .white_text_box .inner .menu_list {margin: 50px 0 0;}
.sub_top_wrap .sub_top_area .sub_top_box .white_text_box .inner .menu_list .list {display: flex; justify-content: center;}
.sub_top_wrap .sub_top_area .sub_top_box .white_text_box .inner .menu_list .list li {position: relative; margin: 0 20px 0 0; padding: 0 20px 0 0;}
.sub_top_wrap .sub_top_area .sub_top_box .white_text_box .inner .menu_list .list li:last-child {margin: 0; padding: 0;}
.sub_top_wrap .sub_top_area .sub_top_box .white_text_box .inner .menu_list .list li:before {display: block; content: "/"; position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 12px;}
.sub_top_wrap .sub_top_area .sub_top_box .white_text_box .inner .menu_list .list li:last-child:before {display: none;}
.sub_top_wrap .sub_top_area .sub_top_box .white_text_box .inner .menu_list .list li .box {display: block;}
.sub_top_wrap .sub_top_area .sub_top_box .white_text_box .inner .menu_list .list li .box .text {display: inline-block; position: relative; font-weight: 400; font-size: 18px; line-height: 24px; color: #000000; }
.sub_top_wrap .sub_top_area .sub_top_box .white_text_box .inner .menu_list .list li .box .text:before {display: none; content: ""; position: absolute; left: 0; bottom: -10px;  width: 100%; height: 1px; background-color: #000;}
.sub_top_wrap .sub_top_area .sub_top_box .white_text_box .inner .menu_list .list li.on .box .text {font-weight: 600;}
.sub_top_wrap .sub_top_area .sub_top_box .white_text_box .inner .menu_list .list li.on .box .text:before {display: block;}

/* .sub_top_wrap .sub_top_area .sub_top_box .text_box > div {animation: kv_text_full 0.6s ease-out forwards;} */
.sub_top_wrap .sub_menu_box {position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; width: 100%;}
.sub_top_wrap .sub_menu_box .list {display: flex; background-color: #fff;}
.sub_top_wrap .sub_menu_box .list li {width: 100%; margin: 0 0 0 -1px; border: 1px solid #e6e6e6}
.sub_top_wrap .sub_menu_box .list li.home {width: 65px; flex-shrink: 0; margin: 0;}
.sub_top_wrap .sub_menu_box .list li .box {display: flex; align-items: center; justify-content: center; width: 100%; height: 65px; text-align: center;}
.sub_top_wrap .sub_menu_box .list li .box img {}
.sub_top_wrap .sub_menu_box .list li .box .text {font-weight: 300; font-size: 17px; line-height: 24px; color: #000000;}
.sub_top_wrap .sub_menu_box .list li .box:hover .text, .sub_top_wrap .sub_menu_box .list li .box:focus .text {font-weight: 700;}
.sub_top_wrap .sub_menu_box .list li.on .box .text {font-weight: 700;}
@keyframes kv_image_full {0% {transform: scale(1.15);} 100% {transform: scale(1);}}
@keyframes kv_text_full {0% {color: #17171B;} 100% {color: #fff;}}

.sub_cont {padding: 0 0 120px;}

.com_title_area {margin: 0 0 60px; text-align: center;}
.com_title_area .title {font-weight: 600; font-size: 36px; line-height: 40px; color: #000000;}
.com_title_area .text {margin: 24px 0 0; font-weight: 300; font-size: 16px; line-height: 24px; color: #000000; letter-spacing: -0.04em;}
/* //서브 공통틀 */

.people_area .info_area {width: 100%; max-width: 1080px; margin: 55px auto 0;}
.people_area .info_area > .list {display: flex; flex-wrap: wrap; gap: 35px 100px;}
.people_area .info_area > .list > li .box {}
.people_area .info_area > .list > li .box .img_box {border-radius: 15px; overflow: hidden;}
.people_area .info_area > .list > li .box .img_box img {transition: all 0.3s;}
.people_area .info_area > .list > li .box .img_box:hover img, .people_area .info_area > .list > li .box .img_box:focus img {transform: scale(1.1)}
.people_area .info_area > .list > li .box .text_list {margin: 15px 0 0; text-align: center;}
.people_area .info_area > .list > li .box .text_list .list {}
.people_area .info_area > .list > li .box .text_list .list li {margin: 3px 0 0; font-weight: 400; font-size: 16px; line-height: 20px; color: #333333;}
.people_area .info_area > .list > li .box .text_list .list li:first-child {margin: 0;}
.people_area .info_area > .list > li .box .text_list .list li a {display: block; word-break: break-all;}
.people_area .info_area > .list > li .box .text_list .list li a:hover, .sec05 .people_area .info_area > .list > li .box .text_list .list li a:focus {text-decoration: underline; text-underline-position: under;}
.people_area .info_area > .list > li {width: calc(33.333% - 66.6666px);}
/* .people_area .info_area > .list > li {opacity: 0; transform: rotateY(90deg); animation: fadeInRotate 0.5s forwards; }
.people_area .info_area > .list > li:nth-child(1) { animation-delay: 0.2s; }
.people_area .info_area > .list > li:nth-child(2) { animation-delay: 0.4s; }
.people_area .info_area > .list > li:nth-child(3) { animation-delay: 0.6s; }
.people_area .info_area > .list > li:nth-child(4) { animation-delay: 0.8s; }
.people_area .info_area > .list > li:nth-child(5) { animation-delay: 1.0s; }
.people_area .info_area > .list > li:nth-child(6) { animation-delay: 1.2s; }
@keyframes fadeInRotate { to { opacity: 1; transform: rotateY(0deg); } }
 */
.vision_area {}
.vision_area .list {display: flex; gap: 0 35px;}
.vision_area .list li {width: 100%;}
.vision_area .list li .box {position: relative; padding: 85px 0 0;}
.vision_area .list li .box:before {display: block; content: ""; position: absolute; left: 50%; transform: translateX(-50%); top: 0; width: 176px; height: 167px; background-position: center; background-repeat: no-repeat;}
.vision_area .list li.icon01 .box:before {background-image: url("/eng/images/sub/vision_icon01.png");}
.vision_area .list li.icon02 .box:before {background-image: url("/eng/images/sub/vision_icon02.png");}
.vision_area .list li.icon03 .box:before {background-image: url("/eng/images/sub/vision_icon03.png");}
.vision_area .list li .box .text_box {min-height: 400px; padding: 120px 35px 30px; border-radius: 20px; background-color: #ececec;}
.vision_area .list li .box .text_box .num {font-weight: 300; font-size: 24px; line-height: 30px; color: #000000; text-align: center;}
.vision_area .list li .box .text_box .title {margin: 10px 0 0; font-weight: 600; font-size: 22px; line-height: 30px; color: #000000; text-align: center;}
.vision_area .list li .box .text_box .text {margin: 30px 0 0; font-weight: 300; font-size: 18px; line-height: 24px; color: #000000;}

.what_area {}
.what_area .list {}
.what_area .list li {margin: 40px 0 0;}
.what_area .list li:first-child {margin: 0;}
.what_area .list li .box {}
.what_area .list li .box .title_area {margin: 0 0 40px; padding: 0 0 10px; border-bottom: 1px solid #cccccc;}
.what_area .list li .box .title_area .title {font-weight: 600; font-size: 24px; line-height: 30px; color: #000000;}
.what_area .list li .box .img_area {}
.what_area .list li .box .img_area .img_box {display: flex; gap: 0 40px;}
.what_area .list li .box .img_area .img_box img {width: calc(50% - 20px);}
.what_area .list li .box .img_area .text {margin: 15px 0 0; font-weight: 300; font-size: 16px; line-height: 24px; color: #000000; text-align: center;}

.map_area {display: flex; }
.map_area .map_box {width: 56.2%;}
.map_area .map_box #map {height: 515px;}
.map_area .map_box .name {padding: 10px 20px; background: rgb(0, 119, 195); background: #000; font-weight: 700; font-size: 16px; color: #fff;}
.map_area .map_box .gm-style .gm-style-iw-d {overflow: inherit !important; background-color: #101010;}
.map_area .map_box .gm-ui-hover-effect {display: none !important;}
.map_area .map_box .gm-style .gm-style-iw-c {padding: 0 !important; background-color: #101010;}
.map_area .map_box .gm-style .gm-style-iw-tc {display: none;}
.map_area .map_box .gm-style .gm-style-mtc {display: none;}
.map_area .map_box .gm-style .gmnoprint  {display: none;}
.map_area .map_box .gm-style-iw-ch {padding: 0 !important}
.map_area .map_box .gm-ui-hover-effect>span {background-color: #101010;}
.map_area .info_area {width: 43.8%; padding: 20px 0 20px 35px;}
.map_area .info_area .info_inner {display: flex; flex-direction: column; justify-content: space-between; height: 100%;}
.map_area .info_area .info_inner .map_logo {}
.map_area .info_area .info_inner .map_logo img {}
.map_area .info_area .info_inner .info_box {}
.map_area .info_area .info_inner .info_box .list {}
.map_area .info_area .info_inner .info_box .list li {border-bottom: 1px solid #cccccc;}
.map_area .info_area .info_inner .info_box .list li .box {display: flex; flex-wrap: wrap; align-items: center; gap: 5px 10px; padding: 12px 0 12px 33px;}
.map_area .info_area .info_inner .info_box .list li .box {background-position: left top 17px; background-repeat: no-repeat;}
.map_area .info_area .info_inner .info_box .list li .box .tit {font-weight: 600; font-size: 20px; line-height: 30px; color: #000000;}
.map_area .info_area .info_inner .info_box .list li.icon01 .box {background-image: url("/eng/images/sub/map_icon01.png");}
.map_area .info_area .info_inner .info_box .list li.icon02 .box {background-image: url("/eng/images/sub/map_icon02.png");}
.map_area .info_area .info_inner .info_box .list li.icon03 .box {background-image: url("/eng/images/sub/map_icon03.png");}
.map_area .info_area .info_inner .info_box .list li.icon04 .box {background-image: url("/eng/images/sub/map_icon04.png");}
.map_area .info_area .info_inner .info_box .list li .box .text {display: inline-block; font-weight: 400; font-size: 16px; line-height: 24px; color: #000000;}

.inq_area {}
.inq_area .inq_box {padding: 75px 50px 90px; background-color: #f2f2f2; border-top: 1px solid #3b3b3b; border-bottom: 1px solid #3b3b3b;}
.inq_area .inq_box .list {display: flex; gap: 10px; flex-wrap: wrap;}
.inq_area .inq_box .list li {width: calc(50% - 5px);}
.inq_area .inq_box .list li.textarea {width: 100%;} 
.inq_area .inq_box .list li .input_box {}
.inq_area .inq_box .list li .input_box input {width: 100%; padding: 15px 25px; border: 1px solid #e2e2e2; border-radius: 10px; font-weight: 300; font-size: 16px; line-height: 30px; color: #000000;}
.inq_area .inq_box .list li .input_box textarea {padding: 15px 25px; height: 200px; border: 1px solid #e2e2e2; border-radius: 10px; resize: none; font-family: "Montserrat", "Noto Sans KR", 'sans-serif'; font-weight: 300; font-size: 16px; line-height: 30px; color: #000000;}
.inq_area .check_area {display: flex; align-items: center; justify-content: end; column-gap: 10px; margin: 15px 0 0;}
.inq_area .check_area .chk_inner {}
.inq_area .check_area .chk_inner input {}
.inq_area .check_area .chk_inner label {font-weight: 400; font-size: 16px; line-height: 24px; color: #222222;}
.inq_area .check_area .policy_btn {display: block;  width: 100px; background: #000; font-weight: 400; font-size: 14px; line-height: 35px; color: #fff; text-align: center;}
.inq_area .btn_area {}
.inq_area .info_box {margin: 100px 0 0;}
.inq_area .info_box .list {display: flex;}
.inq_area .info_box .list li {position: relative; width: 100%;}
.inq_area .info_box .list li:before {display: block; content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 70px; background-color: #000;}
.inq_area .info_box .list li:last-child:before {display: none;}
.inq_area .info_box .list li .box {text-align: center;}
.inq_area .info_box .list li .box .icon_box {}
.inq_area .info_box .list li .box .icon_box img {}
.inq_area .info_box .list li .box .title {margin: 10px 0 0; font-weight: 500; font-size: 30px; line-height: 40px; color: #000000;}
.inq_area .info_box .list li .box .text {display: block; margin: 20px 0 0; font-weight: 300; font-size: 18px; line-height: 26px; color: #000000;}

.pop_inq_area {display: none; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 690px; padding: 30px 10px; border: 1px solid #999999; background-color: #fff; z-index: 999;}
.pop_inq_area .pop_box {text-align: center;}
.pop_inq_area .pop_box .icon {}
.pop_inq_area .pop_box .icon img {}
.pop_inq_area .pop_box .title {margin: 10px 0 0; font-weight: 700; font-size: 36px; line-height: 40px; color: #000000;}
.pop_inq_area .pop_box > .text {margin: 25px 0 0; font-weight: 500; font-size: 16px; line-height: 24px; color: #000000;}
.pop_inq_area .pop_box .btn_area {margin: 25px 0 0;}

.news_area {}
.news_area .list {display: flex; flex-wrap: wrap; gap: 40px 13px;}
.news_area .list li {width: calc(33.3333% - 8.6666px);}
.news_area .list li .box {display: block;}
.news_area .list li .box .img_box {position: relative; padding: 0 0 57%; overflow: hidden;}
.news_area .list li .box .img_box img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; transition: all 0.3s;}
.news_area .list li .box:hover .img_box img, .news_area .list li .box:focus .img_box img {transform: translate(-50%, -50%) scale(1.1)}
.news_area .list li .box .text_box {margin: 15px 0 0;}
.news_area .list li .box .text_box .title {font-weight: 400; font-size: 18px; line-height: 24px; color: #000000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.news_area .list li .box .text_box .text {font-weight: 400; font-size: 16px; line-height: 24px; color: #999999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}

.board_view {}
.board_view .board_title {}
.board_view .board_title .title {font-weight: 500; font-size: 24px; line-height: 30px; color: #000000;}
.board_view .cont {padding: 30px 0 80px;}
.board_view .cont .text {font-weight: 300; font-size: 16px; line-height: 24px; color: #000000;}
.post_nav {border-top: 1px solid #999999;}
.post_nav .list {}
.post_nav .list li {padding: 13px 20px; border-bottom: 1px solid #999999;}
.post_nav .list li .item_wrapper {}
.post_nav .list li .item_wrapper .post {padding: 0 0 0 40px; background-repeat: no-repeat; background-position: left center;}
.post_nav .list li .item_wrapper.prev .post {background-image: url("/eng/images/sub/post_prev.png");}
.post_nav .list li .item_wrapper.next .post {background-image: url("/eng/images/sub/post_next.png");}
.post_nav .list li .item_wrapper .post .text {font-weight: 300; font-size: 16px; line-height: 24px; color: #000000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}

.gallery_area {}
.gallery_area .list {display: flex; flex-wrap: wrap; gap: 3px 2px;}
.gallery_area .list li {width: calc(33.3333% - 1.3333px);}
.gallery_area .list li .box {display: block;}
.gallery_area .list li .box .box_inner {position: relative;}
.gallery_area .list li .box .box_inner .img_box {position: relative; padding: 0 0 56.7%; overflow: hidden;}
.gallery_area .list li .box .box_inner .img_box img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; transition: all 0.3s;}
.gallery_area .list li .box .box_inner .hover_box {opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); transition: all 0.3s;}
.gallery_area .list li .box .box_inner .hover_box .title {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-weight: 500; font-size: 24px; line-height: 30px; color: #ffffff; text-align: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; word-wrap: break-word;}
.gallery_area .list li .box:hover .box_inner .hover_box, .gallery_area .list li .box:focus .box_inner .hover_box {opacity: 1;}
.gallery_area .list li .box:hover .box_inner .img_box img, .gallery_area .list li .box:focus .box_inner .img_box img {transform: translate(-50%, -50%) scale(1.1);}
.space_title {margin: 0 0 50px;}
.space_title .title {font-family: "PRISTINA"; font-weight: 400; font-size: 50px; line-height: 1; color: #000;}
.space_title .text {margin: 15px 0 0; font-weight: 300; font-size: 16px; line-height: 24px; color: #000000;}
.space_area {margin:;}
.space_area > .list {}
.space_area > .list > li {}
.space_area > .list > li .box {display: flex; align-items: center;}
.space_area > .list > li .box .big_thumb_area {width: 56.7%; }
.space_area > .list > li .box .big_thumb_area .list {position: relative;}
.space_area > .list > li .box .big_thumb_area .list li {position: absolute; top: 0; left: 0; width: 100%; opacity: 0; transition: opacity 0.5s ease; z-index: 0;}
.space_area > .list > li .box .big_thumb_area .list li.active {opacity: 1; z-index: 1;}
.space_area > .list > li .box .big_thumb_area .list li .img_box {position: relative; padding: 0 0 66.41%;}
.space_area > .list > li .box .big_thumb_area .list li .img_box img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; }
.space_area > .list > li .box .info_area {width: 43.3%; padding: 0 0 0 40px;}
.space_area > .list > li .box .info_area .info_box {display: flex; flex-direction: column; height: 100%; justify-content: space-between; width: 100%; max-width: 490px;}
.space_area > .list > li .box .info_area .info_box .title_area {}
.space_area > .list > li .box .info_area .info_box .title_area .client {display: none; margin: 0 0 5px; font-weight: 300; font-size: 16px; line-height: 24px; color: #000000;}
.space_area > .list > li .box .info_area .info_box .title_area .title {font-weight: 700; font-size: 48px; line-height: 50px; color: #000000;}
.space_area > .list > li .box .info_area .info_box .title_area .text {margin: 10px 0 0; font-weight: 300; font-size: 16px; line-height: 24px; color: #000000;}
.space_area > .list > li .box .info_area .info_box .small_thumb_area {width: 100%; max-width: 490px; margin: 125px 0 0;}
.space_area > .list > li .box .info_area .info_box .small_thumb_area .list {display: flex; flex-wrap: wrap; gap: 12px 10px;}
.space_area > .list > li .box .info_area .info_box .small_thumb_area .list li {width: calc(50% - 5px);}
.space_area > .list > li .box .info_area .info_box .small_thumb_area .list li .img_box {display: block; position: relative; width: 100%; padding: 0 0 70.835%; overflow: hidden;}
.space_area > .list > li .box .info_area .info_box .small_thumb_area .list li .img_box img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; cursor: pointer; transition: all 0.3s;}
.space_area > .list > li .box .info_area .info_box .small_thumb_area .list li .img_box:hover img, .space_area > .list > li .box .info_area .info_box .small_thumb_area .list li .img_box:focus img {transform: translate(-50%, -50%) scale(1.1)}
.space_area > .list > li:nth-child(even) .box .big_thumb_area {order: 2;}
.space_area > .list > li:nth-child(even) .box .info_area {order: 1; padding: 0 40px 0 0;}
.space_area > .list > li:nth-child(even) .box .info_area .info_box {margin: 0 0 0 auto}
.space_area > .list > li:nth-child(even) .box .info_area {}

.history_area {}
.history_area .history_list {}
.history_area .history_list > .list {}
.history_area .history_list > .list > li {position: relative; padding: 0 0 50px;}
.history_area .history_list > .list > li:last-child {padding: 0;}
.history_area .history_list > .list > li:first-child {margin: 0;}
.history_area .history_list > .list > li .history_back_line {position: absolute; top: 20px; height: 100%; width: 1px; left: 30%; background-color: #ddd;}
.history_area .history_list > .list > li .history_back_line:before {display: block; content: ""; position: absolute; top: 0; right: -4px; width: 8px; height: 8px; border-radius: 50%; background: url("/eng/images/sub/history_icon.png") no-repeat center;}
.history_area .history_list > .list > li .history_back_line .line {display: block; width: 100%; height: 0; background-color:#ff6666; transition: 0.5s;}
.history_area .history_list > .list > li:last-child .history_back_line {background-color: #fff;}
.history_area .history_list > .list > li:last-child .history_back_line .line {display: none;}
.history_area .history_list > .list > li .box {display: flex; justify-content: center}
.history_area .history_list > .list > li .box .year_txt {position: relative; width: 30%; order: 1; padding: 0 50px 0 0; font-weight: 700; font-size: 48px; line-height: 50px; color: #000000; text-align: right; transition: all 0.3s;}
.history_area .history_list > .list > li .box .info_list {width: 70%; order: 2; padding: 10px 0 0 40px;}
.history_area .history_list > .list > li .box .info_list li {margin: 6px 0 0;}
.history_area .history_list > .list > li .box .info_list li:first-child {margin: 0;}
.history_area .history_list > .list > li .box .info_list li .text {display: inline-block; position: relative; padding: 0 0 0 10px; font-weight: 400; font-size: 16px; line-height: 24px; color: #000000;}
.history_area .history_list > .list > li .box .info_list li .text:before {display: block; content: "·"; position: absolute; top: 0; left: 0; font-weight: 400; font-size: 16px; line-height: 24px; color: #000000;}
.history_area .history_list > .list > li.active .box .year_txt {font-size: 72px; color: #ff6666;}
.history_area .history_list > .list > li.active .history_back_line:before {top: -23px; left: -23px; width: 46px; height: 46px; background-image: url("/eng/images/sub/history_bar_point.png"); }
.history_area .history_list > .list > li .box .info_list li.tit:first-child {margin: 6px 0 0;}
.history_area .history_list > .list > li .box .info_list li.tit .text:before {content: "-"}

@media screen and (max-width: 1600px) {
	.space_area > .list > li .box .info_area .info_box .small_thumb_area {margin: 60px 0 0;}
	.space_area > .list > li .box .info_area .info_box .title_area .title {font-size: 40px; line-height: 1;}
}


@media screen and (max-width: 1400px) {
	.sub_top_wrap {margin: 0 0 40px;}
	.sub_top_wrap .sub_top_area.h850 {height: 650px;}
	.sub_top_wrap .sub_top_area.h560 {height: 450px;}
	.sub_top_wrap .sub_top_area.h350 {height: 300px;}
	.sub_top_wrap .sub_top_area .sub_top_box .text_box {padding: 81px 0 0;}
	.sub_top_wrap .sub_menu_box .list li.home {width: 50px;}
	.sub_top_wrap .sub_menu_box .list li .box {height: 50px;}
	.sub_top_wrap .sub_menu_box .list li .box .text {font-size: 16px; line-height: 20px;}
	.sub_top_wrap .sub_top_area .sub_top_box .text_box {gap: 15px 0;}
	.sub_top_wrap .sub_top_area .sub_top_box .text_box .title {font-size: 50px; line-height: 50px;}
	.sub_top_wrap .sub_top_area .sub_top_box .text_box .text {font-size: 24px; line-height: 24px;}
	.sub_top_wrap .sub_top_area .sub_top_box .white_text_box .inner {max-width: 460px; padding: 50px 0 30px;}
	.sub_top_wrap .sub_top_area .sub_top_box .white_text_box .inner .title {font-size: 40px;}
	.sub_top_wrap .sub_top_area .sub_top_box .white_text_box .inner .menu_list {margin: 30px 0 0;}
	.sub_top_wrap .sub_top_area .sub_top_box .white_text_box .inner .menu_list .list li {margin: 0 15px 0 0; padding: 0 15px 0 0;}
	.sub_top_wrap .sub_top_area .sub_top_box .white_text_box .inner .menu_list .list li .box .text {font-size: 16px; line-height: 20px;}
	.sub_top_wrap .sub_top_area .sub_top_box .white_text_box .inner .menu_list .list li .box .text:before {bottom: -5px;}

	.sub_cont {padding: 0 0 80px;}

	.com_title_area {margin: 0 0 40px;}
	.com_title_area .title {font-size: 30px; line-height: 30px; }
	.com_title_area .text {margin: 15px 0 0;}

	.people_area .info_area {margin: 40px auto 0;}
	.people_area .info_area > .list {gap: 30px 80px;}
	.people_area .info_area > .list > li {width: calc(33.3333% - 53.3333px);}
	.people_area .info_area > .list > li .box .img_box img {width: 100%;}
	
	.vision_area .list {gap: 0 20px;}
	.vision_area .list li .box {padding: 65px 0 0;}
	.vision_area .list li .box:before {width: 135px; height: 130px; background-size: contain;}
	.vision_area .list li .box .text_box {min-height: 320px; padding: 80px 20px 10px}
	.vision_area .list li .box .text_box .num {font-size: 20px; line-height: 30px;}
	.vision_area .list li .box .text_box .title {margin: 10px 0 0; font-size: 18px; line-height: 24px;}
	.vision_area .list li .box .text_box .text {margin: 20px 0 0; font-size: 16px; line-height: 20px;}

	.what_area .list li {margin: 30px 0 0;}
	.what_area .list li .box .title_area {margin: 0 0 30px; }
	.what_area .list li .box .title_area .title {font-size: 20px; line-height: 24px;}
	.what_area .list li .box .img_area .img_box {gap: 0 20px;}
	.what_area .list li .box .img_area .img_box img {width: calc(50% - 10px);}
	.what_area .list li .box .img_area .text {margin: 10px 0 0; font-size: 14px; line-height: 20px;}

	.map_area .map_box #map {height: 450px;}
	.map_area .info_area {padding: 10px 0 10px 20px;}
	.map_area .info_area .info_inner .map_logo img {width: 250px;}
	.map_area .info_area .info_inner .info_box .list li .box {gap: 5px 10px; padding: 8px 0 8px 25px; background-size: auto 18px; background-position: left top 12px;}
	.map_area .info_area .info_inner .info_box .list li .box .tit {font-size: 18px; line-height: 26px;}
	.map_area .info_area .info_inner .info_box .list li .box .text {line-height: 20px;}

	.inq_area .inq_box {padding: 50px 40px;}
	.inq_area .inq_box .list li .input_box input {padding: 10px 20px;}
	.inq_area .inq_box .list li .input_box textarea {height: 160px; padding: 10px 20px;}
	.inq_area .info_box {margin: 70px 0 0;}
	.inq_area .info_box .list li .box .icon_box img {width: 35px;}
	.inq_area .info_box .list li .box .title {font-size: 26px; line-height: 34px;}
	.inq_area .info_box .list li .box .text {margin: 10px 0 0;}
	.pop_inq_area {max-width: 550px; padding: 20px 10px;}
	.pop_inq_area .pop_box .icon img {width: 50px;}
	.pop_inq_area .pop_box .title {margin: 6px 0 0; font-size: 28px; line-height: 30px;}
	.pop_inq_area .pop_box > .text {margin: 15px 0 0; font-size: 14px; line-height: 20px;}
	.pop_inq_area .pop_box .btn_area {margin: 15px 0 0;}

	.news_area .list {gap: 30px 10px;}
	.news_area .list li {width: calc(33.3333% - 6.6666px);}
	.news_area .list li .box .text_box {margin: 10px 0 0;}
	.news_area .list li .box .text_box .title {font-size: 16px; line-height: 24px;}
	.news_area .list li .box .text_box .text {font-size: 14px; line-height: 20px;}

	.board_view .board_title .title {font-size: 20px; line-height: 26px;}
	.board_view .cont {padding: 20px 0 60px;}
	.post_nav .list li {padding: 10px 15px;}
	.post_nav .list li .item_wrapper .post {padding: 0 0 0 30px;}

	.gallery_area .list li .box .box_inner .hover_box .title {font-size: 20px; line-height: 24px;}

	.space_title {margin: 0 0 30px;}
	.space_title .title {font-size: 40px; line-height: 1;}
	.space_title .text {margin: 10px 0 0;}
	.space_area > .list > li .box {padding: 0 10px;}
	.space_area > .list > li .box .info_area {padding: 0 0 0 20px;}
	.space_area > .list > li .box .info_area .info_box {max-width: 390px;}
	.space_area > .list > li .box .info_area .info_box .title_area .client {font-size: 14px; line-height: 20px;}
	.space_area > .list > li .box .info_area .info_box .title_area .title {font-size: 30px; line-height: 34px;}
	.space_area > .list > li .box .info_area .info_box .title_area .text {margin: 6px 0 0; font-size: 14px; line-height: 20px;}
	.space_area > .list > li .box .info_area .info_box .small_thumb_area {margin: 30px 0 0;}
	.space_area > .list > li .box .info_area .info_box .small_thumb_area .list {gap: 5px;}
	.space_area > .list > li .box .info_area .info_box .small_thumb_area .list li {width: calc(50% - 2.5px);}
	.space_area > .list > li:nth-child(even) .box .info_area {padding: 0 20px 0 0;}

	.history_area .history_list > .list > li {padding: 0 0 40px;}
	.history_area .history_list > .list > li .box .year_txt {padding: 0 40px 0 0; font-size: 38px; line-height: 40px;}
	.history_area .history_list > .list > li.active .box .year_txt {font-size: 60px;}
	.history_area .history_list > .list > li .box .info_list {padding: 10px 0 0 30px;}
	.history_area .history_list > .list > li.active .history_back_line:before {top: -20px; left: -20px; width: 40px; height: 40px;}

}



@media screen and (max-width: 1300px) {
	.sub_top_wrap .sub_menu_box .container {padding: 0;}
	.sub_top_wrap .sub_top_area .sub_top_box .text_box {padding: 81px 10px 0;}
	
}


@media screen and (max-width: 1280px) {

}

@media screen and (max-width: 1080px) {
	.sub_top_wrap {margin: 0 0 30px;}
	.sub_top_wrap.about {padding: 0;}
	.sub_top_wrap .sub_top_area.h850 {height: 350px;}
	.sub_top_wrap .sub_top_area.h560 {height: 350px;}
	.sub_top_wrap .sub_top_area.h350 {height: 200px;}
	.sub_top_wrap .sub_menu_box {position: initial; transform: translateX(0)}
	.sub_top_wrap .sub_menu_box .list li.home {width: 40px;}
	.sub_top_wrap .sub_menu_box .list li .box {height: 40px;}
	.sub_top_wrap .sub_menu_box .list li .box .text {font-size: 14px; line-height: 16px;}
	.sub_top_wrap .sub_top_area .sub_top_box .bg_box img {animation: none;}
	.sub_top_wrap .sub_top_area .sub_top_box .text_box {gap: 10px 0; padding: 54px 10px 0;}
	.sub_top_wrap .sub_top_area .sub_top_box .text_box .title {font-size: 36px; line-height: 40px;}
	.sub_top_wrap .sub_top_area .sub_top_box .text_box .text {font-size: 20px; line-height: 20px;}
	.sub_top_wrap .sub_top_area .sub_top_box .white_text_box .inner {max-width: 400px; padding: 20px 0 ;}
	.sub_top_wrap .sub_top_area .sub_top_box .white_text_box .inner .title {font-size: 30px;}
	.sub_top_wrap .sub_top_area .sub_top_box .white_text_box .inner .menu_list {margin: 20px 0 0;}
	.sub_top_wrap .sub_top_area .sub_top_box .white_text_box .inner .menu_list .list li {margin: 0 10px 0 0; padding: 0 10px 0 0;}
	.sub_top_wrap .sub_top_area .sub_top_box .white_text_box .inner .menu_list .list li .box .text {font-size: 14px; line-height: 18px;}
	.sub_top_wrap .sub_top_area .sub_top_box .white_text_box .inner .menu_list .list li .box .text:before {bottom: -2px;}	

	.sub_cont {padding: 0 0 60px;}

	.com_title_area {margin: 0 0 30px;}
	.com_title_area .title {font-size: 24px; line-height: 26px; }
	.com_title_area .text {margin: 10px 0 0;}

	.people_area .info_area {margin: 30px auto 0;}
	.people_area .info_area > .list {gap: 20px 40px;}
	.people_area .info_area > .list > li {width: calc(33.3333% - 26.6666px); opacity: 1; transform: translateY(0) rotateY(0deg);}
	.people_area .info_area > .list > li .box .text_list {margin: 10px 0 0;}
	.people_area .info_area > .list > li .box .text_list .list li {font-size: 14px; line-height: 18px;}

	.vision_area .list {gap: 0 10px;}
	.vision_area .list li .box {padding: 50px 0 0;}
	.vision_area .list li .box:before {width: 105px; height: 100px;}
	.vision_area .list li .box .text_box {min-height: 260px; padding: 60px 10px 10px}
	.vision_area .list li .box .text_box .num {font-size: 18px; line-height: 24px;}
	.vision_area .list li .box .text_box .title {margin: 5px 0 0; font-size: 16px; line-height: 20px;}
	.vision_area .list li .box .text_box .text {margin: 10px 0 0; font-size: 14px; line-height: 18px;}

	.what_area .list li {margin: 20px 0 0;}
	.what_area .list li .box .title_area {margin: 0 0 15px;}
	.what_area .list li .box .title_area .title {font-size: 18px; line-height: 20px;}
	.what_area .list li .box .img_area .img_box {gap: 0 10px;}
	.what_area .list li .box .img_area .img_box img {width: calc(50% - 5px);}
	.what_area .list li .box .img_area .text {margin: 6px 0 0;}

	.map_area .map_box #map {height: 350px;}
	.map_area .info_area {padding: 10px 0 10px 10px;}
	.map_area .info_area .info_inner .map_logo img {width: 200px;}
	.map_area .info_area .info_inner .info_box .list li .box {gap: 5px; padding: 8px 0 8px 20px; background-size: auto 16px; background-position: left top 10px;}
	.map_area .info_area .info_inner .info_box .list li .box .tit {font-size: 16px; line-height: 22px;}
	.map_area .info_area .info_inner .info_box .list li .box .text {font-size: 14px; line-height: 18px;}

	.inq_area .inq_box {padding: 30px;}
	.inq_area .inq_box .list li .input_box input {padding: 6px 10px;}
	.inq_area .inq_box .list li .input_box textarea {height: 120px; padding: 6px 10px;}
	.inq_area .check_area {margin: 10px 0 0;}
	.inq_area .check_area .chk_inner label {font-size: 14px; line-height: 16px;}
	.inq_area .check_area .policy_btn {width: 80px; font-size: 12px; line-height: 30px;}
	.inq_area .info_box {margin: 50px 0 0;}
	.inq_area .info_box .list li .box .icon_box img {width: 30px;}
	.inq_area .info_box .list li .box .title {font-size: 20px; line-height: 30px;}
	.inq_area .info_box .list li .box .text {margin: 6px 0 0; font-size: 16px; line-height: 22px;}
	.pop_inq_area .pop_box .icon img {width: 40px;}
	.pop_inq_area .pop_box .title {font-size: 20px; line-height: 24px;}
	.pop_inq_area .pop_box > .text {margin: 10px 0 0;}
	.pop_inq_area .pop_box .btn_area {margin: 10px 0 0;}

	.news_area .list {gap: 20px 10px;}
	.news_area .list li .box .text_box {margin: 6px 0 0;}

	.board_view .board_title .title {font-size: 18px; line-height: 24px;}
	.board_view .cont {padding: 10px 0 40px;}
	.board_view .cont .text {font-size: 14px; line-height: 22px;}
	.post_nav .list li {padding: 10px;}
	.post_nav .list li .item_wrapper .post {padding: 0 0 0 20px; background-size: 14px auto;}
	.post_nav .list li .item_wrapper .post .text {font-size: 14px; line-height: 20px;}

	.gallery_area .list li .box .box_inner .hover_box .title {font-size: 18px; line-height: 22px;}

	.space_title {margin: 0 0 20px;}
	.space_title .title {font-size: 30px;}
	.space_title .text {margin: 6px 0 0; font-size: 14px; line-height: 20px;}
	.space_area > .list > li {margin: 30px 0 0;}
	.space_area > .list > li:first-child {margin: 0;}
	.space_area > .list > li .box {flex-direction: column; gap: 5px;}
	.space_area > .list > li .box .big_thumb_area {width: 100%;}
	.space_area > .list > li .box .info_area {width: 100%; padding: 0;}
	.space_area > .list > li .box .info_area .info_box {max-width: 100%; gap: 5px;}
	.space_area > .list > li .box .info_area .info_box .title_area {order: 2;}
	.space_area > .list > li .box .info_area .info_box .title_area .title {font-size: 24px; line-height: 24px;}
	.space_area > .list > li .box .info_area .info_box .title_area .text {margin: 3px 0 0; line-height: 14px;}
	.space_area > .list > li .box .info_area .info_box .small_thumb_area {order: 1; max-width: 100%; margin: 0;}
	.space_area > .list > li .box .info_area .info_box .small_thumb_area .list li {width: calc(25% - 3.75px);}
	.space_area > .list > li:nth-child(even) .box .big_thumb_area {order: 1;}
	.space_area > .list > li:nth-child(even) .box .info_area {order: 2; padding: 0;}


	.history_area .history_list > .list > li {padding: 0 0 30px;}
	.history_area .history_list > .list > li .box .year_txt {width: 20%; padding: 0 30px 0 0; font-size: 30px; line-height: 34px;}
	.history_area .history_list > .list > li.active .box .year_txt {font-size: 44px;}
	.history_area .history_list > .list > li .history_back_line {left: 20%;}
	.history_area .history_list > .list > li.active .history_back_line:before {top: -16px; left: -16px; width: 32px; height: 32px;}
	.history_area .history_list > .list > li .box .info_list {width: 80%; padding: 10px 0 0 20px;}
	.history_area .history_list > .list > li .box .info_list li .text {font-size: 14px; line-height: 20px;}
	.history_area .history_list > .list > li .box .info_list li .text:before {font-size: 14px; line-height: 20px;}
	.history_area .history_list > .list > li .history_back_line:before {top: -4px;}


}

@media screen and (max-width: 767px) {

	.sub_top_wrap {margin: 0 0 20px;}
	.sub_top_wrap .sub_top_area.h850 {height: 260px;}
	.sub_top_wrap .sub_top_area.h560 {height: 260px;}
	.sub_top_wrap .sub_top_area.h350 {height: 160px;}
	.sub_top_wrap .sub_menu_box {display: initial; width: 100%; height: 100%; text-align: center; white-space: nowrap; overflow-y: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch;}
	.sub_top_wrap .sub_menu_box .list {overflow-y: hidden; font-size: 0; padding: 0;}
	.sub_top_wrap .sub_menu_box .list li .box {height: 35px; padding: 0 10px;}
	.sub_top_wrap .sub_menu_box .list li .box .text {font-size: 12px;}
	.sub_top_wrap .sub_menu_box *::-webkit-scrollbar {height:4px;}
	.sub_top_wrap .sub_menu_box *::-webkit-scrollbar-track {background:#ccc; border-radius:0;}
	.sub_top_wrap .sub_menu_box *::-webkit-scrollbar-thumb {background:#000; border-radius:0;}
	.sub_top_wrap .sub_menu_box *::-webkit-scrollbar-thumb:hover {background:#000;}
	.sub_top_wrap .sub_top_area .sub_top_box .text_box {gap: 6px 0; }
	.sub_top_wrap .sub_top_area .sub_top_box .text_box .title {font-size: 23px; line-height: 30px;}
	.sub_top_wrap .sub_top_area .sub_top_box .text_box .text {font-size: 16px; line-height: 16px;}
	.sub_top_wrap .sub_top_area .sub_top_box .white_text_box {padding: 0 10px;}
	.sub_top_wrap .sub_top_area .sub_top_box .white_text_box .inner {max-width: 400px; margin: 0 auto;}
	.sub_top_wrap .sub_top_area .sub_top_box .white_text_box .inner .title {font-size: 24px;}
	.sub_top_wrap .sub_top_area .sub_top_box .white_text_box .inner .menu_list {margin: 10px 0 0;}
	
	.sub_cont {padding: 0 0 40px;}

	.com_title_area {margin: 0 0 20px;}
	.com_title_area .title {font-size: 20px; line-height: 22px; }
	.com_title_area .text {margin: 6px 0 0; font-size: 14px; line-height: 20px;}
	.com_title_area .text br.mob {display: none;}

	.people_area .info_area {margin: 20px auto 0;}
	.people_area .info_area > .list {gap: 20px;}
	.people_area .info_area > .list > li {width: calc(50% - 10px);}
	.people_area .info_area > .list > li .box .text_list {margin: 5px 0 0;}
	
	.vision_area .list {flex-direction: column; gap: 10px;}
	.vision_area .list li .box {padding: 40px 0 0;}
	.vision_area .list li .box:before {width: 85px; height: 80px;}
	.vision_area .list li .box .text_box {min-height: auto; padding: 40px 10px 30px}
	.vision_area .list li .box .text_box .text {padding: 0 50px; text-align: center;}
	
	.map_area {flex-direction: column; gap: 10px;}
	.map_area .map_box {width: 100%;}
	.map_area .map_box #map {height: 250px;}
	.map_area .map_box .name {padding: 10px; font-size: 14px;}
	.map_area .info_area {width: 100%; padding: 0;}
	.map_area .info_area .info_inner .map_logo img {width: 158px;}
	.map_area .info_area .info_inner .info_box {margin: 20px 0 0;}
	.map_area .info_area .info_inner .info_box .list li .box {flex-direction: column; align-items: start; padding: 5px 0 5px 18px; background-position: left top 8px;}
	
	.inq_area .inq_box {padding: 10px;}
	.inq_area .inq_box .list {gap: 5px;}
	.inq_area .inq_box .list li {width: calc(50% - 2.5px);}
	.inq_area .inq_box .list li .input_box input {font-size: 14px;}
	.inq_area .inq_box .list li .input_box textarea {height: 100px; font-size: 14px;}
	.inq_area .info_box {margin: 40px 0 0;}
	.inq_area .info_box .list {flex-wrap: wrap;}
	.inq_area .info_box .list li {padding: 10px 0;}
	.inq_area .info_box .list li:before {top: inherit; bottom: 0; left: 50%; transform: translate(-50%, 0); width: 70px; height: 1px;}
	.inq_area .info_box .list li .box .icon_box img {width: 24px;}
	.inq_area .info_box .list li .box .title {font-size: 18px; line-height: 24px;}
	.pop_inq_area {max-width: 100%; width: 95%; padding: 10px;}

	.news_area .list li {width: calc(50% - 5px);}

	.gallery_area .list li {width: calc(50% - 1px);}
	.gallery_area .list li .box .box_inner .hover_box {opacity: 1; top: inherit; bottom: 0; height: 60px; padding: 10px; }
	.gallery_area .list li .box .box_inner .hover_box .title {position: initial; transform: translate(0, 0); width: 100%; font-size: 16px; line-height: 20px; text-align: left; -webkit-line-clamp: 2;}

	.history_area .history_list > .list > li {padding: 0 0 20px 30px;}
	.history_area .history_list > .list > li:last-child {padding: 0 0 0 30px;}
	.history_area .history_list > .list > li .box {flex-direction: column; gap: 10px;}
	.history_area .history_list > .list > li .box .year_txt {width: 100%; padding: 0; font-size: 20px; line-height: 24px; text-align: left;}
	.history_area .history_list > .list > li.active .box .year_txt {font-size: 30px;}
	.history_area .history_list > .list > li .box .info_list {width: 100%; padding: 0;}
	.history_area .history_list > .list > li .box .info_list li {margin: 3px 0 0;}
	.history_area .history_list > .list > li .history_back_line {left: 10px; top: 11px;}
	.history_area .history_list > .list > li.active .history_back_line:before {top: -11px; left: -12px; width: 24px; height: 24px;}
	.history_area .history_list > .list > li .box .info_list li.tit:first-child {margin: 3px 0 0;}
	.history_area .history_list > .list > li:last-child .history_back_line {background-color: #ddd;}
	.history_area .history_list > .list > li.active:last-child .history_back_line {background-color: #ff6666;}
}


@media screen and (max-width: 480px) {
	.sub_top_wrap .sub_top_area .sub_top_box .white_text_box .inner .menu_list .list li .box .text {font-size: 12px;}
	.sub_top_wrap .sub_top_area .sub_top_box .text_box .title br {display: none;}

	.vision_area .list li .box .text_box .text {padding: 0 10px;}

	.what_area .list li .box .img_area .img_box {flex-direction: column; gap: 10px;}
	.what_area .list li .box .img_area .img_box img {width: 100%;}

	.inq_area .check_area {flex-direction: column; gap: 5px; align-items: end;}
	.inq_area .inq_box .list li {width: 100%;}
	
	.gallery_area .list li {width: 100%;}

	.history_area .history_list > .list > li .box {gap: 5px;}
	.history_area .history_list > .list > li .box .year_txt {font-size: 24px; line-height: 24px; color: #ff6666;}
	.history_area .history_list > .list > li.active .box .year_txt {font-size: 24px;}
	.history_area .history_list > .list > li .history_back_line {background-color: #ff6666;}
	.history_area .history_list > .list > li .history_back_line:before {left: -12px; top: -12px; width: 24px; height: 24px; background-image: url("/eng/images/sub/history_bar_point.png");}
	.history_area .history_list > .list > li:last-child .history_back_line {background-color: #ff6666;}
}