@charset "utf-8";
	
/* 서브 공통 */
#container {/* min-height: 65vh; */}
/* #header.sub_header {background: #fff;} */
.sub_header .gnb__logo-link-item.gnb__logo-link-item--active {display: block;}
.sub_header .gnb__logo-link-item {display: none;}
.sub_header .gnb__1depth-link {color: #fff;}
.sub_header .sitemap__btn--active span {
    background: #000 !important;
}
.sub_wr{margin-top:85px}
.cover_bg {height: 341px;background-position: top;background-size: cover;background-repeat: no-repeat;position: relative;}
.bg_sub1_2{ background-image: url(../img/sub/sub1_2_bg.png); }
.bg_sub1_5{ background-image: url(../img/sub/sub1_5_bg.png); }
.sub_con{margin: 90px auto;max-width: 1500px;}

@media screen and (max-width:1540px){
	.sub_con{margin: 90px 40px;}
}

@media (min-width: 1200px) {
    .cover_bg {background-attachment: fixed;}
}

@media screen and (max-width:1024px){
	.sub_wr{margin-top:55px}
	.sub_con{}
}

@media (max-width: 768px) {
	.sub_con{margin:60px 20px}
	.cover_bg {height: 200px;}
}

@media screen and (max-width:500px) {
	.cover_bg {height: 150px;}

}

/*table*/
.item_table_wr{width:100%;text-align: left;}
.item_table_wr table{width:100%;border-spacing: 0;border-top: 2px solid #000;border-collapse: separate;}

.item_table_wr th{position: sticky;left: 0px;font-size: 18px;font-weight: 500;padding: 10px 10px;border-bottom: 1px solid #e4e4e4;border-right: 1px solid #e4e4e4;min-width: 100px;}
.sub2 .btm_wr .item_table_wr tbody tr:nth-child(even) th{background:#f8f8f8}
.sub2 .btm_wr .item_table_wr tbody tr:nth-child(odd) th{background: #fff;}
.sub2 .btm_wr .item_table_wr tbody tr .white {background: #fff !important;}
.sub2 .btm_wr .item_table_wr tbody tr .blue {background: #f8f8f8 !important;}
.item_table_wr thead tr:first-child th{border-top: 1px solid #000000;border-bottom:1px solid #000}
.item_table_wr td{line-height: 1.6em;font-size: 16px;padding: 10px;font-weight: 400;border-bottom: 1px solid #e4e4e4;border-right: 1px solid #e4e4e4;}
.item_table_wr td:last-child{border-right:0;}
.item_table_wr tr:last-child td{}
.item_table_wr tr:first-child td:first-child{border-bottom:0}
.item_table_wr td.bt{border-bottom: 1px solid #e4e4e4 !important;}
.item_table_wr thead tr:first-child th:last-child{border-right:0}
.x-scr{overflow-x:scroll}

@media screen and (max-width:650px) {
.item_table_wr::-webkit-scrollbar{height:5px}
.item_table_wr::-webkit-scrollbar-thumb{background-color: #24205a;border-radius:10px}
.item_table_wr::-webkit-scrollbar-track{background-color:#e2e2e2;border-radius:10px}
.item_table_wr td{padding:15px;}

}


/* 이미지 모달창 */
#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;}
}


/* 서브페이지 네비게이션 */
#sub-nav{position:relative;}
#sub-nav .visual-wr{width:100%;height: 400px;background-size: cover;background-repeat: no-repeat;background-position: center;position: relative;}
#sub-nav .visual-wr .nav-ttl{position: absolute;text-align:center;width: 100%;left: 0;top: 40%;transform: translateY(-50%);color: #fff;font-size: 52px;font-weight: 800;text-shadow: 3px 3px 20px #656565;letter-spacing: 3px;}

#sub-nav .visual-wr .nav-route{position: absolute;left: 50%;bottom: 40%;transform: translateX(-50%);color: #fff;font-size: 15px;width: 100%;}
#sub-nav .visual-wr .nav-route ul{
    align-items: center;
    justify-content: center;
}
#sub-nav .visual-wr .nav-route ul li{padding: 0 13px;position: relative;letter-spacing: 0.5px;}
#sub-nav .visual-wr .nav-route ul li:after{display:block;content: "\f105";position:absolute;top: 0px;right: -3px;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;font-size: 18px;}
#sub-nav .visual-wr .nav-route ul li:last-child:after{display:none;}

#sub-nav .menu-wr{justify-content: center;text-align: center;position: absolute;bottom: 0px;left: 50%;transform: translate(-50%, 0%);width: 100%;background: #ffffff;z-index: 9;border-bottom: 1px solid #c1c1c1;}
#sub-nav .menu-wr li{position:relative;/* width: 25%; */}
#sub-nav .menu-wr li:after{position:absolute;display:block;content:'';width:1px;height: 13px;right: 0;top: 50%;background: rgba(255,255,255,0.5);transform: translateY(-50%);}
#sub-nav .menu-wr li:last-child:after{display:none;}
#sub-nav .menu-wr li a{display:block;width: 100%;padding: 20px 0px;font-size: clamp(16px,2vw,18px);color: #a1a1a1;font-weight: 500;}
#sub-nav .menu-wr li a.active{color: #000000;background: #44747530;position: relative;}
#sub-nav .menu-wr li a.active:before {content: '';position: absolute;top: calc(100% - 2px);left: 50%;transform: translateX(-50%);width: 80%;height: 2px;background: #117476;}
#sub-nav .menu-wr li a p{position:relative;display: inline-block;}
#sub-nav.nav01 .visual-wr{background-image:url('../img/sub/img_navigation_visual01.jpg');}
#sub-nav.nav02 .visual-wr{background-image:url('../img/sub/img_navigation_visual02.jpg');}
#sub-nav.nav03 .visual-wr{background-image:url('../img/sub/img_navigation_visual03.jpg');}
#sub-nav.nav04 .visual-wr{background-image:url('../img/sub/img_navigation_visual04.jpg');}
#sub-nav.nav05 .visual-wr{background-image:url('../img/sub/img_navigation_visual05.jpg');}
#sub-nav.nav06 .visual-wr{background-image:url('../img/sub/img_navigation_visual06.jpg');}

#sub-nav.nav01 .menu-wr li{flex: 0 1 calc(100% / 6 - 110px);}
#sub-nav.nav02 .menu-wr li{flex: 0 1 calc(100% / 3 - 250px);}
#sub-nav.nav03 .menu-wr li{flex: 0 1 calc(100% / 1 - 110px);}
#sub-nav.nav04 .menu-wr li{flex: 0 1 calc(100% / 3 - 210px);}
#sub-nav.nav05 .menu-wr li{flex: 0 1 calc(100% / 3 - 210px);}
#sub-nav.nav06 .menu-wr li{flex: 0 1 calc(100% / 3 - 210px);}

/* mobile */
.m-menu{display:none;/* padding-top: 10px; */}
.m-menu .mnav-ul{
    position: relative;
}
.m-menu .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: -2px;position: relative;}
.m-menu .mnav-ul li .mnav-1a > span{display: block;content: '';position:absolute;background: url('../img/nav-plus.png')no-repeat center;right: 15px;top: 50%;width: 16px;height: 12px;margin-top: -6px;transition: all 0.5s;}
.m-menu .mnav-ul li .mnav-1a .on {transform:rotate(180deg);}
.m-menu .mnav-ul li ul {position:relative;display:none;position:absolute;top: 50px;z-index:10;width: 100%;border: 1px solid #e3e3e3;padding: 15px 30px;background: #fff;}
.m-menu .mnav-ul li ul li {border-bottom: 0;border-right: 0;transition:0.3s;background:#fff;padding: 3px 0;}
.m-menu .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;}
.m-menu .mnav-ul li ul li a:hover{color: #3F51B5;font-weight:bold;text-decoration:underline;}

@media (max-width:1650px){
	#sub-nav .visual-wr{height: 400px;}
	#sub-nav .menu-wr{width: calc(100% - 80px);}
	#sub-nav .menu-wr li a{padding: 23px 0;}
}

@media (max-width:1440px){
	#sub-nav.nav01 .menu-wr li{flex: 0 1 calc(100% / 6 - 80px);}
	#sub-nav.nav02 .menu-wr li{flex: 0 1 calc(100% / 3 - 80px);}
	#sub-nav.nav04 .menu-wr li{flex: 0 1 calc(100% / 3 - 80px);}
	#sub-nav .visual-wr{height: 350px;}
	#sub-nav .visual-wr .nav-ttl{font-size: 46px;}
	#sub-nav .menu-wr{width: calc(100% - 130px);gap: 30px;}
	#sub-nav .menu-wr li a{padding: 15px 0;font-size: 20px;}
}

@media (max-width:1300px){
	#sub-nav .visual-wr .nav-route{bottom: 80px;}
	#sub-nav .visual-wr{height: 260px;}
	#sub-nav .visual-wr .nav-ttl{font-size: 38px;}
	#sub-nav.nav01 .menu-wr li{flex: 0 1 calc(100% / 6 - 30px);}
}

@media (max-width:1200px){
	#sub-nav{}
}

@media (max-width:1024px){
	#sub-nav{}
	#sub-nav .visual-wr{height: 229px;}
	#sub-nav .visual-wr .nav-ttl{font-size: 35px;}
	#sub-nav .menu-wr{width: calc(100% - 120px);padding: 0 20px;}
	#sub-nav .menu-wr li a{font-size: 18px;}
	#sub-nav .menu-wr li a p:after{right: -8px;}
	#sub-nav .visual-wr .nav-route{bottom:60px}
}

@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){
	#sub-nav{}
	.sub_wr{margin:0}
    .pc-menu{/* display:none; */}
    .m-menu{display:block;}
}

@media (max-width: 500px){
	.m-menu .mnav-ul li ul{
    top: 50px;
}
}

/*ready*/
.sub_con.ready {text-align: center;margin: 180px 0;}
.sub_con.ready img {width: 60%;}

@media (max-width:500px){
	#sub-nav{}
	.sub_con.ready img {width: 100%;}
}

/* common-sub */

.sub_con {}
.sub_con > div > .df {gap:20px;height: min-content;}
.sub_con > div > .df > .left_con {flex: 0 1 calc(35% - 10px);}
.sub_con > div > .df > .right_con {flex: 0 1 calc(65% - 10px);}

.sub_con > div > .top_con {}
.sub_con > div > .top_con .left_con {font-size: clamp(28px,3.2vw,50px);font-family: 'Pretendard';font-weight: 700;}
.sub_con > div > .top_con .left_con .tit {}
.sub_con > div > .top_con .left_con .tit span {color: #066a5b;}
.sub_con > div > .top_con .left_con .button {font-size: clamp(22px,2vw,26px);width: fit-content;padding: 10px 26px;border-radius: 6px;background: #dde6e6;margin: clamp(12px,2vw,24px) 0 0;color: #066a5b;}
.sub_con > div > .top_con .right_con {border-top: 3px solid #000;padding: clamp(40px,2.4vw,60px) 0;margin: 0 0 clamp(20px,2vw,40px);line-height: 1.6em;font-size: clamp(18px,2vw,24px);font-weight: 300;}

@media screen and (max-width:1540px) {
	.sub_con > div > .top_con .right_con br{display: none;}
}

@media screen and (max-width:1024px) {
	.sub_con > div > .top_con .left_con{flex: 100%;}
	.sub_con > div > .top_con .right_con{flex: 100%;}
}

/* sub1_1 */
.sub1_1 {}
.sub1_1 .btm_con .right_con {flex-direction: column;justify-content: space-between;gap: clamp(20px,2vw,34px);}
.sub1_1 .btm_con .right_con .right_con_content {}
.sub1_1 .btm_con .right_con .right_con_content .text {width: calc(100% - clamp(60px,12vw,200px));padding: clamp(20px,2vw,44px);background: #ebf0ef;}
.sub1_1 .btm_con .right_con .right_con_content .bg {/*background: #333333;*/width: calc(clamp(60px,12vw,200px));height: 100%;}
.sub1_1 .btm_con .right_con .right_con_content .bg img{object-fit: cover; height: 100%;}
.sub1_1 .btm_con .right_con .right_con_content .text .tit {padding: 0 0 clamp(20px,2vw,40px);font-size: clamp(24px,2vw,36px);font-weight: 800;}
.sub1_1 .btm_con .right_con .right_con_content .text .txt {font-size: clamp(18px,2vw,22px);font-weight: 400;line-height: 1.4em;}

@media screen and (max-width:1400px) {
	.sub1_1 .btm_con .right_con .right_con_content .text .txt br {display: none;}
}

@media screen and (max-width:768px) {
	.sub1_1 .btm_con {flex-direction: column;text-align: center;}

	.sub1_1 .btm_con .left_con{flex: 100%;}
	.sub1_1 .btm_con .left_con img {max-height: 280px;}
	.sub1_1 .btm_con .right_con{flex: 100%;}
	.sub1_1 .btm_con .right_con .right_con_content{}
	.sub1_1 .btm_con .right_con .right_con_content .text{width: 100%;}
	.sub1_1 .btm_con .right_con .right_con_content .bg{width: 100%;height: auto;min-height: 160px;}
}


/* sub3_1 */
.sub3_1 {}
.sub3_1 .btm_con .right_con {flex-direction: column;justify-content: space-between;gap: clamp(20px,2vw,34px);}
.sub3_1 .btm_con .right_con .right_con_content {}
.sub3_1 .btm_con .right_con .right_con_content .text {padding: clamp(20px,2vw,44px);background: #ebf0ef;}
.sub3_1 .btm_con .right_con .right_con_content.df .text{width: calc(100% - clamp(140px,12vw,200px));}
.sub3_1 .btm_con .right_con .right_con_content .bg {background: #333333;width: calc(clamp(140px,12vw,200px));height: 100%;}
.sub3_1 .btm_con .right_con .right_con_content .bg img{object-fit: cover; height: 100%;}
.sub3_1 .btm_con .right_con .right_con_content .text .tit {padding: 0 0 clamp(20px,2vw,40px);font-size: clamp(24px,2vw,36px);font-weight: 800;}
.sub3_1 .btm_con .right_con .right_con_content .text .txt {font-size: clamp(18px,2vw,22px);font-weight: 400;line-height: 1.4em;}
.sub3_1 .btm_con .right_con .right_con_content .text .txt li {position: relative;padding: 0 0 0 20px;}
.sub3_1 .btm_con .right_con .right_con_content .text .txt li:before {content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 4px;height: 4px;background: #000;border-radius: 100%;}

@media screen and (max-width:1540px) {
	.sub3_1 .btm_con .right_con .right_con_content .text .txt br{display: none;}
}

@media screen and (max-width:768px) {
	.sub3_1 .btm_con {flex-direction: column;text-align: center;}
	.sub3_1 .btm_con .left_con{flex: 100%;}
	.sub3_1 .btm_con .left_con img{max-height: 400px;}
	.sub3_1 .btm_con .right_con{flex: 100%;}
	.sub3_1 .btm_con .right_con .right_con_content .bg{height: auto;}
	.sub3_1 .btm_con .right_con .right_con_content .text .tit{text-align: left;}
	.sub3_1 .btm_con .right_con .right_con_content .text .txt{text-align: left;}
}

@media screen and (max-width:520px) {
	.sub3_1 .btm_con .right_con .right_con_content{flex-direction: column;}
	.sub3_1 .btm_con .right_con .right_con_content.df .text{width: 100%;}
	.sub3_1 .btm_con .right_con .right_con_content .bg{width: 100%;height: 100%;min-height: 160px;}
}

/* sub3_2 */
.sub3_2 {}

.sub3_2 .mid_con {text-align: center;padding: 45px;border: 1px solid #cdcdcd;}

.sub3_2 .btm_con {padding: clamp(40px,3.4vw,60px) 0 0;}
.sub3_2 .btm_con .content_wr {flex-direction: column;justify-content: space-between;gap: clamp(20px,2vw,34px);}
.sub3_2 .btm_con .content_wr .full {}
.sub3_2 .btm_con .content_wr .full .text {padding: clamp(20px,2vw,44px);background: #ebf0ef;}
.sub3_2 .btm_con .content_wr .full .text{width: calc(100% - clamp(200px,32vw,600px));}
.sub3_2 .btm_con .content_wr .full .bg {background: #333333;width: calc(clamp(200px,32vw,600px));height: 100%;}
.sub3_2 .btm_con .content_wr .full .bg img{object-fit: cover; height: 100%;}
.sub3_2 .btm_con .content_wr .full .text .tit {padding: 0 0 clamp(20px,2vw,40px);font-size: clamp(24px,2vw,36px);font-weight: 800;}
.sub3_2 .btm_con .content_wr .full .text .txt li {position: relative;padding: 0 0 0 20px;}
.sub3_2 .btm_con .content_wr .full .text .txt li:before {content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 4px;height: 4px;background: #000;border-radius: 100%;}
.sub3_2 .btm_con .content_wr .full .text .txt {font-size: clamp(18px,2vw,22px);font-weight: 400;line-height: 1.4em;}
.sub3_2 .btm_con .content_wr .half {gap: 40px;}
.sub3_2 .btm_con .content_wr .half > div {flex: 0 1 calc(100% / 2 - 20px);padding: clamp(20px,2vw,44px);background: #ebf0ef;}
.sub3_2 .btm_con .content_wr .half .text .tit {padding: 0 0 clamp(20px,2vw,40px);font-size: clamp(24px,2vw,36px);font-weight: 800;}
.sub3_2 .btm_con .content_wr .half .text .txt {font-size: clamp(18px,2vw,22px);font-weight: 400;line-height: 1.4em;}
.sub3_2 .btm_con .content_wr .half .text .txt li {position: relative;padding: 0 0 0 20px;}
.sub3_2 .btm_con .content_wr .half .text .txt li:before {content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 4px;height: 4px;background: #000;border-radius: 100%;}
.sub3_2 .btm_con .content_wr .half .text .txt li.no_icon::before{display: none;}


@media screen and (max-width:1540px) {
	.sub3_2 .btm_con .content_wr .full .text .txt br{display: none;}
}

@media screen and (max-width:1024px) {
	.sub3_2 .btm_con .content_wr .half{gap: 20px;}
	.sub3_2 .btm_con .content_wr .half > div {flex: 0 1 calc(100% / 2 - 10px);}
}

@media screen and (max-width:520px) {
	.sub3_2 .btm_con .content_wr .full{flex-direction: column;}
	.sub3_2 .btm_con .content_wr .full .text{width: 100%;}
	.sub3_2 .btm_con .content_wr .full .bg{width: 100%;height: auto;min-height: 160px;}
	.sub3_2 .btm_con .content_wr .half{}
	.sub3_2 .btm_con .content_wr .half > div{flex: 100%;}
}

/* sub3_3 */
.sub3_3 {}

.sub3_3 .mid_con {text-align: center;padding: 45px;border: 1px solid #cdcdcd;}

.sub3_3 .btm_con {padding: clamp(40px,3.4vw,60px) 0 0;}
.sub3_3 .btm_con .content_wr {flex-direction: column;justify-content: space-between;gap: clamp(20px,2vw,34px);width: 100%;}
.sub3_3 .btm_con .content_wr .full {}
.sub3_3 .btm_con .content_wr .full .text {padding: clamp(20px,2vw,44px);background: #ebf0ef;}
.sub3_3 .btm_con .content_wr .full .text{width: calc(100% - clamp(200px,32vw,600px));}
.sub3_3 .btm_con .content_wr .full .bg {background: #333333;width: calc(clamp(200px,32vw,600px));height: 100%;}
.sub3_3 .btm_con .content_wr .full .bg img{object-fit: cover; height: 100%;}
.sub3_3 .btm_con .content_wr .full .text .tit {padding: 0 0 clamp(20px,2vw,40px);font-size: clamp(24px,2vw,36px);font-weight: 800;}
.sub3_3 .btm_con .content_wr .full .text .txt {font-size: clamp(18px,2vw,22px);font-weight: 400;line-height: 1.4em;}
.sub3_3 .btm_con .content_wr .full .text .txt li {position: relative;padding: 0 0 0 20px;}
.sub3_3 .btm_con .content_wr .full .text .txt li:before {content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 4px;height: 4px;background: #000;border-radius: 100%;}
.sub3_3 .btm_con .content_wr .half {gap: 40px;}
.sub3_3 .btm_con .content_wr .half > div {flex: 0 1 calc(100% / 2 - 20px);padding: clamp(20px,2vw,44px);background: #ebf0ef;}
.sub3_3 .btm_con .content_wr .half .text .tit {padding: 0 0 clamp(20px,2vw,40px);font-size: clamp(24px,2vw,36px);font-weight: 800;}
.sub3_3 .btm_con .content_wr .half .text .txt {font-size: clamp(18px,2vw,22px);font-weight: 400;line-height: 1.4em;}
.sub3_3 .btm_con .content_wr .half .text .txt li {position: relative;padding: 0 0 0 20px;}
.sub3_3 .btm_con .content_wr .half .text .txt li:before {content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 4px;height: 4px;background: #000;border-radius: 100%;}
.sub3_3 .btm_con .content_wr .half .text .txt li.no_icon::before{display: none;}

@media screen and (max-width:1540px) {
	.sub3_3 .btm_con .content_wr .full .text .txt br{display: none;}
}

@media screen and (max-width:1024px) {
	.sub3_3 .btm_con .content_wr .half{gap: 20px;}
	.sub3_3 .btm_con .content_wr .half > div {flex: 0 1 calc(100% / 2 - 10px);}
}

@media screen and (max-width:520px) {
	.sub3_3 .btm_con .content_wr .full{flex-direction: column;}
	.sub3_3 .btm_con .content_wr .full .text{width: 100%;}
	.sub3_3 .btm_con .content_wr .full .bg{width: 100%;height: auto;min-height: 160px;}
	.sub3_3 .btm_con .content_wr .half{}
	.sub3_3 .btm_con .content_wr .half > div{flex: 100%;}
}


/* sub3_4 */
.sub3_4 {}

.sub3_4 .mid_con {text-align: center;padding: 45px;border: 1px solid #cdcdcd;}

.sub3_4 .btm_con {padding: clamp(40px,3.4vw,60px) 0 0;}
.sub3_4 .btm_con .content_wr {flex-direction: column;justify-content: space-between;gap: clamp(20px,2vw,34px);}
.sub3_4 .btm_con .content_wr .full {}
.sub3_4 .btm_con .content_wr .full .text {padding: clamp(20px,2vw,44px);background: #ebf0ef;}
.sub3_4 .btm_con .content_wr .full .text{width: calc(100% - clamp(200px,32vw,600px));}
.sub3_4 .btm_con .content_wr .full .bg {background: #333333;width: calc(clamp(200px,32vw,600px));height: 100%;}
.sub3_4 .btm_con .content_wr .full .bg img{object-fit: cover; height: 100%;}
.sub3_4 .btm_con .content_wr .full .text .tit {padding: 0 0 clamp(20px,2vw,40px);font-size: clamp(24px,2vw,36px);font-weight: 800;}
.sub3_4 .btm_con .content_wr .full .text .txt {font-size: clamp(18px,2vw,22px);font-weight: 400;line-height: 1.4em;}
.sub3_4 .btm_con .content_wr .full .text .txt li {position: relative;padding: 0 0 0 20px;}
.sub3_4 .btm_con .content_wr .full .text .txt li:before {content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 4px;height: 4px;background: #000;border-radius: 100%;}
.sub3_4 .btm_con .content_wr .half {gap: 40px;}
.sub3_4 .btm_con .content_wr .half > div {flex: 0 1 calc(100% / 2 - 20px);padding: clamp(20px,2vw,44px);background: #ebf0ef;}
.sub3_4 .btm_con .content_wr .half .text .tit {padding: 0 0 clamp(20px,2vw,40px);font-size: clamp(24px,2vw,36px);font-weight: 800;}
.sub3_4 .btm_con .content_wr .half .text .txt {font-size: clamp(18px,2vw,22px);font-weight: 400;line-height: 1.4em;}
.sub3_4 .btm_con .content_wr .half .text .txt li {position: relative;padding: 0 0 0 20px;}
.sub3_4 .btm_con .content_wr .half .text .txt li:before {content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 4px;height: 4px;background: #000;border-radius: 100%;}
.sub3_4 .btm_con .content_wr .half .text .txt li.no_icon::before{display: none;}


@media screen and (max-width:1540px) {
	.sub3_4 .btm_con .content_wr .full .text .txt br{display: none;}
}

@media screen and (max-width:1024px) {
	.sub3_4 .btm_con .content_wr .half{gap: 20px;}
	.sub3_4 .btm_con .content_wr .half > div {flex: 0 1 calc(100% / 2 - 10px);}
}

@media screen and (max-width:520px) {
	.sub3_4 .btm_con .content_wr .full{flex-direction: column;}
	.sub3_4 .btm_con .content_wr .full .text{width: 100%;}
	.sub3_4 .btm_con .content_wr .full .bg{width: 100%;height: auto;min-height: 160px;}
	.sub3_4 .btm_con .content_wr .half{}
	.sub3_4 .btm_con .content_wr .half > div{flex: 100%;}
}

/* sub4_1 */
.sub4_1 {}

.sub_con .sub4_1 .tab_wr {display: flex;flex-wrap: wrap;text-align: center;padding: 0 0 clamp(40px,5.6vw,100px);align-items: center;gap: 4px;}
.sub_con .sub4_1 .tab_wr .tab_link {flex: 0 1 calc(100% / 4 - 4px);padding: 20px 0;font-size: clamp(18px,2vw,20px);font-weight: 400;border: 2px solid #cdcdcd;box-sizing: border-box;}
.sub_con .sub4_1 .tab_wr .tab_link.active {background: #066a5b;color: #fff;font-weight: 700;}

.sub_con .sub4_1 .mid_con {gap: 60px;}
.sub_con .sub4_1 .mid_con > div {flex: 0 1 calc(100% / 2 - 30px);}

.sub_con .sub4_1 .mid_con .left_con {}
.sub_con .sub4_1 .mid_con .left_con > .tit {padding: 24px 28px;border-top: 2px solid #cdcdcd;border-bottom: 2px solid #cdcdcd;font-size: clamp(22px,2vw,26px);font-weight: 700;}
.sub_con .sub4_1 .mid_con .left_con .text_wr {}
.sub_con .sub4_1 .mid_con .left_con .text_wr .text {border-bottom: 1px solid #cdcdcd;}
.sub_con .sub4_1 .mid_con .left_con .text_wr .text:last-child {border-bottom: 2px solid #cdcdcd;}
.sub_con .sub4_1 .mid_con .left_con .text_wr .text > div {font-size: clamp(18px,2vw,22px);padding: 24px 28px;}
.sub_con .sub4_1 .mid_con .left_con .text_wr .text .tit {flex: 0 1 calc(30%);font-weight: 700;border-right: 1px solid #cdcdcd;}
.sub_con .sub4_1 .mid_con .left_con .text_wr .text .txt {flex: 0 1 calc(70%);font-weight: 400;}

.sub_con .sub4_1 .mid_con .right_con {border: 1px solid #cdcdcd;display: flex;align-items: center;justify-content: center;}


.sub_con .sub4_1 .btm_con {margin: clamp(40px,4.8vw,70px) 0 0;border: 1px solid #cdcdcd;padding: clamp(24px,3.2vw,50px);justify-content: center;}
.sub_con .sub4_1 .btm_con > div {display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 20px;flex: 0 1 calc(100% / 2 - 10px);text-align: center;}
.sub_con .sub4_1 .btm_con > div img {object-fit: contain;}
.sub_con .sub4_1 .btm_con > div .tit {padding: 14px clamp(20px, 3.4vw, 52px);background: #ebf0ef;border-radius: 25px;font-size: clamp(18px, 2vw, 20px);font-weight: 400;width: 100%;max-width: 420px;}


.sub4_9 .mid_con {border: 1px solid #cdcdcd;padding: clamp(40px,6.4vw,120px);justify-content: space-between;text-align: center;}
.sub4_9 .mid_con .three {display: flex;flex-wrap: wrap;flex-direction: column;width: calc(100% / 3 - 20px);gap: clamp(20px,4.8vw,100px);justify-content: space-between;align-items: center;}
.sub4_9 .mid_con .three img {object-fit: fill;}
.sub4_9 .mid_con .three .tit {width: fit-content;padding: 14px clamp(20px,3.4vw,52px);background: #ebf0ef;border-radius: 25px;font-size: clamp(18px,2vw,20px);font-weight: 400;}



/* sub5_1 */
.sub_con.sub5_1 {max-width: none;}
.sub_con.sub5_1 .top_con {max-width: 1540px;margin: 0 auto;gap: 100px;padding: 0 0 clamp(40px,4.8vw,100px);}
.sub_con.sub5_1 .top_con .left_con {flex: 0 1 calc(100% / 2 - 50px);}
.sub_con.sub5_1 .top_con .left_con img {width: 100%;height: 100%;}
.sub_con.sub5_1 .top_con .right_con {flex: 0 1 calc(100% / 2 - 50px);border: 0;padding: 0;margin: 0;}
.sub_con.sub5_1 .top_con .right_con .text_wr {display: flex;flex-wrap: wrap;flex-direction: column;justify-content: space-around;height: 100%;gap: 12px;}
.sub_con.sub5_1 .top_con .right_con .text_wr .top_tit {font-family: 'GmarketSans';font-weight: 700;font-size: clamp(24px,2.8vw,40px);line-height: 1.4em;}
.sub_con.sub5_1 .top_con .right_con .text_wr .top_tit span {color: #066a5b;}
.sub_con.sub5_1 .top_con .right_con .text_wr .mid_txt {font-size: clamp(20px,2vw,24px);font-weight: 300;line-height: 1.6em;}
.sub_con.sub5_1 .top_con .right_con .text_wr .btm_txt {display: flex;flex-wrap: wrap;gap: clamp(12px,2vw,20px);flex-direction: column;}
.sub_con.sub5_1 .top_con .right_con .text_wr .btm_txt span {font-size: clamp(20px,2vw,24px);font-weight: 900;}
.sub_con.sub5_1 .top_con .right_con .text_wr .btm_txt .df {font-size: clamp(18px,2vw,20px);font-weight: 500;color: #9fa2a7;}
.sub_con.sub5_1 .top_con .right_con .text_wr .btm_txt .df .txt {}
.sub_con.sub5_1 .top_con .right_con .text_wr .btm_txt .df .txt:first-child {position: relative;padding: 0 clamp(8px,2vw,16px) 0 0;margin: 0 clamp(8px,2vw,16px) 0 0;}
.sub_con.sub5_1 .top_con .right_con .text_wr .btm_txt .df .txt:first-child:before {content: '';position: absolute;right: 0;top: 50%;transform: translateY(-50%);height: 10px;width: 1px;background: #9fa2a7;}


.sub_con.sub5_1 .btm_con {position: relative;}
.sub_con.sub5_1 .btm_con .btm_con_bg {}
.sub_con.sub5_1 .btm_con .btm_con_bg img {width: 100%;object-fit: cover;}
.sub_con.sub5_1 .btm_con .text {position: absolute;top: 50%;left: 50%;color: #fff;font-weight: 900;transform: translate(-50%, -50%);font-size: clamp(32px, 3.8vw, 70px);text-align: center;display: flex;flex-wrap: wrap;flex-direction: column;align-items: center;gap: clamp(20px,2vw,46px);}


@media screen and (max-width:1200px) {
	.sub_con.sub5_1 .top_con {gap: 20px;}
	.sub_con.sub5_1 .top_con .left_con {flex: 0 1 calc(100% / 2 - 10px);}
	.sub_con.sub5_1 .top_con .right_con {flex: 0 1 calc(100% / 2 - 10px);}
}

@media screen and (max-width:1024px) {
	.sub_con.sub5_1 .top_con .left_con{flex: 100%;}
	.sub_con.sub5_1 .top_con .left_con img{max-height: 440px;}
	.sub_con.sub5_1 .top_con .right_con{flex: 100%;}
}


/* sub5_2 */
.sub_con .sub5_2 {}

.sub_con .sub5_2 .text {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: clamp(40px,3.8vw,70px);
    font-size: clamp(20px,2vw,24px);
    font-weight: 300;
    padding: 0 0 clamp(40px,3.8vw,70px);
    text-align: center;
    line-height: 1.4em;
}

.sub_con .sub5_2 .content {
    align-items: center;
    justify-content: center;
    gap: 30px 40px;
    max-width: 1224px;
    margin: 0 auto;
}

.sub_con .sub5_2 .content .content_list {
    flex: 0 1 calc(100% / 3 - 28px);
}

@media screen and (max-width:768px) {
	.sub_con .sub5_2 .content .content_list{flex: 0 1 calc(100% / 2 - 20px);}
}

@media screen and (max-width:520px) {
	.sub_con .sub5_2 .content .content_list{flex: 100%; text-align: center;}
}

/* sub5_3 */
.sub5_3{}
.sub5_3 .pc_only{display: block;}
.sub5_3 .mo_only{display: none;}

@media screen and (max-width:768px) {
	.sub5_3 .pc_only{display: none;}
	.sub5_3 .mo_only{display: block;}
}


.sub_con .sub5_4 {}
.sub_con .sub5_4 .top_con {align-items: center;gap: 100px;padding: 0 0 clamp(40px,3.2vw,62px);}
.sub_con .sub5_4 .top_con .left_con {flex: 0 1 calc(35% - 50px);}
.sub_con .sub5_4 .top_con .right_con {margin: 0;padding: 0;flex: 0 1 calc(65% - 50px);}

.sub_con .sub5_4 .btm_con {gap: 100px;}
.sub_con .sub5_4 .btm_con .left_con {flex: 0 1 calc(35% - 50px);}
.sub_con .sub5_4 .btm_con .left_con img {width: 100%;height: 100%;object-fit: cover;}

.sub_con .sub5_4 .btm_con .right_con {flex-direction: column;flex: 0 1 calc(65% - 50px);}
.sub_con .sub5_4 .btm_con .right_con .year {padding: 0 0 clamp(40px,3.8vw,72px);font-size: clamp(24px,2vw,40px);font-weight: 900;}
.sub_con .sub5_4 .btm_con .right_con .right_con_content {flex-direction: column;padding: 0 0 clamp(20px,2.4vw,44px);margin: 0 0 clamp(20px,2.4vw,44px);border-bottom: 1px solid #ccced4;}
.sub_con .sub5_4 .btm_con .right_con .right_con_content .month {padding: 0 0 clamp(20px,2vw,40px);font-size: clamp(24px,2vw,30px);font-weight: 500;color: #17323f;}
.sub_con .sub5_4 .btm_con .right_con .right_con_content ul {line-height: 1.6em;}
.sub_con .sub5_4 .btm_con .right_con .right_con_content ul li {padding: 0 0 0 28px;position: relative;font-size: clamp(18px,2vw,20px);font-weight: 300;}
.sub_con .sub5_4 .btm_con .right_con .right_con_content ul li:before {content: '';position: absolute;left: 0;top: 50%;width: 4px;height: 4px;background: #000000;transform: translateY(-50%);border-radius: 100%;}
.sub_con .sub5_4 .btm_con .right_con .right_con_content:last-child {margin: 0;padding: 0;border: 0;}


@media screen and (max-width:1240px) {
	.sub_con .sub5_4 .top_con{gap: 40px;}
	.sub_con .sub5_4 .top_con .left_con {flex: 0 1 calc(35% - 20px);}
	.sub_con .sub5_4 .top_con .right_con {flex: 0 1 calc(65% - 20px);}

	.sub_con .sub5_4 .btm_con{gap: 40px;}
	.sub_con .sub5_4 .btm_con .left_con {flex: 0 1 calc(35% - 20px);}
	.sub_con .sub5_4 .btm_con .right_con {flex: 0 1 calc(65% - 20px);}
}

@media screen and (max-width:1024px) {
	.sub_con .sub5_4 .btm_con{flex-direction: column;}
	.sub_con .sub5_4 .btm_con .left_con{flex: 100%;text-align: center;}
	.sub_con .sub5_4 .btm_con .left_con img{width: auto;}
	.sub_con .sub5_4 .btm_con .right_con{flex: 100%;}
}

@media screen and (max-width:768px) {
	.sub_con .sub5_4 .top_con .right_con{flex: 100%;}
	.sub_con .sub5_4 .top_con .right_con{display: none;}
}


/* sub6_1 */
.sub_con .sub6_1 {}
.sub_con .sub6_1 form {flex-direction: column;}
.sub_con .sub6_1 form .df {gap: 40px;}
.sub_con .sub6_1 form .df .half {flex: 0 1 calc(100% / 2 - 20px);background: #e4e8ea50;display: flex;align-items: center;padding: clamp(12px,2vw,20px);gap: 20px;}
.sub_con .sub6_1 form .df .half .tit {flex: 144px;font-size: clamp(16px,2vw,18px);font-weight: 700;}
.sub_con .sub6_1 form .df .half input {flex: 0 1 calc(100% - 204px);border: 0 !important;box-shadow: none !important;}
.sub_con .sub6_1 form .df .half .tit span {color: #00a0e9;}
.sub_con .sub6_1 form .df .half input::placeholder {font-size:clamp(14px,2vw,16px); color:#9fa2a7;font-weight:400;}
.sub_con .sub6_1 form .inner {gap: 0;background: #e4e8ea50;display: flex;align-items: flex-start;padding: clamp(12px, 2vw, 20px);gap: 20px;}
.sub_con .sub6_1 form .inner .tit {flex: 144px;font-size: clamp(16px, 2vw, 18px);font-weight: 700;}
.sub_con .sub6_1 form .inner .tit span{color: #00a0e9;}
.sub_con .sub6_1 form .inner textarea {flex: 0 1 calc(100% - 204px);border: 0 !important;box-shadow: none !important;background: #ffffff00;min-height: 300px;}
.sub_con .sub6_1 form .inner textarea::placeholder{font-size:clamp(14px,2vw,16px); color:#9fa2a7;font-weight:400;}
.sub_con .sub6_1 form .btm__con {justify-content: space-between;height: min-content;max-height: 80px;align-items: center;}
.sub_con .sub6_1 form .btm__con .checkbox_label {gap: 20px;font-size: clamp(16px, 2vw, 18px);font-weight: 700;height: fit-content;align-items: center;}
.sub_con .sub6_1 form .btm__con .checkbox_label span {color: #00a0e9;}
.sub_con .sub6_1 form .btm__con button {width: 100%;max-width: 300px;background: #0b1e49;padding: 30px;height: fit-content;color: #fff;}

@media screen and (max-width:1024px) {
	.sub_con .sub6_1 form .df{gap: 20px;}
	.sub_con .sub6_1 form .df .half{flex: 100%;}
}

@media screen and (max-width:768px) {
	.sub_con .sub6_1 form .btm__con{max-height: none;}
}
