퍼블리싱 인계 변경 요약 — 2026-08-12 대시보드 · Etc 신규

이번 인계분의 HTML 마크업만 정리. CSS/JS/SVG 는 개발팀 재정의 영역이라 제외.

신규 HTML 3개 — 종합현황(대시보드) · OTP 인증 메일 · 시스템 점검 안내. 모두 진행중 상태로 올립니다(개발 확정 전).

※ 3개 모두 신규 화면이라 마크업 전체가 새로 생겼습니다(변경 diff 아님). 대시보드 차트는 Chart.js 미리보기 렌더 + 더미 데이터이며, OTP 메일은 메일 본문 템플릿(웹 화면 아님)입니다.

A종합현황(대시보드) (pages/dashboard/dashboard.html)

로그인 후 홈. 좌측 리스트 보드(공지사항 · 발급사상품 현황) + 우측 차트 2종(토큰발급 요청 · 인증) 구성. GNB 로그인 헤더(header-login.html) 사용.

영역	클래스	내용
보드-좌	`.dash-board > .dash-box`	공지사항 · 발급사상품 현황 리스트(`.dash-list`) + 더보기 링크. 상품행은 코드칩(`.dash-code`) + 상태 `.prod-badge`
차트-우	`.dash-charts > .dash-chart`	요약 통계(`.dash-stat` — TODAY/TOTAL/YESTERDAY) + 범례(`.dash-legend`) + `<canvas>` 영역 차트

차트는 페이지 하단 인라인 <script>(Chart.js, 공통 번들 /js/lib/chart.js) — 퍼블 미리보기용. 실데이터·차트 옵션은 개발 연동.
.dash-trend--up/--down 은 전일 대비 증감 표시 상태 클래스(초록/빨강). 값·방향은 개발에서 주입.

화면	파일	내용
OTP 인증 메일	`pages/email/otp.html`	메일 본문 템플릿(웹 화면 아님). 카드형 레이아웃(`.otp-mail`) — 인증코드 강조 블록 + 안내 문구. 인라인 스타일 위주(메일 클라이언트 호환)로 개발 시 병합
시스템 점검 안내	`pages/error/maintenance.html`	전체 화면 안내 페이지(`.sys-page` / `.sys-notice`). 로고 헤더(`header-logo.html`) + 점검 아이콘 + 안내 문구. GNB/LNB 없음