/* Unified layout adapted from seltoslowcreditrentcar.pages.dev */
body.kr-unified{--paper:#fff;--ink:#1a2233;--line:#e7ebf3;--accent:#504aae;--accent-dark:#3e3a88;--accent-tint:#f1f1f9;background:#fff;color:#1a2233;font-family:'SUITE Variable',sans-serif}
body.kr-unified .site-header{height:82px;background:#f1e3c4;display:flex;position:relative;padding:0 max(28px,calc((100vw - 1320px)/2));border:0}
body.kr-unified .site-header .brand{position:absolute;left:50%;transform:translateX(-50%);z-index:2}body.kr-unified .site-header .brand img{width:195px;filter:none}
body.kr-unified .site-header nav{display:flex;width:100%;margin:0;justify-content:space-between;gap:20px;padding-right:0;font-size:14px}
body.kr-unified .site-header nav a:nth-child(3){margin-right:240px}body.kr-unified .header-phone{display:none}
body.kr-unified .news-section{background:#fff;padding:28px max(24px,calc((100vw - 1320px)/2)) 38px}
body.kr-unified .news-heading h2{font-size:20px}body.kr-unified .news-card{display:block;flex:0 0 250px;padding:0;border:1px solid #e6e9f0;border-radius:16px;box-shadow:0 4px 14px #141e3c12;overflow:hidden;background:#fff;transition:transform .15s}
body.kr-unified .news-card:hover{transform:translateY(-4px)}body.kr-unified .news-card img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}
body.kr-unified .news-card>span{display:flex;padding:14px;font-size:15px;line-height:1.4;gap:8px;text-align:center;align-items:center}body.kr-unified .news-card[aria-current]{outline:2px solid var(--accent);outline-offset:-2px}
body.kr-unified .hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:60px;align-items:center;background:#192c32;min-height:650px;padding:70px max(40px,calc((100vw - 1200px)/2));color:#fff}
.kr-hero-media{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}.kr-hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#000b,#0005)}
body.kr-unified .hero h1{color:#fff;font-size:clamp(36px,4vw,58px);max-width:18ch;line-height:1.22;letter-spacing:-.04em}body.kr-unified .hero-description{color:#fff;font-size:18px;line-height:1.8;max-width:650px}
body.kr-unified .hero-copy{padding:26px 0}.kr-unified .hero-copy .eyebrow{color:#fff}.kr-unified .hero-note{color:#fff9!important}.kr-unified .hero .text-link{color:#fff}
body.kr-unified .hero-visual{display:none}.kr-hero-consult{padding:28px;background:#fff;border-radius:18px;color:#3e2b2c;box-shadow:0 12px 30px #0002}.kr-hero-consult h2{font-size:23px;margin-bottom:22px}.kr-hero-consult .form-fields{gap:14px}.kr-hero-consult .form-fields label{font-size:13px}.kr-hero-consult .form-fields input{padding:12px 16px;min-height:48px;font-size:16px;background:#f7f7f7;border:1px solid #e3e3e3;margin-top:6px}.kr-hero-consult .form-bottom{margin-top:20px}.kr-hero-consult .form-note{display:none}.kr-hero-consult .button{width:100%}.kr-hero-consult .consent{font-size:11px}.kr-hero-toggle{position:absolute;bottom:18px;left:24px;color:#fff;background:#0008;border:1px solid #fff8;border-radius:30px;padding:8px 16px;font:inherit;font-size:13px}
body.kr-unified .button{background:var(--accent);color:white;border-color:var(--accent);border-radius:12px}body.kr-unified .button:hover{background:var(--accent-dark)}
.kr-reference-kick{background:linear-gradient(90deg,var(--accent),var(--accent-dark));padding:20px 24px;text-align:center;color:#fff}.kr-reference-kick a{display:inline-block;border-radius:99px;background:#fff;color:var(--accent-dark);padding:10px 24px;margin-left:18px;font-weight:800}
.kr-vehicle-comparison{padding:76px max(24px,calc((100vw - 1200px)/2));background:#fff}.kr-vehicle-comparison h2{text-align:center;font-size:32px;margin-bottom:12px}.kr-vehicle-comparison>p{text-align:center;margin-bottom:36px;color:#657084}.kr-vehicle-tabs{display:flex;justify-content:center;gap:12px;margin:24px 0 36px}.kr-vehicle-tabs button{border:0;border-bottom:2px solid transparent;padding:10px 18px;background:#fff;color:#666;font:inherit}.kr-vehicle-tabs button[aria-pressed=true]{color:#3e2b2c;border-color:#3e2b2c;font-weight:800}
.kr-vehicle-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 24px}.kr-vehicle-grid article{min-width:0}.kr-vehicle-grid h3{font-size:20px;margin:8px 0}.kr-vehicle-grid small{color:#888}.kr-vehicle-grid img{width:100%;aspect-ratio:1.5;object-fit:contain}.kr-vehicle-grid a{display:inline-block;margin:12px 0;font-size:14px;font-weight:700}.kr-vehicle-grid article[hidden]{display:none}
body.kr-unified .section{padding:76px max(24px,calc((100vw - 1200px)/2));background:#fff;color:#1a2233}body.kr-unified .section h2{color:#1a2233;font-size:32px}body.kr-unified .section h3{color:#1a2233}body.kr-unified .section p{color:#4a5468}
body.kr-unified .reference-editorial{background:#f8f8f8;gap:60px}body.kr-unified .reference-editorial img{border-radius:0}
body.kr-unified .flow-section{display:block;background:var(--accent-tint)}.kr-unified .flow-section>div{text-align:center}.kr-unified .flow-section ol{display:grid;gap:20px;margin-top:36px;padding:0}
body.kr-unified .flow-section li{display:flex;gap:30px;align-items:center;background:#fff;border:1px solid #e7ebf3;border-radius:18px;padding:22px;box-shadow:0 6px 22px #141e3c0d}.kr-unified .flow-section li:nth-child(even){flex-direction:row-reverse}.kr-unified .flow-section li>img{width:260px;flex:0 0 260px;aspect-ratio:1;border-radius:14px;object-fit:contain}.kr-unified .flow-section li>span{display:none}.kr-unified .flow-section h3{font-size:23px;margin-bottom:14px}.kr-unified .flow-section p{line-height:1.85}
body.kr-unified .focus-grid article{border:1px solid #e7ebf3;border-radius:16px;padding:25px;background:#fff}.kr-unified .focus-grid b{color:var(--accent)}
body.kr-unified .consult{background:#f1e3c4}.kr-unified .consult input:not([type=checkbox]){background:#fff;padding:16px 18px}.kr-unified .consult .button{background:#3e2b2c}
body.kr-unified .reference-film.secondary{min-height:480px}.kr-unified .site-footer{background:#000;color:#fff}.kr-unified .site-footer .brand img{filter:brightness(0) invert(1)}
body.kr-unified .document-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:55px}.kr-unified .document h2{font-size:27px}.kr-unified .document h3{color:var(--accent-dark)}.kr-unified .document-aside nav a:hover{color:var(--accent-dark)}
@media(max-width:1050px){body.kr-unified .site-header .brand{position:static;transform:none}body.kr-unified .site-header nav{width:auto;margin-left:auto}body.kr-unified .site-header nav a:nth-child(3){margin-right:0}body.kr-unified .hero{gap:28px;padding:40px 28px;grid-template-columns:minmax(0,1.2fr) minmax(280px,1fr)}.kr-vehicle-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){body.kr-unified .site-header{height:72px;padding:0 22px}body.kr-unified .site-header .brand img{width:165px}body.kr-unified .site-header nav{display:none;width:100%;margin:0;background:#f1e3c4}body.kr-unified .site-header nav.open{display:flex}body.kr-unified .news-card{flex-basis:64vw}body.kr-unified .hero{display:flex;flex-direction:column;align-items:stretch;gap:24px;padding:40px 24px;min-height:0}body.kr-unified .hero h1{font-size:36px;max-width:none}.kr-hero-consult{padding:24px}.kr-hero-toggle{position:static;align-self:flex-start}.kr-reference-kick a{margin:14px 0 0}.kr-reference-kick{font-size:14px}.kr-vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.kr-vehicle-tabs{gap:0}.kr-vehicle-tabs button{padding:10px 14px}.kr-vehicle-comparison h2{font-size:25px}body.kr-unified .section{padding:48px 24px}body.kr-unified .section h2{font-size:27px}body.kr-unified .flow-section li,body.kr-unified .flow-section li:nth-child(even){flex-direction:column;align-items:stretch;gap:20px;padding:18px}.kr-unified .flow-section li>img{width:100%;flex:auto;max-width:320px;align-self:center}body.kr-unified .document-layout{display:block}.kr-unified .reference-film.secondary{min-height:380px}}

body.kr-unified .flow-section li>img{height:auto;max-height:320px}body.kr-unified .flow-section li{min-height:0}

@media(min-width:1051px){body.kr-unified .site-header nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 250px repeat(3,minmax(0,1fr));align-items:center;text-align:center;gap:16px}body.kr-unified .site-header nav a:nth-child(3){margin-right:0}body.kr-unified .site-header nav a:nth-child(4){grid-column:5}body.kr-unified .site-header nav a:nth-child(5){grid-column:7}}
/* 9-15 수정: pop 템플릿의 박스형 히어로(site.css body.pop .hero margin-inline)가 통일 레이아웃의 좌우 여백과 겹쳐 제목 칸이 240px 로 줄던 문제 → 다른 9종과 같은 전체폭 */
body.kr-unified.pop .hero{margin-inline:0;border-radius:0}
/* == kr-process (9-15 진행순서 섹션) == */
body.kr-unified .kr-process{display:block;background:#faf7f2;padding:84px 24px}
.kr-process-head{max-width:760px;margin:0 auto 52px;text-align:center}
.kr-process-head .eyebrow{color:var(--accent,#3e2b2c)}
.kr-process-head h2{font-size:34px;line-height:1.3;margin:0 0 12px;letter-spacing:-.02em}
.kr-process-head p{font-size:17px;line-height:1.8;color:#5d504c;margin:0}
.kr-steps{list-style:none;margin:0 auto;padding:0;max-width:1200px;display:grid;gap:36px}
.kr-step{display:flex;align-items:center;gap:56px;padding:40px;background:#fff;border-radius:22px;border:2px solid color-mix(in srgb,var(--accent,#3e2b2c) 42%,#fff);box-shadow:0 12px 32px color-mix(in srgb,var(--accent,#3e2b2c) 10%,transparent);transition:transform .35s ease,box-shadow .35s ease}
.kr-step:hover{transform:translateY(-6px);box-shadow:0 22px 44px color-mix(in srgb,var(--accent,#3e2b2c) 18%,transparent)}
.kr-step:nth-child(even){flex-direction:row-reverse}
.kr-step-media{flex:0 0 40%;max-width:40%;aspect-ratio:1/1;border-radius:18px;overflow:hidden;background:#f1e3c4}
.kr-step-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.kr-step:hover .kr-step-media img{transform:scale(1.05)}
.kr-step-body{flex:1;display:flex;flex-direction:column;gap:18px;min-width:0}
.kr-step-no{display:inline-flex;align-items:center;padding:8px 20px;border-radius:50px;background:linear-gradient(135deg,var(--accent,#3e2b2c),color-mix(in srgb,var(--accent,#3e2b2c) 70%,#000));color:#fff;font-size:14px;font-weight:700;letter-spacing:.1em;width:fit-content;font-variant-numeric:tabular-nums}
.kr-step-body h3{font-size:28px;line-height:1.4;margin:0;letter-spacing:-.02em;color:#241c1b}
.kr-step-body h3 span{color:var(--accent,#3e2b2c)}
.kr-step-body p{font-size:16px;line-height:1.8;color:#665a56;margin:0}
.kr-step-badge{display:inline-flex;padding:12px 20px;border-radius:10px;background:var(--accent,#3e2b2c);color:#fff;font-size:14px;font-weight:600;width:fit-content}
.kr-process-more{display:block;text-align:center;margin-top:40px}
@media(max-width:900px){.kr-step,.kr-step:nth-child(even){flex-direction:column;gap:26px;padding:28px 20px;align-items:stretch}.kr-step-media{max-width:320px;width:100%;flex:auto;margin:0 auto}.kr-step-body{text-align:center;align-items:center}.kr-step-body h3{font-size:22px}.kr-process-head h2{font-size:26px}body.kr-unified .kr-process{padding:56px 20px}}
@media(prefers-reduced-motion:reduce){.kr-step,.kr-step-media img{transition:none}.kr-step:hover{transform:none}}
/* == 9-15 모바일 줄바꿈 균형 == */
body.kr-unified h1,body.kr-unified h2,body.kr-unified h3,body.kr-unified .kr-process-head h2{text-wrap:balance;word-break:keep-all;overflow-wrap:anywhere}
body.kr-unified p,body.kr-unified .hero-description,body.kr-unified .kr-process-head p,body.kr-unified .news-note,body.kr-unified figcaption,body.kr-unified li{text-wrap:pretty;word-break:keep-all;overflow-wrap:anywhere}
@media(max-width:900px){.kr-step-body h3 br{display:none}.kr-step-body h3 span{display:inline}}
@media(max-width:700px){body.kr-unified .hero h1 br{display:none}}
/* == 9-15 전화 버튼 문구(PC 번호 · 모바일 전화 상담 하기) == */
.ph-mo{display:none}
.kr-dialog-phone{display:flex;align-items:center;justify-content:center;min-height:52px;margin-top:12px;border-radius:12px;background:#fff;color:var(--accent,#3e2b2c);border:2px solid var(--accent,#3e2b2c);text-decoration:none;font-size:16px;font-weight:800;padding:0 18px}
@media(max-width:700px){.ph-pc{display:none}.ph-mo{display:inline}
 .consult-phone{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;border-radius:12px;background:var(--accent,#3e2b2c);color:#fff;font-size:16px;font-weight:800;margin-top:16px;text-decoration:none}}
/* == 9-15 하위쪽 카드뉴스 대표·섹션 이미지 == */
.doc-rep,.doc-fig{margin:0 0 30px}
.doc-rep img,.doc-fig img{display:block;width:100%;max-width:520px;height:auto;border-radius:16px;box-shadow:0 10px 28px #0000000f}
.doc-rep{margin:34px 0 8px}
.document>section .doc-fig{margin:18px 0 26px}
@media(max-width:700px){.doc-rep img,.doc-fig img{max-width:100%}}