Update app.py

app.py

@@ -194,6 +194,13 @@ COLOR = "#F1F1F1"
 
 st.markdown(f"""
 <style>
+/* 기존 배경/레이어 정리 */
+.stApp {{ background: transparent !important; }}
+.stApp::after, .block-container::before, .block-container::after {{ content: none !important; }}
+
+/* 중앙 폭 변수 (페이지 레이아웃에 맞춰 필요시 1000~1200px 튜닝) */
+:root {{ --col-w: min(1200px, 95vw); }}
+
 /* 상단·배경 투명 처리 */
 header[data-testid="stHeader"],
 [data-testid="stAppViewContainer"],
@@ -203,13 +210,29 @@ main, section.main {{ background: transparent !important; }}
 .stApp::before, .stApp::after,
 .block-container::before, .block-container::after {{ content:none !important; }}
 
-/* 중앙 컬럼에만 단색 배경 */
-.block-container {{
+/* ✅ 단색 배경: '한 장'을 viewport에 고정 → 스크롤해도 안 잘림
+   중앙 컬럼 폭만 보이도록 좌우를 clip-path로 잘라냄 */
+.stApp::before {{
+  content:"";
+  position: fixed;
+  inset: 0;                          /* 풀스크린 */
+  background: {COLOR};
+  pointer-events: none;
+  z-index: 0;
+
+  /* 가운데 정렬된 컬럼 폭만 남기고 좌우는 가림 */
+  clip-path: inset(0 calc((100vw - var(--col-w))/2) 0 calc((100vw - var(--col-w))/2));
+
+  /* 재합성 이음새 방지 보정 */
+  will-change: transform;
+  transform: translateZ(0);
+}}
+
+/* 실제 콘텐츠는 배경 위로 */
+.block-container, [data-testid="stSidebar"] {{
   position: relative;
-  min-height: 100vh;
-  background: {COLOR} !important;
+  z-index: 1;
 }}
-.block-container > * {{ position: relative; z-index: 1; }}
 </style>
 """, unsafe_allow_html=True)