Update app.py

app.py

@@ -197,44 +197,67 @@ st.sidebar.toggle("배경 이미지 사용", key="bg_on", value=False)
 if not st.session_state.get("bg_on"):
     st.sidebar.color_picker("단색 배경", value=st.session_state.get("bg_color", "#F1F1F1"), key="bg_color")
 
-# === 배경 적용 ===
-def apply_background():
-    # 1) 기본 리셋 (겹침 방지: 기존 ::before 끄기)
+
+# === 중앙 컨테이너(본문)에만 배경 적용 ===
+def apply_background_center_only():
+    # 베이스 리셋: 전체 배경 제거 + 기본 여백/레이어 정리
     st.markdown("""
     <style>
+      .stApp { background: none !important; }
       .stApp::before, .block-container::before { content: none !important; }
-      /* 콘텐츠는 항상 배경 위에 */
-      .block-container, [data-testid="stSidebar"] { position: relative; z-index: 1; }
-      /* 입력박스 하단 여백 */
+      [data-testid="stSidebar"] { position: relative; z-index: 1; }
       div[data-testid="stTextInput"] { margin-bottom: 18px !important; }
+
+      /* 중앙 컨테이너(.main)만 타겟 – 버전 차이 포괄 */
+      :is(
+        [data-testid="stAppViewContainer"] > .main,
+        section.main,
+        main[data-testid="stMain"]
+      ){
+        position: relative;
+        isolation: isolate;
+        min-height: 100vh;        /* 화면 가득 채워 배경 공백 방지 */        
+      }
     </style>
     """, unsafe_allow_html=True)
 
     if st.session_state.get("bg_on"):
-        # 2) 이미지 배경: 배경만 희석(콘텐츠는 불투명 유지)
+        # 이미지 배경(중앙 컨테이너에만 적용)
         st.markdown(f"""
         <style>
-          .stApp {{
-            background-attachment: fixed;
-            background-position: center 45% !important;
-            background-size: cover;
-            background-repeat: no-repeat;
-            /* overlay(흰색 85% 투명) + 실제 이미지 */
+          :is(
+            [data-testid="stAppViewContainer"] > .main,
+            section.main,
+            main[data-testid="stMain"]
+          ){{
             background-image:
               linear-gradient(rgba(255,255,255,0.85), rgba(255,255,255,0.85)),
-              url('{BG_URL}');
+              url('{BG_URL}') !important;
+            background-position: center 45% !important;
+            background-size: cover !important;
+            background-repeat: no-repeat !important;            
+            background-attachment: scroll, fixed !important;
           }}
-          @media (max-width:768px) {{
-            .stApp {{ background-attachment: initial; }}
+
+          @media (max-width: 768px){{
+            :is(
+              [data-testid="stAppViewContainer"] > .main,
+              section.main,
+              main[data-testid="stMain"]
+            ){{ background-attachment: scroll, scroll !important; }}
           }}
         </style>
         """, unsafe_allow_html=True)
     else:
-        # 3) 단색 배경: 이전 이미지 잔존 차단
+        # 단색 배경(중앙 컨테이너에만 적용)
         color = st.session_state.get("bg_color", "#F1F1F1")
         st.markdown(f"""
         <style>
-          .stApp {{
+          :is(
+            [data-testid="stAppViewContainer"] > .main,
+            section.main,
+            main[data-testid="stMain"]
+          ){{
             background-image: none !important;
             background-color: {color} !important;
           }}
@@ -242,7 +265,7 @@ def apply_background():
         """, unsafe_allow_html=True)
 
 # 호출
-apply_background()
+apply_background_center_only()
 
 # ── P 글꼴 크기 14 px ───────────────────────────────────
 st.markdown("""