From ac7a63e5bec3ad1e624767deb33b6ec02a687cbd Mon Sep 17 00:00:00 2001
From: clkim <clkim@smilegate.com>
Date: Wed, 19 Nov 2025 17:02:41 +0900
Subject: [PATCH] =?UTF-8?q?fix.=20=EB=94=94=EC=9E=90=EC=9D=B8=20QA=5Flette?=
 =?UTF-8?q?r-spacing=20=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 layers/assets/css/components/_layout.css  | 6 +++---
 layers/components/widgets/Description.vue | 2 +-
 layers/components/widgets/FixSubTitle.vue | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/layers/assets/css/components/_layout.css b/layers/assets/css/components/_layout.css
index f8973f3..c2d3c1a 100644
--- a/layers/assets/css/components/_layout.css
+++ b/layers/assets/css/components/_layout.css
@@ -27,13 +27,13 @@
 
   /* 표준형 Title Classes */
   .title-xlg {
-    @apply line-clamp-4 text-[24px] font-[700] leading-[34px] drop-shadow-[0_2px_2px_rgba(0,0,0,0.6)] md:line-clamp-3 md:text-[50px] md:leading-[70px];
+    @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];
   }
   .title-lg {
-    @apply line-clamp-4 text-[20px] font-[700] leading-[30px] drop-shadow-[0_2px_2px_rgba(0,0,0,0.6)] md:line-clamp-3 md:text-[42px] md:leading-[56px];
+    @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];
   }
   .title-md {
-    @apply line-clamp-2 text-[16px] font-[500] leading-[24px] drop-shadow-[0_2px_2px_rgba(0,0,0,0.6)] md:line-clamp-1 md:text-[24px] md:leading-[34px];
+    @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];
   }
   .title-sm {
     @apply text-[15px] font-[500] leading-[24px] tracking-[-0.45px] drop-shadow-[0_2px_2px_rgba(0,0,0,0.6)] md:text-[20px] md:leading-[30px] md:tracking-[-0.6px];
diff --git a/layers/components/widgets/Description.vue b/layers/components/widgets/Description.vue
index 32a5d20..f26c7ee 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] leading-[24px] drop-shadow-[0_2px_2px_rgba(0,0,0,0.6)] md:line-clamp-3 md:text-[20px] md:leading-[30px];
+  @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];
 }
 </style>
diff --git a/layers/components/widgets/FixSubTitle.vue b/layers/components/widgets/FixSubTitle.vue
index d97ff25..f7a5c9a 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 flex-wrap items-end justify-between mb-[16px] md:mb-[24px]">
+  <div class="flex items-end justify-between mb-[16px] 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"
     >
       <span>{{ props.title }}</span>
     </h3>
-    <div class="flex items-center justify-between w-full">
+    <div class="flex items-center justify-between">
       <slot />
       <p
         v-if="props.description && !props.link"