* {margin:0;padding:0;}
a {margin:0;padding:0;border:0;font-size:100%;text-decoration:none;color:#444;}
a.visited,a.visited:visited{text-decoration:none;}
a:hover,a:hover *,a.visited:hover{text-decoration:none;}
span {border:0;outline:0;font-size:100%;}
body {background:#fff;font-size:16px;font-family:'Noto Sans KR', sans-serif;}
html, body {width:100%;height:100%;}
.error-wrap {position:relative;width:100%;height:100%;min-height:455px;box-sizing:border-box;padding:70px;overflow:hidden;}
.error-wrap .inbox {position:relative;width:100%;height:100%;box-sizing:border-box;background:#f4f4f4;overflow:hidden;}
.error-wrap .inbox:before {display:block;content:'';position:absolute;top:0;left:50%;margin-left:390px;width:822px;height:100%;background:#fff;transition:all .3s ease;}
.error-wrap .logo {position:absolute;top:0;right:0;}
.error-wrap .error-Box {max-width:1000px;width:100%;margin:0 auto;height:315px;margin-top:-157px;margin-left:-500px;border:0px solid #DDD;position:absolute;left:50%;top:50%;text-align:left;color:#333;box-sizing:border-box;word-break:keep-all}
.error-wrap .stit {font-size:20px;font-weight:700;color:#c4c3c3;letter-spacing:0.15em;}
.error-wrap .tit {font-size:50px;font-weight:500;letter-spacing:-0.05em;line-height:1;color:#222;margin-top:20px;}
.error-wrap .txt {display:inline-block;font-size:20px;font-weight:400;letter-spacing:-0.01em;line-height:36px;padding-bottom:20px;border-bottom:5px solid #000;color:#222;margin-top:115px;}
.error-wrap .btnBox {position:absolute;top:50%;right:0;margin-top:-78px;}
.error-wrap .btnBox .btn {position:relative;display:block;width:260px;border:2px solid #333;box-sizing:border-box;font-size:16px;padding:20px 60px 20px 20px;background:#fff;}
.error-wrap .btnBox .bbtn {background:#333333;color:#fff;margin-bottom:20px;}
.error-wrap .btnBox .btn:before {display:block;content:'';position:absolute;top:50%;right:20px;width:30px;height:1px;background:#333;transition:all .3s ease;}
.error-wrap .btnBox .btn:after {display:block;content:'';position:absolute;top:50%;right:14px;margin-top:-5px;width:0;height:0;border:6px solid transparent;border-left:6px solid #333;transition:all .3s ease;}
.error-wrap .btnBox .bbtn:before {background:#fff;}
.error-wrap .btnBox .bbtn:after {border-left:6px solid #fff;}
.error-wrap .btnBox .btn:hover:before {right:10px;}
.error-wrap .btnBox .btn:hover:after {right:4px;}
@media all and (max-width:1299px) {
	.error-wrap {padding:30px;}
}
@media all and (max-width:1199px) {
	.error-wrap .error-Box {margin-left:0;left:0;max-width:100%;box-sizing:border-box;padding:0 40px;}
	.error-wrap .inbox:before {left:80%;margin-left:0;}
	.error-wrap .tit {font-size:40px;font-weight:500;letter-spacing:-0.05em;line-height:1;color:#222;margin-top:20px;}
	.error-wrap .txt {font-size:16px;}
}
@media all and (max-width:999px) {
	body {background:#f4f4f4;}
	.error-wrap {height:auto;padding:0;}
	.error-wrap .inbox {height:auto;}
	.error-wrap .logo {position:relative;top:auto;right:auto;width:100%;background:#fff;text-align:center;padding-bottom:10px;padding-top:20px;}
	.error-wrap .error-Box {text-align:center;padding:0 20px;position:relative;top:auto;left:auto;margin-top:60px;height:auto;margin-bottom:60px;}
	.error-wrap .stit {font-size:16px;}
	.error-wrap .tit {font-size:24px;margin-top:10px;}
	.error-wrap .txt {font-size:15px;line-height:26px;margin-top:40px;border-bottom:3px solid #000;}
	.error-wrap .btnBox {position:relative;top:auto;right:auto;margin-top:50px;width:100%;}
	.error-wrap .btnBox .btn {margin-left:auto;margin-right:auto;text-align:left;}
	.error-wrap .inbox:before {display:none;}
}
@media all and (max-width:599px) {
	.error-wrap .txt br {display:none;}
	.error-wrap .btnBox {margin-top:30px;}
	.error-wrap .btnBox .btn {width:100%;}
}