/*! [MO] error css */

/*! font */
@font-face {src:url("/static/fonts/roboto-400.woff2") format("woff2"),url("/static/fonts/roboto-400.woff") format("woff"); font-display:swap; font-family:"Roboto"; font-style:normal; font-weight:400}
@font-face {src:url("/static/fonts/roboto-500.woff2") format("woff2"),url("/static/fonts/roboto-500.woff") format("woff"); font-display:swap; font-family:"Roboto"; font-style:normal; font-weight:500}
@font-face {src:url("/static/fonts/roboto-700.woff2") format("woff2"),url("/static/fonts/roboto-700.woff") format("woff"); font-display:swap; font-family:"Roboto"; font-style:normal; font-weight:700}
@font-face {src:url("/static/fonts/noto-kr-400.woff2") format("woff2"),url("/static/fonts/noto-kr-400.woff") format("woff"); font-display:swap; font-family:"Noto"; font-style:normal; font-weight:400}
@font-face {src:url("/static/fonts/noto-kr-500.woff2") format("woff2"),url("/static/fonts/noto-kr-500.woff") format("woff"); font-display:swap; font-family:"Noto"; font-style:normal; font-weight:500}
@font-face {src:url("/static/fonts/noto-kr-700.woff2") format("woff2"),url("/static/fonts/noto-kr-700.woff") format("woff"); font-display:swap; font-family:"Noto"; font-style:normal; font-weight:700}

/*! Reset */
html {font-size:62.5%}
@media(max-width: 280px) {html {font-size:52.5%}
}
body {font-size:16px; font-family:Noto,Roboto,-apple-system,helvetica,"Apple SD Gothic Neo",sans-serif; font-weight:400; color:#000; word-break:break-all; -webkit-overflow-scrolling:touch}
body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul {margin:0; padding:0}
button,input,select,table,textarea {font-size:inherit; color:inherit; font-family:inherit; font-weight:inherit}
h1,h2,h3,h4,h5,h6,strong {font-size:inherit; line-height:inherit; font-weight:inherit}
textarea {background-color:rgba(0,0,0,0); border:0; word-break:keep-all; word-wrap:break-word}
button,input {border-radius:0; border:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; background-color:unset}
input,select,textarea,button,div {outline:none}
a:focus-visible,button:focus-visible,input:focus-visible + label {outline:1px dashed #000; outline-offset:.2rem}
input[type=checkbox],input[type=radio] {overflow:hidden; display:block; position:absolute; width:1px; height:1px; margin:-1px; clip:rect(0 0 0 0)}
input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button {-webkit-appearance:none; margin:0}
input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration {display:none}
input:-webkit-autofill {box-shadow:0 0 0 1000px #fff inset}
fieldset,img {border:0}
img:not(.kpd-image-button) {vertical-align:top; max-width:100%}
ol,ul {list-style:none}
address,em,i {font-style:normal}
b {font-weight:normal}
a {color:inherit; text-decoration:none}
iframe {overflow:hidden; margin:0; border:0; padding:0; vertical-align:top}
mark {background-color:rgba(0,0,0,0)}
button[type=button]:not(:disabled) {cursor:pointer}
::-moz-placeholder {color:#788296}
::placeholder {color:#788296}
::-webkit-scrollbar:horizontal {display:none}
figure {margin:0}
figure img {width:100%}
select {display:none}
caption {overflow:hidden; display:block; position:absolute; width:1px; height:1px; margin:-1px; clip:rect(0 0 0 0)}

/*! 에러  */
.main-header {display:flex; align-items:center; justify-content:space-between; height:5.2rem; background-color:#fff; padding:0rem 2rem}
.main-header .logo {background:url(/static/images/logo_db.svg) no-repeat 50% 50%/100% auto; display:block; width:14.2rem; height:2.6rem}
.main-header .logo i {overflow:hidden; display:block; position:absolute; width:1px; height:1px; margin:-1px; clip:rect(0 0 0 0)}
.error-wrap .error-inner {padding:2rem 2rem 0rem}
.error-wrap .error-img {width:100%}
.error-wrap .error-img img {display:block; width:100%}
.error-wrap .error-tit {font-size:1.6rem; line-height:2.7rem; letter-spacing:-0.05rem; font-weight:500; color:#222; text-align:center; margin:2rem 0rem}
.error-wrap .gray-box {font-size:1.4rem; line-height:2.4rem; letter-spacing:-0.04rem; font-weight:400; color:#5a6375; padding:2rem; border-radius:.8rem; background:#f6f7fb}
.error-wrap .error-desc {text-align:center}
.error-wrap .error-desc strong {color:#222; font-weight:700}
.error-wrap .noti-list {font-size:1.4rem; line-height:2.4rem; letter-spacing:-0.04rem; color:gray; color:#5a6375; margin-left:-2rem; margin-right:-2rem; padding-left:2rem; padding-right:2rem}
.error-wrap .noti-list .list-item,
.error-wrap .noti-list li {position:relative; padding-left:1.2rem}
.error-wrap .noti-list .list-item::before,
.error-wrap .noti-list li::before {content:""; position:absolute; left:.2rem; top:1rem; width:.3rem; height:.3rem; background-color:#97a1ac; border-radius:50%}
.error-wrap .noti-list .list-item + li,
.error-wrap .noti-list li + li {margin-top:.4rem}
.error-wrap .link-tel,
.error-wrap .link-underline {text-decoration:underline; color:#222; font-weight:700}
.error-wrap .btn-area {position:fixed; right:0; bottom:0; left:0; z-index:10; width:100%; padding:1.9rem 2rem 4rem; border-top:1px solid rgba(151,161,172,.1); background-color:rgba(255,255,255,.5); -webkit-backdrop-filter:blur(0.4rem); backdrop-filter:blur(0.4rem); box-sizing:border-box}
.error-wrap .btn-area .btn {display:flex; align-items:center; justify-content:center; width:100%; height:5.6rem; color:#fff; font-size:1.6rem; line-height:2.2rem; letter-spacing:-0.05rem; font-weight:500; padding:var(--btn-padding, 0rem 1.6rem); border:1px solid #1f9e49; border-radius:.8rem; background-color:#1f9e49; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; user-select:none; cursor:pointer}
.error-wrap .btn-area .btn-line {border-color:#d5dae0; background-color:#fff; color:#444; font-weight:400}
.error-wrap .btn-hide {position:fixed; top:0; right:0; width:25px; height:25px; overflow:hidden; opacity:0; cursor:default}