.new-order-page, .new-order-page * { box-sizing: border-box; }
.new-order-page { --blue:#174f99; --teal:#079c96; --green:#087334; color:#151c2d; padding:30px 16px 70px; background:#fff; font-family:"Noto Sans KR","Malgun Gothic",sans-serif; word-break:keep-all; }
.new-order-hero, .new-order-products { width:100%; max-width:700px; margin-left:auto; margin-right:auto; }
.new-order-hero { margin-bottom:28px; text-align:center; }
.new-order-hero > p { margin:0; padding:15px 20px; border:1px solid #d5e2f1; border-radius:10px; background:#f5f9fe; color:#303a48; font-size:16px; font-weight:700; box-shadow:0 2px 7px rgba(28,72,123,.06); }
.new-order-hero > p strong { color:#175ed0; }
.device-icon { display:inline-block; margin-right:9px; color:#505560; font-size:22px; vertical-align:-2px; letter-spacing:2px; }
.new-order-products { display:flex; flex-direction:column; gap:42px; }
.plan-card { position:relative; overflow:visible; border:1px solid #dce3e8; border-radius:13px; background:#fff; box-shadow:0 5px 16px rgba(22,39,66,.12); }
.plan-card__header { display:flex; align-items:center; justify-content:space-between; min-height:65px; padding:13px 23px; color:#fff; border-radius:12px 12px 0 0; background:linear-gradient(135deg,#2360aa,#124689); }
.plan-card--teal .plan-card__header { background:linear-gradient(135deg,#19aaa2,#078e89); }
.plan-card--gold { border:3px solid #f4b820; box-shadow:0 6px 18px rgba(146,103,0,.18); }
.plan-card--gold .plan-card__header { margin:-1px; background:linear-gradient(135deg,#118344,#05652c); }
.plan-card__header h2 { margin:0; color:#fff; font-size:23px; font-weight:800; }
.plan-card__header p { margin:0; color:rgba(255,255,255,.94); font-size:15px; font-weight:700; }
.plan-card__body { display:grid; grid-template-columns:1fr 1.08fr; align-items:center; min-height:207px; padding:20px 22px; }
.plan-card__features { padding:5px 24px 5px 4px; border-right:1px solid #e1e4e7; }
.plan-card__features p { display:flex; align-items:center; gap:15px; margin:13px 0; font-size:14px; font-weight:600; }
.device-badge { flex:0 0 82px; padding:5px 8px; border:1px dashed; border-radius:18px; text-align:center; font-size:14px; background:#fff; }
.device-badge--mobile { color:#1265cf; }
.device-badge--pc { color:#e13427; }
.plan-card__price { position:relative; padding-left:30px; text-align:center; }
.list-price { margin:0 0 5px; color:#666; font-size:14px; text-decoration:line-through; }
.sale-price { margin:0 0 10px; color:var(--blue); font-size:38px; line-height:1.1; font-weight:900; letter-spacing:-1.5px; }
.plan-card--teal .sale-price { color:var(--teal); }
.plan-card--gold .sale-price { color:var(--green); }
.sale-price small { font-size:16px; font-weight:800; letter-spacing:-.5px; }
.price-note { margin:0 0 14px; padding:7px 10px; border-radius:10px; background:#f1f2f4; color:#61656c; font-size:13px; }
.plan-card--teal .price-note { background:#eaf7f6; }
.plan-card--gold .price-note { background:#e7f5e9; color:#26723e; }
.purchase-button { display:flex; align-items:center; justify-content:center; position:relative; width:100%; height:43px; border-radius:5px; background:linear-gradient(135deg,#252525,#111); color:#fff !important; font-size:17px; font-weight:700; text-decoration:none !important; transition:transform .15s,filter .15s; }
.plan-card--gold .purchase-button { background:linear-gradient(135deg,#126433,#043f20); }
.purchase-button span { position:absolute; right:17px; font-size:29px; font-weight:300; }
.purchase-button:hover, .purchase-button:focus { filter:brightness(1.15); transform:translateY(-1px); }
.discount-badge { display:flex; flex-direction:column; justify-content:center; position:absolute; z-index:2; top:-8px; right:-9px; width:58px; height:58px; border-radius:50%; background:#10a49e; color:#fff; font-size:18px; line-height:1; font-weight:900; box-shadow:0 3px 8px rgba(0,0,0,.13); }
.plan-card--gold .discount-badge { background:#ffc21a; color:#111; }
.discount-badge small { margin-top:4px; font-size:12px; }
.best-label { position:absolute; z-index:3; top:-21px; right:25px; padding:7px 22px; border-radius:20px; background:#ffc21a; color:#4d3900; font-size:14px; font-weight:900; letter-spacing:1px; box-shadow:0 3px 7px rgba(120,83,0,.17); }
.recurring-notice { display:grid; grid-template-columns:135px 1fr 25px; align-items:center; gap:20px; margin-top:-30px; padding:17px 22px; border:1px dashed #b7bec7; border-radius:8px; background:#fafbfd; }
.recurring-notice h2 { margin:0; color:#194d8b; font-size:18px; text-align:center; border-right:1px solid #aab3be; }
.recurring-notice p { margin:0; color:#69717e; font-size:12px; line-height:1.55; }
.recurring-notice > span { color:#2e69b0; text-align:right; }
.benefit-strip { display:flex; align-items:center; gap:22px; padding:20px 23px; border:1px solid #b8d1f2; border-radius:12px; background:#f7fbff; }
.benefit-strip h2 { flex:0 0 125px; margin:0; color:#174984; font-size:19px; line-height:1.35; border-right:1px solid #ccd8e7; }
.benefit-strip ul { display:grid; grid-template-columns:repeat(4,1fr); flex:1; gap:12px; margin:0; padding:0; list-style:none; }
.benefit-strip li { display:flex; align-items:center; gap:7px; color:#3d4653; font-size:10px; }
.benefit-strip li b { display:grid; place-items:center; flex:0 0 32px; height:32px; border-radius:8px; background:#2165d4; color:#fff; font-size:13px; }
.benefit-strip li:nth-child(2) b { background:#48a84c; }.benefit-strip li:nth-child(3) b { background:#8446c6; }.benefit-strip li:nth-child(4) b { background:#1885b7; }
.benefit-strip li span { display:flex; flex-direction:column; white-space:nowrap; }.benefit-strip li strong { color:#171b22; font-size:11px; }
.payment-caption { margin:0; color:#6a7079; font-size:11px; text-align:center; }
@media (max-width:760px) {
  .new-order-page { padding:22px 13px 50px; }
  .new-order-hero { margin-bottom:24px; }.new-order-hero > p { padding:13px 12px; font-size:13px; line-height:1.5; }
  .new-order-products { gap:32px; }.plan-card__header { display:block; min-height:0; padding:13px 18px; text-align:center; }.plan-card__header h2 { font-size:20px; }.plan-card__header p { margin-top:5px; font-size:13px; }
  .plan-card__body { display:block; min-height:0; padding:18px; }.plan-card__features { padding:0 0 10px; border-right:0; border-bottom:1px solid #e1e4e7; }.plan-card__features p { justify-content:center; margin:9px 0; font-size:13px; }
  .plan-card__price { padding:19px 0 0; }.sale-price { font-size:34px; }.discount-badge { top:12px; right:0; width:52px; height:52px; font-size:16px; }.best-label { top:-17px; right:12px; padding:6px 15px; font-size:11px; }
  .recurring-notice { display:block; margin-top:-20px; padding:15px 17px; text-align:center; }.recurring-notice h2 { padding:0 0 9px; border-right:0; border-bottom:1px solid #ccd1d7; }.recurring-notice p { padding-top:9px; }.recurring-notice p br { display:none; }.recurring-notice > span { display:none; }
  .benefit-strip { display:block; padding:17px; }.benefit-strip h2 { margin-bottom:14px; padding-bottom:11px; border-right:0; border-bottom:1px solid #ccd8e7; text-align:center; }.benefit-strip h2 br { display:none; }.benefit-strip ul { grid-template-columns:1fr 1fr; }.benefit-strip li { font-size:10px; }
}
@media (max-width:380px) { .sale-price { font-size:30px; }.device-badge { flex-basis:74px; }.benefit-strip ul { grid-template-columns:1fr; } }