diff --git a/src/app/meetup/[id]/page.tsx b/src/app/meetup/[id]/page.tsx
index 2ea835eb..121d8a08 100644
--- a/src/app/meetup/[id]/page.tsx
+++ b/src/app/meetup/[id]/page.tsx
@@ -46,7 +46,7 @@ export const DUMMY_MEETUP_DATA = {
       time: '10:00',
     },
     progress: {
-      current: 6,
+      current: 9,
       max: 12,
     },
     createdAt: '30분 전',
@@ -82,5 +82,30 @@ export const DUMMY_MEETUP_DATA = {
         'https://images.unsplash.com/photo-1518020382113-a7e8fc38eac9?q=80&w=717&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
       name: 'UserNickName06',
     },
+    {
+      profileImage:
+        'https://images.unsplash.com/photo-1518020382113-a7e8fc38eac9?q=80&w=717&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
+      name: 'UserNickName07',
+    },
+    {
+      profileImage:
+        'https://images.unsplash.com/photo-1518020382113-a7e8fc38eac9?q=80&w=717&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
+      name: 'UserNickName08',
+    },
+    {
+      profileImage:
+        'https://images.unsplash.com/photo-1518020382113-a7e8fc38eac9?q=80&w=717&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
+      name: 'UserNickName09',
+    },
+    {
+      profileImage:
+        'https://images.unsplash.com/photo-1518020382113-a7e8fc38eac9?q=80&w=717&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
+      name: 'UserNickName10',
+    },
+    {
+      profileImage:
+        'https://images.unsplash.com/photo-1518020382113-a7e8fc38eac9?q=80&w=717&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
+      name: 'UserNickName11',
+    },
   ],
 };
diff --git a/src/components/pages/meetup/meetup-descriptions/description-sections/description-progress/index.tsx b/src/components/pages/meetup/meetup-descriptions/description-sections/description-progress/index.tsx
index 82a4f628..9cd0435e 100644
--- a/src/components/pages/meetup/meetup-descriptions/description-sections/description-progress/index.tsx
+++ b/src/components/pages/meetup/meetup-descriptions/description-sections/description-progress/index.tsx
@@ -11,7 +11,7 @@ export const DescriptionProgress = ({ progress: { current, max }, createdAt }: P
 
   return (
     <div className='mt-6'>
-      <div className='rounded-2xl border border-gray-300 bg-gray-50 px-4 py-[14px]'>
+      <div className='space-y-1 rounded-2xl border border-gray-300 bg-gray-50 px-4 py-[14px]'>
         <div className='flex-between'>
           <p className='text-text-xs-medium text-gray-700'>참여 인원</p>
           <span className='text-mint-600 text-text-xs-semibold'>
diff --git a/src/components/pages/meetup/meetup-members/index.tsx b/src/components/pages/meetup/meetup-members/index.tsx
index e3f5ac4e..12c54a8a 100644
--- a/src/components/pages/meetup/meetup-members/index.tsx
+++ b/src/components/pages/meetup/meetup-members/index.tsx
@@ -1,35 +1,91 @@
+'use client';
+
 import Image from 'next/image';
 import Link from 'next/link';
 
+import { useState } from 'react';
+
+import clsx from 'clsx';
+
 import type { DUMMY_MEETUP_DATA } from '@/app/meetup/[id]/page';
+import { Icon } from '@/components/icon';
+import { Button } from '@/components/ui';
 
 interface Props {
   members: typeof DUMMY_MEETUP_DATA.members;
 }
 
 export const MeetupMembers = ({ members }: Props) => {
+  const [showMore, setShowMore] = useState(false);
+  const [coverMember, setCoverMember] = useState(2 < Math.ceil(members.length / 3));
+
+  const hasMoreMember = 2 < Math.ceil(members.length / 3);
+
+  const onShowMoreClick = () => {
+    setShowMore((prev) => !prev);
+    setCoverMember((prev) => !prev);
+  };
+
   return (
-    <section className='bg-gray-50 px-4 pt-6 pb-4'>
+    <section className='relative bg-gray-50 px-4 pt-6 pb-4'>
       <h3 className='text-text-md-semibold px-2 text-gray-800'>참여자 정보</h3>
-      <ul className='flex-center mt-5 flex-wrap gap-y-4'>
-        {members.map(({ name, profileImage }) => (
-          <li key={name} className='w-34 shrink-0'>
-            <Link href={'#'} className='flex-col-center gap-[6px]'>
-              <Image
-                width={64}
-                className='h-16 w-16 rounded-full'
-                alt='프로필 사진'
-                height={64}
-                objectFit='cover'
-                src={profileImage}
-              />
-              <p className='text-text-xs-medium line-clamp-1 w-full text-center break-all text-gray-800'>
-                {name}
-              </p>
-            </Link>
-          </li>
-        ))}
-      </ul>
+
+      <div className='mt-5'>
+        <ul className='flex-center flex-wrap'>
+          {members.map(({ name, profileImage }, idx) => (
+            <li
+              key={name}
+              className={clsx(
+                'relative h-25 w-34 shrink-0',
+                hasMoreMember && !showMore ? '[&:nth-child(n+7)]:hidden' : 'block',
+              )}
+            >
+              <div className='flex-col-center gap-[6px]'>
+                <Link href={'#'} className='select-none'>
+                  <Image
+                    width={64}
+                    className='h-16 w-16 rounded-full'
+                    alt='프로필 사진'
+                    height={64}
+                    objectFit='cover'
+                    src={profileImage}
+                  />
+                </Link>
+                <p
+                  className={clsx(
+                    'text-text-xs-medium line-clamp-1 w-full text-center break-all text-gray-800',
+                    coverMember && idx === 5 ? 'hidden' : 'block',
+                  )}
+                >
+                  {name}
+                </p>
+              </div>
+
+              {coverMember && idx === 5 && (
+                <div className='absolute inset-0'>
+                  <span className='flex-center text-text-md-semibold mx-auto h-[65px] w-[65px] rounded-full bg-gray-200 text-gray-600'>
+                    {members.length - 5}+
+                  </span>
+                </div>
+              )}
+            </li>
+          ))}
+        </ul>
+      </div>
+
+      {hasMoreMember && (
+        <div className='flex-center'>
+          <Button
+            className='flex-center h-9 w-auto border-none bg-gray-50 px-4'
+            size='sm'
+            variant='secondary'
+            onClick={onShowMoreClick}
+          >
+            {showMore ? '접기' : '더보기'}
+            <Icon id={showMore ? 'chevron-up' : 'chevron-down'} width={16} height={16} />
+          </Button>
+        </div>
+      )}
     </section>
   );
 };