@charset "utf-8";
@import url("/css/font/NotoSansKR.css");
@import url('/css/s-core.css');

body {font-family: 'notokr', '맑은고딕', 'Malgun Gothic', '돋움', 'dotum', '굴림', 'gulim', 'sans-serif'; font-weight:400; color:#222; font-size:15px; letter-spacing:-0.5px; overflow-x:hidden;}

/*본문바로가기 - jquery연동연결 */
#skipNavWrap { overflow: hidden; position: relative; width: 100%; z-index: 1000; }
#skipNavWrap a { display: block; font-size: 0; width: 1px; height: 1px; line-height: 0; margin: 0 -1px -1px 0; overflow: hidden; text-align: center; font-weight:300 !important;}
#skipNavWrap a:focus, #skipNavWrap a:hover, #skipNavWrap a:active {width: auto; padding:15px 0; background: #333; color: #fff; font-size: 13px; font-weight: bold;}

.wrap {max-width:1200px; margin:0 auto;}
#header {position:absolute; top:0; left:0; overflow:hidden; background:rgba(0,0,0,0.2); z-index:9999; width:100%;}
#header h1 {float:left; padding:20px 0 20px 30px;}
#header .h_info {float:right; padding:32px 30px 32px; overflow:hidden;}
#header .h_info p {float:left; color:#fff; font-size:18px; font-weight:bold; margin-right:30px;}
#header .h_info a {float:right;}
#header .mo_tit {display:none;}

@media all and (max-width:1199px){ 
	.wrap {width:100%;}
}
@media all and (max-width:1023px){ 
	#header .mo_tit {display:block; text-align:center; background:#000; font-weight:bold; color:#fff; padding:5px 0;}
	#header .h_info {position:absolute; width:100%; float:none; padding:10px 0 0 0; text-align:right; height:80px;}
	#header .h_info p {display:none;}
	#header .h_info a {margin:24px 30px 24px;}
}
@media all and (max-width:480px){ 
	#header h1 {padding-left:4%;}
	#header h1 img {width:180px;}
	#header .h_info a {margin-right:4%;}
}


 /* 푸터 */
#footer {padding:30px 0; border-top:1px solid #ccc;}
#footer footer > div {width:1000px; margin:0 auto; position:relative; text-align:center;}
#footer .f_info {font-size:15px; letter-spacing:0; line-height:22px;}
#footer .f_info .copy {color:#666; font-family:Verdana; font-size:13px; font-weight:normal;}

@media all and (max-width:1023px){ 
	#footer footer > div {width:100%;}
}