/* ============================================================
   보니하니 보험 공통 서브페이지 (bng-subpage)
   - 홈 섹션을 개별 페이지로 추출할 때 공통 히어로/CTA 스타일
   ============================================================ */
.bng-subpage { background: #ffffff; }

.bng-subhero {
    background: #f4f6fa;
    border-bottom: 1px solid #e8eaef;
    padding: 52px 16px 46px;
    text-align: center;
}
.bng-subhero h1 {
    margin: 0 0 10px;
    font-size: 34px;
    font-weight: 800;
    color: #1a2233;
    letter-spacing: -0.02em;
}
.bng-subhero p {
    margin: 0;
    font-size: 16px;
    color: #5b6474;
}
.bng-subhero .bng-crumb {
    display: block;
    margin-top: 14px;
    font-size: 13px;
    color: #8a90a0;
}
.bng-subhero .bng-crumb a { color: #8a90a0; text-decoration: none; }
.bng-subhero .bng-crumb a:hover { color: #1a2233; }

/* 섹션 여백 보정: 추출 섹션이 페이지 단독으로도 자연스럽게 */
.bng-subpage > section { padding-bottom: 48px; }

/* 하단 상담 CTA */
.bng-cta {
    background: #1a2233;
    padding: 56px 16px;
    text-align: center;
}
.bng-cta h2 {
    margin: 0 0 8px;
    font-size: 26px;
    font-weight: 800;
    color: #ffffff;
}
.bng-cta p {
    margin: 0 0 24px;
    font-size: 15px;
    color: #aeb6c6;
}
.bng-cta .bng-cta-btns {
    display: flex;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
}
.bng-cta a {
    display: inline-block;
    padding: 14px 34px;
    border-radius: 999px;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
}
.bng-cta .bng-cta-primary {
    background: var(--bng-accent, #1d4ed8);
    color: #ffffff;
}
.bng-cta .bng-cta-tel {
    background: #ffffff;
    color: #1a2233;
}
.bng-cta a:hover { opacity: .9; }

@media (max-width: 767px) {
    .bng-subhero { padding: 38px 14px 34px; }
    .bng-subhero h1 { font-size: 26px; }
    .bng-cta h2 { font-size: 21px; }
}