@charset "utf-8";

@font-face {
	font-family: 'NanumSquareRoundR';
	src: url(../font/NanumSquareRoundR.ttf) format('truetype');
}
@font-face {
	font-family: 'NanumSquareRoundL';
	src: url(../font/NanumSquareRoundL.ttf) format('truetype');
}
@font-face {
	font-family: 'NanumSquareRoundB';
	src: url(../font/NanumSquareRoundB.ttf) format('truetype');
}

@font-face {
	font-family: 'NanumSquareRoundEB';
	src: url(../font/NanumSquareRoundEB.ttf) format('truetype');
}

@font-face {
	font-family: 'NotoSansKR-Bold';
	src: url(../font/NotoSansKR-Bold.ttf) format('truetype');
}

@font-face {
	font-family: 'NotoSansKR-Medium';
	src: url(../font/NotoSansKR-Medium.ttf) format('truetype');
}

@font-face {
	font-family: 'NotoSansKR-Regular';
	src: url(../font/NotoSansKR-Regular.ttf) format('truetype');
}

*{padding:0; margin:0; color:#333; font-family: "NanumSquareRoundR", "NanumSquareRound";}
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;}
.color{color:#d8b15b;}
input[type="button"], input[type="submit"]{cursor:pointer;}


input {
	-webkit-appearance: none;
	    -moz-appearance: none;
	    appearance: none;
			/*border:1px solid #a9a9a9;*/
			border: none;
}

/* IE10 이상에서 input box 에 추가된 지우기 버튼 제거 */
input::-ms-clear { display: none; }
select::-ms-expand { display:none; }
select {
	-webkit-appearance: none;
	    -moz-appearance: none;
	    appearance: none;
	    background: url(../img/arrow2.png) no-repeat 95% 50%;
	    background-size: 14px;
			padding: 0 2%;
}

input[type="radio"] {
	-webkit-appearance: radio !important;
	-moz-appearance: radio !important;
		appearance: radio !important;
}
input[type="checkbox"] {
	-webkit-appearance: checkbox !important;
	-moz-appearance: checkbox !important;
		appearance: checkbox !important;
}
#header{position:fixed; top:0; left:0; width:100%; background-color:#fff; z-index:10;}
	#head{width:1400px; margin:0 auto;}
	#head h1{width:40%; float:left; position:relative; padding:10px 0;}
		#head h1 img.s1_logo{width:100px; margin-left:50px;}
		#head h1 img.s2_logo{width:230px; margin-left:-50px; margin-top:-20px;}
		#head h1 img.sign_logo{width:230px; margin-left:0px; margin-top:-20px;}
		#head h1 img.logo{width:250px; position:absolute; top:40px; left:0;}
	#nav{width:60%; float:left; padding-top:40px;}
	#nav li{width:20%; float:left;}
		#nav li a.click{font-size:18px; font-weight:900; margin-right: 10px;}
		#nav li p{display:none;}
		#nav li p a{line-height:30px; display:block;}
		#nav li p a:first-child{margin-top:10px;}

		#nav li a:hover{color:#d56a55;}




#m_head{display:none;}


@media screen and (min-width:1201px) and (max-width:1600px){
	#head{width:90%;}
	#head h1{width:30%;}
		#head h1 img{width:200px;}
		#head h1{width:30%; float:left; position:relative;}
		#head h1 img.s1_logo{width:70px; margin-left:30px; margin-top:-5px;}
		#head h1 img.logo{width:250px; position:absolute; top:30px; left:0;}
	#nav{width:70%; padding-top:30px;}
		#nav li a.click{font-size:16px;}
		#nav li p a{font-size:14px;}
}


@media screen and (min-width:0px) and (max-width:1200px){
	#head{display:none;}
	#m_head{display:block;}

	#m_head{position:relative; width:90%; margin:0 auto; padding:10px 0; z-index:10; background-color:#fff;}
	.menu{display:block; width:30px; position:absolute; top:20px; right:0; cursor:pointer;}
		.menu span{display:block; background-color:#999; width:30px; height:3px; margin:4px 0;}

	#m_head h1{width:100%; float:none;}
		#m_head h1{width:40%; float:left; height:50px;}
		#m_head h1 img.s1_logo{width:50px; margin-left:30px;}
		#m_head h1 img.s2_logo{width:130px; margin-left:-10px; margin-top:-10px;}
		#m_head h1 img.s3_logo{width:130px; margin-left:0px; margin-top:0px;}
		#m_head h1 img.sign_logo{width:130px; margin-left:0px; margin-top:-10px;}
		#m_head h1 img.logo{width:145px; position:absolute; top:20px; left:0;}
	#m_nav{width:100%; overflow:hidden; float:none; padding-top:0; display:none;}
	#m_nav li{width:100%; float:left; text-align:right; line-height:2em;}
		#m_nav li a.click{font-size:12px;}
		#m_nav li p{display:none;}
		#m_nav li p a{line-height:40px; display:block; font-size:12px;}

		#m_nav li a:hover{color:#d56a55;}


}