@charset "utf-8";

/* sub-navigation */
#navigation{background: url('../img/sub/sub-visu-bg-img2.png')no-repeat center right #103f3d; color:#fff;}
.sub-visual{width: 100%;max-width: 1200px;background-size: cover;background-position: center;background-repeat: no-repeat;position: relative;z-index: 1;display: flex;margin: 0 auto;}
/*.sub-visual.sub-visual01{background-image: url('../img/sub/sub-visual01.jpg');}
.sub-visual.sub-visual02{background-image: url('../img/sub/sub-visual02.jpg');}
.sub-visual.sub-visual03{background-image: url('../img/sub/sub-visual03.jpg');}
.sub-visual.sub-visual04{background-image: url('../img/sub/sub-visual04.jpg');}
.sub-visual.sub-visual05{background-image: url('../img/sub/sub-visual05.jpg');}*/
.sub-visu-ttl{line-height: 70px; padding-left: 20px;font-size: 18px;}
.sub-visu-ttl .ttl{font-size: 45px;font-weight: 600;}
.sub-visu-ttl .txt{letter-spacing: 0px;font-weight: 500;font-size: 17px;}
.sub-visu-menu-bg{background:#fff;width: 50%;position: absolute;right: 0;bottom: 0;height: 70px;z-index: -1;border-bottom: 1px solid #ddd;}
.sub-visu-menu{
    width: 100%;
}
.sub-visu-home{width: 70px;text-align:center;line-height: 70px;background: #0a2827;}
.sub-visu-home img{}
.sub-visu-menu .sub-menu-ul{width:100%;margin:0 auto;text-align: left;}
.sub-visu-menu .sub-menu-ul li{display:inline-block;line-height: 70px;/* width: 100%; */}
.sub-visu-menu .sub-menu-ul li a{display:block;padding: 0 20px;font-size: 18px;color: #ffffff30;font-size: 15px !important;text-align: center;}
.sub-visu-menu .sub-menu-ul li:last-child a{padding-right:0}
.sub-visu-menu .sub-menu-ul li a.active{font-weight:700;color: #fff;display: block;}
.sub-visu-menu .sub-menu-ul li a:hover{font-weight:700;color: #fff;display: block;}

#top_btn {position:fixed;bottom:20px;right:20px;width: 80px;height: 80px;border: 0;text-align:center;z-index: 1000;background: url(../img/top_txt_btn.png) no-repeat center #7a7a7a;border-radius: 100%;transition: background 0.2s;}
#top_btn:hover {background: url('../img/top_txt_btn.png') no-repeat center #103f3d;color:#fff;}

/* mobile sub visual menu */
.sub-visu-menu .sub-menu-ttl {display:none;font-weight:500;background: url('../img/sub/sub-arr-w.png') no-repeat center right 20px;line-height:50px;padding:0 30px 0 20px;color:#fff;cursor:pointer;}

@media screen and (max-width:1440px){
	.sub-visual{/* height: 250px; */}
	.sub-visu-ttl{/* height: 200px; *//* padding: 75px 100px 0; */}
	.sub-visu-ttl .ttl{font-size: 38px;}
	.sub-visu-menu-bg{width:70%;height: 50px;}
	.sub-visu-menu .sub-visu-home{left: 30%;width: 50px;height: 50px;line-height: 48px;}
	.sub-visu-menu .sub-menu-ul{max-width: unset;/* padding-left: calc(30% + 80px); */}
	.sub-visu-menu .sub-menu-ul li{/* line-height: 50px; */}
	.sub-visu-menu .sub-menu-ul li a{/* font-size:16px; *//* display:none; */}
}

@media screen and (max-width:1024px){
	.sub-visual{/* height:220px; */}
	.sub-visu-ttl{/* height: 170px; *//* padding: 60px 0 0; *//* text-align:center; */}
	.sub-visu-ttl .ttl{font-size: 32px;}
	.sub-visu-ttl .txt{font-size:15px}
	.sub-visu-menu-bg{width:100%;display: none;}
	.sub-visu-menu{/* background:#fff; *//* border-bottom: 1px solid #ddd; */}
	.sub-visu-menu .sub-visu-home{display: none;}
	.sub-visu-menu .sub-menu-ul{max-width: unset;padding-left: 0;text-align: center;}
	.sub-visu-menu .sub-menu-ul li{/* max-width:220px; *//* width:100%; */}
	.sub-visu-menu .sub-menu-ul li:last-child a{padding-right: 20px;}
	.sub-visu-menu .sub-menu-ul li a{/* font-size:15px; */}
	.sub-visu-menu .sub-menu-ul li a.active{/* border-bottom: 2px solid #282e3e; */}
}

@media screen and (max-width:768px){
/* 	.sub-visu-menu-bg{display:none} */
/* 	.sub-visu-menu {background: #282e3e;border-bottom: 0;} */
	.sub-visu-menu .sub-visu-home{display:none}
/*     .sub-visu-menu .sub-menu-ttl {display:block;font-size:15px;} */
/*     .sub-visu-menu .sub-menu-ul {display: none;position:absolute;z-index: 9990;top: 130px;border: 1px solid #474747;width:100%;background:#fff;padding:20px;} */
/*     .sub-visu-menu .sub-menu-ul li {display:block; float:none;width:100%;line-height:30px; text-align:left;background:none;} */
/*     .sub-visu-menu .sub-menu-ul li a {color: #474747;font-size:14px;} */
/*     .sub-visu-menu .sub-menu-ul li a.active{background:none;border-bottom: 0;color: #284186;} */
/*     .sub-visu-menu .sub-menu-ul li a:hover:before, .sub-visu-menu .sub-menu-ul li a.active:before {display:none;} */

}

@media screen and (max-width:768px){
    .sub-visual {height: 75px;/* display: none; */}
    .sub-visu-ttl {height: 80px;padding: 30px 0 0;}
	.sub-visu-ttl .bold{font-weight:600;font-size:20px}
	.sub-visu-ttl::before {display:none;}
	.sub-visu-ttl::after {display:none;}
	.sub-visu-ttl .ttl{font-size: 0;}
    .sub-visu-ttl .txt{font-size: 0;}
}

@media screen and (max-width:480px){
    .sub-visu-menu .sub-menu-ttl {font-size:14px;}
	.sub-visu-menu .sub-menu-ul li:last-child a{padding-right: 0px;}
		.sub-visu-menu .sub-menu-ul li a{font-size: 11px;}
}


/* sub page */
.sub-wr{width:100%;font-size: 17px;}

.tab-content {display:none;}
.tab-content.current {display:block;}

.f-left{float:left;}
.f-right{float:right;}

.d-ib{display:inline-block}

@media screen and (max-width:1024px){
	.sub-wr{/* padding: 50px 0 30px; */}
}

@media screen and (max-width:768px){
	.sub-wr{/* padding: 30px 0; */}
}


/* 공통 속성 적용 */
.gft {font-family: 'GmarketSansTTF', 'Noto Sans KR', serif;font-weight: bold;}
.mft {font-family: 'Montserrat', 'Noto Sans KR', serif;}
.df {display:flex;flex-wrap:wrap;}
.dg {display: -ms-grid;display:grid;}



/****************************sub1_6**************************************/
.s6_img{width: 40%; background:url('../img/sub/sub1_6_img01.jpg') no-repeat center; background-size:cover;}
.s1_txt .main_ttl{font-size: 40px;font-weight: 600;color: #103f3d;}


@media screen and (max-width:960px){
	.s6_img {width:100%;height:45vw;}
	.s1_txt .main_ttl{font-size: 28px;font-weight: 600;color: #103f3d;}
}
	
	
/****************************sub1_1**************************************/
.sub1_1_wr{width:100%;align-items: stretch; display:flex; flex-wrap:wrap;/* margin-top: 30px; */}
.s1_img{width: 40%; background:url('../img/sub/sub1_1_img01.jpg') no-repeat center; background-size:cover;}
.s1_txt{width: 60%;min-height: 800px;padding: 230px 80px 0;color: #333;background: url('../img/sub/sub1_1_img03.png') no-repeat bottom -155px right -40% #f4f4f4;word-break:keep-all;}

.s1_txt .sec_ttl{font-size: 28px;font-weight: 500;color: #000;padding: 28px 0 0;}
.s1_txt .sec_txt{font-size: 17px;padding: 20px 0 40px;line-height: 35px;}
.s1_txt .sign{font-size: 18px;text-align: right;color: #aaa;font-weight: 500;}
.s1_txt .sign img{margin-left:10px;vertical-align:bottom;}
span.name {font-size: 35px; font-weight: 500;}

@media screen and (max-width:1600px){
	.s1_txt {padding:150px 50px;}
}

@media screen and (max-width:960px){
	.s1_img {width:100%;height:45vw;}
	.s1_txt .main_ttl{font-size: 28px;font-weight: 600;color: #103f3d;}
	.s1_txt .sec_ttl {font-size: 25px;color: #555;}
	.s1_txt {width:100%; padding:70px 30px; text-align:center; background-size:150px;background-position:top 30px right 30px;}
	.s1_txt .sign {color:#555;text-align:center;}
}
@media screen and (max-width:768px){
	.s1_txt {padding: 79px 20px;background-image:none;min-height: 500px;}
}

@media screen and (max-width:360px){
	.s1_txt .sec_ttl{font-size: 20px;}
	.s1_txt .sec_txt{font-size: 15px;line-height: 30px;}
}


/****************************sub1_2**************************************/
.sub1_2_wr{width:100%; display:block; position:relative;}
.sub1_2_wr .top_banner{width:100%; height:215px;padding: 70px 10px; text-align:center; background:url('../img/sub/sub1_2_bbg.jpg')no-repeat;}
.top_banner h2{color:#ffffff80;letter-spacing: 10px;font-size: 28px;font-weight: 300;}
.mo_scrollx{width:90%; min-height:400px;text-align: center;margin: 0 auto;}


@media screen and (max-width:800px){
	.mo_scrollx{overflow-x: scroll;}
	.mo_scrollx img{max-width: 800px;}
}
@media screen and (max-width:580px){
	.top_banner{height:auto;padding: 70px 10px}
	.top_banner h2{letter-spacing: 5px;font-size: 20px;}
}

@media screen and (max-width:350px){
	.top_banner h2{font-size: 16px;}
}


/****************************sub1_3**************************************/
.sub1_3_wr{width:100%;max-width: 1300px;display:block; position:relative;margin: 30px auto; padding:0 10px;background: url('../img/sub/sub1_1_img03.png') no-repeat top 36% left;}
.top_lottl{padding: 50px 0;}
.top_lottl h2{color:#333; font-size:25px; font-weight:400;}
.top_lottl h3{color:#bbb; font-size:18px; font-weight:400;}
.top_lottl img{padding:20px 0 0}
.his_half{}
.half_card{width:50%;}
.half_card:nth-child(2n-1){padding-right:30px;}
.half_card:nth-child(2n){padding-left:30px;}
.half_card img{/* width:90%; */}
.half_card .his{padding: 30px 0;}
.half_card .his:last-child{padding-bottom:60px}
.half_card .years{font-size:25px;font-family: 'GmarketSansTTF', 'Noto Sans KR', serif; font-weight:400; line-height:50px;color: #103f3d;}
.half_card .things{}
.half_card .things li{ color:#888; font-size:16px; padding:10px 0}

@media screen and (max-width:820px){
	.top_lottl{ text-align:center;}
	.half_card{width:100%; text-align:center;}
	.half_card:nth-child(2n-1){padding-right:0px;}
	.half_card:nth-child(2n){padding-left:0px;}
	.half_card .his{padding: 30px; text-align:left;}
}

@media screen and (max-width:450px){
	.sub1_3_wr{margin:0;}
	.top_lottl h2{font-size:20px;}
	.top_lottl h3{font-size:15px;}
	.half_card .his{padding: 10px;}
	.half_card .years{font-size:20px}
	.half_card .things li{font-size:14px; padding:5px 0}
}



/****************************sub1_4**************************************/
.sub1_4_wr{width:100%; display:block; position:relative;}
.sub1_4_wr .top_banner{width:100%;height: 262px;padding: 70px 10px; text-align:center;background: url('../img/sub/sub1_4_bbg.jpg')no-repeat center;}
.sub1_4_wr .top_lottl{width:100%;max-width: 1300px;; margin:0 auto;}
.certi_ul{width:100%;max-width: 1300px; margin:0 auto;padding: 20px 0;justify-content: center;}
.certi_ul li{width:20%;min-width: 260px;text-align:center; padding:10px;}
.certi_ul li .img_wr{border:2px solid #eee;}
.img_wr img{width:100%;}
.certi_ul li .certi_ttl{ padding:20px; background:#103f3d; color:#fff;}



/****************************sub1_5**************************************/
.map-wr {width:100%;}
.map-bx {margin:30px auto;}
.map-bx .root_daum_roughmap .wrap_controllers {display:none;}
.root_daum_roughmap {width: 100% !important;}
.map-bx .map_boarder {background:none;height:0;width:0;}


.map-info {width:100%;max-width:1400px;margin: 40px auto;}
.map-info .map-ttl {width: 30%;padding: 30px;}
.map-info .map-ttl .eng {font-size: 36px;font-weight:400;color: #103f3d;margin-bottom: 20px;}
.map-info .map-ttl .ko {font-size:20px;font-weight:500;color:#555;border-bottom:1px solid #555;padding:10px;position: relative;}
.map-info .map-ttl .ko:after {display:block;content:'';position:absolute;width: 4px;height: 4px;background:#555;border-radius:100%;right: 10px;top: 24px;}

.map-info .map-con {width: 70%;padding: 20px 0;}
.map-info .map-con ul {width:100%;}
.map-info .map-con ul li {padding:0 20px;width:50%;display: table;margin:10px 0;transition:all 0.3s;}
.map-info .map-con ul li .ic {display:table-cell;vertical-align:middle;width: 90px;height: 90px;border-radius:100%;border:1px solid #ccc;}
.map-info .map-con ul li .ic.ic01 {background:url('../img/sub/sub1_4_ic01.png') no-repeat center;}
.map-info .map-con ul li .ic.ic02 {background:url('../img/sub/sub1_4_ic02.png') no-repeat center;}
.map-info .map-con ul li .ic.ic03 {background:url('../img/sub/sub1_4_ic03.png') no-repeat center;}
.map-info .map-con ul li .ic.ic04 {background:url('../img/sub/sub1_4_ic04.png') no-repeat center;}
.map-info .map-con ul li .con {display:table-cell;vertical-align: middle;padding-left: 20px;overflow:hidden;}
.map-info .map-con ul li .con .ttl {font-size:18px;font-weight:500;width:70px;float:left;display: block;margin-top: 5px;}
.map-info .map-con ul li .con .txt {width:calc(100% - 70px);font-size:16px;display: block;float: left;padding-left: 10px;word-break: keep-all;}


@media screen and (max-width:960px){
	.map-wr {padding:10px;}
	.map-info {margin:20px auto;}
	.map-info .map-ttl {width:100%;max-width:700px;margin:0 auto;padding:20px; text-align:center;}
	.map-info .map-ttl .eng {font-size:25px;margin:0;}
	.map-info .map-ttl .ko {font-size:16px;padding:10px;}

	.map-info .map-con {width:100%;padding:0 15px;}
	.map-info .map-con ul {justify-content:center;}
	.map-info .map-con ul li {padding:0 5px;display:block;}
	.map-info .map-con ul li .ic {display:block;margin:0 auto 20px;width:70px;height:70px;background-size:70% !important;}
	.map-info .map-con ul li .con {display:block;width:100%;text-align:center;padding: 0;}
	.map-info .map-con ul li .con .ttl {width:100%;}
	.map-info .map-con ul li .con .txt {width:100%;font-size:14px;padding:10px 0;}
}

@media screen and (max-width:480px){
	.map-info .map-con ul li {width:100%;max-width:none;margin:5px 0;}
}




/****************************sub2_2**************************************/

.wd10{width:10%;}
.wd20{width:20%;}
.wd30{width:30%;}
.wd33{width:calc(100% /3);}
.wd40{width:40%;}
.wd50{width: 50%;}
.wd60{width: 100%;}
.wd70{width:70%;}
.wd80{width:80%;}
.wd90{width:90%;}
.wd100{width:100%;}


.sub2-2 .top_banner{width:100%; height:215px;padding: 70px 10px; text-align:center;background: url('../img/sub/sub2_2_bbg.jpg')no-repeat center;}
.sec_ttls{text-align:center;padding: 30px 0;}
.sec_ttls h2{font-size:23px; padding:10px 0; margin-bottom:10px; border-bottom:3px solid #a3bbba; display:inline-block; color:#103e3c}
.sec_ttls h3{font-weight: 400;}
.sec_box_ttl{width:100%; max-width:400px; margin:20px auto; background:#e7ebeb; text-align:center; padding:10px; font-size:15px;font-family: 'GmarketSansTTF', 'Noto Sans KR', serif; font-weight:600; color:#103e3c;}

.sub2-2 .sec1 {width:100%; max-width:1400px; margin:30px auto;}
.sub2-2 .sec1 .wd50{padding:50px;}
.sub2-2 .sec1 .wd50:last-child{padding: 50px 50px 0px;}
.sub2-2 .sec1_1 {background:url('../img/sub/sub2_2_sec1_1_bg.jpg')no-repeat center; width:calc(50% - 20px); margin:10px;background-size: cover;}
.sub2-2 .sec1 .sec-bann-txt{font-size:20px; color:#fff;font-weight: 300;}
.sub2-2 .sec1 .sec-bann-txt span{font-weight: 600;}
.sub2-2 .sec1 .card_tops{padding:0 10px 20px; border-bottom:3px solid #eee}
.sub2-2 .sec1 .card_txt{color:#333;}
.sub2-2 .sec1 .card_quo_img{}
.sub2-2 .sec1 .quo_ttls{word-break:keep-all;padding:10px; font-size:15px;}
.sub2-2 .sec1 .quo_ttls span{padding-right:15px; font-size:17px;font-family: 'GmarketSansTTF', 'Noto Sans KR', serif; font-weight:500; color:#103f3d;}
.sub2-2 .sec1 .quo_ttls a{display:inline-block; transition:all 0.2s; color:#000}
.sub2-2 .sec1 .quo_ttls a:hover{color:#103e3c}
.sub2-2 .sec1 .card_img_wr{padding: 20px 10px 50px; border-bottom:3px solid #eee}
.sub2-2 .sec1 .card_img_wr img{box-shadow:0 0 10px #00000050}


.sub2-2 .sec2 {width:100%; max-width:1400px; margin:30px auto;}
.gray_box{text-align:center;margin-top:40px; background:#eee; padding:50px; line-height:30px; font-size:15px;}
.gray_box h3{font-family: 'GmarketSansTTF', 'Noto Sans KR', serif; color:#103e3c; font-size:20px;}

.gray_box2{text-align:center;margin-top:40px; background:#eee; padding:50px; line-height:30px; font-size:15px;}
.gray_box2 h3{font-family: 'GmarketSansTTF', 'Noto Sans KR', serif; color:#103e3c; font-size:20px;}


.sub2-2 .sec3, .sub2-2 .sec4 {width:100%; max-width:1800px; margin:30px auto; font-size:15px;}
.sub2-2 .sec3 .wd50, .sub2-2 .sec4 .wd50{padding:30px 10px}
.table_ttl{color:#103e3c;font-size: 20px; font-weight:600;padding:0 10px}
.table_ex_txt{text-align:right;}

.sub2-2 .sec5{width:100%; margin:30px auto; text-align:center; font-size:15px;}
.sub2-2 .sec5 .const_ul{justify-content: center;}
.const_ul li{padding:8px;}
.const_ul img{}
.const_ul .const_ttl{width:100%; padding:10px 0; color:#103e3c; background:#e0e6e6; margin-top:10px}

.sub2-2 .sec6 {width:100%;margin:30px auto; text-align:center; font-size:15px;}
.sub2-2 .sec6 .wd60 .const_ul {justify-content: right;}
.sub2-2 .sec6 .wd40 .const_ul {justify-content: left;}

.sub2-2 .sec7 {width:100%;margin:30px auto;}

.sub2-2 .sec8 {width:100%;margin:30px auto;}

.sub2-2 .tabs{background:#eee;justify-content: center; text-align:center;padding: 20px 10%;}
.sub2-2 .tab_link{width: calc(20% - 20px);color: #888; padding:10px;border-bottom: 5px solid #888;margin:0 10px; transition:all 0.3s;cursor: pointer;position:relative;}
.sub2-2 .tab_link:hover{color:#103e3c; border-bottom:5px solid #103e3c;}
.sub2-2 .tab_link:after{content:'';position:absolute; display:block; width:0px; height:0px;bottom: -6px;left: 50%;background:linear-gradient(45deg, #103e3c 50%, transparent 50%);transform: rotate(-45deg) translate(-50%, 0); transition:all 0.3s;}
.sub2-2 .tab_link:hover:after{width:10px; height:10px;}
.sub2-2 .tab_link.current{color:#103e3c;border-bottom: 5px solid #103e3c;}
.sub2-2 .tab_link.current:after{content:'';position:absolute; display:block; width:10px; height:10px;bottom: -6px;left: 50%;background:linear-gradient(45deg, #103e3c 50%, transparent 50%);transform: rotate(-45deg) translate(-50%, 0);}
.sub2-2 .tab_con{display:none; position:relative; overflow:hidden;}
.sub2-2 .tab_con.current_tab{display:block;}

.sub2-2 #sbt_01 .tabs_ul{background:#e7ebeb; padding:40px;}
.sub2-2 #sbt_01 .tabs_ul li{padding:20px 0; font-size:15px;}
.sub2-2 #sbt_01 .tabs_ul li span{color:#103e3c; display:block; font-family: 'GmarketSansTTF', 'Noto Sans KR', serif; font-size:20px; font-weight:600}

.sub2-2 #sbt_02 .tabs_side, .sub2-2 #sbt_03 .tabs_side{background: #e7ebeb;padding: 40px 50px;}
.sub2-2 #sbt_02 .tabs_side h2, .sub2-2 #sbt_03 .tabs_side h2{text-align:right;color:#103e3c; font-size:30px; font-weight:600}
.sub2-2 #sbt_02 .tabs_side p, .sub2-2 #sbt_03 .tabs_side p{text-align:right; color:#777}
.sub2-2 #sbt_02 .side_img, .sub2-2 #sbt_03 .side_img{width:100%;max-width:460px;margin:30px auto; overflow:hidden; border-radius:10px;}
.sub2-2 #sbt_02 .side_ul li, .sub2-2 #sbt_03 .side_ul li{border-bottom:2px solid #ccc; padding:10px 0}
.sub2-2 #sbt_02 .side_ul h3, .sub2-2 #sbt_03 .side_ul h3{color:#688a88; font-size:18px;}
.sub2-2 #sbt_02 .side_ul p, .sub2-2 #sbt_03 .side_ul p{text-align:left; font-size:15px;}
.sub2-2 #sbt_02 .side_ul span, .sub2-2 #sbt_03 .side_ul span{float:right; font-family: 'GmarketSansTTF', 'Noto Sans KR', serif; color:#000}

.sub2-2 #sbt_03{}
.sub2-2 #sbt_03 .side_ul h3 span{font-size:14px; font-weight:400;}

.sub2-2 #sbt_04{}
.sub2-2 #sbt_04 h2{padding: 14px; font-size:20px; color:#195653; font-weight:600;}
.tc04_info{position:relative;width: 90%;margin: 0 auto;}
.line_name{display:block; position:absolute;top: -1px; right:0;padding: 20px; background:#e7ebeb;color: #738f8d;width: 50%;height: 60px;max-width: 470px;}
.lin_info{background:#f8f8f8; border-top:5px solid #a3bbba; padding:20px;}
.lin_info p{width: 50%; word-break:keep-all;line-height: 35px;padding-right: 100px;}
.lin_info .hasttl{padding:0 10px;width: 25%;}
.lin_info .hasttl li{padding:5px 0;}
.lin_info .hasttl li:first-child{font-size:18px; font-weight:600; color:#195653;}
.sub2-2 #sbt_04 .img_wr{min-height:590px;}
.sub2-2 #sbt_04 .lin_info{min-height:257px;}

.sub2-2 #sbt_05{}
.sub2-2 #sbt_05 h2{padding:15px; font-size:20px; color:#195653; font-weight:600;}
.sub2-2 #sbt_05 .lin_info .hasttl{width:50%;}

@media screen and (max-width:1460px){
	.line_name{width:30%}
}
@media screen and (max-width:1300px){
	.lin_info p{padding-right: 20px;}
	
}
@media screen and (max-width:1024px){
	.lin_info p{width: 100%;}
	.lin_info .hasttl{width: 100% !important;}
	.line_name{display:none;}
	.sub2-2 #sbt_04 .img_wr{min-height:350px;}
	
	.lin_info .hasttl li:first-child{border-top: 2px solid #a3bbba;}
}
@media screen and (max-width:880px){
	.wd10{width:100%;}
	.wd20{width:100%;}
	.wd30{width:100%;}
	.wd40{width:100%;}
	.wd50{width:100%;}
	.wd60{width:100%;}
	.wd70{width:100%;}
	.sub2-2 .sec1_1{width:100%;}
	.sub2-2 .sec1 .wd50:last-child{padding:30px; text-align:center;}
	.sub2-2 .sec2{text-align:center;}
	.sub2-2 .sec6 .wd60 .const_ul {justify-content: center;}
	.sub2-2 .sec6 .wd40 .const_ul {justify-content: center;}
	.sub2-2 .tabs{padding:10px;}
	.sub2-2 .tab_con{padding:10px}
	.line_name{display:block;}
}
@media screen and (max-width:600px){
	.sub_table_wr{width:100%; overflow-x:scroll;}
	.sub_table_wr table{min-width:900px;}
	.sub2-2 .tab_link{width:30%; min-width:150px;}
	
}
@media screen and (max-width:525px){
	.line_name{display:none;}
	.sub2-2 #sbt_04 .img_wr{min-height:auto;}
}
@media screen and (max-width:360px){
	.sub2-2 #sbt_02 .tabs_side, .sub2-2 #sbt_03 .tabs_side{padding: 20px;}
}



/****************************sub2_3**************************************/
.sub2-3{background:#eee;padding: 0 0 50px !important;}
.sub2-3 .page-ttl{padding: 60px 0 !important;background: #fff;}
.sub2-3 .sec1 {width:100%; max-width:1400px; margin:30px auto;}
.sub2-3 .sec1 .h_line{width:25%; padding:10px;flex-direction: column;}
.h_line .l_ttl{width:100%; text-align:center; color:#fff; line-height:50px; height:50px;}
.h_line:nth-child(1) .l_ttl{background:#195653;}
.h_line:nth-child(1) .colored{color:#195653;}
.h_line:nth-child(2) .l_ttl{background:#103f3d;}
.h_line:nth-child(2) .colored{color:#103f3d;}
.h_line:nth-child(3) .l_ttl{background:#0d302e;}
.h_line:nth-child(3) .colored{color:#0d302e;}
.h_line:nth-child(4) .l_ttl{background:#0e2827;}
.h_line:nth-child(4) .colored{color:#0e2827;}
.h_line .line_card{background:#fff; padding:20px;margin: 20px 0 0;position: relative;min-height: 470px;}
.line_card .img_wr{position:absolute; top:10px; right:10px; width:70px; height:70px; background:#eee; border-radius:100px;}
.line_card .img_wr img{width:100%; padding:10px;}
.line_card h3{font-family: 'GmarketSansTTF', 'Noto Sans KR', serif;padding-top:30px;line-height: 35px;font-weight: 400;}
.line_card h3 span{display:block;font-weight: 400;font-family: 'Noto Sans KR', serif;position: relative;left: -10px;}
.line_card p{font-size:15px; line-height:25px;}
.h_line .line_con{padding-top:15px; margin-top:15px; border-top:1px solid #ccc;font-size: 15px;color: #555;}
.h_line .line_con h3{padding:0 !important; color:#000}
.line_b_ttl{width:100%; background:#fff; text-align:center; padding:20px; margin-top:20px;font-family: 'GmarketSansTTF', 'Noto Sans KR', serif;min-height: 220px;}
.line_b_ttl h2{}
.line_b_ttl p{font-size:13px; color:#666; font-weight:400}
.line_b_ttl ul{display:flex; flex-wrap:wrap;/* text-align: left; */}
.line_b_ttl li{width:50%;font-size: 15px;}
.line_b_ttl li:last-child{width:100%;}
.h_line:nth-child(1) .line_b_ttl{border:5px solid #195653; color:#195653;/* padding: 72px 0; */}
.h_line:nth-child(2) .line_b_ttl{border:5px solid #103f3d; color:#103f3d;/* padding: 35px 0; */}
.h_line:nth-child(3) .line_b_ttl{border:5px solid #0d302e; color:#0d302e;}
.h_line:nth-child(4) .line_b_ttl{border:5px solid #0e2827; color:#0e2827;line-height: 28px;}



.sub2-3 .sec2 {width:100%; background:#fff; position:relative}
.sec02s_wr{width:100%;max-width:1400px;margin: 23px auto;}
.sub2-3 .sec2 .sec_ttls{width:100%;}
.sub2-3 .sec2 .sec2_tinfo .img_wr{padding:0 20px}
.sub2-3 .sec2 .sec2_tinfo .gray_box{margin-top:10px; text-align:left;padding: 40px 50px;}

.sub2-3 .sec2 .sec2_tinfo .gray_box2{margin-top:10px; text-align:left;padding: 40px 50px;}

.sub2-3 .sec2 .sec2_photos{position:relative;}
.sec2_photos .po_line{width:100%;padding: 0 0 30px;}
.sec2_photos .po_ttl{width:20%; max-width:160px; position:relative;padding: 50px 0;color: #195653;}
.sec2_photos .po_ttl:before{content:'';position: absolute; display:block; width:40px; height:3px; background:#bbb; top: 30px; left:0}
.sec2_photos .po_ttl:after{content:'';position: absolute; display:block; width:100%;height: 4px; background:#a3bbba;bottom: 110px;right: -10px;}
.sec2_photos .po_imgs li{padding:10px;}

.sec2_binfo{/* padding:50px 0; */}
.sec2_binfo .info_c{padding: 48px 20px 0;}
.sec2_binfo .info_c h3{font-family: 'GmarketSansTTF', 'Noto Sans KR', serif;font-weight:500;font-size:20px;padding: -3px 0;color: #103f3d;}
.sec2_binfo .info_c p{line-height:30px; font-size:15px;}


.sub2-3 .sec3 {width:100%;max-width:1400px;position:relative;margin: 10px auto;background: url('../img/sub/sub1_1_img03.png') no-repeat;background-size: 400px;background-position: top -142px right;padding: 10px;}
.sub2-3 .sec3 li{padding:0 40px; border-left:1px solid #ccc}
.sub2-3 .sec3 li:first-child{padding:0 40px 0 0; border:0;}
.sub2-3 .sec3 .num{font-family: 'GmarketSansTTF', 'Noto Sans KR', serif; font-weight:700; font-size:20px;font-style: italic;color: #ccc;}
.sub2-3 .sec3 li h3{font-family: 'GmarketSansTTF', 'Noto Sans KR', serif; font-weight:600;color: #103f3d; padding:10px 0}
.sub2-3 .sec3 li p{ font-size:15px; line-height:30px;}

.sub2-3 .sec4 {width:100%; background:#103f3d; position:relative; color:#fff;}
.sec04s_wr{width:100%; max-width:1400px;margin: 30px auto;padding: 50px 10px 10px;}
.sec04s_wr h2{font-family: 'GmarketSansTTF', 'Noto Sans KR', serif; font-weight:500; font-size:23px; padding:0 0 30px}
.sec04s_wr ul{display:flex; flex-wrap:wrap;}
.sec04s_wr ul li{width:25%;padding:0 40px; border-left:1px solid #ccc}
.sec04s_wr ul li:first-child{padding:0 40px 0 0; border:0;}


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

@media screen and (max-width:1360px){
	.sec2_photos .po_ttl{width:25%; max-width:25%}
	.sec2_photos .po_ttl:after{bottom:20px; right:0;}
	.sec2_photos .po_imgs{width:100%;}
	.sec2_photos .po_imgs li{width: calc(100% /3)}
	.h_line .line_card{min-height: 550px;}
}

@media screen and (max-width:1230px){
	.line_b_ttl li{width:100%;}
	.sub2-3 .sec3 li{width:50%; border:0; padding:20px}
	.sub2-3 .sec3 li:first-child{ padding:20px}
	.sec04s_wr ul li{width:50%; border:0; padding:20px}
	.sec04s_wr ul li:first-child{ padding:20px}
}
@media screen and (max-width:1024px){
	.sub2-3 .sec1 .h_line{width:50%;}
	.h_line .line_card{min-height: 445px;}
}
@media screen and (max-width:930px){
	.sub2-3 .sec2 .sec2_tinfo .img_wr{width:100%;text-align: center;}
	.sub2-3 .sec2 .sec2_tinfo .wd50{width:100%;}
	.sub2-3 .sec2 .sec2_photos{padding:10px}
	
}
@media screen and (max-width:768px){
	.sub2-3 .sec1 .h_line{width:100%;padding: 20px 10px;}
	.h_line .line_card{min-height:unset;}
	.line_b_ttl{min-height: unset;}
	
}
@media screen and (max-width:600px){
	.sec2_photos .po_imgs li{padding:0px;}
}
@media screen and (max-width:500px){
	.sec2_photos .po_ttl{width:80%; max-width:80%; margin:0 auto; text-align:center;}
	.sec2_photos .po_ttl:before{display:none;}
	.sec2_photos .po_imgs li{width:100%;text-align: center;}
}
@media screen and (max-width:470px){
}
@media screen and (max-width:440px){
	.sub2-3 .sec3 li{width:100%; }
	.sec04s_wr ul li{width:100%; }
}
@media screen and (max-width:375px){
	
	.sec2_binfo .info_c{padding: 20px 20px 0;text-align: center;}
}
@media screen and (max-width:320px){
	
}



/****************************sub2_4**************************************/
.sub2-4{}
.sub2-4 .sec1 {width:100%; margin:30px auto;background: linear-gradient(white 200px, #f7f7f7 100px);}
.sub2-4 .sec01s_wr{width:100%; max-width:1400px; margin:0 auto;}
.sub2-4 .sec01s_wr .line_wr{padding:20px 0}
.line_wr .ttl2{font-size: 17px;color: #103f3d;position: relative;padding: 20px 0;}
.line_wr .ttl2:after{display: block;content: '';background: #dcdcdc;width: 60%;max-width: 300px;height: 4px;position: absolute;left: 150px;top: 50%;transform: translateY(-50%);}
.line_wr .img_wr{padding:0 20px;}
.line_wr .txt{width:33.33%; padding:20px;}
.sub2-4 .sec01s_wr .line_wr ul{}
.sub2-4 .sec01s_wr .line_wr li{padding:5px 0 5px 20px; position:relative;}
.sub2-4 .sec01s_wr .line_wr li:before{content:''; display:block; width:10px; height:10px; background:#0f3e3d; position:absolute; top:15px; left:0; border-radius:100px;}
.sub2-4 .sec02s_wr .line_wr{padding:20px 0;}
.sub2-4 .sec02s_wr .line_wr .line_ol{padding:10px}
.line_ol li{padding:5px;}


@media screen and (max-width:1280px){
	.line_wr .text_box{display:block; width:100%; padding:0 20px;text-align: center;}
	.line_wr .ttl2:after{left:50%;top: auto;transform: translateX(-50%) translateY(0);}
	.line_wr .img_wr{display:block; width:50%;padding: 20px;text-align: center;}
	.line_wr .img_wr img{max-width:400px}
	.line_wr .txt{width:50%;}
	.chart_img{width: 50% !important;}
	.chart_side{width:50% !important;}
}
@media screen and (max-width:768px){
	.line_wr .img_wr{padding: 10px; width:100%; display:block; overflow-x:scroll;}
	.line_wr .txt{width:100%;text-align: center;}
	.chart_img{width: 100% !important;}
	.chart_side{width:100% !important;font-size: 15px;padding: 10px !important;}
}
@media screen and (max-width:500px){
	.sub2-4 .sec02s_wr .line_wr .line_ol{font-size:15px;}
	.line_wr .img_wr img{width:800px;}
	
}


/****************************sub2_5**************************************/

.sub2-5{}
.sub2-5 .top_banner{width:100%; height:215px;padding: 70px 10px; text-align:center;background: url('../img/sub/sub2_5_bbg.jpg')no-repeat center;}
.sub2-5 .sec1 {width:100%; margin:30px auto;}
.sub2-5 .sec01s_wr{width:100%; max-width:1400px; margin:0 auto;}
.sub2-5 .sec01s_wr .wd50:last-child{padding: 50px;}
.sub2-5 .sec01s_wr .wd50:last-child li{padding:5px 0}
.sub2-5 .sec01s_wr .wd50:last-child li span{color:#195653;font-family: 'GmarketSansTTF', 'Noto Sans KR', serif; font-weight:600;padding-right: 55px; position:relative;display: inline-block;}
.sub2-5 .sec01s_wr .wd50:last-child li span:after{content:''; display:block; position:absolute;width: 30px; height:3px;top: 8px;right: 10px; background:#eee;}

.sub2-5 .sec2 {width:100%; margin:30px auto;}
.sub2-5 .sec02s_wr .img_wr{}
.sub2-5 .sec02s_wr .img_wr .img_ttl{width:100%; text-align:center; background:#eee; padding:10px 0;font-weight: 600;color: #484848;margin: 10px 0;}
.sub2-5 .sec02s_wr .img_wr .img_ttl .add{font-weight: 400;font-size: 11px;}
.sub2-5 .sec02s_wr .wd70{flex-direction: column;}
.sub2-5 .sec02s_wr .step_line{width:100%;padding: 0 20px 20px;overflow: hidden;background: url('../img/sub/bgs_arr_right.png')no-repeat;background-position: top 30px right 37%;}
.step_line .left_box{width:50%; background:#eee; padding:20px;max-width: 450px;float: left;min-height: 160px;}
.step_line .left_box h3{font-family: 'GmarketSansTTF', 'Noto Sans KR', serif; font-weight:600;}
.step_line .left_box p{font-size:15px}
.step_line .right_box{background:#ecf0f0;width: 25%;text-align: center;padding: 65px 0;float: right;min-height: 160px;color: #0f3e3d;font-family: 'GmarketSansTTF', 'Noto Sans KR', serif; font-weight:600;font-size: 18px;}

.sub2-5 .sec3 {width:100%; margin:30px auto;padding: 0 10px 30px;background: #0f3e3d;}
.sub2-5 .sec3 .steps_count {width:100%; max-width:1400px; margin:10px auto; color:#fff;justify-content: center;}
.sub2-5 .sec3 .steps_count li{width:calc(100% /6);padding: 40px 0;position: relative;font-weight: 500;font-size: 20px;}
.sub2-5 .sec3 .steps_count li:after{content:''; display:block; position:absolute; width:100px; height:100px; top:20px; right:10px; background:url('../img/sub/steps_arr_right.png')no-repeat;}
.sub2-5 .sec3 .steps_count li:last-child:after{display:none;}
.sub2-5 .sec3 .steps_count li span{display:block; font-weight:600;font-size: 35px; color:#ffffff50;}
.sub2-5 .sec3 .steps_imgs{text-align:center;}
.sub2-5 .sec3 .steps_imgs ul{color: #0f3e3d;justify-content: space-around;}
.sub2-5 .sec3 .steps_imgs ul li h4{background:#fff; padding:10px 0; margin:10px 0}


.sub2-5 .sec4 {width:100%; margin:30px auto;padding:10px 0;}
.sub2-5 .sec4 .table_wr{ width:100%; max-width:1400px; margin:0 auto;}




@media screen and (max-width:1360px){
	.sub2-5 .sec01s_wr .wd50:last-child{padding: 20px;font-size: 15px;}
	.sub2-5 .sec3 .steps_count li:after{top: 45px;right:0; width:50px; height:50px; background-size:cover;}
}

@media screen and (max-width:1200px){
	.sub2-5 .sec01s_wr .wd50:last-child li span{padding-right: 30px;}
	.sub2-5 .sec01s_wr .wd50:last-child li span:after{width:10px}
	.sub2-5 .sec3 .steps_count li:after{top: 15px;}
}

@media screen and (max-width:890px){
	.sub2-5 .sec01s_wr .wd50:last-child li span{display:block;}
	.sub2-5 .sec01s_wr .wd50:last-child li span:after{display:none;}
	.sub2-5 .sec3 .steps_count{justify-content: center;}
	.sub2-5 .sec3 .steps_count li{width:150px;padding: 20px 0;}
}

@media screen and (max-width:560px){
	.sub2-5 .sec02s_wr .step_line{background: url('../img/sub/bgs_arr_down.png')no-repeat;background-position: bottom 90px right 50%;}
	.step_line .left_box{width:100%;max-width: 100%;text-align: center;}
	.step_line .right_box{width:100%;padding: 20px 0;min-height: auto;margin-top: 100px;}
}

@media screen and (max-width:450px){
	.sub2-5 .sec3 .steps_count li{font-size: 15px;width: 50%;}
	.sub2-5 .sec3 .steps_count li span{font-size: 20px;}
	
}
@media screen and (max-width:340px){
	
}

/* 주요사업 수정 */
.sub-visual-02 .sub-menu-ul{display: flex;flex-wrap: wrap;}
.sub-visual-02 .sub-menu-ul > li{position: relative;flex:0 1 25%;max-width: 200px;}
.sub-visual-02 .sub-menu-ul > li:last-child > a {padding: 0 1px;}
.sub-visual-02 .sub-menu-ul > li:hover .sub-menu-ul02{display: flex;flex-direction: column;}
.sub-menu-ul02{position: absolute;background: #00625e;display: none;width: 200px;}
.sub-menu-ul02 > li{display:inline-block;line-height: 50px !important;width: 100%;}
.sub-menu-ul02 > li:last-child a {padding: 0;}
.sub-visual-02 .sub-visu-menu .sub-menu-ul>li{line-height: 70px;}
.sub-menu-ul02 > li > a{display:block;padding: 0 20px;font-size: 16px !important;color: #ffffff30;text-align: center;}

@media screen and (max-width:1040px){
	.sub-visual-02 .sub-menu-ul > li{position: relative;flex:0 1 25%;max-width: 168px;}
	.sub-visu-ttl{display:none;}
}

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

}

@media screen and (max-width:450px){
.sub-visual-02 .sub-visu-menu .sub-menu-ul li a{padding: 0 2px;text-align: left;}
}