@charset "utf-8";

/* 나눔고딕 */
@font-face {
  font-family:'NanumGothic';
  font-weight: normal;
  font-style: normal;
  src:url('/font/wzwg/NanumGothic.eot');
  src:url('/font/wzwg/NanumGothic.eot?#iefix') format('embedded-opentype'),
  url('/font/wzwg/NanumGothic.woff') format('woff'),
  url('/font/wzwg/NanumGothic.ttf') format('truetype');
}

/* 나눔고딕볼드 */
@font-face {
  font-family:'NanumGothicBold';
  font-weight: normal;
  font-style: normal;
  src:url('/font/wzwg/NanumGothicBold.eot');
  src:url('/font/wzwg/NanumGothicBold.eot?#iefix') format('embedded-opentype'),
  url('/font/wzwg/NanumGothicBold.woff') format('woff'),
  url('/font/wzwg/NanumGothicBold.ttf') format('truetype');
}

/* index */
* {font-family:'나눔고딕','NanumGothic';}

/* sub Menu */
.subMenu {float:left; width:220px; box-sizing:border-box; z-index:1; margin-right:30px; }
.subMenu h3.menuNm {color:#213152; font-size:26px; padding:25px 0; box-sizing:border-box; text-align:center; background-color:#fff; border-left:3px solid #f6c626;}

.slidebar {font-size: 12px; padding:0; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; }
.slidebar li {list-style:none; border-bottom:2px solid #efefef; position:relative;}
.slidebar li.selected > a {color:#fff; background:rgba(33,49,82,0.4);}
.slidebar li.selected > a:hover {color:#213152; background:rgba(33,49,82,0.4);}
.slidebar li a {text-decoration:none; line-height:25px; display:block; text-transform: uppercase; color:#333;  padding:10px 40px 10px 20px;
				font-size:14px; font-weight:600; }
.slidebar li a:hover {color:#fff; background:#213152;}
.slidebar li a.on {color:#fff; background:#213152;}
.slidebar li a:focus {}

/* sub leftmenu 3depts open/closed */
.slidebar li a > span {float:right;}
.slidebar li a > span:after {content:"+"; float:left; top:10px; position:absolute; right:20px;}
.slidebar li.selected > a > span:after {content:"-"; float:left;}

.slidebar li ul {width:100%; padding:0; padding-bottom:10px;}
.slidebar li > ul li {border-bottom:none; float:none !important; margin:0; padding:0;}
.slidebar li > ul li:last-child {border-bottom:none;}
.slidebar li > ul li a {display:block; color:#333; padding:5px 20px 5px 23px; font-size:12px; letter-spacing:-1px; font-weight:400;}
.slidebar li > ul li a:hover {color:#333; font-weight:900; background:#fff;}
.slidebar li > ul li a.on {color:#333; font-weight:900; background:#fff;}
.slidebar li > ul li a span.bull {float:left; padding-right:3px; color:#213152;}
.slidebar li > ul li a span.bull:after {content:""; display:none;}




/* contents */
.contents {width:100%; float:left; overflow:hidden; position:relative; min-height:750px; min-width:320px; margin-bottom:30px;}

.subCon {float:left; width:100%; max-width:960px; min-height:700px; position:relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.subCon h4.tit {font-size:26px; border-bottom: 1px solid #777777;padding-bottom: 10px;}
.subCon > div {margin-top:32px;}

.subCon .location{position:absolute; top:0px; right:15px;}
.subCon .location li{float:left; list-style:none; padding-left:16px; background:url("/sample/template/wide/wide112/img/subArw.png")no-repeat 4px; font-size:12px; background-size:8px; }
.subCon .location li.home{background:url("/sample/template/wide/wide112/img/home.png")no-repeat 0px 2px; padding-left:18px;}
.subCon .location li.ftbd{font-weight:800;}

.subConall {float:left; width:100%; position:relative; padding:0px 44px; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.subConall h4{font-size:26px;}
.subConall p{padding:10px 0;}
.subConall .location{position:absolute; top:0px; right:0;}
.subConall .location li{float:left; list-style:none; padding-left:16px; background:url("/sample/template/wide/wide112/img/subArw.png")no-repeat; font-size:12px; background-size:15px; }
.subConall .location li.home{background:url("/sample/template/wide/wide112/img/home.png")no-repeat 0px 1px; padding-left:18px;}
.subConall .location li.ftbd{font-weight:800;}


.sub_div_wrap {width:100%; max-width:1300px; margin:0 auto; padding:0 45px;box-sizing:border-box; position:relative;}

	@media (min-width:1300px) and (max-width:1320px){
		.sub_div_wrap {box-sizing:content-box;}
	}
	@media all and (min-width:991px){
		.subMenu, .subCon {margin-top:40px;}
		.subCon .location {top:0px;}
		.contents {margin-bottom:60px;}

		.subCon h4.tit {margin-top:25px;border-bottom: 1px solid #777777;padding-bottom: 10px;}
	}
	@media (min-width:991px) and (max-width:1299px){
		.sub_div_wrap .subMenu {position:absolute; top:inherit; }
		.sub_div_wrap .subCon { width:100%; max-width:100%; padding-left:250px; }
	}
	@media all and (min-width:800px) and (max-width:990px){
		.subMenu {display:none;}
		.subCon {width:100%;}
		.sub_div_wrap {padding-top:50px;}
	} 
	@media all and (max-width:990px){
		.subCon .location {top:-50px; left:0; height:30px; line-height:30px; width:100%; overflow:hidden;}
		.subCon .location li {padding:0 10px 0 15px; background:none !important;}
		.subCon .location li:after {content:"\276f"; color:#8f8e8e; margin-left:30px; font-size:13px;}
		.subCon .location li:last-child:after {content:""; display:none;}
		.subCon .location li.home:before {content: url(/sample/template/wide/wide112/img/home.png); float:left; padding:0 9px; font-size:13px;} 
		.subCon .location li.home {padding:0 10px 0 0; font-size:0;}
		.subCon .location li:nth-child(3) {width:40%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
		.subCon .location li:nth-child(3):after {content:""; display:none;}
		/*.subCon .location li:last-child {display:none;}*/
		.subCon .location li.home:after {margin-left:15px;}
	}
	@media all and (max-width:800px){
		#contents{margin:50px 0;}
		.subMenu {display:none;}
		.subCon {width:100%; margin-top:0;}
		div.inner{width:auto;}
		.subCon .location {top:-40px;}
	}
	@media (max-width:599px){
		.subCon,.contents {min-height:auto; margin-bottom:30px;}
		.subCon .location {left:0; top:0; width:100%; border-bottom:1px solid #e1e1e1; height:30px; line-height:30px; position:relative; /*display:none;*/}
		.subCon h4.tit {margin-top:10px; font-size:19px;border-bottom: 1px solid #777777;padding-bottom: 10px;}
		.subCon .location li.home,.subCon .location li {background-position-y:center;}
		.sub_div_wrap {padding:0 15px;}
		.subCon .location li {padding:0 5px 0 2px; font-size:11px;}
		.subCon .location li:after {margin-left:7px; font-size:11px;}
		.subCon .location li.home {padding:0 5px 0 0;}
		.subCon .location li.home:after {margin-left:0px;}
		.subCon .location li.home:before {padding:0 9px 0 0; opacity:0.8;}

		.subCon > div {margin-top:20px;}
	}



/* sub visual */
#sub_visual {float:left; width:100%; height:220px; margin-top:0px; overflow:hidden; position:relative;/* margin-bottom:40px;*/}
	#sub_visual img {width:100%; height:220px;}
	#sub_visual .bluebg {position: absolute;/* z-index:1;*/ top:0; left:0; width:100%; height:100%; background:rgba(33,49,82,0.4); color:white;}
	#sub_visual .sub_titbox {width:100%; max-width:1300px; margin:0 auto; padding:0 45px; box-sizing:border-box;}

	#sub_visual p {font-size:14px; line-height:30px; margin-top:80px; letter-spacing:-1px; color:white;}
	#sub_visual strong {font-size:25px; font-family:'NanumGothic'; clear:both; display:block; color:white;}



	@media (max-width:1299px){
		#sub_visual .sub_titbox {width:100%; box-sizing:border-box;}
		.sub_div_wrap {float:left;}
	}
	@media (min-width:600px) and (max-width:800px){
		.sub_div_wrap {padding:40px 15px 0;}
		#sub_visual .sub_titbox {padding:0 15px;}
	}
	@media (max-width:599px){
		#sub_visual {height:130px; margin-bottom:0;}
		#sub_visual img {min-height:130px;}
		#sub_visual .sub_titbox {padding:0 15px;}

		#sub_visual p {font-size:12px; margin-top:45px;}
		#sub_visual strong {font-size:17px;}
	}






/* footer */

.footer{width:100%; float:left;}
.footer-list-001{background:#666; border-top:1px solid #999; border-bottom:1px solid #999; border-width:1px 0;}
.footer-list-001 .footer-center-001{width:100%; max-width:1300px; margin:auto;}
.footer-list-001 .footer-center-001 ul.data{overflow:hidden; border-right:1px solid #999}
.footer-list-001 .footer-center-001 ul.data li{float:left; width:20%;}
.footer-list-001 .footer-center-001 ul.data li a{color:#eee; display:block; font:12px/35px NanumGothic; text-align:center; border-left:1px solid #999}
.footer-list-001 .footer-center-001 ul.data li a:hover{color:#5df0fd}

.footer-area-001{background:#3b3b3b; float:left; width:100%;}
.footer-area-001 .addressArea {width:100%; float:left;}
.footer-area-001 .addressArea div.inner{width:100%; max-width:1300px; margin:0 auto;}
.footer-area-001 .addressArea div.inner h2.footerLogo{width:40%; float:left; position:relative;}
.footer-area-001 .addressArea div.inner h2.footerLogo > img{float:right; padding:39px 22px;  display:block; }
.footer-area-001 .addressArea div.inner div.p_wrap{ width:60%; padding:27px 30px; box-sizing:border-box; float:left;}
.footer-area-001 .addressArea div.inner div.p_wrap > p{ color:#999; font-size:11px;}



@media (max-width:990px){
 
	.contents > div.mainvalBox > .mainVisual #templateFix .layout_wrap .changeBg .div_wrap .layout_01{height:128px !important;}
	.layout_height_L .quick119 .quick119conBox .quick119Block1 > ul li a > div > img{height:128px;}
	
	.footer-list-001 .footer-center-001 ul.data li{width:100%;}
	.footer-list-001 .footer-center-001 ul.data{border-right:0;}
	.footer-list-001 .footer-center-001 ul.data li a{border-left:0;}

} 
@media (max-width:690px){
 

	.footer-list-001{border:none; background:#fff;}
	.footer-list-001 .footer-center-001{padding:40px 30px 25px 30px; box-sizing:border-box;}
	.footer-list-001 .footer-center-001 ul.data{border-right:none;}
	.footer-list-001 .footer-center-001 ul.data li{width:25%;}
	.footer-list-001 .footer-center-001 ul.data li:nth-child(2){display:none;}
	.footer-list-001 .footer-center-001 ul.data li a{color:#999;  border-left:1px solid #999; line-height:12px;}
	.footer-list-001 .footer-center-001 ul.data li a:hover{color:#0072bc;}
	.footer-list-001 .footer-center-001 ul.data li:first-child a{ border-left:none; }

	.footer-area-001 .addressArea div.inner h2.footerLogo{display:none;}
	
	.footer-area-001 .addressArea div.inner div.p_wrap{width:100%; background:#fff; padding:0 30px 27px 30px;}
	.footer-area-001 .addressArea div.inner div.p_wrap > p{text-align:center;}
	.footer-area-001 .addressArea div.inner div.p_wrap > p.companyNum{display:none;}
	.footer-area-001 .addressArea div.inner div.p_wrap > p.adrBold{margin-bottom:5px; font-weight:800; color:#333;}

	

}