:root{
  --text:#1e2124;--sub:#464c53;--mute:#6d7882;--line:#e1e5ea;--line2:#cdd4dc;--soft:#f4f6f9;
  --blue:#0866b8;--blue-h:#064f8f;--tint:#eaf3fc;--sky:#0a84e0;--red:#e8365f;--accent:#0866b8;
  --body:'Wanted Sans Variable','Wanted Sans',-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;
  --head:'Wanted Sans Variable','Wanted Sans',-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;
  --r:12px;--r2:8px;--hdr:80px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:clip}
body{margin:0;font-family:var(--body);color:var(--text);background:#fff;font-size:17px;line-height:1.7;letter-spacing:-.01em;word-break:keep-all;overflow-wrap:anywhere;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0;padding:0}
ul,ol{list-style:none}
h1,h2,h3{font-family:var(--head);font-weight:700;letter-spacing:-.025em;line-height:1.35;color:var(--text)}
button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}
:focus-visible{outline:2px solid var(--sky);outline-offset:2px;border-radius:4px}
.wrap{width:100%;max-width:1280px;margin:0 auto;padding:0 40px}
.skip{position:absolute;left:-999px;top:0;background:var(--blue);color:#fff;padding:10px 16px;z-index:300}
.skip:focus{left:8px;top:8px}
.ic{display:block}

.util{background:var(--soft);border-bottom:1px solid var(--line);color:var(--sub);font-size:14px}
.util-in{max-width:1280px;margin:0 auto;padding:0 40px;height:38px;display:flex;align-items:center;justify-content:flex-end;gap:22px}
.util-in span:first-child{margin-right:auto}
.util-in a{display:inline-flex;align-items:center;gap:6px;color:var(--text);font-weight:700;font-variant-numeric:tabular-nums}
.util-in a .ic{width:16px;height:16px;color:var(--blue)}
.util-in a:hover{color:var(--blue)}

.hdr{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid var(--line);transition:box-shadow .2s}
.hdr.scrolled{box-shadow:0 2px 12px rgba(20,30,45,.06)}
.hdr-in{max-width:1280px;margin:0 auto;padding:0 40px;height:var(--hdr);display:flex;align-items:center;gap:28px}
.logo{display:flex;align-items:center;gap:12px;color:var(--text)}
.logo .mark{flex:none;width:74px;height:32px}
.logo-w{display:flex;flex-direction:column;gap:4px}
.logo-t{font-weight:800;font-size:22px;letter-spacing:-.03em;line-height:1;white-space:nowrap}
.logo-s{font-size:12.5px;font-weight:500;color:var(--mute);line-height:1;white-space:nowrap}
.gnb{display:flex;align-items:center;gap:6px;margin-left:auto}
.gnb a{font-weight:600;font-size:16.5px;color:var(--text);white-space:nowrap;padding:8px 14px;border-radius:var(--r2);transition:background .15s,color .15s}
.gnb a:hover{background:var(--soft);color:var(--blue)}
.gnb a[aria-current=page]{color:var(--blue);background:var(--tint)}
.hdr-tel{flex:none;font-weight:700;font-size:16px;padding:10px 18px;border-radius:var(--r2);background:var(--blue);color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
.hdr-tel:hover{background:var(--blue-h)}
.burger{display:none;flex:none;width:44px;height:44px;border:1px solid var(--line);border-radius:var(--r2);background:#fff;cursor:pointer;padding:0;position:relative}
.burger span{position:absolute;left:12px;right:12px;height:2px;border-radius:2px;background:var(--text);transition:transform .2s,opacity .2s}
.burger span:nth-child(1){top:14px}.burger span:nth-child(2){top:21px}.burger span:nth-child(3){top:28px}
.burger[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger[aria-expanded=true] span:nth-child(2){opacity:0}
.burger[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:54px;padding:0 26px;border-radius:var(--r2);background:var(--blue);color:#fff;font-weight:700;font-size:17px;border:1px solid var(--blue);cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}
.btn:hover{background:var(--blue-h);border-color:var(--blue-h)}
.btn.sub{background:#fff;color:var(--text);border-color:var(--line2);font-variant-numeric:tabular-nums}
.btn.sub:hover{border-color:var(--blue);color:var(--blue)}
.btn.white{background:#fff;color:var(--blue);border-color:#fff}
.btn.white:hover{background:var(--tint);border-color:var(--tint)}
.arw{transition:transform .18s}
.btn:hover .arw{transform:translateX(3px)}
.more{display:inline-flex;align-items:center;gap:4px;font-weight:600;font-size:16px;color:var(--sub);white-space:nowrap}
.more:hover{color:var(--blue)}

.hero{position:relative;min-height:min(88svh,800px);display:flex;align-items:flex-end;background:#101820;overflow:hidden}
.hero-ph{position:absolute;inset:0}
.hs{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.2s ease}
.hs:first-child,.hs.on{opacity:1}
.hero-ph.go .hs:first-child:not(.on){opacity:0}
.hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(9,19,31,.8) 0,rgba(9,19,31,.5) 42%,rgba(9,19,31,.08) 78%)}
.hero-in{position:relative;z-index:2;width:100%;padding-top:110px;padding-bottom:170px;color:#fff}
.hero h1{color:#fff;font-size:clamp(40px,5.2vw,70px);font-weight:800;line-height:1.18;letter-spacing:-.035em}
.hero h1 span{display:block}
.hero-d{margin-top:20px;font-size:clamp(17px,1.45vw,20px);color:rgba(255,255,255,.88);font-weight:500;white-space:pre-line}
.hero-act{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}
.btn.glass{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.55);color:#fff}
.btn.glass:hover{background:#fff;color:var(--text);border-color:#fff}
.sctl{position:absolute;right:40px;bottom:170px;display:flex;align-items:center;gap:2px;padding:4px 4px 4px 14px;border-radius:999px;background:rgba(10,20,32,.45);border:1px solid rgba(255,255,255,.25);font-size:14px;color:rgba(255,255,255,.8);font-variant-numeric:tabular-nums}
.sctl-n{margin-right:6px}
.sctl-n b{color:#fff}
.sctl-n i{font-style:normal}
.sctl button{width:34px;height:34px;border:0;border-radius:50%;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff}
.sctl button:hover{background:rgba(255,255,255,.16)}
.sctl-p .chev{transform:rotate(180deg)}
.sctl-s span{width:10px;height:12px;border-left:3px solid currentColor;border-right:3px solid currentColor}
.sctl-s.paused span{width:0;height:0;border:0;border-left:10px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent;margin-left:3px}
.sctl[hidden]{display:none}

.pcs{position:relative;z-index:3;margin-top:-120px}
.callbar{display:flex;align-items:center;gap:10px 28px;flex-wrap:wrap;padding:18px 28px;border-radius:14px;background:var(--blue);color:#fff}
.callbar-t{font-weight:700;font-size:17px}
.callbar-h{margin-right:auto;color:rgba(255,255,255,.78);font-size:15.5px}
.callbar-tel{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:24px;letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap}
.callbar-tel .ic{width:22px;height:22px}
.callbar-tel:hover{opacity:.85}
.pc-row{margin-top:12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.pc{position:relative;display:block;aspect-ratio:4/5;border-radius:16px;overflow:hidden;background:#1b2632;color:#fff}
.pc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.pc::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(8,16,26,.85) 0,rgba(8,16,26,.25) 45%,rgba(8,16,26,0) 65%)}
.pc-t{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:24px 24px 22px}
.pc-t b{display:block;font-weight:700;font-size:clamp(19px,1.7vw,23px);line-height:1.35}
.pc-go{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:15px;font-weight:600;color:rgba(255,255,255,.8)}
.pc:hover img{transform:scale(1.05)}
.pc:hover .pc-go{color:#fff}

.sec{padding:clamp(72px,8vw,112px) 0}
.sec.soft{background:var(--soft)}
.sec h2{font-size:clamp(28px,3vw,38px);white-space:pre-line}
.h-sub{margin-bottom:28px;font-size:clamp(24px,2.4vw,30px)!important}
.shead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px 24px;margin-bottom:32px;flex-wrap:wrap}
.shead-d{margin-top:10px;color:var(--sub);white-space:pre-line}
.shead-r{display:flex;align-items:center;gap:16px}

.solve-in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:24px;align-items:stretch}
.syms{display:grid;gap:10px;align-content:start}
.sym{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:76px;padding:16px 22px;border:1px solid var(--line);border-radius:var(--r);background:#fff;text-align:left;font-weight:600;font-size:clamp(16.5px,1.3vw,18px);line-height:1.45;color:var(--text);cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.sym .chev{flex:none;color:var(--mute)}
.sym:hover{border-color:var(--line2);background:var(--soft)}
.sym[aria-pressed=true]{background:var(--tint);border-color:var(--blue);color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}
.sym[aria-pressed=true] .chev{color:var(--blue)}
.ans{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);height:100%;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#fff}
.ans[hidden]{display:none}
.ans img{width:100%;height:100%;min-height:340px;object-fit:cover}
.ans-t{padding:clamp(26px,3vw,40px);display:flex;flex-direction:column;justify-content:center}
.ans-q{font-size:15px;font-weight:600;color:var(--mute)}
.ans-t h3{margin-top:6px;font-size:clamp(24px,2.2vw,30px);color:var(--blue)}
.ans-t p:not(.ans-q){margin-top:12px;color:var(--sub);white-space:pre-line}
.ans-t .btn{margin-top:26px;align-self:flex-start}

.eqs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.eq{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:border-color .2s,box-shadow .2s}
.eq-ph{display:block;overflow:hidden}
.eq img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .5s}
.eq b{padding:20px 22px 0;font-weight:700;font-size:clamp(18px,1.5vw,20px);line-height:1.4}
.eq-go{display:flex;align-items:center;gap:4px;padding:8px 22px 22px;margin-top:auto;font-size:15px;font-weight:600;color:var(--mute)}
.eq:hover{border-color:var(--line2);box-shadow:0 8px 24px rgba(20,40,70,.08)}
.eq:hover img{transform:scale(1.03)}
.eq:hover .eq-go{color:var(--blue)}

.whyb{position:relative;padding:clamp(84px,9vw,128px) 0;background:#0f1a26;overflow:hidden}
.whyb-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.whyb::after{content:"";position:absolute;inset:0;background:rgba(9,19,31,.74)}
.whyb-in{position:relative;z-index:1}
.whyb h2{color:#fff;font-size:clamp(28px,3vw,38px);margin-bottom:36px}
.why{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.why li{padding:30px 30px 34px;border:1px solid rgba(255,255,255,.2);border-radius:16px;background:rgba(255,255,255,.07)}
.why .ck{color:#7cc4f5}
.why p{margin-top:18px;font-weight:700;font-size:clamp(18px,1.55vw,21px);line-height:1.5;color:#fff;white-space:pre-line}

.st-nav{display:flex;gap:6px}
.st-b{width:44px;height:44px;border:1px solid var(--line2);border-radius:50%;background:#fff;cursor:pointer;color:var(--text);display:flex;align-items:center;justify-content:center}
.st-b:first-child .chev{transform:rotate(180deg)}
.st-b:hover{border-color:var(--blue);color:var(--blue)}
.strip{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:0 max(40px,calc((100vw - 1280px) / 2 + 40px)) 12px;scroll-padding-left:max(40px,calc((100vw - 1280px) / 2 + 40px));scrollbar-width:thin}
.st{flex:none;scroll-snap-align:start}
.st a{display:block;height:clamp(280px,28vw,400px);aspect-ratio:4/5;border-radius:var(--r);overflow:hidden;background:var(--line);cursor:zoom-in}
.st img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.st a:hover img{transform:scale(1.03)}
.st figcaption{margin-top:12px;font-size:16px;font-weight:600;color:var(--text)}

.area{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px clamp(40px,5vw,72px);align-items:start}
.area-box{padding:28px;border:1px solid var(--line);border-radius:var(--r)}
.parks{display:flex;flex-wrap:wrap;gap:8px}
.parks li{padding:8px 16px;border-radius:999px;background:var(--blue);color:#fff;font-weight:700;font-size:15.5px}
.regions{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px}
.regions li{padding:8px 16px;border-radius:999px;background:var(--soft);border:1px solid var(--line);font-weight:600;font-size:15.5px;color:var(--sub)}

.reach{padding:0 0 clamp(72px,8vw,112px)}
.reach-in{display:flex;align-items:center;gap:20px 40px;flex-wrap:wrap;padding:clamp(28px,3.4vw,44px) clamp(28px,3.6vw,52px);border-radius:20px;background:var(--blue);color:#fff}
.reach-in>div{margin-right:auto}
.reach h2{color:#fff;font-size:clamp(22px,2.2vw,28px)}
.reach p{margin-top:4px;color:rgba(255,255,255,.82);font-size:15.5px}
.reach-tel{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:clamp(28px,3vw,38px);letter-spacing:-.02em;line-height:1.1;font-variant-numeric:tabular-nums;color:#fff;white-space:nowrap}
.reach-tel .ic{width:30px;height:30px}
.reach-tel:hover{opacity:.85}

.phead{background:var(--soft);border-bottom:1px solid var(--line);padding:clamp(36px,4vw,56px) 0 clamp(36px,4vw,52px)}
.crumb{display:flex;align-items:center;gap:6px;font-size:14.5px;color:var(--mute)}
.crumb a{display:flex;color:var(--sub)}
.crumb a:hover{color:var(--blue)}
.crumb .chev{width:14px;height:14px}
.phead h1{margin-top:14px;font-size:clamp(32px,3.6vw,46px);font-weight:800;letter-spacing:-.035em}
.phead-d{margin-top:8px;color:var(--sub);font-size:clamp(16.5px,1.3vw,18px)}
.ptabs{border-bottom:1px solid var(--line);background:#fff;position:sticky;top:var(--hdr);z-index:50}
.ptabs-in{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.ptabs-in::-webkit-scrollbar{display:none}
.ptabs a{flex:none;padding:16px 16px 14px;font-weight:600;font-size:16px;color:var(--sub);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}
.ptabs a:hover{color:var(--text)}
.ptabs a[aria-current=page]{color:var(--blue);border-color:var(--blue);font-weight:700}

.duo{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:32px clamp(40px,6vw,88px);align-items:center}
.duo-ph img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r)}
.prose h2{margin-bottom:24px}
.prose p{font-size:clamp(17px,1.35vw,18.5px);line-height:1.85;color:var(--sub);white-space:pre-line}
.prose p+p{margin-top:16px}
.prose .sign{margin-top:32px;color:var(--text);font-weight:600}
.prose .sign span{margin:0 4px 0 8px;color:var(--mute);font-weight:500}
.prose .sign b{font-size:20px}
.ptable{border-top:2px solid var(--text);background:#fff}
.ptable>div{display:grid;grid-template-columns:200px minmax(0,1fr);border-bottom:1px solid var(--line)}
.ptable dt{padding:17px 22px;background:#f8f9fb;font-weight:600;color:var(--text);border-right:1px solid var(--line)}
.ptable dd{padding:17px 22px;color:var(--sub)}
.ptable a:hover{color:var(--blue)}

.jump{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.jump a{padding:16px 18px;border:1px solid var(--line);border-radius:var(--r);font-weight:600;color:var(--text);background:#fff;display:flex;justify-content:space-between;align-items:center;gap:10px}
.jump a::after{content:"";flex:none;width:8px;height:8px;border-right:1.8px solid var(--mute);border-bottom:1.8px solid var(--mute);transform:rotate(45deg);margin-top:-4px}
.jump a:hover{border-color:var(--blue);color:var(--blue)}
.svs{margin-top:clamp(48px,6vw,80px);display:grid;gap:clamp(56px,7vw,96px)}
.sv{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px clamp(36px,5vw,72px);align-items:center;scroll-margin-top:calc(var(--hdr) + 72px)}
.sv:nth-child(even) .sv-phs{order:2}
.sv-phs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sv-ph{display:block;overflow:hidden;border-radius:var(--r);background:var(--line);cursor:zoom-in}
.sv-ph img{width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform .5s}
.sv-ph:only-child{grid-column:1/-1;max-width:520px}
.sv-ph:hover img{transform:scale(1.03)}
.sv-en{font-weight:700;font-size:14.5px;letter-spacing:.08em;color:var(--blue)}
.sv-t h3{margin-top:6px;font-size:clamp(26px,2.6vw,34px)}
.sv-t>p:not(.sv-en){margin-top:14px;color:var(--sub);white-space:pre-line}
.scope{margin-top:22px;display:flex;flex-wrap:wrap;gap:8px}
.scope li{padding:7px 14px;border-radius:999px;background:var(--soft);border:1px solid var(--line);font-weight:600;font-size:15px;color:var(--sub)}
.sec.soft .scope li{background:#fff}
.sv-t .btn{margin-top:28px}

.svc-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.svc-cards li{padding:28px 28px 30px;border:1px solid var(--line);border-radius:var(--r);background:#fff}
.svc-cards h3{font-size:clamp(19px,1.6vw,22px);color:var(--blue)}
.svc-cards p{margin-top:10px;color:var(--sub);white-space:pre-line}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.stp a{display:block;overflow:hidden;border-radius:var(--r);cursor:zoom-in;background:var(--line)}
.stp img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .5s}
.stp a:hover img{transform:scale(1.03)}
.stp figcaption{padding-top:12px;font-weight:600;font-size:16.5px;color:var(--text)}
.tbl{width:100%;border-collapse:collapse;border-top:2px solid var(--text);background:#fff;font-size:16.5px}
.tbl th{padding:15px 22px;background:#f8f9fb;border-bottom:1px solid var(--line2);font-weight:600;text-align:left}
.tbl th:last-child,.tbl td:last-child{text-align:center;width:180px;border-left:1px solid var(--line)}
.tbl td{padding:15px 22px;border-bottom:1px solid var(--line);color:var(--sub)}
.tbl td:last-child{color:var(--blue);font-weight:600}
.tbl-note{margin-top:14px;font-size:15px;color:var(--mute);white-space:pre-line}

.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.chips button{height:44px;padding:0 20px;border:1px solid var(--line2);border-radius:999px;background:#fff;color:var(--sub);font-weight:600;font-size:15.5px;cursor:pointer}
.chips button:hover{border-color:var(--blue);color:var(--blue)}
.chips button[aria-selected=true]{background:var(--blue);border-color:var(--blue);color:#fff}
[data-filter] [hidden]{display:none!important}
.shots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 16px}
.shot a{display:block;overflow:hidden;border-radius:var(--r);background:var(--line);cursor:zoom-in}
.shot img{width:100%;aspect-ratio:3/4;object-fit:cover;transition:transform .5s}
.shot a:hover img{transform:scale(1.03)}
.shot figcaption{padding-top:12px;font-weight:600;font-size:16px;color:var(--text)}
.shot figcaption span{display:block;font-weight:500;font-size:14.5px;color:var(--mute)}
.shot figcaption span:empty{display:none}

.loc{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:start}
.mapbox{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--soft)}
.mapbox .sf-map-embed{height:480px}
.mapbox .sf-map-links{display:flex;flex-wrap:wrap;gap:6px;padding:12px;border-top:1px solid var(--line);background:#fff}
.mapbox .sf-map-links a{display:inline-flex;align-items:center;height:42px;padding:0 16px;border:1px solid var(--line2);border-radius:var(--r2);font-weight:600;color:var(--text);font-size:15px}
.mapbox .sf-map-links a:hover{border-color:var(--blue);color:var(--blue)}
.vinfo{border-top:2px solid var(--text)}
.vinfo>div{padding:18px 4px;border-bottom:1px solid var(--line)}
.vinfo dt{font-size:14.5px;color:var(--mute)}
.vinfo dd{margin-top:3px;font-size:17.5px;font-weight:600;color:var(--text);line-height:1.5}
.vinfo a:hover{color:var(--blue)}

.cform{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:24px;align-items:start}
.cside{padding:32px;border-radius:var(--r);background:var(--soft);border:1px solid var(--line)}
.cside h2{font-size:22px!important}
.cside-tel{display:block;margin-top:8px;font-weight:800;font-size:clamp(28px,2.6vw,34px);color:var(--blue);font-variant-numeric:tabular-nums;white-space:nowrap}
.cside p{margin-top:6px;color:var(--sub)}
.cside-n{margin-top:20px!important;padding-top:20px;border-top:1px solid var(--line);font-size:15.5px;white-space:pre-line}
.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px;padding:clamp(24px,3vw,36px);border:1px solid var(--line);border-radius:var(--r);background:#fff}
.req-note{grid-column:1/-1;font-size:14.5px;color:var(--mute)}
.form em{font-style:normal;color:#d1303f}
.fr{display:flex;flex-direction:column;gap:7px;min-width:0}
.fr.full,.agree,.form .submit,.formmsg{grid-column:1/-1}
.fr label{font-weight:600;font-size:15.5px;color:var(--text)}
.fr input,.fr select,.fr textarea{width:100%;min-height:52px;padding:12px 15px;border:1px solid var(--line2);border-radius:var(--r2);background:#fff;font-size:17px}
.fr textarea{resize:vertical;line-height:1.6}
.fr input:hover,.fr select:hover,.fr textarea:hover{border-color:#a9b3be}
.fr input:focus,.fr select:focus,.fr textarea:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 3px rgba(8,102,184,.15)}
.fr ::placeholder{color:#9aa3ad}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.agree{display:flex;align-items:flex-start;gap:10px;font-size:15.5px;color:var(--sub);cursor:pointer;padding:14px 16px;border-radius:var(--r2);background:var(--soft)}
.agree input{width:20px;height:20px;margin-top:3px;flex:none;accent-color:var(--blue)}
.form .submit{width:100%}
.form .submit:disabled{opacity:.6;cursor:default}
.formmsg{display:none;padding:14px 16px;border-radius:var(--r2);font-weight:600;font-size:16px}
.formmsg.show{display:block}
.formmsg.ok{background:#e6f5ec;color:#0d5c33}
.formmsg.err{background:#fdecee;color:#a3203f}

.ftr{background:#f1f3f6;border-top:1px solid var(--line);color:var(--sub);font-size:15px;padding-bottom:28px}
.ftr-nav{display:flex;flex-wrap:wrap;gap:4px 28px;padding:20px 0;border-bottom:1px solid var(--line2)}
.ftr-nav a{font-weight:600;color:var(--text)}
.ftr-nav a:hover{color:var(--blue)}
.ftr-in{display:flex;justify-content:space-between;gap:32px 48px;flex-wrap:wrap;padding-top:32px}
.ftr .mark path[fill="#fff"]{fill:#f1f3f6}
.ftr-info{margin-top:18px;display:flex;flex-wrap:wrap;gap:6px 22px;max-width:760px}
.ftr-info>div{display:flex;gap:8px}
.ftr-info dt{color:var(--mute)}
.ftr-info dd{color:var(--sub)}
.ftr-call{text-align:right}
.ftr-call p{color:var(--mute)}
.ftr-tel{display:block;margin-top:2px;font-weight:800;font-size:28px;color:var(--text);font-variant-numeric:tabular-nums;line-height:1.25;white-space:nowrap}
.ftr-call .ftr-hours{margin-top:4px}
.ftr-copy{display:flex;justify-content:space-between;gap:16px;margin-top:28px;font-size:14px;color:var(--mute)}
.ftr-copy a:hover{color:var(--blue);text-decoration:underline}

.nf{padding:clamp(90px,14vw,180px) 0;text-align:center}
.nf-c{font-weight:800;font-size:40px;color:var(--blue)}
.nf h1{margin-top:8px;font-size:clamp(26px,3.4vw,40px)}
.nf .btn{margin-top:28px}

.lb{position:fixed;inset:0;z-index:400;background:rgba(17,20,24,.94);display:none;align-items:center;justify-content:center;padding:56px 64px}
.lb.on{display:flex}
.lb figure{max-width:min(1200px,100%);max-height:100%;display:flex;flex-direction:column;align-items:center}
.lb img{max-width:100%;max-height:calc(100vh - 170px);width:auto;border-radius:var(--r2)}
.lb figcaption{margin-top:14px;color:#e6e9ec;font-size:16px;text-align:center;white-space:pre-wrap}
.lb button{position:absolute;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;width:50px;height:50px;font-size:30px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 0 4px}
.lb button:hover{background:rgba(255,255,255,.28)}
.lb-x{top:18px;right:18px}.lb-p{left:14px;top:50%;margin-top:-25px}.lb-n{right:14px;top:50%;margin-top:-25px}

@media (prefers-reduced-motion:reduce){.strip{scroll-behavior:auto}.hs,.st img,.shot img,.sv-ph img,.stp img,.eq img{transition:none}}

@media (max-width:1240px){
  .gnb a{padding:8px 10px}
  .hdr-in{gap:18px}
  .logo-s{display:none}
}
@media (max-width:1100px){
  .burger{display:block}
  .hdr-tel{margin-left:auto}
  .gnb{position:fixed;left:0;right:0;top:var(--hdr);bottom:0;margin:0;background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:8px 40px 120px;overflow-y:auto;visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s}
  .gnb.open{visibility:visible;opacity:1}
  .gnb a{display:flex;justify-content:space-between;align-items:center;padding:20px 4px;font-size:20px;border-radius:0;border-bottom:1px solid var(--line)}
  .gnb a::after{content:"";width:9px;height:9px;border-top:2px solid var(--mute);border-right:2px solid var(--mute);transform:rotate(45deg)}
  .gnb a:hover,.gnb a[aria-current=page]{background:transparent}
  .hero-in,.solve-in,.area,.cform,.sv{grid-template-columns:minmax(0,1fr)}
  .sv:nth-child(even) .sv-phs{order:0}
  .brands-in{grid-template-columns:minmax(0,1fr)}
  .pc-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pc{aspect-ratio:16/11}
  .eqs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .svc-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .shots{grid-template-columns:repeat(3,minmax(0,1fr))}
  .jump{grid-template-columns:repeat(2,minmax(0,1fr))}
  .util-in span:nth-child(2){display:none}
}
@media (max-width:860px){
  body{font-size:16.5px}
  :root{--hdr:64px}
  .util{display:none}
  .wrap,.hdr-in{padding-left:20px;padding-right:20px}
  .gnb{padding-left:20px;padding-right:20px}
  .strip{padding-left:20px;padding-right:20px;scroll-padding-left:20px}
  .hero{min-height:600px}
  .hero::after{background:linear-gradient(0deg,rgba(9,19,31,.86) 0,rgba(9,19,31,.55) 55%,rgba(9,19,31,.25) 100%)}
  .hero-in{padding-top:80px;padding-bottom:130px}
  .sctl{right:20px;bottom:auto;top:20px}
  .pcs{margin-top:-90px}
  .callbar{padding:16px 20px}
  .callbar-h{display:none}
  .callbar-tel{margin-left:auto}
  .why{grid-template-columns:minmax(0,1fr);gap:10px}
  .why li{display:flex;align-items:flex-start;gap:14px;padding:20px 20px 22px}
  .why .ck{flex:none;margin-top:1px}
  .why p{margin-top:0;font-size:17.5px}
  .whyb h2{margin-bottom:24px}
  .brands-l{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ans{grid-template-columns:minmax(0,1fr)}
  .ans img{min-height:0;aspect-ratio:4/3;height:auto}
  .duo,.loc{grid-template-columns:minmax(0,1fr)}
  .duo-ph img{aspect-ratio:4/3}
  .shots{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}
  .mapbox .sf-map-embed{height:360px}
  .ptable>div{grid-template-columns:130px minmax(0,1fr)}
  .ptable dt,.ptable dd{padding:14px 14px}
  .ftr-call{text-align:left}
  .lb{padding:56px 10px 70px}
  .lb-p,.lb-n{top:auto;bottom:12px;margin:0}
  .lb-p{left:calc(50% - 62px)}.lb-n{right:calc(50% - 62px)}
}
@media (max-width:560px){
  .hdr-in{gap:10px}
  .logo{gap:9px}
  .logo .mark{width:56px;height:25px}
  .logo-t{font-size:19px}
  .hdr-tel{font-size:14px;padding:9px 11px}
  .burger{width:42px;height:42px}
  .burger span{left:11px;right:11px}
  .burger span:nth-child(1){top:13px}.burger span:nth-child(2){top:20px}.burger span:nth-child(3){top:27px}
  .hero-act .btn{flex:1 1 100%}
  .pc-row{gap:8px;margin-top:8px}
  .pc{aspect-ratio:4/5}
  .pc-t{padding:16px 14px}
  .pc-t b{font-size:16.5px}
  .pc-go{font-size:13.5px}
  .callbar-t{display:none}
  .callbar-tel{margin:0 auto;font-size:22px}
  .svc-cards,.steps,.jump{grid-template-columns:minmax(0,1fr)}
  .eqs{gap:10px}
  .eq b{padding:14px 14px 0;font-size:16.5px}
  .eq-go{padding:6px 14px 14px;font-size:14px}
  .st a{height:300px}
  .chips{flex-wrap:nowrap;overflow-x:auto;margin-left:-20px;margin-right:-20px;padding:0 20px 6px;scrollbar-width:none}
  .chips::-webkit-scrollbar{display:none}
  .chips button{flex:none}
  .form{grid-template-columns:minmax(0,1fr)}
  .ans-t .btn,.sv-t .btn,.reach-in .btn{width:100%}
  .reach-tel{font-size:clamp(26px,8vw,34px)}
  .ptable>div{grid-template-columns:minmax(0,1fr)}
  .ptable dt{border-right:0;padding-bottom:8px}
  .ptable dd{padding-top:8px}
  .tbl th:last-child,.tbl td:last-child{width:84px}
  .tbl th,.tbl td{padding:13px 12px}
  .area-box,.cside{padding:22px}
  .shead-r .more{display:none}
}
@media (max-width:380px){
  .logo .mark{width:48px;height:21px}
  .logo-t{font-size:17px}
  .hdr-tel{font-size:13px;padding:8px 8px}
  .hero h1{font-size:30px}
}

.sfab{position:fixed;right:16px;bottom:16px;z-index:120;display:flex;flex-direction:column;
gap:9px;align-items:center;pointer-events:none}
.sfab a{pointer-events:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;
gap:2px;width:54px;height:54px;border-radius:50%;text-decoration:none;line-height:1;
box-shadow:0 4px 14px rgba(0,0,0,.28);transition:transform .18s ease,filter .18s ease}
.sfab a:hover{transform:translateY(-2px);filter:brightness(1.07)}
.sfab a svg{width:21px;height:21px;display:block}
.sfab a span{font-size:9.5px;letter-spacing:-.02em;font-weight:700;white-space:nowrap}
.sfab .b-place{background:#03c75a;color:#fff}
.sfab .b-blog{background:#1f9c3a;color:#fff}
.sfab .b-insta{background:linear-gradient(45deg,#f9ce34,#ee2a7b 55%,#6228d7);color:#fff}
.sfab .b-kakao{background:#fee500;color:#3c1e1e}
.sfab .b-daangn{background:#ff6f0f;color:#fff}
.sfab .b-tiktok{background:#111;color:#fff}
.sfab .b-youtube{background:#ff0000;color:#fff}
.sfab .b-tel{background:var(--accent,#e8352b);color:#fff;width:58px;height:58px}
.sfab .b-tel svg{width:23px;height:23px}
@media(max-width:768px){
  .sfab{right:9px;bottom:9px;gap:6px}
  .sfab a{width:42px;height:42px;gap:1px}
  .sfab a svg{width:17px;height:17px}
  .sfab a span{font-size:8.5px}
  .sfab .b-tel{width:46px;height:46px}
  .sfab .b-tel svg{width:19px;height:19px}
}
@media print{.sfab{display:none}}

body .sfab a span{font-size:11px;letter-spacing:-.04em}
body .sfab a{width:58px;height:58px}