fix. 공통 스타일 분리

layers/components/widgets/Background.vue

@@ -4,11 +4,11 @@ import type { PageDataResourceGroup } from '#layers/types/api/pageData'
 
 interface Props {
   resourcesData: PageDataResourceGroup
-  gradient?: boolean
+  gradient?: string
 }
 
 const props = withDefaults(defineProps<Props>(), {
-  gradient: false,
+  gradient: '',
 })
 
 const resPath = computed(() => {
@@ -72,7 +72,7 @@ const posterSrc = computed(() => {
     <!-- 그라디언트 오버레이 (gradient가 true일 때만) -->
     <div
       v-if="props.gradient"
-      class="absolute bottom-0 left-0 right-0 h-[342px] md:h-[720px] bg-gradient-to-b from-[#100d0f]/0 to-[#100d0f]"
+      :class="`absolute bottom-0 left-0 right-0 ${props.gradient}`"
     />
   </div>
 </template>