@font-face{font-family:StatusPretendard;src:url('/fonts/PretendardVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
html:has(.status-page),body:has(.status-page){margin:0;background:#f5f8fa;color:#253a50}.status-page,.status-page *{box-sizing:border-box}.status-page{font-family:StatusPretendard,Pretendard,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;min-height:100svh;display:flex;flex-direction:column;line-height:1.7;word-break:keep-all}.status-page a{color:inherit;text-decoration:none}.status-page a:focus-visible,.status-retry:focus-visible{outline:3px solid #357dad;outline-offset:5px}.status-brand{width:min(1160px,calc(100% - 64px));margin:0 auto;padding-top:24px}.status-brand a{display:inline-flex}.status-brand img{width:64px;height:auto;display:block}.status-main{width:min(1020px,calc(100% - 64px));margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:70px;padding:32px 0 48px;flex:1}.status-art{display:flex;align-items:center;justify-content:center}.status-art img{display:block;max-width:100%;width:350px;height:min(58svh,510px);object-fit:contain}.status-code{font-size:13px;font-weight:650;letter-spacing:.06em;color:#47789a;margin:0 0 18px}.status-page h1{font-size:clamp(27px,3.5vw,40px);line-height:1.4;letter-spacing:-.045em;font-weight:650;margin:0 0 22px;max-width:460px}.status-detail{font-size:16px;color:#627385;line-height:1.9;margin:0}.status-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:34px;font-size:14px}.status-primary{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:48px;padding:12px 22px;border-radius:999px;background:#253f57;color:white!important;transition:background .2s}.status-primary:hover{background:#355a79}.status-secondary{padding:12px 0;color:#496c88!important}.status-secondary:hover{text-decoration:underline;text-underline-offset:5px}.status-footer{text-align:center;padding:16px 24px 28px;font-size:12px;color:#8a98a5}.status-retry{display:block;margin:0 auto 24px;padding:12px 24px;border:1px solid #a9bfce;border-radius:999px;color:#253f57;background:#fff;font:inherit;cursor:pointer}
@media(max-width:700px){.status-brand{width:calc(100% - 40px);padding-top:16px}.status-brand img{width:48px}.status-main{width:calc(100% - 40px);grid-template-columns:1fr;gap:14px;text-align:center;padding:10px 0 32px}.status-art img{width:240px;height:clamp(190px,33svh,300px)}.status-page h1{font-size:26px;max-width:320px;margin:0 auto 16px}.status-code{margin-bottom:12px;font-size:12px}.status-detail{font-size:14px}.status-actions{justify-content:center;margin-top:24px;gap:10px 20px}.status-footer{font-size:11px;padding-bottom:20px}}
