diff --git a/dummy b/dummy
deleted file mode 100644
index e69de29b..00000000
diff --git a/public/index.html b/public/index.html
index 3430a3da..7b725143 100644
--- a/public/index.html
+++ b/public/index.html
@@ -16,6 +16,7 @@
       property="og:description"
       content="뱅키와 함께하는 재미있는 어린이 금융경험"
     />
+    <meta property="og:image" content="%PUBLIC_URL%/og.png" />
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
     <!--
       manifest.json provides metadata used when your web app is installed on a
diff --git a/public/og.png b/public/og.png
new file mode 100644
index 00000000..2f715f65
Binary files /dev/null and b/public/og.png differ
diff --git a/src/App.tsx b/src/App.tsx
index e3008044..873fa350 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -9,7 +9,6 @@ import FinancialRouter from './pages/Financial';
 import NotFound from './pages/NotFound';
 import RequireAuth from '@components/auth/RequireAuth';
 import PersistLogin from '@components/auth/PersistLogin';
-import SungwooTestPage from './pages/SungwooTestPage';
 import WalkRouter from './pages/Walk';
 import { useEffect } from 'react';
 
@@ -40,7 +39,6 @@ function App() {
           <Route path="/walk/*" element={<WalkRouter />} />
           <Route path="/mypage/*" element={<MypageRouter />} />
           <Route path="/financial/*" element={<FinancialRouter />} />
-          <Route path="/sungwoo" element={<SungwooTestPage />} />
           <Route path="*" element={<NotFound />} />
         </Route>
         {/* </Route> */}
diff --git a/src/components/common/Receipt.tsx b/src/components/common/Receipt.tsx
index 801e4bce..8c9f5ce1 100644
--- a/src/components/common/Receipt.tsx
+++ b/src/components/common/Receipt.tsx
@@ -88,9 +88,9 @@ ReceiptProps) {
             <div className="title">총 소요기간</div>
             <div className="content">{weeks}주</div>
           </div>
-          <div className="계약종료주차">
+          <div className="계약종료일">
             <div className="text-wrapper">
-              <div className="title">계약종료 주차</div>
+              <div className="title">계약종료일</div>
               <div className="content">
                 {`${year}년 ${month}월 ${weekNo}주`}
               </div>
@@ -151,7 +151,7 @@ const Wrapper = styled.div`
 `;
 
 const Content = styled.div`
-  margin: -1px 0; // overlaps 1px
+  margin: -2px 0; // overlaps 2px
   background: ${({ theme }) => theme.palette.greyScale.grey100};
   width: 100%;
   height: 360px;
@@ -283,6 +283,7 @@ const Content = styled.div`
         height: 12px;
         ${({ theme }) => theme.typo.text.S_12_M};
         color: ${({ theme }) => theme.palette.greyScale.grey500};
+        margin-top: 0;
         margin-bottom: 8px;
         padding: 0;
       }
@@ -294,7 +295,7 @@ const Content = styled.div`
       }
     }
 
-    .계약종료주차 {
+    .계약종료일 {
       width: 66.6%;
       height: 70px;
       display: flex;
@@ -307,6 +308,7 @@ const Content = styled.div`
           height: 12px;
           ${({ theme }) => theme.typo.text.S_12_M};
           color: ${({ theme }) => theme.palette.greyScale.grey500};
+          margin-top: 0;
           margin-bottom: 8px;
         }
         .content {
diff --git a/src/components/common/modals/QuinaryModal.tsx b/src/components/common/modals/QuinaryModal.tsx
index 3c94e7c1..82228d38 100644
--- a/src/components/common/modals/QuinaryModal.tsx
+++ b/src/components/common/modals/QuinaryModal.tsx
@@ -151,9 +151,9 @@ function QuinaryModal({
               <div className="title">총 소요기간</div>
               <div className="content">{weeks}주</div>
             </div>
-            <div className="계약종료주차">
+            <div className="계약종료일">
               <div className="text-wrapper">
-                <div className="title">계약종료 주차</div>
+                <div className="title">계약종료일</div>
                 <div className="content">
                   {`${year}년 ${month}월 ${weekNo}주`}
                 </div>
@@ -252,7 +252,7 @@ const Content = styled.div`
 `;
 
 const Top = styled.div`
-  margin: -1px 0; // overlaps 1px
+  margin: -2px 0; // overlaps 2px
   background: ${({ theme }) => theme.palette.greyScale.white};
   height: 116px; // 10px decreased
   width: 100%;
@@ -273,7 +273,7 @@ const Top = styled.div`
 `;
 
 const Bottom = styled.div`
-  margin-bottom: -1px; // overlaps 1px
+  margin-bottom: -2px; // overlaps 2px
   background: ${({ theme }) => theme.palette.greyScale.white};
   width: 100%;
   height: 360px; // 10px decreased
@@ -420,7 +420,7 @@ const Bottom = styled.div`
       }
     }
 
-    .계약종료주차 {
+    .계약종료일 {
       width: 66.6%;
       height: 100%;
       display: flex;
diff --git a/src/components/common/modals/SenaryModal.tsx b/src/components/common/modals/SenaryModal.tsx
index a2a596f6..ba4f76c5 100644
--- a/src/components/common/modals/SenaryModal.tsx
+++ b/src/components/common/modals/SenaryModal.tsx
@@ -156,9 +156,9 @@ function SenaryModal({
               <div className="title">총 소요기간</div>
               <div className="content">{weeks}주</div>
             </div>
-            <div className="계약종료주차">
+            <div className="계약종료일">
               <div className="text-wrapper">
-                <div className="title">계약종료 주차</div>
+                <div className="title">계약종료일</div>
                 <div className="content">
                   {`${year}년 ${month}월 ${weekNo}주`}
                 </div>
@@ -282,7 +282,7 @@ const Content = styled.div`
 `;
 
 const Top = styled.div`
-  margin: -1px 0; // overlaps 1px
+  margin: -2px 0; // overlaps 2px
   background: ${({ theme }) => theme.palette.greyScale.white};
   height: 116px; // 10px decreased
   width: 100%;
@@ -303,7 +303,7 @@ const Top = styled.div`
 `;
 
 const Bottom = styled.div`
-  margin-bottom: -1px; // overlaps 1px
+  margin-bottom: -2px; // overlaps 2px
   background: ${({ theme }) => theme.palette.greyScale.white};
   width: 100%;
   height: 350px; // 10px decreased
@@ -450,7 +450,7 @@ const Bottom = styled.div`
       }
     }
 
-    .계약종료주차 {
+    .계약종료일 {
       width: 66.6%;
       height: 100%;
       display: flex;
diff --git a/src/components/common/modals/quaternaryModal/PerforatedLineBottom.tsx b/src/components/common/modals/quaternaryModal/PerforatedLineBottom.tsx
index a9ad0ee5..ed2d52e6 100644
--- a/src/components/common/modals/quaternaryModal/PerforatedLineBottom.tsx
+++ b/src/components/common/modals/quaternaryModal/PerforatedLineBottom.tsx
@@ -37,7 +37,7 @@ const Wrapper = styled.div`
   outline: none;
 
   .shape {
-    margin: 0 -1px;
+    margin: 0 -1.5px;
     flex: 1;
     border: none;
     outline: none;
diff --git a/src/components/common/modals/quaternaryModal/PerforatedLineTop.tsx b/src/components/common/modals/quaternaryModal/PerforatedLineTop.tsx
index 65e69cec..c597ebbf 100644
--- a/src/components/common/modals/quaternaryModal/PerforatedLineTop.tsx
+++ b/src/components/common/modals/quaternaryModal/PerforatedLineTop.tsx
@@ -37,7 +37,7 @@ const Wrapper = styled.div`
   outline: none;
 
   .shape {
-    margin: 0 -1px;
+    margin: 0 -1.5px;
     flex: 1;
     border: none;
     outline: none;
diff --git a/src/components/common/modals/quaternaryModal/QuaternaryModal.tsx b/src/components/common/modals/quaternaryModal/QuaternaryModal.tsx
index e115d8a1..95f8bb5c 100644
--- a/src/components/common/modals/quaternaryModal/QuaternaryModal.tsx
+++ b/src/components/common/modals/quaternaryModal/QuaternaryModal.tsx
@@ -169,9 +169,9 @@ function QuaternaryModal({
               <div className="title">총 소요기간</div>
               <div className="content">{weeks}주</div>
             </div>
-            <div className="계약종료주차">
+            <div className="계약종료일">
               <div className="text-wrapper">
-                <div className="title">계약종료 주차</div>
+                <div className="title">계약종료일</div>
                 <div className="content">
                   {`${year}년 ${month}월 ${weekNo}주`}
                 </div>
@@ -289,7 +289,7 @@ const Content = styled.div`
 `;
 
 const Top = styled.div`
-  margin: -1px 0; // overlaps 1px
+  margin: -2px 0; // overlaps 2px
   background: ${({ theme }) => theme.palette.greyScale.white};
   height: 100px;
   width: 100%;
@@ -314,7 +314,7 @@ const Top = styled.div`
 `;
 
 const Bottom = styled.div`
-  margin-bottom: -1px; // overlaps 1px
+  margin-bottom: -2px; // overlaps 2px
   background: ${({ theme }) => theme.palette.greyScale.white};
   width: 100%;
   height: 360px;
@@ -461,7 +461,7 @@ const Bottom = styled.div`
       }
     }
 
-    .계약종료주차 {
+    .계약종료일 {
       width: 66.6%;
       height: 70px;
       display: flex;
diff --git a/src/components/home/HomeTemplate.tsx b/src/components/home/HomeTemplate.tsx
index 59a57059..34cb0b8f 100644
--- a/src/components/home/HomeTemplate.tsx
+++ b/src/components/home/HomeTemplate.tsx
@@ -51,6 +51,18 @@ function HomeTemplate({ children, usage }: HomeTemplateProps) {
     // 부모 -> 주어진
     headerText = `자녀가 저축에 실패하지\n않도록 격려해주세요`;
   }
+
+  // 온보딩으로 뒤로가기 차단
+  const preventGoBack = () => {
+    history.pushState(null, '', location.href);
+  };
+  useEffect(() => {
+    history.pushState(null, '', location.href);
+    window.addEventListener('popstate', preventGoBack);
+    return () => {
+      window.removeEventListener('popstate', preventGoBack);
+    };
+  }, []);
   return (
     <Wrapper>
       <FixedBar colorByLevel={colorByLevel}>
@@ -185,30 +197,29 @@ const BackgroundBox = styled.div<{
   transition: ${({ theme }) => theme.transition.onFocus};
 `;
 
-const Background = styled.div<{ colorByLevel: string }>`
-  position: absolute;
-  top: 0;
-  left: 50%;
-  z-index: 1;
-  transform: translate3d(-50%, 0, 0);
+// const Background = styled.div<{ colorByLevel: string }>`
+//   position: absolute;
+//   top: 0;
+//   left: 50%;
+//   z-index: 1;
+//   transform: translate3d(-50%, 0, 0);
 
-  height: 288px;
-  width: 100%;
-  /* background-color: ${({ colorByLevel }) => colorByLevel}; */
-  background: red;
+//   height: 288px;
+//   width: 100%;
+//   background-color: ${({ colorByLevel }) => colorByLevel};
 
-  &:after {
-    width: ${calcRatio(530, 360)};
-    margin: 0 auto;
-    height: 230px;
-    background-color: ${({ theme }) => theme.palette.greyScale.white};
-    border-radius: 50%;
-    position: absolute;
-    top: 257px;
-    left: calc(-${calcRatio(530, 360)} / 2 + 50%);
-    content: '';
-  }
-`;
+//   &:after {
+//     width: ${calcRatio(530, 360)};
+//     margin: 0 auto;
+//     height: 230px;
+//     background-color: ${({ theme }) => theme.palette.greyScale.white};
+//     border-radius: 50%;
+//     position: absolute;
+//     top: 257px;
+//     left: calc(-${calcRatio(530, 360)} / 2 + 50%);
+//     content: '';
+//   }
+// `;
 
 const BackgroundEllipse = styled.div<{
   colorByLevel: string;
diff --git a/src/components/home/SkeletonDongilList.tsx b/src/components/home/SkeletonDongilList.tsx
index c6b4962c..44e5c2c7 100644
--- a/src/components/home/SkeletonDongilList.tsx
+++ b/src/components/home/SkeletonDongilList.tsx
@@ -1,12 +1,8 @@
 import styled, { css } from 'styled-components';
 
-export type TSkeletonDongilListUsage =
-  | 'walking'
-  | 'pending'
-  | 'proposed'
-  | 'thisWeekS';
+type TUsage = 'walking' | 'pending' | 'proposed' | 'thisWeekS';
 
-function SkeletonDongilList({ usage }: { usage: TSkeletonDongilListUsage }) {
+function SkeletonDongilList({ usage }: { usage: TUsage }) {
   return (
     <Wrapper usage={usage}>
       <Item usage={usage} />
@@ -18,7 +14,7 @@ function SkeletonDongilList({ usage }: { usage: TSkeletonDongilListUsage }) {
 
 export default SkeletonDongilList;
 
-const Wrapper = styled.div<{ usage: TSkeletonDongilListUsage }>`
+const Wrapper = styled.div<{ usage: TUsage }>`
   width: 100%;
   display: flex;
   flex-direction: column;
@@ -26,7 +22,7 @@ const Wrapper = styled.div<{ usage: TSkeletonDongilListUsage }>`
   align-items: center;
 `;
 
-const Item = styled.div<{ usage: TSkeletonDongilListUsage }>`
+const Item = styled.div<{ usage: TUsage }>`
   width: 100%;
   background: ${({ theme }) => theme.palette.greyScale.white};
   border-radius: ${({ theme }) => theme.radius.medium};
@@ -41,7 +37,7 @@ const Item = styled.div<{ usage: TSkeletonDongilListUsage }>`
     usage === 'pending' &&
     css`
       height: 68px;
-      margin-bottom: 12px;
+      margin-bottom: 8px;
     `}
       ${({ usage }) =>
     usage === 'proposed' &&
diff --git a/src/pages/Home/Detail.tsx b/src/pages/Home/Detail.tsx
index 2e119997..f7b7edb4 100644
--- a/src/pages/Home/Detail.tsx
+++ b/src/pages/Home/Detail.tsx
@@ -67,6 +67,7 @@ function Detail() {
     return found?.challengeList;
   }
 
+  console.log('targetDongil: ', targetDongil!);
   const {
     isMom,
     title,
@@ -77,6 +78,8 @@ function Detail() {
     weeks,
     progressList,
     successWeeks,
+    isAchieved,
+    status,
   } = targetDongil!;
 
   const percent = Math.ceil((successWeeks / weeks / 10) * 100) * 10;
@@ -184,7 +187,7 @@ function Detail() {
                 )}
               </div>
             </DongilContractContent>
-            {isKid === true && (
+            {isKid === true && !(isAchieved === 0 && status === 0) && (
               <GiveUpDongilButton onClick={onGiveUpCheckOpen}>
                 돈길 포기하기
               </GiveUpDongilButton>
diff --git a/src/pages/Mypage/Mypage.tsx b/src/pages/Mypage/Mypage.tsx
index ce902ca3..8c152a18 100644
--- a/src/pages/Mypage/Mypage.tsx
+++ b/src/pages/Mypage/Mypage.tsx
@@ -25,8 +25,8 @@ const DemoKidsRecordData = [
   {
     username: '주어진',
     acceptRate: 80,
-    acceptRequest: 4,
-    achieveRate: 25,
+    acceptRequest: 5,
+    achieveRate: 20,
   },
   {
     username: '한규진',
diff --git a/src/pages/SungwooTestPage.tsx b/src/pages/SungwooTestPage.tsx
deleted file mode 100644
index 54d9e512..00000000
--- a/src/pages/SungwooTestPage.tsx
+++ /dev/null
@@ -1,95 +0,0 @@
-import styled from 'styled-components';
-import useModals from '@lib/hooks/useModals';
-import MarginTemplate from '@components/layout/MarginTemplate';
-import { useAppSelector } from '@store/app/hooks';
-import useRefreshToken from '@lib/hooks/auth/useRefreshToken';
-import useAxiosPrivate from '@lib/hooks/auth/useAxiosPrivate';
-import { selectAuth } from '@store/slices/authSlice';
-import Modals, { modals } from '@components/common/modals/Modals';
-import Summary from '@components/home/Summary';
-import BackgroundTemplate from '@components/layout/BackgroundTemplate';
-import ProposedDongilList from '@components/home/proposed/ProposedDongilList';
-import { dummyDongils } from '@lib/mocks/dongils';
-import SkeletonDongilList, {
-  TSkeletonDongilListUsage,
-} from '@components/home/SkeletonDongilList';
-
-function SungwooTestPage() {
-  const { openModal } = useModals();
-  function handleClick() {
-    // modals.myModal: 열고자 하는 모달
-    // {...}: submit 시 처리되는 비즈니스 로직
-    openModal(modals.quaternaryModal, {
-      onSubmit: () => {
-        console.log('비즈니스 로직 처리...');
-      },
-      onExtraSubmit: () => {
-        console.log('handle accept button click');
-      },
-      isKid: false,
-    });
-  }
-
-  return (
-    <BackgroundTemplate>
-      <Temp>
-        {/* <button onClick={handleClick}>모달 열기</button>
-        <Modals /> */}
-        <MarginTemplate>
-          {/* <SkeletonDongilList usage={'walking' as TSkeletonDongilListUsage} />
-          <SkeletonDongilList usage={'pending' as TSkeletonDongilListUsage} />
-          <SkeletonDongilList usage={'proposed' as TSkeletonDongilListUsage} /> */}
-          <SkeletonDongilList usage={'thisWeekS' as TSkeletonDongilListUsage} />
-        </MarginTemplate>
-      </Temp>
-    </BackgroundTemplate>
-  );
-}
-
-export default SungwooTestPage;
-
-const Temp = styled.div`
-  height: 1000px;
-  /* display: flex;
-  flex-direction: column;
-  justify-content: flex-start;
-  align-items: flex-start;
-  button + button {
-    margin-top: 10px;
-  } */
-  background: grey;
-`;
-
-// https://joyful-development.tistory.com/35
-// https://velog.io/@sohee-k/React-TypeScript-%ED%99%98%EA%B2%BD%EC%97%90%EC%84%9C-Swiper-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0image-slider-library
-
-// // JWT test code
-// const refresh = useRefreshToken();
-// async function handleRefresh() {
-//   const newAccessToken = await refresh();
-//   console.log('newAccessToken in handleRefresh: ', newAccessToken);
-// }
-// const axiosPrivate = useAxiosPrivate();
-// async function handleRequestWithAT() {
-//   const response = await axiosPrivate.get('/user');
-//   console.log('response.data in handleRequest: ', response); // response.status 401 인지 확인
-//   console.log('response.data in handleRequest: ', response.status); // response.status 401 인지 확인
-// }
-// const auth = useAppSelector(selectAuth);
-// function handlePrint() {
-//   console.log('=======================');
-//   console.log(auth);
-//   console.log('=======================');
-// }
-// async function handleFetchWalkingDongils() {
-//   const response = await axiosPrivate.get('/challenge/?status=accept');
-//   console.log('response in fetch walking roads: ', response);
-//   console.log('response.data in fetch walking roads: ', response.data);
-// }
-
-// <button onClick={handleRefresh}>refresh test</button>
-//       <button onClick={handleRequestWithAT}>request with aT test</button>
-//       <button onClick={handlePrint}>print auth</button>
-//       <button onClick={handleFetchWalkingDongils}>
-//         Fetch Walking Money Roads
-//       </button>
diff --git a/src/pages/Walk/Walk.tsx b/src/pages/Walk/Walk.tsx
index a97261f7..d2007d43 100644
--- a/src/pages/Walk/Walk.tsx
+++ b/src/pages/Walk/Walk.tsx
@@ -22,6 +22,10 @@ function Walk() {
   const dispatch = useAppDispatch();
   const axiosPrivate = useAxiosPrivate();
 
+  const walkAbledDongils = walkingDongils?.filter(
+    (dongil) => dongil.status == 2 && dongil.isAchieved === 1,
+  );
+
   useEffect(() => {
     // @ts-expect-error
     dispatch(dispatchResetIsPatched({}));
@@ -35,9 +39,9 @@ function Walk() {
 
   return (
     <Wrapper>
-      {walkingDongils ? (
+      {walkAbledDongils ? (
         <>
-          <WalkDefault walkingDongils={walkingDongils} user={user} />
+          <WalkDefault walkingDongils={walkAbledDongils} user={user} />
         </>
       ) : (
         <WalkError />