diff --git a/src/App.jsx b/src/App.jsx
index 6b3966d..e982d04 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,26 +1,27 @@
-import { useMediaQuery } from 'react-responsive';
-import { BrowserRouter, Routes, Route } from 'react-router-dom';
-import Header from './component/layout/Header';
-import Footer from './component/layout/Footer';
-import MainPage from './pages/Main';
-import CentralClubPage from './pages/CentralClub';
-import SmallClubPage from './pages/SmallClub';
-import DetailPage from './pages/DetailPage';
-import ReviewWrite from './component/detail/review/ReviewWrite';
-import LoginPage from './pages/LoginPage';
-import KakaoRedirection from './component/login/kakaoRedirection';
-import HashTagPage from './pages/HashTag';
-import SearchPage from './pages/SearchPage';
-import SummaryPage from './pages/Summary';
-import BookMarkPage from './pages/BookMarkPage';
-import BranchCentralPage from './pages/BranchCentral';
-import BranchSmallPage from './pages/BranchSmall';
-import ReviewComment from './component/detail/review/ReviewComment';
-import MyReview from './component/mypage/review/MyReview';
-import AdminPage from './pages/AdminPage';
-import EditPage from './component/admin/EditPage';
-import PendingList from './component/admin/pending/PendingList';
-import Layout from './component/admin/component/Layout';
+import { useMediaQuery } from "react-responsive";
+import { BrowserRouter, Routes, Route } from "react-router-dom";
+import Header from "./component/layout/Header";
+import Footer from "./component/layout/Footer";
+import MainPage from "./pages/Main";
+import CentralClubPage from "./pages/CentralClub";
+import SmallClubPage from "./pages/SmallClub";
+import DetailPage from "./pages/DetailPage";
+import ReviewWrite from "./component/detail/review/ReviewWrite";
+import LoginPage from "./pages/LoginPage";
+import KakaoRedirection from "./component/login/kakaoRedirection";
+import HashTagPage from "./pages/HashTag";
+import SearchPage from "./pages/SearchPage";
+import SummaryPage from "./pages/Summary";
+import BookMarkPage from "./pages/BookMarkPage";
+import BranchCentralPage from "./pages/BranchCentral";
+import BranchSmallPage from "./pages/BranchSmall";
+import ReviewComment from "./component/detail/review/ReviewComment";
+import MyReview from "./component/mypage/review/MyReview";
+import AdminPage from "./pages/AdminPage";
+import EditPage from "./component/admin/EditPage";
+import PendingList from "./component/admin/pending/PendingList";
+import Layout from "./component/admin/component/Layout";
+import ClubReviews from "./component/admin/ClubReviews";
 
 function App() {
     const isPc = useMediaQuery({
@@ -53,43 +54,51 @@ function App() {
                         <Route path="/bookmark" element={<BookMarkPage />} />
                         <Route path="/user/reviews" element={<MyReview />} />
 
-                        <Route path="/admin" element={<Layout />}>
-                            <Route index element={<AdminPage />} />
-                            <Route path="/admin/edit/:clubId" element={<EditPage />} />
-                            <Route path="/admin/mypage/pending" element={<PendingList />} />
-                        </Route>
-                    </Routes>
-                    <Footer />
-                </BrowserRouter>
-            )}
+            <Route path="/admin" element={<Layout />}>
+              <Route index element={<AdminPage />} />
+              <Route path="/admin/edit/:clubId" element={<EditPage />} />
+              <Route path="/admin/mypage/reviews" element={<ClubReviews />} />
+              <Route path="/admin/mypage/pending" element={<PendingList />} />
+            </Route>
+          </Routes>
+          <Footer />
+        </BrowserRouter>
+      )}
 
-            {isMobile && (
-                <BrowserRouter>
-                    <Header />
-                    <Routes>
-                        <Route path="/" element={<MainPage />} />
-                        <Route path="/central" element={<CentralClubPage />} />
-                        <Route path="/small" element={<SmallClubPage />} />
-                        <Route path="/clubs/:clubId" element={<DetailPage />} />
-                        <Route path="/clubs/:clubId/review" element={<ReviewWrite />} />
-                        <Route path="/clubs/:clubId/review/comment" element={<ReviewComment />} />
-                        <Route path="/central/divisions" element={<BranchCentralPage />} />
-                        <Route path="/login" element={<LoginPage />} />
-                        <Route path="/v1/auths/oauth/kakao" element={<KakaoRedirection />} />
-                        <Route path="/small/colleges" element={<BranchSmallPage />} />
-                        <Route path="/hashtag" element={<HashTagPage />} />
-                        <Route path="/search" element={<SearchPage />} />
-                        <Route path="/summary" element={<SummaryPage />} />
-                        <Route path="/bookmark" element={<BookMarkPage />} />
-                        <Route path="/user/reviews" element={<MyReview />} />
-                        <Route path="/admin" element={<AdminPage />} />
-                        <Route path="/admin/edit/:clubId" element={<EditPage />} />
-                        <Route path="/admin/mypage/pending" element={<PendingList />} />
-                    </Routes>
-                    <Footer />
-                </BrowserRouter>
-            )}
-        </>
-    );
+      {isMobile && (
+        <BrowserRouter>
+          <Header />
+          <Routes>
+            <Route path="/" element={<MainPage />} />
+            <Route path="/central" element={<CentralClubPage />} />
+            <Route path="/small" element={<SmallClubPage />} />
+            <Route path="/clubs/:clubId" element={<DetailPage />} />
+            <Route path="/clubs/:clubId/review" element={<ReviewWrite />} />
+            <Route
+              path="/clubs/:clubId/review/comment"
+              element={<ReviewComment />}
+            />
+            <Route path="/central/divisions" element={<BranchCentralPage />} />
+            <Route path="/login" element={<LoginPage />} />
+            <Route
+              path="/v1/auths/oauth/kakao"
+              element={<KakaoRedirection />}
+            />
+            <Route path="/small/colleges" element={<BranchSmallPage />} />
+            <Route path="/hashtag" element={<HashTagPage />} />
+            <Route path="/search" element={<SearchPage />} />
+            <Route path="/summary" element={<SummaryPage />} />
+            <Route path="/bookmark" element={<BookMarkPage />} />
+            <Route path="/user/reviews" element={<MyReview />} />
+            <Route path="/admin" element={<AdminPage />} />
+            <Route path="/admin/edit/:clubId" element={<EditPage />} />
+            <Route path="/admin/mypage/reviews" element={<ClubReviews />} />
+            <Route path="/admin/mypage/pending" element={<PendingList />} />
+          </Routes>
+          <Footer />
+        </BrowserRouter>
+      )}
+    </>
+  );
 }
 export default App;
diff --git a/src/component/admin/ClubReviews.jsx b/src/component/admin/ClubReviews.jsx
new file mode 100644
index 0000000..48d0d1b
--- /dev/null
+++ b/src/component/admin/ClubReviews.jsx
@@ -0,0 +1,57 @@
+import '../mypage/review/myReview.css';
+import '../detail/review/reviewBox.css';
+import KeywordBar from '../detail/review/KeywordBar';
+import { useEffect, useState } from 'react';
+import { customAxios } from '../../config/axios-config';
+
+export default function ClubReviews() {
+    const [clubReviewData, setClubReviewData] = useState([]);
+    const accessToken = localStorage.getItem('accessToken');
+
+    useEffect(() => {
+        const getMyReviews = async () => {
+            try {
+                const res = await customAxios.get(`/v1/admins/reviews`, {
+                    headers: {
+                        Authorization: `Bearer ${accessToken}`,
+                    },
+                });
+                console.log(res);
+                if (res.data.success) {
+                    setClubReviewData(res.data.data.clubReviews);
+                    console.log(clubReviewData);
+                }
+            } catch (error) {
+                console.error('Error fetching my reviews : ', error);
+            }
+        };
+        getMyReviews();
+    }, [accessToken]);
+
+    return (
+        <div className="club_review_container">
+            <h2>동아리 리뷰 목록</h2>
+            {clubReviewData.map((cReview) => (
+                <div key={cReview.reviewId} className="my_review_box">
+                    <div className="review_box_header">
+                        <p className="club_name">익명 {cReview.reviewId}</p>
+                        <span>{cReview.dateTime}</span>
+                        {cReview.approvedStatus === 'APPROVED' ? (
+                            <div className="review_approved">승인완료</div>
+                        ) : cReview.approvedStatus === 'PENDING' ? (
+                            <div className="review_pending">승인대기</div>
+                        ) : cReview.approvedStatus === 'REJECTED' ? (
+                            <div className="review_rejected">승인거절</div>
+                        ) : null}
+                    </div>
+                    <div className="review_box_contents">
+                        {cReview.keywords.map((item, index) => (
+                            <KeywordBar key={index} text={item} />
+                        ))}
+                    </div>
+                    <p className="review_comment">{cReview.content}</p>
+                </div>
+            ))}
+        </div>
+    );
+}
\ No newline at end of file
diff --git a/src/component/admin/component/SideBar.jsx b/src/component/admin/component/SideBar.jsx
index 6bd0cdd..a52141b 100644
--- a/src/component/admin/component/SideBar.jsx
+++ b/src/component/admin/component/SideBar.jsx
@@ -30,8 +30,12 @@ export default function SideBar() {
                     </NavLink>
                     <div className={styles.sideLine}></div>
                     <menu className={styles.sideTitle}>리뷰</menu>
-                    <menu className={styles.sideText}>리뷰목록</menu>
-
+                    <NavLink
+                        to={`/admin/mypage/reviews`}
+                        className={({ isActive }) => (isActive ? styles.activeMenu : styles.sideText)}
+                    >
+                        리뷰목록
+                    </NavLink>
                     <NavLink
                         to={`/admin/mypage/pending`}
                         className={({ isActive }) => (isActive ? styles.activeMenu : styles.sideText)}
diff --git a/src/component/admin/component/sideBar.module.css b/src/component/admin/component/sideBar.module.css
index 6c5edfb..eaff58c 100644
--- a/src/component/admin/component/sideBar.module.css
+++ b/src/component/admin/component/sideBar.module.css
@@ -18,6 +18,9 @@
     background: #d9d9d933;
     border-radius: 2px;
     flex: 1;
+    display: flex;
+    flex-direction: column;
+    gap: 3px;
 }
 
 .adminText {
@@ -36,7 +39,7 @@
     line-height: 21.79px;
     padding-top: 10%;
     padding-left: 30px;
-    padding-bottom: 5%;
+    padding-bottom: 10px;
 }
 
 .sideTextWrite {
@@ -45,7 +48,6 @@
     font-weight: 400;
     line-height: 19.07px;
     text-align: left;
-    margin-top: 5%;
     padding-left: 30px;
     padding-bottom: 3%;
     color: #000;
@@ -58,9 +60,7 @@
     font-weight: 400;
     line-height: 19.07px;
     text-align: left;
-    margin-top: 5%;
     padding-left: 30px;
-    padding-bottom: 3%;
     color: #000;
     text-decoration: none;
 }
@@ -78,9 +78,9 @@
 }
 
 .activeMenu {
-    margin-top: 10px;
+    /* margin-top: 10px; */
     padding-left: 30px;
     color: #7bc8e0;
     text-decoration: none;
-    font-size: 14px;
+    font-size: 15px;
 }
diff --git a/src/component/admin/pending/PendingList.jsx b/src/component/admin/pending/PendingList.jsx
index ddea018..fbd4b7c 100644
--- a/src/component/admin/pending/PendingList.jsx
+++ b/src/component/admin/pending/PendingList.jsx
@@ -1,14 +1,27 @@
 import { useEffect, useState } from "react";
-import SideBar from "../component/SideBar";
 import "./pendingList.css";
 import axios from "axios";
+import { useNavigate } from "react-router-dom";
+import ConfirmModal from "../../modal/ConfirmModal";
 
 export default function PendingList() {
+  const navigate = useNavigate();
   const [pendingData, setPendingData] = useState([]);
   const accessToken = localStorage.getItem("accessToken");
   const [checkedList, setCheckedList] = useState([]);
   const [isAllChecked, setIsAllChecked] = useState(false);
 
+  // 승인 모달창
+  const [isModalOpen, setIsModalOpen] = useState(false);
+  const [modalMessage, setModalMessage] = useState("");
+  const [action, setAction] = useState("");
+
+  const closeModal = () => {
+    setIsModalOpen(false);
+    setModalMessage("");
+    navigate(`/admin/mypage/pending`);
+  };
+
   // 전체선택
   const handleAllCheck = (checked) => {
     if (checked) {
@@ -52,32 +65,25 @@ export default function PendingList() {
   }, [accessToken]);
 
   const onClickApprove = () => {
-    try {
-      const res = axios.patch(
-        `http://13.125.141.171:8080/v1/admins/reviews/decision`,
-        {
-          reviewIds: checkedList,
-          approvedStatus: "APPROVED",
-        },
-        {
-          headers: {
-            Authorization: `Bearer ${accessToken}`,
-          },
-        }
-      );
-      console.log(res);
-    } catch (error) {
-      console.error("Error approving the review data : ", error);
-    }
-  };
+    setIsModalOpen(true);
+    setModalMessage("승인하시겠습니까?");
+    setAction("APPROVED");
+  }
 
   const onClickReject = () => {
+    setIsModalOpen(true);
+    setModalMessage("거절하시겠습니까?");
+    setAction("REJECTED");
+  }
+
+  const onClickOk = () => {
+    console.log(action);
     try {
       const res = axios.patch(
         `http://13.125.141.171:8080/v1/admins/reviews/decision`,
         {
           reviewIds: checkedList,
-          approvedStatus: "REJECTED",
+          approvedStatus: action,
         },
         {
           headers: {
@@ -86,8 +92,17 @@ export default function PendingList() {
         }
       );
       console.log(res);
+      // 승인 또는 거절된 리뷰를 pendingData에서 제거
+      setPendingData((prev) => prev.filter((item) => !checkedList.includes(item.reviewId)));
+      // 체크 리스트 초기화
+      setCheckedList([]);
+      setIsAllChecked(false);
+      // 모달 닫기
+      setIsModalOpen(false);
+      // 페이지 리다이렉트
+      navigate(`/admin/mypage/pending`, { replace: true });
     } catch (error) {
-      console.error("Error rejecting the review data : ", error);
+      console.error("Error approving the review data : ", error);
     }
   };
 
@@ -133,6 +148,7 @@ export default function PendingList() {
           </button>
         </div>
       </div>
+      <ConfirmModal isOpen={isModalOpen} message={modalMessage} onClickOk={onClickOk} onClose={closeModal} />
     </div>
   );
 }
diff --git a/src/component/admin/pending/pendingList.css b/src/component/admin/pending/pendingList.css
index 3abe6b8..839fc82 100644
--- a/src/component/admin/pending/pendingList.css
+++ b/src/component/admin/pending/pendingList.css
@@ -96,7 +96,7 @@
 }
 
 .vertical_divider {
-    margin: 0px 5px;
+    margin: 3px 10px 0px 10px;
     color: #9c9c9c80;
     font-size: 24px;
     font-weight: 100;
diff --git a/src/component/detail/review/ReviewBox.jsx b/src/component/detail/review/ReviewBox.jsx
index 217d669..ee5c8f4 100644
--- a/src/component/detail/review/ReviewBox.jsx
+++ b/src/component/detail/review/ReviewBox.jsx
@@ -20,7 +20,9 @@ export default function ReviewBox({ clubId }) {
         };
 
         fetchKeywordData();
-    }, [clubId, reviewData]);
+        // useCallback 사용 . .
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
 
     return (
         <div className="review_box_wrapper">
diff --git a/src/component/detail/review/ReviewPage.jsx b/src/component/detail/review/ReviewPage.jsx
index 30d0c08..db494c2 100644
--- a/src/component/detail/review/ReviewPage.jsx
+++ b/src/component/detail/review/ReviewPage.jsx
@@ -1,15 +1,37 @@
 import { useNavigate } from 'react-router-dom';
+import { useState } from 'react';
 import ReviewBox from './ReviewBox';
 import ReviewStatics from './ReviewStatics';
+import ErrorModal from '../../modal/ErrorModal';
 import './reviewPage.css';
 
 export default function ReviewPage({ clubId, clubName }) {
     const navigate = useNavigate();
+    const isAdmin = localStorage.getItem('isAdmin');
+    const token = localStorage.getItem('accessToken');
 
+    const [isModalOpen, setIsModalOpen] = useState(false);
+    const [modalMessage, setModalMessage] = useState("");
+
+    
     const onClickReviewWrite = () => {
-        navigate(`/clubs/${clubId}/review`, { state: { clubId, clubName } });
+        if (!isAdmin && token) {
+            navigate(`/clubs/${clubId}/review`, { state: { clubId, clubName } });
+        } else if (isAdmin && token){
+            setModalMessage('관리자는 리뷰를 작성할 수 없습니다.');
+            setIsModalOpen(true);
+        } else {
+            setModalMessage('리뷰 작성은 로그인 이후 가능합니다.');
+            setIsModalOpen(true);
+        }
     };
 
+    const closeModal = () => {
+        setIsModalOpen(false);
+        setModalMessage("");
+        navigate(`/clubs/${clubId}`, { state: "Review" });
+      };
+
     return (
         <div className="review_body">
             <div className="statics_container">
@@ -24,6 +46,7 @@ export default function ReviewPage({ clubId, clubName }) {
             </div>
             <div className="divider"></div>
             <ReviewBox clubId={clubId} />
+            <ErrorModal isOpen={isModalOpen} message={modalMessage} onClose={closeModal} />
         </div>
     );
 }
diff --git a/src/component/detail/review/reviewBox.css b/src/component/detail/review/reviewBox.css
index 2a9f2ba..517cb20 100644
--- a/src/component/detail/review/reviewBox.css
+++ b/src/component/detail/review/reviewBox.css
@@ -38,7 +38,7 @@
         display: flex;
         flex-wrap: wrap;
         gap: 7px;
-        margin-top: 7px;
+        margin-top: 10px;
     }
 
     .keyword_container {
diff --git a/src/component/layout/Header.jsx b/src/component/layout/Header.jsx
index 35d6a22..1529f39 100644
--- a/src/component/layout/Header.jsx
+++ b/src/component/layout/Header.jsx
@@ -77,28 +77,30 @@ export default function Header() {
         }
     }, [accessToken, isAdmin]);
 
-    const getNewToken = async () => {
-        try {
-            const res = await customAxios.post(
-                `/v1/auths/refresh`,
-                {},
-                {
-                    token: refreshToken,
-                }
-            );
-            const newAccessToken = res.data.data.accessToken;
-            localStorage.setItem('accessToken', newAccessToken);
-            // 새 토큰으로 다시 요청
-            fetchUserData();
-        } catch (error) {
-            console.error('토큰 재발급 실패 : ', error);
-            setModalMessage(error.response.data.reason);
-            setIsModalOpen(true);
-            localStorage.removeItem('accessToken');
-            localStorage.removeItem('refreshToken');
-            navigate('/login');
+  const getNewToken = async (isLogout = false) => {
+    try {
+      const res = await customAxios.post(
+        `/v1/auths/refresh`,
+        {},
+        {
+          token: refreshToken,
         }
-    };
+      );
+      const newAccessToken = res.data.data.accessToken;
+      localStorage.setItem('accessToken', newAccessToken);
+      // 새 토큰으로 다시 요청
+      fetchUserData();
+    } catch (error) {
+      console.error('토큰 재발급 실패 : ', error);
+      if (!isLogout) {
+        setModalMessage(error.response.data.reason);
+        setIsModalOpen(true);
+      }
+      localStorage.removeItem('accessToken');
+      localStorage.removeItem('refreshToken');
+      navigate('/login');
+    }
+  };
 
     const handleUserContainerClick = () => {
         if (!accessToken) {
@@ -125,51 +127,51 @@ export default function Header() {
         return setMenuBarActive(menu);
     };
 
-    const handleLogout = async () => {
-        try {
-            console.log(isAdmin);
-            if (isAdmin) {
-                const res = await customAxios.post(
-                    '/v1/admins/logout',
-                    {},
-                    {
-                        headers: {
-                            Authorization: `Bearer ${accessToken}`,
-                        },
-                    }
-                );
-                console.log(res);
-                localStorage.removeItem('accessToken'); // 로컬 스토리지에서 액세스 토큰 삭제
-                localStorage.removeItem('refreshToken');
-                localStorage.removeItem('adminId');
-                localStorage.removeItem('isAdmin');
-            } else {
-                const res = await customAxios.post(
-                    '/v1/auths/logout',
-                    {},
-                    {
-                        headers: {
-                            Authorization: `Bearer ${accessToken}`,
-                        },
-                    }
-                );
-                console.log(res);
-                localStorage.removeItem('accessToken'); // 로컬 스토리지에서 액세스 토큰 삭제
-                localStorage.removeItem('refreshToken');
-                localStorage.removeItem('adminId');
-                localStorage.removeItem('isAdmin');
-            }
-            setShowLoginBox(false);
-            // 로그아웃 이후 메인페이지 ? 로그인 페이지 ?
-            navigate('/');
-        } catch (error) {
-            if (error.response && error.response.status === 401) {
-                getNewToken();
-            } else {
-                console.error('로그아웃 실패:', error);
-            }
-        }
-    };
+  const handleLogout = async () => {
+    try {
+      console.log(isAdmin);
+      if (isAdmin) {
+        const res = await customAxios.post(
+          '/v1/admins/logout',
+          {},
+          {
+            headers: {
+              Authorization: `Bearer ${accessToken}`,
+            },
+          }
+        );
+        console.log(res);
+        localStorage.removeItem('accessToken'); // 로컬 스토리지에서 액세스 토큰 삭제
+        localStorage.removeItem('refreshToken');
+        localStorage.removeItem('adminId');
+        localStorage.removeItem('isAdmin');
+      } else {
+        const res = await customAxios.post(
+          '/v1/auths/logout',
+          {},
+          {
+            headers: {
+              Authorization: `Bearer ${accessToken}`,
+            },
+          }
+        );
+        console.log(res);
+        localStorage.removeItem('accessToken'); // 로컬 스토리지에서 액세스 토큰 삭제
+        localStorage.removeItem('refreshToken');
+        localStorage.removeItem('adminId');
+        localStorage.removeItem('isAdmin');
+      }
+      setShowLoginBox(false);
+      // 로그아웃 이후 메인페이지 ? 로그인 페이지 ?
+      navigate('/');
+    } catch (error) {
+      if (error.response && error.response.status === 401) {
+        getNewToken();
+      } else {
+        console.error('로그아웃 실패:', error);
+      }
+    }
+  };
 
     //동아리 검색 기능 관련
     const handleInputChange = (event) => {
@@ -303,4 +305,4 @@ export default function Header() {
             <ErrorModal isOpen={isModalOpen} message={modalMessage} onClose={closeModal} />
         </>
     );
-}
+}
\ No newline at end of file
diff --git a/src/component/login/Login.jsx b/src/component/login/Login.jsx
index e48500a..4ad6109 100644
--- a/src/component/login/Login.jsx
+++ b/src/component/login/Login.jsx
@@ -1,5 +1,4 @@
 import React, { useState } from 'react';
-import axios from 'axios';
 import './login.css';
 import { useNavigate } from 'react-router-dom';
 import { customAxios } from '../../config/axios-config';
diff --git a/src/component/modal/ConfirmModal.jsx b/src/component/modal/ConfirmModal.jsx
new file mode 100644
index 0000000..59793a2
--- /dev/null
+++ b/src/component/modal/ConfirmModal.jsx
@@ -0,0 +1,35 @@
+import ReactModal from "react-modal";
+import "./modal.css";
+
+export default function ConfirmModal({ isOpen, message, onClickOk, onClose }) {
+    const customStyles = {
+        overlay: {
+            backgroundColor: "rgba(0, 0, 0, 0.5)"
+        },
+        content: {
+            width: "410px",
+            height: "150px",
+            margin: "auto",
+            borderRadius: "10px",
+            boxShadow: "0 2px 4px rgba(0,0,0,0.2)",
+            padding: "20px",
+            display: "flex",
+            flexDirection: "column",
+            justifyContent: "center",
+            alignItems: "center",
+            textAlign: "center"
+        }
+    }
+
+    return (
+        <div>
+            <ReactModal isOpen={isOpen} onRequestClose={onClose} style={customStyles}>
+                <p>{message}</p>
+                <div className="button_wrapper">
+                <button onClick={onClickOk} className="ok_button">확인</button>
+                <button onClick={onClose} className="cancel_button">취소</button>
+                </div>
+            </ReactModal>
+        </div>
+    );
+}
\ No newline at end of file
diff --git a/src/component/modal/ErrorModal.jsx b/src/component/modal/ErrorModal.jsx
index b57d49b..ba67067 100644
--- a/src/component/modal/ErrorModal.jsx
+++ b/src/component/modal/ErrorModal.jsx
@@ -1,5 +1,5 @@
 import ReactModal from "react-modal";
-import "./errorModal.css";
+import "./modal.css";
 
 export default function ErrorModal({ isOpen, message, onClose }) {
     const customStyles = {
diff --git a/src/component/modal/errorModal.css b/src/component/modal/errorModal.css
deleted file mode 100644
index b11994b..0000000
--- a/src/component/modal/errorModal.css
+++ /dev/null
@@ -1,12 +0,0 @@
-.ok_button {
-    width: 101px;
-    height: 40px;
-    margin-top: 20px;
-    border-radius: 5px;
-    border: none;
-    background-color: #7BC8E0;
-    color: white;
-    text-align: center;
-    font-size: 15px;
-    font-weight: 500;
-}
\ No newline at end of file
diff --git a/src/component/modal/modal.css b/src/component/modal/modal.css
new file mode 100644
index 0000000..6b1a052
--- /dev/null
+++ b/src/component/modal/modal.css
@@ -0,0 +1,32 @@
+.button_wrapper {
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    gap: 10px;
+}
+
+.ok_button {
+    width: 101px;
+    height: 35px;
+    margin-top: 20px;
+    border-radius: 5px;
+    border: none;
+    background-color: #7BC8E0;
+    color: white;
+    text-align: center;
+    font-size: 15px;
+    font-weight: 500;
+}
+
+.cancel_button {
+    width: 101px;
+    height: 35px;
+    margin-top: 20px;
+    border-radius: 5px;
+    border: none;
+    background-color: #9C9C9C;
+    color: white;
+    text-align: center;
+    font-size: 15px;
+    font-weight: 500;
+}
\ No newline at end of file
diff --git a/src/component/mypage/review/myReview.css b/src/component/mypage/review/myReview.css
index 2b1abc9..0d7b91b 100644
--- a/src/component/mypage/review/myReview.css
+++ b/src/component/mypage/review/myReview.css
@@ -7,12 +7,25 @@
         margin-bottom: 200px;
     }
 
+    .club_review_container {
+        display: flex;
+        flex-direction: column;
+        margin: 50px 0px 200px 30px;
+    }
+
     .my_review_container h2 {
-        font-size: 24px;
+        font-size: 22px;
         font-weight: 500px;
         margin-bottom: 30px;
     }
 
+    .club_review_container h2 {
+        font-size: 20px;
+        font-weight: 500px;
+        margin-bottom: 20px;
+        margin-left: 7px;
+    }
+
     .my_review_box {
         width: 475px;
         background-color: white;
@@ -32,7 +45,7 @@
         font-size: 14px;
         font-weight: 700;
         margin-right: 7px;
-        margin-bottom: 2px;
+        margin-top: 3px;
         color: #7BC8E0;
     }
 
@@ -43,7 +56,6 @@
         font-weight: 600px;
         padding: 3px 7px;
         margin-left: 10px;
-        margin-bottom: 5px;
         background-color: rgba(123, 200, 224, 0.15);
         color: #7BC8E0;
     }
@@ -55,7 +67,6 @@
         font-weight: 600px;
         padding: 3px 7px;
         margin-left: 10px;
-        margin-bottom: 5px;
         background-color: #F2F2F2;
         color: #00000060;
     }
@@ -67,7 +78,6 @@
         font-weight: 600px;
         padding: 3px 7px;
         margin-left: 10px;
-        margin-bottom: 5px;
         background-color: #fd3c561f;
         color: #fd3c56b3;
     }
@@ -82,12 +92,25 @@
         margin-bottom: 200px;
     }
 
+    .club_review_container {
+        display: flex;
+        flex-direction: column;
+        margin: 50px 0px 200px 30px;
+    }
+
     .my_review_container h2 {
         font-size: 24px;
         font-weight: 500px;
         margin-bottom: 30px;
     }
 
+    .club_review_container h2 {
+        font-size: 20px;
+        font-weight: 500px;
+        margin-bottom: 20px;
+        margin-left: 7px;
+    }
+
     .my_review_box {
         width: 300px;
         background-color: white;
diff --git a/src/config/axios-config.jsx b/src/config/axios-config.jsx
index d782d3f..42f2453 100644
--- a/src/config/axios-config.jsx
+++ b/src/config/axios-config.jsx
@@ -1,6 +1,6 @@
 import axios from 'axios';
 
-//export const URL = 'http://localhost:8080';
+// export const URL = 'http://localhost:3000';
 export const URL = 'http://13.125.141.171:8080';
 //axios.defaults.withCredentials = true;
 
diff --git a/src/config/nav-config.jsx b/src/config/nav-config.jsx
deleted file mode 100644
index 8b13789..0000000
--- a/src/config/nav-config.jsx
+++ /dev/null
@@ -1 +0,0 @@
-