@charset 'utf-8';

/* °ψΕλ */


/* 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 h2 { font-size:18px; font-weight:bold; color:#000; text-align: left; margin:50px 0 30px; }
.privacy h2:first-child { margin-top: 0; }
.privacy > p { margin:15px 0; }
.privacy > p+dl { margin-top: 30px; }
.privacy > dl { padding-bottom:20px;}
.privacy > dl > dt{ font-size:15px;color:#3680b9;font-weight:700;padding-bottom:5px;}
.privacy > dl > dd{ padding-bottom:10px;text-align:justify; font-size:15px; line-height:140%;}
.privacy > dl > dd ul{ padding:10px; }
.privacy > dl > dd ul li{ line-height:120%; margin-top: 10px; }
.privacy > dl > dd ul li:first-child { margin-top: 0; }
.privacy > 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 { min-width:1280px; }

/*header*/
header { position: absolute; top: 0; left: 0; width:100%; overflow: hidden; box-sizing:border-box; padding:0 5%; font-size:14px; z-index:999; }
header h1 { float: left; margin-top: 25px; }
header nav { float: right; margin-top: 35px; }
#gnb { float: left; }
#gnb li { float: left; font-size:14px; line-height:120%; letter-spacing: -.5px; margin-left: 55px; }
#gnb li:first-child { margin-left: 0; }
#gnb li a { color:#fff; }
.lang { float: right; margin-left: 100px; }
.lang li { float: left; margin-left: 10px; font-size:14px; }
.lang li a { color: #d8d8d8; }
.lang li.on a { color: #fff; }
.cateM { display: none; }


/*mobileCateogry*/
.mobileNav { height: 100%; width: 280px; right: 0; top: 0; z-index: 99999; position: fixed;  overflow: hidden; /* overflow-y: auto; overflow-x: visible; */ 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(27, 40, 77, 0.8);  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:280px; background:#fff; }
.mobileNav .top { overflow: hidden; height: 80px; margin:0 10px; box-sizing:border-box; position: relative; }
.mobileNav .top h1 { margin-top:25px; float: left; }
.mobileNav .top .closeBtn { display: block; width: 23px; height: 23px; z-index:999; position: absolute; top: 30px; right: 0; overflow: hidden; }
.mobileNav .lang_m { position: absolute; bottom: 30px; left: 10px; z-index:99; overflow: hidden; }
.mobileNav .lang_m li { margin-right:15px; float: left; }
.mobileNav .lang_m li a { color: #1b284d; font-size:14px; opacity:.8; }
.mobileNav .lang_m li.on a { opacity:1;  }
/* .mobileNav .lang { position: absolute; bottom: 0; left: 0; z-index:99999; }
 */
#gnbM { margin: 30px 0 0 10px; width:100%; overflow:hidden; }
#gnbM > li { overflow: hidden; }
#gnbM > li > a { color: #1b284d; font-size:16px; line-height: 230%; }





/*footer*/
footer { background: #f4f4f4; overflow: hidden; text-align: center; font-size:14px; line-height: 120%; color: #1b284d; }
footer > article { width:1280px; margin: 30px auto; overflow: hidden;  }
footer h3 { margin-top:15px; }	
footer address { text-align: center; margin-top: 10px;}
footer address div p { display: inline-block; width:auto; margin: 5px 10px; }
footer > article p { margin-top: 10px; }
footer > div { background: #e7e7e7; height: 48px; line-height: 48px; overflow: hidden; }
footer > div p { font-size:14px; color: rgba(26, 40, 77, 0.8); font-family: 'Lato'; font-weight: 700; text-indent:3px; letter-spacing: 3px; }


@media screen and (max-width:1200px) {
	#wrap { min-width:100%; }
	
	/*header*/
	header { padding:0 15px; }
	header h1 { margin-top: 25px; }
	header nav, #gnb, .lang { display: none; }
	.cateM { position: absolute; top: 35px; right: 10px; display: block; width:25px; height:23px; cursor:pointer; }
	.cateM i { display: block; width:100%; height:2px; background: #fff; position: absolute; left: 0; font-size:0; }
	.cateM i:nth-child(2) { top: 10px; }
	.cateM i:last-child { top: 20px; }

		
	/*footer*/
	footer > article { width:100%; box-sizing:border-box; padding:0 15px; }
	footer > div { padding:10px 0; height: auto; line-height: 110%; }
	footer > div p { font-size:14px; color: rgba(27, 40, 77, 0.4); text-indent:2px; letter-spacing: 2px;  }


}