@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css');
*{box-sizing:border-box;margin:0;padding:0}
:root{--o:#FF6B1A;--o-d:#E85A0C;--o-s:#FFF4EC;--k:#0B0D12;--t1:#191F28;--t2:#4E5968;--t3:#8B95A1;--ln:#EBEDF0;--bg:#F5F6F8;--rad:24px}
html{scroll-behavior:smooth}
body{font-family:'Pretendard Variable',Pretendard,-apple-system,'Malgun Gothic',sans-serif;color:var(--t1);background:#fff;-webkit-font-smoothing:antialiased;letter-spacing:-0.025em;word-break:keep-all}
a{color:inherit;text-decoration:none} img{display:block}
.w{max-width:1240px;margin:0 auto;padding:0 40px}
/* header */
.hd{position:fixed;top:0;left:0;right:0;z-index:50;transition:.25s}
.hd.sc{background:rgba(255,255,255,.96);backdrop-filter:saturate(180%) blur(18px);box-shadow:0 1px 0 rgba(0,0,0,.06)}
.hd .w{display:flex;align-items:center;height:76px}
.hd .logo img{height:32px}
.hd nav{display:flex;gap:36px;margin-left:64px;font-size:16px;font-weight:600;color:var(--t2)}
.hd nav a:hover{color:var(--t1)}
.hd .r{margin-left:auto;display:flex;align-items:center;gap:20px}
.hd .tel{font-size:15px;font-weight:700;color:var(--t2)}
.b{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 26px;border-radius:14px;font-weight:700;font-size:16px;font-family:inherit;border:0;cursor:pointer;transition:.18s;white-space:nowrap}
.b-o{background:var(--o);color:#fff;box-shadow:0 8px 20px -6px rgba(255,107,26,.55)} .b-o:hover{background:var(--o-d);transform:translateY(-1px)}
.b-l{background:#fff;color:var(--t1);box-shadow:inset 0 0 0 1px var(--ln)} .b-l:hover{box-shadow:inset 0 0 0 1px #C9CED6}
.b-d{background:var(--t1);color:#fff}
.b-s{height:42px;padding:0 18px;font-size:15px;border-radius:11px}
/* hero */
.hero{position:relative;padding:150px 0 96px;overflow:hidden;background:radial-gradient(1200px 600px at 78% 30%,#FFE7D6 0%,rgba(255,231,214,0) 60%),linear-gradient(180deg,#FFFBF8 0%,#fff 100%)}
.hero .w{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:24px}
.chip{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px #FFD8BF inset;font-size:14px;font-weight:700;color:var(--o-d)}
.chip i{width:7px;height:7px;border-radius:50%;background:var(--o);box-shadow:0 0 0 4px rgba(255,107,26,.18)}
.hero h1{margin-top:26px;font-size:68px;line-height:1.14;font-weight:800;letter-spacing:-0.045em;color:var(--k)}
.hero h1 span{background:linear-gradient(90deg,#FF6B1A,#FF9A3D);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{margin-top:24px;font-size:20px;line-height:1.65;color:var(--t2);font-weight:500}
.hero .cta{display:flex;gap:12px;margin-top:40px} .hero .cta .b{height:60px;padding:0 32px;font-size:17px;border-radius:16px}
.stage{position:relative;height:560px}
.stage:before{content:"";position:absolute;left:50%;top:46%;width:440px;height:440px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,#fff 62%,rgba(255,255,255,0))}
.stage .glow{position:absolute;inset:40px 20px 20px 40px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,140,60,.28),rgba(255,140,60,0));filter:blur(10px)}
.stage .disc{position:absolute;left:50%;bottom:46px;width:420px;height:70px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(11,13,18,.16),rgba(11,13,18,0))}
.stage img.mfp{position:absolute;left:50%;bottom:70px;transform:translateX(-50%);height:470px;mix-blend-mode:multiply;animation:float 6s ease-in-out infinite}
@keyframes float{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,-10px)}}
.glass{position:absolute;background:rgba(255,255,255,.78);backdrop-filter:blur(16px);border-radius:20px;box-shadow:0 18px 40px -12px rgba(11,13,18,.18),0 0 0 1px rgba(255,255,255,.7) inset;padding:18px 20px}
.glass .k{font-size:13px;color:var(--t3);font-weight:600} .glass .v{font-size:24px;font-weight:800;margin-top:4px;color:var(--k)} .glass .v small{font-size:15px;font-weight:700;color:var(--t2)}
.g1{top:70px;right:0} .g2{bottom:120px;left:0} .g3{bottom:30px;right:30px;display:flex;align-items:center;gap:10px}
.g3 .dot{width:36px;height:36px;border-radius:12px;background:var(--o-s);color:var(--o);display:flex;align-items:center;justify-content:center;font-weight:800}
.trust{border-top:1px solid var(--ln);border-bottom:1px solid var(--ln);background:#fff}
.trust .w{display:grid;grid-template-columns:repeat(4,1fr)}
.trust div{padding:34px 0;text-align:center;border-left:1px solid var(--ln)} .trust div:first-child{border-left:0}
.trust b{display:block;font-size:34px;font-weight:800;letter-spacing:-0.04em;color:var(--k)} .trust span{font-size:15px;color:var(--t3);font-weight:600}
/* section */
.sec{padding:128px 0} .sec.g{background:var(--bg)}
.eb{font-size:15px;font-weight:800;color:var(--o);letter-spacing:.02em}
.h2{margin-top:14px;font-size:46px;line-height:1.22;font-weight:800;letter-spacing:-0.04em;color:var(--k)}
.lead{margin-top:18px;font-size:19px;line-height:1.65;color:var(--t2);font-weight:500}
.sh{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:52px}
.more{font-size:16px;font-weight:700;color:var(--t2);display:inline-flex;gap:6px;align-items:center} .more:hover{color:var(--t1)}
/* finder */
.finder{background:#fff;border-radius:32px;padding:14px;box-shadow:0 30px 60px -30px rgba(11,13,18,.18),0 0 0 1px var(--ln) inset}
.fbar{display:flex;gap:12px;align-items:center;padding:12px 12px 22px;flex-wrap:wrap}
.seg{display:inline-flex;background:var(--bg);border-radius:14px;padding:5px;gap:4px}
.seg button{height:44px;padding:0 20px;border:0;border-radius:10px;background:transparent;font-weight:700;font-size:15px;font-family:inherit;color:var(--t2);cursor:pointer;transition:.15s}
.seg button.on{background:#fff;color:var(--k);box-shadow:0 2px 8px rgba(11,13,18,.08)}
.fbar .cnt{margin-left:auto;font-size:15px;color:var(--t3);font-weight:600} .fbar .cnt b{color:var(--k)}
.pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.pc{border-radius:22px;background:var(--bg);padding:10px;transition:.2s;display:flex;flex-direction:column}
.pc:hover{background:#fff;box-shadow:0 20px 40px -20px rgba(11,13,18,.25),0 0 0 1px var(--ln) inset;transform:translateY(-3px)}
.pc .im{height:220px;border-radius:16px;background:#fff;display:flex;align-items:center;justify-content:center}
.pc .im img{max-width:78%;max-height:190px;mix-blend-mode:multiply}
.pc .bd{padding:18px 12px 14px;display:flex;flex-direction:column;flex:1}
.tg{display:flex;gap:6px} .tg span{font-size:12px;font-weight:700;padding:4px 9px;border-radius:7px;background:#fff;color:var(--t2)} .tg span.o{background:var(--o-s);color:var(--o-d)}
.pc .nm{margin-top:12px;font-size:17px;font-weight:700;line-height:1.4;min-height:48px;color:var(--k)}
.pc .mt{margin-top:6px;font-size:14px;color:var(--t3);font-weight:500}
.pc .pr{margin-top:auto;padding-top:18px;display:flex;align-items:baseline;gap:6px} .pc .pr span{font-size:14px;color:var(--t3);font-weight:600} .pc .pr b{font-size:24px;font-weight:800;color:var(--k);letter-spacing:-0.03em}
/* bento */
.bento{display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-template-rows:auto auto;gap:16px}
.bt{border-radius:28px;padding:36px;background:var(--bg);position:relative;overflow:hidden;min-height:240px;display:flex;flex-direction:column}
.bt h3{font-size:26px;font-weight:800;letter-spacing:-0.035em;line-height:1.3;color:var(--k)} .bt p{margin-top:12px;font-size:16px;line-height:1.6;color:var(--t2);font-weight:500}
.bt .big{margin-top:auto;font-size:64px;font-weight:800;letter-spacing:-0.05em;color:var(--k)} .bt .big small{font-size:22px;font-weight:700;color:var(--t2);margin-left:4px}
.bt.dk{background:var(--k);color:#fff;grid-row:span 2} .bt.dk h3{color:#fff} .bt.dk p{color:#9AA4B2}
.bt.dk .map{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.bt.dk .map div{background:rgba(255,255,255,.06);border-radius:16px;padding:16px 18px} .bt.dk .map b{display:block;font-size:16px} .bt.dk .map span{font-size:15px;color:#9AA4B2}
.bt.dk .map div.on{background:var(--o)} .bt.dk .map div.on span{color:#FFE3D2}
.bt.or{background:linear-gradient(140deg,#FF7A2F,#FF5A0A);color:#fff} .bt.or h3{color:#fff} .bt.or p{color:#FFE3D2} .bt.or .big{color:#fff} .bt.or .big small{color:#FFE3D2}
.bt .bar{margin-top:auto;display:flex;flex-direction:column;gap:10px}
.bt .bar div{display:flex;justify-content:space-between;font-size:16px;font-weight:600;padding:14px 18px;background:#fff;border-radius:14px} .bt .bar div b{font-weight:800}
/* terms */
.tw{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tc{background:#fff;border-radius:28px;padding:34px}
.tc h3{font-size:21px;font-weight:800;color:var(--k)} .tc .sub{font-size:15px;color:var(--t3);margin-top:6px;font-weight:500}
.tc ul{list-style:none;margin-top:24px}
.tc li{display:flex;justify-content:space-between;align-items:center;padding:17px 0;border-top:1px solid var(--ln);font-size:17px} .tc li span{color:var(--t2);font-weight:500} .tc li b{font-weight:800;color:var(--k)} .tc li b.o{color:var(--o-d)}
.fn{margin-top:22px;font-size:14px;color:var(--t3);font-weight:500}
/* cases */
.ctl{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}
.ctl button{height:42px;padding:0 18px;border-radius:999px;border:0;background:#fff;box-shadow:inset 0 0 0 1px var(--ln);font-weight:700;font-size:15px;font-family:inherit;color:var(--t2);cursor:pointer}
.ctl button.on{background:var(--k);color:#fff;box-shadow:none}
.cg{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.cs{border-radius:22px;overflow:hidden;background:#fff;position:relative}
.cs img{width:100%;aspect-ratio:1/1;object-fit:cover;transition:.4s} .cs:hover img{transform:scale(1.04)}
.cs .cap{position:absolute;left:12px;right:12px;bottom:12px;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);border-radius:16px;padding:14px 16px}
.cs .cap b{display:block;font-size:16px;font-weight:800;color:var(--k)} .cs .cap span{font-size:14px;color:var(--t2);font-weight:500}
/* quote */
.qt{background:var(--k);color:#fff;padding:128px 0}
.qt .w{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:start}
.qt .h2{color:#fff} .qt .lead{color:#9AA4B2}
.qt .call{margin-top:44px;border-top:1px solid rgba(255,255,255,.12);padding-top:28px}
.qt .call span{font-size:15px;color:#9AA4B2;font-weight:600} .qt .call b{display:block;font-size:44px;font-weight:800;letter-spacing:-0.04em;margin-top:8px}
.qt .call small{display:block;margin-top:10px;font-size:15px;color:#6B7684}
.form{background:#fff;color:var(--t1);border-radius:32px;padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:22px}
.form label{display:block;font-size:15px;font-weight:700;color:var(--t1);margin-bottom:10px}
.form input,.form select,.form textarea{width:100%;height:56px;border:0;border-radius:14px;background:var(--bg);padding:0 18px;font-weight:500;font-size:16px;font-family:inherit;color:var(--k);outline:none;transition:.15s}
.form input:focus,.form select:focus,.form textarea:focus{background:#fff;box-shadow:0 0 0 2px var(--o)}
.form textarea{height:112px;padding:16px 18px;resize:none}
.form .f{grid-column:1/-1}
.form .seg{display:flex} .form .seg button{flex:1;height:46px}
.agr{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--t2);font-weight:500}
.agr i{width:22px;height:22px;border-radius:7px;background:var(--o);display:inline-flex;align-items:center;justify-content:center}
.agr i:after{content:'';width:9px;height:5px;border-left:2.5px solid #fff;border-bottom:2.5px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}
.form .b{width:100%;height:62px;font-size:18px;border-radius:16px}
/* footer */
.ft{background:var(--k);color:#6B7684;border-top:1px solid rgba(255,255,255,.08);padding:48px 0 56px;font-size:14px;line-height:1.9;font-weight:500}
.ft .w{display:flex;justify-content:space-between;gap:40px} .ft b{color:#fff;font-size:16px}
.mbar{display:none}
.rv{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)} .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none}.stage img.mfp{animation:none}}
@media (max-width:860px){
 .w{padding:0 20px}
 .hd .w{height:60px} .hd .logo img{height:26px} .hd nav,.hd .tel,.hd .r .b{display:none} .hd .r a.m{display:inline-flex}
 .hero{padding:96px 0 40px} .hero .w{grid-template-columns:1fr;gap:0}
 .hero h1{font-size:38px;margin-top:18px} .hero p{font-size:16px;margin-top:16px} .hero .cta{display:none}
 .stage{height:340px;margin-top:8px} .stage img.mfp{height:270px;bottom:50px} .stage .disc{width:240px;bottom:34px}
 .g1{top:20px;right:0;padding:12px 14px} .g2{display:none} .g3{bottom:0;right:auto;left:0;padding:10px 14px} .glass .v{font-size:19px}
 .trust .w{grid-template-columns:1fr 1fr} .trust div{padding:22px 0} .trust div:nth-child(3){border-left:0;border-top:1px solid var(--ln)} .trust div:nth-child(4){border-top:1px solid var(--ln)} .trust b{font-size:26px} .trust span{font-size:13px}
 .sec,.qt{padding:72px 0} .h2{font-size:30px} .lead{font-size:16px} .sh{display:block;margin-bottom:28px} .sh .more{display:none}
 .finder{border-radius:24px;padding:8px} .fbar{padding:8px 4px 14px;gap:8px} .seg button{height:38px;padding:0 13px;font-size:14px} .fbar .cnt{display:none}
 .pgrid{grid-template-columns:1fr 1fr;gap:8px} .pc{border-radius:18px;padding:6px} .pc .im{height:140px;border-radius:13px} .pc .im img{max-height:120px} .pc .bd{padding:12px 8px 8px} .pc .nm{font-size:14px;min-height:40px;margin-top:8px} .pc .mt{display:none} .pc .pr b{font-size:18px} .pc .pr span{font-size:12px}
 .bento{grid-template-columns:1fr;gap:12px} .bt{padding:26px;min-height:0;border-radius:24px} .bt h3{font-size:21px} .bt .big{font-size:46px;margin-top:20px} .bt.dk{grid-row:auto} .bt.dk .map{margin-top:22px}
 .tw{grid-template-columns:1fr;gap:12px} .tc{padding:24px;border-radius:24px} .tc li{font-size:15px;padding:14px 0}
 .ctl{flex-wrap:nowrap;overflow-x:auto;margin:0 -20px 20px;padding:0 20px} .ctl button{flex:none;height:38px;font-size:14px}
 .cg{grid-template-columns:1fr 1fr;gap:8px} .cs{border-radius:16px} .cs .cap{left:6px;right:6px;bottom:6px;padding:9px 10px;border-radius:12px} .cs .cap b{font-size:13px} .cs .cap span{font-size:12px}
 .qt .w{grid-template-columns:1fr;gap:32px} .qt .call{display:none}
 .form{grid-template-columns:1fr;padding:22px;border-radius:24px;gap:16px}
 .ft{padding:36px 0 120px;font-size:13px} .ft .w{flex-direction:column;gap:16px}
 .mbar{display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:60;gap:8px;padding:8px;border-radius:20px;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);box-shadow:0 12px 30px -8px rgba(11,13,18,.25),0 0 0 1px var(--ln) inset}
 .mbar .b{flex:1;height:52px;border-radius:14px}
}

.hd.solid{background:rgba(255,255,255,.96);box-shadow:0 1px 0 rgba(0,0,0,.06)}
.hd nav a.on{color:var(--k);position:relative}.hd nav a.on:after{content:'';position:absolute;left:0;right:0;bottom:-27px;height:2px;background:var(--o)}
.burger{display:none;width:40px;height:40px;border:0;background:transparent;cursor:pointer;margin-left:6px;position:relative}
.burger i,.burger:before,.burger:after{content:'';position:absolute;left:10px;right:10px;height:2px;background:var(--k);border-radius:2px;transition:.2s}
.burger i{top:19px}.burger:before{top:13px}.burger:after{top:25px}
.mnav{display:none}
.ph{padding:140px 0 56px;background:linear-gradient(180deg,#FFF8F3 0%,#fff 100%)}
.ph .eb{font-size:15px}.ph h1{margin-top:12px;font-size:52px;line-height:1.18;font-weight:800;letter-spacing:-0.045em;color:var(--k)}.ph p{margin-top:16px;font-size:19px;color:var(--t2);font-weight:500;line-height:1.6}
.sec.tight{padding:40px 0 120px}
.pc .sb{margin-top:14px;font-size:14px;color:var(--t3);font-weight:600}
.pc .nm{margin-top:4px;font-size:20px;font-weight:800;letter-spacing:-0.02em;line-height:1.3;min-height:0;color:var(--k);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc .nm em{display:block;font-style:normal;font-size:14px;font-weight:600;color:var(--t2);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mo{text-align:center;padding:26px 0 6px}.mo button{height:52px;padding:0 30px;border-radius:14px;border:0;background:var(--bg);font-weight:700;font-size:16px;font-family:inherit;color:var(--t1);cursor:pointer}
.seg{flex-wrap:nowrap}.seg button{white-space:nowrap}
.cat4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.cat4 a{border-radius:28px;background:var(--bg);padding:30px 28px 0;display:flex;flex-direction:column;overflow:hidden;transition:.2s;min-height:300px}
.cat4 a:hover{background:#fff;box-shadow:0 24px 48px -24px rgba(11,13,18,.25),0 0 0 1px var(--ln) inset;transform:translateY(-3px)}
.cat4 b{font-size:22px;font-weight:800;color:var(--k)}.cat4 span{margin-top:6px;font-size:15px;color:var(--t2);font-weight:600}.cat4 span em{font-style:normal;color:var(--o-d);font-weight:800}
.cat4 img{margin:auto auto 0;max-height:150px;max-width:80%;mix-blend-mode:multiply;padding-top:20px}
.band{border-radius:32px;background:var(--k);color:#fff;padding:56px 60px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.band h2{font-size:36px;font-weight:800;letter-spacing:-0.04em;line-height:1.25}.band p{margin-top:10px;font-size:17px;color:#9AA4B2;font-weight:500}
.band .bs{display:flex;gap:12px}.band .b{height:60px;padding:0 30px;font-size:17px;border-radius:16px}.band .b-l{background:rgba(255,255,255,.1);color:#fff;box-shadow:none}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.step{background:var(--bg);border-radius:26px;padding:30px}.step i{font-style:normal;display:inline-flex;width:40px;height:40px;border-radius:12px;background:var(--o);color:#fff;font-weight:800;font-size:17px;align-items:center;justify-content:center}
.step h3{margin-top:22px;font-size:21px;font-weight:800;color:var(--k)}.step p{margin-top:8px;font-size:15px;line-height:1.6;color:var(--t2);font-weight:500}
.faq{border-top:1px solid var(--ln)}.faq details{border-bottom:1px solid var(--ln)}.faq summary{list-style:none;cursor:pointer;padding:26px 4px;font-size:19px;font-weight:700;color:var(--k);display:flex;justify-content:space-between;gap:20px}
.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font-size:26px;font-weight:400;color:var(--t3);line-height:1}.faq details[open] summary:after{content:'−'}
.faq .a{padding:0 4px 26px;font-size:17px;line-height:1.7;color:var(--t2);font-weight:500}
.about{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.about .txt p{font-size:18px;line-height:1.85;color:var(--t2);font-weight:500;margin-top:18px}.about .txt p:first-child{margin-top:0}
.about .sign{margin-top:28px;font-size:17px;font-weight:700;color:var(--k)}
.info{background:var(--bg);border-radius:28px;padding:10px 30px}
.info div{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-top:1px solid #E5E8EB;font-size:16px}.info div:first-child{border-top:0}.info span{color:var(--t3);font-weight:600;flex:none}.info b{font-weight:700;color:var(--k);text-align:right}
.brs{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.brc{border-radius:24px;padding:28px;background:#fff;box-shadow:inset 0 0 0 1px var(--ln)}.brc.on{background:var(--o);box-shadow:none;color:#fff}
.brc b{font-size:19px;font-weight:800}.brc span{display:block;margin-top:6px;font-size:14px;color:var(--t3);font-weight:600;min-height:20px}.brc.on span{color:#FFE3D2}
.brc a{display:block;margin-top:22px;font-size:24px;font-weight:800;letter-spacing:-0.03em}
.empty{padding:80px 0;text-align:center;color:var(--t3);font-size:17px;font-weight:600}
.rel{margin-top:0}
@media (max-width:860px){
 .hd nav a.on:after{display:none}
 .burger{display:block}
 .mnav{position:fixed;top:60px;left:0;right:0;bottom:0;z-index:49;background:#fff;padding:12px 20px 40px;overflow:auto}
 .mnav.open{display:block}
 .mnav a{display:flex;justify-content:space-between;align-items:center;height:64px;border-bottom:1px solid var(--ln);font-size:20px;font-weight:700;color:var(--k)}.mnav a:after{content:'›';color:var(--t3);font-size:26px;font-weight:400}
 .mnav a.on{color:var(--o-d)}
 .mnav .b{margin-top:24px;width:100%;height:56px}
 .ph{padding:92px 0 28px}.ph h1{font-size:32px}.ph p{font-size:16px}
 .sec.tight{padding:16px 0 72px}
 .hd .r a.m{display:inline-flex;height:36px;padding:0 14px;border-radius:10px;background:var(--o-s);color:var(--o-d);font-weight:800;font-size:14px;align-items:center}
 .fbar{flex-wrap:nowrap;overflow-x:auto;margin:0 -8px;padding:8px 12px 14px;scrollbar-width:none}.fbar::-webkit-scrollbar{display:none}.seg{flex:none}
 .pc .sb{font-size:12px;margin-top:10px}.pc .nm{font-size:16px}.pc .nm em{font-size:12px}
 .mo button{height:48px;font-size:15px;width:100%}
 .cat4{grid-template-columns:1fr 1fr;gap:10px}.cat4 a{min-height:190px;padding:20px 18px 0;border-radius:22px}.cat4 b{font-size:17px}.cat4 span{font-size:13px}.cat4 img{max-height:90px}
 .band{flex-direction:column;align-items:flex-start;padding:32px 24px;border-radius:24px}.band h2{font-size:24px}.band .bs{width:100%}.band .b{flex:1;height:54px;padding:0 10px;font-size:16px}
 .steps{grid-template-columns:1fr 1fr;gap:10px}.step{padding:22px;border-radius:22px}.step h3{font-size:17px;margin-top:16px}.step p{font-size:14px}
 .faq summary{font-size:16px;padding:20px 2px}.faq .a{font-size:15px}
 .about{grid-template-columns:1fr;gap:32px}.about .txt p{font-size:16px}
 .info{padding:4px 20px;border-radius:22px}.info div{font-size:14px;padding:15px 0}
 .brs{grid-template-columns:1fr 1fr;gap:10px}.brc{padding:20px;border-radius:20px}.brc b{font-size:16px}.brc a{font-size:18px;margin-top:14px}
 .ctl{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.ctl::-webkit-scrollbar{display:none}
 .bento .bt{grid-column:auto!important}.bt .bar{flex-direction:column!important}
}
.hd .r a.m{display:none}
@media (max-width:860px){.hd .r a.m{display:inline-flex}}.pdw{padding:116px 0 40px}.crumb{font-size:14px;color:var(--t3);font-weight:600;margin-bottom:24px}.crumb b{color:var(--t2)}
.pd{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:start}
.gal{position:sticky;top:100px;border-radius:32px;background:radial-gradient(600px 400px at 50% 40%,#FFF1E7,#F5F6F8 70%);height:620px;display:flex;align-items:center;justify-content:center;position:relative}
.gal img{max-height:520px;max-width:80%;mix-blend-mode:multiply}
.gal .chip{position:absolute;top:24px;left:24px}
.pd h1{font-size:40px;line-height:1.25;font-weight:800;letter-spacing:-0.04em;color:var(--k);margin-top:14px}
.pd .feat{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.pd .feat span{height:34px;padding:0 14px;border-radius:10px;background:var(--bg);font-size:14px;font-weight:700;color:var(--t2);display:inline-flex;align-items:center}
.kv{margin-top:32px;border-radius:24px;background:var(--bg);padding:6px 24px}
.kv div{display:flex;justify-content:space-between;padding:17px 0;border-top:1px solid #E5E8EB;font-size:17px}.kv div:first-child{border-top:0}.kv span{color:var(--t2);font-weight:500}.kv b{font-weight:800;color:var(--k)}
.cfg{margin-top:36px}.cfg h3{font-size:18px;font-weight:800;margin:26px 0 12px;color:var(--k)}.cfg h3:first-child{margin-top:0}
.cfg .seg{display:flex;width:100%}.cfg .seg button{flex:1;height:48px}
.tog{display:flex;gap:10px}.tog button{flex:1;height:56px;border-radius:14px;border:0;background:#fff;box-shadow:inset 0 0 0 1px var(--ln);font-weight:700;font-size:15px;font-family:inherit;color:var(--t2);cursor:pointer;transition:.15s}.tog button.on{box-shadow:inset 0 0 0 2px var(--o);color:var(--o-d);background:var(--o-s)}
.sum{margin-top:30px;border-radius:24px;background:var(--k);color:#fff;padding:26px 28px;display:flex;justify-content:space-between;align-items:center}
.sum span{font-size:15px;color:#9AA4B2;font-weight:600}.sum small{display:block;font-size:13px;color:#6B7684;margin-top:6px}.sum b{font-size:40px;font-weight:800;letter-spacing:-0.04em}
.act{display:flex;gap:10px;margin-top:12px}.act .b{height:62px;font-size:17px;border-radius:16px}
.specg{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.specg div{background:#fff;border-radius:22px;padding:26px}.specg span{font-size:14px;color:var(--t3);font-weight:600}.specg b{display:block;margin-top:8px;font-size:19px;font-weight:800;color:var(--k)}
@media (max-width:860px){.pdw{padding:76px 0 20px}.pd{grid-template-columns:1fr;gap:24px}.gal{position:relative;top:0;height:340px;border-radius:24px}.gal img{max-height:280px}.pd h1{font-size:27px}.kv{padding:2px 18px;border-radius:20px}.kv div{font-size:15px;padding:14px 0}.sum{padding:20px}.sum b{font-size:28px}.act{display:none}.specg{grid-template-columns:1fr 1fr;gap:8px}.specg div{padding:18px;border-radius:18px}.specg b{font-size:16px}}
.promo{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pm{position:relative;border-radius:28px;padding:30px 30px 0;overflow:hidden;min-height:400px;display:flex;flex-direction:column;transition:.2s}
.pm:hover{transform:translateY(-3px);box-shadow:0 24px 48px -24px rgba(11,13,18,.3)}
.pm .lb{display:inline-flex;align-self:flex-start;height:30px;padding:0 12px;border-radius:9px;font-size:13px;font-weight:800;align-items:center}
.pm h3{margin-top:16px;font-size:25px;font-weight:800;letter-spacing:-0.035em;line-height:1.3}.pm p{margin-top:8px;font-size:15px;font-weight:600;opacity:.8}
.pm .pr{margin-top:14px;font-size:15px;font-weight:700}.pm .pr b{font-size:30px;font-weight:800;letter-spacing:-0.03em}
.pm img{margin:auto auto 0;max-height:190px;max-width:80%;padding-top:12px}
.pm.a{background:linear-gradient(150deg,#FF7A2F,#FF5A0A);color:#fff}.pm.a .lb{background:rgba(255,255,255,.2)}
.pm.b{background:#0B0D12;color:#fff}.pm.b .lb{background:var(--o);}
.pm.c{background:#EEF3FB;color:var(--k)}.pm.c .lb{background:#fff;color:#2F6BD8}
.pm.a img,.pm.b img{filter:drop-shadow(0 18px 24px rgba(0,0,0,.25))} .pm.c img{mix-blend-mode:multiply}
.pg3{grid-template-columns:repeat(3,1fr)!important}
.refb{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:start}
.refb .lt{position:sticky;top:110px;border-radius:32px;background:linear-gradient(160deg,#1B2333,#0B0D12);color:#fff;padding:40px}
.refb .lt .eb{color:#FFB27F}.refb .lt h2{margin-top:14px;font-size:36px;font-weight:800;letter-spacing:-0.04em;line-height:1.25}.refb .lt p{margin-top:14px;font-size:17px;color:#AEB7C4;line-height:1.6;font-weight:500}
.refb .lt ul{list-style:none;margin-top:28px}.refb .lt li{padding:14px 0;border-top:1px solid rgba(255,255,255,.1);font-size:16px;font-weight:600;color:#DDE2E9}
.det{max-width:860px;margin:0 auto;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px var(--ln) inset}.det img{width:100%;height:auto}
.blogb{display:flex;align-items:center;justify-content:space-between;gap:24px;border-radius:28px;background:#03C75A;color:#fff;padding:34px 40px}.blogb b{font-size:24px;font-weight:800}.blogb span{display:block;margin-top:6px;font-size:16px;opacity:.9;font-weight:500}.blogb .b{background:#fff;color:#03A94D}
.modal{position:fixed;inset:0;z-index:100;background:rgba(11,13,18,.6);display:none;align-items:center;justify-content:center;padding:24px}.modal.open{display:flex}
.mbox{background:#fff;border-radius:28px;max-width:860px;width:100%;max-height:90vh;overflow:auto;padding:28px;position:relative}
.mbox .x{position:absolute;top:16px;right:16px;width:44px;height:44px;border-radius:12px;border:0;background:var(--bg);font-size:22px;cursor:pointer}
.mbox h3{font-size:24px;font-weight:800;letter-spacing:-0.03em;padding-right:50px}.mbox .meta{margin-top:8px;font-size:15px;color:var(--t2);font-weight:600}
.mbox .ims{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.mbox .ims img{width:100%;border-radius:16px;aspect-ratio:1/1;object-fit:cover}
.mbox .tx{margin-top:18px;font-size:16px;line-height:1.7;color:var(--t2);white-space:pre-line}
.cs{cursor:pointer}
.selfg{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.selfg .pic{border-radius:28px;overflow:hidden;background:var(--bg)}.selfg .pic img{width:100%;height:auto}
.fee{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.fee div{background:var(--bg);border-radius:22px;padding:24px}.fee span{font-size:15px;color:var(--t2);font-weight:700}.fee b{display:block;margin-top:10px;font-size:22px;font-weight:800;color:var(--k);letter-spacing:-0.03em}.fee small{display:block;margin-top:4px;font-size:14px;color:var(--t3);font-weight:600}
.notice{margin-top:16px;border-radius:22px;background:var(--o-s);padding:24px 26px}.notice b{font-size:17px;font-weight:800;color:var(--o-d)}.notice p{margin-top:8px;font-size:16px;line-height:1.7;color:var(--t1);font-weight:500}
.mapbox{border-radius:28px;overflow:hidden;height:420px;background:var(--bg)}
.legal h2{font-size:22px;font-weight:800;margin:34px 0 12px;color:var(--k)}.legal p,.legal li{font-size:16px;line-height:1.8;color:var(--t2);font-weight:500}.legal ul{padding-left:20px}
.ct3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.ct3 a{border-radius:20px;padding:22px;background:rgba(255,255,255,.06)}.ct3 span{font-size:14px;color:#9AA4B2;font-weight:600}.ct3 b{display:block;margin-top:6px;font-size:18px;font-weight:800;color:#fff}
@media (max-width:860px){
 .promo{grid-template-columns:1fr;gap:12px}.pm{min-height:0;padding:24px 24px 0;border-radius:24px}.pm h3{font-size:21px}.pm .pr b{font-size:24px}.pm img{max-height:150px}
 .pg3{grid-template-columns:1fr 1fr!important}
 .refb{grid-template-columns:1fr;gap:16px}.refb .lt{position:relative;top:0;padding:28px;border-radius:24px}.refb .lt h2{font-size:26px}
 .blogb{flex-direction:column;align-items:flex-start;padding:26px}.blogb .b{width:100%}
 .modal{padding:0;align-items:flex-end}.mbox{border-radius:24px 24px 0 0;max-height:92vh;padding:22px}.mbox h3{font-size:19px}
 .selfg{grid-template-columns:1fr;gap:20px}.fee{grid-template-columns:1fr;gap:8px}.fee div{padding:18px 20px;display:flex;justify-content:space-between;align-items:center}.fee b{margin-top:0;font-size:18px;text-align:right}.fee small{text-align:right}
 .mapbox{height:300px;border-radius:22px}
 .ct3{grid-template-columns:1fr}
}
.pm .pi{margin:auto -30px 0;background:#fff;border-radius:22px 22px 0 0;height:210px;display:flex;align-items:center;justify-content:center;margin-top:24px}
.pm .pi img{margin:0;max-height:180px;max-width:70%;padding:0;filter:none!important;mix-blend-mode:multiply}
.pd>div{min-width:0}
.pd h1 small{display:block;font-size:17px;font-weight:700;color:var(--t3);letter-spacing:-0.02em;margin-bottom:6px}
.pd h1 .ad{display:block;font-size:20px;font-weight:700;color:var(--t2);margin-top:6px}
.cfg .seg{flex-wrap:wrap}.cfg .seg button{flex:1 1 0;min-width:72px}
@media (max-width:860px){.pm .pi{margin:auto -24px 0;height:170px;margin-top:20px}.pm .pi img{max-height:140px}.pd h1 small{font-size:14px}.pd h1 .ad{font-size:16px}.cfg .seg button{flex:1 1 30%;height:44px}}
.pm.pmA{background:linear-gradient(150deg,#FF7A2F,#FF5A0A);color:#fff}.pm.pmA .lb{background:rgba(255,255,255,.2)}
.pm.pmB{background:#0B0D12;color:#fff}.pm.pmB .lb{background:var(--o)}
.pm.pmC{background:#EEF3FB;color:var(--k)}.pm.pmC .lb{background:#fff;color:#2F6BD8}
.pm{min-height:470px}.pm .pr{margin-bottom:24px}
.pm .pi{margin:auto -30px 0!important;height:210px}
@media (max-width:860px){.pm{min-height:0}.pm .pi{margin:auto -24px 0!important;height:170px}}
/* ===== 머리줄 v2 ===== */
.hd{position:fixed;top:0;left:0;right:0;z-index:60;background:rgba(255,255,255,.92);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);transition:box-shadow .3s,background .3s;animation:hdIn .6s cubic-bezier(.2,.7,.2,1) both}
@keyframes hdIn{from{transform:translateY(-100%);opacity:0}to{transform:none;opacity:1}}
.hd.solid{background:rgba(255,255,255,.92)}
.hd .top{height:38px;background:#0B0D12;color:#AEB7C4;font-size:13px;font-weight:600;overflow:hidden;transition:height .35s ease,opacity .25s}
.hd .top .w{display:flex;align-items:center;height:38px;gap:24px}
.hd .top .l{color:#fff;font-weight:700;display:flex;align-items:center;gap:8px}.hd .top .l i{width:6px;height:6px;border-radius:50%;background:var(--o);box-shadow:0 0 0 3px rgba(255,107,26,.25)}
.hd .top .r2{margin-left:auto;display:flex;gap:22px}.hd .top .r2 a{display:flex;gap:7px;color:#AEB7C4;transition:color .2s}.hd .top .r2 a b{color:#fff;font-weight:700}.hd .top .r2 a:hover b{color:#FFB27F}
.hd .bar .w{display:flex;align-items:center;height:88px;transition:height .35s ease}
.hd .logo{display:flex;align-items:center}.hd .logo img{height:46px;transition:height .35s ease}
.hd nav{display:flex;gap:6px;margin-left:56px;font-size:17px;font-weight:600;color:var(--t2)}
.hd nav a{position:relative;padding:12px 16px;border-radius:12px;transition:color .2s,background .2s}
.hd nav a:hover{color:var(--k);background:rgba(11,13,18,.04)}
.hd nav a:after{content:'';position:absolute;left:50%;right:50%;bottom:4px;height:2px;border-radius:2px;background:var(--o);transition:left .3s cubic-bezier(.2,.7,.2,1),right .3s cubic-bezier(.2,.7,.2,1)}
.hd nav a:hover:after,.hd nav a.on:after{left:16px;right:16px}
.hd nav a.on{color:var(--k);font-weight:700}
.hd .r{margin-left:auto;display:flex;align-items:center;gap:22px}
.hd .tel{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;color:var(--k);letter-spacing:-0.02em}
.hd .tel i{width:36px;height:36px;border-radius:12px;background:var(--o-s);display:flex;align-items:center;justify-content:center}
.hd .tel i svg{width:18px;height:18px;fill:var(--o)}
.hd .tel small{display:block;font-size:12px;font-weight:600;color:var(--t3);letter-spacing:0;margin-bottom:1px}
.hd .cta2{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:8px;height:50px;padding:0 24px;border-radius:14px;background:var(--o);color:#fff;font-weight:800;font-size:16px;box-shadow:0 10px 24px -8px rgba(255,107,26,.6);transition:transform .2s,box-shadow .2s,background .2s}
.hd .cta2:before{content:'';position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);animation:shine 3.6s ease-in-out infinite}
@keyframes shine{0%,60%{left:-60%}100%{left:130%}}
.hd .cta2 svg{width:16px;height:16px;stroke:#fff;stroke-width:2.4;fill:none;transition:transform .25s}
.hd .cta2:hover{background:var(--o-d);transform:translateY(-1px);box-shadow:0 14px 28px -8px rgba(255,107,26,.7)}.hd .cta2:hover svg{transform:translateX(4px)}
.hd.sc{box-shadow:0 1px 0 rgba(11,13,18,.06),0 10px 30px -18px rgba(11,13,18,.25);background:rgba(255,255,255,.86)}
.hd.sc .top{height:0;opacity:0}
.hd.sc .bar .w{height:70px}.hd.sc .logo img{height:38px}
.hd .m,.burger{display:none}
.ph{padding-top:178px}
.hero{padding-top:186px}
.pdw{padding-top:150px}
.qt[style*="padding-top"]{padding-top:186px!important}
@media (prefers-reduced-motion:reduce){.hd{animation:none}.hd .cta2:before{animation:none}}
@media (max-width:1100px){.hd nav{margin-left:28px;font-size:16px}.hd nav a{padding:10px 11px}.hd .tel small{display:none}}
@media (max-width:860px){
 .hd .top{display:none}
 .hd .bar .w{height:64px}.hd.sc .bar .w{height:60px}.hd .logo img,.hd.sc .logo img{height:34px}
 .hd nav,.hd .tel,.hd .cta2{display:none}
 .hd .r{gap:4px}
 .hd .m{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;border-radius:11px;background:var(--o-s);color:var(--o-d);font-weight:800;font-size:14px}
 .hd .m svg{width:15px;height:15px;fill:var(--o)}
 .burger{display:block;position:relative;width:42px;height:42px;border:0;background:transparent;cursor:pointer}
 .burger span{position:absolute;left:11px;right:11px;height:2px;border-radius:2px;background:var(--k);transition:transform .3s,opacity .2s,top .3s}
 .burger span:nth-child(1){top:14px}.burger span:nth-child(2){top:20px}.burger span:nth-child(3){top:26px}
 .hd.open .burger span:nth-child(1){top:20px;transform:rotate(45deg)}.hd.open .hd .burger span:nth-child(2),.hd.open .burger span:nth-child(2){opacity:0}.hd.open .burger span:nth-child(3){top:20px;transform:rotate(-45deg)}
 .mnav{top:64px;animation:mnIn .3s ease both}@keyframes mnIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
 .ph{padding-top:100px}.hero{padding-top:100px}.pdw{padding-top:84px}.qt[style*="padding-top"]{padding-top:100px!important}
}
.hd .logo img{mix-blend-mode:multiply}
.burger:before,.burger:after,.burger i{display:none!important;content:none!important}
.mnav a.b:after{display:none!important}
.hd,.hd.sc,.hd.solid{background:rgba(255,255,255,.985)}
.pd .lc{position:sticky;top:120px;align-self:start}
.pd .lc .gal{position:relative;top:0;height:460px}
.specs{margin-top:16px;border-radius:24px;background:#fff;box-shadow:inset 0 0 0 1px var(--ln);padding:22px 24px 18px}
.specs .sh2{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.specs h3{font-size:18px;font-weight:800;color:var(--k)}.specs .sh2 span{font-size:12px;color:var(--t3);font-weight:600}
.specs .sl>div,.specs .more2>div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-top:1px solid #F0F2F4;font-size:14px;line-height:1.5}
.specs .sl>div:first-child{border-top:0}
.specs span{color:var(--t3);font-weight:600;flex:none;max-width:42%}.specs b{font-weight:700;color:var(--k);text-align:right}
.specs .sx{margin-top:12px;width:100%;height:44px;border:0;border-radius:12px;background:var(--bg);font-family:inherit;font-weight:700;font-size:14px;color:var(--t1);cursor:pointer}
@media (max-width:860px){.pd .lc{position:relative;top:0}.pd .lc .gal{height:320px}.specs{padding:18px}.specs .sl>div,.specs .more2>div{font-size:13px}}
/* ===== 상품 상세: 한 화면 안에 가격표까지 ===== */
.pdw{padding-top:136px}.crumb{margin-bottom:14px}
.pd{gap:48px}
.pd .lc .gal{height:420px}
.pd .tg span{font-size:12px;padding:3px 8px}
.pd h1{margin-top:6px;font-size:32px;line-height:1.2}.pd h1 small{font-size:15px;margin-bottom:4px}
.pd .feat{margin-top:12px;gap:6px}.pd .feat span{height:28px;padding:0 10px;font-size:13px;border-radius:8px}
.kv{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;padding:4px;gap:4px;border-radius:20px}
.kv div{flex-direction:column;justify-content:center;gap:2px;padding:12px 16px;border-top:0!important;background:#fff;border-radius:16px;font-size:15px}
.kv div span{font-size:13px}.kv div b{font-size:16px}
.kv div:first-child{grid-row:span 2;background:var(--o-s)}.kv div:first-child span{color:var(--o-d);font-weight:700}.kv div:first-child b{font-size:28px;letter-spacing:-0.03em;color:var(--k)}
.cfg{margin-top:18px;display:grid;grid-template-columns:96px 1fr;column-gap:12px;row-gap:8px;align-items:center}
.cfg h3{margin:0!important;font-size:14px;font-weight:700;color:var(--t2)}
.cfg .seg{padding:4px;border-radius:12px}.cfg .seg button{height:38px;font-size:14px;border-radius:9px}
.cfg .tog{gap:8px}.cfg .tog button{height:42px;font-size:14px;border-radius:12px}
.sum{margin-top:16px;padding:16px 22px;border-radius:18px}.sum b{font-size:30px}.sum small{margin-top:2px}
.act{margin-top:10px}.act .b{height:54px;font-size:16px;border-radius:14px}
@media (max-width:860px){
 .pdw{padding-top:80px}.pd .lc .gal{height:300px}
 .pd h1{font-size:26px}
 .cfg{grid-template-columns:1fr;row-gap:6px}.cfg h3{margin-top:8px!important}
 .kv div:first-child b{font-size:24px}
 .sum{position:sticky;bottom:84px;z-index:5;box-shadow:0 12px 30px -10px rgba(11,13,18,.4)}
}
.pdw{padding-top:160px}
.cfg .seg{flex-wrap:nowrap!important}.cfg .seg button{min-width:0!important;flex:1 1 0;padding:0 4px;white-space:nowrap}
.kv{grid-template-columns:1.1fr 1fr 1fr}.kv div:first-child{grid-row:span 2}
.kv div{padding:10px 14px}.kv div b{font-size:15px}
.stk{position:sticky;bottom:14px;z-index:6;margin-top:16px;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-radius:22px;padding:8px;box-shadow:0 18px 40px -16px rgba(11,13,18,.28),0 0 0 1px var(--ln) inset}
.stk .sum{margin-top:0}.stk .act{margin-top:8px}
.hd .top{height:46px}.hd .top .w{height:46px;gap:28px}
.hd .top .l{font-size:15px}.hd .top .l i{width:8px;height:8px}
.hd .top .r2{gap:30px}.hd .top .r2 a{font-size:15px;align-items:center;gap:9px}.hd .top .r2 a b{font-size:16px;font-weight:800;letter-spacing:-0.01em}
.hd .top .r2 a:not(:first-child){position:relative}.hd .top .r2 a:not(:first-child):before{content:'';position:absolute;left:-15px;top:50%;width:1px;height:12px;margin-top:-6px;background:rgba(255,255,255,.18)}
.ph{padding-top:186px}.hero{padding-top:194px}.qt[style*="padding-top"]{padding-top:194px!important}
@media (max-width:1100px){.hd .top .l{font-size:13px}.hd .top .r2{gap:20px}.hd .top .r2 a{font-size:13px}.hd .top .r2 a b{font-size:14px}}
@media (max-width:860px){.kv{grid-template-columns:1fr 1fr}.kv div:first-child{grid-row:auto;grid-column:span 2}.stk{bottom:80px}.cfg .seg button{font-size:13px}.pdw{padding-top:80px}.ph{padding-top:100px}.hero{padding-top:100px}.qt[style*="padding-top"]{padding-top:100px!important}}
.pd .lc .gal{overflow:hidden}.pd .lc .gal img{max-height:360px;max-width:78%}@media (max-width:860px){.pd .lc .gal img{max-height:250px}}
/* ===== 상품 상세: 좌우 끝선 맞추기 ===== */
@media (min-width:861px){
 .pd{align-items:stretch}
 .pd>div:last-child{display:flex;flex-direction:column}
 .pd>div:last-child>.kv{margin-top:auto}
 .pd>div:last-child>.cfg{margin-top:auto}
 .pd>div:last-child>.stk{margin-top:auto;margin-bottom:0}
 .pd>div:last-child>.kv,.pd>div:last-child>.cfg{margin-top:max(22px,auto)}
 .kv div{padding:14px 16px}.kv div b{font-size:16px}.kv div:first-child b{font-size:32px}
 .cfg{row-gap:12px}.cfg h3{font-size:15px}.cfg .seg button{height:44px;font-size:15px}.cfg .tog button{height:48px;font-size:15px}
 .stk .sum{padding:20px 24px}.stk .act .b{height:58px;font-size:17px}
 .pd .lc{position:relative;top:0}
}
@media (min-width:861px){
 .pd>div:last-child>.kv{margin-top:18px!important}
 .pd>div:last-child>.cfg{margin-top:16px!important}
 .pd>div:last-child>.stk{margin-top:auto!important}
 .pd .lc .gal{height:auto}
 .specs{margin-top:16px}
}
@media (min-width:861px){.pd .lc{display:flex;flex-direction:column;align-self:stretch}.pd .lc .specs{flex:1}}
/* ===== 상품 상세: 여유 있게 ===== */
@media (min-width:861px){
 .pd{gap:56px}
 .pd .tg{margin-bottom:6px}
 .pd h1{margin-top:12px}.pd h1 small{margin-bottom:8px;font-size:16px}
 .pd .feat{margin-top:22px;gap:8px}.pd .feat span{height:32px;padding:0 12px;font-size:14px}
 .pd>div:last-child>.kv{margin-top:30px!important}
 .kv{padding:6px;gap:6px;border-radius:24px}
 .kv div{padding:18px 20px;border-radius:18px;gap:4px}.kv div span{font-size:14px}.kv div b{font-size:17px}
 .kv div:first-child b{font-size:36px}
 .pd>div:last-child>.cfg{margin-top:28px!important}
 .pd .lc .specs{margin-top:28px}
 .cfg{row-gap:18px}.cfg h3{font-size:15px}
 .cfg .seg{padding:5px;border-radius:14px}.cfg .seg button{height:48px;font-size:15px;border-radius:10px}
 .cfg .tog button{height:54px;font-size:15px;border-radius:14px}
 .stk{padding:10px;border-radius:24px}.stk .sum{padding:24px 28px}.stk .sum b{font-size:34px}
 .stk .act{margin-top:10px}.stk .act .b{height:62px;font-size:17px}
 .specs{padding:26px 28px 22px}.specs h3{font-size:19px}.specs .sl>div{padding:14px 0;font-size:15px}
}
@media (min-width:861px){.stk{position:relative!important;bottom:auto!important}}
@media (min-width:861px){.pd>div:last-child>.cfg{margin-bottom:28px}}
/* ===== 옵션 · 가격 효과 ===== */
.cfg .seg{position:relative;isolation:isolate}
.cfg .seg .ind{position:absolute;top:5px;bottom:5px;left:0;width:0;border-radius:10px;background:#fff;box-shadow:0 2px 10px rgba(11,13,18,.10),0 0 0 1px rgba(11,13,18,.03);transition:transform .38s cubic-bezier(.3,1.3,.5,1),width .38s cubic-bezier(.3,1.3,.5,1);z-index:-1}
.cfg .seg button{position:relative;background:transparent!important;box-shadow:none!important;transition:color .2s,transform .15s}
.cfg .seg button:hover{color:var(--k)}.cfg .seg button:active{transform:scale(.96)}
.cfg .seg button.on{color:var(--k);font-weight:800}
.cfg .tog button{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;transition:box-shadow .25s,background .25s,color .25s,transform .15s}
.cfg .tog button:hover{box-shadow:inset 0 0 0 1px #C9CED6}.cfg .tog button:active{transform:scale(.97)}
.cfg .tog button:before{content:'';width:0;height:20px;border-radius:50%;background:var(--o) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat;transform:scale(0);transition:transform .35s cubic-bezier(.3,1.6,.5,1),width .25s}
.cfg .tog button.on:before{width:20px;transform:scale(1)}
.stk .sum{position:relative;overflow:hidden;transition:transform .2s}
.stk .sum.bump{animation:bump .45s ease}
@keyframes bump{0%{transform:scale(1)}35%{transform:scale(1.018)}100%{transform:scale(1)}}
.stk .sum:after{content:'';position:absolute;inset:0;background:radial-gradient(400px 120px at 85% 50%,rgba(255,107,26,.35),transparent 70%);opacity:0;transition:opacity .5s}
.stk .sum.bump:after{opacity:1;transition:opacity .1s}
#tot{position:relative;display:inline-block;font-variant-numeric:tabular-nums}
.dlt{position:absolute;right:28px;top:10px;font-size:15px;font-weight:800;color:#FFB27F;pointer-events:none;animation:dlt 1.1s ease forwards}
.dlt.m{color:#7BE0A6}
@keyframes dlt{0%{opacity:0;transform:translateY(8px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1}100%{opacity:0;transform:translateY(-14px)}}
.stk .act .b-o{position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s,background .2s}
.stk .act .b-o:before{content:'';position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);animation:shine 3.6s ease-in-out infinite}
.stk .act .b-o:hover{transform:translateY(-2px);box-shadow:0 16px 30px -10px rgba(255,107,26,.7)}
.stk .act .b-l:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px #C9CED6,0 10px 20px -12px rgba(11,13,18,.3)}
@media (prefers-reduced-motion:reduce){.cfg .seg .ind,.cfg .tog button:before{transition:none}.stk .sum.bump{animation:none}.stk .act .b-o:before{animation:none}}
/* ===== 복합기 사진 주황빛 제거 ===== */
.pd .lc .gal,.gal{background:linear-gradient(180deg,#FFFFFF 0%,#F7F8FA 100%)!important;box-shadow:inset 0 0 0 1px var(--ln)}
.pd .lc .gal img,.gal img{mix-blend-mode:multiply}
.stage .glow{background:radial-gradient(closest-side,rgba(255,140,60,.18),rgba(255,140,60,0))!important;inset:auto!important;width:620px;height:620px;left:50%;top:48%;transform:translate(-50%,-50%);z-index:0}
.stage:before{width:500px!important;height:500px!important;background:radial-gradient(closest-side,#fff 78%,rgba(255,255,255,0))!important;z-index:1}
.stage img.mfp,.stage .disc{z-index:2}.stage .glass{z-index:3}
/* ===== 기능 표시: 아래 가격 칸과 좌우 끝 맞춤 ===== */
.pd .feat{display:flex;flex-wrap:wrap;gap:8px;width:100%}
.pd .feat span{flex:1 1 0;min-width:72px;justify-content:center;text-align:center;white-space:nowrap}
@media (max-width:860px){.pd .feat span{min-width:64px}}
/* ===== 메뉴: 미끄러지는 둥근 바탕 ===== */
.hd nav{position:relative;gap:4px}
.hd nav a:after{display:none!important}
.hd nav a{z-index:1;background:transparent!important;padding:11px 18px;border-radius:12px;transition:color .25s}
.hd nav a.on{color:var(--o-d)!important;font-weight:800}
.hd nav .nind{position:absolute;top:0;left:0;height:0;border-radius:12px;background:#F2F4F6;z-index:0;opacity:0;transition:transform .35s cubic-bezier(.3,1.25,.5,1),width .35s cubic-bezier(.3,1.25,.5,1),height .2s,opacity .25s,background .25s}
.hd nav .nind.act{background:var(--o-s)}
.hd nav .nind.show{opacity:1}
/* ===== 기능 표시: 한 줄 같은 폭 ===== */
.pd .feat{display:grid!important;gap:8px}
.pd .feat span{min-width:0!important;width:100%;padding:0 6px!important;overflow:hidden;text-overflow:ellipsis}
.hd nav .nind{margin:0!important}
/* 현재 메뉴: 제자리 고정 바탕 / 마우스: 회색 바탕만 따라다님 */
.hd nav a.on{background:var(--o-s)!important}
.hd nav .nind,.hd nav .nind.act{background:#F2F4F6!important}
/* ===== 아래쪽 회사 정보: 글자 잘 보이게 ===== */
footer.ft, footer.ft div, footer.ft p{color:#D1D6DB!important;font-size:15px!important;line-height:1.95!important}
footer.ft b{color:#fff!important;font-size:18px!important}
footer.ft a{color:#fff!important;font-weight:700}
footer.ft a:hover{color:var(--o)!important}
@media (max-width:860px){footer.ft, footer.ft div, footer.ft p{font-size:14px!important}}
/* ===== 상품 화면 머리 띠 (목록과 같은 바탕, 얇게) ===== */
.ph.ph-s{padding:34px 0 30px!important}
.ph.ph-s .w{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.ph.ph-s .eb{margin-bottom:10px}
.ph.ph-s .eb a{color:inherit}
.phs-path{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:26px;font-weight:800;letter-spacing:-.03em;color:var(--t1,#191F28)}
.phs-path a{color:#8B95A1;transition:color .2s}
.phs-path a:hover{color:var(--o)}
.phs-path i{font-style:normal;color:#C5CCD3;font-weight:500}
.phs-back{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 18px 0 14px;border-radius:12px;background:#fff;border:1px solid #E5E8EB;font-size:15px;font-weight:700;color:#4E5968;box-shadow:0 2px 8px rgba(0,0,0,.04);transition:all .2s;white-space:nowrap}
.phs-back:hover{border-color:var(--o);color:var(--o);transform:translateX(-3px)}
.pdw .crumb{display:none}
.pdw{padding-top:36px!important}
@media (max-width:860px){.ph.ph-s{padding:22px 0 20px!important}.phs-path{font-size:19px;gap:7px}.phs-back{height:38px;padding:0 12px 0 10px;font-size:14px}.pdw{padding-top:22px!important}}
.ph.ph-s{padding:168px 0 30px!important}
@media (max-width:860px){.ph.ph-s{padding:88px 0 18px!important}}
.ph.ph-s .w{align-items:center}
@media (max-width:860px){.phs-path{font-size:18px;flex-wrap:nowrap;white-space:nowrap}.ph.ph-s .eb{margin-bottom:6px}}
/* ===== 목록 거르기: 두 줄 · 잘 보이게 ===== */
.finder .fbar{display:block!important;padding:6px 8px 24px!important;margin:0!important;overflow:visible!important}
.finder .frow{display:flex;align-items:center;gap:16px;min-height:48px}
.finder .frow.f2{margin-top:14px;padding-top:14px;border-top:1px solid #F2F4F6}
.finder .flb{flex:none;width:40px;font-size:14px;font-weight:800;color:#8B95A1}
.finder .fnote{font-size:15px;color:#8B95A1;font-weight:600}
.finder .seg{display:flex!important;flex-wrap:wrap!important;gap:8px;background:none!important;padding:0!important;width:auto!important;border-radius:0}
.finder .seg button{flex:none!important;height:46px!important;padding:0 20px!important;border-radius:999px!important;background:#F2F4F6!important;color:#4E5968!important;font-size:16px!important;font-weight:700!important;min-width:0!important;transition:background .2s,color .2s,box-shadow .2s,transform .15s!important}
.finder .seg button:hover{background:#E5E8EB!important;color:#191F28!important}
.finder .seg button:active{transform:scale(.96)}
.finder .seg button em{font-style:normal;margin-left:7px;font-size:13px;font-weight:800;color:#8B95A1}
.finder .seg[data-f=k] button.on{background:#191F28!important;color:#fff!important;box-shadow:0 8px 18px rgba(25,31,40,.20)!important}
.finder .seg[data-f=k] button.on em{color:rgba(255,255,255,.6)}
.finder .seg[data-f=c] button.on{background:var(--o)!important;color:#fff!important;box-shadow:0 8px 18px rgba(255,107,26,.28)!important}
.finder .seg[data-f=c] button.on em{color:rgba(255,255,255,.75)}
.finder .fbar .cnt{display:block!important;margin-left:auto;font-size:15px;color:#8B95A1;font-weight:600;white-space:nowrap}
.finder .fbar .cnt b{color:#191F28;font-size:18px}
@media (max-width:860px){
.finder .frow{gap:10px;align-items:flex-start}
.finder .flb{width:32px;font-size:13px;padding-top:12px}
.finder .frow:first-child .seg{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;margin-right:-12px;padding-right:12px!important}
.finder .frow:first-child .seg::-webkit-scrollbar{display:none}
.finder .seg button{height:40px!important;padding:0 14px!important;font-size:14px!important;white-space:nowrap}
.finder .frow.f2{align-items:center}.finder .frow.f2 .flb{padding-top:0}
.finder .fnote{font-size:13px}.finder .fbar .cnt{font-size:13px}.finder .fbar .cnt b{font-size:15px}}
.finder .seg[style*="none"]{display:none!important}
.finder .frow{min-width:0}
@media (max-width:860px){.finder .frow:first-child .seg{margin-right:0;padding-right:0!important;min-width:0;flex:1 1 auto}.finder{overflow:hidden}}
@media (max-width:860px){.finder .fbar .cnt{display:none!important}}
/* ===== 상품 카드: 칸 폭 고정 · 긴 이름 두 줄 ===== */
.pgrid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.pgrid .pc{min-width:0;display:flex;flex-direction:column}
.pgrid .pc .bd{display:flex;flex-direction:column;flex:1;min-width:0}
.pgrid .pc .nm{white-space:normal!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:keep-all;line-height:1.35}
.pgrid .pc .pr{margin-top:auto}
@media (max-width:1100px){.pgrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (max-width:860px){.pgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
/* ===== 페이지 머리: 얇게 (내용이 먼저 보이게) ===== */
.ph:not(.ph-s){padding:162px 0 26px!important}
.ph:not(.ph-s) .w{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap}
.ph:not(.ph-s) .eb{display:none}
.ph:not(.ph-s) h1{font-size:32px!important;line-height:1.2!important;margin:0!important;letter-spacing:-.03em}
.ph:not(.ph-s) p{font-size:16px!important;margin:0!important;color:#6B7684}
.ph + .sec, .ph + section{padding-top:28px!important}
.ph.ph-s{padding:162px 0 26px!important}
.ph.ph-s .eb{display:none}
.pdw{padding-top:28px!important}
@media (max-width:860px){
.ph:not(.ph-s),.ph.ph-s{padding:84px 0 16px!important}
.ph:not(.ph-s) .w{display:block}
.ph:not(.ph-s) h1{font-size:24px!important}
.ph:not(.ph-s) p{font-size:14px!important;margin-top:4px!important}
.ph + .sec, .ph + section{padding-top:16px!important}.pdw{padding-top:16px!important}}
/* ===== 홈 '지금 가장 좋은 조건' 카드: 테두리 · 사진 크게 ===== */
.promo .pm{border:2px solid transparent;overflow:hidden;box-shadow:0 10px 28px rgba(11,13,18,.06)}
.promo .pm.pmA{border-color:#FF7A2F}
.promo .pm.pmB{border-color:#0B0D12}
.promo .pm.pmC{border-color:#D6E2F3}
.promo .pi{height:260px!important;display:flex;align-items:center;justify-content:center}
.promo .pi img{width:230px!important;height:230px!important;max-height:230px!important;object-fit:contain;transition:transform .4s cubic-bezier(.3,1.3,.5,1)}
.promo .pm:hover .pi img{transform:scale(1.05)}
@media (max-width:860px){.promo .pi{height:210px!important}.promo .pi img{width:190px!important;height:190px!important;max-height:190px!important}}
/* ===== 새 메인 첫 화면 (어두운 고급 배경 + 바로 견적) ===== */
.hx{position:relative;overflow:hidden;background:#0B0D12;color:#fff;padding:180px 0 64px}
.hx:before{content:"";position:absolute;width:900px;height:900px;right:-200px;top:-300px;background:radial-gradient(circle,rgba(255,107,26,.28),rgba(255,107,26,0) 62%);pointer-events:none}
.hx:after{content:"";position:absolute;width:700px;height:700px;left:-300px;bottom:-400px;background:radial-gradient(circle,rgba(80,120,255,.14),rgba(80,120,255,0) 62%);pointer-events:none}
.hx-w{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr 440px;gap:64px;align-items:center}
.hx-chip{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font-size:14px;font-weight:700;color:#FFB48A}
.hx-chip i{width:8px;height:8px;border-radius:50%;background:var(--o);box-shadow:0 0 0 4px rgba(255,107,26,.25)}
.hx h1{font-size:60px;line-height:1.16;letter-spacing:-.04em;font-weight:800;margin:22px 0 18px;color:#fff}
.hx h1 span{background:linear-gradient(90deg,#FF8A3D,#FF5A1F);-webkit-background-clip:text;background-clip:text;color:transparent}
.hx-l>p{font-size:18px;line-height:1.7;color:#B0B8C1;margin:0}
.hx-ck{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:10px}
.hx-ck li{display:flex;align-items:center;gap:10px;font-size:16px;color:#E5E8EB;font-weight:600}
.hx-ck li:before{content:"";width:20px;height:20px;border-radius:50%;flex:none;background:rgba(255,107,26,.18) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF8A3D' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/12px no-repeat}
.hx-st{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:36px}
.hx-st a{padding:16px 18px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);transition:background .2s,border-color .2s,transform .2s}
.hx-st a:hover{background:rgba(255,255,255,.09);border-color:rgba(255,138,61,.5);transform:translateY(-2px)}
.hx-st b{display:block;font-size:28px;font-weight:800;color:#fff;letter-spacing:-.02em}.hx-st b small{font-size:16px;margin-left:2px;color:#B0B8C1}
.hx-st span{font-size:13px;color:#8B95A1;font-weight:600}
.hq{background:#fff;color:#191F28;border-radius:24px;padding:28px;box-shadow:0 30px 80px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.06);display:grid;gap:12px}
.hq-h b{display:block;font-size:22px;font-weight:800;letter-spacing:-.02em}.hq-h span{font-size:14px;color:#8B95A1}
.hq label{display:grid;gap:6px;font-size:13px;font-weight:700;color:#4E5968}
.hq input:not([type=checkbox]),.hq select{height:46px;border:1px solid #E5E8EB;border-radius:12px;padding:0 14px;font:inherit;font-size:15px;color:#191F28;background:#F9FAFB;transition:border-color .2s,background .2s,box-shadow .2s;width:100%}
.hq input:focus,.hq select:focus{outline:0;border-color:var(--o);background:#fff;box-shadow:0 0 0 4px rgba(255,107,26,.12)}
.hq-l{font-size:13px;font-weight:700;color:#4E5968;margin-bottom:-6px}
.hq-seg{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:#F2F4F6;padding:4px;border-radius:12px}
.hq-seg button{height:38px;border:0;border-radius:9px;background:transparent;font:inherit;font-size:14px;font-weight:700;color:#6B7684;cursor:pointer;transition:all .2s}
.hq-seg button.on{background:#fff;color:#191F28;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.hq-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hq .hq-agr{display:flex;align-items:center;gap:8px;font-weight:600;color:#6B7684}.hq-agr input{width:18px;height:18px;accent-color:var(--o)}.hq-agr a{text-decoration:underline;color:#8B95A1}
.hq-go{height:54px;border:0;border-radius:14px;background:linear-gradient(90deg,#FF7A2F,#FF5A1F);color:#fff;font:inherit;font-size:17px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 10px 24px rgba(255,107,26,.35);transition:transform .15s,box-shadow .2s}
.hq-go:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(255,107,26,.45)}.hq-go svg{transition:transform .2s}.hq-go:hover svg{transform:translateX(4px)}
.hq-tel{text-align:center;font-size:14px;color:#8B95A1}.hq-tel b{color:#191F28}
.cg.cg4{grid-template-columns:repeat(4,1fr)!important}
.band2{background:#0B0D12;border-radius:28px;padding:44px 48px;display:grid;grid-template-columns:1fr auto;gap:18px 24px;align-items:center;position:relative;overflow:hidden}
.band2:before{content:"";position:absolute;right:-120px;top:-200px;width:500px;height:500px;background:radial-gradient(circle,rgba(255,107,26,.25),transparent 62%)}
.band2>*{position:relative}
.band2 h2{color:#fff;font-size:32px;font-weight:800;letter-spacing:-.03em;margin:0 0 6px}.band2 p{color:#B0B8C1;margin:0;font-size:16px}
.b2-r{display:flex;gap:10px}.b2-t{display:inline-flex;align-items:center;height:52px;padding:0 22px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#fff;font-weight:800;font-size:17px}
.b2-f{grid-column:1/-1;display:flex;gap:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1)}
.b2-f a{color:#D1D6DB;font-size:15px;font-weight:700;transition:color .2s}.b2-f a:hover{color:#FF8A3D}
@media (max-width:1100px){.hx-w{grid-template-columns:1fr 400px;gap:36px}.hx h1{font-size:48px}}
@media (max-width:860px){
.hx{padding:96px 0 36px}.hx-w{grid-template-columns:1fr;gap:28px}.hx h1{font-size:36px;margin:16px 0 12px}.hx-l>p{font-size:15px}
.hx-ck li{font-size:14px}.hx-st{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:22px}.hx-st a{padding:10px 8px;text-align:center}.hx-st b{font-size:19px}.hx-st b small{font-size:12px}.hx-st span{font-size:11px}
.hq{padding:22px;border-radius:20px}.cg.cg4{grid-template-columns:repeat(2,1fr)!important}
.band2{grid-template-columns:1fr;padding:28px 22px}.band2 h2{font-size:24px}.b2-r{flex-wrap:wrap}.b2-f{flex-wrap:wrap;gap:12px 18px}}
/* ===== 새 메인: 밝은 화면으로 ===== */
.hx{background:linear-gradient(180deg,#FFF6EF 0%,#FFFBF8 55%,#fff 100%)!important;color:#191F28!important}
.hx:before{background:radial-gradient(circle,rgba(255,138,61,.20),rgba(255,138,61,0) 62%)!important}
.hx:after{background:radial-gradient(circle,rgba(120,160,255,.10),rgba(120,160,255,0) 62%)!important}
.hx-chip{background:#fff!important;border:1px solid #FFD9C2!important;color:#E8590C!important;box-shadow:0 2px 8px rgba(255,107,26,.08)}
.hx h1{color:#191F28!important}
.hx-l>p{color:#4E5968!important}
.hx-ck li{color:#333D4B!important}
.hx-ck li:before{background-color:#FFEDE1!important}
.hx-st a{background:#fff!important;border:1px solid #EEF0F3!important;box-shadow:0 4px 14px rgba(25,31,40,.04)}
.hx-st a:hover{border-color:#FFB48A!important;box-shadow:0 10px 24px rgba(255,107,26,.12)}
.hx-st b{color:#191F28!important}.hx-st b small{color:#8B95A1!important}.hx-st span{color:#6B7684!important}
.hq{box-shadow:0 24px 60px rgba(25,31,40,.10),0 0 0 1px #EEF0F3!important}
.band2{background:linear-gradient(120deg,#FFF3EA,#FFF9F5)!important;border:1px solid #FFE1CF}
.band2:before{background:radial-gradient(circle,rgba(255,138,61,.18),transparent 62%)!important}
.band2 h2{color:#191F28!important}.band2 p{color:#4E5968!important}
.b2-t{background:#fff!important;border:1px solid #E5E8EB!important;color:#191F28!important}
.b2-f{border-top:1px solid #FFE1CF!important}.b2-f a{color:#4E5968!important}.b2-f a:hover{color:var(--o)!important}
/* 메인: 칸 사이 여백 줄이기 · 분류 카드 낮게 */
.home section.sec{padding:72px 0!important}
.home .hx{padding:170px 0 56px!important}
.home .sh{margin-bottom:28px!important}
.home .cat4 a{min-height:0!important;height:auto!important;padding:24px 24px 18px!important;display:flex!important;flex-direction:column}
.home .cat4 a img{width:150px!important;height:130px!important;object-fit:contain;margin:14px auto 0!important;align-self:center}
@media (max-width:860px){.home section.sec{padding:44px 0!important}.home .hx{padding:92px 0 32px!important}.home .cat4 a img{width:110px!important;height:96px!important}}
/* ===== 머리 메뉴: 덜 밋밋하게 ===== */
.hd .main,.hd>.w,.hd .bar{position:relative}
.hd{box-shadow:0 1px 0 rgba(25,31,40,.06),0 8px 30px rgba(25,31,40,.04)}
.hd:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,transparent,rgba(255,107,26,.0) 10%,rgba(255,107,26,.55) 50%,rgba(255,107,26,0) 90%,transparent);opacity:.7;pointer-events:none}
.hd nav a{font-weight:700!important;color:#333D4B}
.hd nav a.on{box-shadow:inset 0 0 0 1px #FFD9C2}
.hd nav a.on:before{content:"";position:absolute;left:50%;bottom:4px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--o)}
.mmw{position:relative;display:inline-flex}
.mmw>a:after{content:""!important;display:inline-block!important;position:static!important;width:7px!important;height:7px!important;margin-left:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-3px) rotate(45deg);opacity:.45;background:none!important;transition:transform .25s}
.mmw.open>a:after{transform:translateY(1px) rotate(225deg)}
.mm{position:absolute;top:calc(100% + 14px);left:50%;width:600px;transform:translate(-50%,8px);opacity:0;visibility:hidden;background:#fff;border-radius:22px;box-shadow:0 24px 60px rgba(25,31,40,.16),0 0 0 1px rgba(25,31,40,.05);padding:14px;transition:opacity .22s,transform .25s cubic-bezier(.3,1.3,.5,1),visibility .22s;z-index:50}
.mm:before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
.mmw.open .mm{opacity:1;visibility:visible;transform:translate(-50%,0)}
.mm-in{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.mm-in a{display:flex!important;align-items:center;gap:14px;padding:10px 12px!important;border-radius:14px!important;transition:background .18s!important;height:auto!important}
.mm-in a:before{display:none!important}
.mm-in a:hover{background:#FFF4EC!important}
.mm-im{width:54px;height:54px;flex:none;border-radius:12px;background:#F7F8FA;display:flex;align-items:center;justify-content:center;overflow:hidden}
.mm-im img{width:46px;height:46px;object-fit:contain;transition:transform .3s}
.mm-in a:hover .mm-im img{transform:scale(1.1)}
.mm-tx b{display:block;font-size:15px;font-weight:800;color:#191F28}
.mm-tx em{font-style:normal;font-size:13px;color:#8B95A1;font-weight:600}
.mm-in a:hover .mm-tx b{color:var(--o)}
.mm-all{display:flex!important;justify-content:space-between;align-items:center;margin-top:10px;padding:14px 16px!important;border-radius:14px!important;background:#F7F8FA!important;font-size:14px;font-weight:800;color:#333D4B!important}
.mm-all:before,.mm-all:after{display:none!important}
.mm-all:hover{background:#FFEDE1!important;color:var(--o)!important}.mm-all span{transition:transform .2s}.mm-all:hover span{transform:translateX(4px)}
/* ===== 설치 사례: 제목 한 줄 · 지역 묶음 ===== */
.ctl2{margin-bottom:26px}
.cg-g{display:flex;gap:8px;flex-wrap:wrap}
.cg-g button,.cg-s button{border:0;font:inherit;cursor:pointer;transition:all .2s}
.cg-g button{height:46px;padding:0 20px;border-radius:999px;background:#F2F4F6;color:#4E5968;font-size:16px;font-weight:700}
.cg-g button em{font-style:normal;margin-left:6px;font-size:13px;color:#8B95A1;font-weight:800}
.cg-g button:hover{background:#E5E8EB;color:#191F28}
.cg-g button.on{background:#191F28;color:#fff;box-shadow:0 8px 18px rgba(25,31,40,.2)}.cg-g button.on em{color:rgba(255,255,255,.6)}
.cg-s{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid #F2F4F6}
.cg-s button{height:36px;padding:0 14px;border-radius:10px;background:#fff;border:1px solid #E5E8EB;color:#4E5968;font-size:14px;font-weight:700}
.cg-s button:hover{border-color:#FFB48A;color:var(--o)}
.cg-s button.on{background:#FFF4EC;border-color:var(--o);color:var(--o)}
@media (max-width:860px){.cg-g{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.cg-g button{height:40px;padding:0 14px;font-size:14px;flex:none}}
/* ===== 머리 메뉴 평소 모습: 둥근 띠 안에 메뉴 담기 ===== */
@media (min-width:861px){
.hd nav{background:#F4F5F7;border:1px solid #ECEEF1;border-radius:999px;padding:5px!important;gap:2px!important;box-shadow:inset 0 1px 2px rgba(25,31,40,.04)}
.hd nav a{border-radius:999px!important;padding:10px 20px!important;color:#4E5968!important;font-weight:700!important}
.hd nav a:hover{color:#191F28!important}
.hd nav a.on{background:#fff!important;color:var(--o)!important;font-weight:800!important;box-shadow:0 2px 8px rgba(25,31,40,.10),0 0 0 1px rgba(25,31,40,.03)!important}
.hd nav a.on:before{display:none!important}
.hd nav .nind{border-radius:999px!important;background:rgba(255,255,255,.75)!important}
.hd .tel{padding:6px 18px 6px 6px;border:1px solid #ECEEF1;border-radius:999px;background:#fff;transition:border-color .2s,box-shadow .2s}
.hd .tel:hover{border-color:#FFD0B3;box-shadow:0 6px 16px rgba(255,107,26,.10)}
.hd .tel i{border-radius:50%!important}
.hd .cta2{border-radius:999px!important}
.hd .logo img{height:50px!important;width:auto!important}
}
@media (min-width:861px){
.hd nav a,.hd .tel span,.hd .cta2{white-space:nowrap!important}
.hd nav{flex:none}
.hd nav a{padding:9px 15px!important;font-size:15.5px!important}
.mmw>a:after{width:6px!important;height:6px!important;margin-left:6px}
.hd .tel{padding:5px 14px 5px 5px}
.hd .r{gap:10px!important;flex:none}
}
@media (min-width:861px) and (max-width:1240px){.hd nav a{padding:9px 11px!important;font-size:14.5px!important}.hd .tel small{display:none}.mmw>a:after{display:none!important}}
.blogl{display:inline-flex;margin-top:16px;padding:12px 18px;border-radius:12px;background:#E9F9EE;color:#03A94D;font-weight:800;font-size:15px}
.blogl:hover{background:#D5F3DF}
/* ===== 기종 비교 ===== */
.cmp-pre{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px}
.cmp-pre>span{font-size:14px;font-weight:800;color:#8B95A1;margin-right:4px}
.cmp-pre button{height:40px;padding:0 16px;border-radius:999px;border:1px solid #E5E8EB;background:#fff;font:inherit;font-size:14px;font-weight:700;color:#333D4B;cursor:pointer;transition:all .2s}
.cmp-pre button i{font-style:normal;color:var(--o);margin:0 4px;font-weight:800}
.cmp-pre button:hover{border-color:var(--o);color:var(--o);transform:translateY(-1px)}
.cmp-pick{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin-bottom:16px}
.cmp-slot{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #E5E8EB;border-radius:16px;padding:8px 8px 8px 12px;box-shadow:0 4px 14px rgba(25,31,40,.04)}
.cmp-slot select{flex:1;min-width:0;height:44px;border:0;background:transparent;font:inherit;font-size:15px;font-weight:700;color:#191F28;cursor:pointer;outline:0}
.cmp-ab{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:9px;font-size:14px;font-weight:900;color:#fff;flex:none}
.cmp-ab.a{background:#3182F6}.cmp-ab.b{background:var(--o)}
.cmp-sw{width:44px;height:44px;border-radius:50%;border:1px solid #E5E8EB;background:#fff;font-size:18px;cursor:pointer;transition:transform .3s}
.cmp-sw:hover{transform:rotate(180deg);border-color:var(--o);color:var(--o)}
.cmp-q{background:#F9FAFB;border:1px solid #F2F4F6;border-radius:20px;padding:20px 22px;display:grid;gap:12px;margin-bottom:16px}
.cmp-qh b{font-size:17px;font-weight:800;margin-right:10px}.cmp-qh span{font-size:14px;color:#8B95A1}
.cmp-qr{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:12px}
.cmp-qr label{font-size:14px;font-weight:800;color:#4E5968}
.cmp-q .hq-seg{background:#EEF0F3}
.cmp-v{margin-bottom:22px}
.cmp-vb{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;padding:20px 24px;border-radius:20px;background:#fff;border:1px solid #E5E8EB}
.cmp-vb>b{font-size:18px}.cmp-vb>span{color:#6B7684}
.cmp-vb.on{display:grid;grid-template-columns:110px 1fr auto;gap:22px;background:linear-gradient(120deg,#FFF4EC,#FFFBF8);border:1.5px solid #FFC7A3;box-shadow:0 14px 34px rgba(255,107,26,.12);animation:cmpIn .45s cubic-bezier(.3,1.3,.5,1)}
@keyframes cmpIn{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}
.cmp-vi{width:110px;height:110px;background:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center}.cmp-vi img{width:92px;height:92px;object-fit:contain}
.cmp-vt small{font-size:14px;color:#E8590C;font-weight:800}.cmp-vt b{display:flex;align-items:center;gap:8px;font-size:24px;font-weight:800;margin:4px 0 8px}
.cmp-vt ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}.cmp-vt li{font-size:14px;font-weight:700;color:#333D4B;background:#fff;border:1px solid #FFE1CF;border-radius:999px;padding:6px 12px}
.cmp-va{display:grid;gap:8px}
.cmp-t{border:1px solid #E5E8EB;border-radius:20px;overflow:hidden;background:#fff}
.cr{display:grid;grid-template-columns:170px 1fr 1fr;border-top:1px solid #F2F4F6}
.cr:first-child{border-top:0}
.ck{padding:16px 20px;font-size:14px;font-weight:800;color:#6B7684;background:#F9FAFB}
.cv{padding:16px 20px;font-size:15px;color:#191F28;line-height:1.55;border-left:1px solid #F2F4F6}
.cv.win{background:#F0F7FF;font-weight:800;color:#1B64DA}
.cv.win:after{content:" ✓"}
.cv .pr{font-size:20px}
.ch .cv{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:22px}
.ch .cv img{width:150px;height:150px;object-fit:contain}.ch .cv b{font-size:20px}.ch .cv em{font-style:normal;font-size:13px;color:#8B95A1}
.cb .cv{display:flex;justify-content:center}
.cmp-note{font-size:13px;color:#8B95A1;margin-top:14px}
@media (max-width:860px){.cmp-pick{grid-template-columns:1fr}.cmp-sw{justify-self:center;transform:rotate(90deg)}.cmp-qr{grid-template-columns:1fr;gap:6px}
.cmp-vb.on{grid-template-columns:72px 1fr}.cmp-vi{width:72px;height:72px}.cmp-vi img{width:60px;height:60px}.cmp-va{grid-column:1/-1;grid-template-columns:1fr 1fr}.cmp-vt b{font-size:19px}
.cr{grid-template-columns:84px 1fr 1fr}.ck{padding:12px 10px;font-size:12px}.cv{padding:12px 10px;font-size:13px}.ch .cv img{width:90px;height:90px}.ch .cv b{font-size:15px}.cv .pr{font-size:16px}}
.phs-r{display:flex;gap:8px;align-items:center}
.phs-cmp{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 18px;border-radius:12px;background:#FFF4EC;border:1px solid #FFD0B3;color:#E8590C;font-size:15px;font-weight:800;white-space:nowrap;transition:all .2s}
.phs-cmp:hover{background:var(--o);color:#fff;border-color:var(--o)}
@media (max-width:860px){.phs-cmp{height:38px;padding:0 10px;font-size:13px}.phs-r{gap:6px}}
.mm-ft{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.mm-ft .mm-all{margin-top:0}.mm-ft .mm-all:only-child{grid-column:1/-1}
.mm-cmp{background:#FFF4EC!important;color:#E8590C!important}
.home .sh .more+.more{margin-left:18px}
/* ===== 회사 소개 ===== */
.ab-hero{position:relative;overflow:hidden;padding:176px 0 64px;background:linear-gradient(180deg,#FFF6EF 0%,#FFFBF8 60%,#fff 100%)}
.ab-hero:before{content:"";position:absolute;width:820px;height:820px;right:-180px;top:-320px;background:radial-gradient(circle,rgba(255,138,61,.20),rgba(255,138,61,0) 62%)}
.ab-hero .w{position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}
.ab-hero h1{font-size:54px;line-height:1.18;letter-spacing:-.04em;font-weight:800;margin:20px 0 16px}
.ab-hero h1 span{background:linear-gradient(90deg,#FF8A3D,#FF5A1F);-webkit-background-clip:text;background-clip:text;color:transparent}
.ab-l>p{font-size:17px;line-height:1.75;color:#4E5968;margin:0}
.ab-cta{display:flex;gap:10px;margin-top:26px}
.ab-num{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ab-num a{background:#fff;border:1px solid #EEF0F3;border-radius:20px;padding:24px 24px 20px;box-shadow:0 8px 24px rgba(25,31,40,.05);transition:transform .25s,box-shadow .25s,border-color .25s}
.ab-num a:hover{transform:translateY(-3px);border-color:#FFC7A3;box-shadow:0 16px 34px rgba(255,107,26,.12)}
.ab-num b{font-size:44px;font-weight:800;letter-spacing:-.03em;color:#191F28}.ab-num small{font-size:18px;font-weight:800;color:#8B95A1;margin-left:3px}
.ab-num span{display:block;font-size:14px;font-weight:700;color:#6B7684;margin-top:4px}
.ab-num a:first-child b{color:var(--o)}
.ab-do{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.ab-do>div{background:#fff;border:1px solid #EEF0F3;border-radius:22px;padding:28px 24px;transition:transform .25s,box-shadow .25s}
.ab-do>div:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(25,31,40,.08)}
.ab-do i{display:inline-flex;width:52px;height:52px;border-radius:16px;background:#FFF1E7;color:var(--o);align-items:center;justify-content:center;margin-bottom:18px}
.ab-do b{display:block;font-size:19px;font-weight:800;margin-bottom:8px}.ab-do p{margin:0;font-size:15px;line-height:1.7;color:#6B7684}
.ab-msg{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.ab-q blockquote{margin:14px 0 22px;font-size:36px;line-height:1.35;font-weight:800;letter-spacing:-.03em;color:#191F28}
.ab-sg b{display:block;font-size:14px;color:#8B95A1}.ab-sg span{font-size:20px;font-weight:800}
.ab-tx{background:#fff;border-radius:24px;padding:32px 34px;box-shadow:0 10px 30px rgba(25,31,40,.05)}
.ab-tx p{margin:0 0 14px;font-size:16px;line-height:1.85;color:#4E5968}.ab-tx p:last-child{margin:0}
.ab-br{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.ab-br a{display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid #EEF0F3;border-radius:20px;padding:22px;transition:all .25s}
.ab-br a:hover{border-color:var(--o);transform:translateY(-3px);box-shadow:0 14px 30px rgba(255,107,26,.12)}
.ab-br a.on{background:linear-gradient(135deg,#FF7A2F,#FF5A1F);border-color:transparent;color:#fff}
.ab-br small{font-size:12px;font-weight:800;color:var(--o)}.ab-br a.on small{color:#FFE1CF}
.ab-br b{font-size:19px;font-weight:800}.ab-br span{font-size:13px;color:#8B95A1;min-height:20px}.ab-br a.on span{color:#FFE9DC}
.ab-br em{font-style:normal;font-size:20px;font-weight:800;margin-top:10px}
.ab-info{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:18px;background:#fff;border-radius:20px;border:1px solid #EEF0F3;overflow:hidden}
.ab-info div{padding:16px 20px;border-top:1px solid #F2F4F6;border-left:1px solid #F2F4F6;display:flex;flex-direction:column;gap:3px}
.ab-info span{font-size:13px;color:#8B95A1;font-weight:700}.ab-info b{font-size:15px}
@media (max-width:1100px){.ab-do{grid-template-columns:1fr 1fr}.ab-br{grid-template-columns:1fr 1fr}}
@media (max-width:860px){.ab-hero{padding:92px 0 36px}.ab-hero .w{grid-template-columns:1fr;gap:26px}.ab-hero h1{font-size:34px}.ab-l>p{font-size:15px}.ab-num b{font-size:32px}.ab-num a{padding:18px}
.ab-do{grid-template-columns:1fr}.ab-msg{grid-template-columns:1fr;gap:20px}.ab-q blockquote{font-size:26px}.ab-tx{padding:22px}.ab-br{grid-template-columns:1fr 1fr}.ab-br em{font-size:16px}.ab-info{grid-template-columns:1fr 1fr}}
/* ===== 회사 소개 (예전 내용 + 새 디자인) ===== */
.ab2-top{padding:170px 0 40px;background:linear-gradient(180deg,#FFF6EF 0%,#FFFBF8 70%,#fff 100%);position:relative;overflow:hidden}
.ab2-top:before{content:"";position:absolute;width:760px;height:760px;right:-160px;top:-320px;background:radial-gradient(circle,rgba(255,138,61,.20),rgba(255,138,61,0) 62%)}
.ab2-top .w{position:relative}
.ab2-top h1{font-size:46px;line-height:1.25;letter-spacing:-.04em;font-weight:800;margin:18px 0 12px}
.ab2-top h1 span{background:linear-gradient(90deg,#FF8A3D,#FF5A1F);-webkit-background-clip:text;background-clip:text;color:transparent}
.ab2-top p{font-size:17px;color:#6B7684;margin:0}
.ab2-w{display:grid;grid-template-columns:1.35fr 1fr;gap:28px;align-items:start}
.ab2-letter{position:relative;background:#fff;border:1px solid #EEF0F3;border-radius:28px;padding:44px 44px 36px;box-shadow:0 14px 40px rgba(25,31,40,.06)}
.ab2-qm{position:absolute;top:-6px;left:30px;font-size:120px;line-height:1;font-weight:900;color:#FFE1CF;font-family:Georgia,serif;pointer-events:none}
.ab2-letter p{position:relative;font-size:17px;line-height:1.95;color:#333D4B;margin:0 0 18px}
.ab2-letter p b{color:#191F28;background:linear-gradient(transparent 62%,#FFE7D6 62%)}
.ab2-sign{margin-top:28px;padding-top:24px;border-top:1px dashed #E5E8EB;display:flex;flex-direction:column;gap:6px}
.ab2-sign span{font-size:15px;color:#6B7684}.ab2-sign b{font-size:18px;font-weight:800}.ab2-sign em{font-style:normal;color:var(--o);margin-left:4px}
.ab2-card{position:sticky;top:110px;background:linear-gradient(160deg,#fff,#FFF8F3);border:1px solid #FFE1CF;border-radius:28px;padding:30px;box-shadow:0 14px 40px rgba(255,107,26,.08)}
.ab2-ch{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.ab2-ch b{font-size:20px;font-weight:800}.ab2-ch span{font-size:12px;font-weight:800;letter-spacing:.14em;color:#FFB48A}
.ab2-card dl{margin:0}.ab2-card dl div{display:flex;justify-content:space-between;gap:14px;padding:14px 0;border-top:1px solid #F2E8E1}
.ab2-card dt{font-size:14px;color:#8B95A1;font-weight:700;white-space:nowrap}.ab2-card dd{margin:0;font-size:15px;font-weight:800;text-align:right;color:#191F28}.ab2-card dd a{color:var(--o)}
.ab2-go{width:100%;justify-content:center;margin-top:18px}
@media (max-width:860px){.ab2-top{padding:92px 0 22px}.ab2-top h1{font-size:28px}.ab2-top p{font-size:15px}.ab2-w{grid-template-columns:1fr}.ab2-letter{padding:30px 22px 24px;border-radius:22px}.ab2-letter p{font-size:15.5px}.ab2-qm{font-size:90px;left:16px}.ab2-card{position:static;padding:22px}}
/* ===== 메인 효과 ===== */
.hx.fx .hx-b{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;z-index:0;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.hx.fx .b1{width:420px;height:420px;left:38%;top:8%;background:rgba(255,154,90,.28);animation:blobA 14s ease-in-out infinite;transform:translate(calc(var(--mx,0)*40px),calc(var(--my,0)*40px))}
.hx.fx .b2{width:340px;height:340px;right:-60px;bottom:-80px;background:rgba(255,196,150,.35);animation:blobB 18s ease-in-out infinite}
.hx.fx .b3{width:300px;height:300px;left:-80px;top:40%;background:rgba(140,180,255,.16);animation:blobA 20s ease-in-out infinite reverse}
@keyframes blobA{0%,100%{translate:0 0;scale:1}50%{translate:60px -40px;scale:1.12}}
@keyframes blobB{0%,100%{translate:0 0;scale:1}50%{translate:-70px -30px;scale:.9}}
/* 들어올 때 차례로 */
.hx.fx .hx-l>*{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
.hx.fx .hq{opacity:0;transform:translateX(40px) scale(.98);transition:opacity .8s ease .35s,transform .9s cubic-bezier(.2,.8,.2,1) .35s,box-shadow .3s}
.hx.fx.go .hx-l>*,.hx.fx.go .hq{opacity:1;transform:none}
.hx.fx.go .hx-l>*:nth-child(1){transition-delay:.05s}.hx.fx.go .hx-l>*:nth-child(2){transition-delay:.15s}.hx.fx.go .hx-l>*:nth-child(3){transition-delay:.28s}.hx.fx.go .hx-l>*:nth-child(4){transition-delay:.4s}.hx.fx.go .hx-l>*:nth-child(5){transition-delay:.52s}
.hx.fx .hx-ck li{opacity:0;transform:translateX(-12px);transition:opacity .5s,transform .5s}
.hx.fx.go .hx-ck li{opacity:1;transform:none}.hx.fx.go .hx-ck li:nth-child(1){transition-delay:.55s}.hx.fx.go .hx-ck li:nth-child(2){transition-delay:.68s}.hx.fx.go .hx-ck li:nth-child(3){transition-delay:.81s}
/* 가격 글자 반짝 흐름 */
.hx.fx h1 span{background:linear-gradient(90deg,#FF8A3D 0%,#FF5A1F 35%,#FFB27A 50%,#FF5A1F 65%,#FF8A3D 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;animation:priceFlow 5s ease-in-out infinite}
@keyframes priceFlow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
/* 배지 점 깜빡 */
.hx.fx .hx-chip i{animation:dotPulse 2s ease-out infinite}
@keyframes dotPulse{0%{box-shadow:0 0 0 0 rgba(255,107,26,.5)}70%{box-shadow:0 0 0 9px rgba(255,107,26,0)}100%{box-shadow:0 0 0 0 rgba(255,107,26,0)}}
/* 견적 칸: 은은한 테두리 빛 + 버튼 반짝 */
.hx.fx .hq{position:relative}
.hx.fx .hq:before{content:"";position:absolute;inset:-1px;border-radius:25px;padding:1.5px;background:conic-gradient(from var(--ang,0deg),rgba(255,107,26,0) 0deg,rgba(255,107,26,.55) 60deg,rgba(255,107,26,0) 120deg,rgba(255,107,26,0) 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:spinAng 6s linear infinite;pointer-events:none}
@property --ang{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes spinAng{to{--ang:360deg}}
.hx.fx .hq:hover{box-shadow:0 30px 70px rgba(255,107,26,.16),0 0 0 1px #FFE1CF!important}
.hq-go{position:relative;overflow:hidden}
.hq-go:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);animation:btnShine 3.6s ease-in-out infinite 1.5s}
@keyframes btnShine{0%{left:-60%}35%,100%{left:130%}}
/* 숫자 카드 */
.hx-st i{font-style:normal;font-variant-numeric:tabular-nums}
/* 아래 칸들: 스크롤하면 떠오르기 */
.fx-up{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
.fx-up.fx-in{opacity:1;transform:none}
.promo .pm.fx-in{transition:transform .25s ease-out,box-shadow .3s,opacity .7s}
.promo .pm{will-change:transform;position:relative}
.promo .pm:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(400px circle at var(--gx,50%) var(--gy,50%),rgba(255,255,255,.22),transparent 45%);opacity:0;transition:opacity .3s}
.promo .pm:hover:after{opacity:1}
.promo .pm:hover{box-shadow:0 26px 50px rgba(25,31,40,.14)}
.cat4 a{transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,opacity .7s!important}
.cat4 a:hover{transform:translateY(-6px)!important;box-shadow:0 20px 40px rgba(25,31,40,.10)}
.cat4 a img{transition:transform .5s cubic-bezier(.2,.8,.2,1)}.cat4 a:hover img{transform:scale(1.1) rotate(-2deg)}
#hc .cs img{transition:transform .7s cubic-bezier(.2,.8,.2,1)}#hc .cs:hover img{transform:scale(1.07)}
.nofx .fx-up,.nofx .hx.fx .hx-l>*,.nofx .hx.fx .hq,.nofx .hx.fx .hx-ck li{opacity:1!important;transform:none!important}
/* ===== 선택 버튼: 바탕이 미끄러져 이동 (사이트 전체) ===== */
.sl{position:relative!important;isolation:isolate}
.sl>button,.sl>a{position:relative;z-index:1;transition:color .3s ease,transform .15s!important}
.sl>button.on,.sl>a.on{background:transparent!important;box-shadow:none!important;border-color:transparent!important}
.sl>button:active{transform:scale(.96)}
.sl-ind{position:absolute;top:0;left:0;z-index:0;pointer-events:none;border-radius:10px;background:#fff;box-shadow:0 2px 10px rgba(25,31,40,.10);transition:transform .42s cubic-bezier(.3,1.25,.45,1),width .42s cubic-bezier(.3,1.25,.45,1),height .3s,opacity .2s,background .3s}
.hq-seg.sl .sl-ind,.form .seg.sl .sl-ind{border-radius:9px;background:#fff;box-shadow:0 2px 10px rgba(25,31,40,.12)}
.finder .seg[data-f=k].sl .sl-ind,#cgg.sl .sl-ind{border-radius:999px;background:#191F28;box-shadow:0 8px 18px rgba(25,31,40,.22)}
.finder .seg[data-f=k].sl>button.on,#cgg.sl>button.on{color:#fff!important}
.finder .seg[data-f=c].sl .sl-ind{border-radius:999px;background:var(--o);box-shadow:0 8px 18px rgba(255,107,26,.3)}
.finder .seg[data-f=c].sl>button.on{color:#fff!important}
#cgs.sl .sl-ind{border-radius:10px;background:#FFF4EC;box-shadow:0 0 0 1.5px var(--o) inset}
#cgs.sl>button.on{color:var(--o)!important}
.finder .seg.sl>button:not(.on):hover,#cgg.sl>button:not(.on):hover{background:#E5E8EB!important}
/* ===== 새 로고 (원본 png) ===== */
.hd .logo img{height:44px!important;width:auto!important;image-rendering:auto}
.hd.sm .logo img,.hd.scrolled .logo img{height:38px!important}
@media (max-width:860px){.hd .logo img{height:32px!important}}