/* p02 — 기아 영업사원 : L2 좌이미지·우텍스트(동일방향 반복, 이미지 자리는 넘버 마크로 대체) / F2 Playfair Display+Nanum Myeongjo / HD2 / HR2(무차량) / CT2 / FT2 */
:root {
  --accent: #14524A;
  --accent-text: #14524A;
  --bg: #F7F9F8;
  --ink: #1B231F;
  --font-display: "Do Hyeon", "Gothic A1", sans-serif;
  --font-body: "Gothic A1", -apple-system, BlinkMacSystemFont, "Malgun Gothic", sans-serif;
  --footer-bg: #0E2B25;
  --footer-text: #C9D8D2;
}
body { font-weight: 400; }

/* HD2 : 중앙 로고타입 + 하단 중앙 메뉴(2단) */
.site-header { border-bottom: 1px solid #DCE5E1; }
.hd2-inner { display: flex; flex-direction: column; align-items: center; gap: 10px; padding-block: 18px; }
.logotype { font-family: var(--font-display); font-weight: 700; font-size: 19px; text-decoration: none; color: var(--accent); }
.site-header nav ul { display: flex; gap: 20px; list-style: none; margin: 0; padding: 10px 0 0; border-top: 1px solid #E4EBE8; flex-wrap: wrap; justify-content: center; }
.site-header nav a { text-decoration: none; font-size: 14px; font-weight: 600; color: var(--ink); }
.site-header nav a:hover { color: var(--accent); }

/* HR2 : 차량 사진 슬라이드쇼 배경(.hero-slideshow는 base.css 공통 정의) + 텍스트, 프로필은 겹침 프레임 */
.hero { position: relative; overflow: hidden; padding-block: clamp(48px, 9vw, 92px); background: var(--ink); }
.hero-inner { display: grid; gap: 40px; justify-items: center; text-align: center; }
.hero-copy h1 { font-size: clamp(30px, 4.6vw, 48px); color: #fff; text-shadow: 0 2px 12px rgba(0,0,0,.55); }
.hero-lede { font-size: 17px; color: #E7EAEE; max-width: 58ch; margin: 0 auto 1.4em; text-shadow: 0 2px 10px rgba(0,0,0,.5); }
.hero-visual-frame { position: relative; width: 220px; margin: 0 auto; }
.hero-visual-frame::before {
  content: ""; position: absolute; inset: 14px -14px -14px 14px;
  background: var(--accent); opacity: .16; border-radius: 18px; z-index: 0;
}
.hero-visual-frame img { position: relative; z-index: 1; width: 220px; height: 220px; object-fit: cover; border-radius: 18px; }

/* L2 : 좌 넘버마크 · 우 텍스트, 전 섹션 동일 방향 */
.section--muted { background: #EFF3F1; }
.l2-row { display: grid; gap: 20px; grid-template-columns: 1fr; align-items: start; }
.l2-mark {
  font-family: var(--font-display); font-weight: 700; font-size: 40px; color: var(--accent);
  opacity: .5; line-height: 1;
}
.l2-copy p { color: #3C463F; font-size: 15.5px; }
.l6-gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); gap: 14px; margin-top: 20px; }
.l6-gallery picture { display: block; aspect-ratio: 4/3; overflow: hidden; border-radius: 10px; }
.l6-gallery picture img { width: 100%; height: 100%; object-fit: cover; display: block; }
@media (min-width: 720px) {
  .l2-row { grid-template-columns: 96px 1fr; gap: 32px; }
  .l2-mark { font-size: 52px; }
}

/* CT2 : 카드형 박스 중앙 + 버튼 3개 가로 */
.cta.ct2 { padding-block: clamp(48px, 7vw, 80px); }
.ct2-box {
  background: #fff; border: 1px solid #DCE5E1; border-radius: 16px;
  padding: clamp(28px, 5vw, 44px); text-align: center; max-width: 720px; margin: 0 auto;
}
.ct2-box h2 { font-size: clamp(20px, 2.6vw, 26px); margin-bottom: 20px; }
.cta-buttons--center { justify-content: center; }

/* FT2 : 좌 사업자정보+고지문 / 우 페이지링크 */
.ft2-grid { display: grid; gap: 28px; grid-template-columns: 1fr; }
@media (min-width: 720px) { .ft2-grid { grid-template-columns: 1.6fr 1fr; } }
.footer-left .footer-biz { margin-bottom: 16px; }
.footer-links p { margin: 0 0 8px; }