/* /pricing 가격 안내 (2026-10-25) — 공통은 index head CSS, 여기는 페이지 전용 */
body.pricing-page{background:#081829;color:#eaf1fa}
body.pricing-page .sec-eyebrow{color:#5eead4}
.ppage .wrap{max-width:1180px}
.phero{background:radial-gradient(900px 400px at 80% -20%,rgba(20,184,166,.18) 0,transparent 60%),#0A1C33;border-bottom:1px solid rgba(255,255,255,.08)}
.phero .wrap{padding:54px 20px 46px}
.phero h1{font-size:clamp(26px,3.6vw,42px);font-weight:900;letter-spacing:-.02em;line-height:1.2;margin:12px 0 0;color:#fff}
.phero .lead{max-width:64ch;color:#b9c7da;font-size:16px;margin:14px 0 0}
.pbadges{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.pbadges span{background:rgba(94,234,212,.1);border:1px solid rgba(94,234,212,.35);color:#9fe3d8;border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:800}
.psec{padding:36px 0 0}.psec-h{margin-bottom:14px}.psec-h h2{font-size:clamp(20px,2.6vw,26px);font-weight:900;color:#fff;margin:0}.psec-h p{margin:6px 0 0;color:#9fb6cc;font-size:14px}
.pgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.pc{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:10px;position:relative}
.pc.best{border-color:rgba(94,234,212,.55);background:linear-gradient(180deg,rgba(20,184,166,.12),rgba(255,255,255,.04))}
.pc .ribbon{position:absolute;top:14px;right:14px;background:#14B8A6;color:#042f2a;font-size:11px;font-weight:900;border-radius:999px;padding:3px 9px}
.pc h3{font-size:16px;color:#fff;margin:0}
.pc .price{font-size:30px;font-weight:900;letter-spacing:-.02em;color:#fff;line-height:1;font-variant-numeric:tabular-nums}.pc .price small{font-size:13px;font-weight:700;color:#9fb6cc;margin-left:6px}
.pc .price.txt{font-size:20px;color:#9fe3d8}
.pc .unit{font-size:12.5px;color:#9fb6cc;margin-top:-4px}
.pc .who{font-size:13px;color:#ffd166;font-weight:700}
.pc .note{font-size:13.5px;color:#cdd9ea;line-height:1.6;margin:0}
.pc .acts{margin-top:auto;display:flex;gap:8px;flex-wrap:wrap;padding-top:6px}
.pc .acts a{font-size:13px;font-weight:800;text-decoration:none;border-radius:9px;padding:8px 12px}
.pc .acts .a1{background:var(--teal);color:#042f2a}.pc .acts .a2{background:rgba(255,255,255,.08);color:#eaf1fa;border:1px solid rgba(255,255,255,.14)}
.pnote{margin:14px 0 0;font-size:12.5px;color:#8ba0bb;line-height:1.65;max-width:90ch}
.wcard{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:22px}.wcard h3{font-size:15px;color:#fff;margin:0 0 12px}.wcard h3.mt{margin-top:18px}
.tcard{padding:8px 10px 14px;overflow-x:auto}
.ctable{width:100%;border-collapse:collapse;font-size:13.5px;min-width:760px}
.ctable th{font-size:12px;color:#9fb6cc;font-weight:800;padding:12px 10px;border-bottom:1px solid rgba(255,255,255,.1);text-align:center;white-space:nowrap}
.ctable th:first-child,.ctable td:first-child{text-align:left;color:#eaf1fa}
.ctable td{padding:10px;border-bottom:1px solid rgba(255,255,255,.06);text-align:center;color:#cdd9ea}
.ctable .hl{background:rgba(20,184,166,.08)}.ctable th.hl{color:#5eead4}
.ctable tr.price td{font-weight:900;color:#fff;font-size:14px;border-bottom:0;padding-top:14px}.ctable tr.price td small{display:block;font-size:11px;color:#9fb6cc;font-weight:600;margin-top:3px}
.tfoot{margin:10px 10px 0;font-size:12px;color:#8ba0bb;line-height:1.6}
.wgrid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.steps{list-style:none;margin:0;padding:0;counter-reset:s}
.steps li{display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:10px;row-gap:0;align-items:start;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.steps li::before{counter-increment:s;content:counter(s);grid-row:1/3;width:26px;height:26px;border-radius:50%;background:rgba(94,234,212,.15);color:#5eead4;display:grid;place-items:center;font-weight:900;font-size:12.5px}.steps li>b,.steps li>span{grid-column:2}
.steps b{display:block;color:#fff;font-size:14px}.steps span{display:block;color:#9fb6cc;font-size:13px;margin-top:2px;line-height:1.55}
.ptxt{margin:0 0 10px;font-size:13.5px;color:#cdd9ea;line-height:1.65}
.faq{margin:0}.faq dt{font-weight:800;color:#fff;font-size:14px;margin-top:10px}.faq dd{margin:4px 0 0;font-size:13.5px;color:#b9c7da;line-height:1.6}
.pcta{text-align:center;padding:44px 0 48px}.pcta h2{font-size:clamp(22px,3vw,30px);color:#fff;margin:0}.pcta p{color:#b9c7da;margin:10px auto 0;max-width:60ch}
.mcta{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:22px}
.btn-gh{background:rgba(255,255,255,.08);color:#eaf1fa;border:1px solid rgba(255,255,255,.18)}
.pmeth{font-size:12px;color:#7f93ad;max-width:80ch;margin:26px auto 0;line-height:1.7}.pmeth a{color:#9fe3d8}
@media(max-width:960px){.pgrid{grid-template-columns:1fr 1fr}.wgrid2{grid-template-columns:1fr}}
@media(max-width:600px){.pgrid{grid-template-columns:1fr}.phero .wrap{padding:36px 20px 36px}}
