@charset "UTF-8";
@font-face {
	font-family: 'NanumBarunGothic';
	src:url(../font/NanumBarunGothicWeb.eot);
	src:url(../font/NanumBarunGothicWeb.eot?#iefix) format('embedded-opentype'),
		url(../font/NanumBarunGothicWeb.woff) format('woff'),
		url(../font/NanumBarunGothicWeb.ttf) format('truetype');
}
body{font-family:NanumBarunGothic,"¸¼Àº °íµñ",Arial,Sans-Serif;font-weight:400;font-size:15px;color:#737373;}
html,body,h1,p,button,img,input,fieldset,address{margin:0;padding:0;}
img,button,fieldset{border:0;}
fieldset{min-width:0;}
legend{overflow:hidden;visibility:hidden;position:absolute;left:-9999px;width:0;height:0;color:transparent;font-size:0;}
img{max-width:100%;max-height:100%;vertical-align:top;}
button,input{font-family:inherit;font-size:inherit;color:inherit;}
a{font-size:inherit;color:#4d4d4d;text-decoration:none;}
address{font-style:normal;}
input[type=text],input[type=password]{height:18px;line-height:18px;margin-bottom:10px;padding:10px;font-size:14px;border:1px solid #ccc;}
button::-moz-focus-inner{padding:0;border:0;}
::-webkit-input-placeholder{color:#737373;}
:-ms-input-placeholder{color:#737373;}
:-moz-placeholder{color:#737373;opacity:1;}
::-moz-placeholder{color:#737373;opacity:1;}

body{background:#f2f2f2;}
#wrap{width:790px;margin:160px auto 50px;padding-top:77px;background:url(logo.jpg) no-repeat;}
#container{overflow:hidden;height:314px;padding:72px 69px 0 78px;border:1px solid #e6e6e6;border-top:0;background:#fff;}
h1{float:left;width:238px;margin-right:77px;}
.inputWrap input{width:330px;color:#4d4d4d;}
button{width:100%;height:50px;text-align:center;font-size:18px;color:#fff;background:#0067b3;cursor:pointer;}
p{font-size:14px;line-height:20px;}
.error p{display:none;margin-bottom:14px;color:#ff4c4c;}
.mainimg {float:left;width:238px;margin-right:77px;}
.mainimg img {float:left;width:769px;}
.linkWrap{margin:13px 0 16px;}
.linkWrap a span:first-child{display:inline-block;width:1px;height:11px;margin:-1px 9px 0 7px;vertical-align:middle;background:#b3b3b3;}
.linkWrap a span.q{display:inline-block;width:15px;height:15px;margin:-1px 0 0 1px;vertical-align:middle;background:url(../img/icon_question.png);background-size:100%;}
p span:first-child{display:inline-block;width:4px;height:2px;margin:-3px 5px 0 0;vertical-align:middle;background:#808080;}
address{margin-top:10px;text-align:center;}
@media screen and (min-width: 810px) and (max-height: 600px){
	#wrap{margin:30px auto;}
}
@media screen and (max-width: 810px){
	body{background:#fff;}
	#wrap{width:auto;margin:30px;background:none;}
	#container{height:auto;padding:0;border:0;}
	h1{float:none;width:130px;margin:0 auto 30px;}
	.inputWrap{padding:0 11px;}
	.inputWrap input{width:100%;margin-left:-11px;}
	.linkWrap,
	p{text-align:center;}
	.error p{text-align:left;}
	p span:first-child,
	.linkWrap a.ty3 span:first-child{display:none;}
	.linkWrap{margin:18px 10px 32px;}
	.linkWrap a.ty3{display:block;margin-top:10px;text-align:center;}
	address{margin-top:37px;}
}
@media screen and (max-width: 480px){
	#wrap{margin:30px 15px;}
	address{font-size:12px;}
	address span{display:none;}
}