diff --git a/components/main/PartyPreview.tsx b/components/main/PartyPreview.tsx
index d9f8beb17..3f325cf92 100644
--- a/components/main/PartyPreview.tsx
+++ b/components/main/PartyPreview.tsx
@@ -1,18 +1,27 @@
+import { useRouter } from 'next/router';
 import usePartyRoomList from 'hooks/party/usePartyRoomList';
 import styles from 'styles/main/PartyPreview.module.scss';
 export default function PartyPreview() {
   const { partyRooms } = usePartyRoomList();
-  const limitedRooms = partyRooms.slice(0, 3);
+  const openRooms = partyRooms.filter((room) => room.status === 'OPEN');
+  const limitedRooms = openRooms.slice(0, 3);
+  const router = useRouter();
+
+  const movePartyRoom = (roomId: number) => {
+    router.push(`/party/${roomId}`);
+  };
   return (
-    <div className={styles.container}>
+    <div>
       <ul>
         {limitedRooms.map((room) => (
-          <li key={room.roomId} className={styles.block}>
-            <div>
-              <span>{room.title}</span>
-              <span
-                className={styles.people}
-              >{`${room.currentPeople}/${room.maxPeople}`}</span>
+          <li
+            key={room.roomId}
+            className={styles.block}
+            onClick={() => movePartyRoom(room.roomId)}
+          >
+            <div className={styles.divcontainer}>
+              <div>{room.title}</div>
+              <div>{`${room.currentPeople}/${room.maxPeople}`}</div>
             </div>
           </li>
         ))}
diff --git a/styles/main/PartyPreview.module.scss b/styles/main/PartyPreview.module.scss
index 6f9b5df3e..5dc6d1751 100644
--- a/styles/main/PartyPreview.module.scss
+++ b/styles/main/PartyPreview.module.scss
@@ -7,14 +7,15 @@
   margin-bottom: 0.5rem;
   color: white;
   text-align: center;
-  background: rgba(0, 0, 0, 0.33);
+  background-image: url('../../public//image/party-background.png');
   border-radius: 1rem;
   justify-content: center;
   align-items: center;
-  & > div {
+  .divcontainer {
     display: flex;
     justify-content: space-between;
     width: 100%;
+    padding: 0 1.5rem;
   }
 }
 .block span {