@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
:root{--rose:#be123c;--rose-d:#9f1239;--rose-l:#fff1f2;--ink:#0f172a;--tx:#111827;--sub:#64748b;--line:#e5e7eb;--bg2:#f8fafc;--chip:#f1f5f9;--r:16px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",Arial,sans-serif;color:var(--tx);background:#fff;font-size:16px;line-height:1.5;letter-spacing:-.01em}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}
.wrap{max-width:1180px;margin:0 auto;padding:0 16px}
.muted{color:var(--sub)}
/* header */
.hd{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.hd-in{display:flex;align-items:center;justify-content:space-between;height:72px;gap:16px}
.logo{display:flex;align-items:baseline;gap:0;font-weight:900;font-size:28px;color:var(--rose);letter-spacing:-.04em;white-space:nowrap}
.logo-0{font-style:italic;font-size:1.15em;margin-right:1px;color:var(--rose)}
.gnb{display:flex;gap:26px;font-size:15px;font-weight:600;color:#334155;overflow-x:auto;scrollbar-width:none}
.gnb a{white-space:nowrap}.gnb a.on,.gnb a:hover{color:var(--rose)}
@media(max-width:900px){.hd-in{flex-direction:column;align-items:flex-start;height:auto;padding-top:10px;gap:6px}.logo{font-size:22px}.gnb{gap:18px;font-size:14px;width:100%;padding-bottom:10px}}
/* banner (no radial/ray patterns) */
.banner{margin:24px 0;border-radius:var(--r);background:linear-gradient(135deg,#fff1f2,#ffe4e6 60%,#fecdd3);padding:44px 40px;display:flex;justify-content:space-between;align-items:center;gap:24px;border:1px solid #fecdd3}
.banner .eyebrow{color:var(--rose);font-weight:700;margin:0 0 6px;font-size:14px}
.banner h1{margin:0;font-size:34px;line-height:1.25;color:var(--ink);letter-spacing:-.03em}
.banner p.d{margin:10px 0 18px;color:#475569}

.btn{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 22px;border-radius:12px;background:var(--rose);color:#fff;font-weight:700;border:0;cursor:pointer;font-size:15px}
.btn:hover{background:var(--rose-d)}.btn.block{width:100%}.btn.ghost{background:#fff;color:var(--rose);border:1px solid #fecdd3}
@media(max-width:700px){.banner{padding:26px 20px;margin:14px 0}.banner h1{font-size:24px}}
/* list layout */
.list-layout{display:grid;grid-template-columns:200px 1fr;gap:32px;padding-bottom:48px}
.side h4{margin:0 0 10px;font-size:16px}.side .grp{margin-bottom:24px}
.side label{display:flex;align-items:center;gap:8px;font-size:14px;color:#334155;padding:5px 0;cursor:pointer}
.side input{width:18px;height:18px;accent-color:var(--rose)}
.side .brand{font-weight:700;color:var(--ink);margin-top:6px}
@media(max-width:900px){.list-layout{grid-template-columns:1fr}.side{display:none}}
.sec-eyebrow{color:var(--rose);font-weight:700;font-size:14px;margin:0}
.sec-title{font-size:30px;margin:4px 0 4px;letter-spacing:-.03em;color:var(--ink)}
.sec-desc{color:var(--sub);margin:0 0 18px}
@media(max-width:700px){.sec-title{font-size:24px}}
.tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:24px;scrollbar-width:none}
.tab{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 16px;font-size:14px;font-weight:600;color:#334155;cursor:pointer}
.tab.on{background:var(--rose);border-color:var(--rose);color:#fff}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media(max-width:700px){.grid{grid-template-columns:1fr;gap:16px}}
/* card */
.card{border:1px solid var(--line);border-radius:20px;padding:22px;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.04);display:flex;flex-direction:column;gap:12px}
.badge{align-self:flex-start;background:var(--rose);color:#fff;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700;box-shadow:0 4px 10px rgba(190,18,60,.25);max-width:100%;white-space:normal}
.badge.pre{background:#0f172a}
.card .thumb{height:200px;display:flex;align-items:center;justify-content:center;background:var(--bg2);border-radius:14px;overflow:hidden}
.ph{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;color:var(--sub);font-weight:600}
.pimg{width:100%;height:100%}.fit-contain{object-fit:contain}.fit-cover{object-fit:cover}
.card h3{margin:0;font-size:18px;color:var(--ink)}.card .subt{margin:-8px 0 0;font-size:13px;color:var(--sub)}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{font-size:12px;border-radius:999px;padding:3px 10px;background:var(--chip);color:#334155;font-weight:600}
.chip.rose{background:var(--rose-l);color:var(--rose)}
.crow{border-top:1px solid var(--line);padding-top:10px;display:grid;grid-template-columns:52px 1fr;gap:8px;align-items:start}
.cr-name{font-weight:800;font-size:13px;background:var(--chip);border-radius:8px;text-align:center;padding:4px 0}
.cr-plan{font-size:12px;color:var(--sub);margin:0}
.cr-amt{margin:2px 0;font-size:15px;font-weight:800}.cr-amt .rose{color:var(--rose)}
.cr-buy{font-size:12px;color:#334155;margin:0}
.ph-tag{font-size:11px;font-weight:700;color:#b45309;background:#fef3c7;border-radius:6px;padding:1px 6px;margin-left:4px}
/* faq */
.faq{background:var(--bg2);padding:48px 0}.faq h2{margin:0 0 18px;font-size:26px}
details{background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:10px}
summary{cursor:pointer;padding:16px 18px;font-weight:700;list-style:none;display:flex;justify-content:space-between}
summary::after{content:"▾";color:var(--sub)}details[open] summary::after{content:"▴"}
details .a{padding:0 18px 16px;color:#475569;font-size:15px}
/* channel + footer */
.channel{padding:40px 0}
.channel-box{max-width:640px;margin:0 auto;text-align:center;background:var(--rose-l);border:1px solid #fecdd3;border-radius:20px;padding:30px 20px;display:flex;flex-direction:column;gap:10px;align-items:center}
.channel-box .eyebrow{color:var(--rose);font-weight:700;margin:0;font-size:14px}.channel-box h3{margin:0 0 8px;font-size:22px}
.btn-kakao,.btn-line{width:100%;max-width:360px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700}
.btn-kakao{background:#fee500;color:#191919}.btn-line{background:#fff;border:1px solid var(--line)}
.ft{background:#0b1220;color:#cbd5e1;padding:32px 0 80px;font-size:13px}.ft p{margin:4px 0}.ft .ft-brand{color:#fff;font-weight:800;font-size:16px}.ft .muted{color:#94a3b8}
.fab{position:fixed;right:18px;bottom:18px;width:56px;height:56px;border-radius:50%;background:var(--rose);color:#fff;display:grid;place-items:center;font-weight:700;box-shadow:0 8px 20px rgba(190,18,60,.35);z-index:60}
/* deal */
.deal{display:grid;grid-template-columns:1fr 290px;gap:28px;padding:28px 16px 40px}
@media(max-width:960px){.deal{grid-template-columns:1fr}}
.deal-top{display:grid;grid-template-columns:290px 1fr;gap:26px;margin-bottom:28px}
@media(max-width:700px){.deal-top{grid-template-columns:1fr}}
.gal-main{aspect-ratio:1;background:var(--bg2);border-radius:22px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.gal-main .ph svg{transform:scale(1.5);margin-bottom:30px}
.gal-thumbs{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.gal-thumbs img{width:56px;height:56px;border-radius:10px;border:2px solid var(--line);object-fit:contain;cursor:pointer;background:var(--bg2)}.gal-thumbs img.on{border-color:var(--rose)}
.deal-info .jt{font-size:13px;font-weight:600;color:#475569;margin:0}
.deal-info h1{font-size:30px;line-height:1.3;margin:6px 0 4px;color:var(--ink)}
.deal-info .subt{color:var(--sub);margin:0 0 10px}
.deal-info .big{font-size:26px;font-weight:800;color:var(--rose);margin:14px 0}.deal-info .big small{font-size:14px;color:#475569}
.notebox{border:1px solid var(--line);border-radius:14px;padding:12px 14px;font-size:13px;color:#475569;margin-bottom:12px}
.opt{margin-bottom:26px}.opt h3{font-size:18px;margin:0 0 12px}
.seg{display:flex;flex-wrap:wrap;gap:8px}
.seg button{border:1px solid var(--line);background:var(--chip);color:#94a3b8;border-radius:999px;padding:8px 18px;font-weight:700;font-size:14px;cursor:pointer}
.seg button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.seg.light button{background:#fff;color:#334155}.seg.light button.on{background:var(--rose-l);color:var(--rose);border-color:#fda4af}
.planbox{border:1px solid #fda4af;background:var(--rose-l);border-radius:14px;padding:14px 16px;display:flex;justify-content:space-between;gap:10px;cursor:pointer;margin-bottom:8px}
.planbox b{color:var(--ink)}.planbox .fee{color:var(--rose);font-weight:800;white-space:nowrap}
.info{border:1px solid var(--line);border-radius:16px;padding:18px;margin-bottom:22px;font-size:14px;color:#475569}
.info h4{margin:0 0 8px;color:var(--rose);font-size:14px}.info ul{margin:0 0 12px;padding-left:18px}
.summary{position:sticky;top:90px;align-self:start;border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 4px 18px rgba(15,23,42,.06);background:#fff}
.summary h3{margin:0;font-size:18px}.summary .sel{font-size:13px;color:#475569;margin:4px 0 14px}
.sr{display:flex;justify-content:space-between;font-size:13px;padding:5px 0;color:#475569}.sr b{color:var(--ink)}
.sr.dim{color:#cbd5e1}.sr.dim b{color:#cbd5e1}
.sr.total{border-top:1px solid var(--line);margin-top:8px;padding-top:14px;font-size:15px;font-weight:800;color:var(--ink);align-items:center}.sr.total b{color:var(--rose);font-size:22px}
.formula{font-size:12px;background:var(--bg2);border-radius:10px;padding:8px 10px;margin:10px 0;color:#334155}
.steps{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}
.steps li{border:1px solid var(--line);border-radius:16px;padding:16px 16px 16px 60px;position:relative}
.steps li .n{position:absolute;left:16px;top:16px;width:30px;height:30px;border-radius:50%;background:var(--rose);color:#fff;display:grid;place-items:center;font-weight:800}
.steps li h4{margin:0 0 4px}.steps li p{margin:0;font-size:14px;color:#475569}
.arrow{text-align:center;color:#cbd5e1}
/* pages */
.page{padding:36px 16px 20px;max-width:820px}
.page h1{font-size:30px;margin:0 0 6px}.page .lead{color:var(--sub);margin:0 0 24px}
.form{display:flex;flex-direction:column;gap:16px}
.form label{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:14px}
.form input,.form select,.form textarea{border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-weight:400;font-size:15px;background:#fff}
.form .req{color:var(--rose)}.ok{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46;border-radius:14px;padding:18px;font-weight:600}
.must{border:2px solid var(--rose);border-radius:18px;padding:20px;background:var(--rose-l)}
.must li{margin:6px 0}
.steps li.arrow{border:0;padding:0}
[hidden]{display:none!important}
/* 가격 기준일 / 각주 */
.pdate{font-size:12px;font-weight:700;color:var(--rose);margin:0}
.cdate{font-size:12px;color:var(--sub);margin:0;text-align:right}
.pnotes{border-top:1px solid var(--line);padding:14px 0;font-size:12px;color:#475569}.pnotes ul{margin:6px 0 0;padding-left:18px}.pnotes li{margin:3px 0}
/* 모바일 하단 고정바 */
.bbar{display:none}
@media(max-width:700px){
 .bbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:70;background:#fff;border-top:1px solid var(--line);box-shadow:0 -4px 16px rgba(15,23,42,.08);padding:8px 10px calc(8px + env(safe-area-inset-bottom));gap:8px;align-items:center}
 .bb-price{flex:1;display:flex;flex-direction:column;font-size:11px;color:#475569;line-height:1.35;min-width:0}
 .bb-price b{color:var(--ink);font-size:13px}.bb-price span:first-child b{color:var(--rose);font-size:16px}
 .bb-btns{display:flex;gap:6px}.bbar-simple .bb-btns{flex:1}.bbar-simple .bb-btns a{flex:1}
 .bb-btns a{height:42px;min-width:52px;padding:0 10px;border-radius:10px;display:grid;place-items:center;font-weight:700;font-size:14px;border:1px solid var(--line);background:#fff}
 .bb-btns a.kk{background:#fee500;border-color:#fee500}.bb-btns a.go{background:var(--rose);color:#fff;border-color:var(--rose)}
 body.has-bbar{padding-bottom:72px}body.has-bbar .fab{display:none}
}
/* 가격비교 */
.cmp-filters{display:flex;flex-wrap:wrap;gap:14px;margin:0 0 16px}.cmp-filters .seg button{padding:6px 14px;font-size:13px}
.cmp{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}
.cmp th{background:var(--bg2);padding:10px;text-align:center;border-bottom:1px solid var(--line);font-size:14px}
.cmp td{border-bottom:1px solid var(--line);padding:10px;text-align:center;vertical-align:middle}
.cmp .pm{display:flex;align-items:center;gap:10px;text-align:left;min-width:170px}.cmp .pm img{width:44px;height:44px;object-fit:contain}
.cmp .pm b{display:block;color:var(--ink);font-size:14px}.cmp .pm small{color:var(--sub)}
.cell{border-radius:12px;padding:8px 6px}.cell .buy{font-size:16px;font-weight:800;color:var(--ink)}.cell .ln{font-size:11px;color:#64748b;line-height:1.5}
.cell.best{background:var(--rose-l);outline:1px solid #fda4af}.cell.best .buy{color:var(--rose)}
.cell .bestTag{display:inline-block;font-size:10px;font-weight:800;color:#fff;background:var(--rose);border-radius:6px;padding:1px 6px;margin-bottom:2px}
.cmp .lowest b{color:var(--rose);font-size:15px}
@media(max-width:700px){
 .cmp thead{display:none}.cmp,.cmp tbody,.cmp tr,.cmp td{display:block;width:100%}
 .cmp tr{border:1px solid var(--line);border-radius:16px;margin-bottom:12px;padding:10px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
 .cmp td{border:0;padding:0}.cmp td.pmc{grid-column:1/-1}.cmp td.lowest{grid-column:1/-1;text-align:left;background:var(--bg2);border-radius:10px;padding:6px 10px}
 .cmp td[data-c]::before{content:attr(data-c);display:block;font-weight:800;font-size:12px;margin-bottom:2px}
 .cell .buy{font-size:14px}
}
/* 신뢰 섹션 */
.trust{padding:40px 0}.trust h2{font-size:24px;margin:0 0 14px}
.trust-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
@media(max-width:900px){.trust-grid{grid-template-columns:1fr}}
.tbox{border:1px solid var(--line);border-radius:18px;padding:18px;background:#fff}.tbox h3{margin:0 0 10px;font-size:17px}
.kait{font-size:20px;font-weight:800;color:var(--rose);margin:4px 0}
.empty{color:var(--sub);font-size:14px;background:var(--bg2);border-radius:12px;padding:14px;text-align:center}
.rv{border-bottom:1px solid var(--line);padding:10px 0;font-size:14px}.rv .st{color:#f59e0b}.rv small{color:var(--sub)}
.nt{border-bottom:1px solid var(--line);padding:8px 0;font-size:14px}
/* 주문조회 상태 */
.lk{border:1px solid var(--line);border-radius:14px;padding:14px;margin-top:12px}.lk .stt{display:inline-block;background:var(--rose);color:#fff;border-radius:999px;padding:2px 10px;font-size:13px;font-weight:700}
.docs{border:1px solid var(--line);border-radius:16px;padding:16px 18px;margin:20px 0}.docs h3{margin:0 0 8px}.docs li{margin:4px 0;font-size:14px}
/* ---- v2 홈: 여백 넓게, 카드 크게 ---- */
.sec{padding:36px 16px}@media(min-width:900px){.sec{padding:56px 16px}}
.hero{padding-top:16px}
.slider{position:relative;overflow:hidden;border-radius:18px;aspect-ratio:4/1;background:#f1f5f9}
@media(max-width:700px){.slider{aspect-ratio:2.4/1;border-radius:14px}}
.sl-track{display:flex;height:100%;transition:transform .5s ease}.sl-item{flex:0 0 100%;height:100%}
.sl-item img{width:100%;height:100%;object-fit:cover;object-position:left center;display:block}
.sl-dots{position:absolute;bottom:10px;left:0;right:0;display:flex;justify-content:center;gap:6px}
.sl-dots button{width:8px;height:8px;border-radius:50%;border:0;background:rgba(255,255,255,.6);padding:0;cursor:pointer}.sl-dots button.on{background:#fff;width:20px;border-radius:4px}
.hero-txt{padding:28px 4px 8px}.hero-txt .eyebrow{color:var(--rose);font-weight:800;margin:0 0 8px;font-size:14px}
.hero-txt h1{margin:0;font-size:26px;line-height:1.35;letter-spacing:-.03em;color:var(--ink)}@media(min-width:900px){.hero-txt h1{font-size:34px}}
.hero-txt .d{color:#475569;margin:12px 0 18px;font-size:15px}
.hero-cta{display:flex;flex-wrap:wrap;gap:8px}.btn.kakao{background:#fee500;color:#191919}.btn.kakao:hover{background:#fde047}
.badges{list-style:none;padding:0;margin:20px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
@media(max-width:700px){.badges{grid-template-columns:1fr 1fr}}
.badges li{border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:#fff;font-size:14px;display:flex;flex-direction:column;gap:2px}
.badges small{color:var(--sub);font-size:12px}.badges a{color:var(--rose);font-weight:700}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:14px}.more{color:var(--rose);font-weight:700;font-size:15px}
.cartabs{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:var(--chip);border-radius:14px;padding:4px;margin:0 0 14px;max-width:420px}
.cartabs button{border:0;background:transparent;padding:10px 0;border-radius:10px;font-weight:800;font-size:15px;color:#64748b;cursor:pointer}
.cartabs button.on{background:#fff;color:var(--ink);box-shadow:0 1px 4px rgba(15,23,42,.12)}
.pgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(min-width:1000px){.pgrid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:560px){.pgrid{grid-template-columns:1fr;gap:14px}}
.pcard{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff;display:flex;flex-direction:column;transition:box-shadow .2s}
.pcard:hover{box-shadow:0 8px 24px rgba(15,23,42,.08)}
.pc-thumb{position:relative;aspect-ratio:1/1;background:var(--bg2);display:flex;align-items:center;justify-content:center}
@media(max-width:560px){.pc-thumb{aspect-ratio:16/10}}
.pc-thumb .badge{position:absolute;top:12px;left:12px;z-index:1}.pc-thumb .pimg{padding:14px}
.pc-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:4px}
.pc-body h3{margin:0;font-size:18px;color:var(--ink)}.pc-body .subt{margin:0;font-size:13px;color:var(--sub)}
.pc-plan{margin:6px 0 0;font-size:13px;color:#475569}
.pc-price{margin:2px 0;display:flex;align-items:baseline;gap:8px}.pc-price small{font-size:13px;color:#475569;font-weight:700}.pc-price b{font-size:24px;color:var(--rose);letter-spacing:-.02em}
.pc-sub{margin:0;font-size:12px;color:var(--sub);line-height:1.5}
.usim-cta{display:flex;flex-direction:column;gap:2px;margin-top:20px;border:1px dashed #fda4af;background:var(--rose-l);border-radius:16px;padding:16px 18px}.usim-cta b{color:var(--rose-d)}.usim-cta span{font-size:14px;color:#475569}
.promise{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media(max-width:900px){.promise{grid-template-columns:1fr 1fr}}@media(max-width:480px){.promise{grid-template-columns:1fr}}
.promise li{border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:6px;background:#fff}
.promise li::before{content:"✓";display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--rose-l);color:var(--rose);font-weight:900}
.promise b{color:var(--ink)}.promise span{font-size:13px;color:#475569}
.store{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;align-items:start}@media(max-width:800px){.store{grid-template-columns:1fr}}
.store-photos{display:grid;grid-template-columns:1fr 1fr;gap:8px}.store-photos figure{margin:0}.store-photos img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;display:block}
.store-photos figcaption{font-size:12px;color:var(--sub);margin-top:4px}
.photo-ph{grid-column:1/-1;aspect-ratio:16/9;border:2px dashed var(--line);border-radius:16px;display:grid;place-items:center;color:var(--sub);font-weight:700;background:var(--bg2)}
.store-info{border:1px solid var(--line);border-radius:18px;padding:20px}.store-info h3{margin:0 0 10px}.store-info p{margin:6px 0;font-size:15px}.store-info p b{display:inline-block;width:72px;color:#475569}
.row-btn{display:flex;gap:8px;margin-top:12px}
.acts{list-style:none;padding:0;margin:0}.acts li{border-bottom:1px solid var(--line);padding:10px 0;font-size:14px}.acts .ad{color:var(--sub);margin-right:8px}.adone{font-size:12px;color:#166534;background:#dcfce7;border-radius:6px;padding:1px 6px;margin-left:4px}
.cmp2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:640px){.cmp2{grid-template-columns:1fr}}.cmp2 .hl{border-color:#fda4af;background:var(--rose-l)}.cmp2 ul{margin:0;padding-left:18px;font-size:14px}
.ut tr{grid-template-columns:2fr 1fr 1fr!important}
.pc-thumb{overflow:hidden}.pc-thumb .pimg{position:absolute;inset:0;width:100%;height:100%}
@media(max-width:560px){.pc-thumb{aspect-ratio:auto;height:210px}}
/* 0제로폰 이야기 (편지) */
.story-wrap{padding-top:8px}
.story{max-width:760px;margin:0 auto;background:#fffdf8;border:1px solid #f3e8d8;border-radius:20px;padding:34px 30px;box-shadow:0 6px 24px rgba(120,80,30,.06);position:relative}
.story::before{content:"";position:absolute;left:0;top:24px;bottom:24px;width:4px;border-radius:0 4px 4px 0;background:var(--rose)}
.story-eyebrow{color:var(--rose);font-weight:800;font-size:13px;margin:0 0 8px;letter-spacing:.02em}
.story h2{margin:0 0 18px;font-size:22px;line-height:1.4;color:var(--ink);letter-spacing:-.03em}
.story p{margin:0 0 8px;color:#3f3a33;font-size:16px;line-height:1.85}
.story .story-em{margin:18px 0 0;font-size:18px;font-weight:800;color:var(--rose-d);line-height:1.6}
.story .story-sign{margin:16px 0 0;text-align:right;color:#57534e;font-weight:600}
@media(min-width:900px){.story{padding:44px 52px}.story h2{font-size:26px}}
@media(max-width:560px){.story{padding:26px 20px}.story p{font-size:15px}}
/* 안내 버튼 그리드 + 패널/시트 */
.igrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media(max-width:700px){.igrid{grid-template-columns:repeat(2,1fr)}}
.igrid button,.igrid a{border:1px solid var(--line);background:#fff;border-radius:14px;padding:16px 12px;font-weight:700;font-size:15px;color:var(--ink);cursor:pointer;text-align:center;display:flex;align-items:center;justify-content:center;min-height:56px}
.igrid button:hover,.igrid a:hover{border-color:#fda4af}.igrid button.on{background:var(--rose);border-color:var(--rose);color:#fff}
.isheet{margin-top:14px}.isheet-in{border:1px solid var(--line);border-radius:18px;padding:18px 20px;background:#fff}
.isheet-hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:17px}
.iclose{border:0;background:var(--chip);width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:15px}
.ipanel .promise{grid-template-columns:1fr 1fr}.ipanel .trust-grid{grid-template-columns:1fr 1fr}
@media(max-width:700px){
 .isheet{position:fixed;inset:0;z-index:90;background:rgba(15,23,42,.45);margin:0;display:flex;align-items:flex-end}
 .isheet[hidden]{display:none!important}
 .isheet-in{width:100%;max-height:85vh;overflow:auto;border-radius:20px 20px 0 0;padding:16px 16px 28px}
 .isheet-hd{position:sticky;top:-16px;background:#fff;padding:6px 0;z-index:1}
 .ipanel .promise,.ipanel .trust-grid{grid-template-columns:1fr}
 body.sheet-open{overflow:hidden}
}
/* KAIT 사전승낙 마크 (크게) */
.kait-mark{display:inline-flex;flex-direction:column;align-items:center;gap:4px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 12px;text-decoration:none}
.kait-mark img{width:110px;height:auto;display:block}.kait-mark span{font-size:12px;font-weight:700;color:var(--rose)}
.kait-mark.big img{width:150px}@media(max-width:700px){.kait-mark.big img{width:128px}}
.trustbar{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:stretch;margin-top:20px}.trustbar .badges{margin:0}
.trustbar .kait-mark{justify-content:center}
@media(max-width:700px){.trustbar{grid-template-columns:1fr}.trustbar #kait-top{display:flex;justify-content:center}}
.badges{grid-template-columns:repeat(3,1fr)}@media(max-width:700px){.badges{grid-template-columns:1fr 1fr}}
.story-kait{display:flex;align-items:center;gap:16px;margin-top:22px;padding-top:18px;border-top:1px dashed #e7dccb}.story-kait p{margin:0;font-size:14px;color:#57534e;line-height:1.6}
@media(max-width:480px){.story-kait{flex-direction:column;text-align:center}}
.consult-kait{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:16px;padding:12px;margin-bottom:18px}.consult-kait p{margin:0;font-size:13px;color:#475569}
.sum-kait{display:flex;justify-content:center;margin-top:12px}
.ft-kait{background:#fff;margin-bottom:10px}.ft-kait img{width:150px}
.kait-fb{display:flex;flex-direction:column;align-items:center;justify-content:center;width:110px;min-height:72px;border:2px solid #1d4ed8;border-radius:10px;color:#1d4ed8;font-size:13px;line-height:1.3;text-align:center;padding:6px}
.kait-mark.big .kait-fb{width:150px;min-height:92px;font-size:15px}@media(max-width:700px){.kait-mark.big .kait-fb{width:128px}}
.kait-fb small{font-size:10px;font-weight:600}
/* ---- 상세페이지 배율·배치 최적화 ---- */
.deal{max-width:1120px;grid-template-columns:minmax(0,1fr) 320px;gap:36px;padding:28px 20px 48px}
.deal-top{grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:28px;align-items:start;margin-bottom:22px}
.gal-main{aspect-ratio:1/1;max-width:300px;border-radius:18px}.gal-main .pimg{padding:16px;object-fit:contain}
.deal-info .jt{font-size:12px;color:var(--sub)}.deal-info h1{font-size:28px;margin:6px 0 12px}
.deal-info .big{margin:16px 0 14px;display:flex;flex-direction:column;gap:2px}
.deal-info .big .bl{font-size:13px;font-weight:700;color:#475569}.deal-info .big .bv{font-size:30px;font-weight:800;color:var(--rose);letter-spacing:-.02em;line-height:1.2}
.deal-info .big .bm{font-size:13px;color:#475569;font-weight:600}
.notebox[hidden]{display:none}
.opt{margin-bottom:22px}.opt h3{font-size:16px;margin:0 0 10px;color:var(--ink)}
.seg button{padding:7px 16px;font-size:14px}
.summary{padding:18px;border-radius:18px;top:84px}.summary h3{font-size:17px}.sr{font-size:13px;padding:4px 0}
.sr.total b{font-size:20px}.sum-kait .kait-mark{padding:6px 8px}.sum-kait .kait-mark img,.sum-kait .kait-fb{width:96px;min-height:0}
.info,.must,.steps li{font-size:14px}
@media(max-width:960px){.deal{grid-template-columns:minmax(0,1fr);gap:20px}.summary{position:static}}
@media(max-width:700px){
 .deal{padding:14px 16px 28px}
 .deal-top{grid-template-columns:1fr;gap:14px;margin-bottom:16px}
 .gal-main{max-width:none;aspect-ratio:auto;height:230px;border-radius:16px}
 .gal-main .ph svg{transform:none;margin:0}
 .deal-info h1{font-size:22px;margin:4px 0 10px}.deal-info .big .bv{font-size:26px}
 .opt{margin-bottom:18px}.opt h3{font-size:15px}
 .seg{gap:6px}.seg button{padding:7px 13px;font-size:13px}
 .planbox{padding:12px 14px}.info{padding:14px}
}
.sum-kait .kait-fb{font-size:11px;padding:4px}
/* 안내 아코디언 + 동그란 토글 버튼 */
.acc{display:flex;flex-direction:column;gap:10px;max-width:900px}
.acc-item{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}
.acc-item.open{border-color:#fda4af;box-shadow:0 4px 16px rgba(190,18,60,.06)}
.acc-hd{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;background:none;border:0;padding:16px 16px 16px 20px;font:inherit;font-size:16px;font-weight:700;color:var(--ink);cursor:pointer;text-align:left}
.acc-ic{flex:0 0 auto;width:36px;height:36px;border-radius:50%;background:var(--rose-l);border:1px solid #fecdd3;position:relative;transition:transform .25s,background .2s}
.acc-ic::before,.acc-ic::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;margin:-1px 0 0 -7px;background:var(--rose);border-radius:2px;transition:transform .25s}
.acc-ic::after{transform:rotate(90deg)}
.acc-item.open .acc-ic{background:var(--rose);transform:rotate(180deg)}.acc-item.open .acc-ic::before,.acc-item.open .acc-ic::after{background:#fff}
.acc-item.open .acc-ic::after{transform:rotate(0deg)}
.acc-ic.go::before{width:9px;height:9px;margin:-5px 0 0 -6px;background:none;border-top:2px solid var(--rose);border-right:2px solid var(--rose);border-radius:0;transform:rotate(45deg)}.acc-ic.go::after{display:none}
.acc-hd:hover .acc-ic{background:#ffe4e6}.acc-item.open .acc-hd:hover .acc-ic{background:var(--rose-d)}
.acc-bd{padding:0 18px 18px}.acc-bd .ipanel{display:block}
.acc-bd .promise,.acc-bd .trust-grid{grid-template-columns:1fr 1fr}
@media(max-width:700px){.acc-hd{padding:14px 12px 14px 16px;font-size:15px}.acc-ic{width:32px;height:32px}.acc-bd{padding:0 12px 14px}.acc-bd .promise,.acc-bd .trust-grid,.acc-bd .store{grid-template-columns:1fr}}
/* FAQ 질문도 동그란 토글 */
details summary::after{content:"+";flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:var(--rose-l);border:1px solid #fecdd3;color:var(--rose);display:grid;place-items:center;font-weight:800;font-size:16px;line-height:1;transition:transform .25s}
details[open] summary::after{content:"−";background:var(--rose);color:#fff;transform:rotate(180deg)}
summary{align-items:center;gap:10px}
/* ---- 플로팅 버튼: 실시간 카톡 상담 + FAQ ---- */
.fab{display:none}
.trustbar{display:block}
.fabs{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:80;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.fab-faq{width:56px;height:56px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink);box-shadow:0 8px 22px rgba(15,23,42,.16);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;font:inherit;line-height:1}
.fab-faq b{font-size:20px;color:var(--rose)}.fab-faq small{font-size:10px;font-weight:800;margin-top:2px}
.fab-faq:hover{border-color:#fda4af}
.fab-kakao{display:inline-flex;align-items:center;gap:8px;height:58px;padding:0 22px 0 18px;border-radius:999px;background:#fee500;color:#191600;font-weight:800;font-size:16px;box-shadow:0 8px 22px rgba(0,0,0,.18);white-space:nowrap}
.fab-kakao svg{width:26px;height:26px;fill:#191600}.fab-kakao:hover{background:#fada0a}
.fab-kakao.wide{width:100%;justify-content:center;height:50px;font-size:15px;box-shadow:none}
@media(max-width:700px){
 .fabs{right:12px;bottom:calc(14px + env(safe-area-inset-bottom));gap:8px}
 body.has-bbar .fabs{bottom:calc(78px + env(safe-area-inset-bottom))}
 .fab-faq{width:48px;height:48px}.fab-kakao{height:50px;padding:0 16px 0 13px;font-size:14px}.fab-kakao svg{width:22px;height:22px}
 body{padding-bottom:76px}
}
body.faq-open .fabs{display:none}body.faq-open{overflow:hidden}
/* FAQ 패널: 데스크톱 우측 드로어 / 모바일 바텀시트 */
.faqp{position:fixed;inset:0;z-index:120}.faqp[hidden]{display:none}
.faqp-dim{position:absolute;inset:0;background:rgba(15,23,42,.45)}
.faqp-box{position:absolute;top:0;right:0;bottom:0;width:min(440px,100%);background:#fff;display:flex;flex-direction:column;box-shadow:-10px 0 30px rgba(0,0,0,.15);animation:fpin .22s ease}
@keyframes fpin{from{transform:translateX(30px);opacity:.4}}
.faqp-box header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px 8px}.faqp-box h2{margin:0;font-size:20px}
.faqp-x{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:16px;cursor:pointer}
.faqp-q{margin:6px 20px 10px;padding:11px 14px;border:1px solid var(--line);border-radius:12px;font:inherit;font-size:14px}
.faqp-chips{display:flex;gap:6px;padding:0 20px 10px;overflow-x:auto;scrollbar-width:none}
.faqp-chips button{flex:0 0 auto;padding:7px 13px;border-radius:999px;border:1px solid var(--line);background:#fff;font:inherit;font-size:13px;font-weight:700;cursor:pointer;color:#475569}
.faqp-chips button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.faqp-list{flex:1;overflow-y:auto;padding:4px 20px 12px;display:flex;flex-direction:column;gap:8px}
.faqp-list details{border:1px solid var(--line);border-radius:12px}.faqp-list summary{padding:13px 14px;font-size:14px}.faqp-list .a{padding:0 14px 14px;font-size:14px;color:#334155;line-height:1.6}
.faqp-box footer{padding:12px 20px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--line);display:flex;flex-direction:column;gap:8px;align-items:center}
@media(max-width:700px){
 .faqp-box{top:auto;left:0;width:100%;max-height:86vh;border-radius:20px 20px 0 0;animation:fpup .22s ease}
 .faqp-box::before{content:"";width:40px;height:4px;border-radius:2px;background:#cbd5e1;margin:8px auto 0}
 @keyframes fpup{from{transform:translateY(40px);opacity:.4}}
 .faqp-box header{padding:10px 16px 6px}.faqp-q{margin:4px 16px 8px}.faqp-chips{padding:0 16px 8px}.faqp-list{padding:4px 16px 10px}.faqp-box footer{padding:10px 16px calc(12px + env(safe-area-inset-bottom))}
}
/* 푸터 최하단 KAIT */
.ft-kaitbox{display:flex;align-items:center;gap:18px;margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff}
.ft-kaitbox .ft-kait{margin:0}.ft-kaitbox .ft-kait img,.ft-kaitbox .kait-fb{width:170px;min-height:100px;font-size:15px}
.ft-kaitbox div{display:flex;flex-direction:column;gap:4px}.ft-kaitbox b{font-size:16px;color:var(--ink)}.ft-kaitbox span{font-size:15px;font-weight:700;color:#1d4ed8}.ft-kaitbox a:not(.kait-mark){font-size:14px;font-weight:700;color:var(--rose);text-decoration:underline}
@media(max-width:700px){.ft-kaitbox{flex-direction:column;text-align:center}.ft-kaitbox div{align-items:center}}
/* 통신사 전용 상품 라벨 */
.etitle{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0}
.cbadge{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:7px;font-size:12px;font-weight:800;color:#fff;letter-spacing:-.01em;white-space:nowrap}
.cbadge.c-skt{background:#e2231a}.cbadge.c-kt{background:#111}.cbadge.c-lgu{background:#e6007e}
.esub{margin:4px 0 0;font-size:13px;font-weight:600;color:#475569}
.deal-info h1.etitle{font-size:26px}.deal-info h1 .cbadge{height:28px;font-size:14px}.deal-info .esub{font-size:15px;margin:2px 0 12px}
.fixed{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#f8fafc;font-size:15px}
.olink{display:inline-block;margin:4px 6px 0 0;padding:4px 9px;border:1px solid var(--line);border-radius:999px;font-size:12px;color:#334155}
.olink:hover{border-color:#fda4af}
@media(max-width:700px){.deal-info h1.etitle{font-size:21px}.deal-info .esub{font-size:13px}}
/* 0제로폰 이야기 팝업 */
.spop{position:fixed;inset:0;z-index:130;display:grid;place-items:center;padding:20px}
.spop-dim{position:absolute;inset:0;background:rgba(15,23,42,.5)}
.spop-box{position:relative;width:min(560px,100%);max-height:88vh;overflow:auto;background:#fffdf8;border-radius:20px;box-shadow:0 20px 50px rgba(0,0,0,.25);animation:fpin .22s ease}
.spop-box .story{margin:0;border:0;box-shadow:none;background:transparent;padding:34px 30px 10px}
.spop-x{position:absolute;top:12px;right:12px;z-index:1}
.spop-box footer{position:sticky;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 20px calc(12px + env(safe-area-inset-bottom));background:#fffdf8;border-top:1px dashed #e7dccb;font-size:14px}
.spop-box footer label{display:flex;align-items:center;gap:6px;cursor:pointer}.spop-box footer .btn{padding:9px 20px}
@media(max-width:700px){.spop{place-items:end stretch;padding:0}.spop-box{width:100%;max-height:88vh;border-radius:20px 20px 0 0;animation:fpup .22s ease}.spop-box .story{padding:30px 20px 8px}}
.slider{position:relative}
.sl-arr{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:46px;height:46px;border-radius:50%;border:0;background:rgba(255,255,255,.72);color:#0f172a;font-size:30px;line-height:1;display:grid;place-items:center;padding-bottom:4px;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.15);backdrop-filter:blur(4px)}
.sl-arr:hover{background:rgba(255,255,255,.95)}.sl-arr.prev{left:14px}.sl-arr.next{right:14px}
@media(max-width:700px){.sl-arr{width:32px;height:32px;font-size:22px}.sl-arr.prev{left:8px}.sl-arr.next{right:8px}}
/* 최상단 전광판 */
.ticker{background:#0f172a;color:#fff;overflow:hidden;font-size:13px;font-weight:600;height:34px;display:flex;align-items:center}
.tk-track{display:flex;width:max-content;animation:tk 28s linear infinite}
.ticker:hover .tk-track{animation-play-state:paused}
.tk-run{display:flex;align-items:center;gap:28px;padding-right:28px;white-space:nowrap}.tk-run i{color:#fda4af;font-style:normal}
@keyframes tk{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.tk-track{animation:none}.tk-run+.tk-run{display:none}.tk-run{white-space:normal;padding:0 16px}.ticker{height:auto;min-height:34px;padding:6px 0}}
@media(max-width:700px){.ticker{font-size:12px;height:30px}}
/* 하단 배너: 상단 대비 약 절반 크기 */
.bslider-wrap{margin:28px auto 36px;display:flex;justify-content:center}
.bslider{width:min(640px,100%);border-radius:14px;overflow:hidden}
.bslider .sl-item img{width:100%;aspect-ratio:auto;max-height:180px;object-fit:cover;display:block}
.tbanner{height:150px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:0 56px;text-align:center;background:linear-gradient(135deg,#fff1f2,#fff7ed);border:1px solid #fecdd3;border-radius:14px;color:var(--ink)}
.tbanner p{margin:0;font-size:16px;font-weight:700;line-height:1.5}.tbanner b{display:inline-block;background:#fee500;color:#191600;padding:9px 18px;border-radius:999px;font-size:14px}
.bslider .sl-arr{width:34px;height:34px;font-size:22px}
@media(max-width:700px){.bslider-wrap{margin:20px auto 24px}.bslider{width:100%}.bslider .sl-item img{max-height:120px}.tbanner{height:118px;padding:0 44px}.tbanner p{font-size:14px}.bslider .sl-arr{width:28px;height:28px;font-size:18px}}
.bslider{background:transparent;height:auto}.bslider .sl-item{height:auto}
@media(max-width:700px){.pgrid{grid-template-columns:1fr 1fr;gap:10px}.pgrid .pc-thumb{height:140px}.pgrid .pc-body{padding:10px}.pgrid .etitle .en{font-size:14px}.pgrid .esub{font-size:11px}.pgrid .pc-price b{font-size:16px}.pgrid .pc-sub{font-size:11px}}
/* 가입유형 배지·부제 */
.tbadge{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:7px;font-size:12px;font-weight:800;white-space:nowrap;background:#fff;border:1.5px solid currentColor}
.tbadge.t-mnp{color:var(--rose)}.tbadge.t-chg{color:#1d4ed8}
.deal-info h1 .tbadge{height:28px;font-size:14px}
.esub{font-weight:700}.esub.s-skt{color:#c81e14}.esub.s-kt{color:#111}.esub.s-lgu{color:#c2006a}
/* 구매전 꼭 읽어주세요 플로팅 버튼 (2줄) */
.fab-faq{width:auto;height:auto;min-height:56px;padding:8px 14px;border-radius:18px;flex-direction:row;gap:8px;text-align:left}
.fab-faq b{width:26px;height:26px;border-radius:50%;background:var(--rose);color:#fff;display:grid;place-items:center;font-size:16px}
.fab-faq small{font-size:12px;line-height:1.3;margin:0}
@media(max-width:700px){.fab-faq{min-height:46px;padding:6px 11px;border-radius:15px}.fab-faq b{width:22px;height:22px;font-size:14px}.fab-faq small{font-size:11px}}
/* 중간 배너 (통신사만 변경 자리, 같은 크기) */
.mslider{margin-top:20px;border-radius:16px;overflow:hidden;background:transparent}
.mslider .sl-item{display:block}.mslider .usim-cta{margin:0;height:96px;justify-content:center;box-sizing:border-box}
.mslider .sl-item img{width:100%;height:96px;object-fit:cover;display:block}
.mb{height:96px;box-sizing:border-box;display:flex;align-items:center;gap:18px;padding:0 64px;border-radius:16px;position:relative;overflow:hidden}
.mb-cash{background:linear-gradient(100deg,#be123c 0%,#e11d48 55%,#fb7185 100%);color:#fff}
.mb-cash::after{content:"";position:absolute;right:-40px;top:-60px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.08)}
.mb-usim{width:46px;height:58px;flex:0 0 auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.18))}
.mb-txt{flex:1;min-width:0}.mb-k{margin:0;font-size:15px;font-weight:700;opacity:.95}
.mb-em{margin:2px 0 0;font-size:30px;font-weight:900;letter-spacing:-.02em;color:#fff7c2;line-height:1.15}
.mb-coin{flex:0 0 auto;width:50px;height:50px;border-radius:50%;background:#fde68a;color:#9a3412;display:grid;place-items:center;font-size:26px;font-weight:900;box-shadow:inset 0 -3px 0 #f59e0b}
.mb-cta{flex:0 0 auto;background:#fff;color:var(--rose-d);font-weight:800;font-size:14px;padding:9px 16px;border-radius:999px;position:relative;z-index:1}
.mslider .sl-arr{width:32px;height:32px;font-size:22px}.mslider .sl-dots{bottom:6px}
@media(max-width:700px){
 .mb,.mslider .usim-cta,.mslider .sl-item img{height:88px}
 .mb{gap:10px;padding:0 40px}.mb-usim{width:32px;height:40px}.mb-k{font-size:12px}.mb-em{font-size:21px}
 .mb-coin{display:none}.mb-cta{font-size:12px;padding:6px 10px}
 .mslider .sl-arr{width:26px;height:26px;font-size:18px}
}
/* 부가서비스·보험 */
.addon{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:14px;padding:13px 14px;cursor:pointer;background:#fff}
.addon.on{border-color:var(--rose);background:var(--rose-l)}
.addon input{width:20px;height:20px;margin-top:2px;accent-color:var(--rose);flex:0 0 auto}
.addon span{display:flex;flex-direction:column;gap:3px}.addon b{font-size:15px}.addon small{font-size:12px;color:#475569}.addon em{font-style:normal;font-size:13px;color:#334155}
.addon-note{margin:8px 2px 0;font-size:13px;color:var(--rose-d)}.addon-note b{margin-right:6px}.addon-note small{color:#64748b}
.ins{display:grid;grid-template-columns:1fr 1fr;gap:8px}@media(max-width:400px){.ins{grid-template-columns:1fr}}
.xsel{border:1px solid #fecdd3;background:var(--rose-l);border-radius:12px;padding:12px 14px;margin:0 0 14px;font-size:14px}.xsel p{margin:4px 0 0}
.usim-cash{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:6px 0 14px;padding:10px 16px;border-radius:14px;background:linear-gradient(100deg,#be123c,#fb7185);color:#fff}
.usim-cash span{font-size:14px;font-weight:700}.usim-cash b{font-size:22px;font-weight:900;color:#fff7c2}
.mslider,.bslider{aspect-ratio:auto;background:transparent}.mslider .sl-item,.bslider .sl-item{height:auto}.mslider .sl-track,.bslider .sl-track{height:auto;align-items:stretch}
.tab.tab-usim{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;line-height:1.1;padding-top:0;padding-bottom:0;color:var(--rose)!important;border-color:#fda4af}
.tab-usim small{font-size:10px;font-weight:600}.tab-usim b{font-size:13px;font-weight:800}
/* 중간 배너 스티커 */
.mb-em{margin-top:4px}
.mb-sticker{display:inline-block;transform:rotate(-4deg);background:#fde047;color:#be123c;border:3px solid #fff;border-radius:14px;padding:3px 14px;font-size:24px;font-weight:900;box-shadow:0 4px 10px rgba(0,0,0,.22);letter-spacing:-.02em}
@media(max-width:700px){.mb-sticker{font-size:17px;padding:2px 10px;border-width:2px;border-radius:11px}.tab-usim small{font-size:9px}.tab-usim b{font-size:12px}}
.tab.tab-usim{height:35px;box-sizing:border-box}
@media(max-width:700px){.mslider .sl-dots{display:none}.mb-k{font-size:11px;line-height:1.35}}
/* 중간 배너 1: 문구 + 애니메이션 */
.mb.mb-anim{height:118px;gap:20px;padding:0 60px}
.mslider .usim-cta{height:118px}.mslider .sl-item img{height:118px}
.mb-anim .mb-txt{display:flex;flex-direction:column;gap:3px}
.mb-l1{margin:0;font-size:14px;font-weight:600;opacity:.92}
.mb-l2{margin:0;font-size:24px;font-weight:900;letter-spacing:-.02em;color:#fff7c2;line-height:1.2}
.mb-anim .mb-k{font-size:13px;font-weight:700;opacity:.85}
.mb-anim .mb-sticker{flex:0 0 auto;font-size:22px;position:relative;z-index:1}
.mb-anim .mb-usim{width:52px;height:66px}
@keyframes mbIn{0%,4%{opacity:0;transform:translateY(10px)}12%,88%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(-4px)}}
@keyframes mbWob{0%,100%{transform:rotate(-5deg) scale(1)}25%{transform:rotate(-1deg) scale(1.06)}50%{transform:rotate(-6deg) scale(1)}75%{transform:rotate(-3deg) scale(1.04)}}
@keyframes mbFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.mb-anim .mb-l1{animation:mbIn 8s ease both infinite}
.mb-anim .mb-l2{animation:mbIn 8s ease both infinite;animation-delay:.35s}
.mb-anim .mb-k{animation:mbIn 8s ease both infinite;animation-delay:.7s}
.mb-anim .mb-sticker{animation:mbWob 2.6s ease-in-out infinite}
.mb-anim .mb-usim{animation:mbFloat 3.2s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.mb-anim *{animation:none!important}.mb-anim .mb-sticker{transform:rotate(-4deg)}}
@media(max-width:700px){
 .mb.mb-anim,.mslider .usim-cta,.mslider .sl-item img{height:150px}
 .mb.mb-anim{display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto;gap:6px 10px;padding:12px 36px 12px 36px;align-items:center}
 .mb-anim .mb-usim{width:30px;height:38px;grid-row:1}
 .mb-anim .mb-txt{grid-column:2}
 .mb-l1{font-size:11px}.mb-l2{font-size:16px}.mb-anim .mb-k{font-size:11px}
 .mb-anim .mb-sticker{grid-column:1/3;justify-self:start;font-size:16px;margin-left:4px}
 .mb-anim .mb-cta{position:absolute;right:38px;bottom:14px;font-size:12px;padding:6px 10px}
}
/* 히어로 */
html{scroll-behavior:smooth}#lineup{scroll-margin-top:12px}
.hero h1{word-break:keep-all}
.hero-cta{display:flex;flex-wrap:wrap;gap:10px}
@media(max-width:700px){.hero-cta{flex-direction:column}.hero-cta .btn{width:100%;justify-content:center;text-align:center;box-sizing:border-box}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* 전광판: 가운데 정렬 */
.ticker{justify-content:center;position:relative}
.tk-static{width:100%;padding:0 16px;box-sizing:border-box;position:relative;height:100%;display:grid;place-items:center}
.tk-s{grid-area:1/1;white-space:nowrap;text-align:center;opacity:0;transition:opacity .6s}.tk-s.on{opacity:1}
.ticker .tk-track{display:none}
.ticker.scroll .tk-static{visibility:hidden;position:absolute;inset:0}
.ticker.scroll .tk-track{display:flex}
@media(prefers-reduced-motion:reduce){.ticker.scroll .tk-static{visibility:visible;position:static}.ticker.scroll .tk-s{white-space:normal;font-size:11px;line-height:1.35}.ticker.scroll .tk-track{display:none}.ticker.scroll{height:auto;padding:6px 0}}
.hero .nb{display:inline-block}.hero .eyebrow{word-break:keep-all}
/* 대표 추천 카드 */
.pcard.pc-hero{border:2px solid var(--rose);box-shadow:0 8px 24px rgba(190,18,60,.16);position:relative}
.hero-badge{position:absolute;top:10px;left:10px;z-index:2;background:var(--rose);color:#fff;font-size:12px;font-weight:800;padding:5px 10px;border-radius:999px;box-shadow:0 3px 8px rgba(190,18,60,.3)}
.pc-hero .pc-thumb{position:relative}
.esub.j-chg{color:#1d4ed8}
/* 가입유형 배지 반짝임 */
.tbadge{position:relative;overflow:hidden;isolation:isolate}
.tbadge::after{content:"";position:absolute;top:-20%;bottom:-20%;left:-60%;width:40%;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,0) 20%,rgba(255,255,255,.95) 50%,rgba(255,255,255,0) 80%,transparent 100%);transform:skewX(-20deg);animation:tbShine 2.5s ease-in-out infinite;pointer-events:none}
.tbadge.t-mnp{background:#fff1f2;animation:tbGlowR 2.5s ease-in-out infinite}
.tbadge.t-chg{background:#eff6ff;animation:tbGlowB 2.5s ease-in-out infinite}
.tbadge.t-chg::after{animation-delay:.4s}
@keyframes tbShine{0%{left:-60%}55%,100%{left:130%}}
@keyframes tbGlowR{0%,100%{box-shadow:0 0 0 rgba(225,29,72,0)}50%{box-shadow:0 0 8px rgba(225,29,72,.45)}}
@keyframes tbGlowB{0%,100%{box-shadow:0 0 0 rgba(29,78,216,0)}50%{box-shadow:0 0 8px rgba(29,78,216,.4)}}
@media(prefers-reduced-motion:reduce){.tbadge,.tbadge::after{animation:none}.tbadge::after{display:none}}
/* 카드 정렬 */
.pgrid{align-items:stretch}
.pgrid .pcard{display:flex;flex-direction:column;height:100%}
.pgrid .pc-body{display:flex;flex-direction:column;flex:1}
.pgrid .pc-head{min-height:86px}
.pgrid .pc-price{margin-top:6px}
.pgrid ul.pc-sub{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:2px;font-size:12px;color:#64748b}
.pgrid ul.pc-sub li{display:flex;justify-content:space-between;gap:8px;white-space:nowrap}
.pgrid ul.pc-sub b{font-weight:600;color:#334155}
.pgrid .cdate{margin:auto -6px -6px 0;padding-top:10px;text-align:right;font-size:11px;color:#94a3b8;align-self:flex-end}
@media(max-width:700px){.pgrid .pc-head{min-height:96px}.pgrid ul.pc-sub{font-size:10.5px}.pgrid ul.pc-sub li{gap:4px}.pgrid .cdate{font-size:10px;margin:auto -4px -4px 0}}
/* 배지 행 통일 */
.etitle{display:block}
.ebadges{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;margin:6px 0 0}
.ebadges .cbadge,.ebadges .tbadge{height:24px;padding:0 9px;font-size:12px;line-height:1;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;vertical-align:middle}
.ebadges .tbadge{border-width:1.5px}
.pgrid .etitle .en{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pgrid .pc-head{min-height:0}
.pgrid .esub{min-height:1.4em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.deal-info .ebadges{margin:8px 0 4px;gap:8px}.deal-info .ebadges .cbadge,.deal-info .ebadges .tbadge{height:28px;font-size:14px;padding:0 11px}
@media(max-width:700px){.ebadges{gap:5px;margin-top:5px}.ebadges .cbadge,.ebadges .tbadge{height:22px;font-size:11px;padding:0 7px}.deal-info .ebadges .cbadge,.deal-info .ebadges .tbadge{height:26px;font-size:13px}}
/* 하단 내장 배너: 통신사 공식 신청 안내 */
.nbn{height:160px;box-sizing:border-box;display:flex;align-items:center;gap:18px;padding:0 48px;border-radius:14px;background:linear-gradient(135deg,#0b1f4d,#1e3a8a);color:#fff;border:1px solid #1e40af}
.nb-ic{width:52px;height:60px;flex:0 0 auto}
.nbn-txt{min-width:0}.nbn-t{margin:0 0 10px;font-size:17px;font-weight:700;line-height:1.45;word-break:keep-all}.nbn-t b{color:#bfdbfe}
.nbn-steps{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.nbn-steps li{font-size:12px;font-weight:700;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:4px 10px;white-space:nowrap}
.nbn-steps li+li::before{content:"→";margin-right:6px;color:#93c5fd}
@media(max-width:700px){.nbn{height:90px;gap:10px;padding:0 34px}.nb-ic{width:28px;height:34px}.nbn-t{font-size:12px;margin:0;line-height:1.4}.nbn-steps{display:none}}
.mb-sticker{display:inline-flex;flex-direction:column;align-items:center;line-height:1.15;text-align:center}
.mb-sticker small{font-size:11px;font-weight:800;color:#9f1239}
.mb-sticker em{font-style:normal;font-size:11px;font-weight:700;color:#7c2d12;margin-top:1px}
.mb-anim .mb-sticker{font-size:19px;padding:5px 14px}
.usim-cash small{flex-basis:100%;font-size:13px;font-weight:600;opacity:.95}
@media(max-width:700px){.mb-anim .mb-sticker{font-size:15px;padding:3px 10px}.mb-sticker small,.mb-sticker em{font-size:9.5px}.mb.mb-anim,.mslider .usim-cta,.mslider .sl-item img{height:160px}}
.ticker{background:#D7192A;color:#fff;font-weight:800}.tk-run i{color:#ffe08a}
/* 히어로 프리미엄 타이포 */
.hero h1.lux{font-family:"Noto Serif KR","Nanum Myeongjo",serif;font-weight:900;color:#1c2333;letter-spacing:-.01em;line-height:1.3;font-size:40px;margin:6px 0 0}
.hero h1.lux em{font-style:normal;background:linear-gradient(100deg,#9a6b2f 0%,#d4a64a 35%,#f3d58b 50%,#c8923b 70%,#8a5a22 100%);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative}
.hero h1.lux em::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:linear-gradient(90deg,transparent,#d4a64a 20%,#d4a64a 80%,transparent);opacity:.7}
.lux-div{display:block;width:64px;height:1px;background:linear-gradient(90deg,#c8923b,#f3d58b,#c8923b);margin:16px 0 14px}
.hero .lux-sub{color:#475066;font-size:16px;letter-spacing:.02em;line-height:1.7;font-weight:500;margin:0 0 18px}
.hero .eyebrow{letter-spacing:.03em}
@media(max-width:700px){.hero h1.lux{font-size:28px;line-height:1.35}.lux-div{width:48px;margin:12px 0 10px}.hero .lux-sub{font-size:14px}}
/* 히어로: 움직이는 배너형 패널 */
.hero .hpanel{position:relative;overflow:hidden;isolation:isolate;margin-top:16px;padding:34px 40px;border-radius:22px;background:linear-gradient(120deg,#0f1b3d 0%,#2a1f5c 45%,#9f1239 100%);background-size:200% 200%;animation:hpBg 14s ease-in-out infinite;color:#fff;box-shadow:0 14px 34px rgba(15,27,61,.25)}
@keyframes hpBg{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.hp-blob{position:absolute;border-radius:50%;filter:blur(40px);opacity:.55;z-index:-1;pointer-events:none}
.hp-blob.b1{width:260px;height:260px;background:#e11d48;right:-60px;top:-80px;animation:hpB1 12s ease-in-out infinite}
.hp-blob.b2{width:220px;height:220px;background:#6366f1;left:-70px;bottom:-90px;animation:hpB2 15s ease-in-out infinite}
.hp-blob.b3{width:160px;height:160px;background:#fb7185;left:45%;top:30%;opacity:.3;animation:hpB1 18s ease-in-out infinite reverse}
@keyframes hpB1{0%,100%{transform:translate(0,0)}50%{transform:translate(-40px,30px)}}
@keyframes hpB2{0%,100%{transform:translate(0,0)}50%{transform:translate(50px,-25px)}}
.hp-shine{position:absolute;top:0;bottom:0;left:-40%;width:30%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.12),transparent);transform:skewX(-18deg);animation:hpShine 6s ease-in-out infinite;z-index:-1;pointer-events:none}
@keyframes hpShine{0%,60%{left:-40%}100%{left:130%}}
.hpanel .eyebrow{color:#fecdd3;font-weight:700;letter-spacing:.02em;margin:0 0 8px}
.hero h1.hp-h{font-family:inherit;font-weight:800;color:#fff;font-size:38px;line-height:1.3;letter-spacing:-.02em;margin:0 0 10px;word-break:keep-all}
.hp-h mark{background:none;color:#1a1300;position:relative;padding:0 4px;z-index:0}
.hp-h mark::before{content:"";position:absolute;left:0;right:0;bottom:4%;height:88%;background:#fde047;border-radius:6px;transform-origin:left;transform:scaleX(0);animation:hpMark .8s .7s cubic-bezier(.6,.1,.2,1) forwards;z-index:-1}
@keyframes hpMark{to{transform:scaleX(1)}}
.hero .hp-sub{color:#e2e8f0;font-size:16px;font-weight:600;margin:0 0 20px;line-height:1.6}
.hpanel>.eyebrow,.hpanel>.hp-h,.hpanel>.hp-sub,.hpanel>.hero-cta{opacity:0;animation:hpIn .7s ease forwards}
.hpanel>.eyebrow{animation-delay:.05s}.hpanel>.hp-h{animation-delay:.2s}.hpanel>.hp-sub{animation-delay:.45s}.hpanel>.hero-cta{animation-delay:.65s}
@keyframes hpIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.hpanel .btn.ghost{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.55)}
.hpanel .btn.ghost:hover{background:rgba(255,255,255,.2)}
.hpanel .btn:not(.ghost):not(.kakao){background:#fff;color:#be123c;border-color:#fff}
@media(max-width:700px){.hero .hpanel{padding:24px 18px;border-radius:18px}.hero h1.hp-h{font-size:26px}.hero .hp-sub{font-size:14px}.hp-blob.b1{width:180px;height:180px}}
@media(prefers-reduced-motion:reduce){.hero .hpanel,.hp-blob,.hp-shine{animation:none}.hp-shine{display:none}.hpanel>*{opacity:1!important;animation:none!important;transform:none!important}.hp-h mark::before{animation:none;transform:none}}
/* 히어로: 밝은 텍스트형 + 깜빡임 */
.hero .hplain{padding:22px 0 6px}
.hero h1.hp2-h{font-weight:800;color:#0f172a;font-size:48px;line-height:1.25;letter-spacing:-.025em;margin:6px 0 12px;word-break:keep-all}
.hp2-h .blink{color:#D7192A;animation:hpBlink 1.5s ease-in-out infinite}
@keyframes hpBlink{0%,100%{opacity:1}50%{opacity:.35}}
.hero .hp2-sub{font-size:20px;color:#334155;font-weight:600;margin:0 0 20px;line-height:1.55}
@media(max-width:700px){.hero h1.hp2-h{font-size:30px}.hero .hp2-sub{font-size:16px}}
@media(prefers-reduced-motion:reduce){.hp2-h .blink{animation:none}}
/* 플로팅 전화 바 */
.fab-call{display:flex;align-items:center;gap:10px;max-width:340px;padding:11px 16px;border-radius:16px;background:#fff;border:2px solid #D7192A;color:#0f172a;box-shadow:0 8px 22px rgba(215,25,42,.18);font-size:14px;font-weight:700;line-height:1.35}
.fab-call svg{width:22px;height:22px;flex:0 0 auto;fill:#fff;background:#D7192A;border-radius:50%;padding:6px;box-sizing:content-box}
.fab-call b{color:#D7192A;white-space:nowrap}
.fab-call:hover{background:#fff1f2}
@media(max-width:700px){.fab-call{max-width:220px;padding:8px 11px;font-size:12px;gap:8px;border-radius:13px}.fab-call svg{width:16px;height:16px;padding:5px}.fab-call span{display:flex;flex-direction:column}}
/* 요금제 6개월 조건 안내 */
.pc-6m{align-self:flex-start;margin:8px 0 0;padding:3px 9px;border-radius:999px;background:#fff4e5;color:#c2410c;border:1px solid #fdba74;font-size:11.5px;font-weight:800;white-space:nowrap;line-height:1.4}
.pgrid .pc-6m+.pc-price{margin-top:4px}
.d6m{margin:-4px 0 14px;padding:7px 12px;border-left:3px solid #ea580c;background:#fff4e5;color:#c2410c;font-size:13px;font-weight:700;border-radius:0 8px 8px 0}
@media(max-width:700px){.pc-6m{font-size:10px;padding:2px 7px}.d6m{font-size:12px}}
/* 중간 배너 2: 신뢰 (네이비·골드) */
.mb-trust{background:linear-gradient(110deg,#0b1a3a 0%,#132a5e 60%,#1d3a7a 100%);color:#fff;border:1px solid #2b4785}
.mb-trust::after{content:"";position:absolute;right:-50px;bottom:-70px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(233,196,106,.18),transparent 70%)}
.mb-hand{width:58px;height:58px;flex:0 0 auto;animation:mbFloat 3.2s ease-in-out infinite}
.mb-trust .mb-l1{color:#f4d58d;font-weight:800;font-size:15px}
.mb-trust .mb-k{opacity:.95;font-size:14px;font-weight:600}
.mb-trust .mb-l2{color:#fff;font-size:24px}
.mb-trust .mb-l2{background:linear-gradient(90deg,#f4d58d,#fff 50%,#f4d58d);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% 100%;animation:mbIn 8s ease both infinite .7s,mbGold 3s linear infinite}
@keyframes mbGold{to{background-position:-200% 0}}
.mb-trust .mb-cta{background:#e9c46a;color:#0b1a3a}
@media(max-width:700px){.mb-hand{width:34px;height:34px;grid-row:1}.mb-trust .mb-l1{font-size:12px}.mb-trust .mb-k{font-size:11px}.mb-trust .mb-l2{font-size:17px;grid-column:1/3}
 .mb-trust.mb-anim .mb-txt{grid-column:2}}
@media(prefers-reduced-motion:reduce){.mb-trust .mb-l2{animation:none}}
/* 상단 배너용 신뢰 슬라이드 */
.slider .mb.mb-top{height:100%;border-radius:0;padding:0 90px;gap:34px;border:0}
.mb-top .mb-hand{width:120px;height:120px}
.mb-top .mb-txt{gap:8px}
.mb-top .mb-l1{font-size:26px}.mb-top .mb-k{font-size:20px}.mb-top .mb-l2{font-size:44px;line-height:1.2}
.mb-top .mb-cta{font-size:18px;padding:14px 26px}
.mb-top::after{width:420px;height:420px;right:-80px;bottom:-160px}
@media(max-width:700px){
 .slider .mb.mb-top{display:flex;padding:0 40px;gap:10px}
 .mb-top .mb-hand{width:40px;height:40px}
 .mb-top .mb-txt{gap:2px}.mb-top .mb-l1{font-size:12px}.mb-top .mb-k{font-size:10px;line-height:1.35}.mb-top .mb-l2{font-size:17px}
 .mb-top .mb-cta{position:absolute;right:42px;bottom:8px;font-size:10px;padding:4px 9px}
}
.mb-trust .mb-k,.mb-trust .mb-l1{word-break:keep-all}
/* 상단 신뢰 슬라이드: 소프트 레드 테마 */
.mb-trust.mb-top{background:linear-gradient(115deg,#fff1f2 0%,#ffe4e6 100%);color:#1f2937;box-shadow:inset 0 0 0 2px #fca5a5}
.mb-trust.mb-top::after{background:radial-gradient(circle,rgba(244,63,94,.12),transparent 70%)}
.mb-trust.mb-top .mb-l1{color:#be123c}
.mb-trust.mb-top .mb-k{color:#374151;opacity:1}
.mb-trust.mb-top .mb-l2{background:linear-gradient(90deg,#dc2626,#f43f5e 50%,#dc2626);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% 100%}
.mb-trust.mb-top .mb-cta{background:#e11d48;color:#fff;box-shadow:0 4px 12px rgba(225,29,72,.25)}
.mb-trust.mb-top .mb-hand circle{fill:#fff;stroke:#f43f5e}
.mb-trust.mb-top .mb-hand path:first-of-type{fill:#fb7185}
.mb-trust.mb-top .mb-hand path:not(:first-of-type){stroke:#e11d48}
#slider .sl-dots button{box-shadow:0 0 0 1px rgba(15,23,42,.18)}
/* 홈 상단 우측 신뢰 박스 */
.hero-top{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;align-items:stretch}
.hero-top>.slider{min-width:0}
.tr-box{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:18px 20px;border-radius:18px;background:linear-gradient(160deg,#fff1f2,#ffe4e6);box-shadow:inset 0 0 0 2px #fca5a5;color:#1f2937;word-break:keep-all;position:relative;overflow:hidden}
.tr-box::after{content:"";position:absolute;right:-50px;bottom:-60px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(244,63,94,.14),transparent 70%)}
.tr-l1{margin:0;font-size:15px;font-weight:800;color:#be123c}
.tr-k{margin:0;font-size:13px;font-weight:600;color:#374151;line-height:1.45}
.tr-l2{margin:2px 0 4px;font-size:22px;font-weight:900;color:#dc2626;letter-spacing:-.02em}
.tr-cta{align-self:flex-start;background:#e11d48;color:#fff;font-size:13px;font-weight:800;padding:8px 14px;border-radius:999px;box-shadow:0 4px 12px rgba(225,29,72,.25);position:relative;z-index:1}
.tr-box:hover{box-shadow:inset 0 0 0 2px #f43f5e}
@media(max-width:960px){.hero-top{grid-template-columns:minmax(0,1fr) 240px}.tr-l2{font-size:18px}.tr-k{font-size:12px}}
@media(max-width:700px){.hero-top{grid-template-columns:1fr;gap:10px}
 .tr-box{display:grid;grid-template-columns:1fr auto;column-gap:10px;row-gap:2px;padding:12px 14px;border-radius:14px}
 .tr-l1{font-size:12px;grid-column:1/3}.tr-k{font-size:11px;grid-column:1/3}.tr-l2{font-size:17px;margin:2px 0 0;align-self:center}.tr-cta{align-self:center;font-size:11px;padding:6px 10px}}
.mexp{margin-top:10px;display:grid;gap:6px;max-width:100%}.mexp p{margin:0;padding:8px 11px;border:1px solid var(--line);border-radius:10px;background:#f8fafc;font-size:12.5px;line-height:1.55;color:#64748b;word-break:keep-all;overflow-wrap:anywhere}.mexp p b{color:#334155;margin-right:2px}.mexp p.on{background:var(--rose-l);border-color:#fda4af;color:#334155}.mexp p.on b{color:var(--rose)}
/* 플로팅 버튼 닫기 X */
.fab-w{position:relative;display:flex;justify-content:flex-end}.fab-w[hidden]{display:none}
.fab-x{position:absolute;top:-9px;right:-7px;width:22px;height:22px;border-radius:50%;border:1.5px solid #fff;background:#475569;color:#fff;font-size:14px;line-height:1;display:grid;place-items:center;cursor:pointer;padding:0;z-index:2;box-shadow:0 2px 6px rgba(0,0,0,.25)}
.fab-x::before{content:"";position:absolute;inset:-6px}
.fab-x:hover{background:#0f172a}
@media(max-width:700px){.fab-x{width:22px;height:22px;top:-8px;right:-6px}}
@media(max-width:700px){.fab-w .fab-call,.fab-w .fab-faq{padding-right:20px}}.fab-w .fab-call,.fab-w .fab-faq{padding-right:22px}
.planbox small{word-break:keep-all}
/* 카톡 상담: 하단 중앙 고정 */
.fabs .fab-w[data-fk="kakao"]{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(20px + env(safe-area-inset-bottom));z-index:81}
@media(max-width:700px){
 .fabs .fab-w[data-fk="kakao"]{bottom:calc(14px + env(safe-area-inset-bottom))}
 .fabs{bottom:calc(74px + env(safe-area-inset-bottom))}
 body.has-bbar .fabs .fab-w[data-fk="kakao"]{bottom:calc(78px + env(safe-area-inset-bottom))}
 body.has-bbar .fabs{bottom:calc(138px + env(safe-area-inset-bottom))}
}
body.faq-open .fabs .fab-w{display:none}
.cashacc{margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border:1px solid #fda4af;background:var(--rose-l);border-radius:10px;font-size:13.5px;color:#334155;word-break:keep-all;flex-wrap:wrap}.cashacc .num{color:var(--rose);letter-spacing:.2px}.copybtn{flex:none;border:1px solid var(--rose);background:#fff;color:var(--rose);border-radius:8px;padding:5px 10px;font-size:12px;font-weight:700;cursor:pointer}
.tr-l2{font-size:19px;line-height:1.3;word-break:keep-all}
@media(max-width:960px){.tr-l2{font-size:16px}}
@media(max-width:700px){.tr-box{grid-template-columns:1fr}.tr-l2{font-size:15px;grid-column:1}.tr-cta{justify-self:start;margin-top:4px}}
/* 우측 2단: 신뢰 박스 + 이벤트 박스 */
.hero-top{grid-template-columns:minmax(0,1fr) 320px}
.hero-top>.slider{aspect-ratio:auto;min-height:300px;height:100%}
.hero-top>.slider .sl-item img{height:100%;object-fit:cover}
.hero-side{display:grid;grid-template-rows:1fr 1fr;gap:10px;min-width:0}
.hero-side .tr-box{padding:12px 16px;gap:3px}
.hero-side .tr-l1{font-size:13px}.hero-side .tr-k{font-size:11.5px}.hero-side .tr-l2{font-size:16px;margin:1px 0 3px}.hero-side .tr-cta{font-size:11.5px;padding:6px 12px}
.ev-box{position:relative;overflow:hidden;display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:18px;background:linear-gradient(135deg,#120a2a 0%,#2e1065 60%,#4c1d95 100%);color:#fff;box-shadow:inset 0 0 0 2px #facc15;word-break:keep-all}
.ev-txt{flex:1;min-width:0;position:relative;z-index:1}
.ev-l1{margin:0;font-size:12px;font-weight:800;color:#fde047;letter-spacing:-.01em}
.ev-h{margin:4px 0 4px;font-size:18px;font-weight:900;line-height:1.25}
.ev-zero{display:inline-block;transform:rotate(-6deg);background:#facc15;color:#2e1065;border:2px solid #fff;border-radius:10px;padding:0 7px;font-size:20px;box-shadow:0 3px 8px rgba(0,0,0,.35);animation:evPop 1.8s ease-in-out infinite}
@keyframes evPop{0%,100%{transform:rotate(-6deg) scale(1)}50%{transform:rotate(-3deg) scale(1.08)}}
.ev-fine{margin:0;font-size:10.5px;color:#c4b5fd}
.ev-img{width:78px;height:auto;max-height:100%;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 6px 12px rgba(0,0,0,.4));position:relative;z-index:1}
.ev-spark{position:absolute;color:#fde047;font-style:normal;opacity:0;animation:evSpark 2.4s ease-in-out infinite}
.ev-spark.s1{top:10px;right:92px;font-size:12px}.ev-spark.s2{bottom:12px;right:20px;font-size:10px;animation-delay:.8s}.ev-spark.s3{top:44%;left:56%;font-size:9px;animation-delay:1.6s}
@keyframes evSpark{0%,100%{opacity:0;transform:scale(.6)}50%{opacity:1;transform:scale(1.1)}}
.ev-box:hover{box-shadow:inset 0 0 0 2px #fde047,0 6px 18px rgba(76,29,149,.35)}
@media(prefers-reduced-motion:reduce){.ev-zero,.ev-spark{animation:none}.ev-spark{opacity:.8}}
@media(max-width:960px){.hero-top{grid-template-columns:minmax(0,1fr) 260px}.ev-h{font-size:15px}.ev-img{width:60px}}
@media(max-width:700px){.hero-top{grid-template-columns:1fr}.hero-top>.slider{aspect-ratio:4/1;min-height:0;height:auto}.hero-side{grid-template-rows:auto auto}
 .ev-box{padding:12px 14px;border-radius:14px}.ev-h{font-size:17px}.ev-img{width:64px}}
/* 캐러셀 비율 유지, 우측 2단 압축 */
.hero-top{grid-template-columns:minmax(0,1fr) 330px}
.hero-top>.slider{aspect-ratio:4/1;min-height:0;height:auto}
.hero-top>.slider .sl-item img{height:100%;object-fit:cover}
.hero-side{grid-template-rows:1fr 1fr;gap:8px}
.hero-side .tr-box{padding:8px 14px;gap:2px;justify-content:center}
.hero-side .tr-k{display:none}
.hero-side .tr-l1{font-size:12px}.hero-side .tr-l2{font-size:14.5px;line-height:1.3;margin:0 0 3px}.hero-side .tr-cta{font-size:11px;padding:4px 10px}
.ev-box{padding:8px 12px}.ev-l1{font-size:11px}.ev-h{font-size:15px;margin:2px 0}.ev-zero{font-size:16px;padding:0 6px}.ev-fine{font-size:10px}.ev-img{width:54px;border-radius:8px}
@media(max-width:700px){.hero-top>.slider{aspect-ratio:4/1}.hero-side .tr-k{display:block}.hero-side .tr-box{padding:12px 14px}.hero-side .tr-l2{font-size:15px}.ev-box{padding:12px 14px}.ev-l1{font-size:12px}.ev-h{font-size:17px}.ev-zero{font-size:19px}.ev-img{width:64px}}
@media(max-width:700px){.hero-top{grid-template-columns:1fr}.hero-side{grid-template-rows:auto auto;gap:10px}}
.bb-br{display:block;font-size:10.5px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.d6m{display:flex;gap:4px;line-height:1.55;word-break:keep-all;overflow-wrap:break-word}.d6m-mk{flex:none}.d6m-tx{display:flex;flex-direction:column;min-width:0}
@media(max-width:420px){.d6m{font-size:11.5px;letter-spacing:-.2px;padding:7px 10px}}
.sr.mtot{flex-wrap:wrap;align-items:flex-start;gap:2px 10px}.sr.mtot .ml{white-space:nowrap;padding-top:4px}.sr.mtot .mv{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;text-align:right}
.mbr{display:block;font-size:12px;font-weight:600;color:#64748b;white-space:nowrap;word-break:keep-all}
.deal-info .big .bm .mbr{margin-top:2px}.bb-br{white-space:nowrap}
.offap{margin:16px 0 8px;text-align:center}.offbtn{display:flex;align-items:center;justify-content:center;gap:8px;padding:15px 14px;border-radius:12px;background:#0f3d8c;color:#fff;font-weight:800;font-size:15px;text-decoration:none;box-shadow:0 4px 14px rgba(15,61,140,.25);word-break:keep-all}.offbtn svg{flex:none}.offnote{margin:8px 0 0;font-size:12.5px;color:#475569;word-break:keep-all}

/* 메인화면 배치: PC에서 우측 배너를 왼쪽에 둘 때 (DOM은 슬라이더→배너 그대로, 열 너비 유지하고 좌우만 바꿈) */
@media(min-width:701px){.hero-top.side-first{direction:rtl}.hero-top.side-first>*{direction:ltr}}

/* 홈: 0제로폰 정상영업중 배너 */
.opn{display:flex;align-items:center;gap:12px;box-sizing:border-box;padding:14px 18px;border:1px solid #bbf7d0;border-radius:14px;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);box-shadow:0 4px 14px rgba(22,101,52,.08)}
.opn p{margin:0}.opn-l1{font-size:19px;font-weight:800;color:#14532d;letter-spacing:-.02em}.opn-l2{font-size:13.5px;color:#166534;margin-top:2px!important}
.opn-dot{position:relative;flex:none;width:12px;height:12px;border-radius:50%;background:#22c55e}.opn-dot:after{content:"";position:absolute;inset:0;border-radius:50%;background:#22c55e;animation:opnP 2s ease-out infinite}
@keyframes opnP{from{transform:scale(1);opacity:.6}to{transform:scale(2.6);opacity:0}}
@media(prefers-reduced-motion:reduce){.opn-dot:after{animation:none;opacity:0}}
@media(min-width:701px){.hero-txt.has-op{position:relative;padding-right:350px}.has-op>.opn{position:absolute;right:0;top:22px;width:330px}}
@media(max-width:700px){.has-op{display:flex;flex-direction:column}.has-op>.opn{order:9;margin-top:12px;padding:10px 14px}.opn-l1{font-size:16px}.opn-l2{font-size:12.5px}}
.opn-l1{animation:opnB 1.2s ease-in-out infinite}@keyframes opnB{0%,100%{opacity:1;text-shadow:0 0 8px rgba(34,197,94,.45)}50%{opacity:.45;text-shadow:none}}