From 16a88f09423289d0e1137c89f2e4312950ecb2a4 Mon Sep 17 00:00:00 2001
From: eunhak <akfmzh1207@naver.com>
Date: Tue, 28 May 2024 14:56:51 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20mypage=20Nav=EB=B0=94=20=EB=93=B1?=
 =?UTF-8?q?=EB=A1=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/footer/Footer.tsx | 2 +-
 src/pages/mypage/guide/index.tsx | 2 +-
 src/pages/mypage/index.tsx       | 7 +++++--
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/components/footer/Footer.tsx b/src/components/footer/Footer.tsx
index 3494e70..d58498f 100644
--- a/src/components/footer/Footer.tsx
+++ b/src/components/footer/Footer.tsx
@@ -8,7 +8,7 @@ const Footer = () => {
 
   return (
     <footer>
-      <nav className=" fixed bottom-0 w-[393px] h-[77.02px] px-[25px] bg-white border-t border-stone-50 justify-between items-center inline-flex z-[999]">
+      <nav className=" fixed  bottom-0 w-[393px] h-[77.02px] px-[25px] bg-white border-t border-stone-50 justify-between items-center inline-flex z-[999]">
         <Link href="/">
           <div className="h-[44.84px] flex-col justify-start items-center gap-2.5 inline-flex">
             <div className="w-[22.06px] h-[21.82px] flex-col justify-center items-center">
diff --git a/src/pages/mypage/guide/index.tsx b/src/pages/mypage/guide/index.tsx
index f7eeeff..e61570d 100644
--- a/src/pages/mypage/guide/index.tsx
+++ b/src/pages/mypage/guide/index.tsx
@@ -4,7 +4,7 @@ import React from 'react';
 const GuidePage = () => {
   return (
     <div className="w-full max-w-md mx-auto bg-white flex flex-col gap-8">
-      <div className="mt-[40px] ml-[10px] mb-[2px]">
+      <div className=" mt-[40px] ml-[20px] mb-[2px]">
         <BackArrow width="40px" height="24px" name="이용 가이드" />
       </div>
 
diff --git a/src/pages/mypage/index.tsx b/src/pages/mypage/index.tsx
index 4e39e8e..2db086c 100644
--- a/src/pages/mypage/index.tsx
+++ b/src/pages/mypage/index.tsx
@@ -5,6 +5,8 @@ import LogoutModal from '@/components/modal/logoutModal';
 import { useState } from 'react';
 import useLoggedOut from '@/hook/useLoggedOut';
 import SuccessModal from '@/components/modal/successModal';
+import Footer from '@/components/footer/Footer';
+
 const MyPage = () => {
   const member = useMember();
   const job = getTitleFromDescription(jobPosition, member.memberJob);
@@ -25,8 +27,9 @@ const MyPage = () => {
   };
 
   return (
-    <div className="w-full   flex items-center justify-center">
-      <div className="w-full max-w-md flex flex-col items-center justify-center mt-[102px]">
+    <div className=" max-w-[393px]  mx-auto relative">
+      <Footer />
+      <div className="w-full max-w-md flex flex-col items-center justify-center mt-[102px] relative">
         <div className="flex flex-col justify-center items-center">
           <div>
             <img src="/mypage/ProfileImage.svg" />