diff --git a/apps/cs/app/(with-base-layout)/image/register/page.tsx b/apps/cs/app/(with-base-layout)/image/register/page.tsx
new file mode 100644
index 000000000..3c29f2bfe
--- /dev/null
+++ b/apps/cs/app/(with-base-layout)/image/register/page.tsx
@@ -0,0 +1,2 @@
+import { CreatePage } from "@/pages/image";
+export default CreatePage;
diff --git a/apps/cs/src/pages/image/api/image-service.ts b/apps/cs/src/pages/image/api/image-service.ts
index 63918784a..f16f2f322 100644
--- a/apps/cs/src/pages/image/api/image-service.ts
+++ b/apps/cs/src/pages/image/api/image-service.ts
@@ -1,8 +1,10 @@
 import { client } from "@/shared/api";
 import { ENDPOINT } from "@/shared/config";
 import type {
-  ImageParams,
+  Image,
+  ImageFormData,
   ImageList,
+  ImageParams,
   ImageService,
 } from "../model/image-interface";
 
@@ -16,6 +18,36 @@ export class ImageApiService implements ImageService {
     );
     return response.data;
   }
+
+  public async getImageInfo(imgSn: string): Promise<Image> {
+    const response = await client.get<Image>(
+      `${ENDPOINT.CMS_SERVICE.IMAGES}/${imgSn}`,
+    );
+    return response.data;
+  }
+
+  public async createImage(data: ImageFormData): Promise<Image> {
+    const response = await client.post<Image>(
+      ENDPOINT.CMS_SERVICE.IMAGES,
+      data,
+    );
+    return response.data;
+  }
+
+  public async updateImage(
+    imgSn: string,
+    data: Partial<Image>,
+  ): Promise<Image> {
+    const response = await client.put<Image>(
+      `${ENDPOINT.CMS_SERVICE.IMAGES}/${imgSn}`,
+      data,
+    );
+    return response.data;
+  }
+
+  public async deleteImage(imgSn: string): Promise<void> {
+    await client.delete(`${ENDPOINT.CMS_SERVICE.IMAGES}/${imgSn}`);
+  }
 }
 
 export const ImageApi = new ImageApiService();
diff --git a/apps/cs/src/pages/image/index.ts b/apps/cs/src/pages/image/index.ts
index 554a47695..6b02dedec 100644
--- a/apps/cs/src/pages/image/index.ts
+++ b/apps/cs/src/pages/image/index.ts
@@ -1 +1,2 @@
+export { CreatePage } from "./ui/create-page";
 export { ImagePage } from "./ui/image-page";
diff --git a/apps/cs/src/pages/image/model/image-interface.ts b/apps/cs/src/pages/image/model/image-interface.ts
index b24c0eed2..cdeff74a1 100644
--- a/apps/cs/src/pages/image/model/image-interface.ts
+++ b/apps/cs/src/pages/image/model/image-interface.ts
@@ -1,3 +1,4 @@
+import { z } from "zod";
 import type { PageableList, PageableParams } from "@/shared/model";
 
 export const IMAGE_TYPE = {
@@ -29,8 +30,23 @@ export interface Image {
   mdfrNm: string;
 }
 
+export const imageFormSchema = z.object({
+  imgTtl: z.string(),
+  sortSeq: z.number(),
+  imgTypeCd: z.string(),
+  atflYn: z.string(),
+  atflCd: z.string().optional(),
+  lnkgUrlAddr: z.string().optional(),
+  useYn: z.string(),
+});
+
+export type ImageFormData = z.infer<typeof imageFormSchema>;
 export type ImageList = PageableList<Image>;
 
 export interface ImageService {
   getImageList: (params: ImageParams) => Promise<ImageList>;
+  getImageInfo: (imgSn: string) => Promise<Image>;
+  createImage: (data: ImageFormData) => Promise<Image>;
+  updateImage: (imgSn: string, data: ImageFormData) => Promise<Image>;
+  deleteImage: (imgSn: string) => Promise<void>;
 }
diff --git a/apps/cs/src/pages/image/ui/create-page.tsx b/apps/cs/src/pages/image/ui/create-page.tsx
new file mode 100644
index 000000000..715091513
--- /dev/null
+++ b/apps/cs/src/pages/image/ui/create-page.tsx
@@ -0,0 +1,30 @@
+"use client";
+
+import { useForm } from "react-hook-form";
+import { ImageForm } from "./image-form";
+import { imageFormSchema, type ImageFormData } from "../model/image-interface";
+import { zodResolver } from "@hookform/resolvers/zod";
+
+function CreatePage() {
+  const form = useForm<ImageFormData>({
+    resolver: zodResolver(imageFormSchema),
+    defaultValues: {
+      atflYn: "Y",
+    },
+  });
+
+  const handleSave = async (data: ImageFormData) => {
+    console.log(data);
+  };
+
+  return (
+    <div className="card card-border !mt-6">
+      <div className="card-header">
+        <h3 className="text-2xl font-medium text-label">이미지 등록</h3>
+      </div>
+      <ImageForm form={form} handleSave={handleSave} />
+    </div>
+  );
+}
+
+export { CreatePage };
diff --git a/apps/cs/src/pages/image/ui/image-form.tsx b/apps/cs/src/pages/image/ui/image-form.tsx
new file mode 100644
index 000000000..0229bc9a8
--- /dev/null
+++ b/apps/cs/src/pages/image/ui/image-form.tsx
@@ -0,0 +1,254 @@
+"use client";
+
+import { useRouter } from "next/navigation";
+import type { UseFormReturn } from "react-hook-form";
+import {
+  Button,
+  FileUploader,
+  Input,
+  Label,
+  RadioGroup,
+  RadioGroupItem,
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableRow,
+} from "@common/components";
+import { CodeSelect } from "@/entities/code";
+import type { ImageFormData } from "../model/image-interface";
+import { Form, FormControl, FormField, FormItem } from "@/shared/ui/form";
+
+type ImageFormProps = {
+  form: UseFormReturn<ImageFormData>;
+  imgSn?: string;
+  handleSave?: (data: ImageFormData) => Promise<void>;
+  handleDelete?: () => Promise<void>;
+};
+
+function ImageForm({ form, imgSn, handleSave, handleDelete }: ImageFormProps) {
+  const isModifyMode = !!imgSn;
+  const atflYn = form.watch("atflYn");
+  const router = useRouter();
+
+  const onSubmit = async (data: ImageFormData) => {
+    await handleSave?.(data);
+  };
+
+  const onDelete = async () => {
+    await handleDelete?.();
+  };
+
+  return (
+    <Form {...form}>
+      <form onSubmit={form.handleSubmit(onSubmit)}>
+        <div className="card">
+          <Table variant="secondary">
+            <colgroup>
+              <col width="20%" />
+              <col width="80%" />
+            </colgroup>
+            <TableBody>
+              <TableRow>
+                <TableHead>이미지명</TableHead>
+                <TableCell className="border">
+                  <FormField
+                    control={form.control}
+                    name="imgTtl"
+                    render={({ field }) => (
+                      <FormItem>
+                        <FormControl>
+                          <Input
+                            {...field}
+                            value={field.value ?? ""}
+                            className="!text-[1.3rem]"
+                            placeholder="이미지명을 입력해주세요"
+                          />
+                        </FormControl>
+                      </FormItem>
+                    )}
+                  />
+                </TableCell>
+              </TableRow>
+              <TableRow>
+                <TableHead>정렬순서</TableHead>
+                <TableCell className="border">
+                  <FormField
+                    control={form.control}
+                    name="sortSeq"
+                    render={({ field }) => (
+                      <FormItem>
+                        <FormControl>
+                          <Input
+                            {...field}
+                            type="number"
+                            value={field.value ?? ""}
+                            onChange={(e) => {
+                              const value = e.target.value;
+                              if (isNaN(Number(value))) return;
+                              field.onChange(Number(value));
+                            }}
+                            className="!text-[1.3rem]"
+                            placeholder="정렬순서를 입력해주세요"
+                          />
+                        </FormControl>
+                      </FormItem>
+                    )}
+                  />
+                </TableCell>
+              </TableRow>
+              <TableRow>
+                <TableHead>이미지유형</TableHead>
+                <TableCell className="border">
+                  <FormField
+                    control={form.control}
+                    name="imgTypeCd"
+                    render={({ field }) => (
+                      <FormItem>
+                        <FormControl>
+                          <CodeSelect
+                            {...field}
+                            value={field.value ?? ""}
+                            upCd="IMGTYPE"
+                            onValueChange={field.onChange}
+                          />
+                        </FormControl>
+                      </FormItem>
+                    )}
+                  />
+                </TableCell>
+              </TableRow>
+              <TableRow>
+                <TableHead>첨부파일</TableHead>
+                <TableCell className="border">
+                  <FormField
+                    control={form.control}
+                    name="atflYn"
+                    render={({ field }) => (
+                      <FormItem>
+                        <FormControl>
+                          <RadioGroup
+                            {...field}
+                            name="atflYn"
+                            onValueChange={field.onChange}
+                          >
+                            <div className="flex items-center space-x-2">
+                              <RadioGroupItem value="Y" id="atflY" />
+                              <Label htmlFor="atflY">이미지파일</Label>
+                            </div>
+                            <div className="flex items-center space-x-2">
+                              <RadioGroupItem value="N" id="atflN" />
+                              <Label htmlFor="atflN">외부링크</Label>
+                            </div>
+                          </RadioGroup>
+                        </FormControl>
+                      </FormItem>
+                    )}
+                  />
+                </TableCell>
+              </TableRow>
+              {atflYn === "Y" && (
+                <TableRow>
+                  <TableHead>이미지파일</TableHead>
+                  <TableCell className="border">
+                    <FormField
+                      control={form.control}
+                      name="atflCd"
+                      render={({ field }) => (
+                        <FormItem>
+                          <FormControl>
+                            <FileUploader
+                              id="atflCd"
+                              onUpload={(e) => {
+                                const file = e.target.files?.[0];
+                                if (file) {
+                                  field.onChange(file.name);
+                                }
+                              }}
+                            />
+                          </FormControl>
+                        </FormItem>
+                      )}
+                    />
+                  </TableCell>
+                </TableRow>
+              )}
+              {atflYn === "N" && (
+                <TableRow>
+                  <TableHead>외부링크</TableHead>
+                  <TableCell className="border">
+                    <FormField
+                      control={form.control}
+                      name="lnkgUrlAddr"
+                      render={({ field }) => (
+                        <FormItem>
+                          <FormControl>
+                            <Input
+                              {...field}
+                              value={field.value ?? ""}
+                              className="!text-[1.3rem]"
+                              placeholder="외부링크를 입력해주세요"
+                            />
+                          </FormControl>
+                        </FormItem>
+                      )}
+                    />
+                  </TableCell>
+                </TableRow>
+              )}
+              <TableRow>
+                <TableHead>사용여부</TableHead>
+                <TableCell className="border">
+                  <FormField
+                    control={form.control}
+                    name="useYn"
+                    render={({ field }) => (
+                      <FormItem>
+                        <FormControl>
+                          <RadioGroup
+                            {...field}
+                            name="useYn"
+                            onValueChange={field.onChange}
+                          >
+                            <div className="flex items-center space-x-2">
+                              <RadioGroupItem value="Y" id="useY" />
+                              <Label htmlFor="useY">사용</Label>
+                            </div>
+                            <div className="flex items-center space-x-2">
+                              <RadioGroupItem value="N" id="useN" />
+                              <Label htmlFor="useN">미사용</Label>
+                            </div>
+                          </RadioGroup>
+                        </FormControl>
+                      </FormItem>
+                    )}
+                  />
+                </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>
+          {isModifyMode && (
+            <Button size="lg" color="red" type="button" onClick={onDelete}>
+              삭제
+            </Button>
+          )}
+        </div>
+      </form>
+    </Form>
+  );
+}
+
+export { ImageForm };
diff --git a/apps/cs/src/pages/menu/ui/base-menu-form.tsx b/apps/cs/src/pages/menu/ui/base-menu-form.tsx
index 62d69bb38..1af5bca3a 100644
--- a/apps/cs/src/pages/menu/ui/base-menu-form.tsx
+++ b/apps/cs/src/pages/menu/ui/base-menu-form.tsx
@@ -10,12 +10,7 @@ import {
   TableHead,
   TableRow,
 } from "@common/components";
-import {
-  FormItem,
-  FormControl,
-  FormField,
-  FormMessage,
-} from "@/shared/ui/form";
+import { FormItem, FormControl, FormField } from "@/shared/ui/form";
 import { MENU_TYPE, type MenuFormData } from "../model/menu-interface";
 
 interface BaseMenuFormProps {
@@ -57,7 +52,6 @@ function BaseMenuForm({ form, menuCd }: BaseMenuFormProps) {
                       placeholder="메뉴명을 입력하십시오."
                     />
                   </FormControl>
-                  <FormMessage />
                 </FormItem>
               )}
             />
@@ -79,7 +73,6 @@ function BaseMenuForm({ form, menuCd }: BaseMenuFormProps) {
                       placeholder="메뉴 영문명을 입력하십시오."
                     />
                   </FormControl>
-                  <FormMessage />
                 </FormItem>
               )}
             />
@@ -118,7 +111,6 @@ function BaseMenuForm({ form, menuCd }: BaseMenuFormProps) {
                       </div>
                     </RadioGroup>
                   </FormControl>
-                  <FormMessage />
                 </FormItem>
               )}
             />
diff --git a/apps/cs/src/pages/menu/ui/type-menu-form.tsx b/apps/cs/src/pages/menu/ui/type-menu-form.tsx
index 5081a7e51..b2e6d98e2 100644
--- a/apps/cs/src/pages/menu/ui/type-menu-form.tsx
+++ b/apps/cs/src/pages/menu/ui/type-menu-form.tsx
@@ -13,12 +13,7 @@ import {
   TableHead,
   TableRow,
 } from "@common/components";
-import {
-  FormItem,
-  FormControl,
-  FormField,
-  FormMessage,
-} from "@/shared/ui/form";
+import { FormItem, FormControl, FormField } from "@/shared/ui/form";
 import type { BoardPopup } from "@/entities/board";
 import type { Content } from "../model/content-interface";
 import type { User } from "../model/organization-interface";
@@ -117,7 +112,6 @@ function TypeMenuForm({ form, menuType }: TypeMenuFormProps) {
                         }
                       />
                     </FormControl>
-                    <FormMessage />
                   </FormItem>
                 )}
               />
@@ -153,7 +147,6 @@ function TypeMenuForm({ form, menuType }: TypeMenuFormProps) {
                         </div>
                       </RadioGroup>
                     </FormControl>
-                    <FormMessage />
                   </FormItem>
                 )}
               />
@@ -186,7 +179,6 @@ function TypeMenuForm({ form, menuType }: TypeMenuFormProps) {
                         </div>
                       </RadioGroup>
                     </FormControl>
-                    <FormMessage />
                   </FormItem>
                 )}
               />
@@ -211,7 +203,6 @@ function TypeMenuForm({ form, menuType }: TypeMenuFormProps) {
                       placeholder="사이트맵에서 다른 이름으로 사용할 경우 입력하십시오."
                     />
                   </FormControl>
-                  <FormMessage />
                 </FormItem>
               )}
             />
@@ -255,7 +246,6 @@ function TypeMenuForm({ form, menuType }: TypeMenuFormProps) {
                       </div>
                     </RadioGroup>
                   </FormControl>
-                  <FormMessage />
                 </FormItem>
               )}
             />
@@ -287,7 +277,6 @@ function TypeMenuForm({ form, menuType }: TypeMenuFormProps) {
                       </div>
                     </RadioGroup>
                   </FormControl>
-                  <FormMessage />
                 </FormItem>
               )}
             />
@@ -322,7 +311,6 @@ function TypeMenuForm({ form, menuType }: TypeMenuFormProps) {
                           </div>
                         </RadioGroup>
                       </FormControl>
-                      <FormMessage />
                     </FormItem>
                   )}
                 />
diff --git a/apps/cs/src/pages/site/ui/create-page.tsx b/apps/cs/src/pages/site/ui/create-page.tsx
index 1b9d2adaf..e8f8c700d 100644
--- a/apps/cs/src/pages/site/ui/create-page.tsx
+++ b/apps/cs/src/pages/site/ui/create-page.tsx
@@ -36,7 +36,14 @@ function CreatePage() {
     },
   });
 
-  return <SiteForm form={form} handleSave={createSite} />;
+  return (
+    <div className="card card-border !mb-0 !mt-6">
+      <div className="card-header">
+        <h3 className="text-2xl font-medium text-label">사이트 등록</h3>
+      </div>
+      <SiteForm form={form} handleSave={createSite} />
+    </div>
+  );
 }
 
 export { CreatePage };
diff --git a/apps/cs/src/pages/site/ui/domain-management-dialog.tsx b/apps/cs/src/pages/site/ui/domain-management-dialog.tsx
index 4a7e854ee..abd3c609b 100644
--- a/apps/cs/src/pages/site/ui/domain-management-dialog.tsx
+++ b/apps/cs/src/pages/site/ui/domain-management-dialog.tsx
@@ -23,13 +23,7 @@ import {
   DialogClose,
   Checkbox,
 } from "@common/components";
-import {
-  Form,
-  FormControl,
-  FormField,
-  FormItem,
-  FormMessage,
-} from "@/shared/ui/form";
+import { Form, FormControl, FormField, FormItem } from "@/shared/ui/form";
 import { ENDPOINT } from "@/shared/config";
 import { DomainApi } from "../api/domain-service";
 import {
@@ -233,7 +227,6 @@ function DomainManagementDialog({
                                       className="!text-[1.3rem]"
                                     />
                                   </FormControl>
-                                  <FormMessage className="text-left" />
                                 </FormItem>
                               )}
                             />
@@ -253,7 +246,6 @@ function DomainManagementDialog({
                                       }}
                                     />
                                   </FormControl>
-                                  <FormMessage />
                                 </FormItem>
                               )}
                             />
@@ -288,7 +280,6 @@ function DomainManagementDialog({
                                       </div>
                                     </RadioGroup>
                                   </FormControl>
-                                  <FormMessage />
                                 </FormItem>
                               )}
                             />
diff --git a/apps/cs/src/pages/site/ui/ip-management-dialog.tsx b/apps/cs/src/pages/site/ui/ip-management-dialog.tsx
index 97721a6d6..b0d8d193d 100644
--- a/apps/cs/src/pages/site/ui/ip-management-dialog.tsx
+++ b/apps/cs/src/pages/site/ui/ip-management-dialog.tsx
@@ -23,13 +23,7 @@ import {
   DialogClose,
   Checkbox,
 } from "@common/components";
-import {
-  Form,
-  FormControl,
-  FormField,
-  FormItem,
-  FormMessage,
-} from "@/shared/ui/form";
+import { Form, FormControl, FormField, FormItem } from "@/shared/ui/form";
 import { ENDPOINT } from "@/shared/config";
 import { IpApi } from "../api/ip-service";
 import { ipFormSchema, type IP, type IPFormData } from "../model/ip-interface";
@@ -217,7 +211,6 @@ function IPManagementDialog({
                                       className="!text-[1.3rem]"
                                     />
                                   </FormControl>
-                                  <FormMessage className="text-left" />
                                 </FormItem>
                               )}
                             />
@@ -252,7 +245,6 @@ function IPManagementDialog({
                                       </div>
                                     </RadioGroup>
                                   </FormControl>
-                                  <FormMessage />
                                 </FormItem>
                               )}
                             />
diff --git a/apps/cs/src/pages/site/ui/modify-page.tsx b/apps/cs/src/pages/site/ui/modify-page.tsx
index 1be9eb38e..b09276996 100644
--- a/apps/cs/src/pages/site/ui/modify-page.tsx
+++ b/apps/cs/src/pages/site/ui/modify-page.tsx
@@ -62,12 +62,17 @@ function ModifyPage({ siteId }: { siteId: string }) {
   });
 
   return (
-    <SiteForm
-      form={form}
-      siteId={siteId}
-      handleSave={modifySite}
-      handleDelete={deleteSite}
-    />
+    <div className="card card-border !mb-0 !mt-6">
+      <div className="card-header">
+        <h3 className="text-2xl font-medium text-label">사이트 수정</h3>
+      </div>
+      <SiteForm
+        form={form}
+        siteId={siteId}
+        handleSave={modifySite}
+        handleDelete={deleteSite}
+      />
+    </div>
   );
 }
 
diff --git a/apps/cs/src/pages/site/ui/site-form.tsx b/apps/cs/src/pages/site/ui/site-form.tsx
index bdc9f104d..d8eac7343 100644
--- a/apps/cs/src/pages/site/ui/site-form.tsx
+++ b/apps/cs/src/pages/site/ui/site-form.tsx
@@ -16,13 +16,7 @@ import {
 } from "@common/components";
 import { CodeSelect } from "@/entities/code";
 import type { SiteFormData } from "@/entities/site";
-import {
-  FormItem,
-  FormControl,
-  FormField,
-  Form,
-  FormMessage,
-} from "@/shared/ui/form";
+import { FormItem, FormControl, FormField, Form } from "@/shared/ui/form";
 import { ConfirmDialog } from "@/shared/ui/confirm-dialog";
 import type { Domain } from "../model/domain-interface";
 import { IPManagementDialog } from "./ip-management-dialog";
@@ -77,329 +71,310 @@ function SiteForm({ form, siteId, handleSave, handleDelete }: SiteFormProps) {
     <>
       <Form {...form}>
         <form onSubmit={form.handleSubmit(onSubmit)}>
-          <div className="card card-border !mt-6">
-            <div className="card-header">
-              <h3 className="text-2xl font-medium text-label">
-                {isModifyMode ? "사이트 수정" : "사이트 등록"}
-              </h3>
-            </div>
-            <div className="card">
-              <Table variant="secondary">
-                <colgroup>
-                  <col width="20%" />
-                  <col width="80%" />
-                </colgroup>
-                <TableBody>
-                  <TableRow>
-                    <TableHead>사이트 코드</TableHead>
-                    <TableCell className="border">
+          <div className="card">
+            <Table variant="secondary">
+              <colgroup>
+                <col width="20%" />
+                <col width="80%" />
+              </colgroup>
+              <TableBody>
+                <TableRow>
+                  <TableHead>사이트 코드</TableHead>
+                  <TableCell className="border">
+                    <FormField
+                      control={form.control}
+                      name="siteId"
+                      render={({ field }) => (
+                        <FormItem>
+                          <FormControl>
+                            <Input
+                              {...field}
+                              value={field.value ?? ""}
+                              className="w-[12rem] !text-[1.3rem]"
+                              disabled={isModifyMode}
+                            />
+                          </FormControl>
+                        </FormItem>
+                      )}
+                    />
+                  </TableCell>
+                </TableRow>
+                <TableRow>
+                  <TableHead>사이트 구분</TableHead>
+                  <TableCell className="border">
+                    <div className="flex gap-2">
                       <FormField
                         control={form.control}
-                        name="siteId"
-                        render={({ field }) => (
-                          <FormItem>
-                            <FormControl>
-                              <Input
-                                {...field}
-                                value={field.value ?? ""}
-                                className="w-[12rem] !text-[1.3rem]"
-                                disabled={isModifyMode}
-                              />
-                            </FormControl>
-                            <FormMessage />
-                          </FormItem>
-                        )}
-                      />
-                    </TableCell>
-                  </TableRow>
-                  <TableRow>
-                    <TableHead>사이트 구분</TableHead>
-                    <TableCell className="border">
-                      <div className="flex gap-2">
-                        <FormField
-                          control={form.control}
-                          name="siteKndCd"
-                          render={({ field }) => (
-                            <FormItem>
-                              <FormControl>
-                                <CodeSelect
-                                  {...field}
-                                  upCd="SITEKNDCD"
-                                  onValueChange={field.onChange}
-                                />
-                              </FormControl>
-                              <FormMessage />
-                            </FormItem>
-                          )}
-                        />
-                        {isModifyMode && (
-                          <IPManagementDialog
-                            siteId={siteId}
-                            triggerDisabled={form.watch("siteKndCd") === "O"}
-                            open={isIpManagementOpen}
-                            onOpenChange={setIsIpManagementOpen}
-                          />
-                        )}
-                      </div>
-                    </TableCell>
-                  </TableRow>
-                  <TableRow>
-                    <TableHead>사이트 디자인</TableHead>
-                    <TableCell className="border">
-                      <FormField
-                        control={form.control}
-                        name="siteSkn"
+                        name="siteKndCd"
                         render={({ field }) => (
                           <FormItem>
                             <FormControl>
                               <CodeSelect
                                 {...field}
-                                value={field.value ?? ""}
-                                upCd="SITESKINCD"
+                                upCd="SITEKNDCD"
                                 onValueChange={field.onChange}
                               />
                             </FormControl>
-                            <FormMessage />
                           </FormItem>
                         )}
                       />
-                    </TableCell>
-                  </TableRow>
+                      {isModifyMode && (
+                        <IPManagementDialog
+                          siteId={siteId}
+                          triggerDisabled={form.watch("siteKndCd") === "O"}
+                          open={isIpManagementOpen}
+                          onOpenChange={setIsIpManagementOpen}
+                        />
+                      )}
+                    </div>
+                  </TableCell>
+                </TableRow>
+                <TableRow>
+                  <TableHead>사이트 디자인</TableHead>
+                  <TableCell className="border">
+                    <FormField
+                      control={form.control}
+                      name="siteSkn"
+                      render={({ field }) => (
+                        <FormItem>
+                          <FormControl>
+                            <CodeSelect
+                              {...field}
+                              value={field.value ?? ""}
+                              upCd="SITESKINCD"
+                              onValueChange={field.onChange}
+                            />
+                          </FormControl>
+                        </FormItem>
+                      )}
+                    />
+                  </TableCell>
+                </TableRow>
+                <TableRow>
+                  <TableHead>사이트명</TableHead>
+                  <TableCell className="border">
+                    <FormField
+                      control={form.control}
+                      name="siteNm"
+                      render={({ field }) => (
+                        <FormItem>
+                          <FormControl>
+                            <Input
+                              {...field}
+                              value={field.value ?? ""}
+                              className="!text-[1.3rem]"
+                              placeholder="사이트명을 입력하십시오."
+                            />
+                          </FormControl>
+                        </FormItem>
+                      )}
+                    />
+                  </TableCell>
+                </TableRow>
+                <TableRow>
+                  <TableHead>사이트 설명</TableHead>
+                  <TableCell className="border">
+                    <FormField
+                      control={form.control}
+                      name="siteExpln"
+                      render={({ field }) => (
+                        <FormItem>
+                          <FormControl>
+                            <Input
+                              {...field}
+                              value={field.value ?? ""}
+                              className="!text-[1.3rem]"
+                              placeholder="사이트 설명을 입력하십시오."
+                            />
+                          </FormControl>
+                        </FormItem>
+                      )}
+                    />
+                  </TableCell>
+                </TableRow>
+                {isModifyMode && (
                   <TableRow>
-                    <TableHead>사이트명</TableHead>
+                    <TableHead>사이트 도메인</TableHead>
                     <TableCell className="border">
-                      <FormField
-                        control={form.control}
-                        name="siteNm"
-                        render={({ field }) => (
-                          <FormItem>
-                            <FormControl>
-                              <Input
-                                {...field}
-                                value={field.value ?? ""}
-                                className="!text-[1.3rem]"
-                                placeholder="사이트명을 입력하십시오."
-                              />
-                            </FormControl>
-                            <FormMessage />
-                          </FormItem>
-                        )}
-                      />
-                    </TableCell>
-                  </TableRow>
-                  <TableRow>
-                    <TableHead>사이트 설명</TableHead>
-                    <TableCell className="border">
-                      <FormField
-                        control={form.control}
-                        name="siteExpln"
-                        render={({ field }) => (
-                          <FormItem>
-                            <FormControl>
-                              <Input
-                                {...field}
-                                value={field.value ?? ""}
-                                className="!text-[1.3rem]"
-                                placeholder="사이트 설명을 입력하십시오."
-                              />
-                            </FormControl>
-                            <FormMessage />
-                          </FormItem>
-                        )}
-                      />
-                    </TableCell>
-                  </TableRow>
-                  {isModifyMode && (
-                    <TableRow>
-                      <TableHead>사이트 도메인</TableHead>
-                      <TableCell className="border">
-                        <div className="flex gap-2">
-                          <div className="h-[3.2rem] w-[21.5rem] cursor-not-allowed rounded-md border border-input bg-form px-3 py-2 text-[1.3rem] opacity-50">
-                            {form.watch("dmnAddr")}
-                          </div>
-                          <DomainManagementDialog
-                            siteId={siteId}
-                            open={isDomainManagementOpen}
-                            onOpenChange={setIsDomainManagementOpen}
-                            handleSaveDomain={handleSaveDomain}
-                          />
+                      <div className="flex gap-2">
+                        <div className="h-[3.2rem] w-[21.5rem] cursor-not-allowed rounded-md border border-input bg-form px-3 py-2 text-[1.3rem] opacity-50">
+                          {form.watch("dmnAddr")}
                         </div>
-                      </TableCell>
-                    </TableRow>
-                  )}
-                  <TableRow>
-                    <TableHead>사이트 하단 표기 주소</TableHead>
-                    <TableCell className="border">
-                      <FormField
-                        control={form.control}
-                        name="siteAddr"
-                        render={({ field }) => (
-                          <FormItem>
-                            <FormControl>
-                              <Input
-                                {...field}
-                                value={field.value ?? ""}
-                                className="!text-[1.3rem]"
-                                placeholder="사이트 하단 주소를 입력하십시오."
-                              />
-                            </FormControl>
-                            <FormMessage />
-                          </FormItem>
-                        )}
-                      />
+                        <DomainManagementDialog
+                          siteId={siteId}
+                          open={isDomainManagementOpen}
+                          onOpenChange={setIsDomainManagementOpen}
+                          handleSaveDomain={handleSaveDomain}
+                        />
+                      </div>
                     </TableCell>
                   </TableRow>
-                  <TableRow>
-                    <TableHead>사이트 하단 표기 전화번호</TableHead>
-                    <TableCell className="border">
-                      <FormField
-                        control={form.control}
-                        name="telNo"
-                        render={({ field }) => (
-                          <FormItem>
-                            <FormControl>
-                              <Input
-                                {...field}
-                                value={field.value ?? ""}
-                                className="!text-[1.3rem]"
-                                placeholder="사이트 하단 전화번호를 입력하십시오."
-                              />
-                            </FormControl>
-                            <FormMessage />
-                          </FormItem>
-                        )}
-                      />
-                    </TableCell>
-                  </TableRow>
-                  <TableRow>
-                    <TableHead>사이트 하단 표기 팩스번호</TableHead>
-                    <TableCell className="border">
-                      <FormField
-                        control={form.control}
-                        name="faxNo"
-                        render={({ field }) => (
-                          <FormItem>
-                            <FormControl>
-                              <Input
-                                {...field}
-                                value={field.value ?? ""}
-                                className="!text-[1.3rem]"
-                                placeholder="사이트 하단 팩스번호를 입력하십시오."
-                              />
-                            </FormControl>
-                            <FormMessage />
-                          </FormItem>
-                        )}
-                      />
-                    </TableCell>
-                  </TableRow>
-                  <TableRow>
-                    <TableHead>사이트 하단 표기 내용</TableHead>
-                    <TableCell className="border">
-                      <FormField
-                        control={form.control}
-                        name="lwndCn"
-                        render={({ field }) => (
-                          <FormItem>
-                            <FormControl>
-                              <Input
-                                {...field}
-                                value={field.value ?? ""}
-                                className="!text-[1.3rem]"
-                                placeholder="사이트 표기 내용을 입력하십시오. (ex. COPYRIGHT c 2013 KECO. ALL RIGHTS RESERVED.)"
-                              />
-                            </FormControl>
-                            <FormMessage />
-                          </FormItem>
-                        )}
-                      />
-                    </TableCell>
-                  </TableRow>
-                  <TableRow>
-                    <TableHead>북마크 아이콘</TableHead>
-                    <TableCell className="border">
-                      <FormField
-                        control={form.control}
-                        name="bkmkIcon"
-                        render={({ field }) => (
-                          <FormItem>
-                            <FormControl>
-                              <Input
-                                {...field}
-                                value={field.value ?? ""}
-                                className="!text-[1.3rem]"
-                                placeholder="아이콘 파일 경로 및 파일명을 입력하여 주십시오."
-                              />
-                            </FormControl>
-                            <FormMessage />
-                          </FormItem>
-                        )}
-                      />
-                    </TableCell>
-                  </TableRow>
-                  <TableRow>
-                    <TableHead>기본 사이트 여부</TableHead>
-                    <TableCell className="border">
-                      <FormField
-                        control={form.control}
-                        name="bscSiteYn"
-                        render={({ field }) => (
-                          <FormItem>
-                            <FormControl>
-                              <RadioGroup
-                                {...field}
-                                name="bscSiteYn"
-                                onValueChange={field.onChange}
-                              >
-                                <div className="flex items-center space-x-2">
-                                  <RadioGroupItem value="Y" id="bscSiteY" />
-                                  <Label htmlFor="bscSiteY">예</Label>
-                                </div>
-                                <div className="flex items-center space-x-2">
-                                  <RadioGroupItem value="N" id="bscSiteN" />
-                                  <Label htmlFor="bscSiteN">아니오</Label>
-                                </div>
-                              </RadioGroup>
-                            </FormControl>
-                            <FormMessage />
-                          </FormItem>
-                        )}
-                      />
-                    </TableCell>
-                  </TableRow>
-                  <TableRow>
-                    <TableHead>사용 여부</TableHead>
-                    <TableCell className="border">
-                      <FormField
-                        control={form.control}
-                        name="useYn"
-                        render={({ field }) => (
-                          <FormItem>
-                            <FormControl>
-                              <RadioGroup
-                                {...field}
-                                name="useYn"
-                                onValueChange={field.onChange}
-                              >
-                                <div className="flex items-center space-x-2">
-                                  <RadioGroupItem value="Y" id="useY" />
-                                  <Label htmlFor="useY">사용</Label>
-                                </div>
-                                <div className="flex items-center space-x-2">
-                                  <RadioGroupItem value="N" id="useN" />
-                                  <Label htmlFor="useN">사용안함</Label>
-                                </div>
-                              </RadioGroup>
-                            </FormControl>
-                            <FormMessage />
-                          </FormItem>
-                        )}
-                      />
-                    </TableCell>
-                  </TableRow>
-                </TableBody>
-              </Table>
-            </div>
+                )}
+                <TableRow>
+                  <TableHead>사이트 하단 표기 주소</TableHead>
+                  <TableCell className="border">
+                    <FormField
+                      control={form.control}
+                      name="siteAddr"
+                      render={({ field }) => (
+                        <FormItem>
+                          <FormControl>
+                            <Input
+                              {...field}
+                              value={field.value ?? ""}
+                              className="!text-[1.3rem]"
+                              placeholder="사이트 하단 주소를 입력하십시오."
+                            />
+                          </FormControl>
+                        </FormItem>
+                      )}
+                    />
+                  </TableCell>
+                </TableRow>
+                <TableRow>
+                  <TableHead>사이트 하단 표기 전화번호</TableHead>
+                  <TableCell className="border">
+                    <FormField
+                      control={form.control}
+                      name="telNo"
+                      render={({ field }) => (
+                        <FormItem>
+                          <FormControl>
+                            <Input
+                              {...field}
+                              value={field.value ?? ""}
+                              className="!text-[1.3rem]"
+                              placeholder="사이트 하단 전화번호를 입력하십시오."
+                            />
+                          </FormControl>
+                        </FormItem>
+                      )}
+                    />
+                  </TableCell>
+                </TableRow>
+                <TableRow>
+                  <TableHead>사이트 하단 표기 팩스번호</TableHead>
+                  <TableCell className="border">
+                    <FormField
+                      control={form.control}
+                      name="faxNo"
+                      render={({ field }) => (
+                        <FormItem>
+                          <FormControl>
+                            <Input
+                              {...field}
+                              value={field.value ?? ""}
+                              className="!text-[1.3rem]"
+                              placeholder="사이트 하단 팩스번호를 입력하십시오."
+                            />
+                          </FormControl>
+                        </FormItem>
+                      )}
+                    />
+                  </TableCell>
+                </TableRow>
+                <TableRow>
+                  <TableHead>사이트 하단 표기 내용</TableHead>
+                  <TableCell className="border">
+                    <FormField
+                      control={form.control}
+                      name="lwndCn"
+                      render={({ field }) => (
+                        <FormItem>
+                          <FormControl>
+                            <Input
+                              {...field}
+                              value={field.value ?? ""}
+                              className="!text-[1.3rem]"
+                              placeholder="사이트 표기 내용을 입력하십시오. (ex. COPYRIGHT c 2013 KECO. ALL RIGHTS RESERVED.)"
+                            />
+                          </FormControl>
+                        </FormItem>
+                      )}
+                    />
+                  </TableCell>
+                </TableRow>
+                <TableRow>
+                  <TableHead>북마크 아이콘</TableHead>
+                  <TableCell className="border">
+                    <FormField
+                      control={form.control}
+                      name="bkmkIcon"
+                      render={({ field }) => (
+                        <FormItem>
+                          <FormControl>
+                            <Input
+                              {...field}
+                              value={field.value ?? ""}
+                              className="!text-[1.3rem]"
+                              placeholder="아이콘 파일 경로 및 파일명을 입력하여 주십시오."
+                            />
+                          </FormControl>
+                        </FormItem>
+                      )}
+                    />
+                  </TableCell>
+                </TableRow>
+                <TableRow>
+                  <TableHead>기본 사이트 여부</TableHead>
+                  <TableCell className="border">
+                    <FormField
+                      control={form.control}
+                      name="bscSiteYn"
+                      render={({ field }) => (
+                        <FormItem>
+                          <FormControl>
+                            <RadioGroup
+                              {...field}
+                              name="bscSiteYn"
+                              onValueChange={field.onChange}
+                            >
+                              <div className="flex items-center space-x-2">
+                                <RadioGroupItem value="Y" id="bscSiteY" />
+                                <Label htmlFor="bscSiteY">예</Label>
+                              </div>
+                              <div className="flex items-center space-x-2">
+                                <RadioGroupItem value="N" id="bscSiteN" />
+                                <Label htmlFor="bscSiteN">아니오</Label>
+                              </div>
+                            </RadioGroup>
+                          </FormControl>
+                        </FormItem>
+                      )}
+                    />
+                  </TableCell>
+                </TableRow>
+                <TableRow>
+                  <TableHead>사용 여부</TableHead>
+                  <TableCell className="border">
+                    <FormField
+                      control={form.control}
+                      name="useYn"
+                      render={({ field }) => (
+                        <FormItem>
+                          <FormControl>
+                            <RadioGroup
+                              {...field}
+                              name="useYn"
+                              onValueChange={field.onChange}
+                            >
+                              <div className="flex items-center space-x-2">
+                                <RadioGroupItem value="Y" id="useY" />
+                                <Label htmlFor="useY">사용</Label>
+                              </div>
+                              <div className="flex items-center space-x-2">
+                                <RadioGroupItem value="N" id="useN" />
+                                <Label htmlFor="useN">사용안함</Label>
+                              </div>
+                            </RadioGroup>
+                          </FormControl>
+                        </FormItem>
+                      )}
+                    />
+                  </TableCell>
+                </TableRow>
+              </TableBody>
+            </Table>
           </div>
           <div className="flex justify-center gap-4 pb-12 pt-10">
             <Button
diff --git a/packages/common/components/src/ui/data-table/index.tsx b/packages/common/components/src/ui/data-table/index.tsx
index 53312fe83..7e3af5602 100644
--- a/packages/common/components/src/ui/data-table/index.tsx
+++ b/packages/common/components/src/ui/data-table/index.tsx
@@ -56,15 +56,7 @@ function DataTable<T>({
           <TableRow
             key={row.id}
             onClick={() => onRowClick?.(row.original)}
-            className={cn(
-              onRowClick && "cursor-pointer hover:bg-accent",
-              variant === "default" &&
-                "[data-theme='black'] hover:!bg-[rgba(84,85,86,0.7)]",
-              variant === "secondary" &&
-                "[data-theme='black'] hover:!bg-[rgba(86,91,95,0.7)]",
-              variant === "line" &&
-                "[data-theme='black'] hover:!bg-[rgba(255,255,255,0.1)]",
-            )}
+            className={cn(onRowClick && "cursor-pointer hover:bg-accent")}
           >
             {row.getVisibleCells().map((cell) => {
               const { meta } = cell.column.columnDef;
diff --git a/packages/common/components/src/ui/table/table.css b/packages/common/components/src/ui/table/table.css
index 9a7dea99f..9fd6e665c 100644
--- a/packages/common/components/src/ui/table/table.css
+++ b/packages/common/components/src/ui/table/table.css
@@ -2,7 +2,7 @@
 
 @layer components {
   .table-ui tr {
-    @apply border-0 hover:bg-accent;
+    @apply border-0;
   }
   .table-ui th {
     @apply px-4 py-[1.2rem] text-[1.3rem] font-medium leading-[1.2];