/* p19 — 기아 개인사업자 차량 구입 : L9 풀블리드 배너+중앙 단일컬럼 / F2 Playfair Display+Nanum Myeongjo / HD3 / HR4(무차량) / CT5 / FT1 */
:root {
  --accent: #7C3010;
  --accent-text: #7C3010;
  --bg: #FDF7F3;
  --ink: #2A1608;
  --font-display: "Playfair Display", Georgia, serif;
  --font-body: "Nanum Myeongjo", "Noto Serif KR", Georgia, serif;
  --footer-bg: #23100A;
  --footer-text: #E3CBBE;
}

/* HD3 : 상단 얇은 안내바 + 아래 메뉴바(2단) */
.hd3-bar { background: var(--accent); color: #fff; text-align: center; font-size: 12.5px; padding: 6px 8px; }
.hd3-inner { display: flex; align-items: center; justify-content: space-between; height: 68px; }
.logotype { font-family: var(--font-display); font-weight: 700; font-size: 19px; text-decoration: none; color: var(--accent); }
.hd3-inner nav ul { display: flex; gap: 20px; list-style: none; margin: 0; padding: 0; }
.hd3-inner nav a { text-decoration: none; font-size: 14px; font-weight: 600; }
.hd3-inner nav a:hover { color: var(--accent); }
@media (max-width: 640px) { .hd3-inner nav ul { gap: 12px; flex-wrap: wrap; } }

/* HR4 : 차량 사진 슬라이드쇼 배경(.hero-slideshow는 base.css 공통 정의) + 상단 텍스트 + 하단 와이드 밴드 */
.hero { position: relative; overflow: hidden; background: var(--ink); }
.hero-top { position: relative; z-index: 1; padding-block: clamp(40px, 7vw, 72px) 24px; text-align: center; }
.hero-top h1 { font-size: clamp(30px, 4.4vw, 46px); color: #fff; text-shadow: 0 2px 12px rgba(0,0,0,.55); }
.hero-lede { font-size: 17px; color: #F3E8DF; max-width: 58ch; margin: 0 auto 1.4em; text-shadow: 0 2px 10px rgba(0,0,0,.5); }
.hero-band { position: relative; z-index: 1; background: var(--accent); padding-block: 24px; }
.hero-band-inner { display: flex; justify-content: flex-start; }
.hero-band-inner img { width: 110px; height: 110px; border-radius: 8px; object-fit: cover; border: 3px solid #fff; }

/* L9 : 풀블리드 배너 + 중앙 단일 컬럼 */
.l9-banner { background: var(--accent); color: #fff; padding-block: clamp(24px, 4vw, 36px); }
.l9-banner p { margin: 0; text-align: center; font-size: 15.5px; max-width: 62ch; margin-inline: auto; }
.l9-column { }
.l9-single { max-width: 680px; margin-inline: auto; }
.l9-single h2 { font-size: clamp(21px, 2.6vw, 27px); margin-bottom: .6em; }
.l9-single p { font-size: 15.5px; color: #4A2E1D; }
.section--muted { background: #F6E9E0; }

.qa-list { display: grid; gap: 16px; margin-top: 8px; }
.qa-item h3 { font-size: 16px; margin-bottom: 6px; }
.qa-item p { font-size: 14.5px; color: #4A2E1D; margin: 0; }

/* CT5 : 섹션 사이 얇은 인라인 CTA 라인 3회 + 본문 하단 3버튼 */
.ct5-inline { background: #F1DFD3; padding-block: 14px; text-align: center; }
.ct5-inline a { text-decoration: none; font-weight: 700; font-size: 14.5px; color: var(--accent); }
.ct5-inline a:hover { text-decoration: underline; }
.cta.ct5-final { background: var(--accent); color: #fff; padding-block: clamp(40px, 6vw, 64px); text-align: center; }
.cta.ct5-final h2 { color: #fff; font-size: clamp(20px, 2.6vw, 26px); }
.cta-buttons--center { justify-content: center; }
.ct5-final .btn-outline { border-color: #fff; color: #fff; }
.ct5-final .btn-solid { background: #fff; color: var(--accent); }

/* FT1 : 3단 그리드 */
.footer-grid { display: grid; gap: 28px; grid-template-columns: 1fr; }
@media (min-width: 800px) { .footer-grid { grid-template-columns: 1.2fr 1fr 1.4fr; } }
.footer-links p { margin: 0 0 8px; }