diff --git a/app/(nav)/groupList/page.tsx b/app/(nav)/groupList/page.tsx
deleted file mode 100644
index 3a898270..00000000
--- a/app/(nav)/groupList/page.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-'use client';
-import TopBar from '@/components/Common/TopBar/TopBar';
-import RoomButton from '@/components/Common/RoomButton/RoomButton';
-import { PageWrapper } from '@/app/commonPage.styles';
-import { RoomButtonGrid, ListTitle, SubTitle } from './groupList.styles';
-import MakeRoom from '@/components/Common/MakeRoom/MakeRoom';
-
-const GroupList = () => {
-  const roomButtons = Array.from({ length: 20 }, (_, index) => (
-    <RoomButton
-      key={index}
-      title={`방제목 ${index + 1}`}
-      hostUser="유저명"
-      groupMemberCount={3}
-      maxMemberCount={8}
-    />
-  ));
-
-  return (
-    <>
-      <TopBar NavType="other" label="그룹 리스트" />
-      <PageWrapper>
-        <SubTitle>
-          <ListTitle>내가 속한 그룹</ListTitle>
-          <MakeRoom />
-        </SubTitle>
-        <RoomButtonGrid>{roomButtons}</RoomButtonGrid>
-      </PageWrapper>
-    </>
-  );
-};
-
-export default GroupList;
diff --git a/app/(nav)/home/page.tsx b/app/(nav)/home/page.tsx
index 3f7a44b1..245356fc 100644
--- a/app/(nav)/home/page.tsx
+++ b/app/(nav)/home/page.tsx
@@ -5,14 +5,15 @@ import { HomePageWrapper } from '@/app/commonPage.styles';
 import Button from '@/components/Common/Button/Button';
 import EnterArrowIcon from '@/styles/Icon/Home/EnterArrowIcon.svg';
 import UserCharacter from '@/components/Layout/Home/Character/UserCharacter';
-import { useState } from 'react';
 import { useCharacterState } from '@/hooks/character/useCharacterState';
 
+import { useState } from 'react';
+import Link from 'next/link';
+
 const Home = () => {
   const [isBottomSheetOpen, setIsBottomSheetOpen] = useState(false);
   const { character: selectedCharacter, setCharacter: setSelectedCharacter } =
     useCharacterState({});
-
   return (
     <>
       <HomePageWrapper>
@@ -29,12 +30,14 @@ const Home = () => {
             setIsBottomSheetOpen={setIsBottomSheetOpen}
             isBottomSheetOpen={isBottomSheetOpen}
           />
-          <Button
-            label="방 입장하기"
-            icon={EnterArrowIcon}
-            buttonHeight="long"
-            $iconPosition="right"
-          />
+          <Link href="/waitingRoomList">
+            <Button
+              label="방 입장하기"
+              icon={EnterArrowIcon}
+              buttonHeight="long"
+              $iconPosition="right"
+            />
+          </Link>
         </BottomWrapper>
       </HomePageWrapper>
     </>
diff --git a/app/(nav)/waitingRoomList/page.tsx b/app/(nav)/waitingRoomList/page.tsx
new file mode 100644
index 00000000..7fa06455
--- /dev/null
+++ b/app/(nav)/waitingRoomList/page.tsx
@@ -0,0 +1,35 @@
+'use client';
+
+import TopBar from '@/components/Common/TopBar/TopBar';
+import { WaitingRoomListPageWrapper } from '@/app/commonPage.styles';
+import { RoomButtonGrid, ListTitle, SubTitle } from './waitingRoomList.styles';
+import { RefreshIcon } from '@/components/Common/RoomButton/WaitingRoomListIcon';
+import useGetWaitingRoomList from '@/hooks/waitingRoomList/useGetWaitingRoomList';
+import DotLoadingSpinner from '@/components/Common/LoadingSpinner/DotLoadingSpinner';
+import RoomButtonList from '@/components/Common/RoomButton/RoomButtonList';
+
+const WaitingRoomList = () => {
+  const { waitingRoomList, isLoading, fetchWaitingRoomList } =
+    useGetWaitingRoomList();
+
+  return (
+    <>
+      <TopBar NavType="default" label="대기방" />
+      <WaitingRoomListPageWrapper>
+        <SubTitle>
+          <ListTitle>참여 가능한 방</ListTitle>
+          <RefreshIcon onClick={fetchWaitingRoomList} />
+        </SubTitle>
+        <RoomButtonGrid>
+          {isLoading ? (
+            <DotLoadingSpinner color="white" />
+          ) : (
+            <RoomButtonList waitingRoomList={waitingRoomList} />
+          )}
+        </RoomButtonGrid>
+      </WaitingRoomListPageWrapper>
+    </>
+  );
+};
+
+export default WaitingRoomList;
diff --git a/app/(nav)/groupList/groupList.styles.ts b/app/(nav)/waitingRoomList/waitingRoomList.styles.ts
similarity index 68%
rename from app/(nav)/groupList/groupList.styles.ts
rename to app/(nav)/waitingRoomList/waitingRoomList.styles.ts
index 30a6fe90..caea8f22 100644
--- a/app/(nav)/groupList/groupList.styles.ts
+++ b/app/(nav)/waitingRoomList/waitingRoomList.styles.ts
@@ -4,20 +4,18 @@ export const SubTitle = styled.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
-  padding: 20px 8px 8px 8px;
+  padding: 20px 0 8px 0;
 `;
 
 export const ListTitle = styled.h2`
   font-size: 16px;
   font-weight: 700;
-  padding: 8px 0px;
+  line-height: 150%;
 `;
 
 export const RoomButtonGrid = styled.div`
   display: grid;
   place-items: center;
-  /* padding-left: 16px; */
-  grid-template-columns: repeat(2, 1fr);
-  gap: 16px;
-  width: 100%;
+  grid-template-columns: repeat(1, 1fr);
+  gap: 8px;
 `;
diff --git a/app/api/waitingRoomList/route.ts b/app/api/waitingRoomList/route.ts
new file mode 100644
index 00000000..26dc2d34
--- /dev/null
+++ b/app/api/waitingRoomList/route.ts
@@ -0,0 +1,16 @@
+import { API_URL_CONFIG } from '@/config/apiEndPointConfig';
+import axiosInstance from '@/lib/axios';
+import { NextResponse } from 'next/server';
+
+export async function GET() {
+  try {
+    const res = await axiosInstance.get(API_URL_CONFIG.GAME.WAITING_ROOM_LIST);
+    return NextResponse.json(res.data);
+  } catch (error) {
+    console.error(error);
+    return NextResponse.json(
+      { error: 'Failed to fetch data' },
+      { status: 500 }
+    );
+  }
+}
diff --git a/app/commonPage.styles.ts b/app/commonPage.styles.ts
index 08e69090..89402940 100644
--- a/app/commonPage.styles.ts
+++ b/app/commonPage.styles.ts
@@ -1,4 +1,5 @@
 import styled from 'styled-components';
+import BackgroundImage from '@styles/Image/WaitingRoomList/Background_FullHill.png';
 import colors from '@/styles/color/palette';
 
 export const PageWrapper = styled.div`
@@ -14,3 +15,20 @@ export const HomePageWrapper = styled.div`
   background: linear-gradient(180deg, #fff 10%, #cabeff 100%);
   /* background-color: ${colors.purple[90]}; */
 `;
+
+export const WaitingRoomListPageWrapper = styled.div`
+  width: 100%;
+  height: 100%;
+  min-height: calc(100vh - 40px);
+  padding: 0 16px 100px 16px;
+  background-color: rgba(202, 228, 255, 1);
+  background-image: url(${BackgroundImage.src});
+  background-size: 100% auto;
+  background-repeat: no-repeat;
+  background-position: center bottom;
+  background-attachment: fixed;
+
+  @media screen and (min-width: 430px) {
+    background-size: 430px auto;
+  }
+`;
diff --git a/components/Common/LoadingSpinner/DotLoadingSpinner.styles.ts b/components/Common/LoadingSpinner/DotLoadingSpinner.styles.ts
index 5d956a43..31a6e491 100644
--- a/components/Common/LoadingSpinner/DotLoadingSpinner.styles.ts
+++ b/components/Common/LoadingSpinner/DotLoadingSpinner.styles.ts
@@ -22,10 +22,11 @@ export const DotContainer = styled.div`
   margin: auto;
 `;
 
-export const Dot = styled.div`
+export const Dot = styled.div<{ $color: 'white' | 'gray' }>`
   width: 11px;
   height: 11px;
-  background-color: ${colors.gray[90]};
+  background-color: ${({ $color }) =>
+    $color === 'white' ? colors.etc.white : colors.gray[90]};
   border-radius: 50%;
   animation: ${fadeInOut} 1.5s infinite ease-in-out;
 
diff --git a/components/Common/LoadingSpinner/DotLoadingSpinner.tsx b/components/Common/LoadingSpinner/DotLoadingSpinner.tsx
index 7de601c1..03ea7bda 100644
--- a/components/Common/LoadingSpinner/DotLoadingSpinner.tsx
+++ b/components/Common/LoadingSpinner/DotLoadingSpinner.tsx
@@ -1,11 +1,15 @@
 import { DotContainer, Dot } from './DotLoadingSpinner.styles';
 
-const DotLoadingSpinner = () => {
+type COLOR = 'white' | 'gray';
+interface DotLoadingSpinnerProps {
+  color?: COLOR;
+}
+const DotLoadingSpinner = ({ color = 'gray' }: DotLoadingSpinnerProps) => {
   return (
     <DotContainer>
-      <Dot />
-      <Dot />
-      <Dot />
+      <Dot $color={color} />
+      <Dot $color={color} />
+      <Dot $color={color} />
     </DotContainer>
   );
 };
diff --git a/components/Common/NavBar/NavBar.tsx b/components/Common/NavBar/NavBar.tsx
index d5b9de3d..69544447 100644
--- a/components/Common/NavBar/NavBar.tsx
+++ b/components/Common/NavBar/NavBar.tsx
@@ -25,14 +25,14 @@ const NavBar = () => {
   useEffect(() => {
     // URL에서 '/' 다음 경로를 추출해서 가져오기
     const path = pathname.split('/')[1];
-    setSelected(path === 'groupList' ? 'home' : path);
+    setSelected(path === 'waitingRoomList' ? 'home' : path);
   }, [pathname]);
 
   return (
     <Nav>
       <Link href="/home" passHref>
         <NavItem onClick={() => setSelected('home')}>
-          {selected === 'home' || selected === 'groupList' ? (
+          {selected === 'home' || selected === 'waitingRoomList' ? (
             <HomeColorIcon />
           ) : (
             <HomeIcon />
diff --git a/components/Common/RoomButton/RoomButton.styles.ts b/components/Common/RoomButton/RoomButton.styles.ts
index d4af18e0..6394a81c 100644
--- a/components/Common/RoomButton/RoomButton.styles.ts
+++ b/components/Common/RoomButton/RoomButton.styles.ts
@@ -1,44 +1,68 @@
 import styled from 'styled-components';
-// import CardBackground from '@/styles/Icon/CardBackGround.png';
+import colors from '@/styles/color/palette';
 
-export const RoomButtonWrapper = styled.div<{ $backgroundImage: string }>`
-  width: 163px;
-  height: 139px;
+export const RoomButtonWrapper = styled.div`
+  width: 100%;
+  height: 50px;
   border-radius: 12px;
-  background-image: url(${(props) => props.$backgroundImage});
-`;
+  background-color: ${colors.etc.white};
+  padding: 13px 20px;
 
-export const RoomButtonLayout = styled.div`
-  height: calc(100% - 0.2rem);
-  padding: 20px;
-  flex-direction: column;
+  display: flex;
+  flex-direction: row;
   justify-content: space-between;
-`;
+  align-items: center;
 
-export const RoomTitle = styled.div`
-  margin-bottom: 2px;
-  color: #fdf8ff;
   font-size: 14px;
-  font-weight: 700;
+  font-weight: 400;
   line-height: 150%;
-  padding-bottom: 2px;
 `;
 
-export const RoomPerson = styled.div`
+export const RoomButtonHeader = styled.div`
   display: flex;
   flex-direction: row;
   align-items: center;
-  gap: 2px;
-  color: #fdf8ff;
-  font-size: 12px;
-  font-weight: 400;
+  gap: 12px;
 `;
 
-export const PersonCount = styled.div`
-  color: #fdf8ff;
-  font-size: 12px;
-  font-weight: 400;
-  padding-top: 10px;
+export const RoomButtonContainer = styled.div`
+  display: flex;
+  flex-direction: row;
+  height: 24px;
+  gap: 6px;
+`;
+
+export const Round = styled.div<{ $round: number }>`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  width: 24px;
+  border-radius: 4px;
+
+  color: ${colors.etc.white};
+  background-color: ${(props) =>
+    props.$round === 3
+      ? '#AE6B00'
+      : props.$round === 2
+        ? '#42C700'
+        : '#FFBF00'};
+  backdrop-filter: blur(2px);
 `;
 
-export const PersonBox = styled.div``;
+export const Participant = styled.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  gap: 3.5px;
+  width: 44px;
+
+  color: ${colors.etc.white};
+  border-radius: 4px;
+  background: rgba(118, 119, 119, 0.5);
+  backdrop-filter: blur(2px);
+
+  padding-left: 7.5px;
+  padding-right: 6px;
+`;
diff --git a/components/Common/RoomButton/RoomButton.tsx b/components/Common/RoomButton/RoomButton.tsx
index 74aeb4ac..6facdacb 100644
--- a/components/Common/RoomButton/RoomButton.tsx
+++ b/components/Common/RoomButton/RoomButton.tsx
@@ -1,50 +1,43 @@
+import { Character } from '@/lib/types/character';
 import {
-  PersonBox,
-  PersonCount,
-  RoomButtonLayout,
+  Participant,
+  RoomButtonHeader,
+  RoomButtonContainer,
   RoomButtonWrapper,
-  RoomPerson,
-  RoomTitle,
+  Round,
 } from './RoomButton.styles';
-import { PersonIcon } from './RoomButtonIcon';
-import Artboard1 from '@/styles/Icon/GroupCard/Artboard1.svg';
-import Artboard2 from '@/styles/Icon/GroupCard/Artboard2.svg';
-import Artboard3 from '@/styles/Icon/GroupCard/Artboard3.svg';
-import Artboard4 from '@/styles/Icon/GroupCard/Artboard4.svg';
-import Artboard5 from '@/styles/Icon/GroupCard/Artboard5.svg';
+import { CharacterIcon, PersonIcon } from './WaitingRoomListIcon';
 
 interface RoomButtonProps {
+  hostType: Character;
   title: string;
-  hostUser: string;
-  groupMemberCount: number;
+  round: number;
+  currMemberCount: number;
   maxMemberCount: number;
 }
 
 const RoomButton = ({
+  hostType,
   title,
-  hostUser,
-  groupMemberCount,
+  round,
+  currMemberCount,
   maxMemberCount,
 }: RoomButtonProps) => {
-  // 랜덤 배경 이미지 선택
-  const artboards = [Artboard1, Artboard2, Artboard3, Artboard4, Artboard5];
-  const randomArtboard =
-    artboards[Math.floor(Math.random() * artboards.length)];
-
   return (
-    <RoomButtonWrapper $backgroundImage={randomArtboard.src}>
-      <RoomButtonLayout>
-        <RoomTitle>{title}</RoomTitle>
-        <RoomPerson>
+    <RoomButtonWrapper>
+      <RoomButtonHeader>
+        <CharacterIcon hostType={hostType} />
+        <p>{title}</p>
+      </RoomButtonHeader>
+      <RoomButtonContainer>
+        <Round $round={round}>{round}R</Round>
+        <Participant>
           <PersonIcon />
-          <PersonBox>
-            {hostUser}외 {groupMemberCount - 1}명
-          </PersonBox>
-        </RoomPerson>
-        <PersonCount>
-          ({groupMemberCount}/{maxMemberCount})
-        </PersonCount>
-      </RoomButtonLayout>
+          <p>
+            {currMemberCount}/{maxMemberCount}
+          </p>
+        </Participant>
+      </RoomButtonContainer>
     </RoomButtonWrapper>
   );
 };
diff --git a/components/Common/RoomButton/RoomButtonIcon.tsx b/components/Common/RoomButton/RoomButtonIcon.tsx
deleted file mode 100644
index cfe4bf23..00000000
--- a/components/Common/RoomButton/RoomButtonIcon.tsx
+++ /dev/null
@@ -1,4 +0,0 @@
-import PersonIconSrc from '@/styles/Icon/Person.svg';
-import Image from 'next/image';
-
-export const PersonIcon = () => <Image src={PersonIconSrc} alt="Person Icon" />;
diff --git a/components/Common/RoomButton/RoomButtonList.tsx b/components/Common/RoomButton/RoomButtonList.tsx
new file mode 100644
index 00000000..0bb0f457
--- /dev/null
+++ b/components/Common/RoomButton/RoomButtonList.tsx
@@ -0,0 +1,26 @@
+import { WaitingRoomList } from '@/hooks/waitingRoomList/useGetWaitingRoomList';
+import RoomButton from './RoomButton';
+
+const RoomButtonList = ({
+  waitingRoomList,
+}: {
+  waitingRoomList: WaitingRoomList[] | null;
+}) => {
+  return (
+    <>
+      {waitingRoomList &&
+        waitingRoomList.map((item, index) => (
+          <RoomButton
+            key={`key${index}`}
+            hostType={'basic'}
+            title={item.roomName}
+            round={item.totalRounds}
+            currMemberCount={item.currentPlayersCount}
+            maxMemberCount={item.maxPlayer}
+          />
+        ))}
+    </>
+  );
+};
+
+export default RoomButtonList;
diff --git a/components/Common/RoomButton/WaitingRoomListIcon.tsx b/components/Common/RoomButton/WaitingRoomListIcon.tsx
new file mode 100644
index 00000000..eb0dcb4f
--- /dev/null
+++ b/components/Common/RoomButton/WaitingRoomListIcon.tsx
@@ -0,0 +1,41 @@
+import Image from 'next/image';
+
+import RefreshIconSrc from '@styles/Icon/waitingRoomList/Refresh.svg';
+import PersonIconSrc from '@styles/Icon/waitingRoomList/Person.svg';
+import BasicIcon from '@styles/Icon/Character/basic.png';
+import AngularIcon from '@styles/Icon/Character/angular.png';
+import BumpyIcon from '@styles/Icon/Character/bumpy.png';
+import DotIcon from '@styles/Icon/Character/dot.png';
+import PlanetIcon from '@styles/Icon/Character/planet.png';
+import SharpIcon from '@styles/Icon/Character/sharp.png';
+import SquareIcon from '@styles/Icon/Character/square.png';
+import StarIcon from '@styles/Icon/Character/star.png';
+import WoolIcon from '@styles/Icon/Character/wool.png';
+import { Character } from '@/lib/types/character';
+
+type RefreshIconProps = { onClick: () => void };
+
+const CHRACTER_LIST = {
+  basic: BasicIcon,
+  angular: AngularIcon,
+  bumpy: BumpyIcon,
+  dot: DotIcon,
+  planet: PlanetIcon,
+  sharp: SharpIcon,
+  square: SquareIcon,
+  star: StarIcon,
+  wool: WoolIcon,
+};
+
+export const RefreshIcon = ({ onClick }: RefreshIconProps) => (
+  <div onClick={onClick}>
+    <Image src={RefreshIconSrc} alt="Refresh Icon" />
+  </div>
+);
+
+export const CharacterIcon = ({ hostType }: { hostType: Character }) => {
+  const imageSrc = CHRACTER_LIST[hostType] || BasicIcon;
+  return <Image src={imageSrc} width={40} height={40} alt="Basic Icon" />;
+};
+
+export const PersonIcon = () => <Image src={PersonIconSrc} alt="Person Icon" />;
diff --git a/config/apiEndPointConfig.ts b/config/apiEndPointConfig.ts
index 63e6db7b..6e561b04 100644
--- a/config/apiEndPointConfig.ts
+++ b/config/apiEndPointConfig.ts
@@ -27,6 +27,7 @@ export const API_URL_CONFIG = {
     PUBLISH: '/group-service/publish/group',
   },
   GAME: {
+    WAITING_ROOM_LIST: '/api/game-service/room/list',
     SUBMIT_ANSWER: '/api/game-service/submissions',
     WS_URL: {
       PROD: 'wss://urdego.com/api/game-service/connect',
diff --git a/hooks/waitingRoomList/useGetWaitingRoomList.ts b/hooks/waitingRoomList/useGetWaitingRoomList.ts
new file mode 100644
index 00000000..acbaca40
--- /dev/null
+++ b/hooks/waitingRoomList/useGetWaitingRoomList.ts
@@ -0,0 +1,40 @@
+import { useEffect, useState } from 'react';
+
+export interface WaitingRoomList {
+  roomId: string;
+  status: string;
+  roomName: string;
+  maxPlayer: number;
+  currentPlayersCount: number;
+  totalRounds: number;
+}
+
+const useGetWaitingRoomList = () => {
+  const [waitingRoomList, setWaitingRoomList] = useState<
+    WaitingRoomList[] | null
+  >(null);
+  const [isLoading, setIsLoading] = useState(false);
+
+  const fetchWaitingRoomList = async () => {
+    setIsLoading(true);
+    const response = await fetch('/api/waitingRoomList');
+    if (!response.ok) {
+      return;
+    }
+
+    const data = await response.json();
+    setWaitingRoomList(data);
+    setIsLoading(false);
+  };
+
+  useEffect(() => {
+    const handleWaitingRoomList = async () => {
+      await fetchWaitingRoomList();
+    };
+    handleWaitingRoomList();
+  }, []);
+
+  return { waitingRoomList, isLoading, fetchWaitingRoomList };
+};
+
+export default useGetWaitingRoomList;
diff --git a/lib/types/character.ts b/lib/types/character.ts
new file mode 100644
index 00000000..626f4191
--- /dev/null
+++ b/lib/types/character.ts
@@ -0,0 +1,10 @@
+export type Character =
+  | 'basic'
+  | 'angular'
+  | 'bumpy'
+  | 'dot'
+  | 'planet'
+  | 'sharp'
+  | 'square'
+  | 'star'
+  | 'wool';
diff --git a/styles/Icon/Person.svg b/styles/Icon/Person.svg
deleted file mode 100644
index fe09e2d7..00000000
--- a/styles/Icon/Person.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="16" height="16" rx="4" fill="#CABEFF"/>
-<mask id="mask0_684_10500" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="16" height="16">
-<rect width="16" height="16" fill="#D9D9D9"/>
-</mask>
-<g mask="url(#mask0_684_10500)">
-<path d="M7.99922 7.99922C7.33255 7.99922 6.76589 7.76589 6.29922 7.29922C5.83255 6.83255 5.59922 6.26589 5.59922 5.59922C5.59922 4.93255 5.83255 4.36589 6.29922 3.89922C6.76589 3.43255 7.33255 3.19922 7.99922 3.19922C8.66589 3.19922 9.23255 3.43255 9.69922 3.89922C10.1659 4.36589 10.3992 4.93255 10.3992 5.59922C10.3992 6.26589 10.1659 6.83255 9.69922 7.29922C9.23255 7.76589 8.66589 7.99922 7.99922 7.99922ZM3.19922 11.5992V11.1992C3.19922 10.9437 3.26866 10.702 3.40755 10.4742C3.54644 10.2464 3.73811 10.0548 3.98255 9.89922C4.59366 9.54366 5.23972 9.27144 5.92072 9.08255C6.60172 8.89366 7.29339 8.79922 7.99572 8.79922C8.69805 8.79922 9.39089 8.89366 10.0742 9.08255C10.7576 9.27144 11.4048 9.54366 12.0159 9.89922C12.2603 10.0437 12.452 10.2326 12.5909 10.4659C12.7298 10.6992 12.7992 10.9437 12.7992 11.1992V11.5992C12.7992 11.9292 12.6817 12.2117 12.4466 12.4467C12.2114 12.6817 11.9288 12.7992 11.5986 12.7992H4.39455C4.06433 12.7992 3.78255 12.6817 3.54922 12.4467C3.31589 12.2117 3.19922 11.9292 3.19922 11.5992ZM4.39922 11.5992H11.5992V11.1992C11.5992 11.1417 11.5824 11.0894 11.5487 11.0424C11.5152 10.9953 11.4709 10.9587 11.4159 10.9326C10.9048 10.6214 10.3603 10.3881 9.78255 10.2326C9.20477 10.077 8.61033 9.99922 7.99922 9.99922C7.38811 9.99922 6.79366 10.077 6.21589 10.2326C5.63811 10.3881 5.09366 10.6214 4.58255 10.9326C4.527 10.977 4.48255 11.0199 4.44922 11.0612C4.41589 11.1027 4.39922 11.1487 4.39922 11.1992V11.5992ZM8.00272 6.79922C8.33372 6.79922 8.61589 6.68139 8.84922 6.44572C9.08255 6.21005 9.19922 5.92672 9.19922 5.59572C9.19922 5.26472 9.08139 4.98255 8.84572 4.74922C8.61005 4.51589 8.32672 4.39922 7.99572 4.39922C7.66472 4.39922 7.38255 4.51705 7.14922 4.75272C6.91589 4.98839 6.79922 5.27172 6.79922 5.60272C6.79922 5.93372 6.91705 6.21589 7.15272 6.44922C7.38839 6.68255 7.67172 6.79922 8.00272 6.79922Z" fill="#7A5CF5"/>
-</g>
-</svg>
diff --git a/styles/Icon/waitingRoomList/Person.svg b/styles/Icon/waitingRoomList/Person.svg
new file mode 100644
index 00000000..8ec2fb4e
--- /dev/null
+++ b/styles/Icon/waitingRoomList/Person.svg
@@ -0,0 +1,3 @@
+<svg width="6" height="14" viewBox="0 0 6 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 3.24999C2.59722 3.24999 2.25347 3.10763 1.96875 2.82291C1.68403 2.53819 1.54167 2.19444 1.54167 1.79166C1.54167 1.38888 1.68403 1.04513 1.96875 0.760412C2.25347 0.475689 2.59722 0.333328 3 0.333328C3.40278 0.333328 3.74653 0.475689 4.03125 0.760412C4.31597 1.04513 4.45833 1.38888 4.45833 1.79166C4.45833 2.19444 4.31597 2.53819 4.03125 2.82291C3.74653 3.10763 3.40278 3.24999 3 3.24999ZM1.33333 12.8333V9.49999C1.09722 9.49999 0.899306 9.42013 0.739583 9.26041C0.579861 9.10069 0.5 8.90277 0.5 8.66666V5.74999C0.5 5.29166 0.663194 4.8993 0.989583 4.57291C1.31597 4.24652 1.70833 4.08333 2.16667 4.08333H3.83333C4.29167 4.08333 4.68403 4.24652 5.01042 4.57291C5.33681 4.8993 5.5 5.29166 5.5 5.74999V8.66666C5.5 8.90277 5.42014 9.10069 5.26042 9.26041C5.10069 9.42013 4.90278 9.49999 4.66667 9.49999V12.8333C4.66667 13.0694 4.58681 13.2674 4.42708 13.4271C4.26736 13.5868 4.06944 13.6667 3.83333 13.6667H2.16667C1.93056 13.6667 1.73264 13.5868 1.57292 13.4271C1.41319 13.2674 1.33333 13.0694 1.33333 12.8333Z" fill="white"/>
+</svg>
diff --git a/styles/Icon/waitingRoomList/Refresh.svg b/styles/Icon/waitingRoomList/Refresh.svg
new file mode 100644
index 00000000..f7a5d195
--- /dev/null
+++ b/styles/Icon/waitingRoomList/Refresh.svg
@@ -0,0 +1,4 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="28" height="28" rx="14" fill="#AAABAB"/>
+<path d="M8.25065 17.3737C7.9451 16.8459 7.71593 16.3043 7.56315 15.7487C7.41037 15.1931 7.33398 14.6237 7.33398 14.0404C7.33398 12.1793 7.97982 10.5959 9.27148 9.29036C10.5632 7.98481 12.1395 7.33203 14.0007 7.33203H14.1465L12.8132 5.9987L13.9798 4.83203L17.3132 8.16536L13.9798 11.4987L12.8132 10.332L14.1465 8.9987H14.0007C12.6118 8.9987 11.4312 9.48828 10.459 10.4674C9.48676 11.4466 9.00065 12.6376 9.00065 14.0404C9.00065 14.4015 9.04232 14.7556 9.12565 15.1029C9.20898 15.4501 9.33398 15.7904 9.50065 16.1237L8.25065 17.3737ZM14.0215 23.1654L10.6882 19.832L14.0215 16.4987L15.1882 17.6654L13.8548 18.9987H14.0007C15.3895 18.9987 16.5701 18.5091 17.5423 17.5299C18.5145 16.5508 19.0007 15.3598 19.0007 13.957C19.0007 13.5959 18.959 13.2418 18.8757 12.8945C18.7923 12.5473 18.6673 12.207 18.5007 11.8737L19.7507 10.6237C20.0562 11.1515 20.2854 11.6931 20.4382 12.2487C20.5909 12.8043 20.6673 13.3737 20.6673 13.957C20.6673 15.8181 20.0215 17.4015 18.7298 18.707C17.4382 20.0126 15.8618 20.6654 14.0007 20.6654H13.8548L15.1882 21.9987L14.0215 23.1654Z" fill="white"/>
+</svg>
diff --git a/styles/Image/WaitingRoomList/Background_FullHill.png b/styles/Image/WaitingRoomList/Background_FullHill.png
new file mode 100644
index 00000000..de87264d
Binary files /dev/null and b/styles/Image/WaitingRoomList/Background_FullHill.png differ
diff --git a/styles/Image/WaitingRoomList/Background_OnlyHill.png b/styles/Image/WaitingRoomList/Background_OnlyHill.png
new file mode 100644
index 00000000..943620c6
Binary files /dev/null and b/styles/Image/WaitingRoomList/Background_OnlyHill.png differ