스크롤과 설정한 해상도 크기와 실제화면 크기가 다른 문제 해결

frontend/components/layout/AppLayout.tsx

@@ -456,8 +456,8 @@ function AppLayoutInner({ children }: AppLayoutProps) {
           </div>
         </aside>
 
-        {/* 가운데 컨텐츠 영역 - overflow 문제 해결 */}
-        <main className="h-[calc(100vh-3.5rem)] min-w-0 flex-1 overflow-hidden bg-white p-4">{children}</main>
+        {/* 가운데 컨텐츠 영역 - 스크롤 가능 */}
+        <main className="h-[calc(100vh-3.5rem)] min-w-0 flex-1 overflow-auto bg-white p-4">{children}</main>
       </div>
 
       {/* 프로필 수정 모달 */}

frontend/components/screen/ScreenDesigner.tsx

@@ -4185,7 +4185,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
             className="flex justify-center"
             style={{
               width: "100%",
-              minHeight: Math.max(screenResolution.height, 800) * zoomLevel,
+              minHeight: screenResolution.height * zoomLevel,
             }}
           >
             {/* 실제 작업 캔버스 (해상도 크기) - 고정 크기 + 줌 적용 */}
@@ -4193,7 +4193,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
               className="bg-background border-border border shadow-lg"
               style={{
                 width: `${screenResolution.width}px`,
-                height: `${Math.max(screenResolution.height, 800)}px`,
+                height: `${screenResolution.height}px`,
                 minWidth: `${screenResolution.width}px`,
                 maxWidth: `${screenResolution.width}px`,
                 minHeight: `${screenResolution.height}px`,