@font-face{font-family:"SUIT Variable";src:url("/assets/fonts/SUIT-Variable.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Gmarket Sans";src:url("/assets/fonts/GmarketSansBold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}
:root{--navy:#203669;--coral:#ff665d;--mint:#42bfae;--ink:#1b263d;--muted:#707786;--line:#e9ebef}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:"SUIT Variable",SUIT,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR",sans-serif;line-height:1.65;letter-spacing:-.4px}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--mint);outline-offset:5px}.wrap{width:min(1200px,calc(100% - 80px));margin:auto}
header{position:sticky;top:0;z-index:40;background:#fff;border-bottom:1px solid var(--line)}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand img{width:112px;height:52px;object-fit:contain}.navlinks{display:flex;gap:36px;font-size:14px;font-weight:500}.navlinks a:hover{color:var(--coral)}.nav-cta{font-size:13px;font-weight:600;padding:11px 18px;border:1px solid var(--line);border-radius:8px;color:var(--navy)}
section{padding:96px 0;background:#fff}section[id]{scroll-margin-top:110px}.hero{padding:44px 0 64px}.hero-grid{display:grid;grid-template-columns:1fr 1.12fr;align-items:center;gap:52px}.eyebrow{font-size:12px;color:var(--muted);font-weight:500;letter-spacing:.1px}.dot{display:none}.hero h1{font-size:clamp(36px,3.7vw,52px);line-height:1.4;letter-spacing:-2.6px;font-weight:650;margin:23px 0}.accent{color:var(--coral)}.hero p{font-size:15px;line-height:1.9;color:var(--muted);margin:0}.hero-actions{margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:16px 24px;border-radius:9px;font-size:14px;font-weight:600;transition:opacity .2s}.btn.primary{background:var(--navy);color:#fff}.btn:hover{opacity:.85}.hero .coupon-terms{font-size:11px;line-height:1.8;max-width:440px;margin-top:22px;color:#8a909b}.coupon-art{display:block;width:100%;max-width:600px;margin:auto}.coupon-art img{width:100%;height:auto}
.section-head{margin-bottom:32px}.kicker{font-size:10px;font-weight:600;letter-spacing:1.8px;color:var(--muted)!important}.section-head h2{font-size:32px;line-height:1.4;font-weight:650;letter-spacing:-1.3px;margin:12px 0}.section-head p{font-size:14px;color:var(--muted);margin:0}.plans{border-top:1px solid var(--line)}.plan-tabs{display:flex;gap:28px;overflow-x:auto;border-bottom:1px solid var(--line);margin:0 0 28px}.tab{white-space:nowrap;border:0;border-bottom:2px solid transparent;background:#fff;color:var(--muted);padding:14px 0;font-size:14px;font-weight:500;cursor:pointer}.tab.active{border-bottom-color:var(--navy);color:var(--navy);font-weight:650}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.plan{padding:28px;border:1px solid var(--line);border-radius:14px;background:#fff}.plan.featured{border-color:#9aa7c0}.plan .label{color:var(--muted);font-size:11px;font-weight:500}.plan h3{font-size:20px;font-weight:600;letter-spacing:-.6px;margin:20px 0 8px}.price{font-size:29px;font-weight:650;letter-spacing:-1px;color:var(--navy)}.price small{font-size:12px;color:var(--muted);font-weight:400;letter-spacing:0}.plan ul{list-style:none;padding:18px 0 0;margin:20px 0 0;border-top:1px solid var(--line)}.plan li{font-size:13px;color:var(--muted);padding:5px 0}.plans-note{font-size:11px;color:#8a909b;margin-top:22px}
.benefits,.paths,.faq,.final{border-top:1px solid var(--line)}.benefit-grid,.path-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px}.benefit-card{padding:10px 0}.benefit-card .num{display:none}.pill{font-size:12px;color:var(--muted)}.benefit-card h3{font-size:24px;line-height:1.5;font-weight:550;letter-spacing:-.8px;margin:18px 0}.big{font-size:36px;font-weight:650;letter-spacing:-1px;color:var(--navy);margin:18px 0}.big small{font-size:15px;letter-spacing:0;font-weight:400;color:var(--muted)}.benefit-card p,.path-card p{font-size:14px;line-height:1.9;color:var(--muted);max-width:470px;margin:0}.path-icon{font-size:12px;color:var(--coral);font-weight:600}.path-card h3{font-size:23px;font-weight:600;margin:14px 0}.steps{margin-top:22px}.step{display:flex;gap:16px;padding:15px 0;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.step b{color:var(--navy);font-weight:500}
.faq-list{max-width:900px}.faq-item{border-bottom:1px solid var(--line)}.faq-q{display:flex;width:100%;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;background:#fff;border:0;text-align:left;font-size:15px;font-weight:550;cursor:pointer;color:var(--ink)}.faq-q span{font-size:21px;color:var(--muted)}.faq-a{display:none;color:var(--muted);font-size:14px;line-height:1.9;padding:0 40px 24px 0}.faq-item.open .faq-a{display:block}.final-box{text-align:center}.final-box h2{font-size:34px;font-weight:600;line-height:1.5;letter-spacing:-1.5px;margin:0 0 16px}.final-box p{font-size:14px;max-width:640px;margin:0 auto 28px;color:var(--muted)}footer{border-top:1px solid var(--line);padding:34px 0 50px;font-size:11px;color:#8a909b;line-height:1.9}.footer-flex{display:flex;justify-content:space-between;gap:40px}.footer-brand{font-size:14px;font-weight:600;color:var(--navy)}.mobile-cta{display:none}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.navlinks{gap:22px}.hero-grid{gap:24px;grid-template-columns:1fr 1fr}.hero h1{font-size:36px;letter-spacing:-1.8px}.plan{padding:22px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.nav{height:70px}.brand img{width:94px;height:44px}.navlinks{display:none}.nav-cta{font-size:12px;padding:8px 12px}.hero{padding:30px 0 42px}.hero-grid{grid-template-columns:1fr;gap:26px}.hero h1{font-size:clamp(30px,8vw,42px);line-height:1.4;margin:18px 0;letter-spacing:-1.5px}.hero p{font-size:14px}.hero-actions{margin-top:22px}.hero .coupon-terms{font-size:10px;margin-top:18px}.coupon-art{max-width:440px}.hero .btn{width:100%}section{padding:60px 0}section[id]{scroll-margin-top:88px}.section-head h2{font-size:26px}.section-head p{font-size:13px}.plan-tabs{gap:24px}.plan-grid{grid-template-columns:1fr}.plan{padding:26px}.benefit-grid,.path-grid{grid-template-columns:1fr;gap:38px}.benefit-card h3{font-size:22px}.big{font-size:32px}.final-box h2{font-size:27px}.footer-flex{flex-direction:column;gap:20px}footer{padding-bottom:110px}.mobile-cta{display:block;position:fixed;bottom:14px;left:20px;right:20px;z-index:50;background:var(--navy);color:#fff;border-radius:10px;padding:15px;text-align:center;font-size:14px;font-weight:600;box-shadow:0 4px 18px #20366920}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.nav-cta{display:inline-flex;align-items:center;justify-content:center;gap:16px;flex-shrink:0;background:var(--coral);color:#fff;border-color:var(--coral);font-weight:650;padding:13px 20px;border-radius:10px;box-shadow:0 5px 16px rgba(255,102,93,.16);transition:background .2s}.nav-cta:hover{background:#ec534b;border-color:#ec534b}.nav-cta svg{flex-shrink:0}@media(max-width:700px){.nav-cta{font-size:12px;padding:11px 13px;gap:9px}.nav-cta svg{width:17px;height:17px}}
/* Final hero spacing and consistent calls to action */
.coupon-art{width:90%;max-width:540px}
.hero-grid>div:first-child{transform:translateY(-22px)}
.btn.primary,.mobile-cta,.nav-cta{background:var(--coral);color:#fff;border-color:var(--coral);box-shadow:none}
.btn.primary:hover,.mobile-cta:hover,.nav-cta:hover{background:#ec534b;border-color:#ec534b;opacity:1}
.hero .coupon-terms{font-size:11px;line-height:1.8;margin-top:18px;color:#818895}
@media(max-width:700px){.hero-grid>div:first-child{transform:none}.coupon-art{width:90%;max-width:396px}.hero .coupon-terms{font-size:10px}}
.btn.primary,.mobile-cta,.nav-cta{background:var(--navy);border-color:var(--navy);color:#fff}.btn.primary:hover,.mobile-cta:hover,.nav-cta:hover{background:#172a55;border-color:#172a55}
/* Fine adjustments to hero hierarchy and spacing */
.eyebrow{font-size:14px;font-weight:600;color:var(--navy)}
.coupon-art{width:84.6%;max-width:507.6px}
.hero .coupon-terms{margin-top:28px}
@media(max-width:700px){.coupon-art{width:84.6%;max-width:372.24px}.hero .coupon-terms{margin-top:28px}}
.nav-cta,.hero-actions .btn.primary{background:var(--coral);border-color:var(--coral);color:#fff}.nav-cta:hover,.hero-actions .btn.primary:hover{background:#ec534b;border-color:#ec534b}
/* Balance the hero copy against the coupon artwork */
.coupon-art{width:79.524%;max-width:477.144px}
.hero-grid>div:first-child{transform:translateY(-4px)}
@media(max-width:700px){.coupon-art{width:79.524%;max-width:349.9056px}.hero-grid>div:first-child{transform:translateY(18px)}}
/* Subtle hero size refinement */
.coupon-art{width:76.34304%;max-width:458.05824px}
.hero-actions .btn.primary{padding-left:30px;padding-right:30px}
@media(max-width:700px){.coupon-art{width:76.34304%;max-width:335.909376px}}
/* Comparison-focused plan cards */
.plan-grid{align-items:stretch;gap:22px}
.plan{display:flex;flex-direction:column;padding:30px 26px;border:1px solid var(--line);border-radius:16px;background:#fff}
.plan.featured{border:2px solid #ff8e87;padding:29px 25px;box-shadow:0 8px 24px rgba(32,54,105,.06)}
.plan .label{display:inline-flex;align-self:flex-start;align-items:center;padding:6px 10px;border-radius:7px;font-size:12px;font-weight:650;line-height:1.5;letter-spacing:-.2px}
.plan[data-cat="integrated"] .label{background:#edf1fb;color:#334e86}
.plan.featured .label{background:#fff0ee;color:#c74740}
.plan[data-cat="cu"] .label{background:#f1eafa;color:#773c99}
.plan[data-cat="millie"] .label{background:#fff5c9;color:#765b13}
.plan[data-cat="coupang"] .label{background:#e6f5ff;color:#196c9e}
.plan h3{font-size:16px;font-weight:500;line-height:1.6;margin:20px 0 14px;letter-spacing:-.4px}
.plan .price{font-size:40px;font-weight:750;line-height:1.25;letter-spacing:-1.7px;font-variant-numeric:tabular-nums;white-space:nowrap}
.plan .price small{font-size:14px;font-weight:400;letter-spacing:0;margin-left:3px}
.plan-details{margin-top:26px;padding-top:24px;border-top:1px solid var(--line)}
.plan-data{font-size:21px;font-weight:650;line-height:1.6;letter-spacing:-.6px;margin-bottom:14px;color:var(--ink);min-height:68px;display:flex;align-items:flex-start}
.plan-meta{font-size:13px;line-height:1.9;color:var(--muted);margin-top:6px}
.plan-benefit{margin-top:24px;padding-top:20px;border-top:1px solid var(--line);font-size:14px;font-weight:600;line-height:1.8;color:var(--navy)}
@media(max-width:1000px) and (min-width:701px){.plan{padding:24px 18px}.plan.featured{padding:23px 17px}.plan .price{font-size:32px}.plan-data{font-size:19px}}
@media(max-width:700px){.plan{padding:28px}.plan.featured{padding:27px}.plan .price{font-size:40px}.plan-data{min-height:0;margin-bottom:12px}.plan-details{margin-top:24px}.plan-benefit{margin-top:22px}}
.plan-badges{display:flex;gap:8px;align-items:center;flex-wrap:wrap;min-height:30px}.recommend-badge{font-size:11px;font-weight:650;color:#c74740}.plan-data{min-height:0}.plan-promo{font-size:12px;color:#3d6394;margin:0 0 14px;line-height:1.7}.plan-benefit{margin-top:auto;padding-top:20px}.plan-details{margin-bottom:24px}.plan[data-cat="integrated"] .label{background:#edf1fb;color:#334e86}
.plan[hidden]{display:none!important}
/* Coupon choice is the focal benefit on integrated plans */
.plan[data-cat="integrated"] .label,.plan.featured[data-cat="integrated"] .label{background:var(--coral);color:#fff}
.plan .coupon-choice{background:#fff1ee;border:0;border-radius:10px;padding:16px;margin-top:auto;color:var(--navy)}
.coupon-choice strong{display:block;font-size:15px;line-height:1.65;font-weight:700;letter-spacing:-.4px}
.coupon-choice .coupon-brands{display:block;font-size:12px;line-height:1.9;font-weight:400;color:#6f6264;margin-top:6px;word-break:keep-all}
.plan.featured{border-color:#acb8cf}
/* Readable coupon brands and restrained recommendation emphasis */
.coupon-choice .coupon-brands{font-size:13px;line-height:2;font-weight:550;color:#51444a;margin-top:8px}
.plan-promo{display:inline-block;background:#fff1ee;color:#b6433c;font-size:12px;font-weight:600;line-height:1.8;border-radius:6px;padding:5px 9px;margin:0 0 16px;max-width:100%}
.plan.featured{border-color:#7586aa;box-shadow:0 6px 20px rgba(32,54,105,.08)}
.recommend-badge{display:inline-flex;background:#edf1f8;color:var(--navy);padding:4px 8px;border-radius:6px;font-size:11px;font-weight:650;line-height:1.5}
.plan-details .plan-data.has-promo{margin-bottom:6px}
/* Two clear benefit cards on a white section */
#benefits>.wrap{max-width:1080px}
.benefit-grid{gap:24px;align-items:stretch}
.benefit-card{border:1px solid #f5e5e2;background:#fff5f2;border-radius:20px;padding:36px;min-width:0}
.benefit-card.alt{border-color:#eceef3;background:#f6f7fa}
.benefit-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;background:#fff;color:#d25a50;margin-bottom:22px}
.alt .benefit-icon{color:var(--navy)}
.benefit-card h3{font-size:21px;font-weight:600;line-height:1.55;margin:0 0 22px;letter-spacing:-.6px}
.benefit-card .big{font-size:56px;font-weight:750;line-height:1.2;letter-spacing:-2px;margin:0 0 24px;color:var(--navy)}
.benefit-card .big small{font-size:15px;font-weight:500;letter-spacing:0;white-space:nowrap}
.benefit-card .benefit-delivery{font-size:42px;line-height:1.3;letter-spacing:-1.7px}
.benefit-delivery br{display:none}
.benefit-card p{font-size:14px;line-height:1.9;color:#666e7d;margin:0;max-width:none}
.benefit-card .benefit-brands{font-size:13px;font-weight:550;color:#494d5c;margin-bottom:8px;word-break:keep-all}
@media(min-width:701px) and (max-width:1000px){.benefit-card{padding:28px}.benefit-card .benefit-delivery{font-size:34px}.benefit-delivery br{display:block}}
@media(max-width:700px){.benefit-grid{gap:18px}.benefit-card{padding:28px}.benefit-card h3{font-size:20px}.benefit-card .big{font-size:50px}.benefit-card .benefit-delivery{font-size:clamp(28px,7.2vw,38px)}.benefit-icon{margin-bottom:18px}.benefit-card p{font-size:13px}}
/* SIM guide with supplied product photo */
#how .path-grid{gap:28px;align-items:stretch}
#how .path-card{border:1px solid var(--line);border-radius:18px;padding:30px;min-width:0}
.usim-guide{display:flex;gap:22px;align-items:center;margin:22px 0 24px;padding-bottom:24px;border-bottom:1px solid var(--line)}
.usim-guide img{width:112px;height:150px;object-fit:contain;flex-shrink:0}
.usim-guide strong{display:block;font-size:18px;font-weight:650;color:var(--navy)}
.usim-network{display:inline-block;margin:8px 0;font-size:11px;font-weight:600;color:var(--navy);padding:3px 8px;border:1px solid var(--line);border-radius:5px}
.usim-guide p{font-size:13px;line-height:1.8}
@media(max-width:700px){#how .path-card{padding:24px}.usim-guide{gap:18px}.usim-guide img{width:92px;height:126px}.usim-guide strong{font-size:17px}}
/* Network-specific SIM products */
.sim-products{margin-top:42px;padding-top:32px;border-top:1px solid var(--line)}
.sim-products-heading h3{font-size:23px;font-weight:600;letter-spacing:-.7px;margin:0 0 10px}
.sim-products-heading p{font-size:14px;color:var(--muted);margin:0 0 24px}
.sim-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.sim-product{position:relative;border:1px solid var(--line);border-radius:16px;padding:24px;background:#fff;text-align:center}
.sim-network{display:inline-block;padding:4px 10px;border-radius:6px;background:#edf1f8;color:var(--navy);font-size:12px;font-weight:650}
.sim-product img{width:100%;height:230px;object-fit:contain;margin:20px auto}
.sim-product h4{font-size:19px;font-weight:650;margin:0 0 5px;color:var(--navy)}
.sim-product p{font-size:13px;color:var(--muted);margin:0}
@media(max-width:700px){.sim-product-grid{grid-template-columns:1fr;gap:16px}.sim-product{padding:24px}.sim-product img{height:220px}.sim-products-heading h3{font-size:21px}.sim-products-heading p{font-size:13px}}
/* Network selection: KT benefits first, LG value plans secondary */
.network-tabs{display:inline-flex;gap:6px;padding:6px;border:1px solid var(--line);border-radius:12px;background:#f6f7fa;margin-bottom:22px;max-width:100%}
.network-tab{border:0;border-radius:8px;background:transparent;color:var(--muted);padding:12px 22px;font-size:15px;font-weight:600;white-space:nowrap;cursor:pointer}
.network-tab.active{background:var(--navy);color:#fff;box-shadow:0 2px 7px rgba(32,54,105,.12)}
.network-tab[data-network="lg"]{color:#17356B}
.network-tab[data-network="lg"].active{background:#F6539A;color:#FFFFFF;box-shadow:0 2px 7px rgba(246,83,154,.12)}
#ktBenefitTabs[hidden],#lgPlanIntro[hidden]{display:none!important}
.lg-plan-intro{margin:0 0 28px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.lg-plan-intro h3{font-size:19px;font-weight:650;margin:0 0 5px;color:#17356B}
.lg-plan-intro p{font-size:14px;color:#17356B;margin:0}
.plan[data-cat="lg"]{border-color:#E7EAF0;background:#FFFFFF}
.plan[data-cat="lg"] .label{background:#F6539A;color:#FFFFFF}
.plan .lg-value{background:#F7F8FA;border:1px solid #E7EAF0;border-radius:10px;padding:16px;font-size:13px;font-weight:600;color:#17356B;word-break:keep-all}
.lg-value strong{display:block;font-size:14px;font-weight:650;line-height:1.8}
.lg-value span{display:block;margin-top:6px;font-size:12px;font-weight:400;line-height:1.8;color:#7A8492}
.lg-value .benefit-highlight{font-style:normal;color:#D9367A}
.plan[data-cat="lg"] h3,.plan[data-cat="lg"] .plan-data{color:#17356B}
.plan[data-cat="lg"] .price{color:#FF625C}
.plan[data-cat="lg"] .plan-meta,.plan[data-cat="lg"] .price small{color:#17356B}
.plan[data-cat="lg"] .bundle-badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:6px;background:#D9367A;color:#FFFFFF;font-size:11px;line-height:1.6;font-weight:650}
@media(max-width:700px){.network-tabs{display:flex;width:100%;gap:4px;padding:5px}.network-tab{flex:1;min-width:0;padding:12px 8px;font-size:14px}}
/* Clear SIM preparation choices with restrained badges and icons */
#how .path-card{display:flex;flex-direction:column;color:var(--navy)}
#how .path-delivery{--path-accent:#FF625C;background:#FFF7F5;border-color:#F4D9D4}
#how .path-self{--path-accent:#243E73;background:#F8FAFD;border-color:#DDE5F0}
#how .path-icon{color:#FF6B61}
#how .path-card h3,#how .path-card .step{color:var(--navy)}
#how .path-card p,#how>.wrap>.section-head p{color:#6F7785}
#how .path-card .step{border-top-color:#E8EBF0}
#how .path-badge{align-self:flex-start;display:inline-flex;align-items:center;background:var(--path-accent);color:#FFFFFF;font-size:12px;font-weight:650;line-height:1.6;padding:5px 10px;border-radius:6px;margin:0 0 16px}
#how .path-illustration{display:flex;justify-content:flex-end;margin-top:auto;padding-top:18px;color:var(--path-accent)}
#how .path-illustration svg{flex-shrink:0}
/* Typography and the selected LG recommendation */
body,button,input,select,textarea{font-family:"SUIT Variable",SUIT,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR",sans-serif}
.hero h1{font-weight:800}
.section-head h2,.final-box h2{font-weight:700}
#how .path-card h3,.sim-products-heading h3{font-weight:700}
.plan[data-cat="lg"].lg-recommended{border:2px solid #F6539A;padding:29px 25px}
@media(min-width:701px) and (max-width:1000px){.plan[data-cat="lg"].lg-recommended{padding:23px 17px}}
@media(max-width:700px){.plan[data-cat="lg"].lg-recommended{padding:27px}}
/* Larger service copy, compact flows and one shared activation button */
#how>.wrap>.section-head h2{font-size:38px;line-height:1.35}
#how>.wrap>.section-head p{font-size:16px;line-height:1.8}
#how .path-card h3{font-size:26px;line-height:1.4;margin:16px 0}
#how .path-badge{font-size:14px;padding:6px 12px;margin-bottom:20px}
#how .path-card p{font-size:18px;line-height:1.8;font-weight:500;color:var(--navy);word-break:keep-all}
#how .path-flow{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;list-style:none;margin:26px 0 0;padding:20px 0 0;border-top:1px solid #E8EBF0;font-size:16px;font-weight:500;line-height:1.8;color:var(--navy)}
#how .path-flow li{display:inline-flex;align-items:center;gap:12px;white-space:nowrap}
#how .path-flow li>span{color:#7A8492}
#how .path-illustration{padding-top:22px}
#how .how-actions{display:flex;justify-content:center;margin-top:32px}
#how .how-open.btn.primary{width:244px;max-width:100%;min-height:54px;padding:0 18px;gap:16px;border-radius:13px;background:#FF625C;color:#FFFFFF;font-size:16px;font-weight:650}
#how .how-open.btn.primary:hover{background:#ed534e}
#how .sim-products-heading p,#how .sim-product p{font-size:16px}
@media(max-width:700px){#how>.wrap>.section-head h2{font-size:36px}#how .path-card h3{font-size:24px}#how .path-card p{font-size:17px}#how .how-actions{margin-top:26px}}
/* Supplied Ntelecom logo, preserving its original proportions */
.brand-logo{display:block;flex-shrink:0}
.brand-logo img{width:108px;height:74px;object-fit:contain}
@media(max-width:700px){.brand-logo img{width:84px;height:58px}.nav{gap:16px}}
/* Larger desktop headlines with the first two benefits on one line */
@media(min-width:1001px){
.hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:40px}
.hero h1{font-size:clamp(44px,4.35vw,60px);line-height:1.28;letter-spacing:-2.4px}
.hero-first-line{display:inline-block;white-space:nowrap}
.hero-mobile-break{display:none}
.hero .coupon-art{width:88%;max-width:458px}
.section-head h2,.final-box h2,#how>.wrap>.section-head h2{font-size:42px;line-height:1.35;letter-spacing:-1.5px}
}
@media(min-width:701px) and (max-width:1000px){.section-head h2,.final-box h2{font-size:36px;line-height:1.35}}
@media(max-width:700px){.section-head h2,.final-box h2{font-size:30px;line-height:1.4}}

/* Platform header: aligned with the activation homepage. */
.site-header{border-bottom:1px solid #ECEDEF;background:#FFFFFF}
.platform-nav{width:100%;max-width:1500px;min-height:73px;margin:0 auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.site-header .brand-logo img{width:97px;height:67px;object-fit:contain}
.platform-menu{display:flex;align-items:center;justify-content:center;gap:clamp(26px,3.2vw,48px);margin-left:auto;margin-right:auto;color:#343C48;font-size:14px;font-weight:600;line-height:1.4;letter-spacing:-.5px}
.platform-menu>details{position:relative}
.platform-menu summary{list-style:none;display:flex;align-items:center;gap:10px;min-height:73px;cursor:pointer;white-space:nowrap}
.platform-menu summary::-webkit-details-marker{display:none}
.platform-menu summary:after{content:'';width:5px;height:5px;border-right:1px solid #243E73;border-bottom:1px solid #243E73;transform:rotate(45deg);margin-top:-3px}
.platform-menu>details[open]>summary:after{transform:rotate(225deg);margin-top:3px}
.platform-menu>details[open]>summary,.platform-menu>details>summary:hover,.platform-about:hover{color:#FF665D}
.platform-about{display:flex;align-items:center;min-height:73px;white-space:nowrap}
.platform-submenu{position:absolute;top:calc(100% - 3px);left:-20px;min-width:192px;padding:9px;background:#FFFFFF;border:1px solid #ECEDEF;border-radius:8px;box-shadow:0 8px 24px #20366912;display:grid;gap:3px;font-weight:500;z-index:41}
.platform-submenu a{display:block;padding:11px 12px;border-radius:5px;white-space:nowrap}
.platform-submenu a:hover{background:#FFF3F1;color:#E6544D}
.platform-actions{display:flex;gap:7px;flex-shrink:0;align-items:center}
.platform-action{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:5px 12px;border:1px solid #FF665D;border-radius:5px;font-size:13px;font-weight:650;line-height:1.4;white-space:nowrap;letter-spacing:-.3px;color:#FF665D;background:#FFFFFF;transition:background .15s,color .15s}
.platform-action:hover{background:#FFF3F1}
.platform-action.solid{background:#FF665D;color:#FFFFFF}
.platform-action.solid:hover{background:#EC534B;border-color:#EC534B}
.platform-toggle{display:none}
.site-header summary:focus-visible{outline:3px solid var(--mint);outline-offset:3px;border-radius:4px}
@media(max-width:1050px){
.platform-nav{min-height:70px;gap:14px;padding:0 22px;flex-wrap:wrap}
.site-header .brand-logo img{width:78px;height:54px}
.platform-actions{margin-left:auto}
.platform-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:36px;background:#FFFFFF;color:#243E73;border:0;padding:5px;cursor:pointer}
.platform-toggle svg{width:22px;height:22px}
.platform-menu{display:none;order:4;flex-basis:100%;margin:0;padding:0 0 16px;gap:0;align-items:stretch;justify-content:flex-start;font-size:15px}
.site-header.menu-open .platform-menu{display:flex;flex-direction:column}
.platform-menu summary,.platform-about{min-height:48px;justify-content:space-between;padding:0 4px}
.platform-menu>details{border-top:1px solid #F0F1F4}
.platform-about{border-top:1px solid #F0F1F4}
.platform-submenu{position:static;min-width:0;border:0;box-shadow:none;background:#F7F8FA;padding:4px 8px;margin-bottom:8px}
}
@media(max-width:420px){.platform-nav{padding:0 16px;gap:9px}.platform-action{font-size:12px;padding:5px 9px}.platform-actions{gap:6px}.site-header .brand-logo img{width:72px;height:51px}.platform-toggle{width:28px}}

/* Dedicated plan and support pages. */
.page-intro{padding:40px 0 34px;background:#F8FAFD;border-bottom:1px solid var(--line)}
.breadcrumb{display:flex;align-items:center;gap:12px;margin-bottom:26px;font-size:13px;color:#707786}
.breadcrumb a:hover{color:var(--coral)}
.page-intro h1{font-size:44px;line-height:1.3;letter-spacing:-1.6px;font-weight:800;color:var(--navy);margin:12px 0 16px}
.page-intro p{font-size:17px;line-height:1.8;color:#707786;margin:0;word-break:keep-all}
.page-content>section{padding-top:48px;border-top:0}
.page-content .section-head h2{font-size:30px}
.page-content .section-head p{font-size:15px}
.page-content .faq-list{max-width:960px}
.page-content .faq-q{font-size:18px;padding:26px 0}
.page-content .faq-a{font-size:16px}
.page-links{display:flex;flex-wrap:wrap;gap:14px 26px;margin:28px 0 0;font-size:15px;font-weight:600;color:var(--navy)}
.page-links a:hover{color:var(--coral)}
.page-links a{display:inline-flex;align-items:center;gap:10px}
.page-directory{border-top:1px solid var(--line);padding:24px 0;background:#FAFBFD}
.page-directory .wrap{display:flex;flex-wrap:wrap;gap:16px 30px;font-size:14px;color:var(--navy);font-weight:550}
.page-directory a[aria-current=page]{color:#E6544D}
.page-content .plans-note{font-size:12px;line-height:1.85}
@media(max-width:700px){.page-intro{padding:28px 0}.breadcrumb{margin-bottom:22px}.page-intro h1{font-size:32px;letter-spacing:-1px}.page-intro p{font-size:16px}.page-content>section{padding-top:36px}.page-content .section-head h2{font-size:26px}.page-content .faq-q{font-size:17px}.page-content .faq-a{padding-right:10px}.page-directory .wrap{gap:14px 22px}}
/* Gmarket Sans for major headings; SUIT for text and controls. */
.hero h1,.section-head h2,.final-box h2,.page-intro h1{font-family:"Gmarket Sans","SUIT Variable",sans-serif;font-weight:700}

/* Larger, readable typography across desktop and mobile. */
h1,h2,h3{word-break:keep-all;overflow-wrap:break-word}
.section-head p,.page-intro p{word-break:keep-all}
body{font-size:17px}
.eyebrow{font-size:16px}
.hero p{font-size:17px;line-height:1.9}
.hero .coupon-terms{font-size:12px;line-height:1.85}
.section-head p,.page-content .section-head p{font-size:16px;line-height:1.8}
.btn{font-size:16px}
.platform-menu{font-size:15px}
.platform-action{font-size:15px;min-height:38px}
.network-tab{font-size:17px}
.tab{font-size:16px}
.plan h3{font-size:18px;line-height:1.65}
.plan .price{font-size:44px}
.plan .price small{font-size:16px}
.plan-data{font-size:23px}
.plan-meta{font-size:15px;line-height:1.85}
.plan .label{font-size:13px}
.plan-promo{font-size:14px}
.recommend-badge,.plan[data-cat="lg"] .bundle-badge{font-size:12px}
.plan-benefit{font-size:16px}
.coupon-choice strong{font-size:16px}
.coupon-choice .coupon-brands{font-size:15px;line-height:1.9}
.lg-value strong{font-size:16px}
.lg-value span{font-size:14px}
.lg-plan-intro h3{font-size:21px}
.lg-plan-intro p{font-size:16px}
.plans-note,.page-content .plans-note{font-size:13px;line-height:1.85}
#how .path-card h3{font-size:28px}
#how .path-card p{font-size:19px}
#how .path-flow{font-size:17px;line-height:1.85}
#how .how-open.btn.primary{font-size:17px;width:260px;min-height:56px}
#how .sim-products-heading p,#how .sim-product p{font-size:17px}


.faq-q,.page-content .faq-q{font-size:19px;line-height:1.65}
.faq-a,.page-content .faq-a{font-size:17px;line-height:1.9}
.final-box p{font-size:17px;line-height:1.85}
.page-intro h1{font-size:48px}
.page-intro p{font-size:18px}
.page-content .section-head h2{font-size:34px}
.breadcrumb{font-size:14px}
.page-links{font-size:16px}
.page-directory .wrap{font-size:16px}
footer{font-size:13px}.footer-brand{font-size:16px}
@media(min-width:1001px){
.hero-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
.hero h1{font-size:clamp(46px,4.6vw,64px);line-height:1.3}
.section-head h2,.final-box h2,#how>.wrap>.section-head h2{font-size:46px}
}
@media(min-width:701px) and (max-width:1000px){
.hero-grid{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)}
.hero h1{font-size:40px}
.section-head h2,.final-box h2{font-size:40px}
.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.plan .price{font-size:40px}
}
@media(max-width:1050px){.platform-menu{font-size:17px}}
@media(max-width:700px){
.hero h1{font-size:clamp(33px,9.2vw,46px);line-height:1.4}
.hero p{font-size:16px}.eyebrow{font-size:15px}
.section-head h2,.final-box h2{font-size:32px;line-height:1.45}
#how>.wrap>.section-head h2{font-size:38px}
.plan .price{font-size:44px}
.network-tab{font-size:16px;padding:13px 9px}
#how .path-card h3{font-size:26px}
#how .path-card p{font-size:18px}
#how .path-flow{font-size:16px}
.page-intro h1{font-size:34px;line-height:1.4}
.page-intro p{font-size:17px}
.page-content .section-head h2{font-size:28px}
.faq-q,.page-content .faq-q{font-size:18px}
.mobile-cta{font-size:16px}
.platform-action{font-size:14px}
}
@media(max-width:360px){.hero h1{font-size:32px}.plan{padding:24px}.plan .price{font-size:42px}.platform-action{padding-left:9px;padding-right:9px}}

/* Keep the previous Pretendard numerals while retaining the new text faces. */
@font-face{font-family:"Original Numerals";src:url("/assets/fonts/PretendardVariable.woff2") format("woff2");font-weight:45 920;font-style:normal;font-display:swap;unicode-range:U+0030-0039}
body,button,input,select,textarea{font-family:"Original Numerals","SUIT Variable",SUIT,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR",sans-serif}
.hero h1,.section-head h2,.final-box h2,.page-intro h1{font-family:"Original Numerals","Gmarket Sans","SUIT Variable",sans-serif}

/* Exact hero description styling and more compact comparison cards. */
.hero .hero-description{font-size:16px;color:#596579;line-height:1.8}
.plan{padding:22px 24px}
.plan.featured,.plan[data-cat="lg"].lg-recommended{padding:21px 23px}
.plan .label{padding:5px 9px}
.plan h3{margin:14px 0 8px}
.plan-details{margin-top:16px;padding-top:16px;margin-bottom:18px}
.plan-data{margin-bottom:8px}
.plan-details .plan-data.has-promo{margin-bottom:5px}
.plan-meta{margin-top:4px;line-height:1.75}
.plan-promo{margin-bottom:10px;padding:4px 8px}
.plan-benefit{padding-top:14px}
.plan .coupon-choice{padding:12px}
.coupon-choice strong{line-height:1.6}
.coupon-choice .coupon-brands{margin-top:6px;line-height:1.7}
.plan .lg-value{padding:12px}
.lg-value strong{line-height:1.65}
.lg-value span{margin-top:5px;line-height:1.7}
@media(min-width:701px) and (max-width:1000px){.plan{padding:22px 20px}.plan.featured,.plan[data-cat="lg"].lg-recommended{padding:21px 19px}}
@media(max-width:700px){.plan{padding:22px}.plan.featured,.plan[data-cat="lg"].lg-recommended{padding:21px}}

/* More prominent same-day delivery title. */
#how .path-delivery h3{font-size:30px;font-weight:800;line-height:1.4;color:#17356B}
@media(max-width:700px){#how .path-delivery h3{font-size:28px}}

/* Progressive scroll reveals; content stays visible when scripts are unavailable. */
.reveal-item{opacity:0;translate:0 var(--reveal-distance,20px);transition:opacity .5s cubic-bezier(.22,.61,.36,1),translate .5s cubic-bezier(.22,.61,.36,1);transition-delay:var(--reveal-delay,0ms)}
.reveal-item.is-revealed{opacity:1;translate:0 0}
@media(max-width:700px){.reveal-item{--reveal-distance:10px}}
@media(prefers-reduced-motion:reduce){.reveal-item{opacity:1;translate:none;transition:none!important}}
@media print{.reveal-item{opacity:1;translate:none;transition:none!important}}

/* Make the two lead offers distinctly larger than the supporting coupon line. */
@media(min-width:1001px){
.hero>.wrap{width:min(1280px,calc(100% - 80px))}
.hero-grid{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr)}
.hero-first-line{font-size:clamp(48px,5.2vw,72px);line-height:1.25;letter-spacing:-2.8px}
}
@media(min-width:701px) and (max-width:1000px){
.hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
.hero-first-line{font-size:44px;line-height:1.3}
}
@media(max-width:700px){.hero-first-line{font-size:clamp(42px,11.8vw,52px);line-height:1.25;letter-spacing:-1.8px}}

/* FAQ: two-column introduction and separate accordion cards. */
#faq{background:#F7F8FB}
#faq .faq-layout{display:grid;grid-template-columns:minmax(0,35fr) minmax(0,65fr);gap:48px;align-items:start}
#faq .section-head{margin-bottom:0}
#faq .kicker{color:#FF625C!important;font-size:14px;font-weight:700;letter-spacing:0}
#faq .section-head h2{font-size:clamp(28px,2.7vw,36px);line-height:1.5;letter-spacing:-1.4px;margin:14px 0 18px;color:var(--navy)}
#faq .section-head p{font-size:16px;line-height:1.8;color:#6F7785;max-width:320px;word-break:keep-all}
#faq .faq-list{display:grid;gap:12px;max-width:none;min-width:0}
#faq .faq-item{background:#FFFFFF;border:1px solid #E7EAF0;border-radius:16px;overflow:hidden}
#faq .faq-item.open{border-color:#FF625C}
#faq .faq-q{padding:22px 24px;font-weight:700;background:transparent;line-height:1.65;gap:18px;color:var(--navy)}
#faq .faq-q span{flex:0 0 24px;text-align:center;font-family:"SUIT Variable",sans-serif;font-size:26px;font-weight:400;line-height:1;color:#7A8492;transform:none}
#faq .faq-item.open .faq-q span{color:#FF625C}
#faq .faq-q:focus-visible{outline:2px solid #FF625C;outline-offset:-5px;border-radius:15px}
#faq .faq-a{padding:0 24px 22px;color:#6F7785;line-height:1.85;word-break:keep-all}
@media(max-width:900px){#faq .faq-layout{grid-template-columns:minmax(0,1fr);gap:28px}#faq .section-head h2{font-size:32px}#faq .section-head p{max-width:none}}
@media(max-width:700px){#faq .section-head h2{font-size:30px}#faq .faq-q{font-size:18px}#faq .faq-a{font-size:16px}}
/* Final calls to action */
.final{padding:64px 0;height:auto;min-height:0}
.final-box h2{margin:0 0 24px}
.final-box .final-highlight{color:#FF625C}
.final-box p{margin:0 auto 28px}
.final-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.final-actions .btn{height:56px;padding:15px 27px;border-radius:10px;font-size:16px;font-weight:700}
.final-actions .final-kakao{width:140px;background:#fff;border:1px solid #203669;color:#203669}
.final-actions .final-start{background:#FF625C;border:1px solid #FF625C;color:#fff}
.final-actions .final-start:hover{background:#e9504a;border-color:#e9504a;opacity:1}
@media(max-width:400px){.final-actions .btn{padding-left:16px;padding-right:16px;font-size:15px}}

/* Integrated plans: choice and monthly benefit together at the top. */
.plan[data-cat="integrated"] .plan-badges{min-height:0}
.plan[data-cat="integrated"] .label{display:inline-block;max-width:100%;white-space:normal;word-break:keep-all;font-size:14px;line-height:1.6}
.plan[data-cat="integrated"] .label,.plan.featured[data-cat="integrated"] .label{background:#FFF1EE;color:#243E73}
.integrated-perk{margin-top:7px;color:#B6433C;font-size:14px;font-weight:700;line-height:1.6}
.integrated-perk .recommend-badge{margin-left:4px;vertical-align:middle}
.plan[data-cat="integrated"] .plan-details{margin-bottom:0}

/* Shared choice guidance and comparison-first integrated cards. */
.integrated-summary{display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap;background:#FFF1EE;border-radius:12px;padding:15px 20px;margin:-8px 0 22px;color:#243E73;font-size:16px;line-height:1.6;word-break:keep-all}
.integrated-summary[hidden]{display:none!important}
.integrated-summary strong{color:#B6433C;font-weight:750;white-space:nowrap}
.plan[data-cat="integrated"] h3{margin:0 0 12px;font-weight:700;color:#203669}
.plan[data-cat="integrated"] h3 .recommend-badge{vertical-align:middle;margin-left:6px}
.plan[data-cat="integrated"] .price .month-prefix{font-size:17px;margin:0 4px 0 0;color:#707786;font-weight:600}
.plan[data-cat="integrated"] .plan-data.has-promo{display:flex;align-items:baseline;gap:4px 8px;flex-wrap:wrap;margin-bottom:10px}
.integrated-promo{font-size:15px;line-height:1.6;font-weight:700;color:#B6433C;word-break:keep-all}
@media(max-width:700px){.integrated-summary{padding:14px 16px;font-size:15px;gap:2px 12px}}