@charset "utf-8";
	
/* 서브 공통 */
.sub_con {
}
.slide-wr{position: relative;}
.visual-slide{overflow:hidden;position: relative;}
.slick-slide{display:block;float:left;}
.wr_1400{max-width: 1400px; margin: 0 auto;}

.sub_con .pc_img {display: flex;justify-content: center;}
.sub_con .mo_img {display: none;}

@media screen and (max-width:1480px) {
	.sub_con{/* margin: 40px 40px 0 !important; */!i;!;/* padding: 0 0 80px !important; */!i;!;}
	#sub-nav .nav-route {padding: clamp(40px,4vw,74px) 40px !important;}
}

@media screen and (max-width:768px) {
	.sub_con{/* padding: 40px 20px !important; */}
	#sub-nav .nav-route{padding: clamp(20px,4vw,74px) 20px !important;}
	.sub_con .pc_img {display: none;}
	.sub_con .mo_img {display: flex;justify-content: center;}

}

.top_menu.mobile-menu > div{justify-content: space-between; align-items: center;}
.mobile-menu .active-item img {
	transition: transform 0.3s ease; /* 부드러운 회전 효과 */
}

.mobile-menu .active-item img.active {
	transform: rotate(180deg); /* 180도 회전 */
}
/* 이미지 모달창 */
#modal {display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color: rgba(0,0,0,.6);}
#modal__content {display: flex;flex-wrap: wrap;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);margin: 0 auto;padding: 60px;background: #FFF;box-shadow: 0px 0px 15px rgba(0,0,0,0.5);}
.modal__exit {position: absolute;width: 60px;height: 60px;top: 0px;right: 0px;font-size: 30px;font-weight: 300;background: #000;color: #FFF;text-align: center;}
.modal__exit span {width: 30px;height: 3px;background: #FFF;display: block;margin: 0 auto;}
.modal__exit span:nth-child(1) {margin: 0px auto 5px;transform: rotate(45deg);position: absolute;top: 50%;left: 15px;}
.modal__exit span:nth-child(2) {margin: 0px auto 5px;transform: rotate(-45deg);top: 50%;position: absolute;left: 15px;}
.modal__img {flex: 0 1 100%;text-align: center;}
.modal__img img {width:100%;max-width: 400px;}
.modal__ttl {flex: 0 1 100%;text-align: center; font-size: 16px; font-weight: 600;}


@media screen and (max-width: 768px){
  #modal__content {padding: 50px 20px;width: 80%;}
	.modal__exit {width: 50px;height: 50px;}
	.modal__exit span {width: 25px;height: 3px;}
	.modal__exit span:nth-child(1) {left: 13px;}
	.modal__exit span:nth-child(2) {left: 13px;}
}
.overlay {display: none;position:absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.5) !important;z-index: 20;cursor: pointer;}
.overlay__message{display: block;width: 100%;font-size: 18px;line-height: 28px;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}

@media screen and (max-width: 500px) {
	.overlay__message{font-size: 16px;line-height: 26px;}
}

.bg_img{height: 440px !important;position: relative;overflow: hidden;margin: clamp(20px,4.8vw,80px) 0;background-position: center;background-size: cover;background-repeat: no-repeat;}

@media screen and  (min-width: 1200px){
	.bg_img{ background-attachment: fixed;}
}

@media screen and  (max-width: 768px){
	.bg_img{height: 200px !important;}
}

/* 서브페이지 네비게이션 */
@charset "utf-8";
	
/* 서브 공통 */
.sub_con {padding: 40px 0;position: relative;z-index: 1;overflow: hidden;}
.slide-wr{position: relative;}
.visual-slide{overflow:hidden;position: relative;}
.slick-slide{display:block;float:left;}

@media screen and (max-width:1480px) {
	.sub_con{padding: 40px 40px;}
}

.top_menu.mobile-menu > div{justify-content: space-between; align-items: center;}

.mobile-menu .active-item img {transition: transform 0.3s ease;}
.mobile-menu .active-item img.active {transform: rotate(180deg);}

/* 이미지 모달창 */
#modal {display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color: rgba(0,0,0,.6);}
#modal__content {display: flex;flex-wrap: wrap;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);margin: 0 auto;padding: 60px;background: #FFF;box-shadow: 0px 0px 15px rgba(0,0,0,0.5);}
.modal__exit {position: absolute;width: 60px;height: 60px;top: 0px;right: 0px;font-size: 30px;font-weight: 300;background: #000;color: #FFF;text-align: center;}
.modal__exit span {width: 30px;height: 3px;background: #FFF;display: block;margin: 0 auto;}
.modal__exit span:nth-child(1) {margin: 0px auto 5px;transform: rotate(45deg);position: absolute;top: 50%;left: 15px;}
.modal__exit span:nth-child(2) {margin: 0px auto 5px;transform: rotate(-45deg);top: 50%;position: absolute;left: 15px;}
.modal__img {flex: 0 1 100%;text-align: center;}
.modal__img img {width:100%;max-width: 400px;}
.modal__ttl {flex: 0 1 100%;text-align: center; font-size: 16px; font-weight: 600;}


@media screen and (max-width: 768px){
  #modal__content {padding: 50px 20px;width: 80%;}
	.modal__exit {width: 50px;height: 50px;}
	.modal__exit span {width: 25px;height: 3px;}
	.modal__exit span:nth-child(1) {left: 13px;}
	.modal__exit span:nth-child(2) {left: 13px;}
}
.overlay {display: none;position:absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.5) !important;z-index: 20;cursor: pointer;}
.overlay__message{display: block;width: 100%;font-size: 18px;line-height: 28px;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}

@media screen and (max-width: 500px) {
	.overlay__message{font-size: 16px;line-height: 26px;}
}

.bg_img{height: 440px !important;position: relative;overflow: hidden;margin: clamp(20px,4.8vw,80px) 0;background-position: center;background-size: cover;background-repeat: no-repeat;}

@media screen and  (min-width: 1200px){
	.bg_img{ background-attachment: fixed;}
}

@media screen and  (max-width: 768px){
	.bg_img{height: 200px !important;}
}

/* 서브페이지 네비게이션 */
#sub-nav .nav-route {padding: clamp(40px,4vw,74px) 0;}
#sub-nav .nav-route > ul {gap: 10px;align-items: center;}
#sub-nav .nav-route > ul > li > a {font-family: 'Noto Sans';padding: 0 0 5px;}
#sub-nav .nav-route > ul > li.active a{border-bottom: 1px solid #0555b2;color: #0555b2;font-weight: 700;}
.nav-route > ul > li {padding: 0 20px 0 0;}
.nav-route > ul > li:after {content: '';position: absolute;top: calc(50% - 2.5px);right: 0;width: 5px;height: 5px;background: #cdcdcd;border-radius: 100%;transform: translateY(-50%);}
.nav-route > ul > li:last-child:after {display: none;}
.nav-route > ul > li.active {}
.nav-route > ul > li .pnav-ul li .pnav-1a {display: block;font-size: 18px;height: 50px;line-height: 48px;font-weight: 400;cursor: pointer;padding: 0 25px;letter-spacing: -2px;position: relative;}
.nav-route > ul > li .pnav-ul li .pnav-1a > span {display: block;content: '';position: absolute;background: url('../img/sub/nav-plus.png')no-repeat center;right: 15px;top: 50%;width: 16px;height: 12px;margin-top: -6px;transition: all 0.5s;}
.nav-route > ul > li .pnav-ul li .pnav-1a .on {transform: rotate(180deg);}
.nav-route > ul > li .pnav-ul li ul.pnav-1ul {line-height: 35px;}
.nav-route > ul > li {position: relative;}
.nav-route > ul > li > .pnav-2ul {position: absolute;left: 0;top: 48px;border: 1px solid #ededed;left: 0;background-color: #fff;z-index: 1;width: 100%;text-align: left;width: 100%;border: 1px solid #ededed;border-top: none;}
.nav-route > ul > li .pnav-2ul li ul.pnav-2ul li:first-child {border-top: 1px solid #e3e3e3;}
.nav-route > ul > li .pnav-2ul li ul.pnav-2ul li {border-bottom: 1px solid #e3e3e3;border-right: 1px solid #e3e3e3;transition: 0.3s;background: #fff;height: 50px;z-index: 99;padding: 0 30px;display: flex;align-items: center;}
.nav-route > ul > li .pnav-2ul li ul.pnav-2ul li a {width: 100%;}
.nav-route > ul > li .pnav-2ul li .pnav-2a {display: block;font-size: 18px;height: 50px;line-height: 48px;font-weight: 400;cursor: pointer;padding: 0 25px;letter-spacing: -2px;position: relative;}
.nav-route > ul > li .pnav-2ul li .pnav-2a > span {display: block;content: '';position: absolute;background: url('../img/sub/nav-plus.png')no-repeat center;right: 15px;top: 50%;width: 16px;height: 12px;margin-top: -6px;transition: all 0.5s;}
.nav-route > ul > li .pnav-2ul li .pnav-2a .on {transform: rotate(180deg);}
.nav-route > ul > li .pnav-2ul li ul.pnav-2ul {line-height: 35px;}

/* #sub-nav .visual__wrap {background-image: url('../img/sub/sub5_1_visual.jpg');}
#sub-nav .visual__wrap.nav1 {background-image: url('../img/sub/sub1_1_visual.jpg');}
#sub-nav .visual__wrap.nav2 {background-image: url('../img/sub/sub2_1_visual.jpg');}
#sub-nav .visual__wrap.nav3 {background-image: url('../img/sub/sub3_1_visual.jpg');}
#sub-nav .visual__wrap.nav4 {background-image: url('../img/sub/sub4_1_visual.jpg');}
#sub-nav .visual__wrap.nav5 {background-image: url('../img/sub/sub5_1_visual.jpg');}
#sub-nav .visual__wrap.nav6 {background-image: url('../img/sub/sub-6.mov');} */

#sub-nav .visual__wrap video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* navigation */
#sub-nav {position: relative;width: 100%;margin-top: 80px;height: 100%;margin: 0 auto 0;z-index: 2;}
#sub-nav .visual__wrap {width: 100%;height: 550px;background-repeat: no-repeat;background-position: center;/* margin: 24px 0 0; */position: relative;}
#sub-nav .visual__wrap .nav_text {position: absolute;text-align: center;max-width: 1400px;width: 100%;left: 50%;top: 50%;transform: translate(-50%, -50%);}
#sub-nav .visual__wrap .nav_text .nav-txt {color: #fff;font-size: clamp(16px,2vw,30px););)2;);font-weight: 500;padding: 0 20px;line-height: 1.4em;letter-spacing: -1.5px;}
#sub-nav .visual__wrap .nav_text .nav-title {color: #fff;font-size: clamp(28px,4.2vw,50px);font-weight: 800;letter-spacing: 4px;padding: 0 0 clamp(20px,2vw,32px);letter-spacing: 0px;}
#sub-nav .visual__wrap .nav-route ul li.active:after, #sub-nav .visual__wrap .nav-route ul li:hover:after {display: none;}
#sub-nav .visual__wrap .nav-route ul li:last-child:after {display: none;}
#sub-nav .menu-wr {text-align: center;box-shadow: 0 4px 8px -7px #6f6f6f8a;}
#sub-nav .menu-wr ul {justify-content: center;}
#sub-nav .menu-wr ul.eight li {flex: 0 1 calc(100% / 8 - 50px);}
#sub-nav .menu-wr ul.seven li {flex: 0 1 calc(100% / 7 - 50px);}
#sub-nav .menu-wr ul.four li {flex: 0 1 calc(100% / 4 - 50px);}
#sub-nav .menu-wr ul.five li {flex: 0 1 calc(100% / 5 - 50px);}
#sub-nav .menu-wr li {position: relative;}
#sub-nav .menu-wr li a {position: relative;display: block;width: 100%;padding: 16px 0px;font-size: 22px;color: #bfbfbf;font-weight: 500;transition: all 0.3s;}
#sub-nav .menu-wr li a:hover {color: #003358;font-weight: 900;}
#sub-nav .menu-wr li a.active {color: #003358;font-weight: 900;}

/* #sub-nav .menu-wr li a.active:after{display:block;} */
#sub-nav.nav04 .menu-wr {justify-content: center;}
#sub-nav.nav04 .menu-wr li {}
#sub-nav .fix {position: fixed;top: 10px;width: 100%;left: 0;z-index: 100;padding: 0 20px;box-shadow: unset;}
#sub-nav .fix ul {box-shadow: 10px 10px 30px #00000014;background-color: rgba(255,255,255,.2);backdrop-filter: blur(10px);padding: 0 1rem;height: 70px;align-items: center;border-radius: 60px;gap: 5px;max-width: 1400px;margin: 0 auto;}
#sub-nav .menu-wr.fix li a {color: #000;font-size: clamp(14px,2vh,20px);padding: 0;}
#sub-nav .menu-wr.fix li a.active {color: #fff;background: #003358;padding: 10px;border-radius: 30px}
#sub-nav .menu-wr.fix li a.active:hover {color: #fff;background: #003358;padding: 10px;border-radius: 30px}
#sub-nav .menu-wr.fix li a:hover {color: #fff;background: #00335885;padding: 10px;border-radius: 30px}
.sub_header .gnb__line:before {display: none}
.sub_header .gnb__line:after {display: none}
#sub-nav .nav-route .nav-sub-title {font-family: 'Noto Sans';font-size: clamp(32px,3.2vw,55px);padding: 0px 0 clamp(20px,3.2vw,32px);font-weight: 700;}

@media screen and (max-width: 1200px) {
    #sub-nav .nav-route > ul {max-width: 1000px;}
}

@media screen and (max-width: 1024px) {
    #sub-nav .visual__wrap {height: 300px;background-size: cover;}
    #sub-nav .nav-route > ul {max-width: 800px;}
}

@media screen and (max-width: 768px) {
    #sub-nav .nav-route > ul {max-width: 700px;}
    #sub-nav .m-menu .visual__wrap {height: 300px;}
}

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

/* mobile */
.m-menu{display:none;/* padding-top: 10px; */}
.mnav-ul{display: none;position: absolute;bottom: 0;width: 100%;}
.mnav-ul li .mnav-1a {display:block;background: #202329;font-size:15px;color: #fff;height: 50px;line-height: 48px;font-weight:400;cursor:pointer;padding: 0 25px;letter-spacing: 0.5px;position: relative;}
.mnav-ul li .mnav-1a > span{display: block;content: '';position:absolute;background: url('../img/sub/m_icon_sub_arrow--grey.png')no-repeat center;right: 15px;top: 50%;width: 16px;height: 12px;margin-top: -6px;transition: all 0.5s;}
.mnav-ul li .mnav-1a .on {transform:rotate(180deg);}
.mnav-ul li ul {position:relative;display:none;position:absolute;left: -1px;z-index:10;width: calc(100% + 2px);border: 1px solid #e3e3e3;padding: 15px 30px;background: #fff;}
.mnav-ul li ul li {border-bottom: 0;border-right: 0;transition:0.3s;background:#fff;padding: 3px 0;}
.mnav-ul li ul li a {display: block;/* line-height: 1; */color: #6c6c6c;letter-spacing: -1px;font-size:14px;word-break: keep-all;line-height: 25px;}
.mnav-ul li ul li a:hover{color: #005ad4;font-weight:bold;text-decoration:underline;}

@media (max-width:1650px){
	#sub__nav .visual__wrap{}
	#sub__nav .menu-wr li a{padding: 23px 0;}
}

@media (max-width:1440px){
	#sub__nav .visual__wrap{}
	#sub__nav .menu-wr li a{padding: 15px 0;font-size: 15px;}
	#sub__nav .visual__wrap .nav-title .tt{padding: 0 40px;}
	#sub__nav .nav-top-wr{padding: 0 40px;}
}

@media (max-width:1300px){
	#sub__nav .visual__wrap{}

	#sub__nav .nav-top-wr .home{width:50px;height:50px;line-height: 48px;}
	#sub__nav .nav-top-wr .nav_ul li{height: 100%;}
	#sub__nav .nav-top-wr .nav_ul li .nav_1a{height: 100%;font-size: clamp(15px,2vw,16px);}
}

@media (max-width:1024px){
	#sub__nav .visual__wrap{height: 400px;}
	#sub__nav .menu-wr li a{padding: 20px 0;font-size: 16px;}
	#sub__nav .menu-wr li a p:after{right: -8px;}

	#sub__nav .nav-top-wr.wr-1400{bottom: calc(80px);}
	#sub__nav .visual__wrap .nav-title{bottom: 20px;}
}

@media (max-width:960px){
	#sub__nav .menu-wr li a{font-size: 15px;}
	#sub__nav .menu-wr li a p.long{font-size: 13px;}
}

@media (max-width:768px){
	.mnav-ul{display: block;}
	#sub-nav .nav-route > ul{display: none !important;!i;!;}
	#sub__nav .nav-top-wr .nav_ul{flex: calc(100% - clamp(50px,3.8vw,80px));}
	#sub__nav .nav-top-wr .nav_ul li .nav_1a{color: #000;display: flex;align-items: center;}
	#sub__nav .nav-top-wr.wr-1400{bottom: 0px;background: #fff;border-radius: 0;transform: none;height: 80px;left: auto;border-bottom: 1px solid #cfcfcf;}
	#sub__nav .visual__wrap{height: 360px;}
	#sub__nav .nav-top-wr .home{display: none;}
	#sub__nav .nav-top-wr .home.mo{display: flex;height: 100%;}
	#sub__nav .visual__wrap .nav-title{bottom: 120px;}
	#sub__nav .nav-top-wr .nav_ul li .nav_1a::after{content:'';display:block;position:absolute;top: 50%;right:15px;width:12px;height:12px;transform: translateY(-50%);background: url('../img/sub/icon_sub_arrow--block.png')no-repeat center;}

	#sub__nav .visual__wrap .nav__route {bottom: 70px; width: 100%; }
	#sub__nav .visual__wrap .nav__route ul {justify-content: center;}
	#sub__nav .visual__wrap .nav__route ul li {font-size: 14px;}
	.pc-menu{/* display:none; */}
	.m-menu{/* display:block; */}
}

@media screen and (max-width:580px) {
	#sub__nav .nav-top-wr .nav_ul li{padding: 0 12px;min-width: 180px;}
	#sub__nav .nav-top-wr .nav_ul li ul{top: 59px;}
	#sub__nav .nav-top-wr .nav_ul > li:nth-child(1){display: none;}
	#sub__nav .nav-top-wr.wr-1400{height: 60px;}
	#sub__nav .nav-top-wr .home.mo{width: 30px;}
}

@media (max-width:500px){
	#sub__nav .visual__wrap .nav-title{font-size: 24px;}
	#sub__nav .visual__wrap .nav__route {bottom: 80px;}
}

#hd_wrapper.hd_wrapper--active {background: #fff;box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 20%);}
#hd_wrapper.hd_wrapper--active .gnb__logo-link-item--active {display: block !important;}
#hd_wrapper.hd_wrapper--active  .gnb__logo-link-item {display: none;}
#hd_wrapper.hd_wrapper--active .gnb_1da {color:#000}
#hd_wrapper.hd_wrapper--active .site_map li{color: #000;}
#hd_wrapper.hd_wrapper--active .site_map .go_eng::before {    color: #000;position: absolute;content: '';bottom: -10px;left: 50%;width: 51px;height: 3px;background: #000;transform: translate(-50%, -50%);}
#hd_wrapper.hd_wrapper--active  .sitemap__search {background: url(../img/icon_search--active.png) no-repeat center;}
#hd_wrapper.hd_wrapper--active  .hd_right {background: #162b51;}
#hd_wrapper.hd_wrapper--active {background: #fff;box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 20%);}
#hd_wrapper.hd_wrapper--active .gnb__logo-link-item--active {display: block !important;}
#hd_wrapper.hd_wrapper--active  .gnb__logo-link-item {display: none;}
#hd_wrapper.hd_wrapper--active .gnb_1da {color:#000}
#hd_wrapper.hd_wrapper--active .site_map li{color: #000;}
#hd_wrapper.hd_wrapper--active .site_map .go_eng::before {color: #000;position: absolute;content: '';bottom: -10px;left: 50%;width: 51px;height: 3px;background: #000;transform: translate(-50%, -50%);}
#hd_wrapper.hd_wrapper--active  .sitemap__search {background: url(../img/icon_search--active.png) no-repeat center;}
#hd_wrapper.hd_wrapper--active  .hd_right {background: #162b51;}

/* sub1_3 */
.sub1_3 .df {gap: clamp(20px,2vw,40px) 0;}
.sub1_3 .history {width: 100%;}
.sub1_3 .history .year {flex: 0 1 calc(20%);font-size: clamp(28px,2vw,36px);font-weight: 900;color: #0a2b52;}
.sub1_3 .history .text_inner {flex: 0 1 calc(80%);}
.sub1_3 .history .text_inner .text_con {padding: clamp(20px,2vw,30px);background: #f5f8fb;border-radius: 20px;margin: 0 0 20px;}
.sub1_3 .history .text_inner .text_con:last-child {margin:0}
.sub1_3 .history .text_inner .text_con .txt.blue {color: #0555b2;}
.sub1_3 .history .text_inner .text_con > .txt {font-size: clamp(14px,2vw,16px);font-weight: 700;padding: 0 0 12px;}
.sub1_3 .history .text_inner .text_con > .tit {font-size: clamp(20px,2vw,26px);font-weight: 900;color: #050b11;padding: 0 0 clamp(24px,2.8vw,50px);}
.sub1_3 .history .text_inner .text_con .btm_txt {line-height: 1.6em;}
.sub1_3 .history .text_inner .text_con .btm_txt .df {gap: clamp(12px,2vw,24px);color: #050b11;}
.sub1_3 .history .text_inner .text_con .btm_txt .df .tit {font-weight: 500;}
.sub1_3 .history .text_inner .text_con .btm_txt .df .txt {font-weight: 300;}

@media screen and (max-width:768px) {
	.sub1_3 .history .year{flex: 100%;}
	.sub1_3 .history .text_inner{flex: 100%;}
}

/* sub2 공통 */
.sub2{}
.sub2 .top_con{text-align: center;background: #f6f7fa;padding: clamp(40px,4.8vw,78px) 20px clamp(40px,2vw,50px);margin: 0 0 clamp(40px,2vw,50px);}
.sub2 .top_con .tit {max-width: clamp(180px,22vw,320px);position: absolute;top: 0px;padding: 20px 10px;width: 100%;left: 50%;transform: translate(-50%, -50%) !important;!i;!;!ㅑ;!ㅑㅡ;!ㅑ;!;background: #3721b0;border-radius: 30px;color: #fff;font-size: clamp(18px,2vw,20px);font-weight: 500;}
.sub2 .top_con .txt {font-size: clamp(20px,2vw,24px);font-weight: 300;line-height: 1.4em;}
.sub2 .top_con .txt span {font-weight: 700;}


@media screen and (max-width:768px) {
	.sub2 .top_con .txt br{display: none;}
}

/* sub2_1 */

.sub2{}
.sub2 .inner {margin: 0 auto clamp(20px,2vw,40px);gap: clamp(20px,2vw,60px);align-items: stretch;}
.sub2 .inner .half {flex: 0 1 calc(50% - clamp(20px,2vw,30px));}
.sub2 .inner .half:nth-child(1){border-radius: 20px;}
.sub2 .inner .half:nth-child(2){padding: 20px;display: flex;flex-wrap: wrap;align-content: space-between;height: auto;}
.sub2 .inner .half img {width: 100%;height: 100%;border-radius: 20px;}
.sub2 .inner .half .top_con_text .tit {font-size: clamp(22px,2vw,26px);font-weight: 700;color: #0a2b52;padding: 0 0 20px;border-bottom: 3px solid;width: fit-content;}
.sub2 .inner .half .txt {padding: clamp(20px,2vw,40px) 0 0;font-size: clamp(18px,2vw,20px);font-weight: 300;line-height: 1.4em;}
.sub2 .inner .half .txt ul {}
.sub2 .inner .half .txt ul li {position: relative;padding: 0 0 0 16px;}
.sub2 .inner .half .txt ul li:before {content: '';position: absolute;top: 50%;left: 4px;transform: translate(-50%, -50%);background: #a0a1b1;width: 5px;height: 5px;border-radius: 100%;}
.sub2 .inner .half .text {color: #e6e6e6;font-size: clamp(32px,3.2vw,54px);font-weight: 900;padding: 12px 0 0;}
.sub2 .inner .half:nth-child(2) .box_con {padding: clamp(20px,2vw,30px);background: #e5e5e520;border-radius: 20px;width: 100%;position: relative;}
.sub2 .inner .half:nth-child(2) .box_con:nth-child(2) {margin-bottom: 20px;margin-top: 36px;}
.sub2 .inner .half:nth-child(2) .box_con a{position:absolute;display:flex;right: clamp(20px,2vw,30px);bottom: clamp(20px,2vw,30px);gap: 10px;color: #0a2b52;font-weight: 800;}
.sub2 .inner .half:nth-child(2) .box_con a img{object-fit:contain;border-radius: 0;}
.sub2 .inner .half:nth-child(2) .box_con .sub_tit {color: #4c4c4c;font-size: 16px;padding: 0 0 12px;text-align: left;}
.sub2 .inner .half:nth-child(2) .box_con .tit {padding: 0 0 clamp(12px,2vw,20px);font-size: clamp(22px,2vw,26px);color: #0a2b52;font-weight: 900;text-align: left;}
.sub2 .inner .half:nth-child(2) .box_con .txt {padding: 0 0 clamp(20px,2vw,30px);font-weight: 100;color: #4c4c4c;font-size: 16px;line-height: 1.6em;text-align: left;}
.sub2 .inner .half:nth-child(2) .box_con:nth-child(2) .btm_con {line-height: 1.4em;}
.sub2 .inner .half:nth-child(2) .box_con:nth-child(3) .btm_con {line-height: 1.4em;}
.sub2 .inner .half:nth-child(2) .box_con .btm_con p {display:flex;font-weight: 300;}
.sub2 .inner .half:nth-child(2) .box_con .btm_con span {width: 80px;position: relative;display: block;font-weight: 500;}

@media screen and (max-width:1400px) {
	.sub2 .inner .half .txt br{display: none;}
	.sub2 .inner .half .txt ul li{font-size: clamp(16px,2vw,16px);}
}

@media screen and (max-width:880px) {
	.sub2 .inner{flex-direction: column;}
	.sub2 .inner .half:nth-child(1){text-align: center;width: 100%;}
	.sub2 .inner .half:nth-child(2){flex-direction: column;}
	.sub2 .inner .half img{}
	.sub2 .inner .half .text{width: 100%; text-align: right;}
}

@media screen and (max-width:500px) {
	.sub2 .inner .half:nth-child(2) .box_con a{position: relative;right: auto;bottom: auto;float: right;}
}


.sub3 {}
.sub3 .top_con {}
.sub3 .top_con .df {align-items: flex-end;}
.sub3 .top_con .df .left_con {flex: 0 1 calc(70%);}
.sub3 .top_con .df .right_con {/* flex: 0 1 calc(30%); */width: calc(40%);position: absolute;right: 0%;height: clamp(340px,30vw,400px);border-radius: 20px;padding: clamp(20px,3.2vw,54px) clamp(24px,3.6vw,60px);)60px;color: #fff;background: linear-gradient(25deg, #382eb8 0%, #3b36c0 25%, #006ccf 75%, #007fce 100%);display: flex;flex-wrap: wrap;align-content: flex-start;flex-direction: column;justify-content: flex-end;}
.sub3 .top_con .df .left_con p {padding: 40px 0 40px clamp(40px,10vw,140px);color: #a0a1b130;font-size: clamp(32px,2vw,50px);font-weight: 900;}
.sub3 .top_con .df .left_con img {min-height: 280px;width: 100%;object-fit: cover;border-radius: 0 30px 30px 0;}
.sub3 .top_con .df .right_con .tit {padding: 0 0 clamp(20px,2vw,40px);font-size: clamp(28px,2vw,40px);font-weight: 900;display: flex;align-items: center;gap: 20px;}
.sub3 .top_con .df .right_con .txt {line-height: 1.6em;font-size: clamp(18px,1.8vw,20px);font-weight: 300;word-break: break-all;}
.sub3 .top_con .df .right_con .txt span {font-weight: 700;}

.sub3 .mid_con{padding: clamp(40px,4.2vw,70px) 0 0;}
.sub3 > .btm_con{padding: clamp(40px,4.2vw,70px) 0 0;}

@media screen and (max-width:1500px) {
	.sub3 .top_con .df .right_con .tit br{display: none;}
	.sub3 .top_con .df .right_con .txt br{display: none;}
}

@media screen and (max-width:1024px) {
	.sub3 .top_con .df{flex-direction: column;}
	.sub3 .top_con .df .left_con p{display: none;}
	.sub3 .top_con .df .left_con img{border-radius: 20px;width: 100%;}
	.sub3 .top_con .df .right_con{right: auto;margin: 12px 0 0;position: relative;width: 100%;height: auto;}
}

.sub3_1 {}
.sub3_1 .btm_con {padding: clamp(40px,4.2vw,70px) 0 0;gap: 20px;}
.sub3_1 .btm_con .df {flex-direction: column;gap: 20px;}
.sub3_1 .btm_con .df .three {flex: 0 1 calc(100% / 3 - 14px);background: #f5f8fb;border-radius: 20px;padding: clamp(20px,2vw,30px) clamp(20px,2vw,30px) clamp(20px,2.4vw,40px);}
.sub3_1 .btm_con .half {flex: 0 1 calc(50% - 10px);}
.sub3_1 .btm_con .df .three .tit {font-size: 16px;font-weight: 700;color: #4c4c4c;padding: 0 0 clamp(8px,2vw,15px);}
.sub3_1 .btm_con .df .three .txt {font-size: clamp(22px,2vw,26px);font-weight: 900;color: #4c4c4c;}
.sub3_1 .btm_con .df .three.active .tit {color: #0555b2;}
.sub3_1 .btm_con .df .three.active .txt {color: #050b11;}

@media screen and (max-width:1024px) {
	.sub3_1 .btm_con .half img {height: 100%; object-fit: cover;border-radius: 20px;}
}

@media screen and (max-width:768px) {
	.sub3_1 .btm_con{flex-direction: column;}
	.sub3_1 .btm_con .half img{width: 100%;}
}

/* sub3_2 */
.sub3_2 .btm_con{padding: clamp(40px,4.2vw,70px) 0 0;justify-content: center;}
.sub3_2 .btm_con > div {width: 100%;gap: 20px;}
.sub3_2 .btm_con > div .four {flex: 0 1 calc(100% / 4 - 15px);}
.sub3_2 .btm_con .btm_con_inner_top {padding: 0 0 clamp(20px,2vw,30px);}
.sub3_2 .btm_con .btm_con_inner_top .menu {background: #eceaf2;border-radius: 20px;justify-content: center;text-align: center;padding: clamp(20px,2vw,30px) clamp(20px,2.4vw,32px);flex-direction: column;}
.sub3_2 .btm_con .btm_con_inner_top .menu .inner_top {}
.sub3_2 .btm_con .btm_con_inner_top .menu .inner_btm {padding: clamp(16px,2vw,22px) 24px 0;font-size: clamp(18px,2vw,20px);font-weight: 300;}
.sub3_2 .btm_con .btm_con_inner_top .menu .inner_top > .text {padding: 0 0 clamp(16px,2vw,22px);border-bottom: 1px solid #a0a1b1;}
.sub3_2 .btm_con .btm_con_inner_top .menu .inner_top > .text .txt {font-size: 16px;font-weight: 700;padding: 0 0 clamp(8px,2vw,12px);color: #262626;}
.sub3_2 .btm_con .btm_con_inner_top .menu .inner_top > .text .tit {font-size: clamp(22px,2vw,26px);font-weight: 900;color: #0a2b52;}

.sub3_2 .btm_con .btm_con_inner_btm {}
.sub3_2 .btm_con .btm_con_inner_btm .menu_con {background: #f5f8fb;border-radius: 20px;padding: 46px clamp(20px,2.4vw,32px) clamp(20px,2vw,30px);gap: 20px;}
.sub3_2 .btm_con .btm_con_inner_btm .menu_con .menu {padding: 30px;background: #fff;border-radius: 20px;border: 2px dashed #a1a2b3;flex-direction: column;align-items: center;text-align: center;}
.sub3_2 .btm_con .btm_con_inner_btm .menu_con .menu .top_con {padding: 0 0 clamp(12px,2.4vw,20px);font-size: 16px;font-weight: 700;color: #262626;}
.sub3_2 .btm_con .btm_con_inner_btm .menu_con .menu .btm_con {padding: clamp(12px,2.4vw,20px) 0 0;}
.sub3_2 .btm_con .btm_con_inner_btm .menu_con .menu .btm_con .tit {color: #262626;font-size: clamp(22px, 2vw, 26px);font-weight: 900;padding: 0 0 clamp(12px,2vw,20px);}
.sub3_2 .btm_con .btm_con_inner_btm .menu_con .menu .btm_con .txt {font-size: clamp(16px,2vw,20px);font-weight: 300;line-height: 1.2em;color: #262626;}
.sub3_2 .btm_con .btm_con_inner_btm .btm_con_inner {margin-top: 46px;position: relative;}
.sub3_2 .btm_con .btm_con_inner_btm .btm_con_inner > .tit {top: 0;transform: translate(-50%, -50%) !important;text-align: center;background: linear-gradient(to bottom, rgba(55, 33, 176, 1), rgb(60 134 205 / 90%));width: 100%;max-width: 640px;position: absolute;left: 50%;color: #fff;border-radius: 30px;font-size: clamp(18px, 2vw, 22px);font-weight: 700;center;height: 100%;max-height: 52px;line-height: 52px;background: linear-gradient(360deg, #3721b0, #3c86cd);}


@media screen and (max-width:1024px) {
	.sub3_2 .btm_con > div .four{flex:0 1 calc(100% / 2 - 10px)}
}

@media screen and (max-width:500px) {
	.sub3_2 .btm_con > div .four{flex:0 1 calc(100%)}
}

/* sub3_3 */
.sub3_3 .top_con .df .right_con .tit span {background: #6b8dd7;border-radius: 28px;padding: 8px clamp(12px,2vw,26px);font-size: 16px;}
.sub3 .btm_con > img.mo{display: none;}

@media screen and (max-width:1024px) {
	.sub3_3 .btm_con > img{display: none; width: calc(100% / 2 - 20px);}
	.sub3_3 .btm_con > img.mo{display: block;object-fit: contain;}
	.sub3_3 .btm_con {gap: 20px; justify-content: space-between;}
}

@media screen and (max-width:768px) {
	.sub3_3 .btm_con{flex-direction: column;}
	.sub3_3 .btm_con > img{width: 100%;}

	.sub3_3 .btm_con > img:nth-child(2){border-bottom: 1px solid #d9d9d9; padding: 0 0 clamp(20px,6.2vw,40px);}
	.sub3_3 .btm_con > img:nth-child(3){ padding: clamp(20px,6.2vw,40px) 0 0;}
}

@media screen and (max-width:500px) {
	.sub3_3 .top_con .df .right_con .tit{flex-direction: column;align-items: flex-start;gap: 6px;}

}

.sub3_4 > .btm_con .menu_con {width: 100%;gap: 20px;text-align: center;padding: 0 0 clamp(40px,2vw,60px);}
.sub3_4 > .btm_con .menu_con .menu {flex: 0 1 calc(100% / 4 - 15px);background: #eceaf2;border-radius: 20px;padding: clamp(20px,2vw,30px) clamp(20px,2.4vw,32px);display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.sub3_4 > .btm_con .menu_con .menu .top_con {}
.sub3_4 > .btm_con .menu_con .menu .btm_con {padding: clamp(16px,2vw,22px) clamp(12px,2vw,22px) 0;font-size: clamp(16px,1.6vw,20px);font-weight: 300;margin: clamp(16px,2vw,22px) 0 0;border-top: 2px solid #a0a1b1;}
.sub3_4 > .btm_con .menu_con .menu .top_con .txt {font-size: 16px;padding: 0 0 clamp(12px,2vw,16px);color: #262626;font-weight: 700;}
.sub3_4 > .btm_con .menu_con .menu .top_con .tit {font-size: clamp(22px,2vw,26px);font-weight: 900;color: #0a2b52;}
.sub3_4 > .btm_con .menu_con .menu .btm_con .button a {display: flex;flex-wrap: wrap;flex-direction: column-reverse;}
.sub3_4 > .btm_con .menu_con .menu .btm_con .button img {}
.sub3_4 > .btm_con .menu_con .menu .btm_con .button a {width: 100%;gap: clamp(8px,2vw,12px);color: #0a2b52;font-weight: 900;}
.sub3_4 > .btm_con .btm_inner {padding: clamp(40px,2vw,60px) 0 0;border-top: 1px solid #b5bec8;width: 100%;}
.sub3_4 > .btm_con > .btm_inner .df {gap: 30px 20px;width: 100%;}
.sub3_4 > .btm_con .btm_inner .df .top_con {}
.sub3_4 > .btm_con .btm_inner .df > div > img {border-radius: 22px;border: 1px solid #dadada;box-sizing: inherit;}
.sub3_4 > .btm_con .btm_inner .df > div .text {flex: 0 1 calc(100% / 2 - 10px);padding: clamp(20px,2vw,30px) 0;}
.sub3_4 > .btm_con .btm_inner .df > div .text .tit {color: #0a2b52;font-size: clamp(28px,2vw,40px);font-weight: 900;padding: 0 0 clamp(12px,2vw,20px);}
.sub3_4 > .btm_con .btm_inner .df > div .text .txt {padding: 0 0 clamp(12px,2vw,20px);font-weight: 300;font-size: clamp(18px,2vw,22px);line-height: 1.4em;}
.sub3_4 > .btm_con .btm_inner .df > div .text .btn {line-height: normal;height: auto;font-weight: 500;font-size: clamp(20px,2vw,22px);color: #0a2b52;background: #0a2b5210;width: 100%;padding: clamp(8px,2vw,12px) clamp(12px,2vw,30px);}
.sub3_4 > .btm_con .btm_inner .df > div .text .btn span {font-weight: 700;}
.sub3_4 > .btm_con .btm_inner > .df > .top_con > img {width: calc(100% / 2 - 10px);}
.sub3_4 > .btm_con > .btm_inner .df .half {flex: 0 1 calc(100% / 2 - 10px);}
.sub3_4 > .btm_con > .btm_inner .df .half img {width: 100%;}
.sub3_4 > .btm_con > .btm_inner .df .half .box {margin: 16px 0 0;height: 100px;background: #e5e5e5;border-radius: 20px;width: 100%;}
.sub3_4 > .btm_con > .btm_inner .df .half .box > .text {display: flex;justify-content: center;align-items: center;height: 100%;padding: 0;flex-direction: column;gap: clamp(6px,1.6vw,12px);}
.sub3_4 > .btm_con .btm_inner > .df .btm_con {width: 100%;}
.sub3_4 > .btm_con > .btm_inner .df .half .box > .text .tit {font-size: clamp(20px,2vw,24px);font-weight: 700;color: #000000;padding: 0;}
.sub3_4 > .btm_con > .btm_inner .df .half .box > .text .txt {padding: 0 12px;font-size: clamp(16px,1.6vw,20px);text-align: center;}
.sub3_4 > .btm_con > .btm_inner > .df {padding: 0 0 clamp(40px,2vw,60px);}
.sub3_4 > .btm_con > .btm_inner > .df:nth-child(2){padding: clamp(40px,2vw,60px) 0 0;border-top: 1px solid #b5bec8;}

@media screen and (max-width:1024px) {
	.sub3_4 > .btm_con .btm_inner .df > div .text .txt br{display: none;}
	.sub3_4 > .btm_con .menu_con .menu{flex: 0 1 calc(100% / 2 - 10px);}
}

@media screen and (max-width:768px) {
	.sub3_4 > .btm_con > .btm_inner .df{flex-direction: column;}
	.sub3_4 > .btm_con .btm_inner > .df > .top_con > img{width: 100%;}
	.sub3_4 > .btm_con > .btm_inner .df .half{flex: 100%;display: flex;flex-wrap: wrap;}
}

@media screen and (max-width:500px) {
	.sub3_4 > .btm_con .menu_con .menu{flex: 100%;}
}


/* sub3_5 */
.sub3_5 {}
.sub3_5 .mid_con {}
.sub3_5 .mid_con .menu_con {gap: 10px 20px;}
.sub3_5 .mid_con .menu_con .menu.two {flex: 0 1 calc(100% / 2 - 10px);background: #eceaf250;border-radius: 20px;padding: clamp(20px,1.8vw,30px) clamp(20px,1.8vw,30px) clamp(20px,2vw,40px);}
.sub3_5 .mid_con .menu_con .menu.two .num {font-size: 16px;color: #262626;font-weight: 700;padding: 0 0 clamp(8px,2vw,16px);}
.sub3_5 .mid_con .menu_con .menu.two .tit {font-size: clamp(22px,2vw,26px);font-weight: 900;padding: 0 0 clamp(16px,2vw,30px);color: #0a2b52;}
.sub3_5 .mid_con .menu_con .menu.two .txt {font-size: clamp(18px,2vw,20px);font-weight: 300;line-height: 1.6em;color: #262626;}
.sub3_5 .btm_con {padding: 0;margin: clamp(40px,4.2vw,70px) 0 0;background: #f6f7f8;position: relative;}
.sub3_5 .btm_con > .tit {top: 0px;transform: translate(-50%,-50%) !important;!i;!;!ㅑ;!ㅑㅡ;!ㅑ;!;text-align: center;background: #3721b0;width: 100%;max-width: 320px;position: absolute;left: 50%;padding: clamp(12px,2vw,20px) 4px;color: #fff;border-radius: 30px;font-size: clamp(18px,2vw,22px);font-weight: 700;}
.sub3_5 .btm_con .left_con {flex: 0 1 calc(55% - clamp(10px,4.8vw,40px));}
.sub3_5 .btm_con .left_con > img{height: calc(100% + 30px);position: relative;bottom: 30px;}
.sub3_5 .btm_con .right_con {flex: 0 1 calc(45% - clamp(10px,4.8vw,40px));padding: clamp(40px,3.2vw,62px) 0 20px;}
.sub3_5 .btm_con .right_con .df {flex-direction: column;justify-content: space-between;height: 100%;}
.sub3_5 .btm_con .right_con .df li {flex: 0 1 calc(100% / 5);display: flex;align-items: center;gap: clamp(12px,2vw,30px);border-bottom: 1px solid #b5bec8;font-size: clamp(18px,2vw,20px);color: #262626;font-weight: 300;}
.sub3_5 .btm_con .right_con .df li span {font-size: clamp(18px,2vw,20px);font-weight: 700;color: #0a2b52;width: 150px;}
.sub3_5 .btm_con .right_con .df li:last-child {border-bottom: 0;}
.sub3_5 .btm_con > .df {gap: clamp(20px,4.8vw,80px);}

@media screen and (max-width:768px) {
	.sub3_5 .mid_con .menu_con .menu.two .txt br{display: none;}
	.sub3_5 .btm_con > .df{flex-direction: column-reverse;}
	.sub3_5 .btm_con .left_con,
	.sub3_5 .btm_con .right_con{flex: 100%;padding: clamp(40px,3.2vw,62px) 20px 20px;}
	.sub3_5 .btm_con .right_con .df li{padding: 12px 0;}
	.sub3_5 .btm_con .right_con .df li:last-child{border-bottom: 1px solid #b5bec8;}
	.sub3_5 .btm_con .left_con > img{max-height: 280px;object-fit: contain;width: 100%;}
}

@media screen and (max-width:500px) {
	.sub3_5 .mid_con .menu_con .menu.two{flex: 100%;}
}

/* sub3_6 */
.sub3_6 {}
.sub3_6 .btm_con {}
.sub3_6 .btm_con > .df {gap: 20px;display: flex;align-items: flex-end;}
.sub3_6 .btm_con .df .left_con {flex: 0 1 calc(55% - 10px);}
.sub3_6 .btm_con .df .right_con {flex: 0 1 calc(45% - 10px);}
.sub3_6 .btm_con .df .right_con > .df{gap:20px;}
.sub3_6 .btm_con .df > div .box {min-height: 200px;background: #eceaf250;border-radius: 20px;text-align: center;position: relative;}
.sub3_6 .btm_con .df > div .box > img {position: absolute;left: 50%;transform: translate(-50% ,-50%);}
.sub3_6 .btm_con .df .right_con .box {flex: 0 1 calc(100% / 2 - 10px);display: flex;align-items: center;justify-content: center;flex-direction: column;padding: 20px clamp(20px,2vw,32px);}
.sub3_6 .btm_con .df .right_con .box .top_con {width: 100%;height: auto;}
.sub3_6 .btm_con .df .right_con .box .top_con .num {font-size: 16px;font-weight: 700;color: #262626;padding: 0 0 clamp(8px,2vw,14px);}
.sub3_6 .btm_con .df .right_con .box .top_con .tit {font-size: clamp(22px,2vw,26px);font-weight: 900;color: #0a2b52;}
.sub3_6 .btm_con .df .right_con .box .btm {padding: clamp(18px,2vw,24px) 0 0;font-size: clamp(18px,2vw,20px);border-top: 1px solid #a0a1b1;margin: clamp(18px,2vw,24px) 0 0;}
.sub3_6 .btm_con .df .right_con .box .btm .df {gap: clamp(6px,2vw,14px);height: auto;align-content: space-around;flex-direction: column;align-items: center;}
.sub3_6 .btm_con .df .right_con .box .btm .df .txt {font-size: 16px;font-weight: 800;color: #0a2b52;}

@media screen and (max-width:1024px){
	.sub3_6 .btm_con > .df{flex-direction: column;}
	.sub3_6 .btm_con .df .left_con{width: 100%;}
	.sub3_6 .btm_con .df > div .box > img{object-fit: contain;height: 100%;width: 100%;left: auto;transform: none;position: relative;max-height: 240px;}
}

@media screen and (max-width:500px) {
	.sub3_6 .btm_con .df .right_con .box{flex: 100%;}
}

/* sub3_7 */
.sub3_7 {}
.sub3_7 .btm_con {}
.sub3_7 .btm_con .df {gap: 20px;}
.sub3_7 .btm_con .df .half {flex: 0 1 calc(50% - 10px);background: #eceaf250;border-radius: 20px;padding: clamp(20px,2vw,30px) clamp(20px,2vw,32px) clamp(20px,2vw,34px);}
.sub3_7 .btm_con .half .df {flex-direction: column;gap: 0;}
.sub3_7 .btm_con .half .df .top_con {padding: 0 0 clamp(12px,2vw,24px);border-bottom: 1px solid #a0a1b1;}
.sub3_7 .btm_con .half .df .btm_con {padding: clamp(12px,2vw,24px) 0 0;font-size: clamp(18px,2vw,20px);color: #262626;font-weight: 300;}
.sub3_7 .btm_con .half .df .top_con .num {padding: 0 0 clamp(8px,2vw,16px);font-size: 16px;font-weight: 700;color: #262626;}
.sub3_7 .btm_con .half .df .top_con .tit {color: #0a2b52;font-weight: 900;font-size: clamp(22px,2vw,26px);}

@media screen and (max-width:768px){
	.sub3_7 .btm_con > .df{flex-direction: column;}
}

/* sub3_8 */
.sub3_8 {}
.sub3_8 .mid_con {}
.sub3_8 .slide_con {display: block;}
.sub3_8 .slide_con .left_con {float: left;width: 25%;}
.sub3_8 .right_con {float: right;width: 75%;}
.sub3_8 .mid_con > .df {gap: 10px 20px;}
.sub3_8 .mid_con .df .half {flex: 0 1 calc(50% - 10px);background: #eceaf250;border-radius: 20px;}
.sub3_8 .mid_con .df .half .df {padding: 30px;flex-direction: column;}
.sub3_8 .mid_con .df .half .df .top_con {}
.sub3_8 .mid_con .df .half .df .top_con .num {color: #262626;font-size: 16px;padding: 0 0 clamp(8px,2vw,16px);font-weight: 700;}
.sub3_8 .mid_con .df .half .df .top_con .tit {font-size: clamp(22px,2vw,26px);font-weight: 900;color: #0a2b52;padding: 0 0 clamp(20px,2vw,30px);}
.sub3_8 .mid_con .df .half .df .txt {font-size: clamp(18px,2vw,20px);font-weight: 300;color: #262626;line-height: 1.4em;}

.sub3_8 .btm_con {background: #f6f8f9;margin: clamp(40px,4.2vw,70px) auto 0;padding: clamp(60px,4.8vw,100px) 0 clamp(40px,2vw,52px);position: relative;}
.sub3_8 .btm_con .tit {position: absolute;top: 0;left: 50%;transform: translate(-50%, -50%) !important;!i;!;width: 100%;max-width: 320px;background: #3721b0;text-align: center;border-radius: 34px;font-size: clamp(18px,2vw,22px);color: #fff;font-weight: 700;padding: clamp(12px,2vw,20px);}
.sub3_8 .btm_con .df {justify-content: space-between;padding: 0 20px;}
.sub3_8 .btm_con .df img:nth-child(1) {width: calc(25% - 20px);}
.sub3_8 .btm_con .df img:nth-child(2) {width: calc(75% - 20px);}
.sub3_8 .slide_con {overflow: hidden;padding: clamp(40px,3.2vw,66px) 0 0;display: flex;}
.sub3_8 .controler .slick--visual__paging{}
.sub3_8 .controler .slick--visual__paging .slick-dots li {display: none;}
.sub3_8 .controler .slick--visual__paging .slick-dots li.slick-active {display: flex;}
.sub3_8 .controler .slick--visual__paging .slick-dots li.slick-active span:first-child{font-weight: 700;color: #262626;}
.sub3_8 .controler .slick--visual__paging .slick-dots li.slick-active span:nth-child(2){padding: 0 clamp(6px,2vw,10px);color: #cccccc;}
.sub3_8 .controler .slick--visual__paging .slick-dots li span {font-weight: 300;color: #262626;}
.sub3_8 .left_con .tit {padding: 0 0 clamp(20px,2vw,30px);font-size: clamp(24px,2vw,30px);font-weight: 900;color: #0a2b52;}
.sub3_8 .left_con .text {padding: 0 0 clamp(28px,3.2vw,50px);font-size: clamp(18px,2vw,20px);font-weight: 300;line-height: 1.4em;}
.sub3_8 .left_con .controler {gap: clamp(12px,2vw,18px);align-items: center;}
.sub3_8 .right_con .slick-slide > div {margin: 0 10px;}
.sub3_8 .right_con .box_con {background: #f5f8fb;padding: clamp(24px,2vw,32px) clamp(20px,2vw,30px) 20px;border-radius: 20px;}
.sub3_8 .right_con .box_con .num {color: #262626;padding: 0 0 clamp(8px,2vw,16px);font-weight: 700;font-size: 16px;}
.sub3_8 .right_con .box_con .tit {padding: 0 0 clamp(16px,2vw,20px);font-size: clamp(24px,2vw,26px);font-weight: 900;color: #0a2b52;}
.sub3_8 .right_con .box_con .txt {font-size: clamp(16px,2vw,18px);line-height: 1.4em;color: #262626;font-weight: 300;min-height: 130px;padding: 0 0 clamp(12px,2vw,20px);}
.sub3_8 .right_con .box_con .img img{width: 100%;}


@media screen and (max-width:1600px) {
	.sub3_8 .right_con .box_con .txt br{display: none;}
}

@media screen and (max-width:1400px) {
	.sub3_8 .right_con .box_con .txt{min-height: 200px;}
	.sub3_8 .mid_con .df .half .df .txt br{display: none;}

}

@media screen and (max-width:1024px) {
	.sub3_8 .slide_con{display: block;}
	.sub3_8 .slide_con .left_con{width: 100%;float: none;padding: 0 0 20px;}
	.sub3_8 .right_con{width: 100%;float: none;}
}

@media screen and (max-width:768px){
	.sub3_8 .mid_con .df .half{flex: 100%;}
	.sub3_8 .right_con .box_con .txt{min-height: 172px;}
}

@media screen and (max-width:500px) {
	.sub3_8 .right_con .box_con .txt{min-height: 120px;}
}

/* sub4_1 */
.sub4_1 {}

.sub4_1 #contactForm > .df {gap: 28px;padding: 0 0 clamp(20px,4.2vw,54px);}
.sub4_1 #contactForm > .df > .half {flex: 0 1 calc(50% - 14px);}
.sub4_1 #contactForm > .df > .half input {width: 100%;border: 0.5px solid #b3b3b3;background: #fafafa;height: clamp(40px,3.2vw,52px);border-radius: 6px;padding: 4px 6px;}
.sub4_1 #contactForm > .df > .half .tit {font-size: 18px;font-weight: 500;padding: 0 0 clamp(12px,2vw,15px););)1;);color: #404040;}
.sub4_1 #contactForm > .df > .half .txt {padding: 14px 0 0;font-weight: 100;color: #a6a6a6;}
.sub4_1 #contactForm > .df > .half .tit span {color: #c50018;font-weight: 300;}
.sub4_1 #contactForm > .selectBox {padding: clamp(12px,2vw,16px) 0 clamp(20px,3.2vw,36px);}
.sub4_1 #contactForm > .selectBox .tit {padding: 0 0 clamp(20px,2vw,26px);font-size: 18px;color: #404040;font-weight: 500;}
.sub4_1 #contactForm > .selectBox .optionList {font-size: 18px;font-weight: 300;gap: 10px;color: #404040;}
.sub4_1 #contactForm > .selectBox .optionList .optionItem {}
.sub4_1 #contactForm > .selectBox .optionList .optionItem input {margin: 0 10px 0 0;}
.sub4_1 #contactForm > .inner {padding: 0 0 clamp(20px,5vw,72px);}
.sub4_1 #contactForm > .inner .tit {font-size: 18px;font-weight: 500;padding: 0 0 14px;}
.sub4_1 #contactForm > .inner textarea#r_hp {width: 100%;height: 254px;border: 0.5px solid #b3b3b3;background: #fafafa;border-radius: 6px;padding: clamp(20px,2.2vw,28px) clamp(20px,2vw,24px);}
.sub4_1 #contactForm > .inner textarea#r_hp::placeholder{color:#a6a6a6;font-size:16px;font-weight:100;}
.sub4_1 #contactForm > .editable {position: relative;}
.sub4_1 #contactForm > .editable .editable__inner {overflow-y: scroll;height: 254px;width: 100% !important;font-size: clamp(16px, 2vw, 18px);color: #404040;line-height: 1.6em;border: 0.5px solid #b3b3b3;background: #fafafa;border-radius: 6px;padding: clamp(20px,2vw,22px) clamp(20px,2.6vw,28px);margin-bottom: clamp(40px,2vw,56px);}
.sub4_1 #contactForm > .btm__con {padding: 0 0 clamp(20px,2.8vw,36px);}
.sub4_1 #contactForm > .btm__con .tit {font-size: 18px;font-weight: 300;color: #404040;padding: 0 0 clamp(20px,2vw,26px);}
.sub4_1 #contactForm > .btm__con .tit span {color: #c50018;font-weight: 300;}
.sub4_1 #contactForm > .btm__con .df {gap: 10px;align-items: center;}
.sub4_1 #contactForm > .btm__con .df input#agree {border: 1px solid #404040;appearance: none;-webkit-appearance: none;width: 16px;height: 16px;border: 2px solid #d3d3d3;border-radius: 4px;background-color: #fff;cursor: pointer;}
.sub4_1 #contactForm > .btm__con .df input#agree:checked {background-color: #4caf50;border-color: #4caf50;position: relative;}
.sub4_1 #contactForm > .btm__con .df input#agree:checked::after {content: "✔";font-size: 8px;font-weight:300;color: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.sub4_1 #contactForm > .editable button#cont_submit {width: 100%;max-width: 220px;background: #0555b2;color: #fff;padding: clamp(8px,2vw,16px) 0;border-radius: 30px;font-size: clamp(18px,2vw,20px);font-weight: 700;left: 50%;transform: translateX(-50%);position: relative;}

@media screen and (max-width:500px) {
	.sub4_1 #contactForm > .df{flex-direction: column;gap: 12px;}
}

/* sub5_2_2 */
.sub5_2_2 .bg {
	background: url(../img/sub/sub5_2_2_img01.jpg) no-repeat center;
	height: clamp(280px,52vw,500px);
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
	gap: clamp(20px,5.2vw,80px);
}
.sub5_2_2 #bo_cate {padding: 10px 0px 40px;text-align:center;}
.sub5_2_2 #bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.sub5_2_2 #bo_cate ul {zoom:1}
.sub5_2_2 #bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
.sub5_2_2 #bo_cate ul li {display:inline-block;transition: all 1s ease-out;margin:0 3px;font-size:16px;color:#c0c0c0;letter-spacing:-1px;font-weight:400;max-width: 200px;text-align:center;background: #fff;width: 100%;border: 0.5px solid #4e4e4e;}
.sub5_2_2 #bo_cate a {display:block;line-height: 23px;padding: 10px;/* border-radius:3px; */border:1px solid transparent;color: #2d2d2d;font-size: 15px;}
.sub5_2_2 #bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {font-weight:500; background:#636599; color:#fff}
.sub5_2_2 #bo_cate #bo_cate_on {font-weight:500;background: #0456c9;color:#fff}
.sub5_2_2 #bo_cate_ul li.active a{font-weight:500;background: #0456c9;color:#fff;border: 0;}
.sub5_2_2 #bo_cate #bo_cate_on {font-weight:500; border:1px solid #636599; background:#fff; color:#636599;}}
.sub5_2_2 .bg > .tit {
	font-weight: 600;
	color: #fff;
	font-size: clamp(28px,2vw,36px);
}

.sub5_2_2 .bg a {
	max-width: clamp(180px,52vw,350px);
	background: #0555b2;
	color: #fff;
	border: 1px solid #a0a1b1;
	padding: clamp(8px,2vw,14px) clamp(20px,2vw,36px);
	width: 100%;
	border-radius: 28px;
	justify-content: space-between;
	align-items: center;
	font-size: clamp(18px,2vw,22px);
	font-weight: 600;
}
.sub5_2_2 .bg .tit {
	font-weight: 600;
	font-size: clamp(20px,2vw,36px);
	color: #fff;
	text-align: center;
}
@media (max-width:830px){
	.sub5_2_2 #bo_cate ul li {margin:0 2px; font-size:14px; width:auto;}
	.sub5_2_2 #bo_cate a {display:block;line-height:20px;padding: 10px 60px;}
}

@media (max-width:550px){
	.sub5_2_2 #bo_cate ul li {margin: 5px;width: 80px;}
	.sub5_2_2 #bo_cate a {display:block;line-height:15px;font-size: 14px;padding: 10px 40px;}
}

@media screen and (max-width:480px){
   .sub5_2_2 #bo_cate {padding-bottom:10px;}
   .sub5_2_2 #bo_cate a {padding: 10px 0;}
}

.sub5_2_3 #bo_cate {padding: 10px 0px 40px;text-align:center;}
.sub5_2_3 #bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.sub5_2_3 #bo_cate ul {zoom:1}
.sub5_2_3 #bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
.sub5_2_3 #bo_cate ul li {display:inline-block;transition: all 1s ease-out;margin:0 3px;font-size:16px;color:#c0c0c0;letter-spacing:-1px;font-weight:400;max-width: 200px;text-align:center;background: #fff;width: 100%;border: 0.5px solid #4e4e4e;}

.sub5_2_3 #bo_cate a {display:block;line-height: 23px;padding: 10px;/* border-radius:3px; */border:1px solid transparent;color: #2d2d2d;font-size: 15px;}
.sub5_2_3 #bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {font-weight:500; background:#636599; color:#fff}
.sub5_2_3 #bo_cate #bo_cate_on {font-weight:500;background: #0456c9;color:#fff}
.sub5_2_3 #bo_cate_ul li.active a{font-weight:500;background: #0456c9;color:#fff;border: 0;}

.sub5_2_3 #bo_cate #bo_cate_on {font-weight:500; border:1px solid #636599; background:#fff; color:#636599;}
.sub5_2_3 .df {gap: 10px clamp(20px,2vw,34px);}
.sub5_2_3 .df .three {flex: 0 1 calc(100% / 3 - clamp(16px,1.4vw,24px));}
.sub5_2_3 .df .three a {width:100%}
.sub5_2_3 .df .three img {height: 290px;object-fit: cover;width: 100%;}
.sub5_2_3 .df .three .text {justify-content: space-between;padding: clamp(12px,2vw,20px) 0;align-items: center;}
.sub5_2_3 .df .three .text .tit {font-size: clamp(18px,2vw,22px);font-weight: 700;}
.sub5_2_3 .df .three .text .txt {color: #0555b2;border: 1px solid;padding: 7px 5px;font-size: 14px;}

@media screen and (max-width:1024px) {
	.sub5_2_3 .df .three{flex: 0 1 calc(100% / 2 - 10px);}
}

@media (max-width:830px){
	.sub5_2_3 #bo_cate ul li {margin:0 2px; font-size:14px; width:auto;}
	.sub5_2_3 #bo_cate a {display:block;line-height:20px;padding: 10px 60px;}
}

@media screen and (max-width:768px) {
	.sub5_2_3 .df .three .text{flex-direction: column;display: flex;align-items: flex-start;}
}

@media (max-width:550px){
	.sub5_2_3 #bo_cate ul li {margin:5px;}
	.sub5_2_3 #bo_cate a {display:block;line-height:15px;font-size: 14px;padding: 10px 40px;}
}

@media screen and (max-width:500px) {
	.sub5_2_3 .df .three{flex: 100%;}
	.sub5_2_3 .df .three img{height: 220px;}
}

@media screen and (max-width:480px){
	.sub5_2_3 #bo_cate {padding-bottom:10px;}
	.sub5_2_3 #bo_cate a {padding: 10px 30px;}
}


/* sub6_1 */
.sub6_1{}
.sub6_1 .top_con {padding: 0 0 clamp(40px,2vw,60px)}
.sub6_1 .top_con .tit {display: flex;justify-content: center;flex-direction: column;align-items: center;text-align: center;font-size: clamp(26px,2vw,32px);font-weight: 700;}
.sub6_1 .top_con .tit span {background: linear-gradient(to right, #3724b1, #3c7dcc);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.sub6_1 .btm_con {border-radius: 0 12px 0 12px;}
.sub6_1 .btm_con .text {background: url(../img/sub/sub6_1_bg01.jpg) no-repeat center center;background-size: cover;color: #fff;padding: clamp(30px,3.4vw,60px) clamp(32px,3.8vw,72px);min-height: 500px;border-radius: 0 72px 0 72px;}
.sub6_1 .btm_con .text .txt {font-size: clamp(18px,2vw,20px);font-weight: 100;}
.sub6_1 .btm_con .text .txt p {}
.sub6_1 .btm_con .text .txt p:first-child{padding:0 0 clamp(20px,3.2vw,42px)}
.sub6_1 .btm_con .text .tit {width: 100%;display: flex;align-items: flex-end;color: #ffffff50;font-size: clamp(28px,2vw,40px);font-weight: 700;padding: 20px 0 0;}


@media screen and (max-width:768px) {
	.sub6_1 .btm_con .text .txt p br{display: none;}
}

@media screen and (max-width:500px) {
	.sub6_1 .top_con .tit span br {display: none;}
}

.sub6_3 .history_list {gap: clamp(40px,4.4vw,80px) 0;}
.sub6_3 .history_list .history_con {width: 100%;display:flex;flex-wrap: wrap;gap: clamp(40px,8.2vw,150px);align-items: center;}
.sub6_3 .history_list .history_con .left_con {flex: 0 1 calc(50% - clamp(20px,5vw,75px));height: 100%;}
.sub6_3 .history_list .history_con .left_con img{height:100%; object-fit:cover}
.sub6_3 .history_list .history_con .right_con {flex: 0 1 calc(50% - clamp(20px,7.2vw,75px));}
.sub6_3 .history_list .history_con .right_con .ymd {padding: 0 0 clamp(12px,2vw,20px);font-size: clamp(32px,2vw,40px);color: #0555b2;font-weight: 700;}
.sub6_3 .history_list .history_con .right_con .txt {font-size: clamp(16px,2vw,18px);font-weight: 300;line-height: 1.6em;}



.sub6_3 .timeline {position: absolute;left: 50%;top: 0;bottom: 0;width: 4px;background-color: #e0e0e0;transform: translateX(-50%);}
.sub6_3 .timeline .line {position: absolute;width: 100%;height: 100%;background-color: #e0e0e0;z-index: 1;}
.sub6_3 .timeline .progress {position: absolute;width: 5px;height: 0;background-color: #002958;z-index: 2;transition: height 0.3s ease;}
.sub6_3 .timeline .progress .circle {position: absolute;bottom: 0;left: 50%;width: 24px;height: 24px;background-color: #002958;border: 6px solid #ffffff;border-radius: 50%;box-shadow: 0 0 0 2px #002958;transform: translate(-50%, 50%) !important;z-index: 3;transition: bottom 0.3s ease;}

@media screen and (max-width:500px) {
	.sub6_3 .timeline{display: none;}

	.sub6_3 .history_list{flex-direction: column;}
	.sub6_3 .history_list .history_con{flex-direction: column;align-items: flex-start;gap: 20px;}
	.sub6_3 .history_list .history_con > div{flex: 100% !important;}
}

/* sub6_4 */
.sub6_4 .wrap_controllers{display: none !important;}
.sub6_4 .root_daum_roughmap{width: 100%;}
.sub6_4 .root_daum_roughmap .wrap_map{height: clamp(320px,32vw,600px);}

.sub6_4 .root_daum_roughmap .map > div:nth-child(2){display: none;}
.sub6_4 .root_daum_roughmap .wrap_btn_zoom{display: none;}

.sub6_4 .top_con {padding: 0 0 clamp(40px,3.8vw,60px);}
.sub6_4 .top_con .wr-1400.df {gap: clamp(20px,2vw,40px);}
.sub6_4 .top_con .wr-1400.df .half {flex: 0 1 calc(100% / 2 - clamp(20px,2vw,40px));}
.sub6_4 .top_con .wr-1400.df .half > .tit {font-weight: 800;line-height: 1.2em;font-size: clamp(26px,2.8vw,32px);}
.sub6_4 .top_con .wr-1400.df .half.df {flex-direction: column;gap: 18px;}
.sub6_4 .top_con .wr-1400.df .half.df .df {align-items: center;gap: clamp(12px,2vw,24px);font-size: clamp(18px,2vw,22px);}
.sub6_4 .top_con .wr-1400.df .half.df .df .tit {font-weight: 700;display: flex;align-items: center;width: 120px;}
.sub6_4 .top_con .wr-1400.df .half.df .df  .txt {font-weight: 300;line-height: 1.4em;}
.sub6_4 .top_con .wr-1400.df .half.df .df .txt a {font-weight: 300;}
.sub6_4 .top_con .wr-1400.df .half.df .df .tit span {padding: 0 clamp(8px,2vw,16px) 0 0;}

@media screen and (max-width:1400px) {
	.sub6_4 .top_con .wr-1400.df .half.df .df{flex-direction: column;align-items: flex-start;}
}

@media screen and (max-width:1024px) {
	.sub6_4 .top_con .wr-1400.df{flex-direction: column;}
	.sub6_4 .top_con .wr-1400.df .half.df .df{flex-direction: row;align-items: center;}
}

@media screen and (max-width:550px) {
	.sub6_4 .top_con .wr-1400.df .half.df .df{flex-direction: column;align-items: flex-start;}
}

.sub6_5 {}
.sub6_5 .top_con {}
.sub6_5 .top_con .top_con_inner_top {background: #f5f7f8;text-align: center;position: relative;padding: clamp(60px,4.2vw,80px) 20px clamp(40px,2vw,50px);font-size: clamp(18px,2vw,24px);font-weight: 300;color: #050b11;line-height: 1.4em;}
.sub6_5 .top_con .top_con_inner_top .tit {top: 0px;transform: translate(-50%, -50%);text-align: center;background: #3721b0;width: 100%;max-width: 320px;position: absolute;left: 50%;padding: clamp(12px, 2vw, 20px) 4px;color: #fff;border-radius: 30px;font-size: clamp(18px, 2vw, 22px);font-weight: 700;}
.sub6_5 .top_con .top_con_inner_btm {padding: clamp(20px,2vw,40px) 0 clamp(40px,5.6vw,100px);}
.sub6_5 .top_con .top_con_inner_btm .left_con {padding: clamp(40px,5.6vw,100px) clamp(36px,4.8vw,88px);border: 1px solid #d8dfe7;border-radius: 20px;flex: 0 1 calc(65% - clamp(10px,2vw,20px));display: flex;align-items: center;}
.sub6_5 .top_con .top_con_inner_btm .left_con > img{width:100%;}
.sub6_5 .top_con .top_con_inner_btm > .df {gap: clamp(20px,2vw,40px);}
.sub6_5 .top_con .top_con_inner_btm .right_con {flex: 0 1 calc(35% - clamp(10px,2vw,20px));flex-direction: column;gap: clamp(20px,2vw,30px);}
.sub6_5 .top_con .top_con_inner_btm .right_con > div {flex: calc(100% /2 - clamp(20px,2vw,30px));border-radius: 20px;color: #fff;padding: 20px 25px;}
.sub6_5 .top_con .top_con_inner_btm .right_con .top_con {background: #63649A;}
.sub6_5 .top_con .top_con_inner_btm .right_con > div .tit {font-size: clamp(20px,2vw,22px);font-weight: 700;padding: 0 0 clamp(10px,2vw,15px);}
.sub6_5 .top_con .top_con_inner_btm .right_con > div .txt {font-size: 16px;font-weight: 300;}
.sub6_5 .top_con .top_con_inner_btm .right_con .btm_con {background: #C39E67;}

.sub6_5 .btm_con {}
.sub6_5 .btm_con .top_con_inner_top {background: #f5f7f8;text-align: center;position: relative;padding: clamp(60px,4.2vw,80px) 20px clamp(40px,2vw,50px);font-size: clamp(18px,2vw,24px);font-weight: 300;color: #050b11;line-height: 1.4em;}
.sub6_5 .btm_con .top_con_inner_top span{font-weight: 700;}
.sub6_5 .btm_con .top_con_inner_top .tit {top: 0px;transform: translate(-50%, -50%);text-align: center;background: #3721b0;width: 100%;max-width: 320px;position: absolute;left: 50%;padding: clamp(12px, 2vw, 20px) 4px;color: #fff;border-radius: 30px;font-size: clamp(18px, 2vw, 22px);font-weight: 700;}
.sub6_5 .btm_con .top_con_inner_btm {padding: clamp(20px,2vw,40px) 0 clamp(40px,5.6vw,100px);}
.sub6_5 .btm_con .top_con_inner_btm .left_con {padding: clamp(40px,5.6vw,100px) clamp(36px,4.8vw,88px);border: 1px solid #d8dfe7;border-radius: 20px;flex: 0 1 calc(65% - clamp(10px,2vw,20px));display: flex;align-items: center;}
.sub6_5 .btm_con .top_con_inner_btm .left_con > img{width:100%;}
.sub6_5 .btm_con .top_con_inner_btm > .df {gap: clamp(20px,2vw,40px);}
.sub6_5 .btm_con .top_con_inner_btm .right_con {flex: 0 1 calc(35% - clamp(10px,2vw,20px));flex-direction: column;gap: clamp(20px,2vw,30px);}
.sub6_5 .btm_con .top_con_inner_btm .right_con > div {flex: calc(100% /2 - clamp(20px,2vw,30px));border-radius: 20px;color: #fff;padding: 20px 25px;}
.sub6_5 .btm_con .top_con_inner_btm .right_con .top_con {background: #6AC7E5;}
.sub6_5 .btm_con .top_con_inner_btm .right_con > div .tit {font-size: clamp(20px,2vw,22px);font-weight: 700;padding: 0 0 clamp(10px,2vw,15px);}
.sub6_5 .btm_con .top_con_inner_btm .right_con > div .txt {font-size: 16px;font-weight: 300;}
.sub6_5 .btm_con .top_con_inner_btm .right_con .btm_con {background: #58595B;}


@media screen and (max-width:1440px) {
	.sub6_5 .btm_con .top_con_inner_top br{display: none;}
}

@media screen and (max-width:768px) {
	.sub6_5 .top_con .top_con_inner_btm > .df{flex-direction: column;}
	.sub6_5 .btm_con .top_con_inner_btm > .df{flex-direction: column;}
}