/* 비급여 진료비 안내 */
.nonpay_info{}
.nonpay_wrap{position:relative;}

/* 탭 */
.nonpay_tabs{display:grid;  grid-template-columns:repeat(var(--nonpay-cols,4),minmax(0,1fr));gap:20px;border-radius:100px;background:#fff;}
.nonpay_tab{height:62px;border:0;border-radius:100px;background:#f3f6f9;color:#113165;font-size:17px;font-weight:500;cursor:pointer;transition:background .3s,color .3s}
.nonpay_tab.active{background:#113165;color:#fff;}

/* 패널 */
.nonpay_panel{display:none;margin-top:60px;}
.nonpay_panel.active{display:block;animation:nonpayFade .4s ease both;}
.nonpay_head{display:flex;align-items:flex-end;justify-content:space-between;}
.nonpay_head h3{margin-bottom:0;color:#113165;line-height:1.35;}
.nonpay_head > p{margin:0;color:#777;}
.nonpay_label{display:block;color:#e99a32;font-size:15px;font-weight:700;}

/* 테이블 */
.nonpay_table_wrap{overflow:hidden;border:1px solid #dfe6ef;border-radius:20px;background:#fff;}
.nonpay_table_scroll{width:100%;overflow-x:auto;}
.nonpay_table{width:100%;border-spacing:0;border-collapse:collapse;table-layout:fixed;}
.nonpay_table caption{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;clip:rect(0,0,0,0);}
.nonpay_table th,.nonpay_table td{height:58px;padding:0 30px;border-bottom:1px solid #e9edf3;font-size:16px;vertical-align:middle;}
.nonpay_table thead th{height:66px;border-bottom:0;background:#f8f8f8;font-weight:500;text-align:center;}
.nonpay_table thead th span{font-size:13px;font-weight:400;opacity:.7;}
.nonpay_table thead th:nth-child(2){text-align:left;}
.nonpay_table tbody th{color:#25364f;font-weight:500;text-align:left;}
.nonpay_table tbody th span{color:#999;font-size:14px;font-weight:400;}
.nonpay_table tbody td{color:#777;text-align:center;}
.nonpay_table tbody tr:last-child th,.nonpay_table tbody tr:last-child td{border-bottom:0;}
.nonpay_table .nonpay_category{border-bottom:0;border-right:1px solid #e9edf3;color:#113165;font-weight:500;text-align:center;vertical-align:middle;}
.nonpay_table .nonpay_price{color:#000;font-size:15px;font-weight:500;white-space:nowrap;letter-spacing: -0.1px;}
/* 안내문 */
.nonpay_notice{display:flex;align-items:center;gap:12px;padding:20px 28px;border-radius:15px;background:#fff;}
.nonpay_notice > span{flex:none;width:4px;height:4px;border-radius:50%;background:#113165;}
.nonpay_notice p{margin:0;color:#325a93;line-height:1.6;}

@keyframes nonpayFade{
  from{opacity:0;transform:translateY(10px);}
  to{opacity:1;transform:translateY(0);}
}

/* 태블릿 */
@media(max-width:1024px){
  .nonpay_tabs{gap:12px;}
  .nonpay_tab{height:58px;font-size:16px;}
  .nonpay_panel{margin-top:50px;}
}

/* 모바일 */
@media(max-width:768px){
  .nonpay_tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border-radius:0;}
  .nonpay_tab{height:50px;border-radius:100px;font-size:14px;}
  .nonpay_panel{margin-top:40px;}
  .nonpay_head{display:block;}
  .nonpay_head > p{margin-top:10px;font-size:14px;line-height:1.6;}
  .nonpay_table_wrap{border-radius:15px;}
  .nonpay_table_scroll{-webkit-overflow-scrolling:touch;}
  .nonpay_table{min-width:650px;}
  .nonpay_table th,.nonpay_table td{height:52px;padding:0 18px;font-size:14px;}
  .nonpay_table thead th{height:58px;}
  .nonpay_table thead th span{display:block;margin-top:2px;font-size:11px;}
  .nonpay_table tbody th span{font-size:13px;}
  .nonpay_table .nonpay_category{width:120px;}
  .nonpay_table .nonpay_price{font-size:14px;}
  .nonpay_notice{align-items:flex-start;padding:17px 20px;border-radius:12px;}
  .nonpay_notice > span{margin-top:8px;}
  .nonpay_notice p{font-size:13px;line-height:1.6;}
}

/* 작은 모바일 */
@media(max-width:480px){
  .nonpay_tabs{gap:6px;}
  .nonpay_tab{height:40px}
  .nonpay_panel{margin-top:35px;}
  .nonpay_table{min-width:600px;}
  .nonpay_table th,.nonpay_table td{padding:0 15px;}
}