.over_hidden {overflow-x:hidden}
.main #header {background: rgba(0,0,0,.1);   backdrop-filter: blur(5px);transition: transform .3s, background .3s; opacity: 1;}
.main #header.on {opacity: 1; transition: transform .3s, background .3s, opacity .3s;}
.main #header.init_bg {background: rgba(0,0,0,.1);   backdrop-filter: blur(5px);backdrop-filter:none}
.main #header .inner {background:transparent;transition:height .3s ease, background .3s ease;}
.main #header .inner.open {background:transparent}
.main #header .inner .logo a{display:block;width:188px;height:80px;background:url("/2025/img/common/logo-wh.png") no-repeat 0 center;background-size:188px auto;color:transparent;font-size:1px;}
.main #header .inner .gnbPlace a, .main #header .inner .gnb ul .gnb_li .depth1{color: #fff;}

.main #header .inner .gnbPlace > a i {display: inline-block; position: relative; width: 20px; height: 20px; margin-left: 10px; transition: all 0.3s; vertical-align: top;}
.main #header .inner .gnbPlace > a i:after{content:''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-image: url('/2025/img/icon/icon-plus-wh.svg'); background-repeat: no-repeat; background-position: center; transition: all 0.3s; background-size:12px}
.main #header.down .inner .gnbPlace > a i {display: inline-block; position: relative; width: 20px; height: 20px; margin-left: 10px;  transition: all 0.3s; vertical-align: top;}
.main #header.down .inner .gnbPlace > a i:after{content:''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-image: url('/2025/img/icon/icon-plus-wh.svg'); background-repeat: no-repeat; background-position: center; transition: all 0.3s; background-size:12px}
.main #header .inner.open .gnbPlace > a {color:#fff}
.main #header .inner.open .gnbPlace > a i {display: inline-block; position: relative; width: 20px; height: 20px; margin-left: 10px; transition: all 0.3s; vertical-align: top;}
.main #header .inner.open .gnbPlace > a i:after{content:''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-image: url('/2025/img/icon/icon-plus-wh.svg'); background-repeat: no-repeat; background-position: center; transition: all 0.3s; background-size:12px}

.main #header .head_util .tran_sel span{color:#fff;}
.main #header .head_util .tran_sel .nice-select:after {margin-top: 0px;content: "";right: 0;border: 0;width: 24px;height: 24px;color: #282828;font-weight: 300;transition: transform 0.15s ease-in-out;transform-origin: center;transform: translateY(-50%);background: url('/2025/img/icon/icon-lang-wh.svg') 50% no-repeat;background-size: 100%;}

.main #header.down .head_util .tran_sel span{color:#282828;}
.main #header.down .head_util .tran_sel .nice-select:after {margin-top: 0px;content: "";right: 0;border: 0;width: 24px;height: 24px;color: #282828;font-weight: 300;transition: transform 0.15s ease-in-out;transform-origin: center;transform: translateY(-50%);background: url('/2025/img/icon/icon-lang-bk.svg') 50% no-repeat;background-size: 100%;}

.main #header .inner.open .head_util .tran_sel span{color:#282828;}
.main #header .inner.open .head_util .tran_sel .nice-select:after {margin-top: 0px;content: "";right: 0;border: 0;width: 24px;height: 24px;color: #282828;font-weight: 300;transition: transform 0.15s ease-in-out;transform-origin: center;transform: translateY(-50%);background: url('/2025/img/icon/icon-lang-bk.svg') 50% no-repeat;background-size: 100%;}



.main #header .inner .head_util .link_wrap .btn_selct{color: #fff;}
.main #header .inner .head_util .link_wrap .btn_selct:after{background: url(../images/common/link_arr_wh.svg) no-repeat 0 0;}
.main .btn_menu.mopen {background: url("/2025/img/icon/icon-menu-cwh.svg") no-repeat center center;}
.main .btn_menu {display:inline-block;width:24px;height:24px;color:transparent;font-size:1px;vertical-align:middle;z-index:51;background:url("/2025/img/icon/icon-sitemap-wh.svg") no-repeat center center;background-size:24px auto;color:transparent}
.gnb_open  .main .btn_menu {background: url("/2025/img/icon/icon-sitemap-bk.svg") no-repeat center center }
.main .btn_menu .line{background-color: #fff;}
.main #header .inner .gnb ul .gnb_li .smenu{transition: all  .3s; opacity: 0;}
.main #header .inner .gnb ul .gnb_li .smenu.active{transition: all .3s;}
.main .breadcrumb {position:relative;color:#f3f6fb; z-index:7}
.main .breadcrumb li:last-child {color:#fff}
.main .breadcrumb li:after {background:url(../images/common/breadcrumb_arr_wh.svg);background-size:8px 8px;width:8px;height:8px;}

.main #header.down {background: rgba(255, 255, 255, .8);backdrop-filter: blur(12px);}
.main #header.down .logo a,
.gnb_open .main #header .inner .logo a {display:block;width:188px;height:80px;background:url("/2025/img/common/logo-bk.png") no-repeat 0 center;background-size:188px auto;color:transparent;font-size:1px;}
.gnb_open .main #header {background:#fff}
.main #header.down .inner .head_util .link_wrap .btn_selct,
.gnb_open .main #header .inner .head_util .link_wrap .btn_selct{color: #121418;}
 .main #header.down .inner .gnbPlace a, .main #header.down .inner .gnb ul .gnb_li .depth1,
.gnb_open .main #header .inner .gnb ul .gnb_li .depth1  {color:#24272d;}
.gnb_open .main #header .inner .gnb ul li .depth1:hover {text-decoration:none;color:#1d2b70} 
.main #header.down .inner .head_util .link_wrap .btn_selct:after,
.gnb_open .main #header .inner .head_util .link_wrap .btn_selct:after {background:url(../images/common/link_arr.svg) no-repeat 0 0;}
.main #header.down  .btn_menu .line,
.gnb_open .main .btn_menu .line {background-color:#121418;}
body.mopen .main #header {transition:none;backdrop-filter:none;-webkit-backdrop-filter:none;background:#1d2b70} 
body.mopen #header.down .btn_menu .line,
body.mopen .main .btn_menu .line{background-color:#fff;}
body.mopen .main #header .inner.open,
body.mopen.gnb_open  .main #header .inner.open {background:#1d2b70}
body.mopen.gnb_open  #header .inner .logo a {display:block;width:188px;height:80px;background:url("/2025/img/common/logo-wh.png") no-repeat 0 center;background-size:188px auto;color:transparent;font-size:1px;}
.main #header.down .btn_menu {display:inline-block;width:24px;height:24px;color:transparent;font-size:1px;vertical-align:middle;z-index:51;background:url("/2025/img/icon/icon-sitemap-bk.svg") no-repeat center center;background-size:24px auto;color:transparent}
body.gnb_open .main .btn_menu.mopen {background: url("/2025/img/icon/icon-menu-cwh.svg") no-repeat center center;}
.mopen .main #header.down .btn_menu {background: url("/2025/img/icon/icon-menu-cwh.svg") no-repeat center center;}




.main #header.down .gnbPlace a span{color:#fff !important}








.mainBanner {position: relative; z-index: 1; border-bottom: 1px solid #DEE2E6; margin-top: 0px;}
.main-slide .container {height: 100%;}
.main-slide .slide-box{height: 37.5vw; background-repeat:no-repeat; background-position:center; cursor: pointer;}
.main-slide .slide-box a{display:block; width:100%; height:100%; position:relative;}
.main-slide .slide-box .view em{position:absolute; top:0px; left:0px; display:block; width:100%; height: 100%; background-size:cover !important; background-position:50% !important;}
.main-slide .slide-box .view, .main-slide .slide-box .view>div {position:relative; height:100%;display:block; width:100%; }
.mainBanner .slide-arrow .slide-navi {display:flex;}
.mainBanner .slide-arrow button {position: static; margin: 0 2px;}
.mainBanner .slide-arrow button i {display: block;}
.mainBanner .slide-arrow button i:after {content:''; width: 20px; height: 20px; margin-bottom: 0;  border-radius: 100%; background-position : center; background-repeat:no-repeat; background-size: cover; display:block;}
.mainBanner .slick-prev i:after {border: 0; transform: none; -webkit-transform: none; background-image: url('/2023/img/icon-slider-prev-wh.png');}	
.mainBanner .slick-next i:after {border: 0; transform: none; -webkit-transform: none; background-image: url('/2023/img/icon-slider-next-wh.png');}
.mainBanner .slide-arrow .slick-pause i, .mainBanner .slide-arrow .slick-play i {display: inline-block; width: 40px; height: 40px; border-radius: 100%; border: 3px solid rgba(255, 255, 255, 0.7);}
.mainBanner .slide-arrow .slick-pause i:after, .mainBanner .slide-arrow .slick-play i:after {position: absolute; top: 48%; left: 50%; width: 0; border-radius: 0; border-color: transparent transparent transparent #fff; transform: translate(-50%, -50%); transition: .17s linear;  }
.mainBanner .slide-arrow .slick-pause i:after {height: 12px; border-style: double; border-width: 0 0 0 12px;}
.mainBanner .slide-arrow .slick-play i:after {height: 0; margin-left: 2px; border-style: solid; border-width: 7px 0 7px 12px;}
.mainBanner .slide-cont {display: flex; align-items: center; position: absolute; bottom: 80px;left:0%;}	
.mainBanner .slide-arrow {position: static; width: auto; display:flex;align-items: center;}
.mainBanner .slick-pagi {width: auto; font-size: 18px; color: #fafafa; text-align: center; color: #fff; margin: 0 30px; }	
.mainBanner .slick-pagi b{color: #0070f0; font-weight: 400; margin-right: 3px;}
.main-stat-btn {position: relative; display: inline-block; width: 55px; height: 55px; margin-right: 10px;}
.mainBanner .main-stat-btn .main-pause, 
.mainBanner .main-stat-btn .main-play {margin: 0; position: absolute; top: 5px; left: 0; right: 0; bottom: 0; border-radius: 100%;}
.slick-pause {left: 95px;}
.slick-play {left: 90px;}
.main-slide .new-layout .slideBtn{color: #000; font-size: 14px; padding: 12px 20px; background-color: #fff; width: 160px; border-radius: 20px; -moz-border-radius : 20px; -webkit-border-radius : 20px; text-align: left; display: flex; justify-content: space-between; transition: all 0.3s; position: relative; margin-top: 40px;}
.mainBanner .new-layout .view {width: 100%; height: 100%;}
/*.mainBanner .new-layout .view video {height: 100%;  left: 50%;  -o-object-fit: cover;  object-fit: cover;  position: absolute;  top: 50%;  -webkit-transform: translate(-50%,-50%);  transform: translate(-50%,-50%); width: 100%;}*/
.video-item{width:100%;}
.video-js {width: 100%;height: auto;}
.video-js .vjs-tech {position:relative !important;}
.altTxt, .altTxt01 {position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}


#mainQuick {padding: 50px 0 80px; overflow:unset; color:#282828;}
#mainQuick .container {display: flex; justify-content: center;}
.mQuick-list {display: flex; justify-content: space-evenly;}
.mQuick-list > li > a {display:flex; position: relative;  width: 100%; height: 100%;  font-weight: 300; font-size: 14px; text-align: center;  color:#282828;flex-direction: column; padding:0 20px; transition: all 0.5s;}
.mQuick-list > li > a > span {background-repeat: no-repeat; background-position: center top; background-size: auto 48px !important; width:100%; padding-top:48px; display:block; margin-bottom:10px;}
.mQuick-list > li.summer-quick > a{padding-top:58px;}
.mQuick-list > li.summer-quick > a > img{position:absolute; top:-35px; left:50%; margin:0 auto; width:110px; margin-left:-55px;}
.mQuick-list > li > a:hover{margin-top:-10px;}
.mQuick-list .bubble-vct {right: -15px; background: #0074e0;}
.mQuick-list .bubble-vct:after {border-top-color: #0074e0;}
.quick-call {display: flex; justify-content: center; flex-direction: column; position: relative; margin-left: 30px; padding-left: 50px; font-family: 'Manrope'; font-weight: 300;}
.quick-call:before {content:''; position: absolute; top: 50%; left: 0; width: 40px; background: #aaa;  height:1px; margin-left:-20px; display:block;}
.quick-call span {font-size: 12px;color:#999; font-weight:300}
.quick-call p {font-size: 14px; }
.quick-call h2 {font-size: 40px;font-family: 'Manrope'; font-weight:900; line-height:1; letter-spacing:-0.05em;}


.main-tit-wr{display:block; position:relative; width:100%; margin-bottom:40px;}
.main-tit-wr .main-tit h3{display:block; font-size:54px; line-height:1; letter-spacing:-0.025em;text-transform: uppercase; font-weight:900}
.main-tit-wr .main-tit span{display:block; font-size:17px; font-weight:200; margin-top:10px; letter-spacing:-0.025em;}
.main-tit-wr .main-tit span b{font-weight:800;}

.main-tab-wr{display:block; position:absolute; bottom:0px; right:0px;}
.main-tab-wr .regular-tabmenu {display:flex;}
.main-tab-wr .regular-tabmenu li{margin-left:12px;}
.main-tab-wr .regular-tabmenu li a {display:inline-block; padding:5px 15px; border-radius:42px; border:1px solid #ddd; font-size:14px;}
.main-tab-wr .regular-tabmenu li a.active {background: #1d2b70 !important;font-weight: 500;color: #FFFFFF !important;border:1px solid #1d2b70; }
.mainNcsSlider .mainNcs-item em, .main-portfolio-item a em, .regularSlider .swiper-slide a em {display:block; background-position:50% !important; background-repeat: no-repeat !important; background-size:cover !important; width:100%; padding-bottom:62.5%; border-radius:24px; overflow:hidden; margin-bottom:12px;}
.regularSlider .swiper-slide a dl dt{font-size:14px; color:#1d2b70; display:block; margin-bottom:5px; font-weight:800;}
.main-portfolio-item h3, .regularSlider .swiper-slide a dl dd{font-size:17px; letter-spacing:-0.025em; width:90%; font-weight:300}
.regularSlider{overflow:hidden;}

div.main-col + div.main-col{margin-top:160px;}
.main-mou .main-tit-wr{text-align:center;}

.partner_slide_wrap {height:160px;}
.partner_slide_wrap > div {display: flex;justify-content: flex-start;white-space: nowrap; }
.partner_slide_wrap > div + div {margin-top:120px;}
.partner_slide_wrap ul {display:flex; position: absolute;}
.partner_slide_wrap ul li {width:240px;height:100px;background:#fff;text-align: center;line-height: 100px; margin: 0 10px; border-radius:24px; border:1px solid #ddd; overflow:hidden;}
/* .partner_slide_wrap ul li + li {margin: 0 17px;} */
/* .partner_slide_wrap ul li img{transform: scale(1.5);} */
.partner_slide_wrap > div ul{animation:partnerSlide 30s infinite linear;}
.partner_slide_wrap > div ul + ul{animation:partnerSlide2 30s infinite linear;}
.partner_slide_wrap > div.partner_slide2 ul{animation-direction: reverse;}
.main-quick-banner{width:1080px; margin:0 auto}

@keyframes partnerSlide {
  from   { transform: translateX(0%); }
  to { transform: translateX(-100%); }
}
@keyframes partnerSlide2 {
  from   { transform: translateX(100%); }
  to { transform: translateX(0%); }
}



.main-job-sucess {display:flex; gap:20px;}
.main-job-sucess li {width: calc(100% / 2 - 20px);}


.mainjobInv-Thumb {display: block;width: 100%;padding-bottom: 62.5%;margin-bottom: 20px;border-radius: 20px;overflow: hidden;transition: .17s linear;position: relative;	border:1px solid #ddd;}
.mainjobInv-Thumb:hover {box-shadow: 2px 0 16px rgba(0,0,0,.30)}
.mainjobInv-Thumb span {width: 50%;background-size: auto 100% !important;background-position: center center !important;background-repeat: no-repeat !important;display: block;height: 100%;position: absolute;top: 0px;right: 0}
.mainjobInv-Thumb span.mainjobInv-Thumb-logo {left: 0px;right: auto;background-size: 70% auto !important;}

.mainjobInv-Thumb em{width: 100%;background-size: cover !important;background-position: center center !important;background-repeat: no-repeat !important;display: block;height:100%; position:absolute; top:0px; left:0}

.main-board-txt dt{font-size:14px; color:#1d2b70; display:block; margin-bottom:5px; font-weight:800;}
.main-board-txt dd{font-size:17px; letter-spacing:-0.025em; width:90%; font-weight:300;line-height: 1.6;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 50px;overflow: hidden;}


.main-seminar{padding:160px 0px; background:#1d2b70; position:relative; margin-bottom:180px;}
.main-seminar .container.main-wr {padding-bottom:0}
.main-seminar .main-tit-wr{color:#fff; z-index:2;margin-bottom:0}
.main-seminar .main-tit-wr .tit-slider-nav {position:relative; margin-top:60px;}
.main-seminar-list{position:absolute; top:0px; left:30%; width:100%; overflow:hidden;}
.main-seminar-list a em {display: block;width: 100%;padding-bottom: 140%;margin-bottom: 20px;border-radius: 20px;overflow: hidden;transition: .17s linear;position: relative;box-shadow: 6px 10px 10px rgba(4, 9, 10, .2); background-size:cover !important;}

.mainNcs-item h3{font-size:16px; font-weight:400; line-height:1.4; margin-bottom:10px;}
.mainNcs-item dl {display:flex; color:#1d2b70;font-size:13px; line-height:13px;}
.mainNcs-item dl dd {display:flex;}
.mainNcs-item dl dd + dd{}
.mainNcs-item dl dd + dd:before {content:"|"; display:block; padding:0 5px; font-size:10px; font-weight:100}

.sub-ncs-wr{padding:120px 0px;}