:root{--mint:#00C6B2;--mint-strong:#00796D;--mint-soft:#E6F9F7;--ink:#191919;--body:#2B2B2B;--muted:#525252;--line:#D5D5D5;--line-soft:#E2E2E2;--alt:#F4F4F4;--white:#FFFFFF}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--white);color:var(--body);font-family:Pretendard,"Noto Sans KR",-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo",sans-serif;font-size:18px;line-height:1.6;word-break:keep-all;overflow-wrap:anywhere}
a{color:var(--mint-strong)}
h1,h2,h3{color:var(--ink);line-height:1.3;margin:0}
h2{font-size:26px;font-weight:800;margin-bottom:16px}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
header.top{border-bottom:1px solid var(--line-soft);background:var(--white);position:relative;z-index:20}
header.top .wrap{display:flex;align-items:center;gap:14px;min-height:60px}
.logo{font-weight:900;letter-spacing:.22em;color:var(--ink);text-decoration:none;font-size:19px;margin-right:auto}
.lang,.tel{font-weight:700;color:var(--ink);text-decoration:none;font-size:15px;padding:10px 0;white-space:nowrap}
summary{cursor:pointer}
.menu>summary,.nav-g>summary{font-weight:700;color:var(--ink);font-size:15.5px;padding:10px 0;list-style-position:inside}
.menu>summary{margin-left:4px;white-space:nowrap}
.menu{order:3}
.menu>nav{position:absolute;left:0;right:0;top:100%;background:var(--white);border-bottom:1px solid var(--line);padding:8px 20px 16px;display:grid;gap:2px;max-height:80vh;overflow:auto}
.menu>nav>a,.nav-p a{display:block;padding:11px 0;color:var(--ink);text-decoration:none;font-weight:700;font-size:16px}
.nav-p a{font-weight:500;padding-left:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 22px;border:0;border-radius:12px;font:inherit;font-size:17px;font-weight:800;text-decoration:none;cursor:pointer;background:var(--mint);color:var(--ink);text-align:center}
.btn:hover{background:#00B3A1}
a:focus-visible,.btn:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,.tbl:focus-visible{outline:3px solid var(--mint-strong);outline-offset:2px}
.page-hero{background:var(--mint-soft);padding:28px 0 40px}
.page-hero h1{font-size:32px;font-weight:900;margin-top:10px;max-width:22em}
.lead{margin:12px 0 22px;max-width:36em}
.crumb{margin:0 0 12px;font-size:14.5px;color:var(--muted)}
.crumb a{color:var(--muted)}
.chip{display:inline-block;font-size:13px;font-weight:700;padding:3px 10px;border-radius:999px;background:var(--white);color:#00594F;border:1px solid #9ADFD7}
.sec{padding:40px 0}
.sec.alt{background:var(--alt)}
.sec.thin{padding:18px 0;font-size:15px;color:var(--muted)}
.sec.thin p{margin:0}
.note{font-size:15px;color:var(--muted);margin:12px 0 0}
.flow{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:s}
.flow li{counter-increment:s;background:var(--white);border:1px solid var(--line-soft);border-radius:14px;padding:16px 16px 16px 58px;position:relative}
.flow li::before{content:counter(s);position:absolute;left:16px;top:16px;width:30px;height:30px;border-radius:50%;background:var(--mint);color:var(--ink);font-weight:800;display:grid;place-items:center;font-size:15px}
.flow b{display:block;color:var(--ink)}
.tbl{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--white)}
table{border-collapse:collapse;width:100%;min-width:480px;font-size:16px}
th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line-soft);vertical-align:top}
th{background:var(--alt);color:var(--ink);font-weight:800}
tr:last-child td{border-bottom:0}
.checks{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.checks li{padding-left:28px;position:relative}
.checks li::before{content:"";position:absolute;left:2px;top:7px;width:14px;height:8px;border-left:3px solid var(--mint-strong);border-bottom:3px solid var(--mint-strong);transform:rotate(-45deg)}
.qa{border-bottom:1px solid var(--line);padding:6px 0}
.qa summary{font-weight:700;color:var(--ink);padding:10px 0}
.qa p{margin:0 0 12px}
.rel{display:flex;flex-wrap:wrap;gap:10px 22px}
.rel a{font-weight:700;padding:6px 0}
.tiles{display:grid;gap:12px;margin-top:6px}
.tile{display:flex;flex-direction:column;gap:6px;align-items:flex-start;border:1px solid var(--line);border-radius:14px;padding:18px;background:var(--white);text-decoration:none;color:var(--body)}
.tile:hover{border-color:var(--mint-strong)}
.tile b{color:var(--ink);font-size:19px}
.tile .chip{background:var(--mint-soft);border:0}
.tile img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#F4F4F4;border-radius:10px;margin-bottom:6px}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.gallery figure{margin:0;border:1px solid var(--line-soft);border-radius:14px;overflow:hidden;background:#F4F4F4}
.gallery img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.gallery figcaption{background:var(--white);padding:10px 12px;font-size:15px;font-weight:700;color:var(--ink)}
.check-grid{display:grid;gap:24px;align-items:start}
fieldset{border:0;margin:0;padding:0;display:grid;gap:8px}
legend{font-weight:700;color:var(--ink);font-size:16px;margin-bottom:6px;padding:0}
.opts{display:flex;flex-wrap:wrap;gap:8px}
.opt{display:flex;align-items:center;gap:8px;min-height:48px;padding:8px 14px;border:1px solid #767676;border-radius:10px;font-weight:600;cursor:pointer}
.opt input{width:20px;height:20px;margin:0}
.opt:has(input:checked){border-color:var(--mint-strong);background:var(--mint-soft)}
.area{display:grid;grid-template-columns:1fr 96px;gap:8px}
.area input{width:100%;min-height:52px;padding:10px 12px;border:1px solid #767676;border-radius:10px;font:inherit}
.result{border:2px solid var(--mint-strong);border-radius:16px;padding:22px;background:var(--white)}
.result h2{margin-bottom:8px}
.result .rows{display:grid;gap:10px;margin:16px 0}
.result .row{border:1px solid var(--line-soft);border-radius:12px;padding:14px}
.result .row b{display:block;color:var(--ink);font-size:18px}
.result .tag{display:inline-block;font-size:13px;font-weight:800;padding:2px 10px;border-radius:999px;margin-left:6px;vertical-align:2px}
.tag.good{background:var(--mint-soft);color:#00594F}.tag.mid{background:#FFF1DC;color:#7A4A00}.tag.low{background:#ECECEC;color:#3D3D3D}
.result ul{margin:6px 0 0;padding-left:20px}
.closing{background:var(--mint-soft)}
@media (min-width:980px){.check-grid{grid-template-columns:1fr 1fr}}
.closing p{margin:0 0 18px}
.contact-grid{display:grid;gap:24px}
form{display:grid;gap:14px;border:1px solid var(--line);border-radius:16px;padding:22px;background:var(--white)}
label{display:grid;gap:6px;font-weight:700;color:var(--ink);font-size:16px}
input[type=text],input[type=tel],select{width:100%;min-height:52px;padding:10px 12px;border:1px solid #767676;border-radius:10px;font:inherit;background:var(--white);color:var(--ink)}
.two{display:grid;gap:14px}
.check{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:14.5px;line-height:1.5;color:var(--body)}
.check input{width:22px;height:22px;flex:none;margin:1px 0 0}
.err{margin:0;color:#B3261E;font-weight:700}
.ok{background:var(--mint-soft);color:#00594F;border-radius:12px;padding:18px;font-weight:700}
footer{border-top:1px solid var(--line-soft);padding:32px 0 96px;font-size:14.5px;color:var(--muted)}
footer p{margin:0 0 6px}
.f-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:22px}
.f-grid a{display:block;padding:5px 0;color:var(--muted);text-decoration:none}
.f-grid b a{color:var(--ink)}
.f-grid>div>b{color:var(--ink)}
.sticky{position:fixed;left:0;right:0;bottom:0;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.95);border-top:1px solid var(--line-soft);z-index:10}
.sticky .btn{width:100%}
@media (min-width:980px){
  .menu{order:0;margin-right:8px}
  .menu>summary{display:none}
  .menu>nav{position:static;display:flex!important;align-items:center;gap:20px;padding:0;border:0;max-height:none;overflow:visible;background:none}
  .menu>nav>a{font-size:15.5px;padding:10px 0}
  .nav-g{position:relative}
  .nav-p{position:absolute;top:100%;left:-14px;min-width:230px;background:var(--white);border:1px solid var(--line);border-radius:12px;padding:8px 14px;box-shadow:0 8px 24px rgba(0,0,0,.08)}
  .nav-p a{padding:8px 0;font-size:15px}
  .page-hero{padding:36px 0 56px}.page-hero h1{font-size:42px}
  .sec{padding:56px 0}
  .tiles{grid-template-columns:repeat(3,1fr)}
  .flow{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
  .checks{grid-template-columns:1fr 1fr;gap:10px 28px}
  .contact-grid{grid-template-columns:.8fr 1.2fr}.two{grid-template-columns:1fr 1fr}
  .f-grid{grid-template-columns:repeat(4,1fr)}
  .sticky{display:none}footer{padding-bottom:32px}
}
@media (min-width:980px){.menu:not([open])>nav{display:flex}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.live-tag{display:inline-block;background:#FFF1DC;color:#7A4A00;font-size:14px;font-weight:700;padding:4px 12px;border-radius:999px;margin:0 0 18px}
.devs{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:26px}
.dev{border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:4px;background:var(--white)}
.dev b{color:var(--ink);font-size:17px}
.dev-g{font-size:12.5px;font-weight:700;color:var(--muted)}
.dev-v{font-size:26px;font-weight:900;color:var(--ink)}
.dev[data-on="0"] .dev-v{color:#B3261E}
.dev-n{font-size:14px;color:var(--muted)}
.live-act{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 26px}
.btn-line{background:transparent;border:1px solid var(--ink);color:var(--ink)}
.live-log{list-style:none;margin:0;padding:0;font-family:ui-monospace,Menlo,monospace;font-size:14px;color:var(--body)}
.live-log li{padding:6px 0;border-bottom:1px solid var(--line-soft)}
.addr{display:grid;gap:8px;margin-bottom:4px}
.addr label{font-weight:700;color:var(--ink);font-size:16px}
.addr small{font-weight:600;color:var(--muted)}
.btn.sub{min-height:52px;padding:10px 14px;background:var(--ink);color:var(--white)}
.btn.sub:hover{background:#333}
.addr-list{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.addr-list button{display:block;width:100%;text-align:left;padding:12px 14px;border:0;border-bottom:1px solid var(--line-soft);background:var(--white);font:inherit;font-size:16px;color:var(--ink);cursor:pointer}
.addr-list li:last-child button{border-bottom:0}
.addr-list button:hover,.addr-list button:focus-visible{background:var(--mint-soft)}
.addr-list small{display:block;color:var(--muted);font-size:14px}
.addr-pick{margin:0;padding:10px 14px;border-radius:10px;background:var(--mint-soft);font-weight:700;color:var(--ink);font-size:16px}
.hint{margin:0;font-size:14.5px;color:var(--muted)}
.result dl{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:8px 0 0;font-size:16px}
.result dt{color:var(--muted)}.result dd{margin:0;color:var(--ink);font-weight:600}
.result .src{font-size:13.5px;color:var(--muted);margin:8px 0 0}
.result dd small{color:var(--muted);font-weight:500}
.result .bars{display:grid;gap:10px;margin:10px 0 0}
.result .bar{display:grid;grid-template-columns:1fr auto;gap:2px 10px;font-size:15px}
.result .bar span{color:var(--ink);font-weight:600}.result .bar em{font-style:normal;color:var(--ink);font-weight:700}
.result .bar i{grid-column:1/-1;display:block;height:8px;border-radius:99px;background:var(--line-soft);overflow:hidden}
.result .bar s{display:block;height:100%;background:var(--mint-strong);text-decoration:none}
.result .bar small{grid-column:1/-1;color:var(--muted);font-size:13.5px}
.result details{margin:10px 0 0}.result summary{cursor:pointer;font-weight:700;color:var(--ink)}
.result .tbl{overflow-x:auto;margin-top:6px}
.result table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:420px}
.result th{text-align:left;color:var(--muted);font-weight:600;border-bottom:1px solid var(--line);padding:6px 6px 6px 0}
.result td{border-bottom:1px solid var(--line-soft);padding:6px 6px 6px 0;color:var(--ink);vertical-align:top}
.result td small{display:block;color:var(--muted)}
.result tr.same td{background:var(--mint-soft)}

.hero-ph{margin:24px 0 0}.hero-ph img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:20px}
@media (min-width:860px){.hero-ph img{aspect-ratio:21/8;object-position:50% 60%;border-radius:26px}}
/* 창업 전 위치 진단: 가운데 한 줄 레이아웃 */
.loc{max-width:780px;display:grid;gap:20px}
.loc-card{background:var(--white);border:1px solid var(--line-soft);border-radius:24px;padding:24px;box-shadow:0 10px 30px rgba(0,0,0,.05);display:grid;gap:16px}
.loc-card h2{font-size:26px}.loc-card .hint{margin:0;color:var(--muted);font-size:15.5px}
.loc-card .btn{width:100%}
.opts.biz{display:flex;flex-wrap:wrap;gap:8px}.opts.biz .opt{flex:none}
.report{display:grid;gap:14px}
.rhead{padding:6px 2px}.rhead h2{font-size:24px;margin:2px 0 6px}.rhead p{margin:0;color:var(--muted);font-size:15px}
.rhead .eyebrow{font-size:13px;font-weight:800;letter-spacing:.1em;color:#00594F}
.rcard{background:var(--white);border:1px solid var(--line-soft);border-radius:22px;padding:20px}
.rcard h3{font-size:19px;margin:0 0 10px}.rcard .wait{margin:0;color:var(--muted);font-size:15px}
.rcard dl{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:0;font-size:16px}.rcard dt{color:var(--muted)}.rcard dd{margin:0;color:var(--ink);font-weight:600}
.rcard dd small{color:var(--muted);font-weight:500;margin-left:6px}
.rcard .src{margin:12px 0 0;font-size:13px;color:var(--muted)}
.rcard .mini{margin:10px 0 0;font-size:15px}.rcard .mini b{color:var(--ink);margin-right:4px}
.rcard.sum{background:#F1F1EF;border:0}
.checks{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.checks li{display:grid;grid-template-columns:auto 80px 1fr;gap:10px;align-items:center;background:var(--white);border-radius:14px;padding:12px 14px;font-size:15px}
.checks b{color:var(--ink)}
.lamp{font-size:12.5px;font-weight:800;padding:3px 10px;border-radius:999px;text-align:center}
.lamp.good{background:#DDF4EF;color:#00594F}.lamp.mid{background:#FFF1DC;color:#7A4A00}.lamp.warn{background:#FDE2E0;color:#8A1C14}.lamp.na{background:#ECECEC;color:#4A4A4A}
.kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.kpis div{background:#F1F1EF;border-radius:14px;padding:12px}
.kpis small{display:block;color:var(--muted);font-size:13px}.kpis b{font-size:22px;color:var(--ink)}
.lrow{display:grid;gap:6px;margin:12px 0 0}.lrow b{color:var(--ink);font-size:16px}.lrow b small{color:var(--muted);font-weight:500;margin-left:6px}.lrow>small{color:var(--muted);font-size:13.5px}
.lbars{display:grid;gap:4px}.lbars i{display:block;height:24px;background:#00A894;border-radius:8px;min-width:76px;position:relative}
.lbars i:nth-child(2){background:#2E8F82}.lbars i:nth-child(3){background:#1F5F57}
.lbars em{position:absolute;left:8px;top:2px;font-style:normal;font-size:12.5px;font-weight:700;color:#fff;white-space:nowrap}
.rcta{display:grid;gap:10px;padding:8px 0}.rcta p{margin:0;color:var(--muted)}.btn.light{background:var(--white);border:1px solid var(--line);color:var(--ink)}
.vac{background:#F7F7F5;border-radius:22px;padding:6px 20px}.vac summary{padding:14px 0;font-weight:800;color:var(--ink);font-size:17px}
.vac form{border:0;padding:0 0 16px}
@media (min-width:860px){.loc-card{padding:32px}.kpis{grid-template-columns:repeat(4,1fr)}.rcta{grid-template-columns:1fr auto auto;align-items:center}.loc-card .btn{width:auto;justify-self:start}}
.checks li::before{content:none;display:none}
.trend{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;align-items:end;margin-top:6px}
.trend>div{display:grid;gap:4px;justify-items:center}.trend .tb{height:110px;width:100%;display:flex;gap:4px;align-items:flex-end;justify-content:center}
.trend .tb i{display:block;width:40%;border-radius:6px 6px 0 0;min-height:2px}.trend i.o,.legend .o{background:#00A894}.trend i.c,.legend .c{background:#C9C9C5}
.trend small{font-size:12.5px;color:var(--muted)}.trend em{font-style:normal;font-size:12px;color:var(--ink)}
.legend{margin:8px 0 0;font-size:13.5px;color:var(--muted)}.legend span{display:inline-block;width:10px;height:10px;border-radius:3px;margin:0 4px 0 8px}
.tlist,.glist{margin:6px 0 0;padding-left:22px;display:grid;gap:6px;font-size:15px}.tlist b{color:var(--ink);margin-right:8px}.tlist span{color:var(--muted)}
.links{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:6px;font-size:15px}.links a{font-weight:700}
.rcard.sample{border-style:dashed}
.hours{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;align-items:end;height:110px;margin-top:6px}.hours>div{display:grid;gap:4px;justify-items:center;height:100%;align-content:end}
.hours i{display:block;width:70%;background:#C9E8E3;border-radius:6px 6px 0 0}.hours small{font-size:12px;color:var(--muted)}
/* 라커·하부장 제품 */
.pgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:20px}
.pcard{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:var(--body)}
.pcard .pimg{display:block;background:#F4F4F2;border-radius:18px;overflow:hidden;aspect-ratio:1;margin-bottom:8px}
.pcard img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.pcard:hover img{transform:scale(1.03)}
.pcard small{font-size:12.5px;font-weight:800;color:#00594F}.pcard b{color:var(--ink);font-size:17px}.pcard>span:last-child{font-size:14px;color:var(--muted)}
.pd-sec{padding-top:24px}.pd{display:grid;gap:28px;margin-top:16px}
.pd-img{margin:0}.pd-img img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;background:#F4F4F2;border-radius:22px}
.pd-en{margin:0;font-size:13px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}.pd-info h1{font-size:30px;margin:4px 0 10px}
.pd-price{font-size:22px;font-weight:800;color:var(--ink);margin:0 0 14px}.pd-price small{display:block;font-size:14px;font-weight:500;color:var(--muted)}
.pd-ship{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;font-size:15px;margin:0 0 16px;padding:14px 0;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}.pd-ship dt{color:var(--muted)}.pd-ship dd{margin:0}
.pd-opts{display:grid;gap:12px}.pd-opts select,.pd-opts input{width:100%;min-height:48px;padding:8px 12px;border:1px solid #767676;border-radius:10px;font:inherit;background:#fff}
.pd-sum{margin:14px 0;font-size:15px;color:var(--ink);font-weight:700}
.pd-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pd-btns .btn{border-radius:12px}
.pd-desc{margin:18px 0 8px}.pd-spec{margin:0;padding-left:20px;display:grid;gap:4px;font-size:15.5px}.pd-notes{padding-left:20px;font-size:15px;color:var(--muted)}
.buy-form{display:grid;gap:14px}
@media (min-width:860px){.pgrid{grid-template-columns:repeat(5,1fr)}.pd{grid-template-columns:1.1fr 1fr;gap:56px;align-items:start}.pd-info{position:sticky;top:20px}}
/* 라커·보관 시스템: 에디토리얼 쇼핑 스타일 (흰 바탕·굵은 대문자·파란 강조) */
.nm{background:#fff;color:#111}.nm h1,.nm h2,.nm h3{color:#111}
.nmtabs{display:flex;flex-wrap:wrap;gap:0 18px;margin:0 0 28px;font-family:'Archivo Narrow',Pretendard,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:-.01em;line-height:1}
.nmtabs a{font-size:30px;color:#111;text-decoration:none;padding:4px 0}.nmtabs a:hover,.nmtabs a[aria-current]{color:#1F3BFF}
.nmhero{padding:36px 0 12px}.nmkicker{margin:0 0 8px;font-family:'Archivo Narrow',sans-serif;font-weight:700;font-size:13px;letter-spacing:.14em;color:#777}
.nmhero h1{font-size:34px;font-weight:800;letter-spacing:-.03em;line-height:1.2;margin:0}.nmlead{max-width:640px;color:#555;font-size:16px;line-height:1.75;margin:14px 0 0}
.nmsec{padding:32px 0}.nmgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px 14px}
.nmcard{display:flex;flex-direction:column;gap:3px;text-decoration:none;color:#111}.nmcard .pimg{display:block;aspect-ratio:1;background:#fff;overflow:hidden;margin-bottom:10px}
.nmcard img{width:100%;height:100%;object-fit:contain;transition:transform .3s}.nmcard:hover img{transform:scale(1.03)}.nmcard:hover b{color:#1F3BFF}
.nmcard b{font-family:'Archivo Narrow',sans-serif;font-size:16px;font-weight:700}.nmcard span{font-size:13px;color:#777}.nmcard em{font-style:normal;font-size:13.5px;color:#111;margin-top:2px}
.nmnote{margin:22px 0 0;font-size:13px;color:#888}
.nmfeat .wrap{display:grid;gap:28px;align-items:center}.nmfeat figure{margin:0;position:relative}.nmfeat img{width:100%;height:auto;display:block}.nmfeat figcaption{position:absolute;left:10px;top:10px;font-size:11px;background:#fff;padding:2px 8px;border:1px solid #ddd}
.nmfeat h2{font-size:30px;margin:0 0 14px}.nmfl{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:15.5px;color:#444;line-height:1.7}.nmfl b{color:#111}
.nmlink{display:inline-block;margin-top:18px;font-weight:700;color:#1F3BFF;text-decoration:none}
.nmpd{padding-top:28px}.pdg{display:grid;gap:10px}.pd-th{display:flex;gap:8px}.pd-th .th{border:1px solid #e3e3e3;background:#fff;padding:0;width:64px;height:64px;cursor:pointer}.pd-th img{width:100%;height:100%;object-fit:cover;display:block}
.nm .pd-img{position:relative;margin:0}.nm .pd-img img{background:#fff;border-radius:0;object-fit:contain}.nmbadge{position:absolute;left:10px;top:10px;font-size:11px;background:#fff;border:1px solid #ddd;padding:2px 8px}
.nm .pd-info h1{font-family:'Archivo Narrow',sans-serif;font-size:30px;font-weight:500;letter-spacing:-.01em;margin:0}.pd-ko{margin:2px 0 14px;color:#666;font-size:15px}
.nm .pd-price{font-size:19px;font-weight:700;margin:0 0 16px}.nm .pd-ship{border-color:#e6e6e6;font-size:14px}
.nm .pd-opts label{font-size:13.5px;color:#444;font-weight:500}.nm .pd-opts select,.nm .pd-opts input{border:1px solid #cfcfcf;border-radius:0;min-height:44px;font-size:14.5px}
.pd-total{display:flex;justify-content:space-between;gap:12px;padding:14px 0;margin:16px 0;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;font-size:14px;color:#666}.pd-total b{color:#111;text-align:right}
.pd-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.nmbtn{display:flex;align-items:center;justify-content:center;min-height:52px;border:1px solid #111;background:#111;color:#fff;text-decoration:none;font-weight:600;font-size:15px}.nmbtn:hover{background:#1F3BFF;border-color:#1F3BFF}
.nmbtn.ghost{background:#fff;color:#111}.nmbtn.ghost:hover{background:#fff;color:#1F3BFF;border-color:#1F3BFF}
.pd-brand{margin-top:22px;font-size:13.5px;color:#555;line-height:1.7}.pd-brand b{font-family:'Archivo Narrow',sans-serif;letter-spacing:.06em;color:#111}.pd-brand p{margin:4px 0 0}
.nmcol{max-width:760px}.nmdesc{border-top:1px solid #e6e6e6;margin-top:24px}.nmdesc h2{font-family:'Archivo Narrow',sans-serif;font-size:24px;margin:0}.nmdesc p{color:#444;line-height:1.8}
.nmdesc h3{font-size:16px;margin:28px 0 6px}.nmplus{list-style:none;padding:0;margin:20px 0;display:grid;gap:4px;color:#111;font-size:15px}
.nmmore{font-family:'Archivo Narrow',sans-serif;font-size:30px;letter-spacing:-.01em;margin:0 0 20px}
.nmeng{display:grid;gap:22px}.nmeng figure,.nmeng3 figure{margin:0;border:1px solid #e6e6e6;padding:14px;background:#fff}.nmeng img,.nmeng3 img{width:100%;height:auto;display:block}
.nmeng figcaption,.nmeng3 figcaption{margin-top:10px;font-size:14px;color:#555}.nmeng figcaption b,.nmeng3 figcaption b{display:block;color:#111;font-size:16px}
.nmeng3{display:grid;gap:14px}.nmeng3 img{aspect-ratio:4/3;object-fit:cover}
.nmspecs table{width:100%;border-collapse:collapse;font-size:15px}.nmspecs th,.nmspecs td{text-align:left;padding:12px 8px;border-bottom:1px solid #e6e6e6}.nmspecs th{color:#777;font-weight:600}.nmspecs h2{font-size:24px;margin:0 0 12px}
.nmbuy{padding:48px 0;background:#F6F6F6}.nmbuy .btn{border-radius:0;background:#111;color:#fff}.nmbuy .btn:hover{background:#1F3BFF}
@media (min-width:860px){.nmtabs a{font-size:52px}.nmhero h1{font-size:46px}.nmgrid{grid-template-columns:repeat(5,1fr)}.nmfeat .wrap{grid-template-columns:1fr 1fr;gap:56px}
.nm .pd{grid-template-columns:1.15fr 1fr;gap:64px}.nmeng .wide{grid-column:1/-1}.nmeng{grid-template-columns:1fr 1fr}.nmeng3{grid-template-columns:1fr 1fr 1fr}}
.nmcard .pimg.photo img{object-fit:cover}
.nm .pd-img img{aspect-ratio:1}
/* 기기 시연 v4 */
.live-tag[data-mode="live"]{background:#DFF5EC;color:#0B6B47}
.live-tag[data-mode="live"]::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#14A06B;margin-right:6px;vertical-align:1px;animation:livepulse 1.6s infinite}
@keyframes livepulse{50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){.live-tag[data-mode="live"]::before{animation:none}}
.live-stamp{font-size:13px;color:var(--muted)}
.dev-acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.dev-btn{font:inherit;font-size:13px;font-weight:700;padding:7px 10px;border-radius:9px;border:1px solid var(--line);background:var(--white);color:var(--ink);cursor:pointer;min-height:36px}
.dev-btn:hover{border-color:var(--ink)}
.dev-btn-main{background:var(--ink);color:#fff;border-color:var(--ink)}
.live-player{margin:0 0 20px;max-width:720px}
.live-player video{width:100%;aspect-ratio:16/9;background:#111;border-radius:14px;display:block}
.live-dlg{border:0;border-radius:18px;padding:0;max-width:min(460px,calc(100vw - 32px));width:100%}
.live-dlg>div{padding:24px}
.live-dlg h3{margin:10px 0 8px;font-size:20px}
.live-dlg::backdrop{background:rgba(0,0,0,.45)}
.conn-steps{counter-reset:st;list-style:none;padding:0;margin:0 0 24px;display:grid;gap:12px}
.conn-steps li{counter-increment:st;border:1px solid var(--line);border-radius:14px;padding:16px 16px 16px 58px;position:relative;background:var(--white)}
.conn-steps li::before{content:counter(st);position:absolute;left:16px;top:16px;width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;font-weight:900;display:grid;place-items:center;font-size:14px}
.conn-steps b{display:block;color:var(--ink);margin-bottom:4px}
.conn-table{width:100%;border-collapse:collapse;font-size:15px;margin:0 0 24px}
.conn-table th,.conn-table td{border-bottom:1px solid var(--line);padding:10px 8px;text-align:left;vertical-align:top}
.conn-table th{color:var(--muted);font-size:13px}
@media (max-width:640px){.conn-table thead{display:none}.conn-table tr{display:block;border-bottom:1px solid var(--line);padding:8px 0}.conn-table td{display:block;border:0;padding:3px 0}}
/* 점주 페이지 시안 */
.pt-tier{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:18px}
.pt-tier span{font-size:13px;color:var(--muted);font-weight:700;margin-right:4px}
.pt-tier button{font:inherit;font-size:14px;font-weight:700;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:var(--white);color:var(--ink);cursor:pointer;min-height:40px}
.pt-tier button[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.pt-wrap{display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:start}
.pt-nav{position:sticky;top:84px;border:1px solid var(--line);border-radius:14px;padding:10px;background:var(--white)}
.pt-g{margin:10px 8px 4px;font-size:12.5px;font-weight:700;color:var(--muted)}
.pt-item{display:block;width:100%;text-align:left;font:inherit;font-size:14.5px;padding:8px 10px;border:0;border-radius:9px;background:none;color:var(--ink);cursor:pointer}
.pt-item:hover{background:var(--line-soft)}
.pt-item[data-s="lock"]{color:var(--muted)}
.pt-item small{font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:1px 5px;margin-left:4px}
.pt-who{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;font-size:16px}
.pt-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:28px}
.pt-cards .dev-v{font-size:20px}
.pt-table-wrap{overflow-x:auto}
.pt-table td,.pt-table th{text-align:center}
.pt-table td:first-child,.pt-table th:first-child{text-align:left}
.pt-cur{background:#F2FBF8}
.pt-k{display:none}
.pt-form-wrap{max-width:640px}
.pt-steps{display:flex;gap:6px;list-style:none;padding:0;margin:0 0 20px;font-size:13px;color:var(--muted);font-weight:700}
.pt-steps li{flex:1;border-top:3px solid var(--line);padding-top:6px}
.pt-steps li.on{border-color:var(--ink);color:var(--ink)}
.pt-form fieldset{border:1px solid var(--line);border-radius:14px;padding:16px;margin:0 0 16px}
.pt-form legend{font-weight:900;color:var(--ink);padding:0 6px}
.pt-opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.pt-opts label{border:1px solid var(--line);border-radius:12px;padding:12px;display:grid;grid-template-columns:auto 1fr;gap:2px 8px;cursor:pointer}
.pt-opts input{grid-row:span 2;margin-top:4px}
.pt-opts span{font-size:13.5px;color:var(--muted)}
.pt-f{display:block;font-weight:700;font-size:14px;margin:0 0 12px;color:var(--ink)}
.pt-f input,.pt-f select{display:block;width:100%;margin-top:6px;font:inherit;font-weight:400;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--white);min-height:44px}
.pt-row{display:flex;gap:8px;margin-top:6px}
.pt-row input{margin-top:0}
.pt-chk{display:block;margin:6px 0;font-size:14.5px}
@media (max-width:820px){.pt-wrap{grid-template-columns:1fr}.pt-nav{position:static;display:flex;flex-wrap:wrap;gap:4px}.pt-g{width:100%}.pt-item{width:auto;border:1px solid var(--line)}
.pt-table thead{display:none}.pt-table tr{display:block;border-bottom:1px solid var(--line);padding:8px 0}.pt-table td{display:inline-block;border:0;padding:3px 8px 3px 0;text-align:left}.pt-table td:first-child{display:block}.pt-k{display:inline;color:var(--muted);font-size:12px}}
/* StaffXero 로고 */
.sx-logo{display:inline-flex;align-items:center;gap:9px;letter-spacing:0;font-size:22px}
.sx-mark{width:34px;height:34px;flex:none}
.sx-word{font-weight:900;color:var(--ink);letter-spacing:-.01em}
.sx-word b{color:var(--mint-strong);font-weight:900}
@media (max-width:480px){.sx-logo{font-size:19px}.sx-mark{width:30px;height:30px}}