Update app.py

app.py

@@ -594,8 +594,7 @@ def create_interface():
                 padding: 20px 10px !important;
                 width: 100% !important;
             }
-            .logo-image {
-                content: url('/static/DIGITAL_GUTPAN_LOGO_m.png') !important;
+            #logo-image {
                 width: 100% !important;
                 height: auto !important;
                 max-width: 300px !important;
@@ -618,8 +617,7 @@ def create_interface():
                 max-width: 800px;
                 margin: 0 auto;
             }
-            .logo-image {
-                content: url('/static/DIGITAL_GUTPAN_LOGO_w.png');
+            #logo-image {
                 width: 100%;
                 height: auto;
                 max-width: 800px;
@@ -634,37 +632,17 @@ def create_interface():
             text-align: center;
             margin-bottom: 20px;
         }
-        
-        .logo-image img {
-            width: 100% !important;
-            height: auto !important;
-            object-fit: contain !important;
-        }
-        
-        .gradio-container {
-            margin: 0 auto !important;
-        }
-        
-        .gradio-button {
-            transition: all 0.3s ease;
-        }
-        .gradio-button:active {
-            transform: scale(0.98);
-        }
     """
 
     with gr.Blocks(theme=gr.themes.Soft(), css=css) as app:
         state = gr.State(value=initial_state)
         
+        # 로고 컨테이너 수정
         with gr.Column(elem_classes="logo-container"):
-            gr.Image(
-                value="/static/DIGITAL_GUTPAN_LOGO_w.png",
-                show_label=False,
-                interactive=False,
-                elem_classes="logo-image",
-                scale=1,
-                width="100%"
-            )
+            # HTML로 직접 이미지 삽입
+            gr.HTML("""
+                <img id="logo-image" src="file/static/DIGITAL_GUTPAN_LOGO_w.png" alt="디지털 굿판 로고">
+            """)
 
         gr.Markdown("""
         1. 입장 → 2. 청신 → 3. 기원 → 4. 송신