@charset "utf-8";

.error_box { position: relative; max-width: 720px; margin: 168px auto 0; padding: 8px; }
.error_box::before { position: absolute; top: 0; left: 0; width: 240px; height: 128px; border-radius: 16px; background: #007cb2; z-index: -1; content: ""; }
.error_box::after { position: absolute; bottom: 0; right: 0; width: 240px; height: 128px; border-radius: 16px; background: #00B1CE; z-index: -1; content: ""; }
.error_box .inner { background: #fff; box-shadow: 2px 0 13px rgba(0, 0, 0, 0.21); border-radius: 16px; padding: 45px 40px; text-align: center; font-family: 'SCDream'; } 
.error_box .inner .logo { text-align: left; }
.error_box .inner .txt1 { margin-top: 40px; font-size: 28px; color: #000; font-weight: 700; }
.error_box .inner .txt2 { margin-top: 10px; font-size: 16px; color: #666; font-weight: 600; line-height: 1.8; word-break: keep-all; }
.error_box .inner .btn { margin-top: 30px; }

[class^="btn_"] { position: relative; font-size: 16px; min-width: 175px; font-weight: 600; text-align: center; display:inline-block; margin:3px; padding:8px 16px; border-radius: 20px; vertical-align:middle; line-height:16px; -webkit-transition:background-color 0.3s ease; transition:background-color 0.3s ease; }
.btn_bl { color:#fff !important; background:#1f5aa0; border:2px solid #1f5aa0;}
.btn_gr { color:#222; background:#e3e3e3; border:2px solid #e3e3e3; }
 
.btn_bl:hover, .btn_bl:focus { color:#1f5aa0 !important; background:#fff;}
.btn_gr:hover, .btn_gr:focus { background:#fff; color: #222; }

@media screen and (max-width:768px){
    .error_box { width: 90%; margin: 25px auto 0; }
    .error_box .inner { padding: 25px; }
    .error_box .inner .logo img { width: 150px; height: auto; }
    .error_box .inner .txt1 { margin-top: 20px; font-size: 22px; }
}


@media screen and (max-width:540px){
    .error_box::before, .error_box::after { width: 100px; }
    .error_box .inner .txt2 br { display: none; }
    [class^="btn_"] {min-width: 120px; display: block; margin-bottom: 10px;}
}