diff --git a/src/components/org/OrgAdmin/AboutSection/index.tsx b/src/components/org/OrgAdmin/AboutSection/index.tsx
index f4c3a4a7..8c7d5b4c 100644
--- a/src/components/org/OrgAdmin/AboutSection/index.tsx
+++ b/src/components/org/OrgAdmin/AboutSection/index.tsx
@@ -23,11 +23,13 @@ import Schedule from './Schedule';
 interface AboutSectionProps {
   selectedExec: EXEC_TYPE;
   onChangeSelectedExec: (member: EXEC_TYPE) => void;
+  onEditModeChange: (isEditing: boolean) => void;
 }
 
 const AboutSectionContent = ({
   selectedExec,
   onChangeSelectedExec,
+  onEditModeChange,
 }: AboutSectionProps) => {
   const [editStep, setEditStep] = useState<EditStep>(EDIT_STEP.VIEW);
 
@@ -39,6 +41,7 @@ const AboutSectionContent = ({
     getValues,
     setValue,
     setError,
+    setFocus,
     clearErrors,
     formState: { isDirty },
   } = useFormContext();
@@ -47,6 +50,10 @@ const AboutSectionContent = ({
   const isDeployModalOpen = editStep === EDIT_STEP.DEPLOY;
   const hasUnsavedChanges = isEditMode && isDirty;
 
+  useEffect(() => {
+    onEditModeChange(isEditMode);
+  }, [isEditMode, onEditModeChange]);
+
   useEffect(() => {
     syncAboutFormFromAdminData(data, setValue);
   }, [data, setValue]);
@@ -79,6 +86,8 @@ const AboutSectionContent = ({
             validationAboutInputs(
               getValues,
               setError,
+              setFocus,
+              onChangeSelectedExec,
               data?.headerImage,
               data?.coreValue,
               data?.member,
diff --git a/src/components/org/OrgAdmin/CommonSection/index.tsx b/src/components/org/OrgAdmin/CommonSection/index.tsx
index b09ccc41..3b144b88 100644
--- a/src/components/org/OrgAdmin/CommonSection/index.tsx
+++ b/src/components/org/OrgAdmin/CommonSection/index.tsx
@@ -22,6 +22,7 @@ import RecruitSchedule from './RecruitSchedule';
 interface CommonSectionProps {
   group: Group;
   onChangeGroup: (group: Group) => void;
+  onEditModeChange: (isEditing: boolean) => void;
 }
 
 const COMMON_FIELD_NAMES = [
@@ -31,7 +32,11 @@ const COMMON_FIELD_NAMES = [
   'brandingColor',
 ];
 
-const CommonSectionContent = ({ group, onChangeGroup }: CommonSectionProps) => {
+const CommonSectionContent = ({
+  group,
+  onChangeGroup,
+  onEditModeChange,
+}: CommonSectionProps) => {
   const [editStep, setEditStep] = useState<EditStep>(EDIT_STEP.VIEW);
   const [snapshot, setSnapshot] = useState<unknown[] | null>(null);
 
@@ -39,7 +44,7 @@ const CommonSectionContent = ({ group, onChangeGroup }: CommonSectionProps) => {
   const { mutate: deployCommon, isLoading: isDeploying } =
     useDeployCommonMutation();
 
-  const { control, getValues, setValue, setError, clearErrors } =
+  const { control, getValues, setValue, setError, setFocus, clearErrors } =
     useFormContext();
 
   const watchedValues = useWatch({ control, name: COMMON_FIELD_NAMES });
@@ -51,6 +56,10 @@ const CommonSectionContent = ({ group, onChangeGroup }: CommonSectionProps) => {
     snapshot !== null &&
     JSON.stringify(watchedValues) !== JSON.stringify(snapshot);
 
+  useEffect(() => {
+    onEditModeChange(isEditMode);
+  }, [isEditMode, onEditModeChange]);
+
   useEffect(() => {
     syncCommonFormFromAdminData(data, setValue);
   }, [data, setValue]);
@@ -95,7 +104,9 @@ const CommonSectionContent = ({ group, onChangeGroup }: CommonSectionProps) => {
         onStartEdit={startEditMode}
         onCancel={cancelEditMode}
         onDeploy={() => {
-          if (validationCommonInputs(getValues, setError, onChangeGroup)) {
+          if (
+            validationCommonInputs(getValues, setError, setFocus, onChangeGroup)
+          ) {
             setEditStep(EDIT_STEP.DEPLOY);
           }
         }}
diff --git a/src/components/org/OrgAdmin/HomeSection/HomeSection.tsx b/src/components/org/OrgAdmin/HomeSection/HomeSection.tsx
index 3a868421..56af27fc 100644
--- a/src/components/org/OrgAdmin/HomeSection/HomeSection.tsx
+++ b/src/components/org/OrgAdmin/HomeSection/HomeSection.tsx
@@ -34,7 +34,11 @@ type HomeDraft = {
 const EMPTY_REVIEWS: Review[] = [];
 const EMPTY_NEWS: News[] = [];
 
-const HomeSectionContent = () => {
+interface HomeSectionProps {
+  onEditModeChange: (isEditing: boolean) => void;
+}
+
+const HomeSectionContent = ({ onEditModeChange }: HomeSectionProps) => {
   const [editStep, setEditStep] = useState<EditStep>(EDIT_STEP.VIEW);
   const [draft, setDraft] = useState<HomeDraft>({
     reviews: EMPTY_REVIEWS,
@@ -48,7 +52,7 @@ const HomeSectionContent = () => {
 
   const initialReviews = reviewsData ?? EMPTY_REVIEWS;
   const latestNews = data?.latestNews ?? EMPTY_NEWS;
-  const { control, getValues, setError, setValue, clearErrors } =
+  const { control, getValues, setError, setFocus, setValue, clearErrors } =
     useFormContext();
   const homeHeaderImage = useWatch({
     control,
@@ -73,9 +77,14 @@ const HomeSectionContent = () => {
   };
 
   const hasUnsavedChanges =
-    Boolean(homeHeaderImage?.file) ||
-    !isSameOrder(initialReviews, draft.reviews) ||
-    !isSameOrder(latestNews, draft.news);
+    isEditMode &&
+    (Boolean(homeHeaderImage?.file) ||
+      !isSameOrder(initialReviews, draft.reviews) ||
+      !isSameOrder(latestNews, draft.news));
+
+  useEffect(() => {
+    onEditModeChange(isEditMode);
+  }, [isEditMode, onEditModeChange]);
 
   const validateHomeInputs = () => {
     const { homeHeaderImageFileName } = getValues();
@@ -85,6 +94,7 @@ const HomeSectionContent = () => {
         type: 'required',
         message: VALIDATION_CHECK.required.errorText,
       });
+      setFocus('homeHeaderImageFileName');
       return false;
     }
 
@@ -162,11 +172,11 @@ const HomeSectionContent = () => {
   );
 };
 
-const HomeSection = () => {
+const HomeSection = (props: HomeSectionProps) => {
   return (
     <StContainer>
       <ToastProvider>
-        <HomeSectionContent />
+        <HomeSectionContent {...props} />
       </ToastProvider>
     </StContainer>
   );
diff --git a/src/components/org/OrgAdmin/MyDropzone/index.tsx b/src/components/org/OrgAdmin/MyDropzone/index.tsx
index 7709048c..22a1e621 100644
--- a/src/components/org/OrgAdmin/MyDropzone/index.tsx
+++ b/src/components/org/OrgAdmin/MyDropzone/index.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import { type MouseEvent, useCallback } from 'react';
+import { type MouseEvent, type MutableRefObject, useCallback } from 'react';
 import { useDropzone } from 'react-dropzone';
 import { type UseFormReturn, useWatch } from 'react-hook-form';
 
@@ -78,7 +78,7 @@ const MyDropzone = ({
     e.preventDefault();
   };
 
-  const { getRootProps, getInputProps, isDragActive } = useDropzone({
+  const { getRootProps, getInputProps, inputRef, isDragActive } = useDropzone({
     onDrop,
     disabled,
     accept: {
@@ -87,6 +87,27 @@ const MyDropzone = ({
       'image/png': [],
     },
   });
+  const { ref: formRef, ...formInputProps } = register(label, {
+    validate: (value) => {
+      if (!required) {
+        return true;
+      }
+
+      if (value?.fileName || defaultPreviewUrl) {
+        return true;
+      }
+
+      return VALIDATION_CHECK.required.errorText;
+    },
+  });
+  const dropzoneInputProps = getInputProps();
+  const setInputRef = useCallback(
+    (element: HTMLInputElement | null) => {
+      formRef(element);
+      (inputRef as MutableRefObject<HTMLInputElement | null>).current = element;
+    },
+    [formRef, inputRef],
+  );
 
   return (
     <StImgButtonWrapper>
@@ -100,20 +121,9 @@ const MyDropzone = ({
         isError={errorMsg}
         isDisabled={disabled}>
         <input
-          {...register(label, {
-            validate: (value) => {
-              if (!required) {
-                return true;
-              }
-
-              if (value?.fileName || defaultPreviewUrl) {
-                return true;
-              }
-
-              return VALIDATION_CHECK.required.errorText;
-            },
-          })}
-          {...getInputProps()}
+          {...formInputProps}
+          {...dropzoneInputProps}
+          ref={setInputRef}
           disabled={disabled}
         />
         {previewUrl ? (
diff --git a/src/components/org/OrgAdmin/RecruitSection/_components/Curriculum/index.tsx b/src/components/org/OrgAdmin/RecruitSection/_components/Curriculum/index.tsx
index f048533f..e534d6d5 100644
--- a/src/components/org/OrgAdmin/RecruitSection/_components/Curriculum/index.tsx
+++ b/src/components/org/OrgAdmin/RecruitSection/_components/Curriculum/index.tsx
@@ -3,6 +3,7 @@ import { useFormContext } from 'react-hook-form';
 
 import Modal from '@/components/org/OrgAdmin/common/Modal';
 import useModal from '@/components/org/OrgAdmin/common/Modal/useModal';
+import { CURRICULUM_WEEK_COUNT } from '@/components/org/OrgAdmin/RecruitSection/_constants/constants';
 import { PART_KO, PART_LIST, VALIDATION_CHECK } from '@/utils/org';
 
 import { StInput, StTitle, StWrapper } from '../../../AboutSection/style';
@@ -17,7 +18,7 @@ import { StItem, StList, StWeek } from './style';
 
 const CURRICULUM = PART_LIST.reduce(
   (acc, part) => {
-    acc[part] = Array.from({ length: 8 });
+    acc[part] = Array.from({ length: CURRICULUM_WEEK_COUNT });
     return acc;
   },
   {} as Record<string, string[]>,
diff --git a/src/components/org/OrgAdmin/RecruitSection/_components/PartIntroduction/index.tsx b/src/components/org/OrgAdmin/RecruitSection/_components/PartIntroduction/index.tsx
index 0e2a7002..50e1c6e0 100644
--- a/src/components/org/OrgAdmin/RecruitSection/_components/PartIntroduction/index.tsx
+++ b/src/components/org/OrgAdmin/RecruitSection/_components/PartIntroduction/index.tsx
@@ -185,6 +185,8 @@ const PartIntroSection = ({
   };
 
   const contentRegister = register(contentFieldName);
+  const oneLineRegister = register(oneLineFieldName);
+  const preferenceRegister = register(preferenceFieldName);
 
   return (
     <StSectionWrapper>
@@ -212,6 +214,7 @@ const PartIntroSection = ({
 
           <StTextAreaContainer ref={textAreaContainerRef}>
             <TextArea
+              {...oneLineRegister}
               topAddon={{
                 labelText: '파트 한줄 소개',
                 descriptionText:
@@ -260,6 +263,7 @@ const PartIntroSection = ({
             {preferenceItems.map((item, index) => (
               <StPreferenceItem key={index}>
                 <StPartIntroductionTextArea
+                  ref={index === 0 ? preferenceRegister.ref : undefined}
                   topAddon={
                     index === 0
                       ? {
diff --git a/src/components/org/OrgAdmin/RecruitSection/_constants/constants.ts b/src/components/org/OrgAdmin/RecruitSection/_constants/constants.ts
index bae22b94..3a677b21 100644
--- a/src/components/org/OrgAdmin/RecruitSection/_constants/constants.ts
+++ b/src/components/org/OrgAdmin/RecruitSection/_constants/constants.ts
@@ -7,5 +7,6 @@ export const ERROR_MESSAGES = {
 
 export const PREFERENCE_DEFAULT_COUNT = 3;
 export const PREFERENCE_MAX_COUNT = 10;
+export const CURRICULUM_WEEK_COUNT = 8;
 export const ONE_LINE_MAX_LENGTH = 50;
 export const ONE_LINE_MAX_LENGTH_ERROR_MESSAGE = '50자 이내로 입력해 주세요.';
diff --git a/src/components/org/OrgAdmin/RecruitSection/api.ts b/src/components/org/OrgAdmin/RecruitSection/api.ts
index 49c6a424..2143f76c 100644
--- a/src/components/org/OrgAdmin/RecruitSection/api.ts
+++ b/src/components/org/OrgAdmin/RecruitSection/api.ts
@@ -1,17 +1,13 @@
 import type { FieldValues } from 'react-hook-form';
 
 import type { AddAdminRecruitRequestDto } from '@/__generated__/org-types/data-contracts';
-import {
-  extractFileNameFromUrl,
-  uploadToS3,
-} from '@/components/org/OrgAdmin/HomeSection/api';
+import { uploadToS3 } from '@/components/org/OrgAdmin/HomeSection/api';
+import { CURRICULUM_WEEK_COUNT } from '@/components/org/OrgAdmin/RecruitSection/_constants/constants';
 import { ACTIVITY_GENERATION } from '@/utils/generation';
 import { FAQ_MAX_QUESTION_COUNT, PART_LIST } from '@/utils/org';
 
 import { soptFetcher } from '../api';
 
-const CURRICULUM_WEEK_COUNT = 8;
-
 type RecruitHeaderImageField = {
   fileName?: string;
   file?: File;
@@ -42,7 +38,7 @@ export const postRecruitTabConfirm = async () => {
 };
 
 export type DeployRecruitInput = {
-  recruitHeaderImageFileName: string;
+  recruitHeaderImageFileName?: string;
   recruitHeaderImageFile?: File;
   partIntroduction: AddAdminRecruitRequestDto['partIntroduction'];
   partCurriculum: AddAdminRecruitRequestDto['partCurriculum'];
@@ -88,12 +84,13 @@ export const buildDeployRecruitInputFromForm = (
 
 export const resolveRecruitHeaderImageFileName = (
   recruitHeaderImage: RecruitHeaderImageField | undefined,
-  existingRecruitHeaderImageUrl?: string,
-) =>
-  recruitHeaderImage?.fileName ??
-  (existingRecruitHeaderImageUrl
-    ? extractFileNameFromUrl(existingRecruitHeaderImageUrl)
-    : '');
+) => {
+  const { file, fileName } = recruitHeaderImage ?? {};
+
+  if (!file || !fileName) return undefined;
+
+  return `${file.lastModified}-${file.size}-${fileName}`;
+};
 
 export const deployRecruitTab = async ({
   recruitHeaderImageFileName,
@@ -126,19 +123,14 @@ export const deployRecruitTab = async ({
   return postRecruitTabConfirm();
 };
 
-export const deployRecruitTabFromForm = async (
-  values: FieldValues,
-  existingRecruitHeaderImageUrl?: string,
-) => {
+export const deployRecruitTabFromForm = async (values: FieldValues) => {
   const recruitHeaderImage = values.recruitHeaderImage as
     | RecruitHeaderImageField
     | undefined;
 
   return deployRecruitTab({
-    recruitHeaderImageFileName: resolveRecruitHeaderImageFileName(
-      recruitHeaderImage,
-      existingRecruitHeaderImageUrl,
-    ),
+    recruitHeaderImageFileName:
+      resolveRecruitHeaderImageFileName(recruitHeaderImage),
     recruitHeaderImageFile: recruitHeaderImage?.file,
     ...buildDeployRecruitInputFromForm(values),
   });
diff --git a/src/components/org/OrgAdmin/RecruitSection/index.tsx b/src/components/org/OrgAdmin/RecruitSection/index.tsx
index be5700be..57dc81e3 100644
--- a/src/components/org/OrgAdmin/RecruitSection/index.tsx
+++ b/src/components/org/OrgAdmin/RecruitSection/index.tsx
@@ -36,7 +36,11 @@ const RECRUIT_FIELD_NAMES = [
   'recruitQuestion',
 ];
 
-const RecruitSectionContent = () => {
+interface RecruitSectionProps {
+  onEditModeChange: (isEditing: boolean) => void;
+}
+
+const RecruitSectionContent = ({ onEditModeChange }: RecruitSectionProps) => {
   const [selectedParts, setSelectedParts] = useState<SelectedParts>({
     intro: '기획',
     curriculum: '기획',
@@ -50,7 +54,7 @@ const RecruitSectionContent = () => {
   const { mutate: deployRecruit, isLoading: isDeploying } =
     useDeployRecruitMutation();
 
-  const { control, getValues, setError, setValue, clearErrors } =
+  const { control, getValues, setError, setFocus, setValue, clearErrors } =
     useFormContext();
 
   const watchedValues = useWatch({ control, name: RECRUIT_FIELD_NAMES });
@@ -62,6 +66,10 @@ const RecruitSectionContent = () => {
     snapshot !== null &&
     JSON.stringify(watchedValues) !== JSON.stringify(snapshot);
 
+  useEffect(() => {
+    onEditModeChange(isEditMode);
+  }, [isEditMode, onEditModeChange]);
+
   useEffect(() => {
     syncRecruitFormFromAdminData(data, setValue);
   }, [data, setValue]);
@@ -74,12 +82,14 @@ const RecruitSectionContent = () => {
         type: 'required',
         message: VALIDATION_CHECK.required.errorText,
       });
+      setFocus('recruitHeaderImage');
       return false;
     }
 
     return validationRecruitInputs(
       getValues,
       setError,
+      setFocus,
       onChangeIntroPart,
       onChangeCurriculumPart,
       onChangeFnaPart,
@@ -119,7 +129,6 @@ const RecruitSectionContent = () => {
     deployRecruit(
       {
         values: getValues(),
-        existingRecruitHeaderImageUrl: data?.recruitHeaderImage,
       },
       {
         onSuccess: exitEditMode,
@@ -172,11 +181,11 @@ const RecruitSectionContent = () => {
   );
 };
 
-const RecruitSection = () => {
+const RecruitSection = (props: RecruitSectionProps) => {
   return (
     <StRecruitContainer>
       <ToastProvider>
-        <RecruitSectionContent />
+        <RecruitSectionContent {...props} />
       </ToastProvider>
     </StRecruitContainer>
   );
diff --git a/src/components/org/OrgAdmin/RecruitSection/queries.ts b/src/components/org/OrgAdmin/RecruitSection/queries.ts
index 0c1d0505..5de8dbfa 100644
--- a/src/components/org/OrgAdmin/RecruitSection/queries.ts
+++ b/src/components/org/OrgAdmin/RecruitSection/queries.ts
@@ -7,7 +7,6 @@ import { deployRecruitTabFromForm } from '@/components/org/OrgAdmin/RecruitSecti
 
 type DeployRecruitTabFromFormInput = {
   values: FieldValues;
-  existingRecruitHeaderImageUrl?: string;
 };
 
 export const useDeployRecruitMutation = () => {
@@ -15,11 +14,8 @@ export const useDeployRecruitMutation = () => {
   const { open } = useToast();
 
   return useMutation({
-    mutationFn: ({
-      values,
-      existingRecruitHeaderImageUrl,
-    }: DeployRecruitTabFromFormInput) =>
-      deployRecruitTabFromForm(values, existingRecruitHeaderImageUrl),
+    mutationFn: ({ values }: DeployRecruitTabFromFormInput) =>
+      deployRecruitTabFromForm(values),
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: ['admin'] });
       open(DEPLOY_TOAST_OPTION.success);
diff --git a/src/components/org/OrgAdmin/_hooks/usePageLeaveBlocker.ts b/src/components/org/OrgAdmin/_hooks/usePageLeaveBlocker.ts
index 743dedab..ebb65ed3 100644
--- a/src/components/org/OrgAdmin/_hooks/usePageLeaveBlocker.ts
+++ b/src/components/org/OrgAdmin/_hooks/usePageLeaveBlocker.ts
@@ -5,34 +5,52 @@ interface RouterEventOptions {
   shallow: boolean;
 }
 
-export const usePageLeaveBlocker = () => {
-  const [blockedRoute, setBlockedRoute] = useState<string | null>(null);
+interface PendingLeave {
+  onLeavePage: () => void;
+  isRouteChangeAllowed: boolean;
+}
+
+export const usePageLeaveBlocker = (isEditing: boolean) => {
+  const [pendingLeave, setPendingLeave] = useState<PendingLeave | null>(null);
   const isLeaveAllowedRef = useRef(false);
 
   const router = useRouter();
 
-  const isPageLeaveModalOpen = blockedRoute !== null;
+  const isPageLeaveModalOpen = pendingLeave !== null;
 
   const onCancelPageLeave = () => {
-    setBlockedRoute(null);
+    setPendingLeave(null);
   };
 
   const onLeavePage = () => {
-    if (!blockedRoute) {
+    if (!pendingLeave) {
       return;
     }
 
-    isLeaveAllowedRef.current = true;
-    router.push(blockedRoute);
+    isLeaveAllowedRef.current = pendingLeave.isRouteChangeAllowed;
+    setPendingLeave(null);
+    pendingLeave.onLeavePage();
   };
 
-  const blockPageLeave = useCallback((url: string) => {
-    setBlockedRoute(url);
-  }, []);
+  const requestPageLeave = useCallback(
+    (onLeavePage: () => void, isRouteChangeAllowed = false) => {
+      if (!isEditing) {
+        onLeavePage();
+        return;
+      }
+
+      setPendingLeave({ onLeavePage, isRouteChangeAllowed });
+    },
+    [isEditing],
+  );
 
   // 새로고침, 탭 닫기 차단
   useEffect(() => {
     const handleBeforeUnload = (event: BeforeUnloadEvent) => {
+      if (!isEditing) {
+        return;
+      }
+
       event.preventDefault();
     };
     window.addEventListener('beforeunload', handleBeforeUnload);
@@ -40,16 +58,18 @@ export const usePageLeaveBlocker = () => {
     return () => {
       window.removeEventListener('beforeunload', handleBeforeUnload);
     };
-  }, []);
+  }, [isEditing]);
 
   // 브라우저 뒤로가기/앞으로가기 차단
   useEffect(() => {
     router.beforePopState(({ as }) => {
-      if (isLeaveAllowedRef.current || as === router.asPath) {
+      if (!isEditing || isLeaveAllowedRef.current || as === router.asPath) {
         return true;
       }
 
-      blockPageLeave(as);
+      requestPageLeave(() => {
+        void router.push(as);
+      }, true);
       window.history.pushState(null, '', router.asPath);
 
       return false;
@@ -58,7 +78,7 @@ export const usePageLeaveBlocker = () => {
     return () => {
       router.beforePopState(() => true);
     };
-  }, [blockPageLeave, router, router.asPath]);
+  }, [isEditing, requestPageLeave, router, router.asPath]);
 
   // Next.js 내부 라우트 이동 차단
   useEffect(() => {
@@ -66,11 +86,13 @@ export const usePageLeaveBlocker = () => {
       url: string,
       options: RouterEventOptions,
     ) => {
-      if (isLeaveAllowedRef.current || url === router.asPath) {
+      if (!isEditing || isLeaveAllowedRef.current || url === router.asPath) {
         return;
       }
 
-      blockPageLeave(url);
+      requestPageLeave(() => {
+        void router.push(url);
+      }, true);
 
       router.events.emit(
         'routeChangeError',
@@ -87,11 +109,12 @@ export const usePageLeaveBlocker = () => {
     return () => {
       router.events.off('routeChangeStart', handleRouteChangeStart);
     };
-  }, [blockPageLeave, router, router.asPath]);
+  }, [isEditing, requestPageLeave, router, router.asPath]);
 
   return {
     isPageLeaveModalOpen,
     onCancelPageLeave,
     onLeavePage,
+    requestPageLeave,
   };
 };
diff --git a/src/components/org/OrgAdmin/index.tsx b/src/components/org/OrgAdmin/index.tsx
index 98344c76..e7988289 100644
--- a/src/components/org/OrgAdmin/index.tsx
+++ b/src/components/org/OrgAdmin/index.tsx
@@ -17,14 +17,23 @@ function OrgAdmin() {
   const [selectedPart, setSelectedPart] = useState<ORG_ADMIN>('공통');
   const [group, setGroup] = useState<Group>('OB');
   const [selectedExec, setSelectedExec] = useState<EXEC_TYPE>('회장');
+  const [isEditing, setIsEditing] = useState(false);
 
-  const { isPageLeaveModalOpen, onCancelPageLeave, onLeavePage } =
-    usePageLeaveBlocker();
+  const {
+    isPageLeaveModalOpen,
+    onCancelPageLeave,
+    onLeavePage,
+    requestPageLeave,
+  } = usePageLeaveBlocker(isEditing);
 
   const methods = useForm({ mode: 'onBlur' });
 
   const onChangePart = (part: ORG_ADMIN): void => {
-    setSelectedPart(part);
+    if (part === selectedPart) {
+      return;
+    }
+
+    requestPageLeave(() => setSelectedPart(part));
   };
 
   return (
@@ -42,21 +51,23 @@ function OrgAdmin() {
           {selectedPart === '공통' ? (
             <CommonSection
               group={group}
+              onEditModeChange={setIsEditing}
               onChangeGroup={(group: Group) => {
                 setGroup(group);
               }}
             />
           ) : selectedPart === '홈' ? (
-            <HomeSection />
+            <HomeSection onEditModeChange={setIsEditing} />
           ) : selectedPart === '소개' ? (
             <AboutSection
               selectedExec={selectedExec}
+              onEditModeChange={setIsEditing}
               onChangeSelectedExec={(member: EXEC_TYPE) =>
                 setSelectedExec(member)
               }
             />
           ) : (
-            <RecruitSection />
+            <RecruitSection onEditModeChange={setIsEditing} />
           )}
         </form>
       </FormProvider>
diff --git a/src/components/org/OrgAdmin/utils.ts b/src/components/org/OrgAdmin/utils.ts
index 6aa54335..a94d968d 100644
--- a/src/components/org/OrgAdmin/utils.ts
+++ b/src/components/org/OrgAdmin/utils.ts
@@ -1,10 +1,17 @@
 import type { FieldValues } from 'react-hook-form';
 
 import {
+  CURRICULUM_WEEK_COUNT,
   ONE_LINE_MAX_LENGTH,
   ONE_LINE_MAX_LENGTH_ERROR_MESSAGE,
 } from '@/components/org/OrgAdmin/RecruitSection/_constants/constants';
-import { type PART_KO, PART_LIST, VALIDATION_CHECK } from '@/utils/org';
+import {
+  type EXEC_TYPE,
+  FAQ_MAX_QUESTION_COUNT,
+  type PART_KO,
+  PART_LIST,
+  VALIDATION_CHECK,
+} from '@/utils/org';
 
 import { EXEC_ROLE_LIST, toMemberRole } from './AboutSection/memberRole';
 import { BRANDING_COLOR_FIELD_IDS } from './CommonSection/BrandingColor';
@@ -13,6 +20,7 @@ import type { Group } from './types';
 export const validationCommonInputs = (
   getValues: (payload?: string | string[]) => FieldValues,
   setError: (name: string, error: { type: string; message: string }) => void,
+  setFocus: (name: string) => void,
   setGroup: (group: Group) => void,
 ) => {
   const { generation, name, recruitSchedule, brandingColor } = getValues();
@@ -49,6 +57,7 @@ export const validationCommonInputs = (
       if (name.includes('YB')) setGroup('YB');
       else if (name.includes('OB')) setGroup('OB');
 
+      requestAnimationFrame(() => setFocus(name));
       return false;
     }
   }
@@ -59,6 +68,7 @@ export const validationCommonInputs = (
 export const validationHomeInputs = (
   getValues: (payload?: string | string[]) => FieldValues,
   setError: (name: string, error: { type: string; message: string }) => void,
+  setFocus: (name: string) => void,
   onChangeIntroPart: (part: PART_KO) => void,
 ) => {
   for (const part of PART_LIST) {
@@ -70,6 +80,7 @@ export const validationHomeInputs = (
         message: VALIDATION_CHECK.required.errorText,
       });
       onChangeIntroPart(part);
+      requestAnimationFrame(() => setFocus(name));
       return false;
     }
   }
@@ -79,6 +90,8 @@ export const validationHomeInputs = (
 export const validationAboutInputs = (
   getValues: (payload?: string | string[]) => FieldValues,
   setError: (name: string, error: { type: string; message: string }) => void,
+  setFocus: (name: string) => void,
+  onChangeSelectedExec: (execType: EXEC_TYPE) => void,
   existingHeaderImageUrl?: string,
   existingCoreValues?: { image?: string }[],
   existingMembers?: { role: string; profileImage?: string }[],
@@ -118,6 +131,7 @@ export const validationAboutInputs = (
         type: 'required',
         message: VALIDATION_CHECK.required.errorText,
       });
+      requestAnimationFrame(() => setFocus(name));
 
       break;
     }
@@ -158,6 +172,8 @@ export const validationAboutInputs = (
           type: 'required',
           message: VALIDATION_CHECK.required.errorText,
         });
+        onChangeSelectedExec(execType);
+        requestAnimationFrame(() => setFocus(name));
 
         return false;
       }
@@ -174,19 +190,23 @@ export const validationAboutInputs = (
     const row = scheduleRows?.[index];
 
     if (row?.date && !row?.session) {
-      setError(`activitySchedule.${index}.session`, {
+      const name = `activitySchedule.${index}.session`;
+      setError(name, {
         type: 'required',
         message: '세션명을 입력해주세요.',
       });
+      requestAnimationFrame(() => setFocus(name));
 
       return false;
     }
 
     if (!row?.date && row?.session) {
-      setError(`activitySchedule.${index}.date`, {
+      const name = `activitySchedule.${index}.date`;
+      setError(name, {
         type: 'required',
         message: '날짜를 입력해주세요.',
       });
+      requestAnimationFrame(() => setFocus(name));
 
       return false;
     }
@@ -196,10 +216,12 @@ export const validationAboutInputs = (
   const hasAnySchedule = scheduleRows?.some((row) => row?.date && row?.session);
 
   if (!hasAnySchedule) {
-    setError('activitySchedule.0.date', {
+    const name = 'activitySchedule.0.date';
+    setError(name, {
       type: 'required',
       message: '최소 1개 이상의 일정을 입력해주세요.',
     });
+    requestAnimationFrame(() => setFocus(name));
 
     return false;
   }
@@ -210,80 +232,108 @@ export const validationAboutInputs = (
 export const validationRecruitInputs = (
   getValues: (payload?: string | string[]) => FieldValues,
   setError: (name: string, error: { type: string; message: string }) => void,
-  setIntroPart: (introPart: PART_KO) => void,
-  setCurriculumPart: (curriculumPart: PART_KO) => void,
-  setFnaPart: (fnaPart: PART_KO) => void,
+  setFocus: (name: string) => void,
+  onInvalidIntroPart: (introPart: PART_KO) => void,
+  onInvalidCurriculumPart: (curriculumPart: PART_KO) => void,
+  onInvalidFaqPart: (faqPart: PART_KO) => void,
 ) => {
-  const { recruitHeaderImage, recruitPartCurriculum, recruitQuestion } =
-    getValues();
-
-  const fieldsToValidate: {
-    name: string;
-    value: unknown;
-    maxLength?: number;
-  }[] = [
-    { name: 'recruitHeaderImage', value: recruitHeaderImage },
-    ...PART_LIST.map((part) => ({
-      name: `partIntroduction${part}`,
-      value: getValues(`partIntroduction${part}`),
-      maxLength: ONE_LINE_MAX_LENGTH,
-    })),
-    ...PART_LIST.flatMap((part) =>
-      ['content', 'preference'].map((item) => ({
-        name: `recruitPartCurriculum.${part}.${item}`,
-        value: recruitPartCurriculum?.[part]?.[item],
-      })),
-    ),
-    ...PART_LIST.flatMap((part) =>
-      [
-        'answer0',
-        'answer1',
-        'answer2',
-        'question0',
-        'question1',
-        'question2',
-      ].map((item) => ({
-        name: `recruitQuestion.${part}.${item}`,
-        value: recruitQuestion?.[part]?.[item],
-      })),
-    ),
-  ];
-
-  let isAllFilled = true;
+  const values = getValues();
+  const { partCurriculum, recruitPartCurriculum, recruitQuestion } = values;
+  const setRequiredError = (name: string) => {
+    setError(name, {
+      type: 'required',
+      message: VALIDATION_CHECK.required.errorText,
+    });
+  };
+  const focusInvalidField = (
+    name: string,
+    selectPart: (part: PART_KO) => void,
+    part: PART_KO,
+  ) => {
+    setRequiredError(name);
+    selectPart(part);
+    requestAnimationFrame(() => setFocus(name));
+  };
 
-  for (const { name, value, maxLength } of fieldsToValidate) {
-    if (typeof value === 'string' && maxLength && value.length > maxLength) {
-      isAllFilled = false;
+  for (const part of PART_LIST) {
+    const name = `partIntroduction${part}`;
+    const value = values[name];
 
+    if (typeof value === 'string' && value.length > ONE_LINE_MAX_LENGTH) {
       setError(name, {
         type: 'maxLength',
         message: ONE_LINE_MAX_LENGTH_ERROR_MESSAGE,
       });
+      onInvalidIntroPart(part);
+      requestAnimationFrame(() => setFocus(name));
+      return false;
+    }
+
+    if (!value || (typeof value === 'string' && !value.trim())) {
+      focusInvalidField(name, onInvalidIntroPart, part);
+      return false;
+    }
+  }
 
-      if (name.startsWith('partIntroduction'))
-        setIntroPart(name.replace('partIntroduction', '') as PART_KO);
+  for (const part of PART_LIST) {
+    for (const item of ['content', 'preference'] as const) {
+      const name = `recruitPartCurriculum.${part}.${item}`;
+      const rawValue = recruitPartCurriculum?.[part]?.[item] ?? '';
+      const value =
+        item === 'preference' ? rawValue.replace(/\n/g, '').trim() : rawValue;
 
-      break;
+      if (!value) {
+        focusInvalidField(name, onInvalidIntroPart, part);
+        return false;
+      }
     }
+  }
 
-    if (!value || (typeof value === 'string' && !value.trim())) {
-      isAllFilled = false;
+  for (const part of PART_LIST) {
+    for (let index = 0; index < CURRICULUM_WEEK_COUNT; index += 1) {
+      const name = `partCurriculum.${part}.${index}`;
 
-      setError(name, {
-        type: 'required',
-        message: VALIDATION_CHECK.required.errorText,
-      });
+      if (!partCurriculum?.[part]?.[index]) {
+        focusInvalidField(name, onInvalidCurriculumPart, part);
+        return false;
+      }
+    }
+  }
 
-      if (name.startsWith('partIntroduction'))
-        setIntroPart(name.replace('partIntroduction', '') as PART_KO);
-      if (name.includes('recruitPartCurriculum'))
-        setCurriculumPart(name.split('.')[1] as PART_KO);
-      if (name.includes('recruitQuestion'))
-        setFnaPart(name.split('.')[1] as PART_KO);
+  for (const part of PART_LIST) {
+    let hasCompletePair = false;
+    const partQuestions = recruitQuestion?.[part];
 
-      break;
+    for (let index = 0; index < FAQ_MAX_QUESTION_COUNT; index += 1) {
+      const questionName = `recruitQuestion.${part}.question${index}`;
+      const answerName = `recruitQuestion.${part}.answer${index}`;
+      const question = (partQuestions?.[`question${index}`] ?? '').trim();
+      const answer = (partQuestions?.[`answer${index}`] ?? '').trim();
+
+      if (!question && !answer) continue;
+
+      if (!question) {
+        focusInvalidField(questionName, onInvalidFaqPart, part);
+        return false;
+      }
+
+      if (!answer) {
+        focusInvalidField(answerName, onInvalidFaqPart, part);
+        return false;
+      }
+
+      hasCompletePair = true;
+    }
+
+    if (!hasCompletePair) {
+      focusInvalidField(
+        `recruitQuestion.${part}.question0`,
+        onInvalidFaqPart,
+        part,
+      );
+      return false;
     }
   }
 
-  return isAllFilled;
+  return true;
 };