로딩 이미지 수정

src/views/LoadingPage.vue

@@ -1,8 +1,10 @@
 <template>
     <div v-if="isLoading" class="loading-overlay">
       <div class="loading-container">
-        <div class="spinner">🐰</div>
-        <p class="loading-text">잠시만 기다려 주세요...</p>
+        <div class="spinner">
+            <img src="/img/icons/loading.png" class="loading-img" />
+        </div>
+        <p class="loading-text">LOADING...</p>
       </div>
     </div>
   </template>
@@ -42,10 +44,15 @@
     border-radius: 10px;
   }
 
+  .loading-img {
+    width: 80px; /* 원하는 크기로 조정 */
+    height: 80px;
+    }
+
   /* 빙글빙글 돌아가는 스피너 */
   .spinner {
     font-size: 50px;
-    animation: spin 1.2s linear infinite;
+    animation: spin 2.2s linear infinite;
   }
 
   /* 로딩 텍스트 */
@@ -53,8 +60,7 @@
     margin-top: 10px;
     font-size: 18px;
     font-weight: bold;
-    color: #555;
-    font-family: "Comic Sans MS", "Arial", sans-serif;
+    color: #ffffff;
   }
 
   /* 회전 애니메이션 */