diff --git a/src/components/Contract.tsx b/src/components/Contract.tsx
index f282785..146f387 100644
--- a/src/components/Contract.tsx
+++ b/src/components/Contract.tsx
@@ -26,117 +26,119 @@ const Contract = ({ contractId }: Prop) => {
 
   return (
     <>
-      <table className='border-collapse border border-gray-200 max-w-full w-full mx-auto text-sm'>
-        <thead className='w-full'>
-          <tr>
-            <th className='border border-gray-200 px-4 py-2'>계약서 항목</th>
-            <th className='border border-gray-200 px-4 py-2'>내용</th>
-          </tr>
-        </thead>
-        <tbody className='max-w-full'>
-          <tr>
-            <td className='border border-gray-200 px-4 py-2 bg-gray-100 font-semibold text-end'>
-              근무지
-            </td>
-            <td className='border border-gray-200 px-4 py-2 text-end'>
-              {contract?.workPlaceName}
-            </td>
-          </tr>
-          <tr>
-            <td className='border border-gray-200 px-4 py-2 bg-gray-100 font-semibold text-end '>
-              근무지 주소
-            </td>
-            <td className='border border-gray-200 px-4 py-2 text-end'>
-              {contract?.workSite}
-            </td>
-          </tr>
-          <tr>
-            <td className='border border-gray-200 px-4 py-2 bg-gray-100 font-semibold text-end'>
-              근무 내용
-            </td>
-            <td className='border border-gray-200 px-4 py-2  text-end'>
-              {contract?.workDetail}
-            </td>
-          </tr>
-          <tr>
-            <td className='border border-gray-200 px-4 py-2 bg-gray-100 font-semibold text-end'>
-              근무 시작일
-            </td>
-            <td className='border border-gray-200 px-4 py-2  text-end'>
-              {contract?.workStartDate.toLocaleString()}
-            </td>
-          </tr>
-          <tr>
-            <td className='border border-gray-200 px-4 py-2 bg-gray-100 font-semibold text-end'>
-              나의 주소
-            </td>
-            <td className='border border-gray-200 px-4 py-2  text-end'>
-              {contract?.employeeAddress}
-            </td>
-          </tr>
-          <tr>
-            <td className='border border-gray-200 px-4 py-2 bg-gray-100 font-semibold text-end'>
-              나의 연락처
-            </td>
-            <td className='border border-gray-200 px-4 py-2  text-end'>
-              {contract?.employeePhone}
-            </td>
-          </tr>
-          <tr>
-            <td className='border border-gray-200 px-4 py-2 bg-gray-100 font-semibold text-end'>
-              휴무일
-            </td>
-            <td className='border border-gray-200 px-4 py-2  text-end'>
-              {contract?.restDayOfWeek}
-            </td>
-          </tr>
-          <tr>
-            <td className='border border-gray-200 px-4 py-2 bg-gray-100 font-semibold text-end'>
-              시급
-            </td>
-            <td className='border border-gray-200 px-4 py-2  text-end'>
-              {contract?.payPerHour}
-            </td>
-          </tr>
-          <tr>
-            <td className='border border-gray-200 px-4 py-2 bg-gray-100 font-semibold text-end'>
-              급여일
-            </td>
-            <td className='border border-gray-200 px-4 py-2  text-end'>
-              {contract?.paymentDay}
-            </td>
-          </tr>
-          <tr>
-            <td className='border border-gray-200 px-4 py-2 bg-gray-100 font-semibold text-end'>
-              근무일
-            </td>
-            <td className='border border-gray-200 px-4 py-2  text-end'>
-              <div className='flex flex-col gap-2'>
-                {contract?.workTimes?.map((item, index) => (
-                  <>
-                    <div
-                      key={item.workDayOfWeek}
-                      className='flex justify-between '
-                    >
-                      <div className='text-start font-bold text-base'>
-                        {item.workDayOfWeek.charAt(0)}
-                      </div>
-                      <div className='flex flex-col gap-1'>
-                        <div className='text-sm'>
-                          {item.workStartTime}-{item.workEndTime}
+      {contract && (
+        <table className='border-collapse border border-gray-200 max-w-full w-full mx-auto text-sm'>
+          <thead className='w-full'>
+            <tr>
+              <th className='border border-gray-200 px-4 py-2'>계약서 항목</th>
+              <th className='border border-gray-200 px-4 py-2'>내용</th>
+            </tr>
+          </thead>
+          <tbody className='max-w-full'>
+            <tr>
+              <td className='border border-gray-200 px-4 py-2 bg-gray-100 font-semibold text-end'>
+                근무지
+              </td>
+              <td className='border border-gray-200 px-4 py-2 text-end'>
+                {contract?.workPlaceName}
+              </td>
+            </tr>
+            <tr>
+              <td className='border border-gray-200 px-4 py-2 bg-gray-100 font-semibold text-end '>
+                근무지 주소
+              </td>
+              <td className='border border-gray-200 px-4 py-2 text-end'>
+                {contract?.workSite}
+              </td>
+            </tr>
+            <tr>
+              <td className='border border-gray-200 px-4 py-2 bg-gray-100 font-semibold text-end'>
+                근무 내용
+              </td>
+              <td className='border border-gray-200 px-4 py-2  text-end'>
+                {contract?.workDetail}
+              </td>
+            </tr>
+            <tr>
+              <td className='border border-gray-200 px-4 py-2 bg-gray-100 font-semibold text-end'>
+                근무 시작일
+              </td>
+              <td className='border border-gray-200 px-4 py-2  text-end'>
+                {contract?.workStartDate.toLocaleString()}
+              </td>
+            </tr>
+            <tr>
+              <td className='border border-gray-200 px-4 py-2 bg-gray-100 font-semibold text-end'>
+                나의 주소
+              </td>
+              <td className='border border-gray-200 px-4 py-2  text-end'>
+                {contract?.employeeAddress}
+              </td>
+            </tr>
+            <tr>
+              <td className='border border-gray-200 px-4 py-2 bg-gray-100 font-semibold text-end'>
+                나의 연락처
+              </td>
+              <td className='border border-gray-200 px-4 py-2  text-end'>
+                {contract?.employeePhone}
+              </td>
+            </tr>
+            <tr>
+              <td className='border border-gray-200 px-4 py-2 bg-gray-100 font-semibold text-end'>
+                휴무일
+              </td>
+              <td className='border border-gray-200 px-4 py-2  text-end'>
+                {contract?.restDayOfWeek}
+              </td>
+            </tr>
+            <tr>
+              <td className='border border-gray-200 px-4 py-2 bg-gray-100 font-semibold text-end'>
+                시급
+              </td>
+              <td className='border border-gray-200 px-4 py-2  text-end'>
+                {contract?.payPerHour}
+              </td>
+            </tr>
+            <tr>
+              <td className='border border-gray-200 px-4 py-2 bg-gray-100 font-semibold text-end'>
+                급여일
+              </td>
+              <td className='border border-gray-200 px-4 py-2  text-end'>
+                {contract?.paymentDay}
+              </td>
+            </tr>
+            <tr>
+              <td className='border border-gray-200 px-4 py-2 bg-gray-100 font-semibold text-end'>
+                근무일
+              </td>
+              <td className='border border-gray-200 px-4 py-2  text-end'>
+                <div className='flex flex-col gap-2'>
+                  {contract?.workTimes?.map((item, index) => (
+                    <>
+                      <div
+                        key={item.workDayOfWeek}
+                        className='flex justify-between '
+                      >
+                        <div className='text-start font-semibold text-base'>
+                          {item.workDayOfWeek.charAt(0)}
                         </div>
-                        <div className='text-sm'>
-                          (휴) {item.restStartTime}-{item.restEndTime}
+                        <div className='flex flex-col gap-1'>
+                          <div className='text-sm'>
+                            {item.workStartTime}-{item.workEndTime}
+                          </div>
+                          <div className='text-sm'>
+                            (휴) {item.restStartTime}-{item.restEndTime}
+                          </div>
                         </div>
                       </div>
-                    </div>
-                  </>
-                ))}
-              </div>
-            </td>
-          </tr>
-        </tbody>
-      </table>
+                    </>
+                  ))}
+                </div>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      )}
     </>
   );
 };
diff --git a/src/components/ModalCenter.tsx b/src/components/ModalCenter.tsx
index 0d463ca..2da5bda 100644
--- a/src/components/ModalCenter.tsx
+++ b/src/components/ModalCenter.tsx
@@ -36,7 +36,7 @@ const ModalCenter = ({
           )}
         >
           <div className='font-bold'>{title}</div>
-          <div className='max-w-full w-full'>{children}</div>
+          <div className='max-w-full w-full overflow-y-scroll'>{children}</div>
           <div className='flex gap-5 w-full'>
             {hasDecline && (
               <BtnGray
diff --git a/src/pages/LoginPgae/LoginPage.tsx b/src/pages/LoginPgae/LoginPage.tsx
index e9c64da..70c8cb3 100644
--- a/src/pages/LoginPgae/LoginPage.tsx
+++ b/src/pages/LoginPgae/LoginPage.tsx
@@ -56,7 +56,6 @@ const LoginPage = () => {
             <div className='text-gray-300 text-sm mb-10'>
               간편 비밀번호를 입력해주세요
             </div>
-
             <div>
               <input
                 placeholder='비밀번호'
diff --git a/src/pages/employee/MyPageTab/MyPage.tsx b/src/pages/employee/MyPageTab/MyPage.tsx
index 3dfcdf4..3bf7646 100644
--- a/src/pages/employee/MyPageTab/MyPage.tsx
+++ b/src/pages/employee/MyPageTab/MyPage.tsx
@@ -8,6 +8,8 @@ import ApiClient from '../../../api/apiClient';
 import ModalBottom from '../../../components/ModalBottom';
 import ToolBarLink from '../../../components/ui/ToolBarLink';
 import { EmployeeMenuList } from '../datas';
+import Contract from '../../../components/Contract';
+import ModalCenter from '../../../components/ModalCenter';
 
 const MyPage = () => {
   const navigation = useNavigate();
@@ -69,91 +71,15 @@ const MyPage = () => {
   return (
     <>
       {isModalOpen && paperDetail && (
-        <ModalBottom
-          title='근로계약서'
+        <ModalCenter
           closeModal={closeModal}
-          btnBottom
-          btnText='확인'
-          action={closeModal}
+          confirmText='확인'
+          confirmAction={closeModal}
+          className='w-[90%] h-[70%]'
+          title='근로 계약서'
         >
-          <div className='flex flex-col gap-3 mb-5 text-sm max-h-[450px] overflow-y-scroll'>
-            <div className='flex justify-between w-full pt-5'>
-              <div className='font-semibold text-start'>근무지</div>
-              <div>
-                <WorkPlaceName
-                  name={paperDetail?.workPlaceName}
-                  colorType='02'
-                />
-              </div>
-            </div>
-            <div className='flex justify-between w-full'>
-              <div className='font-semibold text-start'>근무지 주소</div>
-              <div>{paperDetail?.workSite}</div>
-            </div>
-            <div className='flex justify-between w-full'>
-              <div className='font-semibold text-start'>근무 내용</div>
-              <div>{paperDetail?.workDetail}</div>
-            </div>
-            <div className='flex justify-between w-full'>
-              <div className='font-semibold text-start'>근무 시작일</div>
-              <div>
-                {paperDetail.workStartDate
-                  .toString()
-                  .substring(
-                    0,
-                    paperDetail.workStartDate.toString().indexOf('T')
-                  )}
-              </div>
-            </div>
-
-            <div className='flex justify-between'>
-              <div className='font-semibold text-start'>나의 주소</div>
-              <div>{paperDetail?.employeeAddress}</div>
-            </div>
-            <div className='flex justify-between gap-10'>
-              <div className='font-semibold text-start'>나의 연락처</div>
-              <div>{paperDetail?.employeePhone}</div>
-            </div>
-            <div className='flex justify-between w-full'>
-              <div className='font-semibold text-start'>휴무일</div>
-              <div>{paperDetail?.restDayOfWeek}</div>
-            </div>
-            <div className='flex justify-between w-full'>
-              <div className='font-semibold text-start'>시급</div>
-              <div>{paperDetail?.payPerHour.toLocaleString()}원</div>
-            </div>
-            <div className='flex justify-between w-full'>
-              <div className='font-semibold text-start'>급여일</div>
-              <div>{paperDetail?.paymentDay}일</div>
-            </div>
-
-            <div className='flex  justify-between w-full'>
-              <div className='font-semibold text-start mb-2'>근무일</div>
-              <div className='flex flex-col gap-3 justify-between'>
-                {paperDetail?.workTimes?.map((item) => {
-                  return (
-                    <div
-                      key={item.workDayOfWeek}
-                      className='flex justify-between'
-                    >
-                      <div className='text-start pr-3'>
-                        {item.workDayOfWeek}
-                      </div>
-                      <div className='flex flex-col'>
-                        <div>
-                          근무시간 {item.workStartTime} - {item.workEndTime}
-                        </div>
-                        <div>
-                          휴게시간 {item.restStartTime} - {item.restEndTime}
-                        </div>
-                      </div>
-                    </div>
-                  );
-                })}
-              </div>
-            </div>
-          </div>
-        </ModalBottom>
+          <Contract contractId={paperDetail.employmentContractId} />
+        </ModalCenter>
       )}
       <Frame navTitle='알바ON'>
         <ToolBarLink options={EmployeeMenuList} />
diff --git a/src/pages/employee/PartTimeTab/PaymentMain.tsx b/src/pages/employee/PartTimeTab/PaymentMain.tsx
index 4a2f77a..a4ce1f1 100644
--- a/src/pages/employee/PartTimeTab/PaymentMain.tsx
+++ b/src/pages/employee/PartTimeTab/PaymentMain.tsx
@@ -42,7 +42,7 @@ const PaymentMain = () => {
           {/* 토글 버튼 */}
           <NavToggle
             first='급여관리'
-            second='근무 관리'
+            second='근무지 관리'
             firstSelected={() => {
               selectPayment();
               setYearMonth(today);
diff --git a/src/pages/employee/PartTimeTab/WorkTime.tsx b/src/pages/employee/PartTimeTab/WorkTime.tsx
index 438b2cf..510a298 100644
--- a/src/pages/employee/PartTimeTab/WorkTime.tsx
+++ b/src/pages/employee/PartTimeTab/WorkTime.tsx
@@ -105,30 +105,32 @@ const WorkTime = () => {
       )}
       <div className='w-full flex flex-col gap-10'>
         <Wrapper title='연동 요청'>
-          {workPlaceList?.invitatedWorkPlaceList?.length > 0
-            ? workPlaceList.invitatedWorkPlaceList.map((item, index) => (
-                <WhiteBox
-                  className='py-3'
-                  border
-                  key={item.employmentContractId + String(index)}
-                >
-                  <div className='flex justify-between items-center'>
-                    <WorkPlaceName
-                      name={item.workPlaceName}
-                      colorType={item.colorCodeType}
-                    />
-                    <BtnBorder
-                      color='green'
-                      text='서명 요청'
-                      onClick={() => {
-                        setCurrSignContractId(item.employmentContractId);
-                        setModalCenterOpen(true);
-                      }}
-                    />
-                  </div>
-                </WhiteBox>
-              ))
-            : '연동된 매장이 없습니다'}
+          <div className='flex flex-col gap-1'>
+            {workPlaceList?.invitatedWorkPlaceList?.length > 0
+              ? workPlaceList.invitatedWorkPlaceList.map((item, index) => (
+                  <WhiteBox
+                    className='py-3'
+                    border
+                    key={item.employmentContractId + String(index)}
+                  >
+                    <div className='flex justify-between items-center'>
+                      <WorkPlaceName
+                        name={item.workPlaceName}
+                        colorType={item.colorCodeType}
+                      />
+                      <BtnBorder
+                        color='green'
+                        text='서명 요청'
+                        onClick={() => {
+                          setCurrSignContractId(item.employmentContractId);
+                          setModalCenterOpen(true);
+                        }}
+                      />
+                    </div>
+                  </WhiteBox>
+                ))
+              : '연동된 매장이 없습니다'}
+          </div>
         </Wrapper>
 
         {/* 사장님과 연동 */}