css 수정

src/entities/additional-service/ui/account-holder-auth/filter/account-holder-auth-filter.tsx

@@ -73,7 +73,7 @@ export const AccountHolderAuthFilter = ({
 						</div>
 					</div>
 
-					<div className="option-list pt-16">
+					<div className="option-list pt-16 pb-86">
 						<FilterSelectMid
 							title={t('filter.merchant')}
 							selectSetter={setFilterMid}

src/entities/additional-service/ui/account-holder-search/filter/account-holder-search-filter.tsx

@@ -95,7 +95,7 @@ export const AccountHolderSearchFilter = ({
 						</div>
 					</div>
 
-					<div className="option-list pt-16">
+					<div className="option-list pt-16 pb-86">
 						<FilterSelectMid
 							title={t('filter.merchant')}
 							selectSetter={setFilterMid}

src/entities/additional-service/ui/face-auth/filter/face-auth-filter.tsx

@@ -83,7 +83,7 @@ export const FaceAuthFilter = ({
 						</div>
 					</div>
 
-					<div className="option-list pt-16">
+					<div className="option-list pt-16 pb-86">
 						<FilterSelectMid
 							title={t('filter.merchant')}
 							selectSetter={setFilterMid}

src/entities/additional-service/ui/filter/alimtalk-filter.tsx

@@ -135,7 +135,7 @@ export const AlimtalkFilter = ({
               </button>
             </div>
           </div>
-          <div className="option-list pt-16">
+          <div className="option-list pt-16 pb-86">
             <FilterSelectMid
               title={t('filter.merchant')}
               selectSetter={setFilterMid}

src/entities/additional-service/ui/filter/ars-filter.tsx

@@ -117,7 +117,7 @@ export const ArsFilter = ({
               </button>
             </div>
           </div>
-          <div className="option-list pt-16">
+          <div className="option-list pt-16 pb-86">
             <FilterSelectMid
               title={t('filter.merchant')}
               selectSetter={ setFilterMid }

src/entities/additional-service/ui/filter/fund-account-result-filter.tsx

@@ -124,7 +124,7 @@ export const FundAccountResultFilter = ({
               </button>
             </div>
           </div>
-          <div className="option-list pt-16">
+          <div className="option-list pt-16 pb-86">
             <FilterSelectMid
               title={t('filter.merchant')}
               selectSetter={setFilterMid}

src/entities/additional-service/ui/filter/fund-account-trnasaction-filter.tsx

@@ -118,7 +118,7 @@ export const FundAccountTransactionFilter = ({
               </button>
             </div>
           </div>
-          <div className="option-list pt-16">
+          <div className="option-list pt-16 pb-86">
             <FilterSelectMid
               title={t('filter.merchant')}
               selectSetter={setFilterMid}

src/entities/additional-service/ui/filter/payout-filter.tsx

@@ -115,7 +115,7 @@ export const PayoutFilter = ({
               </button>
             </div>
           </div>
-          <div className="option-list pt-16">
+          <div className="option-list pt-16 pb-86">
             <FilterSelectMid
               title={t('filter.merchant')}
               selectSetter={setFilterMid}

src/entities/additional-service/ui/key-in-payment/filter/key-in-payment-filter.tsx

@@ -79,7 +79,7 @@ export const KeyInPaymentFilter = ({
 						</div>
 					</div>
 
-					<div className="option-list pt-16">
+					<div className="option-list pt-16 pb-86">
 						<FilterSelectMid
 							title={t('filter.merchant')}
 							selectSetter={setFilterMid}

src/entities/additional-service/ui/link-payment/filter/link-payment-history-filter.tsx

@@ -121,7 +121,7 @@ export const LinkPaymentHistoryFilter = ({
 						</div>
 					</div>
 
-					<div className="option-list pt-16">
+					<div className="option-list pt-16 pb-86">
 						<FilterSelectMid
 							title={t('additionalService.linkPayment.merchant')}
 							selectSetter={setFilterMid}

src/entities/additional-service/ui/link-payment/filter/link-payment-pending-send-filter.tsx

@@ -104,7 +104,7 @@ export const LinkPaymentWaitSendFilter = ({
 						</div>
 					</div>
 
-					<div className="option-list pt-16">
+					<div className="option-list pt-16 pb-86">
 						<FilterSelectMid
 							title='가맹점'
 							selectSetter={setFilterMid}

src/entities/additional-service/ui/sms-payment/sms-payment-filter.tsx

@@ -92,7 +92,7 @@ export const SmsPaymentFilter = ({
             </div>
           </div>
 
-          <div className="option-list pt-16">
+          <div className="option-list pt-16 pb-86">
             <FilterSelectMid
               title='가맹점'
               selectSetter={setFilterMid}

src/entities/settlement/ui/filter/list-filter.tsx

@@ -100,7 +100,7 @@ export const ListFilter = ({
               </button>
             </div>
           </div>
-          <div className="option-list pt-16">
+          <div className="option-list pt-16 pb-86">
             <FilterSelectMid
               title={t('filter.merchant')}
               selectSetter={ setMid }

src/entities/settlement/ui/list-wrap.tsx

@@ -440,7 +440,7 @@ export const ListWrap = ({
           sortType={ sortType }
           onClickToSort={ onClickToSort }
         ></SortTypeBox>
-        <div>
+        <div className="excrow">
           <div className="full-menu-keywords no-padding">
             <span
               className={ `keyword-tag ${(periodType === SettlementPeriodType.SETTLEMENT_DATE)? 'active': ''}` }

src/entities/transaction/ui/filter/all-transaction-filter.tsx

@@ -232,7 +232,7 @@ export const AllTransactionFilter = ({
             </div>
           </div>
 
-          <div className="option-list pt-16">
+          <div className="option-list pt-16 pb-86">
             <FilterSelectMid
               title={t('filter.merchant')}
               selectSetter={ setMid }

src/entities/transaction/ui/filter/billing-filter.tsx

@@ -126,7 +126,7 @@ export const BillingFilter = ({
             </div>
           </div>
 
-          <div className="option-list pt-16">
+          <div className="option-list pt-16 pb-86">
             <FilterSelectMid
               title={t('filter.merchant')}
               selectSetter={ setMid }

src/entities/transaction/ui/filter/cash-receipt-filter.tsx

@@ -117,7 +117,7 @@ export const CashReceiptFilter = ({
             </div>
           </div>
 
-          <div className="option-list pt-16">
+          <div className="option-list pt-16 pb-86">
             <FilterSelectMid
               title={t('filter.merchant')}
               selectSetter={ setMid }

src/entities/transaction/ui/filter/escrow-filter.tsx

@@ -119,7 +119,7 @@ export const EscrowFilter = ({
             </div>
           </div>
 
-          <div className="option-list pt-16">
+          <div className="option-list pt-16 pb-86">
             <FilterSelectMid
               title={t('filter.merchant')}
               selectSetter={ setMid }

src/entities/vat-return/ui/filter/list-filter.tsx

@@ -89,7 +89,7 @@ export const ListFilter = ({
             </div>
           </div>
 
-          <div className="option-list pt-16">
+          <div className="option-list pt-16 pb-86">
             <FilterSelectMid
               title={t('merchant.title')}
               selectSetter={ setMid }

src/pages/transaction/cash-receipt/list-page.tsx

@@ -253,7 +253,7 @@ export const CashReceiptListPage = () => {
 								sortType={ sortType }
 								onClickToSort={ onClickToSort }
 							></SortTypeBox>
-							<div>
+							<div className="excrow">
 								<div className="full-menu-keywords no-padding">
 								{
 									getCashReceiptTransactionTypeBtnGroup(t).map((value: any, index: number) => (

src/shared/ui/assets/css/style-fix.css

@@ -441,8 +441,19 @@ main.home-main{
 main.pop{
   padding-bottom: env(safe-area-inset-bottom);
 }
-
+.opt-field{
+  grid-template-columns: unset;
+}
 .opt-label{
   font-size: var(--fs-14);
   word-break: break-all;
 }
+.opt-controls .input-wrapper input{
+  height: 38px;
+}
+.filter-section{
+  overflow-x: hidden;
+}
+.filter-section .excrow{
+  width: 60%;
+}