/*
 * subpage.css — style.css 다음에 로드하세요.
 * GNB(.navbar-sub) 스타일은 style.css에 완전히 정의되어 있습니다.
 */

/* ================================================================
   컨텐츠 영역
   .navbar-sub는 position: absolute이므로
   첫 번째 컨텐츠 블록(파란 히어로)이 GNB 뒤에 자연스럽게 깔립니다.
================================================================ */
.subpage-content {
    padding-top: 0;
    min-height: 60vh;
}


/* ================================================================
   임시 히어로 — 기존 서브페이지 컨텐츠(.flo-page-conts-01)로
   교체하면 이 블록은 삭제하세요.
   기존 서브페이지와 동일한 파란 배경(#1c88e2) + 흰 텍스트
================================================================ */
.subpage-temp-hero {
    background-color: #1c88e2;
    min-height: 459px;
    display: flex;
    align-items: flex-end;
    /* 텍스트 하단 정렬 (기존 서브페이지 패턴) */
    padding-bottom: 80px;
}

.subpage-temp-hero-inner {
    width: 1100px;
    margin: 0 auto;
    color: #ffffff;
    font-size: 21px;
    line-height: 1.6;
    font-family: 'Pretendard', sans-serif;
    box-sizing: border-box;
}

.subpage-temp-hero-inner strong {
    display: block;
    font-size: 51px;
    font-weight: 900;
    line-height: 1.3;
    margin-bottom: 0.3em;
}


/* ================================================================
   임시 자리표시자 — 실제 컨텐츠로 교체 후 삭제하세요
================================================================ */
.subpage-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 400px;
    background: repeating-linear-gradient(-45deg,
            #f8fafc,
            #f8fafc 10px,
            #f1f5f9 10px,
            #f1f5f9 20px);
    border: 2px dashed #cbd5e1;
    border-radius: 1rem;
    margin: 3rem auto;
    max-width: 1100px;
    width: calc(100% - 4rem);
}

.subpage-placeholder p {
    font-size: 1.1rem;
    font-weight: 700;
    color: #94a3b8;
    text-align: center;
}


/* ================================================================
   기존 서브페이지 CSS 변수 호환
================================================================ */
:root {
    --bg-arrow-down: url("https://img.ozmailer.com/ozmailer/inc/arrow_down.png");
    --bg-arrow-up: url("https://img.ozmailer.com/ozmailer/inc/arrow_up.png");
    --exclamation-mark: url("https://img.ozmailer.com/ozmailer/inc/exclamation_mark.png");
    --v-mark: url("https://img.ozmailer.com/ozmailer/inc/v_mark.png");
    --x-button-24: url("https://img.ozmailer.com/ozmailer/inc/button_x_24.png");
}