/* ON 비급여 진료비 안내 v1.0.0 */
.onfee{--onfee-c:#2447d6;--onfee-line:#dcdde0;--onfee-ink:#1f2328;--onfee-sub:#5d636b;--onfee-mute:#8a8f96;color:var(--onfee-ink);font-size:15px;line-height:1.6;word-break:keep-all;box-sizing:border-box;font-family:Pretendard,"Pretendard Variable",-apple-system,BlinkMacSystemFont,"Malgun Gothic",sans-serif;max-width:1200px;margin:0 auto}
.onfee *,.onfee *::before,.onfee *::after{box-sizing:border-box}
.onfee p,.onfee h2,.onfee table,.onfee th,.onfee td{margin:0;padding:0}
.onfee button{font-family:inherit;cursor:pointer;-webkit-appearance:none;appearance:none;text-transform:none;letter-spacing:normal;box-shadow:none;text-shadow:none;min-height:0}
.onfee svg{display:inline-block;flex:none}
.onfee [hidden]{display:none!important}
.onfee-empty{padding:40px 0;text-align:center;color:var(--onfee-sub)}

/* 위 */
.onfee-top{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:10px}
.onfee-title{font-size:28px!important;font-weight:700!important;line-height:1.3!important;letter-spacing:-.02em;color:var(--onfee-ink)!important}
.onfee-meta{display:flex;align-items:center;gap:14px;margin-left:auto}
.onfee-date{font-size:13px;font-weight:600;color:var(--onfee-sub);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.onfee .onfee-print{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;margin:0;border:1px solid var(--onfee-line);border-radius:0;background:#fff;color:var(--onfee-sub);font-size:12.5px;font-weight:600;line-height:1}
.onfee .onfee-print:hover{border-color:var(--onfee-ink);color:var(--onfee-ink)}
.onfee-print svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}
.onfee-intro{margin:0 0 20px!important;font-size:14px;line-height:1.7;color:var(--onfee-sub)}
.onfee-top+.onfee-intro{margin-top:0!important}

/* 검색 · 탭 */
.onfee-tools{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px 20px;margin:0 0 18px}
.onfee-tabs{display:flex;flex-wrap:wrap;flex:1 1 auto;min-width:0;order:1;padding:0 0 1px 1px}
.onfee .onfee-tab{display:inline-flex;align-items:center;gap:6px;height:42px;padding:0 18px;margin:0 0 -1px -1px;border:1px solid var(--onfee-line);border-radius:0;background:#fff;color:var(--onfee-sub);font-size:14px;font-weight:600;line-height:1;white-space:nowrap}
.onfee .onfee-tab small{font-size:11px;font-weight:500;color:#a3a8ae;font-variant-numeric:tabular-nums}
.onfee .onfee-tab:hover{color:var(--onfee-ink)}
.onfee .onfee-tab.is-on{position:relative;z-index:1;background:var(--onfee-c);border-color:var(--onfee-c);color:#fff}
.onfee .onfee-tab.is-on small{color:rgba(255,255,255,.75)}
.onfee-search{position:relative;flex:0 0 300px;order:2;margin-left:auto}
.onfee-search svg{position:absolute;left:13px;top:50%;width:16px;height:16px;margin-top:-8px;fill:none;stroke:#9aa0a7;stroke-width:1.7;stroke-linecap:round;pointer-events:none}
.onfee .onfee-q{display:block;width:100%;height:42px;margin:0;padding:0 36px 0 38px;border:1px solid var(--onfee-line);border-radius:0;background:#fff;color:var(--onfee-ink);font:inherit;font-size:14px;line-height:normal;box-shadow:none;outline:0;-webkit-appearance:none;appearance:none}
.onfee .onfee-q::-webkit-search-cancel-button{display:none}
.onfee .onfee-q::placeholder{color:#a3a8ae}
.onfee .onfee-q:focus{border-color:var(--onfee-c)}
.onfee .onfee-clear{position:absolute;right:4px;top:50%;width:32px;height:32px;margin:-16px 0 0;padding:0;border:0;border-radius:0;background:none;color:#9aa0a7;font-size:20px;line-height:1}
.onfee .onfee-clear:hover{color:var(--onfee-ink)}
.onfee.is-all .onfee-search{margin-left:0}

/* 표 */
.onfee-box{background:#fff;border:1px solid #d9dde2;box-shadow:0 2px 4px rgba(16,24,40,.05),0 14px 34px rgba(16,24,40,.10)}
.onfee-table{width:100%!important;border-collapse:collapse!important;border:0!important;margin:0!important;table-layout:auto;font-size:14.5px;background:none!important}
.onfee-table th,.onfee-table td{border:0!important;background:none!important;text-align:left;vertical-align:middle;font-weight:400;color:inherit;line-height:1.5}
.onfee-table col.onfee-c-code{width:108px}
.onfee-table col.onfee-c-unit{width:110px}
.onfee-table col.onfee-c-price{width:210px}
.onfee-table col.onfee-c-note{width:26%}
.onfee-table thead th{padding:15px 20px!important;font-size:12.5px;font-weight:600;color:var(--onfee-sub);border-bottom:1px solid var(--onfee-ink)!important;white-space:nowrap}
.onfee-table thead th.onfee-price{text-align:right}
.onfee-table .onfee-cat th{padding:24px 20px 10px!important;font-size:15.5px;font-weight:700;letter-spacing:-.02em;color:var(--onfee-ink);border-bottom:1px solid var(--onfee-line)!important}
.onfee-table .onfee-cat th::before{content:"";display:inline-block;width:3px;height:14px;margin:0 9px 0 0;background:var(--onfee-c);vertical-align:-1px}
.onfee-table .onfee-cat small{margin-left:7px;font-size:11.5px;font-weight:500;color:#a3a8ae;font-variant-numeric:tabular-nums}
.onfee-table .onfee-group:first-of-type .onfee-cat th{padding-top:20px!important}
.onfee-table td{padding:13px 20px!important;border-top:1px solid #eceef1!important}
.onfee-table .onfee-cat+.onfee-row td{border-top:0!important}
.onfee-table .onfee-row{transition:background .2s}
.onfee-table .onfee-row:hover{background:#fafbfc}
.onfee-table td.onfee-name{font-weight:600;letter-spacing:-.01em}
.onfee-tags{display:inline-flex;flex-wrap:wrap;gap:4px;margin-left:8px;vertical-align:1px}
.onfee-tag{display:inline-block;padding:2px 6px;font-size:11px;font-weight:500;line-height:1.2;color:#6b7178;background:#f3f4f6;border:1px solid #e3e5e8;letter-spacing:-.01em;white-space:nowrap}
.onfee-table td.onfee-code{font-size:12.5px;color:var(--onfee-mute);font-variant-numeric:tabular-nums;letter-spacing:.01em}
.onfee-table td.onfee-unit{font-size:13px;color:var(--onfee-sub)}
.onfee-table td.onfee-price{text-align:right;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.onfee-dash{font-size:12.5px;font-weight:500;color:var(--onfee-mute)}
.onfee-table td.onfee-note{font-size:13px;color:var(--onfee-sub)}
.onfee b.onfee-mt{font-weight:800;color:var(--onfee-c);background:none;padding:0}
.onfee-none{padding:44px 20px!important;text-align:center;font-size:14px;color:var(--onfee-sub)}
.onfee-foot{margin-top:14px!important;font-size:12.5px;line-height:1.7;color:#9aa0a7}

/* 태블릿 */
@media screen and (max-width:1024px){
	.onfee-table col.onfee-c-price{width:180px}
	.onfee-table thead th,.onfee-table td{padding-left:14px!important;padding-right:14px!important}
	.onfee-table .onfee-cat th{padding-left:14px!important}
	.onfee-search{flex:1 1 100%;order:0;margin-left:0}
}

/* 휴대폰: 표 → 촘촘한 목록 */
@media screen and (max-width:767px){
	.onfee{font-size:14px}
	.onfee-top{margin-bottom:8px;gap:10px}
	.onfee-title{font-size:20px!important}
	.onfee-date{font-size:12px}
	.onfee .onfee-print{height:28px;padding:0 9px;font-size:11.5px}
	.onfee-intro{font-size:12.5px;margin-bottom:14px!important}
	.onfee-tools{flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:8px;margin-bottom:12px}
	.onfee-search{flex:none}
	.onfee .onfee-q{height:40px;font-size:13.5px}
	.onfee-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:none}
	.onfee-tabs::-webkit-scrollbar{display:none}
	.onfee .onfee-tab{flex:none;height:36px;padding:0 12px;font-size:12.5px;gap:4px}
	.onfee .onfee-tab small{font-size:10px}
	.onfee-table,.onfee-table tbody{display:block;width:100%}
	.onfee-table thead,.onfee-table colgroup{display:none}
	.onfee-table .onfee-cat{display:block}
	.onfee-table .onfee-cat th{display:block;padding:16px 14px 8px!important;font-size:14px}
	.onfee-table .onfee-cat th::before{height:12px}
	.onfee-table .onfee-group:first-of-type .onfee-cat th{padding-top:14px!important}
	.onfee-table .onfee-row{display:flex;flex-wrap:wrap;align-items:baseline;padding:10px 14px;border-top:1px solid #eceef1}
	.onfee-table .onfee-cat+.onfee-row{border-top:0}
	.onfee-table .onfee-row::after{content:"";order:3;flex:0 0 100%;height:0}
	.onfee-table .onfee-row td{display:block;padding:0!important;border:0!important}
	.onfee-table td.onfee-name{order:1;flex:1 1 0;min-width:0;font-size:13.5px;line-height:1.45}
	.onfee-tags{margin-left:5px;gap:3px}
	.onfee-tag{font-size:10px;padding:1px 4px}
	.onfee-table td.onfee-price{order:2;flex:none;margin-left:12px;font-size:13.5px}
	.onfee-table td.onfee-code,.onfee-table td.onfee-unit,.onfee-table td.onfee-note{margin:2px 10px 0 0;font-size:11.5px;line-height:1.45}
	.onfee-table td.onfee-code{order:4}
	.onfee-table td.onfee-unit{order:5}
	.onfee-table td.onfee-note{order:6;color:var(--onfee-mute)}
	.onfee-table td.is-empty{display:none!important}
	.onfee-none{padding:32px 14px!important;font-size:13px}
	.onfee-foot{font-size:11.5px}
}

/* 인쇄: 탭·검색 빼고 전체 표 */
@media print{
	.onfee-noprint{display:none!important}
	.onfee{max-width:none;font-size:11pt;color:#000}
	.onfee-tools,.onfee .onfee-print,.onfee-none{display:none!important}
	.onfee .onfee-group[hidden]{display:table-row-group!important}
	.onfee .onfee-row[hidden]{display:table-row!important}
	.onfee-box{border:0;box-shadow:none}
	.onfee-table thead{display:table-header-group}
	.onfee-table tr{page-break-inside:avoid;break-inside:avoid}
	.onfee-table thead th,.onfee-table td,.onfee-table .onfee-cat th{padding:6px 8px!important}
	.onfee-table .onfee-cat th{padding-top:14px!important}
	.onfee-table .onfee-row:hover{background:none}
	.onfee b.onfee-mt{font-weight:inherit;color:inherit}
	.onfee-tag{border-color:#999;color:#333;background:none}
}
