@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo:400,800&display=swap&subset=korean');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed&display=swap');

	.font{font-family: 'Nanum Myeongjo', serif;}

*{padding:0; margin:0; color: #383231; font-family:'Noto Sans KR', '맑은 고딕', sans-serif; font-size:12px;}
	body,header,footer{padding:0; margin:0;}

	header, section, footer, div, p, ul, ol, li, #wrap{display:block;}
	img {border:none; vertical-align:top;}

	li{list-style-type:none;}
	a:link,a:visited {text-decoration:none; color:#333;}
	a:hover,a:focus {/*outline:none;*/}

	h2{position:absolute; left:-9999px; top:0; font-size:1px; line-height:0; overflow:hidden; width:1px; height:1px; opacity:0;}
	#wrap{width:100%; margin:0 auto; background-color:#fff; overflow:hidden;}
	.e_font{font-family: 'Roboto Condensed', sans-serif;}
	.bold{font-weight:900;}


	input[type="button"], input[type="submit"]{cursor:pointer;}

	#ad{width:100%; background:#fff url("/resources/images/m/m_top_banner.jpg") no-repeat left; background-size:cover; height:50px;}

	#ad a{float:right; margin:15px 0; width:60px; line-height:20px; background-color:#5c736a; color:#fff; border-radius:50px; padding:0.2% 1.5%; box-shadow:2px 2px 2px rgba(0,0,0,0.2); transition:all .5s; font-size:10px; text-align:center;}
		#ad a span{color:#fff;}



#header{width:100%; background-color:#fff; min-height:40px; z-index:999;}
.header{top:0; position:fixed;}

	#head{width:100%; position:relative; overflow:hidden; margin:0 auto; border-bottom:1px solid #ccc;}
		#head h1{width:160px; height:40px; margin:0 auto; text-align:center;}
			#head h1 img{width:110px; vertical-align:baseline; margin-top:3px; margin-right:3px; display:inline;}
			#head h1 span{font-size:12px; display:inline; margin-top:18px; display:none;}

			#head .menu{position:absolute; left:2.5%; top:10px;}
			#head .right{position:absolute; right:2.5%; top:10px;}
				#head .right a{margin-left:10px;}


				.menu_x{display:none;}

#nav{overflow:hidden; width:100%; display:none;}
	#nav li{line-height:40px; font-size:12px; width:100%; clear: both; display: inline-block;}
		#nav li select {float: right; margin-top: 8px; margin-right: 10px; width: 50px; border: 1px solid #ccc; background: #fff;}
		#nav li:first-child{border-bottom:1px solid #ccc;}
		#nav li a{padding:0 1%; border-bottom:1px solid #ccc;}
		#nav li:nth-child(1) a img {width: 12px; height: auto; vertical-align: middle; padding-right: 5px;}
		#nav li:nth-child(1) a:nth-child(2) img {width: 15px;}
		#nav li:first-child a{margin-right:20px; border-bottom:1px solid #ccc; border-bottom:0;}
		#nav li p a{display:block; font-weight:bold;}
			#nav li p a span{display:block; float:right;}
			#nav li p a span img{margin-top:17px;}

#nav li div{display:none;}
		#nav li div a{display:block; background-color:#f5f5f5; color:#999; font-weight:normal;}