/* [ec_tco] 3년 총비용 비교 — ec.css 토큰 위에서 */
.ec-tco [hidden]{display:none!important}
.ec-tco-calc{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px;margin-top:20px}
.ec-tco-col{display:flex;flex-direction:column;gap:10px}
.ec-tco-f label b{display:inline-block;min-width:1.4em;font-weight:800}
.ec-tco-in{display:flex;align-items:center;gap:8px}
.ec-tco-in input{flex:1;min-width:0;text-align:right;font-variant-numeric:tabular-nums}
.ec-tco-in small{white-space:nowrap;color:var(--ec-sub)}
.ec-tco-out{grid-column:1/-1;display:flex;flex-direction:column;gap:10px}
.ec-tco-empty{margin:0;font-weight:700}
.ec-tco-sum{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}
.ec-tco-sum div{display:flex;flex-direction:column;gap:4px}
.ec-tco-sum dt{font-size:14px;color:var(--ec-sub)}
.ec-tco-sum dd{margin:0;font-size:24px;font-weight:800;font-variant-numeric:tabular-nums}
@media (max-width:860px){.ec-tco-calc{grid-template-columns:1fr}.ec-tco-sum dd{font-size:20px}
  /* 산식 표 — 휴대폰에서는 «설치형 · 임대형»을 한 칸 안에 세로로 */
  .ec-tco .ec-table{min-width:0!important;width:100%}
  .ec-tco .ec-table thead{display:none}
  .ec-tco .ec-table tr{display:block}
  .ec-tco .ec-table td{display:block;width:auto!important}
  .ec-tco .ec-table td:first-child{font-weight:800}
  .ec-tco .ec-table td:nth-child(2)::before{content:'설치형  ';font-weight:700;color:var(--ec-sub)}
  .ec-tco .ec-table td:nth-child(3)::before{content:'임대형  ';font-weight:700;color:var(--ec-sub)}}