From 17042d395cafca556fd1d141e9d2d12f4c4e8d69 Mon Sep 17 00:00:00 2001
From: Claude Haiku <b18206.tdc.hanmacgroup@gmail.com>
Date: Mon, 19 Oct 2026 17:11:56 +0900
Subject: [PATCH] =?UTF-8?q?=EC=8A=A4=ED=81=AC=EB=A1=A4=20=EC=99=84?=
 =?UTF-8?q?=EC=A0=84=20=EC=A0=9C=EA=B1=B0=20-=20=ED=99=94=EB=A9=B4?=
 =?UTF-8?q?=EB=B9=84=EC=9C=A8=20=EC=B5=9C=EC=A0=81=ED=99=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

전체 스크롤 제거:
1. html, body: overflow: hidden
2. .container: overflow: hidden
3. #canvas: overflow: hidden
4. 패널 외부 스크롤 제거

내부 스크롤만 활성화:
- 패널 내용이 넘칠 때만 패널 내부 스크롤 표시
- 커스텀 스크롤바 스타일 적용

결과:
- 화면에 맞춘 레이아웃
- 우측/하단 스크롤 없음
- 화면비율(16:9 등) 완벽 대응
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
---
 out/viewer-correct.html | 50 +++++++++++++++++++++++++----------------
 1 file changed, 31 insertions(+), 19 deletions(-)

diff --git a/out/viewer-correct.html b/out/viewer-correct.html
index 650b05d..8fafe66 100644
--- a/out/viewer-correct.html
+++ b/out/viewer-correct.html
@@ -5,6 +5,15 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>올바른 3D 모델 - 계획도 + 상세도 통합</title>
     <style>
+        html, body {
+            margin: 0;
+            padding: 0;
+            border: 0;
+            width: 100%;
+            height: 100%;
+            overflow: hidden;
+        }
+
         * {
             margin: 0;
             padding: 0;
@@ -14,7 +23,6 @@
         body {
             font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
             background: #0f1419;
-            height: 100vh;
             display: flex;
             color: #fff;
         }
@@ -23,27 +31,47 @@
             width: 100%;
             height: 100%;
             display: flex;
+            overflow: hidden;
         }
 
         #canvas {
             flex: 1;
             background: linear-gradient(135deg, #1a3a52 0%, #0d1f2d 100%);
+            overflow: hidden;
         }
 
         .panel {
             width: fit-content;
             min-width: 300px;
             max-width: 650px;
-            height: 100vh;
+            height: 100%;
             background: #1a1f2e;
             padding: 12px;
-            overflow: hidden;
+            overflow-y: auto;
+            overflow-x: hidden;
             border-left: 1px solid #2d3748;
             display: flex;
             flex-direction: column;
             font-size: 12px;
         }
 
+        .panel::-webkit-scrollbar {
+            width: 6px;
+        }
+
+        .panel::-webkit-scrollbar-track {
+            background: #1a1f2e;
+        }
+
+        .panel::-webkit-scrollbar-thumb {
+            background: #4a5568;
+            border-radius: 3px;
+        }
+
+        .panel::-webkit-scrollbar-thumb:hover {
+            background: #718096;
+        }
+
         .panel > * {
             flex-shrink: 0;
             width: 100%;
@@ -195,22 +223,6 @@
             border-radius: 2px;
         }
 
-        ::-webkit-scrollbar {
-            width: 6px;
-        }
-
-        ::-webkit-scrollbar-track {
-            background: #1a1f2e;
-        }
-
-        ::-webkit-scrollbar-thumb {
-            background: #4a5568;
-            border-radius: 3px;
-        }
-
-        ::-webkit-scrollbar-thumb:hover {
-            background: #718096;
-        }
     </style>
 </head>
 <body>