@charset "utf-8";

body {margin: 0; font-family: 'Noto Sans kr';  height: 100vh;}
.error-wrap {display: flex; width: 100%;  align-items: center; justify-content: center; gap: 60px;  padding:100px 0px 0px;}
.error-img {width: 300px;}
.error-img img {width:300px;}
.error-content { width: 600px;}
.error-wrap div.logo{width:100px; height: 21px; margin-bottom:30px;}
.error-wrap div.logo > img{width: 100%;}	
.error-wrap h1 {font-size:38px;  margin-bottom:30px;  line-height: 130%; color: #444;}
.error-wrap p {  font-size:18px;  color: #666; line-height: 130%; margin:10px 0;}
.error-content h1, .error-content p {white-space: nowrap;}
.error-wrap .error-btn{margin-top: 30px;}	
.error-wrap .error-btn .btn {display: inline-block;  padding: 12px 24px; text-decoration: none; margin:2px; border-radius: 3px;  font-size: 16px; box-sizing: border-box;  transition: 0.3s;}
.error-wrap .error-btn .btn.home{ background:#004ea2;;  color: #fff; border: 1px solid #004ea2}
.error-wrap .error-btn .btn.back{ background: #fff;  color: #000; border: 1px solid #444}	
.error-wrap .error-btn .btn.home:hover {background: #1155c5; border: 1px solid #1155c5;}
.error-wrap .error-btn .btn.back:hover {background:#f1f1f1;}