/* 캐러셀 컨테이너에 추가할 CSS */ #infinite-carousel { touch-action: pan-y pinch-zoom; /* 수평 드래그는 허용하되 수직 스크롤은 유지 */ -webkit-user-select: none; user-select: none; overflow: hidden; } /* 트랙 개선 */ .carousel_track { display: inline-flex; align-items: stretch; gap: 24px; will-change: transform; transform: translate3d(0,0,0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } /* 모바일 최적화 */ @media (max-width: 768px) { .carousel_track { gap: 16px; /* 모바일에서 간격 조정 */ } }