From 860ea0974165f3561609b7e6d8982f2b80074b1c Mon Sep 17 00:00:00 2001
From: "68893236+KINDNICK@users.noreply.github.com"
 <68893236+KINDNICK@users.noreply.github.com>
Date: Tue, 3 Feb 2026 22:50:59 +0900
Subject: [PATCH] =?UTF-8?q?Fix:=20=ED=81=AC=EB=A6=AC=EC=97=90=EC=9D=B4?=
 =?UTF-8?q?=ED=84=B0=20=EC=82=AC=EC=9D=B8=20=EB=A7=88=ED=82=A4=20=EC=86=8D?=
 =?UTF-8?q?=EB=8F=84=20=EC=A1=B0=EC=A0=95=20=EB=B0=8F=20=EB=A3=A8=ED=94=84?=
 =?UTF-8?q?=20=EA=B0=9C=EC=84=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 애니메이션 속도 80s로 변경 (2배 느리게)
- 3배 복제로 부드러운 무한 루프 구현
- translateX(-33.333%)로 클라이언트 마키와 동일한 패턴 적용

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 css/common.css | 10 +++++-----
 index.html     | 54 ++++++++++++++++++++++++++++++--------------------
 2 files changed, 38 insertions(+), 26 deletions(-)

diff --git a/css/common.css b/css/common.css
index ce9d641..dec1077 100644
--- a/css/common.css
+++ b/css/common.css
@@ -1586,8 +1586,9 @@ body {
 
 .signs-marquee-track {
     display: flex;
-    gap: var(--spacing-xl);
-    animation: signsScroll 15s linear infinite;
+    gap: clamp(1.5rem, 3vw, 2.5rem);
+    animation: signsScroll 80s linear infinite;
+    width: max-content;
 }
 
 .signs-marquee:hover .signs-marquee-track {
@@ -1596,7 +1597,7 @@ body {
 
 @keyframes signsScroll {
     0% { transform: translateX(0); }
-    100% { transform: translateX(calc(-50% - var(--spacing-xl) / 2)); }
+    100% { transform: translateX(-33.333%); }
 }
 
 .sign-item {
@@ -1607,11 +1608,10 @@ body {
     overflow: hidden;
     background: var(--bg-light);
     box-shadow: var(--shadow-sm);
-    transition: transform 0.3s ease, box-shadow 0.3s ease;
+    transition: box-shadow 0.3s ease;
 }
 
 .sign-item:hover {
-    transform: scale(1.05);
     box-shadow: var(--shadow-md);
 }
 
diff --git a/index.html b/index.html
index 20fd8fb..1243628 100644
--- a/index.html
+++ b/index.html
@@ -677,27 +677,39 @@
 
             <div class="signs-marquee">
                 <div class="signs-marquee-track">
-                    <div class="sign-item"><img src="images/sign/김마늘.jpg" alt="김마늘 사인" loading="lazy"><span class="sign-name">김마늘</span></div>
-                    <div class="sign-item"><img src="images/sign/만타.jpg" alt="만타 사인" loading="lazy"><span class="sign-name">만타</span></div>
-                    <div class="sign-item"><img src="images/sign/문모모.jpg" alt="문모모 사인" loading="lazy"><span class="sign-name">문모모</span></div>
-                    <div class="sign-item"><img src="images/sign/베니.jpg" alt="베니 사인" loading="lazy"><span class="sign-name">베니</span></div>
-                    <div class="sign-item"><img src="images/sign/시에.jpg" alt="시에 사인" loading="lazy"><span class="sign-name">시에</span></div>
-                    <div class="sign-item"><img src="images/sign/요나카.jpg" alt="요나카 사인" loading="lazy"><span class="sign-name">요나카</span></div>
-                    <div class="sign-item"><img src="images/sign/이무지.jpg" alt="이무지 사인" loading="lazy"><span class="sign-name">이무지</span></div>
-                    <div class="sign-item"><img src="images/sign/지한이또.jpg" alt="지한이또 사인" loading="lazy"><span class="sign-name">지한이또</span></div>
-                    <div class="sign-item"><img src="images/sign/최또.jpg" alt="최또 사인" loading="lazy"><span class="sign-name">최또</span></div>
-                    <div class="sign-item"><img src="images/sign/치요.jpg" alt="치요 사인" loading="lazy"><span class="sign-name">치요</span></div>
-                    <!-- 무한 루프용 복제 -->
-                    <div class="sign-item"><img src="images/sign/김마늘.jpg" alt="김마늘 사인" loading="lazy"><span class="sign-name">김마늘</span></div>
-                    <div class="sign-item"><img src="images/sign/만타.jpg" alt="만타 사인" loading="lazy"><span class="sign-name">만타</span></div>
-                    <div class="sign-item"><img src="images/sign/문모모.jpg" alt="문모모 사인" loading="lazy"><span class="sign-name">문모모</span></div>
-                    <div class="sign-item"><img src="images/sign/베니.jpg" alt="베니 사인" loading="lazy"><span class="sign-name">베니</span></div>
-                    <div class="sign-item"><img src="images/sign/시에.jpg" alt="시에 사인" loading="lazy"><span class="sign-name">시에</span></div>
-                    <div class="sign-item"><img src="images/sign/요나카.jpg" alt="요나카 사인" loading="lazy"><span class="sign-name">요나카</span></div>
-                    <div class="sign-item"><img src="images/sign/이무지.jpg" alt="이무지 사인" loading="lazy"><span class="sign-name">이무지</span></div>
-                    <div class="sign-item"><img src="images/sign/지한이또.jpg" alt="지한이또 사인" loading="lazy"><span class="sign-name">지한이또</span></div>
-                    <div class="sign-item"><img src="images/sign/최또.jpg" alt="최또 사인" loading="lazy"><span class="sign-name">최또</span></div>
-                    <div class="sign-item"><img src="images/sign/치요.jpg" alt="치요 사인" loading="lazy"><span class="sign-name">치요</span></div>
+                    <!-- 원본 10개 -->
+                    <div class="sign-item"><img src="images/sign/김마늘.jpg" alt="김마늘 사인"><span class="sign-name">김마늘</span></div>
+                    <div class="sign-item"><img src="images/sign/만타.jpg" alt="만타 사인"><span class="sign-name">만타</span></div>
+                    <div class="sign-item"><img src="images/sign/문모모.jpg" alt="문모모 사인"><span class="sign-name">문모모</span></div>
+                    <div class="sign-item"><img src="images/sign/베니.jpg" alt="베니 사인"><span class="sign-name">베니</span></div>
+                    <div class="sign-item"><img src="images/sign/시에.jpg" alt="시에 사인"><span class="sign-name">시에</span></div>
+                    <div class="sign-item"><img src="images/sign/요나카.jpg" alt="요나카 사인"><span class="sign-name">요나카</span></div>
+                    <div class="sign-item"><img src="images/sign/이무지.jpg" alt="이무지 사인"><span class="sign-name">이무지</span></div>
+                    <div class="sign-item"><img src="images/sign/지한이또.jpg" alt="지한이또 사인"><span class="sign-name">지한이또</span></div>
+                    <div class="sign-item"><img src="images/sign/최또.jpg" alt="최또 사인"><span class="sign-name">최또</span></div>
+                    <div class="sign-item"><img src="images/sign/치요.jpg" alt="치요 사인"><span class="sign-name">치요</span></div>
+                    <!-- 복제 1 -->
+                    <div class="sign-item"><img src="images/sign/김마늘.jpg" alt="김마늘 사인"><span class="sign-name">김마늘</span></div>
+                    <div class="sign-item"><img src="images/sign/만타.jpg" alt="만타 사인"><span class="sign-name">만타</span></div>
+                    <div class="sign-item"><img src="images/sign/문모모.jpg" alt="문모모 사인"><span class="sign-name">문모모</span></div>
+                    <div class="sign-item"><img src="images/sign/베니.jpg" alt="베니 사인"><span class="sign-name">베니</span></div>
+                    <div class="sign-item"><img src="images/sign/시에.jpg" alt="시에 사인"><span class="sign-name">시에</span></div>
+                    <div class="sign-item"><img src="images/sign/요나카.jpg" alt="요나카 사인"><span class="sign-name">요나카</span></div>
+                    <div class="sign-item"><img src="images/sign/이무지.jpg" alt="이무지 사인"><span class="sign-name">이무지</span></div>
+                    <div class="sign-item"><img src="images/sign/지한이또.jpg" alt="지한이또 사인"><span class="sign-name">지한이또</span></div>
+                    <div class="sign-item"><img src="images/sign/최또.jpg" alt="최또 사인"><span class="sign-name">최또</span></div>
+                    <div class="sign-item"><img src="images/sign/치요.jpg" alt="치요 사인"><span class="sign-name">치요</span></div>
+                    <!-- 복제 2 -->
+                    <div class="sign-item"><img src="images/sign/김마늘.jpg" alt="김마늘 사인"><span class="sign-name">김마늘</span></div>
+                    <div class="sign-item"><img src="images/sign/만타.jpg" alt="만타 사인"><span class="sign-name">만타</span></div>
+                    <div class="sign-item"><img src="images/sign/문모모.jpg" alt="문모모 사인"><span class="sign-name">문모모</span></div>
+                    <div class="sign-item"><img src="images/sign/베니.jpg" alt="베니 사인"><span class="sign-name">베니</span></div>
+                    <div class="sign-item"><img src="images/sign/시에.jpg" alt="시에 사인"><span class="sign-name">시에</span></div>
+                    <div class="sign-item"><img src="images/sign/요나카.jpg" alt="요나카 사인"><span class="sign-name">요나카</span></div>
+                    <div class="sign-item"><img src="images/sign/이무지.jpg" alt="이무지 사인"><span class="sign-name">이무지</span></div>
+                    <div class="sign-item"><img src="images/sign/지한이또.jpg" alt="지한이또 사인"><span class="sign-name">지한이또</span></div>
+                    <div class="sign-item"><img src="images/sign/최또.jpg" alt="최또 사인"><span class="sign-name">최또</span></div>
+                    <div class="sign-item"><img src="images/sign/치요.jpg" alt="치요 사인"><span class="sign-name">치요</span></div>
                 </div>
             </div>
         </div>