diff --git a/.yarn/cache/swiper-npm-11.2.10-2bf88a66cf-b7e3a7c79d.zip b/.yarn/cache/swiper-npm-11.2.10-2bf88a66cf-b7e3a7c79d.zip
new file mode 100644
index 00000000..dd4b8e07
Binary files /dev/null and b/.yarn/cache/swiper-npm-11.2.10-2bf88a66cf-b7e3a7c79d.zip differ
diff --git a/apps/nowait-user/package.json b/apps/nowait-user/package.json
index a37510f4..3595a587 100644
--- a/apps/nowait-user/package.json
+++ b/apps/nowait-user/package.json
@@ -25,6 +25,7 @@
     "react-router-dom": "^7.6.2",
     "react-toastify": "^11.0.5",
     "react-transition-group": "^4.4.5",
+    "swiper": "^11.2.10",
     "zustand": "^5.0.6"
   },
   "devDependencies": {
diff --git a/apps/nowait-user/src/api/menu.ts b/apps/nowait-user/src/api/menu.ts
index 6c505e57..f4e5e67c 100644
--- a/apps/nowait-user/src/api/menu.ts
+++ b/apps/nowait-user/src/api/menu.ts
@@ -1,6 +1,12 @@
 import axios from "axios";
+import UserApi from "../utils/UserApi";
 
 export const getStoreMenus = async (storeId: string | undefined) => {
-  const res = await axios.get(`/v1/menus/all-menus/stores/${storeId}`);
+  try {
+      const res = await UserApi.get(`/v1/menus/all-menus/stores/${storeId}`);
   return res.data;
+  } catch (error) {
+    console.log(error)
+  }
+
 };
diff --git a/apps/nowait-user/src/components/CommonSwiper.tsx b/apps/nowait-user/src/components/CommonSwiper.tsx
new file mode 100644
index 00000000..acd8eedf
--- /dev/null
+++ b/apps/nowait-user/src/components/CommonSwiper.tsx
@@ -0,0 +1,36 @@
+import { Swiper, SwiperSlide } from "swiper/react";
+import { Pagination, Navigation } from "swiper/modules";
+import "swiper/css";
+import "swiper/css/navigation";
+import "swiper/css/pagination";
+import "./customSwiper.css";
+
+interface BannerImageType {
+  id: number;
+  storeId: number;
+  imageUrl: string;
+  imageType: string;
+}
+
+const CommonSwiper = ({ slideImages }: { slideImages: BannerImageType[] }) => {
+  return (
+    <section className="swiper-wrap">
+      <Swiper
+        className="swiper"
+        modules={[Navigation, Pagination]}
+        slidesPerView={1}
+        pagination
+      >
+        {slideImages?.map((slideImage) => {
+          return (
+            <SwiperSlide className="swiper-slide">
+              <img src={slideImage.imageUrl} alt="학과 주점 대표 이미지" />
+            </SwiperSlide>
+          );
+        })}
+      </Swiper>
+    </section>
+  );
+};
+
+export default CommonSwiper;
diff --git a/apps/nowait-user/src/components/common/MenuItem.tsx b/apps/nowait-user/src/components/common/MenuItem.tsx
index 05d755bd..70c94d9d 100644
--- a/apps/nowait-user/src/components/common/MenuItem.tsx
+++ b/apps/nowait-user/src/components/common/MenuItem.tsx
@@ -12,14 +12,14 @@ const MenuItem = ({ data, mode }: PropsType) => {
 
   const handleMenuClick = () => {
     if (mode === "store") {
-      navigate(`/store/${id}/menu/${data.id}`, { state: data });
+      navigate(`/store/${id}/menu/${data.menuId}`, { state: data });
     } else {
-      navigate(`/${storeId}/menu/${data.id}`, { state: data });
+      navigate(`/${storeId}/menu/${data.menuId}`, { state: data });
     }
   };
 
   return (
-    <li key={data.id} className="mb-5">
+    <li className="mb-5">
       <button
         onClick={handleMenuClick}
         className="w-full flex justify-between cursor-pointer text-left"
diff --git a/apps/nowait-user/src/components/common/MenuList.tsx b/apps/nowait-user/src/components/common/MenuList.tsx
index 2c9a75dc..0ec242ef 100644
--- a/apps/nowait-user/src/components/common/MenuList.tsx
+++ b/apps/nowait-user/src/components/common/MenuList.tsx
@@ -1,53 +1,9 @@
 import { useQuery } from "@tanstack/react-query";
 import type { MenuType } from "../../types/order/menu";
 import MenuItem from "./MenuItem";
-import { useParams } from "react-router-dom";
 import { getStoreMenus } from "../../api/menu";
 
-const dummyData: MenuType[] = [
-  {
-    id: "1",
-    name: "우리 학과 최고의 자랑거리 메뉴인 숙주 삼결살 볶음 입니다.",
-    description:
-      "숙주 삼겹살에 대한 메뉴 설명입니다.숙주 삼겹살에 대한 메뉴 설명입니다.",
-    price: 12000,
-    image: "",
-  },
-  {
-    id: "2",
-    name: "과일 화채",
-    description: "시원한 과일 화채 입니다.",
-    price: 10000,
-    image: "",
-  },
-  {
-    id: "3",
-    name: "갈비구이",
-    description:
-      "갈비를 달콤하고 고소한 비법 간장 양념에 재워 촉촉하게 구운 꿀조합 술 안주",
-    price: 9200,
-    image: "/beef.png",
-  },
-
-  {
-    id: "4",
-    name: "파인애플 샤베트",
-    description: "시원한 파인애플 샤베트 입니다.",
-    price: 9000,
-    image: "",
-  },
-
-  {
-    id: "5",
-    name: "해물파전",
-    description: "해물 별로 안들어간 해물파전 입니다.",
-    price: 15000,
-    image: "",
-  },
-];
-
-const MenuList = ({ mode }: { mode: string }) => {
-  const { id: storeId } = useParams();
+const MenuList = ({ storeId, mode }: { storeId:string | undefined, mode: string }) => {
   console.log(storeId, "스토어아이디");
   const { data } = useQuery({
     queryKey: ["storeMenus", storeId],
@@ -56,11 +12,11 @@ const MenuList = ({ mode }: { mode: string }) => {
   });
   console.log(data);
   return (
-    <div className="mt-7.5">
+    <div className="py-7.5">
       <h1 className="text-title-20-semibold mb-3">메뉴</h1>
       <ul>
-        {dummyData.map((data: MenuType) => {
-          return <MenuItem key={data.id} data={data} mode={mode} />;
+        {data?.map((data: MenuType) => {
+          return <MenuItem key={data.menuId} data={data} mode={mode} />;
         })}
       </ul>
     </div>
diff --git a/apps/nowait-user/src/components/customSwiper.css b/apps/nowait-user/src/components/customSwiper.css
new file mode 100644
index 00000000..a678f350
--- /dev/null
+++ b/apps/nowait-user/src/components/customSwiper.css
@@ -0,0 +1,30 @@
+.swiper-wrap {
+  margin: 0px -20px;
+  height: 256px;
+}
+.swiper {
+  width: 100%;
+  height: 100%;
+}
+.swiper-slide {
+  width: 100%;
+  height: 100%;
+}
+.swiper-slide img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+.swiper-pagination-bullet-active {
+  width: 6px;
+  height: 6px;
+  margin: 0px 2px !important;
+
+  background-color: white;
+}
+.swiper-pagination-bullet {
+  width: 6px;
+  height: 6px;
+  margin: 0px 2px !important;
+  background-color: rgb(255, 255, 255);
+}
diff --git a/apps/nowait-user/src/hooks/useBookmarkState.ts b/apps/nowait-user/src/hooks/useBookmarkState.ts
index e27da90f..29a9f0dd 100644
--- a/apps/nowait-user/src/hooks/useBookmarkState.ts
+++ b/apps/nowait-user/src/hooks/useBookmarkState.ts
@@ -3,27 +3,41 @@ import { useParams } from "react-router-dom";
 import { getBookmark } from "../api/reservation";
 
 interface BookmarkType {
-  bookmarkId: string;
-  userId: string;
+  // bookmarkId: string;
+  // userId: string;
   storeId: string;
+  waitingCount: number;
+  departmentId: number;
+  departmentName: string;
+  name: string;
+  location: string;
+  description: string;
+  profileImage: string | null;
+  bannerImages: string[];
+  isActive: boolean;
+  deleted: boolean;
+  createdAt: string;
 }
 
 export const useBookmarkState = (storeId?: string) => {
   const { id: paramId } = useParams();
-  console.log(paramId)
+  console.log(paramId);
   const id = storeId ?? paramId;
-
+  console.log(id)
   const { data, isLoading } = useQuery({
-    queryKey: ["bookmark", id],
+    queryKey: ["bookmark"],
     queryFn: getBookmark,
-    select: (data) =>
-      data.response.find(
-        (bookmark: BookmarkType) => String(bookmark.storeId) === id
-      ),
+    select : (data) => data.response
+    // select: (data) =>
+    //   data.response.find(
+    //     (bookmark: BookmarkType) => String(bookmark.storeId) === id
+    //   ),
   });
-  console.log(data)
+  const isBookmarked = data?.response?.find(
+        (bookmark: BookmarkType) => String(bookmark.storeId) === id
+      )
   return {
-    isBookmarked: data !== undefined,
+    isBookmarked: isBookmarked !== undefined,
     bookmarkData: data,
     isLoading,
   };
diff --git a/apps/nowait-user/src/hooks/useTransitionSelect.ts b/apps/nowait-user/src/hooks/useTransitionSelect.ts
new file mode 100644
index 00000000..3b3a25e9
--- /dev/null
+++ b/apps/nowait-user/src/hooks/useTransitionSelect.ts
@@ -0,0 +1,32 @@
+import { useLocation } from "react-router-dom";
+
+export const useTransitionSelect = () => {
+  const location = useLocation();
+  const previousPath = sessionStorage.getItem('path');
+
+  const previousPage = previousPath || '';
+  const currentPage = location.pathname;
+
+  sessionStorage.setItem('path', location.pathname);
+
+  if (currentPage === 'passwordPage') {
+    return '';
+  }
+  if (currentPage === 'spaceListPage') {
+    if (previousPage === 'passwordPage') return '';
+    return 'slide-left';
+  }
+  if (currentPage === 'jobListPage') {
+    if (previousPage === 'spaceListPage') {
+      return 'slide-right';
+    }
+    if (previousPage === 'taskListPage') {
+      return 'left';
+    }
+  }
+  if (currentPage === 'taskListPage') {
+    return 'right';
+  }
+
+  return '';
+};
\ No newline at end of file
diff --git a/apps/nowait-user/src/pages/order/home/StorePage.tsx b/apps/nowait-user/src/pages/order/home/StorePage.tsx
index 21aef2aa..e01ab77c 100644
--- a/apps/nowait-user/src/pages/order/home/StorePage.tsx
+++ b/apps/nowait-user/src/pages/order/home/StorePage.tsx
@@ -31,7 +31,7 @@ const StorePage = () => {
         <div className="flex-grow">
           <StoreHeader />
           <SectionDivider />
-          <MenuList mode="order" />
+          <MenuList storeId={storeId} mode="order" />
         </div>
       </div>
       {cart && cart.length > 0 && (
diff --git a/apps/nowait-user/src/pages/waiting/bookmark/BookmarkPage.tsx b/apps/nowait-user/src/pages/waiting/bookmark/BookmarkPage.tsx
index b2a1922b..835d5b2e 100644
--- a/apps/nowait-user/src/pages/waiting/bookmark/BookmarkPage.tsx
+++ b/apps/nowait-user/src/pages/waiting/bookmark/BookmarkPage.tsx
@@ -1,26 +1,28 @@
 import HomeHeader from "../../../components/Header";
+import { useBookmarkState } from "../../../hooks/useBookmarkState";
 import BookmarkedStoreItem from "./components/BookmarkedStoreItem";
 
 const dummyData = [
   {
     id: 1,
     image: "/bookmarkStoreImage.png",
-    wait: "대기 0팀",
+    waitingCount: "대기 0팀",
     storeName: "스페이시스",
-    lesson: "바이오메카트로닉스공학과",
+    departmentName: "바이오메카트로닉스공학과",
     storeId: "1",
   },
   {
-    id: 1,
+    id: 2,
     image: "/bookmarkStoreImage.png",
-    wait: "대기 0팀",
+    waitingCount: "대기 0팀",
     storeName: "스페이시스",
-    lesson: "약과",
+    departmentName: "약과",
     storeId: "2",
   },
 ];
 
 const BookmarkPage = () => {
+  const {bookmarkData} = useBookmarkState()
   return (
     <div>
       <div className="px-5">
@@ -29,15 +31,15 @@ const BookmarkPage = () => {
           북마크한 부스
         </h1>
         <ul>
-          {dummyData.map((data) => {
+          {bookmarkData?.map((data:any) => {
             return (
               <BookmarkedStoreItem
                 key={data.id}
                 id={data.id}
                 image={data.image}
-                wait={data.wait}
+                waitingCount={data.waitingCount}
                 storeName={data.storeName}
-                lesson={data.lesson}
+                departmentName={data.departmentName}
                 storeId={data.storeId}
               />
             );
diff --git a/apps/nowait-user/src/pages/waiting/bookmark/components/BookmarkedStoreItem.tsx b/apps/nowait-user/src/pages/waiting/bookmark/components/BookmarkedStoreItem.tsx
index 5e5b8180..d5467657 100644
--- a/apps/nowait-user/src/pages/waiting/bookmark/components/BookmarkedStoreItem.tsx
+++ b/apps/nowait-user/src/pages/waiting/bookmark/components/BookmarkedStoreItem.tsx
@@ -5,18 +5,18 @@ import { useBookmarkState } from "../../../../hooks/useBookmarkState";
 interface PropsType {
   id: number;
   image: string;
-  wait: string;
+  waitingCount: string;
   storeName: string;
-  lesson: string;
+  departmentName: string;
   storeId: string;
 }
 
 const BookmarkedStoreItem = ({
   id,
   image,
-  wait,
+  waitingCount,
   storeName,
-  lesson,
+  departmentName,
   storeId,
 }: PropsType) => {
   const { createBookmarkMutate, deleteBookmarkMutate } = useBookmarkMutation();
@@ -42,7 +42,7 @@ const BookmarkedStoreItem = ({
           alt="북마크한 주점 메인 이미지"
         ></img>
         <p className="absolute top-[12px] right-[12px] text-primary bg-[#ffe9df] px-2 py-[7px] font-bold text-[12px] rounded-[6px]">
-          {wait}
+          {waitingCount}
         </p>
       </div>
       <div className="flex justify-between py-3">
@@ -54,7 +54,7 @@ const BookmarkedStoreItem = ({
           ></img>
           <div className="flex flex-col justify-between">
             <h1 className="text-title-16-bold text-black-90">{storeName}</h1>
-            <h2 className="text-14-regular text-black-70">{lesson}</h2>
+            <h2 className="text-14-regular text-black-70">{departmentName}</h2>
           </div>
         </div>
         <button className="mr-[5px]" onClick={handleBookmarkButton}>
diff --git a/apps/nowait-user/src/pages/waiting/storeDetail/StoreDetailPage.tsx b/apps/nowait-user/src/pages/waiting/storeDetail/StoreDetailPage.tsx
index 02593fa2..c47cbc4a 100644
--- a/apps/nowait-user/src/pages/waiting/storeDetail/StoreDetailPage.tsx
+++ b/apps/nowait-user/src/pages/waiting/storeDetail/StoreDetailPage.tsx
@@ -10,24 +10,43 @@ import BookmarkIcon from "./components/BookmarkIcon";
 import { useBookmarkState } from "../../../hooks/useBookmarkState";
 import { useQuery } from "@tanstack/react-query";
 import { getStore } from "../../../api/reservation";
+import CommonSwiper from "../../../components/CommonSwiper";
 
-const TAG = [
-  { id: 1, type: "default", tag: "태그 추가" },
-  { id: 2, type: "default", tag: "컴공 과" },
-  { id: 3, type: "waiting", tag: "웨이팅 15팀" },
+const BANNERIMAGES = [
+  {
+    id: 7,
+    storeId: 16,
+    imageUrl:
+      "https://gtablestoreimage.s3.ap-northeast-2.amazonaws.com/store/16/b057ca2d-eaa5-417e-8c4c-b9581d02764b-%E1%84%8E%E1%85%AE%E1%86%A8%E1%84%8C%E1%85%A6.jpeg",
+    imageType: "BANNER",
+  },
+  {
+    id: 8,
+    storeId: 16,
+    imageUrl:
+      "https://gtablestoreimage.s3.ap-northeast-2.amazonaws.com/store/16/752a043c-8881-415d-aaae-65cd303c6777-errorcat.png",
+    imageType: "BANNER",
+  },
 ];
 
+interface BannerImageType {
+  id: number;
+  storeId: number;
+  imageUrl: string;
+  imageType: string;
+}
+
 const StoreDetailPage = () => {
   const navigate = useNavigate();
   const { id: storeId } = useParams();
   const { isBookmarked, bookmarkData } = useBookmarkState();
   const { createBookmarkMutate, deleteBookmarkMutate } = useBookmarkMutation();
-  const { data:store } = useQuery({
-    queryKey: ["store"],
+  const { data: store } = useQuery({
+    queryKey: ["store", storeId],
     queryFn: () => getStore(storeId),
     select: (data) => data.response,
   });
-  console.log(store);
+  console.log(store, "스토어");
   const handleBookmarkButton = async () => {
     try {
       if (!isBookmarked) {
@@ -42,38 +61,27 @@ const StoreDetailPage = () => {
 
   return (
     <div>
-      <div className="px-5">
-        <h1 className="-mx-5 h-[246px] bg-amber-400">
-          <img className="w-full" src="" alt="학과 주점 대표 이미지" />
-        </h1>
+      <div className="px-5 w-full min-h-screen-dvh mb-[124px]">
+        <CommonSwiper slideImages={store?.bannerImages}></CommonSwiper>
         <section className="border-b-1 border-[#f4f4f4]">
           <div className="flex justify-between items-center py-[21px]">
             <div className="flex flex-col justify-between gap-[3px]">
-              <p className="text-14-regular text-black-70">{store?.departmentName}</p>
+              <p className="text-14-regular text-black-70">
+                {store?.departmentName}
+              </p>
               <h1 className="text-headline-22-bold">{store?.name}</h1>
             </div>
             <img
               className="w-[52px] h-[52px] rounded-[100%] bg-black-60"
-              src={store?.profileImage}
+              src={store?.profileImage.imageUrl}
               alt="학과 대표 이미지"
             />
           </div>
-          <ul className="pb-5 flex gap-1.5">
-            {TAG.map((item) => {
-              return (
-                <li
-                  key={item.id}
-                  className={`text-[12px] font-bold rounded-[4px] px-2 py-[7px] ${
-                    item.type === "default"
-                      ? "bg-[#f1f1f1] text-[#959595]"
-                      : "bg-[#ffeedf] text-[#ff5e07]"
-                  }`}
-                >
-                  {item.tag}
-                </li>
-              );
-            })}
-          </ul>
+          <div className="pb-5">
+            <p className="inline-block text-[12px] font-bold rounded-[6px] px-2 py-[7px] bg-[#ffeedf] text-[#ff5e07]">
+              대기 {store?.waitingCount}팀
+            </p>
+          </div>
         </section>
         <section className="pt-5 pb-[28px]">
           <div className="mb-6">
@@ -81,7 +89,7 @@ const StoreDetailPage = () => {
               <span className="w-[18px] flex justify-center  mr-1.5">
                 <SubStract />
               </span>
-              가천대학교 무한광장
+              {store?.location}
             </p>
             <p className="flex items-center text-16-regular text-black-80">
               <span className="w-[18px] flex justify-center mr-1.5">
@@ -91,10 +99,7 @@ const StoreDetailPage = () => {
             </p>
           </div>
           <h2 className="mb-10 text-16-regular text-black-80">
-            안녕하세요! 컴공과가 버그 없이 준비한 이스터에그가 가득 부스
-            스페이시스입니다 🚀 남다른 디버깅 실력으로 굽는 츄러스, 데이터 손실
-            없는 아이스티, 그리고 메모리 오류 없는 넉넉한 양까지 완벽
-            구현했습니다.
+            {store?.description}
           </h2>
           <div className="flex justify-between items-center py-3.5 px-4 bg-black-15 rounded-[10px]">
             <div className="flex gap-1.5 min-w-0">
@@ -110,7 +115,7 @@ const StoreDetailPage = () => {
           </div>
         </section>
         <div className="-mx-5 bg-black-25 h-[16px] mb-[30px]"></div>
-        <MenuList mode="store" />
+        <MenuList storeId={storeId} mode="store" />
       </div>
       <PageFooterButton className="gap-2">
         <Button
diff --git a/apps/nowait-user/src/types/order/menu.ts b/apps/nowait-user/src/types/order/menu.ts
index 13e21ba6..93bfb495 100644
--- a/apps/nowait-user/src/types/order/menu.ts
+++ b/apps/nowait-user/src/types/order/menu.ts
@@ -1,8 +1,10 @@
 //음식 메뉴 타입
 export interface MenuType {
-  id: string;
+  menuId: string;
   image: string;
   name: string;
   description: string;
   price: number;
+  isSoldOut : boolean;
+  deleted: boolean;
 }
diff --git a/apps/nowait-user/src/types/swiper.d.ts b/apps/nowait-user/src/types/swiper.d.ts
new file mode 100644
index 00000000..ef833106
--- /dev/null
+++ b/apps/nowait-user/src/types/swiper.d.ts
@@ -0,0 +1,3 @@
+declare module 'swiper/css' {}
+declare module 'swiper/css/pagination' {}
+declare module 'swiper/css/navigation' {}
\ No newline at end of file