@charset "utf-8";

a,abbr,acronym,address,applet,article,aside,audio,b,bdi,bdo,big,blockquote,body,button,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,header,hgroup,h1,h2,h3,h4,h5,h6,html,i,iframe,img,input,ins,kbd,label,legend,li,map,mark,menu,nav,object,ol,p,pre,q,rp,rt,ruby,s,samp,section,select,small,span,strike,strong,summary,sub,sup,table,tbody,td,textarea,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;font-size:100%;border:0;vertical-align:baseline}
input,select,textarea{color:#000;font-family:inherit;padding:0;margin:0}
ol,ul{list-style:none}
a{text-decoration:none}
html{-webkit-text-size-adjust:none}
body{line-height:1.5;font-family:"맑은 고딕","Malgun Gothic",'돋움',dotum,"Apple SD Gothic Neo",sans-serif;color:#000;font-size:15px;background:#fff}

#wrap{min-width:640px}
#header{position:relative;height:90px;overflow:hidden;background:#1b52ed;background:linear-gradient(to right,#3faeeb,#3967d0 46%,#3846d0);background:-webkit-linear-gradient(left,#3faeeb,#3967d0 46%,#3846d0);padding-top:31px;box-sizing:border-box}
#header .logo{display:block;width:221px;height:30px;overflow:hidden;text-indent:-9999px;background:url("../images/spr_error.png") no-repeat;margin:0 auto}
#container{position:relative;background:#fff;padding-top:45px}
#container:before{position:absolute;top:0;left:0;right:0;height:440px;background:#f4f6f8;content:''}
#container .error{position:relative;width:550px;border:1px solid #e0e0e0;background:#fff;padding:0 80px 107px;margin:0 auto;box-sizing:border-box;z-index:1}
#container .error h2{font-size:20px;line-height:29px;letter-spacing:-2px;border-bottom:1px solid #f1f1f1;padding:97px 0 23px}
#container .error h2:before{display:block;width:48px;height:42px;background:url("../images/spr_error.png") no-repeat 0 -35px;margin-bottom:12px;content:''}
#container .error .text{min-height:154px;line-height:22px;letter-spacing:-1px;margin-top:26px}
#container .error .text a{color:#1b52ed;text-decoration:underline}
#container .error .search_box{position:relative;margin:25px 0 -41px}
#container .error .search_box fieldset{position:relative;height:43px;border:1px solid #1b52ed;border-radius:2px;overflow:hidden;padding-right:43px}
#container .error .search_box input{width:100%;height:43px;overflow:hidden;color:#000;font-size:15px;line-height:21px;letter-spacing:-.75px;padding:11px 0 11px 13px;box-sizing:border-box;vertical-align:top;outline:0}
#container .error .search_box input::placeholder{color:#bdbdbd}
#container .error .search_box input:-ms-input-placeholder{color:#bdbdbd}
#container .error .search_box button{position:absolute;top:0;right:0;width:43px;height:43px;background:#fff}
#container .error .search_box button span{position:absolute;top:13px;right:13px;display:block;width:17px;height:17px;overflow:hidden;text-indent:-9999px;background:url("../images/spr_error.png") no-repeat -53px -35px}
#container .error .link_bottom{font-size:16px;line-height:24px;letter-spacing:-1px;padding-top:89px}
#container .error .link_bottom a{text-decoration:underline}
#container .error .link_bottom .link_back{color:#212121;margin-right:16px}
#container .error .link_bottom .link_zum{color:#1b52ed}
#footer{clear:both;text-align:center;padding:76px 0 50px}
#footer .links{font-size:0;white-space:nowrap}
#footer .links li{position:relative;display:inline-block;color:#999;line-height:18px;padding-left:14px;margin-left:14px;vertical-align:top}
#footer .links li:before{position:absolute;top:4px;left:0;width:1px;height:12px;background:#dcdcdc;content:''}
#footer .links li:first-child{padding:0;margin:0}
#footer .links li:first-child:before{display:none}
#footer .links li a{color:#999;font-size:12px;letter-spacing:-0.5px}
#footer .links li a:hover{text-decoration:underline}

@media (max-width:640px) {
	#wrap{min-width:0}
	#header{height:80px;padding-top:28px}
	#header .logo{width:88px;height:26px;color:rgba(0,0,0,0);text-indent:0;background:url("../images/spr_error_m.png") no-repeat;background-size:88px 73px}
	#container{padding:0}
	#container:before{display:none}
	#container .error{width:auto;border:0;padding:0 24px 80px}
	#container .error h2{padding:51px 0 24px}
	#container .error h2:before{color:rgba(0,0,0,0);content:'.';background:url("../images/spr_error_m.png") no-repeat 0 -31px;background-size:88px 73px}
  #container .error .text{min-height:0;margin-top:24px}
	#footer{display:none}
}
@media (max-width:340px) {
	body{font-size:14px}
  #container .error{padding:0 20px 80px}
  #container .error .search_box input{font-size:14px}
}