diff --git a/apps/cs/src/pages/(post)/image/ui/modify-page.tsx b/apps/cs/src/pages/(post)/image/ui/modify-page.tsx
index c2426c134..6b92afbb4 100644
--- a/apps/cs/src/pages/(post)/image/ui/modify-page.tsx
+++ b/apps/cs/src/pages/(post)/image/ui/modify-page.tsx
@@ -1,53 +1,9 @@
 "use client";
 
-import { useRouter } from "next/navigation";
-import { useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { useMutation, useQuery } from "@tanstack/react-query";
 import { PostForm } from "@/widgets/post";
-import {
-  PostApi,
-  postUpdateFormSchema,
-  type PostUpdateFormData,
-} from "@/entities/post";
-import { ENDPOINT } from "@/shared/config";
-import { useAlertStore, useUserStore } from "@/shared/lib";
 
 function ModifyPage({ bbsId, pstNo }: { bbsId: string; pstNo: string }) {
-  const router = useRouter();
-  const { setMessage: alert } = useAlertStore((state) => state);
-  const { userInfo } = useUserStore((state) => state);
-
-  const { data: postInfo } = useQuery({
-    queryKey: [ENDPOINT.BOARD_SERVICE.POSTS, bbsId, pstNo],
-    queryFn: () => PostApi.getPostInfo(parseInt(bbsId), parseInt(pstNo)),
-  });
-
-  const { mutateAsync: updatePost } = useMutation({
-    mutationFn: (data: PostUpdateFormData) =>
-      PostApi.updatePost(parseInt(bbsId), parseInt(pstNo), data),
-    onSuccess: () => {
-      alert("수정되었습니다.", router.back);
-    },
-  });
-
-  const form = useForm<PostUpdateFormData>({
-    resolver: zodResolver(postUpdateFormSchema),
-    values: {
-      ...postInfo,
-      pstTtl: postInfo?.pstTtl ?? "",
-      pstPswd: userInfo?.userUnqId ?? "",
-    },
-  });
-
-  return (
-    <div className="card card-border !mt-6">
-      <div className="card-header">
-        <h3 className="text-2xl font-medium text-label">이미지 게시글 수정</h3>
-      </div>
-      <PostForm form={form} handleSave={updatePost} />
-    </div>
-  );
+  return <PostForm bbsId={parseInt(bbsId)} pstNo={parseInt(pstNo)} />;
 }
 
 export { ModifyPage };
diff --git a/apps/cs/src/pages/(post)/movie/ui/modify-page.tsx b/apps/cs/src/pages/(post)/movie/ui/modify-page.tsx
index bee473938..6b92afbb4 100644
--- a/apps/cs/src/pages/(post)/movie/ui/modify-page.tsx
+++ b/apps/cs/src/pages/(post)/movie/ui/modify-page.tsx
@@ -1,53 +1,9 @@
 "use client";
 
-import { useRouter } from "next/navigation";
-import { useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { useMutation, useQuery } from "@tanstack/react-query";
 import { PostForm } from "@/widgets/post";
-import {
-  PostApi,
-  postUpdateFormSchema,
-  type PostUpdateFormData,
-} from "@/entities/post";
-import { ENDPOINT } from "@/shared/config";
-import { useAlertStore, useUserStore } from "@/shared/lib";
 
 function ModifyPage({ bbsId, pstNo }: { bbsId: string; pstNo: string }) {
-  const router = useRouter();
-  const { setMessage: alert } = useAlertStore((state) => state);
-  const { userInfo } = useUserStore((state) => state);
-
-  const { data: postInfo } = useQuery({
-    queryKey: [ENDPOINT.BOARD_SERVICE.POSTS, bbsId, pstNo],
-    queryFn: () => PostApi.getPostInfo(parseInt(bbsId), parseInt(pstNo)),
-  });
-
-  const { mutateAsync: updatePost } = useMutation({
-    mutationFn: (data: PostUpdateFormData) =>
-      PostApi.updatePost(parseInt(bbsId), parseInt(pstNo), data),
-    onSuccess: () => {
-      alert("수정되었습니다.", router.back);
-    },
-  });
-
-  const form = useForm<PostUpdateFormData>({
-    resolver: zodResolver(postUpdateFormSchema),
-    values: {
-      ...postInfo,
-      pstTtl: postInfo?.pstTtl ?? "",
-      pstPswd: userInfo?.userUnqId ?? "",
-    },
-  });
-
-  return (
-    <div className="card card-border !mt-6">
-      <div className="card-header">
-        <h3 className="text-2xl font-medium text-label">동영상 게시글 수정</h3>
-      </div>
-      <PostForm form={form} handleSave={updatePost} />
-    </div>
-  );
+  return <PostForm bbsId={parseInt(bbsId)} pstNo={parseInt(pstNo)} />;
 }
 
 export { ModifyPage };
diff --git a/apps/cs/src/pages/(post)/normal/ui/modify-page.tsx b/apps/cs/src/pages/(post)/normal/ui/modify-page.tsx
index 2e23f62a0..6b92afbb4 100644
--- a/apps/cs/src/pages/(post)/normal/ui/modify-page.tsx
+++ b/apps/cs/src/pages/(post)/normal/ui/modify-page.tsx
@@ -1,53 +1,9 @@
 "use client";
 
-import { useRouter } from "next/navigation";
-import { useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { useMutation, useQuery } from "@tanstack/react-query";
 import { PostForm } from "@/widgets/post";
-import {
-  PostApi,
-  postUpdateFormSchema,
-  type PostUpdateFormData,
-} from "@/entities/post";
-import { ENDPOINT } from "@/shared/config";
-import { useAlertStore, useUserStore } from "@/shared/lib";
 
 function ModifyPage({ bbsId, pstNo }: { bbsId: string; pstNo: string }) {
-  const router = useRouter();
-  const { setMessage: alert } = useAlertStore((state) => state);
-  const { userInfo } = useUserStore((state) => state);
-
-  const { data: postInfo } = useQuery({
-    queryKey: [ENDPOINT.BOARD_SERVICE.POSTS, bbsId, pstNo],
-    queryFn: () => PostApi.getPostInfo(parseInt(bbsId), parseInt(pstNo)),
-  });
-
-  const { mutateAsync: updatePost } = useMutation({
-    mutationFn: (data: PostUpdateFormData) =>
-      PostApi.updatePost(parseInt(bbsId), parseInt(pstNo), data),
-    onSuccess: () => {
-      alert("수정되었습니다.", router.back);
-    },
-  });
-
-  const form = useForm<PostUpdateFormData>({
-    resolver: zodResolver(postUpdateFormSchema),
-    values: {
-      ...postInfo,
-      pstTtl: postInfo?.pstTtl ?? "",
-      pstPswd: userInfo?.userUnqId ?? "",
-    },
-  });
-
-  return (
-    <div className="card card-border !mt-6">
-      <div className="card-header">
-        <h3 className="text-2xl font-medium text-label">게시글 수정</h3>
-      </div>
-      <PostForm form={form} handleSave={updatePost} />
-    </div>
-  );
+  return <PostForm bbsId={parseInt(bbsId)} pstNo={parseInt(pstNo)} />;
 }
 
 export { ModifyPage };
diff --git a/apps/cs/src/pages/(post)/notice/ui/modify-page.tsx b/apps/cs/src/pages/(post)/notice/ui/modify-page.tsx
index fa12dbcce..6b92afbb4 100644
--- a/apps/cs/src/pages/(post)/notice/ui/modify-page.tsx
+++ b/apps/cs/src/pages/(post)/notice/ui/modify-page.tsx
@@ -1,53 +1,9 @@
 "use client";
 
-import { useRouter } from "next/navigation";
-import { useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { useMutation, useQuery } from "@tanstack/react-query";
 import { PostForm } from "@/widgets/post";
-import {
-  PostApi,
-  postUpdateFormSchema,
-  type PostUpdateFormData,
-} from "@/entities/post";
-import { ENDPOINT } from "@/shared/config";
-import { useAlertStore, useUserStore } from "@/shared/lib";
 
 function ModifyPage({ bbsId, pstNo }: { bbsId: string; pstNo: string }) {
-  const router = useRouter();
-  const { setMessage: alert } = useAlertStore((state) => state);
-  const { userInfo } = useUserStore((state) => state);
-
-  const { data: postInfo } = useQuery({
-    queryKey: [ENDPOINT.BOARD_SERVICE.POSTS, bbsId, pstNo],
-    queryFn: () => PostApi.getPostInfo(parseInt(bbsId), parseInt(pstNo)),
-  });
-
-  const { mutateAsync: updatePost } = useMutation({
-    mutationFn: (data: PostUpdateFormData) =>
-      PostApi.updatePost(parseInt(bbsId), parseInt(pstNo), data),
-    onSuccess: () => {
-      alert("수정되었습니다.", router.back);
-    },
-  });
-
-  const form = useForm<PostUpdateFormData>({
-    resolver: zodResolver(postUpdateFormSchema),
-    values: {
-      ...postInfo,
-      pstTtl: postInfo?.pstTtl ?? "",
-      pstPswd: userInfo?.userUnqId ?? "",
-    },
-  });
-
-  return (
-    <div className="card card-border !mt-6">
-      <div className="card-header">
-        <h3 className="text-2xl font-medium text-label">공지 게시글 수정</h3>
-      </div>
-      <PostForm form={form} handleSave={updatePost} />
-    </div>
-  );
+  return <PostForm bbsId={parseInt(bbsId)} pstNo={parseInt(pstNo)} />;
 }
 
 export { ModifyPage };
diff --git a/apps/cs/src/widgets/post/ui/post-form.tsx b/apps/cs/src/widgets/post/ui/post-form.tsx
index cf3c14aab..dcd41de64 100644
--- a/apps/cs/src/widgets/post/ui/post-form.tsx
+++ b/apps/cs/src/widgets/post/ui/post-form.tsx
@@ -1,7 +1,8 @@
 import { useRouter } from "next/navigation";
-import { useEffect, useState } from "react";
-import { useQuery } from "@tanstack/react-query";
-import type { UseFormReturn, FieldPath } from "react-hook-form";
+import { useState } from "react";
+import { useMutation, useQuery } from "@tanstack/react-query";
+import { useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
 import { useConfirm } from "@frontend-opensource/use-react-hooks";
 import {
   Input,
@@ -18,159 +19,114 @@ import {
 } from "@common/components";
 import { BOARD_POSTING_CODE } from "@/entities/board";
 import { AttachmentApi } from "@/entities/attachment";
-import type { Post, PostFormData, PostUpdateFormData } from "@/entities/post";
+import {
+  PostApi,
+  postUpdateFormSchema,
+  type PostFormData,
+  type PostUpdateFormData,
+} from "@/entities/post";
 import { ENDPOINT } from "@/shared/config";
-import { useUserStore, setCookie, useMenuStore } from "@/shared/lib";
+import type { BbsType } from "@/shared/store/menu-store";
+import { useUserStore, useMenuStore, useAlertStore } from "@/shared/lib";
 import { Form, FormControl, FormField, FormItem } from "@/shared/ui/form";
 import { PostingPeriodSelector } from "./posting-period-selector";
 import { GeneralFileUploader } from "./general-file-uploader";
 import { WithPreviewFileUploader } from "./with-preview-file-uploader";
 
-type PostFormProps<T extends PostFormData | PostUpdateFormData> = {
-  form: UseFormReturn<T>;
-  handleSave: (data: T) => Promise<Post>;
+type PostFormProps = {
+  bbsId: number;
+  pstNo: number;
 };
 
-function PostForm<T extends PostFormData | PostUpdateFormData>({
-  form,
-  handleSave,
-}: PostFormProps<T>) {
-  const atflCd = form.getValues("atflCd" as FieldPath<T>);
+const getBbsTitle = (bbsTypeCd?: BbsType) => {
+  switch (bbsTypeCd) {
+    case "BBSNOTICE":
+      return "공지";
+    case "BBSNORMAL":
+      return "일반";
+    case "BBSFAQ":
+      return "FAQ";
+    case "BBSIMAGE":
+      return "이미지";
+    case "BBSMOVIE":
+      return "동영상";
+    default:
+      return "게시판";
+  }
+};
 
+function PostForm({ bbsId, pstNo }: PostFormProps) {
   const router = useRouter();
   const { confirm } = useConfirm();
 
   const { bbsInfo } = useMenuStore((state) => state);
   const { userInfo } = useUserStore((state) => state);
+  const { setMessage: alert } = useAlertStore((state) => state);
 
   const [deleteAttachmentIds, setDeleteAttachmentIds] = useState<string[]>([]);
 
+  const { data: postInfo } = useQuery({
+    queryKey: [ENDPOINT.BOARD_SERVICE.POSTS, bbsId, pstNo],
+    queryFn: () => PostApi.getPostInfo(bbsId, pstNo),
+  });
+
+  const { mutateAsync: updatePost } = useMutation({
+    mutationFn: (data: PostUpdateFormData) =>
+      PostApi.updatePost(bbsId, pstNo, data),
+    onSuccess: () => {
+      alert("수정되었습니다.", router.back);
+    },
+  });
+
+  const form = useForm<PostFormData | PostUpdateFormData>({
+    resolver: zodResolver(postUpdateFormSchema),
+    values: {
+      ...postInfo,
+      pstTtl: postInfo?.pstTtl ?? "",
+      pstPswd: userInfo?.userUnqId ?? "",
+    },
+  });
+
+  const atflCd = form.getValues("atflCd");
   const { data: attachmentData } = useQuery({
     queryKey: [ENDPOINT.ATTACH_SERVICE.ATTACHMENTS, atflCd],
     queryFn: () => AttachmentApi.getAttachmentsInfo(atflCd as string),
     enabled: !!atflCd,
   });
 
-  const onSubmit = async (data: T) => {
+  const onSubmit = async (data: PostFormData | PostUpdateFormData) => {
     if (await confirm("저장하시겠습니까?")) {
       if (deleteAttachmentIds.length > 0) {
         await Promise.all(
           deleteAttachmentIds.map(AttachmentApi.deleteAttachmentByAtflId),
         );
       }
-      await handleSave(data);
+      await updatePost(data);
     }
   };
 
-  useEffect(() => {
-    setCookie("atfl-cd-key", "");
-  }, []);
-
   return (
-    <Form {...form}>
-      <form onSubmit={form.handleSubmit(onSubmit)}>
-        <div className="card">
-          <Table variant="secondary">
-            <colgroup>
-              <col width="15%" />
-              <col width="85%" />
-            </colgroup>
-            <TableBody>
-              <TableRow>
-                <TableHead>제목</TableHead>
-                <TableCell className="border">
-                  <FormField
-                    control={form.control}
-                    name={"pstTtl" as FieldPath<T>}
-                    render={({ field }) => (
-                      <FormItem>
-                        <FormControl>
-                          <Input
-                            {...field}
-                            value={(field.value as string) ?? ""}
-                            className="!text-[1.3rem]"
-                            placeholder="제목을 입력해주세요"
-                          />
-                        </FormControl>
-                      </FormItem>
-                    )}
-                  />
-                </TableCell>
-              </TableRow>
-              <TableRow>
-                <TableHead>작성자</TableHead>
-                <TableCell className="border">
-                  <FormField
-                    control={form.control}
-                    name={"wrtrNm" as FieldPath<T>}
-                    render={({ field }) => (
-                      <FormItem>
-                        <FormControl>
-                          <Input
-                            {...field}
-                            value={(field.value as string) ?? ""}
-                            className="w-[20rem] !text-[1.3rem]"
-                            placeholder="작성자를 입력해주세요"
-                          />
-                        </FormControl>
-                      </FormItem>
-                    )}
-                  />
-                </TableCell>
-              </TableRow>
-              {!userInfo?.userUnqId && (
+    <div className="card card-border !mt-6">
+      <div className="card-header">
+        <h3 className="text-2xl font-medium text-label">
+          {getBbsTitle(bbsInfo?.bbsTypeCd)} 게시글 수정
+        </h3>
+      </div>
+      <Form {...form}>
+        <form onSubmit={form.handleSubmit(onSubmit)}>
+          <div className="card">
+            <Table variant="secondary">
+              <colgroup>
+                <col width="15%" />
+                <col width="85%" />
+              </colgroup>
+              <TableBody>
                 <TableRow>
-                  <TableHead>비밀번호</TableHead>
+                  <TableHead>제목</TableHead>
                   <TableCell className="border">
                     <FormField
                       control={form.control}
-                      name={"pstPswd" as FieldPath<T>}
-                      render={({ field }) => (
-                        <FormItem className="flex flex-col">
-                          <FormControl>
-                            <Input
-                              {...field}
-                              type="password"
-                              value={(field.value as string) ?? ""}
-                              className="w-[20rem] !text-[1.3rem]"
-                              placeholder="비밀번호를 입력해주세요"
-                            />
-                          </FormControl>
-                        </FormItem>
-                      )}
-                    />
-                  </TableCell>
-                </TableRow>
-              )}
-              <TableRow>
-                <TableHead>내용</TableHead>
-                <TableCell className="border">
-                  <FormField
-                    control={form.control}
-                    name={"pstCn" as FieldPath<T>}
-                    render={({ field }) => (
-                      <FormItem>
-                        <FormControl>
-                          <Textarea
-                            {...field}
-                            value={(field.value as string) ?? ""}
-                            onChange={field.onChange}
-                            className="h-[20rem] w-full bg-form !text-[1.3rem] !leading-6"
-                            placeholder="내용을 입력해주세요"
-                          />
-                        </FormControl>
-                      </FormItem>
-                    )}
-                  />
-                </TableCell>
-              </TableRow>
-              {bbsInfo?.rfrncUseYn === "Y" && (
-                <TableRow>
-                  <TableHead>참조 URL</TableHead>
-                  <TableCell className="border">
-                    <FormField
-                      control={form.control}
-                      name={"rfrncUrl" as FieldPath<T>}
+                      name="pstTtl"
                       render={({ field }) => (
                         <FormItem>
                           <FormControl>
@@ -178,7 +134,7 @@ function PostForm<T extends PostFormData | PostUpdateFormData>({
                               {...field}
                               value={(field.value as string) ?? ""}
                               className="!text-[1.3rem]"
-                              placeholder="URL을 입력해주세요"
+                              placeholder="제목을 입력해주세요"
                             />
                           </FormControl>
                         </FormItem>
@@ -186,267 +142,350 @@ function PostForm<T extends PostFormData | PostUpdateFormData>({
                     />
                   </TableCell>
                 </TableRow>
-              )}
-              {bbsInfo?.popupUseYn === "Y" && (
                 <TableRow>
-                  <TableHead>팝업여부</TableHead>
+                  <TableHead>작성자</TableHead>
                   <TableCell className="border">
-                    <div className="flex items-center gap-4">
+                    <FormField
+                      control={form.control}
+                      name="wrtrNm"
+                      render={({ field }) => (
+                        <FormItem>
+                          <FormControl>
+                            <Input
+                              {...field}
+                              value={(field.value as string) ?? ""}
+                              className="w-[20rem] !text-[1.3rem]"
+                              placeholder="작성자를 입력해주세요"
+                            />
+                          </FormControl>
+                        </FormItem>
+                      )}
+                    />
+                  </TableCell>
+                </TableRow>
+                {!userInfo?.userUnqId && (
+                  <TableRow>
+                    <TableHead>비밀번호</TableHead>
+                    <TableCell className="border">
                       <FormField
                         control={form.control}
-                        name={"popupYn" as FieldPath<T>}
+                        name="pstPswd"
                         render={({ field }) => (
-                          <FormItem>
+                          <FormItem className="flex flex-col">
                             <FormControl>
-                              <RadioGroup
-                                name="popupYn"
-                                value={field.value?.toString() ?? ""}
-                                onValueChange={field.onChange}
-                              >
-                                <div className="flex items-center space-x-2">
-                                  <RadioGroupItem value="Y" id="popupY" />
-                                  <Label htmlFor="popupY">사용</Label>
-                                </div>
-                                <div className="flex items-center space-x-2">
-                                  <RadioGroupItem value="N" id="popupN" />
-                                  <Label htmlFor="popupN">사용안함</Label>
-                                </div>
-                              </RadioGroup>
+                              <Input
+                                {...field}
+                                type="password"
+                                value={(field.value as string) ?? ""}
+                                className="w-[20rem] !text-[1.3rem]"
+                                placeholder="비밀번호를 입력해주세요"
+                              />
                             </FormControl>
                           </FormItem>
                         )}
                       />
-                      <FormField
-                        control={form.control}
-                        name={"popupYnEtc" as FieldPath<T>}
-                        render={({ field }) => {
-                          const fieldValues = form.getValues().popupYnEtc?.[0];
-                          return (
-                            <FormItem>
-                              <FormControl>
-                                <PostingPeriodSelector
-                                  defaultValues={{ ...fieldValues }}
-                                  disabled={
-                                    form.getValues(
-                                      "popupYn" as FieldPath<T>,
-                                    ) === "N"
-                                  }
-                                  handlePeriodValueChange={(
-                                    periodCode,
-                                    date,
-                                  ) => {
-                                    field.onChange([
-                                      {
-                                        ...fieldValues,
-                                        ...date,
-                                        bbsPstgTypeCd:
-                                          BOARD_POSTING_CODE.팝업게시,
-                                        pstgPrdSeCd: periodCode,
-                                      },
-                                    ]);
-                                  }}
-                                  handlePostingDateChange={(date) => {
-                                    field.onChange([
-                                      { ...fieldValues, ...date },
-                                    ]);
-                                  }}
-                                />
-                              </FormControl>
-                            </FormItem>
-                          );
-                        }}
-                      />
-                    </div>
+                    </TableCell>
+                  </TableRow>
+                )}
+                <TableRow>
+                  <TableHead>내용</TableHead>
+                  <TableCell className="border">
+                    <FormField
+                      control={form.control}
+                      name="pstCn"
+                      render={({ field }) => (
+                        <FormItem>
+                          <FormControl>
+                            <Textarea
+                              {...field}
+                              value={(field.value as string) ?? ""}
+                              onChange={field.onChange}
+                              className="h-[20rem] w-full bg-form !text-[1.3rem] !leading-6"
+                              placeholder="내용을 입력해주세요"
+                            />
+                          </FormControl>
+                        </FormItem>
+                      )}
+                    />
                   </TableCell>
                 </TableRow>
-              )}
-              {bbsInfo?.upndFixUseYn === "Y" && (
-                <TableRow>
-                  <TableHead>상단고정</TableHead>
-                  <TableCell className="border">
-                    <div className="flex items-center gap-4">
+                {bbsInfo?.rfrncUseYn === "Y" && (
+                  <TableRow>
+                    <TableHead>참조 URL</TableHead>
+                    <TableCell className="border">
                       <FormField
                         control={form.control}
-                        name={"upndFixYn" as FieldPath<T>}
+                        name="rfrncUrl"
                         render={({ field }) => (
                           <FormItem>
                             <FormControl>
-                              <RadioGroup
-                                name="upndFixYn"
-                                value={field.value?.toString() ?? ""}
-                                onValueChange={field.onChange}
-                              >
-                                <div className="flex items-center space-x-2">
-                                  <RadioGroupItem value="Y" id="upndFixY" />
-                                  <Label htmlFor="upndFixY">사용</Label>
-                                </div>
-                                <div className="flex items-center space-x-2">
-                                  <RadioGroupItem value="N" id="upndFixN" />
-                                  <Label htmlFor="upndFixN">사용안함</Label>
-                                </div>
-                              </RadioGroup>
+                              <Input
+                                {...field}
+                                value={(field.value as string) ?? ""}
+                                className="!text-[1.3rem]"
+                                placeholder="URL을 입력해주세요"
+                              />
                             </FormControl>
                           </FormItem>
                         )}
                       />
-                      <FormField
-                        control={form.control}
-                        name={"upndFixYnEtc" as FieldPath<T>}
-                        render={({ field }) => {
-                          const fieldValues =
-                            form.getValues().upndFixYnEtc?.[0];
-                          return (
+                    </TableCell>
+                  </TableRow>
+                )}
+                {bbsInfo?.popupUseYn === "Y" && (
+                  <TableRow>
+                    <TableHead>팝업여부</TableHead>
+                    <TableCell className="border">
+                      <div className="flex items-center gap-4">
+                        <FormField
+                          control={form.control}
+                          name="popupYn"
+                          render={({ field }) => (
                             <FormItem>
                               <FormControl>
-                                <PostingPeriodSelector
-                                  defaultValues={{ ...fieldValues }}
-                                  disabled={
-                                    form.getValues(
-                                      "upndFixYn" as FieldPath<T>,
-                                    ) === "N"
-                                  }
-                                  handlePeriodValueChange={(
-                                    periodCode,
-                                    date,
-                                  ) => {
-                                    field.onChange([
-                                      {
-                                        ...fieldValues,
-                                        ...date,
-                                        bbsPstgTypeCd:
-                                          BOARD_POSTING_CODE.상단게시,
-                                        pstgPrdSeCd: periodCode,
-                                      },
-                                    ]);
-                                  }}
-                                  handlePostingDateChange={(date) => {
-                                    field.onChange([
-                                      { ...fieldValues, ...date },
-                                    ]);
-                                  }}
-                                />
+                                <RadioGroup
+                                  name="popupYn"
+                                  value={field.value?.toString() ?? ""}
+                                  onValueChange={field.onChange}
+                                >
+                                  <div className="flex items-center space-x-2">
+                                    <RadioGroupItem value="Y" id="popupY" />
+                                    <Label htmlFor="popupY">사용</Label>
+                                  </div>
+                                  <div className="flex items-center space-x-2">
+                                    <RadioGroupItem value="N" id="popupN" />
+                                    <Label htmlFor="popupN">사용안함</Label>
+                                  </div>
+                                </RadioGroup>
                               </FormControl>
                             </FormItem>
-                          );
-                        }}
-                      />
-                    </div>
-                  </TableCell>
-                </TableRow>
-              )}
-              {bbsInfo?.pstgPrdUseYn === "Y" && (
-                <TableRow>
-                  <TableHead>게시기간</TableHead>
-                  <TableCell className="border">
-                    <div className="flex items-center gap-4">
-                      <FormField
-                        control={form.control}
-                        name={"prdPstgYn" as FieldPath<T>}
-                        render={({ field }) => (
-                          <FormItem>
-                            <FormControl>
-                              <RadioGroup
-                                name="prdPstgYn"
-                                value={field.value?.toString() ?? ""}
-                                onValueChange={field.onChange}
-                              >
-                                <div className="flex items-center space-x-2">
-                                  <RadioGroupItem value="Y" id="prdPstgY" />
-                                  <Label htmlFor="prdPstgY">사용</Label>
-                                </div>
-                                <div className="flex items-center space-x-2">
-                                  <RadioGroupItem value="N" id="prdPstgN" />
-                                  <Label htmlFor="prdPstgN">사용안함</Label>
-                                </div>
-                              </RadioGroup>
-                            </FormControl>
-                          </FormItem>
-                        )}
-                      />
-                      <FormField
-                        control={form.control}
-                        name={"prdPstgYnEtc" as FieldPath<T>}
-                        render={({ field }) => {
-                          const fieldValues =
-                            form.getValues().prdPstgYnEtc?.[0];
-                          return (
+                          )}
+                        />
+                        <FormField
+                          control={form.control}
+                          name="popupYnEtc"
+                          render={({ field }) => {
+                            const fieldValues =
+                              form.getValues().popupYnEtc?.[0];
+                            return (
+                              <FormItem>
+                                <FormControl>
+                                  <PostingPeriodSelector
+                                    defaultValues={{ ...fieldValues }}
+                                    disabled={form.getValues("popupYn") === "N"}
+                                    handlePeriodValueChange={(
+                                      periodCode,
+                                      date,
+                                    ) => {
+                                      field.onChange([
+                                        {
+                                          ...fieldValues,
+                                          ...date,
+                                          bbsPstgTypeCd:
+                                            BOARD_POSTING_CODE.팝업게시,
+                                          pstgPrdSeCd: periodCode,
+                                        },
+                                      ]);
+                                    }}
+                                    handlePostingDateChange={(date) => {
+                                      field.onChange([
+                                        { ...fieldValues, ...date },
+                                      ]);
+                                    }}
+                                  />
+                                </FormControl>
+                              </FormItem>
+                            );
+                          }}
+                        />
+                      </div>
+                    </TableCell>
+                  </TableRow>
+                )}
+                {bbsInfo?.upndFixUseYn === "Y" && (
+                  <TableRow>
+                    <TableHead>상단고정</TableHead>
+                    <TableCell className="border">
+                      <div className="flex items-center gap-4">
+                        <FormField
+                          control={form.control}
+                          name="upndFixYn"
+                          render={({ field }) => (
                             <FormItem>
                               <FormControl>
-                                <PostingPeriodSelector
-                                  defaultValues={{ ...fieldValues }}
-                                  disabled={
-                                    form.getValues(
-                                      "prdPstgYn" as FieldPath<T>,
-                                    ) === "N"
-                                  }
-                                  handlePeriodValueChange={(
-                                    periodCode,
-                                    date,
-                                  ) => {
-                                    field.onChange([
-                                      {
-                                        ...fieldValues,
-                                        ...date,
-                                        bbsPstgTypeCd:
-                                          BOARD_POSTING_CODE.기간게시,
-                                        pstgPrdSeCd: periodCode,
-                                      },
-                                    ]);
-                                  }}
-                                  handlePostingDateChange={(date) => {
-                                    field.onChange([
-                                      { ...fieldValues, ...date },
-                                    ]);
-                                  }}
-                                />
+                                <RadioGroup
+                                  name="upndFixYn"
+                                  value={field.value?.toString() ?? ""}
+                                  onValueChange={field.onChange}
+                                >
+                                  <div className="flex items-center space-x-2">
+                                    <RadioGroupItem value="Y" id="upndFixY" />
+                                    <Label htmlFor="upndFixY">사용</Label>
+                                  </div>
+                                  <div className="flex items-center space-x-2">
+                                    <RadioGroupItem value="N" id="upndFixN" />
+                                    <Label htmlFor="upndFixN">사용안함</Label>
+                                  </div>
+                                </RadioGroup>
                               </FormControl>
                             </FormItem>
-                          );
-                        }}
-                      />
-                    </div>
-                  </TableCell>
-                </TableRow>
-              )}
-              {bbsInfo?.atflUseYn === "Y" && (
-                <TableRow>
-                  <TableHead>첨부파일</TableHead>
-                  <TableCell className="border">
-                    {bbsInfo?.bbsTypeCd === "BBSIMAGE" ||
-                    bbsInfo?.bbsTypeCd === "BBSMOVIE" ? (
-                      <WithPreviewFileUploader
-                        form={form}
-                        attachmentData={attachmentData}
-                      />
-                    ) : (
-                      <GeneralFileUploader
-                        form={form}
-                        attachmentData={attachmentData}
-                        deleteAttachmentIds={deleteAttachmentIds}
-                        setDeleteAttachmentIds={setDeleteAttachmentIds}
-                      />
-                    )}
-                  </TableCell>
-                </TableRow>
-              )}
-            </TableBody>
-          </Table>
-        </div>
-        <div className="flex justify-center gap-4 pb-12 pt-10">
-          <Button
-            size="lg"
-            color="white"
-            type="button"
-            onClick={() => router.back()}
-          >
-            취소
-          </Button>
-          <Button size="lg" type="submit">
-            저장
-          </Button>
-        </div>
-      </form>
-    </Form>
+                          )}
+                        />
+                        <FormField
+                          control={form.control}
+                          name="upndFixYnEtc"
+                          render={({ field }) => {
+                            const fieldValues =
+                              form.getValues().upndFixYnEtc?.[0];
+                            return (
+                              <FormItem>
+                                <FormControl>
+                                  <PostingPeriodSelector
+                                    defaultValues={{ ...fieldValues }}
+                                    disabled={
+                                      form.getValues("upndFixYn") === "N"
+                                    }
+                                    handlePeriodValueChange={(
+                                      periodCode,
+                                      date,
+                                    ) => {
+                                      field.onChange([
+                                        {
+                                          ...fieldValues,
+                                          ...date,
+                                          bbsPstgTypeCd:
+                                            BOARD_POSTING_CODE.상단게시,
+                                          pstgPrdSeCd: periodCode,
+                                        },
+                                      ]);
+                                    }}
+                                    handlePostingDateChange={(date) => {
+                                      field.onChange([
+                                        { ...fieldValues, ...date },
+                                      ]);
+                                    }}
+                                  />
+                                </FormControl>
+                              </FormItem>
+                            );
+                          }}
+                        />
+                      </div>
+                    </TableCell>
+                  </TableRow>
+                )}
+                {bbsInfo?.pstgPrdUseYn === "Y" && (
+                  <TableRow>
+                    <TableHead>게시기간</TableHead>
+                    <TableCell className="border">
+                      <div className="flex items-center gap-4">
+                        <FormField
+                          control={form.control}
+                          name="prdPstgYn"
+                          render={({ field }) => (
+                            <FormItem>
+                              <FormControl>
+                                <RadioGroup
+                                  name="prdPstgYn"
+                                  value={field.value?.toString() ?? ""}
+                                  onValueChange={field.onChange}
+                                >
+                                  <div className="flex items-center space-x-2">
+                                    <RadioGroupItem value="Y" id="prdPstgY" />
+                                    <Label htmlFor="prdPstgY">사용</Label>
+                                  </div>
+                                  <div className="flex items-center space-x-2">
+                                    <RadioGroupItem value="N" id="prdPstgN" />
+                                    <Label htmlFor="prdPstgN">사용안함</Label>
+                                  </div>
+                                </RadioGroup>
+                              </FormControl>
+                            </FormItem>
+                          )}
+                        />
+                        <FormField
+                          control={form.control}
+                          name="prdPstgYnEtc"
+                          render={({ field }) => {
+                            const fieldValues =
+                              form.getValues().prdPstgYnEtc?.[0];
+                            return (
+                              <FormItem>
+                                <FormControl>
+                                  <PostingPeriodSelector
+                                    defaultValues={{ ...fieldValues }}
+                                    disabled={
+                                      form.getValues("prdPstgYn") === "N"
+                                    }
+                                    handlePeriodValueChange={(
+                                      periodCode,
+                                      date,
+                                    ) => {
+                                      field.onChange([
+                                        {
+                                          ...fieldValues,
+                                          ...date,
+                                          bbsPstgTypeCd:
+                                            BOARD_POSTING_CODE.기간게시,
+                                          pstgPrdSeCd: periodCode,
+                                        },
+                                      ]);
+                                    }}
+                                    handlePostingDateChange={(date) => {
+                                      field.onChange([
+                                        { ...fieldValues, ...date },
+                                      ]);
+                                    }}
+                                  />
+                                </FormControl>
+                              </FormItem>
+                            );
+                          }}
+                        />
+                      </div>
+                    </TableCell>
+                  </TableRow>
+                )}
+                {bbsInfo?.atflUseYn === "Y" && (
+                  <TableRow>
+                    <TableHead>첨부파일</TableHead>
+                    <TableCell className="border">
+                      {bbsInfo?.bbsTypeCd === "BBSIMAGE" ||
+                      bbsInfo?.bbsTypeCd === "BBSMOVIE" ? (
+                        <WithPreviewFileUploader
+                          form={form}
+                          attachmentData={attachmentData}
+                        />
+                      ) : (
+                        <GeneralFileUploader
+                          form={form}
+                          attachmentData={attachmentData}
+                          deleteAttachmentIds={deleteAttachmentIds}
+                          setDeleteAttachmentIds={setDeleteAttachmentIds}
+                        />
+                      )}
+                    </TableCell>
+                  </TableRow>
+                )}
+              </TableBody>
+            </Table>
+          </div>
+          <div className="flex justify-center gap-4 pb-12 pt-10">
+            <Button
+              size="lg"
+              color="white"
+              type="button"
+              onClick={() => router.back()}
+            >
+              취소
+            </Button>
+            <Button size="lg" type="submit">
+              저장
+            </Button>
+          </div>
+        </form>
+      </Form>
+    </div>
   );
 }
 
diff --git a/apps/cs/src/widgets/post/ui/with-preview-file-uploader.tsx b/apps/cs/src/widgets/post/ui/with-preview-file-uploader.tsx
index 9496280e6..a0f7d01ff 100644
--- a/apps/cs/src/widgets/post/ui/with-preview-file-uploader.tsx
+++ b/apps/cs/src/widgets/post/ui/with-preview-file-uploader.tsx
@@ -22,7 +22,7 @@ function WithPreviewFileUploader<T extends PostFormData | PostUpdateFormData>({
   const [thumbnailUrl, setThumbnailUrl] = useState("");
   const [progress, setProgress] = useState(0);
 
-  const fileAccept = (bbsTypeCd: BbsType) => {
+  const getFileAccept = (bbsTypeCd: BbsType) => {
     switch (bbsTypeCd) {
       case "BBSIMAGE":
         return ".jpeg,.jpg,.png";
@@ -96,7 +96,7 @@ function WithPreviewFileUploader<T extends PostFormData | PostUpdateFormData>({
     <FileUploader
       id="atflCd"
       className="!h-auto !max-w-none flex-col !items-start gap-4 [&_.file-uploader-label]:h-[3.2rem]"
-      accept={fileAccept(bbsInfo?.bbsTypeCd as BbsType)}
+      accept={getFileAccept(bbsInfo?.bbsTypeCd as BbsType)}
       onUpload={onUpload}
       customPreview={
         <Label htmlFor="atflCd">