@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'SpoqaHanSansNeo';
  src: url('../font/SpoqaHanSansNeo-Thin.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'SpoqaHanSansNeo';
  src: url('../font/SpoqaHanSansNeo-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'SpoqaHanSansNeo';
  src: url('../font/SpoqaHanSansNeo-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'SpoqaHanSansNeo';
  src: url('../font/SpoqaHanSansNeo-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'SpoqaHanSansNeo';
  src: url('../font/SpoqaHanSansNeo-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}


.error-wrap {background: #fff; text-align: center; padding:0; margin: 0 auto; font-family: 'SpoqaHanSansNeo';
	width:90vw; height:90vh; position: relative;  }
.error-body { width:450px; max-width: 98%; margin: 0 auto; text-align: center; position: absolute; top:50%;transform: translate(0, -50%); left:calc(50% - 225px);  }
.error-body > .header { font-weight: 700; font-size: 2.5em; margin: 30px 0 20px 0;}
.error-body > .message { font-weight: 400; font-size:1em; line-height: 150%;}
.error-body > .error-btns { width:100%; display: flex;text-align: center; margin-top: 3em; }
.error-body > .error-btns a:nth-child(1) {background: #eb008b; border:1px solid #eb008b; font-weight: 400; font-size:1em; line-height: 150%; border-radius: 5px; color:#fff; text-decoration:none;padding: 10px 0; width: 50%; }
.error-body > .error-btns a:nth-child(2) { display: inline-block; background: #fff; border:1px solid #282828; font-weight: 400; font-size:1em; line-height: 150%; border-radius: 5px; color:#000; text-decoration:none;  padding: 10px 0; width: 50%; margin-left: 10px; }



@media only screen and (max-width: 550px) {
	.error-body  {  max-width: 98%; margin: 0 auto; text-align: center; position: relative; top:3em; left:auto; transform: none;}
}



@media only screen and (max-width: 414px) {
	.error-body > img { width:6em;}
	.error-body > .header  {font-size: 1.6em; letter-spacing: -0.05em; margin: 20px 0 10px 0;}
	.error-body > .message {font-size:0.9em; letter-spacing: -0.05em;}
}


@media only screen and (max-width: 280px) {
	.error-body > img { width:6em;}
	.error-body > .header  {font-size: 1.35em; letter-spacing: -0.05em; margin: 20px 0 10px 0;}
	.error-body > .message {font-size:0.9em; letter-spacing: -0.05em; line-height: 140%;}
	.error-body > .error-btns { margin-top: 2em; }
}







