/* p35 — EV9 카마스터 : L5 넘버링 스텝 아코디언 / F4 Space Grotesk+IBM Plex Sans KR / HD3 / HR5(무차량) / CT7 / FT2 */
:root {
  --accent: #3730A3;
  --accent-text: #2C2582;
  --bg: #F6F6FD;
  --ink: #1C1A33;
  --font-display: "Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: "IBM Plex Sans KR", -apple-system, BlinkMacSystemFont, "Malgun Gothic", sans-serif;
  --footer-bg: #1C1A33;
  --footer-text: #C9C7E8;
}

/* HD3 : 상단 얇은 안내바 + 아래 메뉴바(2단) */
.topbar { background: var(--accent); color: #fff; font-size: 12.5px; padding-block: 6px; text-align: center; }
.site-header { background: var(--bg); border-bottom: 1px solid #E1E0F5; }
.hd3-inner { display: flex; align-items: center; justify-content: space-between; height: 68px; }
.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; }
.site-header nav a { text-decoration: none; font-size: 14px; font-weight: 600; }
.site-header nav a:hover { color: var(--accent-text); }
@media (max-width: 640px) { .site-header nav ul { gap: 12px; flex-wrap: wrap; } }

/* HR5(무차량) : 프로필 단독 그리드, 텍스트는 위 */
.hero { padding-block: clamp(48px, 9vw, 92px); text-align: center; }
.hero-inner { display: grid; gap: 22px; justify-items: center; }
.hero-copy h1 { font-size: clamp(30px, 4.4vw, 46px); color: var(--ink); }
.hero-lede { font-size: 17px; color: #4A4870; max-width: 56ch; margin: 0; }
.hero-visual img { width: 176px; height: 176px; border-radius: 20px; object-fit: cover; border: 3px solid var(--accent); }

/* L5 : 넘버링 스텝 아코디언 */
.section--muted { background: #ECEBFA; }
.accordion { display: grid; gap: 12px; }
.accordion details { background: #fff; border: 1px solid #E1E0F5; border-radius: 12px; padding: 6px 20px; }
.accordion summary { cursor: pointer; font-weight: 700; padding: 14px 0; list-style: none; display: flex; align-items: center; gap: 12px; }
.accordion summary::-webkit-details-marker { display: none; }
.accordion summary::after { content: "+"; margin-left: auto; font-size: 20px; color: var(--accent); }
.accordion details[open] summary::after { content: "−"; }
.accordion p { margin: 0 0 16px; font-size: 14.5px; color: #4A4870; }
.acc-no {
  display: inline-flex; align-items: center; justify-content: center;
  width: 24px; height: 24px; border-radius: 50%; background: var(--accent); color: #fff;
  font-size: 13px; flex-shrink: 0;
}

/* CT7 : 아웃라인 보더박스, 배경 투명 */
.cta.ct7 { padding-block: clamp(40px, 6vw, 64px); }
.cta-box { border: 2px solid var(--accent); border-radius: 18px; padding: clamp(28px, 5vw, 48px); text-align: center; }
.cta.ct7 h2 { font-size: clamp(20px, 2.6vw, 26px); color: var(--ink); }
.cta-buttons--center { justify-content: center; }
.ct7 .btn-outline { border-color: var(--accent); color: var(--accent-text); }

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