/* consult7: 20개 지역/직함 페이지 공용 스타일. [data-theme] 로 페이지별 색만 분기, 폰트는 사이트 기존 시스템 폰트 재사용(웹폰트 추가 없음). */
:root{--primary:hsl(0 62% 42%);--primary-dark:hsl(0 62% 24%);--accent:hsl(0 20% 92%);--ink:hsl(0 12% 14%);--sub:hsl(0 8% 38%);--bg:hsl(0 20% 99%);--line:hsl(0 15% 88%);--card:hsl(0 25% 97%);}
[data-theme="anyang-dongan-kia-sales"]{--primary:hsl(150 45% 28%);--primary-dark:hsl(150 55% 16%);--accent:hsl(150 20% 94%);}
[data-theme="anyang-manan-kia-carmaster"]{--primary:hsl(20 12% 26%);--primary-dark:hsl(20 20% 14%);--accent:hsl(14 45% 90%);}
[data-theme="pyeongchon-kia-sales"]{--primary:hsl(350 45% 32%);--primary-dark:hsl(350 55% 18%);--accent:hsl(0 20% 92%);}
[data-theme="beomgye-kia-carmaster"]{--primary:hsl(270 32% 42%);--primary-dark:hsl(270 45% 22%);--accent:hsl(270 15% 95%);}
[data-theme="indeogwon-kia-sales"]{--primary:hsl(184 45% 28%);--primary-dark:hsl(184 55% 15%);--accent:hsl(184 20% 93%);}
[data-theme="sanbon-kia-carmaster"]{--primary:hsl(70 32% 30%);--primary-dark:hsl(70 40% 16%);--accent:hsl(70 20% 94%);}
[data-theme="seoul-gwanak-kia-sales"]{--primary:hsl(300 22% 36%);--primary-dark:hsl(300 30% 18%);--accent:hsl(300 15% 94%);}
[data-theme="seoul-dongjak-kia-carmaster"]{--primary:hsl(30 40% 32%);--primary-dark:hsl(210 12% 18%);--accent:hsl(30 25% 93%);}
[data-theme="seoul-seocho-kia-sales"]{--primary:hsl(30 45% 30%);--primary-dark:hsl(20 15% 16%);--accent:hsl(30 25% 93%);}
[data-theme="seoul-yeongdeungpo-kia-carmaster"]{--primary:hsl(150 30% 26%);--primary-dark:hsl(150 40% 14%);--accent:hsl(150 20% 93%);}
[data-theme="seoul-yangcheon-kia-sales"]{--primary:hsl(350 40% 30%);--primary-dark:hsl(350 50% 17%);--accent:hsl(0 20% 95%);}
[data-theme="seoul-gangseo-kia-carmaster"]{--primary:hsl(175 45% 24%);--primary-dark:hsl(175 55% 13%);--accent:hsl(175 25% 93%);}
[data-theme="seongnam-kia-sales"]{--primary:hsl(335 35% 30%);--primary-dark:hsl(335 45% 16%);--accent:hsl(335 15% 95%);}
[data-theme="bundang-kia-carmaster"]{--primary:hsl(270 28% 24%);--primary-dark:hsl(270 40% 13%);--accent:hsl(270 20% 94%);}
[data-theme="pangyo-kia-sales"]{--primary:hsl(185 55% 22%);--primary-dark:hsl(150 55% 20%);--accent:hsl(150 25% 93%);}
[data-theme="yongin-kia-carmaster"]{--primary:hsl(5 40% 34%);--primary-dark:hsl(5 50% 18%);--accent:hsl(0 20% 94%);}
[data-theme="suji-kia-sales"]{--primary:hsl(110 22% 28%);--primary-dark:hsl(110 30% 15%);--accent:hsl(0 15% 95%);}
[data-theme="giheung-kia-carmaster"]{--primary:hsl(20 10% 22%);--primary-dark:hsl(38 65% 26%);--accent:hsl(38 25% 93%);}
[data-theme="gwangju-kia-sales"]{--primary:hsl(25 32% 30%);--primary-dark:hsl(25 45% 16%);--accent:hsl(0 20% 95%);}
[data-theme="gimpo-kia-carmaster"]{--primary:hsl(350 30% 30%);--primary-dark:hsl(350 40% 16%);--accent:hsl(350 20% 94%);}

*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Pretendard","Malgun Gothic",sans-serif;color:var(--ink);background:var(--bg);line-height:1.7;font-size:clamp(16px,1.2vw + 14px,17px);max-width:100%;overflow-x:hidden;}
a{color:var(--primary-dark);}
img{max-width:100%;display:block;}
.wrap{max-width:960px;margin:0 auto;padding:0 20px;}
:focus-visible{outline:3px solid var(--primary);outline-offset:2px;}
.skip-link{position:absolute;left:-999px;top:0;background:var(--primary);color:#fff;padding:10px 16px;z-index:100;}
.skip-link:focus{left:12px;top:12px;}
header{border-bottom:1px solid var(--line);background:var(--bg);position:sticky;top:0;z-index:10;}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;min-width:0;}
.brand{font-weight:700;text-decoration:none;color:var(--ink);display:flex;gap:8px;align-items:center;font-size:1.02rem;}
.brand-dot{width:10px;height:10px;border-radius:50%;background:var(--primary);display:inline-block;flex-shrink:0;}
.nav-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:6px;padding:8px 10px;min-width:44px;min-height:44px;}
.nav-menu{display:flex;gap:18px;list-style:none;margin:0;padding:0;}
.nav-menu a{text-decoration:none;color:var(--sub);font-size:.92rem;}
.hero{padding:44px 0 32px;background:linear-gradient(180deg,var(--accent),var(--bg));}
.hero .wrap{display:flex;flex-direction:column;gap:12px;min-width:0;}
.cat-label{font-size:.82rem;color:var(--primary-dark);font-weight:700;letter-spacing:.02em;}
h1{font-size:clamp(1.45rem,1rem + 1.5vw,2rem);margin:.2em 0;line-height:1.35;word-break:keep-all;}
.lead{color:var(--sub);max-width:640px;font-size:1rem;}
.btn{display:inline-block;min-height:44px;padding:11px 20px;border-radius:8px;text-decoration:none;font-weight:700;font-size:.92rem;text-align:center;}
.btn-primary{background:var(--primary);color:#fff;}
.btn-outline{background:transparent;border:1px solid var(--primary);color:var(--primary-dark);}
main{padding:8px 0 0;min-width:0;}
.content{padding:28px 0;}
.narrow{max-width:760px;margin:0 auto;padding:0 20px;min-width:0;}
h2{font-size:1.3rem;margin:1.5em 0 .5em;border-left:4px solid var(--primary);padding-left:12px;}
h3{font-size:1.02rem;margin:1.1em 0 .4em;color:var(--primary-dark);}
p{margin:.7em 0;overflow-wrap:anywhere;}
ul.plain{margin:.6em 0;padding-left:1.2em;}
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.2em 0;border:1px solid var(--line);border-radius:8px;}
.table-wrap table{border-collapse:collapse;width:100%;min-width:420px;font-size:.9rem;}
.table-wrap caption{text-align:left;font-weight:700;padding:10px 14px;background:var(--card);color:var(--primary-dark);}
.table-wrap th,.table-wrap td{padding:9px 14px;border-top:1px solid var(--line);text-align:left;}
.table-wrap th{background:var(--accent);}

/* 차량 사진 4장: 4:3, 데스크톱/태블릿 2x2, 모바일 1열 */
figure.veh-row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:1.4em 0;}
figure.veh-row .cell{margin:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--card);}
figure.veh-row img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block;}
figure.veh-row figcaption{font-size:.78rem;color:var(--sub);padding:6px 10px;}

/* 상담 진행 4단계 도식 */
ol.step-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
ol.step-flow li{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:14px;min-width:0;}
ol.step-flow .step-no{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--primary);color:#fff;font-weight:700;font-size:.85rem;margin-bottom:8px;}
ol.step-flow strong{display:block;margin:.2em 0;font-size:.95rem;}
ol.step-flow p{margin:.3em 0 0;font-size:.85rem;color:var(--sub);}

.faq{margin:0;}
.faq details{border:1px solid var(--line);border-radius:8px;padding:4px 14px;margin:10px 0;background:#fff;}
.faq summary{cursor:pointer;font-weight:700;padding:10px 0;min-height:44px;display:flex;align-items:center;}
.faq .a{color:var(--sub);margin:0 0 12px;}

nav.related{background:var(--card);padding:32px 0;}
nav.related h2{max-width:960px;margin:0 auto 16px;padding:0 20px;border:none;}
nav.related ul{max-width:960px;margin:0 auto;padding:0 20px;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;}
.related-card{display:block;background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px;text-decoration:none;color:var(--ink);min-height:44px;}
.related-card svg{width:20px;height:20px;color:var(--primary);}
.related-card strong{display:block;margin:.4em 0 .2em;font-size:.92rem;}
.related-card span{font-size:.78rem;color:var(--sub);}

.cta{padding:36px 20px;text-align:center;}
.cta-inner{max-width:640px;margin:0 auto;}
.phone-display{font-weight:700;font-size:1.05rem;margin:.4em 0;}
.phone-display a{color:var(--primary-dark);}
.cta-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:12px;}

footer.site-footer{background:hsl(0 8% 14%);color:hsl(0 6% 88%);padding:32px 0;}
footer.site-footer a{color:hsl(0 40% 78%);}
.footer-biz{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0 0 14px;font-size:.86rem;}
.footer-biz dt{color:hsl(0 6% 62%);}
.footer-biz dt::after{content:":";margin-right:4px;}
.footer-biz dd{margin:0;overflow-wrap:anywhere;}
.footer-notice{font-size:.78rem;color:hsl(0 6% 68%);max-width:680px;line-height:1.6;}
.footer-nav{display:flex;flex-wrap:wrap;gap:8px 16px;margin:14px 0;font-size:.8rem;}
.footer-copy{font-size:.76rem;color:hsl(0 6% 55%);margin-top:10px;}

.sec-label-left{display:grid;grid-template-columns:140px 1fr;gap:10px 18px;align-items:start;margin:1.2em 0;min-width:0;}
.sec-label-left .lbl{font-weight:700;color:var(--primary-dark);padding-top:.2em;}

.profile-intro{display:flex;gap:16px;align-items:center;margin:1.6em 0;padding:16px;background:var(--card);border:1px solid var(--line);border-radius:10px;}
.profile-intro img{width:88px;height:88px;object-fit:cover;border-radius:50%;flex-shrink:0;}
.profile-intro h2{margin:0 0 .3em;border:none;padding:0;font-size:1.1rem;}
.profile-intro p{margin:0;font-size:.92rem;color:var(--sub);}

@media (max-width:768px){
 .nav-toggle{display:inline-flex;align-items:center;justify-content:center;}
 .nav-menu{display:none;flex-direction:column;gap:0;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);}
 .nav-menu.open{display:flex;}
 .nav-menu a{padding:12px 20px;border-top:1px solid var(--line);}
 ol.step-flow{grid-template-columns:repeat(2,1fr);}
 .sec-label-left{grid-template-columns:1fr;}
}
@media (max-width:480px){
 figure.veh-row{grid-template-columns:1fr;}
 ol.step-flow{grid-template-columns:1fr;}
 .cta-buttons{flex-direction:column;}
 .cta-buttons .btn{width:100%;}
 .profile-intro{flex-direction:column;text-align:center;}
}
@media (prefers-reduced-motion: reduce){
 *{animation-duration:.01ms !important;transition-duration:.01ms !important;}
}
