/* 메인 */
.main_inner {width: 90%; max-width: 1400px; margin:0 auto;}

.main_t {position: relative; background-position: center; background-size: cover; height:  calc(100vh - 100px);margin-top: 100px;overflow: hidden;}
.main_t .video_content {position: absolute;top: 0;left: 0;width: 100%; aspect-ratio: 16/9;z-index: -1;}
/* .main_t .video_content iframe { position: absolute;top: 50%;left: 50%;width: 100%; height: 56.25vw;min-height: 56.25vw; transform: translate(-50%, -50%);pointer-events: none;} */
.main_t .video_content iframe {position: absolute;top: 50%;right: 0;left: auto;width: 100vw;height: 56.25vw;min-width: 177.78vh;min-height: 100vh;transform: translateY(-50%);pointer-events: none;}
.main_t .sec_box{padding-top: 120px;}
.main_t .sec_box .tit{font-size: 3.5rem;line-height: 1.4; font-weight: 700; margin-top: 80px; font-family: "A2z"; color: #051B54;}
.main_t .sec_box .sub_txt{margin-top: 50px; color: #051B54;}
.main_t .sec_box .sub_txt .sub_tit{font-size: 1.5rem;font-weight: 600;margin-bottom: 10px;}
.main_t .sec_box .sub_txt .txt{font-size: 1.125rem;}
.main_t .scroll{text-align: center;position: absolute;bottom: 100px;left: 50%; transform: translateX(-50%); color: #000;}
.main_t .scroll::after{content: '';margin-top: 10px; background: url(/img/move_arrow.svg) no-repeat; width: 10px; height: 46px;background-size: cover; display: block;position: absolute;left: 50%; transform: translateX(-50%);}

.main_t .btn {margin-top: 40px;}
.main_t .btn a{font-size: 1.125rem;color: #fff;background: #051B54;padding: 15px 30px;border-radius: 4px;display: inline-flex;align-items: center;gap: 10px;border-radius: 100px;}
.main_t .btn a::after{content: '';background: url(/img/button_arrow_w.png) no-repeat;display: block;width: 10px;height: 16px;}
.scroll {animation: scrollMove 1.8s ease-in-out infinite}

@keyframes scrollMove {
    0% {
        transform: translate(-50%, 0);
    }
    50% {
        transform: translate(-50%, 10px);
    }
    100% {
        transform: translate(-50%, 0);
    }
}

.main_about {background:#f2f8fd;}
.main_about .sec_box{display: flex; max-width: 1400px; margin: 0 auto; width: 90%;gap: 30px;}
.main_about .sec_box .img{width: 50%;position: relative;overflow: hidden; display: flex;}
.main_about .sec_box .img video{width: 100%; transform: scale(1.4);position: relative; z-index: -1;}
.main_about .sec_box .img a{display: flex;align-items: center;gap: 5px; justify-content: right; position: absolute;right: 15px; bottom: 15px; background: #f2f8fd; border: 1px solid #b8c3e0;color: #03234E; padding: 12px 20px; border-radius: 50px;}
.main_about .sec_box .img a:after{content: '';background: url(/img/button_arrow_b.png) no-repeat;display: block;width: 7px;height: 12px; background-size: cover;}
.main_about .sec_box .img img{object-fit: cover; border-radius: 15px;}
.main_about .sec_box .img .img_tit{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center;}
.main_about .sec_box .img .img_tit span{font-size: 1.25rem;}
.main_about .sec_box .img .img_tit div{font-size: 2rem; font-weight: 700; line-height: 1.3;}
.main_about .sec_box .about_box{width: 50%;}
.main_about .sec_box .about_box .tit{font-family: "A2z"; font-size: 2rem;margin-bottom: 20px; color: #03234E;font-weight: 700;}
.main_about .sec_box .about_box .txt{font-size: 1.25rem;font-weight: 400;}
.main_about .sec_box .about_box .about_logo ul{display: flex;flex-wrap: wrap; gap: 10px; margin: 40px 0 100px;}
.main_about .sec_box .about_box .about_appr ul{ display: grid;grid-template-columns:repeat(6, minmax(0, 1fr)); gap: 10px;}
.main_about .sec_box .about_box .about_appr ul li{background: #f2f8fd; border:1px solid #D1DAF0; text-align: center; padding: 16px 20px;} 
.main_about .sec_box .about_box .about_appr ul li .txt{font-size: 1.125rem;}
.main_about .sec_box .about_box .about_logo ul li img{display: block;}
.main_about .sec_box .about_box > .txt{color: #666;}

.main_about .logo_box{display: flex;max-width: 1400px;margin: 0 auto; width: 90%;}
.main_about .l_cont{width: 100%; }
.main_about .l_cont ul{display: grid; grid-template-columns: repeat(2, 1fr); margin-top: 50px;font-family: "A2z"; gap: 15px;}
.main_about .l_cont ul li{display: flex; align-items: center;gap: 20px;border: 1px solid #d7def1;background: #fff; border-radius: 15px; padding: 20px 15px;}
.main_about .l_cont ul li div{font-weight: 600; color: #03234E;}
.main_about .l_cont ul li p{font-weight: 300; line-height: 1.2;font-size: 1rem;margin-top: 5px;color: #666;}
.main_about .l_cont ul li img{max-width: 50px;}
.main_about .r_cont {display: grid; grid-template-columns:repeat(2, minmax(0, 1fr));width: 100%; margin-top:60px;}
.main_about .r_cont .about_logo ul{display: flex;flex-wrap: wrap;gap: 10px;}
.main_about .r_cont .about_logo ul li{border: 1px solid #D1DAF0;padding: 16px 8px; background: #fff;}
.main_about .r_cont .about_logo ul li img{max-width: 140px;}
.main_about .r_cont .about_appr ul{display: flex;flex-wrap: wrap;gap: 10px;}
.main_about .r_cont .about_appr ul li{background: #fff;border: 1px solid #D1DAF0;text-align: center;padding: 16px 20px;}
.main_about .r_cont .about_appr ul li img{max-height: 48px;}
.main_about .r_cont .tit{font-size: 1.5rem;font-family: "A2z"; font-weight: 600;margin-bottom: 20px;color: #03234E;}

.main_event{background: #f2f8fd;}
.main_event .top_tit{display:flex;align-items:center;justify-content:space-between;margin-bottom:50px;}
.main_event .top_tit .tit{font-size:2rem;font-family: 'A2z';font-weight:700;line-height:1.2; position: relative; color: #03234E;}
.main_event .top_tit .tit::after{content: ''; background: url(/img/tit_icon.png) no-repeat; width: 25px; height: 25px; background-size: cover; position: absolute; top: -12px;right: -27px;}
.main_event .event_nav{display:flex;gap:10px;}
.main_event .event_nav button{width:32px;height:32px;border:1px solid #000;background:inherit;font-size:0;cursor:pointer;border-radius: 50px;padding: inherit;line-height: inherit;}
.main_event .event_prev::before,
.main_event .event_next::before{content:"";display:block;width:6px;height:6px;margin:auto;border-top:2px solid #111;border-right:2px solid #111;position: relative;left: -1px;}
.main_event .event_prev::before{transform:rotate(-135deg);left: 1px;}
.main_event .event_next::before{transform:rotate(45deg);}
.main_event .event_nav button.swiper-button-disabled{opacity:.3;cursor:default;pointer-events:none;}
.main_event .eventSwiper{overflow:hidden;}
.main_event .swiper-wrapper{height: inherit;}
.main_event .swiper-slide{height:auto;}
.main_event .swiper-slide a{display:block;color:inherit;}
.main_event .thumb{overflow:hidden;aspect-ratio:1 / 0.8;background:#eee;border-radius: 20px;}
.main_event .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.main_event .swiper-slide a:hover .thumb img{transform:scale(1.1);}
.main_event .info{padding-top:20px;}
.main_event .badge{display: flex;flex-wrap: wrap; gap: 8px; align-items: center;font-weight: 600;margin-bottom: 8px;}
.main_event .date{font-size:0.875rem;color:#fff;background: #050E1D;border: 1px solid #050E1D;display: inline-block;padding: 7px 16px; border-radius: 4px;}
.main_event .location{ font-size:0.875rem;color:#050E1D;background: #fff;display: inline-block;border: 1px solid #050E1D;padding: 7px 16px; border-radius: 4px;max-width:20ch; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.main_event .nae{font-size:1rem;color:#000;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}

.main_market{background: url(/img/main_market.webp) no-repeat; width: 100%; background-size: cover; height: 100vh;}
.main_market .inner{display: flex; align-items: center; justify-content: center; color: #fff; height: 100%; flex-direction: column; text-align: center;}
.main_market .tit{font-size: 3rem;}
.main_market .txt{font-size: 1.125rem; font-weight: 400; margin-top: 20px;margin-bottom: 60px;}
.main_market a{font-size: 1.125rem; color: #fff; border: 1px solid #fff;padding: 15px 30px;border-radius: 4px; display: flex;justify-content: center; align-items: center; gap: 10px;width: 170px; height: 52px;}
.main_market a::after{content: ''; background: url(/img/button_arrow_w.png) no-repeat; display: block; width: 10px; height: 16px;}
.main_market .btn:hover a{background: #fff; color: #050E1D;}
.main_market .btn:hover a::after{content: ''; background: url(/img/button_arrow_b.png) no-repeat; display: block; width: 10px; height: 16px;}

.logo_b{display: block;}
.logo_w{display: none;}

/* 메인페이지 dark */
.dark .main_t{background: url(/img/main_bg_b.gif) no-repeat; height: calc(100vh - 100px);background-position: center;background-size: cover;}
.dark .main_t .sec_box .tit{color: #fff;}
.dark .main_t .sec_box .sub_txt{color: #fff;}
.dark .main_t .scroll{color: #fff;}
.dark .main_t .scroll::after{content: '';margin-top: 10px;background: url(/img/move_arrow_w.svg) no-repeat;width: 10px;height: 46px;background-size: cover;display: block;position: absolute;left: 50%;transform: translateX(-50%);}
.dark .logo_b{display: block;}
.dark .logo_w{display: none;}
.dark #header .menu > li > a{color: #000;}
.dark .utils_item .contact_btn{background: #000; color: #fff;}
.dark .utils_item .contact_btn:hover{border-radius: 12px; transition: all 0.3s;}
#header.active.main .logo_b{display: block;}
#header.active.main .logo_w{display: none;}
#header.active.main .menu > li > a{color: #000;}
#header.active.main .utils_item .contact_btn{background: #000; color: #fff;}

.dark .main_about{background: #050B18;}
.dark .main_about .sec_box .img{padding: 0; background: #050B18;}
.dark .main_about .sec_box .img img{height: 100%;}
.dark .main_about .sec_box .img .img_tit{color: #fff;top: 65%;left: 50%;text-align: center;}
.dark .main_about .sec_box .about_box{color: #fff;}
.dark .main_about .sec_box .about_box .about_appr ul li{background: #1b1f2d; border: 1px solid #2f3240;}
.dark .main_event{background: #050B18;}
.dark .main_event .top_tit .tit{color: #fff;}
.dark .main_event .nae{color: #fff;}
.dark .main_event .date{background: #0A1225; border: 1px solid #37508e;}
.dark .main_event .location{background: #0A1225; color: #fff; border: 1px solid #37508e;}
.dark .main_event .event_nav button{border: 1px solid #fff;}
.dark .main_event .event_prev::before,
.dark .main_event .event_next::before{content:"";display:block;width:6px;height:6px;margin:auto;border-top:2px solid #fff;border-right:2px solid #fff;position: relative;left: -1px;}

/* 페이지네이션 */
.paging {text-align: center; margin-top: 60px;}
.paging a {display: inline-block; vertical-align: middle;  }
.paging ol {display: inline-block; vertical-align: middle; }
.paging ol li {display: inline-block; font-size: 18px; }
.paging ol li a  { display: inline-block; vertical-align: middle; padding:0 5px;border-radius:50px; width:45px; height:45px; margin: 0 1px; line-height: 45px;}
.paging ol li a.this {background: #050E1D; color:#fff;}


/* 팝업 */
.center-popup-backdrop,
.bottom-popup-backdrop {position: fixed;inset: 0;z-index: 999;background: rgba(0,0,0,.64);display: none;}
.center-popup-backdrop.is-open,
.bottom-popup-backdrop.is-open {display: flex;}
.center-popup-backdrop {align-items: center;justify-content: center;}
.center-popup {width: 90%;max-width: 460px;border-radius: 1em;background: #fff;box-shadow: 0 0.4em 1.2em rgba(0,0,0,.18);display: flex;flex-direction: column;overflow: hidden;margin: 0 auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.center-popup_body {padding: 24px 24px 0px}
.center-popup_title {font-size: 16px;font-weight: 600;line-height: 1.5;}
.center-popup_text {font-size: 0.9em;color: rgba(0,0,0,.75);line-height: 1.5;}
.center-popup_footer {display: grid;grid-template-columns: repeat(2, 1fr);column-gap: 0.6em;padding: 16px 24px 24px;}
.one_btn{width: 100%;}
.one_btn .btn{width: inherit; padding: 16px 24px; justify-content: right; height: inherit; background: inherit !important; border: inherit !important; color: #3BBEE8; font-weight: 700;}
.center-popup_footer .btn {height: 2.6em;font-size: 0.9em;}
.btn-open-terms{cursor: pointer; }
.terms-txt{max-height: 400px; overflow: auto; font-size:14px;}
.terms .one_btn .btn{display: inline-block; cursor: pointer; color: var(--mainColor); margin-top: 0;}
.terms .center-popup_body{padding-right: 10px; text-align: left; line-height:1.4;}
.terms .center-popup_title{padding-right: 15px; font-size: 20px; font-weight: 700;margin-bottom: 10px;}
.terms_wrap{display: flex;flex-direction: column;box-shadow: none;padding: 0; border-radius: 0; gap: 20px;line-height: 1.5;}
.sec .tit{font-weight: 700;}
.sec span{font-weight: 700;}
.terms-txt .terms_wrap br{display: none;}
.terms-txt .terms_wrap br.terms_br{display: block;}
.terms .center-popup_body{padding-right: 17px;}
body.is-scroll-locked {overflow: hidden;touch-action: none;}

/* 서브페이지 */
section{position: relative;}
.sub_top{margin-top: 250px;}
.sub_page_t{position: relative;margin-bottom: 80px;}
.sub_page_t .tit{color: #03234E;font-size: 3rem;font-weight: 700;margin-bottom: 10px;}
.sub_page_t .sub_tit{font-size: 1.5rem; color: #03234E;font-weight: 700;margin-bottom: 10px;}
.sub_page_t .desc{font-size: 1.125rem; color: #666;font-weight: 500;}
.sub_page_t.flex{display: flex; justify-content: space-between;align-items: end;}
.sub_page_t .btn a{ background: #051B54;color: #fff;padding: 12px 24px;display: flex;align-items: center;gap: 5px;}
.grid_bg{position:fixed;inset:0;z-index:0;pointer-events:none;margin-top: 100px; background-color:#fff;background-size:20% 100%,100% 260px;background-image:linear-gradient(to right,rgba(219, 219, 219, 0.4) 1px,transparent 1px),linear-gradient(to bottom,rgba(219, 219, 219, 0.4) 1px,transparent 1px);}
.sub_mes_leader{color: #000; background: linear-gradient(to right,#f2f8fd 0%,#ffffff 40%,#ffffff 100%);}
.sub_mes_leader .inner{display: flex; align-items: center; justify-content: space-between;gap: 20px;} 
.sub_mes_leader .mes_txt{width: 60%;}
.sub_mes_leader .sub_txt{color: #666; font-size: 1.125rem;}
.sub_mes_leader .sub_txt ul{position: relative;padding-left: 20px;}
.sub_mes_leader .sub_txt ul li{margin: 5px 0;}
.sub_mes_leader .sub_txt ul::before{content: ''; background: #666; width: 2px; height: 90%; position: absolute;top: 50%;left: 0; transform: translateY(-50%);}
.sub_mes_leader .img_box{display: flex; position: relative;margin-bottom: 80px;}
.sub_mes_leader .img_box img{max-width: 700px;}
.sub_mes_leader .img_box > div {position: absolute; bottom: 15%; width: 30%;left: 42%; background: #fff; padding: 15px;}
.sub_mes_leader .img_box .tit{font-size: 2.5rem; font-weight: 700;margin-bottom: 10px;}
.sub_mes_leader .txt_box{line-height: 1.8;margin-bottom: 30px;}
.sub_mes_leader .txt_box:last-child{margin-bottom: 0;}
.sub_our_leader{color: #000;}
.sub_our_leader .sub_txt{color: #666; font-size: 1.125rem;}
.sub_our_leader .our_learders ul{display: grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap: 30px;}
.sub_our_leader .our_learders ul li{position: relative;border: 2px solid rgba(75, 112, 180, .3);background: #fff;border-radius: 10px;overflow: hidden;}
.sub_our_leader .our_learders ul li img{display: block;width: 100%;height: 100%;object-fit: cover;max-height: 420px; object-position: top;}
.sub_our_leader .our_learders ul li .img_box:hover img{transform: scale(1.1); transition: 0.5s;}
.sub_our_leader .our_learders .img_box{overflow: hidden; max-height: 420px;cursor: pointer;}
.sub_our_leader .our_learders .txt_box{padding: 20px; color: #000;}
.sub_our_leader .our_learders .txt_box .position{font-size: 1rem;}
.sub_our_leader .our_learders .txt_box .name{font-size: 1.5rem;font-weight: 700;margin-bottom: 10px;}
.sub_our_leader .our_learders .txt_box .nae{font-size: 0.875rem;font-weight: 400;color: #666;margin-top: 10px;}

.left_map{position:sticky;width:50%; top: 160px;}
.info_map{width:50%;}
.info_map img{display:block;width:100%; aspect-ratio: 1 / 0.3; object-fit: cover;}
.location_map{display:flex;align-items:flex-start;gap:40px;color: #000;}
.location_map_wrap{position:relative;width:100%;margin-top: -10px;}
.location_map_img{display:block;width:100%;height:auto;opacity:0;visibility:hidden;transition:opacity .3s ease;}
.location_map_img:first-child{position:relative;}
.location_map_img:not(:first-child){position:absolute;top:0;left:0;}
.location_map_img.on{opacity:1;visibility:visible;z-index:2;}
.map_point{position:absolute;z-index:10;width:27px;height:27px;padding:0;border:3px solid #fff;border-radius:50%;background:#AEAEAE;transform:translate(-50%, -50%);cursor:pointer;transition:background .2s ease,transform .2s ease;}
.map_point.headquarters{top: 50%;left: 50%; margin-left: -3px; margin-top: -6px;}
.map_point.ansan{top: 56%;left: 37%; margin-left: 5px; margin-top: -2px;}
.map_point.rnd{top: 58%;left: 72%; margin-left: -3px; margin-top: -3px;}
.map_point.hwaseong{top: 74%;left: 54%; margin-left: 2px; margin-top: 5px;}
.map_point.on{background:#C94E07;animation:mapPointBlink .7s step-end infinite;}

.left_map ul{position: absolute; top: 20px; z-index: 99; left: 0;display: grid;gap: 10px;}
.left_map ul li{display: flex; align-items: center; gap: 20px;}
.left_map ul li img{max-width: 30px;}
.left_map ul li div{font-size: 0.875rem;}

@keyframes mapPointBlink{
    0%, 100%{
        opacity:1;
    }

    50%{
        opacity:0;
    }
}

.location_map .info_map{border:2px solid rgba(75, 112, 180, .3);border-radius:10px;padding: 20px; background: #fff;}
.location_map .info_map .info_txt{padding: 15px 0;border-bottom: 1px solid #37508E;}
.location_map .info_map .info_txt .address {display: flex; align-items: center; gap: 20px;margin-bottom: 10px;}
.location_map .info_map .info_txt .address .build{font-size: 1.5rem; font-weight: 700;}
.location_map .info_map .info_txt .nae{line-height: 1.5;}
.location_map .info_map .info_txt ul li{display: flex; align-items: center;margin-bottom: 5px;}
.location_map .info_map .info_txt ul li:last-child{margin-bottom: 0;}
.location_map .info_map .info_txt ul li div{width: 50%; display: flex; align-items: center; gap: 5px;}
.location_map .info_map .info_txt ul li:first-child .gu::before{content: ''; background: url(/img/ico_location.png) no-repeat; width: 30px;height: 30px;display: block; background-size: cover;}
.location_map .info_map .info_txt ul li:nth-child(2) .gu::before{content: ''; background: url(/img/ico_est.png) no-repeat; width: 30px;height: 30px;display: block; background-size: cover;}
.location_map .info_map .info_txt ul li:nth-child(3) .gu::before{content: ''; background: url(/img/ico_capa.png) no-repeat; width: 30px;height: 30px;display: block; background-size: cover;}
.location_map .info_map .info_txt ul li:nth-child(4) .gu::before{content: ''; background: url(/img/ico_inspec.png) no-repeat; width: 30px;height: 30px;display: block; background-size: cover;}
.location_map .info_map .info_txt ul li:nth-child(3) .gu.focus::before{content: ''; background: url(/img/ico_focus.png) no-repeat; width: 30px;height: 30px;display: block; background-size: cover;}

.location_map .info_map .other_txt{padding:15px 0 0 0;}
.location_map .info_map .other_txt > div{font-size: 1.5rem;font-weight: 700; margin-bottom: 10px;}
.location_map .info_map .other_txt ul li{display: flex; align-items: center;margin-bottom: 5px;}
.location_map .info_map .other_txt ul li:last-child{margin-bottom: 0;}
.location_map .info_map .other_txt ul li div{width: 50%; display: flex; align-items: center; gap: 5px;}
.location_map .info_map .other_txt ul li:first-child .gu::before{content: ''; background: url(/img/ico_other01.png) no-repeat; width: 30px;height: 30px;display: block; background-size: cover;}
.location_map .info_map .other_txt ul li:nth-child(2) .gu::before{content: ''; background: url(/img/ico_other02.png) no-repeat; width: 30px;height: 30px;display: block; background-size: cover;}
.location_map .info_map .other_txt ul li:nth-child(3) .gu::before{content: ''; background: url(/img/ico_other03.png) no-repeat; width: 30px;height: 30px;display: block; background-size: cover;}

.sub_feat{position: relative; color: #000; display: flex; gap: 60px; background: #f2f8fd;padding: 40px;margin-top: 60px;}
.sub_feat .feat_tit{flex-shrink: 0;}
.sub_feat .feat_tit .tit{font-size: 1.5rem;font-family: "A2z";font-weight: 600;color: #03234E;margin-top: 20px;}
.sub_feat ul{display: grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap: 20px;}
.sub_feat ul li{border:2px solid rgba(75, 112, 180, .3);background: #fff; border-radius: 10px;display: flex; flex-direction: column; justify-content: space-between;overflow: hidden;}
.sub_feat ul li img{max-height: 120px; object-fit: cover;}
.sub_feat ul li .txt_box{padding: 20px;}
.sub_feat ul li .tit{font-size: 1.25rem; font-weight: 700;margin-bottom: 10px;}
.sub_feat ul li .nae{line-height: 1.7; min-height: 220px;font-size: 0.875rem;}
.sub_feat .txt_box{display: flex; flex-direction: column; justify-content: space-between; gap: 30px;}
.sub_feat .txt_box a{background: #051B54; color: #fff; display: inline-block; width: 120px; text-align: center;padding: 10px 0;}
.sub_feat .txt_box .btn{display: flex; gap: 10px;}

.sub_exper .feat_tit{flex-shrink: 0;}
.sub_exper .feat_tit .tit{font-size: 1.5rem;font-family: "A2z";font-weight: 600;color: #03234E;margin-top: 20px;}
.sub_exper ul{display: grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap: 20px;}
.sub_exper ul li{border:2px solid rgba(75, 112, 180, .3);background: #fff; border-radius: 10px;display: flex; flex-direction: column; justify-content: space-between;overflow: hidden;}
.sub_exper ul li .txt_box{padding: 20px;}
.sub_exper ul li .tit{font-size: 1.25rem; font-weight: 700;margin-bottom: 10px;}
.sub_exper ul li .nae{line-height: 1.7; min-height: 170px;font-size: 0.875rem;}
.sub_exper .txt_box{display: flex; flex-direction: column; justify-content: space-between; gap: 10px;}
.sub_exper .txt_box a{color: #fff; display: inline-block;margin-left: auto; text-align: center;padding: 10px;}
.sub_exper .txt_box .btn{display: flex; gap: 10px;}

.sub_project{position: relative; }
.sub_project .img_box{margin-bottom: 60px;}
.sub_project .txt_box{color: #000;width:100%;line-height: 1.8;margin-bottom: 30px;}
.sub_project .flex{display: flex; gap: 50px;}
.sub_project .flex .img_box{flex-shrink: 0; width: 50%;}

.project_goal img{margin: 0 auto;}
.project_goal .pc_only{display: block;}
.project_goal .mo_only{display: none;}
/* .project_goal{position: relative; background: url(/img/project_bg.png) no-repeat;background-color: #01061B;background-size: cover; background-position: center; display: flex; justify-content: center; align-items: center; text-align: center; color: #fff; height: 100vh; }
.project_goal .goal_txt{z-index: 9;margin-top: 100px;}
.project_goal .goal_txt::before{content: '';z-index: -1; background: url(/img/project_bg_line.png) no-repeat;background-size: cover; width: 660px; height: 660px; position: absolute;left: 50%;top: 45%; transform: translate(-50%, -50%);}
.project_goal .goal_txt .tit{font-size: 1.5rem; font-weight: 600; margin-bottom: 20px;}
.project_goal .goal_txt .desc{font-size: 1rem; font-weight: 400;}
.project_goal .text_box{position: absolute;}
.project_goal .text_box .tit{font-size: 1.5rem;font-weight: 700;}
.project_goal .text_box .desc{font-size: 1rem; font-weight: 400;}
.project_goal .text_box.box_top{top: 60px;}
.project_goal .text_box.box_left{left: 25%;}
.project_goal .text_box.box_right{right: 25%;}
.project_goal .text_box.box_bottom{bottom: 11%;}
.project_goal .text_box.box_left_bottom{left: 20%; bottom: 12%;}
.project_goal .text_box.box_right_bottom{right: 14%; bottom: 12%;} */

.project_chr{position: relative; color: #000;}
.project_chr .inner ul{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px;}
.project_chr ul li .tit{font-size: 1.5rem; font-weight: 700;padding: 20px 0;border-bottom: 1px solid #516FB9; height: 110px; display: flex; align-items: center;cursor: pointer;}
.project_chr ul li .desc{margin-top: 20px;width: 80%; line-height: 1.7; max-height: 0;overflow: hidden;opacity: 0;transition: max-height .4s ease, opacity .3s ease, border-color .3s ease;}
.project_chr ul li.on .desc{opacity: 1;}
.project_chr ul li .acc_right{padding-right: 20px;}
.project_chr ul li .arrow {width: 0;height: 0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 10px solid #01061B;transform: rotate(0deg);transform-origin: center 35%;transition: transform .3s ease;display:block}
.project_chr ul li.on .arrow {transform: rotate(180deg);}

.project_ship ul {display: flex; gap: 30px; flex-wrap: wrap;}
.project_ship ul li{border: 2px solid rgba(75, 112, 180, .3);padding: 20px; border-radius: 10px; width: calc(50% - 15px);}
.project_ship ul li:last-child{width: 100%;}
.project_ship ul li:last-child .txt{width: 45%;}
.project_ship ul li .num{color: #03234E; background: #F2F8FD; padding: 5px;font-size: 1.125rem; display: inline-block;margin-top: 10px;font-weight: 900;}
.project_ship ul li .tit{font-size: 1.5rem; font-weight: 700;color: #03234E; margin-top: 10px;}
.project_ship ul li .txt{color: #666; margin-top: 10px;}

/* news */
.sub_news{position: relative; color: #000;}
.sub_news .btn{display: inline-block; margin-top: 20px;}
.news_top{display: flex;gap: 40px; }
.news_top img{display: block; border-radius: 10px; aspect-ratio: inherit; object-fit: cover; width: 100%;height: 100%;}
.news_top .main_news{width: 67.6%;display: flex; align-items: start; gap: 30px;padding: 24px;border:2px solid #516FB9;}
.news_top .upcoming{width: 32.3%;display: flex; align-items: start; flex-direction: column; gap: 20px;}
.news_top .upcoming > .tit{font-weight: 700; font-size: 1.25rem;}
.news_top .upcoming .news_list_card{width: 100%;display: flex; align-items: start; gap: 30px;padding: 24px;border:2px solid #516FB9; flex-direction: column;}
.news_top .upcoming .news_list_card a{width: 100%;}
.news_top .upcoming .news_list_card .list_top{display: flex; align-items: end; margin-bottom: 20px;justify-content: space-between; gap: 20px;}
.news_top .upcoming .news_list_card .date{display: flex; align-items: center; gap: 10px; margin-top: 20px;border-top: 1px solid #516FB9; padding-top: 10px;}
.news_top .upcoming .news_list_card .date::before{content: ''; background: url(/img/ico_time.svg) no-repeat; width: 20px; height: 20px; display: block;}
.sub_news .upcoming{width: 32.3%;display: flex; align-items: start; flex-direction: column; gap: 10px;}
.news_top .upcoming .list_top .more_btn {background: #051B54;color: #fff;border: 1px solid #051B54;padding: 8px 20px;display: inline-flex;align-items: center;gap: 10px;}
.news_top .upcoming .list_top .more_btn:after {content: '';background: url(/img/more_ico.png) no-repeat;width: 12px;height: 6px;display: block;background-size: cover;}
.news_top .main_news .thum{width: 50%; height: 100%;}
.news_top .main_news .info{width: 50%;display: flex; flex-direction: column;height: 100%;}
.news_top .cate{opacity: 0.6; font-weight: 400;margin-bottom: 8px;}
.news_top .gu{font-size: 1.25rem;color: #000; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;word-break: break-word;}
.news_top .nae{font-weight: 400; line-height: 1.7;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news_top .other_news ul{display: grid; grid-template-columns:repeat(2, minmax(0, 1fr));gap: 30px;}
.news_top .other_news ul li .gu{margin-bottom: 0; margin-top: 10px;}
.news_top .other_news ul li img{height: 180px;object-fit: cover;}
.news_top .main_news .info .bot{margin-top: auto; display: flex; justify-content: space-between;align-items: end;margin-top: 60px;}
.news_top .main_news .info .bot a{background: #051B54;color: #fff;border: 1px solid #051B54;padding: 8px 20px;display: flex;align-items: center;gap: 10px;}
.news_top .main_news .info .bot a:after {content: '';background: url(/img/more_ico.png) no-repeat;width: 12px;height: 6px;display: block;background-size: cover;}

.news_top .main_news .info > .date{display: flex;align-items: center;gap: 10px;margin-top: 20px;border-top: 1px solid #516FB9;padding-top: 10px;}
.news_top .main_news .info > .date::before{content: '';background: url(/img/ico_time.svg) no-repeat;width: 20px;height: 20px;display: block;}
.news_top .main_news .info .spot{display: flex;align-items: center;gap: 10px;margin-top: 10px;}
.news_top .main_news .info .spot::before{content: '';background: url(/img/ico_spot.svg) no-repeat;width: 20px;height: 28px;display: block;}

.sub_news .news_list {margin-top: 40px;}
.sub_news .news_list ul{ display: grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap: 40px;}
.sub_news .news_list ul li{border:2px solid #516FB9;}
.sub_news .news_list ul li a{color: #000; padding: 24px; display: block;}
.sub_news .news_list ul li .cate{ opacity: 0.6; }
.sub_news .news_list ul li .list_top{display: flex; align-items: end; justify-content: space-between; gap: 20px;}
.sub_news .news_list ul li .list_top .more_btn{background: #051B54;color: #fff; border: 1px solid #051B54;padding: 8px 20px;display: flex; align-items: center; gap: 10px;}
.sub_news .news_list ul li .list_top .more_btn:after{content: ''; background: url(/img/more_ico.png) no-repeat; width: 12px; height: 6px; display: block;background-size: cover;}
.sub_news .news_list ul li .gu{font-size: 1.25rem;margin-top: 10px; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.sub_news .news_list ul li .nae{margin:24px 0;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-weight: 400; height: 48px;}
.sub_news .news_list ul li .thum{border-radius: 10px;overflow: hidden;}
.sub_news .news_list ul li .thum img{aspect-ratio: 1 / 0.7; object-fit: cover;border-radius: 10px;}

.paging {text-align: center; }
.paging a {display: inline-block; vertical-align: middle;  }
.paging ol {display: inline-block; vertical-align: middle; }
.paging ol li {display: inline-block; font-size: 18px; }
.paging ol li a  { display: inline-block; vertical-align: middle;color: #5b5c5f; padding:0 5px; border-radius:50px; width:45px; height:45px; margin: 0 1px; line-height: 45px;}
.paging ol li a.this {background: #516FB9; color:#fff;}

.news_btn{text-align: right;display: flex; align-items: center; gap: 15px; justify-content: right; margin-top: 40px;}
.news_btn a{background: #516FB9; color: #fff; padding: 12px 24px; display:flex; align-items: center; gap: 5px;}
.news_btn a::after{content: '';background: url(/img/more_ico_w.png) no-repeat;width: 24px;height: 24px;display: block;background-size: cover;}

.detail_top {margin-bottom: 80px;}
.detail_top .cate{opacity: 0.6;font-weight: 400; font-size: 1.5rem; margin-bottom: 10px;}
.detail_top .tit{font-size: 3rem;}
.detail_top .source{text-align: right;margin-top: 20px; font-size: 1.25rem;font-weight: 400;}
.detail_board img{display: block; margin: 0 auto;}
.detail_board .txt_box{margin-top: 30px;}
.news_detail .btn{margin-top: 80px; text-align: center;}
.news_detail .btn button{background: #1A1E31; border: 1px solid #797B85; border-radius: 0; max-width: 110px;}
.news_detail .file_box{padding: 15px 0;display: flex;flex-direction: column;gap: 10px;margin-top: 60px;border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.news_detail .file_box .file{color: #000;display: block;position: relative;padding-left: 26px;text-decoration: none;word-break: break-all;}
.news_detail .file_box .file::before {display: block;content: "";width: 24px;height: 24px;background: url(/img/ico_file.svg) no-repeat center center / cover;position: absolute;left: 0;}

.sub_apply{position: relative; color: #000; background: #f2f8fd;padding-top: 150px;margin-top: 100px;}
.sub_apply::before{content: ''; background: url(/img/apply_bg.png) no-repeat;width: 100% ; height: 800px; position: absolute;top: 400px; left: 0;z-index: 0;}
.sub_apply .inner{position: relative; z-index: 9;}
.sub_apply .apply_wrap{display: flex; gap: 100px;}
.sub_apply .apply_wrap ul {display: flex;margin-top: 30px; }
.sub_apply .apply_wrap ul li{text-align: left; border-right: 1px solid #03234E; padding-right: 40px;margin-right: 40px; text-align: center;}
.sub_apply .apply_wrap ul li:last-child{border-right: 0;}
.sub_apply .apply_wrap ul li .txt{margin-top: 5px; font-size: 0.875rem; text-align: center;}
.sub_apply .apply_wrap .desc{color: #666;margin-top: 50px;}

.sub_apply .apply_tit {max-width: 500px; flex-shrink: 0;}
.sub_apply .apply_tit .tit{font-size: 3rem;font-weight: 700;color: #03234E;}
.sub_apply .apply_tit .sub_tit{font-size: 1.125rem;font-weight: 400; margin-top: 10px; color: #666;}
.sub_apply .apply_form{width: 100%; background: #fff; padding: 30px;}
.sub_apply .apply_form .form_box{margin-bottom: 30px;}
.sub_apply .apply_form .form_box:last-child{margin-bottom: 0;}
.sub_apply .apply_form .form_box label{width: 100%;}
.sub_apply .apply_form .form_box label input[type="text"]{width: 100%; background: #fff; border: 1px solid #ddd;}
.sub_apply .apply_form .form_box label input[type="text"]:focus{outline: 2px solid rgba(75, 112, 180, .3); border: 1px solid #051B54; box-shadow: -3px -3px 12px rgba(75, 112, 180, .15), 0 0 8px rgba(75, 112, 180, .2);}
.sub_apply .apply_form .form_box .input textarea{width: 100%; background: #fff; border: 1px solid #ddd;}
.sub_apply .apply_form .form_box .input textarea:focus{outline: 2px solid rgba(75, 112, 180, .3); border: 1px solid #051B54; box-shadow: -3px -3px 12px rgba(75, 112, 180, .15), 0 0 8px rgba(75, 112, 180, .2);}

.sub_apply .apply_form .form_box label input[type="email"]{width: 100%; background: #fff; border: 1px solid #ddd;}
.sub_apply .apply_form .form_box label input[type="email"]:focus{outline: 2px solid rgba(75, 112, 180, .3); border: 1px solid #051B54; box-shadow: -3px -3px 12px rgba(75, 112, 180, .15), 0 0 8px rgba(75, 112, 180, .2);}
.sub_apply .apply_form .form_box .gu{font-size: 1.25rem; font-weight: 700;margin-bottom: 10px;}
.sub_apply .apply_form .input.radio{display: flex; gap: 30px;align-items: center;}
.sub_apply .apply_form .input.radio label{display: flex; align-items: center; gap: 5px; width: inherit;}
.sub_apply .apply_form .input.radio input[type="radio"]{flex-shrink: 0;}
.sub_apply .apply_form .agree {display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px;}
.sub_apply .apply_form .agree:last-child{margin-bottom: 0;}
.sub_apply .apply_form .agree label{display: flex; gap: 5px; align-items: center; font-size: 0.875rem;}
.sub_apply .apply_form .agree label input{flex-shrink: 0;}
.sub_apply .apply_form .agree button{width: inherit; background: none;border: none; border-bottom: 1px solid #ddd;color: #000; border-radius: 0; height: inherit; line-height: inherit;padding: 0 5px;}
.sub_apply .apply_form .btn{margin-top: 60px;text-align: right;}
.sub_apply .apply_form .apply_btn{background: #EEF4FF;color: #000;padding: 12px 50px;font-weight: 700;display: inline-block;gap: 5px;}
.sub_apply .apply_form .apply_btn:hover{background: #051B54; color: #fff;}

.service_check_list{display:grid;grid-template-columns:repeat(3, 1fr);gap:10px;}
.service_check{display:block;cursor:pointer;}
.service_check input{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);}
.service_check .check_box{display:flex;align-items:center;justify-content:start;cursor: pointer;padding: 0 10px; width:100%;gap: 10px; height:62px;border:1px solid rgba(0,0,0,.35);background:transparent;font-size:1rem;line-height:1.2;font-weight:400;color:#000;transition:background .2s ease,border-color .2s ease;}
.service_check .check_box small{display:block;margin-top:3px;font-size:0.75rem;font-weight:400; text-align: left;letter-spacing: -0.5px;}
.service_check input:checked + .check_box{background:#051B54;border-color:#051B54;font-weight:600; color: #fff;}
.contact_bg{position: relative; background: #f2f8fd;}
.contact_bg img{display: block;}
.service_check .check_box::before{flex-shrink: 0;}
.service_check:first-child .check_box::before{content: ''; background: url(/img/icon_service01.svg) no-repeat; width: 40px; height: 40px; background-size: contain;}
.service_check:first-child input:checked + .check_box::before{background: url(/img/icon_service01_hover.svg) no-repeat; width: 40px; height: 40px; background-size: contain;}
.service_check:nth-child(2) .check_box::before{content: ''; background: url(/img/icon_service04.svg) no-repeat; width: 40px; height: 40px; background-size: contain;}
.service_check:nth-child(2) input:checked + .check_box::before{background: url(/img/icon_service04_hover.svg) no-repeat; width: 40px; height: 40px; background-size: contain;}
.service_check:nth-child(3) .check_box::before{content: ''; background: url(/img/icon_service05.svg) no-repeat; width: 40px; height: 40px; background-size: contain;}
.service_check:nth-child(3) input:checked + .check_box::before{background: url(/img/icon_service05_hover.svg) no-repeat; width: 40px; height: 40px; background-size: contain;}
.service_check:nth-child(4) .check_box::before{content: ''; background: url(/img/icon_service02.svg) no-repeat; width: 40px; height: 40px; background-size: contain;}
.service_check:nth-child(4) input:checked + .check_box::before{background: url(/img/icon_service02_hover.svg) no-repeat; width: 40px; height: 40px; background-size: contain;}
.service_check:nth-child(5) .check_box::before{content: ''; background: url(/img/icon_service03.svg) no-repeat; width: 40px; height: 40px; background-size: contain;}
.service_check:nth-child(5) input:checked + .check_box::before{background: url(/img/icon_service03_hover.svg) no-repeat; width: 40px; height: 40px; background-size: contain;}



/* sustainability */
.sub_sustan{background: url(/img/sustainability_bg.webp) no-repeat; height: calc(100vh - 100px); display: flex;background-size: cover; align-items: center;flex-direction: column; justify-content: center; color: #fff;position: relative;}
.sub_sustan .tit{font-size: 3.5rem; font-weight: 700;}
.sub_sustan .desc{font-size: 1.125rem; line-height: 1.7;margin-top: 10px; width: 50%; text-align: center;}
.sub_sustan.sub_top{margin-top: 100px;}
.sub_sustan::after{content: '';position:absolute; inset:0;z-index:0;pointer-events:none;margin-top: 0px;background-size:20% 100%,100% 260px;background-image:linear-gradient(to right,rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.07) 1px,transparent 1px);}
.sub_report{position: relative; color: #000; background: url(/img/sub_report_bg.png) no-repeat;}
.sub_report .report_down{display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px;}
.sub_report .report_down li{border:2px solid rgba(75, 112, 180, .3); padding: 40px; border-radius: 10px; background: #fff; display: flex; gap: 20px;}
.sub_report .report_down li .txt{display: flex; flex-direction: column;  gap: 10px;width: 50%;}
.sub_report .report_down li .txt .tit{font-size: 1.25rem;margin-top: 0; color: #03234E; font-weight: 700;}
.sub_report .report_down li .txt .sub_tit{color: #37426A;margin: 10px 0 20px;}
.sub_report .report_down li .txt .desc{color: #666;}
.sub_report .report_down li .txt a{background: #051B54; color: #fff; display: flex;justify-content: center; align-items: center; margin-top: auto; gap: 5px;padding: 12px 20px 12px 30px;}
.sub_report .report_down li .txt a:hover{background: #051B54;}
.sub_report .report_down li .txt a:after{content: ''; background: url(/img/down_icon_w.png) no-repeat; width: 30px; height: 30px; display: block;}
.sub_report .report_down li .img_report{width: 50%;}

.partner_accordion{display:flex;flex-direction:column;gap:12px;margin-top: 120px;}
.partner_accordion .acc_item{border:2px solid #f2f8fd;background: #f2f8fd; border-radius: 10px;}
.partner_accordion .acc_head{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:100px;padding:20px 38px;border:0;background:#f2f8fd;color:#000;text-align:left;cursor:pointer;}
.partner_accordion .acc_title{flex:1;padding-right:30px;font-size:1.125rem;line-height:1.4;font-weight:600;}
.partner_accordion .acc_right{display:flex;align-items:center;gap:50px;flex-shrink:0;}
.partner_accordion .acc_right img{display:block;max-width:150px;max-height:55px;object-fit:contain;}
.partner_accordion .arrow{width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:10px solid #01061B;transform:rotate(0deg);transform-origin:center 35%;transition:transform .3s ease;}
.partner_accordion .acc_item.on .arrow{transform:rotate(180deg);}
.partner_accordion .acc_body{max-height:0;overflow:hidden;opacity:0;border-top:1px solid transparent;transition:max-height .4s ease,opacity .3s ease,border-color .3s ease;}
.partner_accordion .acc_item.on .acc_body{opacity:1;border-top-color:#ddd;}
.partner_accordion .acc_cont{padding:30px 38px 35px;font-size:15px;line-height:1.8;color:#000;}

.partner_wrap {margin-top: 60px;}
.partner_wrap ul{display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;}
.partner_wrap ul li{text-align: center;}
.partner_wrap ul li .logo{display: flex;align-items: center; justify-content: center; border-radius: 5px; border: 2px solid rgba(75, 112, 180, .3);}
.partner_wrap ul li .logo img{max-height: 100px;}

/* .sub_report_swiper .sustainability_report{overflow:hidden;}
.sub_report_swiper .report_top{display:flex;align-items:center;justify-content:space-between;margin-bottom:80px;}
.sub_report_swiper .report_top .tit{font-size:3rem;font-weight:700;color:#000;}
.sub_report_swiper .report_nav{display:flex;align-items:center;gap:14px;}
.sub_report_swiper .report_nav button{position:relative;width:30px;height:30px;padding:0;border:1px solid #01061B;border-radius:50%;background:transparent;cursor:pointer;}
.sub_report_swiper .report_nav button::before{content:"";position:absolute;top:50%;left:50%;width:7px;height:7px;border-top:1px solid #01061B;border-right:1px solid #01061B;}
.sub_report_swiper .report_prev::before{transform:translate(-35%,-50%) rotate(-135deg);}
.sub_report_swiper .report_next::before{transform:translate(-65%,-50%) rotate(45deg);}
.sub_report_swiper .reportSwiper{overflow:visible; padding-top: 80px;}
.sub_report_swiper .reportSwiper .swiper-slide{width:auto;transition:transform .35s ease,opacity .35s ease;}
.sub_report_swiper .report_card{width:100%;border-radius:6px;text-align:center;transition:transform .35s ease;}
.sub_report_swiper .report_card .img img{display:block;width:100%;height:auto;object-fit:contain;}
.sub_report_swiper .swiper-wrapper{height: auto;}
.sub_report_swiper .reportSwiper .swiper-slide-active{z-index:2;}
.sub_report_swiper .report_nav button.swiper-button-disabled{opacity:.3;cursor:default;}
.sub_report_swiper .swiper-slide-active{z-index:2;}
.sub_report_swiper .swiper-slide-active .report_card{transform:scale(1.2);transform-origin:left bottom;}
.sub_report_swiper .swiper-slide-active ~ .swiper-slide{transform:translateX(65px);} */

.sub_report_swiper {overflow: hidden;}
.sustainability_report {width: 100%;}
.sustainability_report .desc{font-size: 1.125rem;color: #666;font-weight: 500;margin-top: 10px;}
.sustainability_report span{margin-top: 10px; display: inline-block;}
.report_top {display: flex;align-items: center;justify-content: space-between;margin-bottom: 40px;}
.report_top > .tit {font-size: 2.5rem;font-weight: 700; color: #03234E;}
.report_nav {display: flex;align-items: center;gap: 10px;}
.report_prev,
.report_next {position: relative;width: 50px;height: 50px;padding: 0;border: 1px solid #ddd;border-radius: 50%;background: transparent;cursor: pointer;}
.report_prev::before {content: "";position: absolute;top: 50%;left: 53%;width: 10px;height: 10px;border-left: 1px solid #111;border-bottom: 1px solid #111;transform: translate(-50%, -50%) rotate(45deg);}
.report_next::before {content: "";position: absolute;top: 50%;left: 47%;width: 10px;height: 10px;border-top: 1px solid #111;border-right: 1px solid #111;transform: translate(-50%, -50%) rotate(45deg);}
.reportSwiper {width: 100%;overflow: hidden;}
.reportSwiper .swiper-wrapper {align-items: stretch;height: inherit;}
.report_card {height: 100%;max-height: 300px;padding: 30px;box-sizing: border-box;border: 1px solid #ddd; background: #f2f8fd;}
.report_card .tit {font-size: 1.5rem;font-weight: 700;margin-bottom: 15px;}
.report_card .desc {font-size: 1rem;line-height: 1.6;}

.sub_resources{position: relative; color: #000;}
.sub_resources ul{display: grid; grid-template-columns: repeat(1, 1fr);}
.sub_resources ul li{border-bottom: 1px solid #ddd; padding: 20px 10px; display: flex; align-items: center; justify-content: space-between; gap: 10px;}
.sub_resources ul li:hover{background: #f2f8fd;}
.sub_resources ul li:first-child{border-top: 1px solid #ddd;}
.sub_resources ul li div{font-size: 1.125rem;}
.sub_resources ul li a{flex-shrink: 0;}
.sub_resources .map iframe{width: 100%;}

/* ansan */
.sub_cgmp{height:calc(100vh - 100px);display:flex;align-items:center;flex-direction:column;justify-content:center;color:#fff;position:relative;overflow:hidden; background: radial-gradient(circle at 10% 10%,rgba(75, 140, 255, .22),transparent 28%),linear-gradient(135deg,#01061B 0%,#01061B 55%,#01061B 100%); background-color:#01061B;}
.sub_cgmp::before{content:"";position:absolute;inset:0;background:url(/img/cgmp_bg.webp) no-repeat right center;background-size:cover;transform:scale(1);transition:transform 1s ease;z-index:0;}
.sub_cgmp:hover::before{transform:scale(1.08);}
.sub_cgmp > *{position:relative; z-index:1;}
.sub_cgmp::after{content: '';position:absolute; inset:0;z-index:0;pointer-events:none;margin-top: 0px;background-size:20% 100%,100% 260px;background-image:linear-gradient(to right,rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.07) 1px,transparent 1px);}
.sub_cgmp .tit{font-size: 3.5rem; font-weight: 700;}
.sub_cgmp .desc{font-size: 1.125rem; line-height: 1.7;margin-top: 10px; width: 40%;}
.sub_cgmp.sub_top{margin-top: 100px;}
.sub_cgmp.sub_rnd::before{content:"";position:absolute;inset:0;background:url(/img/rnd_bg.webp) no-repeat 105% center;background-size:55%;transform:scale(1);transition:transform 1s ease;z-index:0;}
.sub_cgmp.sub_ansan::before{content:"";position:absolute;inset:0;background:url(/img/cgmp_bg_ansan.webp) no-repeat 105% center;background-size:55%;transform:scale(1);transition:transform 1s ease;z-index:0;}
.sub_cgmp.sub_hwaseong::before{content:"";position:absolute;inset:0;background:url(/img/cgmp_bg_hwaseong.webp) no-repeat 105% center;background-size:55%;transform:scale(1);transition:transform 1s ease;z-index:0;}

.sub_total{position: relative; color: #fff; background: #01061B;padding-bottom: 60px;}
.sub_total ul{display: grid;grid-template-columns:repeat(4, minmax(0, 1fr)); align-items: center; gap: 20px; justify-content: center;}
/* .sub_total ul li{border:2px solid rgba(75, 112, 180, .3);background: #0A1225;border-radius: 10px; padding: 20px; } */
.sub_total ul li {position: relative;padding: 20px;background:radial-gradient(circle at 20% 20%,rgba(75, 140, 255, .22),transparent 38%),linear-gradient(135deg,#111d3a 0%,#0A1225 55%,#070d1c 100%);border: 1px solid rgba(100, 145, 220, .35);border-radius: 16px;backdrop-filter: blur(15px);-webkit-backdrop-filter: blur(15px);box-shadow:0 12px 35px rgba(0, 0, 0, .28),inset 0 1px 0 rgba(255, 255, 255, .12),inset 0 -1px 0 rgba(0, 0, 0, .35);overflow: hidden;}
.sub_total ul li::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 50%;background: linear-gradient(180deg,rgba(255, 255, 255, .10) 0%,rgba(255, 255, 255, .035) 45%,rgba(255, 255, 255, 0) 100%);pointer-events: none;}
.sub_total ul li::after {content: "";position: absolute;right: -80px;bottom: -100px;width: 220px;height: 220px;border-radius: 50%;background: radial-gradient(circle,rgba(65, 120, 220, .16) 0%,rgba(65, 120, 220, 0) 70%);pointer-events: none;}

.sub_total ul li .item{display: flex; align-items: start;flex-direction: column; gap: 10px;}
.sub_total ul li .item img{max-height: 60px;}
.sub_total ul li .txt_box{width: 100%;}
.sub_total ul li .txt_box .desc{font-size: 1rem;height: 50px;display: flex; align-items: center;}
.sub_total ul li .txt_box .total{font-size: 3rem; font-weight: 700;}
.sub_total ul li .txt_box .total span{font-size: 1.25rem;}

.sub_total.rnd .inner{max-width:none;padding:0;width: 100%;}
.sub_total.rnd .rndTotalSwiper{width:100%;overflow:hidden;}
.sub_total.rnd ul.swiper-wrapper{display:flex;align-items:stretch;justify-content:flex-start;height: auto;gap:0;}

.plant_ov ul{display: grid;grid-template-columns:repeat(4, minmax(0, 1fr)); gap: 20px;}
.plant_ov ul li{padding: 30px;background: #f2f8fd;border: 2px solid rgba(75, 112, 180, .3);border-radius: 10px;}
.plant_ov ul li .num{color: #39456A; font-size: 1rem;margin:15px 0 10px;}
.plant_ov ul li .tit{font-size: 1.25rem;font-weight: 700;margin-bottom: 10px; color: #03234E;}
.plant_ov ul li .desc{font-size: 0.875rem;line-height: 1.7; color: #666;}

.sub_record{background: #f2f8fd}
.sub_record .sub_page_t{margin-bottom: 30px;}
.record_cont ul{display: flex; gap: 20px;flex-wrap: wrap; justify-content: center;}
.record_cont ul li{background: #fff;border: 2px solid rgba(75, 112, 180, .3); width: calc(25% - 15px);padding: 20px;border-radius: 20px;}
.record_cont ul li .flex{display: flex; align-items: start;gap: 10px;}
.record_cont ul li .txt .tit{font-weight: 700; font-size: 1.25rem; margin-bottom: 10px;}
.record_cont ul li .txt .desc{color: #666; font-size: 0.875rem;}
.record_cont ul li .record_item{display: flex; gap: 10px; margin-top: 10px; }
.record_cont ul li .record_item > div{background: #e7f1fd; width: 50%; display: flex; flex-direction: column;justify-content: center; align-items: center; gap: 10px;padding: 20px 0; border-radius: 10px;border: 1px solid #a6c0fa;}
.record_cont ul li .record_item .item_tit{font-size: 1.25rem;font-weight: 600; height: 48px; text-align: center; display: flex; align-items: center;}
.record_cont ul li .record_item .item_tit.year{font-size: 0.875rem;}
.record_cont ul li .record_item .item_desc{font-size: 0.875rem; color: #36416A;}

.wrap_controllers{display: none;}
.root_daum_roughmap{width: 100% !important;}
.root_daum_roughmap .cont{display: none;}

/* milestone */
.sub_mile .sub_page_t{padding-bottom: 0px;margin-bottom: 0;}
.sub_mile .sub_page_t .desc{text-align: right;}
/* .history_scroll{position:relative;min-height:100vh;color:#000;}
.history_inner{position:relative;display: flex;align-items: center; gap:40px;width:100%;min-height:calc(100vh - 100px);}
.history_visual{padding-top:10px;width:100%}
.history_img{max-width:800px;width: 100%; overflow:hidden;border-radius:10px;}
.history_img img{display:block;width:100%;height: 360px;object-fit: cover;opacity:1;transform:scale(1);transition:opacity .35s ease,transform .5s ease;object-position: top;}
.history_img img.change{opacity:0;transform:scale(.98);}
.history_years {position: relative;width: 220px;height: 300px;flex-shrink: 0;overflow: hidden;}
.history_year_track {display: flex;flex-direction: column;width: 100%;will-change: transform;}
.history_year {position: relative;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;width: 100%;height: 100px;min-height: 100px;padding: 0 0 0 28px;border: 0;background: transparent;font-family: inherit;color: #000;text-align: left;cursor: pointer;opacity: .2;transform: scale(.7);transform-origin: left center;transition:opacity .4s ease,transform .5s cubic-bezier(.22, 1, .36, 1);}
.history_year::before {content: "";position: absolute;left: 4px;top: 50%;width: 7px;height: 7px;background: #d6dedb;transform:translateY(-50%)rotate(45deg);transition: .4s;}
.history_year span {font-size: 2rem;line-height: 1;font-weight: 700;transition:color .4s ease,transform .5s cubic-bezier(.22, 1, .36, 1);}
.history_year small {margin-top: 7px;font-size: .875rem;}
.history_year.on {opacity: 1;transform: scale(1);}
.history_year.on span {color: #0A1225;}
.history_year.on::before {background: #0A1225;transform:translateY(-50%)rotate(45deg)scale(1.3);}
.history_year.near {opacity: .5;transform: scale(.75);}
.history_detail{align-self:center;margin-top:10px;padding:20px;width: 35%;flex-shrink: 0; border:1px solid #f2f8fd;border-radius:7px;background:#f2f8fd;opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease;}
.history_detail.change{opacity:0;transform:translateY(8px);}
.detail_title{font-size:1.5rem;line-height:1.7;font-weight:700;}
.detail_desc{margin-top:20px;font-size:1rem;line-height:1.7;color: #000;} */
.history_title{font-size:2.5rem;font-weight:700; color: #03234E;}
.history_sub{margin-top:15px;font-size:1rem;color: #666;}
.history_scroll {position: relative;width: 100%;color: #000;margin: 60px 0;}
.history_list {position: relative;width: 100%;}
.history_item{position: relative;display: grid;grid-template-columns: 150px 1fr;min-height: 320px;}
.history_year {position: relative;display: flex;align-items: flex-start;justify-content: flex-end;padding: 5px 55px 0 0;color: #9aafc7;transition: color .4s ease;font-size: 1.25rem;font-weight: 700;}
.history_year::after {content: "";position: absolute;top: 0;bottom: 0;right: 25px;width: 1px;background: #d9e1e8;}
.history_year::before {content: "";position: absolute;top: 10px;right: 22px;z-index: 2;width: 7px;height: 7px;background: #b9c8d8;transform: translateY(-50%) rotate(45deg);transition: background .3s ease, transform .3s ease;}.history_item.on .history_year {color: #0A1225;}.history_item.on .history_year::before {background: #0A1225;transform: translateY(-50%) rotate(45deg) scale(1.3);}.history_year small {position: absolute;top: 30px;right: 55px;font-size: .7rem;font-weight: 500;}
.history_content {display: grid;grid-template-columns: 1fr 1.2fr;gap: 50px;padding: 0 0 60px 35px;}
.history_detail {width: 100%;padding: 0;border: 0;background: none;}
.detail_title {font-size: 1.5rem;line-height: 1.5;font-weight: 700; color: #03234E;}
.detail_desc {margin-top: 15px;font-size: 1rem;line-height: 1.7;color: #666;}
.history_img {width: 100%;overflow: hidden;max-height: 260px;border-radius: 10px;}
.history_img img {display: block;width: 100%;height: 100%;object-fit: cover;object-position: top;}
.history_item:last-child .history_year::after {bottom: calc(100% - 10px);}
.mile_bg{background:url(/img/mile_bg.png) no-repeat;background-size:cover;background-position: top right; padding: 80px;color: #000;}
.mile_bg .history_sub{color: #666;text-align: left;margin-top: 30px;}
.mile_years {position: relative;display: flex;justify-content: space-between;width: 100%;padding-top: 20px;margin-top: 30px;}
.mile_years::before {content: "";position: absolute;top: 20px;left: 0;right: 0;height: 1px;background: #d9dfe5;}
.mile_year {position: relative;z-index: 1;display: flex;flex-direction: column;align-items: center;}
.mile_year .dot {width: 5px;height: 5px;margin-top: 1px;left: 4px;top: 50%;width: 7px;height: 7px;background: #0A1225;transform: translateY(-50%) rotate(45deg);}
.mile_year .year {margin-top: 8px;color: #000;font-size: 14px;font-weight: 600;line-height: 1;}

.direct{position:relative;overflow:hidden;color:#fff;padding:100px 150px;text-align:center;}
.direct::before{content:"";position:absolute;inset:0;background:url(/img/direct_bg.png) no-repeat center;background-size:cover;transform:scale(1);transition:transform 1s ease;z-index:0;}
.direct:hover::before{transform:scale(1.05);}
.direct > *{position:relative;z-index:1;}
.direct .tit{font-size: 2.5rem; font-weight: 700;margin-bottom: 30px;}
.direct .desc{font-size: 1.125rem; line-height: 1.7;}

/* company */
.our_company{display: flex; color: #000;gap: 60px;}
.our_company .txt_box{width: 40%;font-size: 1.125rem; line-height: 1.7;color: #666;}
.our_company .img_box{width: 60%; display: flex; gap: 30px;position: relative;}
.our_company .img_box div{width: 100%;margin-top: -140px;}

.our_company .img_box .txt{position: absolute;right: 0;}
.vision ul{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));; gap: 40px; text-align: center; color: #000;}
.vision ul li{position: relative;width: 100%;padding: 40px 20px;display: flex;flex-direction: column;justify-content: space-between;/* glass */background:radial-gradient(circle at 20% 30%,rgba(132, 197, 255, .25),transparent 35%),#f4f9fd;border: 1px solid #d7def1;border-radius: 16px;backdrop-filter: blur(15px);-webkit-backdrop-filter: blur(15px);box-shadow:0 8px 30px rgba(31, 90, 150, 0.08),inset 0 1px 0 rgba(255, 255, 255, 0.9);overflow: hidden;}
.vision ul li::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 45%;background: linear-gradient(180deg,rgba(255,255,255,.65) 0%,rgba(255,255,255,0) 100%);pointer-events: none;}
.vision ul li .tit{margin-top: 20px; font-size: 1.5rem; font-weight: 700; text-align: left; color: #03234E;}
.vision ul li .tit::before{content: ''; background: #03234E; width: 50px; height: 2px; display: block;margin-bottom: 15px;}
.vision ul li .desc{font-size: 1rem; font-weight: 400;margin-top:20px;text-align: left;color: #666;}
.vision ul li > img{animation: iconFloat 1.5s ease-in-out infinite alternate; max-height: 200px;}
.vision ul li .value_text{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));gap: 10px;margin-top: 20px;}
.vision ul li .value_text div{background: #E7F1FD;border-radius: 10px; display: flex; align-items: center;padding: 8px 10px; gap: 10px; font-size: 0.875rem; font-weight: 500;letter-spacing: -0.3px;}



@keyframes iconFloat{
    0%{
        transform:translateY(0);
    }
    100%{
        transform:translateY(-12px);
    }
}

.company_text{color: #000;}
.company_text .text{text-align: center; font-size: 1.75rem; line-height: 1.7; font-weight: 600; color: #0A1225;}
.company_text .q_mark{text-align: center;position: relative;}
.company_text img{width:100%; max-width: 1000px;position: relative;}

.company_tech {position: relative;width: 100%;color: #fff; overflow: hidden;background:linear-gradient(rgba(18, 75, 130, .12) 1px, transparent 1px),linear-gradient(90deg, rgba(18, 75, 130, .12) 1px, transparent 1px),radial-gradient(circle at 72% 55%,#062c5c 0%,#011a39 28%,#000d20 58%,#000817 100%);background-size:130px 120px,130px 120px,100% 100%;}
.company_tech::after {content: "";position: absolute;left: 0;right: 0;bottom: -25%;height: 65%;z-index: -1; background:linear-gradient(rgba(29, 109, 190, .18) 1px, transparent 1px),linear-gradient(90deg, rgba(29, 109, 190, .18) 1px, transparent 1px);background-size: 120px 70px;transform:perspective(600px)rotateX(60deg);transform-origin: center top;opacity: .6;pointer-events: none;}
.company_tech .inner{display: flex; align-items: center; justify-content: space-between; gap: 40px;position: relative;}
.company_tech .visual_text{width: 45%; flex-shrink: 0;}
.company_tech .visual_text .tit{font-size: 3rem; font-weight: 700;}
.company_tech .visual_text .desc{margin-top: 60px; font-size: 1.125rem; width: 80%; line-height: 1.7;}

.slider_area {width: 100%;max-width: 800px;height: 570px;perspective: 1100px;perspective-origin: 50% 50%;transform: scale(.95);}
.slider_area .slider {position: relative;width: 100%;height: 100%;transform-style: preserve-3d;}
.slider_area .sub_tit{font-size: 1.25rem; font-weight: 700;}
.slider_area .desc{font-size: 1rem; margin-top: 10px;}
.slider_area .slide {position: absolute;left: 50%;top: 50%;width: 280px;height: 500px;overflow: hidden;border: 1px solid rgba(92, 179, 255, .85);background: #061c37;box-shadow:0 0 12px rgba(57, 155, 255, .65),0 0 40px rgba(0, 106, 255, .25);transition:transform 1s cubic-bezier(.22,.61,.36,1),clip-path 1s cubic-bezier(.22,.61,.36,1),opacity .65s ease,filter .8s ease;transform-style: preserve-3d;backface-visibility: hidden;will-change: transform, clip-path, opacity;}
.slider_area .slide.active{width: 380px;}
.slider_area .slide img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.02);}
.slider_area .slide::after {content: "";position: absolute;inset: 0;background:linear-gradient(to bottom,rgba(0,10,30,.05) 0%,rgba(0,12,35,.12) 35%,rgba(0,15,40,.4) 58%,rgba(0,15,40,.96) 100%);pointer-events: none;}

.slider_area .logo{display: flex; align-items: center;justify-content: center; height: 100%;}
.slider_area .logo img{position: relative; width: 100%; height: 50px; object-fit: contain;}
.slider_area .slide.white {background:linear-gradient(135deg,#fff 0%,#eef5fb 50%,#fff 100%);box-shadow:0 0 12px rgba(120, 190, 255, .85),0 0 35px rgba(0, 120, 255, .35),0 30px 70px rgba(0, 80, 200, .25);}
.slider_area .slide.white::after {display: none;}

.slider_area .slide_content {position: absolute;z-index: 3;left: 22px;right: 20px;bottom: 35px;color: #fff;transition: transform 1s cubic-bezier(.22,.61,.36,1);}
.slider_area .slide.prev .slide_content {transform:skewY(8deg) translateY(-5px);transform-origin: right bottom;}
.slider_area .slide.next .slide_content {transform:skewY(-8deg)translateY(-5px);transform-origin: left bottom;}
.slider_area .slide.active .slide_content {transform:skewY(0deg)translateY(0);transform-origin: center bottom;}
.slider_area .slide.hidden-left .slide_content {transform:skewY(6deg)translateY(-8px);}
.slider_area .slide.hidden-right .slide_content {transform:skewY(-6deg)translateY(-8px);}
.slider_area .slide.active {z-index: 10;opacity: 1;transform:translate(-50%, -50%)translateX(0)translateZ(60px)rotateY(0deg)scale(1);transform-origin: center center;clip-path: polygon(0 0,100% 0,100% 100%,0 100%);filter: brightness(1);}
.slider_area .slide.prev {z-index: 7;opacity: 1;transform:translate(-50%, -50%)translateX(-360px)translateZ(-55px)rotateY(-26deg)scale(1.1);transform-origin: right center;clip-path: polygon(0 8%,100% 0,100% 100%,0 92%);filter:brightness(.85)saturate(.9);}
.slider_area .slide.prev::before {content: "";position: absolute;z-index: 4;inset: 0;background:linear-gradient(90deg,rgba(0,8,25,.38) 0%,rgba(0,8,25,.06) 55%,transparent 100%);pointer-events: none;}

.slider_area .slide.next {z-index: 7;opacity: 1;transform:translate(-50%, -50%)translateX(360px)translateZ(-55px)rotateY(26deg)scale(1.1);transform-origin: left center;clip-path: polygon(0 0,100% 8%,100% 92%,0 100%);filter:brightness(.85)saturate(.92);}
.slider_area .slide.next::before {content: "";position: absolute;z-index: 4;inset: 0;background:linear-gradient(270deg,rgba(0,8,25,.38) 0%,rgba(0,8,25,.06) 55%,transparent 100%);pointer-events: none;}
.slider_area .slide.hidden-left {z-index: 1;opacity: 0;pointer-events: none;transform:translate(-50%, -50%)translateX(-500px)translateZ(-180px)rotateY(-38deg)scale(.88);transform-origin: right center;clip-path: polygon(0 14%,100% 2%,100% 98%,0 86%);filter: brightness(.4);}
.slider_area .slide.hidden-right {z-index: 1;opacity: 0;pointer-events: none;transform:translate(-50%, -50%)translateX(500px)translateZ(-180px)rotateY(38deg)scale(.88);transform-origin: left center;clip-path: polygon(0 2%,100% 14%,100% 86%,0 98%);filter: brightness(.4);}
.controls {position: absolute;z-index: 30;right: 0;bottom: -50px;display: flex;gap: 10px;}
.controls button {display: flex;width: 55px;height: 55px;align-items: center;justify-content: center;border: 1px solid rgba(255,255,255,.3);border-radius: 50%;background: rgba(0,30,70,.7);color: #fff;font-size: 23px;cursor: pointer;transition:background .3s ease,border-color .3s ease,transform .3s ease;}
.controls button:hover {background: #1E54A6;border-color: #5caeff;transform: translateY(-2px);}
.slider_area::after {content: "";position: absolute;z-index: -1;left: 50%;bottom: -48px;width: 780px;height: 190px;transform: translateX(-50%);background:radial-gradient(ellipse at center,rgba(105, 210, 255, .72) 0%,rgba(20, 145, 255, .55) 20%,rgba(0, 105, 255, .36) 38%,rgba(0, 75, 210, .18) 58%,transparent 78%);filter: blur(16px);pointer-events: none;}

.root_daum_roughmap .wrap_btn_zoom .btn_zoom_in{height: 32px;}
.root_daum_roughmap .wrap_btn_zoom .btn_zoom_out{height: 30px;}

.org_wrap {background: url(/img/org_item_bg.png) no-repeat; background-size: cover;padding: 50px 0;min-height: 600px;}
.org_wrap .yuhan a{display: inline-flex; align-items: center; gap: 16px; background: #fff;box-shadow: -3px -3px 12px rgba(75, 112, 180, .15), 0 0 8px rgba(75, 112, 180, .2); border: 1px solid #B2C7FB;padding: 30px; border-radius: 10px;}
.org_wrap .yuhan .logo img{max-height: 48px;}
.org_wrap .yuhan .text{text-align: center;}
.org_wrap .yuhan .tit{font-size: 2rem; font-weight: 700;}
.org_wrap .yuhan .desc{font-size: 1rem;}

.org_item .tit{padding: 10px 0; justify-content: space-between;font-size: 2rem; font-weight: 700; color: #03234E;}
.org_item .txt{margin-bottom: 60px; color: #666;}

.org_item .tit .sub_tit{display: flex; align-items: center;gap: 10px;}
.org_item .tit .sub_tit div{background: #0A1225;font-weight: 500; color: #fff; padding: 15px 30px; border-radius: 50px; font-size: 1.25rem;}
.org_item .tit .sub_tit img{max-height: 60px;}
.org_item ul{display: grid; grid-template-columns: repeat(3, 1fr); gap:20px;width: 65%;}
.org_item ul li{text-align: left; border-radius: 10px; padding: 15px; font-size: 1.25rem;font-weight: 500;display: flex; flex-direction: column; justify-content: start;align-items: start; gap: 10px;}
.org_item ul li img{max-height: 40px;}
.org_item ul li .tit{font-size: 1.25rem;}
.org_item ul li .desc{font-size: 1rem; color: #666;}

.org_tab {display: flex;align-items: center;justify-content: center;gap: 10px;margin-bottom: 50px;}

.org_tab button {padding: 18px;background: #f2f8fd;border:2px solid #f2f8fd;color: #000;font-size: 1rem;font-weight: 600;cursor: pointer;height: auto;border: none;line-height: inherit; display: flex; align-items: center; justify-content: center; gap: 20px;}
.org_tab button img{max-height: 45px;}
.org_tab button .tab_tit{display: flex; flex-direction: column; align-items: start; gap: 0;}
.org_tab button .tab_tit span{font-weight: 700;font-size: 1.25rem;}
.org_tab button.on {border:2px solid #03234E;}
.org_wrap {position: relative;}
.org_item {display: none;}
.org_item.on {display: block;}

.no_post{padding: 30px; width: 100%; border: 2px solid #516FB9; text-align: center; font-size: 1.5rem;display: flex; align-items: center;justify-content: center; flex-direction: column;gap: 10px;}
.no_post::before{content: ''; background: url(/img/info-circle.svg) no-repeat;background-size: cover; width: 30px; height: 30px; display: block;}
.news_top.no_post_top{display: none;}
.news_list.no_post_list ul{display: none;}
.news_list.no_post_list .paging{display: none;}

.sub_map_bg .sub_page_t{display: flex; align-items: end; justify-content: space-between;gap: 20px;}
.sub_map_bg .hover_btn{background: #F2F8FD; display: inline-flex; align-items: center; padding: 15px;border-radius: 10px; gap: 15px;}

.sub_map_bg .site_map_hover {position: relative;width: 100%;overflow: hidden;border-radius: 15px;}
.sub_map_bg .site_map_bg {display: block;width: 100%;height: auto;transition:opacity .3s ease,transform .6s ease;}
.sub_map_bg .site_point {position: absolute;z-index: 2;}
.sub_map_bg .site_point.point_a {top: 38%;left: 48%;}
.sub_map_bg .site_point.point_b {top: 38%;left: 63%;}
.sub_map_bg .site_point.point_c {top: 21%;left: 82%;}
.sub_map_bg .site_point.point_d {top: 27%;left: 82%;}
.sub_map_bg .site_point.point_e {top: 15%;left: 82%;}
.sub_map_bg .site_point.point_f {top: 33%;left: 78%;}
.sub_map_bg .site_point.point_g {top: 62%;left: 63%;}
.sub_map_bg .site_point.point_h {top: 57%;left: 77%;}
.sub_map_bg .site_point.point_i {top: 67%;left: 53%;}
.sub_map_bg .site_point.point_j {top: 63%;left: 45%;}
.sub_map_bg .site_point.point_k {top: 75%;left: 50%;}
.sub_map_bg .site_point.point_l {top: 49%;left: 49%;}
.sub_map_bg .site_point.point_m {top: 40%;left: 56%;}
.sub_map_bg .site_point.point_n {top: 47%;left: 75%;}
.sub_map_bg .site_point.point_o {top: 88%;left: 38%;}
.sub_map_bg .site_point.point_p {top: 62%;left: 70%;}
.sub_map_bg .site_point.point_q {top: 57%;left: 25%;}
.sub_map_bg .site_point.point_r {top: 49%;left: 43%;}

.sub_map_bg .point_btn {position: relative;text-align: left; z-index: 2;line-height: 1; display: flex;align-items: center;justify-content: left;gap: 10px;font-size: 0.875rem; width: auto; height: 34px; padding: 0 20px 0 0;border-radius: 50px;border: none; background: linear-gradient( #48566B, #242E6B);color: #fff;font-weight: 700;cursor: pointer;transition:transform .3s ease,background .3s ease;}
.sub_map_bg .point_btn::before{content: ''; background: #fff;border: 3px solid #9ba0b5; width: 34px; height: 34px;border-radius: 50px; box-sizing: border-box;}
.sub_map_bg .point_pop {position: absolute; left: 50%;top: calc(100% + 15px);width: 350px;padding: 20px;border: 1px solid rgba(255,255,255,.3);border-radius: 10px;background:#fff;color: #000;opacity: 0;visibility: hidden;transform:translateX(-50%)translateY(10px);transition:opacity .3s ease,visibility .3s ease,transform .3s ease;pointer-events: none;}
.sub_map_bg .point_pop::after {content: "";position: absolute;bottom: 95%;left: 50%;width: 10px;height: 10px;background: #fff;transform:translate(-50%, -50%)rotate(45deg);}
.sub_map_bg .site_point:hover .point_pop {opacity: 1;visibility: visible;transform:translateX(-50%)translateY(0);}
.sub_map_bg .point_pop.top_pop {position: absolute; left: 50%;top: -230px;width: 350px;padding: 20px;border: 1px solid rgba(255,255,255,.3);border-radius: 10px;background:#fff;color: #000;opacity: 0;visibility: hidden;transform:translateX(-50%)translateY(10px);transition:opacity .3s ease,visibility .3s ease,transform .3s ease;pointer-events: none;}
.sub_map_bg .point_pop.top_pop::after {content: "";position: absolute;top: 100%;left: 50%;width: 10px;height: 10px;background: #fff;transform:translate(-50%, -50%)rotate(45deg);}
.sub_map_bg .site_point:hover .point_pop.top_pop {opacity: 1;visibility: visible;transform:translateX(-50%)translateY(0%);}
.sub_map_bg .point_pop .tit {font-size: 18px;font-weight: 700;}
.sub_map_bg .point_pop .desc {margin-top: 8px;font-size: 14px;line-height: 1.6;color:#666;}
.sub_map_bg .point_pop .desc ul{display: grid; gap: 5px;padding-top: 10px;border-top: 1px solid #47556a;}
.sub_map_bg .point_pop .desc ul li{display: flex; align-items: center; gap: 10px;}
.sub_map_bg .point_pop .desc ul li img{max-width: 30px;}
.sub_map_bg .point_pop .desc ul li .gu{width: 100px;font-weight: 600; color: #000;flex-shrink: 0;}
.sub_map_bg .point_pop .desc ul li div{line-height: 1.25;}
.sub_map_bg .site_point.hide .point_btn {opacity: 0;visibility: hidden;pointer-events: none;}

.sub_map_bg .point_pop.hwaseong_site  {top: -260px !important;}

.sub_location .sub_feat li{justify-content: inherit;}
.sub_location .sub_feat li .nae{min-height: inherit; color: #000;text-align: left;width: 100%;}
.sub_location .sub_feat li .flex a{display: flex; align-items: center;justify-content: space-between;}
.sub_location .sub_feat .txt_box a{background: inherit; width: inherit;}

.location_box .sub_page_t{background: url(/img/location_box_bg.png) no-repeat; background-size: cover; background-position: right;padding: 20px;}
.location_box .sub_page_t .desc{width: 50%;}
.location_box .location_list{display: flex; gap: 20px;}
.location_box .location_list .location_item{border:2px solid rgba(75, 112, 180, .3);background: #fff;border-radius: 10px; width: 100%;padding: 30px; text-align: center;}
.location_box .location_list .location_item:first-child{width: 60%;}
.location_box .location_list .location_item:last-child{width: 40%;}
.location_box .location_list .location_item .item_tit{font-size: 1.25rem; text-align: left; font-weight: 700;margin-bottom: 10px; color: #03234E;}
.location_box .location_list .location_item .desc{text-align: left;margin-bottom: 20px; color: #666;}
.location_box .location_list .location_item ul {display: grid; gap: 20px;}
.location_box .location_list .location_item ul li{ display: flex;text-align: left; gap: 20px; border-bottom:2px solid rgba(75, 112, 180, .3);padding-bottom: 20px;}
.location_box .location_list .location_item ul li:last-child{padding-bottom: 0; border-bottom: 0;}
.location_box .location_list .location_item ul li img{width: 40%; border-radius: 15px;min-height: 140px;object-fit: cover; display: block;}
.location_box .location_list .location_item ul li .txt{width: 100%;}
.location_box .location_list .location_item ul li .flex{display: flex; gap: 10px;}
.location_box .location_list .location_item ul li .txt.flex{align-items: center;}
.location_box .location_list .location_item ul li .txt.flex .tit{font-weight: 500;}
.location_box .location_list .location_item ul li .tit{margin-bottom: 10px;font-size: 1.25rem;font-weight: 700;}
.location_box .location_list .location_item ul li .sub_tit{margin-bottom: 10px;color: #666;}
.location_box .location_list .location_item ul li .flex img{width: 100%; width: 80px; height: 80px;min-height: inherit; object-fit: cover;}

.project_mana .card_wrap{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: center;gap: 20px;}
.project_mana .card_wrap .card_item{padding:30px;background: #f2f8fd; border: 2px solid rgba(75, 112, 180, .3);border-radius: 10px;height: 100%;display: flex;align-items: start;gap: 10px; justify-content: center;}
.project_mana .card_wrap .card_item img{max-width: 60px;}
.project_mana .card_wrap .card_item .tit{font-size: 1.25rem; font-weight: 700; color: #03234E;}
.project_mana .card_wrap .card_item .nae{font-size: 1rem;margin-top: 15px; color: #666;}
.delivery_wrap{background: #f2f8fd;}
.delivery_wrap .delivery{display: flex; align-items: center;gap: 60px;}
.delivery_wrap .delivery .tit{font-size: 1.5rem;font-weight: 700;margin-bottom: 20px;margin-top: 10px;color: #03234E;}
.delivery_wrap .delivery .nae{font-size: 1.25rem; color: #666;}
.delivery_wrap .delivery img{width: 60%;text-align: center; display: block;}

.c_line{position: relative; display: flex; align-items: center; gap: 12px; color: #03234E; font-size: 1.5rem;font-weight: 700;margin-bottom: 10px;}
.c_line::before{content: ''; background: #03234E; width: 40px; height: 2px;display: block;}
.c_line.c_line_w{color: #fff;}
.c_line.c_small{font-size: 1.125rem;}
.c_line.c_line_w::before{content: ''; background: #fff; width: 40px; height: 2px;display: block;}

.right_sub_txt{position: absolute; right: 15px; top: 15px; text-align: right;}
.right_sub_txt div{color: #03234E; text-align: right;}
.right_sub_txt .c_line::before{right: 0;position: absolute;}