@charset "utf-8";
/* ============================================================
   data-table.css — 개인회생 서브 공용 표 (장단점 비교표 · 준비서류 · 상담 목록)
   시안: 머리글 검정 라운드 10 + 그림자 · 본문 18px/1.6 · 셀 상하 30 · 구분선 #ccc
   모바일(≤767.98): .dt--stack → 행 단위 카드 (td[data-label] 라벨 표시)
   ※ 여러 페이지 공용 — sub.css 로 승격 후보
   ============================================================ */
.dt-wrap{width:100%}
.dt{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:clamp(16px,.94vw,18px);line-height:1.6;color:#000;text-align:center}
.dt thead{filter:drop-shadow(4px 6px 10px rgba(0,0,0,.2))}
.dt thead th{background:#000;color:#fff;font-size:clamp(17px,1.04vw,20px);font-weight:700;line-height:1.6;padding:20px clamp(12px,1.25vw,24px);border-left:1px solid #ddd;vertical-align:middle}
.dt thead th:first-child{border-left:0;border-radius:10px 0 0 10px}
.dt thead th:last-child{border-radius:0 10px 10px 0}
.dt tbody th,.dt tbody td{padding:clamp(20px,1.56vw,30px) clamp(12px,1.25vw,24px);border-bottom:1px solid #ccc;border-left:1px solid #ccc;font-weight:400;vertical-align:middle}
.dt tbody tr > :first-child{border-left:0}
.dt tbody tr{transition:background-color .25s}
.dt tbody tr:hover{background:#fafafa}

@media (max-width:767.98px){
  .dt--stack,.dt--stack tbody,.dt--stack tr,.dt--stack th,.dt--stack td{display:block;width:auto}
  .dt--stack{table-layout:auto;text-align:left;font-size:15px}
  .dt--stack thead{display:none}
  .dt--stack tbody{display:flex;flex-direction:column;gap:12px}
  .dt--stack tbody tr{border:1px solid #ddd;border-radius:12px;padding:16px 18px;background:#fff}
  .dt--stack tbody tr:hover{background:#fff}
  .dt--stack tbody th,.dt--stack tbody td{border:0;padding:4px 0;text-align:left}
  .dt--stack tbody td[data-label]{display:flex;gap:12px}
  .dt--stack tbody td[data-label]::before{content:attr(data-label);flex:0 0 84px;font-weight:600;color:var(--kjs-text-sub)}
  .dt--stack tbody .dt__head{font-size:16px;font-weight:700;color:#111;padding:0 0 10px;margin-bottom:6px;border-bottom:1px solid #eee}
  .dt--stack tbody td.is-empty{display:none}
  .dt--stack br.br-pc{display:none}
}