@charset "utf-8";
	
/* 서브 공통 */
/* 이미지 모달창 */
#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;z-index: 2;}
#sub__nav .visual__wrap{width:100%;height: 430px;background-size: cover;background-repeat: no-repeat;background-position: center;position: relative;}
#sub__nav .visual__wrap .nav-title{position: absolute;text-align:center;width: 100%;left: 0;top: calc(50% + 30px);transform: translateY(-50%);color: #fff;font-size: clamp(28px, 3vw, 42px);line-height: 1.4em;letter-spacing: 2px;}
#sub__nav .visual__wrap .nav__route{position: absolute;width: fit-content;left: 50%;bottom: 40px;transform: translateX(-50%);color: #fff;font-size: 15px;}
#sub__nav .visual__wrap .nav__route ul {display: flex;flex-wrap: wrap;}
#sub__nav .visual__wrap .nav__route ul li{padding: 0 13px;position: relative;font-size: 18px;color: rgba(255, 255, 255, 0.6);}
#sub__nav .visual__wrap .nav__route ul li:after{display:block;content: "\f105";position:absolute;top: 1px;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__wrap .nav__route ul li:last-child:after{display:none;}
.nav-title p.td {color: #fff4;font-size: clamp(12px,2vw,14px);}
#sub__nav .visual__wrap .nav-title .tt {font-size: clamp(24px, 5vw, 40px);font-weight: 700;}


#sub__nav.nav01 .visual__wrap__01{background-image:url('../img/sub/img_navigation_visual03.jpg');}
#sub__nav.nav01 .visual__wrap{background-image:url('../img/sub/img_navigation_visual01.jpg');}
#sub__nav.nav02 .visual__wrap{background-image:url('../img/sub/img_navigation_visual02.jpg');}
#sub__nav.nav03 .visual__wrap{background-image:url('../img/sub/img_navigation_visual03.jpg');}
#sub__nav.nav04 .visual__wrap{background-image:url('../img/sub/img_navigation_visual04.jpg');}
#sub__nav.nav05 .visual__wrap{background-image:url('../img/sub/img_navigation_visual05.jpg');}
#sub__nav.nav06 .visual__wrap{background-image:url('../img/sub/img_navigation_visual06.jpg');}
#sub__nav.nav07 .visual__wrap{background-image:url('../img/sub/img_navigation_visual07.jpg');}

#sub__nav .nav-top-wr{margin:0 auto;background: #ffffff;border-bottom: 1px solid #e5e5e5;}
#sub__nav .nav-top-wr .wr-1400 {display: flex;flex-wrap: wrap;position: absolute;bottom: 0px;background-color: #fff;left: 50%;transform: translateX(-50%);border-top-left-radius: 30px;border-top-right-radius: 30px;}
#sub__nav .nav-top-wr .home{display: flex;justify-content: center;align-items: center;width: 80px;height: 60px;font-size: 25px;text-align: center;color: #fff;}
#sub__nav .nav-top-wr .nav_ul{position: relative;z-index: 99;}
#sub__nav .nav-top-wr .nav_1a:before {display:block;content:'';width: 1px;height: 50%;position: absolute;bottom: 0;right:0;background: #d7d7d7;transform: translateY(-50%);}
#sub__nav .nav-top-wr .nav_ul:before {display:block;/* content:''; */width: 1px;height: 80%;position: absolute;bottom: -1px;right:0;background: #d7d7d7;}
#sub__nav .nav-top-wr .nav_ul:after {display:block;content:'';width: 1px;height: 50%;position: absolute;bottom: 0%;left:0;background: #d7d7d7;transform: translateY(-50%);}
#sub__nav .nav-top-wr .nav_ul li{position:relative;float:left;min-width:230px;padding:0 25px;height: 60px;z-index: 99;cursor: pointer;transition: all 0.3s;}
#sub__nav .nav-top-wr .nav_ul li .nav_1a{display:block;font-size:17px;color: #000;height: 60px;line-height: 60px;font-weight: 900;}
#sub__nav .nav-top-wr .nav_ul li .nav_1a::after{content:'';display:block;position:absolute;top: 23px;right:15px;width:12px;height:12px;background: url('../img/sub/icon_sub_arrow--grey.png')no-repeat center;}
#sub__nav .nav-top-wr .nav_ul li ul{position:relative;display:none;position:absolute;top: 60px;left:-1px;border-top: 1px solid #e3e3e3;border-left:1px solid #e3e3e3;z-index:10;}
#sub__nav .nav-top-wr .nav_ul li ul li{border-bottom:1px solid #e3e3e3;border-right:1px solid #e3e3e3;transition:0.3s;background:#fff;/* line-height: 60px; */height: 50px;z-index: 99;}
#sub__nav .nav-top-wr .nav_ul li ul li:hover{background:#f5f5f5}
#sub__nav .nav-top-wr .nav_ul li ul li a{display:block;height: 50px;line-height: 50px;color:#000;font-weight: 900;}

/* mobile */
.m-menu{display:none;/* padding-top: 10px; */}
.m-menu .mnav-ul{}
.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/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;}
.m-menu .mnav-ul li .mnav-1a .on {transform:rotate(180deg);}
.m-menu .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;}
.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: #005ad4;font-weight:bold;text-decoration:underline;}

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

@media (max-width:1400px){
	#sub__nav .visual__wrap{height: 350px;}
	#sub__nav .menu-wr li a{padding: 15px 0;font-size: 15px;}
	
	#sub__nav .nav-top-wr{padding:0 20px;}
}

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

	#sub__nav .nav-top-wr .home{width:50px;height:50px;line-height: 48px;}
	#sub__nav .nav-top-wr .nav_ul li{height: 50px;}
	#sub__nav .nav-top-wr .nav_ul li .nav_1a{height:50px;line-height:50px;font-size: 16px;}
}

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

@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 .visual__wrap{height: 250px;}
	#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 (max-width:500px){
	#sub__nav .visual__wrap .nav-title{font-size: 24px;}
	#sub__nav .visual__wrap .nav__route {bottom: 80px;}
}



/*.sub1_1 */
.sub1 .sub-tit {
	text-align: center;
	padding:40px 0 35px 0
}
.sub1_1 .sec01 {}
.sub1_1 .sub1.sub1_1 {padding: 30px 0px;}
.sub2_1 .sub-tit {text-align: center;line-height: 2em;padding: 30px 10px;}
.sub1 .sub-tit .txt {font-size: clamp(18px, 2vw, 25px);padding: 0 0 10px 0;color: #cbcbcb;font-weight: 400;}
.sub1 .sub-tit .tit {font-family: 'Pretendard';font-size: clamp(22px, 3vw, 35px);color: #000;font-weight: 700;background-color: #fff0;}
.sub1 .half-wr {display: flex;align-items: center;gap: 30px;justify-content: center;padding: 20px 20px;}
.sub1 .half-txt {}
.sub1 .half-txt .tit {font-size: clamp(22px, 2vw, 33px);color: #263e5a;font-weight: 900;}
.sub1 .half-txt .txt {font-size: clamp(18px, 2vw, 25px);color: #444;padding: 20px 0 20px 0;}
.sub1 .half-txt .list {width: 100%;display: flex;justify-content: center;border: 8px solid #f0f0f0;padding: 10px 0;}
.sub1 .half-txt .list li {text-align: center;flex: 0 1 calc(100% / 3);font-size: clamp(16px, 2vw, 20px);color: #444;position: relative;}
.sub1 .half-txt .list li:after {display:block; content:''; width: 1px; height: 100%; background: #00000021; position: absolute; top: 50%; right: -13px; transform: translateY(-50%)}
.sub1 .half-txt .list li:last-child::after{display: none;}
.sub1_1 .sec02 .half-wr {background-color: #f2f7fd;}
.sub1_1 .sec03 .txt-wr {padding: 20px 200px 20px;line-height: 2em;font-size: clamp(18px, 2vw, 27px);}
.sub1_1 .sec03 .txt-wr span {padding: 0 100px 0 0;font-weight: 900;color: #444;/* display: block; */}
.sub1_1 .sec03 .txt-wr p {font-weight: 400;color: #444;}
.sub1_1 .sec04 {padding: 0 0 60px 0;background-color: #f7f7f7;}
.sub1_1 .sec04 .flex{position: relative;display: flex;gap: 30px;}
.sub1_1 .sec04 .flex:after{content:'';position: absolute; background: url(../img/sub/bg-top.png) no-repeat;right: 0;top: 0;width: 205px;height: 180px;z-index: -1;}
.sub1_1 .sec04 .flex .tit {flex: 0 1 440px;text-align: right;font-size: clamp(22px, 2vw, 30px);font-weight: 900;}
.sub1_1 .sec04 .flex .list {flex: calc(100% - 300px);display: flex;flex-wrap: wrap;color: #444;font-size: clamp(18px, 2vw, 23px);gap: 30px;margin-left: 20px;}
.sub1_1 .sec04 .flex .list li {flex: 0 1 calc(100% / 2 - 145px);border-radius: 30px;box-shadow: 3px 3px 8px #cfcfcf;padding: 20px 10px;font-weight: 900;background-color: #fff;}
.sub1_1 .sec04 .flex .list li span {margin-left: 20px;color: #0a58b3;}
.sub1_1 .sec04 .flex:after {content: '';position: absolute;background: url(../img/sub/bg-top.png) no-repeat;left: 0;bottom: 0;width: 237px;height: 228px;z-index: 1;}
.sub1_1 .sec03 .txt-wr span.thr {letter-spacing: 0.5em;padding: 0 84px 0 0;/* text-align: center; */}
.sub1_1 .sec04 .img {text-align: center;}
.sub1_1 .sec04 .mobile {text-align: center; display: none;}

@media screen and (max-width:1400px){
	.sub1_1 .sec04 .flex .list li {flex: 0 1 calc(100% / 2 - 20px);}
}

@media screen and (max-width:1024px){
	.sec04 .flex:after {bottom: 50px;}
	.sub1_1 .sec04 .flex .list li{flex: 0 1 calc(100%);}
	.sub1_1 .sec04 .flex .list {flex-direction: column;  flex-wrap: nowrap;}	
	.sub1_1 .half-wr{flex-direction: column;}
	.sub1_1 .sec03 .txt-wr {padding: 20px 100px 20px;}
}

@media screen and (max-width:768px){
	.sub1_1 .sec04 .img{display: none;}
	.sub1_1 .sec04 .mobile{display: block;}
	.sub1_1 .sec04 .flex {flex-direction: column;	}
	.sub1_1 .sec04 .flex .tit {flex: 0 1 100px;text-align: center;}
	.sub1_1 .sec04 .flex .list {display: inline-block; margin: 0px;}
	.sub1_1 .sec04 .flex .list li {text-align: center;margin: 14px;}
	.sub1_1 .sec04 .flex:after{background-size: 50%;}
	.sub1_1 .sec03 .txt-wr{padding: 20px 30px;}
}
@media screen and (max-width:600px){
.sub1_1 .sec03 .txt-wr span {display: block;}
}

@media screen and (max-width:600px){
.sub1_1 .sec03 .txt-wr {padding: 20px 20px;}
}

/*sub1_2*/
.sub1_2 {margin-bottom: 30px;}
.sub1_2 .history{flex: 50%;}
.sub1_2 .history .top-banner{}
.sub1_2 .half-wr{display: flex;align-items: flex-start;gap: 30px;justify-content: center;padding: 20px 20px;}
.sub1_2 .his-wr {width:100%;flex-wrap:wrap;}
.sub1_2 .his-wr .his-box {flex: 50%;padding:30px;}
.sub1_2 .his-wr .his-box .his-ttl {font-size: clamp(30px, 2vw, 48px);font-weight: 900;padding:10px;position:relative;color: #263e5a;}
.sub1_2 .his-wr .his-box .his-list {position:relative;padding: 0px 20px 0px 80px;overflow: hidden;}
.sub1_2 .his-wr .his-box .his-list:after {display:block;content:'';position:absolute;width:1px;height: 93%;background: #aaa;left: 22px;top: 50px;}
.sub1_2 .his-wr .his-box .his-list li {margin: 20px 0;position: relative;}
.sub1_2 .his-wr .his-box .his-list li .con:before {display:block;content:'';width: 20px;height: 20px;border: 5px solid #a3c0e3;border-radius:100%;background: #0555b2;top: 30px;left: -67px;z-index: 1;position: absolute;}
.sub1_2 .his-wr .his-box .his-list li .con {padding:10px 0;position: relative;}
.sub1_2 .his-wr .his-box .his-list li .con li {margin-bottom:5px;font-size: 16px;overflow:hidden;width:100%;color: #545454;display: flex;align-items: center;flex-wrap: wrap;}
.sub1_2 .his-wr .his-box .his-list li .con li:last-child {margin-bottom:0;margin-top: 0;padding: 0 0 16px 0;}
.sub1_2 .his-wr .his-box .his-list li .con li .day {padding-right:10px;float:left;width: 206px;display:block;position: relative;font-size: clamp(22px, 2vw, 30px);font-weight: 900;color: #263e5a;}
.sub1_2 .his-wr .his-box .his-list li .con li .txt {float:left;width: calc(100% - 217px);display:block;word-break: keep-all;color: #444;font-size: clamp(16px, 2vw, 22px);font-weight: 500;line-height: 1.4em;}
.sub1_2 .his-wr .his-box .his-list li .con li .txt img {margin: 0px 6px;}
.sub1_2 .his-wr .his-box.bx02 .his-ttl{background:#004b80}
.sub1_2 .his-wr .his-box.bx02 .his-list:before{border-color: #004b80;}
.sub1_2 .his-wr .his-box.bx02 .his-list > li > .day:before{border-color:#004b80}
.sub__con .history .his-list .day:after{display:block;position:absolute;content:'';width: 15px;height: 15px;background: #d0d0d0;border-radius:100%;top: 15px;left: 50%;transform: translateX(-50%);}
.sub__con .history .his-list .day{position: relative;}
.sub1_2 .his-wr .his-box .his-list li .con::after{display: block;content: '';position: absolute;width: 100%;height: 1px;left: 0px;bottom: 0px;border: 1px solid #cbcbcb;}
.sub1_2 .half-img:after {display: block;background-color: #4b92e6;width: 100%;height: 100%;content: "";position: absolute;top: 30px;left: -30px;z-index: -1;border-radius: 30px;}
.sub1_2 .half-img {position: relative;}
.sub1_2 .his-wr .his-box .his-list li .con li .txt span {color: #4b92e6;}
.sub1_2 .his-wr .his-box .his-list li:nth-last-child(1) .con:after{display: none;}


@media screen and (max-width:1024px){
	.sub1 .half-wr{display: flex;align-items: center;	gap: 30px;justify-content: center;padding: 20px 20px;	flex-direction:column}
	.sub1_2 .half-img img{width:100%;height:300px;/* margin-left:30px; */}
}

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

@media screen and (max-width:500px){
	.sub1_2 .his-wr .his-box .his-list li .con li .txt{width: 100%}
	.sub1_2 .half-img img{height:200px;}
	.sub1_2 .his-wr .his-box{padding: 10px;}
	.sub1 .half-wr {padding: 20px 20px;}
	.sub1_2 .his-wr .his-box .his-list {padding: 0px 0px 0px 80px;}
}

/*sub1_3*/
.sub1_3 .emb_box-two ul li {/* background: url('../img/sub/grid_pattern.png') repeat #fff; *//* border:1px solid #ddd; */width:calc(50% - 15px);/* height: 264px; */display:inline-block;float: left;text-align: center;line-height: 264px;}
.sub1_3 .sec02 .tit {background-color: #263e5a;font-size: clamp(24px, 2vw, 33px);color: #fff;text-align: center;padding: 16px 0px;font-weight: 900;}
.sub1_3 .sec02 .emb_box-two {margin: 16px 0 20px;overflow: hidden;}
.sub1_3 .sec02 .emb_box-two ul li {/* background: url('../img/sub/grid_pattern.png') repeat #fff; *//* border:1px solid #ddd; *//* width:calc(50% - 15px); *//* height: 264px; *//* display:inline-block; *//* float: left; *//* text-align: center; *//* line-height: 264px; */}
.sub1_3 .sec02 .emb_box-two ul li:first-child {margin-right:15px;}
.sub1_3 .sec02 .emb_box-two ul li:nth-child(2) {margin-left:15px;}
.sub1_3 .sec02 .emb_box-two ul li img{vertical-align: middle;}
.sub1_3 .sec03 .txt {text-align: center;padding: 10px 0px;line-height: 1.6em;font-size: clamp(18px, 2vw, 20px);color: #444;font-weight: 400;}
.sub1_3 .sec03 .tit {background-color: #0555b2;font-size: clamp(24px, 2vw, 33px);color: #fff;text-align: center;padding: 16px 0px;font-weight: 900;}
.sub1_3 .sec03 .txt span {font-weight: 700;}
.sub1_3 .sec03 .txt .txt{padding: 10px 20px;}
.sub1_3 .sec03 .color {border: 8px solid #f9f9f9;display: flex;justify-content: center;gap: 50px;padding: 20px 0 0 0;margin-bottom: 20px;}
.sub1_3 .sec03 .color .left {}
.sub1_3 .sec03 .color .left .sub-tit {background-color: #f0f0f0;color: #263e5a;font-size: clamp(18px, 2vw, 24px);font-weight: 900;padding: 0px;margin-bottom: 10px;}
.sub1_3 .sec03 .color .right {}
.sub1_3 .sec03 .color .right .sub-tit {background-color: #f0f0f0;color: #263e5a;font-size: clamp(18px, 2vw, 24px);font-weight: 900;padding: 0px;margin-bottom: 10px;}
.sub1_3 {margin-bottom: 60px;}
.sub1_3 .sec04 .emb_box-thr {}
.sub1_3 .sec04 .emb_box-thr ul {display: flex;justify-content: center;flex-wrap: wrap;padding: 50px 0;background-color: #efefef;gap: 16px;align-items: center;}
.sub1_3 .sec04 .tit {background-color: #4b92e6;font-size: clamp(24px, 2vw, 33px);color: #fff;text-align: center;padding: 16px 0px;font-weight: 900;margin-bottom: 10px;}



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

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

@media screen and (max-width:768px){
	.sub1_3 .sec03 .color {border: 8px solid #f9f9f9;display: flex;justify-content: center;gap: 20px;padding: 20px 0 0 0;margin-bottom: 20px;flex-direction: column;align-items: center;}
	.sub1_3 .emb_box-two ul li {width: calc(100%);margin-bottom: 15px;}
	.sub1_3 .sec02 .emb_box-two ul li:first-child {margin-right:0px;}
	.sub1_3 .sec02 .emb_box-two ul li:nth-child(2) {margin-left:0px;}
} 

@media screen and (max-width:500px){
} 
.sub1_4{text-align: center;padding: 60px 0;}

.cert__box {}
.cert__list {display: flex;flex-wrap: wrap;gap: 40px 20px;}
.cert__item {flex: 0 1 calc(100% / 4 - 15px); }
.cert__item-img {border: 1px solid #d5d3d3;margin: 0 0 10px;cursor: pointer;padding: 4px;}
.cert__item-img:hover {border: 5px solid #0555b2;padding: 0px;}
.cert__item-img img {width: 100%;}
.cert__item-txt {font-size: clamp(14px, 2vw, 20px);color: #046133;text-align: center;padding: 15px 10px;background: #f4f4f4;}

@media screen and (max-width: 768px) {
	.cert__list {gap: 20px;}
	.cert__item {flex: 0 1 calc(100% / 3 - 14px);}
}

@media screen and (max-width: 500px) {
	.cert__list {gap: 10px;}
	.cert__item {flex: 0 1 calc(100% / 2 - 5px);}
}
.wr-1400 {width: 100%; max-width: 1400px; margin: 0 auto;}


/*.sub2_1 */
.sub2 .sub-tit {text-align: center;	padding:40px 0 20px 0}
.sub2 .sub-tit .txt {font-size: clamp(18px, 2vw, 25px);padding: 0 0 10px 0;color: #cbcbcb;font-weight: 400;}
.sub2 .sub-tit .tit {font-family: 'Pretendard';font-size: clamp(22px, 3vw, 35px);color: #000;font-weight: 700;background-color: #fff0;}
.sub2_1{margin-bottom: 60px;}

.sub2_1 .sec01 .btm-tit {border: 8px solid #f0f0f0;text-align: center;font-size: clamp(24px, 2vw, 33px);padding: 20px 10px;color: #263e5a;font-weight: 900;}
.sub2_1.box-list {}

.sub2_1 .sec02 {}
.sub2_1 .top-tit {padding: 20px 0 10px 0;}
.sub2_1 .top-con {text-align: right;font-size: clamp(24px, 2vw, 33px);font-weight: 100;color: #cbcbcb;}
.sub2_1 .top-tit .tit {background-color: #0555b2;color: #fff;padding: 20px 20px;font-size: clamp(22px, 2vw, 25px);font-weight: 900;display: flex;justify-content: center;align-items: center;text-align: center;}
.sub2_1 .tit span {font-size: clamp(22px, 2vw, 30px);color: #dbdbdb53;margin-right: 10px;}

.sub2_1 .sec03 .tit{
  background-color: #0555b2;
}
.sub2_1 .sec04 .tit{
  background-color: #0555b2;
}

.sub2_1 .box-list {display: flex;align-items: center;gap: 40px;height: 100%;}
.sub2_1 .box-img {flex: 0 1 500px;}
.sub2_1 .box-img > img{border: 10px solid #f0f0f090;border-radius: 12px;}
.sub2_1 .box-text {display: flex;text-align: center;flex: 0 1 calc(100% - 500px);flex-direction: column;align-items: center;position: relative;flex-wrap: wrap;height: 57ch;justify-content: space-evenly;}
.sub2_1 .box-text .top {border: 4px solid #c3c3c3;width: 100%;font-size: clamp(18px, 2vw, 22px);box-shadow: 0px 0px 40px 23px #67676718;font-weight: 500;color: #444;background-color: #fff;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: clamp(20px,2vw,30px);padding: clamp(20px,2vw,30px) 0 clamp(20px,2.2vw,38px);flex-direction: column;}
.sub2_1 .box-text .btm {border: 4px solid #4b92e6;width: 100%;font-size: clamp(18px, 2vw, 22px);box-shadow: 0px 0px 40px 23px #67676718;font-weight: 500;color: #444;background-color: #fff;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: clamp(20px, 2vw, 30px);padding: clamp(20px, 2vw, 30px) 0 clamp(20px, 2.2vw, 38px);flex-direction: column;}
.sub2_1 .sec05 .box-text::before{display: none;}
.sub2_1 .sec03 .color {padding: 20px 0 40px 0;background-color: #f2f7fd;}
.sub2_1 .sec03 {padding: 40px 0;}
 
/*1.6 추가수정 */
.sub2_1 .sec05 .top-tit .tit {background-color: #0555b2;}
.sub2_1 .sec05 .color {padding: 20px 0 40px 0;background-color: #f2f7fd;}
.sub2_1 .sec05 {padding: 40px 0;}
.sub2_1 .sec06 .top-tit .tit {background-color: #0555b2;}
.sub2_1 .sec06 .color {padding: 20px 0 40px 0;background-color: #f2f7fd;}
.sub2_1 .sec06 {padding: 40px 0;}
.sub2_1 .box {padding: 14px;width: 100%;border-radius: 25px;background-color: #c3c3c3;max-width: 600px;font-weight: 300; }
.sub2_1 .box2 {background-color: #4b92e6;padding: 14px;width: 100%;border-radius: 25px;max-width: 600px;font-weight: 300;color: #fff;}
.sub2_1 .sec09 .box-text .top{text-align: left;}

.sub2_1 .sec07 .top {padding: 7px 7px; line-height: 40px;}
.sub2_1 .sec07 .box {padding: 14px;width: 100%;border-radius: 2px;background-color: #c3c3c3;max-width: 855px;font-weight: 300; }
.sub2_1 .sec07 .box2 {background-color: #4b92e6;padding: 14px;width: 100%;border-radius: 2px;max-width: 855px;font-weight: 300;color: #fff;}
.sub2_1 .custom-box {width: 100%;margin: 3px auto;background: url('../img/sub/bg2_1.png') no-repeat center;background-size: inherit;text-align: center;background-position-y: 10px;font-size: 1em;color: #333;padding: 20px 0;height: 144px;display: flex;justify-content: center;align-items: center;font-size: clamp(18px,2vw,22px);line-height: 1.4em;}
.sub2_1 .sec06 .box-text .top{font-weight: lighter;}
.sub2_1 .sec06 .box-text .btm{font-weight: lighter;}
.sub2_1 .sec02 .box-text .btm{gap:0;}
.sub2_1 .sec08 .box-text .btm li{line-height:30px;}
.sub2_1 .sec07 .box span {font-weight: 700;}
.sub2_1 .sec08 .box span {font-weight: 700;}
.sub2_1 .sec09 .btm h7 {font-size: clamp(16px, 2vw, 21px);}
.sub2_1 .sec10 .box-img {display: flex;   justify-content: center; align-items: center; height: 100%;  gap:8px; }
@media screen and (max-width:1300px) {
	.sub2_1 .sec10 .box-img{flex-direction: column;}
}



/* 지훈 */
.sub2_1 .menu_con {display: flex;flex-wrap: wrap;gap: clamp(20px,2vw,32px) 20px;padding: 40px 0 0;}
.sub2_1 .menu_con .three {flex: 0 1 calc(100% / 3 - 14px);}
.sub2_1 .menu_con .three .btm_con {padding: 24px 20px;display: flex;flex-wrap: wrap;justify-content: space-between;background: #e6e6e5;color: #263e5a;font-weight: 500;height: 100%;max-height: 70px;line-height: normal;align-items: center;}
.sub2_1 .menu_con .three .btm_con img {flex: 20px;}
.sub2_1 .menu_con .three .btm_con .tit{width: calc(100% - 20px);line-height: normal;white-space: normal;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;font-weight: 300;font-size: clamp(16px, 2vw, 18px);-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;-o-text-size-adjust: none;}
#imageModal {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7);justify-content: center;align-items: center;z-index: 9;}

@media screen and (max-width:1500px) {
	.sub2_1 .menu_con{padding: 40px 20px;}
}

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

@media screen and (max-width:768px) {
	.sub2_1 .menu_con .three{flex: 100%;}
}



.modal::before {content: '';background: url(../img/close_btn.png) no-repeat;width: 12px;height: 12px;position: absolute;top: 2%;right: -10px;transform: translateX(200%);}

#modalContent img {
  width: 100%;
  height: 100%;
}
.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  justify-content: center;
  align-items: center;
}

.modal-content {
  max-width: 80%;
  max-height: 80%;
	position: relative;
}

.modal-content img {
  width: 100%;
  height: 100%;
}

.close {
  position: absolute;
  top: 12px;
  right: 20px;
  font-size: 22px;
  color: #000;
  cursor: pointer;
}
@media screen and (max-width:1024px){
	.sub2_1 .box-text {flex: 50%;}
	.sub2_1 .box-img {flex: 50%;}
}
@media screen and (max-width:768px){
	.sub2_1 .top-con{text-align: center;padding: 0 10px;}
	.sub2_1 .box-list {flex-direction: column;}
}

@media screen and (max-width:650px){
	#modalContent::before{display: none;}
}

.sub2_2 .sec02 {}
.sub2_2 .sec02 .tit-img {background: url('../img/sub/sub2_2add01.png');text-align: center;padding: 80px 20px 180px;}
.sub2_2 .sec02 .box-list {padding: 30px;border-radius: 20px;box-shadow: 0px 1px 8px #aaa;margin-top: -120px;background-color: #fff;}
.sub2_2 .sec02 .box-list ul {display: flex;text-align: center;flex-wrap: wrap;justify-content: center;gap: 20px;}
.sub2_2 .sec02 .box-list  li {flex: 0 1 calc(100% / 2 - 20px);border: 8px solid #f0f0f0;position: relative;padding: 40px 0;}
.sub2_2 {margin-bottom: 60px;}
.sub2_2.sec02 .tit-wr {}
.sub2_2 .sec02 .tit-img .tit-wr {font-size: clamp(22px, 2vw, 33px);font-weight: 900;color: #fff;}
.sub2_2 .sec02 .tit-img .tit-wr img {margin-bottom: 20px;}
.sub2_2 .sec02 .box-list li .num {position: absolute;left: 6%;top: 16%;transform: translate(-50%, -50%);font-size: clamp(18px, 2vw, 30px);font-weight: 900;color: #263e5a53;}
.sub2_2 .sec02 .box-list li img {margin-bottom: 20px;}
.sub2_2 .sec02 .box-list li .tit {font-size: clamp(18px, 2vw, 22px);font-weight: 900;color: #263e5a;line-height: 1.2em;margin-bottom: 20px;}
.sub2_2 .sec02 .box-list li .tit span {color: #7c7c7c;font-weight: 500;}
.sub2_2 .sec02 .box-list li .txt {font-size: clamp(16px, 2vw, 20px);font-weight: 500;}

@media screen and (max-width:768px){
	.sub2_2 .sec02 .box-list li {flex: 0 1 calc(100% / 1 - 20px);}
} 

.sub2_3 .sec02 .tit-img {background: url('../img/sub/sub2_3add01.png');text-align: center;padding: 80px 20px 180px;}
.sub2_3 .sec02 {}
.sub2_3 .sec02 .box-list {padding: 30px;border-radius: 20px;box-shadow: 0px 1px 8px #aaa;margin-top: -120px;background-color: #fff;}
.sub2_3 .sec02 .box-list ul {display: flex;text-align: center;flex-wrap: wrap;justify-content: center;gap: 10px;}
.sub2_3 .sec02 .box-list  li {flex: 0 1 calc(100% / 2 - 20px);/* border: 8px solid #f0f0f0; */position: relative;/* padding: 40px 0; */}
.sub2_3 {margin-bottom: 60px;}
.sub2_3.sec02 .tit-wr {}
.sub2_3 .sec02 .tit-img .tit-wr {font-size: clamp(22px, 2vw, 33px);font-weight: 900;color: #fff;}
.sub2_3 .sec02 .tit-img .tit-wr img {margin-bottom: 20px;}
.sub2_3 .sec02 .box-list li .num {position: absolute;left: 6%;top: 16%;transform: translate(-50%, -50%);font-size: clamp(18px, 2vw, 30px);font-weight: 900;color: #263e5a53;}
.sub2_3 .sec02 .box-list li img {margin-bottom: 20px;}
.sub2_3 .sec02 .box-list li .tit {font-size: clamp(18px, 2vw, 22px);font-weight: 900;color: #263e5a;line-height: 1.2em;margin-bottom: 20px;}
.sub2_3 .sec02 .box-list li .tit span {color: #7c7c7c;font-weight: 500;}
.sub2_3 .sec02 .box-list li .txt {font-size: clamp(16px, 2vw, 20px);font-weight: 500;}
.sub2_3 .sec02 .box-list .list .tit {padding: 20px;font-size: clamp(18px, 2vw, 22px);font-weight: 900;position: relative;color: #263e5a;display: flex;align-items: center;line-height: 1.6em;}
.sub2_3 .sec02 .box-list .list .tit span {font-size: clamp(22px, 2vw, 30px);color: #263e5a53;padding: 0 10px 0 0;}
.sub2_3 .sec02 .box-list .list .tit span.right {font-size: clamp(25px, 2vw, 33px);position: absolute;font-weight: 100;right: 2%;top: 50%;transform: translateY(-50%);color: #cbcbcb;}

@media screen and (max-width:768px){
	.sub2_3 .sec02 .box-list .list .tit span.right {margin-left: 10px;top: auto;transform: translateY(0%);position: initial;}
	.sub2_3 .sec02 .box-list li{padding: 0;}
	.sub2_3 .sec02 .box-list ul {flex-direction: column;}
} 

@media screen and (max-width: 500px){
.sub2_3 .sec02 .box-list .list .tit span.right {text-align: center;}
.sub2_3 .sec02 .box-list .list .tit{flex-direction: column;}
}



.sub4_1 .content {width: 100%;height: 200px;background: #ffffff;border-radius: 30px;text-align: center;display: table;margin-bottom: 40px;box-shadow: 0px 0px 8px 0px #04040452;}
.sub4_1 .box-txt {border-radius: 30px;background-size: contain;vertical-align: middle;display: table-cell;}
.sub4_1 .content .box-txt .txt01 {font-size: clamp(20px,2vw,30px);font-weight: 700;color: #a85b48;padding-bottom: clamp(10px, 2vw, 20px);}
.sub4_1 .content .box-txt .txt02 {font-size: clamp(16px,2vw,20px);line-height: 30px;font-weight: 700;}
.sub4_1 span {color: #a85b48;}


.sub4_1 .box-content {padding: 20px 0;}
.sub4_1 .tb01 {width: 100%;/* font-size: 16px; */border-collapse: collapse;}
.sub4_1 th {background: #fafafa;border: 1px solid #c8c8c8;width: 25%;text-align: left;padding: 0 35px;text-align: center;}
.sub4_1 td colspan {}
.sub4_1 .input_wr01 {line-height: 43px;display: flex;border: 0; /* ì²´í¬ë°•ìŠ¤ ì‚¬ì´ì˜ ê°„ê²© ì¡°ì ˆ *//* height: 82px; */}
.sub4_1 .label {display: inline-block;padding: 0px 25px;line-height: 43px;}
.sub4_1 .box.box {padding: 20px 0;}
.sub4_1 #r_hp {width: 100%;height: clamp(50px, 20vw, 200px);border-radius: 20px;padding: 20px;}
.sub4_1 input {border-radius: 10px;box-shadow: 0px 0px 3px #dfdfdf;margin-left: 10px;height: 35px;padding: 5px 10px;font-size: 16px;font-weight: 300;border: 1px solid #cdcdcd;}

.sub4_1 .box.box2 {position: relative;padding: 40px 0;}
.sub4_1 .txt {border: 1px solid #c3c3c3;padding: 60px 40px;line-height: 1.6em;}
.sub4_1 .agree_1_text {padding: 20px 0;}
.sub4_1 button.apply_01 {border: 0;background: #263e5a;padding: 0px 100px;font-size: clamp(16px, 3vw, 22px);border-radius: 8px;transition: 0.3s;outline: none;font-weight: 400;height: 60px;line-height: 60px;color: #fff;font-family: 'Pretendard';}
.sub4_1 .btn_wr {text-align: center;padding: 30px 0 0 0;}
.sub4_1 input#r_phone {
	margin-left: 0px;
	width: 40%;
}
.sub5_1 .input_wr01 .name {line-height: 1.2em;display: flex;align-items: center;}
textarea#r_help {width: 100%;height: 300px;padding: 20px;font-size: 16px;font-weight: 300;border: 1px solid #cdcdcd;border-radius: 5px;box-shadow: 0px 0px 4px #e9e9e9;}
input#r_group {width: 80%;box-shadow: 0px 0px 4px #e9e9e9;}
.name {flex: 0 1 calc(70% / 2 - 3px);}
.input_wr02 {display: flex;align-items: center;}
.order {flex: 0 1 calc(35% / 2 - -30px);
}

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

@media screen and (max-width:1024px){.input_wr02{display: block;}.sub5_1 .input_wr01{display: block;}
}

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

}

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

} 



/*오시는길*/
.location {margin: 50px 10px 0;position: relative;}
.location .map {padding: 0 0 10px;z-index: 0;position: relative;}
.location .map .root_daum_roughmap_landing{width:100%}
.location .map .root_daum_roughmap .wrap_map{}

.location .info {display: flex;flex-wrap: wrap;align-items: center;padding: 20px 25px;border-top: 3px solid #9f9f9f;border-bottom: 1px solid #b2b2b2;/* position: absolute; *//* bottom: -192px; *//* width: 100%; */background-color: #fff;}
.location .info .logo {flex: 0 1 250px;text-align: center;}
.location .info .logo img {}
.location .info .logo-txt {font-size: 20px; font-weight: 700; color: #0092d0;}
.location .detail {flex: 0 1 calc(100% - 300px);text-align: center;font-weight: 500;font-size: clamp(18px, 2vw, 23px);color: #444;}
.location .detail-item span {font-weight: 900;color: #444;margin-right: 10px;}
.location .detail-item {display: inline-block;padding: 0 20px;}
.location .detail-item > span {font-size: 17px;font-weight: 500;padding: 0 0 0 10px;font-family: 'Noto Sans KR';}
.sub4 .sub-tit .txt {font-size: clamp(18px, 2vw, 25px);padding: 0 0 10px 0;color: #cbcbcb;font-weight: 400;}
.sub4 .sub-tit .tit {font-family: 'Pretendard';font-size: clamp(22px, 3vw, 35px);color: #000;font-weight: 700;background-color: #fff0;}
.sub4 .sub-tit {text-align: center;padding:40px 0 20px 0}
.sub4_2 {margin-bottom: 60px;}


@media screen and (max-width: 1024px) {
	.location {margin: 45px 10px 0;}
	.location::after {font-size: 35px;top: -45px}
	.location .info .logo {flex: 0 1 350px;}
	.location .info .logo-txt {font-size: 18px;padding: 0 10px;}

	.location .detail {flex: 0 1 calc(100% - 450px);}
	.location .detail-item {padding: 10px 20px}
	.location .detail-item > span {font-size: 16px;}
}

@media screen and (max-width: 768px) {
	.location {margin: 40px 10px 0;}
	.location::after {font-size: 30px;}
	.location .map {padding: 0 0 30px}
	.location .map .root_daum_roughmap_landing{width:100%; padding: 0 50px}
	.location .map .root_daum_roughmap .wrap_map{height: 350px !important;}
	
	.location .info {padding: 30px 20px;gap: 20px}
	.location .info .logo {flex: 0 1 100%;}
	.location .detail {flex: 0 1 100%;}
}
@media screen and (max-width: 500px) {
	.location {margin: 30px 10px 0;}
	.location::after {font-size: 20px;}

	.location .map .root_daum_roughmap_landing{width:100%; padding: 0 30px}
	.location .map .root_daum_roughmap .wrap_map{height: 250px !important;} 

	.location .info {padding: 20px;gap: 20px}
	.location .info .logo{text-align: center;}
	.location .info .logo-txt {display:block;font-size: 16px;}

	.location .detail-item {padding: 5px 10px}
	.location .detail-item > span {font-size: 15px;}
}	