#prepayment-tool{ max-width: var(--max-width); margin: 0 auto; padding: 32px 16px 80px; color: var(--text-main); }

.progress-track{ margin-top: 14px; height: 10px; background: rgba(var(--heading-rgb),0.06); border-radius: 999px; overflow: hidden; }

.progress-bar{ height: 100%; background: linear-gradient(90deg, var(--point), var(--point-dark)); border-radius: 999px; transition: width 0.4s ease; }

.progress-meta{ display: flex; justify-content: space-between; margin-top: 6px; font-size: 0.85rem; color: var(--text-sub); }

.info-table-wrap{ margin-top: 14px; overflow-x: auto; border-radius: 14px; border: 1px solid rgba(var(--heading-rgb),0.06); background: var(--surface); }

.info-table{ width: 100%; border-collapse: collapse; min-width: 480px; }

.info-table th, .info-table td{ padding: 10px 12px; border-bottom: 1px solid rgba(var(--heading-rgb),0.06); text-align: center; font-size: 0.95rem; }

.info-table th{ background: var(--skel-b); color: var(--heading); font-weight: 700; }

@media (max-width: 900px){  .form-grid-2{ grid-template-columns: 1fr; }  }

@media (max-width: 768px){
    
    #prepayment-tool{ padding: 20px 12px 60px; }
    
    
  }

@media (max-width: 640px){
    .result-grid{ grid-template-columns: 1fr; }
    }

/* prepayment-fee-calculator — 인라인 style 이관(2026-08-04). 선택자 반복은 특정도 조절이다(오타 아님). */
.pfcx-1.pfcx-1{margin-top:10px;font-size:0.9rem;color:var(--text-sub)}