diff --git a/apps/client/src/shared/apis/axios.ts b/apps/client/src/shared/apis/axios.ts
index efec01f4..b2f8b402 100644
--- a/apps/client/src/shared/apis/axios.ts
+++ b/apps/client/src/shared/apis/axios.ts
@@ -7,16 +7,22 @@ export const getDashboardCategories = async () => {
   return data.data;
 };
 
-export const postCategory = async (categoryName: string) => {
-  const response = await apiRequest.post('/api/v1/categories', {
+export const postCategory = async (categoryName: string, isPublic: boolean) => {
+  const response = await apiRequest.post('/api/v3/categories', {
     categoryName,
+    isPublic,
   });
   return response;
 };
 
-export const putCategory = async (id: number, categoryName: string) => {
-  const response = await apiRequest.put(`/api/v1/categories/${id}`, {
+export const patchCategory = async (
+  id: number,
+  categoryName: string,
+  isPublic: boolean
+) => {
+  const response = await apiRequest.patch(`/api/v3/categories/${id}`, {
     categoryName,
+    isPublic,
   });
   return response;
 };
@@ -97,3 +103,8 @@ export const patchUserJob = async (requestData: patchUserJobRequest) => {
   const { data } = await apiRequest.patch('/api/v3/users/job', requestData);
   return data;
 };
+
+export const getCategoryDetail = async (categoryId: number) => {
+  const { data } = await apiRequest.get(`/api/v3/categories/${categoryId}`);
+  return data.data;
+};
diff --git a/apps/client/src/shared/apis/queries.ts b/apps/client/src/shared/apis/queries.ts
index 47481dfa..316d822f 100644
--- a/apps/client/src/shared/apis/queries.ts
+++ b/apps/client/src/shared/apis/queries.ts
@@ -3,23 +3,25 @@ import {
   deleteRemindArticle,
   getAcorns,
   getArticleDetail,
+  getCategoryDetail,
   getDashboardCategories,
   getGoogleProfile,
   getJobs,
   getMyProfile,
+  patchCategory,
   patchUserJob,
   patchUserJobRequest,
   postCategory,
   postSignUp,
   postSignUpRequest,
   putArticleReadStatus,
-  putCategory,
   putEditArticle,
 } from '@shared/apis/axios';
 import {
   AcornsResponse,
   ArticleDetailResponse,
   ArticleReadStatusResponse,
+  CategoryDetailResponse,
   DashboardCategoriesResponse,
   EditArticleRequest,
   JobsResponse,
@@ -47,13 +49,26 @@ export const useGetDashboardCategories = (): UseQueryResult<
 
 export const usePostCategory = () => {
   return useMutation({
-    mutationFn: (categoryName: string) => postCategory(categoryName),
+    mutationFn: ({
+      categoryName,
+      isPublic,
+    }: {
+      categoryName: string;
+      isPublic: boolean;
+    }) => postCategory(categoryName, isPublic),
   });
 };
-export const usePutCategory = () => {
+export const usePatchCategory = () => {
   return useMutation({
-    mutationFn: ({ id, categoryName }: { id: number; categoryName: string }) =>
-      putCategory(id, categoryName),
+    mutationFn: ({
+      id,
+      categoryName,
+      isPublic,
+    }: {
+      id: number;
+      categoryName: string;
+      isPublic: boolean;
+    }) => patchCategory(id, categoryName, isPublic),
   });
 };
 
@@ -203,3 +218,13 @@ export const usePatchUserJob = () => {
     mutationFn: (data: patchUserJobRequest) => patchUserJob(data),
   });
 };
+
+export const useGetCategoryDetail = (): UseMutationResult<
+  CategoryDetailResponse,
+  AxiosError,
+  number
+> => {
+  return useMutation({
+    mutationFn: (categoryId: number) => getCategoryDetail(categoryId),
+  });
+};
diff --git a/apps/client/src/shared/components/sidebar/OptionsMenuPortal.tsx b/apps/client/src/shared/components/sidebar/OptionsMenuPortal.tsx
index a76cd63b..d2ec82aa 100644
--- a/apps/client/src/shared/components/sidebar/OptionsMenuPortal.tsx
+++ b/apps/client/src/shared/components/sidebar/OptionsMenuPortal.tsx
@@ -1,13 +1,17 @@
-import { createPortal } from 'react-dom';
 import OptionsMenuButton from '@shared/components/optionsMenuButton/OptionsMenuButton';
+import { createPortal } from 'react-dom';
 
 interface OptionsMenuPortalProps {
   open: boolean;
   style?: React.CSSProperties | null;
   containerRef: React.RefObject<HTMLDivElement | null>;
   categoryId: number | null;
-  getCategoryName: (id: number | null) => string;
-  onEdit: (id: number, name: string) => void;
+  getCategoryName?: (id: number | null) => string;
+  getCategory?: (id: number | null) => {
+    id: number;
+    name: string;
+  } | null;
+  onEdit: (id: number) => void;
   onDelete: (id: number, name: string) => void;
   onClose: () => void;
 }
@@ -18,24 +22,46 @@ export default function OptionsMenuPortal({
   containerRef,
   categoryId,
   getCategoryName,
+  getCategory,
   onEdit,
   onDelete,
   onClose,
 }: OptionsMenuPortalProps) {
   if (!open || !style) return null;
 
-  const id = categoryId;
-  const name = getCategoryName(categoryId);
+  let id: number | null = categoryId;
+  let name = '';
+
+  if (getCategory) {
+    const category = getCategory(categoryId);
+
+    if (!category) return null;
+
+    id = category.id;
+    name = category.name;
+  } else if (getCategoryName) {
+    name = getCategoryName(categoryId);
+  }
 
   return createPortal(
-    <div ref={containerRef} style={{ ...style, zIndex: 10000 }}>
+    <div
+      ref={containerRef}
+      style={{
+        ...style,
+        zIndex: 10000,
+      }}
+    >
       <OptionsMenuButton
         onEdit={() => {
-          if (id != null) onEdit(id, name);
+          if (id != null) {
+            onEdit(id);
+          }
           onClose();
         }}
         onDelete={() => {
-          if (id != null) onDelete(id, name);
+          if (id != null) {
+            onDelete(id, name);
+          }
           onClose();
         }}
       />
diff --git a/apps/client/src/shared/components/sidebar/PopupPortal.tsx b/apps/client/src/shared/components/sidebar/PopupPortal.tsx
index 0ea36715..5744adfb 100644
--- a/apps/client/src/shared/components/sidebar/PopupPortal.tsx
+++ b/apps/client/src/shared/components/sidebar/PopupPortal.tsx
@@ -8,8 +8,14 @@ interface Props {
   popup: PopupState | null;
   onClose: () => void;
   onChange?: (value: string) => void;
-  onCreateConfirm?: () => void;
-  onEditConfirm?: (id: number, draft?: string) => void;
+
+  onCreateConfirm?: (shareToJobUsers: boolean) => void;
+  onEditConfirm?: (
+    id: number,
+    draft?: string,
+    shareToJobUsers?: boolean
+  ) => void;
+
   onDeleteConfirm?: (id: number) => void;
   categoryList?: { id: number; name: string }[];
   isToastOpen?: boolean;
@@ -35,9 +41,14 @@ export default function PopupPortal({
 }: Props) {
   const [draft, setDraft] = useState('');
 
+  const [shareToJobUsers, setShareToJobUsers] = useState(true);
+
   useEffect(() => {
     if (!popup) return;
+
     setDraft(popup.kind === 'edit' ? (popup.name ?? '') : '');
+
+    setShareToJobUsers(popup.kind === 'edit' ? popup.isPublic : false);
   }, [popup]);
 
   if (!popup) return null;
@@ -78,12 +89,12 @@ export default function PopupPortal({
 
   const handleCreate = () => {
     if (blocked) return;
-    onCreateConfirm?.();
+    onCreateConfirm?.(shareToJobUsers);
   };
 
   const handleEdit = () => {
     if (blocked || popup.kind !== 'edit') return;
-    onEditConfirm?.(popup.id, value);
+    onEditConfirm?.(popup.id, value, shareToJobUsers);
   };
 
   const handleDelete = () => {
@@ -95,6 +106,8 @@ export default function PopupPortal({
   const actionLabel =
     action === 'create' ? '추가' : action === 'edit' ? '수정' : '삭제';
 
+  const showCheckbox = popup.kind === 'create' || popup.kind === 'edit';
+
   return createPortal(
     <div className="fixed inset-0 z-[11000]">
       <div className="absolute inset-0 bg-black/60" onClick={onClose} />
@@ -112,6 +125,15 @@ export default function PopupPortal({
             placeholder="카테고리 제목을 입력해주세요"
             onLeftClick={onClose}
             onRightClick={handleCreate}
+            checkboxOption={
+              showCheckbox
+                ? {
+                    label: '같은 관심 직무 사용자들에게 공유하기',
+                    isSelected: shareToJobUsers,
+                    onSelectedChange: setShareToJobUsers,
+                  }
+                : undefined
+            }
           />
         )}
 
@@ -127,6 +149,15 @@ export default function PopupPortal({
             onInputChange={handleInputChange}
             onLeftClick={onClose}
             onRightClick={handleEdit}
+            checkboxOption={
+              showCheckbox
+                ? {
+                    label: '같은 관심 직무 사용자들에게 공유하기',
+                    isSelected: shareToJobUsers,
+                    onSelectedChange: setShareToJobUsers,
+                  }
+                : undefined
+            }
           />
         )}
 
diff --git a/apps/client/src/shared/components/sidebar/Sidebar.tsx b/apps/client/src/shared/components/sidebar/Sidebar.tsx
index 70de0def..d9477824 100644
--- a/apps/client/src/shared/components/sidebar/Sidebar.tsx
+++ b/apps/client/src/shared/components/sidebar/Sidebar.tsx
@@ -76,6 +76,7 @@ export function Sidebar() {
     handlePatchCategory,
     handleDeleteCategory,
     handlePopupClose,
+    handleEditCategory,
   } = useCategoryActions({
     close,
     setActiveTab,
@@ -117,8 +118,15 @@ export function Sidebar() {
     prevAcornRef.current = acornCount;
   }, [acornCount, isAcornPending]);
 
-  const getCategoryName = (id: number | null) =>
-    categories?.categories.find((c) => c.id === id)?.name ?? '';
+  const getCategory = (id: number | null) => {
+    const c = categories?.categories.find((c) => c.id === id) ?? null;
+    if (!c) return null;
+
+    return {
+      id: c.id,
+      name: c.name,
+    };
+  };
 
   return (
     <aside className="bg-white-bg sticky top-0 h-screen w-[24rem] border-r border-gray-300">
@@ -197,13 +205,12 @@ export function Sidebar() {
               {canCreateMore && <CreateItem onClick={() => openCreate()} />}
             </ul>
           </AccordionItem>
-
           <OptionsMenuPortal
             open={menu.open}
             style={style}
             categoryId={menu.categoryId}
-            getCategoryName={getCategoryName}
-            onEdit={(id, name) => openEdit(id, name)}
+            getCategory={getCategory}
+            onEdit={(id) => handleEditCategory(id, openEdit, closeMenu)}
             onDelete={(id, name) => openDelete(id, name)}
             onClose={closeMenu}
             containerRef={containerRef}
@@ -265,11 +272,14 @@ export function Sidebar() {
 
       {/* Category Popup */}
       <PopupPortal
+        key={popup?.kind === 'edit' ? popup.id : popup?.kind}
         popup={popup}
         onClose={handlePopupClose}
         onChange={handleCategoryChange}
         onCreateConfirm={handleCreateCategory}
-        onEditConfirm={(id) => handlePatchCategory(id)}
+        onEditConfirm={(id, name, isPublic) =>
+          handlePatchCategory(id, name, isPublic)
+        }
         onDeleteConfirm={(id) => handleDeleteCategory(id)}
         categoryList={categories?.categories ?? []}
         isToastOpen={toastIsOpen}
diff --git a/apps/client/src/shared/components/sidebar/hooks/useCategoryActions.ts b/apps/client/src/shared/components/sidebar/hooks/useCategoryActions.ts
index 9c7e967f..215e19d1 100644
--- a/apps/client/src/shared/components/sidebar/hooks/useCategoryActions.ts
+++ b/apps/client/src/shared/components/sidebar/hooks/useCategoryActions.ts
@@ -1,12 +1,13 @@
-import { Dispatch, SetStateAction, useState } from 'react';
-import { useQueryClient } from '@tanstack/react-query';
-import { useNavigate } from 'react-router-dom';
 import {
-  usePostCategory,
-  usePutCategory,
   useDeleteCategory,
+  useGetCategoryDetail,
+  usePatchCategory,
+  usePostCategory,
 } from '@shared/apis/queries';
 import { SidebarTab } from '@shared/hooks/useSidebarNav';
+import { useQueryClient } from '@tanstack/react-query';
+import { Dispatch, SetStateAction, useState } from 'react';
+import { useNavigate } from 'react-router-dom';
 
 interface CategoryActionsParams {
   close: () => void;
@@ -26,8 +27,10 @@ export function useCategoryActions({
   const navigate = useNavigate();
 
   const { mutate: createCategory } = usePostCategory();
-  const { mutate: patchCategory } = usePutCategory();
+  const { mutate: patchCategory } = usePatchCategory();
   const { mutate: deleteCategory } = useDeleteCategory();
+  const { mutate: getCategoryDetail, data: categoryDetail } =
+    useGetCategoryDetail();
 
   const handleCategoryChange = (name: string) => {
     setNewCategoryName(name);
@@ -37,31 +40,51 @@ export function useCategoryActions({
     navigate(
       `/my-bookmarks?id=${id}&category=${encodeURIComponent(newCategoryName)}`
     );
+
     setActiveTab('mybookmark');
     setSelectedCategoryId(id);
   };
 
-  const handleCreateCategory = () => {
-    createCategory(newCategoryName, {
-      onSuccess: () => {
-        setNewCategoryName('');
-        queryClient.invalidateQueries({
-          queryKey: ['dashboardCategories'],
-        });
-        close();
+  const handleCreateCategory = (isPublic: boolean) => {
+    createCategory(
+      {
+        categoryName: newCategoryName,
+        isPublic,
       },
-      onError: () => setToastIsOpen(true),
-    });
+      {
+        onSuccess: () => {
+          setNewCategoryName('');
+
+          queryClient.invalidateQueries({
+            queryKey: ['dashboardCategories'],
+          });
+
+          close();
+        },
+        onError: () => setToastIsOpen(true),
+      }
+    );
   };
 
-  const handlePatchCategory = (id: number) => {
+  const handlePatchCategory = (
+    id: number,
+    name?: string,
+    isPublic?: boolean
+  ) => {
+    if (!name) return;
+
     patchCategory(
-      { id, categoryName: newCategoryName },
+      {
+        id,
+        categoryName: name,
+        isPublic: isPublic ?? false,
+      },
       {
         onSuccess: () => {
           queryClient.invalidateQueries({
             queryKey: ['dashboardCategories'],
           });
+
           setNewCategoryName('');
           close();
           moveNewCategory(id);
@@ -83,20 +106,46 @@ export function useCategoryActions({
     });
   };
 
+  const handleOpenEditCategory = (id: number, openPopup: () => void) => {
+    getCategoryDetail(id, {
+      onSuccess: () => {
+        openPopup();
+      },
+      onError: () => setToastIsOpen(true),
+    });
+  };
+
   const handlePopupClose = () => {
     setToastIsOpen(false);
     close();
   };
 
+  const handleEditCategory = (
+    id: number,
+    openEdit: (id: number, name: string, isPublic: boolean) => void,
+    closeMenu: () => void
+  ) => {
+    getCategoryDetail(id, {
+      onSuccess: (data) => {
+        openEdit(data.categoryId, data.categoryName, data.isPublic);
+      },
+      onError: () => setToastIsOpen(true),
+    });
+
+    closeMenu();
+  };
+
   return {
     newCategoryName,
     toastIsOpen,
     setToastIsOpen,
-
+    categoryDetail,
     handleCategoryChange,
     handleCreateCategory,
     handlePatchCategory,
     handleDeleteCategory,
     handlePopupClose,
+    handleOpenEditCategory,
+    handleEditCategory,
   };
 }
diff --git a/apps/client/src/shared/hooks/useCategoryPopups.ts b/apps/client/src/shared/hooks/useCategoryPopups.ts
index 1f99385b..bfe51b06 100644
--- a/apps/client/src/shared/hooks/useCategoryPopups.ts
+++ b/apps/client/src/shared/hooks/useCategoryPopups.ts
@@ -2,15 +2,15 @@ import { useState } from 'react';
 
 export type PopupState =
   | { kind: 'create' }
-  | { kind: 'edit'; id: number; name: string }
+  | { kind: 'edit'; id: number; name: string; isPublic: boolean }
   | { kind: 'delete'; id: number; name: string }
   | null;
 
 export function useCategoryPopups() {
   const [popup, setPopup] = useState<PopupState>(null);
   const openCreate = () => setPopup({ kind: 'create' });
-  const openEdit = (id: number, name: string) =>
-    setPopup({ kind: 'edit', id, name });
+  const openEdit = (id: number, name: string, isPublic: boolean) =>
+    setPopup({ kind: 'edit', id, name, isPublic });
   const openDelete = (id: number, name: string) =>
     setPopup({ kind: 'delete', id, name });
   const close = () => setPopup(null);
diff --git a/apps/client/src/shared/types/api.ts b/apps/client/src/shared/types/api.ts
index 340b7add..c4f9cdb1 100644
--- a/apps/client/src/shared/types/api.ts
+++ b/apps/client/src/shared/types/api.ts
@@ -50,3 +50,9 @@ export interface JobOption {
 export interface JobsResponse {
   jobs: JobOption[];
 }
+
+export interface CategoryDetailResponse {
+  categoryId: number;
+  categoryName: string;
+  isPublic: boolean;
+}
diff --git a/apps/extension/src/apis/axios.ts b/apps/extension/src/apis/axios.ts
index bb06a3ca..a6e5c78b 100644
--- a/apps/extension/src/apis/axios.ts
+++ b/apps/extension/src/apis/axios.ts
@@ -31,8 +31,14 @@ export interface postCategoriesRequest {
   categoryName: string;
 }
 
+export interface postCategoriesRequest {
+  categoryName: string;
+  isPublic: boolean;
+}
+
 export const postCategories = async (data: postCategoriesRequest) => {
-  const response = await apiRequest.post('/api/v1/categories', data);
+  const { data: response } = await apiRequest.post('/api/v3/categories', data);
+
   return response.data;
 };
 
diff --git a/apps/extension/src/hooks/useCategoryManager.ts b/apps/extension/src/hooks/useCategoryManager.ts
index 1b023e07..4ca03cbd 100644
--- a/apps/extension/src/hooks/useCategoryManager.ts
+++ b/apps/extension/src/hooks/useCategoryManager.ts
@@ -11,6 +11,7 @@ export const useCategoryManager = () => {
   const { mutate: postCategories } = usePostCategories();
 
   const [categoryTitle, setCategoryTitle] = useState('');
+  const [isPublic, setIsPublic] = useState(false);
   const [isPopError, setIsPopError] = useState(false);
   const [errorTxt, setErrorTxt] = useState('');
 
@@ -32,7 +33,10 @@ export const useCategoryManager = () => {
     }
 
     postCategories(
-      { categoryName: categoryTitle },
+      {
+        categoryName: categoryTitle,
+        isPublic,
+      },
       {
         onSuccess: (res) => {
           const newCategory: Category = {
@@ -57,6 +61,7 @@ export const useCategoryManager = () => {
 
   const resetPopup = () => {
     setCategoryTitle('');
+    setIsPublic(false);
     setIsPopError(false);
     setErrorTxt('');
   };
@@ -65,6 +70,8 @@ export const useCategoryManager = () => {
     options,
     categoryTitle,
     setCategoryTitle,
+    isPublic,
+    setIsPublic,
     isPopError,
     errorTxt,
     saveCategory,
diff --git a/apps/extension/src/pages/MainPop.tsx b/apps/extension/src/pages/MainPop.tsx
index 1d98f175..50e1a62c 100644
--- a/apps/extension/src/pages/MainPop.tsx
+++ b/apps/extension/src/pages/MainPop.tsx
@@ -133,6 +133,8 @@ const MainPop = ({ type, savedData }: MainPopProps) => {
     options,
     categoryTitle,
     setCategoryTitle,
+    isPublic,
+    setIsPublic,
     isPopError,
     errorTxt,
     saveCategory,
@@ -280,6 +282,11 @@ const MainPop = ({ type, savedData }: MainPopProps) => {
               resetPopup();
             }}
             onRightClick={saveHandleCategory}
+            checkboxOption={{
+              label: '같은 관심 직무 사용자들에게 공유하기',
+              isSelected: isPublic,
+              onSelectedChange: setIsPublic,
+            }}
           />
         )}
 
diff --git a/packages/design-system/src/components/checkbox/Checkbox.tsx b/packages/design-system/src/components/checkbox/Checkbox.tsx
index 420b0264..15d7186a 100644
--- a/packages/design-system/src/components/checkbox/Checkbox.tsx
+++ b/packages/design-system/src/components/checkbox/Checkbox.tsx
@@ -10,7 +10,7 @@ interface CheckboxProps
   isSelected?: boolean;
   defaultSelected?: boolean;
   onSelectedChange?: (checked: boolean) => void;
-  size?: 'small' | 'medium';
+  size?: 'xsmall' | 'small' | 'medium';
 }
 
 const checkboxBoxVariants = cva(
@@ -18,6 +18,7 @@ const checkboxBoxVariants = cva(
   {
     variants: {
       size: {
+        xsmall: 'h-[1.6rem] w-[1.6rem]',
         small: 'h-[2rem] w-[2rem]',
         medium: 'h-[2.8rem] w-[2.8rem]',
       },
@@ -41,6 +42,7 @@ const checkboxBoxVariants = cva(
 const checkIconVariants = cva('', {
   variants: {
     size: {
+      xsmall: 'h-[0.7rem] w-[1rem]',
       small: 'h-[0.8rem] w-[1.1rem]',
       medium: 'h-[0.9rem] w-[1.2rem]',
     },
diff --git a/packages/design-system/src/components/popup/Popup.tsx b/packages/design-system/src/components/popup/Popup.tsx
index ce2266dc..97c60c93 100644
--- a/packages/design-system/src/components/popup/Popup.tsx
+++ b/packages/design-system/src/components/popup/Popup.tsx
@@ -1,6 +1,14 @@
 import Input from '../input/Input';
+import Checkbox from '../checkbox/Checkbox';
 
 type PopupType = 'input' | 'subtext' | 'default';
+interface PopupCheckboxOption {
+  label: string;
+  defaultSelected?: boolean;
+  isSelected?: boolean;
+  onSelectedChange?: (checked: boolean) => void;
+  disabled?: boolean;
+}
 
 interface BasePopupProps {
   type: PopupType;
@@ -17,7 +25,9 @@ interface BasePopupProps {
   onInputChange?: (value: string) => void;
   onLeftClick?: () => void;
   onRightClick?: () => void;
+  checkboxOption?: PopupCheckboxOption;
 }
+
 const Popup = ({
   type,
   subtext,
@@ -33,6 +43,7 @@ const Popup = ({
   onInputChange,
   onLeftClick,
   onRightClick,
+  checkboxOption,
 }: BasePopupProps) => {
   return (
     <div className="bg-white-bg flex w-[26rem] cursor-pointer flex-col items-center justify-center rounded-[1.2rem] px-[1.6rem] py-[2.4rem] shadow-[0_0_32px_0_rgba(0,0,0,0.10)]">
@@ -53,6 +64,21 @@ const Popup = ({
           {isError && errortext && (
             <p className="text-error body3-r mt-[0.5rem]">{errortext}</p>
           )}
+
+          {checkboxOption && (
+            <label className="mt-[1.2rem] flex items-center gap-[0.8rem]">
+              <Checkbox
+                size="xsmall"
+                isSelected={checkboxOption.isSelected}
+                defaultSelected={checkboxOption.defaultSelected}
+                onSelectedChange={checkboxOption.onSelectedChange}
+                disabled={checkboxOption.disabled}
+              />
+              <span className="body3-r text-font-gray-3">
+                {checkboxOption.label}
+              </span>
+            </label>
+          )}
         </div>
       )}
       {type === 'subtext' && (
@@ -60,7 +86,6 @@ const Popup = ({
           {subtext}
         </div>
       )}
-      {/* type===default일 떄는 아무것도 없음 */}
       <div className="flex flex-row items-center justify-center gap-[1.2rem] pt-[0.8rem]">
         <button
           className="border-gray200 sub5-sb bg-white-bg text-font-black-1 w-[10.8rem] rounded-[0.4rem] border py-[0.85rem]"
diff --git a/packages/design-system/src/components/popup/PopupContainer.tsx b/packages/design-system/src/components/popup/PopupContainer.tsx
index 4ce41503..25583343 100644
--- a/packages/design-system/src/components/popup/PopupContainer.tsx
+++ b/packages/design-system/src/components/popup/PopupContainer.tsx
@@ -3,6 +3,14 @@ import { createPortal } from 'react-dom';
 import Popup from './Popup';
 type PopupType = 'input' | 'subtext' | 'default';
 
+interface PopupCheckboxOption {
+  label: string;
+  defaultSelected?: boolean;
+  isSelected?: boolean;
+  onSelectedChange?: (checked: boolean) => void;
+  disabled?: boolean;
+}
+
 interface BasePopupProps {
   type: PopupType;
   title: string;
@@ -15,6 +23,9 @@ interface BasePopupProps {
   helperText?: string;
   onLeftClick?: () => void;
   onRightClick?: () => void;
+
+  // ⭐ 추가
+  checkboxOption?: PopupCheckboxOption;
 }
 interface PopupContainerProps extends BasePopupProps {
   isOpen: boolean;
@@ -44,12 +55,12 @@ const PopupContainer = ({
     <div className="fixed inset-0 z-10 flex items-center justify-center">
       <div className="absolute inset-0 bg-[#00000099]" />
       <div className="relative">
-        <Popup 
-          {...popupProps} 
-          onLeftClick={popupProps.onLeftClick ?? onClose} 
+        <Popup
+          {...popupProps}
+          onLeftClick={popupProps.onLeftClick ?? onClose}
           inputValue={popupProps.inputValue}
-          onInputChange={popupProps.onInputChange} 
-          />
+          onInputChange={popupProps.onInputChange}
+        />
       </div>
     </div>,
     document.body // body 위에서 렌더링 되게 함!