From 83d1010079130e1fe7e3884b05b714ae8c0d2fb6 Mon Sep 17 00:00:00 2001
From: clkim <clkim@smilegate.com>
Date: Tue, 2 Dec 2025 12:29:52 +0900
Subject: [PATCH] =?UTF-8?q?fix.=20[PWT-145,=20PWT-146]=20=ED=85=8D?=
 =?UTF-8?q?=EC=8A=A4=ED=8A=B8=20=EB=A7=90=EC=A4=84=EC=9E=84=ED=91=9C=20?=
 =?UTF-8?q?=EC=A0=9C=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 layers/assets/css/components/_layout.css   | 10 +++++-----
 layers/components/widgets/Description.vue  |  2 +-
 layers/components/widgets/FixMainTitle.vue |  2 +-
 layers/components/widgets/FixSubTitle.vue  |  6 +++---
 layers/templates/FxCoupon01/index.vue      |  2 +-
 5 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/layers/assets/css/components/_layout.css b/layers/assets/css/components/_layout.css
index dff5bce..9db2d2a 100644
--- a/layers/assets/css/components/_layout.css
+++ b/layers/assets/css/components/_layout.css
@@ -27,18 +27,18 @@
 
   /* 표준형 Title Classes */
   .title-xlg {
-    @apply line-clamp-4 text-[24px] font-[700] tracking-[-0.82px] leading-[34px] drop-shadow-[0_2px_2px_rgba(0,0,0,0.6)] md:tracking-[-1.5px] md:line-clamp-3 md:text-[50px] md:leading-[70px];
+    @apply text-[24px] font-[700] tracking-[-0.82px] leading-[34px] drop-shadow-[0_2px_2px_rgba(0,0,0,0.6)] md:tracking-[-1.5px] md:text-[50px] md:leading-[70px];
   }
   .title-lg {
-    @apply line-clamp-4 text-[20px] font-[700] tracking-[-0.6px] leading-[30px] drop-shadow-[0_2px_2px_rgba(0,0,0,0.6)] md:tracking-[-1.26px] md:line-clamp-3 md:text-[42px] md:leading-[56px];
+    @apply text-[20px] font-[700] tracking-[-0.6px] leading-[30px] drop-shadow-[0_2px_2px_rgba(0,0,0,0.6)] md:tracking-[-1.26px] md:text-[42px] md:leading-[56px];
   }
   .title-md {
-    @apply line-clamp-2 text-[16px] font-[500] tracking-[-0.48px] leading-[24px] drop-shadow-[0_2px_2px_rgba(0,0,0,0.6)] md:tracking-[-0.72px] md:line-clamp-1 md:text-[24px] md:leading-[34px];
+    @apply text-[16px] font-[500] tracking-[-0.48px] leading-[24px] drop-shadow-[0_2px_2px_rgba(0,0,0,0.6)] md:tracking-[-0.72px] md:text-[24px] md:leading-[34px];
   }
   .title-sm {
-    @apply line-clamp-4 text-[15px] font-[500] leading-[24px] tracking-[-0.45px] drop-shadow-[0_2px_2px_rgba(0,0,0,0.6)] md:tracking-[-0.6px] md:line-clamp-3 md:text-[20px] md:leading-[30px];
+    @apply text-[15px] font-[500] leading-[24px] tracking-[-0.45px] drop-shadow-[0_2px_2px_rgba(0,0,0,0.6)] md:tracking-[-0.6px] md:text-[20px] md:leading-[30px];
   }
   .title-xs {
-    @apply line-clamp-1 text-[14px] font-[500] leading-[20px] tracking-[-0.42px] md:text-[18px] md:leading-[26px] md:tracking-[-0.54px];
+    @apply text-[14px] font-[500] leading-[20px] tracking-[-0.42px] md:text-[18px] md:leading-[26px] md:tracking-[-0.54px];
   }
 }
diff --git a/layers/components/widgets/Description.vue b/layers/components/widgets/Description.vue
index f26c7ee..ad29677 100644
--- a/layers/components/widgets/Description.vue
+++ b/layers/components/widgets/Description.vue
@@ -14,6 +14,6 @@ const props = defineProps<{
 
 <style scoped>
 .description {
-  @apply line-clamp-4 text-[15px] font-[400] tracking-[-0.45px] leading-[24px] drop-shadow-[0_2px_2px_rgba(0,0,0,0.6)] md:tracking-[-0.6px] md:line-clamp-3 md:text-[20px] md:leading-[30px];
+  @apply text-[15px] font-[400] tracking-[-0.45px] leading-[24px] drop-shadow-[0_2px_2px_rgba(0,0,0,0.6)] md:tracking-[-0.6px] md:text-[20px] md:leading-[30px];
 }
 </style>
diff --git a/layers/components/widgets/FixMainTitle.vue b/layers/components/widgets/FixMainTitle.vue
index 9e527e7..f8e484b 100644
--- a/layers/components/widgets/FixMainTitle.vue
+++ b/layers/components/widgets/FixMainTitle.vue
@@ -22,7 +22,7 @@ const imageSrc = computed(() => {
       class="flex justify-center items-center w-full max-w-full md:justify-start md:max-w-[1300px]"
     >
       <span
-        class="flex justify-center items-center text-white text-[20px] font-bold tracking-[-0.6px] leading-[30px] md:text-[32px] md:leading-[44px] md:tracking-[-0.96px]"
+        class="text-white text-[20px] font-bold tracking-[-0.6px] leading-[30px] md:text-[32px] md:leading-[44px] md:tracking-[-0.96px] line-clamp-2 text-center md:text-left"
       >
         {{ props.title }}
       </span>
diff --git a/layers/components/widgets/FixSubTitle.vue b/layers/components/widgets/FixSubTitle.vue
index 48cde89..96bda1b 100644
--- a/layers/components/widgets/FixSubTitle.vue
+++ b/layers/components/widgets/FixSubTitle.vue
@@ -41,13 +41,13 @@ const componentProps = computed(() => {
 </script>
 
 <template>
-  <div class="flex justify-between mb-[16px] md:mb-[24px]">
+  <div class="flex justify-between gap-3 mb-[16px] md:gap-6 md:mb-[24px]">
     <h3
-      class="text-[#1F1F1F] text-[18px] font-bold leading-[26px] tracking-[-0.54px] md:text-[24px] md:leading-[34px] md:tracking-[-0.72px] shrink-0"
+      class="text-[#1F1F1F] text-[18px] font-bold leading-[26px] tracking-[-0.54px] md:text-[24px] md:leading-[34px] md:tracking-[-0.72px]"
     >
       <span>{{ props.title }}</span>
     </h3>
-    <div class="flex items-center justify-between">
+    <div class="flex items-center justify-between shrink-0">
       <slot />
       <p
         v-if="props.description && !props.link"
diff --git a/layers/templates/FxCoupon01/index.vue b/layers/templates/FxCoupon01/index.vue
index b10b139..28533db 100644
--- a/layers/templates/FxCoupon01/index.vue
+++ b/layers/templates/FxCoupon01/index.vue
@@ -547,7 +547,7 @@ onMounted(async () => {
         class="flex-col"
       >
         <div
-          class="relative flex flex-col items-start justify-start gap-[12px] w-full mt-[16px] md:gap-[16px] md:mt-[24px] lg:flex-row lg:items-end lg:justify-between lg:gap-[0]"
+          class="relative flex flex-col items-start justify-start gap-[12px] w-full mt-[4px] md:gap-[16px] md:mt-[0] lg:flex-row lg:items-end lg:justify-between lg:gap-[0]"
         >
           <div
             class="relative flex items-center justify-start gap-[20px] w-full lg:w-auto lg:mr-auto"