From 320828ece878260255194c0251db689d475fb283 Mon Sep 17 00:00:00 2001
From: kimbokon <lightone2017@gmail.com>
Date: Fri, 19 Dec 2025 11:09:12 +0900
Subject: [PATCH] =?UTF-8?q?=EB=AA=A8=EB=B0=94=EC=9D=BC=EC=97=90=EC=84=9C?=
 =?UTF-8?q?=20=EB=B2=84=ED=8A=BC=20=ED=85=8D=EC=8A=A4=ED=8A=B8=EA=B0=80=20?=
 =?UTF-8?q?=ED=95=9C=20=EA=B8=80=EC=9E=90=EC=94=A9=20=EC=A4=84=EB=B0=94?=
 =?UTF-8?q?=EA=BF=88=EB=90=98=EC=A7=80=20=EC=95=8A=EB=8F=84=EB=A1=9D=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95=ED=96=88=EC=8A=B5=EB=8B=88=EB=8B=A4.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.php | 30 ++++++++++++++++++------------
 1 file changed, 18 insertions(+), 12 deletions(-)

diff --git a/index.php b/index.php
index f591acf..5a0ad85 100644
--- a/index.php
+++ b/index.php
@@ -144,6 +144,12 @@
           font-size: clamp(1rem, 4vw, 1.5rem);
           line-height: 1.3;
         }
+
+        /* 모바일 버튼 텍스트 줄바꿈 방지 */
+        button {
+          word-break: keep-all;
+          white-space: nowrap;
+        }
       }
     </style>
 </head>
@@ -242,12 +248,12 @@
                     <strong>오직 CEO를 위한 시크릿 대시보드</strong>를 제안하십시오.
                 </p>
                 <div class="flex justify-center gap-4 animate-fade-in-up delay-300 relative z-20">
-                    <button onclick="showDownloadToast()" class="px-8 py-3 rounded-xl bg-slate-900 text-white font-semibold hover:bg-slate-800 hover:shadow-lg transition-all transform hover:-translate-y-1 active:scale-95">
+                    <button onclick="showDownloadToast()" class="px-4 sm:px-8 py-3 rounded-xl bg-slate-900 text-white font-semibold hover:bg-slate-800 hover:shadow-lg transition-all transform hover:-translate-y-1 active:scale-95 whitespace-nowrap text-sm sm:text-base">
                         제안서 다운로드
                     </button>
-                    <button onclick="filterAssets('Demo')" class="px-8 py-3 rounded-xl bg-white text-slate-700 border border-slate-200 font-semibold hover:bg-slate-50 hover:border-slate-300 transition-all flex items-center gap-2 active:scale-95">
-                        <i data-lucide="layout-grid" class="w-5 h-5"></i>
-                        세일즈 덱 보기
+                    <button onclick="filterAssets('Demo')" class="px-4 sm:px-8 py-3 rounded-xl bg-white text-slate-700 border border-slate-200 font-semibold hover:bg-slate-50 hover:border-slate-300 transition-all flex items-center gap-2 active:scale-95 whitespace-nowrap text-sm sm:text-base">
+                        <i data-lucide="layout-grid" class="w-5 h-5 flex-shrink-0"></i>
+                        <span>세일즈 덱 보기</span>
                     </button>
                 </div>
 
@@ -508,7 +514,7 @@
             filterContainer.innerHTML = FILTERS.map(filter => `
                 <button 
                     onclick="filterAssets('${filter}')"
-                    class="px-4 py-2 rounded-lg text-sm font-medium transition-colors duration-200 ${activeFilter === filter ? 'bg-slate-900 text-white shadow-md' : 'bg-white text-slate-600 hover:bg-slate-100 border border-transparent hover:border-slate-200'}"
+                    class="px-3 sm:px-4 py-2 rounded-lg text-xs sm:text-sm font-medium transition-colors duration-200 whitespace-nowrap ${activeFilter === filter ? 'bg-slate-900 text-white shadow-md' : 'bg-white text-slate-600 hover:bg-slate-100 border border-transparent hover:border-slate-200'}"
                 >
                     ${filter}
                 </button>
@@ -737,16 +743,16 @@
                     </div>
                     
                     <div class="p-4 border-t border-slate-100 bg-slate-50 rounded-b-2xl flex justify-end gap-3">
-                         <button onclick="closeModal()" class="px-4 py-2 rounded-lg bg-white border border-slate-200 text-slate-700 font-medium hover:bg-slate-50 transition-colors">닫기</button>
+                         <button onclick="closeModal()" class="px-3 sm:px-4 py-2 rounded-lg bg-white border border-slate-200 text-slate-700 font-medium hover:bg-slate-50 transition-colors whitespace-nowrap text-sm sm:text-base">닫기</button>
                          ${asset.pdf ? `
-                         <button onclick="openPdfViewer('${asset.id}')" class="px-4 py-2 rounded-lg bg-brand-600 text-white font-medium hover:bg-brand-700 shadow-md transition-colors flex items-center gap-2">
-                            <i data-lucide="file-text" class="w-4 h-4"></i>
-                            상세자료 보기
+                         <button onclick="openPdfViewer('${asset.id}')" class="px-3 sm:px-4 py-2 rounded-lg bg-brand-600 text-white font-medium hover:bg-brand-700 shadow-md transition-colors flex items-center gap-2 whitespace-nowrap text-sm sm:text-base">
+                            <i data-lucide="file-text" class="w-4 h-4 flex-shrink-0"></i>
+                            <span>상세자료 보기</span>
                          </button>
                          ` : `
-                         <button onclick="showDownloadToast(); closeModal()" class="px-4 py-2 rounded-lg bg-brand-600 text-white font-medium hover:bg-brand-700 shadow-md transition-colors flex items-center gap-2">
-                            <i data-lucide="download" class="w-4 h-4"></i>
-                            자료 사용하기
+                         <button onclick="showDownloadToast(); closeModal()" class="px-3 sm:px-4 py-2 rounded-lg bg-brand-600 text-white font-medium hover:bg-brand-700 shadow-md transition-colors flex items-center gap-2 whitespace-nowrap text-sm sm:text-base">
+                            <i data-lucide="download" class="w-4 h-4 flex-shrink-0"></i>
+                            <span>자료 사용하기</span>
                          </button>
                          `}
                     </div>