/* 건강보험료로 연봉 계산기 (nhis.css) — core.css 다음에. 공통 모양은 core.css, 여기엔 이 계산기에만 쓰는 것 */
/* 머리: 폰에서 '건강보험료로 / 연봉 계산기'로 끊기게 */
.lc .hb-nb { white-space: nowrap; }
/* 결과: 세전 연봉 아래 계산식 · 월급 칸 */
.lc .lc-fig small { font-weight: 400; }
.lc .lc-eq { margin-top: 8px !important; font-size: 13px; color: var(--lc-muted); }
.lc .lc-eq b { color: #1f2328; font-weight: 700; }
.lc .hb-kv { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; margin-top: 14px; padding: 12px 15px; background: #fff; border: 1px solid var(--lc-line); border-radius: 14px; font-size: 14px; }
.lc .hb-kv > span:first-child { color: var(--lc-muted); font-weight: 700; white-space: nowrap; }
.lc .hb-kv small { font-weight: 400; }
.lc .hb-kv b { font-size: 18px; white-space: nowrap; }
.lc .hb-kv-v { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: baseline; column-gap: 10px; }
.lc .hb-kv-x { font-size: 12px; color: var(--lc-muted); white-space: nowrap; }
.lc .hb-cap { margin-top: 10px !important; font-size: 13px; color: #c2410c; }
.lc .lc-max { font-size: 12px; font-weight: 700; color: #c2410c; }
@media (min-width: 601px) { .lc .lc-res > [data-r="result"] .hb-kv { width: max-content; max-width: 100%; } }
@media (max-width: 600px) { .lc .hb-kv-v { margin-left: auto; } }
/* 펼치기 줄 사이 선 (대출 계산기와 같게) */
.lc .lc-accs [data-r="cut"]:not(:empty) + .lc-acc { border-top: 1px solid var(--lc-line); }
/* 서민금융 줄 오른쪽 한 줄 요약 (좁은 폰은 설명 아래 줄로) */
.lc .hb-sum { flex: none; font-size: 13px; font-weight: 700; white-space: nowrap; }
.lc .hb-sum.ok { color: #047857; }
.lc .hb-sum.part { color: #b45309; }
.lc .hb-sum.none { color: var(--lc-muted); font-weight: 400; }
.lc .lc-acc-tx .hb-sum-m { display: none; }
@media (max-width: 380px) {
  .lc .hb-sum-w { display: none; }
  .lc .lc-acc-tx .hb-sum-m { display: block; margin-top: 3px; }
}
/* 펼친 서민금융 소득 기준 */
.lc .hb-cut { padding: 4px 16px 16px; }
.lc .hb-cut-h { margin-bottom: 10px !important; font-size: 12px; color: var(--lc-muted); }
.lc .hb-line { display: flex; gap: 10px; padding: 11px 13px; border-radius: 11px; border: 1px solid var(--lc-line); }
.lc .hb-line + .hb-line { margin-top: 8px; }
.lc .hb-mk { flex: none; width: 20px; height: 20px; margin-top: 1px; border-radius: 50%; display: grid; place-items: center; font-size: 12px; font-weight: 800; }
.lc .hb-line.ok { background: #ecfdf5; border-color: #a7f3d0; }
.lc .hb-line.ok .hb-mk { background: #059669; color: #fff; }
.lc .hb-line.no { background: var(--lc-soft); }
.lc .hb-line.no .hb-mk { background: #d0d7de; color: #fff; }
.lc .hb-line b { display: block; font-size: 15px; }
.lc .hb-line.ok b { color: #047857; }
.lc .hb-line.no b { color: var(--lc-muted); }
.lc .hb-line span { display: block; margin-top: 2px; font-size: 13px; color: var(--lc-muted); }
.lc .hb-cut-f { margin-top: 10px !important; font-size: 12.5px; color: var(--lc-muted); }
.lc .hb-cut-f a { display: inline-block; margin-top: 2px; color: var(--lc-blue-ink); font-weight: 700; text-decoration: none; }
.lc .hb-cut-f a:hover { text-decoration: underline; }
/* 연봉으로 거꾸로 보기 */
.lc .hb-rev { display: flex; flex-direction: column; gap: 10px; padding: 4px 16px 16px; }
.lc .hb-rev[hidden] { display: none; }
.lc .hb-rev .hb-kv { margin-top: 2px; }
.lc .hb-rev-n { margin-top: 8px !important; font-size: 12.5px; color: var(--lc-muted); }
@media (max-width: 600px) {
  .lc .hb-cut, .lc .hb-rev { padding: 4px 14px 14px; }
}