ko/design.md 카탈로그 프리뷰 — 이 카탈로그는 어떤 브랜드와도 제휴·후원 관계가 없습니다. 이 화면은 공식 배포본이 아닌 공개 자료 기반 비공식 재현이며, 표시된 상품·가격·평점·거래·채용 정보는 레이아웃 시연용 더미 데이터입니다.
이 누리집은 대한민국 공식 전자정부 누리집입니다.

위 문장은 KRDS 정부 누리집 식별 배너 컴포넌트의 표시 예시이며, 이 페이지에 대한 사실 진술이 아닙니다.

대한민국정부 국민이 주인인 나라
믿을 수 있는 정부

정부상징과 워드마크는 KRDS 식별 컴포넌트의 표시 예시이며, 이 화면은 공식 정부 누리집이 아닙니다.

KRDS · 전자정부 디자인 시스템 v1.0.0

국민에게 전하는
분명한 디지털 행정

행정안전부가 발행하는 대한민국 공공 부문의 공식 UI/UX 표준입니다. 신뢰·안정·접근성을 핵심 정서로 삼습니다.

검색어 목록은 레이아웃 시연용 더미 데이터이며, 실제 검색 순위가 아닙니다.

인기검색어 · 주민등록증 재발급 · 청년 주거지원 · 출입국 사실증명

01.

Button — 3 사이즈 × 3 변형

라벨은 동사 한 단어 또는 짧은 동사구

SIZE · L 56px / M 48px / S 40px

VARIANT · primary / secondary / tertiary

STATE · default / hover / disabled

02.

Form controls — 입력 위계

48px 필드 · 6px radius · 2px primary-50 포커스

TEXT INPUT · default / focus / error / disabled

본인 인증 시 등록된 이름이 자동 입력됩니다.

포커스 상태 — primary-50 보더 + primary-10 링.

올바른 이메일 형식이 아닙니다.

본인 인증 후 활성화됩니다.

SELECT · TEXTAREA

RADIO · CHECKBOX · TOGGLE

국문 영문 전자문서 수령 동의 우편 수령 알림 받기
03.

Navigation — 탭 · 이동

underline + pill 탭 · breadcrumb · pagination · 5단계 step-indicator

BREADCRUMB

TABS · underline

탭의 건수는 레이아웃 시연용 더미 데이터이며, 실제 민원 처리 건수가 아닙니다.

STEP INDICATOR · 민원 신청 5단계

본인 인증
정보 입력
발급 옵션
내용 확인
신청 완료

PAGINATION

04.

Data display — 표 · 아코디언 · 뱃지

헤더 룰 secondary-70 · 상태 인라인 뱃지 · 좌측 컬러 보더 미사용

TABLE · 민원 처리 현황

표의 신청번호·민원명·신청일·처리 상태는 모두 레이아웃 시연용 더미 데이터이며, 실제 민원 접수 내역이 아닙니다.

신청번호민원명신청일상태
2026-004821주민등록 등본 발급2026.05.28완료
2026-004820건축물대장 열람2026.05.27진행중
2026-004815출입국 사실증명2026.05.26반려

ACCORDION · 자주 묻는 질문

신청한 서류는 어디에서 확인하나요?
신청이 완료되면 마이페이지 신청 내역에 표시됩니다. 목록에서 신청번호를 선택하면 처리 상태와 발급 문서를 확인할 수 있습니다.
발급 수수료가 있나요?
수수료가 있는 서류는 발급 옵션 단계에서 금액이 표시됩니다. 표시된 금액을 확인한 뒤 신청을 진행하세요.

BADGE · 6변형

공지 일반 신규 추천 완료 주의 마감
05.

Feedback — 알림 · 안내

info / success / warning / danger · infobox · 긴급 배너

ALERT · 4종

안내

신청 내역은 정부24 마이페이지에서 다시 확인할 수 있습니다.

완료

본인 인증이 완료되었습니다. 다음 단계로 진행됩니다.

주의

제출 기한이 3일 남았습니다. 기한 내 신청을 완료하세요.

INFOBOX · 도움말

발급 문서 보관 안내

발급한 문서는 마이페이지 신청 내역에 보관되며, 목록에서 다시 내려받을 수 있습니다. 보관 기간은 신청 완료 화면에 표시됩니다.

CRITICAL ALERT · 긴급 배너

06.

ServiceTile · Card 상태

흰 표면 · 1px gray-30 · radius 8–12px

타일의 서비스명과 설명은 레이아웃 시연용 더미 데이터이며, 실제 제공 범위에 대한 안내가 아닙니다.

주민등록 등초본

본인 또는 세대 구성원의 등본·초본을 발급합니다.

국세 납부

소득세·부가세 등 국세를 한 곳에서 납부합니다.

건강보험

자격 확인·보험료 조회·증 재발급을 처리합니다.

출입국 사실증명

출입국 기록을 영문·국문으로 발급합니다.

DEFAULT

기본 카드

1px gray-30 보더, 그림자 없음. 콘텐츠 카드의 휴지 상태입니다.

ELEVATED

승격 카드

shadow-2를 더해 표면 위계를 한 단계 끌어올립니다.

SELECTED

선택 카드

2px primary-50 보더로 선택 상태를 표시합니다.

07.

NoticeList — 공지사항·새소식

2px fg-1 룰 · 1px gray-20 행 디바이더

공지·새소식 항목의 제목과 날짜는 모두 레이아웃 시연용 더미 데이터이며, 실제 발표나 공지가 아닙니다.

08.

Modal · Toast

240ms 슬라이드업 · 200ms 토스트 · 2.4초 자동 dismiss
본인 인증이 완료되었습니다.
09.

Key screen — 민원 신청 페이지

컨테이너 1248px · 컴포넌트 패딩 24px · 섹션 리듬 64px

홈 · 민원ㆍ서비스 · 주민등록 · 등본 발급

주민등록 등본 발급

본인 또는 세대 구성원의 주민등록 등본을 신청합니다. 발급된 문서는 정부24 마이페이지에서 다시 확인할 수 있습니다.

본인 인증 시 등록된 이름이 자동 입력됩니다.