@charset "utf-8";
/* 비급여 항목 안내 (데이터: /nonpay/data.asp / 관리: /nonpay/admin/) */
#nonpayApp{
	--np-main:#168c86; --np-main-d:#0f6b66; --np-main-l:#e7f4f3;
	--np-sub:#00b0c9; --np-sub-l:#e3f6f9; --np-yellow:#ffba00;
	--np-text:#222628; --np-text2:#55595c; --np-text3:#8a8f92; --np-line:#e1e6e7;
	--np-radius:14px;
	max-width:1240px; margin:0 auto; padding:10px 0 40px; text-align:left; color:var(--np-text); font-size:15px; line-height:1.6; word-break:keep-all;
}
#nonpayApp *{box-sizing:border-box;}
#nonpayApp button,#nonpayApp input{font-family:inherit;}
#nonpayApp .np-blind{position:absolute!important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap;}

#nonpayApp .np-notice{display:flex; gap:14px; align-items:flex-start; padding:20px 24px; border-radius:var(--np-radius); background:var(--np-main-l); color:var(--np-main-d); font-weight:600; margin-bottom:30px;}
#nonpayApp .np-notice svg{flex:0 0 22px; width:22px; height:22px; margin-top:2px;}
#nonpayApp .np-toolbar{display:flex; justify-content:space-between; align-items:center; gap:14px; flex-wrap:wrap; margin-bottom:20px;}
#nonpayApp .np-tabs{display:flex; flex-wrap:wrap; gap:8px;}
#nonpayApp .np-tabs button{height:44px; padding:0 20px; border-radius:30px; border:1px solid var(--np-line); background:#fff; font-size:15px; font-weight:700; color:var(--np-text2); cursor:pointer; transition:.15s;}
#nonpayApp .np-tabs button:hover{border-color:var(--np-main); color:var(--np-main);}
#nonpayApp .np-tabs button.is-active{background:var(--np-main); border-color:var(--np-main); color:#fff;}
#nonpayApp .np-tabs button em{font-style:normal; font-weight:500; opacity:.7; margin-left:4px; font-size:13px;}
#nonpayApp .np-search{position:relative; width:280px; max-width:100%; margin:0;}
#nonpayApp .np-search input{width:100%; height:44px; border-radius:30px; border:1px solid var(--np-line); padding:0 18px 0 42px; background:#fff; font-size:15px; color:var(--np-text);}
#nonpayApp .np-search input:focus{outline:0; border-color:var(--np-main); box-shadow:0 0 0 3px rgba(22,140,134,.14);}
#nonpayApp .np-search svg{position:absolute; left:15px; top:13px; width:18px; height:18px; color:var(--np-text3);}
#nonpayApp .np-meta{font-size:13px; color:var(--np-text3); margin:-6px 0 14px; text-align:right;}
#nonpayApp .np-h3{font-size:20px; font-weight:800; margin:44px 0 16px; color:var(--np-text);}
#nonpayApp .np-h3:first-child{margin-top:0;}

#nonpayApp .np-tablewrap{overflow-x:auto; border-radius:var(--np-radius); border:1px solid var(--np-line);}
#nonpayApp .np-table{width:100%; border-collapse:collapse; font-size:14.5px; min-width:760px;}
#nonpayApp .np-table th{background:var(--np-main); color:#fff; font-weight:700; padding:13px 10px; text-align:center; white-space:nowrap; border:0; border-right:1px solid rgba(255,255,255,.15);}
#nonpayApp .np-table th:last-child{border-right:0;}
#nonpayApp .np-table td{padding:12px 10px; border:0; border-bottom:1px solid var(--np-line); text-align:center; color:var(--np-text2);}
#nonpayApp .np-table tr:last-child td{border-bottom:0;}
#nonpayApp .np-table td.np-name{text-align:left; color:var(--np-text); font-weight:600;}
#nonpayApp .np-table td.np-cost{text-align:right; color:var(--np-text); font-weight:700; white-space:nowrap;}
#nonpayApp .np-table tr:hover td{background:#f6fbfa;}
#nonpayApp .np-table tr.np-sec td{background:var(--np-sub-l); color:#00798a; font-weight:800; text-align:left; padding:11px 16px;}
#nonpayApp .np-empty{padding:50px 20px; text-align:center; color:var(--np-text3);}
#nonpayApp .np-adminbar{margin-bottom:16px; text-align:right;}
#nonpayApp .np-adminbar a{display:inline-flex; align-items:center; gap:6px; padding:8px 16px; border-radius:30px; background:var(--np-yellow); color:#3d2a05; font-weight:700; font-size:14px; text-decoration:none;}

#nonpayApp .np-cards{display:none;}
#nonpayApp .np-card{padding:18px 20px; border-radius:14px; border:1px solid var(--np-line); background:#fff;}
#nonpayApp .np-card + .np-card{margin-top:10px;}
#nonpayApp .np-card__top{display:flex; justify-content:space-between; gap:12px; align-items:flex-start;}
#nonpayApp .np-card__name{font-weight:700; font-size:16px;}
#nonpayApp .np-card__cost{font-weight:800; color:var(--np-main); white-space:nowrap; font-size:16px;}
#nonpayApp .np-card__cat{font-size:12.5px; color:var(--np-text3); margin:0 0 4px;}
#nonpayApp .np-card dl{display:grid; grid-template-columns:auto 1fr; gap:3px 12px; margin:10px 0 0; font-size:13.5px; color:var(--np-text2);}
#nonpayApp .np-card dt{color:var(--np-text3);}
#nonpayApp .np-card dd{margin:0;}
#nonpayApp .np-card-sec{margin:22px 0 10px; font-weight:800; color:#00798a;}
#nonpayApp .np-card-sec:first-child{margin-top:0;}

@media (max-width:767px){
	#nonpayApp{padding:0 0 30px; font-size:14px;}
	#nonpayApp .np-notice{padding:16px 18px; margin-bottom:20px;}
	#nonpayApp .np-search{width:100%;}
	#nonpayApp .np-tabs{width:100%;}
	#nonpayApp .np-tabs button{flex:1 1 calc(50% - 8px); padding:0 10px; font-size:14px;}
	#nonpayApp .np-tablewrap{display:none;}
	#nonpayApp .np-cards{display:block;}
}
@media print{
	#nonpayApp .np-toolbar,#nonpayApp .np-adminbar{display:none!important;}
	#nonpayApp .np-tablewrap{display:block!important; border:0;}
	#nonpayApp .np-cards{display:none!important;}
}