- 부가서비스 각 요청 페이지 키패드 높이 만큼 패딩 삽입 hook 추가

- 각 요청 페이지 자동 패딩 적용

src/entities/additional-service/ui/fund-account/detail/transfer-detail.tsx

@@ -13,6 +13,8 @@ import { DetailMotionDuration, DetailMotionStyle, DetailMotionVariants } from '@
 import { FullMenuClose } from '@/entities/common/ui/full-menu-close';
 import { showAlert } from '@/widgets/show-alert';
 import { checkGrant } from '@/shared/lib/check-grant';
+import { overlay } from 'overlay-kit';
+import { Dialog } from '@/shared/ui/dialogs/dialog';
 
 export interface FundAccountTransferDetailProps {
   detailOn: boolean;
@@ -54,6 +56,27 @@ export const FundAccountTransferDetail = ({
       showAlert(t('common.nopermission'));
       return;
     }
+    let msg = t('additionalService.fundAccount.transferRequestMsg');
+
+    overlay.open(({
+      isOpen,
+      close,
+      unmount
+    }) => {
+      return (
+        <Dialog
+          afterLeave={unmount}
+          open={isOpen}
+          onClose={close}
+          onConfirmClick={() => transferReqeust()}
+          message={msg}
+          buttonLabel={[t('common.cancel'), t('common.confirm')]}
+        />
+      );
+    });
+  }
+
+  const transferReqeust = () => {
     let params: ExtensionFundAccountTransferRequestParams = {
       seq: seq
     };

src/entities/additional-service/ui/link-payment/apply/link-payment-step1.tsx

@@ -7,6 +7,7 @@ import { LinkPaymentFormData, LinkPaymentSendMethod } from '@/entities/additiona
 import { NumericFormat } from 'react-number-format';
 import { useStore } from '@/shared/model/store';
 import { useEffect } from 'react';
+import { useKeyboardAware } from '@/shared/lib/hooks/use-keyboard-aware';
 
 interface LinkPaymentStep1Props {
   formData: LinkPaymentFormData;
@@ -16,6 +17,7 @@ interface LinkPaymentStep1Props {
 export const LinkPaymentStep1 = ({ formData, setFormData }: LinkPaymentStep1Props) => {
   const { t, i18n } = useTranslation();
   const { navigate } = useNavigate();
+  const { handleInputFocus, keyboardAwarePadding } = useKeyboardAware();
   const midOptionsWithoutGids = useStore.getState().UserStore.selectOptionsMidsWithoutGids;
   const isEnglish = i18n.language === 'en';
 
@@ -102,6 +104,7 @@ export const LinkPaymentStep1 = ({ formData, setFormData }: LinkPaymentStep1Prop
               placeholder=""
               value={formData.goodsName}
               onChange={(e) => handleInputChange('goodsName', e.target.value)}
+              onFocus={handleInputFocus}
             />
           </div>
         </div>
@@ -114,6 +117,7 @@ export const LinkPaymentStep1 = ({ formData, setFormData }: LinkPaymentStep1Prop
               allowNegative={false}
               displayType="input"
               thousandSeparator={true}
+              onFocus={handleInputFocus}
               onValueChange={(values) => {
                 const { floatValue } = values;
                 setFormData({ ...formData, amount: floatValue ?? 0 });
@@ -130,11 +134,12 @@ export const LinkPaymentStep1 = ({ formData, setFormData }: LinkPaymentStep1Prop
               placeholder=""
               value={formData.moid}
               onChange={(e) => handleInputChange('moid', e.target.value)}
+              onFocus={handleInputFocus}
             />
           </div>
         </div>
 
-        <div className="issue-row gap-10">
+        <div className="issue-row gap-10" style={keyboardAwarePadding}>
           <div className="issue-label">{t('additionalService.linkPayment.paymentValidDate')}</div>
           <div className="issue-field">
             <div className="link-apply-date">