/* p71 — 카마스터 당일 상담 신청 방법 : 시간대 흐름표형 / F6 Bebas Neue+Pretendard / HD3 / HR(오버레이 중앙텍스트) / CT5 / FT3 */
:root {
  --accent: #3F587B;
  --accent-text: #2E415C;
  --bg: #F2F5FA;
  --ink: #1A1F26;
  --font-display: "Bebas Neue", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: "Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, "Malgun Gothic", sans-serif;
  --footer-bg: #10141A;
  --footer-text: #C9D4E3;
}

/* HD3 : 상단 얇은 안내바 + 아래 메뉴바(2단) */
.hd3-bar { background: var(--accent); color: #fff; font-size: 12.5px; text-align: center; padding: 6px 12px; letter-spacing: .02em; }
.site-header { border-bottom: 1px solid #CED8E7; background: #fff; }
.hd3-inner { display: flex; align-items: center; justify-content: space-between; height: 66px; }
.logotype { font-family: var(--font-display); font-weight: 400; font-size: 22px; letter-spacing: .03em; text-decoration: none; color: var(--accent-text); }
.site-header nav ul { display: flex; gap: 18px; list-style: none; margin: 0; padding: 0; }
.site-header nav a { text-decoration: none; font-size: 14px; font-weight: 700; }
.site-header nav a:hover { color: var(--accent-text); }
@media (max-width: 640px) { .site-header nav ul { gap: 10px; flex-wrap: wrap; } }

/* 히어로 : 배경 이미지 오버레이 + 중앙 텍스트, 프로필 하단 중앙 */
.hero { position: relative; overflow: hidden; padding-block: clamp(52px, 9vw, 100px); background: var(--ink); }
.hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(26,31,38,.55), rgba(26,31,38,.92)); z-index: 0; }
.hero-inner { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 16px; }
.hero-copy h1 { font-family: var(--font-display); letter-spacing: .02em; font-size: clamp(30px, 5vw, 48px); color: #fff; }
.hero-lede { font-size: 16.5px; color: #D4DEEC; max-width: 58ch; }
.hero-visual { order: 3; }
.hero-visual img { width: 108px; height: 108px; border-radius: 50%; object-fit: cover; border: 3px solid var(--accent); }

/* 시간대 표 */
.body-table-wrap { overflow-x: auto; margin: 22px 0; }

/* CT5 : 얇은 인라인 CTA 라인 3회 반복 + 하단 3버튼 */
.cta-line { background: #EAEFF7; border-top: 1px solid #CED8E7; border-bottom: 1px solid #CED8E7; padding-block: 16px; text-align: center; margin-block: 8px; }
.cta-line a { color: var(--accent-text); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.cta-final { background: var(--accent); padding-block: clamp(40px, 6vw, 60px); text-align: center; }
.cta-final h2 { color: #fff; font-size: clamp(20px, 2.6vw, 26px); }
.cta-buttons--center { justify-content: center; }
.cta-final .btn-outline { border-color: #fff; color: #fff; }
.cta-final .btn-solid { background: #fff; color: var(--accent-text); }

/* FAQ 아코디언 */
.faq-item { border: 1px solid #CED8E7; border-radius: 10px; background: #fff; margin-bottom: 12px; }
.faq-item summary { list-style: none; cursor: pointer; padding: 16px 20px; font-weight: 700; font-size: 15.5px; color: var(--ink); }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after { content: "+"; float: right; color: var(--accent-text); font-weight: 700; }
.faq-item[open] summary::after { content: "−"; }
.faq-item p { padding: 0 20px 18px; margin: 0; font-size: 14.5px; color: #283240; }

/* FT3 : 중앙정렬 1단 세로스택 */
.footer-grid { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; }
.footer-links { display: flex; gap: 14px; flex-wrap: wrap; justify-content: center; }
.footer-links p { margin: 0; }