/* ─── 공통 브레드크럼 ─── */
.page-breadcrumb {
    font-size: 13px;
    color: #666;
    margin-top: 8px;
    margin-bottom: 14px;
}
.page-breadcrumb a,
.page-breadcrumb a:link,
.page-breadcrumb a:visited {
    color: #666 !important;
    text-decoration: none !important;
}
.page-breadcrumb a:hover {
    color: #0d6efd !important;
    text-decoration: none !important;
}
.page-breadcrumb .sep {
    margin: 0 4px;
    color: #adb5bd;
}

/* ─── 공통 히어로 섹션 (Cbt, Events 등 스페셜 페이지) ─── */
.page-hero-section {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #fff;
    padding: 36px 24px;
    border-radius: 16px;
    margin-bottom: 32px;
    text-align: center;
    box-shadow: 0 8px 24px rgba(102, 126, 234, .28);
}

.page-hero-section h2 {
    font-size: 26px;
    font-weight: 700;
    margin: 0 0 8px;
    letter-spacing: -.01em;
}

.page-hero-section p {
    font-size: 14px;
    opacity: .88;
    margin: 0;
}

@media (max-width: 767px) {
    .page-hero-section { padding: 24px 16px; margin-bottom: 20px; }
    .page-hero-section h2 { font-size: 20px; }
    .page-hero-section p { font-size: 13px; }
}