/* 서브 상단 비주얼 공통 */
.sub-visual {
    padding: 40px 0 26px;
    border-bottom: 1px solid #e5e7eb;
    background: linear-gradient(135deg, #0f172a, #1f2937);
    color: #f9fafb;
}

.sub-visual .sub-visual-inner {
    padding: 8px 0 6px;
}

.sub-visual-title {
    margin: 0;
    font-size: 24px;
    font-weight: 600;
}

.sub-visual-desc {
    margin: 8px 0 0;
    font-size: 13px;
    color: #e5e7eb;
    max-width: 620px;
}

/* 필요하면 페이지별로 배경 이미지를 다르게 */
.sub-visual--policy-email {
    background: linear-gradient(135deg, #111827, #1f2937),
                url('/images/sub/policy_email_bg.jpg') center/cover no-repeat;
    background-blend-mode: overlay;
}

.sub-visual--company-greeting {
    background: linear-gradient(135deg, #0f172a, #0b3a60),
                url('/images/sub/company_greeting_bg.jpg') center/cover no-repeat;
    background-blend-mode: overlay;
}

/* 반응형 */
@media (max-width: 640px) {
    .sub-visual {
        padding: 32px 0 20px;
    }
    .sub-visual-title {
        font-size: 20px;
    }
}