/* p23 — K5 카마스터 : L3 우이미지·좌텍스트(무차량은 장식SVG로 대체) / F9 DM Sans+Pretendard / HD3 / HR3(무차량) / CT2 / FT2 */
:root {
  --accent: #0D9488;
  --accent-text: #0B7A70;
  --bg: #F2FBFA;
  --ink: #0F2A27;
  --font-display: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: "Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, "Malgun Gothic", sans-serif;
  --footer-bg: #0A211E;
  --footer-text: #C3DEDA;
}

/* HD3 : 상단 얇은 안내바 + 아래 메뉴바(2단) */
.hd3-bar { background: var(--accent); color: #fff; font-size: 13px; }
.hd3-bar-inner { display: flex; justify-content: space-between; padding-block: 6px; }
.hd3-bar-inner a { color: #fff; text-decoration: underline; text-underline-offset: 2px; }
.hd3-menu { display: flex; align-items: center; justify-content: space-between; height: 68px; flex-wrap: wrap; gap: 10px; }
.logotype { font-family: var(--font-display); font-weight: 700; font-size: 18px; text-decoration: none; color: var(--accent-text); }
.site-header nav ul { display: flex; gap: 20px; list-style: none; margin: 0; padding: 0; flex-wrap: wrap; }
.site-header nav a { text-decoration: none; font-size: 14px; font-weight: 700; color: var(--ink); }
.site-header nav a:hover { color: var(--accent-text); }

/* HR3(무차량) : 어두운 배경 대신 accent 그라디언트 + 중앙텍스트, 프로필 하단중앙 */
.hero.hr3--no-car {
  background: linear-gradient(150deg, var(--accent) 0%, #0B6E64 100%);
  color: #fff; text-align: center; padding-block: clamp(52px, 10vw, 100px);
}
.hero-inner { display: flex; flex-direction: column; align-items: center; gap: 20px; }
.hero-copy, .hero-inner h1 { color: #fff; }
.hero-inner h1 { font-size: clamp(30px, 4.6vw, 48px); }
.hero-lede { font-size: 17px; max-width: 56ch; opacity: .95; }
.hero-profile {
  width: 120px; height: 120px; border-radius: 50%; object-fit: cover; border: 3px solid #fff; margin-top: 8px;
}

/* L3 : 우이미지·좌텍스트(무차량 페이지는 장식 SVG로 대체), 전 섹션 동일방향 */
.section--muted { background: #E3F5F2; }
.l3-wrap { display: grid; gap: 28px; align-items: center; }
.l3-text h2 { font-size: clamp(20px, 2.6vw, 27px); margin-bottom: .5em; }
.l3-text p { color: #2E4D48; font-size: 15px; }
.l3-graphic { display: flex; justify-content: center; }
@media (min-width: 760px) {
  .l3-wrap { grid-template-columns: 1.15fr 0.85fr; }
}

/* CT2 : 카드형 박스 중앙 + 버튼 3개 가로 */
.cta.ct2 { padding-block: clamp(40px, 6vw, 68px); }
.ct2-card {
  max-width: 640px; margin: 0 auto; background: #fff; border-radius: 16px; padding: clamp(28px, 5vw, 44px);
  text-align: center; box-shadow: 0 10px 34px rgba(13,148,136,.16);
}
.ct2-card h2 { font-size: clamp(19px, 2.4vw, 24px); color: var(--ink); }
.cta-buttons--center { justify-content: center; }

/* FT2 : 2단(좌 사업자정보+고지문 / 우 페이지링크) */
.footer-grid2 { display: grid; gap: 24px; grid-template-columns: 1fr; }
@media (min-width: 700px) { .footer-grid2 { grid-template-columns: 1.6fr 1fr; } }
.footer-left .footer-disclaimer { margin-top: 14px; }
.footer-links p { margin: 0 0 8px; }