diff --git a/package.json b/package.json
index 303e4864..6c94a282 100644
--- a/package.json
+++ b/package.json
@@ -28,6 +28,7 @@
     "react-draggable": "^4.4.6",
     "react-hook-form": "^7.53.0",
     "react-icons": "^5.3.0",
+    "react-loading-skeleton": "^3.5.0",
     "react-responsive-modal": "^6.4.2",
     "recoil": "^0.7.7",
     "sweetalert2": "^11.14.1",
diff --git a/src/components/auth/Join.jsx b/src/components/auth/Join.jsx
index 3f4c1097..a9e79750 100644
--- a/src/components/auth/Join.jsx
+++ b/src/components/auth/Join.jsx
@@ -132,39 +132,41 @@ export default function Join() {
     const formData = new FormData(e.target)
 
     if (joinValidation(formData)) {
-      const param = {
-        storeQcastNm: formData.get('storeQcastNm'),
-        storeQcastNmKana: formData.get('storeQcastNmKana'),
-        postCd: formData.get('postCd'),
-        addr: formData.get('addr'),
-        telNo: formData.get('telNo'),
-        fax: formData.get('fax'),
-        bizNo: formData.get('bizNo'),
-        userInfo: {
-          userId: formData.get('userId'),
-          userNm: formData.get('userNm'),
-          userNmKana: formData.get('userNmKana'),
-          telNo: formData.get('userTelNo'),
-          fax: formData.get('userFax'),
-          email: formData.get('email'),
-          category: formData.get('category'),
-        },
-      }
+      if (confirm(getMessage('join.complete.save.confirm'))) {
+        const param = {
+          storeQcastNm: formData.get('storeQcastNm'),
+          storeQcastNmKana: formData.get('storeQcastNmKana'),
+          postCd: formData.get('postCd'),
+          addr: formData.get('addr'),
+          telNo: formData.get('telNo'),
+          fax: formData.get('fax'),
+          bizNo: formData.get('bizNo'),
+          userInfo: {
+            userId: formData.get('userId'),
+            userNm: formData.get('userNm'),
+            userNmKana: formData.get('userNmKana'),
+            telNo: formData.get('userTelNo'),
+            fax: formData.get('userFax'),
+            email: formData.get('email'),
+            category: formData.get('category'),
+          },
+        }
 
-      await promisePost({ url: '/api/login/v1.0/user/join', data: param })
-        .then((res) => {
-          if (res) {
-            if (res.data.result.resultCode == 'S') {
-              Cookies.set('joinEmail', formData.get('email'), { expires: 1 })
-              router.push('/join/complete')
-            } else {
-              alert(res.data.result.resultMsg)
+        await promisePost({ url: '/api/login/v1.0/user/join', data: param })
+          .then((res) => {
+            if (res) {
+              if (res.data.result.resultCode == 'S') {
+                Cookies.set('joinEmail', formData.get('email'), { expires: 1 })
+                router.push('/join/complete')
+              } else {
+                alert(res.data.result.resultMsg)
+              }
             }
-          }
-        })
-        .catch((error) => {
-          alert(error.response.data.message)
-        })
+          })
+          .catch((error) => {
+            alert(error.response.data.message)
+          })
+      }
     }
   }
 
diff --git a/src/components/main/MainContents.jsx b/src/components/main/MainContents.jsx
index d2e38853..fa61b676 100644
--- a/src/components/main/MainContents.jsx
+++ b/src/components/main/MainContents.jsx
@@ -9,6 +9,7 @@ import { useRouter } from 'next/navigation'
 import { globalLocaleStore } from '@/store/localeAtom'
 import { queryStringFormatter } from '@/util/common-utils'
 import { sessionStore } from '@/store/commonAtom'
+import MainSkeleton from '../ui/MainSkeleton'
 
 export default function MainContents() {
   const { getMessage } = useMessage()
@@ -109,30 +110,34 @@ export default function MainContents() {
     <div className="main-product-list-wrap">
       <div className="main-product-list">
         <ProductItem num={1} name={getMessage('main.content.objectList')}>
-          <ul className="recently-list">
-            {objectList.map((row) => {
-              return (
-                <li
-                  key={row.objectNo}
-                  className="recently-item"
-                  onClick={() => {
-                    if (row.objectNo.substring(0, 1) === 'R') {
-                      router.push(`/management/stuff/detail?objectNo=${row.objectNo.toString()}`)
-                    } else {
-                      router.push(`/management/stuff/tempdetail?objectNo=${row.objectNo.toString()}`)
-                    }
-                  }}
-                >
-                  <div className="item-inner">
-                    <span className="time">{dayjs(row.lastEditDatetime).format('YYYY.MM.DD HH:mm:ss')}</span>
-                    <span>{row.objectNo}</span>
-                    <span>{row.objectName}</span>
-                    <span>{row.saleStoreName}</span>
-                  </div>
-                </li>
-              )
-            })}
-          </ul>
+          {objectList.length > 0 ? (
+            <ul className="recently-list">
+              {objectList.map((row) => {
+                return (
+                  <li
+                    key={row.objectNo}
+                    className="recently-item"
+                    onClick={() => {
+                      if (row.objectNo.substring(0, 1) === 'R') {
+                        router.push(`/management/stuff/detail?objectNo=${row.objectNo.toString()}`)
+                      } else {
+                        router.push(`/management/stuff/tempdetail?objectNo=${row.objectNo.toString()}`)
+                      }
+                    }}
+                  >
+                    <div className="item-inner">
+                      <span className="time">{dayjs(row.lastEditDatetime).format('YYYY.MM.DD HH:mm:ss')}</span>
+                      <span>{row.objectNo}</span>
+                      <span>{row.objectName}</span>
+                      <span>{row.saleStoreName}</span>
+                    </div>
+                  </li>
+                )
+              })}
+            </ul>
+          ) : (
+            <MainSkeleton />
+          )}
         </ProductItem>
         <ProductItem num={2} name={getMessage('main.content.notice')}>
           <div className="notice-box">
diff --git a/src/components/management/StuffDetail.jsx b/src/components/management/StuffDetail.jsx
index e8a25251..73f31518 100644
--- a/src/components/management/StuffDetail.jsx
+++ b/src/components/management/StuffDetail.jsx
@@ -3,7 +3,7 @@
 import React, { useState, useEffect, useRef } from 'react'
 import { useRouter, useSearchParams, usePathname } from 'next/navigation'
 import { Button } from '@nextui-org/react'
-import Select from 'react-select'
+import Select, { components } from 'react-select'
 import Link from 'next/link'
 import { useAxios } from '@/hooks/useAxios'
 import { globalLocaleStore } from '@/store/localeAtom'
@@ -19,6 +19,13 @@ import { useCommonCode } from '@/hooks/common/useCommonCode'
 import StuffPlanQGrid from './StuffPlanQGrid'
 
 export default function StuffDetail() {
+  const inputReceiveUserEl = useRef(null) //담당자ref
+  const inputObjectNameEl = useRef(null) //물건명ref
+  const inputZipNoEl = useRef(null) //우편번호ref
+  const inputAddressEl = useRef(null) //주소ref
+  const inputVerticalSnowCoverEl = useRef(null) //수직적설량ref
+  const inputInstallHeightEl = useRef(null) //설치높이ref
+
   //공통코드
   const { commonCode, findCommonCode } = useCommonCode()
   const [selOptions, setSelOptions] = useState('') //선택한 1차점
@@ -54,7 +61,7 @@ export default function StuffDetail() {
     address: '', //주소
     areaId: '', //발전량시뮬레이션지역id
     standardWindSpeedId: '', //기준풍속
-    verticalSnowCover: '', //수직적설량NEW
+    verticalSnowCover: '', //수직적설량
     coldRegionFlg: false, //한랭지대책시행(true : 1 / false : 0)
     surfaceType: 'III・IV', //면조도구분(III・IV / Ⅱ)
     saltAreaFlg: false, //염해지역용아이템사용 (true : 1 / false : 0)
@@ -890,6 +897,7 @@ export default function StuffDetail() {
     form.setValue('areaName', e.prefName)
   }
 
+  // 저장
   const onValid = async () => {
     const formData = form.getValues()
 
@@ -899,11 +907,13 @@ export default function StuffDetail() {
     if (!formData.receiveUser || formData.receiveUser.trim().length === 0) {
       fieldNm = getMessage('stuff.detail.receiveUser')
       errors = fieldNm
+      inputReceiveUserEl.current.focus()
     }
     //물건명
     if (!formData.objectName || formData.objectName.trim().length === 0) {
       fieldNm = getMessage('stuff.detail.objectStatusId')
       errors = fieldNm
+      inputObjectNameEl.current.focus()
     }
     //경칭
     if (!formData.objectNameOmit) {
@@ -919,11 +929,13 @@ export default function StuffDetail() {
     if (!formData.zipNo) {
       fieldNm = getMessage('stuff.detail.zipNo')
       errors = fieldNm
+      inputZipNoEl.current.focus()
     }
     //주소
     if (!formData.address) {
       fieldNm = getMessage('stuff.detail.address')
       errors = fieldNm
+      inputAddressEl.current.focus()
     }
     //도도부현
     if (!formData.prefId || formData.prefId === '0') {
@@ -944,6 +956,7 @@ export default function StuffDetail() {
     if (!formData.verticalSnowCover) {
       fieldNm = getMessage('stuff.detail.verticalSnowCover')
       errors = fieldNm
+      inputVerticalSnowCoverEl.current.focus()
     }
 
     //면조도구분
@@ -955,10 +968,9 @@ export default function StuffDetail() {
     if (!formData.installHeight) {
       fieldNm = getMessage('stuff.detail.installHeight')
       errors = fieldNm
+      inputInstallHeightEl.current.focus()
     }
 
-    //계약조건
-
     if (Object.keys(errors).length > 0) {
       return alert(getMessage('stuff.detail.save.valierror3', [errors]))
     }
@@ -1110,6 +1122,7 @@ export default function StuffDetail() {
       workName: null,
     }
 
+    return
     //1차점 or 2차점 안고르고 임시저장하면
     if (params.saleStoreId == '') {
       params.saleStoreId = sessionState.storeId
@@ -1125,6 +1138,7 @@ export default function StuffDetail() {
     if (height === '0') {
       return alert(getMessage('stuff.detail.save.valierror2'))
     }
+
     await promisePost({ url: '/api/object/save-object', data: params }).then((res) => {
       if (res.status === 201) {
         alert(getMessage('stuff.detail.tempSave.message1'))
@@ -1153,6 +1167,17 @@ export default function StuffDetail() {
     input.value = input.value.replace(/[^0-9]/g, '')
   }
 
+  //자동완성 옵션 없을때 메세지 컴포넌트..
+  const NoOptionsMessage = (props) => {
+    return (
+      <components.NoOptionsMessage {...props}>
+        <span style={{ background: 'red' }} className="custom-css-class">
+          TEXTTTTTTT
+        </span>
+      </components.NoOptionsMessage>
+    )
+  }
+
   return (
     <>
       {(editMode === 'NEW' && (
@@ -1186,7 +1211,7 @@ export default function StuffDetail() {
                           )) ||
                             null}
                         </div>
-                        <Button className="btn-origin grey" onClick={onSearchDesignRequestPopOpen}>
+                        <Button className="btn-origin grey" onPress={onSearchDesignRequestPopOpen}>
                           {getMessage('stuff.planReqPopup.title')}
                         </Button>
                       </div>
@@ -1198,7 +1223,7 @@ export default function StuffDetail() {
                     </th>
                     <td>
                       <div className="input-wrap" style={{ width: '500px' }}>
-                        <input type="text" className="input-light" {...form.register('receiveUser')} />
+                        <input type="text" className="input-light" {...form.register('receiveUser')} ref={inputReceiveUserEl} />
                       </div>
                     </td>
                   </tr>
@@ -1227,7 +1252,7 @@ export default function StuffDetail() {
                         })}
                         {/* 라디오끝 */}
                         <div className="input-wrap mr5" style={{ width: '545px' }}>
-                          <input type="text" className="input-light" {...form.register('objectName')} />
+                          <input type="text" className="input-light" {...form.register('objectName')} ref={inputObjectNameEl} />
                         </div>
                         <div className="select-wrap" style={{ width: '120px' }}>
                           <Select
@@ -1317,6 +1342,7 @@ export default function StuffDetail() {
                         <div className="select-wrap mr5" style={{ width: '567px' }}>
                           <Select
                             id="long-value-select2"
+                            // components={{ NoOptionsMessage }}
                             instanceId="long-value-select2"
                             className="react-select-custom"
                             classNamePrefix="custom"
@@ -1352,9 +1378,9 @@ export default function StuffDetail() {
                     <td>
                       <div className="flx-box">
                         <div className="input-wrap mr5" style={{ width: '200px' }}>
-                          <input type="text" className="input-light" disabled value={form.watch('zipNo') || ''} />
+                          <input type="text" className="input-light" disabled value={form.watch('zipNo') || ''} ref={inputZipNoEl} />
                         </div>
-                        <Button className="btn-origin grey" onClick={onSearchPostNumberPopOpen}>
+                        <Button className="btn-origin grey" onPress={onSearchPostNumberPopOpen}>
                           {getMessage('stuff.detail.btn.addressPop')}
                         </Button>
                         <div className="guide">{getMessage('stuff.detail.btn.addressPop.guide')}</div>
@@ -1368,7 +1394,7 @@ export default function StuffDetail() {
                     </th>
                     <td>
                       <div className="flx-box">
-                        <div className="select-wrap" style={{ width: '200px' }}>
+                        <div className="select-wrap mr5" style={{ width: '200px' }}>
                           {prefCodeList?.length > 0 && (
                             <Select
                               id="long-value-select3"
@@ -1388,7 +1414,13 @@ export default function StuffDetail() {
                           )}
                         </div>
                         <div className="input-wrap mr5" style={{ width: '580px' }}>
-                          <input type="text" className="input-light" value={form.watch('address') || ''} {...form.register('address')} />
+                          <input
+                            type="text"
+                            className="input-light"
+                            value={form.watch('address') || ''}
+                            {...form.register('address')}
+                            ref={inputAddressEl}
+                          />
                         </div>
                       </div>
                     </td>
@@ -1444,7 +1476,7 @@ export default function StuffDetail() {
                           ></Select>
                         </div>
                         <span className="mr10">{getMessage('stuff.detail.standardWindSpeedIdSpan')}</span>
-                        <Button type="button" className="btn-origin grey" onClick={onSearchWindSpeedPopOpen}>
+                        <Button type="button" className="btn-origin grey" onPress={onSearchWindSpeedPopOpen}>
                           {getMessage('stuff.detail.btn.windSpeedPop')}
                         </Button>
                       </div>
@@ -1463,6 +1495,7 @@ export default function StuffDetail() {
                             onKeyUp={handleKeyUp}
                             value={form.watch('verticalSnowCover') || ''}
                             {...register('verticalSnowCover')}
+                            ref={inputVerticalSnowCoverEl}
                           />
                         </div>
                         <span className="mr10">cm</span>
@@ -1510,6 +1543,7 @@ export default function StuffDetail() {
                             onKeyUp={handleKeyUp}
                             value={form.watch('installHeight') || ''}
                             {...register('installHeight')}
+                            ref={inputInstallHeightEl}
                           />
                         </div>
                         <span>m</span>
@@ -1544,7 +1578,7 @@ export default function StuffDetail() {
             </div>
             <div className="sub-right-footer">
               {!isFormValid ? (
-                <Button className="btn-origin grey mr5" onClick={onTempSave}>
+                <Button className="btn-origin grey mr5" onPress={onTempSave}>
                   {getMessage('stuff.detail.btn.tempSave')}
                 </Button>
               ) : (
@@ -1595,7 +1629,7 @@ export default function StuffDetail() {
                             {/* {detailData?.tempFlg === '1' ? ( */}
                             {objectNo.substring(0, 1) === 'T' ? (
                               <>
-                                <Button className="btn-origin grey" onClick={onSearchDesignRequestPopOpen}>
+                                <Button className="btn-origin grey" onPress={onSearchDesignRequestPopOpen}>
                                   {getMessage('stuff.planReqPopup.title')}
                                 </Button>
                               </>
@@ -1609,7 +1643,13 @@ export default function StuffDetail() {
                         </th>
                         <td>
                           <div className="input-wrap" style={{ width: '500px' }}>
-                            <input type="text" className="input-light" {...form.register('receiveUser')} value={form.watch('receiveUser') || ''} />
+                            <input
+                              type="text"
+                              className="input-light"
+                              {...form.register('receiveUser')}
+                              value={form.watch('receiveUser') || ''}
+                              ref={inputReceiveUserEl}
+                            />
                           </div>
                         </td>
                       </tr>
@@ -1638,7 +1678,7 @@ export default function StuffDetail() {
                             })}
                             {/* 상세라디오끝 */}
                             <div className="input-wrap mr5" style={{ width: '545px' }}>
-                              <input type="text" className="input-light" {...form.register('objectName')} />
+                              <input type="text" className="input-light" {...form.register('objectName')} ref={inputObjectNameEl} />
                             </div>
                             <div className="select-wrap" style={{ width: '120px' }}>
                               <Select
@@ -1763,9 +1803,9 @@ export default function StuffDetail() {
                         <td>
                           <div className="flx-box">
                             <div className="input-wrap mr5" style={{ width: '200px' }}>
-                              <input type="text" className="input-light" disabled value={form.watch('zipNo') || ''} />
+                              <input type="text" className="input-light" disabled value={form.watch('zipNo') || ''} ref={inputZipNoEl} />
                             </div>
-                            <Button className="btn-origin grey" onClick={onSearchPostNumberPopOpen}>
+                            <Button className="btn-origin grey" onPress={onSearchPostNumberPopOpen}>
                               {getMessage('stuff.detail.btn.addressPop')}
                             </Button>
                             <div className="guide">{getMessage('stuff.detail.btn.addressPop.guide')}</div>
@@ -1780,7 +1820,7 @@ export default function StuffDetail() {
                         </th>
                         <td>
                           <div className="flx-box">
-                            <div className="select-wrap" style={{ width: '200px' }}>
+                            <div className="select-wrap mr5" style={{ width: '200px' }}>
                               {prefCodeList?.length > 0 && (
                                 <Select
                                   id="long-value-select3"
@@ -1800,7 +1840,13 @@ export default function StuffDetail() {
                               )}
                             </div>
                             <div className="input-wrap mr5" style={{ width: '580px' }}>
-                              <input type="text" className="input-light" value={form.watch('address') || ''} {...form.register('address')} />
+                              <input
+                                type="text"
+                                className="input-light"
+                                value={form.watch('address') || ''}
+                                {...form.register('address')}
+                                ref={inputAddressEl}
+                              />
                             </div>
                           </div>
                         </td>
@@ -1860,7 +1906,7 @@ export default function StuffDetail() {
                               ></Select>
                             </div>
                             <span className="mr10">{getMessage('stuff.detail.standardWindSpeedIdSpan')}</span>
-                            <Button type="button" className="btn-origin grey" onClick={onSearchWindSpeedPopOpen}>
+                            <Button type="button" className="btn-origin grey" onPress={onSearchWindSpeedPopOpen}>
                               {getMessage('stuff.detail.btn.windSpeedPop')}
                             </Button>
                           </div>
@@ -1881,6 +1927,7 @@ export default function StuffDetail() {
                                 onKeyUp={handleKeyUp}
                                 value={form.watch('verticalSnowCover') || ''}
                                 {...register('verticalSnowCover')}
+                                ref={inputVerticalSnowCoverEl}
                               />
                             </div>
                             <span className="mr10">cm</span>
@@ -1932,6 +1979,7 @@ export default function StuffDetail() {
                                 onKeyUp={handleKeyUp}
                                 value={form.watch('installHeight') || ''}
                                 {...register('installHeight')}
+                                ref={inputInstallHeightEl}
                               />
                             </div>
                             <span>m</span>
@@ -2005,13 +2053,13 @@ export default function StuffDetail() {
                   <div className="sub-right-footer">
                     <Link href="/management/stuff" scroll={false}>
                       <button type="button" className="btn-origin grey mr5">
-                        R상세: {getMessage('stuff.detail.btn.moveList')}
+                        {getMessage('stuff.detail.btn.moveList')}
                       </button>
                     </Link>
                     <Button type="submit" className="btn-origin navy mr5">
-                      R상세:{getMessage('stuff.detail.btn.save')}
+                      {getMessage('stuff.detail.btn.save')}
                     </Button>
-                    <Button type="button" className="btn-origin grey" onClick={onDelete}>
+                    <Button type="button" className="btn-origin grey" onPress={onDelete}>
                       {getMessage('stuff.detail.btn.delete')}
                     </Button>
                   </div>
@@ -2020,17 +2068,17 @@ export default function StuffDetail() {
                 <>
                   <div className="sub-right-footer">
                     {!isFormValid ? (
-                      <Button className="btn-origin grey mr5" onClick={onTempSave}>
-                        TEMP상세:{getMessage('stuff.detail.btn.tempSave')}
+                      <Button className="btn-origin grey mr5" onPress={onTempSave}>
+                        {getMessage('stuff.detail.btn.tempSave')}
                       </Button>
                     ) : (
                       <Button type="submit" className="btn-origin navy mr5">
-                        TEMP상세:{getMessage('stuff.detail.btn.save')}
+                        {getMessage('stuff.detail.btn.save')}
                       </Button>
                     )}
                     <Link href="/management/stuff" scroll={false}>
                       <button type="button" className="btn-origin grey">
-                        TEMP상세:{getMessage('stuff.detail.btn.moveList')}
+                        {getMessage('stuff.detail.btn.moveList')}
                       </button>
                     </Link>
                   </div>
diff --git a/src/components/ui/Loading.jsx b/src/components/ui/Loading.jsx
deleted file mode 100644
index 59d2170b..00000000
--- a/src/components/ui/Loading.jsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import style from '@/components/ui/Loading.module.css'
-
-export default function Loading() {
-  return <span className={style.loader}></span>
-}
diff --git a/src/components/ui/Loading.module.css b/src/components/ui/Loading.module.css
deleted file mode 100644
index 7b3001f8..00000000
--- a/src/components/ui/Loading.module.css
+++ /dev/null
@@ -1,35 +0,0 @@
-.loader {
-  position: relative;
-  font-size: 48px;
-  letter-spacing: 6px;
-}
-.loader:before {
-  content: 'Loading';
-  color: #fff;
-}
-.loader:after {
-  content: '';
-  width: 20px;
-  height: 20px;
-  background-color: #ff3d00;
-  background-image: radial-gradient(circle 2px, #fff4 100%, transparent 0), radial-gradient(circle 1px, #fff3 100%, transparent 0);
-  background-position:
-    14px -4px,
-    12px -1px;
-  border-radius: 50%;
-  position: absolute;
-  margin: auto;
-  top: -5px;
-  right: 66px;
-  transform-origin: center bottom;
-  animation: fillBaloon 1s ease-in-out infinite alternate;
-}
-
-@keyframes fillBaloon {
-  0% {
-    transform: scale(1);
-  }
-  100% {
-    transform: scale(3);
-  }
-}
diff --git a/src/components/ui/MainSkeleton.jsx b/src/components/ui/MainSkeleton.jsx
new file mode 100644
index 00000000..fa0a48c2
--- /dev/null
+++ b/src/components/ui/MainSkeleton.jsx
@@ -0,0 +1,13 @@
+import Skeleton from 'react-loading-skeleton'
+import 'react-loading-skeleton/dist/skeleton.css'
+
+export default function MainSkeleton() {
+  return (
+    <>
+      <div className="mb-6">
+        <Skeleton height={`50px`} />
+      </div>
+      <Skeleton count={5} />
+    </>
+  )
+}
diff --git a/src/locales/ja.json b/src/locales/ja.json
index 688cae4c..baa74f41 100644
--- a/src/locales/ja.json
+++ b/src/locales/ja.json
@@ -446,6 +446,7 @@
   "join.complete.contents": "※ 申請したIDが承認されると、担当者情報に入力されたメールアドレスにログイン案内メールが送信されます。",
   "join.complete.email_comment": "担当者メールアドレス",
   "join.validation.check1": "{0} の形式を確認してください。",
+  "join.complete.save.confirm": "Hanwha Japan担当者にID承認を要請されると、これ以上情報を修正できません。 本当にリクエストしますか？",
   "stuff.gridHeader.lastEditDatetime": "更新日時",
   "stuff.gridHeader.objectNo": "品番",
   "stuff.gridHeader.planTotCnt": "プラン数",
diff --git a/src/locales/ko.json b/src/locales/ko.json
index 7daef05c..d46e7726 100644
--- a/src/locales/ko.json
+++ b/src/locales/ko.json
@@ -451,6 +451,7 @@
   "join.complete.contents": "※ 신청한 ID가 승인되면, 담당자 정보에 입력한 이메일 주소로 로그인 관련 안내 메일이 전송됩니다.",
   "join.complete.email_comment": "담당자 이메일 주소",
   "join.validation.check1": "{0} 형식을 확인해주세요.",
+  "join.complete.save.confirm": "Hanwha Japan 담당자에게 ID승인이 요청되면 더 이상 정보를 수정할 수 없습니다. 정말로 요청하시겠습니까?",
   "stuff.gridHeader.lastEditDatetime": "갱신일시",
   "stuff.gridHeader.objectNo": "물건번호",
   "stuff.gridHeader.planTotCnt": "플랜 수",
diff --git a/yarn.lock b/yarn.lock
index bf4e65b8..6e7b5f2c 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5884,6 +5884,11 @@ react-is@^16.13.1, react-is@^16.7.0:
   resolved "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz"
   integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
 
+react-loading-skeleton@^3.5.0:
+  version "3.5.0"
+  resolved "https://registry.yarnpkg.com/react-loading-skeleton/-/react-loading-skeleton-3.5.0.tgz#da2090355b4dedcad5c53cb3f0ed364e3a76d6ca"
+  integrity sha512-gxxSyLbrEAdXTKgfbpBEFZCO/P153DnqSCQau2+o6lNy1jgMRr2MmRmOzMmyrwSaSYLRB8g7b0waYPmUjz7IhQ==
+
 react-onclickoutside@^6.13.0:
   version "6.13.1"
   resolved "https://registry.npmjs.org/react-onclickoutside/-/react-onclickoutside-6.13.1.tgz"