GhiVideo 소스 복제 — v4 작업 시작 기준

기존 GhiVideo 저장소 HEAD의 트래킹 소스 362개 파일을 복제.
(node_modules·storage·빌드 산출물·대용량 미디어는 .gitignore 규칙대로 제외)

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

docs/assets/report-hwp.css

@@ -0,0 +1,55 @@
+/* 한맥 기술개발센터 회의자료(HWP) 양식 모사 — md→html→pdf 공용 */
+@page {
+  size: A4;
+  margin: 22mm 18mm 18mm 18mm;
+  @top-left  { content: "한맥 기술개발센터"; font-family: "Malgun Gothic"; font-size: 8.5pt; color: #555; }
+  @top-right { content: "대외비 / 회의자료"; font-family: "Malgun Gothic"; font-size: 8.5pt; color: #a33; }
+  @bottom-center { content: "기술로 사람과 자연이 함께하는 세상을 만들어 갑니다."; font-family: "Malgun Gothic"; font-size: 8.5pt; color: #999; }
+  @bottom-right  { content: counter(page); font-family: "Malgun Gothic"; font-size: 8.5pt; color: #999; }
+}
+
+html { font-size: 10.5pt; }
+body {
+  font-family: "Malgun Gothic", "Hancom Gothic", sans-serif;
+  color: #1a1a1a; line-height: 1.55; margin: 0 auto; max-width: 900px; padding: 8px 10px;
+}
+
+/* 제목 */
+h1 {
+  text-align: center; font-size: 17pt; font-weight: 800; color: #111;
+  margin: 2px 0 4px; padding-bottom: 8px; border-bottom: 2.5px solid #333;
+}
+.subhead { text-align: center; color: #666; font-size: 9.5pt; margin: 0 0 18px; }
+
+/* □ 절 제목 (## 으로 작성, 텍스트에 □ 포함) */
+h2 {
+  font-size: 13pt; font-weight: 800; color: #14305e;
+  margin: 18px 0 8px; padding: 0; border: none;
+}
+/* ▷ 소제목 (### 으로 작성) */
+h3 { font-size: 11pt; font-weight: 700; color: #333; margin: 12px 0 5px; }
+
+ul { margin: 4px 0 8px; padding-left: 18px; }
+li { margin: 2px 0; }
+strong { color: #111; }
+a { color: #14305e; text-decoration: none; }
+
+/* 표 — HWP 느낌(전 테두리, 헤더 회색) */
+table { border-collapse: collapse; width: 100%; margin: 8px 0 12px; font-size: 9.5pt; }
+th, td { border: 1px solid #555; padding: 5px 8px; vertical-align: top; text-align: left; }
+th { background: #e9edf3; color: #14305e; font-weight: 700; text-align: center; }
+td.c, th.c { text-align: center; }
+
+/* ☞ 제언 박스 */
+blockquote {
+  border: 1px solid #c9b27a; background: #fffbf0; border-radius: 4px;
+  margin: 10px 0; padding: 8px 12px; color: #5a4626; font-size: 9.8pt;
+}
+
+figure { margin: 10px 0; text-align: center; page-break-inside: avoid; break-inside: avoid; }
+figure svg { width: 100%; max-width: 720px; height: auto; }
+figure figcaption { font-size: 8.8pt; color: #777; margin-top: 4px; }
+text { font-family: "Malgun Gothic", sans-serif; }
+
+h1, h2, h3 { break-after: avoid; }
+table, figure { break-inside: avoid; }

docs/assets/report.css

@@ -0,0 +1,77 @@
+@page {
+  size: A4;
+  margin: 18mm 16mm 16mm 16mm;
+  @bottom-center {
+    content: counter(page) " / " counter(pages);
+    font-family: "Malgun Gothic", sans-serif;
+    font-size: 9pt;
+    color: #999;
+  }
+}
+
+html { font-size: 11pt; }
+
+body {
+  font-family: "Malgun Gothic", "Hancom Gothic", sans-serif;
+  color: #23272e;
+  line-height: 1.65;
+  max-width: 920px;
+  margin: 0 auto;
+  padding: 24px;
+}
+
+h1 {
+  font-size: 1.7rem;
+  color: #b45309;            /* amber-700 — 앱 활성색 계열 */
+  border-bottom: 3px solid #f59e0b; /* amber-500 */
+  padding-bottom: 8px;
+  margin: 0 0 4px;
+}
+
+h2 {
+  font-size: 1.25rem;
+  color: #b45309;
+  border-bottom: 1px solid #e5d3b3;
+  padding-bottom: 5px;
+  margin-top: 1.6em;
+}
+
+h3 { font-size: 1.05rem; color: #92400e; margin-top: 1.1em; }
+
+a { color: #b45309; }
+
+hr { border: none; border-top: 1px solid #e2e2e2; margin: 1.6em 0; }
+
+ul { padding-left: 1.25em; }
+li { margin: 0.18em 0; }
+
+strong { color: #1f2937; }
+
+code {
+  font-family: "D2Coding", Consolas, monospace;
+  background: #f4f1ea;
+  border: 1px solid #e7e0d2;
+  border-radius: 3px;
+  padding: 0.5px 5px;
+  font-size: 0.92em;
+}
+
+table {
+  border-collapse: collapse;
+  width: 100%;
+  margin: 0.8em 0;
+  font-size: 0.95em;
+}
+th, td { border: 1px solid #d8d2c4; padding: 6px 10px; text-align: left; vertical-align: top; }
+th { background: #fdf3df; color: #7c2d12; }
+
+blockquote {
+  border-left: 4px solid #f59e0b;
+  margin: 0.8em 0;
+  padding: 0.2em 0 0.2em 14px;
+  color: #555;
+  background: #fffbf2;
+}
+
+/* ★ 강조 항목이 페이지 경계에서 잘리지 않게 */
+h1, h2, h3 { break-after: avoid; }