diff --git a/frontend/src/routes/documents/[id]/+page.svelte b/frontend/src/routes/documents/[id]/+page.svelte
index 93936c5..13704d3 100644
--- a/frontend/src/routes/documents/[id]/+page.svelte
+++ b/frontend/src/routes/documents/[id]/+page.svelte
@@ -33,7 +33,7 @@
     }
   });
 
-  let viewerType = $derived(doc ? getViewerType(doc.file_format) : 'none');
+  let viewerType = $derived(doc ? (doc.source_channel === 'news' ? 'article' : getViewerType(doc.file_format)) : 'none');
 
   function getViewerType(format) {
     if (['md', 'txt', 'csv', 'html'].includes(format)) return 'markdown';
@@ -94,6 +94,29 @@
               새 창에서 열기
             </a>
           </div>
+        {:else if viewerType === 'article'}
+          <!-- 뉴스 전용 뷰어 -->
+          <div>
+            <h1 class="text-xl font-bold mb-3">{doc.title}</h1>
+            <div class="flex items-center gap-2 mb-4 text-xs text-[var(--text-dim)]">
+              <span>출처: {doc.source_channel}</span>
+              <span>·</span>
+              <span>{new Date(doc.created_at).toLocaleDateString('ko-KR', { year: 'numeric', month: 'short', day: 'numeric' })}</span>
+            </div>
+            {#if doc.extracted_text}
+              <div class="markdown-body mb-6">
+                {@html renderMd(doc.extracted_text)}
+              </div>
+            {/if}
+            {#if doc.edit_url}
+              <a
+                href={doc.edit_url}
+                target="_blank"
+                rel="noopener noreferrer"
+                class="inline-flex items-center gap-2 px-4 py-2 bg-[var(--accent)] text-white rounded-lg hover:bg-[var(--accent-hover)]"
+              >원문 보기 →</a>
+            {/if}
+          </div>
         {:else}
           <div class="text-center py-10">
             <p class="text-[var(--text-dim)] mb-2">이 문서 형식은 인앱 미리보기를 지원하지 않습니다</p>