/* redesign-v3.css */
@font-face{font-family:Pretendard;src:url('fonts/PretendardVariable-site-v3.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--navy:#07131a;--deep:#0b1b24;--orange:#f9732a;--paper:#f3f3f1;--ink:#18222b;--muted:#58636e;--line:#d9dddf;--reading:840px;--radius:16px;--header:80px;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:var(--ink);font:400 18px/1.8 Pretendard,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img,video{max-width:100%;display:block}svg{width:24px;height:24px;flex:0 0 24px}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance;letter-spacing:-.035em}h1{font-size:56px;line-height:1.2;font-weight:800}h2{font-size:40px;line-height:1.3;font-weight:750}h3{font-size:23px;line-height:1.4;font-weight:730}p{word-break:keep-all;overflow-wrap:anywhere}ul,ol{padding-left:1.3em}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #bf4817;outline-offset:5px}a,button{touch-action:manipulation}::selection{background:#ffd6bd;color:var(--navy)}[hidden]{display:none!important}
.wrap{width:min(1280px,calc(100% - 64px));margin-inline:auto}.reading{width:min(840px,calc(100% - 48px));margin-inline:auto}.section{padding:80px 0}.paper{background:var(--paper)}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.eyebrow{color:#a74013;font-size:15px;line-height:1.4;font-weight:750;margin-bottom:14px}.mini-label{font-size:14px;color:#a74013;font-weight:700;line-height:1.5}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:36px}.section-head h2{max-width:820px}.section-description{margin-top:16px;color:var(--muted);font-size:18px;max-width:740px}.text-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;white-space:nowrap;font-size:16px;font-weight:700;border-bottom:1px solid #9da7ad}.text-link svg{width:19px;height:19px;flex-basis:19px}.notice{padding:24px 28px;background:#f2f4f4;border-left:3px solid var(--orange);border-radius:0 12px 12px 0;color:var(--muted);font-size:16px}.meta{display:flex;flex-wrap:wrap;gap:8px 24px;color:var(--muted);font-size:14px}.breadcrumb{display:flex;flex-wrap:wrap;gap:12px;color:#66717a;font-size:14px;line-height:1.5;margin-bottom:24px}.breadcrumb>a:hover{text-decoration:underline}.breadcrumb>span:last-child{color:var(--ink)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;max-width:100%;padding:14px 28px;border-radius:12px;border:1px solid transparent;text-align:center;font-weight:750;font-size:17px;line-height:1.4;transition:background .15s,border-color .15s}.btn>span{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:0}.btn-primary{background:var(--orange);color:var(--navy)}.btn-primary:hover{background:#ff8d50}.btn-primary:active{background:#e8631e}.btn-dark{background:var(--navy);color:#fff}.btn-dark:hover{background:#163543}.btn-outline{border-color:#9aa6ad;color:var(--ink);background:transparent}.btn-outline:hover{background:#e9ecec}.btn-light{border-color:#ffffff78;color:#fff;background:#07131a36}.btn-light:hover{background:#ffffff1c}.btn[aria-disabled=true]{opacity:.5;pointer-events:none}.main-call{min-height:72px;font-size:18px;width:100%}.skip{position:fixed;left:20px;top:-100px;padding:10px;background:#fff;color:var(--navy);z-index:100}.skip:focus{top:10px}
.site-header{height:80px;background:var(--navy);color:#fff;position:relative;z-index:30;border-bottom:1px solid #ffffff15}.header-inner{height:100%;display:flex;align-items:center;gap:32px}.brand{display:inline-flex;align-items:center;flex:0 0 auto}.brand img{width:134px;height:auto}.main-menu{display:flex;align-items:center;justify-content:center;gap:30px;margin:auto}.main-menu>a{font-size:16px;font-weight:650;min-height:56px;display:flex;align-items:center;position:relative}.main-menu>a[aria-current]::after{content:'';height:3px;background:var(--orange);position:absolute;left:0;right:0;bottom:6px;border-radius:2px}.main-menu>a:hover{color:#ffa36e}.header-call{min-height:48px;font-size:16px;padding:10px 25px}.menu-toggle,.menu-contact{display:none!important}
.hero{position:relative;isolation:isolate;min-height:clamp(600px,76svh,840px);display:flex;align-items:center;background:#0c171c;color:#fff;overflow:hidden}.hero-image,.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;z-index:-3}.hero-video{opacity:0}.hero[data-playing=true] .hero-video{opacity:1}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(3,13,21,.8) 0%,rgba(3,13,21,.64) 36%,rgba(3,13,21,.18) 69%,rgba(3,13,21,.05) 100%),linear-gradient(0deg,#07131a3b,transparent 45%)}.hero-copy{padding:76px 0 100px;position:relative;max-width:750px}.hero .eyebrow{color:#ffae7b;margin-bottom:24px}.hero h1{font-size:clamp(56px,4.45vw,64px);line-height:1.18;max-width:720px;letter-spacing:-.055em}.hero-description{font-size:18px;line-height:1.8;color:#e2e9ec;max-width:560px;margin-top:26px}.hero-actions{display:flex;gap:14px;margin-top:32px;align-items:stretch}.hero-actions .btn{min-height:64px}.hero-controls{position:absolute;right:32px;bottom:28px;display:flex;align-items:center;gap:8px}.hero-controls button{width:44px;height:44px;display:grid;place-items:center;border:1px solid #ffffff6c;border-radius:10px;color:#fff;background:#07131a88}.hero-controls button:hover{background:#25434f}.hero-caption{position:absolute;bottom:30px;left:max(32px,calc((100% - 1280px)/2));font-size:13px;color:#c2d1d8}.hero-status{position:absolute;right:0;bottom:60px;max-width:280px;border-radius:10px;background:var(--deep);padding:15px;font-size:14px;color:#fff}
.service-card,.story-card,.case-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;transition:border-color .15s}.service-card:hover,.story-card:hover,.case-card:hover{border-color:#b94d1a}.card-media{position:relative;aspect-ratio:16/10;overflow:hidden;background:#e9ecec}.card-media img{width:100%;height:100%;object-fit:cover}.card-body{padding:26px;display:flex;flex:1;flex-direction:column;gap:13px;min-width:0}.card-body h3{font-size:24px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-body p{font-size:16px;line-height:1.7;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-more{margin-top:auto;padding-top:15px;display:flex;align-items:center;justify-content:space-between;font-size:15px;font-weight:700;color:#8e3914}.card-more svg{width:19px;height:19px;flex-basis:19px}.case-card .card-media{aspect-ratio:1/1}.photo-count{position:absolute;bottom:16px;right:16px;padding:4px 12px;background:#07131aca;border:1px solid #ffffff22;border-radius:6px;color:#fff;font-size:13px}.home-services .card-body p{-webkit-line-clamp:2}.home-services .service-card{background:#fff}.home-cases{background:#fff}.home-cases .case-card .card-body p{display:none}.home-guides .story-card .card-media{aspect-ratio:16/9}.home-guides .card-body h3{font-size:22px}.home-areas{background:var(--paper)}.home-areas .story-card .card-media{aspect-ratio:16/9}.home-areas .card-body h3{font-size:22px}
.process-section{background:var(--navy);color:#fff}.process-section .eyebrow{color:#ffa36e}.process-section .section-description{color:#bdcbd2}.process-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;padding:0;margin:48px 0 0;gap:28px}.process-list li{position:relative;padding-top:24px;border-top:1px solid #a3b1b859}.process-number{display:block;color:#ffa36e;font-size:15px;font-weight:750;letter-spacing:.04em;margin-bottom:22px}.process-list h3{font-size:22px;margin-bottom:12px}.process-list p{font-size:16px;color:#bfccd2;line-height:1.8}.method-strip{margin-top:56px;padding-top:32px;border-top:1px solid #ffffff21;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.method-item{display:flex;gap:20px;align-items:center}.method-item img{width:104px;height:80px;object-fit:cover;border-radius:10px}.method-item h4{font-size:18px;margin-bottom:4px}.method-item p{font-size:14px;color:#bbcbd2}.process-footnote{font-size:13px;color:#9bafb9;margin-top:22px}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 32px;align-items:center}.chips a,.chips button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:9px 20px;border:1px solid #cbd2d6;border-radius:24px;background:#fff;color:#3e4e58;font-size:15px;font-weight:600}.chips a:hover,.chips button:hover{border-color:#9a4b25}.chips [aria-current],.chips [aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}.home-faq{background:var(--paper)}.faq-details{border-bottom:1px solid #cbd2d6}.faq-details:first-child{border-top:1px solid #cbd2d6}.faq-details summary{display:flex;gap:22px;align-items:center;justify-content:space-between;list-style:none;padding:25px 4px;cursor:pointer;font-size:21px;font-weight:650;line-height:1.5;word-break:keep-all}.faq-details summary::-webkit-details-marker{display:none}.faq-details summary svg{color:#a44922}.faq-details[open] summary svg{transform:rotate(45deg)}.faq-details .faq-answer{padding:0 46px 30px 4px;font-size:17px;color:var(--muted);max-width:960px}
.page-intro{padding:34px 0 0}.page-banner{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);background:var(--deep);border-radius:24px;overflow:hidden;color:#fff;min-height:350px;position:relative}.banner-copy{padding:52px 56px;align-self:center;position:relative;z-index:2}.banner-copy .eyebrow{color:#ffac7a;margin-bottom:18px}.banner-copy h1{font-size:44px;line-height:1.23;margin-bottom:22px}.banner-copy>p:not(.eyebrow){font-size:17px;line-height:1.8;color:#cfdae0;max-width:560px}.banner-count{display:flex;align-items:center;gap:8px;font-size:14px;color:#c5d4dc;margin-top:25px}.banner-count>span{width:6px;height:6px;border-radius:50%;background:var(--orange);margin-right:2px}.banner-count>b{color:#ffad7b}.banner-image{position:relative;min-height:100%;overflow:hidden}.banner-image img{height:100%;width:100%;object-fit:cover}.banner-image::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--deep),transparent 42%)}.banner-symbol{display:grid;place-items:center;color:#e58c5d;background:radial-gradient(circle,#29404c,transparent 65%)}.banner-symbol svg{width:100px;height:100px;stroke-width:1}.page-intro-document .page-banner{min-height:220px;grid-template-columns:1fr 200px}.page-intro-document .banner-copy{padding:36px 48px}.page-intro-document .banner-copy h1{font-size:38px;margin-bottom:14px}.page-intro-document .banner-copy .eyebrow{margin-bottom:10px}
.contact-section{background:var(--navy);color:#fff;position:relative;isolation:isolate;overflow:hidden;padding:80px 0}.contact-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;z-index:-3;opacity:.7}.contact-section::after{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#07131af5 0%,#07131ad9 45%,#07131a66 100%)}.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:80px;align-items:center}.contact-copy .eyebrow{color:#ffa36e}.contact-copy h2{font-size:44px;line-height:1.24}.contact-copy>p:not(.eyebrow){color:#cbd8df;font-size:17px;line-height:1.9;margin-top:22px}.contact-checks{list-style:none;display:flex;flex-wrap:wrap;gap:16px 22px;padding:0;margin:28px 0}.contact-checks li{display:flex;align-items:center;gap:8px;font-size:15px}.contact-checks svg{color:#ffb583;width:18px;height:18px;flex-basis:18px}.contact-copy>small{display:block;max-width:580px;color:#aec1cb;font-size:13px;line-height:1.7}.contact-card{background:var(--orange);color:var(--navy);border-radius:20px;padding:34px 30px;text-align:center}.contact-card>span{font-size:15px;font-weight:650}.contact-number{display:block;font-size:34px;line-height:1.2;font-weight:800;letter-spacing:-.035em;margin-top:16px;white-space:nowrap}.contact-card>p{font-size:16px;line-height:1.7;margin:20px 0 24px}.contact-card>small{display:block;font-size:12px;line-height:1.6;margin-top:18px}.contact-card .main-call{font-size:17px;min-height:64px;padding-inline:18px}.site-footer{background:#0b1b24;color:#bdcbd3;padding:64px 0 0}.footer-grid{display:grid;grid-template-columns:.95fr 1.25fr 1.05fr .8fr;gap:44px;padding-bottom:48px}.footer-grid h2{font-size:15px;color:#fff;letter-spacing:0;margin:0 0 22px;font-weight:650}.footer-brand .brand img{width:126px}.footer-brand>p{margin:21px 0 14px;font-size:14px;line-height:1.85;color:#bdcbd3}.footer-brand>small{font-size:12px;color:#869aa6}.footer-grid dl{margin:0;font-size:14px;line-height:1.8}.footer-grid dt{font-size:12px;color:#859ba8;margin-top:12px}.footer-grid dt:first-child{margin-top:0}.footer-grid dd{margin:3px 0 0;word-break:keep-all;overflow-wrap:anywhere}.footer-phone{font-size:22px;font-weight:750;color:#ffa36e;line-height:1.4;display:inline-block;margin-bottom:16px;white-space:nowrap}.footer-grid section>p{font-size:14px;line-height:1.8;margin-bottom:18px}.footer-grid nav>a{display:block;width:fit-content;font-size:14px;min-height:32px}.footer-grid a:hover{color:#ffaf7e}.footer-small-link{font-size:13px;display:inline-flex;align-items:center;gap:9px}.footer-small-link svg{width:16px;height:16px;flex-basis:16px}.footer-bottom{display:flex;align-items:center;gap:24px;border-top:1px solid #ffffff20;padding:25px 0;font-size:12px;color:#8fa5b2;flex-wrap:wrap}.footer-bottom nav{display:flex;gap:24px;margin-right:auto;font-size:13px;color:#b8c9d3}.preview-label{font-size:11px;color:#829ba9}.mobile-call{display:none}
.design-board{padding:56px 0 80px}.design-board .board-title{margin-bottom:36px}.design-board .board-title h1{font-size:48px;margin-bottom:18px}.board-title>p{color:var(--muted);max-width:800px}.board-block{padding:32px;border:1px solid var(--line);border-radius:20px;margin:26px 0;background:#fff}.board-block h2{font-size:26px;margin-bottom:24px}.palette{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.swatch{min-height:130px;border-radius:12px;padding:18px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #0001;font-size:15px;font-weight:650}.swatch small{font-size:12px;font-weight:500}.board-buttons{display:flex;gap:18px;flex-wrap:wrap}.type-samples{display:flex;flex-direction:column;gap:18px}.type-samples .sample-h1{font-size:56px;font-weight:800;line-height:1.2}.type-samples .sample-h2{font-size:40px;font-weight:750;line-height:1.3}.type-samples .sample-h3{font-size:24px;font-weight:730}.board-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.focus-example{outline:3px solid #bf4817;outline-offset:5px}.board-status{padding:18px;border-radius:12px;background:#eef3f4;display:flex;gap:12px;font-size:16px}.sample-table{width:100%;border-collapse:collapse;font-size:16px}.sample-table th,.sample-table td{padding:17px 20px;border-bottom:1px solid var(--line);text-align:left}.sample-table th{background:#edf1f2}.visual-comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px}.comparison-panel{position:relative;height:320px;overflow:hidden;border-radius:16px;background:var(--navy)}.comparison-panel img{width:100%;height:100%;object-fit:cover}.comparison-panel>span{position:absolute;left:24px;bottom:24px;background:#07131add;color:#fff;border-radius:8px;padding:9px 15px;font-size:16px}.comparison-panel.old::after{content:'';position:absolute;inset:0;background:#07131ac9}.comparison-panel.old>span{z-index:1}.sample-note{font-size:14px;color:var(--muted);margin-top:18px}.review-marker{color:#a74013;font-size:13px;font-weight:700}.state-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.state-card{padding:28px;border:1px solid var(--line);border-radius:16px}.state-card h3{font-size:22px;margin-bottom:16px}.state-card p{color:var(--muted);font-size:16px}
@media(min-width:1920px){.hero-image,.hero-video{object-position:center center}.hero-copy{padding-block:90px 110px}}
@media(max-width:1100px){.main-menu{gap:20px}.main-menu>a{font-size:14px}.header-inner{gap:22px}.banner-copy{padding:40px 36px}.contact-grid{gap:40px;grid-template-columns:minmax(0,1fr) 360px}.contact-copy h2{font-size:38px}.footer-grid{gap:26px}.card-body{padding:22px}.card-body h3{font-size:22px}}
@media(max-width:1023px){.grid3{grid-template-columns:repeat(2,minmax(0,1fr))}.main-menu{gap:16px}.brand img{width:112px}.header-inner{gap:18px}.header-call{padding-inline:18px}.hero h1{font-size:52px}.hero-copy{max-width:650px}.hero-shade{background:linear-gradient(90deg,#031019cf,#03101999 50%,#03101916)}.process-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.method-item{flex-direction:column;align-items:flex-start}.method-item img{width:100%;height:140px}.page-banner{grid-template-columns:1.15fr 1fr;min-height:320px}.banner-copy h1{font-size:36px}.banner-copy{padding:34px 30px}.contact-grid{grid-template-columns:minmax(0,1fr) 330px;gap:30px}.contact-card{padding:30px 22px}.contact-number{font-size:29px}.contact-copy h2{font-size:34px}.footer-grid{grid-template-columns:1fr 1fr;gap:38px}.split{gap:32px}.palette{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){
 :root{--header:64px}.wrap{width:calc(100% - 40px)}.reading{width:calc(100% - 40px)}body{font-size:17px}html{scroll-padding-top:84px}h1{font-size:34px}h2{font-size:30px;line-height:1.32}h3{font-size:22px}.section{padding:64px 0}.grid3{grid-template-columns:1fr;gap:22px}.split{grid-template-columns:1fr;gap:28px}.section-head{display:block;margin-bottom:28px}.section-head .text-link{margin-top:20px}.section-description{font-size:16px;margin-top:14px}.eyebrow{font-size:14px;margin-bottom:12px}.notice{padding:20px;font-size:15px}.site-header{height:64px}.header-inner{gap:12px}.brand img{width:108px}.header-call{margin-left:auto;min-height:40px;font-size:14px;padding:9px 16px;border-radius:9px}.menu-toggle{display:grid!important;place-items:center;width:40px;height:40px;padding:8px;border:1px solid #ffffff4c;color:white;background:transparent;border-radius:9px}.main-menu{display:none;position:absolute;top:64px;left:0;right:0;background:var(--deep);padding:16px 24px 28px;border-top:1px solid #ffffff24}.main-menu.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 14px 26px #0002}.main-menu a{min-height:54px;font-size:17px;display:flex;padding:8px 4px}.main-menu>a[aria-current]::after{bottom:7px;right:auto;width:30px}.main-menu .menu-contact{display:flex!important;border-top:1px solid #ffffff26;margin-top:12px;padding-top:16px}.hero{min-height:560px}.hero-copy{padding:56px 0 116px;max-width:100%}.hero .eyebrow{margin-bottom:20px}.hero h1{font-size:clamp(31px,9.4vw,38px);line-height:1.25;letter-spacing:-.055em;max-width:520px}.hero-description{font-size:16px;line-height:1.8;margin-top:22px;max-width:470px}.hero-actions{display:grid;grid-template-columns:1fr;gap:12px;margin-top:27px}.hero-actions .btn{min-height:58px;font-size:16px;width:100%}.hero-image,.hero-video{object-position:61% center}.hero-shade{background:linear-gradient(90deg,#031019ba 0%,#03101994 52%,#03101926),linear-gradient(0deg,#03101988,transparent 50%)}.hero-controls{right:20px;bottom:18px}.hero-caption{left:20px;bottom:77px;max-width:calc(100% - 40px);font-size:11px;line-height:1.6}.hero-status{bottom:55px}.card-body{padding:23px}.card-body h3{font-size:22px}.card-body p{font-size:16px}.card-media{aspect-ratio:16/10}.home-services .card-body p{-webkit-line-clamp:2}.process-list{grid-template-columns:1fr;gap:0;margin-top:30px}.process-list li{display:grid;grid-template-columns:38px minmax(0,1fr);column-gap:16px;padding:24px 0;border-color:#ffffff32}.process-list h3{font-size:21px;margin:0 0 8px}.process-list p{grid-column:2;font-size:15px}.process-number{grid-row:1/3;font-size:14px;margin:0;padding-top:3px}.method-strip{grid-template-columns:1fr;gap:22px;margin-top:26px;padding-top:26px}.method-item{flex-direction:row;align-items:center;gap:18px}.method-item img{width:90px;height:74px}.method-item h4{font-size:17px}.method-item p{font-size:13px}.process-footnote{font-size:12px}.home-cases .case-card .card-media{aspect-ratio:1/1}.chips{gap:8px;margin-bottom:26px}.chips a,.chips button{min-height:44px;padding:9px 15px;font-size:14px}.faq-details summary{font-size:18px;gap:15px;padding:22px 0}.faq-details .faq-answer{font-size:16px;padding:0 10px 24px 0}.page-intro{padding-top:24px}.breadcrumb{font-size:12px;gap:9px;margin-bottom:18px}.page-banner{grid-template-columns:1fr;min-height:0;border-radius:20px}.banner-copy{padding:30px 26px 28px}.banner-copy h1{font-size:32px;line-height:1.3;margin-bottom:17px}.banner-copy>p:not(.eyebrow){font-size:16px;line-height:1.8}.banner-copy .eyebrow{font-size:13px;margin-bottom:14px}.banner-count{margin-top:20px;font-size:13px}.banner-image{height:190px;min-height:0}.banner-image img{height:190px;object-position:center}.banner-image::after{background:linear-gradient(180deg,var(--deep),transparent 35%)}.page-intro-document .page-banner{grid-template-columns:1fr 60px;min-height:0;padding-right:12px}.page-intro-document .banner-copy{padding:28px 18px 28px 24px}.page-intro-document .banner-copy h1{font-size:28px}.page-intro-document .banner-symbol svg{width:44px;height:44px}.contact-section{padding:56px 0}.contact-grid{grid-template-columns:1fr;gap:32px}.contact-copy h2{font-size:32px;line-height:1.28}.contact-copy>p:not(.eyebrow){font-size:16px;margin-top:18px}.contact-checks{gap:13px 18px;margin:24px 0}.contact-checks li{font-size:14px}.contact-copy>small{font-size:12px}.contact-card{padding:28px 22px;border-radius:18px}.contact-number{font-size:31px;margin-top:14px}.contact-card>p{font-size:15px;margin:17px 0 22px}.contact-card .main-call{min-height:64px;font-size:17px}.site-footer{padding:48px 0 88px}.footer-grid{grid-template-columns:1fr;gap:32px;padding-bottom:32px}.footer-grid h2{margin-bottom:16px;font-size:15px}.footer-brand>p{font-size:15px;margin:18px 0 10px}.footer-grid dl{font-size:15px}.footer-grid dt{font-size:13px}.footer-grid nav{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}.footer-grid nav h2{grid-column:1/-1;margin-bottom:12px}.footer-grid nav>a{min-height:42px;font-size:15px}.footer-bottom{display:block;padding-block:24px}.footer-bottom nav{margin:16px 0;flex-wrap:wrap;gap:8px 20px;font-size:12px}.preview-label{display:block;font-size:11px}.mobile-call{position:fixed;z-index:25;left:0;right:0;bottom:0;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:#07131aeb;border-top:1px solid #ffffff24;backdrop-filter:blur(14px)}.mobile-call .btn{width:100%;min-height:48px;font-size:16px;border-radius:10px}.desktop-only{display:none}.design-board{padding:36px 0 56px}.design-board .board-title h1{font-size:34px}.board-block{padding:24px 20px;border-radius:16px}.board-block h2{font-size:23px}.palette{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.swatch{min-height:115px;font-size:13px;padding:15px}.board-grid{grid-template-columns:1fr}.type-samples .sample-h1{font-size:34px}.type-samples .sample-h2{font-size:28px}.type-samples .sample-h3{font-size:22px}.board-buttons{gap:16px}.visual-comparison{grid-template-columns:1fr}.comparison-panel{height:230px}.state-grid{grid-template-columns:1fr}.state-card{padding:22px}.sample-table{font-size:14px}.sample-table td,.sample-table th{padding:12px}.review-marker{font-size:12px}
}
@media(max-width:359px){.wrap,.reading{width:calc(100% - 32px)}.header-inner{gap:8px}.brand img{width:96px}.header-call{padding:8px 12px;font-size:13px}.hero h1{font-size:31px}.hero-copy{padding-top:44px}.contact-number{font-size:27px}.contact-card{padding-inline:18px}.banner-copy h1{font-size:29px}.page-intro-document .banner-copy h1{font-size:25px}.card-body{padding:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.brand{gap:7px}.brand img,.footer-brand .brand img{width:31px;height:36px}.brand>span{font-size:31px;line-height:1;font-weight:800;letter-spacing:-.055em;color:white}
@media(max-width:767px){.brand img,.footer-brand .brand img{width:26px;height:30px}.brand>span{font-size:27px}.brand{gap:5px}}
@media(max-width:359px){.brand>span{font-size:24px}.brand img{width:23px;height:28px}}
.wrap1240{width:min(1280px,calc(100% - 64px));margin-inline:auto}.reading760{width:min(840px,100%);margin-inline:auto}.contact-card .main-call{min-height:72px}.btn.is-disabled{opacity:.45;pointer-events:none;cursor:default}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:767px){.wrap1240{width:calc(100% - 40px)}.contact-card .main-call{min-height:64px}.mobile-call .btn{min-height:64px}.site-footer{padding-bottom:104px}}
.story-card .card-media,.home-guides .story-card .card-media,.home-areas .story-card .card-media{aspect-ratio:1/1}.story-card .card-media img{object-fit:contain}.banner-copy h2{font-size:44px;line-height:1.23;margin-bottom:22px}.banner-copy h1,.banner-copy h2{color:#fff}
@media(max-width:767px){.banner-copy h2{font-size:32px;line-height:1.3;margin-bottom:17px}}
.v3-support-page .contact-card .btn-dark{color:#fff}.v3-support-page .page-intro .breadcrumb{color:#66717a}.v3-support-page .page-intro .breadcrumb>span:last-child{color:var(--ink)}
@media(max-width:767px){.header-call{min-height:44px}.menu-toggle{width:44px;height:44px}.footer-grid nav>a{min-height:44px}.mobile-call{display:block}}

/* WordPress 블록 컨테이너의 기본 여백을 승인된 원형과 맞춥니다. */
body{padding:0!important}.wp-site-blocks{padding:0;margin:0}.wp-site-blocks>*,.wp-site-blocks>main{margin-block-start:0}.wp-site-blocks>.site-header,.wp-site-blocks>.site-footer,.wp-site-blocks>.v3-content{max-width:none}.wp-block-post-content{font:inherit}.mobile-call{display:none}.v3-content{min-width:0}button{color:inherit}main:focus{outline:none}@media(max-width:767px){.mobile-call{display:block}.site-footer{padding-bottom:120px}}

/* 2026-10-25 한국어 줄바꿈: 단어 중간에서 끊지 않고, 넘칠 때만 긴 문자열을 끊는다 */
body{word-break:keep-all;overflow-wrap:break-word}

/* 2026-10-25 상단 전화 띠(헤더 아래, 모든 화면) */
.call-band{background:linear-gradient(90deg,#f9732a 0%,#ff8f3a 55%,#ffb04d 100%);color:#111}
.call-band__inner{display:flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:4px 0}
.call-band__icon{display:inline-flex;flex:none}
.call-band__text{margin:0;font-size:16px;font-weight:700;line-height:1.35}
.call-band__number{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:999px;background:#07131a;color:#fff;font-size:20px;font-weight:800;letter-spacing:.01em;text-decoration:none;white-space:nowrap}
.call-band__number:hover,.call-band__number:focus-visible{background:#000;color:#fff}
@media(max-width:767px){.call-band__inner{justify-content:space-between;gap:8px}.call-band__text{font-size:14px}.call-band__number{font-size:18px;padding:0 12px}.call-band__icon img{width:26px;height:26px;padding:2px}}
@media(max-width:360px){.call-band__text{font-size:13px}.call-band__number{font-size:16px}}
/* 2026-10-25 하단 고정 버튼: 전화상담 + 카톡상담 같은 너비 */
.mobile-call__row{display:grid;grid-template-columns:1fr;gap:10px}
.mobile-call--two .mobile-call__row{grid-template-columns:1fr 1fr}
.mobile-call .mobile-call__btn{width:100%;min-height:54px;font-size:17px}
.mobile-call__kakao{background:#fee500;color:#191919;border:0}
.mobile-call__kakao:hover,.mobile-call__kakao:focus-visible{background:#f5dc00;color:#191919}
@media(max-width:767px){.mobile-call .mobile-call__btn{min-height:54px}}
@media(max-width:430px){.call-band__lead{display:none}.call-band__text{white-space:nowrap}}
/* 2026-10-25 증상별 지역 안내 칩(지역 허브·/areas/) */
.leak24-parity-related-links .leak24-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:12px 0 0;padding:0}.leak24-parity-related-links .leak24-chips a{display:inline-flex;align-items:center;min-height:40px;padding:6px 14px;border:1px solid #d9dddf;border-radius:999px;color:#18222b;text-decoration:none;font-size:15px;background:#fff}.leak24-parity-related-links .leak24-chips a:hover,.leak24-parity-related-links .leak24-chips a:focus-visible{border-color:#f9732a;color:#a74013}.leak24-parity-related-links.wrap{margin:40px auto}
/* 2026-10-25 허브 안내 상자 아이콘: 평면 SVG → 3D 렌더(사용자 지시: 그림판 같은 평면 그림 금지) */
.v3-content-region-notice,.v3-content-note{display:flex;align-items:center;gap:14px}
.v3-content-region-notice>svg,.v3-content-note>svg{display:none}
.v3-content-region-notice::before,.v3-content-note::before{content:"";flex:0 0 44px;width:44px;height:44px;background:url(icons3d/pin.webp) center/contain no-repeat}
.v3-content-note::before{background-image:url(icons3d/doc.webp)}
.v3-content-region-notice p,.v3-content-note p{margin:0}
.call-band__icon img{display:block;width:30px;height:30px;padding:3px;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:0 2px 6px rgba(0,0,0,.12)}
/* 2026-10-25 상단 띠 공통 기준(관리 세션 승인 시안 band-mock-compare): 흰 원 52px 안 3D 수화기, 번호 1.75rem, 모바일 원 44px·번호 1.45rem·문구 두 줄 */
.call-band__inner{min-height:72px;gap:14px}
.call-band__icon img{width:52px;height:52px;padding:6px;border-radius:50%;background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.22)}
.call-band__number{font-size:1.75rem;line-height:1;padding:10px 22px}
@media(max-width:767px){.call-band__inner{min-height:64px;gap:8px}.call-band__icon img{width:44px;height:44px;padding:4px}.call-band__number{font-size:1.45rem;padding:8px 14px}.call-band__text{font-size:13px;line-height:1.3}}
@media(max-width:400px){.call-band__text{white-space:normal;flex:1 1 auto;min-width:0;max-width:96px;word-break:keep-all}}
/* 2026-10-25 카카오톡 상담 보조 링크(사용자 제공 오픈채팅): 노란 계열 + 말풍선 기호 */
.kakao-icon{flex:none;vertical-align:-3px}
.mobile-call__kakao span{display:inline-flex;align-items:center;gap:6px}
.call-band__kakao{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;border-radius:999px;background:#fee500;color:#191919;font-weight:700;font-size:15px;text-decoration:none;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.call-band__kakao:hover,.call-band__kakao:focus-visible{background:#f5dc00;color:#191919}
.kakao-btn{display:inline-flex;align-items:center;gap:8px;background:#fee500;color:#191919;border:0}
.kakao-btn:hover,.kakao-btn:focus-visible{background:#f5dc00;color:#191919}
.contact-kakao,.footer-kakao{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-weight:700;text-decoration:none}
.contact-kakao{margin-top:6px;padding:0 16px;border-radius:999px;background:#fee500;color:#191919}
.footer-kakao{margin-left:14px;color:inherit}.footer-kakao .kakao-icon{color:#fee500}
@media(max-width:767px){.call-band__kakao{display:none}.footer-kakao{margin-left:0}}
/* 2026-10-25 사용자 지적 재작업(관리 세션 전달): 띠 CTA·상담 카드 버튼·FAQ 아코디언 */
/* 띠: 번호 대신 동사형 CTA 버튼 하나 + 같은 높이의 카톡 버튼 */
.call-band__inner{min-height:84px;gap:12px}
.call-band__cta{display:inline-flex;align-items:center;gap:12px;min-height:60px;padding:8px 24px 8px 8px;border-radius:16px;background:#22252a;color:#fff;text-decoration:none;box-shadow:0 4px 0 #0b0d10,0 10px 20px rgba(0,0,0,.22);transition:transform .12s ease,box-shadow .12s ease,background .12s ease}
.call-band__cta:hover,.call-band__cta:focus-visible{background:#000;color:#fff;transform:translateY(-2px);box-shadow:0 6px 0 #0b0d10,0 14px 24px rgba(0,0,0,.28);outline:none}
.call-band__cta:active{transform:translateY(3px);box-shadow:0 1px 0 #0b0d10,0 3px 8px rgba(0,0,0,.2)}
.call-band__cta img{flex:none;width:44px;height:44px;padding:5px;box-sizing:border-box;border-radius:50%;background:#fff}
.call-band__cta-text{display:flex;flex-direction:column;line-height:1.2;text-align:left}
.call-band__cta-text strong{font-size:1.27rem;font-weight:800;letter-spacing:-.01em}
.call-band__cta-text small{font-size:.9rem;font-weight:600;color:#ffb877}
.call-band__kakao{min-height:60px;padding:0 22px;border-radius:16px;font-size:1rem;box-shadow:0 4px 0 #c9b400,0 10px 20px rgba(0,0,0,.14);transition:transform .12s ease,box-shadow .12s ease}
.call-band__kakao:hover,.call-band__kakao:focus-visible{transform:translateY(-2px);outline:none}
.call-band__kakao:active{transform:translateY(3px);box-shadow:0 1px 0 #c9b400}
@media(max-width:767px){.call-band__inner{min-height:72px;justify-content:center}.call-band__cta{min-height:54px;padding:6px 18px 6px 6px;gap:10px;width:100%;max-width:420px;box-sizing:border-box}.call-band__cta img{width:40px;height:40px}.call-band__cta-text strong{font-size:1.02rem}.call-band__cta-text small{font-size:.8rem}}
/* 상담 카드: 번호 제목 없이 CTA 두 개를 같은 폭·높이로, 간격을 둔다 */
.contact-card .main-call,.contact-card .kakao-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:56px!important;min-height:56px!important;padding:0 16px;box-sizing:border-box;border-radius:14px;margin:0}
.contact-card .kakao-btn{margin-top:10px}
.contact-card .main-call span{display:inline-flex;align-items:center;gap:8px}
/* FAQ: 아코디언(+/− 표식, 여백, 구분선, 읽기 좋은 글자 크기). 지역·가이드·서비스 공통 */
.leak24-parity-faq details,.leak24-area details{border:0;border-bottom:1px solid rgba(34,37,42,.14);padding:0}
.leak24-parity-faq details:first-of-type,.leak24-area details:first-of-type{border-top:1px solid rgba(34,37,42,.14)}
.leak24-parity-faq summary,.leak24-area summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:16px 4px;cursor:pointer;font-size:1.125rem;font-weight:700;line-height:1.5;color:#22252a}
.leak24-parity-faq summary::-webkit-details-marker,.leak24-area summary::-webkit-details-marker{display:none}
.leak24-parity-faq summary::after,.leak24-area summary::after{content:"+";flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:rgba(240,124,31,.12);color:#c2570c;font-size:1.2rem;font-weight:700;line-height:1}
.leak24-parity-faq details[open] summary::after,.leak24-area details[open] summary::after{content:"\2212"}
.leak24-parity-faq details p,.leak24-area details p{margin:0 4px 18px;font-size:1.0625rem;line-height:1.8;color:#3a3f46}
.leak24-parity-faq h2{margin:0 0 14px}
.leak24-parity-basis{box-sizing:border-box;max-width:100%;margin:28px 0;padding:18px 20px;border:1px solid rgba(34,37,42,.12);border-left:4px solid #f07c1f;border-radius:0 12px 12px 0;background:#faf8f5;font-size:.95rem;line-height:1.75}
/* 전체 검수(AUDIT-20261025.md) CSS 수정 — 회귀 검수(AUDIT2) 반영판 */
/* 1·6·30 관련 안내 표: 첫 열 줄바꿈 허용(앞서 넣은 nowrap 때문에 768px 표가 찌그러지고 390px 표가 잘림), 링크 대비 강화 */
.leak24-parity-related tbody th a{white-space:normal;color:#a3470a}
/* 2·3 사례 유형 필터·페이지 번호 */
.v3-support-filter{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.v3-support-filter a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid rgba(34,37,42,.2);border-radius:999px;text-decoration:none;color:#22252a;font-weight:600}
.v3-support-filter a[aria-current="page"]{background:#22252a;border-color:#22252a;color:#fff}
.v3-support-pagination{display:flex;justify-content:center;gap:8px;margin:28px 0 8px}
.v3-support-pagination a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid rgba(34,37,42,.2);border-radius:12px;text-decoration:none;color:#22252a;font-weight:700}
.v3-support-pagination a[aria-current="page"]{background:#22252a;border-color:#22252a;color:#fff}
/* 4 지역 연락처 표(머리줄 없는 2열): 좁은 화면에서는 항목·값을 위아래로 쌓아 전화번호가 잘리지 않게 */
@media(max-width:767px){.leak24-area .leak24-table-wrap table:not(:has(thead)){min-width:0}.leak24-area .leak24-table-wrap table:not(:has(thead)) tr{display:block;padding:10px 0;border-bottom:1px solid rgba(127,127,127,.3)}.leak24-area .leak24-table-wrap table:not(:has(thead)) th,.leak24-area .leak24-table-wrap table:not(:has(thead)) td{display:block;width:auto;border:0;padding:2px 4px}.leak24-area .leak24-table-wrap table:not(:has(thead)) th{font-size:.9rem;color:#5a6069}}
/* 7 브레드크럼: 글 템플릿은 본문 열(840px)에 맞추고 세로 정렬 */
.v3-content--article .v3-content-breadcrumb{max-width:840px;margin-left:auto;margin-right:auto}
.v3-content-breadcrumb{align-items:center}
/* 9 /areas/ 선택 칩 대비(흰 글씨 4.5:1 이상) */
.leak24-dir-axes a.is-on,.leak24-dir-jump a[aria-current="true"],.leak24-dir-jump a:hover{background:#b4530f;border-color:#b4530f}
.leak24-dir-pop h3 small,.leak24-dir-axes h3 small{opacity:.85}
/* 20·21 작은 글씨·흐린 회색 */
.hero-caption{font-size:13px}
.process-footnote{font-size:14px}
.contact-copy small,.contact-card small{font-size:14px;line-height:1.6}
.site-footer small,.site-footer dt,.footer-bottom nav a{font-size:13px}
.site-footer small,.site-footer dt{color:rgba(255,255,255,.72)}
/* 22 푸터 터치 영역 */
.footer-bottom nav a,.site-footer dd a,.footer-small-link{display:inline-flex;align-items:center;min-height:44px}
/* 23 표 안내문: 표가 넘칠 수 있는 좁은 화면에서만 */
@media(min-width:768px){.nusu-table-scroll-hint{display:none}}
/* 26 푸터 카톡: 전화번호 아래 줄, 왼쪽 정렬 */
.footer-kakao{display:flex;width:max-content;margin:6px 0 0}
/* 27 가로 스크롤 줄에 넘침 단서(오른쪽 흐림) */
@media(max-width:1099px){.leak24-dir-jump,.leak24-dir-pop ul{-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}}

/* 1 관련 안내 표(표 모드 641px 이상): 제목 열 폭 제한 — 모바일 카드형에는 걸지 않음 */
@media(min-width:641px){.leak24-parity-related tbody th{width:32%}}
/* 2026-10-26 점검(fullpage-audit) 중간: 글 상세 '관련 가이드' 카드가 본문 열 안 3열(260px)이라 제목이 말줄임 → 2열, 제목 3줄까지 */
@media(min-width:768px){.v3-content--article .v3-content-related .grid3{grid-template-columns:repeat(2,minmax(0,1fr))}}
.v3-content--article .v3-content-related h3{-webkit-line-clamp:3}
/* 2026-10-26 글자 없는 실사 카드(연출 이미지 표기, 26-1 승인): 카드·글 상단 사진 오른쪽 아래 작은 표기 */
:where(.card-media,.v3-content-hero-media,.v3-content-media,figure):has(> img[data-media-source="staged-photo"]){position:relative}
:where(.card-media,.v3-content-hero-media,.v3-content-media,figure):has(> img[data-media-source="staged-photo"])::after{content:"연출 이미지";position:absolute;right:8px;bottom:8px;padding:3px 8px;border-radius:999px;background:rgba(0,0,0,.55);color:#f2f2f2;font-size:11px;font-weight:600;line-height:1.4;pointer-events:none}
.card-media > img[data-media-source="staged-photo"]{width:100%;height:100%;object-fit:cover}
/* 2026-10-26 구조 변경 승인분(AUDIT 19·32·37) */
@media(max-width:767px){.v3-content--areas .v3-content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.v3-content--areas .v3-content-grid .card-body{padding:12px}.v3-content--areas .v3-content-grid .card-body p,.v3-content--areas .v3-content-grid .card-more{display:none}.v3-content--areas .v3-content-grid h3{font-size:15px;line-height:1.4;margin:6px 0 0}}
@media(max-width:767px){.v3-content-breadcrumb > span:last-child,.v3-content-breadcrumb > span:nth-last-child(2){display:none}}
@media(min-width:700px) and (max-width:1023px){.v4-cases-hub .v4-case-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* 2026-10-26 구조 변경 승인분(AUDIT 36 v2): 가이드 히어로 배경 사진 요소 안에만 어두운 그라데이션, 글자색 그대로 */
@media(min-width:600px){.v4-banner--guides .v4-banner__visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,19,26,.94) 0%,rgba(7,19,26,.88) 48%,rgba(7,19,26,.55) 66%,rgba(7,19,26,0) 86%);pointer-events:none}}
/* 2026-10-26 THEME-FIRST 점검 보완 */
.l24-call__txt{display:inline-flex;flex-direction:column;align-items:flex-start;line-height:1.2;text-align:left}
.l24-call__txt b{font-size:1em;font-weight:800}
.l24-call__txt small{font-size:.8em;font-weight:600;opacity:.85;letter-spacing:.01em}
.btn:has(.l24-call__txt){padding-top:8px;padding-bottom:8px;min-height:52px}
.btn.l24-call-btn{display:inline-flex;align-items:center;gap:10px;padding-left:22px;padding-right:22px;text-decoration:none}
.nusu-not-found__call.btn{border:0;color:var(--navy)}
figure:has(> img[data-media-source="staged-photo"])::after{top:8px;bottom:auto}
.leak24-table-wrap th:first-child,.leak24-table-wrap td:first-child{min-width:5em;word-break:keep-all}
.v4-document__contact > a{display:inline-flex;align-items:center;justify-content:center;min-width:220px;min-height:52px;margin:0 10px 10px 0;vertical-align:top}
@media(max-width:600px){.v4-document__contact > a{display:flex;width:100%;margin-right:0}}
.nusu-not-found__actions .nusu-btn{background:transparent;border:1px solid #aebcc0;color:#fff}
.nusu-not-found__links a{color:#d5dfe4}
/* 전화 버튼 한 모양: 수화기 1개 + 굵은 문구 + 보조 번호 줄(주황, 주황 상자 안만 남색) */
.l24-call{display:inline-flex;align-items:center;justify-content:center;gap:10px}
.l24-call > svg{width:20px;height:20px;flex:none}
.btn:has(.l24-call){display:inline-flex;align-items:center;justify-content:center}
/* 홈 768: 카드 3장이 2열이면 끝 1장이 혼자 남음 → 태블릿 3열, 진행 순서 5단계는 3+2를 같은 줄 폭으로 */
@media(min-width:600px) and (max-width:1023px){main .grid3:has(> :nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
.process-list:has(> :nth-child(5):last-child){grid-template-columns:repeat(6,minmax(0,1fr))}.process-list:has(> :nth-child(5):last-child) > *{grid-column:span 2}.process-list:has(> :nth-child(5):last-child) > :nth-child(n+4){grid-column:span 3}}
/* 가이드 분류: 첫 화면 소개와 같은 설명 상자 중복 */
.category .v3-content-category-intro{display:none}
/* 좁은 화면 칩 줄: 오른쪽 끝을 흐려 옆으로 넘길 수 있음을 표시 */
@media(max-width:1023px){.v4-directory-search__layout > aside,.v3-content-chips .chips{-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent);padding-right:28px}}
/* 2026-10-26 목업 미리보기(?l24preview=1): 우리 동네 상담 안내 */
.home-local__grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px;align-items:stretch}
@media(max-width:900px){.home-local__grid{grid-template-columns:1fr}}
.home-local__map{display:flex;flex-direction:column;gap:14px}
.home-local__photo{position:relative;margin:0;border-radius:16px;overflow:hidden;aspect-ratio:16/9;background:#e9ecee}
.home-local__photo img{width:100%;height:100%;object-fit:cover;display:block}
.home-local__regions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
@media(max-width:600px){.home-local__regions{grid-template-columns:repeat(2,minmax(0,1fr))}}
.home-local__regions a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;padding:12px 14px;border:1px solid #d9e0e3;border-radius:12px;background:#fff;color:var(--navy);font-weight:700;text-decoration:none}
.home-local__regions a:first-child{background:var(--navy);border-color:var(--navy);color:#fff}
.home-local__regions svg{width:18px;height:18px;flex:none}
.home-local__note{margin:0;color:#5b6b72;font-size:13px}
.home-local__check{border-radius:16px;padding:24px}
.home-local__check h3{margin:0 0 6px;font-size:1.25rem}
.home-local__check > p{margin:0;color:#5b6b72}
.home-local__check ul{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.home-local__check li{background:#fff;border-radius:12px;padding:18px 10px;text-align:center;box-shadow:0 1px 2px rgba(7,19,26,.06)}
.home-local__check li img{display:block;width:60px;height:60px;object-fit:contain;margin:0 auto 10px}
.home-local__check li b{display:block;font-size:15px;color:var(--navy)}
.home-local__check li span{display:block;margin-top:4px;color:#5b6b72;font-size:13px}
@media(max-width:420px){.home-local__check ul{grid-template-columns:1fr}.home-local__check li{display:grid;grid-template-columns:52px 1fr;text-align:left;align-items:center;column-gap:12px}.home-local__check li img{grid-row:span 2;width:48px;height:48px;margin:0}}
/* 홈 지역·가이드 카드 제목: 2줄 말줄임 → 3줄까지 */
.home-areas .grid3 h3,.home-guides .grid3 h3{-webkit-line-clamp:3;line-clamp:3}
@media(min-width:901px){.home-local__check{display:flex;flex-direction:column}.home-local__check ul{flex:1;grid-template-columns:1fr;grid-auto-rows:1fr}.home-local__check li{display:grid;grid-template-columns:72px 1fr;align-items:center;align-content:center;column-gap:16px;text-align:left;padding:14px 20px}.home-local__check li img{grid-row:span 2;width:64px;height:64px;margin:0}.home-local__check li b{font-size:17px}}
@media(min-width:600px) and (max-width:1023px){.home-areas .grid3 h3,.home-guides .grid3 h3{-webkit-line-clamp:4;line-clamp:4}}
/* 2026-10-26 목업 홈 승인: 장비 사진 줄이 넓은 화면에서 작아 보임 → 사진·글자 키움 */
@media(min-width:1024px){.method-strip{gap:20px}.method-item{gap:18px;align-items:center}.method-item img{width:150px!important;height:96px!important;object-fit:cover;border-radius:12px}.method-item h4{font-size:20px}.method-item p{font-size:15px;line-height:1.55}}
/* 지역 계열 쪽 첫 화면 아래 실사 */
.l24-area-photo{position:relative;margin:8px 0 28px;border-radius:16px;overflow:hidden;aspect-ratio:3/2;max-height:460px;background:#e9ecee}
.l24-area-photo img{display:block;width:100%;height:100%;object-fit:cover}
/* 목업 D 01: 서비스 상세 첫 화면 좌우 분할(넓은 화면) — 제목 왼쪽, 사진 오른쪽 */
@media(min-width:1024px){.v4-content-reading:has(> .v4-service-hero){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:32px}
.v4-content-reading:has(> .v4-service-hero) > *{grid-column:1/-1}
.v4-content-reading > .v3-content-article-head:has(+ .v4-service-hero){grid-column:1;align-self:center;margin-bottom:0}
.v4-content-reading > .v4-service-hero{grid-column:2;margin:0 0 28px}}
/* 2026-10-26 사장님 결정 로고 B안(물결선 3D 물방울): 헤더 1920 높이 46px, 모바일 같은 비율(38px) */
.brand img,.nusu-brand__symbol{width:auto!important;height:46px!important;object-fit:contain}
.brand{gap:10px}.brand span{font-size:24px}
@media(max-width:767px){.brand img,.nusu-brand__symbol{height:38px!important}.brand span{font-size:20px}}
footer .brand img{height:40px!important}
.l24-area-photo{width:100%;aspect-ratio:16/9;max-height:none}
/* 2026-10-26 전화·카톡 버튼 정렬(공통): [아이콘 | 두 줄 글자]를 한 덩어리로 가운데, 두 줄은 왼쪽 정렬, 위아래 여백 같게, 두 버튼 높이·모서리 같게 */
.btn:has(.l24-call){padding:14px 22px!important;min-height:64px;line-height:1}
.l24-call{display:inline-flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:12px}
.l24-call .l24-call__txt{display:flex!important;flex-direction:column!important;align-items:flex-start!important;text-align:left!important;gap:2px}
.l24-call__txt b{line-height:1.2}.l24-call__txt small{line-height:1.3}
.contact-card .kakao-btn,.hero-actions .kakao-btn,.v4-document__contact > a[data-kakao-aux],.v4-document__contact > a.kakao-btn{min-height:64px;padding-top:14px;padding-bottom:14px}
.kakao-btn{gap:10px}
.contact-card .btn{border-radius:12px}
/* 시·군별 조례 감면 표: 시·군 칸 최소 120px, 낱말 단위 줄바꿈, 조례는 이름 아래 작은 링크 */
.l24-law-table th,.l24-law-table td{word-break:keep-all;overflow-wrap:break-word;vertical-align:top}
.l24-law-table th:first-child,.l24-law-table td:first-child{min-width:120px;width:14%}
.l24-law-table .l24-city b{display:block;font-size:15px}
.l24-law-table .l24-law{display:block;margin-top:6px;font-size:12.5px;line-height:1.45;word-break:keep-all;color:#a3470a}
@media(max-width:767px){.leak24-table-wrap:has(.l24-law-table) .nusu-table-scroll-hint{display:none}.nusu-table-scroll:has(.l24-law-table){overflow:visible}
.l24-law-table,.l24-law-table tbody,.l24-law-table tr,.l24-law-table td{display:block;width:auto!important;min-width:0!important}
.l24-law-table thead{display:none}.l24-law-table caption{display:block;text-align:left;margin-bottom:10px}
.l24-law-table tr{border:1px solid #dfe5e8;border-radius:12px;padding:14px 16px;margin-bottom:12px;background:#fff}
.l24-law-table td{border:0!important;padding:6px 0!important}
.l24-law-table td:nth-child(n+2)::before{display:block;margin-bottom:2px;font-size:12.5px;font-weight:700;color:#5b6b72}
.l24-law-table td:nth-child(2)::before{content:"대상"}.l24-law-table td:nth-child(3)::before{content:"산정"}.l24-law-table td:nth-child(4)::before{content:"신청"}}
.btn:has(.l24-call),.contact-card .kakao-btn,.hero-actions .kakao-btn,.v4-document__contact > a{height:auto!important;min-height:76px!important;block-size:auto!important}
/* 2026-10-26 내용 폭 하나로 통일(사장님 "가로 넓이가 일정하지 않아"): 모든 구간 같은 시작선·끝선 */
@media(min-width:768px){.header-inner .main-menu{margin-right:0}
.call-band__inner{justify-content:space-between}}
.hero .hero-controls{right:max(20px,calc((100% - 1280px) / 2))}
/* 2026-10-26 THEME-FINISH: 글 본문 공통 타이포그래피(가이드·서비스·지역 글·정책 쪽). 본문 감싸개 하나에 같은 규칙 */
:is(.v3-content-original,.v4-document__body):not(#l24-x){font-size:18px;line-height:1.8;color:#1f2d34;word-break:keep-all;overflow-wrap:break-word}
:is(.v3-content-original,.v4-document__body):not(#l24-x) p{font-size:inherit;line-height:inherit;margin:0 0 1.1em}
:is(.v3-content-original,.v4-document__body):not(#l24-x) h2{position:relative;font-size:clamp(24px,1.6vw + 12px,28px);line-height:1.35;margin:2.5em 0 .7em;padding-top:16px;color:#07131a}
:is(.v3-content-original,.v4-document__body):not(#l24-x) h2::before{content:"";position:absolute;left:0;top:0;width:36px;height:4px;border-radius:2px;background:var(--orange)}
:is(.v3-content-original,.v4-document__body):not(#l24-x) > :first-child:is(h2,section,div){margin-top:0}
:is(.v3-content-original,.v4-document__body):not(#l24-x) h3{font-size:20px;line-height:1.45;margin:1.8em 0 .5em;color:#07131a}
:is(.v3-content-original,.v4-document__body):not(#l24-x) h4{font-size:17px;font-weight:800;line-height:1.5;margin:1.4em 0 .4em}
:is(.v3-content-original,.v4-document__body):not(#l24-x) :is(h2,h3,h4) + :is(p,ul,ol){margin-top:0}
/* 목록: 사이트 색 점·번호 원 */
:is(.v3-content-original,.v4-document__body):not(#l24-x) ul:not([class]){margin:0 0 1.2em;padding-left:1.3em;font-size:inherit}
:is(.v3-content-original,.v4-document__body):not(#l24-x) ul:not([class]) > li{margin:.4em 0;font-size:inherit;line-height:1.75}
:is(.v3-content-original,.v4-document__body):not(#l24-x) ul:not([class]) > li::marker{color:var(--orange)}
:is(.v3-content-original,.v4-document__body):not(#l24-x) ol:not([class]){list-style:none;counter-reset:l24ol;margin:0 0 1.2em;padding-left:0;font-size:inherit}
:is(.v3-content-original,.v4-document__body):not(#l24-x) ol:not([class]) > li{counter-increment:l24ol;position:relative;padding-left:2.3em;margin:.55em 0;font-size:inherit;line-height:1.75}
:is(.v3-content-original,.v4-document__body):not(#l24-x) ol:not([class]) > li::before{content:counter(l24ol);position:absolute;left:0;top:.15em;width:1.55em;height:1.55em;border-radius:50%;background:var(--navy);color:#fff;font-size:.8em;font-weight:700;line-height:1.55em;text-align:center}
:is(.v3-content-original,.v4-document__body):not(#l24-x) li > :is(ul,ol){margin:.3em 0 .2em}
:is(.v3-content-original,.v4-document__body):not(#l24-x) nav ol > li{padding-left:0}
:is(.v3-content-original,.v4-document__body):not(#l24-x) nav ol > li::before{content:none}
/* 표: 머리줄 사이트 색, 줄무늬, 셀 여백 12~14px */
:is(.v3-content-original,.v4-document__body):not(#l24-x) table{width:100%;border-collapse:separate;border-spacing:0;font-size:15.5px;line-height:1.6;margin:0 0 1.4em;border:1px solid #e1e6e9;border-radius:12px;overflow:hidden;background:#fff}
:is(.v3-content-original,.v4-document__body):not(#l24-x) caption{caption-side:top;text-align:left;font-size:14px;font-weight:700;color:#3d4b52;padding:0 2px 8px}
:is(.v3-content-original,.v4-document__body):not(#l24-x) th{background:var(--navy);color:#fff;font-weight:700;padding:12px 14px;text-align:left;border:0}
:is(.v3-content-original,.v4-document__body):not(#l24-x) tbody th{background:#f1f4f6;color:#07131a;border-top:1px solid #e9edef;vertical-align:top}
:is(.v3-content-original,.v4-document__body):not(#l24-x) td{padding:12px 14px;border:0;border-top:1px solid #e9edef;vertical-align:top}
:is(.v3-content-original,.v4-document__body):not(#l24-x) tbody tr:nth-child(even) > td{background:#f6f8f9}
/* 가로 스크롤 표: 넘침 그림자 */
.nusu-table-scroll{background:linear-gradient(90deg,#fff 30%,rgba(255,255,255,0)) 0 0/40px 100% no-repeat local,linear-gradient(270deg,#fff 30%,rgba(255,255,255,0)) 100% 0/40px 100% no-repeat local,radial-gradient(farthest-side at 0 50%,rgba(7,19,26,.18),transparent) 0 0/14px 100% no-repeat scroll,radial-gradient(farthest-side at 100% 50%,rgba(7,19,26,.18),transparent) 100% 0/14px 100% no-repeat scroll}
/* 인용·요약·확인 기준 상자: 왼쪽 강조선 + 옅은 배경 + 종류별 아이콘 */
:is(.v3-content-original,.v4-document__body):not(#l24-x) blockquote,.editorial-summary,.leak24-parity-basis,.leak24-answer{position:relative;margin:1.4em 0;padding:18px 20px 18px 56px;border-left:4px solid var(--orange);background:#fff6ef;border-radius:0 14px 14px 0;font-size:16.5px;line-height:1.75}
.leak24-parity-basis{border-left-color:var(--navy);background:#f1f4f6}
:is(.v3-content-original,.v4-document__body):not(#l24-x) blockquote::before,.editorial-summary::before,.leak24-parity-basis::before,.leak24-answer::before{content:"";position:absolute;left:18px;top:20px;width:24px;height:24px;background:var(--orange);-webkit-mask:var(--l24-ico) center/contain no-repeat;mask:var(--l24-ico) center/contain no-repeat}
.editorial-summary,.leak24-answer{--l24-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 11l3 3L22 4'/%3E%3Cpath d='M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11'/%3E%3C/svg%3E")}
.leak24-parity-basis{--l24-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 8h.01M11 12h1v5h1'/%3E%3C/svg%3E")}
.leak24-parity-basis::before{background:var(--navy)}
:is(.v3-content-original,.v4-document__body):not(#l24-x) blockquote{--l24-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M7 6h4v5H8c0 2 1 3 3 3v2c-3 0-5-2-5-5V6zm8 0h4v5h-3c0 2 1 3 3 3v2c-3 0-5-2-5-5V6z'/%3E%3C/svg%3E")}
:is(.editorial-summary,.leak24-parity-basis,.leak24-answer) > :last-child{margin-bottom:0}
:is(.v3-content-original,.v4-document__body):not(#l24-x) :is(.editorial-summary,.leak24-parity-basis,.leak24-answer) p{font-size:17px;line-height:1.75}
:is(.editorial-summary,.leak24-parity-basis,.leak24-answer) :is(h2,h3,.mini-label){margin-top:0;padding-top:0}
:is(.editorial-summary,.leak24-parity-basis,.leak24-answer) h2::before{content:none}
@media(max-width:600px){:is(.v3-content-original,.v4-document__body):not(#l24-x) blockquote,.editorial-summary,.leak24-parity-basis,.leak24-answer{padding:16px 16px 16px 48px}:is(.v3-content-original,.v4-document__body):not(#l24-x) blockquote::before,.editorial-summary::before,.leak24-parity-basis::before,.leak24-answer::before{left:14px;top:18px;width:22px;height:22px}}
/* 그림: 둥근 모서리, 캡션은 그림 밖 아래 작은 글자, '연출 이미지'는 캡션에 */
:is(.v3-content-original,.v4-document__body):not(#l24-x) figure{margin:1.6em 0}
:is(.v3-content-original,.v4-document__body):not(#l24-x) figure img,.v3-content-hero-image img{border-radius:14px}
:is(.v3-content-original,.v4-document__body,.v3-content-reading) figcaption{margin-top:8px;font-size:13.5px;line-height:1.5;color:#5b6b72;background:none;padding:0}
figure:has(> img[data-media-source="staged-photo"]):has(figcaption)::after{content:none!important}
figure:has(> img[data-media-source="staged-photo"]) figcaption::before{content:"연출 이미지 · ";font-weight:700;color:#3d4b52}
/* 링크: 사이트 주색 + 밑줄 */
:is(.v3-content-original,.v4-document__body):not(#l24-x) :is(p,li,td,figcaption) a:not(.btn){color:#a3470a;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
:is(.v3-content-original,.v4-document__body):not(#l24-x) :is(p,li,td,figcaption) a:not(.btn):visited{color:#8c3f18}
/* FAQ: 펼침 상자 + Q 표시 */
:is(.v3-content-original,.v4-document__body):not(#l24-x) details:not(.l24-toc-fold){border:1px solid #e1e6e9;border-radius:12px;background:#fff;margin:0 0 10px;padding:0 18px}
:is(.v3-content-original,.v4-document__body):not(#l24-x) details:not(.l24-toc-fold) > summary{display:flex;align-items:flex-start;gap:12px;padding:15px 0;font-weight:700;font-size:17px;line-height:1.5;cursor:pointer;list-style:none;color:#07131a}
:is(.v3-content-original,.v4-document__body):not(#l24-x) details:not(.l24-toc-fold) > summary::-webkit-details-marker{display:none}
:is(.v3-content-original,.v4-document__body):not(#l24-x) details:not(.l24-toc-fold) > summary::before{content:"Q";flex:none;width:26px;height:26px;border-radius:50%;background:var(--orange);color:var(--navy);font-size:14px;font-weight:800;line-height:26px;text-align:center;margin-top:1px}
:is(.v3-content-original,.v4-document__body):not(#l24-x) details:not(.l24-toc-fold)[open] > summary{border-bottom:1px solid #eef1f3}
:is(.v3-content-original,.v4-document__body):not(#l24-x) details:not(.l24-toc-fold) > :not(summary){padding:12px 0 14px 38px;margin:0;font-size:16.5px}
/* 글 끝 순서: (FAQ·확인 기준) → 출처·기준일 → 관련 글 → 상담 */
.v3-content-original:has(> :is(.article-sources,.service-sources)){display:flex;flex-direction:column}
.v3-content-original > .leak24-parity-faq{order:1}
.v3-content-original > .leak24-parity-basis{order:2}
.v3-content-original > :is(.article-sources,.service-sources){order:3;border:1px solid #e1e6e9;border-radius:14px;background:#fafbfb;padding:18px 20px;margin-top:2em;font-size:17px}
.v3-content-original > :is(.article-related,.service-related){order:4}
.v3-content-original > :is(.article-cta,.service-cta){order:5}
.v3-content-original > :is(.article-sources,.service-sources) h2{font-size:18px;margin:0 0 .5em;padding-top:0}
.v3-content-original > :is(.article-sources,.service-sources) h2::before{content:none}
/* 옆 칸 목차: 현재 읽는 제목 강조 */
.l24-aside-box a.is-current{color:#a3470a;font-weight:700}

/* 2026-10-26 읽는 문장 최소 17px(모든 폭): 요약·확인 기준·답 상자, 출처, 카드 설명, 상담 문구, 머리 설명, FAQ 답, 진행 단계 */
:is(.editorial-summary,.leak24-parity-basis,.leak24-answer):not(#l24-x),:is(.editorial-summary,.leak24-parity-basis,.leak24-answer):not(#l24-x) p,
:is(.article-sources,.service-sources):not(#l24-x),
:is(.story-card,.service-card):not(#l24-x) .card-body p,
.contact-copy:not(#l24-x) p,
.v3-content-article-head:not(#l24-x) p.meta,
.hero-copy:not(#l24-x) .hero-description,
.section-head:not(#l24-x) .section-description,
.process-list:not(#l24-x) li p,
.process-footnote:not(#l24-x),
.faq-details:not(#l24-x) .faq-answer,.faq-details:not(#l24-x) .faq-answer p,
:is(.v3-content-original,.v4-document__body):not(#l24-x) details:not(.l24-toc-fold) > :not(summary),
:is(.v3-content-original,.v4-document__body):not(#l24-x) blockquote{font-size:17px}
/* 2026-10-26 요약·확인 기준·답 상자 아이콘이 글자를 덮던 결함: 왼쪽 여백 규칙이 밀려 20px이 됨 → 우선순위 보강 */
:is(.editorial-summary,.leak24-parity-basis,.leak24-answer):not(#l24-x){padding-left:56px}
@media(max-width:600px){:is(.editorial-summary,.leak24-parity-basis,.leak24-answer):not(#l24-x){padding-left:48px}}

/* 2026-10-26 사장님 "메인 헤더는 흰색인데 다른 곳은 네이비" → 전 쪽 헤더를 홈과 같게: 흰 바탕·짙은 글자·안내형 알약(tel 아님) */
.site-header:not(#l24-x){background:#fff;color:#18222b;border-bottom:1px solid #e3e6e8;box-shadow:0 2px 12px rgba(7,19,26,.05)}
.site-header:not(#l24-x) .brand,.site-header:not(#l24-x) .brand span,.site-header:not(#l24-x) .main-menu a{color:#18222b!important}
.site-header:not(#l24-x) .main-menu a[aria-current]{color:#b4500f!important}
.site-header:not(#l24-x) .menu-toggle{color:#18222b!important;border:1px solid #d5dadd;background:#fff}
.site-header:not(#l24-x) .menu-toggle svg{color:#18222b;stroke:currentColor}
.site-header .header-pill{margin-left:auto;font-size:14px;font-weight:800;color:#b4500f;border:1.5px solid rgba(180,80,15,.45);border-radius:999px;padding:7px 14px;white-space:nowrap}
@media (max-width:1023px){.site-header .header-pill{display:none}.site-header:not(#l24-x) .main-menu{background:#fff;border-color:#e3e6e8}}
/* 헤더 아래 주황 전화 띠 없앰 → 떠 있는 전화는 데스크톱 오른쪽 아래 작은 버튼 2개(상담 구역을 지난 뒤), 휴대폰은 하단 바 */
.call-band:not(.call-band--float){display:none!important}
@media (min-width:768px){
  body .call-band--float:not(#l24-x){top:auto!important;left:auto!important;right:20px;bottom:20px;width:auto;background:none!important;box-shadow:none!important;border:0;padding:0;transform:translateY(160%)}
  body.l24-cta-out .call-band--float:not(#l24-x){transform:none}  /* 플러그인 head 인라인(translateY(-110%))보다 우선 */
  .call-band--float .call-band__inner{display:flex;gap:10px;width:auto;max-width:none;min-height:0;padding:0;margin:0}
  .call-band--float :is(.call-band__cta,.call-band__kakao){display:inline-flex;align-items:center;gap:8px;height:56px;padding:0 18px;border-radius:14px;box-shadow:0 10px 26px rgba(7,19,26,.28);text-decoration:none}
  .call-band--float .call-band__cta{background:#f9732a;color:#1a0d05}
  .call-band--float .call-band__cta img{width:30px;height:30px}
  .call-band--float .call-band__cta strong{font-size:15px;color:#1a0d05}
  .call-band--float .call-band__cta small{font-size:12.5px;color:#3b1d08}
  .call-band--float .call-band__kakao{background:#FEE500;color:#191600;font-weight:800}}
/* 바닥글 설명 17px(홈과 같음) */
.site-footer .footer-grid p{font-size:17px}
/* 읽는 문장 17px: 상담 전 기록 상자 설명·본문 표 칸 */
.v3-content-record__list:not(#l24-x) span,:is(.v3-content-original,.v4-document__body):not(#l24-x) table{font-size:17px}
/* 안내 상자(notice) 문단 17px · 휴대폰 상담 띠 배경 그림은 세로로 길어 2.9배 늘어나므로 숨김(남색 바탕만) */
.v3-content-note:not(#l24-x) p{font-size:17px}
@media (max-width:767px){.contact-section .contact-art{display:none}}
/* 읽는 문장 17px: FAQ 답·질문, 사이트 안내 결과 설명, 지역 안내 알림 */
.v3-support-faq-item__answer:not(#l24-x) p,.v3-support-faq-item:not(#l24-x) summary span,.v4-directory-result__copy:not(#l24-x) span,.v3-content-region-notice:not(#l24-x) p{font-size:17px}
/* 404 칸을 헤더 끝선(1280, 좌우 20px)에 맞춤 */
.nusu-not-found:not(#l24-x) .nusu-wrap{width:min(1280px,calc(100% - 40px));max-width:none;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}

/* redesign-v3-content.css */
.v3-content { padding-block: 40px 80px; }
.v3-content .section { padding-block: 0; }
.v3-content .section + .section { margin-top: 72px; }
.v3-content-grid { gap: 24px; }
.v3-content-grid > * { min-width: 0; }
.v3-content-note,
.v3-content-region-notice { display: flex; align-items: flex-start; gap: 12px; margin-top: 28px; padding: 18px 20px; background: #fff6f0; border: 1px solid #f4d2bd; color: #26353d; }
.v3-content-note svg,
.v3-content-region-notice svg { flex: 0 0 auto; width: 21px; height: 21px; color: #e7651f; }
.v3-content-note p,
.v3-content-region-notice p { margin: 0; line-height: 1.65; }
.v3-content-chips { margin: 28px 0 32px; }
.v3-content-reading { min-width: 0; }
.v3-content--service .v3-content-reading,
.v3-content--service > .v3-content-breadcrumb,
.v3-content--article .v3-content-reading { width: min(100%, 840px); margin-inline: auto; }
.v3-content-reading h1 { margin: 10px 0 20px; color: #07131a; font-size: clamp(32px, 3.4vw, 52px); line-height: 1.25; letter-spacing: -0.045em; }
.v3-content-lead { margin: 0; color: #34434a; font-size: clamp(1.1rem, 1.65vw, 1.35rem); line-height: 1.75; overflow-wrap: anywhere; }
.v3-content-hero-image { margin: 38px 0; overflow: hidden; border-radius: 24px; background: #e6e8e7; }
.v3-content-hero-image img { display: block; width: 100%; height: auto; object-fit: contain; color: #536168; }
.v3-content-hero-image figcaption { padding: 12px 16px; background: #f3f3f1; color: #5c686c; font-size: .84rem; line-height: 1.55; }
.v4-service-hero { width: 100%; }
.v3-content-record,
.v3-content-order,
.v3-content-category-intro { padding: clamp(24px, 4vw, 40px); border-radius: 16px; }
.v3-content-record { margin: 0 0 30px; background: #f3f3f1; }
.v3-content-record h2,
.v3-content-order h2,
.v3-content-category-intro h2 { margin: 7px 0 22px; color: #07131a; font-size: clamp(1.35rem, 2.2vw, 1.85rem); letter-spacing: -0.035em; }
.v3-content-record__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px 26px; margin: 0; padding: 0; list-style: none; }
.v3-content-record__list li { padding-top: 14px; border-top: 1px solid #d5d8d6; }
.v3-content-record__list strong,
.v3-content-record__list span { display: block; }
.v3-content-record__list strong { margin-bottom: 5px; color: #07131a; }
.v3-content-record__list span { color: #536168; font-size: .94rem; line-height: 1.6; }
.v3-content-order { margin: 30px 0; border: 1px solid #dfe2df; }
.v3-content-order ol { display: grid; gap: 12px; margin: 0; padding-left: 1.35em; color: #34434a; line-height: 1.65; }
.v3-content-original { color: #26353d; font-size: 1.125rem; line-height: 1.82; overflow-wrap: anywhere; }
.v3-content-original > :first-child { margin-top: 0; }
.v3-content-original h2 { margin: 2.6em 0 .75em; color: #07131a; font-size: clamp(1.45rem, 2.8vw, 2.05rem); line-height: 1.3; letter-spacing: -0.04em; }
.v3-content-original h3 { margin: 2em 0 .65em; color: #07131a; font-size: 1.25rem; line-height: 1.4; }
.v3-content-original p,
.v3-content-original li { overflow-wrap: anywhere; }
.v3-content-original a { color: #a94716; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.v3-content-original table { width: 100%; min-width: 550px; border-collapse: collapse; font-size: .96rem; }
.v3-content-original th,
.v3-content-original td { padding: 13px; border: 1px solid #dfe2df; vertical-align: top; text-align: left; }
.v3-content-original th { background: #f3f3f1; color: #07131a; }
.v3-content-original .table-scroll { overflow-x: auto; margin: 1.8em 0; border-radius: 12px; }
.v3-content-original .nusu-table-scroll { max-width:100%; overflow-x:auto; margin:1.8em 0; border-radius:12px; }
.v3-content-original .nusu-table-scroll-hint { color:#58636e; font-size:14px; }
.v3-content-original caption { text-align:left; color:#58636e; padding:8px; }
.v3-content-original .editorial-summary { margin: 1.8em 0; padding: 20px; border-left: 4px solid #f9732a; background: #fff6f0; }
.v3-content-original .editorial-summary p { margin-bottom: 0; }
.v3-content-original .article-toc,
.v3-content-original .service-toc { margin: 1.8em 0; padding: 22px; border-radius: 16px; background: #f3f3f1; font-size: 1rem; }
.v3-content-original .article-toc ul,
.v3-content-original .service-toc ul { display: grid; gap: 6px; margin: 12px 0 0; padding-left: 1.25em; }
.v3-content-original .article-sources,
.v3-content-original .service-sources { margin-top: 42px; padding-top: 25px; border-top: 1px solid #dfe2df; font-size: 1rem; }
.v3-content-original .article-related,
.v3-content-original .service-related { margin-top: 38px; }
.v3-content-original .article-cta,
.v3-content-original .service-cta { margin-top: 38px; padding: 26px; border-radius: 16px; background: #07131a; color: #fff; }
.v3-content-original .article-cta a,
.v3-content-original .service-cta a { color: #ffad7c; }
.v3-content-link { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 14px 0; color: #26353d; border-top: 1px solid #dfe2df; line-height: 1.45; text-decoration: none; }
.v3-content-link:hover,
.v3-content-link:focus-visible { color: #b34d19; }
.v3-content-link svg { flex: 0 0 auto; width: 17px; }
.v4-service-related { margin-top: 48px; padding: clamp(24px, 4vw, 36px); border-radius: 16px; }
.v4-service-related h2 { margin: 8px 0 14px; color: #07131a; font-size: 1.3rem; }
.v4-service-related__links { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 24px; }
.v4-service-related__links .v3-content-link { min-width: 0; }
.v3-content-article-head { margin-bottom: 34px; }
.v3-content-article-head .meta { margin-top: 18px; color: #687477; font-size: .92rem; }
.v3-content-related { margin-top: 58px; }
.v3-content-related .mini-label { margin-bottom: 16px; }
.v3-content-category-intro { margin-bottom: 46px; background: #07131a; color: #e8eceb; }
.v3-content-category-intro .eyebrow { color: #f7a069; }
.v3-content-category-intro p:last-child { max-width: 65ch; margin-bottom: 0; font-size: 1.1rem; line-height: 1.7; }
.v3-content-breadcrumb { margin-bottom: 38px; }
.v3-content-region-picker { display: flex; flex-wrap: wrap; align-items: end; gap: 10px 12px; margin: -12px 0 28px; }
.v3-content-region-picker label { flex: 1 0 100%; color: #536168; font-size: .94rem; font-weight: 700; }
.v3-content-region-picker select { flex: 1 1 220px; min-width: 0; min-height: 44px; padding: 0 12px; border: 1px solid #cad1d5; border-radius: 10px; background: #fff; color: #26353d; font: inherit; }
.v3-content-region-picker .btn { min-height: 44px; }
.v3-content-region-notice { margin-bottom: 24px; }

@media (max-width: 900px) {
  .v3-content { padding-block: 56px 72px; }
  .v4-service-related__links { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
  .v3-content { padding-block: 42px 56px; }
  .v3-content-grid { gap: 16px; }
  .v3-content-reading h1 { max-width: none; font-size: clamp(2rem, 10vw, 2.75rem); }
  .v3-content-hero-image { margin-block: 28px; border-radius: 16px; }
  .v3-content-hero-image img { min-height: 0; }
  .v3-content-record,
  .v3-content-order,
  .v3-content-category-intro { padding: 21px; border-radius: 16px; }
  .v3-content-record__list { grid-template-columns: 1fr; }
  .v3-content-original { font-size: 17px; line-height: 1.8; }
  .v3-content-original h2 { margin-top: 2.2em; }
  .v3-content-note,
  .v3-content-region-notice { padding: 16px; }
  .v3-content-region-picker { margin-bottom: 24px; }
  .v3-content-region-picker .btn { flex: 1 0 auto; }
  .v4-service-related__links { grid-template-columns: 1fr; }
}

.v3-content--article .v3-content-hero-image img { height: auto; min-height: 0; max-height: none; object-fit: contain; }
.v3-content-original p { margin: 1em 0; }
.v3-content-original .nusu-article-meta { display: flex; flex-wrap: wrap; gap: 8px 24px; font-size: 14px; }
.v3-content + .contact-section { margin-top: 0; }
.v3-content-original figure { max-width: 100%; }
.v3-content-original figure img { height: auto; }
.nusu-discovery-pagination { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: center; margin-top: 40px; }
.nusu-discovery-pagination a,
.nusu-discovery-pagination [aria-current] { display: grid; place-items: center; min-width: 44px; min-height: 44px; border: 1px solid #cad1d5; border-radius: 10px; }
.nusu-discovery-pagination [aria-current] { background: #07131a; color: #fff; }
.nusu-discovery-pagination p { flex-basis: 100%; text-align: center; }

/* redesign-v3-support.css */
/* v3 지원 페이지 전용: 전역 테마를 건드리지 않는 선검토용 스타일 */
/* 운영 적용: 사진 원본 비율, 문서 폭, 문의 카드 정렬을 유지합니다. */
.v3-support-page {
  --v3-navy: #07131a;
  --v3-navy-soft: #142833;
  --v3-orange: #f9732a;
  --v3-orange-pale: #fff0e7;
  --v3-ink: #1c2b33;
  --v3-muted: #617078;
  --v3-line: #d8e0e3;
  --v3-paper: #ffffff;
  --v3-ground: #f4f7f7;
  background: var(--v3-ground);
  color: var(--v3-ink);
  font-family: Pretendard, "Noto Sans KR", sans-serif;
  font-size: 18px;
  line-height: 1.72;
}

.v3-support-page *,
.v3-support-page *::before,
.v3-support-page *::after { box-sizing: border-box; }
.v3-support-page a { color: inherit; }
.v3-support-page img { display: block; width: 100%; }
.v3-support-page .wrap1240 { width: min(1240px, calc(100% - 48px)); margin-inline: auto; }
.v3-support-page .reading760 { width: min(760px, 100%); margin-inline: auto; }
.v3-support-page .section { padding: clamp(52px, 7vw, 96px) 0; }
.v3-support-page .paper { background: var(--v3-paper); border: 1px solid var(--v3-line); border-radius: 16px; }
.v3-support-page .grid3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.v3-support-page .eyebrow,
.v3-support-page .mini-label { margin: 0 0 10px; color: #a74013; font-size: .82rem; font-weight: 800; letter-spacing: .04em; }
.v3-support-page .mini-label { color: var(--v3-muted); }
.v3-support-page .page-banner .eyebrow { color: #ffac7a; }
.v3-support-page .meta { color: var(--v3-muted); font-size: .9rem; }
.v3-support-page .notice { padding: 18px 20px; border-left: 4px solid var(--v3-orange); background: var(--v3-orange-pale); color: #62300f; }
.v3-support-page .btn:focus-visible,
.v3-support-page button:focus-visible,
.v3-support-page summary:focus-visible,
.v3-support-page input:focus-visible { outline: 3px solid #f8a06e; outline-offset: 3px; }

.v3-support-page .v3-support-head { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 32px; }
.v3-support-page .v3-support-head h2 { max-width: 18ch; margin: 0; color: var(--v3-navy); font-size: clamp(1.65rem, 3vw, 2.7rem); line-height: 1.25; letter-spacing: -.04em; word-break: keep-all; }
.v3-support-page .v3-support-head__description { max-width: 48ch; margin: 12px 0 0; color: var(--v3-muted); word-break: keep-all; }
.v3-support-page .v3-support-head__link { flex: none; color: var(--v3-navy); font-size: .92rem; font-weight: 800; }

.v3-support-page .v3-support-filter { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 28px; }
.v3-support-page .v3-support-filter a { padding: 8px 14px; border: 1px solid var(--v3-line); border-radius: 99px; background: #fff; color: var(--v3-navy); font-size: .9rem; font-weight: 700; text-decoration: none; }
.v3-support-page .v3-support-filter a[aria-current="page"] { border-color: var(--v3-navy); background: var(--v3-navy); color: #fff; }

.v3-support-page .v3-support-case { overflow: hidden; min-width: 0; background: #fff; border: 1px solid var(--v3-line); border-radius: 16px; }
.v3-support-page .case-card { display: block; height: 100%; color: inherit; text-decoration: none; }
.v3-support-page .case-card .card-media { position: relative; overflow: hidden; aspect-ratio: 1 / .66; background: #dce5e8; }
.v3-support-page .case-card .card-media img { height: 100%; object-fit: cover; }
.v3-support-page .case-card .card-body { padding: 22px; }
.v3-support-page .case-card h3 { margin: 0; color: var(--v3-navy); font-size: 1.23rem; line-height: 1.4; word-break: keep-all; }
.v3-support-page .case-card p:not(.mini-label) { margin: 12px 0 0; color: var(--v3-muted); font-size: .94rem; word-break: keep-all; }
.v3-support-page .case-card .mini-label { display: block; margin-bottom: 7px; color: #a74013; }
.v3-support-page .case-card .card-more { display: inline-flex; gap: 7px; align-items: center; margin-top: 18px; color: var(--v3-navy); font-size: .9rem; font-weight: 800; }
.v3-support-page .case-card .card-more svg { width: 16px; height: 16px; }
.v3-support-page .v3-support-pagination { display: flex; justify-content: center; gap: 8px; margin-top: 36px; }
.v3-support-page .v3-support-pagination a { display: grid; place-items: center; min-width: 44px; min-height: 44px; border: 1px solid var(--v3-line); border-radius: 10px; background: #fff; color: var(--v3-navy); font-size: .92rem; font-weight: 800; text-decoration: none; }
.v3-support-page .v3-support-pagination a[aria-current="page"] { border-color: var(--v3-navy); background: var(--v3-navy); color: #fff; }
.v3-support-page .v3-support-case__image { aspect-ratio: 1 / .66; background: #dce5e8; }
.v3-support-page .v3-support-case__image img { height: 100%; object-fit: cover; }
.v3-support-page .v3-support-case__body { padding: 22px; }
.v3-support-page .v3-support-case__label { margin: 0 0 7px; color: #a74013; font-size: .82rem; font-weight: 800; }
.v3-support-page .v3-support-case h2,
.v3-support-page .v3-support-case h3 { margin: 0; color: var(--v3-navy); font-size: 1.23rem; line-height: 1.4; word-break: keep-all; }
.v3-support-page .v3-support-case p:not(.v3-support-case__label) { margin: 12px 0 0; color: var(--v3-muted); font-size: .94rem; word-break: keep-all; }
.v3-support-page .v3-support-case a { display: block; text-decoration: none; }
.v3-support-page .v3-support-case a:focus-visible { outline: 3px solid #f8a06e; outline-offset: -3px; }

.v3-support-page .v3-support-case-detail { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(300px, .9fr); gap: clamp(28px, 5vw, 68px); }
.v3-support-page .v3-support-case-detail__lead h2 { margin: 0; color: var(--v3-navy); font-size: clamp(1.5rem, 2.5vw, 2.25rem); line-height: 1.3; word-break: keep-all; }
.v3-support-page .v3-support-case-detail__lead p { color: var(--v3-muted); word-break: keep-all; }
.v3-support-page .v3-support-stages { display: grid; gap: 20px; margin: 32px 0 0; }
.v3-support-page .v3-support-stage { display: grid; grid-template-columns: 68px minmax(0, 1fr); gap: 14px; align-items: start; }
.v3-support-page .v3-support-stage__number { display: grid; place-items: center; min-height: 38px; border: 1px solid var(--v3-line); border-radius: 8px; color: #a74013; font-size: .84rem; font-weight: 900; }
.v3-support-page .v3-support-stage__label { margin: 6px 0 0; font-weight: 800; word-break: keep-all; }
.v3-support-page .v3-support-stage__image { grid-column: 2; overflow: hidden; aspect-ratio: 1; border-radius: 12px; background: #dce5e8; }
.v3-support-page .v3-support-stage__image img { height: 100%; object-fit: cover; }

.v3-support-page .v3-support-faq-tools { padding: 22px; margin-bottom: 24px; }
.v3-support-page .v3-support-faq-tools label { display: block; margin-bottom: 8px; color: var(--v3-navy); font-weight: 800; }
.v3-support-page .v3-support-faq-search { display: flex; gap: 10px; }
.v3-support-page .v3-support-faq-search input { width: 100%; min-height: 50px; padding: 0 14px; border: 1px solid #aebcc2; border-radius: 8px; color: var(--v3-ink); font: inherit; }
.v3-support-page .v3-support-faq-filters { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.v3-support-page .v3-support-faq-filters button { padding: 8px 12px; border: 1px solid var(--v3-line); border-radius: 99px; background: #fff; color: var(--v3-navy); font: inherit; font-size: .88rem; font-weight: 700; cursor: pointer; }
.v3-support-page .v3-support-faq-filters button[aria-pressed="true"] { border-color: var(--v3-navy); background: var(--v3-navy); color: #fff; }
.v3-support-page .v3-support-faq-status { margin: 13px 0 0; color: var(--v3-muted); font-size: .9rem; }
.v3-support-page .v3-support-faq-list { display: grid; gap: 12px; }
.v3-support-page .v3-support-faq-item { overflow: hidden; border: 1px solid var(--v3-line); border-radius: 12px; background: #fff; }
.v3-support-page .v3-support-faq-item summary { display: grid; grid-template-columns: 100px minmax(0, 1fr); gap: 14px; padding: 20px; color: var(--v3-navy); font-weight: 800; cursor: pointer; list-style: none; }
.v3-support-page .v3-support-faq-item summary::-webkit-details-marker { display: none; }
.v3-support-page .v3-support-faq-item__topic { color: #a74013; font-size: .8rem; }
.v3-support-page .v3-support-faq-item__answer { padding: 0 20px 20px 134px; color: var(--v3-muted); font-size: .94rem; word-break: keep-all; }
.v3-support-page .v3-support-faq-empty { padding: 34px; text-align: center; }

.v3-support-page .v3-support-first-three { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: 30px; padding: clamp(24px, 4vw, 42px); }
.v3-support-page .v3-support-first-three h2 { margin: 0; color: var(--v3-navy); font-size: clamp(1.45rem, 2.4vw, 2.15rem); line-height: 1.32; word-break: keep-all; }
.v3-support-page .v3-support-first-three nav { display: grid; gap: 8px; }
.v3-support-page .v3-support-first-three a { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 10px; padding: 13px 0; border-bottom: 1px solid var(--v3-line); color: var(--v3-navy); font-size: .94rem; font-weight: 700; line-height: 1.45; text-decoration: none; word-break: keep-all; }
.v3-support-page .v3-support-first-three a:first-child { padding-top: 0; }
.v3-support-page .v3-support-first-three a span { color: #a74013; font-size: .82rem; }

/* FAQ는 배너부터 검색·목록까지 같은 외곽 폭과 한 번의 구간 여백을 사용합니다. */
.v3-support-page.v3-support-faq .reading760 { width: min(1280px, calc(100% - 64px)); }
.v3-support-page.v3-support-faq > .section { padding-block: 36px 0; }
.v3-support-page.v3-support-faq > .v3-support-faq-section { padding-block: 32px 64px; }

.v3-support-page .v3-support-document { padding: clamp(28px, 4vw, 48px); }
.v3-support-page .v3-support-document__intro { margin: 0; color: var(--v3-muted); font-size: 1.08rem; word-break: keep-all; }
.v3-support-page .v3-support-document__toc { margin: 30px 0; padding: 20px; border: 1px solid var(--v3-line); border-radius: 12px; background: #f8fafb; }
.v3-support-page .v3-support-document__toc strong { color: var(--v3-navy); }
.v3-support-page .v3-support-document__toc ol { display: grid; gap: 7px; margin: 12px 0 0; padding-left: 22px; }
.v3-support-page .v3-support-document__toc a { color: var(--v3-navy); text-underline-offset: 3px; }
.v3-support-page .v3-support-document h2 { margin: 44px 0 14px; color: var(--v3-navy); font-size: clamp(1.3rem, 2vw, 1.75rem); line-height: 1.35; word-break: keep-all; }
.v3-support-page .v3-support-document h2:first-of-type { margin-top: 0; }
.v3-support-page .v3-support-document p,
.v3-support-page .v3-support-document li { word-break: keep-all; }
.v3-support-page .v3-support-document a { color: var(--v3-navy); font-weight: 700; text-underline-offset: 3px; }
.v3-support-page .v3-support-contact-path { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-top: 34px; padding: 24px; border-radius: 12px; background: var(--v3-navy); color: #fff; }
.v3-support-page .v3-support-contact-path p { flex: 1 1 260px; margin: 0; color: #d7e3e7; }

.v3-support-page .v3-support-directory { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.v3-support-page .v3-support-directory__card { min-height: 180px; padding: 22px; border: 1px solid var(--v3-line); border-radius: 16px; background: #fff; text-decoration: none; }
.v3-support-page .v3-support-directory__card:hover { border-color: var(--v3-navy); }
.v3-support-page .v3-support-directory__card h2 { margin: 9px 0 0; color: var(--v3-navy); font-size: 1.18rem; word-break: keep-all; }
.v3-support-page .v3-support-directory__card p:not(.mini-label) { margin: 8px 0 0; color: var(--v3-muted); font-size: .92rem; word-break: keep-all; }
.v3-support-page .v3-support-directory__all { margin-top: 28px; padding: 18px 22px; }
.v3-support-page .v3-support-directory__all summary { color: var(--v3-navy); font-weight: 800; cursor: pointer; }
.v3-support-page .v3-support-directory__all ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 24px; margin: 20px 0 0; padding: 0; list-style: none; }
.v3-support-page .v3-support-directory__all a { color: var(--v3-navy); text-underline-offset: 3px; }

@media (max-width: 820px) {
  .v3-support-page .grid3,
  .v3-support-page .v3-support-directory { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .v3-support-page .v3-support-case-detail { grid-template-columns: 1fr; }
  .v3-support-page .v3-support-first-three { grid-template-columns: 1fr; }
}

@media (max-width: 767px) {
  .v3-support-page.v3-support-faq .reading760 { width: calc(100% - 40px); }
}

@media (max-width: 560px) {
  .v3-support-page.v3-support-faq > .section { padding-block: 24px 0; }
  .v3-support-page.v3-support-faq > .v3-support-faq-section { padding-block: 24px 48px; }
  .v3-support-page { font-size: 16px; }
  .v3-support-page .wrap1240 { width: min(100% - 32px, 1240px); }
  .v3-support-page .section { padding: 48px 0; }
  .v3-support-page .grid3,
  .v3-support-page .v3-support-directory { grid-template-columns: 1fr; }
  .v3-support-page .v3-support-head { display: block; margin-bottom: 24px; }
  .v3-support-page .v3-support-head__link { display: inline-block; margin-top: 16px; }
  .v3-support-page .v3-support-faq-search { display: block; }
  .v3-support-page .v3-support-faq-search .btn { width: 100%; margin-top: 10px; }
  .v3-support-page .v3-support-faq-item summary { grid-template-columns: 1fr; gap: 6px; }
  .v3-support-page .v3-support-faq-item__answer { padding: 0 20px 20px; }
  .v3-support-page .v3-support-directory__all ul { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .v3-support-page *, .v3-support-page *::before, .v3-support-page *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

@media (max-width: 359px) {
  .v3-support-page.v3-support-faq .reading760 { width: calc(100% - 32px); }
}

.v3-support-page .v3-support-stage__image{aspect-ratio:auto}.v3-support-page .v3-support-stage__image img{height:auto;object-fit:contain}.v3-support-page .reading760{width:min(760px,calc(100% - 40px))}.v3-support-page .contact-art{width:100%;height:100%}.v3-support-page .contact-card .btn-dark{color:#fff}.v3-support-document .wp-block-post-content p{margin:1em 0}.v3-support-document .wp-block-post-content h2{margin:2em 0 .7em;font-size:28px}.v3-support-document .wp-block-post-content h3{margin:1.5em 0 .6em}.v3-support-faq-item summary{position:relative;padding-right:44px!important}.v3-support-faq-item summary::after{content:"+";position:absolute;right:20px;top:24px;color:#a74013;font-size:24px}.v3-support-faq-item[open] summary::after{content:"−"}.v3-support-faq-item__answer p{margin:.8em 0}

/* redesign-v4.css */
/* V4 공통 표현: 실제 이미지, 대칭 외곽, 충분한 본문 폭 */
:root { --reading:840px; }
.skip { clip-path:inset(50%); pointer-events:none; }
.skip:focus { clip-path:none; pointer-events:auto; }
.wrap1280 { width:min(1280px,calc(100% - 64px)); margin-inline:auto; }
.wrap1040 { width:min(1040px,calc(100% - 64px)); margin-inline:auto; }
.v3-support-page .wrap1240 { width:min(1280px,calc(100% - 64px)); }
.section { padding-block:80px; }
.v4-banner { position:relative; isolation:isolate; display:flex; align-items:center; min-height:320px; overflow:hidden; border-radius:24px; background:#07131a; color:#fff; }
.v4-banner__copy { position:relative; z-index:2; width:59%; padding:46px 52px; }
.v4-banner__copy .eyebrow { color:#ffad7a; margin-bottom:15px; }
.v4-banner__copy h1 { color:#fff; font-size:clamp(36px,3.3vw,48px); line-height:1.24; letter-spacing:-.045em; }
.v4-banner__copy > p:not(.eyebrow):not(.v4-banner__count) { margin-top:20px; color:#d5dfe4; font-size:17px; line-height:1.8; }
.v4-banner__copy .v4-banner__count { display:block; margin-top:24px; color:#ffc29d; font-size:14px; font-weight:650; }
.v4-banner__visual { position:absolute; z-index:0; inset:0; }
.v4-banner__visual > img { width:100%; height:100%; object-fit:cover; }
.v4-banner--panorama::after { content:''; position:absolute; z-index:1; inset:0; background:linear-gradient(90deg,#07131a66 35%,#07131a22 57%,transparent 74%); pointer-events:none; }
.v4-banner--split .v4-banner__visual { left:58%; }
.v4-banner--split .v4-banner__visual::before { content:''; position:absolute; z-index:1; inset:0; background:linear-gradient(90deg,#07131a,transparent 24%); }
.v4-banner--category .v4-banner__visual > img { object-fit:contain; }
.v4-case-mosaic { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; align-items:center; height:100%; padding:28px 20px 28px 0; }
.v4-case-mosaic > div { overflow:hidden; border-radius:12px; height:220px; }
.v4-case-mosaic > div:nth-child(2) { height:270px; }
.v4-case-mosaic img { width:100%; height:100%; object-fit:cover; }
.v4-banner--cases .v4-banner__copy { width:59%; }
.v4-case-heading { padding:40px 0 0; background:#fff; }
.v4-case-heading h1 { max-width:900px; font-size:clamp(36px,3.5vw,52px); line-height:1.25; }
.v4-case-heading__summary { max-width:840px; margin-top:22px; color:#58636e; font-size:20px; line-height:1.8; }
.v4-process-art { display:flex; align-items:center; width:96px; height:96px; margin-bottom:22px; }
.v4-process-art img { width:100%; height:100%; object-fit:contain; }
.process-list { gap:28px; }
.process-list li { border-color:#ffffff32; }
.process-list .process-number { margin-bottom:14px; color:#ffb180; }
.v4-contact { padding-block:80px; }
.v4-contact .contact-grid { grid-template-columns:minmax(0,1fr) 440px; gap:64px; }
.v4-contact .contact-copy h2 { max-width:650px; font-size:44px; }
.v4-contact .contact-checks { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin:30px 0; padding:0; list-style:none; }
.v4-contact .contact-checks li { display:flex; flex-direction:column; align-items:flex-start; gap:10px; color:#d7e1e7; font-size:15px; line-height:1.6; }
.v4-contact-icon { width:66px; height:66px; object-fit:contain; }
.v4-contact .contact-card { padding:36px; border-radius:20px; }
.v4-contact .contact-number { font-size:38px; line-height:1.3; }
.v4-contact .contact-card .main-call { min-height:72px; }
.v4-contact .contact-copy > small { display:block; max-width:580px; line-height:1.8; }
.site-footer { padding-top:64px; }
.footer-grid { grid-template-columns:1fr 1.35fr 1.1fr .85fr; gap:40px; }
.footer-grid h2 { font-size:16px; margin-bottom:22px; }
.footer-grid dl,.footer-grid section > p,.footer-grid nav > a,.footer-brand > p { font-size:15px; }
.footer-grid dt { font-size:13px; }
.footer-phone { font-size:25px; }
.footer-grid nav > a { min-height:40px; }
.footer-bottom { font-size:13px; }
.footer-bottom nav { margin-left:auto; margin-right:0; }
.v4-document-page { background:#f3f3f1; }
@media(max-width:1100px) {
  .v4-banner__copy { padding:38px; width:62%; }
  .v4-banner--split .v4-banner__visual { left:58%; }
  .v4-contact .contact-grid { grid-template-columns:minmax(0,1fr) 370px; gap:36px; }
  .v4-contact .contact-number { font-size:32px; }
  .footer-grid { grid-template-columns:1fr 1fr; gap:36px; }
}
@media(max-width:767px) {
  body { font-size:17px; line-height:1.8; }
  .wrap,.wrap1240,.wrap1280,.wrap1040,.v3-support-page .wrap1240 { width:calc(100% - 40px); }
  .section { padding-block:56px; }
  .v4-banner { display:flex; flex-direction:column; align-items:stretch; min-height:0; border-radius:20px; }
  .v4-banner__copy,.v4-banner--cases .v4-banner__copy { width:100%; padding:30px 26px 20px; }
  .v4-banner__copy h1 { font-size:32px; line-height:1.3; }
  .v4-banner__copy > p:not(.eyebrow):not(.v4-banner__count) { margin-top:18px; font-size:16px; }
  .v4-banner__copy .v4-banner__count { margin-top:20px; }
  .v4-banner__visual,.v4-banner--split .v4-banner__visual { position:relative; inset:auto; height:190px; }
  .v4-banner__visual > img { object-position:85% center; }
  .v4-banner--panorama::after { display:none; }
  .v4-banner--panorama .v4-banner__visual > img { width:190%; max-width:none; transform:translateX(-44%); object-fit:cover; }
  .v4-banner--split .v4-banner__visual::before { background:linear-gradient(180deg,#07131a,transparent 30%); }
  .v4-case-mosaic { gap:10px; padding:12px 20px 0; }
  .v4-case-mosaic > div { height:150px; }
  .v4-case-mosaic > div:nth-child(2) { height:175px; }
  .v4-case-heading { padding-top:28px; }
  .v4-case-heading h1 { font-size:32px; }
  .v4-case-heading__summary { font-size:18px; margin-top:18px; }
  .v4-process-art { width:70px; height:70px; grid-column:1; grid-row:auto; margin:0; }
  .process-list li { grid-template-columns:72px minmax(0,1fr); gap:10px 20px; }
  .process-list .process-number { grid-column:2; grid-row:auto; margin:0; padding:0; }
  .process-list h3 { grid-column:2; }
  .process-list p { grid-column:2; }
  .v4-contact { padding-block:56px; }
  .v4-contact .contact-grid { grid-template-columns:1fr; gap:32px; }
  .v4-contact .contact-copy h2 { font-size:32px; }
  .v4-contact .contact-checks { gap:12px; }
  .v4-contact .contact-checks li { font-size:13px; }
  .v4-contact-icon { width:54px; height:54px; }
  .v4-contact .contact-card { padding:28px 22px; }
  .v4-contact .contact-number { font-size:32px; }
  .v4-contact .contact-card .main-call { min-height:64px; }
  .footer-grid { grid-template-columns:1fr; gap:32px; }
  .footer-grid nav > a { min-height:44px; }
  .footer-bottom nav { margin-left:0; }
}
@media(max-width:359px) {
  .wrap,.wrap1240,.wrap1280,.wrap1040,.v3-support-page .wrap1240 { width:calc(100% - 32px); }
  .v4-banner__copy { padding:26px 20px 20px; }
  .v4-banner__copy h1,.v4-case-heading h1 { font-size:30px; }
  .v4-contact .contact-number { font-size:29px; }
}
/* 실제 200% 확대에서 390px 창이 약 195 CSS px로 줄어드는 경우입니다. */
@media(max-width:280px) {
  .site-header { height:auto; min-height:64px; }
  .header-inner { display:grid; grid-template-columns:minmax(0,1fr) 42px; gap:8px; padding-block:12px; }
  .header-inner .brand { min-width:0; gap:6px; white-space:nowrap; font-size:20px; }
  .header-inner .brand img { width:22px; height:auto; flex:0 0 22px; }
  .header-inner .brand > span { font-size:23px; white-space:nowrap; }
  .text-link { max-width:100%; white-space:normal; }
  .text-link svg { flex-shrink:0; }
  .header-call { grid-column:1/-1; grid-row:2; min-height:44px; padding:8px 12px; font-size:16px; white-space:nowrap; }
  .menu-toggle { grid-column:2; grid-row:1; }
  .header-inner .main-menu { top:100%; }
  .footer-grid { grid-template-columns:minmax(0,1fr); }
  .footer-grid > * { min-width:0; }
  .footer-phone { max-width:100%; font-size:clamp(16px,9vw,25px); white-space:normal; overflow-wrap:anywhere; }
  .footer-bottom nav { flex-direction:column; align-items:flex-start; gap:8px; }
  .v4-contact .contact-card { padding:24px 12px; min-width:0; }
  .v4-contact .contact-number { font-size:clamp(15px,8.7vw,23px); }
  .v4-contact .contact-checks { grid-template-columns:1fr; }
  .v4-contact .contact-checks li { flex-direction:row; align-items:center; }
  .v4-contact .contact-copy h2,.hero h1 { font-size:28px; }
  .btn { min-width:0; padding:14px 12px; }
  .btn > span { gap:8px; }
  .mobile-call { padding:8px; }
  .mobile-call .btn { min-height:64px; padding:12px 6px; font-size:16px; }
  .mobile-call .btn > span { gap:6px; }
  .mobile-call .btn svg { width:18px; height:18px; flex-basis:18px; }
  .v4-document-page .v4-document-head { padding:24px 16px; }
  .v4-document-page .v4-document__art { max-width:120px; width:100%; height:auto; }
  .v4-document-page .v4-document__toc { padding:14px; }
  .v4-document-page .v4-document__contact { padding:24px 12px; }
  .v4-directory-page .v4-directory-card > span { padding:16px; }
  .v4-directory-page .v4-directory-card__art { padding:16px; }
  .v4-directory-page .v4-directory-result > a { grid-template-columns:minmax(0,1fr) 18px; gap:10px; }
  .v4-directory-page .v4-directory-result__thumb { display:none; }
  .v4-case-detail-page .v4-case-detail-link--next { flex-wrap:wrap; }
  .hero-caption { left:16px; right:16px; bottom:80px; line-height:1.6; }
  .hero-copy { padding-bottom:180px; }
  .hero-controls { right:12px; bottom:18px; gap:6px; }
  .process-list li { display:block; }
  .v4-process-art { margin-bottom:16px; }
  .method-item { flex-direction:column; align-items:flex-start; }
}

/* redesign-v4-cases.css */
/* V4 사례 화면: 원본 사진 5장을 편집 기사 흐름으로 표시합니다. */
.v4-cases-page,.v4-case-detail-page{background:#fff;color:#18222B}.v4-cases-hub{max-width:1280px}.v4-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.v4-case-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #D9E0E5;color:inherit;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.v4-case-card:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(7,19,26,.1)}.v4-case-card__media{position:relative;aspect-ratio:1;overflow:hidden;background:#EEF2F4}.v4-case-card__image,.v4-case-stage__image{display:block;width:100%;height:100%;object-fit:cover}.v4-case-card__media span{position:absolute;right:12px;bottom:12px;padding:6px 9px;background:rgba(7,19,26,.86);color:#fff;font-size:.76rem}.v4-case-card__body{display:flex;flex:1;flex-direction:column;gap:10px;padding:21px}.v4-case-card__body p,.v4-case-card__body span{margin:0;color:#58636E;line-height:1.65}.v4-case-card__body p{font-size:.78rem;font-weight:700;letter-spacing:.08em}.v4-case-card__body h2{margin:0;color:#18222B;font-size:1.25rem;line-height:1.35}.v4-case-card__body b{display:flex;align-items:center;gap:7px;margin-top:auto;padding-top:10px;color:#A74013;font-size:.91rem}.v4-case-card__body svg{width:17px;height:17px}.v4-case-detail-page .v4-case-heading .wrap1040,.v4-case-editorial{width:min(840px,calc(100% - 64px));margin:0 auto}.v4-case-editorial__intro,.v4-case-editorial__outro{max-width:840px;margin:0 auto}.v4-case-editorial__intro{padding-bottom:54px;border-bottom:1px solid #D9E0E5}.v4-case-editorial h2{margin:0 0 20px;color:#18222B;font-size:clamp(1.65rem,3vw,2.5rem);line-height:1.25}.v4-case-editorial p{margin:0 0 16px;color:#58636E;font-size:18px;line-height:1.9}.v4-case-stages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:68px 34px;margin:68px 0;padding:0;list-style:none}.v4-case-stage{min-width:0}.v4-case-stage--1{grid-column:1/-1;display:block}.v4-case-stage--1 .v4-case-stage__copy{max-width:840px;margin:0 auto 30px}.v4-case-stage__copy{padding:0}.v4-case-stage__eyebrow{margin-bottom:9px!important;color:#A74013!important;font-size:.8rem!important;font-weight:700;letter-spacing:.08em}.v4-case-stage__copy h2{font-size:1.55rem}.v4-case-stage figure{margin:0;aspect-ratio:1;background:#EEF2F4}.v4-case-stage--1 figure{width:100%;margin:0;aspect-ratio:auto;background:transparent}.v4-case-stage--1 .v4-case-stage__image{height:auto;object-fit:contain}.v4-case-stage figcaption{padding-top:10px;color:#58636E;font-size:.83rem}.v4-case-stage:not(.v4-case-stage--1) .v4-case-stage__copy{margin-bottom:22px}.v4-case-editorial__outro{padding-top:46px;border-top:1px solid #D9E0E5}.v4-case-editorial__outro .btn{margin-top:12px}.v4-case-detail-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;margin:28px 0 10px}.v4-case-detail-link{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;padding:14px 16px;border:1px solid #D9E0E5;color:#18222B;font-weight:700;line-height:1.45;text-decoration:none}.v4-case-detail-link:hover{border-color:#F9732A;color:#A74013}.v4-case-detail-link svg{flex:0 0 auto;width:17px;height:17px;color:#F9732A}.v4-case-detail-link--next{grid-column:1/-1;background:#07131A;border-color:#07131A;color:#fff}.v4-case-detail-link--next:hover{border-color:#07131A;color:#fff}.v4-case-detail-link--next span{color:#F9732A;font-size:.78rem;letter-spacing:.05em}.v4-case-detail-page .banner-case .banner-symbol{display:flex}.v4-cases-page .page-intro .banner-image{overflow:hidden}.v4-cases-page .v4-cases-banner-image{width:100%;height:100%;object-fit:cover}
@media (max-width:900px){.v4-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v4-case-stages{gap:48px 24px}.v4-case-detail-links{grid-template-columns:1fr}.v4-case-detail-link--next{grid-column:auto}}
@media (max-width:600px){.v4-case-grid{grid-template-columns:1fr;gap:18px}.v4-case-card__body{padding:18px}.v4-case-editorial__intro{padding-bottom:37px}.v4-case-editorial p{font-size:17px;line-height:1.8}.v4-case-stages{display:block;margin:45px 0}.v4-case-stage{margin-bottom:50px}.v4-case-stage__copy{padding:0}.v4-case-stage:not(.v4-case-stage--1) .v4-case-stage__copy{margin-bottom:18px}.v4-case-stage--1 .v4-case-stage__copy{margin-bottom:22px}.v4-case-editorial__outro{padding-top:34px}.v4-case-editorial__outro .btn{width:100%;justify-content:center}}

@media (max-width:359px){.v4-case-detail-page .v4-case-heading .wrap1040,.v4-case-editorial{width:calc(100% - 32px)}}

@media (min-width:360px) and (max-width:767px){.v4-case-detail-page .v4-case-heading .wrap1040,.v4-case-editorial{width:calc(100% - 40px)}}

/* redesign-v4-documents.css */
.v4-document-page { padding: 40px 0 80px; }
.v4-document-head { display: grid; grid-template-columns: minmax(0, 1fr) 200px; gap: 20px 32px; align-items: center; margin-bottom: 24px; padding: 30px 32px; border-radius: 24px; background: #07131a; color: #fff; }
.v4-document-head .v3-content-breadcrumb { grid-column: 1 / -1; margin: 0; }
.v4-document-head .v3-content-breadcrumb a,
.v4-document-head .v3-content-breadcrumb span { color: #b8cbd4; }
.v4-document-head .eyebrow { color: #ffad7a; }
.v4-document-head__copy { min-width: 0; }
.v4-document-head h1 { margin: 10px 0 18px; color: #fff; font-size: clamp(32px, 3.4vw, 48px); line-height: 1.25; letter-spacing: -0.045em; }
.v4-document-head__copy > p:last-child { max-width: 560px; margin: 0; color: #d5dfe4; font-size: 17px; line-height: 1.8; }
.v4-document__art { display: block; width: 200px; height: 180px; object-fit: contain; }
.v4-document-head.wrap1040,.v4-document { max-width: 1040px; }
.v4-document__reading { width: 100%; margin-inline: auto; padding: 32px; background: #fff; border-radius: 20px; color: #18222b; }
.v4-document__toc { margin: 0 0 28px; padding: 20px 24px; background: #f3f3f1; border-radius: 14px; }
.v4-document__toc strong { color: #07131a; }
.v4-document__toc ol { display: grid; gap: 8px; margin: 12px 0 0; padding-left: 1.35em; }
.v4-document__toc a { color: #7f3916; text-underline-offset: 3px; }
.v4-document__body { font-size: 18px; line-height: 1.8; overflow-wrap: anywhere; }
.v4-document__body > :first-child { margin-top: 0; }
.v4-document__body h2 { margin: 1.5em 0 .75em; color: #07131a; font-size: clamp(1.4rem, 2.8vw, 2rem); line-height: 1.32; letter-spacing: -0.035em; scroll-margin-top: 32px; }
.v4-document__body h3 { margin: 2em 0 .7em; color: #07131a; font-size: 1.22rem; line-height: 1.4; }
.v4-document__body p { margin: 1em 0; }
.v4-document__body a { color: #8c3f18; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.v4-document__body figure { max-width: 100%; margin-inline: 0; }
.v4-document__body img { max-width: 100%; height: auto; }
.v4-document__body .table-scroll,
.v4-document__body .nusu-table-scroll { max-width: 100%; margin: 1.8em 0; overflow-x: auto; border-radius: 12px; }
.v4-document__body table { width: 100%; min-width: 560px; border-collapse: collapse; font-size: .94rem; }
.v4-document__body th,
.v4-document__body td { padding: 13px; border: 1px solid #dfe2df; text-align: left; vertical-align: top; }
.v4-document__body th { color: #07131a; background: #f3f3f1; }
.v4-document__contact { margin-top: 36px; padding: 28px; background: #07131a; border-radius: 16px; color: #fff; }
.v4-document__contact h2 { margin: 0 0 10px; color: inherit; font-size: 1.45rem; }
.v4-document__contact p { margin: 0 0 20px; line-height: 1.65; }

@media (max-width: 767px) {
  .v4-document-page { background: #fff; }
  .v4-document-page { padding-block: 42px 56px; }
  .v4-document-head { display: grid; grid-template-columns: 1fr; gap: 18px; margin-bottom: 20px; padding: 24px 20px; }
  .v4-document-head .v3-content-breadcrumb { margin-bottom: 0; }
  .v4-document-head h1 { max-width: none; font-size: clamp(2rem, 10vw, 3rem); }
  .v4-document__art { width: 140px; height: 120px; margin: 0 auto; }
  .v4-document__reading { padding: 24px 20px 0; border-radius: 0; }
  .v4-document__toc { padding: 18px; }
  .v4-document__body { font-size: 17px; line-height: 1.8; }
  .v4-document__contact { padding: 24px 20px; }
}

/* redesign-v4-directory.css */
.v4-directory-page { padding-bottom: 0; }
.v4-directory-cards { padding: 64px 0 88px; }
.v4-directory-cards__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.v4-directory-card { display: grid; min-width: 0; overflow: hidden; border: 1px solid #dfe2df; border-radius: 18px; background: #fff; color: #07131a; text-decoration: none; }
.v4-directory-card__art { display: block; box-sizing: border-box; width: 100%; height: auto; aspect-ratio: 16 / 10; padding: 24px; object-fit: contain; background: #edf0ef; }
.v4-directory-card > span { display: grid; gap: 9px; padding: 24px; }
.v4-directory-card small { color: #8c3f18; font-size: .88rem; font-weight: 800; }
.v4-directory-card strong { font-size: clamp(1.25rem, 2vw, 1.6rem); line-height: 1.25; overflow-wrap: anywhere; word-break: keep-all; }
.v4-directory-card em { color: #536168; font-size: .96rem; font-style: normal; line-height: 1.6; overflow-wrap: anywhere; word-break: keep-all; }
.v4-directory-card b { display: inline-flex; align-items: center; gap: 8px; margin-top: 5px; color: #8c3f18; font-size: .92rem; }
.v4-directory-card b svg { width: 17px; }
.v4-directory-card:hover,
.v4-directory-card:focus-visible { border-color: #8c3f18; }
.v4-directory-search { padding: 88px 0; background: #f3f3f1; }
.v4-directory-search header { max-width: 620px; margin-bottom: 38px; }
.v4-directory-search h2 { margin: 8px 0 12px; color: #07131a; font-size: clamp(1.8rem, 3vw, 2.7rem); letter-spacing: -.045em; }
.v4-directory-search header > p:last-child { margin: 0; color: #536168; line-height: 1.7; }
.v4-directory-search__layout { display: grid; grid-template-columns: 208px minmax(0, 1fr); gap: clamp(28px, 5vw, 72px); align-items: start; }
.v4-directory-search aside { position: sticky; top: 24px; }
.v4-directory-search aside nav { display: grid; gap: 6px; }
.v4-directory-search aside a { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 44px; padding: 9px 12px; border-radius: 10px; color: #26353d; font-weight: 700; text-decoration: none; }
.v4-directory-search aside a:hover,
.v4-directory-search aside a:focus-visible,
.v4-directory-search aside a[aria-current="page"] { background: #07131a; color: #fff; }
.v4-directory-search aside span { color: inherit; font-size: .82rem; }
.v4-directory-search__results { min-width: 0; }
.v4-directory-search__results > label { display: block; margin-bottom: 9px; color: #26353d; font-weight: 800; }
.v4-directory-search__input { display: flex; gap: 10px; }
.v4-directory-search__input input { flex: 1 1 auto; width: 100%; min-width: 0; min-height: 48px; padding: 0 14px; border: 1px solid #bfc7c8; border-radius: 10px; background: #fff; color: #07131a; font: inherit; }
.v4-directory-search__input .btn { flex: 0 0 auto; min-width: 100px; white-space: nowrap; }
.v4-directory-search__status { margin: 18px 0 28px; color: #536168; font-size: .94rem; scroll-margin-top: 28px; }
.v4-directory-search__status:focus-visible { outline: 2px solid #8c3f18; outline-offset: 6px; border-radius: 3px; }
.v4-directory-results { display: grid; gap: 30px; }
.v4-directory-results__group > h3 { margin: 0 0 12px; color: #07131a; font-size: 1.15rem; }
.v4-directory-results__group > div { display: grid; border-top: 1px solid #d3d8d7; }
.v4-directory-result { min-width: 0; border-bottom: 1px solid #d3d8d7; }
.v4-directory-result > a { display: grid; grid-template-columns: 72px minmax(0, 1fr) 22px; gap: 16px; align-items: center; min-height: 96px; padding: 12px 0; color: #26353d; text-decoration: none; }
.v4-directory-result__thumb { display: grid; width: 72px; height: 72px; place-items: center; overflow: hidden; border-radius: 10px; background: #dfe2df; color: #536168; font-size: .8rem; font-weight: 800; }
.v4-directory-result__thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
.v4-directory-result__thumb--empty { border: 1px solid #bfc7c8; background: transparent; }
.v4-directory-result__copy { display: grid; min-width: 0; gap: 4px; }
.v4-directory-result__label { color: #8c3f18; font-size: .83rem; font-weight: 800; }
.v4-directory-result__copy strong { color: #07131a; line-height: 1.35; overflow-wrap: anywhere; }
.v4-directory-result__copy > span:last-child { color: #536168; font-size: .92rem; line-height: 1.5; overflow-wrap: anywhere; }
.v4-directory-result__arrow svg { width: 20px; }
.v4-directory-result > a:hover strong,
.v4-directory-result > a:focus-visible strong { color: #8c3f18; text-decoration: underline; text-underline-offset: 3px; }
.v4-directory-search__empty { margin: 0; padding: 24px; color: #536168; }
.v4-directory-search__empty p { margin: 0 0 16px; }
.v4-directory-pagination { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 30px; }
.v4-directory-pagination button { min-width: 44px; min-height: 44px; padding: 8px 12px; border: 1px solid #bfc7c8; border-radius: 10px; background: #fff; color: #26353d; font: inherit; font-weight: 800; cursor: pointer; }
.v4-directory-pagination button[aria-current="page"] { border-color: #07131a; background: #07131a; color: #fff; }
.v4-directory-operations { padding: 80px 0; background: #07131a; color: #e8eceb; }
.v4-directory-operations > div { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(32px, 8vw, 120px); align-items: start; }
.v4-directory-operations .eyebrow { color: #f7a069; }
.v4-directory-operations h2 { margin: 8px 0 14px; color: #fff; font-size: clamp(1.7rem, 3vw, 2.5rem); letter-spacing: -.04em; }
.v4-directory-operations p:last-child { max-width: 42ch; margin: 0; color: #cbd2d2; line-height: 1.7; }
.v4-directory-operations nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.v4-directory-operations a { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 56px; padding: 12px 0; border-top: 1px solid #3b484d; color: #fff; text-decoration: none; }
.v4-directory-operations a:nth-last-child(-n + 2) { border-bottom: 1px solid #3b484d; }
.v4-directory-operations a:nth-child(odd) { padding-right: 24px; }
.v4-directory-operations a:nth-child(even) { padding-left: 24px; border-left: 1px solid #3b484d; }
.v4-directory-operations a:hover,
.v4-directory-operations a:focus-visible { color: #ffad7c; }
.v4-directory-operations svg { flex: 0 0 auto; width: 18px; }

@media (max-width: 900px) {
  .v4-directory-cards__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .v4-directory-search__layout { grid-template-columns: 1fr; gap: 24px; }
  .v4-directory-search aside { position: static; overflow-x: auto; }
  .v4-directory-search aside nav { display: flex; width: max-content; min-width: 100%; }
  .v4-directory-search aside a { border: 1px solid #cbd2d2; }
  .v4-directory-operations > div { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
  .v4-directory-cards { padding-block: 42px 56px; }
  .v4-directory-cards__grid { grid-template-columns: 1fr; gap: 16px; }
  .v4-directory-card > span { padding: 20px; }
  .v4-directory-search { padding-block: 56px; }
  .v4-directory-search__input { align-items: stretch; flex-wrap: wrap; }
  .v4-directory-search__input .btn { flex: 1 0 auto; }
  .v4-directory-result > a { grid-template-columns: 64px minmax(0, 1fr) 18px; gap: 12px; }
  .v4-directory-result__thumb { width: 64px; height: 64px; }
  .v4-directory-result__copy > span:last-child { font-size: .87rem; }
  .v4-directory-operations { padding-block: 56px; }
  .v4-directory-operations nav { grid-template-columns: 1fr; }
  .v4-directory-operations a:nth-child(odd),
  .v4-directory-operations a:nth-child(even) { padding-inline: 0; border-left: 0; }
  .v4-directory-operations a:nth-last-child(-n + 2) { border-bottom: 0; }
  .v4-directory-operations a:last-child { border-bottom: 1px solid #3b484d; }
}

/* l24-scene.css */
/* 2026-10-26 누수24 장면형 홈(② 3D 단면, 사장님 선택). main.l24-scene 안에서만 적용. 기존 남색·주황 유지, 쪽 끝까지 짙은 남색 톤.
   폭은 기존 .wrap(헤더와 같은 끝선) 그대로 쓴다. 그림은 assets/scene/(imagegen). */
.l24-scene{--s-navy:#07131a;--s-navy2:#0c1d27;--s-steel:#14303f;--s-line:rgba(255,255,255,.12);--s-mute:#c4d3db;--s-orange:#f9732a;--s-orange2:#ffa36e;background:var(--s-navy);color:#fff}
body.home:has(.l24-scene){background:var(--s-navy,#07131a)}

/* 머리글 알약(tel 아닌 안내형) */
.site-header .header-pill{margin-left:auto;font-size:14px;font-weight:800;color:#ffa36e;border:1.5px solid rgba(249,115,42,.55);border-radius:999px;padding:7px 14px;white-space:nowrap}
@media (max-width:1023px){.site-header .header-pill{display:none}}

/* 히어로: 3D 단면 장면이 화면 전체, 왼쪽 어두운 여백 위 글자 */
.l24-scene .hero--scene{position:relative;min-height:760px;display:flex;align-items:center;overflow:hidden;background:var(--s-navy)}
.l24-scene .hero--scene picture,.l24-scene .hero--scene .hero-image{position:absolute;inset:0;width:100%;height:100%}
.l24-scene .hero--scene .hero-image{object-fit:cover;object-position:right center}
.l24-scene .hero--scene .hero-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(7,19,26,.94) 0%,rgba(7,19,26,.72) 32%,rgba(7,19,26,0) 60%),linear-gradient(0deg,var(--s-navy) 0%,rgba(7,19,26,0) 20%)}
.l24-scene .hero--scene .wrap{position:relative;z-index:2}
.l24-scene .hero--scene .hero-copy{max-width:640px;padding:72px 0}
.l24-scene .hero--scene .eyebrow{color:var(--s-orange2)}
.l24-scene .hero--scene h1{font-size:clamp(40px,3.7vw,62px);line-height:1.14;letter-spacing:-.03em;text-shadow:0 2px 24px rgba(0,0,0,.4)}
.l24-scene .hero--scene .hero-description{font-size:18px;line-height:1.7;color:#dbe6ec;max-width:560px}
.l24-scene .hero-checks{display:flex;flex-wrap:wrap;gap:8px 22px;list-style:none;padding:0;margin:22px 0 0;font-size:17px;color:#dbe6ec}
.l24-scene .hero-checks li::before{content:"✓";color:var(--s-orange);font-weight:900;margin-right:7px}
.l24-scene .hero--scene .hero-caption{position:absolute;right:16px;bottom:12px;margin:0;z-index:2;font-size:12px;color:rgba(255,255,255,.7)}

/* 구간 공통: 짙은 남색 두 단계 교차 */
.l24-scene:not(#l24-x) .section{background:var(--s-navy);color:#fff}
.l24-scene:not(#l24-x) :is(.home-spread,.home-cases,.home-guides){background:var(--s-navy2)}
.l24-scene:not(#l24-x) .section-head h2{color:#fff}
.l24-scene:not(#l24-x) .section-head .eyebrow,.l24-scene:not(#l24-x) .text-link{color:var(--s-orange2)}
.l24-scene:not(#l24-x) .section-head .section-description{color:var(--s-mute);font-size:17px}
.l24-scene:not(#l24-x) .text-link svg{color:var(--s-orange2)}

/* 카드 공통(서비스·사례·가이드·확인 항목) */
.l24-scene:not(#l24-x) :is(.service-card,.v4-case-card,.story-card,.home-local__check){background:var(--s-steel);border:1px solid var(--s-line);color:#fff;box-shadow:none}
.l24-scene:not(#l24-x) :is(.service-card,.v4-case-card,.story-card) :is(.card-media,.v4-case-card__media){background:#0b1a22}
.l24-scene:not(#l24-x) :is(.service-card,.v4-case-card,.story-card) h3{color:#fff}
.l24-scene:not(#l24-x) :is(.service-card,.v4-case-card,.story-card) p{color:var(--s-mute);font-size:17px}
.l24-scene:not(#l24-x) :is(.card-more,.mini-label,.v4-case-card [class*=label],.v4-case-card [class*=more]){color:var(--s-orange2)}

/* 서비스 6장: 1920·1440은 한 줄 6장, 정사각 장면 사진 */
@media (min-width:1200px){.l24-scene .home-services .grid3{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
  .l24-scene .home-services .service-card .card-body{padding:16px}
  .l24-scene .home-services .service-card h3{font-size:19px}}
.l24-scene .home-services .card-media img{width:100%;aspect-ratio:1/1;height:auto;object-fit:cover}

/* 물이 번지는 과정(3D 단면) */
.l24-scene .home-spread__fig{margin:0}
.l24-scene .home-spread__fig img{width:100%;height:auto;aspect-ratio:3/1;object-fit:cover;border-radius:20px}
.l24-scene .home-spread__steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;list-style:none;padding:0;margin:20px 0 0}
.l24-scene .home-spread__steps li{display:flex;flex-direction:column;gap:6px;padding:18px;border-top:3px solid var(--s-orange);background:rgba(255,255,255,.04);border-radius:0 0 14px 14px}
.l24-scene .home-spread__steps i{font-style:normal;font-weight:900;color:var(--s-orange);font-size:15px}
.l24-scene .home-spread__steps b{font-size:18px}
.l24-scene .home-spread__steps span{font-size:17px;line-height:1.6;color:var(--s-mute)}

/* 5단계·장비 */
.l24-scene:not(#l24-x) .process-list li{background:var(--s-steel);border:1px solid var(--s-line);border-radius:16px;padding:22px 18px}
.l24-scene:not(#l24-x) .process-list li p{color:var(--s-mute)}
.l24-scene:not(#l24-x) .method-item{background:rgba(255,255,255,.04);border:1px solid var(--s-line);border-radius:18px;padding:14px;gap:18px;align-items:center}
.l24-scene:not(#l24-x) .method-item img{width:120px;height:120px;object-fit:cover;border-radius:12px;flex:none}
.l24-scene:not(#l24-x) .method-item p{color:var(--s-mute);font-size:17px}
.l24-scene:not(#l24-x) .process-footnote{color:#9fb3bf}

/* 지역 */
.l24-scene:not(#l24-x) .home-local__regions a{background:rgba(255,255,255,.04);border:1.5px solid rgba(255,255,255,.3);color:#fff}
.l24-scene:not(#l24-x) .home-local__regions a:first-child{background:var(--s-orange);border-color:var(--s-orange);color:#1a0d05}
.l24-scene:not(#l24-x) .home-local__note{color:#9fb3bf}
.l24-scene:not(#l24-x) .home-local__check h3{color:#fff}
.l24-scene:not(#l24-x) .home-local__check p{color:var(--s-mute)}
.l24-scene:not(#l24-x) .home-local__check li{background:rgba(255,255,255,.05);border-color:var(--s-line);color:var(--s-mute)}
.l24-scene:not(#l24-x) .home-local__check li b{color:#fff}
.l24-scene:not(#l24-x) .home-local__photo{background:#0b1a22;border-radius:18px;overflow:hidden}

/* 가이드 칩 */
.l24-scene:not(#l24-x) .chips a{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.28);color:#fff}

/* FAQ */
.l24-scene:not(#l24-x) .faq-details{background:var(--s-steel);border:1px solid var(--s-line);border-radius:14px;margin:0 0 12px;padding:0 22px}
.l24-scene:not(#l24-x) .faq-details summary{color:#fff}
.l24-scene:not(#l24-x) .faq-details summary svg{color:var(--s-orange2)}
.l24-scene:not(#l24-x) .faq-answer,.l24-scene:not(#l24-x) .faq-answer p{color:var(--s-mute)}

/* 휴대폰: 세로 장면 그림 위쪽, 아래 어두운 여백 위 글자 */
@media (max-width:767px){
  .l24-scene .hero--scene{min-height:0;display:block;padding-top:84vw}
  .l24-scene .hero--scene picture,.l24-scene .hero--scene .hero-image{bottom:auto;height:auto;aspect-ratio:2/3}
  .l24-scene .hero--scene .hero-image{object-position:center top}
  .l24-scene .hero--scene .hero-shade{background:linear-gradient(0deg,var(--s-navy) 0%,var(--s-navy) 38%,rgba(7,19,26,0) 62%)}
  .l24-scene .hero--scene .hero-copy{padding:0 0 48px}
  .l24-scene .hero--scene h1{font-size:36px}
  .l24-scene .hero--scene .hero-description{font-size:17px}
  .l24-scene .hero--scene .hero-caption{top:12px;bottom:auto}
  .l24-scene .home-spread__fig img{aspect-ratio:16/9}
  .l24-scene .home-spread__steps{grid-template-columns:1fr}
  .l24-scene .home-services .grid3{grid-template-columns:1fr;gap:12px}
  .l24-scene .home-services .service-card{display:grid;grid-template-columns:112px 1fr}
  .l24-scene .home-services .service-card .card-media img{height:100%;aspect-ratio:auto}
  .l24-scene .home-services .service-card .card-body{padding:14px}
  .l24-scene:not(#l24-x) .method-item img{width:96px;height:96px}
  .l24-scene .contact-art{display:none}}  /* 휴대폰은 상담 띠가 세로로 길어 배경 그림이 2.9배 늘어남 → 남색 바탕만 */

/* 사례 카드(v4): 갈래·제목·설명·더보기 색을 남색 바탕에 맞춤 */
.l24-scene:not(#l24-x) .v4-case-card__body > p{color:var(--s-orange2)}
.l24-scene:not(#l24-x) .v4-case-card__body > h2{color:#fff}
.l24-scene:not(#l24-x) .v4-case-card__body > span{color:var(--s-mute);font-size:17px}
.l24-scene:not(#l24-x) .v4-case-card__body > b{color:var(--s-orange2)}
.l24-scene:not(#l24-x) .home-local__check li span{color:var(--s-mute);font-size:15px}
/* 휴대폰 서비스 카드: 사진이 카드 높이를 채우게 */
@media (max-width:767px){.l24-scene .home-services .service-card .card-media{width:112px;min-width:0;height:100%;min-height:128px;overflow:hidden}
  .l24-scene .home-services .service-card .card-media img{position:static;width:100%;height:100%;object-fit:cover}}
/* 읽는 문장 17px: 상담 카드·바닥글 설명(클래스 없는 문단) */
.l24-scene .contact-card p,.l24-scene:not(#l24-x) .home-local__note,body:has(.l24-scene) .site-footer .footer-grid p{font-size:17px}

/* ===== 내부 쪽(서비스 상세 등) 장면형: 넓은 장면 히어로 + 남색 본문·옆 칸 ===== */
.l24-scene--inner .hero--inner{min-height:560px}
.l24-scene--inner .hero--inner .hero-copy{padding:56px 0}
.l24-scene--inner .hero--inner h1{font-size:clamp(36px,3.2vw,54px)}
.l24-scene--inner .hero--inner .breadcrumb{margin:0 0 20px;color:#9fb3bf;font-size:15px}
.l24-scene--inner .hero--inner .breadcrumb a{color:#c4d3db}
.l24-scene--inner .hero--inner .breadcrumb :is(span,[aria-current]){color:#fff}
.l24-scene--inner > .v3-content{padding-top:56px;padding-bottom:72px}
/* 본문 상자들 */
.l24-scene:not(.l24-light):not(#l24-x) :is(.v3-content-record,.v3-content-order,.v4-service-related).paper{background:var(--s-steel);border:1px solid var(--s-line);color:#fff}
.l24-scene:not(.l24-light):not(#l24-x) :is(.v3-content-record,.v3-content-order,.v4-service-related) h2{color:#fff}
.l24-scene:not(.l24-light):not(#l24-x) .mini-label{color:var(--s-orange2)}
.l24-scene:not(.l24-light):not(#l24-x) .v3-content-record__list strong{color:#fff}
.l24-scene:not(.l24-light):not(#l24-x) .v3-content-record__list span,.l24-scene:not(.l24-light):not(#l24-x) .v3-content-order li{color:var(--s-mute);font-size:17px}
.l24-scene:not(.l24-light):not(#l24-x) .v3-content-link{color:#fff;border-color:var(--s-line);background:rgba(255,255,255,.04)}
/* 본문(원문 안내) */
.l24-scene:not(.l24-light):not(#l24-x) :is(.v3-content-original,.v4-document__body){color:#dbe6ec}
.l24-scene:not(.l24-light):not(#l24-x) :is(.v3-content-original,.v4-document__body) :is(h2,h3,h4,strong,b){color:#fff}
.l24-scene:not(.l24-light):not(#l24-x) :is(.v3-content-original,.v4-document__body) :is(p,li){color:#dbe6ec}
.l24-scene:not(.l24-light):not(#l24-x) :is(.v3-content-original,.v4-document__body) :is(p,li,td,figcaption) a:not(.btn){color:var(--s-orange2)}
.l24-scene:not(.l24-light):not(#l24-x) :is(.v3-content-original,.v4-document__body) :is(.service-lead,.article-lead){color:#fff}
.l24-scene:not(.l24-light):not(#l24-x) :is(.service-toc,.article-toc,.service-sources,.article-sources,.leak24-parity-basis,.editorial-summary,.leak24-answer){background:var(--s-steel);border-color:var(--s-line);color:#dbe6ec}
.l24-scene:not(.l24-light):not(#l24-x) :is(.service-toc,.article-toc) a{color:var(--s-mute)}
.l24-scene:not(.l24-light):not(#l24-x) :is(.v3-content-original,.v4-document__body) table{background:var(--s-navy2);border-color:var(--s-line)}
.l24-scene:not(.l24-light):not(#l24-x) :is(.v3-content-original,.v4-document__body) td{color:#dbe6ec;border-color:var(--s-line)}
.l24-scene:not(.l24-light):not(#l24-x) :is(.v3-content-original,.v4-document__body) tbody tr:nth-child(even) > td{background:rgba(255,255,255,.03)}
.l24-scene:not(.l24-light):not(#l24-x) :is(.v3-content-original,.v4-document__body) tbody th{background:#183746;color:#fff}
.l24-scene:not(.l24-light):not(#l24-x) :is(.v3-content-original,.v4-document__body) caption{color:var(--s-mute)}
.l24-scene:not(.l24-light):not(#l24-x) :is(.v3-content-original,.v4-document__body) details:not(.l24-toc-fold){background:var(--s-steel);border-color:var(--s-line)}
.l24-scene:not(.l24-light):not(#l24-x) :is(.v3-content-original,.v4-document__body) details:not(.l24-toc-fold) > summary{color:#fff}
.l24-scene:not(.l24-light):not(#l24-x) :is(.v3-content-original,.v4-document__body) details[open] > summary{border-color:var(--s-line)}
.l24-scene:not(.l24-light):not(#l24-x) .nusu-table-scroll{background:none}
.l24-scene:not(.l24-light):not(#l24-x) .l24-toc-fold{background:var(--s-steel);border-color:var(--s-line);color:#fff}
/* 옆 칸 */
.l24-scene:not(.l24-light):not(#l24-x) .l24-aside-box{background:var(--s-steel);border-color:var(--s-line);color:#fff}
.l24-scene:not(.l24-light):not(#l24-x) .l24-aside-box h2{color:#fff}
.l24-scene:not(.l24-light):not(#l24-x) .l24-aside-box a{color:var(--s-mute)}
.l24-scene:not(.l24-light):not(#l24-x) .l24-aside-box a.is-current{color:var(--s-orange2)}
.l24-scene:not(.l24-light):not(#l24-x) .l24-aside-call{background:#0b1a22;border:1px solid rgba(249,115,42,.5)}
@media (max-width:767px){
  .l24-scene--inner .hero--inner{min-height:0;display:block;padding-top:58vw}
  .l24-scene--inner .hero--inner .hero-image{position:absolute;inset:0 0 auto 0;width:100%;height:62vw;object-position:72% center}
  .l24-scene--inner .hero--inner .hero-shade{background:linear-gradient(180deg,rgba(7,19,26,.15) 0,rgba(7,19,26,.15) 30vw,var(--s-navy) 60vw)}
  .l24-scene--inner .hero--inner .hero-copy{padding:0 0 40px}
  .l24-scene--inner .hero--inner h1{font-size:32px}
  .l24-scene--inner > .v3-content{padding-top:36px}}
/* 옆 칸: 위치 표시를 히어로로 옮겨 1행부터 */
.l24-scene--inner .l24-aside{grid-row:1}
/* 글 끝 상담 문구 상자 */
.l24-scene:not(.l24-light):not(#l24-x) :is(.service-cta,.article-cta){background:var(--s-steel);border:1px solid rgba(249,115,42,.45);border-radius:16px;padding:22px 24px;color:#dbe6ec}

/* 2026-10-26 HERO-ALIGN: 넓은 화면(1281+)에서 사진이 칸 밖 오른쪽 끝까지 빠지던 문제.
   사진 상자 오른쪽 끝 = 칸(1280) 끝선, 왼쪽은 칸 42% 지점부터 바탕색 그라데이션, 칸 밖은 남색. 1280 이하·390은 기존 그대로 */
@media (min-width:1281px){
  .l24-scene{--s-gut:max(20px,calc((100% - 1280px) / 2));--s-pl:calc(var(--s-gut) + 1280px * .42)}
  .l24-scene .hero--scene picture,.l24-scene .hero--inner > .hero-image{left:var(--s-pl);right:var(--s-gut);width:auto}
  .l24-scene .hero--scene picture .hero-image{object-position:62% center}
  .l24-scene .hero--inner > .hero-image{object-position:70% center}
  .l24-scene .hero--scene .hero-shade{background:linear-gradient(90deg,var(--s-navy) 0,var(--s-navy) var(--s-pl),rgba(7,19,26,0) calc(var(--s-pl) + 260px),rgba(7,19,26,0) calc(100% - var(--s-gut) - 1px),var(--s-navy) calc(100% - var(--s-gut))),linear-gradient(0deg,var(--s-navy) 0%,rgba(7,19,26,0) 18%)}
  .l24-scene .contact-art{left:var(--s-gut);right:var(--s-gut);width:auto}
}
@media (min-width:1281px){.l24-scene .hero--scene .hero-caption{left:auto;right:calc(var(--s-gut) + 14px);bottom:16px}}

/* l24-light.css */
/* 2026-10-26 누수24 drain24 배색 시안(사장님 승인 전, ?l24preview=light 에서만).
   흰 헤더 · 히어로는 장면이 글자 뒤까지(왼쪽 어둡게) · 본문 흰색/옅은 회백 교차 · 흰 카드+실사 · 주황 포인트 · 남색은 히어로·번지는 과정 띠·상담 띠·바닥글만 */
.l24-light{--l-ink:#18222b;--l-sub:#4b5963;--l-line:#e3e6e8;--l-soft:#f6f7f5;--l-accent:#b4500f;background:#fff;color:var(--l-ink)}
body:has(.l24-light){background:#fff}

/* 흰 헤더 */
body:has(.l24-light) .site-header:not(#l24-x){background:#fff;border-bottom:1px solid var(--l-line);box-shadow:0 2px 12px rgba(7,19,26,.05)}
body:has(.l24-light) .site-header:not(#l24-x) .brand span,body:has(.l24-light) .site-header:not(#l24-x) .main-menu a{color:var(--l-ink)}
body:has(.l24-light) .site-header:not(#l24-x) .main-menu a[aria-current]{color:var(--l-accent)}
body:has(.l24-light) .site-header:not(#l24-x) .menu-toggle{color:var(--l-ink);border-color:var(--l-line)}
body:has(.l24-light) .site-header:not(#l24-x) .header-pill{color:var(--l-accent);border-color:rgba(180,80,15,.45)}

/* 히어로: 장면을 화면 끝까지, 왼쪽을 어둡게 눌러 글자 대비(단색 판 없음) */
@media (min-width:1281px){.l24-light .hero--scene picture{left:0;right:0}}
.l24-light .hero--scene picture .hero-image{object-position:center center}
.l24-light .hero--scene .hero-shade{background:linear-gradient(90deg,rgba(7,19,26,.9) 0%,rgba(7,19,26,.72) 30%,rgba(7,19,26,.25) 52%,rgba(7,19,26,0) 68%)}
@media (min-width:1281px){.l24-light .hero--scene .hero-caption{right:16px}}
@media (max-width:767px){.l24-light .hero--scene .hero-shade{background:linear-gradient(0deg,var(--s-navy) 0%,var(--s-navy) 38%,rgba(7,19,26,0) 62%)}}

/* 구간 바탕: 흰색 · 옅은 회백 교차, 짙은 띠는 '물은 이렇게 번집니다' 1곳(+상담 띠) */
.l24-light:not(#l24-x) .section{background:#fff;color:var(--l-ink)}
.l24-light:not(#l24-x) :is(.process-section,.home-local,.home-faq){background:var(--l-soft)}
.l24-light:not(#l24-x) .home-spread{background:var(--s-navy);color:#fff}
.l24-light:not(#l24-x) .section:not(.home-spread) .section-head h2{color:var(--l-ink);border-left:4px solid var(--s-orange);padding-left:14px}
.l24-light:not(#l24-x) .section:not(.home-spread) .section-head .eyebrow,.l24-light:not(#l24-x) .section:not(.home-spread) .text-link{color:var(--l-accent)}
.l24-light:not(#l24-x) .section:not(.home-spread) .text-link svg{color:var(--l-accent)}
.l24-light:not(#l24-x) .section:not(.home-spread) .section-head .section-description{color:var(--l-sub)}

/* 카드: 흰 바탕 · 옅은 테두리 · 얕은 그림자 · 실사 */
.l24-light:not(#l24-x) :is(.service-card,.v4-case-card,.story-card,.home-local__check,.process-list li,.method-item,.faq-details){background:#fff;border:1px solid var(--l-line);box-shadow:0 6px 20px rgba(7,19,26,.06);color:var(--l-ink)}
.l24-light:not(#l24-x) :is(.service-card,.v4-case-card,.story-card) :is(.card-media,.v4-case-card__media){background:#eef1f2}
.l24-light:not(#l24-x) :is(.service-card,.story-card) h3,.l24-light:not(#l24-x) .v4-case-card__body > h2,.l24-light:not(#l24-x) .process-list li h3,.l24-light:not(#l24-x) .method-item h4,.l24-light:not(#l24-x) .home-local__check :is(h3,li b),.l24-light:not(#l24-x) .faq-details summary{color:var(--l-ink)}
.l24-light:not(#l24-x) :is(.service-card,.story-card) p,.l24-light:not(#l24-x) .v4-case-card__body > span,.l24-light:not(#l24-x) .process-list li p,.l24-light:not(#l24-x) .method-item p,.l24-light:not(#l24-x) .home-local__check p,.l24-light:not(#l24-x) .home-local__check li span,.l24-light:not(#l24-x) :is(.faq-answer,.faq-answer p),.l24-light:not(#l24-x) .process-footnote,.l24-light:not(#l24-x) .home-local__note{color:var(--l-sub)}
.l24-light:not(#l24-x) :is(.card-more,.mini-label,.v4-case-card__body > p,.v4-case-card__body > b,.process-number){color:var(--l-accent)}
.l24-light:not(#l24-x) .home-local__check li{background:var(--l-soft);border-color:var(--l-line)}
.l24-light:not(#l24-x) .method-item img{border-radius:10px}
.l24-light:not(#l24-x) .faq-details summary svg{color:var(--l-accent)}

/* 칩·지역 바로가기 */
.l24-light:not(#l24-x) .chips a,.l24-light:not(#l24-x) .home-local__regions a{background:#fff;border:1px solid #d5dadd;color:var(--l-ink)}
.l24-light:not(#l24-x) .home-local__regions a:first-child{background:var(--s-orange);border-color:var(--s-orange);color:#1a0d05}
.l24-light:not(#l24-x) .home-local__photo{background:#eef1f2}

/* 휴대폰 서비스 카드(운영 실사 사진) */
@media (max-width:767px){.l24-light .home-services .service-card .card-media :is(img,picture){width:100%;height:100%;object-fit:cover}}
body:has(.l24-light) .site-header:not(#l24-x) .main-menu a,body:has(.l24-light) .site-header:not(#l24-x) .brand,body:has(.l24-light) .site-header:not(#l24-x) .brand span{color:var(--l-ink,#18222b)!important}
body:has(.l24-light) .site-header:not(#l24-x) .header-pill{color:#b4500f!important}
@media (max-width:1023px){body:has(.l24-light) .site-header:not(#l24-x) .main-menu{background:#fff}}
body:has(.l24-light) .site-header:not(#l24-x) .menu-toggle{color:#18222b!important;border:1px solid #d5dadd;background:#fff}
body:has(.l24-light) .site-header:not(#l24-x) .menu-toggle svg{color:#18222b;stroke:currentColor}

/* 떠 있는 전화: 위쪽 띠가 헤더·제목을 가리던 문제 → drain24처럼 데스크톱 오른쪽 아래 작은 버튼 두 개(히어로를 지난 뒤에만) */
@media (min-width:768px){
  body:has(.l24-light) .call-band--float{top:auto!important;left:auto!important;right:20px;bottom:20px;width:auto;background:none!important;box-shadow:none!important;border:0;padding:0;transform:translateY(160%)}
  body:has(.l24-light).l24-cta-out .call-band--float{transform:none}
  body:has(.l24-light) .call-band--float .call-band__inner{display:flex;gap:10px;width:auto;max-width:none;padding:0;margin:0}
  body:has(.l24-light) .call-band--float :is(.call-band__cta,.call-band__kakao){display:inline-flex;align-items:center;gap:8px;height:56px;padding:0 18px;border-radius:14px;box-shadow:0 10px 26px rgba(7,19,26,.28);text-decoration:none}
  body:has(.l24-light) .call-band--float .call-band__cta{background:#f9732a;color:#1a0d05}
  body:has(.l24-light) .call-band--float .call-band__cta img{width:30px;height:30px}
  body:has(.l24-light) .call-band--float .call-band__cta strong{font-size:15px;color:#1a0d05}
  body:has(.l24-light) .call-band--float .call-band__cta small{font-size:12.5px;color:#3b1d08}
  body:has(.l24-light) .call-band--float .call-band__kakao{background:#FEE500;color:#191600;font-weight:800}}

/* ===== 내부 쪽(서비스 등) 밝은 배색: 히어로는 장면을 화면 끝까지, 본문은 기존 밝은 문서 화면 ===== */
@media (min-width:1281px){.l24-light .hero--inner > .hero-image{left:0;right:0;width:100%}}
.l24-light .hero--inner > .hero-image{object-position:center center}
.l24-light.l24-scene--inner{background:#fff}
.l24-light.l24-scene--inner > .v3-content{padding-top:48px}
.l24-light .hero--inner .breadcrumb a{color:#c4d3db}
@media (max-width:767px){.l24-light .hero--inner .hero-shade{background:linear-gradient(180deg,rgba(7,19,26,.15) 0,rgba(7,19,26,.15) 30vw,var(--s-navy) 60vw)}}
.l24-scene .hero--inner .v4-banner__count{margin:14px 0 0;color:#ffa36e;font-weight:800;font-size:17px}
.l24-scene .hero--inner .hero-meta{margin:12px 0 0;font-size:17px;color:#c4d3db}
.l24-scene .hero--inner .breadcrumb{font-size:17px}

/* 사례 상세: 실제 현장 사진(정사각 1254px)이라 글자 왼쪽·사진 오른쪽 구성. 남색 바탕은 다른 히어로와 같음 */
.l24-scene .hero--case{background:linear-gradient(135deg,#0c2230 0%,#07131a 70%);color:#fff;padding:56px 0}
.l24-scene .hero-case__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
.l24-scene .hero--case .hero-copy{max-width:600px}
.l24-scene .hero--case .breadcrumb{margin:0 0 20px;color:#9fb3bf;font-size:17px}
.l24-scene .hero--case .breadcrumb a{color:#c4d3db}
.l24-scene .hero--case .eyebrow{color:#ffa36e}
.l24-scene .hero--case h1{margin:0;font-size:clamp(34px,3vw,50px);line-height:1.2;letter-spacing:-.025em;color:#fff}
.l24-scene .hero--case .hero-description{margin:16px 0 0;font-size:18px;line-height:1.7;color:#dbe6ec}
.l24-scene .hero-case__photo{position:relative;margin:0;border-radius:20px;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.35)}
.l24-scene .hero-case__photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.l24-scene .hero-case__photo figcaption{position:absolute;right:12px;bottom:12px;padding:4px 10px;border-radius:8px;background:rgba(7,19,26,.86);color:#fff;font-size:13px;font-weight:700}
@media (max-width:1023px){.l24-scene .hero-case__grid{grid-template-columns:1fr;gap:24px}.l24-scene .hero-case__photo{order:-1}.l24-scene .hero--case{padding:24px 0 40px}}
@media (max-width:767px){.l24-scene .hero--case h1{font-size:30px}.l24-scene .hero--case .hero-description{font-size:17px}.l24-scene .hero--case .hero-actions .btn{width:100%}}
.l24-scene .hero--case .breadcrumb :is(span,[aria-current],b,strong){color:#fff}
.v4-document-page:has(> .l24-scene){padding-top:0;margin-top:0}

/* 확장 쪽(지역 본문 안): 서비스 사진 카드 3장 · 넓은 장면 띠 · 시도별 접이식 목록 — '글자만 있는 쪽' 방지 */
.l24-photo-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:28px 0}
.l24-photo-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e3e6e8;border-radius:16px;overflow:hidden;box-shadow:0 6px 20px rgba(7,19,26,.06);color:#18222b;text-decoration:none}
a.l24-photo-card:hover{border-color:#f9732a}
.l24-photo-card img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;margin:0;border-radius:0}
.l24-photo-card > div{padding:14px 16px 18px}
.l24-photo-card > p:empty,.l24-photo-card > br,.l24-band > p:empty{display:none}
.l24-photo-card h3{margin:0 0 6px;font-size:18px;line-height:1.4;color:#18222b}
.l24-photo-card p{margin:0;font-size:17px;line-height:1.6;color:#4b5963}
.l24-band{margin:32px 0}
.l24-band img{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:cover;border-radius:18px}
.l24-band figcaption{margin-top:8px;font-size:13.5px;color:#5b6b72}
.l24-region-folds{display:grid;gap:10px;margin:16px 0 8px}
.l24-region-fold{border:1px solid #e3e6e8;border-radius:14px;background:#fff;padding:0 18px;box-shadow:0 4px 14px rgba(7,19,26,.04)}
.l24-region-fold > summary{display:flex;justify-content:space-between;align-items:center;padding:15px 0;font-size:18px;font-weight:800;color:#18222b;cursor:pointer;list-style:none}
.l24-region-fold > summary::-webkit-details-marker{display:none}
.l24-region-fold > summary span{font-size:15px;font-weight:700;color:#b4500f}
.l24-region-fold[open] > summary{border-bottom:1px solid #eef1f3}
.l24-region-fold .leak24-chips{padding:14px 0 16px;margin:0}
@media (max-width:767px){
  .l24-photo-cards{grid-template-columns:1fr;gap:12px}
  .l24-photo-card{display:grid;grid-template-columns:112px 1fr}
  .l24-photo-card img{width:112px;height:100%;aspect-ratio:auto}
  .l24-photo-card > div{padding:12px 14px}
  .l24-band img{aspect-ratio:16/9}}
/* 본문 공통 규칙(:not(#l24-x))보다 우선: 카드 제목·문단, 접이식 목록은 FAQ 모양(Q 표시) 빼기 */
.v3-content-original:not(#l24-x) .l24-photo-card h3{margin:0 0 6px;font-size:18px;line-height:1.4;color:#18222b}
.v3-content-original:not(#l24-x) .l24-photo-card p{margin:0;font-size:17px;line-height:1.6;color:#4b5963}
.v3-content-original:not(#l24-x) details.l24-region-fold{border:1px solid #e3e6e8;border-radius:14px;background:#fff;padding:0 18px;margin:0}
.v3-content-original:not(#l24-x) details.l24-region-fold > summary{padding:15px 0;font-size:18px;display:flex;justify-content:space-between}
.v3-content-original:not(#l24-x) details.l24-region-fold > summary::before{content:none}
.v3-content-original:not(#l24-x) details.l24-region-fold > :not(summary){padding:14px 0 16px}
.v3-content-original:not(#l24-x) details.l24-region-fold > summary span{margin-left:auto;margin-right:14px}
/* 2026-10-26 확장 쪽(서비스 허브·서비스×시군구·동·서비스×동) 17px 미만 0 */
.l24-band figcaption{font-size:17px;line-height:1.5}
.l24-region-fold > summary span,.v3-content-original:not(#l24-x) details.l24-region-fold > summary span{font-size:17px}
:is(.leak24-svc-hub,.leak24-svc-sgg,.leak24-emd,.leak24-svc-emd):not(#l24-x) :is(a,small,caption,th,td,span,figcaption):not(h1 *,h2 *,h3 *,summary *){font-size:17px}
/* 2026-10-26 사장님 지적: 전화 상담 상자 — 주황 덩어리 → 흰 상자·주황 라벨·큰 제목·주황 전화 버튼 */
.v4-contact .contact-card:not(#l24-x){background:#fffdf9;color:#18222b;border:1px solid #f1e3d3;border-top:6px solid #f9732a;border-radius:20px;box-shadow:0 28px 64px rgba(3,10,14,.38);padding:34px 32px 28px;text-align:left;gap:0}
.v4-contact .contact-card:not(#l24-x) > .contact-card__label{display:inline-flex;align-self:flex-start;width:auto;margin:0;padding:6px 14px;border-radius:999px;background:#fff0e4;color:#b4500f;font-size:17px;font-weight:800;line-height:1.4;letter-spacing:0}
.v4-contact .contact-card:not(#l24-x) > .contact-card__title{display:block;margin:16px 0 10px;color:#14202a;font-size:26px;font-weight:800;line-height:1.3;letter-spacing:-.01em}
.v4-contact .contact-card:not(#l24-x) > p{margin:0 0 22px;color:#4b5963;font-size:17px;line-height:1.6}
.v4-contact .contact-card:not(#l24-x) .main-call{background:#f9732a;border-color:#f9732a;color:#fff;box-shadow:0 10px 22px rgba(249,115,42,.28)}
.v4-contact .contact-card:not(#l24-x) .main-call:hover{background:#e8611a;border-color:#e8611a}
.v4-contact .contact-card:not(#l24-x) .main-call :is(b,small,svg){color:#fff}
.v4-contact .contact-card:not(#l24-x) .main-call small{opacity:.9}
.v4-contact .contact-card:not(#l24-x) .kakao-btn{margin-top:10px}
.v4-contact .contact-card:not(#l24-x) > small{display:block;margin-top:16px;color:#6b7780;font-size:15px;line-height:1.5;text-align:left}
@media (max-width:640px){.v4-contact .contact-card:not(#l24-x){padding:26px 20px 22px}.v4-contact .contact-card:not(#l24-x) > .contact-card__title{font-size:22px}}
/* 옆 칸 전화 상담 상자도 글 끝 상자와 같은 흰 상자로 */
body .l24-aside-call:not(#l24-x){background:#fffdf9;color:#18222b;border:1px solid #f1e3d3;border-top:5px solid #f9732a;border-radius:16px;box-shadow:0 14px 34px rgba(7,19,26,.12)}
body .l24-aside-call:not(#l24-x) h2{color:#14202a;font-size:20px;line-height:1.35}
body .l24-aside-call:not(#l24-x) p{color:#4b5963;font-size:17px;line-height:1.55}
body .l24-aside-call:not(#l24-x) .btn-primary{background:#f9732a;border-color:#f9732a;color:#fff}
/* 2026-10-26 하수구 4사 공통 기준(관리 세션): 카톡 노랑+짙은 글자, 전화 띠 수화기 그림 제거, 칩 밑줄 제거·본문 링크 얇은 밑줄, 짙은 상자 전화번호 흰 글자, 짙은 바탕 단계 카드 불투명 */
:is(.kakao-btn,.call-band__kakao,.mobile-call__kakao,.mobile-call__btn.mobile-call__kakao):not(#l24-x){background:#FEE500!important;border-color:#FEE500!important;color:#191600!important}
:is(.kakao-btn,.call-band__kakao,.mobile-call__kakao):not(#l24-x) :is(span,b,small,svg){color:#191600!important}
.call-band__cta:not(#l24-x) > img,.call-band__cta:not(#l24-x) img[src*="phone"]{display:none!important}
.leak24-chips:not(#l24-x) a,.leak24-chips:not(#l24-x) a:hover{text-decoration:none!important}
:is(.v3-content-original,.leak24-area):not(#l24-x) :is(p,li,td,dd) > a:not(.btn):not([class*="btn"]){text-decoration-line:underline;text-decoration-thickness:1px;text-decoration-color:rgba(180,80,15,.35);text-underline-offset:3px}
:is(.v3-content-original,.leak24-area):not(#l24-x) .leak24-chips li > a{text-decoration:none!important}
.leak24-cta:not(#l24-x) a[href^="tel:"]{color:#fff!important;font-weight:800;text-decoration:none!important}
.home-spread__steps:not(#l24-x) > li{background:#16262f;border-color:#f9732a}
.home-spread__steps:not(#l24-x) > li span{color:#dbe3e7}
.text-link:not(#l24-x),.text-link:not(#l24-x):hover{text-decoration:none!important;border-bottom:0!important;box-shadow:none!important;background-image:none!important}
/* 2026-10-26 사장님 "버튼 통일감이 없음": 전화 버튼 1종(주황·짙은 글자·12px 둥글기·2줄·아이콘 없음), 카톡 1종(노랑·짙은 글자·같은 둥글기). 주황 위 흰 글자는 대비 2.9:1이라 짙은 글자(약 7:1)로 통일 */
:is(a.btn-primary[href^="tel:"],a.main-call,a.call-band__cta,a.mobile-call__btn:not(.mobile-call__kakao),.l24-aside-call a[href^="tel:"]):not(#l24-x){background:#f9732a!important;border:1px solid #f9732a!important;color:#1a0d05!important;border-radius:12px!important;box-shadow:0 8px 18px rgba(249,115,42,.22)!important}
:is(a.btn-primary[href^="tel:"],a.main-call,a.call-band__cta,a.mobile-call__btn:not(.mobile-call__kakao),.l24-aside-call a[href^="tel:"]):not(#l24-x):hover{background:#ee6519!important;border-color:#ee6519!important}
:is(a.btn-primary[href^="tel:"],a.main-call,a.call-band__cta,a.mobile-call__btn:not(.mobile-call__kakao),.l24-aside-call a[href^="tel:"]):not(#l24-x) :is(svg,img){display:none!important}
:is(a.btn-primary[href^="tel:"],a.main-call,a.call-band__cta,a.mobile-call__btn:not(.mobile-call__kakao),.l24-aside-call a[href^="tel:"]):not(#l24-x) :is(b,span,small,strong,em){color:#1a0d05!important}
:is(a.btn-primary[href^="tel:"],a.main-call,a.call-band__cta,.l24-aside-call a[href^="tel:"]):not(#l24-x) small{font-size:14px!important;font-weight:700;opacity:1!important}
a.mobile-call__btn:not(.mobile-call__kakao):not(#l24-x) > span{flex-direction:column;line-height:1.2;gap:2px}
a.mobile-call__btn:not(.mobile-call__kakao):not(#l24-x) > span::after{content:"010-7744-7123";display:block;font-size:14px;font-weight:700}
:is(.kakao-btn,.call-band__kakao,.mobile-call__kakao):not(#l24-x){border-radius:12px!important;border:1px solid #FEE500!important}
/* 칩·카드형 링크 밑줄 없음 */
:is(a.btn,a[class*="card"],a[class*="chip"],.chips a,.leak24-chips a,.leak24-dir-card a,.leak24-dir-jump,.home-local__regions a,.text-link,.l24-photo-card,.story-card,.service-card):not(#l24-x),:is(a[class*="card"],.chips a,.leak24-dir-card a,.home-local__regions a) *{text-decoration:none!important}
/* 2026-10-26 관리 세션: FAQ 질문 왼쪽 정렬 통일(넓은 화면에서 가운데로 가던 것), 모바일 고정 바(약 90px)에 바닥글 끝이 가리지 않게 아래 여백 */
details > summary:not(#l24-x){justify-content:flex-start!important;text-align:left!important}
details > summary:not(#l24-x)::after{margin-left:auto!important}
@media (max-width:767px){body:has(.mobile-call) .site-footer:not(#l24-x){padding-bottom:104px!important}}
/* 2026-10-26 하단 상담 배너(시안): 장면 그림 + 왼쪽 그라데이션, 제목 2줄 이하·왼쪽 정렬, 전화(주황)·카톡(노랑), 본문 칸 폭 */
.leak24-area .l24-banner:not(#l24-x){position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px 28px;margin:36px 0 28px;padding:34px 34px;border-radius:20px;overflow:hidden;color:#fff;background:#0b1a22 url(scene/cta-banner-a2.webp?v=20261027) right center/cover no-repeat;box-shadow:0 18px 40px rgba(7,19,26,.22)}
.leak24-area .l24-banner:not(#l24-x)::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,18,24,.94) 0%,rgba(8,18,24,.82) 34%,rgba(8,18,24,.35) 50%,rgba(8,18,24,0) 60%);z-index:0}
.leak24-area .l24-banner:not(#l24-x) > *{position:relative;z-index:1}
.leak24-area .l24-banner__eyebrow:not(#l24-x){margin:0 0 8px;color:#ffb27a;font-size:17px;font-weight:800}
.leak24-area .l24-banner__title:not(#l24-x){margin:0;color:#fff;font-size:26px;line-height:1.3;font-weight:800;letter-spacing:-.01em;word-break:keep-all}
.leak24-area .l24-banner__sub:not(#l24-x){margin:10px 0 0;color:#d4dde2;font-size:17px;line-height:1.55;word-break:keep-all}
.leak24-area .l24-banner__actions:not(#l24-x){display:grid;gap:10px;min-width:230px}
.leak24-area .l24-banner__actions:not(#l24-x) a{display:flex!important;flex-direction:column;align-items:center;justify-content:center;min-height:64px;padding:8px 22px;border-radius:12px;font-size:18px;font-weight:800;text-decoration:none!important;line-height:1.25}
.leak24-area .l24-banner__call:not(#l24-x){background:#f9732a;color:#1a0d05!important}
.leak24-area .l24-banner__call:not(#l24-x) small{font-size:14px;font-weight:700;color:#1a0d05}
.leak24-area .l24-banner__kakao:not(#l24-x){background:#FEE500;color:#191600!important}
@media (max-width:720px){.leak24-area .l24-banner:not(#l24-x){grid-template-columns:1fr;padding:26px 20px 22px;background-position:72% center}.leak24-area .l24-banner:not(#l24-x)::before{background:linear-gradient(180deg,rgba(8,18,24,.9) 0%,rgba(8,18,24,.72) 50%,rgba(8,18,24,.35) 100%)}.leak24-area .l24-banner__title:not(#l24-x){font-size:22px}.leak24-area .l24-banner__actions:not(#l24-x){min-width:0}}
@media (max-width:720px){.leak24-area .l24-banner:not(#l24-x){background-image:url(scene/cta-banner-a2-960.webp?v=20261027)}}
.l24-banner__kakao:not(#l24-x) svg{width:20px;height:20px;margin-right:6px;vertical-align:-4px}
.l24-banner__kakao:not(#l24-x){flex-direction:row!important;gap:0}