/*
 * fx 요금제 화면(화면키 pricing) — 접두사 fx-pricing-. 공통 부품(fx-sec·fx-button·fx-pill·fx-list·fx-panel·fx-field)을 쓰고
 * 이 화면에만 필요한 모양만 여기서 만든다. 면: 머리·시작 절차·마지막 CTA 어둡게 / 나머지 밝게(구획에 data-fx-surface="light").
 * 모바일 먼저. 표는 768 미만에서 행 목록(항목 → 플랜별 줄)으로 접는다.
 */

.fx-pricing{--fx-pricing-y:clamp(64px,8vw,112px);overflow-x:clip}
.fx-pricing .fx-sec{padding:var(--fx-pricing-y) 0}
.fx-pricing .fx-sec.fx-sec--tall{padding:var(--fx-sec-y) 0}

/* ===== 제목·머리말 ===== */
.fx-pricing-h2{font-size:var(--fx-size-h2);line-height:1.2;font-weight:700;letter-spacing:-.025em;word-break:keep-all;text-wrap:balance}
.fx-pricing-h2--m{font-size:clamp(28px,3.4vw,44px);line-height:1.25}
.fx-pricing-head{max-width:760px;margin-bottom:var(--fx-sp-12)}
.fx-pricing-head .fx-lead{margin-top:var(--fx-sp-4)}
.fx-pricing-notes{max-width:760px;margin-top:var(--fx-sp-4)}
.fx-pricing-notes:first-of-type{margin-top:var(--fx-sp-8)}
.fx-pricing-notes a{color:var(--fx-fg);font-weight:600}
.fx-pricing-arrow{width:20px;height:20px;flex:none}
.fx-pricing-chev{width:20px;height:20px;flex:none;transition:transform var(--fx-time-mid) var(--fx-ease-std)}

/* 좌 제목 / 우 본문 */
.fx-pricing-split{display:grid;gap:var(--fx-sp-8)}
.fx-pricing-split__head .fx-lead{margin-top:var(--fx-sp-4)}
.fx-pricing-more{margin-top:var(--fx-sp-6);font-size:var(--fx-size-body);color:var(--fx-fg-2)}
.fx-pricing-more__link{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-weight:700;color:var(--fx-fg);text-decoration:underline;text-underline-offset:4px}

/* ===== 1. 머리 (어둡게) ===== */
.fx-pricing .fx-pricing-hero{padding:132px 0 72px}
.fx-pricing-hero__in{display:grid;gap:var(--fx-sp-12);align-items:center}
.fx-pricing-hero__h1{font-size:clamp(40px,6vw,72px);line-height:1.1;letter-spacing:-.03em;font-weight:700;word-break:keep-all;text-wrap:balance}
.fx-pricing-hero__copy .fx-lead{margin-top:var(--fx-sp-6);max-width:520px}
.fx-pricing-hero__act{margin-top:var(--fx-sp-8);display:flex;flex-wrap:wrap;gap:var(--fx-sp-3) var(--fx-sp-4)}
.fx-pricing-hero__panel{width:100%}

.fx-pricing-price{padding:var(--fx-sp-8) var(--fx-sp-6)}
.fx-pricing-price__k{font-size:16px;font-weight:600;color:var(--fx-fg-2)}
.fx-pricing-price__num{display:flex;align-items:baseline;gap:6px;margin-top:4px;line-height:1.05}
.fx-pricing-price__num b{font-size:clamp(52px,7vw,84px);font-weight:700;letter-spacing:-.03em;color:var(--fx-brand)}
.fx-pricing-price__unit{font-size:clamp(24px,2.6vw,32px);font-weight:700;color:var(--fx-fg)}
.fx-pricing-price__calc{margin-top:var(--fx-sp-6)}
.fx-pricing-price .fx-list--lined .fx-list__item{grid-template-columns:1fr;font-size:17px;min-height:52px;padding:8px 0;color:var(--fx-fg-2)}
.fx-pricing-price .fx-list--lined .fx-list__item:first-child{border-top:1px solid var(--fx-edge)}
.fx-pricing-price__then{margin-top:var(--fx-sp-6);padding-top:var(--fx-sp-6);border-top:1px solid var(--fx-edge-strong);font-size:20px;color:var(--fx-fg-2)}
.fx-pricing-price__then b{font-size:clamp(26px,2.6vw,32px);font-weight:700;color:var(--fx-fg);letter-spacing:-.02em}

/* ===== 2. 플랜 비교 (밝게) ===== */
.fx-pricing .fx-pricing-plans{padding:var(--fx-sp-12) 0 var(--fx-pricing-y)}
.fx-pricing-bill{display:flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:26px;background:var(--fx-tint);box-shadow:inset 0 0 0 1px var(--fx-edge)}
.fx-pricing-bill--top{display:none}
.fx-pricing-bill__btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:var(--fx-radius-pill);font-size:16px;font-weight:600;color:var(--fx-fg-2);transition:background-color var(--fx-time-fast) var(--fx-ease-std),color var(--fx-time-fast)}
.fx-pricing-bill__btn:hover{color:var(--fx-fg)}
.fx-pricing-bill__btn.is-on{background:var(--fx-fg);color:var(--fx-bg)}
.fx-pricing-bill__chip{padding:2px 8px;border-radius:var(--fx-radius-pill);background:var(--fx-brand);color:var(--fx-brand-ink);font-size:var(--fx-size-min);font-weight:700;line-height:1.5}

.fx-pricing-pt{display:block;width:100%}
.fx-pricing-pt caption{display:block}
.fx-pricing-pt thead,.fx-pricing-pt tbody,.fx-pricing-pt tr,.fx-pricing-pt th,.fx-pricing-pt td{display:block;text-align:left;font-weight:400}
.fx-pricing-pt thead tr{display:grid;gap:var(--fx-sp-3)}
.fx-pricing-pt__corner{padding:0 0 var(--fx-sp-2)}
.fx-pricing-pt__basis{display:block;margin-top:var(--fx-sp-3);font-size:var(--fx-size-small);color:var(--fx-fg-3)}
.fx-pricing-pt__basis[hidden]{display:none}

.fx-pricing-pt__plan{padding:var(--fx-sp-6);border-radius:var(--fx-radius-l);background:var(--fx-card);box-shadow:inset 0 0 0 1px var(--fx-edge-strong)}
.fx-pricing-pt__plan--main{box-shadow:inset 0 0 0 2px var(--fx-fg)}
.fx-pricing-pt__plan>span{display:block}
.fx-pricing-pt__plan>span[hidden]{display:none}
.fx-pricing-pt__plan>.fx-pricing-pt__chip{display:inline-block;width:fit-content;margin-bottom:var(--fx-sp-3);padding:2px 10px;border-radius:var(--fx-radius-pill);background:var(--fx-brand);color:var(--fx-brand-ink);font-size:var(--fx-size-min);font-weight:700;line-height:1.6}
.fx-pricing-pt__tag{font-size:15px;color:var(--fx-fg-2)}
.fx-pricing-pt__plan--main .fx-pricing-pt__tag{color:rgba(17,17,17,.78)}
.fx-pricing-pt__name{margin-top:2px;font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1.2}
.fx-pricing-pt__first{margin-top:var(--fx-sp-6)}
.fx-pricing-pt__first-l{display:block;font-size:15px;font-weight:600}
.fx-pricing-pt__plan>.fx-pricing-pt__price{display:flex;align-items:baseline;gap:4px;margin-top:var(--fx-sp-4);font-variant-numeric:tabular-nums}
.fx-pricing-pt__plan>.fx-pricing-pt__price[hidden]{display:none}
.fx-pricing-pt__first .fx-pricing-pt__price{display:flex;align-items:baseline;gap:4px;margin-top:2px;font-variant-numeric:tabular-nums}
.fx-pricing-pt__price b{font-size:clamp(36px,4vw,48px);font-weight:700;letter-spacing:-.03em;line-height:1.1}
.fx-pricing-pt__unit{font-size:18px;font-weight:600}
.fx-pricing-pt__calc{display:block;margin-top:var(--fx-sp-2)}
.fx-pricing-pt__line{display:block;font-size:15px;line-height:1.7;color:var(--fx-fg-2)}
.fx-pricing-pt__plan--main .fx-pricing-pt__line{color:rgba(17,17,17,.78)}
.fx-pricing-pt__then{margin-top:var(--fx-sp-4);padding-top:var(--fx-sp-3);border-top:1px solid var(--fx-edge-strong);font-size:17px}
.fx-pricing-pt__plan--main .fx-pricing-pt__then{border-top-color:rgba(17,17,17,.25)}
.fx-pricing-pt__then b{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}
.fx-pricing-pt__promo{margin-top:var(--fx-sp-2);font-size:15px;color:var(--fx-fg-2)}
.fx-pricing-pt__plan--main .fx-pricing-pt__promo{color:rgba(17,17,17,.78)}

.fx-pricing-pt tbody{margin-top:var(--fx-sp-3);border-radius:var(--fx-radius-m);overflow:hidden;background:var(--fx-card);box-shadow:inset 0 0 0 1px var(--fx-edge)}
.fx-pricing-pt tbody tr{padding:var(--fx-sp-4) var(--fx-sp-6);border-top:1px solid var(--fx-edge)}
.fx-pricing-pt tbody tr:first-child{border-top:0}
.fx-pricing-pt tbody tr.fx-pricing-pt__group{padding:var(--fx-sp-3) var(--fx-sp-6);background:var(--fx-bg-2)}
.fx-pricing-pt__group th{font-size:var(--fx-size-small);font-weight:700;color:var(--fx-fg)}
.fx-pricing-pt__group th span{display:block;margin-top:2px;font-size:var(--fx-size-small);font-weight:400;line-height:1.6;color:var(--fx-fg-3)}
.fx-pricing-pt tbody th[scope=row]{font-size:17px;font-weight:600;line-height:1.5;margin-bottom:var(--fx-sp-2)}
.fx-pricing-pt__baro{display:block;margin-top:4px;font-size:var(--fx-size-small);font-weight:400;color:var(--fx-fg-2)}
.fx-pricing-pt__baro-note{display:block;font-size:var(--fx-size-small);font-weight:400;color:var(--fx-fg-3)}
.fx-pricing-pt__baro-note a{color:var(--fx-fg-2);text-decoration:underline;text-underline-offset:3px}
.fx-pricing-pt td[data-who]{display:flex;align-items:center;justify-content:space-between;gap:var(--fx-sp-3);padding:6px 0;font-size:17px}
.fx-pricing-pt td[data-who]::before{content:attr(data-who);font-size:var(--fx-size-small);font-weight:600;color:var(--fx-fg-3)}
.fx-pricing-pt .fx-ico{width:28px;height:28px;flex:none;padding:4px;border-radius:50%;color:var(--fx-fg-3)}
.fx-pricing-pt .is-on .fx-ico{background:var(--fx-brand);color:var(--fx-brand-ink)}
.fx-pricing-pt .fx-ico--off{background:none}
.fx-pricing-pt__features{margin-top:var(--fx-sp-6);padding-left:20px;list-style:disc;font-size:var(--fx-size-body);color:var(--fx-fg-2)}
.fx-pricing-pt__note{max-width:760px;margin-top:var(--fx-sp-6)}
.fx-pricing-pt__note strong{color:var(--fx-fg)}

/* ===== 3. 계산기 (밝게 + 결과 어둡게) ===== */
.fx-pricing-sim{display:grid;gap:var(--fx-sp-8);align-items:stretch}
.fx-pricing-sim__field{margin-top:var(--fx-sp-6)}
.fx-pricing-sim__in .fx-lead{margin-top:var(--fx-sp-4)}
.fx-pricing-sim__in .fx-pricing-sim__field:first-of-type{margin-top:var(--fx-sp-8)}
.fx-pricing-sim__label{display:block;margin-bottom:var(--fx-sp-2);font-size:16px;font-weight:600;color:var(--fx-fg)}
.fx-pricing-select{position:relative;display:block}
.fx-pricing-select .fx-field{appearance:none;-webkit-appearance:none;padding-right:52px;background:var(--fx-card);cursor:pointer;text-overflow:ellipsis}
.fx-pricing-select .fx-pricing-chev{position:absolute;right:20px;top:50%;margin-top:-10px;pointer-events:none;color:var(--fx-fg-2)}
.fx-pricing-sim__out{display:flex;flex-direction:column;padding:var(--fx-sp-8) var(--fx-sp-6);border-radius:var(--fx-radius-l);box-shadow:inset 0 0 0 1px var(--fx-edge-strong),var(--fx-shadow-paper)}
.fx-pricing-sim__outlabel{font-size:16px;font-weight:600;color:var(--fx-fg-2)}
.fx-pricing-sim__total{margin-top:var(--fx-sp-2);font-size:clamp(40px,5vw,64px);font-weight:700;letter-spacing:-.03em;line-height:1.1;word-break:keep-all}
.fx-pricing-sim__total.is-long{font-size:clamp(26px,3vw,36px);line-height:1.25}
.fx-pricing-sim__formula{margin-top:var(--fx-sp-4);font-size:16px;line-height:1.7;color:var(--fx-fg-2)}
.fx-pricing-sim__next{margin-top:var(--fx-sp-2);font-size:15px;color:var(--fx-fg-3)}
.fx-pricing-sim__compare{margin-top:var(--fx-sp-6);padding-top:var(--fx-sp-4);border-top:1px solid var(--fx-edge-strong);font-size:15px;line-height:1.7;color:var(--fx-fg-2)}
.fx-pricing-sim__compare[hidden]{display:none}
.fx-pricing-sim__cta{margin-top:auto;padding-top:var(--fx-sp-8)}
.fx-pricing-sim__cta .fx-button{width:100%}

/* ===== 4. 업종별 설치비 (밝게, 한 단 어둡게 깔린 종이) ===== */
.fx-pricing-fees[data-fx-surface]{--fx-bg:var(--fx-paper-2);--fx-bg-2:var(--fx-paper);--fx-tint:rgba(17,17,17,.045)}
.fx-pricing-fees__grid{display:grid;gap:var(--fx-sp-12) var(--fx-sp-16)}
.fx-pricing-fee{border-top:2px solid var(--fx-fg)}
.fx-pricing-fee__head{padding:var(--fx-sp-4) 0 var(--fx-sp-3)}
.fx-pricing-fee__head .fx-note{margin-top:2px}
.fx-pricing-fee .fx-list--lined .fx-list__item{grid-template-columns:1fr auto;min-height:56px;padding:8px 0;font-size:18px}
.fx-pricing-fee__row>.fx-pill{grid-column:auto;justify-self:end}
.fx-pricing-fee__tpl{font-size:15px;color:var(--fx-fg-3)}
.fx-pricing-fee__amt{font-size:20px}
.fx-pricing-fee__empty{padding:var(--fx-sp-4) 0;font-size:var(--fx-size-body);color:var(--fx-fg-2)}
.fx-pricing-fee__empty a{color:var(--fx-fg);font-weight:600;text-decoration:underline;text-underline-offset:3px}

/* ===== 5·6. 비교표·지원 표 (밝게, 우리 열만 어둡게) ===== */
.fx-pricing-fold>summary{list-style:none}
.fx-pricing-fold>summary::-webkit-details-marker{display:none}
.fx-pricing-fold__sum{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--fx-sp-4);min-width:240px;min-height:56px;padding:0 24px;border-radius:var(--fx-radius-pill);box-shadow:inset 0 0 0 1px var(--fx-edge-strong);font-size:17px;font-weight:600;cursor:pointer;transition:background-color var(--fx-time-fast) var(--fx-ease-std)}
.fx-pricing-fold__sum:hover{background:var(--fx-tint)}
.fx-pricing-fold[open]>.fx-pricing-fold__sum .fx-pricing-chev{transform:rotate(180deg)}
.fx-pricing-fold .fx-pricing-tbl{margin-top:var(--fx-sp-8)}

.fx-pricing-tbl,.fx-pricing-tbl tbody,.fx-pricing-tbl tr,.fx-pricing-tbl th,.fx-pricing-tbl td{display:block;text-align:left;font-weight:400}
.fx-pricing-tbl{width:100%}
.fx-pricing-tbl thead{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}
.fx-pricing-tbl tbody tr{padding:var(--fx-sp-6) 0;border-top:1px solid var(--fx-edge-strong)}
.fx-pricing-tbl tbody th{margin-bottom:var(--fx-sp-3);font-size:16px;font-weight:600;line-height:1.5;color:var(--fx-fg-2)}
.fx-pricing-tbl td{padding:var(--fx-sp-3) var(--fx-sp-4);font-size:18px;line-height:1.5;border-radius:var(--fx-radius-m)}
.fx-pricing-tbl td+td{margin-top:6px}
.fx-pricing-tbl td::before{content:attr(data-who);display:block;margin-bottom:2px;font-size:var(--fx-size-min);font-weight:600;color:var(--fx-fg-3)}
.fx-pricing-tbl td.fx-pricing-tbl__ours{background:var(--fx-s0);color:var(--fx-t1)}
.fx-pricing-tbl td.fx-pricing-tbl__ours::before{color:var(--fx-t3)}
.fx-pricing-tbl__sub{display:block;margin-top:4px;font-size:15px;line-height:1.6;color:var(--fx-fg-3)}
.fx-pricing-tbl__ours .fx-pricing-tbl__sub{color:var(--fx-t2)}
.fx-pricing-tbl__zero{display:block;font-size:clamp(28px,3vw,36px);font-weight:700;letter-spacing:-.02em;line-height:1.2;color:var(--fx-brand)}
.fx-pricing-tbl__link{display:inline-flex;align-items:center;min-height:44px;font-weight:700;text-decoration:underline;text-underline-offset:4px}

/* ===== 7. 시작 절차 (어둡게) ===== */
.fx-pricing-flow__list{display:grid;gap:var(--fx-sp-8) var(--fx-sp-6);counter-reset:none}
.fx-pricing-flow__step{align-content:start;display:grid;grid-template-columns:64px 1fr;gap:2px var(--fx-sp-4);padding-top:var(--fx-sp-6);border-top:1px solid var(--fx-edge-strong)}
.fx-pricing-flow__n{grid-row:1/3;font-size:40px;font-weight:700;line-height:1;letter-spacing:-.03em;color:var(--fx-fg-3)}
.fx-pricing-flow__t{font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1.3}
.fx-pricing-flow__d{font-size:var(--fx-size-body);line-height:1.7;color:var(--fx-fg-2)}
.fx-pricing-flow__cta{margin-top:var(--fx-sp-12)}

/* ===== 8. FAQ (밝게) ===== */
.fx-pricing-faq__list{border-top:2px solid var(--fx-fg)}
.fx-pricing-faq__item{border-bottom:1px solid var(--fx-edge-strong)}
.fx-pricing-faq__item>summary{list-style:none}
.fx-pricing-faq__item>summary::-webkit-details-marker{display:none}
.fx-pricing-faq__q{display:flex;align-items:center;justify-content:space-between;gap:var(--fx-sp-6);min-height:72px;padding:var(--fx-sp-4) 0;font-size:19px;font-weight:600;line-height:1.45;letter-spacing:-.01em;cursor:pointer;transition:color var(--fx-time-fast)}
.fx-pricing-faq__q:hover{color:var(--fx-fg-2)}
.fx-pricing-faq__item[open] .fx-pricing-chev{transform:rotate(180deg)}
.fx-pricing-faq__a{max-width:680px;padding:0 0 var(--fx-sp-8);font-size:var(--fx-size-body);line-height:1.85;color:var(--fx-fg-2)}
.fx-pricing-faq__a strong{color:var(--fx-fg)}
.fx-pricing-faq__a a{color:var(--fx-fg);font-weight:600;text-decoration:underline;text-underline-offset:3px}

/* ===== 기본 포함 · 무료 (밝게) ===== */
.fx-pricing-free__list{border-top:2px solid var(--fx-fg)}
.fx-pricing-free .fx-list--lined .fx-list__item{grid-template-columns:1fr auto;min-height:72px;padding:12px 0}
.fx-pricing-free__item>.fx-pill{grid-column:auto;justify-self:end}
.fx-pricing-free__a{display:block}
.fx-pricing-free__n{display:block;font-size:19px;font-weight:700;letter-spacing:-.02em}
.fx-pricing-free__d{display:block;margin-top:2px;font-size:15px;color:var(--fx-fg-2)}
a.fx-pricing-free__a:hover .fx-pricing-free__n{text-decoration:underline;text-underline-offset:4px}

/* ===== 9. 마지막 CTA (어둡게) ===== */
.fx-pricing-end__t{font-size:clamp(40px,7.4vw,104px);font-weight:700;line-height:1.08;letter-spacing:-.035em;word-break:keep-all}
.fx-pricing-end__d{margin-top:var(--fx-sp-8);max-width:620px;font-size:var(--fx-size-lead)}
.fx-pricing-end__act{margin-top:var(--fx-sp-12);display:flex;flex-wrap:wrap;gap:var(--fx-sp-3) var(--fx-sp-6)}
.fx-pricing-end__act .fx-button{min-height:64px;padding:0 38px;font-size:20px}

/* ===== 반응형 ===== */
@media (max-width:480px){
  .fx-pricing-hero__act .fx-button,.fx-pricing-end__act .fx-button,.fx-pricing-flow__cta .fx-button{width:100%}
  .fx-pricing-end__act .fx-button{padding:0 24px}
  .fx-pricing-fold__sum{width:100%}
}
@media (min-width:768px){
  .fx-pricing .fx-pricing-hero{padding:152px 0 96px}
  .fx-pricing-price{padding:var(--fx-sp-8)}
  .fx-pricing-fees__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fx-pricing-flow__list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fx-pricing-flow__step{grid-template-columns:1fr;grid-template-rows:auto;gap:var(--fx-sp-3)}
  .fx-pricing-flow__n{grid-row:auto;font-size:56px}
  .fx-pricing-sim__out{padding:var(--fx-sp-12) var(--fx-sp-8)}

  .fx-pricing-pt thead tr{grid-template-columns:1fr 1fr}
  .fx-pricing-pt__corner{grid-column:1/-1}

  /* 비교표·지원 표: 표로 */
  .fx-pricing-tbl{display:table;border-collapse:separate;border-spacing:0;table-layout:fixed}
  .fx-pricing-tbl thead{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;display:table-header-group}
  .fx-pricing-tbl tbody{display:table-row-group}
  .fx-pricing-tbl tr{display:table-row;padding:0;border:0}
  .fx-pricing-tbl th,.fx-pricing-tbl td{display:table-cell;vertical-align:top}
  .fx-pricing-tbl thead th{padding:0 var(--fx-sp-6) var(--fx-sp-6) 0;font-size:20px;font-weight:700;letter-spacing:-.01em}
  .fx-pricing-tbl thead th:first-child{width:22%;font-size:var(--fx-size-small);font-weight:600;color:var(--fx-fg-3)}
  .fx-pricing-tbl tbody th,.fx-pricing-tbl tbody td{padding:var(--fx-sp-6) var(--fx-sp-6) var(--fx-sp-6) 0;border-top:1px solid var(--fx-edge-strong);border-radius:0}
  .fx-pricing-tbl tbody th{margin:0;padding-top:30px}
  .fx-pricing-tbl td+td{margin-top:0}
  .fx-pricing-tbl td::before{display:none}
  .fx-pricing-tbl thead th.fx-pricing-tbl__ours{padding:var(--fx-sp-6);background:var(--fx-s0);color:var(--fx-t1);border-radius:var(--fx-radius-l) var(--fx-radius-l) 0 0}
  .fx-pricing-tbl tbody td.fx-pricing-tbl__ours{padding:var(--fx-sp-6);border-top-color:rgba(255,255,255,.1)}
  .fx-pricing-tbl tbody tr:first-child td.fx-pricing-tbl__ours{border-top-color:transparent}
  .fx-pricing-tbl tbody tr:last-child td.fx-pricing-tbl__ours{border-radius:0 0 var(--fx-radius-l) var(--fx-radius-l)}
  .fx-pricing-tbl--sup thead th:first-child{width:30%}
  .fx-pricing-tbl thead th.fx-pricing-tbl__ours+th,.fx-pricing-tbl tbody td.fx-pricing-tbl__ours+td{padding-left:var(--fx-sp-6)}
}
@media (min-width:1024px){
  /* 플랜 표: 표로 */
  .fx-pricing-pt{display:table;border-collapse:separate;border-spacing:0;table-layout:fixed}
  .fx-pricing-pt thead{display:table-header-group}
  .fx-pricing-pt tbody{display:table-row-group;margin-top:0;border-radius:0;overflow:visible;background:none;box-shadow:none}
  .fx-pricing-pt tr,.fx-pricing-pt thead tr{display:table-row;padding:0;border:0}
  .fx-pricing-pt th,.fx-pricing-pt td{display:table-cell}
  .fx-pricing-pt__corner{width:30%;padding:0 var(--fx-sp-8) var(--fx-sp-6) 0;vertical-align:bottom}
  .fx-pricing-pt__corner .fx-pricing-bill{flex-direction:column;border-radius:var(--fx-radius-l)}
  .fx-pricing-pt__corner .fx-pricing-bill__btn{justify-content:space-between}
  .fx-pricing-pt__plan--main{background:var(--fx-brand);color:var(--fx-brand-ink);box-shadow:none}
  .fx-pricing-pt__plan--main .fx-pricing-pt__chip{background:var(--fx-brand-ink);color:var(--fx-brand)}
  .fx-pricing-pt__plan{vertical-align:top;padding:var(--fx-sp-8) var(--fx-sp-8) var(--fx-sp-6);border-radius:var(--fx-radius-l) var(--fx-radius-l) 0 0}
  .fx-pricing-pt tbody tr th,.fx-pricing-pt tbody tr td{padding:18px var(--fx-sp-8);background:var(--fx-card);border-top:1px solid var(--fx-edge);vertical-align:middle}
  .fx-pricing-pt tbody tr:first-child th,.fx-pricing-pt tbody tr:first-child td{border-top:0}
  .fx-pricing-pt tbody th[scope=row]{margin:0;padding-right:var(--fx-sp-6)}
  .fx-pricing-pt tbody tr.fx-pricing-pt__group th{padding:14px var(--fx-sp-8);background:var(--fx-bg-2)}
  .fx-pricing-pt td[data-who]{display:table-cell;padding:18px var(--fx-sp-8)}
  .fx-pricing-pt td[data-who]::before{display:none}
  .fx-pricing-pt__mark .fx-ico{display:block}
  .fx-pricing-pt tbody:first-of-type tr:first-child th{border-radius:0}
  .fx-pricing-pt tbody:last-of-type tr:last-child th{border-radius:0 0 0 var(--fx-radius-l)}
  .fx-pricing-pt tbody:last-of-type tr:last-child td:last-child{border-radius:0 0 var(--fx-radius-l) 0}
  .fx-pricing-pt tbody tr th:first-child,.fx-pricing-pt tbody tr td:first-child{box-shadow:inset 1px 0 var(--fx-edge)}
  .fx-pricing-pt tbody tr>*:last-child{box-shadow:inset -1px 0 var(--fx-edge)}
  .fx-pricing-pt tbody tr th:first-child:last-child{box-shadow:inset 1px 0 var(--fx-edge),inset -1px 0 var(--fx-edge)}
  .fx-pricing-pt tbody+tbody tr:first-child>*{border-top:1px solid var(--fx-edge-strong)}

  .fx-pricing .fx-pricing-hero{padding:168px 0 112px}
  .fx-pricing-hero__in{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--fx-sp-16)}
  .fx-pricing-split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--fx-sp-16);align-items:start}
  .fx-pricing-sim{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--fx-sp-16)}
  .fx-pricing-flow__list{grid-template-columns:repeat(4,minmax(0,1fr))}
  .fx-pricing-pt__corner{width:28%}
}
@media (prefers-reduced-motion:reduce){
  .fx-pricing-chev,.fx-pricing-fold__sum,.fx-pricing-bill__btn,.fx-pricing-faq__q{transition:none}
}

/* S2 tiers ===== 업종별 3단 비교 · 비즈니스 안내 · 계산기 보조 문구 · 세팅 안내 ===== */
.fx-pricing-tiers{--fx-tier-line:var(--fx-edge-strong)}
.fx-pricing-tier{scroll-margin-top:96px;margin-top:var(--fx-sp-12)}
.fx-pricing-tier:first-of-type{margin-top:0}
.fx-pricing-tier__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--fx-sp-2) var(--fx-sp-4);padding-bottom:var(--fx-sp-3);border-bottom:2px solid var(--fx-fg)}
.fx-pricing-tier__title{font-size:var(--fx-size-h3);line-height:1.3;font-weight:700;letter-spacing:-.02em}
.fx-pricing-tier__hint{font-size:16px;color:var(--fx-fg-2)}
.fx-pricing-tier__hint b{color:var(--fx-fg);font-weight:700}
.fx-pricing-tier__grid{display:grid;grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;border-bottom:1px solid var(--fx-tier-line)}
.fx-pricing-tier__col{position:relative;display:flex;flex-direction:column;min-width:0;padding:var(--fx-sp-6) 0;border-top:1px solid var(--fx-tier-line)}
.fx-pricing-tier__col:first-child{border-top:0}
.fx-pricing-tier__col.is-rec{padding-left:var(--fx-sp-6);padding-right:var(--fx-sp-6);background:var(--fx-fg);color:var(--fx-bg)}
.fx-pricing-tier__badge{align-self:flex-start;margin-bottom:var(--fx-sp-3);padding:2px 12px;border-radius:var(--fx-radius-pill);background:var(--fx-brand);color:var(--fx-brand-ink);font-size:14px;font-weight:700;line-height:1.7}
.fx-pricing-tier__name{font-size:20px;line-height:1.3;font-weight:700;letter-spacing:-.02em}
.fx-pricing-tier__price{margin-top:var(--fx-sp-2);font-size:clamp(32px,4vw,40px);line-height:1.15;font-weight:700;letter-spacing:-.025em;word-break:keep-all}
.fx-pricing-tier__price span{margin-left:2px;font-size:.5em;font-weight:600}
@media (min-width:768px) and (max-width:1023px){.fx-pricing-tier__price{font-size:28px;white-space:nowrap}}
.fx-pricing-tier__cap{margin-top:4px;font-size:14px;color:var(--fx-fg-2)}
.fx-pricing-tier__first{margin-top:var(--fx-sp-4);padding-top:var(--fx-sp-3);border-top:1px solid var(--fx-tier-line);font-size:16px;font-weight:600}
.fx-pricing-tier__first span{display:block;margin-top:2px;font-size:14px;font-weight:400;line-height:1.6;color:var(--fx-fg-2)}
.fx-pricing-tier__feat{flex:1 1 auto;margin:var(--fx-sp-4) 0 var(--fx-sp-6);padding:0;list-style:none}
.fx-pricing-tier__feat li{position:relative;padding:6px 0 6px 24px;font-size:15px;line-height:1.5;word-break:keep-all}
.fx-pricing-tier__feat li::before{position:absolute;left:0;top:6px;font-weight:700}
.fx-pricing-tier__feat li.is-on::before{content:"\2714"}
.fx-pricing-tier__feat li.is-off{color:var(--fx-fg-3)}
.fx-pricing-tier__feat li.is-off::before{content:"\2013"}
.fx-pricing-tier__btn{width:100%;min-height:48px;justify-content:center;margin-top:auto}
.fx-pricing-tier__col.is-rec .fx-pricing-tier__cap,.fx-pricing-tier__col.is-rec .fx-pricing-tier__first span{color:inherit;opacity:.78}
.fx-pricing-tier__col.is-rec .fx-pricing-tier__first{border-top-color:rgba(255,255,255,.28)}
.fx-pricing-tier__col.is-rec .fx-pricing-tier__feat li.is-on::before{color:var(--fx-brand)}
.fx-pricing-tier__col.is-rec .fx-pricing-tier__feat li.is-off{color:inherit;opacity:.55}
.fx-pricing-tier__btn:focus-visible{outline:2px solid var(--fx-ring);outline-offset:3px}
.fx-pricing-intro{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--fx-sp-2) var(--fx-sp-4);margin-top:var(--fx-sp-12);padding:var(--fx-sp-4) 0;border-top:2px solid var(--fx-fg);border-bottom:1px solid var(--fx-tier-line);font-size:18px}
.fx-pricing-intro .fx-tnum{font-size:24px;font-weight:700;letter-spacing:-.02em}
.fx-pricing-intro em{font-style:normal;font-size:16px;color:var(--fx-fg-2)}
.fx-pricing-setup{margin-top:var(--fx-sp-8);font-size:18px;line-height:1.6}
.fx-pricing-setup span{display:block;margin-top:4px;font-size:15px;color:var(--fx-fg-2)}
.fx-pricing-tbl__big{display:block;font-size:24px;font-weight:700;letter-spacing:-.02em}
.fx-pricing-sim__base{margin-top:var(--fx-sp-3);font-size:14px;color:var(--fx-fg-2)}
.fx-pricing-biz{margin-top:var(--fx-sp-6);border-top:1px solid var(--fx-edge-strong)}
.fx-pricing-biz__sum{display:flex;align-items:center;justify-content:space-between;gap:var(--fx-sp-3);min-height:52px;font-size:17px;font-weight:600;cursor:pointer;list-style:none}
.fx-pricing-biz__sum::-webkit-details-marker{display:none}
.fx-pricing-biz[open] .fx-pricing-chev{transform:rotate(180deg)}
.fx-pricing-biz__body{padding:0 0 var(--fx-sp-4);font-size:16px;line-height:1.7;color:var(--fx-fg-2)}
.fx-pricing-biz__list{margin:var(--fx-sp-3) 0 0;padding-left:20px}
.fx-pricing-biz__note{margin-top:var(--fx-sp-3);font-size:14px}
@media (min-width:768px){
  .fx-pricing-tier__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .fx-pricing-tier__col{padding:var(--fx-sp-8) var(--fx-sp-6);border-top:0;border-left:1px solid var(--fx-tier-line)}
  .fx-pricing-tier__col:first-child{border-left:0;padding-left:0}
  .fx-pricing-tier__col:last-child{padding-right:0}
  .fx-pricing-tier__col.is-rec{padding-left:var(--fx-sp-6);padding-right:var(--fx-sp-6);margin-top:-1px}
}
@media (max-width:480px){
  .fx-pricing-tier__col.is-rec{padding-left:var(--fx-sp-4);padding-right:var(--fx-sp-4);margin:0 calc(var(--fx-sp-4) * -1)}
}