diff --git a/cass/static/js/index.js b/cass/static/js/index.js
index d835208..d3cbef3 100644
--- a/cass/static/js/index.js
+++ b/cass/static/js/index.js
@@ -127,8 +127,28 @@ $(document).ready(function() {
         });
         
         let position = 0;
-        const slideWidth = 33.333; // 변경: 16.666에서 33.333으로 증가
         
+        // 화면 너비에 따라 슬라이드 너비 계산하는 함수
+        function getSlideWidth() {
+            if (window.innerWidth <= 768) {
+                return 100; // 모바일에서는 한 번에 1개 표시 (100%)
+            } else if (window.innerWidth <= 1024) {
+                return 50;  // 태블릿에서는 한 번에 2개 표시 (50%)
+            } else {
+                return 33.333; // 데스크톱에서는 한 번에 3개 표시 (33.333%)
+            }
+        }
+        
+        let slideWidth = getSlideWidth();
+        
+        // 윈도우 리사이즈 이벤트 처리
+        window.addEventListener('resize', () => {
+            slideWidth = getSlideWidth();
+            // 리사이즈 시 위치 재조정
+            position = 0;
+            slider.style.transform = `translateX(${position}%)`;
+        });
+
         function slide() {
             position -= slideWidth;
             slider.style.transform = `translateX(${position}%)`;