/* --------------------------------error (404)-------------------------------- */
/* 404 페이지(점검·500 은 자산을 인라인한 별도 템플릿)는 헤더·푸터 없이 단독 렌더 → 섹션이 뷰포트 전체 높이를 차지하고 내용은 세로 중앙 정렬 */
.error_sec {display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100vh; min-height: 100dvh; padding: 5rem 0; text-align: center;}
.error_sec .inner {display: flex; flex-direction: column; align-items: center; gap: 2rem;}

/* 클랩 일러스트(.clab_logo)는 온보딩 첫 화면과 함께 쓰여 common.css 에 있다 */

/* 안내 문구 */
.error_msg {display: flex; flex-direction: column; align-items: center; gap: 0.5rem;}
.error_tit {font-size: var(--font-size-h2); font-weight: var(--font-weight-extrabold); line-height: var(--line-height-heading); letter-spacing: var(--letter-spacing-base); color: var(--color-font-black); word-break: keep-all;}
.error_desc {font-size: var(--font-size-body-2); font-weight: var(--font-weight-regular); line-height: var(--line-height-body); letter-spacing: var(--letter-spacing-base); color: var(--color-font-44); word-break: keep-all;}

.error_sec .btn_wrap {margin-top: 0;}

@media screen and (max-width:767px) {
    /* MO 루트 12px 기준: 16px = 1.3333rem */
    .error_sec {padding: 6.6667rem 0;}
    .error_sec .inner {gap: 1.3333rem;}
    .clab_logo {width: 24.4167rem;} /* Figma MO 293px */
    .error_msg {gap: 0.6667rem;}
    .error_sec .btn_wrap [class^="btn_type"] {min-width: 16.6667rem;} /* Figma MO btn/기본 200px (전역 12.5rem 은 MO 에서 150px) */
}