fix. 이미지 경로 수정

layers/components/atoms/Img.vue

@@ -10,28 +10,26 @@ const props = withDefaults(defineProps<Props>(), {
   imageType: 'game',
 })
 
-const isDev = process.env.NODE_ENV === 'development'
-const rootPath = isDev ? '' : '/templates/brand'
-
 const isResponsiveMode = computed(() => {
   return typeof props.src === 'object' && !!props.src.pc && !!props.src.mo
 })
+
 const imagePaths = computed(() => {
   if (typeof props.src === 'string') {
-    const resolved = getImageHost(`${rootPath}${props.src}`, {
+    const resolved = getImageHost(props.src, {
       imageType: props.imageType,
     })
-    return { pc: resolved, mo: '' }
+    return { pc: '', mo: resolved }
   }
 
   return {
     pc: props.src.pc
-      ? getImageHost(`${rootPath}${props.src.pc}`, {
+      ? getImageHost(props.src.pc, {
           imageType: props.imageType,
         })
       : '',
     mo: props.src.mo
-      ? getImageHost(`${rootPath}${props.src.mo}`, {
+      ? getImageHost(props.src.mo, {
           imageType: props.imageType,
         })
       : '',
@@ -46,11 +44,5 @@ const imagePaths = computed(() => {
     <img :src="imagePaths.pc" :alt="alt" v-bind="$attrs" loading="lazy" />
   </picture>
 
-  <img
-    v-else
-    :src="imagePaths.pc || imagePaths.mo"
-    :alt="alt"
-    v-bind="$attrs"
-    loading="lazy"
-  />
+  <img v-else :src="imagePaths.mo" :alt="alt" v-bind="$attrs" loading="lazy" />
 </template>

layers/components/atoms/icons/ArrowDownLine.vue

@@ -0,0 +1,27 @@
+<script setup lang="ts">
+interface Props {
+  size?: number | string
+  color?: string
+}
+
+withDefaults(defineProps<Props>(), {
+  size: 16,
+  color: '#7F7F7F',
+})
+</script>
+
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    :width="size"
+    :height="size"
+    viewBox="0 0 16 16"
+    :fill="color"
+  >
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M2.86201 5.19526C3.12236 4.93491 3.54447 4.93491 3.80482 5.19526L8.00008 9.39052L12.1953 5.19526C12.4557 4.93491 12.8778 4.93491 13.1382 5.19526C13.3985 5.45561 13.3985 5.87772 13.1382 6.13807L8.47149 10.8047C8.21114 11.0651 7.78903 11.0651 7.52868 10.8047L2.86201 6.13807C2.60166 5.87772 2.60166 5.45561 2.86201 5.19526Z"
+    />
+  </svg>
+</template>

layers/components/atoms/icons/CheckBoldLine.vue

@@ -0,0 +1,27 @@
+<script setup lang="ts">
+interface Props {
+  size?: number | string
+  color?: string
+}
+
+withDefaults(defineProps<Props>(), {
+  size: 24,
+  color: '#666666',
+})
+</script>
+
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    :width="size"
+    :height="size"
+    viewBox="0 0 24 24"
+    :fill="color"
+  >
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M20.5607 5.93934C21.1465 6.52513 21.1465 7.47487 20.5607 8.06066L10.5607 18.0607C10.2652 18.3561 9.85997 18.5149 9.44246 18.4989C9.02495 18.4829 8.63305 18.2934 8.36114 17.9762L3.36114 12.1429C2.82201 11.5139 2.89485 10.5669 3.52384 10.0278C4.15283 9.48865 5.09978 9.56149 5.63891 10.1905L9.58475 14.794L18.4394 5.93934C19.0252 5.35355 19.9749 5.35355 20.5607 5.93934Z"
+    />
+  </svg>
+</template>