head 정리

lang · title · viewport · description · 폰트 preload

문서 docs/head.md · 페이지 head.html

SEO·GEO

지정 검색어 · 구글 검색 노출 · AI 답변 인용 · JSON-LD

문서 docs/seo.md · 페이지 seo.html

레이아웃

페이지 셸 · 스킵 · 1단/2단 · 콘텐츠 폭 · 화면 확대/축소

CSS layout.css · 문서 docs/layout.md

폼

input, 비밀번호 보기, select, radio/check, toggle, 파일, 주소, 캘린더(Duet)

CSS form.css · datepicker.css · JS common.js · Duet · nice-select · 문서 docs/form.md

버튼

크기·색·배치 · button / a 구분 · disabled · 버튼형 스위치

CSS button.css · JS btn-switch · 문서 docs/button.md

테이블

목록 / 스크롤 / 상세 / 입력형 · 체크·라디오 열

CSS table.css · JS 체크 동기화 · 문서 docs/table.md

페이징

paging / paging2 / paging3 · aria-current="true"

CSS common.css · img paging_*.svg · 문서 docs/paging.md

팝업(모달)

레이어 · 에러창 · no-move 고정 · 초점 트랩/회귀

CSS popup.css · JS modalOpen/Close · 문서 docs/popup.md

FAQ

table형 · ul형 아코디언 · 펼치기/접기 상태

CSS faq.css · JS FAQ 섹션 · 문서 docs/faq.md

로딩화면

전체 화면 · 섹션 단위 오버레이 · 스피너 · aria-live

CSS loading.css · JS loadingShow/Hide · ShowIn/HideIn · 문서 docs/loading.md

탭메뉴

ARIA Tabs · 방향키 이동 · sectionDisplay.js

CSS tab.css · JS sectionDisplay.js · 문서 docs/tab.md

슬라이드

메인 비주얼 · 알림 배너 · 하단 배너 (Swiper CDN)

CSS slide.css · CDN Swiper · 문서 docs/slide.md

차트

막대·선·원형·도넛·레이더 · 대체 표·키보드 탐색 (Chart.js)

CSS chart.css · JS chart-a11y.js · CDN Chart.js · 문서 docs/chart.md

메뉴

GNB·서브메뉴 · 전체메뉴(전체화면) · 모바일 메뉴

CSS menu.css · JS menu.js · 문서 docs/menu.md

에디터

TinyMCE · CKEditor 5 · HTML 코드 전환 · 키보드·라벨

CSS editor.css · JS editor-a11y.js · CDN TinyMCE · CKEditor 5 · 문서 docs/editor.md

메인 · 최신글

최신글 · 팝업존(Swiper) · 레이어 팝업

CSS main.css · JS sectionDisplay · mainPopup* · 문서 docs/main.md

게시판

목록·갤러리·상세 · 글쓰기·글수정 · 첨부·이전다음

CSS board.css · table · form · button · 문서 docs/board.md · 예: notice/press/gallery

검색

통합검색 · 인기어 · 결과(건수·하이라이트) · 결과없음 · 헤더형

CSS search.css · form · button · 문서 docs/search.md

브레드크럼 · 타이틀

현재 위치(nav·ol·aria-current) · 페이지 제목(h1/page-title)

CSS layout.css · breadcrumb.css · 문서 docs/breadcrumb.md

알림 · 토스트 · 오류

페이지 배너 · 토스트(aria-live) · 인라인 필드 오류

CSS alert.css · JS toastShow · 문서 docs/alert.md

스텝(진행 단계)

가로·세로 스테퍼 · aria-current · 완료/현재/대기

CSS step.css · 문서 docs/step.md

푸터

하단 링크 · 기관정보 · 패밀리사이트 · 저작권

CSS footer.css · JS disclosure · 문서 docs/footer.md

관련 콘텐츠 · 첨부

첨부파일 목록 · 관련글 · 개인정보 취급 유의(웹·게시)

CSS related.css · img download.svg · 문서 docs/related.md

인쇄 · 공유

인쇄 · URL 복사 · SNS 공유(새 창 고지) · 인쇄 CSS

CSS share.css · JS data-print/copy · 문서 docs/share.md

동영상

네이티브·유튜브 · 자막·스크립트 · 자동재생 금지

CSS video.css · media vtt · 문서 docs/video.md

지도 · 연락처

iframe title · 텍스트 주소 · tel/mailto · 새 창 고지

CSS map.css · 문서 docs/map.md

스크롤 패널

고정 헤더·툴바 + 목록 · scrollbar-gutter · pad 변수

CSS scroll-panel.css · 문서 docs/scroll-panel.md

로그인 · 회원

로그인·찾기·가입·소셜·캡차·세션·비밀번호 변경

CSS login.css · JS 데모 · 문서 docs/login.md