@charset "utf-8";

/*서브*/
.sub-container{margin:125px auto 0 auto;width:90%; max-width:1500px;padding:70px 0; color:#595959;font-size:17px}
.sub-title{position:relative;color:#222}
.sub-title h2{font-size:50px; font-weight:400; letter-spacing:-1px;line-height:1;}
.sub-title .page-target{position:absolute; right:0; top:0; font-size:14px}
.snb{border-top:1px solid #ddd; margin-top:30px}
.snb li{position:relative;display:inline-block;font-weight:300; padding:0 10px;margin:0 5px;letter-spacing:-.5px; padding-top:15px;font-size:0; color:#222 }
.snb li a{font-size:18px;}
.snb li:first-child{margin-left:0}
.snb li.active{color:#eb8509;font-weight:500}
.snb li.active:after{content:''; position:absolute; width:100%;left:0; top:0; height:3px;margin-top:-1px;background:#eb8509}
.place{display:none}

.sub-container h3{font-size:35px; font-weight:400; margin-top:50px;color:#222}
/*.snb-color2 li.active{color:#6bbb3c}
.snb-color2 li.active:after{background:#6bbb3c}
.snb-color3 li.active{color:#ed3699}
.snb-color3 li.active:after{background:#ed3699}
.snb-color4 li.active{color:#ba933b}
.snb-color4 li.active:after{background:#ba933b}
.snb-color5 li.active{color:#1f64c2}
.snb-color5 li.active:after{background:#1f64c2}
.snb-color6 li.active{color:#222}
.snb-color6 li.active:after{background:#bbb}*/
.sub-container h4{position:relative;padding-left:28px;margin-top:40px; color:#222; font-size:24px; font-weight:500;}
.sub-container h4.mt-10{margin-top:10px}
.sub-container h4:before{content:'';position:absolute;width:20px; height:20px; border:6px solid #eb8509; border-radius:100%; left:0; margin-top:8px }
.sub-container h5{font-size:20px; margin-top:30px;font-weight:500;margin-bottom:10px; color:#000}
.sub-container h5:before{content:"- "}
.sub-container h5.h5-box span{background:#eb8509; padding:5px 20px; border-radius:50px;color:#fff}
.sub-container h5.h5-box:before{display:none}

@media(max-width:1200px){
	
	/*서브*/
	.sub-container{margin-top:100px}
	.sub-container h3{font-size:30px}
	.sub-container h4{font-size:20px; padding-left:25px}
	.sub-container h4:before{width:16px; height:16px; border-width:5px; }
	
	.sub-title h2{font-size:50px}
	.snb li a{font-size:16px}

	.sub-container h4:before{margin-top:6px }
	
}

@media(max-width:1024px){
	
	/*서브*/
	.sub-container{margin-top:80px; font-size:16px}
	.sub-container h3{font-size:27px}
	.sub-container h4{font-size:18px; padding-left:20px}
	.sub-container h4:before{width:14px; height:14px; border-width:4px; }
	
	.sub-title h2{font-size:40px}
	.sub-container h4:before{margin-top:6px }


}

@media(max-width:850px){
	.sub-container{margin-top:100px; padding-bottom:0; font-size:14px}
	.sub-container h3{font-size:19px; margin-top:30px;position:relative;font-weight:500 }
	.sub-container h4{font-size:16px; padding-left:18px}
	.sub-container h4:before{width:12px; height:12px; border-width:3px; }
	.sub-container h4:before{margin-top:6px }
	.balance-tit span{display:block; margin-left:0 !important;padding-left:0}
	
	.sub-title h2{font-size:24px; border-bottom:1px solid #ddd;padding-bottom:20px; font-weight:600}
	.sub-title .page-target{display:none}
	.snb{display:none}

	/*location 현재위치*/
	.place{position:fixed;z-index:2; top:80px;left:0;display:block;width:100%;background:#333}
	.place_wrap{width:100%; max-width:1400px;height:50px;margin:0 auto;}
	.place_con{float:left; width:100%; display:flex; flex-wrap:wrap;}
	.place_con > li{position:relative;height:50px;line-height:50px;vertical-align:middle; border-left:1px solid rgba(255,255,255,.2);font-weight:300;font-size:14px; color:#fff;width:calc(100%/2 - 25px);}
	.place_con li.home{width:50px;text-align:center;color:#fff;font-weight:bold; border:0}
	.place_con li.home img{width:18px; line-height:50px; vertical-align:middle}
	.place_con > li > a{display:inline-block;width:100%;background:url(/nanum/site/builder/skin/sample01/img/common//btn_down.png) no-repeat calc(100% - 10px) 50%;font-weight:400;padding:0 10px; text-overflow:ellipsis; white-space:nowrap;word-wrap:normal; overflow:hidden;padding-right:30px;}
	.place_con > li:last-child > a{color:#fff; font-weight:bold}
	.place-2dep{display:none;position:absolute; top:50px; width:100%;border:1px solid #222; background-color:#fff; z-index:11}
	.place-2dep li{ line-height:150%; border-top:1px solid #222;}
	.place-2dep li:first-child{border-top:0;}
	.place-2dep li a{display:block;line-height:50px;padding:0 10px; color:#222; font-size:13px; font-weight:300; letter-spacing:-0.75px;width:100%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
	.place-2dep li a:hover{background:#222; color:#fff}
	
}