From f17c8c8875c1964fd34de2240adc9cf8403d71ea Mon Sep 17 00:00:00 2001
From: "focp212@naver.com" <focp212@naver.com>
Date: Mon, 24 Nov 2025 11:07:43 +0900
Subject: [PATCH] =?UTF-8?q?=EC=B9=B4=EB=93=9C=20=EC=9E=85=EB=A0=A5=20?=
 =?UTF-8?q?=ED=82=A4=EC=9D=B8=EA=B2=B0=EC=A0=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../additional-service/key-in-payment/requeset-page.tsx   | 6 ++++++
 src/shared/ui/assets/css/style-fix.css                    | 8 +++++++-
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/pages/additional-service/key-in-payment/requeset-page.tsx b/src/pages/additional-service/key-in-payment/requeset-page.tsx
index 857d64d..8bb1898 100644
--- a/src/pages/additional-service/key-in-payment/requeset-page.tsx
+++ b/src/pages/additional-service/key-in-payment/requeset-page.tsx
@@ -258,8 +258,11 @@ export const KeyInPaymentRequestPage = () => {
 
                                 <div className="billing-row">
                                     <div className="billing-label">{t('additionalService.keyIn.cardNumber')} <span>*</span></div>
+                                </div>
+                                <div className="billing-row" style={{ gap: '10px'}}>
                                     <div className="billing-field">
                                         <PatternFormat
+                                            className='card-format-input'
                                             value={cardNo1}
                                             allowEmptyFormatting
                                             valueIsNumericString
@@ -271,6 +274,7 @@ export const KeyInPaymentRequestPage = () => {
                                     </div>
                                     <div className="billing-field">
                                         <PatternFormat
+                                            className='card-format-input'
                                             value={cardNo2}
                                             allowEmptyFormatting
                                             valueIsNumericString
@@ -282,6 +286,7 @@ export const KeyInPaymentRequestPage = () => {
                                     </div>
                                     <div className="billing-field">
                                         <PatternFormat
+                                            className='card-format-input'
                                             value={cardNo3}
                                             allowEmptyFormatting
                                             valueIsNumericString
@@ -293,6 +298,7 @@ export const KeyInPaymentRequestPage = () => {
                                     </div>
                                     <div className="billing-field">
                                         <PatternFormat
+                                            className='card-format-input'
                                             value={cardNo4}
                                             allowEmptyFormatting
                                             valueIsNumericString
diff --git a/src/shared/ui/assets/css/style-fix.css b/src/shared/ui/assets/css/style-fix.css
index 2e9f13a..7ca1ad2 100644
--- a/src/shared/ui/assets/css/style-fix.css
+++ b/src/shared/ui/assets/css/style-fix.css
@@ -12,7 +12,9 @@ main {
 .align-left {
   text-align: left !important;
 }
-
+.align-center{
+  text-align: center !important;
+}
 .transaction-list {
   /* overflow-y: auto; */
 }
@@ -647,4 +649,8 @@ main.pop .apply-row {
 
 .settings-login-auth .icon-btn.minus {
   flex-shrink: 0;
+}
+
+.card-format-input{
+  text-align: center; letter-spacing: 1px;
 }
\ No newline at end of file