/* 크레딧 결제 페이지 */
.credit-balance-box { display:flex; align-items:baseline; gap:12px; padding:20px 24px; border:1px solid #e5e2dd; border-radius:12px; background:#fff; margin-bottom:24px; }
.credit-balance-box .label { font-size:13px; color:#6b655e; }
.credit-balance-box .value { font-size:26px; font-weight:800; color:#2c2a27; font-variant-numeric:tabular-nums; }

.credit-packs { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-bottom:24px; }
@media (max-width:640px){ .credit-packs { grid-template-columns:1fr; } }
.credit-pack { text-align:center; padding:22px 14px; border:1.5px solid #e0dcd5; border-radius:12px; background:#fff; cursor:pointer; transition:border-color .15s, box-shadow .15s; }
.credit-pack:hover { border-color:#d79a3c; }
.credit-pack.active { border-color:#b6772a; background:#fbf3e6; box-shadow:0 0 0 3px rgba(182,119,42,.15); }
.credit-pack-krw { font-size:15px; color:#6b655e; }
.credit-pack-credits { font-size:22px; font-weight:800; color:#2c2a27; margin-top:6px; font-variant-numeric:tabular-nums; }
.credit-pack-bonus { margin-top:6px; font-size:13px; font-weight:700; color:#2e9e5b; min-height:18px; }

.credit-form { max-width:460px; }
.credit-field { display:flex; flex-direction:column; gap:6px; margin-bottom:14px; }
.credit-field label { font-size:13px; font-weight:600; color:#4a453f; }
.credit-field input[type=tel], .credit-field input[type=text] { padding:11px 13px; border:1px solid #d8dee6; border-radius:9px; font-size:14px; }
.credit-agrees { display:flex; flex-direction:column; gap:8px; margin:6px 0 16px; }
.credit-agrees label { font-size:13px; color:#4a453f; display:flex; gap:8px; align-items:flex-start; }
.credit-msg { min-height:20px; font-size:13px; margin-top:10px; }
.credit-msg.ok { color:#2e9e5b; } .credit-msg.error { color:#c0392b; }

.credit-recent { margin-top:32px; max-width:520px; }
.credit-recent-title { font-size:14px; margin:0 0 10px; }
.credit-recent-list { list-style:none; margin:0; padding:0; }
.credit-recent-list li { display:flex; justify-content:space-between; padding:9px 0; border-bottom:1px solid #eee7df; font-size:13px; color:#5c574f; }
.credit-delta.plus { color:#2e9e5b; font-weight:700; } .credit-delta.minus { color:#b6772a; font-weight:700; }

.credit-biz { margin-top:28px; font-size:11.5px; color:#9a948c; line-height:1.7; border-top:1px solid #eee7df; padding-top:14px; }