diff --git a/src/pages/assets/guard-main/list.svg b/src/pages/assets/guard-main/list.svg
deleted file mode 100644
index 516d8b09..00000000
--- a/src/pages/assets/guard-main/list.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg width="23" height="20" viewBox="0 0 23 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M1 1L21.1162 1" stroke="#C69090" stroke-width="2" stroke-linecap="round"/>
-<path d="M1 18.6699L21.1162 18.6699" stroke="#C69090" stroke-width="2" stroke-linecap="round"/>
-<path d="M1 9.83496L21.1162 9.83496" stroke="#C69090" stroke-width="2" stroke-linecap="round"/>
-</svg>
diff --git a/src/pages/guard/guard-main/GuardMainPage.tsx b/src/pages/guard/guard-main/GuardMainPage.tsx
index 75e9e242..a6296987 100644
--- a/src/pages/guard/guard-main/GuardMainPage.tsx
+++ b/src/pages/guard/guard-main/GuardMainPage.tsx
@@ -3,6 +3,7 @@ import { useState } from 'react';
 import { GuideLineList } from './components/guideline-list';
 import { Header } from './components/header/Header';
 import { HelloCallApply } from './components/hello-call-apply';
+import { Box, Text } from '@chakra-ui/react';
 import styled from '@emotion/styled';
 
 export const GuardMainPage = () => {
@@ -14,6 +15,25 @@ export const GuardMainPage = () => {
         currentSenior={currentSenior}
         setCurrentSenior={setCurrentSenior}
       />
+      <CallbackNumber>
+        <Box
+          w='100%'
+          display='flex'
+          justifyContent='center'
+          padding='0.5rem'
+          fontSize='20px'
+          bg='var(--color-secondary)'
+          color='var(--color-black)'
+          fontWeight='bold'
+          borderRadius='20px'
+          marginBottom='10px'
+        >
+          시니어가 사용할 서비스 번호
+        </Box>
+        <Text fontSize='24px' fontWeight='bold'>
+          010-4163-8098
+        </Text>
+      </CallbackNumber>
       <GuideLineList seniorId={currentSenior} />
       <HelloCallApply />
     </GuardMainPageLayout>
@@ -27,3 +47,18 @@ const GuardMainPageLayout = styled.div`
   width: 100%;
   padding: 0 2rem;
 `;
+
+const CallbackNumber = styled.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  border-radius: 20px;
+  max-width: 338px;
+  padding: 0.5rem;
+  background-color: var(--color-primary);
+  color: white;
+  font-weight: bold;
+  margin-top: 1rem;
+`;
diff --git a/src/pages/guard/guard-main/components/header/Header.tsx b/src/pages/guard/guard-main/components/header/Header.tsx
index 9ebbd697..641beeb9 100644
--- a/src/pages/guard/guard-main/components/header/Header.tsx
+++ b/src/pages/guard/guard-main/components/header/Header.tsx
@@ -2,7 +2,6 @@ import { ChangeEvent, Dispatch, SetStateAction } from 'react';
 import { Link } from 'react-router-dom';
 
 import { RouterPath } from '@/app/routes';
-import IconList from '@/pages/assets/guard-main/list.svg';
 import IconUser from '@/pages/assets/shared/user.svg';
 import { HEADER_HEIGHT, useAllSeniorInfo } from '@/shared';
 import { Flex, Image, Select } from '@chakra-ui/react';
@@ -22,7 +21,6 @@ export const Header = ({ currentSenior, setCurrentSenior }: HeaderProps) => {
 
   return (
     <Wrapper>
-      <Image src={IconList} alt='icon-list' />
       <Flex gap={3} alignItems='center'>
         <Select
           placeholder='부모님'
@@ -55,7 +53,7 @@ const Wrapper = styled.header`
   height: ${HEADER_HEIGHT};
   display: flex;
   align-items: center;
+  justify-content: flex-end;
   padding: 1.5rem 0;
-  justify-content: space-between;
   background-color: var(--color-white);
 `;
diff --git a/src/pages/guard/guide-line/api/hooks/useGuidelineInfo.ts b/src/pages/guard/guide-line/api/hooks/useGuidelineInfo.ts
index 0a6df5a7..bc185f52 100644
--- a/src/pages/guard/guide-line/api/hooks/useGuidelineInfo.ts
+++ b/src/pages/guard/guide-line/api/hooks/useGuidelineInfo.ts
@@ -10,32 +10,19 @@ type GuidelineInfo = {
   content: string;
 };
 
-type UseGuidelineInfoProps = {
+type Props = {
   guideline: GuidelineInfo;
   seniorId: number;
   editMutation: UseMutationResult<string, Error, ModifyGuidelineRequest>;
   deleteMutation: UseMutationResult<string, Error, number>;
 };
 
-type UseGuidelineInfoReturn = {
-  isMore: boolean;
-  isEditing: boolean;
-  guidelineTitle: string;
-  guidelineContent: string;
-  toggleContent: () => void;
-  setIsEditing: (value: boolean) => void;
-  setGuidelineTitle: (value: string) => void;
-  setGuidelineContent: (value: string) => void;
-  editGuideline: () => void;
-  deleteGuideline: () => void;
-};
-
 export const useGuidelineInfo = ({
   guideline,
   seniorId,
   editMutation,
   deleteMutation,
-}: UseGuidelineInfoProps): UseGuidelineInfoReturn => {
+}: Props) => {
   const [isMore, setIsMore] = useState(false);
   const [isEditing, setIsEditing] = useState(false);
   const [guidelineTitle, setGuidelineTitle] = useState(guideline.title);
diff --git a/src/pages/guard/mypage/GuardMyPage.tsx b/src/pages/guard/mypage/GuardMyPage.tsx
index 70e58200..f07f20ff 100644
--- a/src/pages/guard/mypage/GuardMyPage.tsx
+++ b/src/pages/guard/mypage/GuardMyPage.tsx
@@ -1,5 +1,5 @@
 import { GuardProfileBox } from './components';
-import { PointBox, PointLogBox } from '@/shared/components';
+import { PointBox, PointLogBox, Withdrawal } from '@/shared/components';
 import { Flex } from '@chakra-ui/react';
 import styled from '@emotion/styled';
 
@@ -7,8 +7,9 @@ export const GuardMyPage = () => {
   return (
     <MyPageLayout>
       <GuardProfileBox />
-      <PointBox />
+      <PointBox isSinitto={false} />
       <PointLogBox />
+      <Withdrawal />
     </MyPageLayout>
   );
 };
diff --git a/src/pages/guard/service-history/api/hooks/index.ts b/src/pages/guard/service-history/api/hooks/index.ts
index 082e0e79..b89d2e68 100644
--- a/src/pages/guard/service-history/api/hooks/index.ts
+++ b/src/pages/guard/service-history/api/hooks/index.ts
@@ -1,6 +1,5 @@
 export { useGetHelloHistoryList } from './useGetHelloHistoryList';
 export { useDeleteHelloCall } from './useDeleteHelloCall';
-export { useModifyHelloCall } from './useModifyHelloCall';
 export { useGetCallbackHistory } from './useGetCallbackHistory';
 export { useCompleteCallback } from './useCompleteCallback';
 export { useHelloServiceHistory } from './useHelloServiceHistory';
diff --git a/src/pages/guard/service-history/api/hooks/useHelloServiceHistory.ts b/src/pages/guard/service-history/api/hooks/useHelloServiceHistory.ts
index d36961d2..53598c7a 100644
--- a/src/pages/guard/service-history/api/hooks/useHelloServiceHistory.ts
+++ b/src/pages/guard/service-history/api/hooks/useHelloServiceHistory.ts
@@ -1,38 +1,14 @@
 import { useState } from 'react';
 
-import {
-  HelloCallHistory,
-  ModifyHelloCallRequest,
-  useDeleteHelloCall,
-  useModifyHelloCall,
-} from '@/pages/guard';
-import {
-  ServiceDetailResponse,
-  useGetServiceDetail,
-} from '@/pages/sinitto/hello-call-service/api';
+import { HelloCallHistory, useDeleteHelloCall } from '@/pages/guard';
+import { useGetServiceDetail } from '@/pages/sinitto/hello-call-service/api';
 
-type UseHelloServiceHistoryProps = {
+type Props = {
   historyData: HelloCallHistory;
   refetch: () => void;
 };
 
-type UseHelloServiceHistoryReturn = {
-  isEditMode: boolean;
-  selectedDays: string[];
-  helloCallDetail?: ServiceDetailResponse;
-  isDaySelected: (day: string) => boolean;
-  deleteHelloCall: () => void;
-  toggleDay: (day: string) => void;
-  handleEditStart: () => void;
-  handleEditCancel: () => void;
-  editHelloCall: () => void;
-};
-
-export const useHelloServiceHistory = ({
-  historyData,
-  refetch,
-}: UseHelloServiceHistoryProps): UseHelloServiceHistoryReturn => {
-  const [isEditMode, setIsEditMode] = useState(false);
+export const useHelloServiceHistory = ({ historyData, refetch }: Props) => {
   const [selectedDays, setSelectedDays] = useState<string[]>(historyData.days);
   const { days } = historyData;
 
@@ -40,13 +16,8 @@ export const useHelloServiceHistory = ({
     historyData.helloCallId
   );
   const deleteHelloCallMutation = useDeleteHelloCall(refetch);
-  const editHelloCallMutation = useModifyHelloCall(
-    historyData.helloCallId,
-    refetch
-  );
 
-  const isDaySelected = (day: string): boolean =>
-    isEditMode ? selectedDays.includes(day) : days.includes(day);
+  const isDaySelected = (day: string): boolean => days.includes(day);
 
   const deleteHelloCall = () => {
     const isConfirmed = window.confirm(
@@ -58,63 +29,16 @@ export const useHelloServiceHistory = ({
   };
 
   const toggleDay = (day: string) => {
-    if (!isEditMode) return;
-
     setSelectedDays((prev) =>
       prev.includes(day) ? prev.filter((d) => d !== day) : [...prev, day]
     );
   };
 
-  const handleEditStart = () => {
-    setIsEditMode(true);
-    setSelectedDays(days);
-  };
-
-  const handleEditCancel = () => {
-    setIsEditMode(false);
-    setSelectedDays(days);
-  };
-
-  const editHelloCall = () => {
-    if (
-      !helloCallDetail ||
-      !helloCallDetail.timeSlots ||
-      helloCallDetail.timeSlots.length === 0
-    ) {
-      alert('기존 시간 정보를 불러올 수 없습니다.');
-      return;
-    }
-
-    const baseTimeSlot = helloCallDetail.timeSlots[0];
-    const requestData: ModifyHelloCallRequest = {
-      startDate: helloCallDetail.startDate,
-      endDate: helloCallDetail.endDate,
-      timeSlots: selectedDays.map((day) => ({
-        dayName: day,
-        startTime: String(baseTimeSlot.startTime),
-        endTime: String(baseTimeSlot.endTime),
-      })),
-      price: helloCallDetail.price,
-      serviceTime: helloCallDetail.serviceTime,
-      requirement: helloCallDetail.requirement,
-    };
-
-    editHelloCallMutation.mutate(requestData, {
-      onSuccess: () => {
-        setIsEditMode(false);
-      },
-    });
-  };
-
   return {
-    isEditMode,
     selectedDays,
     helloCallDetail,
     isDaySelected,
     deleteHelloCall,
     toggleDay,
-    handleEditStart,
-    handleEditCancel,
-    editHelloCall,
   };
 };
diff --git a/src/pages/guard/service-history/api/hooks/useModifyHelloCall.ts b/src/pages/guard/service-history/api/hooks/useModifyHelloCall.ts
deleted file mode 100644
index 22795cd3..00000000
--- a/src/pages/guard/service-history/api/hooks/useModifyHelloCall.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import {
-  modifyHelloCall,
-  ModifyHelloCallRequest,
-} from '../modify-hello-call.api';
-import { useMutation, UseMutationResult } from '@tanstack/react-query';
-
-export const useModifyHelloCall = (
-  callId: number,
-  refetch: () => void
-): UseMutationResult<string, Error, ModifyHelloCallRequest> => {
-  return useMutation({
-    mutationFn: (helloCall: ModifyHelloCallRequest) =>
-      modifyHelloCall(callId, helloCall),
-    onSuccess: () => {
-      alert('안부전화가 수정되었습니다.');
-      refetch();
-    },
-    onError: (error: Error) => {
-      console.error(error);
-    },
-  });
-};
diff --git a/src/pages/guard/service-history/api/index.ts b/src/pages/guard/service-history/api/index.ts
index 59a8c7a3..e0565508 100644
--- a/src/pages/guard/service-history/api/index.ts
+++ b/src/pages/guard/service-history/api/index.ts
@@ -1,6 +1,5 @@
 export * from './get-hello-history.api';
 export * from './delete-hello-call.api';
-export * from './modify-hello-call.api';
 export * from './get-callback-history.api';
 export * from './make-callback-completed.api';
 export * from './hooks';
diff --git a/src/pages/guard/service-history/api/modify-hello-call.api.ts b/src/pages/guard/service-history/api/modify-hello-call.api.ts
deleted file mode 100644
index fcd85511..00000000
--- a/src/pages/guard/service-history/api/modify-hello-call.api.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import { fetchInstance } from '@/shared/api/instance';
-
-export type ModifyHelloCallRequest = {
-  startDate: string;
-  endDate: string;
-  timeSlots: {
-    dayName: string;
-    startTime: string;
-    endTime: string;
-  }[];
-  price: number;
-  serviceTime: number;
-  requirement: string;
-};
-
-const modifyHelloCallPath = (callId: number) =>
-  `/api/hellocalls/guards/${callId}`;
-
-export const modifyHelloCall = async (
-  callId: number,
-  helloCall: ModifyHelloCallRequest
-) => {
-  const response = await fetchInstance.put(
-    modifyHelloCallPath(callId),
-    helloCall
-  );
-  return response.data;
-};
diff --git a/src/pages/guard/service-history/components/hello-service-history/HelloServiceHistory.tsx b/src/pages/guard/service-history/components/hello-service-history/HelloServiceHistory.tsx
index fb2dd22d..bc786b1c 100644
--- a/src/pages/guard/service-history/components/hello-service-history/HelloServiceHistory.tsx
+++ b/src/pages/guard/service-history/components/hello-service-history/HelloServiceHistory.tsx
@@ -24,16 +24,8 @@ const HelloServiceHistory = ({
 }: HelloServiceHistoryProps) => {
   const { seniorName, status } = historyData;
 
-  const {
-    isEditMode,
-    helloCallDetail,
-    isDaySelected,
-    deleteHelloCall,
-    toggleDay,
-    handleEditStart,
-    handleEditCancel,
-    editHelloCall,
-  } = useHelloServiceHistory({ historyData, refetch });
+  const { helloCallDetail, toggleDay, deleteHelloCall, isDaySelected } =
+    useHelloServiceHistory({ historyData, refetch });
 
   return (
     <HistoryContainer>
@@ -53,7 +45,6 @@ const HelloServiceHistory = ({
               key={day}
               isSelected={isDaySelected(day)}
               onClick={() => toggleDay(day)}
-              style={{ cursor: isEditMode ? 'pointer' : 'default' }}
             >
               {day}
             </Day>
@@ -62,17 +53,7 @@ const HelloServiceHistory = ({
       )}
       {status === 'WAITING' ? (
         <InfoEditContainer>
-          {isEditMode ? (
-            <>
-              <EditButton onClick={editHelloCall}>수정 완료</EditButton>
-              <DeleteButton onClick={handleEditCancel}>수정 취소</DeleteButton>
-            </>
-          ) : (
-            <>
-              <EditButton onClick={handleEditStart}>수정하기</EditButton>
-              <DeleteButton onClick={deleteHelloCall}>삭제하기</DeleteButton>
-            </>
-          )}
+          <DeleteButton onClick={deleteHelloCall}>삭제하기</DeleteButton>
         </InfoEditContainer>
       ) : status === 'PENDING_COMPLETE' ? (
         <Link to={RouterPath.SINITTO_REVIEW}>
@@ -113,15 +94,18 @@ const DayContainer = styled.div`
   height: auto;
 `;
 
-const Day = styled.button<DayProps>`
+const Day = styled.div<DayProps>`
   width: 45px;
   height: 45px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
   font-size: 16px;
   border-radius: 5px;
   color: var(--color-white);
   ${({ isSelected }) =>
     isSelected
-      ? `background-color: var(--color-primary);`
+      ? `background-color: var(--color-primary); font-weight: bold`
       : `background-color: var(--color-gray);`}
 `;
 
@@ -129,21 +113,11 @@ const InfoEditContainer = styled.div`
   width: 95%;
   height: auto;
   display: flex;
-  justify-content: space-between;
-`;
-
-const EditButton = styled.button`
-  width: 45%;
-  height: 2rem;
-  background-color: #81b6ff;
-  color: var(--color-white);
-  border-radius: 5px;
-  font-size: 1rem;
-  font-weight: bold;
+  justify-content: center;
 `;
 
 const DeleteButton = styled.button`
-  width: 45%;
+  width: 95%;
   height: 2rem;
   background-color: #ff4d68;
   color: var(--color-white);
diff --git a/src/pages/sinitto/mypage/SinittoMypage.tsx b/src/pages/sinitto/mypage/SinittoMypage.tsx
index cb323183..0a381fd6 100644
--- a/src/pages/sinitto/mypage/SinittoMypage.tsx
+++ b/src/pages/sinitto/mypage/SinittoMypage.tsx
@@ -1,7 +1,12 @@
 import { useState } from 'react';
 
 import { SinittoProfileBox, AccountInfoBox } from './components';
-import { BasicButton, PointBox, PointLogBox } from '@/shared/components';
+import {
+  BasicButton,
+  PointBox,
+  PointLogBox,
+  Withdrawal,
+} from '@/shared/components';
 import { Flex } from '@chakra-ui/react';
 import styled from '@emotion/styled';
 
@@ -14,17 +19,20 @@ const SinittoMypage = () => {
         isEditing={isEditingProfile}
         setIsEditing={setIsEditingProfile}
       />
-      <BasicButton
-        themeType='default'
-        width='338px'
-        height='40px'
-        onClick={() => setIsEditingProfile(true)}
-      >
-        내 정보 수정하기
-      </BasicButton>
+      {isEditingProfile ? null : (
+        <BasicButton
+          themeType='default'
+          width='338px'
+          height='40px'
+          onClick={() => setIsEditingProfile(true)}
+        >
+          내 정보 수정하기
+        </BasicButton>
+      )}
       <AccountInfoBox />
-      <PointBox />
+      <PointBox isSinitto={true} />
       <PointLogBox />
+      <Withdrawal />
     </MyPageLayout>
   );
 };
diff --git a/src/pages/sinitto/mypage/components/account-info-box/AccountInfoBox.tsx b/src/pages/sinitto/mypage/components/account-info-box/AccountInfoBox.tsx
index c16ec0b3..115be20d 100644
--- a/src/pages/sinitto/mypage/components/account-info-box/AccountInfoBox.tsx
+++ b/src/pages/sinitto/mypage/components/account-info-box/AccountInfoBox.tsx
@@ -12,6 +12,7 @@ import styled from '@emotion/styled';
 const AccountInfoBox = () => {
   const { data: sinittoBankInfo, refetch } = useGetSinittoBankInfo();
   const [isEditingAccount, setIsEditingAccount] = useState(false);
+  const [isRegistering, setIsRegistering] = useState(false);
   const modifyBankInfoMutation = useModifySinittoBankInformation();
   const [accountNumber, setAccountNumber] = useState(
     sinittoBankInfo?.accountNumber || ''
@@ -20,11 +21,11 @@ const AccountInfoBox = () => {
   const registerBankInfoMutation = useRegisterSinittoBankInformation();
 
   useEffect(() => {
-    if (isEditingAccount) {
+    if (isEditingAccount || isRegistering) {
       setAccountNumber(sinittoBankInfo?.accountNumber || '');
       setBankName(sinittoBankInfo?.bankName || '');
     }
-  }, [isEditingAccount, sinittoBankInfo]);
+  }, [isEditingAccount, isRegistering, sinittoBankInfo]);
 
   const handleSaveClick = () => {
     modifyBankInfoMutation.mutate(
@@ -39,11 +40,15 @@ const AccountInfoBox = () => {
   };
 
   const registerBank = () => {
+    if (!accountNumber || !bankName) {
+      alert('은행 정보와 계좌번호를 기입해주세요.');
+      return;
+    }
     registerBankInfoMutation.mutate(
       { accountNumber, bankName },
       {
         onSuccess: () => {
-          setIsEditingAccount(false);
+          setIsRegistering(false);
           refetch();
         },
       }
@@ -52,23 +57,29 @@ const AccountInfoBox = () => {
 
   return (
     <AccountBoxLayout mb={2}>
-      <Flex w='full' justifyContent='space-between' alignItems='center'>
+      <Flex
+        w='100%'
+        h='1.5rem'
+        justifyContent='space-between'
+        alignItems='center'
+      >
         <Text
           ml='1rem'
-          fontSize='md'
+          fontSize='16px'
           fontWeight={600}
           color='var(--color-gray)'
         >
           계좌번호
         </Text>
-        {isEditingAccount ? (
+        {isEditingAccount || isRegistering ? (
           <Input
             ml='1rem'
             value={accountNumber}
             onChange={(e) => setAccountNumber(e.target.value)}
-            placeholder='계좌번호 입력'
-            size='sm'
+            fontSize='16px'
+            fontWeight='bold'
             width='60%'
+            h='1.5rem'
             bg='var(--color-white)'
           />
         ) : (
@@ -77,61 +88,105 @@ const AccountInfoBox = () => {
           </Text>
         )}
       </Flex>
-      <Flex w='full' justifyContent='space-between' mt={2} alignItems='center'>
+      <Flex
+        w='100%'
+        h='1.5rem'
+        justifyContent='space-between'
+        mt={2}
+        alignItems='center'
+      >
         <Text
           ml='1rem'
-          fontSize='md'
+          fontSize='16px'
           fontWeight={600}
           color='var(--color-gray)'
         >
           은행 이름
         </Text>
-        {isEditingAccount ? (
+        {isEditingAccount || isRegistering ? (
           <Input
             ml='1rem'
             value={bankName}
             onChange={(e) => setBankName(e.target.value)}
-            placeholder='해당 은행 기입'
-            size='sm'
+            fontSize='16px'
+            fontWeight='bold'
             width='40%'
+            h='1.5rem'
             bg='var(--color-white)'
           />
         ) : (
-          <Text mr='1rem' fontSize='md' fontWeight={600}>
+          <Text mr='1rem' fontSize='16px' fontWeight={600}>
             {sinittoBankInfo?.bankName}
           </Text>
         )}
       </Flex>
-      <Flex w='full' justifyContent='space-between' mt={2} alignItems='center'>
+      <Flex
+        w='100%'
+        h='1.5rem'
+        justifyContent='space-between'
+        mt={2}
+        mb={1}
+        alignItems='center'
+      >
         <Text
           ml='1rem'
-          fontSize='md'
+          fontSize='16px'
           fontWeight={600}
           color='var(--color-gray)'
         >
           계좌 인증 여부
         </Text>
-        <Text mr='1rem' fontSize='md' fontWeight={600}>
+        <Text mr='1rem' fontSize='16px' fontWeight={600}>
           {sinittoBankInfo?.accountNumber ? '인증 완료' : '인증 미완료'}
         </Text>
       </Flex>
       <Flex justifyContent='flex-end' mt={2}>
         {sinittoBankInfo?.accountNumber === null ? (
-          <BasicButton
-            themeType='default'
-            width='310px'
-            height='40px'
-            onClick={registerBank}
-          >
-            계좌번호 등록하기
-          </BasicButton>
+          isRegistering ? (
+            <Flex gap={2}>
+              <Button
+                w='100px'
+                h='40px'
+                fontSize='16px'
+                bg='var(--color-primary)'
+                color='var(--color-white)'
+                fontWeight='bold'
+                onClick={registerBank}
+              >
+                등록 완료
+              </Button>
+              <Button
+                w='100px'
+                h='40px'
+                fontSize='16px'
+                bg='var(--color-gray)'
+                color='var(--color-white)'
+                fontWeight='bold'
+                onClick={() => setIsRegistering(false)}
+              >
+                등록 취소
+              </Button>
+            </Flex>
+          ) : (
+            <BasicButton
+              themeType='default'
+              width='310px'
+              height='40px'
+              onClick={() => setIsRegistering(true)}
+            >
+              계좌번호 등록하기
+            </BasicButton>
+          )
         ) : isEditingAccount ? (
           <Flex gap={2}>
             <Button
               w='100px'
               h='40px'
-              fontSize='md'
-              colorScheme='teal'
+              fontSize='16px'
+              bg='var(--color-primary)'
+              color='var(--color-white)'
+              fontWeight='bold'
+              mr={2}
               onClick={handleSaveClick}
             >
               수정 완료
@@ -139,11 +194,13 @@ const AccountInfoBox = () => {
             <Button
               w='100px'
               h='40px'
-              fontSize='md'
-              colorScheme='red'
+              fontSize='16px'
+              bg='var(--color-gray)'
+              color='var(--color-white)'
+              fontWeight='bold'
               onClick={() => setIsEditingAccount(false)}
             >
-              취소
+              수정 취소
             </Button>
           </Flex>
         ) : (
diff --git a/src/pages/sinitto/mypage/components/profile-box/SinittoProfileBox.tsx b/src/pages/sinitto/mypage/components/profile-box/SinittoProfileBox.tsx
index ea83363c..b9ad5afb 100644
--- a/src/pages/sinitto/mypage/components/profile-box/SinittoProfileBox.tsx
+++ b/src/pages/sinitto/mypage/components/profile-box/SinittoProfileBox.tsx
@@ -1,8 +1,8 @@
 import { useEffect, useState } from 'react';
 
 import { useModifySinittoInformation } from '@/pages';
-import { Logout, useSinittoInfo } from '@/shared';
-import { Box, Text, Button, Input } from '@chakra-ui/react';
+import { formatPhoneNumber, Logout, useSinittoInfo } from '@/shared';
+import { Box, Text, Button, Input, Flex } from '@chakra-ui/react';
 import styled from '@emotion/styled';
 
 type Props = {
@@ -40,18 +40,20 @@ const SinittoProfileBox = ({ isEditing, setIsEditing }: Props) => {
 
   return (
     <SinittoProfileBoxLayout mb={2}>
+      <Flex justifyContent='space-between' alignItems='center'>
+        <Text ml='1rem' fontSize='18px' fontWeight={700}>
+          {seniorInfo?.name} 님 환영합니다.
+        </Text>
+        <Logout />
+      </Flex>
       <Box
         display='flex'
         w='100%'
+        height='2rem'
         justifyContent='space-between'
         alignItems='center'
+        mt={2}
       >
-        <Text ml='1rem' fontSize='18px' fontWeight={700}>
-          {seniorInfo?.name} 님 환영합니다.
-        </Text>
-        <Logout />
-      </Box>
-      <Box display='flex' w='100%' justifyContent='space-between' mt={2}>
         <Text
           ml='1rem'
           fontSize='16px'
@@ -62,21 +64,28 @@ const SinittoProfileBox = ({ isEditing, setIsEditing }: Props) => {
         </Text>
         {isEditing ? (
           <Input
-            ml='1rem'
+            fontSize='16px'
+            fontWeight='bold'
             value={name}
             onChange={(e) => setName(e.target.value)}
-            placeholder='이름 입력'
-            size='sm'
-            width='40%'
+            width='5rem'
+            height='100%'
             bg='var(--color-white)'
           />
         ) : (
-          <Text mr='1rem' fontSize='16px' fontWeight={600}>
+          <Text textAlign='right' w='3rem' fontSize='16px' fontWeight={600}>
             {seniorInfo?.name}
           </Text>
         )}
       </Box>
-      <Box display='flex' w='100%' justifyContent='space-between' mt={2}>
+      <Box
+        display='flex'
+        w='100%'
+        height='2rem'
+        justifyContent='space-between'
+        alignItems='center'
+        mt={2}
+      >
         <Text
           ml='1rem'
           fontSize='16px'
@@ -87,28 +96,30 @@ const SinittoProfileBox = ({ isEditing, setIsEditing }: Props) => {
         </Text>
         {isEditing ? (
           <Input
-            ml='1rem'
+            fontSize='16px'
+            fontWeight='bold'
             value={phoneNumber}
             onChange={(e) => setPhoneNumber(e.target.value)}
-            placeholder='전화번호 입력'
-            size='sm'
-            width='60%'
+            width='9rem'
+            height='100%'
             bg='var(--color-white)'
           />
         ) : (
-          <Text mr='1rem' fontSize='16px' fontWeight={600}>
-            {seniorInfo?.phoneNumber}
+          <Text w='9rem' textAlign='right' fontSize='16px' fontWeight={600}>
+            {formatPhoneNumber(String(seniorInfo?.phoneNumber))}
           </Text>
         )}
       </Box>
-      <Box display='flex' justifyContent='flex-end' mt={2}>
+      <Box display='flex' w='100%' mt={1.5} justifyContent='center' gap={1}>
         {isEditing ? (
           <>
             <Button
               w='100px'
               h='40px'
               fontSize='16px'
-              colorScheme='teal'
+              bg='var(--color-primary)'
+              color='var(--color-white)'
+              fontWeight='bold'
               onClick={handleSaveClick}
               mr={2}
             >
@@ -118,10 +129,12 @@ const SinittoProfileBox = ({ isEditing, setIsEditing }: Props) => {
               w='100px'
               h='40px'
               fontSize='16px'
-              colorScheme='red'
+              bg='var(--color-gray)'
+              color='var(--color-white)'
+              fontWeight='bold'
               onClick={() => setIsEditing(false)}
             >
-              취소
+              수정 취소
             </Button>
           </>
         ) : null}
@@ -135,7 +148,7 @@ export default SinittoProfileBox;
 const SinittoProfileBoxLayout = styled(Box)`
   display: flex;
   flex-direction: column;
-  background-color: #f2f2f2;
+  background-color: var(--color-white-gray);
   width: 100%;
   max-width: 338px;
   height: auto;
diff --git a/src/shared/api/hooks/useWithdrawal.ts b/src/shared/api/hooks/useWithdrawal.ts
new file mode 100644
index 00000000..f51c1d00
--- /dev/null
+++ b/src/shared/api/hooks/useWithdrawal.ts
@@ -0,0 +1,20 @@
+import { useNavigate } from 'react-router-dom';
+
+import { RouterPath } from '@/app/routes';
+import { userWithdrawal } from '@/shared';
+import { authStorage } from '@/shared/utils';
+import { useMutation } from '@tanstack/react-query';
+
+export const useWithdrawal = () => {
+  const navigate = useNavigate();
+
+  return useMutation({
+    mutationFn: userWithdrawal,
+    onSuccess: () => {
+      authStorage.accessToken.set(undefined);
+      authStorage.refreshToken.set(undefined);
+      alert('회원 탈퇴되었습니다.');
+      navigate(RouterPath.ROOT);
+    },
+  });
+};
diff --git a/src/shared/api/index.ts b/src/shared/api/index.ts
index 075b7a60..3f878374 100644
--- a/src/shared/api/index.ts
+++ b/src/shared/api/index.ts
@@ -1,5 +1,6 @@
 export { getCallback } from './get-call-back.api';
 export { userLogout } from './logout.api';
+export { userWithdrawal } from './withdrawal.api';
 export * from './instance';
 export * from './hooks';
 export * from './point';
diff --git a/src/shared/api/logout.api.ts b/src/shared/api/logout.api.ts
index 51cb9c53..ea2a35f8 100644
--- a/src/shared/api/logout.api.ts
+++ b/src/shared/api/logout.api.ts
@@ -1,8 +1,8 @@
 import { fetchInstance } from '@/shared/api/instance';
 
-const getLogoutPath = '/api/members/logout';
+const LOGOUT_PATH = '/api/members/logout';
 
 export const userLogout = async () => {
-  const response = await fetchInstance.delete(getLogoutPath);
+  const response = await fetchInstance.delete(LOGOUT_PATH);
   return response.data;
 };
diff --git a/src/shared/api/withdrawal.api.ts b/src/shared/api/withdrawal.api.ts
new file mode 100644
index 00000000..c2cff648
--- /dev/null
+++ b/src/shared/api/withdrawal.api.ts
@@ -0,0 +1,8 @@
+import { fetchInstance } from '@/shared/api/instance';
+
+const WITHDRAWAL_PATH = 'api/members/withdrawal';
+
+export const userWithdrawal = async () => {
+  const response = await fetchInstance.delete(WITHDRAWAL_PATH);
+  return response.data;
+};
diff --git a/src/shared/components/features/mypage/index.ts b/src/shared/components/features/mypage/index.ts
index bcb65af8..5c50ddaf 100644
--- a/src/shared/components/features/mypage/index.ts
+++ b/src/shared/components/features/mypage/index.ts
@@ -1,3 +1,4 @@
 export * from './point-box';
 export * from './point-log-box';
 export * from './logout-button';
+export * from './withdrawal-button';
diff --git a/src/shared/components/features/mypage/point-box/PointBox.tsx b/src/shared/components/features/mypage/point-box/PointBox.tsx
index 2ea4b1ab..7c9e667e 100644
--- a/src/shared/components/features/mypage/point-box/PointBox.tsx
+++ b/src/shared/components/features/mypage/point-box/PointBox.tsx
@@ -8,8 +8,12 @@ import {
 import { Box, Spinner, Button, Input } from '@chakra-ui/react';
 import styled from '@emotion/styled';
 
-const PointBox = () => {
-  const { data: pointData, isLoading, refetch } = useGetPointInfo();
+type Props = {
+  isSinitto: boolean;
+};
+
+const PointBox = ({ isSinitto }: Props) => {
+  const { data: pointData, isLoading } = useGetPointInfo();
   const chargePointMutation = useChargePoint();
   const withdrawPointMutation = useWithdrawPoint();
   const [actionType, setActionType] = useState('');
@@ -26,11 +30,13 @@ const PointBox = () => {
 
   const handleWithdrawButtonClick = () => {
     const parsedAmount = Number(amount);
-    if (parsedAmount > 0) {
+    if (parsedAmount > 0 && parsedAmount <= Number(pointData?.price)) {
       withdrawPointMutation.mutate(parsedAmount);
       setAmount('');
       setActionType('');
-      refetch();
+    } else {
+      alert('보유 포인트보다 더 많은 금액을 출금할 수 없습니다.');
+      setAmount('');
     }
   };
 
@@ -72,6 +78,8 @@ const PointBox = () => {
             m={1}
             w='100%'
             h='40px'
+            bg='var(--color-white)'
+            fontSize='16px'
             placeholder={
               actionType === 'charge' ? '충전할 포인트' : '출금할 포인트'
             }
@@ -85,37 +93,60 @@ const PointBox = () => {
               w='100px'
               h='40px'
               fontSize='16px'
+              bg='var(--color-primary)'
+              color='var(--color-white)'
+              fontWeight='bold'
+              mr={2}
               onClick={
                 actionType === 'charge'
                   ? handleChargeButtonClick
                   : handleWithdrawButtonClick
               }
-              colorScheme='teal'
             >
-              {actionType === 'charge' ? '충전' : '출금'}
+              {actionType === 'charge' ? '충전 신청' : '출금 신청'}
             </Button>
             <Button
               w='100px'
               h='40px'
               fontSize='16px'
+              bg='var(--color-gray)'
+              color='var(--color-white)'
+              fontWeight='bold'
               onClick={() => {
                 setActionType('');
               }}
-              colorScheme='red'
             >
-              취소
+              {actionType === 'charge' ? '충전 취소' : '출금 취소'}
             </Button>
           </ButtonContainer>
         </Box>
       ) : (
-        <ButtonContainer mt={2}>
-          <ButtonBox onClick={() => setActionType('charge')}>
-            충전하기
-          </ButtonBox>
-          <ButtonBox onClick={() => setActionType('withdraw')}>
-            출금하기
-          </ButtonBox>
-        </ButtonContainer>
+        <>
+          <Box
+            mt={1}
+            bg='var(--color-primary)'
+            color='var(--color-white)'
+            w='90%'
+            borderRadius='5px'
+            fontSize='16px'
+            fontWeight='bold'
+            display='flex'
+            justifyContent='center'
+          >
+            {isSinitto ? null : '보낼 계좌 : 3333-17-1913-736'}
+          </Box>
+          <ButtonContainer mt={2}>
+            {isSinitto ? (
+              <ActingButton onClick={() => setActionType('withdraw')}>
+                출금하기
+              </ActingButton>
+            ) : (
+              <ActingButton onClick={() => setActionType('charge')}>
+                충전하기
+              </ActingButton>
+            )}
+          </ButtonContainer>
+        </>
       )}
     </PointBoxLayout>
   );
@@ -131,8 +162,7 @@ const PointBoxLayout = styled(Box)`
   flex-direction: column;
   justify-content: center;
   align-items: center;
-  background-color: #f6e4e4;
-  border: 1px solid #f6e4e4;
+  background-color: var(--color-secondary);
   border-radius: 10px;
   margin-top: 0.5rem;
 `;
@@ -141,26 +171,23 @@ const ButtonContainer = styled(Box)`
   display: flex;
   flex-direction: row;
   align-items: center;
-  justify-content: space-around;
+  justify-content: center;
   width: 100%;
   max-width: 338px;
-  height: 30%;
-  max-height: 40px;
+  max-height: 70px;
   margin-bottom: 10px;
 `;
 
-const ButtonBox = styled(Box)`
+const ActingButton = styled.button`
   display: flex;
   justify-content: center;
   align-items: center;
-  width: 100%;
-  max-width: 145px;
-  height: 100%;
-  max-height: 30px;
+  width: 90%;
+  height: 30px;
   font-size: 16px;
   font-weight: 600;
-  background-color: #fff;
-  border: 1px solid #fff;
+  background-color: var(--color-white);
+  border: 1px solid var(--color-white);
   border-radius: 5px;
   cursor: pointer;
 `;
diff --git a/src/shared/components/features/mypage/point-log-box/PointLogBox.tsx b/src/shared/components/features/mypage/point-log-box/PointLogBox.tsx
index 50a0da96..e135fe2a 100644
--- a/src/shared/components/features/mypage/point-log-box/PointLogBox.tsx
+++ b/src/shared/components/features/mypage/point-log-box/PointLogBox.tsx
@@ -1,4 +1,4 @@
-import { useState } from 'react';
+import { useState, useCallback } from 'react';
 
 import PointLogImg from '../../../../assets/point-log-icon.png';
 import { getPointStatusLabel, useGetPointLogs } from '@/shared/hooks';
@@ -8,9 +8,17 @@ import styled from '@emotion/styled';
 const PointLogBox = () => {
   const [currentPage, setCurrentPage] = useState(0);
   const pageSize = 5;
-  const { data, isLoading } = useGetPointLogs(currentPage, pageSize);
+  const { data, isLoading, refetch } = useGetPointLogs(currentPage, pageSize);
   const totalPages = data?.totalPages || 1;
 
+  const handlePageChange = useCallback(
+    (page: number) => {
+      setCurrentPage(page);
+      refetch();
+    },
+    [refetch]
+  );
+
   if (isLoading) {
     return (
       <UseDetailBoxLayout>
@@ -35,15 +43,15 @@ const PointLogBox = () => {
             />
             <DetailTextBox>
               <TextLayout>
-                <DetailText>
+                <ContentText>
                   {new Date(item.postTime).toLocaleDateString()}
-                </DetailText>
+                </ContentText>
                 <DetailText display='flex' justifyContent='flex-end' mr={2}>
                   {getPointStatusLabel(item.status)}
                 </DetailText>
               </TextLayout>
               <TextLayout>
-                <DetailText>{item.content}</DetailText>
+                <ContentText>{item.content}</ContentText>
                 <DetailText display='flex' justifyContent='flex-end' mr={2}>
                   <PriceText
                     color={
@@ -72,7 +80,7 @@ const PointLogBox = () => {
       </DetailBox>
       <Pagination>
         <PaginationButton
-          onClick={() => setCurrentPage((prev) => Math.max(prev - 1, 0))}
+          onClick={() => handlePageChange(Math.max(currentPage - 1, 0))}
           disabled={currentPage === 0}
         >
           이전
@@ -81,7 +89,7 @@ const PointLogBox = () => {
           페이지 {currentPage + 1} / {data?.totalPages ? data.totalPages : 1}
         </span>
         <PaginationButton
-          onClick={() => setCurrentPage((prev) => prev + 1)}
+          onClick={() => handlePageChange(currentPage + 1)}
           disabled={currentPage >= totalPages - 1}
         >
           다음
@@ -92,7 +100,6 @@ const PointLogBox = () => {
 };
 
 export default PointLogBox;
-
 const UseDetailBoxLayout = styled(Box)`
   display: flex;
   flex-direction: column;
@@ -170,6 +177,14 @@ const PaginationButton = styled.button`
 `;
 
 const DetailText = styled(Box)`
+  width: 45%;
+  display: flex;
+  align-items: center;
+  font-size: 16px;
+  font-weight: 600;
+`;
+
+const ContentText = styled(Box)`
   width: 100%;
   display: flex;
   align-items: center;
diff --git a/src/shared/components/features/mypage/withdrawal-button/Withdrawal.tsx b/src/shared/components/features/mypage/withdrawal-button/Withdrawal.tsx
new file mode 100644
index 00000000..f9b524bb
--- /dev/null
+++ b/src/shared/components/features/mypage/withdrawal-button/Withdrawal.tsx
@@ -0,0 +1,31 @@
+import { useWithdrawal } from '@/shared/api/hooks/useWithdrawal';
+import styled from '@emotion/styled';
+
+const Withdrawal = () => {
+  const { mutate: withdrawal } = useWithdrawal();
+
+  const Dowithdrawal = () => {
+    const isConfirmed = window.confirm('정말 회원 탈퇴하시겠습니까?');
+    if (isConfirmed) {
+      withdrawal();
+    }
+  };
+
+  return (
+    <WithdrawalButton onClick={Dowithdrawal}>회원 탈퇴하기</WithdrawalButton>
+  );
+};
+
+export default Withdrawal;
+
+const WithdrawalButton = styled.button`
+  cursor: pointer;
+  width: 100%;
+  max-width: 338px;
+  color: white;
+  font-size: 18px;
+  font-weight: bold;
+  height: 40px;
+  background-color: #ff4d68;
+  border-radius: 10px;
+`;
diff --git a/src/shared/components/features/mypage/withdrawal-button/index.ts b/src/shared/components/features/mypage/withdrawal-button/index.ts
new file mode 100644
index 00000000..408c2579
--- /dev/null
+++ b/src/shared/components/features/mypage/withdrawal-button/index.ts
@@ -0,0 +1 @@
+export { default as Withdrawal } from './Withdrawal';
diff --git a/src/shared/hooks/point/useChargePoint.ts b/src/shared/hooks/point/useChargePoint.ts
index 69c1b93a..a99198a5 100644
--- a/src/shared/hooks/point/useChargePoint.ts
+++ b/src/shared/hooks/point/useChargePoint.ts
@@ -1,4 +1,9 @@
-import { chargePoint, ChargePointResponse } from '@/shared/api/point/point.api';
+import { queryClient } from '@/shared/api';
+import {
+  chargePoint,
+  ChargePointResponse,
+  getPointInfoQueryKey,
+} from '@/shared/api/point/point.api';
 import { useMutation, UseMutationResult } from '@tanstack/react-query';
 
 // 포인트 충전
@@ -11,6 +16,10 @@ export const useChargePoint = (): UseMutationResult<
     mutationFn: (price) => chargePoint(price),
     onSuccess: () => {
       alert('포인트 충전 요청 완료했습니다.');
+      queryClient.invalidateQueries({ queryKey: getPointInfoQueryKey });
+      queryClient.invalidateQueries({
+        queryKey: ['pointLogs'],
+      });
     },
     onError: (error: Error) => {
       console.error(error);
diff --git a/src/shared/hooks/point/useWithdrawPoint.ts b/src/shared/hooks/point/useWithdrawPoint.ts
index 8f2ab548..e5604abe 100644
--- a/src/shared/hooks/point/useWithdrawPoint.ts
+++ b/src/shared/hooks/point/useWithdrawPoint.ts
@@ -1,4 +1,6 @@
+import { queryClient } from '@/shared/api';
 import { withdrawPoint } from '@/shared/api/point';
+import { getPointInfoQueryKey } from '@/shared/api/point/point.api';
 import { useMutation, UseMutationResult } from '@tanstack/react-query';
 
 // 포인트 출금
@@ -11,6 +13,10 @@ export const useWithdrawPoint = (): UseMutationResult<
     mutationFn: (price) => withdrawPoint(price),
     onSuccess: (price: number) => {
       alert(`${price} 포인트 출금 신청 완료되었습니다.`);
+      queryClient.invalidateQueries({ queryKey: getPointInfoQueryKey });
+      queryClient.invalidateQueries({
+        queryKey: ['pointLogs'],
+      });
     },
     onError: (error: Error) => {
       console.error(error);