diff --git a/docs/design/webmail/ListDrag15.dc.html b/docs/design/webmail/ListDrag15.dc.html
new file mode 100644
index 0000000..eb24f53
--- /dev/null
+++ b/docs/design/webmail/ListDrag15.dc.html
@@ -0,0 +1,843 @@
+
+
+
+
+끌어다 놓기 · 스팸메일함으로 옮기기 · 좁은 폭 상단 바
+
+
+
+
+
+
+
+
+
+
+
끌어다 놓기 · 스팸메일함으로 옮기기 · 좁은 폭 상단 바
+
메일 15단계(메일 · 메일함 다루기)에서 정한 것 가운데 3 · 4 · 9의 화면입니다. 목록에서 고른 메일이나 대화 줄을 메일함 패널로 끌어다 놓아 옮기고, 스팸메일함으로 옮기는 세 길(단추, 메뉴, 끌기)을 같게 맞추고, 휴대폰 폭에서 상단 바의 [로그아웃]이 꺾이지 않게 합니다. 1의 단추로 마우스가 있는 곳을 바꿔 볼 수 있습니다. 초안이며 사용자 확인 전입니다(2026-11-09).
+
+
+
+
+
1. 분할 보기 (1440) · 고른 메일 3통을 끌어다 놓는 중
+
받은편지함에서 메일 3통을 고른 채 그중 한 줄(박지훈)을 눌러 메일함 패널로 끌고 있습니다. 마우스 오른쪽 아래에 메일 수를 적은 표가 따라옵니다.
마우스를 따라오는 표는 커서 오른쪽 아래에 붙습니다. "메일 N통" 또는 "대화 N개"이고, 알림과 같은 어두운 바탕(#0B3640)에 12.5px 굵은 흰 글자, 봉투나 말풍선 아이콘입니다.
+
놓을 수 있는 메일함 위에서는 그 줄에 2px 청록 점선과 옅은 청록 바탕이 생깁니다. 쓰기 화면에 파일을 끌어다 놓을 때와 같은 모양이라 초점 선(실선)과 헷갈리지 않습니다.
+
놓을 수 없는 곳 위에서는 줄이 그대로이고 마우스 커서만 금지 모양(⊘)이 됩니다. 메일함 줄마다 금지 표시를 그리지 않습니다.
+
끌기 시작한 줄은 흐리게 하지 않습니다. 고른 줄은 고른 바탕 그대로입니다.
+
+
+
+
+
정한 것 · 스팸메일함으로 옮기는 길
+
+
[스팸 신고], [이동 ▾]에서 스팸메일함 고르기, 스팸메일함에 끌어다 놓기는 모두 스팸 표시를 붙여 옮깁니다(3c). 지금은 [이동 ▾]만 표시 없이 옮깁니다.
+
스팸메일함에서 휴지통이 아닌 메일함으로 옮기면(메뉴, 끌기) [스팸 아님]과 같이 스팸 아님 표시를 붙입니다(3d). 휴지통으로 옮길 때는 표시를 바꾸지 않습니다.
+
[되돌리기]는 원래 메일함으로 옮기며 표시도 되돌립니다. 지금의 [스팸 신고], [스팸 아님]과 같습니다.
+
+
+
+
+
구현 때 맞출 것
+
+
HTML5 끌어다 놓기로 만들고, 따라오는 표는 setDragImage 로 붙입니다. 놓을 수 없는 곳에서는 dropEffect 를 none 으로 두어 브라우저가 금지 커서를 보입니다. 커서 모양과 따라오는 표의 투명도는 운영체제와 브라우저마다 조금 다릅니다.
+
목록 줄은 링크라 지금도 끌면 그 메일 화면의 주소(URL)가 끌려 나갑니다. 우리 끌기 자료로 바꾸고, 다른 창이나 바깥 프로그램에 놓아도 아무 일도 일어나지 않게 합니다.
+
메일함 패널은 쓰기 화면에도 보이므로 파일 끌기는 받지 않습니다(첨부 놓기와 겹치지 않게). 메일 화면에 파일을 잘못 놓으면 지금은 브라우저가 그 파일을 열어 웹메일을 떠나는데, 앞으로는 무시합니다.
+
패널의 메일함이 많아 아래가 가려져 있으면 패널 끝에서 저절로 스크롤되는지 확인합니다.
+
상단 바는 아바타와 [로그아웃]을 줄지 않게 하고 이름 칸만 줄게 합니다. 480 이하에서 주소를 감추는 것은 tokens.css 의 화면 폭 기준에 한 줄을 더합니다.
+
+
+
+
+
+
+
+
+
diff --git a/docs/design/webmail/Mailbox15.dc.html b/docs/design/webmail/Mailbox15.dc.html
new file mode 100644
index 0000000..c57d516
--- /dev/null
+++ b/docs/design/webmail/Mailbox15.dc.html
@@ -0,0 +1,765 @@
+
+
+
+
+메일함 옮기기 · 하위 메일함까지 지우기 · 차단할 때 받은 메일 옮기기
+
+
+
+
+
+
+
+
+
+
+
메일 15단계 · 메일함 옮기기 · 하위 메일함까지 지우기 · 차단할 때 받은 메일 옮기기
+
메일함 패널의 ⋯ 메뉴와 보낸 사람 차단 창에 더하는 것입니다. 메일함을 다른 메일함 안이나 맨 위로 옮기고, 하위 메일함이 있는 메일함도 한 번에 지우고, 보낸 사람을 차단할 때 받은편지함에 이미 있는 그 사람의 메일까지 스팸메일함으로 옮깁니다. 2의 목록은 줄을 눌러 고를 수 있습니다. 예시의 보낸 사람은 news@example.com입니다. 초안이며 사용자 확인 전입니다(2026-11-09).
+
+
+
+
+
1. 메일함 ⋯ 메뉴
+
내 메일함의 ⋯ 메뉴에 [옮기기]가 생깁니다. 이름 바꾸기 다음, 지우기 앞입니다. 받은편지함 같은 기본 메일함에는 없습니다.
+
+
+
+
+
+
내 메일함의 ⋯
+
거래처 안의 2025
+
+
+
+
+
+
+
받은편지함의 ⋯
+
기본 메일함에는 옮기기가 없습니다
+
+
+
+
+
+
정한 것
+
+
항목 차례는 모두 읽음으로 표시, 하위 메일함 만들기, 이름 바꾸기, 옮기기, 지우기입니다. 안 읽은 메일이 없으면 첫 항목이 빠지는 것은 지금과 같습니다.
+
옮기기는 내 메일함에만 있습니다. 받은편지함, 보낸편지함 같은 기본 메일함은 옮기지 않습니다.
+
하위 메일함이 있어도 옮길 수 있습니다. 하위 메일함과 안의 메일이 함께 가고, 그 메일함으로 옮기는 필터도 그대로 돕니다.
+
창을 여는 다른 항목(하위 메일함 만들기, 이름 바꾸기)처럼 이름 뒤에 …를 붙이지 않았습니다.
+
메일함을 지우는 동안에는 지금처럼 모든 항목을 누를 수 없습니다. 항목 높이 40은 지금 메뉴와 같습니다.
+
+
+
+
+
+
+
+
+
2. 옮기기 창
+
옮길 곳은 맨 위, 받은편지함, 내 메일함 가운데서 고릅니다. 목록의 줄을 눌러 고를 수 있습니다.
+
+
+
+
+
+
‘2025’ 메일함을 어디로 옮길까요?
+
하위 메일함과 안의 메일도 함께 옮깁니다.
+
+
+
+
{{ r.name }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
정한 것
+
+
창 폭은 400입니다(주소록의 그룹 창과 같습니다). 처음에는 아무 곳도 고르지 않은 채 열리고, 고르기 전에는 [옮기기]를 누를 수 없습니다.
+
목록은 메일함 패널과 같은 차례와 들여쓰기이고 줄 높이는 40입니다. 고른 줄은 패널의 지금 메일함처럼 청록 바탕에 굵은 글자이고, 오른쪽에 체크 표시가 붙습니다.
+
옮기는 메일함(거래처 안의 2025)과 그 안의 정산은 흐리게 두고 고를 수 없습니다. 지금 있는 곳(거래처)도 고를 수 없고 지금 있는 곳 표시를 붙입니다. 맨 위에 있는 메일함이면 맨 위 줄에 붙습니다.
+
바로 아래에 같은 이름의 메일함이 있는 곳(보관 안의 2025)도 처음부터 고를 수 없게 하고, 같은 자리에 같은 이름의 메일함이 있습니다 표시를 붙입니다. 대소문자는 가리지 않고 견줍니다. 서버에 묻기 전에 화면이 하는 검사라 화면 상수 글입니다.
+
옮길 곳에 보낸편지함, 임시보관함, 스팸메일함, 휴지통은 없습니다. 하위 메일함을 만들 수 있는 곳과 같습니다.
+
하위 메일함이 없으면 제목 아래 글은 "안의 메일도 함께 옮깁니다."입니다.
+
메일함이 많으면 목록 칸 안에서 스크롤합니다. 화살표 키로 줄을 옮기고, Enter는 [옮기기], Esc는 [취소]와 같습니다.
+
+
+
+
+
+
+
+
+
3. 그사이 같은 이름이 생겼을 때
+
드문 경우입니다. 창을 연 사이 다른 창에서 프로젝트 안에 2025를 만들어, 프로젝트를 고르고 [옮기기]를 누르자 서버가 거절한 모습입니다.
+
+
+
+
+
+
‘2025’ 메일함을 어디로 옮길까요?
+
하위 메일함과 안의 메일도 함께 옮깁니다.
+
+
+
+
{{ r.name }}
+
+
+
+
+
+
+
+
+ 같은 이름의 메일함이 이미 있습니다.
+
+
+
+
+
+
+
+
+
+
정한 것
+
+
같은 이름은 보통 2의 표시로 미리 막습니다. 이 그림은 창의 목록이 연 때의 것이라 막지 못한 경우입니다.
+
글은 오류 사전의 MAIL_009를 그대로 씁니다. 알림은 띄우지 않고 창을 그대로 둡니다(이름 바꾸기 창과 같습니다). 다른 곳을 고르면 글이 사라집니다.
+
대소문자만 다른 이름(Report와 report)도 같은 이름으로 봅니다. 미리 막는 검사도 같은 규칙입니다.
+
그사이 메일함이 사라졌으면 RES_001 알림을 띄우고 창을 닫은 뒤 메일함 목록을 다시 받습니다(이름 바꾸기 창과 같습니다).
+
옮기는 동안에는 [옮기기]를 다시 누를 수 없습니다.
+
+
+
+
+
+
+
+
+
4. 옮긴 뒤 알림
+
메일함 패널에 바로 나타나고, 알림의 [되돌리기]로 원래 있던 곳에 되돌립니다.
+
+
+
+
+
+
옮긴 뒤 메일함 패널
+
2025가 정산과 함께 프로젝트 안으로
+
+
+
+
+
+
+
다른 메일함 안으로 옮겼을 때
+
+
+ ‘2025’ 메일함을 ‘프로젝트’ 안으로 옮겼습니다.
+
+
+
+
+
맨 위로 옮겼을 때
+
+
+ ‘2025’ 메일함을 다른 메일함 밖으로 옮겼습니다.
+
+
+
+
+
[되돌리기]를 누른 뒤
+
+
+ ‘2025’ 메일함을 ‘거래처’ 안으로 되돌렸습니다.
+
+
+
+
+
+
정한 것
+
+
메일함 패널에 바로 나타납니다. 보던 메일함을 옮겨도 그 메일함을 계속 봅니다.
+
[되돌리기]는 원래 있던 곳으로 다시 옮깁니다. 단추가 있는 알림은 지금처럼 10초 동안 남습니다.
+
받은편지함 안으로 옮겼으면 "‘2025’ 메일함을 받은편지함 안으로 옮겼습니다."처럼 받은편지함에는 따옴표를 붙이지 않습니다.
+
+
+
+
+
+
+
+
+
5. 하위 메일함까지 지우기
+
하위 메일함이 있는 메일함을 지우려 하면 지금은 지울 수 없다고만 알립니다. 15단계부터는 하위 메일함까지 함께 지울지 묻습니다.
+
+
+
+
+
+
지금
+
하위 메일함을 먼저 지우라고만 합니다
+
+
+
+
‘거래처’ 메일함을 지울 수 없습니다
+
하위 메일함이 있습니다. 하위 메일함을 먼저 지워 주세요.
+
+
+
+
+
+
+
+
+
+
15단계
+
하위 메일함까지 지울지 묻습니다 · 처음 초점은 [취소]
+
+
+
+
‘거래처’ 메일함과 하위 메일함 2개를 지울까요?
+
하위 메일함에 든 메일까지 모두 40통을 휴지통으로 옮깁니다. 휴지통에 들어간 메일은 30일 뒤 자동으로 지워집니다. 지운 메일함은 되돌릴 수 없습니다.
+
+
+
+
+
+
+
+
+
+
정한 것
+
+
하위 메일함 수는 아래의 모든 깊이를 셉니다(2025와 그 안의 정산으로 2개). 메일 수도 하위 메일함까지 더한 수입니다.
+
메일이 하나도 없으면 둘째 글은 "하위 메일함까지 모두 비어 있습니다. 지운 메일함은 되돌릴 수 없습니다."입니다.
+
처음 초점은 [취소]이고, 휴지통을 비우는 동안에는 [지우기]를 누를 수 없습니다. 둘 다 지금 지우기 창과 같습니다.
+
+
+
+
+
진행과 결과는 지금 메일함 지우기와 같습니다. "‘거래처’ 메일함을 지우는 중 · 12 / 40통" 알림이 끝나면 "‘거래처’ 메일함을 지웠습니다. 안의 메일 40통은 휴지통에 있습니다."로 바뀝니다.
+
+
+
+
+
6. 보낸 사람 차단 창
+
지금 창에 칸 하나를 더해, 받은편지함에 이미 있는 같은 보낸 사람의 메일까지 스팸메일함으로 옮깁니다. 많을 수 있고 한꺼번에 되돌릴 수 없어서 처음에는 꺼져 있습니다.
+
+
+
+
+
+
처음 모습
+
이 주소만 · 새 칸은 꺼져 있습니다
+
+
+
+
보낸 사람 차단
+
앞으로 오는 메일은 스팸메일함으로 옮겨지고, 부재중 자동 응답도 보내지 않습니다.
+
+
+
+
+
+
+
+
+
옮긴 메일은 한꺼번에 되돌릴 수 없습니다.
+
+
차단은 [설정] → [차단한 주소]에서 풀 수 있습니다.
+
+
+
+
+
+
+
+
+
+
+
+
이 도메인 전체를 고르고 새 칸을 켬
+
이 메일이 받은편지함에 있어 첫 칸이 켜진 채 잠깁니다
+
+
+
+
보낸 사람 차단
+
앞으로 오는 메일은 스팸메일함으로 옮겨지고, 부재중 자동 응답도 보내지 않습니다.
+
+
+
+
+
+
+
+
받은편지함의 메일을 옮길 때 함께 옮깁니다.
+
+
옮긴 메일은 한꺼번에 되돌릴 수 없습니다.
+
+
차단은 [설정] → [차단한 주소]에서 풀 수 있습니다.
+
+
+
+
+
+
+
+
+
+
+
+
스팸메일함의 메일에서 차단할 때
+
첫 칸은 지금처럼 없고 새 칸은 남습니다
+
+
+
+
보낸 사람 차단
+
앞으로 오는 메일은 스팸메일함으로 옮겨지고, 부재중 자동 응답도 보내지 않습니다.
+
+
+
+
+
+
+
+
옮긴 메일은 한꺼번에 되돌릴 수 없습니다.
+
+
차단은 [설정] → [차단한 주소]에서 풀 수 있습니다.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
이 탭에서 필터를 적용하는 중일 때
+
창 안의 두 칸만 그렸습니다 · 새 칸이 꺼지고 까닭이 붙습니다
+
+
+
+
+
받은편지함을 정리하는 중이라 지금은 고를 수 없습니다.
+
+
+
+
+
정한 것
+
+
새 칸은 창을 열 때마다 꺼진 채 시작합니다. 첫 칸은 지금처럼 켜진 채 시작합니다.
+
새 칸을 켰는데 이 메일이 받은편지함에 있으면 첫 칸은 켜진 채 잠기고(aria-disabled) 칸 아래에 까닭이 붙습니다. 새 칸을 끄면 첫 칸은 원래대로 돌아옵니다. 이 메일이 다른 메일함에 있으면 잠그지 않습니다.
+
이 도메인 전체를 고르면 새 칸의 이 보낸 사람이 이 도메인으로 바뀝니다. 차단처럼 그 도메인만 보고 하위 도메인은 보지 않습니다.
+
받은편지함에 있는 메일만 옮깁니다. 직원이 정리해 둔 다른 메일함은 그대로 둡니다(필터 적용과 같습니다).
+
이 탭에서 필터를 받은편지함에 적용하는 동안에는 새 칸을 끄고(aria-disabled) 칸 아래 글을 까닭으로 바꿉니다. 7단계 필터 창의 칸과 같습니다.
+
두 칸은 붙여 두고, 칸 글이 두 줄이면 고르기 상자를 첫 줄에 맞춥니다. 칸 아래 글은 글 선(28)에 맞춰 들여 씁니다.
+
+
+
+
+
+
+
+
+
7. 차단한 뒤 알림
+
새 칸을 켜고 차단하면 차단 알림을 따로 띄우지 않습니다. 알림 하나가 차단했다는 글로 시작해 진행 숫자를 보이다가, 같은 자리에서 결과로 바뀝니다. 7단계 필터 적용의 진행 알림과 같은 결입니다.
+
+
+
+
+
+
새 칸을 켜지 않았을 때
+
지금 차단 알림 그대로
+
+
+
+ ‘news@example.com’을(를) 차단하고 이 메일을 스팸메일함으로 옮겼습니다.
+
+
+
+
+
+
+
새 칸을 켰을 때
+
알림 하나가 진행을 보이다가 같은 자리에서 결과로
+
+
+
+ ‘news@example.com’을(를) 차단했습니다. 받은편지함의 메일을 스팸메일함으로 옮기는 중 · 1,200 / 4,800통 확인
+
+
+ ‘news@example.com’을(를) 차단했습니다. 다른 창에서 받은편지함을 정리하는 중입니다. 끝난 뒤 다시 시도해 주세요.
+
+
+
+
+
+
+
+
정한 것
+
+
새 칸을 켠 차단은 알림이 하나라 [되돌리기]가 없습니다. 차단은 [설정] → [차단한 주소]에서 풉니다. 새 칸을 켜지 않았으면 지금 알림이 [되돌리기]와 함께 그대로 뜹니다.
+
결과와 멈춤 글은 모두 차단했다는 말로 시작합니다. 차단은 이미 끝났고, 받은편지함의 메일 옮기기만 멈춘 것입니다.
+
숫자는 확인한 메일 / 받은편지함의 메일 수이고, 최근 메일부터 확인합니다. 첫 응답 전에는 받은편지함의 메일 수를 씁니다.
+
[스팸메일함 보기]는 스팸메일함 목록으로 갑니다. 옮긴 메일이 없으면 단추가 없습니다. 잘못 옮긴 메일은 스팸메일함에서 [스팸 아님]으로 돌려놓습니다.
+
[다시 시도]는 멈춘 자리부터, 처음부터 실패했으면 처음부터 합니다. 차단한 뒤에는 ⋯ 메뉴가 차단 풀기로 바뀌어 다시 고를 길이 없으므로, 다른 창에서 하는 중일 때도 단추를 둡니다.
+
다른 창에서 하는 중 글은 필터 적용과 함께 씁니다. 지금 필터 글(다른 창에서 필터로 받은편지함을 정리하는 중입니다.)도 구현 때 이 글로 바꿉니다.
+
그동안 다른 화면으로 가도 이어 하고, 탭을 닫거나 로그아웃하면 멈추고 알림을 닫습니다. 필터 적용과 이 일은 한 직원에 한 번에 하나만 돕니다.
+
+
+
+
+
+
+
+
+
diff --git a/docs/design/webmail/Reader15.dc.html b/docs/design/webmail/Reader15.dc.html
new file mode 100644
index 0000000..67d6d94
--- /dev/null
+++ b/docs/design/webmail/Reader15.dc.html
@@ -0,0 +1,1274 @@
+
+
+
+
+15단계 · 읽기 화면 · 이동 · 지금 보내기 · 같은 대화 펼치기
+
+
+
+
+
+
+
+
+
+
+
15단계 · 읽기 화면에서 옮기기 · 지금 보내기 · 같은 대화 모두 펼치기
+
메일 15단계(메일 · 메일함 다루기) 가운데 읽기 화면에 더하는 셋입니다. 1~3은 도구 줄의 [이동 ▾]과 옮길 메일함의 들여쓰기, 4~5는 예약한 메일의 [지금 보내기], 6은 같은 대화 칸의 [모두 펼치기]와 펼친 줄 머리의 [답장]입니다. 화면 글은 지금 화면 상수의 글을 그대로 쓰고, 새로 지은 글은 [지금 보내기], [모두 펼치기], [모두 접기], 들여 쓴 메일함의 화면 낭독 이름(거래처 안의 2025), 흐린 줄의 까닭 글(이 메일이 있는 메일함), 같은 이름이 있을 때 알림에 붙는 위 메일함 이름(거래처 › 2025로)입니다. 예시 날은 2026년 11월 9일(월) 오전이고 직원은 김아라입니다. 메인 검토(정할 것 여섯)를 반영한 초안이며 사용자 확인 전입니다(2026-11-09).