복지용구 안내 (정렬 개선)
/* 0) 레이아웃 안정화 핵심 */
* { box-sizing: border-box; }
html, body { height: 100%; }
:root{
--bg: #f0f2f5;
--card: #ffffff;
--text: #333;
--primary: #0056b3;
--primary-dark: #004085;
--primary-soft: #f1f8ff;
--danger: #c0392b;
--danger-soft: #fdedec;
--border: #e1e4e8;
--shadow: 0 4px 10px rgba(0,0,0,0.06);
}
/* 1) 바탕 */
body{
margin: 0;
font-family: "Malgun Gothic","Dotum",sans-serif;
line-height: 1.6;
font-size: 150%;
color: var(--text);
background: var(--bg);
}
/* 2) 페이지 여백을 별도 래퍼로 관리 (삐져나옴 방지) */
.page{
padding: clamp(12px, 2.2vw, 24px);
display: flex;
justify-content: center;
}
/* 3) 컨테이너: 폭/패딩 반응형 + 가운데 정렬 확실히 */
.container{
width: min(1000px, 100%);
background: var(--card);
padding: clamp(18px, 3.2vw, 40px);
border: 1px solid #ccd2d8;
border-radius: 12px;
box-shadow: var(--shadow);
}
/* 4) 제목 */
h1{
margin: 0 0 10px 0;
text-align: center;
color: var(--primary-dark);
font-size: 1.6em;
border-bottom: 4px solid var(--primary-dark);
padding-bottom: 18px;
word-break: keep-all;
}
.subtitle{
text-align: center;
color: #666;
font-size: 0.72em;
margin: 0 0 34px 0;
font-weight: normal;
}
.citation{
font-size: 0.85em;
color: #888;
}
/* 5) 섹션 카드: 간격/테두리/그림자 균일 */
.section-box{
margin: 0 0 28px 0;
padding: clamp(16px, 2.4vw, 25px);
border-radius: 10px;
background: var(--card);
border: 2px solid var(--border);
box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
h2{
margin: 0 0 12px 0;
color: #333;
font-size: 1.25em;
border-left: 10px solid var(--primary);
padding: 10px 12px 10px 14px;
background: var(--primary-soft);
border-radius: 8px;
}
p{ margin: 10px 0 0 0; }
/* 6) 표: 작은 화면에서 가로 스크롤 허용(깨짐 방지) */
.table-wrap{
overflow-x: auto;
-webkit-overflow-scrolling: touch;
margin-top: 14px;
}
table{
width: 100%;
min-width: 640px; /* 모바일에서 표가 찌그러지는 걸 방지 */
border-collapse: collapse;
font-size: 0.9em;
background: #fff;
}
th{
background: var(--primary);
color: #fff;
padding: 14px;
border: 1px solid #004494;
text-align: center;
white-space: nowrap;
}
td{
padding: 14px;
border: 1px solid #ccc;
vertical-align: top;
}
/* 7) 흐름도: grid + 화살표(줄바꿈에도 깔끔) */
.process-grid{
margin-top: 18px;
display: grid;
grid-template-columns: repeat(4, minmax(160px, 1fr));
gap: 12px;
align-items: stretch;
}
.step{
background: #e3f2fd;
border: 2px solid #2196f3;
border-radius: 10px;
padding: 14px 12px;
color: #0d47a1;
font-weight: 700;
text-align: center;
position: relative;
min-height: 74px;
display: grid;
place-content: center;
}
.step span{
display: block;
margin-top: 6px;
font-size: 0.7em;
font-weight: 400;
color: #0d47a1;
opacity: 0.95;
}
/* 화살표: 다음 카드로 “그려주기” (PC에서만) */
@media (min-width: 860px){
.step:not(:last-child)::after{
content: "→";
position: absolute;
right: -18px;
top: 50%;
transform: translateY(-50%);
color: #999;
font-size: 1.5em;
font-family: Arial, sans-serif;
font-weight: 700;
pointer-events: none;
}
}
/* 모바일에서는 2열/1열로 자연스럽게 */
@media (max-width: 859px){
.process-grid{ grid-template-columns: repeat(2, minmax(160px, 1fr)); }
}
@media (max-width: 420px){
.process-grid{ grid-template-columns: 1fr; }
}
/* 8) 리스트 강조 */
.highlight{
background: #fff3cd;
color: #856404;
padding: 2px 6px;
font-weight: 700;
border-radius: 4px;
}
.list-item{
margin: 0 0 10px 0;
padding-left: 14px;
border-left: 4px solid #ccc;
}
/* 9) 노트 박스 */
.note-box{
margin-top: 16px;
background: #fafafa;
padding: 14px;
border-radius: 8px;
border: 1px solid #eee;
}
/* 10) 경고 섹션 */
.alert-box h2{
border-left-color: var(--danger);
background: var(--danger-soft);
}
.alert-title{
color: var(--danger);
border-bottom: 2px solid #eee;
padding-bottom: 10px;
margin: 16px 0 10px 0;
font-size: 1.05em;
}
ul{ margin: 8px 0 0 0; }
li{ margin: 6px 0; }
복지용구 급여대상 품목 선정 및급여비용 산정 세부사항
국민건강보험공단 규정 (2025.7.28 시행 반영)
· 참고 문서/근거 표기는 필요 시 각주로 추가
1. 급여 결정 절차
제조·수입업자가 신청한 제품이 복지용구로 최종 선정되기까지의 과정입니다.
1. 신청 접수(업체 → 공단)
2. 심사 평가(서류 및 제품)
3. 가격 협의(최저가 기준)
4. 최종 고시(보건복지부)
[심사 기준] 요양 목적성, 안전성, 편의성, 내구성 등을 종합적으로 고려합니다.
2. 가격(급여비용) 산정 기준
제품의 원가 구조에 따라 ‘공단산출가격’을 계산합니다.
구분
산정 방식
국내 제조
