@charset 'utf-8';

/* °ψΕλ */
.w1200{width:1200px;margin:0 auto;}
@media all and (max-width:1200px){
	.w1200{width:93.5%;}
}

/* privacy */
.privacy { color:#666; width: 100%; overflow: hidden; box-sizing:border-box; padding:20px; font-size:15px;	line-height: 140%; word-break:break-all; }
.privacy .w1200 h2 { font-size:18px; font-weight:bold; color:#000; text-align: left; margin:50px 0 30px; }
.privacy .w1200 h2:first-child { margin-top: 0; }
.privacy .w1200 > p { margin:15px 0; }
.privacy .w1200 > p+dl { margin-top: 30px; }
.privacy .w1200 > dl { padding-bottom:20px;}
.privacy .w1200 > dl > dt{ font-size:15px;color:#3680b9;font-weight:700;padding-bottom:5px;}
.privacy .w1200 > dl > dd{ padding-bottom:10px;text-align:justify; font-size:15px; line-height:140%;}
.privacy .w1200 > dl > dd ul{ padding:10px; }
.privacy .w1200 > dl > dd ul li{ line-height:120%; margin-top: 10px; }
.privacy .w1200 > dl > dd ul li:first-child { margin-top: 0; }
.privacy .w1200 > dl > dd ul li p { margin:0 10px 5px; line-height: 140%; }
.sTxt h3 { font-size:16px; color: #333; font-weight: 700; margin: 20px 0 10px; }
.sTxt p { margin-top: 10px; }
.sTxt dt { margin-top: 10px; }
.sTxt dd { margin:0 8px; }


#wrap { overflow: hidden; }

/*header*/
header { width:100%; height:90px; background: #fff; }
header > div { width: 1400px;margin: 0 auto; position:relative;z-index:555;}
header > div:after{display:block;content:"";clear:both;}
header h1 { float: left; margin-top:25px; }
header nav { float: right; width:auto; }
#gnb { float: left; }
#gnb > li { float: left; margin-left:90px; line-height: 90px; position:relative;}
#gnb > li > a { color: #111010; font-size:20px; line-height: 120%; letter-spacing: -.5px; }
#gnb > li > ul{display:block;position:absolute;left:0;top:0;width:200px;background-color:#fff;border:1px solid #5c5c5c;box-sizing:border-box;top:90px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);display:none;}
#gnb > li > ul > li{border-bottom:1px solid #5c5c5c;position:relative;}
#gnb > li > ul > li:last-of-type{border-bottom:0;}
#gnb > li > ul > li > a{display:block;font-size:16px;font-weight:400;letter-spacing:-0.02em;color:#717171;height:58px;line-height:58px;transition:all 0.3s;text-align:center;}
#gnb > li > ul > li > a:hover{color:#0d2866;}
/* #gnb > li > ul > li > ul > li > .depth3 { display:none !important;} */
#gnb > li > ul > li > ul > li > .depth3,
#gnb > li > ul > li > ul{position:absolute;right:-200px;padding:15px 25px;border:1px solid #595959;width:200px;top:-1px;box-sizing:border-box;background-color:#fff;/* max-height:800px;overflow-y:auto; */display:none;}
#gnb > li > ul > li > ul > li:first-of-type{margin-top:0;}
#gnb > li > ul > li > ul > li{margin-top:5px; position:relative;}
#gnb > li > ul > li > ul > li > .depth3 a:after,
#gnb > li > ul > li > ul > li > a:after{display:block;content:"";clear:both;}
#gnb > li > ul > li > ul > li > .depth3 a,
#gnb > li > ul > li > ul > li > a{display:block;width:100%;}
#gnb > li > ul > li > ul > li > .depth3 span,
#gnb > li > ul > li > ul > li > a span{display:block;}
#gnb > li > ul > li > ul > li > .depth3 .img,
#gnb > li > ul > li > ul > li > a .img{width:44px;height:44px;box-sizing:border-box;border:1px solid #b2b2b2;float:left;}
#gnb > li > ul > li > ul > li > .depth3 .img img,
#gnb > li > ul > li > ul > li > a .img img{width:100%;height:100%;}
#gnb > li > ul > li > ul > li > .depth3 .txt,
#gnb > li > ul > li > ul > li > a .txt{width:calc(100% - 44px);-webkit-width:calc(100% - 44px);-ms-width:calc(100% - 44px);-moz-width:calc(100% - 44px);-o-width:calc(100% - 44px);float:left;font-size:12px;font-weight:400;letter-spacing:-0.02em;line-height:16px;padding-left:10px;box-sizing:border-box;}
#gnb > li > ul > li > ul > li > .depth3 { /* display:none;  position:absolute; right:-200px;*/ right:-225px; top:-16px;}
header .right { float: right; margin-top: 33px; }
header .right form > p { float: right; width:25px; height:23px; position: relative; font-size:0; padding-left:40px;  }
header .right form > p:before { content: ""; display: block; width:1px; height:23px; background: #d6d6d6; position: absolute; top: 0; left: 15px; } 
header .right form > p i { display: block; float: left; width:25px; height:3px; background: #000; border-radius:2px; margin-top:7px; }
header .right form > p i:first-child { margin-top: 0; }

header .right form > p a { display: block; width:25px; height:23px; cursor:pointer; }
header .right form > .search { float: left; width: 200px; border-bottom:1px solid #d6d6d6; margin-left: 120px; position:relative;}
header .right form > .search input { width: 100%; height: 23px; margin-bottom: 7px; /* background:url(/img/common/icon_sch.gif) no-repeat left center; */ border:none; color: #a0a0a0; text-indent:35px; font-size:14px; }
header .right form > .search input:-ms-input-placeholder { color: #a0a0a0; }
header .right form > .search input::-webkit-input-placeholder { color: #a0a0a0; }
header .right form > .search input::-moz-placeholder { color: #a0a0a0; }
header .right form > .search label{position:absolute;left:0;top:0;}

@media all and (max-width:1400px){
	header .right form > .search{display:none;}
}

/*mobileCateogry*/
.mobileNav { height: 100%; width: 320px; right: 0; top: 0; z-index: 99999; position: fixed; overflow: hidden; transition:all .3s; -webkit-transition:all .3s; transform:translate3d(100%,0,0); -webkit-transform:translate3d(100%,0,0); display:none \9;  }
.mobileNav.on { transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); display:block \9; }
.m_bg { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.5);  z-index: 9999; opacity:0; transition:all .3s; -webkit-transition:all .3s; overflow: hidden; }
.m_bg.on { opacity:1; display: block; }
.mobileNav > div { position:absolute; right:0; height:100%; width:320px; background:#fff; }
.mobileNav .top { overflow: hidden; height: 80px; box-sizing:border-box; position: relative; border-bottom:1px solid #d6d6d6; box-sizing:border-box; padding:15px 20px; }
.mobileNav .top div { float: left; margin:5px 0 0 0; width:240px; position:relative;}
.mobileNav .top div input { font-size:16px; font-weight: 300; line-height: 45px; height:45px; color: #a0a0a0; border:none; width: 100%;text-indent:50px; outline:none;}
.mobileNav .top div input:-ms-input-placeholder { color: #a0a0a0; }
.mobileNav .top div input::-webkit-input-placeholder { color: #a0a0a0; }
.mobileNav .top div input::-moz-placeholder { color: #a0a0a0; }
.mobileNav .top div label{position:absolute;left:0;top:0;width:auto;height:auto;}
.mobileNav .top .closeBtn { float: right; margin:15px 15px 0 0;  }
#gnbM { width: 100%; overflow: hidden; margin:0 auto; box-sizing:border-box; padding:35px 20px; }
#gnbM > li { overflow: hidden; margin-top: 35px; }
#gnbM > li:first-child { margin-top: 0; }
#gnbM > li > a { color: #111010; font-size:24px; line-height:120%; float: left; display: block; width:100px; }
#gnbM > li ul { float: left; display: none; margin-top: 3px; }
#gnbM > li ul li { overflow: hidden; }
#gnbM > li ul li:before { content: "-"; margin-right: 5px; }
#gnbM > li ul li a { color: #7f7f7f; font-size:14px; letter-spacing: -.5px; line-height: 180%; }
#gnbM > li ul li i { font-style:normal; }	

/*footer*/
footer { width: 100%; background: #252525; overflow: hidden; }
.fnb { width: 100%; height:65px; background: #111010;  margin: 0 auto; }
.fnb > div { width: 1400px; overflow: hidden; margin: 0 auto; }
.fnb ul { float: left; }
.fnb li { float: left; font-size:16px; line-height:65px; }
.fnb li:before { content: ""; display: block; width:1px; height:18px; background: #cbcbcb; float: left; margin:25px 20px 0; }
.fnb li:first-child:before { display: none; }
.fnb li a { color: #fff; font-weight: 100; }
.fnb > div p { float: right; width:130px; height:65px; background: #252525; }
.fnb > div p a { display: block; width:100%; line-height: 65px; color: #aaa; font-size:16px; text-align: center; }
.fnb > div p a img { display: inline-block; margin:30px 0 0 22px; }
.ftBox { width: 1400px; padding:50px 0; overflow: hidden; margin: 0 auto; }
.ftBox > div h2 { float: left; margin-top: 5px; }
.ftBox address { float: left; margin-left:60px; }
.ftBox address span { color: #fff; font-size:16px; line-height: 170%; font-weight: 100; margin-right: 15px; }
footer > div { background: #111010; text-align: center; padding:14px 0; }
footer > div p { color: #a6a6a6; font-size:14px; font-weight: 100; line-height: 120%; }


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

	/*header*/
	header > div { width: 100%; }
	header h1 { margin:25px 0 0 15px; }
	header nav { float: right; width:auto; }
	#gnb, header .right > .search { display: none; }
	header .right { margin: 33px 15px 0 0; }
	header .right form > p:before { display: none; }


	/*footer*/
	.fnb { height:65px; }
	.fnb > div { width: 100%; }
	.fnb ul { margin-left:15px; }
	.fnb li { font-size:16px; line-height:65px; }
	.fnb li:before { margin:25px 10px 0; }
	.fnb > div p { width:90px; height:65px; }
	.fnb > div p a img { margin:30px 0 0 10px; }
	.ftBox { width: 100%; padding:30px 15px; text-align: center; box-sizing:border-box; }
	.ftBox > div h2 { float: none; margin-top: 5px; }
	.ftBox address { float: none; margin: 15px auto 0; }

	
}

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

	/*footer*/
	.fnb ul { display: none; }
	.ftBox address span { font-size:15px; margin:0 10px; }
	footer > div { background: #111010; text-align: center; padding:10px; line-height: 180%;  }


}