.head_name {
font: 25px/30px 'roboto_bold',san-serif;
}
.head_para {
font: 20px/30px 'roboto_regular',san-serif;
margin-bottom: 20px;
}
#error_page {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

body {
background: #FFEDD0 url('../../error_page/asset/error/1.svg');
background-repeat: no-repeat;
background-size: cover;
min-height: 100vh;
}
.center_div {
width: 100%;
margin: 0 auto;
text-align: center;
}
.error_occur {
width: 80%;
}
.back {
background: #743200;
width: 190px;
padding: 10px 20px 12px;
border: none;
border-radius: 50px;
color: #fff;
font: 18px/17px 'roboto_bold',san-serif;
text-transform: uppercase;
margin: 0px 10px;
border: 2px solid #743200;
transition: 1s;
}
.back:hover {
background: #b88d66;
border: 2px solid #b88d66;
transition: 1s;
}

@media only screen and (max-width:767px) {
#error_page {
width: 90%;
}
.head_name {
padding-top: 30px;
}
.error_occur {
width: 100%;
}
}