diff --git a/admin/package.json b/admin/package.json
index 14483444..12509be1 100644
--- a/admin/package.json
+++ b/admin/package.json
@@ -12,6 +12,7 @@
   "dependencies": {
     "class-variance-authority": "^0.7.0",
     "react": "^18.3.1",
+    "react-cookie": "^7.2.0",
     "react-dom": "^18.3.1",
     "react-router-dom": "^6.25.1"
   },
diff --git a/admin/public/assets/icons/calendar.svg b/admin/public/assets/icons/calendar.svg
index 6d839977..bcd55ca9 100644
--- a/admin/public/assets/icons/calendar.svg
+++ b/admin/public/assets/icons/calendar.svg
@@ -1,8 +1,9 @@
 <svg
-    className="w-4 h-4 text-gray-500 dark:text-gray-400"
+    width="16"
+    height="16"
     aria-hidden="true"
     xmlns="http://www.w3.org/2000/svg"
-    fill="currentColor"
+    fill="#6b7280"
     viewBox="0 0 20 20"
 >
     <path d="M20 4a2 2 0 0 0-2-2h-2V1a1 1 0 0 0-2 0v1h-3V1a1 1 0 0 0-2 0v1H6V1a1 1 0 0 0-2 0v1H2a2 2 0 0 0-2 2v2h20V4ZM0 18a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8H0v10Zm5-8h10a1 1 0 0 1 0 2H5a1 1 0 0 1 0-2Z" />
diff --git a/admin/src/apis/authAPI.ts b/admin/src/apis/authAPI.ts
new file mode 100644
index 00000000..d50d8850
--- /dev/null
+++ b/admin/src/apis/authAPI.ts
@@ -0,0 +1,29 @@
+import { PostAuthParams, PostAuthResponse } from "@/types/authApi";
+import "@/types/lotteryApi";
+import { fetchWithTimeout } from "@/utils/fetchWithTimeout";
+
+const baseURL = `${import.meta.env.VITE_API_URL}/admin/auth`;
+const headers = {
+    "Content-Type": "application/json",
+};
+
+export const AuthAPI = {
+    async postAuth(body: PostAuthParams): Promise<PostAuthResponse> {
+        try {
+            return new Promise((resolve) =>
+                resolve({
+                    accessToken: "access token",
+                })
+            );
+            const response = await fetchWithTimeout(`${baseURL}`, {
+                method: "POST",
+                headers: headers,
+                body: JSON.stringify(body),
+            });
+            return response.json();
+        } catch (error) {
+            console.error("Error:", error);
+            throw error;
+        }
+    },
+};
diff --git a/admin/src/apis/lotteryAPI.ts b/admin/src/apis/lotteryAPI.ts
new file mode 100644
index 00000000..c716da82
--- /dev/null
+++ b/admin/src/apis/lotteryAPI.ts
@@ -0,0 +1,138 @@
+import {
+    GetLotteryExpectationsParams,
+    GetLotteryExpectationsResponse,
+    GetLotteryResponse,
+    GetLotteryWinnerParams,
+    GetLotteryWinnerResponse,
+    PostLotteryWinnerResponse,
+} from "@/types/lotteryApi";
+import { fetchWithTimeout } from "@/utils/fetchWithTimeout";
+
+const baseURL = `${import.meta.env.VITE_API_URL}/admin/event/lottery`;
+const headers = {
+    "Content-Type": "application/json",
+};
+
+export const LotteryAPI = {
+    async getLottery(): Promise<GetLotteryResponse> {
+        try {
+            return new Promise((resolve) =>
+                resolve([
+                    {
+                        lotteryEventId: 1,
+                        startDate: "2024-07-26",
+                        startTime: "00:00",
+                        endDate: "2024-08-25",
+                        endTime: "23:59",
+                        appliedCount: 1000000,
+                        winnerCount: 363,
+                    },
+                ])
+            );
+            const response = await fetchWithTimeout(`${baseURL}`, {
+                method: "GET",
+                headers: headers,
+            });
+            return response.json();
+        } catch (error) {
+            console.error("Error:", error);
+            throw error;
+        }
+    },
+    async postLotteryWinner(): Promise<PostLotteryWinnerResponse> {
+        try {
+            return new Promise((resolve) => resolve({ message: "요청에 성공하였습니다." }));
+            const response = await fetchWithTimeout(`${baseURL}/winner`, {
+                method: "POST",
+                headers: headers,
+            });
+            return response.json();
+        } catch (error) {
+            console.error("Error:", error);
+            throw error;
+        }
+    },
+    async getLotteryWinner({
+        id,
+        size,
+        page,
+        phoneNumber,
+    }: GetLotteryWinnerParams): Promise<GetLotteryWinnerResponse> {
+        try {
+            return new Promise((resolve) =>
+                resolve({
+                    data: [
+                        {
+                            id: 1,
+                            phoneNumber: "010-1111-2222",
+                            linkClickedCounts: 1,
+                            expectation: 1,
+                            appliedCount: 3,
+                        },
+                        {
+                            id: 2,
+                            phoneNumber: "010-1111-2223",
+                            linkClickedCounts: 1,
+                            expectation: 1,
+                            appliedCount: 3,
+                        },
+                        {
+                            id: 3,
+                            phoneNumber: "010-1111-2224",
+                            linkClickedCounts: 1,
+                            expectation: 1,
+                            appliedCount: 3,
+                        },
+                    ],
+                    isLastPage: false,
+                    totalParticipants: 10000,
+                })
+            );
+            const response = await fetchWithTimeout(
+                `${baseURL}/${id}/winner?size=${size}&page=${page}&number=${phoneNumber}`,
+                {
+                    method: "GET",
+                    headers: headers,
+                }
+            );
+            return response.json();
+        } catch (error) {
+            console.error("Error:", error);
+            throw error;
+        }
+    },
+    async getLotteryExpectations({
+        lotteryId,
+        participantId,
+    }: GetLotteryExpectationsParams): Promise<GetLotteryExpectationsResponse> {
+        try {
+            return new Promise((resolve) =>
+                resolve([
+                    {
+                        casperId: 1,
+                        expectation: "기대평 1",
+                    },
+                    {
+                        casperId: 2,
+                        expectation: "기대평 2",
+                    },
+                    {
+                        casperId: 3,
+                        expectation: "기대평 3",
+                    },
+                ])
+            );
+            const response = await fetchWithTimeout(
+                `${baseURL}/${lotteryId}/participants/${participantId}/expectations`,
+                {
+                    method: "GET",
+                    headers: headers,
+                }
+            );
+            return response.json();
+        } catch (error) {
+            console.error("Error:", error);
+            throw error;
+        }
+    },
+};
diff --git a/admin/src/apis/rushAPI.ts b/admin/src/apis/rushAPI.ts
new file mode 100644
index 00000000..34466536
--- /dev/null
+++ b/admin/src/apis/rushAPI.ts
@@ -0,0 +1,147 @@
+import {
+    GetRushOptionsParams,
+    GetRushOptionsResponse,
+    GetRushParticipantListParams,
+    GetRushParticipantListResponse,
+    GetRushWinnerListParams,
+} from "@/types/rushApi";
+import { fetchWithTimeout } from "@/utils/fetchWithTimeout";
+
+const baseURL = `${import.meta.env.VITE_API_URL}/admin/event/rush`;
+const headers = {
+    "Content-Type": "application/json",
+};
+
+export const RushAPI = {
+    async getRushParticipantList({
+        id,
+        phoneNumber,
+        size,
+        page,
+        option,
+    }: GetRushParticipantListParams): Promise<GetRushParticipantListResponse> {
+        try {
+            return new Promise((resolve) =>
+                resolve({
+                    data: [
+                        {
+                            id: 1,
+                            phoneNumber: "010-1111-2222",
+                            balanceGameChoice: option,
+                            createdAt: "2024-07-25 20:00:123",
+                            rank: 1,
+                        },
+                        {
+                            id: 3,
+                            phoneNumber: "010-1111-2222",
+                            balanceGameChoice: option,
+                            createdAt: "2024-07-25 20:00:125",
+                            rank: 2,
+                        },
+                        {
+                            id: 4,
+                            phoneNumber: "010-1111-2222",
+                            balanceGameChoice: option,
+                            createdAt: "2024-07-25 20:00:127",
+                            rank: 3,
+                        },
+                    ],
+                    isLastPage: false,
+                    totalParticipants: 10000,
+                })
+            );
+            const response = await fetchWithTimeout(
+                `${baseURL}/${id}/participants?number=${phoneNumber}&size=${size}&page=${page}&option=${option}`,
+                {
+                    method: "GET",
+                    headers: headers,
+                }
+            );
+            return response.json();
+        } catch (error) {
+            console.error("Error:", error);
+            throw error;
+        }
+    },
+    async getRushWinnerList({
+        id,
+        phoneNumber,
+        size,
+        page,
+    }: GetRushWinnerListParams): Promise<GetRushParticipantListResponse> {
+        try {
+            return new Promise((resolve) =>
+                resolve({
+                    data: [
+                        {
+                            id: 1,
+                            phoneNumber: "010-3843-6999",
+                            balanceGameChoice: 1,
+                            createdAt: "2024-07-25 20:00:123",
+                            rank: 1,
+                        },
+                        {
+                            id: 3,
+                            phoneNumber: "010-1111-2222",
+                            balanceGameChoice: 1,
+                            createdAt: "2024-07-25 20:00:125",
+                            rank: 2,
+                        },
+                        {
+                            id: 4,
+                            phoneNumber: "010-1111-2222",
+                            balanceGameChoice: 1,
+                            createdAt: "2024-07-25 20:00:127",
+                            rank: 3,
+                        },
+                    ],
+                    isLastPage: false,
+                    totalParticipants: 10000,
+                })
+            );
+            const response = await fetchWithTimeout(
+                `${baseURL}/${id}/participants?number=${phoneNumber}&size=${size}&page=${page}`,
+                {
+                    method: "GET",
+                    headers: headers,
+                }
+            );
+            return response.json();
+        } catch (error) {
+            console.error("Error:", error);
+            throw error;
+        }
+    },
+    async getRushOptions({ id }: GetRushOptionsParams): Promise<GetRushOptionsResponse> {
+        try {
+            return new Promise((resolve) =>
+                resolve([
+                    {
+                        rushOptionId: 1,
+                        mainText: "첫 차로 저렴한 차 사기",
+                        subText: " 첫 차는 가성비가 짱이지!",
+                        resultMainText: "누구보다 가성비 갑인 캐스퍼 일렉트릭",
+                        resultSubText: "전기차 평균보다 훨씬 저렴한 캐스퍼 일렉트릭!",
+                        imageUrl: "left_image.png",
+                    },
+                    {
+                        rushOptionId: 2,
+                        mainText: "첫 차로 성능 좋은 차 사기",
+                        subText: " 차는 당연히 성능이지!",
+                        resultMainText: "필요한 건 다 갖춘 캐스퍼 일렉트릭",
+                        resultSubText: "전기차 평균보다 훨씨니 저렴한 캐스퍼 일렉트릭!",
+                        imageUrl: "left_image.png",
+                    },
+                ])
+            );
+            const response = await fetchWithTimeout(`${baseURL}/${id}/options`, {
+                method: "GET",
+                headers: headers,
+            });
+            return response.json();
+        } catch (error) {
+            console.error("Error:", error);
+            throw error;
+        }
+    },
+};
diff --git a/admin/src/components/Input/index.tsx b/admin/src/components/Input/index.tsx
index 91e18d73..ffd5ec8d 100644
--- a/admin/src/components/Input/index.tsx
+++ b/admin/src/components/Input/index.tsx
@@ -1,6 +1,6 @@
-import { HTMLProps } from "react";
+import { ComponentProps } from "react";
 
-interface InputProps extends HTMLProps<HTMLInputElement> {
+interface InputProps extends ComponentProps<"input"> {
     label?: string;
 }
 
diff --git a/admin/src/components/Layout/index.tsx b/admin/src/components/Layout/index.tsx
index c37c7bb6..2d599896 100644
--- a/admin/src/components/Layout/index.tsx
+++ b/admin/src/components/Layout/index.tsx
@@ -1,5 +1,4 @@
 import { Outlet } from "react-router-dom";
-import { RushEventContext } from "@/contexts/rushEventContext";
 import Header from "../Header";
 
 export default function Layout() {
@@ -7,9 +6,7 @@ export default function Layout() {
         <div className="overflow-hidden h-screen">
             <Header />
             <div className="mb-[80px]">
-                <RushEventContext>
-                    <Outlet />
-                </RushEventContext>
+                <Outlet />
             </div>
         </div>
     );
diff --git a/admin/src/components/Route/index.tsx b/admin/src/components/Route/index.tsx
new file mode 100644
index 00000000..3fc05ffb
--- /dev/null
+++ b/admin/src/components/Route/index.tsx
@@ -0,0 +1,27 @@
+import { useCookies } from "react-cookie";
+import { Navigate, Outlet } from "react-router-dom";
+import { COOKIE_KEY } from "@/constants/cookie";
+
+interface RouteProps {
+    redirectPath?: string;
+}
+
+export function ProtectedRoute({ redirectPath = "/login" }: RouteProps) {
+    const [cookies] = useCookies([COOKIE_KEY.ACCESS_TOKEN]);
+
+    if (!cookies[COOKIE_KEY.ACCESS_TOKEN]) {
+        return <Navigate to={redirectPath} replace />;
+    }
+
+    return <Outlet />;
+}
+
+export function UnProtectedRoute({ redirectPath = "/lottery" }: RouteProps) {
+    const [cookies] = useCookies([COOKIE_KEY.ACCESS_TOKEN]);
+
+    if (cookies[COOKIE_KEY.ACCESS_TOKEN]) {
+        return <Navigate to={redirectPath} replace />;
+    }
+
+    return <Outlet />;
+}
diff --git a/admin/src/components/SelectForm/index.tsx b/admin/src/components/SelectForm/index.tsx
new file mode 100644
index 00000000..693d7b32
--- /dev/null
+++ b/admin/src/components/SelectForm/index.tsx
@@ -0,0 +1,38 @@
+import { ReactNode } from "react";
+
+interface SelectFormProps {
+    header: ReactNode;
+    data: ReactNode[][];
+}
+
+export default function SelectForm({ header, data }: SelectFormProps) {
+    return (
+        <div className="relative sm:rounded-lg w-[730px] border">
+            <div className="overflow-y-auto h-full">
+                <table className="w-full text-sm rtl:text-right text-gray-500 text-center">
+                    <thead className="sticky top-0 z-[5] text-gray-700 bg-gray-50">
+                        <tr>
+                            <th colSpan={2} className="px-6 py-3 h-body-2-medium">
+                                {header}
+                            </th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        {data.map((tableData, idx) => (
+                            <tr key={`table-data-${idx}`} className="bg-white border-b">
+                                {tableData.map((dataNode, idx) => (
+                                    <td
+                                        key={`${header}-data-${idx}`}
+                                        className="px-6 py-4 h-body-2-regular"
+                                    >
+                                        {dataNode}
+                                    </td>
+                                ))}
+                            </tr>
+                        ))}
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    );
+}
diff --git a/admin/src/components/Table/index.tsx b/admin/src/components/Table/index.tsx
index 6f2cb37e..f82c28b8 100644
--- a/admin/src/components/Table/index.tsx
+++ b/admin/src/components/Table/index.tsx
@@ -1,14 +1,19 @@
-import { ReactNode } from "react";
+import { ReactNode, RefObject, forwardRef } from "react";
 
 interface TableProps {
     headers: ReactNode[];
     data: ReactNode[][];
+    height?: string | number;
+    dataLastItem?: RefObject<HTMLTableRowElement>;
 }
 
-export default function Table({ headers, data }: TableProps) {
+const Table = forwardRef<HTMLDivElement, TableProps>(function Table(
+    { headers, data, height = 600, dataLastItem },
+    ref
+) {
     return (
-        <div className="relative sm:rounded-lg w-[1560px] h-[600px] border">
-            <div className="overflow-y-auto h-full">
+        <div ref={ref} className="relative sm:rounded-lg w-[1560px] border" style={{ height }}>
+            <div className="overflow-y-auto h-full table-contents">
                 <table className="w-full text-sm rtl:text-right text-gray-500 text-center">
                     <thead className="sticky top-0 z-[5] text-gray-700 bg-gray-50">
                         <tr>
@@ -32,9 +37,12 @@ export default function Table({ headers, data }: TableProps) {
                                 ))}
                             </tr>
                         ))}
+                        <tr ref={dataLastItem}></tr>
                     </tbody>
                 </table>
             </div>
         </div>
     );
-}
+});
+
+export default Table;
diff --git a/admin/src/components/TextField/index.tsx b/admin/src/components/TextField/index.tsx
new file mode 100644
index 00000000..3cfff79a
--- /dev/null
+++ b/admin/src/components/TextField/index.tsx
@@ -0,0 +1,13 @@
+import { ComponentProps } from "react";
+
+interface TextFieldProps extends ComponentProps<"textarea"> {}
+
+export default function TextField({ ...restProps }: TextFieldProps) {
+    return (
+        <textarea
+            className="resize-none focus:outline-none w-full text-black"
+            spellCheck={false}
+            {...restProps}
+        />
+    );
+}
diff --git a/admin/src/constants/cookie.ts b/admin/src/constants/cookie.ts
new file mode 100644
index 00000000..e7273426
--- /dev/null
+++ b/admin/src/constants/cookie.ts
@@ -0,0 +1,3 @@
+export const COOKIE_KEY = {
+    ACCESS_TOKEN: "token",
+} as const;
diff --git a/admin/src/constants/lottery.ts b/admin/src/constants/lottery.ts
new file mode 100644
index 00000000..af72f0be
--- /dev/null
+++ b/admin/src/constants/lottery.ts
@@ -0,0 +1,9 @@
+export const LOTTERY_HEADER = [
+    "시작 날짜",
+    "시작 시간",
+    "종료 날짜",
+    "종료 시간",
+    "활성화 기간",
+    "추첨 당첨 인원 수",
+    "진행 상태",
+];
diff --git a/admin/src/constants/rush.ts b/admin/src/constants/rush.ts
index ba66e28d..51ac9c3b 100644
--- a/admin/src/constants/rush.ts
+++ b/admin/src/constants/rush.ts
@@ -1,7 +1,13 @@
-export const RUSH_SECTION = {
-    EVENT_LIST: "event_list",
-    APPLICANT_LIST: "applicant_list",
-    SELECTION_MANAGE: "selection_manage",
-    GIFT_MANAGE: "gift_manage",
-};
-export type RushSectionType = (typeof RUSH_SECTION)[keyof typeof RUSH_SECTION];
+export const EVENT_LIST_HEADER = [
+    "ID",
+    "이벤트 진행 날짜",
+    "오픈 시간",
+    "종료 시간",
+    "활성화 시간",
+    "선택지 관리",
+    "경품 관리",
+    "선착순 당첨 인원 수",
+    "진행 상태",
+    "참여자 리스트 보기",
+    "관리",
+];
diff --git a/admin/src/contexts/rushEventContext.tsx b/admin/src/contexts/rushEventContext.tsx
index aa671088..b223d474 100644
--- a/admin/src/contexts/rushEventContext.tsx
+++ b/admin/src/contexts/rushEventContext.tsx
@@ -4,6 +4,7 @@ import {
     RushEventAction,
     RushEventDispatchType,
     RushEventStateType,
+    RushPrizeType,
 } from "@/types/rush";
 
 export const RushEventStateContext = createContext<RushEventStateType | null>(null);
@@ -11,6 +12,8 @@ export const RushEventDispatchContext = createContext<RushEventDispatchType | nu
 
 const initialState: RushEventStateType = {
     rushList: [],
+    selectOptions: [],
+    prize: {} as RushPrizeType,
 };
 
 const casperCustomReducer = (
@@ -20,7 +23,10 @@ const casperCustomReducer = (
     switch (action.type) {
         case RUSH_ACTION.SET_EVENT_LIST:
             return { ...state, rushList: action.payload };
-
+        case RUSH_ACTION.SET_OPTION:
+            return { ...state, selectOptions: action.payload };
+        case RUSH_ACTION.SET_PRIZE:
+            return { ...state, prize: action.payload };
         default:
             return state;
     }
diff --git a/admin/src/features/Rush/ApplicantList.tsx b/admin/src/features/Rush/ApplicantList.tsx
deleted file mode 100644
index 62a22d93..00000000
--- a/admin/src/features/Rush/ApplicantList.tsx
+++ /dev/null
@@ -1,98 +0,0 @@
-import { useEffect, useState } from "react";
-import Button from "@/components/Button";
-import Dropdown from "@/components/Dropdown";
-import Table from "@/components/Table";
-import useRushEventStateContext from "@/hooks/useRushEventStateContext";
-import { RushApplicantType, RushSelectionType } from "@/types/rush";
-
-export default function ApplicantList() {
-    const { rushList } = useRushEventStateContext();
-
-    const [selectedRush, setSelectedRush] = useState<number>(0);
-
-    const [selectionList, setSelectionList] = useState<RushSelectionType[]>([]);
-    const [applicantList, setApplicantList] = useState<RushApplicantType[]>([]);
-    const [selectedOption, setSelectedOption] = useState<number>(0);
-
-    const selectionTitleList = selectionList.map(
-        (selection, idx) => `옵션 ${idx + 1} : ${selection.main_text}`
-    );
-
-    const APPLICANT_LIST_HEADER = [
-        "ID",
-        "전화번호",
-        "등수",
-        "클릭 시간",
-        <Dropdown
-            options={selectionTitleList}
-            selectedIdx={selectedOption}
-            handleClickOption={(idx) => setSelectedOption(idx)}
-        />,
-    ];
-
-    useEffect(() => {
-        // TODO: 데이터 패칭 로직 구현 필요
-        setApplicantList([
-            {
-                phone_number: "010-1111-2222",
-                balance_game_choice: "1",
-                created_at: "2024-07-25 20:00 123",
-            },
-            {
-                phone_number: "010-1111-2222",
-                balance_game_choice: "1",
-                created_at: "2024-07-25 20:00 125",
-            },
-            {
-                phone_number: "010-1111-2222",
-                balance_game_choice: "1",
-                created_at: "2024-07-25 20:00 127",
-            },
-        ]);
-        setSelectionList([
-            {
-                rush_option_id: "1",
-                main_text: "첫 차로 저렴한 차 사기",
-                sub_text: " 첫 차는 가성비가 짱이지!",
-                result_main_text: "누구보다 가성비 갑인 캐스퍼 일렉트릭",
-                result_sub_text: "전기차 평균보다 훨씬 저렴한 캐스퍼 일렉트릭!",
-                image_url: "left_image.png",
-            },
-            {
-                rush_option_id: "2",
-                main_text: "첫 차로 성능 좋은 차 사기",
-                sub_text: " 차는 당연히 성능이지!",
-                result_main_text: "필요한 건 다 갖춘 캐스퍼 일렉트릭",
-                result_sub_text: "전기차 평균보다 훨씨니 저렴한 캐스퍼 일렉트릭!",
-                image_url: "left_image.png",
-            },
-        ]);
-    }, [selectedRush]);
-
-    const data = applicantList.map((applicant, idx) => {
-        const selectedOptionIdx = parseInt(applicant.balance_game_choice) - 1;
-        return [
-            idx + 1,
-            applicant.phone_number,
-            idx + 1,
-            applicant.created_at,
-            `옵션 ${selectedOptionIdx + 1} : ${selectionList[selectedOptionIdx].main_text}`,
-        ];
-    });
-
-    return (
-        <div className="w-[1560px] flex flex-col mt-10 gap-4">
-            <div className="flex items-center gap-4">
-                <Dropdown
-                    options={rushList.map((rush) => rush.event_date)}
-                    selectedIdx={selectedRush}
-                    handleClickOption={(idx) => setSelectedRush(idx)}
-                />
-                <p className="h-body-1-medium">선착순 참여자 리스트 {applicantList.length} 명</p>
-                <Button buttonSize="sm">당첨자 수만 보기 ON</Button>
-            </div>
-
-            <Table headers={APPLICANT_LIST_HEADER} data={data} />
-        </div>
-    );
-}
diff --git a/admin/src/features/Rush/EventList.tsx b/admin/src/features/Rush/EventList.tsx
index 31d5e2ff..c1baf367 100644
--- a/admin/src/features/Rush/EventList.tsx
+++ b/admin/src/features/Rush/EventList.tsx
@@ -1,33 +1,18 @@
 import { useEffect } from "react";
+import { useNavigate } from "react-router-dom";
 import Button from "@/components/Button";
 import DatePicker from "@/components/DatePicker";
 import Table from "@/components/Table";
 import TimePicker from "@/components/TimePicker";
-import { RUSH_SECTION, RushSectionType } from "@/constants/rush";
+import { EVENT_LIST_HEADER } from "@/constants/rush";
 import useRushEventDispatchContext from "@/hooks/useRushEventDispatchContext";
 import useRushEventStateContext from "@/hooks/useRushEventStateContext";
 import { RUSH_ACTION } from "@/types/rush";
 import { getTimeDifference } from "@/utils/getTimeDifference";
 
-interface EventListProps {
-    handleSelectSection: (idx: number, section: RushSectionType) => void;
-}
-
-const EVENT_LIST_HEADER = [
-    "ID",
-    "이벤트 진행 날짜",
-    "오픈 시간",
-    "종료 시간",
-    "활성화 시간",
-    "선택지 관리",
-    "경품 관리",
-    "선착순 당첨 인원 수",
-    "진행 상태",
-    "참여자 리스트 보기",
-    "관리",
-];
+export default function EventList() {
+    const navigate = useNavigate();
 
-export default function EventList({ handleSelectSection }: EventListProps) {
     const { rushList } = useRushEventStateContext();
     const dispatch = useRushEventDispatchContext();
 
@@ -37,40 +22,40 @@ export default function EventList({ handleSelectSection }: EventListProps) {
             type: RUSH_ACTION.SET_EVENT_LIST,
             payload: [
                 {
-                    rush_event_id: 1,
-                    event_date: "2024-07-25",
-                    open_time: "20:00:00",
-                    close_time: "20:10:00",
-                    winner_count: 315,
-                    prize_image_url: "prize1.png",
-                    prize_description: "스타벅스 1만원 기프트카드",
+                    rushEventId: 1,
+                    eventDate: "2024-07-25",
+                    openTime: "20:00:00",
+                    closeTime: "20:10:00",
+                    winnerCount: 315,
+                    prizeImageUrl: "prize1.png",
+                    prizeDescription: "스타벅스 1만원 기프트카드",
                 },
                 {
-                    rush_event_id: 2,
-                    event_date: "2024-07-26",
-                    open_time: "20:00:00",
-                    close_time: "20:10:00",
-                    winner_count: 315,
-                    prize_image_url: "prize2.png",
-                    prize_description: "올리브영 1만원 기프트카드",
+                    rushEventId: 2,
+                    eventDate: "2024-07-26",
+                    openTime: "20:00:00",
+                    closeTime: "20:10:00",
+                    winnerCount: 315,
+                    prizeImageUrl: "prize2.png",
+                    prizeDescription: "올리브영 1만원 기프트카드",
                 },
                 {
-                    rush_event_id: 2,
-                    event_date: "2024-07-27",
-                    open_time: "20:00:00",
-                    close_time: "20:10:00",
-                    winner_count: 315,
-                    prize_image_url: "prize3.png",
-                    prize_description: "배달의 민족 1만원 기프트카드",
+                    rushEventId: 2,
+                    eventDate: "2024-07-27",
+                    openTime: "20:00:00",
+                    closeTime: "20:10:00",
+                    winnerCount: 315,
+                    prizeImageUrl: "prize3.png",
+                    prizeDescription: "배달의 민족 1만원 기프트카드",
                 },
             ],
         });
     }, []);
 
-    const handleChangeItem = (key: string, changeIdx: number, date: string) => {
+    const handleChangeItem = (key: string, changeIdx: number, text: string | number) => {
         const updatedTableItemList = rushList.map((item, idx) => {
             if (idx === changeIdx) {
-                return { ...item, [key]: date };
+                return { ...item, [key]: text };
             }
             return { ...item };
         });
@@ -81,30 +66,50 @@ export default function EventList({ handleSelectSection }: EventListProps) {
     const getTableData = () => {
         return rushList.map((item, idx) => {
             return [
-                item.rush_event_id,
+                item.rushEventId,
                 <DatePicker
-                    date={item.event_date}
-                    onChangeDate={(date) => handleChangeItem("event_date", idx, date)}
+                    date={item.eventDate}
+                    onChangeDate={(date) => handleChangeItem("eventDate", idx, date)}
                 />,
                 <TimePicker
-                    time={item.open_time}
-                    onChangeTime={(time) => handleChangeItem("open_time", idx, time)}
+                    time={item.openTime}
+                    onChangeTime={(time) => handleChangeItem("openTime", idx, time)}
                 />,
                 <TimePicker
-                    time={item.close_time}
-                    onChangeTime={(time) => handleChangeItem("close_time", idx, time)}
+                    time={item.closeTime}
+                    onChangeTime={(time) => handleChangeItem("closeTime", idx, time)}
                 />,
-                getTimeDifference(item.open_time, item.close_time),
-                <Button buttonSize="sm">선택지 관리</Button>,
-                <Button buttonSize="sm">경품 관리</Button>,
-                <div className="flex justify-between">
-                    <p>{item.winner_count}</p>
-                    <p>편집</p>
+                getTimeDifference(item.openTime, item.closeTime),
+                <Button
+                    buttonSize="sm"
+                    onClick={() =>
+                        navigate("/rush/select-form", { state: { id: item.rushEventId } })
+                    }
+                >
+                    선택지 관리
+                </Button>,
+                <Button
+                    buttonSize="sm"
+                    onClick={() =>
+                        navigate("/rush/prize-form", { state: { id: item.rushEventId } })
+                    }
+                >
+                    경품 관리
+                </Button>,
+                <div className="flex w-full border-b">
+                    <input
+                        value={item.winnerCount}
+                        onChange={(e) =>
+                            handleChangeItem("winnerCount", idx, parseInt(e.target.value) || 0)
+                        }
+                    />
                 </div>,
                 "오픈 전",
                 <Button
                     buttonSize="sm"
-                    onClick={() => handleSelectSection(idx, RUSH_SECTION.APPLICANT_LIST)}
+                    onClick={() =>
+                        navigate("/rush/winner-list", { state: { id: item.rushEventId } })
+                    }
                 >
                     참여자 리스트 보기
                 </Button>,
diff --git a/admin/src/features/Rush/Layout.tsx b/admin/src/features/Rush/Layout.tsx
new file mode 100644
index 00000000..21b8749f
--- /dev/null
+++ b/admin/src/features/Rush/Layout.tsx
@@ -0,0 +1,10 @@
+import { Outlet } from "react-router-dom";
+import { RushEventContext } from "@/contexts/rushEventContext";
+
+export default function RushLayout() {
+    return (
+        <RushEventContext>
+            <Outlet />
+        </RushEventContext>
+    );
+}
diff --git a/admin/src/hooks/useFetch.ts b/admin/src/hooks/useFetch.ts
new file mode 100644
index 00000000..db697c6a
--- /dev/null
+++ b/admin/src/hooks/useFetch.ts
@@ -0,0 +1,20 @@
+import { useState } from "react";
+
+export default function useFetch<T, P = void>(fetch: (params: P) => Promise<T>) {
+    const [data, setData] = useState<T | null>(null);
+    const [isSuccess, setIsSuccess] = useState<boolean>(false);
+    const [isError, setIsError] = useState<boolean>(false);
+
+    const fetchData = async (params?: P) => {
+        try {
+            const data = await fetch(params as P);
+            setData(data);
+            setIsSuccess(!!data);
+        } catch (error) {
+            setIsError(true);
+            console.error(error);
+        }
+    };
+
+    return { data, isSuccess, isError, fetchData };
+}
diff --git a/admin/src/hooks/useInfiniteFetch.ts b/admin/src/hooks/useInfiniteFetch.ts
new file mode 100644
index 00000000..57b86809
--- /dev/null
+++ b/admin/src/hooks/useInfiniteFetch.ts
@@ -0,0 +1,76 @@
+import { useCallback, useEffect, useState } from "react";
+import { InfiniteListData } from "@/types/common";
+
+interface UseInfiniteFetchProps<R> {
+    fetch: (pageParam: number) => Promise<R>;
+    initialPageParam?: number;
+    getNextPageParam: (currentPageParam: number, lastPage: R) => number | undefined;
+    startFetching?: boolean;
+}
+
+interface InfiniteScrollData<T> {
+    data: T[];
+    totalLength: number;
+    fetchNextPage: () => void;
+    refetch: () => void;
+    hasNextPage: boolean;
+    isSuccess: boolean;
+    isError: boolean;
+}
+
+export default function useInfiniteFetch<T>({
+    fetch,
+    initialPageParam,
+    getNextPageParam,
+    startFetching = true,
+}: UseInfiniteFetchProps<InfiniteListData<T>>): InfiniteScrollData<T> {
+    const [data, setData] = useState<T[]>([]);
+    const [currentPageParam, setCurrentPageParam] = useState<number | undefined>(initialPageParam);
+    const [isLoading, setIsLoading] = useState<boolean>(false);
+    const [isSuccess, setIsSuccess] = useState<boolean>(false);
+    const [isError, setIsError] = useState<boolean>(false);
+    const [hasNextPage, setHasNextPage] = useState<boolean>(true);
+    const [totalLength, setTotalLength] = useState<number>(0);
+
+    const fetchNextPage = useCallback(async () => {
+        if (!hasNextPage || isLoading || currentPageParam === undefined) return;
+
+        setIsLoading(true);
+        try {
+            const lastPage = await fetch(currentPageParam);
+            const nextPageParam = getNextPageParam(currentPageParam, lastPage);
+
+            setData([...data, ...lastPage.data]);
+            setCurrentPageParam(nextPageParam);
+            setHasNextPage(nextPageParam !== undefined);
+            setTotalLength(lastPage.totalParticipants);
+            setIsSuccess(true);
+        } catch (error) {
+            setIsError(true);
+            setIsSuccess(false);
+        } finally {
+            setIsLoading(false);
+        }
+    }, [fetch, getNextPageParam, currentPageParam, data, hasNextPage]);
+
+    const refetch = useCallback(async () => {
+        setCurrentPageParam(initialPageParam);
+        setData([]);
+    }, []);
+
+    useEffect(() => {
+        if (startFetching && currentPageParam === initialPageParam) {
+            fetchNextPage();
+        }
+    }, [startFetching, currentPageParam]);
+
+    return {
+        data,
+        totalLength,
+        fetchNextPage,
+        refetch,
+        hasNextPage,
+        isSuccess,
+        isError,
+    };
+}
diff --git a/admin/src/hooks/useIntersectionObserver.ts b/admin/src/hooks/useIntersectionObserver.ts
new file mode 100644
index 00000000..3ef8564a
--- /dev/null
+++ b/admin/src/hooks/useIntersectionObserver.ts
@@ -0,0 +1,47 @@
+import { useEffect, useRef } from "react";
+
+// @ts-expect-error: props로 Generic을 받아서 target 타입 선언 필요
+interface UseIntersectionObserverOptions<T extends HTMLElement> {
+    onIntersect: () => void;
+    enabled: boolean;
+    root?: Element | null;
+    rootMargin?: string;
+}
+
+function useIntersectionObserver<T extends HTMLElement>({
+    onIntersect,
+    enabled,
+    root = document.body,
+    rootMargin = "0px",
+}: UseIntersectionObserverOptions<T>) {
+    const targetRef = useRef<T>(null);
+
+    useEffect(() => {
+        if (!enabled || !targetRef.current) {
+            return;
+        }
+
+        const observerCallback = (entries: IntersectionObserverEntry[]) => {
+            const isIntersect = entries.some((entry) => entry.isIntersecting);
+            if (isIntersect) {
+                onIntersect();
+            }
+        };
+
+        const observer = new IntersectionObserver(observerCallback, {
+            root,
+            rootMargin,
+        });
+        observer.observe(targetRef.current);
+
+        return () => {
+            if (targetRef.current) {
+                observer.unobserve(targetRef.current);
+            }
+        };
+    }, [targetRef, root, onIntersect, enabled]);
+
+    return { targetRef };
+}
+
+export default useIntersectionObserver;
diff --git a/admin/src/pages/Login/index.tsx b/admin/src/pages/Login/index.tsx
index 99c95f9b..f177ab9d 100644
--- a/admin/src/pages/Login/index.tsx
+++ b/admin/src/pages/Login/index.tsx
@@ -1,17 +1,39 @@
-import { ChangeEvent, FormEvent, useState } from "react";
+import { ChangeEvent, FormEvent, useEffect, useState } from "react";
+import { useCookies } from "react-cookie";
 import { useNavigate } from "react-router-dom";
+import { AuthAPI } from "@/apis/authAPI";
 import Button from "@/components/Button";
 import Input from "@/components/Input";
+import { COOKIE_KEY } from "@/constants/cookie";
+import useFetch from "@/hooks/useFetch";
+import { PostAuthResponse } from "@/types/authApi";
 
 export default function Login() {
     const navigate = useNavigate();
 
+    const [_cookies, setCookie] = useCookies([COOKIE_KEY.ACCESS_TOKEN]);
+
     const [id, setId] = useState<string>("");
     const [password, setPassword] = useState<string>("");
     const [errorMessage, setErrorMessage] = useState<string>("");
 
+    const {
+        data: token,
+        isSuccess: isSuccessPostAuth,
+        fetchData: postAuth,
+    } = useFetch<PostAuthResponse>(() => AuthAPI.postAuth({ adminId: id, password }));
+
     const isValidButton = id.length !== 0 && password.length !== 0;
 
+    useEffect(() => {
+        if (isSuccessPostAuth && token) {
+            setCookie(COOKIE_KEY.ACCESS_TOKEN, token.accessToken);
+
+            setErrorMessage("");
+            navigate("/lottery");
+        }
+    }, [isSuccessPostAuth, token]);
+
     const handleChangeId = (e: ChangeEvent<HTMLInputElement>) => {
         setId(e.target.value);
     };
@@ -23,10 +45,7 @@ export default function Login() {
     const handleSubmit = (e: FormEvent<HTMLFormElement>) => {
         e.preventDefault();
 
-        // TODO: 로그인 로직
-
-        setErrorMessage("");
-        navigate("/lottery");
+        postAuth();
     };
 
     return (
diff --git a/admin/src/pages/Lottery/index.tsx b/admin/src/pages/Lottery/index.tsx
index 3943c6b9..f4dabcfe 100644
--- a/admin/src/pages/Lottery/index.tsx
+++ b/admin/src/pages/Lottery/index.tsx
@@ -1,26 +1,71 @@
-import { ChangeEvent, useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import { useNavigate } from "react-router-dom";
 import Button from "@/components/Button";
+import DatePicker from "@/components/DatePicker";
 import TabHeader from "@/components/TabHeader";
+import Table from "@/components/Table";
+import TimePicker from "@/components/TimePicker";
+import { LOTTERY_HEADER } from "@/constants/lottery";
+import { LotteryEventType } from "@/types/lottery";
 
 export default function Lottery() {
     const navigate = useNavigate();
 
-    const [giftCount, setGiftCount] = useState<number>(0);
+    const [lottery, setLottery] = useState<LotteryEventType>({} as LotteryEventType);
 
     useEffect(() => {
-        // TODO: 추첨 이벤트 정보 불러오기
-        setGiftCount(363);
+        const data = {
+            lotteryEventId: 1,
+            startDate: "2024-07-26",
+            startTime: "00:00",
+            endDate: "2024-08-25",
+            endTime: "23:59",
+            appliedCount: 1000000,
+            winnerCount: 363,
+        };
+
+        setLottery(data);
     }, []);
 
-    const handleChangeInput = (e: ChangeEvent<HTMLInputElement>) => {
-        const count = parseInt(e.target.value);
-        setGiftCount(count || 0);
+    const handleChangeItem = (key: string, text: string | number) => {
+        setLottery({ ...lottery, [key]: text });
+    };
+
+    const getLotteryData = () => {
+        return [
+            [
+                <DatePicker
+                    date={lottery.startDate}
+                    onChangeDate={(date) => handleChangeItem("startDate", date)}
+                />,
+                <TimePicker
+                    time={lottery.startTime}
+                    onChangeTime={(time) => handleChangeItem("startTime", time)}
+                />,
+                <DatePicker
+                    date={lottery.endDate}
+                    onChangeDate={(date) => handleChangeItem("endDate", date)}
+                />,
+                <TimePicker
+                    time={lottery.endTime}
+                    onChangeTime={(time) => handleChangeItem("endTime", time)}
+                />,
+                "61일",
+                <div className="border-b flex w-full">
+                    <input
+                        value={lottery.winnerCount}
+                        onChange={(e) =>
+                            handleChangeItem("winnerCount", parseInt(e.target.value) || 0)
+                        }
+                    />
+                </div>,
+                "활성화",
+            ],
+        ];
     };
 
-    const handleLottery = () => {
-        // TODO: 당첨자 추첨
-        navigate("/lottery/winner");
+    const handleUpdate = () => {
+        // TODO: update API 요청
     };
 
     return (
@@ -28,17 +73,26 @@ export default function Lottery() {
             <TabHeader />
 
             <div className="flex flex-col h-full items-center justify-center gap-8 pb-40">
-                <div className="flex border">
-                    <p className="px-6 py-4 w-[200px] bg-gray-50 h-body-1-bold">전체 참여자 수</p>
-                    <p className="px-6 py-4 w-[200px] h-body-1-regular">1000</p>
-                    <p className="px-6 py-4 w-[200px] bg-gray-50 h-body-1-bold">당첨자 수</p>
-                    <div className="self-center px-4">
-                        <input value={giftCount} onChange={handleChangeInput} />
-                    </div>
+                <Table headers={LOTTERY_HEADER} data={getLotteryData()} height="auto" />
+
+                <div className="self-end flex gap-4">
+                    <Button buttonSize="sm" onClick={() => navigate("/lottery/participant-list")}>
+                        참여자 리스트 보러가기
+                    </Button>
+                    <Button
+                        buttonSize="sm"
+                        onClick={() =>
+                            navigate("/lottery/winner-list", {
+                                state: { id: lottery.lotteryEventId },
+                            })
+                        }
+                    >
+                        당첨자 보러가기
+                    </Button>
                 </div>
 
-                <Button buttonSize="lg" onClick={handleLottery}>
-                    당첨자 추첨하기
+                <Button buttonSize="lg" onClick={handleUpdate}>
+                    수정사항 업데이트
                 </Button>
             </div>
         </div>
diff --git a/admin/src/pages/LotteryWinner/index.tsx b/admin/src/pages/LotteryWinner/index.tsx
index ecdb90e6..82b9d972 100644
--- a/admin/src/pages/LotteryWinner/index.tsx
+++ b/admin/src/pages/LotteryWinner/index.tsx
@@ -1,80 +1,61 @@
-import { useEffect, useState } from "react";
-import { useNavigate } from "react-router-dom";
+import { ChangeEvent, useEffect, useState } from "react";
+import { useLoaderData, useNavigate } from "react-router-dom";
+import { LotteryAPI } from "@/apis/lotteryAPI";
 import Button from "@/components/Button";
 import TabHeader from "@/components/TabHeader";
-import Table from "@/components/Table";
-
-const LOTTERY_WINNER_HEADER = [
-    "등수",
-    "ID",
-    "생성 시간",
-    "전화번호",
-    "공유 링크 클릭 횟수",
-    "기대평 작성 여부",
-    "총 응모 횟수",
-];
-const data = [
-    {
-        phone_number: "010-1111-2222",
-        link_clicked_counts: "1",
-        expectation: "1",
-    },
-    {
-        phone_number: "010-1111-2223",
-        link_clicked_counts: "3",
-        expectation: "1",
-    },
-    {
-        phone_number: "010-1111-2224",
-        link_clicked_counts: "4",
-        expectation: "0",
-    },
-];
+import useFetch from "@/hooks/useFetch";
+import { GetLotteryResponse, PostLotteryWinnerResponse } from "@/types/lotteryApi";
 
 export default function LotteryWinner() {
+    const lottery = useLoaderData() as GetLotteryResponse;
+    const lotteryId = lottery.length !== 0 ? lottery[0].lotteryEventId : -1;
+
     const navigate = useNavigate();
 
-    const [winnerList, setWinnerList] = useState([] as any);
+    const [totalCount, setTotalCount] = useState<number>(0);
+    const [giftCount, setGiftCount] = useState<number>(0);
+
+    const { isSuccess: isSuccessPostLottery, fetchData: postLottery } =
+        useFetch<PostLotteryWinnerResponse>(() => LotteryAPI.postLotteryWinner());
 
     useEffect(() => {
-        setWinnerList(
-            data.map((d, idx) => {
-                return [
-                    idx + 1,
-                    d.phone_number,
-                    d.phone_number,
-                    d.phone_number,
-                    d.link_clicked_counts,
-                    d.link_clicked_counts,
-                    d.link_clicked_counts,
-                ];
-            })
-        );
-    }, []);
+        if (lottery.length !== 0) {
+            const currentLotttery = lottery[0];
+            setGiftCount(currentLotttery.winnerCount);
+            setTotalCount(currentLotttery.appliedCount);
+        }
+    }, [lottery]);
+    useEffect(() => {
+        if (isSuccessPostLottery) {
+            navigate("/lottery/winner-list", { state: { id: lotteryId } });
+        }
+    }, [isSuccessPostLottery]);
+
+    const handleChangeInput = (e: ChangeEvent<HTMLInputElement>) => {
+        const count = parseInt(e.target.value);
+        setGiftCount(count || 0);
+    };
 
     const handleLottery = () => {
-        // TODO: 다시 추첨하는 로직 구현
+        postLottery();
     };
 
     return (
         <div className="flex flex-col items-center h-screen">
             <TabHeader />
 
-            <div className="w-[1560px] flex flex-col items-center justify-center gap-8 mt-10">
-                <div className="flex items-center gap-2 self-start">
-                    <img
-                        alt="뒤로 가기 버튼"
-                        src="/assets/icons/left-arrow.svg"
-                        className="cursor-pointer"
-                        onClick={() => navigate(-1)}
-                    />
-                    <p className="h-body-1-medium">당첨자 추첨</p>
+            <div className="flex flex-col h-full items-center justify-center gap-8 pb-40">
+                <div className="flex border">
+                    <p className="px-6 py-4 w-[200px] bg-gray-50 h-body-1-bold">전체 참여자 수</p>
+                    <p className="px-6 py-4 w-[200px] h-body-1-regular">{totalCount}</p>
+                    <p className="px-6 py-4 w-[200px] bg-gray-50 h-body-1-bold">당첨자 수</p>
+                    <div className="self-center mx-4 border-b">
+                        <input value={giftCount} onChange={handleChangeInput} />
+                    </div>
                 </div>
 
-                <Table headers={LOTTERY_WINNER_HEADER} data={winnerList} />
-
                 <Button buttonSize="lg" onClick={handleLottery}>
-                    당첨자 다시 추첨하기
+                    당첨자 추첨하기
                 </Button>
             </div>
         </div>
diff --git a/admin/src/pages/LotteryWinnerList/index.tsx b/admin/src/pages/LotteryWinnerList/index.tsx
new file mode 100644
index 00000000..636c603f
--- /dev/null
+++ b/admin/src/pages/LotteryWinnerList/index.tsx
@@ -0,0 +1,145 @@
+import { useMemo, useRef, useState } from "react";
+import { useLocation, useNavigate } from "react-router-dom";
+import { LotteryAPI } from "@/apis/lotteryAPI";
+import Button from "@/components/Button";
+import TabHeader from "@/components/TabHeader";
+import Table from "@/components/Table";
+import useInfiniteFetch from "@/hooks/useInfiniteFetch";
+import useIntersectionObserver from "@/hooks/useIntersectionObserver";
+import useModal from "@/hooks/useModal";
+import { LotteryExpectationsType } from "@/types/lottery";
+import { GetLotteryWinnerResponse } from "@/types/lotteryApi";
+
+const LOTTERY_WINNER_HEADER = [
+    "등수",
+    "ID",
+    "전화번호",
+    "공유 링크 클릭 횟수",
+    "기대평 작성 여부",
+    "총 응모 횟수",
+];
+const LOTTERY_EXPECTATIONS_HEADER = ["캐스퍼 ID", "기대평"];
+
+export default function LotteryWinnerList() {
+    const location = useLocation();
+    const navigate = useNavigate();
+
+    const lotteryId = location.state.id;
+
+    const { handleOpenModal, ModalComponent } = useModal();
+    const [selectedWinner, setSelectedWinner] = useState<LotteryExpectationsType[]>([]);
+    const phoneNumberRef = useRef<string>("");
+    const phoneNumberInputRef = useRef<HTMLInputElement>(null);
+
+    const {
+        data: winnerInfo,
+        isSuccess: isSuccessGetLotteryWinner,
+        fetchNextPage: getWinnerInfo,
+        refetch: refetchWinnerInfo,
+    } = useInfiniteFetch({
+        fetch: (pageParam: number) =>
+            LotteryAPI.getLotteryWinner({
+                id: lotteryId,
+                size: 10,
+                page: pageParam,
+                phoneNumber: phoneNumberRef.current,
+            }),
+        initialPageParam: 1,
+        getNextPageParam: (currentPageParam: number, lastPage: GetLotteryWinnerResponse) => {
+            return lastPage.isLastPage ? undefined : currentPageParam + 1;
+        },
+    });
+
+    const tableContainerRef = useRef<HTMLDivElement>(null);
+    const { targetRef } = useIntersectionObserver<HTMLTableRowElement>({
+        onIntersect: getWinnerInfo,
+        enabled: isSuccessGetLotteryWinner,
+    });
+
+    const handleRefetch = () => {
+        phoneNumberRef.current = phoneNumberInputRef.current?.value || "";
+        refetchWinnerInfo();
+    };
+
+    const handleLottery = () => {
+        navigate("/lottery/winner");
+    };
+
+    const handleClickExpectation = async (winnerId: number) => {
+        handleOpenModal();
+
+        const data = await LotteryAPI.getLotteryExpectations({
+            lotteryId,
+            participantId: winnerId,
+        });
+        setSelectedWinner(data);
+    };
+
+    const expectations = selectedWinner.map((winner) => [winner.casperId, winner.expectation]);
+
+    const winnerList = useMemo(
+        () =>
+            winnerInfo.map((winner, idx) => [
+                idx + 1,
+                winner.id,
+                winner.phoneNumber,
+                winner.linkClickedCounts,
+                <div className="flex justify-between">
+                    <span>{winner.expectation}</span>
+                    <span
+                        className="cursor-pointer"
+                        onClick={() => handleClickExpectation(winner.id)}
+                    >
+                        기대평 보기
+                    </span>
+                </div>,
+                winner.appliedCount,
+            ]),
+        [winnerInfo]
+    );
+
+    return (
+        <div className="flex flex-col items-center h-screen">
+            <TabHeader />
+
+            <div className="w-[1560px] flex flex-col items-center justify-center gap-8 mt-10">
+                <div className="flex w-full justify-between">
+                    <div className="flex items-center gap-2">
+                        <img
+                            alt="뒤로 가기 버튼"
+                            src="/assets/icons/left-arrow.svg"
+                            className="cursor-pointer"
+                            onClick={() => navigate(-1)}
+                        />
+                        <p className="h-body-1-medium">당첨자 리스트</p>
+                    </div>
+
+                    <div className="flex gap-2">
+                        <input
+                            ref={phoneNumberInputRef}
+                            className="border border-neutral-950 rounded-lg text-neutral-950 h-body-1-medium"
+                        />
+                        <Button buttonSize="sm" onClick={handleRefetch}>
+                            검색
+                        </Button>
+                    </div>
+                </div>
+
+                <Table
+                    ref={tableContainerRef}
+                    headers={LOTTERY_WINNER_HEADER}
+                    data={winnerList}
+                    dataLastItem={targetRef}
+                />
+
+                <Button buttonSize="lg" onClick={handleLottery}>
+                    당첨자 다시 추첨하기
+                </Button>
+            </div>
+
+            <ModalComponent>
+                <Table headers={LOTTERY_EXPECTATIONS_HEADER} data={expectations} />
+            </ModalComponent>
+        </div>
+    );
+}
diff --git a/admin/src/pages/Rush/index.tsx b/admin/src/pages/Rush/index.tsx
index e3f0e947..5f200e1d 100644
--- a/admin/src/pages/Rush/index.tsx
+++ b/admin/src/pages/Rush/index.tsx
@@ -1,6 +1,6 @@
 import { useEffect } from "react";
 import TabHeader from "@/components/TabHeader";
-import ApplicantList from "@/features/Rush/ApplicantList";
+import EventList from "@/features/Rush/EventList";
 import useRushEventDispatchContext from "@/hooks/useRushEventDispatchContext";
 import { RUSH_ACTION } from "@/types/rush";
 
@@ -13,31 +13,31 @@ export default function Rush() {
             type: RUSH_ACTION.SET_EVENT_LIST,
             payload: [
                 {
-                    rush_event_id: 1,
-                    event_date: "2024-07-25",
-                    open_time: "20:00:00",
-                    close_time: "20:10:00",
-                    winner_count: 315,
-                    prize_image_url: "prize1.png",
-                    prize_description: "스타벅스 1만원 기프트카드",
+                    rushEventId: 1,
+                    eventDate: "2024-07-25",
+                    openTime: "20:00:00",
+                    closeTime: "20:10:00",
+                    winnerCount: 315,
+                    prizeImageUrl: "prize1.png",
+                    prizeDescription: "스타벅스 1만원 기프트카드",
                 },
                 {
-                    rush_event_id: 2,
-                    event_date: "2024-07-26",
-                    open_time: "20:00:00",
-                    close_time: "20:10:00",
-                    winner_count: 315,
-                    prize_image_url: "prize2.png",
-                    prize_description: "올리브영 1만원 기프트카드",
+                    rushEventId: 2,
+                    eventDate: "2024-07-26",
+                    openTime: "20:00:00",
+                    closeTime: "20:10:00",
+                    winnerCount: 315,
+                    prizeImageUrl: "prize2.png",
+                    prizeDescription: "올리브영 1만원 기프트카드",
                 },
                 {
-                    rush_event_id: 2,
-                    event_date: "2024-07-27",
-                    open_time: "20:00:00",
-                    close_time: "20:10:00",
-                    winner_count: 315,
-                    prize_image_url: "prize3.png",
-                    prize_description: "배달의 민족 1만원 기프트카드",
+                    rushEventId: 2,
+                    eventDate: "2024-07-27",
+                    openTime: "20:00:00",
+                    closeTime: "20:10:00",
+                    winnerCount: 315,
+                    prizeImageUrl: "prize3.png",
+                    prizeDescription: "배달의 민족 1만원 기프트카드",
                 },
             ],
         });
@@ -47,7 +47,7 @@ export default function Rush() {
         <div className="flex flex-col items-center">
             <TabHeader />
 
-            <ApplicantList />
+            <EventList />
         </div>
     );
 }
diff --git a/admin/src/pages/RushPrizeForm/index.tsx b/admin/src/pages/RushPrizeForm/index.tsx
new file mode 100644
index 00000000..eb3ea086
--- /dev/null
+++ b/admin/src/pages/RushPrizeForm/index.tsx
@@ -0,0 +1,73 @@
+import { useEffect, useState } from "react";
+import { useNavigate } from "react-router-dom";
+import Button from "@/components/Button";
+import SelectForm from "@/components/SelectForm";
+import TabHeader from "@/components/TabHeader";
+import TextField from "@/components/TextField";
+import useRushEventDispatchContext from "@/hooks/useRushEventDispatchContext";
+import useRushEventStateContext from "@/hooks/useRushEventStateContext";
+import { RUSH_ACTION, RushPrizeType } from "@/types/rush";
+
+export default function RushPrizeForm() {
+    const navigate = useNavigate();
+
+    const { prize } = useRushEventStateContext();
+    const dispatch = useRushEventDispatchContext();
+
+    const [prizeState, setPrizeState] = useState<RushPrizeType>({} as RushPrizeType);
+
+    useEffect(() => {
+        setPrizeState(prize);
+    }, [prize]);
+    useEffect(() => {
+        dispatch({
+            type: RUSH_ACTION.SET_PRIZE,
+            payload: {
+                prizeImageUrl: "prize.png",
+                prizeDescription: "메가박스 영화 예매권",
+            },
+        });
+    }, []);
+
+    const handleUpdate = () => {
+        dispatch({
+            type: RUSH_ACTION.SET_PRIZE,
+            payload: prizeState,
+        });
+    };
+
+    const option = [
+        ["이미지", <input type="file" />],
+        [
+            "경품 이름 (20자 이내)",
+            <TextField
+                value={prizeState.prizeDescription}
+                onChange={(e) => setPrizeState({ ...prizeState, prizeDescription: e.target.value })}
+            />,
+        ],
+    ];
+
+    return (
+        <div className="flex flex-col items-center h-screen">
+            <TabHeader />
+
+            <div className="w-[1560px] flex flex-col items-center justify-center gap-8 mt-10">
+                <div className="flex items-center gap-2 self-start">
+                    <img
+                        alt="뒤로 가기 버튼"
+                        src="/assets/icons/left-arrow.svg"
+                        className="cursor-pointer"
+                        onClick={() => navigate(-1)}
+                    />
+                    <p className="h-body-1-medium">밸런스 게임 경품 관리</p>
+                </div>
+
+                <SelectForm header="경품 관리" data={option} />
+
+                <Button buttonSize="lg" onClick={handleUpdate}>
+                    임시 저장
+                </Button>
+            </div>
+        </div>
+    );
+}
diff --git a/admin/src/pages/RushSelectForm/index.tsx b/admin/src/pages/RushSelectForm/index.tsx
new file mode 100644
index 00000000..06839707
--- /dev/null
+++ b/admin/src/pages/RushSelectForm/index.tsx
@@ -0,0 +1,143 @@
+import { useEffect, useState } from "react";
+import { useNavigate } from "react-router-dom";
+import Button from "@/components/Button";
+import SelectForm from "@/components/SelectForm";
+import TabHeader from "@/components/TabHeader";
+import TextField from "@/components/TextField";
+import useRushEventDispatchContext from "@/hooks/useRushEventDispatchContext";
+import useRushEventStateContext from "@/hooks/useRushEventStateContext";
+import { RUSH_ACTION, RushOptionType } from "@/types/rush";
+
+export default function RushSelectForm() {
+    const navigate = useNavigate();
+
+    const { selectOptions } = useRushEventStateContext();
+    const dispatch = useRushEventDispatchContext();
+
+    const [selectOptionState, setSelectOptionState] = useState<RushOptionType[]>([]);
+
+    useEffect(() => {
+        setSelectOptionState(selectOptions);
+    }, [selectOptions]);
+    useEffect(() => {
+        dispatch({
+            type: RUSH_ACTION.SET_OPTION,
+            payload: [
+                {
+                    rushOptionId: 1,
+                    mainText: "첫 차로 저렴한 차 사기",
+                    subText: "첫 차는 가성비가 짱이지!",
+                    resultMainText: "누구보다 가성비 갑인 캐스퍼 일렉트릭",
+                    resultSubText: "전기차 평균보다 훨씬 저렴한 캐스퍼 일렉트릭!",
+                    imageUrl: "left_image.png",
+                },
+                {
+                    rushOptionId: 2,
+                    mainText: "첫 차로 성능 좋은 차 사기",
+                    subText: "차는 당연히 성능이지!",
+                    resultMainText: "필요한 건 다 갖춘 캐스퍼 일렉트릭",
+                    resultSubText: "전기차 평균보다 훨씨니 저렴한 캐스퍼 일렉트릭!",
+                    imageUrl: "left_image.png",
+                },
+            ],
+        });
+    }, []);
+
+    const handleUpdate = () => {
+        dispatch({ type: RUSH_ACTION.SET_OPTION, payload: selectOptionState });
+    };
+
+    const handleChangeItem = (key: string, changeIdx: number, text: string) => {
+        const updatedItem = selectOptionState.map((item, idx) => {
+            if (idx === changeIdx) {
+                return { ...item, [key]: text };
+            }
+            return { ...item };
+        });
+
+        setSelectOptionState(updatedItem);
+    };
+
+    const getSelectOption = (idx: number) => {
+        if (selectOptionState.length >= 2) {
+            return [
+                [
+                    "메인 문구 (15자 이내)",
+                    <TextField
+                        value={selectOptionState[idx].mainText}
+                        onChange={(e) => handleChangeItem("mainText", idx, e.target.value)}
+                    />,
+                ],
+                [
+                    "서브 문구 (40자 이내)",
+                    <TextField
+                        value={selectOptionState[idx].subText}
+                        onChange={(e) => handleChangeItem("subText", idx, e.target.value)}
+                    />,
+                ],
+            ];
+        }
+        return [];
+    };
+    const getSelectOptionResult = (idx: number) => {
+        if (selectOptionState.length >= 2) {
+            return [
+                ["이미지", <input type="file" />],
+                [
+                    "메인 문구 (20자 이내)",
+                    <TextField
+                        value={selectOptionState[idx].resultMainText}
+                        onChange={(e) => handleChangeItem("resultMainText", idx, e.target.value)}
+                    />,
+                ],
+                [
+                    "서브 문구 (45자 이내)",
+                    <TextField
+                        value={selectOptionState[idx].resultSubText}
+                        onChange={(e) => handleChangeItem("resultSubText", idx, e.target.value)}
+                    />,
+                ],
+            ];
+        }
+        return [];
+    };
+
+    return (
+        <div className="flex flex-col items-center h-screen">
+            <TabHeader />
+
+            <div className="w-[1560px] flex flex-col items-center justify-center gap-8 mt-10">
+                <div className="flex items-center gap-2 self-start">
+                    <img
+                        alt="뒤로 가기 버튼"
+                        src="/assets/icons/left-arrow.svg"
+                        className="cursor-pointer"
+                        onClick={() => navigate(-1)}
+                    />
+                    <p className="h-body-1-medium">밸런스 게임 선택지 관리</p>
+                </div>
+
+                <div className="flex gap-10">
+                    <div className="flex flex-col gap-4">
+                        <SelectForm header="옵션 1 선택지" data={getSelectOption(0)} />
+                        <SelectForm
+                            header="옵션 1 선택 결과 정보"
+                            data={getSelectOptionResult(0)}
+                        />
+                    </div>
+                    <div className="flex flex-col gap-4">
+                        <SelectForm header="옵션 2 선택지" data={getSelectOption(1)} />
+                        <SelectForm
+                            header="옵션 2 선택 결과 정보"
+                            data={getSelectOptionResult(1)}
+                        />
+                    </div>
+                </div>
+
+                <Button buttonSize="lg" onClick={handleUpdate}>
+                    임시 저장
+                </Button>
+            </div>
+        </div>
+    );
+}
diff --git a/admin/src/pages/RushWinnerList/index.tsx b/admin/src/pages/RushWinnerList/index.tsx
new file mode 100644
index 00000000..06ac7b51
--- /dev/null
+++ b/admin/src/pages/RushWinnerList/index.tsx
@@ -0,0 +1,203 @@
+import { useEffect, useMemo, useRef, useState } from "react";
+import { useLocation, useNavigate } from "react-router-dom";
+import { RushAPI } from "@/apis/rushAPI";
+import Button from "@/components/Button";
+import Dropdown from "@/components/Dropdown";
+import TabHeader from "@/components/TabHeader";
+import Table from "@/components/Table";
+import useFetch from "@/hooks/useFetch";
+import useInfiniteFetch from "@/hooks/useInfiniteFetch";
+import useIntersectionObserver from "@/hooks/useIntersectionObserver";
+import { RushOptionType } from "@/types/rush";
+import { GetRushOptionsResponse, GetRushParticipantListResponse } from "@/types/rushApi";
+
+export default function RushWinnerList() {
+    const location = useLocation();
+    const navigate = useNavigate();
+
+    const rushId = location.state.id;
+
+    const [isWinnerToggle, setIsWinnerToggle] = useState<boolean>(false);
+    const [options, setOptions] = useState<RushOptionType[]>([]);
+    const [selectedOptionIdx, setSelectedOptionIdx] = useState<number>(0);
+
+    const phoneNumberRef = useRef<string>("");
+    const phoneNumberInputRef = useRef<HTMLInputElement>(null);
+
+    const {
+        data: participants,
+        totalLength: participantsLength,
+        isSuccess: isSuccessGetRushParticipantList,
+        fetchNextPage: getRushParticipantList,
+        refetch: refetchRushParticipantList,
+    } = useInfiniteFetch({
+        fetch: (pageParam: number) =>
+            RushAPI.getRushParticipantList({
+                id: rushId,
+                size: 10,
+                page: pageParam,
+                option: options[selectedOptionIdx].rushOptionId,
+                phoneNumber: phoneNumberRef.current,
+            }),
+        initialPageParam: 1,
+        getNextPageParam: (currentPageParam: number, lastPage: GetRushParticipantListResponse) => {
+            return lastPage.isLastPage ? undefined : currentPageParam + 1;
+        },
+        startFetching: options.length !== 0,
+    });
+    const {
+        data: winners,
+        totalLength: winnersLength,
+        isSuccess: isSuccessGetRushWinnerList,
+        fetchNextPage: getRushWinnerList,
+        refetch: refetchRushWinnerList,
+    } = useInfiniteFetch({
+        fetch: (pageParam: number) =>
+            RushAPI.getRushWinnerList({
+                id: rushId,
+                size: 10,
+                page: pageParam,
+                phoneNumber: phoneNumberRef.current,
+            }),
+        initialPageParam: 1,
+        getNextPageParam: (currentPageParam: number, lastPage: GetRushParticipantListResponse) => {
+            return lastPage.isLastPage ? undefined : currentPageParam + 1;
+        },
+    });
+
+    const {
+        data: rushOptions,
+        isSuccess: isSuccessGetRushOptions,
+        fetchData: getRushOptions,
+    } = useFetch<GetRushOptionsResponse>(() => RushAPI.getRushOptions({ id: rushId }));
+
+    const currentData = isWinnerToggle ? winners : participants;
+
+    const tableContainerRef = useRef<HTMLDivElement>(null);
+    const { targetRef } = useIntersectionObserver<HTMLTableRowElement>({
+        onIntersect: isWinnerToggle ? getRushWinnerList : getRushParticipantList,
+        enabled: isSuccessGetRushParticipantList && isSuccessGetRushWinnerList,
+    });
+
+    useEffect(() => {
+        getRushOptions();
+    }, []);
+
+    useEffect(() => {
+        if (isSuccessGetRushOptions && rushOptions) {
+            setOptions(rushOptions);
+            setSelectedOptionIdx(0);
+        }
+    }, [isSuccessGetRushOptions, rushOptions]);
+    useEffect(() => {
+        return () => handleTableScrollTop();
+    }, [isWinnerToggle]);
+    useEffect(() => {
+        refetchRushParticipantList();
+    }, [selectedOptionIdx]);
+
+    const handleSearchPhoneNumber = () => {
+        phoneNumberRef.current = phoneNumberInputRef.current?.value || "";
+
+        if (isWinnerToggle) {
+            refetchRushWinnerList();
+        } else {
+            refetchRushParticipantList();
+        }
+    };
+
+    const handleTableScrollTop = () => {
+        if (tableContainerRef.current) {
+            const table = tableContainerRef.current.querySelector(".table-contents");
+            table?.scrollTo({ top: 0 });
+        }
+    };
+
+    const handleClickOption = (idx: number) => {
+        handleTableScrollTop();
+        setSelectedOptionIdx(() => idx);
+    };
+
+    const optionTitleList = useMemo(
+        () => options.map((option) => `옵션 ${option.rushOptionId} : ${option.mainText}`),
+        [options]
+    );
+    const participantHeader = useMemo(
+        () => [
+            "ID",
+            "전화번호",
+            "등수",
+            "클릭 시간",
+            isWinnerToggle ? (
+                "선택한 옵션"
+            ) : (
+                <Dropdown
+                    options={optionTitleList}
+                    selectedIdx={selectedOptionIdx}
+                    handleClickOption={handleClickOption}
+                />
+            ),
+        ],
+        [optionTitleList, isWinnerToggle, selectedOptionIdx]
+    );
+    const dataList = useMemo(
+        () =>
+            currentData.map((participant) => {
+                const selectedOptionIdx = participant.balanceGameChoice - 1;
+                return [
+                    participant.id,
+                    participant.phoneNumber,
+                    participant.rank,
+                    participant.createdAt,
+                    `옵션 ${selectedOptionIdx + 1} : ${options[selectedOptionIdx].mainText}`,
+                ];
+            }),
+        [currentData, selectedOptionIdx]
+    );
+
+    return (
+        <div className="flex flex-col items-center h-screen">
+            <TabHeader />
+
+            <div className="w-[1560px] flex flex-col mt-10 gap-4">
+                <div className="flex justify-between">
+                    <div className="flex items-center gap-4">
+                        <img
+                            alt="뒤로 가기 버튼"
+                            src="/assets/icons/left-arrow.svg"
+                            className="cursor-pointer"
+                            onClick={() => navigate(-1)}
+                        />
+                        <p className="h-body-1-medium">
+                            선착순 참여자 리스트{" "}
+                            {isWinnerToggle ? winnersLength : participantsLength} 명
+                        </p>
+                        <Button
+                            buttonSize="sm"
+                            onClick={() => setIsWinnerToggle((prevToggle) => !prevToggle)}
+                        >
+                            당첨자 수만 보기 {isWinnerToggle ? "OFF" : "ON"}
+                        </Button>
+                    </div>
+
+                    <div className="flex gap-2">
+                        <input
+                            ref={phoneNumberInputRef}
+                            className="border border-neutral-950 rounded-lg text-neutral-950 h-body-1-medium"
+                        />
+                        <Button buttonSize="sm" onClick={handleSearchPhoneNumber}>
+                            검색
+                        </Button>
+                    </div>
+                </div>
+
+                <Table
+                    headers={participantHeader}
+                    ref={tableContainerRef}
+                    data={dataList}
+                    dataLastItem={targetRef}
+                />
+            </div>
+        </div>
+    );
+}
diff --git a/admin/src/router.tsx b/admin/src/router.tsx
index 9a5ed0c4..1c9291dc 100644
--- a/admin/src/router.tsx
+++ b/admin/src/router.tsx
@@ -1,9 +1,16 @@
 import { createBrowserRouter } from "react-router-dom";
+import { LotteryAPI } from "./apis/lotteryAPI";
 import Layout from "./components/Layout";
+import { ProtectedRoute, UnProtectedRoute } from "./components/Route";
+import RushLayout from "./features/Rush/Layout";
 import Login from "./pages/Login";
 import Lottery from "./pages/Lottery";
 import LotteryWinner from "./pages/LotteryWinner";
+import LotteryWinnerList from "./pages/LotteryWinnerList";
 import Rush from "./pages/Rush";
+import RushPrizeForm from "./pages/RushPrizeForm";
+import RushSelectForm from "./pages/RushSelectForm";
+import RushWinnerList from "./pages/RushWinnerList";
 
 export const router = createBrowserRouter([
     {
@@ -11,26 +18,59 @@ export const router = createBrowserRouter([
         element: <Layout />,
         children: [
             {
-                path: "login/",
-                element: <Login />,
+                element: <UnProtectedRoute />,
+                children: [
+                    {
+                        path: "login/",
+                        element: <Login />,
+                    },
+                ],
             },
             {
-                path: "lottery/",
+                element: <ProtectedRoute />,
                 children: [
                     {
-                        index: true,
-                        element: <Lottery />,
+                        path: "rush/",
+                        element: <RushLayout />,
+                        children: [
+                            {
+                                index: true,
+                                element: <Rush />,
+                            },
+                            {
+                                path: "select-form",
+                                element: <RushSelectForm />,
+                            },
+                            {
+                                path: "prize-form",
+                                element: <RushPrizeForm />,
+                            },
+                            {
+                                path: "winner-list",
+                                element: <RushWinnerList />,
+                            },
+                        ],
                     },
                     {
-                        path: "winner",
-                        element: <LotteryWinner />,
+                        path: "lottery/",
+                        children: [
+                            {
+                                index: true,
+                                element: <Lottery />,
+                            },
+                            {
+                                path: "winner",
+                                element: <LotteryWinner />,
+                                loader: LotteryAPI.getLottery,
+                            },
+                            {
+                                path: "winner-list",
+                                element: <LotteryWinnerList />,
+                            },
+                        ],
                     },
                 ],
             },
-            {
-                path: "rush/",
-                element: <Rush />,
-            },
         ],
     },
 ]);
diff --git a/admin/src/types/authApi.ts b/admin/src/types/authApi.ts
new file mode 100644
index 00000000..924756b0
--- /dev/null
+++ b/admin/src/types/authApi.ts
@@ -0,0 +1,8 @@
+export interface PostAuthParams {
+    adminId: string;
+    password: string;
+}
+
+export interface PostAuthResponse {
+    accessToken: string;
+}
diff --git a/admin/src/types/common.ts b/admin/src/types/common.ts
new file mode 100644
index 00000000..ef8aee87
--- /dev/null
+++ b/admin/src/types/common.ts
@@ -0,0 +1,5 @@
+export interface InfiniteListData<T> {
+    data: T[];
+    isLastPage: boolean;
+    totalParticipants: number;
+}
diff --git a/admin/src/types/lottery.ts b/admin/src/types/lottery.ts
new file mode 100644
index 00000000..b4d31471
--- /dev/null
+++ b/admin/src/types/lottery.ts
@@ -0,0 +1,22 @@
+export interface LotteryEventType {
+    lotteryEventId: number;
+    startDate: string;
+    startTime: string;
+    endDate: string;
+    endTime: string;
+    appliedCount: number;
+    winnerCount: number;
+}
+
+export interface LotteryExpectationsType {
+    casperId: number;
+    expectation: string;
+}
+
+export interface LotteryWinnerType {
+    id: number;
+    phoneNumber: string;
+    linkClickedCounts: number;
+    expectation: number;
+    appliedCount: number;
+}
diff --git a/admin/src/types/lotteryApi.ts b/admin/src/types/lotteryApi.ts
new file mode 100644
index 00000000..72dac425
--- /dev/null
+++ b/admin/src/types/lotteryApi.ts
@@ -0,0 +1,24 @@
+import { InfiniteListData } from "./common";
+import { LotteryEventType, LotteryExpectationsType, LotteryWinnerType } from "./lottery";
+
+export type GetLotteryResponse = LotteryEventType[];
+
+export interface PostLotteryWinnerResponse {
+    message: string;
+}
+
+export interface GetLotteryWinnerParams {
+    id: number;
+    size: number;
+    page: number;
+    phoneNumber?: string;
+}
+
+export interface GetLotteryExpectationsParams {
+    lotteryId: number;
+    participantId: number;
+}
+
+export type GetLotteryExpectationsResponse = LotteryExpectationsType[];
+
+export type GetLotteryWinnerResponse = InfiniteListData<LotteryWinnerType>;
diff --git a/admin/src/types/rush.ts b/admin/src/types/rush.ts
index dde663d8..f8eaeb53 100644
--- a/admin/src/types/rush.ts
+++ b/admin/src/types/rush.ts
@@ -1,27 +1,54 @@
 import { Dispatch } from "react";
 
 export interface RushEventType {
-    rush_event_id: number;
-    event_date: string;
-    open_time: string;
-    close_time: string;
-    winner_count: number;
-    prize_image_url: string;
-    prize_description: string;
+    rushEventId: number;
+    eventDate: string;
+    openTime: string;
+    closeTime: string;
+    winnerCount: number;
+    prizeImageUrl: string;
+    prizeDescription: string;
+}
+
+export interface RushOptionType {
+    rushOptionId: number;
+    mainText: string;
+    subText: string;
+    resultMainText: string;
+    resultSubText: string;
+    imageUrl: string;
+}
+
+export interface RushPrizeType {
+    prizeImageUrl: string;
+    prizeDescription: string;
 }
 
 export interface RushEventStateType {
     rushList: RushEventType[];
+    selectOptions: RushOptionType[];
+    prize: RushPrizeType;
 }
 
 export const RUSH_ACTION = {
     SET_EVENT_LIST: "SET_EVENT_LIST",
+    SET_OPTION: "SET_OPTION",
+    SET_PRIZE: "SET_PRIZE",
 } as const;
 
-export type RushEventAction = {
-    type: typeof RUSH_ACTION.SET_EVENT_LIST;
-    payload: RushEventType[];
-};
+export type RushEventAction =
+    | {
+          type: typeof RUSH_ACTION.SET_EVENT_LIST;
+          payload: RushEventType[];
+      }
+    | {
+          type: typeof RUSH_ACTION.SET_OPTION;
+          payload: RushOptionType[];
+      }
+    | {
+          type: typeof RUSH_ACTION.SET_PRIZE;
+          payload: RushPrizeType;
+      };
 
 export type RushEventDispatchType = Dispatch<RushEventAction>;
 
@@ -31,11 +58,19 @@ export interface RushApplicantType {
     created_at: string;
 }
 
-export interface RushSelectionType {
-    rush_option_id: string;
-    main_text: string;
-    sub_text: string;
-    result_main_text: string;
-    result_sub_text: string;
-    image_url: string;
+export interface RushParticipantType {
+    id: number;
+    phoneNumber: string;
+    balanceGameChoice: number;
+    createdAt: string;
+    rank: number;
+}
+
+export interface RushOptionType {
+    rushOptionId: number;
+    mainText: string;
+    subText: string;
+    resultMainText: string;
+    resultSubText: string;
+    imageUrl: string;
 }
diff --git a/admin/src/types/rushApi.ts b/admin/src/types/rushApi.ts
new file mode 100644
index 00000000..a9a32e25
--- /dev/null
+++ b/admin/src/types/rushApi.ts
@@ -0,0 +1,26 @@
+import { InfiniteListData } from "./common";
+import { RushOptionType, RushParticipantType } from "./rush";
+
+export interface GetRushParticipantListParams {
+    id: number;
+    size: number;
+    page: number;
+    option: number;
+    phoneNumber?: string;
+}
+
+export type GetRushOptionsResponse = RushOptionType[];
+
+export type GetRushParticipantListResponse = InfiniteListData<RushParticipantType>;
+
+export interface GetRushWinnerListParams {
+    id: number;
+    size: number;
+    page: number;
+    phoneNumber?: string;
+}
+export type GetRushWinnerListResponse = InfiniteListData<RushParticipantType>;
+
+export interface GetRushOptionsParams {
+    id: number;
+}
diff --git a/admin/src/utils/fetchWithTimeout.ts b/admin/src/utils/fetchWithTimeout.ts
new file mode 100644
index 00000000..371107f3
--- /dev/null
+++ b/admin/src/utils/fetchWithTimeout.ts
@@ -0,0 +1,14 @@
+export async function fetchWithTimeout(url: string, options: RequestInit = {}, timeout = 5000) {
+    const controller = new AbortController();
+    const id = setTimeout(() => controller.abort(), timeout);
+    options.signal = controller.signal;
+
+    try {
+        const response = await fetch(url, options);
+        clearTimeout(id);
+        return response;
+    } catch (error) {
+        clearTimeout(id);
+        throw error;
+    }
+}
diff --git a/admin/yarn.lock b/admin/yarn.lock
index f2a985b3..4ad19454 100644
--- a/admin/yarn.lock
+++ b/admin/yarn.lock
@@ -621,11 +621,24 @@
   dependencies:
     "@babel/types" "^7.20.7"
 
+"@types/cookie@^0.6.0":
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/@types/cookie/-/cookie-0.6.0.tgz#eac397f28bf1d6ae0ae081363eca2f425bedf0d5"
+  integrity sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA==
+
 "@types/estree@1.0.5":
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.5.tgz#a6ce3e556e00fd9895dd872dd172ad0d4bd687f4"
   integrity sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==
 
+"@types/hoist-non-react-statics@^3.3.5":
+  version "3.3.5"
+  resolved "https://registry.yarnpkg.com/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.5.tgz#dab7867ef789d87e2b4b0003c9d65c49cc44a494"
+  integrity sha512-SbcrWzkKBw2cdwRTwQAswfpB9g9LJWfjtUeW/jvNwbhC8cpmmNYVePa+ncbUe0rGTQ7G3Ff6mYUN2VMfLVr+Sg==
+  dependencies:
+    "@types/react" "*"
+    hoist-non-react-statics "^3.3.0"
+
 "@types/prop-types@*":
   version "15.7.12"
   resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.12.tgz#12bb1e2be27293c1406acb6af1c3f3a1481d98c6"
@@ -1067,6 +1080,11 @@ convert-source-map@^2.0.0:
   resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-2.0.0.tgz#4b560f649fc4e918dd0ab75cf4961e8bc882d82a"
   integrity sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==
 
+cookie@^0.6.0:
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/cookie/-/cookie-0.6.0.tgz#2798b04b071b0ecbff0dbb62a505a8efa4e19051"
+  integrity sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==
+
 cross-spawn@^7.0.0, cross-spawn@^7.0.2:
   version "7.0.3"
   resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.3.tgz#f73a85b9d5d41d045551c177e2882d4ac85728a6"
@@ -1768,6 +1786,13 @@ hasown@^2.0.0, hasown@^2.0.1, hasown@^2.0.2:
   dependencies:
     function-bind "^1.1.2"
 
+hoist-non-react-statics@^3.3.0, hoist-non-react-statics@^3.3.2:
+  version "3.3.2"
+  resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz#ece0acaf71d62c2969c2ec59feff42a4b1a85b45"
+  integrity sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==
+  dependencies:
+    react-is "^16.7.0"
+
 ignore@^5.2.0, ignore@^5.3.1:
   version "5.3.1"
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.3.1.tgz#5073e554cd42c5b33b394375f538b8593e34d4ef"
@@ -2464,6 +2489,15 @@ queue-microtask@^1.2.2:
   resolved "https://registry.yarnpkg.com/queue-microtask/-/queue-microtask-1.2.3.tgz#4929228bbc724dfac43e0efb058caf7b6cfb6243"
   integrity sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==
 
+react-cookie@^7.2.0:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/react-cookie/-/react-cookie-7.2.0.tgz#5770cd8d6b3c60c5d34ec4b7926f90281aee22ae"
+  integrity sha512-mqhPERUyfOljq5yJ4woDFI33bjEtigsl8JDJdPPeNhr0eSVZmBc/2Vdf8mFxOUktQxhxTR1T+uF0/FRTZyBEgw==
+  dependencies:
+    "@types/hoist-non-react-statics" "^3.3.5"
+    hoist-non-react-statics "^3.3.2"
+    universal-cookie "^7.0.0"
+
 react-dom@^18.3.1:
   version "18.3.1"
   resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-18.3.1.tgz#c2265d79511b57d479b3dd3fdfa51536494c5cb4"
@@ -2472,7 +2506,7 @@ react-dom@^18.3.1:
     loose-envify "^1.1.0"
     scheduler "^0.23.2"
 
-react-is@^16.13.1:
+react-is@^16.13.1, react-is@^16.7.0:
   version "16.13.1"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
   integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
@@ -2708,8 +2742,16 @@ source-map@^0.5.0:
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc"
   integrity sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==
 
-"string-width-cjs@npm:string-width@^4.2.0", string-width@^4.1.0:
-  name string-width-cjs
+"string-width-cjs@npm:string-width@^4.2.0":
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
+  integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
+  dependencies:
+    emoji-regex "^8.0.0"
+    is-fullwidth-code-point "^3.0.0"
+    strip-ansi "^6.0.1"
+
+string-width@^4.1.0:
   version "4.2.3"
   resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
   integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
@@ -2781,7 +2823,14 @@ string.prototype.trimstart@^1.0.8:
     define-properties "^1.2.1"
     es-object-atoms "^1.0.0"
 
-"strip-ansi-cjs@npm:strip-ansi@^6.0.1", strip-ansi@^6.0.0, strip-ansi@^6.0.1:
+"strip-ansi-cjs@npm:strip-ansi@^6.0.1":
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
+  integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
+  dependencies:
+    ansi-regex "^5.0.1"
+
+strip-ansi@^6.0.0, strip-ansi@^6.0.1:
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
   integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
@@ -2985,6 +3034,14 @@ unbox-primitive@^1.0.2:
     has-symbols "^1.0.3"
     which-boxed-primitive "^1.0.2"
 
+universal-cookie@^7.0.0:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/universal-cookie/-/universal-cookie-7.2.0.tgz#1f3fa9c575d863ac41b4e42272d240ae2d32c047"
+  integrity sha512-PvcyflJAYACJKr28HABxkGemML5vafHmiL4ICe3e+BEKXRMt0GaFLZhAwgv637kFFnnfiSJ8e6jknrKkMrU+PQ==
+  dependencies:
+    "@types/cookie" "^0.6.0"
+    cookie "^0.6.0"
+
 update-browserslist-db@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.1.0.tgz#7ca61c0d8650766090728046e416a8cde682859e"