@charset 'utf-8

/* ======= Responsive Grid-Table ======= */
.grid-table{display:block;margin:12px 0}
.grid-table[data-mode="cards"] .grid-table__head{display:grid;text-align:center;font-weight:600;}
.grid-table__head,.grid-table__row{
  display:grid;grid-template-columns:var(--cols);align-items:center
}
.grid-table__head{
  background:#f7f8fb;border:1px solid #e7e9f3;border-radius:8px
}
.grid-table__row{border-bottom:1px solid #eceff5}
.grid-table__row:last-child{border-bottom:none}
.grid-table__cell{padding:10px 12px;min-width:0;text-align:center;}
.grid-table__cell.first{font-weight:600}
.grid-table__cell.btns{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;}
.grid-table__empty{padding:28px 16px;text-align:center;color:#666;border:1px dashed #e1e4ee;border-radius:8px}

/* 분류(카테고리) 그룹 */
.grid-group{margin:18px 0;border:1px solid #e7e9f3;border-radius:12px;overflow:hidden}
.grid-group__title{padding:12px 14px;font-weight:700;background:#fff}
.grid-group .grid-table{margin:0;border-top:1px solid #eef1f7}

/* 버튼 크기 보정(기존 클래스 재사용) */
.btn.btn_md,.btn_md{padding:6px 10px;line-height:1;border-radius:6px}
.aClassLeft {text-align:left;}

/* --cols 구분 */
.general-cols {--cols: 1fr 12% 12% 12% 12%;}
.license-cols {--cols: 1fr 12% 10% 12% 12% 12%;}
.service-cols {--cols: 1fr 15% 12%;}
.package-cols {--cols: 1fr 12% 12% 12% 12%;}
.general-only-cols {--cols: 1fr 7% 12% 12% 12% 12% 11%;}
.license-only-cols {--cols: 1fr 20% 12% 10% 12% 12% 11%;}
.service-only-cols {--cols: 1fr 15% 15% 11%;}
.package-only-cols {--cols: 1fr 7% 12% 12% 12% 12% 7% 11%;}

/* Breakpoint: 카드형으로 자동 전환 */
@media (max-width: 960px){
  .grid-table[data-mode="cards"] .grid-table__head{display:none}	
  .grid-table{--cols:1fr !important}
  .grid-table__head{display:none}
  .grid-table__row{grid-template-columns:1fr;border:1px solid #eef1f7;border-radius:10px;margin-bottom:8px;padding:8px}
  .grid-table__cell{display:flex;gap:10px;padding:6px 8px}
  .grid-table__cell::before{
    content:attr(data-label);flex:0 0 110px;color:#6b7280;font-weight:600
  }
  .grid-group__title{font-size:15px}
}