diff --git a/src/App.js b/src/App.js
index c468df71..cfa866d3 100644
--- a/src/App.js
+++ b/src/App.js
@@ -3,10 +3,6 @@ import { useState, createContext, useEffect } from 'react';
 import './App.css';
 import { jwtDecode } from 'jwt-decode';
 import { toast, Toaster } from 'sonner';
-import { useLocation } from 'react-router-dom';
-
-import { MainHeader } from './components/headerRefactor/MainHeader';
-import { SubHeader } from './components/headerRefactor/SubHeader';
 
 // 메인 컴포넌트
 import StartLoading from './pages/main/landing/StartLoading.js';
diff --git a/src/components/headerRefactor/SubHeader.js b/src/components/headerRefactor/SubHeader.js
index 5ec8ed60..b3e3139d 100644
--- a/src/components/headerRefactor/SubHeader.js
+++ b/src/components/headerRefactor/SubHeader.js
@@ -1,25 +1,35 @@
 import styled from 'styled-components';
-import { useNavigate } from 'react-router-dom';
+import { useNavigate, useLocation } from 'react-router-dom';
 import COLORS from 'theme';
 
 import backArrow from '../../assets/image/backArrow.png';
 import user from '../../assets/image/user.png';
 import searchWhite from 'assets/image/searchWhite.png';
 
-export const SubHeader = ({ text }) => {
+export const SubHeader = ({ text, customBackLink }) => {
   const token = localStorage.getItem('accessToken');
   const navigate = useNavigate();
+  const location = useLocation();
 
   const handleUserClick = () => {
     if (token) {
-      navigate('/mypage'); // 유저 아이콘 클릭 시 /my-page로 이동
+      navigate('/mypage'); // 유저 아이콘 클릭 시 /mypage로 이동
     } else {
-      navigate('/login'); // 로그인 텍스트 클릭 시 /login-page로 이동
+      navigate('/login'); // 로그인 텍스트 클릭 시 /login으로 이동
     }
   };
 
   const handleGoBack = () => {
-    navigate(-1); // 뒤로 가기
+    // 커스텀 링크가 제공된 경우 해당 링크로 이동
+    if (customBackLink) {
+      navigate(customBackLink);
+    } else if (location.state?.from) {
+      // location.state에 이전 페이지 정보가 있는 경우 해당 경로로 이동
+      navigate(-1);
+    } else {
+      // 기본적으로 홈으로 이동하거나 다른 기본 경로 설정 가능
+      navigate('/');
+    }
   };
 
   return (
@@ -29,8 +39,7 @@ export const SubHeader = ({ text }) => {
         <Text>{text}</Text>
       </Container2>
       <RightContainer>
-        <Search src={searchWhite} />
-        {/* <Login src={user} onClick={handleUserClick} alt="User Icon" /> */}
+        <Login src={user} onClick={handleUserClick} alt="User Icon" />
       </RightContainer>
     </Container>
   );
diff --git a/src/pages/buddy/accept/BuddyAccept.js b/src/pages/buddy/accept/BuddyAccept.js
index fc8fbff8..f5882a1e 100644
--- a/src/pages/buddy/accept/BuddyAccept.js
+++ b/src/pages/buddy/accept/BuddyAccept.js
@@ -62,7 +62,6 @@ const BuddyAccept = () => {
       isAccept: accept,
     };
 
-
     fetch(process.env.REACT_APP_BACK_SERVER + '/buddy/matching/status', {
       method: 'POST',
       body: JSON.stringify(acceptInfo),
@@ -74,7 +73,7 @@ const BuddyAccept = () => {
     })
       .then(response => response.json())
       .then(data => {
-        console.log(data)
+        console.log(data);
         if (accept) {
           toast.success(
             '매칭이 수락되었습니다! \n상대방이 매칭을 수락할 때까지 기다려주세요.'
@@ -109,7 +108,7 @@ const BuddyAccept = () => {
 
   return (
     <div className={style.container}>
-      <SubHeader text="세종버디" />
+      <SubHeader text="세종버디" customBackLink="/main" />
       <p className={style.title}>버디를 찾았습니다!</p>
       <img className={style.find_buddy} src={findBuddy} alt="findBuddy" />
 
diff --git a/src/pages/buddy/info/BuddyStart1.js b/src/pages/buddy/info/BuddyStart1.js
index 5b0b3577..73b76f65 100644
--- a/src/pages/buddy/info/BuddyStart1.js
+++ b/src/pages/buddy/info/BuddyStart1.js
@@ -42,7 +42,7 @@ const BuddyStart1 = () => {
 
   return (
     <>
-      <SubHeader text="세종버디" />
+      <SubHeader text="세종버디" customBackLink="/main" />
       <div className={style.container}>
         {/* <SubHeader /> */}
         <div className={style.top}>
diff --git a/src/pages/buddy/info/BuddyStart2.js b/src/pages/buddy/info/BuddyStart2.js
index 54dafcef..2ec75e9e 100644
--- a/src/pages/buddy/info/BuddyStart2.js
+++ b/src/pages/buddy/info/BuddyStart2.js
@@ -16,7 +16,7 @@ const BuddyStart2 = () => {
 
   return (
     <div className={style.container}>
-      <SubHeader text="세종버디" />
+      <SubHeader text="세종버디" customBackLink="/buddy/start1" />
       <div className={style.top}>
         {/* <div className={style.imgBack}> */}
         <img className={style.buddyImg2} src={BuddyStart} alt="BuddyStart" />
diff --git a/src/pages/buddy/matching/js/Buddy_Matching.js b/src/pages/buddy/matching/js/Buddy_Matching.js
index 723fe7de..5628802a 100644
--- a/src/pages/buddy/matching/js/Buddy_Matching.js
+++ b/src/pages/buddy/matching/js/Buddy_Matching.js
@@ -96,7 +96,7 @@ const Buddy_Matching = () => {
 
   return (
     <div className={style.wrapper} style={mediaWidth}>
-      <SubHeader text="세종버디" />
+      <SubHeader text="세종버디" customBackLink="/buddy/start2" />
       <div className={style.formWrapper} style={Slide}>
         <ChoiceGender sendChoiceGenderData={GenderChoiceData} />
         <Major sendMajorData={MajorData} sendSubMajorData={subMajorData} />
diff --git a/src/pages/buddy/success/BuddySuccess.js b/src/pages/buddy/success/BuddySuccess.js
index 00e65b80..187c5a52 100644
--- a/src/pages/buddy/success/BuddySuccess.js
+++ b/src/pages/buddy/success/BuddySuccess.js
@@ -8,6 +8,7 @@ import buddySucces from '../../../assets/image/buddySuccess.png';
 import prev from '../../../assets/image/back_gray.png';
 import next from '../../../assets/image/next_gray.png';
 import style from './BuddySuccess.module.css';
+import { SubHeader } from 'components/headerRefactor/SubHeader';
 
 const BuddySuccess = () => {
   const [major, setMajor] = useState('');
@@ -105,6 +106,7 @@ const BuddySuccess = () => {
 
   return (
     <div className={style.container}>
+      <SubHeader text="세종버디" customBackLink="/main" />
       <p className={style.title}>버디를 찾았습니다!</p>
       <img className={style.buddy_succes} src={buddySucces} alt="buddySucces" />
 
diff --git a/src/pages/buddy/success/BuddySuccess.module.css b/src/pages/buddy/success/BuddySuccess.module.css
index a692f279..0d0d8cbd 100644
--- a/src/pages/buddy/success/BuddySuccess.module.css
+++ b/src/pages/buddy/success/BuddySuccess.module.css
@@ -1,11 +1,10 @@
 .container {
-  margin-top: 8vh;
   display: flex;
   flex-direction: column;
   height: 90%;
   background-color: #fafafa;
   align-items: center;
-  justify-content: space-evenly;
+  gap: 10px;
   /* overflow: hidden; */
 }
 .title {
@@ -21,13 +20,13 @@
   max-height: 320px;
 }
 
-.info_container{
+.info_container {
   width: 90%;
   height: 23vh;
   position: relative;
   overflow: hidden;
 }
-.prev{
+.prev {
   position: fixed;
   width: 5%;
   height: 7%;
@@ -37,7 +36,7 @@
   z-index: 2;
   cursor: pointer;
 }
-.next{
+.next {
   position: fixed;
   width: 5%;
   height: 7%;
@@ -47,8 +46,8 @@
   z-index: 2;
   cursor: pointer;
 }
-@media (min-width: 450px){
-  .prev{
+@media (min-width: 450px) {
+  .prev {
     position: fixed;
     width: 3%;
     height: 7%;
@@ -57,7 +56,7 @@
     z-index: 2;
     cursor: pointer;
   }
-  .next{
+  .next {
     position: fixed;
     width: 3%;
     height: 7%;
@@ -66,28 +65,27 @@
     z-index: 2;
     cursor: pointer;
   }
-  .info_container{
+  .info_container {
     width: 62%;
     height: 23vh;
     position: relative;
     overflow: hidden;
   }
-  .go_home{
+  .go_home {
     width: 40vw;
     height: 8.5vh;
     max-height: 56px;
     max-width: 380px;
-    background-color: #FF4B4B;
+    background-color: #ff4b4b;
     border-radius: 28px;
-    color: #FFFFFF;
+    color: #ffffff;
     font-size: 1.3rem;
     font-weight: 700;
     margin-top: 4%;
     cursor: pointer;
+  }
 }
-
-}
-.inner_container{
+.inner_container {
   width: 300%;
   height: 100%;
   display: flex;
@@ -135,31 +133,30 @@
   padding: 0 5%;
 }
 .kakao_title {
-    font-weight: 700;
-    color: #111111;
+  font-weight: 700;
+  color: #111111;
 }
 .kakao_id {
-    color: #777777;
+  color: #777777;
 }
 
-
-.tip{
+.tip {
   color: #111111;
   margin: 1% 0;
   font-weight: 700;
 }
-.go_home{
-    width: 90%;
-    height: 8.5vh;
-    max-height: 56px;
-    max-width: 380px;
-    background-color: #FF4B4B;
-    border-radius: 28px;
-    color: #FFFFFF;
-    font-size: 1.3rem;
-    font-weight: 700;
-    margin: 1% 0;
-    cursor: pointer;
+.go_home {
+  width: 90%;
+  height: 8.5vh;
+  max-height: 56px;
+  max-width: 380px;
+  background-color: #ff4b4b;
+  border-radius: 28px;
+  color: #ffffff;
+  font-size: 1.3rem;
+  font-weight: 700;
+  margin: 1% 0;
+  cursor: pointer;
 }
 .cancelBtn {
   font-size: 1.1rem;
diff --git a/src/pages/buddy/waiting/BuddyWaiting.js b/src/pages/buddy/waiting/BuddyWaiting.js
index 53bb7ecf..9aaa1013 100644
--- a/src/pages/buddy/waiting/BuddyWaiting.js
+++ b/src/pages/buddy/waiting/BuddyWaiting.js
@@ -111,7 +111,7 @@ const BuddyWaiting = () => {
 
   return (
     <div className={style.container}>
-      <SubHeader text="세종버디" />
+      <SubHeader text="세종버디" customBackLink="/buddy/matching" />
       <div className={style.TextBox}>
         <p className={style.title}>세종버디</p>
         <p className={style.text1}>
diff --git a/src/pages/honbob/info/HonbobStart1.js b/src/pages/honbob/info/HonbobStart1.js
index c1bf9624..ecf56926 100644
--- a/src/pages/honbob/info/HonbobStart1.js
+++ b/src/pages/honbob/info/HonbobStart1.js
@@ -47,7 +47,7 @@ const HonbobStart1 = () => {
 
   return (
     <div className={style.Container}>
-      <SubHeader text="혼밥탈출" />
+      <SubHeader text="혼밥탈출" customBackLink="/main" />
       <div className={style.InnerContainer}>
         <div className={style.top}>
           <button onClick={infoHandler} className={style.informBtn}>
diff --git a/src/pages/honbob/matching/js/Honbob_Matching.js b/src/pages/honbob/matching/js/Honbob_Matching.js
index d57a6bb7..84ac7417 100644
--- a/src/pages/honbob/matching/js/Honbob_Matching.js
+++ b/src/pages/honbob/matching/js/Honbob_Matching.js
@@ -147,7 +147,7 @@ const Honbob_Matching = () => {
 
   return (
     <div className={style.wrapper} style={mediaWidth}>
-      <SubHeader text="혼밥탈출" />
+      <SubHeader text="혼밥탈출" customBackLink="/honbob/start1" />
       <div className={style.formWrapper} style={Slide}>
         <H_Gender
           sendChoiceGenderData={GenderChoiceData}
diff --git a/src/pages/honbob/success/HonbobSuccess.js b/src/pages/honbob/success/HonbobSuccess.js
index 6be80367..33c22d78 100644
--- a/src/pages/honbob/success/HonbobSuccess.js
+++ b/src/pages/honbob/success/HonbobSuccess.js
@@ -1,6 +1,6 @@
 import { useEffect, useRef, useState } from 'react';
 import { useNavigate } from 'react-router-dom';
-
+import { SubHeader } from 'components/headerRefactor/SubHeader';
 import style from './HonbobSuccess.module.css';
 
 const HonbobSuccess = () => {
@@ -53,6 +53,7 @@ const HonbobSuccess = () => {
 
   return (
     <div className={style.container}>
+      <SubHeader text="혼밥탈출" customBackLink="/main" />
       <div className={style.Text}>밥짝꿍 매칭 성공!</div>
       <div className={style.imgBox} />
       <div className={style.informBox}>
diff --git a/src/pages/honbob/success/HonbobSuccess.module.css b/src/pages/honbob/success/HonbobSuccess.module.css
index d9583907..992c039f 100644
--- a/src/pages/honbob/success/HonbobSuccess.module.css
+++ b/src/pages/honbob/success/HonbobSuccess.module.css
@@ -1,6 +1,5 @@
 @media (min-width: 768px) {
   .container {
-    margin-top: 8vh;
     display: flex;
     flex-direction: column;
     height: 85%;
@@ -93,7 +92,6 @@
 /* 모바일 */
 @media (max-width: 768px) {
   .container {
-    margin-top: 10vh;
     display: flex;
     flex-direction: column;
     height: 85%;
diff --git a/src/pages/honbob/waiting/HonbobWaiting.js b/src/pages/honbob/waiting/HonbobWaiting.js
index 478bf766..cb23afbf 100644
--- a/src/pages/honbob/waiting/HonbobWaiting.js
+++ b/src/pages/honbob/waiting/HonbobWaiting.js
@@ -96,7 +96,7 @@ const HonbobWaiting = () => {
 
   return (
     <div className={style.container}>
-      <SubHeader text="혼밥탈출" />
+      <SubHeader text="혼밥탈출" customBackLink="/main" />
       <div className={style.TextBox}>
         <img src={honbobWaitingLogo} className={style.honbobWaitingImg} />
         <p className={style.Text1}>밥짝꿍 찾는 중{dots}</p>
diff --git a/src/pages/login/find/findId/FindId.js b/src/pages/login/find/findId/FindId.js
index 4d413bf0..eba1f987 100644
--- a/src/pages/login/find/findId/FindId.js
+++ b/src/pages/login/find/findId/FindId.js
@@ -94,7 +94,7 @@ const FindId = () => {
 
   return (
     <div className={style.entire_Container}>
-      <SubHeader text="아이디/비밀번호 찾기" />
+      <SubHeader text="아이디/비밀번호 찾기" customBackLink="/login" />
       <div className={style.container}>
         <div className={style.explain_box2}>
           <p className={style.explain_title}>아이디/비밀번호 찾기</p>
diff --git a/src/pages/login/find/resetPwd/ResetPwd.js b/src/pages/login/find/resetPwd/ResetPwd.js
index efa1de02..8d45eec1 100644
--- a/src/pages/login/find/resetPwd/ResetPwd.js
+++ b/src/pages/login/find/resetPwd/ResetPwd.js
@@ -6,6 +6,7 @@ import SignInBox from '../../signIn/SignInBox.js';
 import style from '../../signIn/SignIn.module.css';
 import css from './ResetPwd.module.css';
 import { toast } from 'sonner';
+import { SubHeader } from 'components/headerRefactor/SubHeader.js';
 
 const ResetPwd = () => {
   const [inputPwd, setInputPwd] = useState('');
@@ -49,6 +50,7 @@ const ResetPwd = () => {
 
   return (
     <div className={style.entire_Container}>
+      <SubHeader text="마이페이지" customBackLink="/mypage" />
       <div className={style.container}>
         <div className={css.explain_box}>
           <p className={css.explain}>회원님의 ID는</p>
diff --git a/src/pages/login/signIn/SignIn.js b/src/pages/login/signIn/SignIn.js
index a5922bcd..79b7b9f6 100644
--- a/src/pages/login/signIn/SignIn.js
+++ b/src/pages/login/signIn/SignIn.js
@@ -80,7 +80,7 @@ const SignIn = () => {
 
   return (
     <div className={style.entire_Container}>
-      <SubHeader text="로그인" />
+      <SubHeader text="로그인" customBackLink="/login" />
       <div className={style.container}>
         <SignInBox inputID={inputID} name="아이디" />
         <SignInBox inputPwd={inputPwd} name="비밀번호" id="pwd" />
diff --git a/src/pages/login/signUp/Agree.js b/src/pages/login/signUp/Agree.js
index 8d59cfeb..ca63110e 100644
--- a/src/pages/login/signUp/Agree.js
+++ b/src/pages/login/signUp/Agree.js
@@ -80,7 +80,7 @@ const Agree = () => {
 
   return (
     <div className={box.entire_Container}>
-      <SubHeader text="회원가입" />
+      <SubHeader text="회원가입" customBackLink="/main" />
       <div className={box.container}>
         <div className={box.auto}>
           <div className={box.inputText}>
diff --git a/src/pages/login/signUp/SignUp.js b/src/pages/login/signUp/SignUp.js
index b01714e0..5839fc12 100644
--- a/src/pages/login/signUp/SignUp.js
+++ b/src/pages/login/signUp/SignUp.js
@@ -225,7 +225,7 @@ const SignUp = props => {
 
   return (
     <div className={style.entire_Container}>
-      <SubHeader text="회원가입" />
+      <SubHeader text="회원가입" customBackLink="/login/auth" />
       <div className={style.container}>
         <h2 className={style.h2}>기본정보</h2>
         <div className={`${style.form} ${fadeEffect}`}>
diff --git a/src/pages/login/signUp/auth/Auth.js b/src/pages/login/signUp/auth/Auth.js
index 6cd85396..d1f19560 100644
--- a/src/pages/login/signUp/auth/Auth.js
+++ b/src/pages/login/signUp/auth/Auth.js
@@ -61,7 +61,7 @@ const Auth = () => {
   };
   return (
     <div className={style.entire_Container}>
-      <SubHeader text="회원가입" />
+      <SubHeader text="회원가입" customBackLink="/login/agree" />
       <div className={style.container}>
         <div className={style.innerBox}>
           <div className={style.auto}>
diff --git a/src/pages/myPage/modify/Modify.js b/src/pages/myPage/modify/Modify.js
index 75dfd65d..2efca971 100644
--- a/src/pages/myPage/modify/Modify.js
+++ b/src/pages/myPage/modify/Modify.js
@@ -2,6 +2,7 @@ import { useState, useEffect } from 'react';
 
 import styles from './Modify.module.css';
 import { SubHeader } from '../../../components/headerRefactor/SubHeader';
+import { toast } from 'sonner';
 
 const Modify = () => {
   const [focusedDiv, setFocusedDiv] = useState(null);
@@ -124,7 +125,7 @@ const Modify = () => {
 
   return (
     <div className={styles.Container}>
-      <SubHeader text="마이페이지" />
+      <SubHeader text="마이페이지" customBackLink="/mypage" />
       <div className={styles.ContainerBox}>
         {myPageData && (
           <div className={styles.outerContainer}>
diff --git a/src/pages/myPage/myPost/myPost.js b/src/pages/myPage/myPost/myPost.js
index af9123eb..c4701d38 100644
--- a/src/pages/myPage/myPost/myPost.js
+++ b/src/pages/myPage/myPost/myPost.js
@@ -8,7 +8,7 @@ import { SubHeader } from '../../../components/headerRefactor/SubHeader';
 const MyPost = () => {
   return (
     <Container>
-      <SubHeader text="세종스터디" />
+      <SubHeader text="세종스터디" customBackLink="/mypage" />
       <InnerContainer>
         <NavBar />
         <Notice>
diff --git a/src/pages/myPage/mypage/AppliedStudy.js b/src/pages/myPage/mypage/AppliedStudy.js
index 5c16f714..85597fe7 100644
--- a/src/pages/myPage/mypage/AppliedStudy.js
+++ b/src/pages/myPage/mypage/AppliedStudy.js
@@ -99,7 +99,7 @@ const AppliedStudy = () => {
 
   return (
     <Container>
-      <SubHeader text="마이페이지" />
+      <SubHeader text="마이페이지" customBackLink="/mypage" />
       {appliedStudies.map((study, index) => (
         <PostWrapper
           key={study.studyId}
diff --git a/src/pages/myPage/mypage/MyPage.js b/src/pages/myPage/mypage/MyPage.js
index 3bddddd1..8497e827 100644
--- a/src/pages/myPage/mypage/MyPage.js
+++ b/src/pages/myPage/mypage/MyPage.js
@@ -234,7 +234,7 @@ const MyPage = () => {
 
   return (
     <div className={styles.Container}>
-      <SubHeader text="마이페이지" />
+      <SubHeader text="마이페이지" customBackLink="/main" />
       <div className={styles.container}>
         {myPageData && (
           <>
diff --git a/src/pages/myPage/mypage/MyPageScrapList.js b/src/pages/myPage/mypage/MyPageScrapList.js
index 8597f239..4f4fb462 100644
--- a/src/pages/myPage/mypage/MyPageScrapList.js
+++ b/src/pages/myPage/mypage/MyPageScrapList.js
@@ -35,7 +35,7 @@ const MyPageScrapList = () => {
 
   return (
     <Container>
-      <SubHeader text="마이페이지" />
+      <SubHeader text="마이페이지" customBackLink="/mypage" />
       <ListWrapper>
         {posts &&
           posts.map(post => (
diff --git a/src/pages/study/studyList/StudyList.js b/src/pages/study/studyList/StudyList.js
index 79ddf64b..a39bd681 100644
--- a/src/pages/study/studyList/StudyList.js
+++ b/src/pages/study/studyList/StudyList.js
@@ -29,10 +29,17 @@ const StudyList = () => {
   const modalRef = useRef();
   const { setTableInfos, setFilteredInfos, setShowData, subjectName } =
     useTimeTableStore();
-  const { category, member, recruiting, setRecruiting, setMember, setCategory } = useFilterStore();
+  const {
+    category,
+    member,
+    recruiting,
+    setRecruiting,
+    setMember,
+    setCategory,
+  } = useFilterStore();
   const studyType = localStorage.getItem('studyType');
   const [isLoading, setIsLoading] = useState(false);
-  const [loadingMessage, setLoadingMessage] = useState('로딩중...')
+  const [loadingMessage, setLoadingMessage] = useState('로딩중...');
 
   useEffect(() => {
     const loadPosts = async () => {
@@ -130,76 +137,77 @@ const StudyList = () => {
     resetCategory();
   }, []);
 
-  const handleDeleteFilter = async(filterType) => {
-      try {
-        if (filterType === 'category') await setCategory(0);
-        if (filterType === 'member') await setMember(0);
-        if (filterType === 'recruiting') await setRecruiting(null);
+  const handleDeleteFilter = async filterType => {
+    try {
+      if (filterType === 'category') await setCategory(0);
+      if (filterType === 'member') await setMember(0);
+      if (filterType === 'recruiting') await setRecruiting(null);
 
-        const { category, member, recruiting } = useFilterStore.getState();
-        const filterValues = { category, member, recruiting };
-  
-        const data = await searchHandler(filterValues);
-        setPosts(data[0].data);
+      const { category, member, recruiting } = useFilterStore.getState();
+      const filterValues = { category, member, recruiting };
 
-      } catch (error) {
-        console.error('Error during submit:', error);
-      }
+      const data = await searchHandler(filterValues);
+      setPosts(data[0].data);
+    } catch (error) {
+      console.error('Error during submit:', error);
+    }
   };
 
   return (
     <Container>
-      <SubHeader text="세종스터디" />
+      <SubHeader text="세종스터디" customBackLink="/mypage" />
       <FilterBox>
-        
-          {category === 0 ? (
-            <Filter
-              onClick={() => {
-                setIsClickedStudy(true);
-                setModalOpen(modalOpen === 'study' ? null : 'study');
+        {category === 0 ? (
+          <Filter
+            onClick={() => {
+              setIsClickedStudy(true);
+              setModalOpen(modalOpen === 'study' ? null : 'study');
+            }}
+          >
+            <p
+              style={{
+                fontSize: '14px',
               }}
             >
-              <p style={{
+              카테고리
+            </p>
+            <SelectImage src={select} alt="select" />
+          </Filter>
+        ) : (
+          <Filter onClick={() => handleDeleteFilter('category')}>
+            <p
+              style={{
+                color: `${COLORS.main}`,
+                whiteSpace: 'nowrap',
+                overflow: 'hidden',
+                textOverflow: 'ellipsis',
                 fontSize: '14px',
-              }}>카테고리</p>
-              <SelectImage src={select} alt="select" />
-            </Filter> 
-          ) : (
-            <Filter
-              onClick={() => handleDeleteFilter('category')}
+              }}
             >
-              <p
-                style={{
-                  color: `${COLORS.main}`,
-                  whiteSpace: 'nowrap',
-                  overflow: 'hidden',
-                  textOverflow: 'ellipsis',
-                  fontSize: '14px',
-                }}
-              >
-                {subjectName}
-              </p>
-              <SelectImage2 src={close} alt="close" />
-            </Filter>
-          )}
-
-        
-          {member === 0 ? (
-            <Filter
-              onClick={() => {
-                setIsClickedStudy(true);
-                setModalOpen(modalOpen === 'members' ? null : 'members');
+              {subjectName}
+            </p>
+            <SelectImage2 src={close} alt="close" />
+          </Filter>
+        )}
+
+        {member === 0 ? (
+          <Filter
+            onClick={() => {
+              setIsClickedStudy(true);
+              setModalOpen(modalOpen === 'members' ? null : 'members');
+            }}
+          >
+            <p
+              style={{
+                fontSize: '14px',
               }}
             >
-            <p style={{
-              fontSize: '14px',
-            }}>모집인원</p>
+              모집인원
+            </p>
             <SelectImage src={select} alt="select" />
           </Filter>
-          ) : (
-            <Filter
-              onClick={() => handleDeleteFilter('member')}
-            >
+        ) : (
+          <Filter onClick={() => handleDeleteFilter('member')}>
             <p
               style={{
                 color: `${COLORS.main}`,
@@ -212,24 +220,26 @@ const StudyList = () => {
               {member}명
             </p>
             <SelectImage2 src={close} alt="close" />
-            </Filter>
-          )}
-          
-
-
-          {recruiting === null ? (
-            <Filter
-              onClick={() => setModalOpen(modalOpen === 'status' ? null : 'status')}
-            >
-              <p style={{
+          </Filter>
+        )}
+
+        {recruiting === null ? (
+          <Filter
+            onClick={() =>
+              setModalOpen(modalOpen === 'status' ? null : 'status')
+            }
+          >
+            <p
+              style={{
                 fontSize: '14px',
-              }}>모집여부</p>
-              <SelectImage src={select} alt="select" />
-            </Filter>
-          ) : (
-            <Filter
-              onClick={() => handleDeleteFilter('recruiting')}
+              }}
             >
+              모집여부
+            </p>
+            <SelectImage src={select} alt="select" />
+          </Filter>
+        ) : (
+          <Filter onClick={() => handleDeleteFilter('recruiting')}>
             <p
               style={{
                 color: `${COLORS.main}`,
@@ -243,21 +253,18 @@ const StudyList = () => {
             </p>
             <SelectImage2 src={close} alt="close" />
           </Filter>
-          )}
-
+        )}
       </FilterBox>
       <ListWrapper>
-        {isLoading ?
-        <Loading 
-          text={loadingMessage}
-        />
-        :
-        (posts.map(post => (
-          <div key={post.id} onClick={() => goPostDetail(post.id)}>
-            <StudyListPost post={post} />
-          </div>
-        )))
-        }
+        {isLoading ? (
+          <Loading text={loadingMessage} />
+        ) : (
+          posts.map(post => (
+            <div key={post.id} onClick={() => goPostDetail(post.id)}>
+              <StudyListPost post={post} />
+            </div>
+          ))
+        )}
       </ListWrapper>
       <WriteButton onClick={goPost}>모집글 작성</WriteButton>
       {modalOpen && (
diff --git a/src/pages/study/studyPostDetail/StudyPostDetail.js b/src/pages/study/studyPostDetail/StudyPostDetail.js
index 66d91694..68add24d 100644
--- a/src/pages/study/studyPostDetail/StudyPostDetail.js
+++ b/src/pages/study/studyPostDetail/StudyPostDetail.js
@@ -58,7 +58,7 @@ const StudyListPostDetail = () => {
         setIsFinished(true);
       }
     }
-  }, [studyData])
+  }, [studyData]);
 
   const modifyHandler = () => {
     navigate(`/study/modify/${studyId}`);
@@ -183,7 +183,7 @@ const StudyListPostDetail = () => {
 
   return (
     <Container>
-      <SubHeader text="세종스터디" />
+      <SubHeader text="세종스터디" customBackLink="/study" />
       <Wrapper>
         <Title>
           {studyData.title}
@@ -299,10 +299,9 @@ const StudyListPostDetail = () => {
             <ScrapImage src={isScrapped ? filledHeart : heart} alt="heart" />
             <ScrapCount>{scrapCount}</ScrapCount>
           </ScrapButton>
-          {isFinished ? 
-          <FinishedButon>모집완료</FinishedButon>
-          :
-          (isWriter ? (
+          {isFinished ? (
+            <FinishedButon>모집완료</FinishedButon>
+          ) : isWriter ? (
             <ApplyButton onClick={() => navigate('/mypost')}>
               {`신청현황 보기 (${studyData.participantCount} / ${studyData.totalRecruitmentCount})`}
             </ApplyButton>
@@ -312,8 +311,7 @@ const StudyListPostDetail = () => {
                 ? '지원취소'
                 : `지원하기 (${studyData.participantCount} / ${studyData.totalRecruitmentCount})`}
             </ApplyButton>
-          ))
-          }
+          )}
         </CommentContainer>
 
         {isPopupVisible && (
@@ -554,7 +552,7 @@ const FinishedButon = styled.button`
   flex-shrink: 0;
   border-radius: 28px;
   background-color: ${COLORS.line2};
-  color: #FFF;
+  color: #fff;
   text-align: center;
   font-size: 18px;
   font-style: normal;
diff --git a/src/pages/study/studyPostWrite/StudyPostWrite.js b/src/pages/study/studyPostWrite/StudyPostWrite.js
index ca622804..f64d3345 100644
--- a/src/pages/study/studyPostWrite/StudyPostWrite.js
+++ b/src/pages/study/studyPostWrite/StudyPostWrite.js
@@ -196,12 +196,11 @@ const StudyPostWrite = props => {
         }
       );
 
-      
       const text = await response.text();
       const data = text ? JSON.parse(text) : {};
-      
+
       console.log(data);
-      
+
       if (response.status === 413) {
         console.log(`이미지 용량 혹은 형식을 확인하세요`);
         togglePopup(`이미지 용량 혹은 형식을 확인하세요`);
@@ -314,10 +313,12 @@ const StudyPostWrite = props => {
       const studyId = data.data.id;
 
       if (imgFiles.length > 0) {
-        try{
+        try {
           await imgUpload(studyId);
         } catch (error) {
-          togglePopup(`이미지 용량 혹은 형식이 맞지 않아 이미지를 제외하고 업로드 되었습니다.`);
+          togglePopup(
+            `이미지 용량 혹은 형식이 맞지 않아 이미지를 제외하고 업로드 되었습니다.`
+          );
         }
       }
 
@@ -430,7 +431,7 @@ const StudyPostWrite = props => {
 
   return (
     <div className={style.container}>
-      <SubHeader text="세종스터디" />
+      <SubHeader text="세종스터디" customBackLink="/study" />
       <div className={style.innerConatiner}>
         <PostHeader onOpenConfirmModal={openConfirmModal} />
         <div className={style.contentContainer}>