@charset "utf-8";
.about-inner {padding:var(--space-200) 0;}
.about-inner .contain {align-items:center; display:flex;}
.about-inner .col {width:50%;}
.about-inner .col-txt {padding-left:20px; order:2;}
.about-inner .col-txt .txt1 {margin-bottom:var(--space-30); font-size:var(--font-size-20); letter-spacing:-.03em; line-height:1.3em; font-weight:600; color:var(--color-secondary); font-family:"Outfit", serif;}
.about-inner .col-txt .txt2 {margin-bottom:var(--space-50); font-size:var(--font-size-48); color:#242424; font-weight:700; letter-spacing:-.03em; line-height:1.33em;}
.about-inner .col-txt .txt3 {font-size:var(--font-size-20); font-weight:500; letter-spacing:-.03em; line-height:1.5em;}
.about-inner .col-txt .txt3 p {margin-bottom:var(--space-30);}
.about-inner .col-txt .txt3 p:last-child {margin-bottom:0;}

.about-items {max-width:560px; display:flex; flex-wrap:wrap; color:#fff; text-align:center;}
.about-items .item {height:280px; border-radius:50px; box-shadow:1px 3px 1px rgba(0,0,0,.2); width:50%; display:flex; flex-direction:column; justify-content:center; align-items:center; cursor:pointer; overflow:hidden; position:relative;}
.about-items .item:nth-child(1), .about-items .item:nth-child(4) {background-color:var(--color-secondary);}
.about-items .item:nth-child(2), .about-items .item:nth-child(3) {background-color:#025488;}
.about-items .en {margin-bottom:12px; font-weight:500; line-height:1.3em; letter-spacing:-.01em;}
.about-items .kr {font-size:var(--font-size-26); font-weight:700; transition:all 0.2s ease-in-out; letter-spacing:-.01em; line-height:1.56em;}
.about-items .on,
.about-items .item.active .off {display:none;}
.about-items .item.active .on {display:block; font-weight:500;}
.about-items .on,
.about-items .item:hover .off {display:none;}
.about-items .item:hover .on {display:block; font-weight:500;}


.org {padding:var(--space-180) 0 var(--space-200); text-align:center; background-color:#f5f5f5;}
.s-tit {font-size:var(--font-size-48); margin-bottom:var(--space-60); font-family:"Outfit", serif; letter-spacing:-.03em; line-height:1.3em; font-weight:600; color:#242424;}

.sub-tab {margin-bottom:var(--space-80); text-align:center;}
.sub-tab ul {display:flex; justify-content:space-around;}
.sub-tab ul li {flex-grow:1; }
.sub-tab ul li a {padding-bottom:12px; font-size:var(--font-size-18); color:#999; letter-spacing:-.03em; font-weight:500; border-bottom:1px solid #ddd; position:relative; display:block;}
.sub-tab ul li.active a {color:var(--color-secondary);}
.sub-tab ul li.active a:after {position:absolute; content:''; bottom:-1px; left:0; right:0; height:2px; background-color:var(--color-secondary);}
/* .sub-tab.fixed {max-width:1440px; width:100%; top:0; background-color:#fff; left:50%; z-index:1000; transform:translateX(-50%); right:0; position:fixed;} */


.modal {box-shadow:none; background-color:unset;}
.modal a.close-modal {width:13px; height:14px; right:20px; top:3px; position:absolute; font-size:0; background:url(../images/bbs/pop_close.png) no-repeat 50% 50% / contain;}
.pop-head {margin-bottom:15px; padding:0 20px; position:relative; color:#fff;}
.pop-head h2 {font-size:var(--font-size-18); font-weight:500; line-height:1.3em; letter-spacing:-.03em;}
.pop-content .img {position:relative; padding-bottom:67%; border-radius:20px; overflow:hidden;}
.pop-content .img img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}

.work-wrap {max-width:1920px; margin:0 auto;}
.work-item {padding:var(--space-120) 0; max-width:1680px; margin-left:auto; border-bottom:1px solid #ddd; display:flex;}
.work-item:first-child {padding-top:0;}
.work-item .col-txt {width:390px; padding-top:40px;}
.work-item .col-txt .tit {margin-bottom:20px; font-size:var(--font-size-38); letter-spacing:-.03em; line-height:1.4em; font-weight:700; color:#242424;}
.work-item .col-txt p {height:3.2em; font-size:var(--font-size-18); letter-spacing:-.03em; line-height:1.6em;}
.work-item .col-txt .btn {margin-top:var(--space-80); gap:0 10px; display:flex;}
.work-item .col-txt .slide-arrow { background-color:unset; border:none;}
.work-item .col-txt .slide-arrow i {width:60px; height:60px; display:block; background-size:contain; background-repeat:no-repeat; background-position:50% 50%;}
.work-item .col-txt .slide-prev i {background-image:url('../images/bbs/slide-prev.png');}
.work-item .col-txt .slide-next i {background-image:url('../images/bbs/slide-next.png');}
.work-item .slider {width:1300px; flex:1; overflow:hidden;}
.work-item .slider a {display:block;}
.work-item .swiper {overflow-x:visible;}
.work-item .swiper-container {overflow-x:visible;}
.work-item .swiper-slide {padding-top:40px; transition:all 0.2s ease-in-out;}
.work-item .swiper-slide .thumb {position:relative; padding-bottom:67%; border-radius:20px; overflow:hidden;}
.work-item .swiper-slide .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}

.work-item .swiper-slide .tit {margin-top:15px; opacity:0; transition:all 0.2s ease-in-out; font-size:var(--font-size-18); line-height:1.4em; font-weight:500; color:var(--color-secondary);}
.work-item .swiper-slide:hover {padding-top:0; transition:all 0.2s ease-in-out;}
.work-item .swiper-slide:hover .thumb:after {position:absolute; content:''; top:0; left:0; right:0; bottom:0; background-color:var(--color-secondary); opacity:.6;}
.work-item .swiper-slide:hover .tit {opacity:1; transition:all 0.2s ease-in-out;}

.contact {margin-bottom:var(--space-100); gap:0 var(--space-90); display:flex;}
.contact .col-map {width:740px;}
.contact .col-map .map {border-radius:50px; overflow:hidden;}
.contact .col-map .adr {padding:var(--space-20) var(--space-20) 0; font-size:var(--font-size-22); font-weight:600; color:#222; letter-spacing:-.03em; line-height:1.4em;}
.contact .inquiry {flex:1;}
.root_daum_roughmap {width:100% !important;}
.root_daum_roughmap, .root_daum_roughmap .wrap_map {height:740px !important;}
.contact .board-form {display:grid; gap:13px 0;}
.contact input.input {height:50px; border:none; border-bottom:1px solid #ddd;}
.contact textarea.input {margin:var(--space-40) 0 var(--space-20); border-radius:10px;}
.contact .buttons {margin:0;}

.library-info {margin-bottom:var(--space-50); padding:var(--space-50) var(--space-70); gap:0 var(--space-100); display:flex; background-color:#f9f9f9; border-radius:30px;}
.library-info .image {width:400px;}
.library-info .thumb {position:relative; padding-bottom:129%; border-radius:20px; overflow:hidden;}
.library-info .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.library-info .col-r, .library-info dl dd {flex:1;}
.library-info .title {color:#222; font-size:var(--font-size-38); font-weight:600; letter-spacing:-.03em; line-height:1.3em; margin-bottom:var(--space-35);}
.library-info dl {align-items:center; font-size:var(--font-size-18); letter-spacing:-.03em; line-height:1.3em; margin-bottom:var(--space-20); display:flex;}
.library-info dl dt {width:120px; color:var(--color-secondary); font-weight:600;}
.library-info .pf {margin:var(--space-30) 0 var(--space-50); color:#787878;}
.library-info .btn {gap:0 10px; display:flex;}

.library-content {padding:var(--space-50); border:1px solid #ddd; border-radius:30px;}
.library-content .top-ti {align-items:center; margin-bottom:var(--space-50); padding-bottom:var(--space-20); border-bottom:1px solid #ddd; display:flex;}
.library-content .title {flex:1; color:#222; font-size:var(--font-size-38); font-weight:600; letter-spacing:-.03em; line-height:1.3em;}
.library-content .box {margin-bottom:var(--space-20); border-radius:20px; padding:var(--space-30) var(--space-50); background-color:#f5f5f5;}
.library-content .box:last-child {margin-bottom:0;}
.library-content .box.active .flex {margin-bottom:15px;}
.library-content .box .flex {align-items:center; display:flex;}
.library-content .col-l {flex:1;}
.library-content .col-l .tit {color:#222; font-size:var(--font-size-22); font-weight:500; letter-spacing:-.03em; line-height:1.3em;}
.library-content .info {gap:0 20px; margin-top:10px; display:flex; color:#787878;}
.library-content .info span {position:relative; display:block;}
.library-content .info span:after {position:absolute; content:'ㅣ'; right:-16px;}
.library-content .info span:last-child:after {display:none;}
.library-content .col-r a {min-width:130px; height:40px; padding:0 var(--space-20); justify-content:space-between; align-items:center; margin-bottom:7px; display:flex; background-color:#fff; border-radius:10px; font-weight:600;}
.library-content .col-r a:last-child {margin-bottom:0;}
.library-content .col-r a i {width:12px; height:12px; display:inline-block; background-image:url('../images/bbs/lib-arrow.png'); background-size:contain; background-repeat:no-repeat; background-position:50% 50%;}
.library-content .img {margin-top:var(--space-30);}

.library-content .cnt {display:none;}

.contact-flow img {margin:0 var(--space-50);}