fix: [디자인QA] 슬라이드 이미지 hover 효과 적용

layers/components/blocks/CardNews.vue

@@ -33,7 +33,14 @@ const handleLinkClick = (title: string) => {
 </script>
 
 <template>
-  <div :class="['card-news', { 'no-image': isNoImage }, props.class]">
+  <div
+    :class="[
+      'card-news',
+      { 'no-image': isNoImage },
+      { 'is-clickable': props.url },
+      props.class,
+    ]"
+  >
     <img
       v-if="props.imgPath"
       :src="props.imgPath"
@@ -68,6 +75,10 @@ const handleLinkClick = (title: string) => {
   after:content-[''] after:absolute after:top-0 after:left-0 after:w-full after:h-full
   after:border after:border-white/10 after:rounded-lg;
 }
+.card-news.is-clickable:hover .card-image,
+.card-news.is-clickable:hover .card-stove {
+  @apply scale-110;
+}
 .card-image {
   @apply transition-transform duration-300 w-full h-full object-cover;
 }
@@ -85,7 +96,7 @@ const handleLinkClick = (title: string) => {
 }
 
 .card-stove {
-  @apply relative w-full h-full bg-[#333333];
+  @apply relative w-full h-full bg-[#333333] transition-transform duration-300;
 }
 .card-stove svg {
   @apply absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2;