- 테일윈드 경고 문구 수정

- 데스크탑: 모달 가운데 정렬

scripts/modal.js

@@ -8,13 +8,17 @@ export function openModal(id) {
     if (!product) return;
 
     const modal = document.getElementById('product-modal');
+
+    modal.classList.remove('hidden');
+    modal.classList.add('flex');
+    
     const images = product.images;
 
     const loopImages = [images[images.length - 1], ...images, images[0]];
     const mainImagesHtml = loopImages
         .map(
             (img) => `
-            <div class="flex-shrink-0 w-full h-full snap-center flex items-center justify-center p-0 md:p-4 select-none">
+            <div class="shrink-0 w-full h-full snap-center flex items-center justify-center p-0 md:p-4 select-none">
                 <div class="w-full h-full max-w-full max-h-full rounded-xl md:rounded-2xl overflow-hidden flex items-center justify-center">
                     <img src="${img}" draggable="false" class="max-w-full max-h-full w-auto h-auto object-contain sm:object-cover pointer-events-none rounded-md">
                 </div>
@@ -29,7 +33,7 @@ export function openModal(id) {
             <div onclick="scrollToImage(${idx})" 
                  class="modal-thumb-item size-16 rounded-lg border-2 ${idx === 0 ? 'border-primary' : 'border-transparent'} 
                         bg-cover bg-center overflow-hidden cursor-pointer ${idx === 0 ? 'opacity-100' : 'opacity-70'} 
-                        hover:opacity-100 transition-all flex-shrink-0" 
+                        hover:opacity-100 transition-all shrink-0" 
                  style="background-image: url('${img}');"></div>
         `,
         )