@charset "utf-8";
html{font-size: 100%}
.error-wrap{position: fixed; top: 0;  left: 0; width:100%; height:100%; border-top:22px solid #062c5e; background:url('/kr/ko/resource/images/error/bg.gif') no-repeat right bottom; box-sizing:border-box; font-family:AritaL,'Malgun Gothic','맑은 고딕','Nanum Gothic','나눔 고딕','돋움',dotum,sans-serif; text-align: center; line-height: 1.15; }
.error-wrap h1{margin:1.2em 0 6.6em; padding: 0; font-size:2em}
.error-wrap .mesg{position:relative; font-size:2.35em; color:#062c5e}
.error-wrap .mesg:after{position:relative; display:block; width:30px; height:2px; margin:.7em auto; background:#062c5e; content:''}
.error-wrap .txt{font-size:1.5em; line-height:1.85}
.error-wrap .link{margin-top:3.5em}
.error-wrap .link a{display: inline-block; margin:0 2px; padding:10px 28px 12px; border:1px solid #00457e; font-family:'Microsoft YaHei',AritaL,'Malgun Gothic','맑은 고딕','Nanum Gothic','나눔 고딕','돋움',dotum,sans-serif; font-size:.9em; font-weight:700; color:#00457e}
.error-wrap .link a:nth-child(even){padding:10px 40px 12px; background:#00457e; color:#fff}
.error-wrap .link a:active,
.error-wrap .link a:focus,
.error-wrap .link a:hover{background:#00457e; color:#fff; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s; text-decoration: none;}
.error-wrap .link a:nth-child(even):active,
.error-wrap .link a:nth-child(even):focus,
.error-wrap .link a:nth-child(even):hover{background:#fff; color:#00457e}
@media screen and (max-width:767px){
.error-wrap{background-size:80%}
.error-wrap h1{margin:1.3em 0 1.6em}
.error-wrap h1 img{width:210px}
.error-wrap .mesg{font-size:1.4em}
.error-wrap .mesg:after{margin:1em auto}
.error-wrap .mesg img{width:24px}
.error-wrap .txt{font-size:1.04em; line-height:1.4}
.error-wrap .link a{margin:5px}
}