[detail] 모바일 샌드 팝업 스타일 수정#1

- 피그마에 맞게 수정(단 팝업 크기 자체의 문제가 있어 이부분 처리 필요)
 - 에러관련 부분은 미처리.

com.twin.app.shoptime/src/components/MobileSend/MobileSendPopUp.jsx

@@ -4,61 +4,72 @@ import React, {
   useMemo,
   useRef,
   useState,
-} from "react";
+} from 'react';
 
-import classNames from "classnames";
+import classNames from 'classnames';
 import {
   AsYouTypeFormatter,
   PhoneNumberFormat,
   PhoneNumberUtil,
-} from "google-libphonenumber";
-import { useDispatch, useSelector } from "react-redux";
+} from 'google-libphonenumber';
+import {
+  useDispatch,
+  useSelector,
+} from 'react-redux';
 
-import { off, on } from "@enact/core/dispatcher";
-import spotlight, { Spotlight } from "@enact/spotlight";
-import { SpotlightContainerDecorator } from "@enact/spotlight/SpotlightContainerDecorator";
-import { Spottable } from "@enact/spotlight/Spottable";
+import {
+  off,
+  on,
+} from '@enact/core/dispatcher';
+import spotlight, { Spotlight } from '@enact/spotlight';
+import {
+  SpotlightContainerDecorator,
+} from '@enact/spotlight/SpotlightContainerDecorator';
+import { Spottable } from '@enact/spotlight/Spottable';
 
-import defaultImage from "../../../assets/images/img-thumb-empty-144@3x.png";
-import { types } from "../../actions/actionTypes";
-import { clearSMS, sendSms } from "../../actions/appDataActions";
+import defaultImage from '../../../assets/images/img-thumb-empty-144@3x.png';
+import { types } from '../../actions/actionTypes';
+import {
+  clearSMS,
+  sendSms,
+} from '../../actions/appDataActions';
 import {
   changeLocalSettings,
   setHidePopup,
   setShowPopup,
-} from "../../actions/commonActions";
+} from '../../actions/commonActions';
 import {
   clearRegisterDeviceInfo,
   getDeviceAdditionInfo,
   registerDeviceInfo,
-} from "../../actions/deviceActions";
+} from '../../actions/deviceActions';
 import {
   clearCurationCoupon,
   setEventIssueReq,
-} from "../../actions/eventActions";
+} from '../../actions/eventActions';
 import {
   sendLogShopByMobile,
   sendLogTotalRecommend,
-} from "../../actions/logActions";
+} from '../../actions/logActions';
 import {
   ACTIVE_POPUP,
   LOG_CONTEXT_NAME,
   LOG_MESSAGE_ID,
   LOG_TP_NO,
-} from "../../utils/Config";
+} from '../../utils/Config';
 import {
   $L,
   decryptPhoneNumber,
   encryptPhoneNumber,
   formatLocalDateTime,
-} from "../../utils/helperMethods";
-import CustomImage from "../CustomImage/CustomImage";
-import TButton from "../TButton/TButton";
-import TPopUp from "../TPopUp/TPopUp";
-import HistoryPhoneNumber from "./HistoryPhoneNumber/HistoryPhoneNumber";
-import PhoneInputSection from "./PhoneInputSection";
-import css from "./MobileSendPopUp.module.less";
-import SMSNumKeyPad from "./SMSNumKeyPad";
+} from '../../utils/helperMethods';
+import CustomImage from '../CustomImage/CustomImage';
+import TButton from '../TButton/TButton';
+import TPopUp from '../TPopUp/TPopUp';
+import HistoryPhoneNumber from './HistoryPhoneNumber/HistoryPhoneNumber';
+import css from './MobileSendPopUp.module.less';
+import PhoneInputSection from './PhoneInputSection';
+import SMSNumKeyPad from './SMSNumKeyPad';
 
 const SECRET_KEY = "fy7BTKuM9eeTQqEC9sF3Iw5qG43Aaip";
 
@@ -616,13 +627,15 @@ export default function MobileSendPopUp({
                   </div>
                 )}
                 {productPrice && (
-                  <div className={css.container__header__price}>{productPrice}</div>
+                  <div className={css.container__header__price}>
+                    {productPrice}
+                  </div>
                 )}
               </div>
             </div>
             <div className={css.container__smsArea}>
-              {/* 🔄 [BACKUP] 기존 전화번호 입력 영역 - 원상복구용
-              <div className={css.smsContainer}>
+              {/* 🔄 [BACKUP] 기존 전화번호 입력 영역 - 원상복구용 */}
+              <div className={css.container__smsArea__smsContainer}>
                 <InputContainer className={css.smsNumLayer}>
                   <SpottableComponent
                     className={css.inputNum}
@@ -635,8 +648,8 @@ export default function MobileSendPopUp({
                     <span>{mobileNumber}</span>
                   </SpottableComponent>
                 </InputContainer>
-
-                <Container>
+                <div className={css.errTxt}></div>
+                <Container className={css.flex}>
                   {keyPadOff && recentSentNumber.length > 0 ? (
                     <HistoryPhoneNumber
                       handleClickSelect={handleClickSelect}
@@ -660,10 +673,9 @@ export default function MobileSendPopUp({
                   />
                 )}
               </div>
-              */}
 
               {/* 🆕 [NEW] PhoneInputSection + instruction 좌우 배치 */}
-              <div className={css.container__smsArea__smsContainer}>
+              {/* <div className={css.container__smsArea__smsContainer}>
                 <PhoneInputSection
                   mobileNumber={mobileNumber}
                   deviceCountryCode={deviceCountryCode}
@@ -685,7 +697,7 @@ export default function MobileSendPopUp({
                     </div>
                   </div>
                 )}
-              </div>              
+              </div>               */}
             </div>
             <Container className={css.container__btnContainer}>
               <TButton