간격 수정

src/shared/ui/filter/button-groups.tsx

@@ -21,6 +21,11 @@ export const FilterButtonGroups = ({
           <span 
             key={ `key-btngroup-span-${i}` }
             className={ `keyword-tag flex-1 ${(activeValue === btnGroups[i]?.value)? 'active': ''}` }
+            style={{ 
+              width: `calc((100% - ${onwRowMaxBtn === 2? '10px': '30px'}) / ${onwRowMaxBtn})`,
+              wordBreak: 'break-all',
+              fontSize: 'var(--fs-14)'
+            }}
             onClick={ () => setter(btnGroups[i]?.value || '') }
           >{ btnGroups[i]?.name }</span>
         );
@@ -40,7 +45,12 @@ export const FilterButtonGroups = ({
             <span 
               key={ `key-btngroup-span-nodata-${i}` }
               className="keyword-tag flex-1" 
-              style={{ visibility: 'hidden' }}
+              style={{ 
+                visibility: 'hidden', 
+                width: `calc((100% - ${onwRowMaxBtn === 2? '10px': '30px'}) / ${onwRowMaxBtn})`,
+                wordBreak: 'break-all',
+                fontSize: 'var(--fs-14)'
+              }}
             ></span>
           );
         }
@@ -57,7 +67,10 @@ export const FilterButtonGroups = ({
   return (
     <>
       <div className={ `opt-field ${addClassName || ''}` }>
-        <div className="opt-label">{ title }</div>
+        <div 
+          className="opt-label"
+          style={{ fontSize: 'var(--fs-14)' }}
+        >{ title }</div>
         <div className={ `opt-controls col h36 ${(onwRowMaxBtn === 4)? 'below': ''}` }>
         { getBtns() }
         </div>

src/shared/ui/filter/calendar-month.tsx

@@ -82,7 +82,10 @@ export const FilterCalendarMonth = ({
   return (
     <>
       <div className="opt-field">
-        <div className="opt-label">{ filterTitle }</div>
+        <div 
+          className="opt-label"
+          style={{ fontSize: 'var(--fs-14)' }}
+        >{ filterTitle }</div>
         <div className="opt-controls col below h36">
           <div className="chip-row">
             <span

src/shared/ui/filter/calendar.tsx

@@ -105,7 +105,10 @@ export const FilterCalendar = ({
   return (
     <>
       <div className="opt-field">
-        <div className="opt-label">{ filterTitle }</div>
+        <div 
+          className="opt-label"
+          style={{ fontSize: 'var(--fs-14)' }}
+        >{ filterTitle }</div>
         <div className="opt-controls col below h36">
           <div className="chip-row">
             <span

src/shared/ui/filter/input.tsx

@@ -14,7 +14,10 @@ export const FilterInput = ({
   return (
     <>
       <div className="opt-field">
-        <div className="opt-label">{ title }</div>
+        <div 
+          className="opt-label"
+          style={{ fontSize: 'var(--fs-14)' }}
+        >{ title }</div>
         <div className="opt-controls">
           <input
             className="flex-1"

src/shared/ui/filter/range-amount.tsx

@@ -26,7 +26,10 @@ export const FilterRangeAmount = ({
   return (
     <>
       <div className="opt-field">
-        <div className="opt-label">{ filterTitle }</div>
+        <div 
+          className="opt-label"
+          style={{ fontSize: 'var(--fs-14)' }}
+        >{ filterTitle }</div>
         <div className="opt-controls">
           <div className="input-wrapper ">
             <NumericFormat

src/shared/ui/filter/select-input.tsx

@@ -49,7 +49,10 @@ export const FilterSelectInput = ({
   return (
     <>
       <div className="opt-field">
-        <div className="opt-label">{ title }</div>
+        <div 
+          className="opt-label"
+          style={{ fontSize: 'var(--fs-14)' }}
+        >{ title }</div>
         <div className="opt-controls">
           <select 
             className="w-110"

src/shared/ui/filter/select-mid.tsx

@@ -52,7 +52,10 @@ export const FilterSelectMid = ({
   return (
     <>
       <div className="opt-field">
-        <div className="opt-label">{ title }</div>
+        <div 
+          className="opt-label"
+          style={{ fontSize: 'var(--fs-14)' }}
+        >{ title }</div>
         <div className="opt-controls">
           <select 
             className="flex-1"

src/shared/ui/filter/select.tsx

@@ -29,7 +29,10 @@ export const FilterSelect = ({
   return (
     <>
       <div className="opt-field">
-        <div className="opt-label">{ title }</div>
+        <div 
+          className="opt-label"
+          style={{ fontSize: 'var(--fs-14)' }}
+        >{ title }</div>
         <div className="opt-controls">
           <select 
             className="flex-1"

src/shared/ui/filter/single-date-picker.tsx

@@ -35,7 +35,10 @@ export const SingleDatePicker = ({
     <>
       {title && (
         <div className="issue-row gap-10">
-          <div className="issue-label">{title}</div>
+          <div 
+            className="issue-label"
+            style={{ fontSize: 'var(--fs-14)' }}
+          >{ title }</div>
           <div className="issue-field">
             <div className="input-wrapper date">
               <input