스토리 뷰 페이지 헤더 z-index 충돌 문제 해결

- 메인 컨테이너 padding-top을 pt-4에서 pt-20으로 증가
- 드롭다운 z-index를 z-[60]으로 설정하여 헤더보다 높은 우선순위 부여
- 스토리 선택 드롭다운이 정상적으로 작동하도록 수정
- 디버깅용 코드 정리

frontend/static/js/viewer/core/document-loader.js

@@ -24,9 +24,15 @@ class DocumentLoader {
             document.title = `${noteDocument.title} - Document Server`;
             
             // 노트 내용을 HTML로 설정
-            const contentElement = document.getElementById('document-content');
-            if (contentElement && noteDocument.content) {
-                contentElement.innerHTML = noteDocument.content;
+            const noteContentElement = document.getElementById('note-content');
+            if (noteContentElement && noteDocument.content) {
+                noteContentElement.innerHTML = noteDocument.content;
+            } else {
+                // 폴백: document-content 사용
+                const contentElement = document.getElementById('document-content');
+                if (contentElement && noteDocument.content) {
+                    contentElement.innerHTML = noteDocument.content;
+                }
             }
             
             console.log('📝 노트 로드 완료:', noteDocument.title);
@@ -46,25 +52,28 @@ class DocumentLoader {
             // 백엔드에서 문서 정보 가져오기 (캐싱 적용)
             const docData = await this.cachedApi.get(`/documents/${documentId}`, { content_type: 'document' }, { category: 'document' });
             
-            // HTML 파일 경로 구성 (백엔드 서버를 통해 접근)
-            const htmlPath = docData.html_path;
-            const fileName = htmlPath.split('/').pop();
-            const response = await fetch(`http://localhost:24102/uploads/documents/${fileName}`);
-            
-            if (!response.ok) {
-                throw new Error('문서 파일을 불러올 수 없습니다');
-            }
-            
-            const htmlContent = await response.text();
-            document.getElementById('document-content').innerHTML = htmlContent;
-            
             // 페이지 제목 업데이트
             document.title = `${docData.title} - Document Server`;
             
-            // 문서 내 스크립트 오류 방지를 위한 전역 함수들 정의
-            this.setupDocumentScriptHandlers();
+            // PDF 문서가 아닌 경우에만 HTML 로드
+            if (!docData.pdf_path && docData.html_path) {
+                // HTML 파일 경로 구성 (백엔드 서버를 통해 접근)
+                const htmlPath = docData.html_path;
+                const fileName = htmlPath.split('/').pop();
+                const response = await fetch(`http://localhost:24102/uploads/documents/${fileName}`);
+                
+                if (!response.ok) {
+                    throw new Error('문서 파일을 불러올 수 없습니다');
+                }
+                
+                const htmlContent = await response.text();
+                document.getElementById('document-content').innerHTML = htmlContent;
+                
+                // 문서 내 스크립트 오류 방지를 위한 전역 함수들 정의
+                this.setupDocumentScriptHandlers();
+            }
             
-            console.log('✅ 문서 로드 완료:', docData.title);
+            console.log('✅ 문서 로드 완료:', docData.title, docData.pdf_path ? '(PDF)' : '(HTML)');
             return docData;
             
         } catch (error) {