fix. [디자인 QA] 슬라이드 전환 효과 적용

layers/components/blocks/slide/CenterFocus.vue

@@ -32,7 +32,8 @@ const options = computed((): ResponsiveOptions => {
     focus: 'center',
     autoWidth: true,
     autoHeight: true,
-    speed: 500,
+    speed: 600,
+    easing: 'ease-in-out',
     updateOnMove: true,
     arrows: props.arrows && isMultipleItems.value,
     pagination: props.pagination && isMultipleItems.value,

layers/components/blocks/slide/CenterHighlight.vue

@@ -31,7 +31,8 @@ const options = computed((): ResponsiveOptions => {
     focus: 'center',
     autoWidth: true,
     autoHeight: true,
-    speed: 500,
+    speed: 600,
+    easing: 'ease-in-out',
     updateOnMove: true,
     arrows: props.arrows && isMultipleItems.value,
     pagination: props.pagination && isMultipleItems.value,

layers/components/blocks/slide/Default.vue

@@ -45,7 +45,8 @@ const options = computed((): ResponsiveOptions => {
     autoHeight: true,
     gap: props.gap,
     perPage: props.perPage,
-    speed: 500,
+    speed: 600,
+    easing: 'ease-in-out',
     updateOnMove: true,
     autoplay: props.autoplay,
     drag: props.drag,

layers/components/blocks/slide/Fade.vue

@@ -32,7 +32,8 @@ const options = computed((): ResponsiveOptions => {
     rewind: true,
     perPage: 1,
     perMove: 1,
-    speed: 500,
+    speed: 600,
+    easing: 'ease-in-out',
     updateOnMove: true,
     drag: props.drag,
     autoplay: props.autoplay,

layers/components/blocks/slide/Thumbnail.vue

@@ -41,7 +41,8 @@ const mainOptions = computed<Options>(() => ({
   rewind: true,
   perPage: 1,
   perMove: 1,
-  speed: 500,
+  speed: 600,
+  easing: 'ease-in-out',
   arrows: false,
   pagination: false,
   drag: props.drag,