diff --git a/public/images/org/imgAboutHeaderInfo.png b/public/images/org/imgAboutHeaderInfo.png
new file mode 100644
index 00000000..8b4bea8c
Binary files /dev/null and b/public/images/org/imgAboutHeaderInfo.png differ
diff --git a/src/assets/img/latestNewsSample.png b/public/images/org/imgLatestNewsInfo.png
similarity index 100%
rename from src/assets/img/latestNewsSample.png
rename to public/images/org/imgLatestNewsInfo.png
diff --git a/src/assets/img/partIntroduceSample.png b/public/images/org/imgPartInfo.png
similarity index 100%
rename from src/assets/img/partIntroduceSample.png
rename to public/images/org/imgPartInfo.png
diff --git a/public/images/org/imgRecruitHeaderInfo.png b/public/images/org/imgRecruitHeaderInfo.png
new file mode 100644
index 00000000..11e47d88
Binary files /dev/null and b/public/images/org/imgRecruitHeaderInfo.png differ
diff --git a/public/images/org/imgSubColorInfo.png b/public/images/org/imgSubColorInfo.png
index c7bd5a91..3484ae4b 100644
Binary files a/public/images/org/imgSubColorInfo.png and b/public/images/org/imgSubColorInfo.png differ
diff --git a/src/components/org/OrgAdmin/AboutSection/CoreValue/index.tsx b/src/components/org/OrgAdmin/AboutSection/CoreValue/index.tsx
index 31796b95..0e0ec0d7 100644
--- a/src/components/org/OrgAdmin/AboutSection/CoreValue/index.tsx
+++ b/src/components/org/OrgAdmin/AboutSection/CoreValue/index.tsx
@@ -2,6 +2,7 @@ import { useFormContext } from 'react-hook-form';
 
 import { VALIDATION_CHECK } from '@/utils/org';
 
+import RequiredIcon from '../../assets/RequiredIcon';
 import MyDropzone from '../../MyDropzone';
 import {
   StDescription,
@@ -22,7 +23,10 @@ const CoreValue = () => {
     <StWrapper>
       <StTitle>핵심 가치</StTitle>
       <StValueWrapper>
-        <StInputLabel>핵심 가치1</StInputLabel>
+        <StInputLabel>
+          <span>핵심 가치 1</span>
+          <RequiredIcon />
+        </StInputLabel>
         <StDescription>이미지는 380x323으로 올려주세요.</StDescription>
         <StInputWrapper>
           <MyDropzone
@@ -41,6 +45,7 @@ const CoreValue = () => {
                 (errors as any).coreValue1?.value?.message as string
               }
               labelText="가치"
+              required
               placeholder="ex. 용기"
             />
             <StInput
@@ -54,6 +59,7 @@ const CoreValue = () => {
                 (errors as any).coreValue1?.description?.message as string
               }
               labelText="가치 설명"
+              required
               descriptionText="호버 시, 보이는 문구예요."
               placeholder="ex. 새로운 도전을 위해 과감히 용기내는 사람"
             />
@@ -61,7 +67,10 @@ const CoreValue = () => {
         </StInputWrapper>
       </StValueWrapper>
       <StValueWrapper>
-        <StInputLabel>핵심 가치2</StInputLabel>
+        <StInputLabel>
+          <span>핵심 가치 2</span>
+          <RequiredIcon />
+        </StInputLabel>
         <StDescription>이미지는 380x323으로 올려주세요.</StDescription>
         <StInputWrapper>
           <MyDropzone
@@ -81,6 +90,7 @@ const CoreValue = () => {
               }
               labelText="가치"
               placeholder="ex. 몰입"
+              required
             />
             <StInput
               {...register('coreValue2.description', {
@@ -95,12 +105,16 @@ const CoreValue = () => {
               labelText="가치 설명"
               descriptionText="호버 시, 보이는 문구예요."
               placeholder="ex. 포기하지 않고 깊이 몰입하는 사람"
+              required
             />
           </StInputBox>
         </StInputWrapper>
       </StValueWrapper>
       <StValueWrapper>
-        <StInputLabel>핵심 가치3</StInputLabel>
+        <StInputLabel>
+          <span>핵심 가치 3</span>
+          <RequiredIcon />
+        </StInputLabel>
         <StDescription>이미지는 380x323으로 올려주세요.</StDescription>
         <StInputWrapper>
           <MyDropzone
@@ -120,6 +134,7 @@ const CoreValue = () => {
               }
               labelText="가치"
               placeholder="ex. 화합"
+              required
             />
             <StInput
               {...register('coreValue3.description', {
@@ -134,6 +149,7 @@ const CoreValue = () => {
               labelText="가치 설명"
               descriptionText="호버 시, 보이는 문구예요."
               placeholder="ex. 서로를 배려하며 함께 화합하는 사람"
+              required
             />
           </StInputBox>
         </StInputWrapper>
diff --git a/src/components/org/OrgAdmin/AboutSection/Curriculum/index.tsx b/src/components/org/OrgAdmin/AboutSection/Curriculum/index.tsx
index 7622ef5c..241798b1 100644
--- a/src/components/org/OrgAdmin/AboutSection/Curriculum/index.tsx
+++ b/src/components/org/OrgAdmin/AboutSection/Curriculum/index.tsx
@@ -3,8 +3,9 @@ import { useFormContext } from 'react-hook-form';
 
 import { PART_KO, PART_LIST, VALIDATION_CHECK } from '@/utils/org';
 
+import RequiredIcon from '../../assets/RequiredIcon';
 import PartCategory from '../../PartCategory';
-import { StInput, StTitle, StWrapper } from '../style';
+import { StInput, StInputLabel, StTitle, StWrapper } from '../style';
 import { StContentWrapper, StItem, StList, StWeek } from './style';
 
 const CURRICULUM = PART_LIST.reduce(
@@ -29,7 +30,11 @@ const Curriculum = () => {
 
   return (
     <StWrapper>
-      <StTitle>파트별 커리큘럼</StTitle>
+      <StTitle>커리큘럼</StTitle>
+      <StInputLabel>
+        <span>파트별 커리큘럼</span>
+        <RequiredIcon />
+      </StInputLabel>
       <StContentWrapper>
         <PartCategory
           selectedPart={selectedPart}
@@ -55,7 +60,7 @@ const Curriculum = () => {
                 }
                 id={`${selectedPart} week${idx}`}
                 style={{ width: '553px' }}
-                placeholder={`${selectedPart} 파트 ${idx + 1}주차 커리큘럼을 작성해주세요.`}
+                placeholder={`${idx + 1}주차 커리큘럼을 작성해주세요.`}
               />
             </StItem>
           ))}
diff --git a/src/components/org/OrgAdmin/AboutSection/Executives/ExecInfo.tsx b/src/components/org/OrgAdmin/AboutSection/Executives/ExecInfo.tsx
index fb229438..196fb1a7 100644
--- a/src/components/org/OrgAdmin/AboutSection/Executives/ExecInfo.tsx
+++ b/src/components/org/OrgAdmin/AboutSection/Executives/ExecInfo.tsx
@@ -2,6 +2,7 @@ import { useFormContext } from 'react-hook-form';
 
 import { VALIDATION_CHECK } from '@/utils/org';
 
+import RequiredIcon from '../../assets/RequiredIcon';
 import MyDropzone from '../../MyDropzone';
 import IcBehanceLogo from '../assets/IcBehanceLogo';
 import IcGithubLogo from '../assets/IcGithubLogo';
@@ -25,7 +26,10 @@ const ExecInfo = ({ selectedExec }: ExecInfoProps) => {
   return (
     <>
       <StPhotoWrapper>
-        <StInputLabel>프로필 사진</StInputLabel>
+        <StInputLabel>
+          <span>프로필 사진</span>
+          <RequiredIcon />
+        </StInputLabel>
         <StDescription>사진은 1:1 비율로 올려주세요.</StDescription>
         <MyDropzone
           method={method}
@@ -47,18 +51,10 @@ const ExecInfo = ({ selectedExec }: ExecInfoProps) => {
         }
         labelText="이름"
         placeholder="ex. 김솝트"
+        required
       />
       <StInput
-        {...register(`member.${selectedExec}.affiliation`, {
-          required: true && VALIDATION_CHECK.required.errorText,
-        })}
-        isError={
-          (errors as any).member?.selectedExec?.affiliation?.message !==
-          undefined
-        }
-        errorMessage={
-          (errors as any).member?.selectedExec?.affiliation?.message as string
-        }
+        {...register(`member.${selectedExec}.affiliation`)}
         labelText="소속"
         placeholder="ex. 솝트대학교 / 솝트컴퍼니 / 앱잼 프로덕트명"
       />
@@ -75,6 +71,7 @@ const ExecInfo = ({ selectedExec }: ExecInfoProps) => {
         }
         labelText="한 줄 소개"
         placeholder="ex. 새로운 도전을 위해 과감히 용기내는 사람"
+        required
       />
       <StSNSWrapper>
         <span>SNS</span>
diff --git a/src/components/org/OrgAdmin/AboutSection/HeaderBanner/index.tsx b/src/components/org/OrgAdmin/AboutSection/HeaderBanner/index.tsx
index 306f13ce..b3b0b153 100644
--- a/src/components/org/OrgAdmin/AboutSection/HeaderBanner/index.tsx
+++ b/src/components/org/OrgAdmin/AboutSection/HeaderBanner/index.tsx
@@ -1,28 +1,52 @@
+import { IconInfoCircle } from '@sopt-makers/icons';
 import { useFormContext } from 'react-hook-form';
 
+import RequiredIcon from '../../assets/RequiredIcon';
+import Modal from '../../common/Modal';
+import useModal from '../../common/Modal/useModal';
 import MyDropzone from '../../MyDropzone';
 import { StDescription, StInputLabel, StTitle, StWrapper } from '../style';
-import { StContentWrapper } from './style';
+import { StContentWrapper, StInfoButton, StStretchContainer } from './style';
 
 const HeaderBanner = () => {
   const method = useFormContext();
+  const { isInfoVisible, onInfoToggle } = useModal();
+
   return (
-    <StWrapper>
-      <StTitle>헤더</StTitle>
-      <StContentWrapper>
-        <StInputLabel>이미지</StInputLabel>
-        <StDescription>
-          이미지는 1920*630 크기로 올려주세요. ‘소개’탭 가장 상단에 보여지는
-          이미지예요.
-        </StDescription>
-        <MyDropzone
-          method={method}
-          label="headerImageFileName"
-          width="582px"
-          height="191px"
-        />
-      </StContentWrapper>
-    </StWrapper>
+    <StStretchContainer>
+      <StWrapper>
+        <StTitle>
+          <span>소개탭 헤더</span>
+          <StInfoButton onClick={onInfoToggle}>
+            <IconInfoCircle />
+          </StInfoButton>
+        </StTitle>
+        <StContentWrapper>
+          <StInputLabel>
+            <span>이미지</span>
+            <RequiredIcon />
+          </StInputLabel>
+          <StDescription>
+            이미지는 1920*630 크기로 올려주세요. ‘소개’탭 가장 상단에 보여지는
+            이미지예요.
+          </StDescription>
+          <MyDropzone
+            method={method}
+            label="headerImageFileName"
+            width="582px"
+            height="191px"
+          />
+        </StContentWrapper>
+      </StWrapper>
+      <Modal
+        title="소개탭 헤더"
+        description="소개탭 가장 상단에 보이는 헤더 이미지예요."
+        subDescription="이번 기수의 핵심 가치가 돋보이는 이미지를 넣어주세요."
+        imgSrc="/images/org/imgAboutHeaderInfo.png"
+        isInfoVisible={isInfoVisible}
+        onInfoToggle={onInfoToggle}
+      />
+    </StStretchContainer>
   );
 };
 
diff --git a/src/components/org/OrgAdmin/AboutSection/HeaderBanner/style.ts b/src/components/org/OrgAdmin/AboutSection/HeaderBanner/style.ts
index be8d8f24..0a6dc9ac 100644
--- a/src/components/org/OrgAdmin/AboutSection/HeaderBanner/style.ts
+++ b/src/components/org/OrgAdmin/AboutSection/HeaderBanner/style.ts
@@ -1,6 +1,17 @@
 import styled from '@emotion/styled';
+import { colors } from '@sopt-makers/colors';
 
+export const StStretchContainer = styled.section`
+  display: flex;
+  justify-content: space-between;
+  align-items: baseline;
+`;
 export const StContentWrapper = styled.div`
   display: flex;
   flex-direction: column;
 `;
+
+export const StInfoButton = styled.button`
+  color: ${colors.white};
+  width: 20px;
+`;
diff --git a/src/components/org/OrgAdmin/AboutSection/style.ts b/src/components/org/OrgAdmin/AboutSection/style.ts
index 0989993b..368867ed 100644
--- a/src/components/org/OrgAdmin/AboutSection/style.ts
+++ b/src/components/org/OrgAdmin/AboutSection/style.ts
@@ -19,12 +19,19 @@ export const StWrapper = styled.div`
 `;
 
 export const StTitle = styled.h2`
+  display: flex;
+  align-items: center;
+  gap: 8px;
+
   ${fontsObject.TITLE_3_24_SB}
   margin-bottom: 10px;
   color: ${colors.white};
 `;
 
 export const StInputLabel = styled.label`
+  display: flex;
+  align-items: center;
+  gap: 4px;
   ${fontsObject.LABEL_3_14_SB};
   margin-bottom: 8px;
   color: ${colors.white};
@@ -45,4 +52,8 @@ export const StInput = styled(TextField)<StInputProps>`
   width: 338px;
   color: ${({ hasValue = true }) =>
     hasValue ? `${colors.white}` : `${colors.gray300}`};
+
+  & label {
+    gap: 8px;
+  }
 `;
diff --git a/src/components/org/OrgAdmin/CommonSection/BrandingColor.tsx b/src/components/org/OrgAdmin/CommonSection/BrandingColor.tsx
index 392d5013..0870367d 100644
--- a/src/components/org/OrgAdmin/CommonSection/BrandingColor.tsx
+++ b/src/components/org/OrgAdmin/CommonSection/BrandingColor.tsx
@@ -1,3 +1,5 @@
+import Modal from '../common/Modal';
+import useModal from '../common/Modal/useModal';
 import {
   StDescription,
   StInputWrapper,
@@ -7,21 +9,34 @@ import {
 } from '../style';
 import BrandingSubColor from './BrandingSubColor';
 import ColorInputField from './ColorInputField';
+import { StStretchContainer } from './style';
 
 const BrandingColor = () => {
+  const { isInfoVisible, onInfoToggle } = useModal();
+
   return (
-    <StWrapper>
-      <StTitleWrapper>
-        <StTitle>브랜딩 컬러</StTitle>
-        <StDescription>다크 모드를 고려하여 선정해주세요.</StDescription>
-      </StTitleWrapper>
-      <StInputWrapper>
-        <ColorInputField label="키컬러 (메인)" id="brandingColor_main" />
-        <ColorInputField label="키컬러 (저명도)" id="brandingColor_low" />
-        <ColorInputField label="키컬러 (고명도)" id="brandingColor_high" />
-        <BrandingSubColor />
-      </StInputWrapper>
-    </StWrapper>
+    <StStretchContainer>
+      <StWrapper>
+        <StTitleWrapper>
+          <StTitle>브랜딩 컬러</StTitle>
+          <StDescription>다크 모드를 고려하여 선정해주세요.</StDescription>
+        </StTitleWrapper>
+        <StInputWrapper>
+          <ColorInputField label="키컬러 (메인)" id="brandingColor_main" />
+          <ColorInputField label="키컬러 (저명도)" id="brandingColor_low" />
+          <ColorInputField label="키컬러 (고명도)" id="brandingColor_high" />
+          <BrandingSubColor onInfoToggle={onInfoToggle} />
+        </StInputWrapper>
+      </StWrapper>{' '}
+      <Modal
+        title="서브컬러 (강조 그레이 컬러) 예시"
+        description="&#39;지원하기&#39; 탭 속 파트별 소개 &#39;👍이런 분이면 좋아요!&#39;의 백그라운 컬러예요."
+        subDescription="키컬러 저명도와 그레이 컬러 사이, 컬러를 지정해주세요."
+        imgSrc="/images/org/imgSubColorInfo.png"
+        isInfoVisible={isInfoVisible}
+        onInfoToggle={onInfoToggle}
+      />
+    </StStretchContainer>
   );
 };
 
diff --git a/src/components/org/OrgAdmin/CommonSection/BrandingSubColor.tsx b/src/components/org/OrgAdmin/CommonSection/BrandingSubColor.tsx
index b4c6c364..7a96ac9b 100644
--- a/src/components/org/OrgAdmin/CommonSection/BrandingSubColor.tsx
+++ b/src/components/org/OrgAdmin/CommonSection/BrandingSubColor.tsx
@@ -1,26 +1,18 @@
 import { IconInfoCircle } from '@sopt-makers/icons';
-import { type MouseEvent, useState } from 'react';
+import { type MouseEvent } from 'react';
 import { useFormContext } from 'react-hook-form';
 
 import { VALIDATION_CHECK } from '@/utils/org';
 
 import { StInput, StInputBox } from '../style';
-import {
-  StColorPreview,
-  StColorWrapper,
-  StInfoButton,
-  StInfoCloseButton,
-  StInfoDescription,
-  StInfoImg,
-  StInfoSubDescription,
-  StInfoTitle,
-  StInfoWrapper,
-} from './style';
+import { StColorPreview, StColorWrapper, StInfoButton } from './style';
 import { expandHexColor } from './utils';
 
-const BrandingSubColor = () => {
-  const [isInfoVisible, setIsInfoVisible] = useState(false);
-
+const BrandingSubColor = ({
+  onInfoToggle,
+}: {
+  onInfoToggle: (e: MouseEvent<HTMLButtonElement>) => void;
+}) => {
   const {
     register,
     formState: { errors },
@@ -28,15 +20,10 @@ const BrandingSubColor = () => {
     setValue,
   } = useFormContext();
 
-  const handleInfoToggle = (e: MouseEvent<HTMLButtonElement>) => {
-    e.preventDefault();
-    setIsInfoVisible((prev) => !prev);
-  };
-
   return (
     <StInputBox>
       <StColorWrapper>
-        <StInfoButton onClick={handleInfoToggle}>
+        <StInfoButton onClick={onInfoToggle}>
           <IconInfoCircle />
         </StInfoButton>
         <StInput
@@ -58,27 +45,6 @@ const BrandingSubColor = () => {
           value={expandHexColor(watch('brandingColor_point'))}
           onChange={(e) => setValue('brandingColor_point', e.target.value)}
         />
-        <StInfoWrapper isVisible={isInfoVisible}>
-          <StInfoTitle>
-            <span>&#9432; 서브컬러 (강조 그레이 컬러) 예시</span>
-            <StInfoCloseButton onClick={handleInfoToggle}>
-              &#10005;
-            </StInfoCloseButton>
-          </StInfoTitle>
-          <StInfoDescription>
-            &#39;지원하기&#39; 탭 속 파트별 소개 &#39;👍이런 분이면
-            좋아요!&#39;의 백그라운 컬러예요.
-          </StInfoDescription>
-          <StInfoSubDescription>
-            키컬러 저명도와 그레이 컬러 사이, 컬러를 지정해주세요.
-          </StInfoSubDescription>
-          <StInfoImg
-            src="/images/org/imgSubColorInfo.png"
-            alt="서브 컬러가 적용되는 예시 이미지"
-            width={434}
-            height={293}
-          />
-        </StInfoWrapper>
       </StColorWrapper>
     </StInputBox>
   );
diff --git a/src/components/org/OrgAdmin/CommonSection/style.ts b/src/components/org/OrgAdmin/CommonSection/style.ts
index 4777e6b0..d2fc0fce 100644
--- a/src/components/org/OrgAdmin/CommonSection/style.ts
+++ b/src/components/org/OrgAdmin/CommonSection/style.ts
@@ -6,6 +6,12 @@ import zIndex from '@/utils/zIndex';
 
 import { StInputLabel, StInputWrapper } from '../style';
 
+export const StStretchContainer = styled.section`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+`;
+
 export const StRadioWrapper = styled.div`
   display: flex;
   align-items: center;
diff --git a/src/components/org/OrgAdmin/home/ButtonSection.tsx b/src/components/org/OrgAdmin/HomeSection/ButtonSection.tsx
similarity index 93%
rename from src/components/org/OrgAdmin/home/ButtonSection.tsx
rename to src/components/org/OrgAdmin/HomeSection/ButtonSection.tsx
index 4691d095..85c8f015 100644
--- a/src/components/org/OrgAdmin/home/ButtonSection.tsx
+++ b/src/components/org/OrgAdmin/HomeSection/ButtonSection.tsx
@@ -1,13 +1,13 @@
 import { TextField } from '@sopt-makers/ui';
 import { useFormContext } from 'react-hook-form';
 
-import LiveAppliedButton from '@/components/org/OrgAdmin/home/LiveAppliedButton';
+import LiveAppliedButton from '@/components/org/OrgAdmin/HomeSection/LiveAppliedButton';
 import {
   StButtonFormContainer,
   StContentContainer,
   StFirstSectionContainer,
   StTitle,
-} from '@/components/org/OrgAdmin/home/style';
+} from '@/components/org/OrgAdmin/HomeSection/style';
 
 type ButtonSectionProps = {
   mainButton?: {
diff --git a/src/components/org/OrgAdmin/HomeSection/HomeSection.tsx b/src/components/org/OrgAdmin/HomeSection/HomeSection.tsx
new file mode 100644
index 00000000..a0b828fa
--- /dev/null
+++ b/src/components/org/OrgAdmin/HomeSection/HomeSection.tsx
@@ -0,0 +1,22 @@
+import NewsSection from '@/components/org/OrgAdmin/HomeSection/NewsSection';
+import PartIntroSection from '@/components/org/OrgAdmin/HomeSection/PartIntroSection';
+import { useAdminInfoQuery } from '@/components/org/OrgAdmin/HomeSection/queries';
+import {
+  StContainer,
+  StWrapper,
+} from '@/components/org/OrgAdmin/HomeSection/style';
+
+const HomeSection = () => {
+  const { data } = useAdminInfoQuery();
+
+  return (
+    <StContainer>
+      <StWrapper>
+        <PartIntroSection />
+      </StWrapper>
+      <NewsSection latestNews={data?.latestNews} />
+    </StContainer>
+  );
+};
+
+export default HomeSection;
diff --git a/src/components/org/OrgAdmin/home/ImageInput.tsx b/src/components/org/OrgAdmin/HomeSection/ImageInput.tsx
similarity index 100%
rename from src/components/org/OrgAdmin/home/ImageInput.tsx
rename to src/components/org/OrgAdmin/HomeSection/ImageInput.tsx
diff --git a/src/components/org/OrgAdmin/home/LiveAppliedButton.tsx b/src/components/org/OrgAdmin/HomeSection/LiveAppliedButton.tsx
similarity index 100%
rename from src/components/org/OrgAdmin/home/LiveAppliedButton.tsx
rename to src/components/org/OrgAdmin/HomeSection/LiveAppliedButton.tsx
diff --git a/src/components/org/OrgAdmin/home/Modal.style.ts b/src/components/org/OrgAdmin/HomeSection/Modal.style.ts
similarity index 100%
rename from src/components/org/OrgAdmin/home/Modal.style.ts
rename to src/components/org/OrgAdmin/HomeSection/Modal.style.ts
diff --git a/src/components/org/OrgAdmin/home/Modal.tsx b/src/components/org/OrgAdmin/HomeSection/Modal.tsx
similarity index 94%
rename from src/components/org/OrgAdmin/home/Modal.tsx
rename to src/components/org/OrgAdmin/HomeSection/Modal.tsx
index ea4b0393..39c1cfff 100644
--- a/src/components/org/OrgAdmin/home/Modal.tsx
+++ b/src/components/org/OrgAdmin/HomeSection/Modal.tsx
@@ -5,7 +5,7 @@ import { HTMLAttributes, useState } from 'react';
 import { useFormContext } from 'react-hook-form';
 
 import Modal from '@/components/common/modal';
-import ImageInput from '@/components/org/OrgAdmin/home/ImageInput';
+import ImageInput from '@/components/org/OrgAdmin/HomeSection/ImageInput';
 import {
   StActionButton,
   StAddButton,
@@ -14,8 +14,8 @@ import {
   StCancelButton,
   StModalBtnWrapper,
   StModalContainer,
-} from '@/components/org/OrgAdmin/home/Modal.style';
-import { useAddNewsMutation } from '@/components/org/OrgAdmin/home/queries';
+} from '@/components/org/OrgAdmin/HomeSection/Modal.style';
+import { useAddNewsMutation } from '@/components/org/OrgAdmin/HomeSection/queries';
 import { useBooleanState } from '@/hooks/useBooleanState';
 
 /** 최신 소식 추가 모달 */
diff --git a/src/components/org/OrgAdmin/home/NewsItem.tsx b/src/components/org/OrgAdmin/HomeSection/NewsItem.tsx
similarity index 87%
rename from src/components/org/OrgAdmin/home/NewsItem.tsx
rename to src/components/org/OrgAdmin/HomeSection/NewsItem.tsx
index 49361980..7760bfea 100644
--- a/src/components/org/OrgAdmin/home/NewsItem.tsx
+++ b/src/components/org/OrgAdmin/HomeSection/NewsItem.tsx
@@ -1,6 +1,6 @@
 import { IconTrash } from '@sopt-makers/icons';
 
-import { StNewsItem } from '@/components/org/OrgAdmin/home/style';
+import { StNewsItem } from '@/components/org/OrgAdmin/HomeSection/style';
 
 type NewsItemProps = {
   title: string;
diff --git a/src/components/org/OrgAdmin/home/NewsSection.tsx b/src/components/org/OrgAdmin/HomeSection/NewsSection.tsx
similarity index 71%
rename from src/components/org/OrgAdmin/home/NewsSection.tsx
rename to src/components/org/OrgAdmin/HomeSection/NewsSection.tsx
index 7e26e248..bde96018 100644
--- a/src/components/org/OrgAdmin/home/NewsSection.tsx
+++ b/src/components/org/OrgAdmin/HomeSection/NewsSection.tsx
@@ -2,24 +2,28 @@ import { IconInfoCircle, IconPlus } from '@sopt-makers/icons';
 import { Button } from '@sopt-makers/ui';
 import { useState } from 'react';
 
-import sampleImg from '@/assets/img/latestNewsSample.png';
 import {
   ActionModal,
   AddNewsModal,
-} from '@/components/org/OrgAdmin/home/Modal';
-import NewsItem from '@/components/org/OrgAdmin/home/NewsItem';
-import { useDeleteNewsMutation } from '@/components/org/OrgAdmin/home/queries';
-import SampleView from '@/components/org/OrgAdmin/home/SampleView';
+} from '@/components/org/OrgAdmin/HomeSection/Modal';
+import NewsItem from '@/components/org/OrgAdmin/HomeSection/NewsItem';
+import { useDeleteNewsMutation } from '@/components/org/OrgAdmin/HomeSection/queries';
 import {
+  StIcon,
+  StInputLabel,
   StLeftColumnSection,
   StNewsHeader,
   StNewsHeaderText,
   StNewsList,
   StNewsSectionContainer,
   StTitleWithIcon,
-} from '@/components/org/OrgAdmin/home/style';
+} from '@/components/org/OrgAdmin/HomeSection/style';
 import { useBooleanState } from '@/hooks/useBooleanState';
 
+import RequiredIcon from '../assets/RequiredIcon';
+import Modal from '../common/Modal';
+import useModal from '../common/Modal/useModal';
+
 type NewsSectionProps = {
   latestNews?: {
     id: number;
@@ -40,6 +44,7 @@ const NewsSection = ({ latestNews }: NewsSectionProps) => {
   } = useBooleanState();
 
   const [deleteId, setDeleteId] = useState<number>(0);
+  const { isInfoVisible, onInfoToggle } = useModal();
 
   const { mutate } = useDeleteNewsMutation();
 
@@ -56,12 +61,18 @@ const NewsSection = ({ latestNews }: NewsSectionProps) => {
           <StNewsHeaderText>
             <StTitleWithIcon>
               최신 소식
-              <IconInfoCircle />
+              <StIcon onClick={onInfoToggle}>
+                <IconInfoCircle />
+              </StIcon>
             </StTitleWithIcon>
             <p>
               &apos;최신 소식&apos;은 배포 버튼을 거치지 않아도 바로 저장되니,
               신중하게 작성해주세요!
             </p>
+            <StInputLabel>
+              <span>솝트의 최신 소식이 궁금하다면!</span>
+              <RequiredIcon />
+            </StInputLabel>
           </StNewsHeaderText>
           <Button
             onClick={openAddModal}
@@ -84,13 +95,14 @@ const NewsSection = ({ latestNews }: NewsSectionProps) => {
           ))}
         </StNewsList>
       </StLeftColumnSection>
-      <SampleView
-        src={sampleImg}
-        category="최신 소식"
-        title="메인 홈 '솝트의 최신 소식이 궁금하다면!' 입니다."
-        description="리스트 순서대로 배치돼요. 행사 포스터와 이름, 링크를 추가해주세요."
+      <Modal
+        title="최신 소식"
+        description="메인 홈 '솝트의 최신 소식이 궁금하다면!' 입니다."
+        subDescription="리스트 순서대로 배치돼요. 행사 포스터와 이름, 링크를 추가해주세요."
+        imgSrc="/images/org/imgLatestNewsInfo.png"
+        isInfoVisible={isInfoVisible}
+        onInfoToggle={onInfoToggle}
       />
-
       <ActionModal
         key={deleteId}
         variant="delete"
diff --git a/src/components/org/OrgAdmin/home/PartIntroSection.tsx b/src/components/org/OrgAdmin/HomeSection/PartIntroSection.tsx
similarity index 64%
rename from src/components/org/OrgAdmin/home/PartIntroSection.tsx
rename to src/components/org/OrgAdmin/HomeSection/PartIntroSection.tsx
index 9a008bfe..83d339e1 100644
--- a/src/components/org/OrgAdmin/home/PartIntroSection.tsx
+++ b/src/components/org/OrgAdmin/HomeSection/PartIntroSection.tsx
@@ -3,20 +3,25 @@ import { Chip, TextArea } from '@sopt-makers/ui';
 import { useState } from 'react';
 import { useFormContext } from 'react-hook-form';
 
-import sampleImg from '@/assets/img/partIntroduceSample.png';
-import { PARTS } from '@/components/org/OrgAdmin/home/constant';
-import SampleView from '@/components/org/OrgAdmin/home/SampleView';
+import { PARTS } from '@/components/org/OrgAdmin/HomeSection/constant';
 import {
   StChipsContainer,
+  StIcon,
+  StInputLabel,
   StSecondSectionContainer,
   StTextAreaContainer,
   StTitleWithIcon,
-} from '@/components/org/OrgAdmin/home/style';
+} from '@/components/org/OrgAdmin/HomeSection/style';
+
+import RequiredIcon from '../assets/RequiredIcon';
+import Modal from '../common/Modal';
+import useModal from '../common/Modal/useModal';
 
 type Part = '기획' | '디자인' | '안드로이드' | 'IOS' | '웹' | '서버';
 
 const PartIntroSection = () => {
   const [selectedChip, setSelectedChip] = useState<Part>('기획');
+  const { isInfoVisible, onInfoToggle } = useModal();
 
   const getActiveStatus = (id: Part) => id === selectedChip;
 
@@ -30,10 +35,15 @@ const PartIntroSection = () => {
     <StSecondSectionContainer>
       <StTextAreaContainer>
         <StTitleWithIcon>
-          파트별 소개
-          <IconInfoCircle />
+          <span>파트별 소개</span>
+          <StIcon onClick={onInfoToggle}>
+            <IconInfoCircle />
+          </StIcon>
         </StTitleWithIcon>
-
+        <StInputLabel>
+          <span>파트별 소개 설명</span>
+          <RequiredIcon />
+        </StInputLabel>
         <StChipsContainer>
           {PARTS.map((part) => (
             <Chip
@@ -55,11 +65,13 @@ const PartIntroSection = () => {
           }
         />
       </StTextAreaContainer>
-      <SampleView
-        src={sampleImg}
-        category="파트별 소개"
-        title="메인 홈 'Part' 속 파트별 소개에요"
-        description="파트의 간략한 소개를 작성해주세요."
+      <Modal
+        title="파트별 소개"
+        description="메인 홈 'Part' 속 파트별 소개에요"
+        subDescription="파트의 간략한 소개를 작성해주세요."
+        imgSrc="/images/org/imgPartInfo.png"
+        isInfoVisible={isInfoVisible}
+        onInfoToggle={onInfoToggle}
       />
     </StSecondSectionContainer>
   );
diff --git a/src/components/org/OrgAdmin/home/SampleView.tsx b/src/components/org/OrgAdmin/HomeSection/SampleView.tsx
similarity index 94%
rename from src/components/org/OrgAdmin/home/SampleView.tsx
rename to src/components/org/OrgAdmin/HomeSection/SampleView.tsx
index 35daa320..94d7cd76 100644
--- a/src/components/org/OrgAdmin/home/SampleView.tsx
+++ b/src/components/org/OrgAdmin/HomeSection/SampleView.tsx
@@ -9,7 +9,7 @@ import {
   StImgTitle,
   StImgWrapper,
   StImgWrapperTitle,
-} from '@/components/org/OrgAdmin/home/style';
+} from '@/components/org/OrgAdmin/HomeSection/style';
 
 interface SampleViewProps {
   category: string;
diff --git a/src/components/org/OrgAdmin/home/api.ts b/src/components/org/OrgAdmin/HomeSection/api.ts
similarity index 100%
rename from src/components/org/OrgAdmin/home/api.ts
rename to src/components/org/OrgAdmin/HomeSection/api.ts
diff --git a/src/components/org/OrgAdmin/home/constant.ts b/src/components/org/OrgAdmin/HomeSection/constant.ts
similarity index 100%
rename from src/components/org/OrgAdmin/home/constant.ts
rename to src/components/org/OrgAdmin/HomeSection/constant.ts
diff --git a/src/components/org/OrgAdmin/home/queries.ts b/src/components/org/OrgAdmin/HomeSection/queries.ts
similarity index 93%
rename from src/components/org/OrgAdmin/home/queries.ts
rename to src/components/org/OrgAdmin/HomeSection/queries.ts
index fa722363..793f2cce 100644
--- a/src/components/org/OrgAdmin/home/queries.ts
+++ b/src/components/org/OrgAdmin/HomeSection/queries.ts
@@ -4,7 +4,7 @@ import {
   deleteNews,
   getAdminInfo,
   postNews,
-} from '@/components/org/OrgAdmin/home/api';
+} from '@/components/org/OrgAdmin/HomeSection/api';
 
 export const useAdminInfoQuery = () => {
   return useQuery({
diff --git a/src/components/org/OrgAdmin/home/style.ts b/src/components/org/OrgAdmin/HomeSection/style.ts
similarity index 88%
rename from src/components/org/OrgAdmin/home/style.ts
rename to src/components/org/OrgAdmin/HomeSection/style.ts
index 3955e905..b17e6cd9 100644
--- a/src/components/org/OrgAdmin/home/style.ts
+++ b/src/components/org/OrgAdmin/HomeSection/style.ts
@@ -26,11 +26,23 @@ export const StTitleWithIcon = styled(StTitle)`
   display: flex;
   align-items: center;
   gap: 6px;
+`;
 
-  & > svg {
-    width: 20px;
-    height: 20px;
-  }
+export const StIcon = styled.button`
+  color: ${colors.white};
+  width: 20px;
+  height: 20px;
+`;
+
+export const StInputLabel = styled.label`
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  ${fontsObject.LABEL_3_14_SB};
+  margin: 30px 0 8px;
+  color: ${colors.white};
+
+  cursor: pointer;
 `;
 
 export const StContentContainer = styled.div`
@@ -58,8 +70,8 @@ export const StFirstSectionContainer = styled.div`
 
 export const StSecondSectionContainer = styled.div`
   display: flex;
-  align-items: end;
-  gap: 31px;
+  align-items: baseline;
+  justify-content: space-between;
 `;
 
 export const StTextAreaContainer = styled.div`
@@ -178,7 +190,7 @@ export const StNewsItem = styled.li`
 export const StNewsSectionContainer = styled.div`
   display: flex;
   align-items: start;
-  gap: 31px;
+  justify-content: space-between;
 `;
 
 export const StLeftColumnSection = styled.div`
diff --git a/src/components/org/OrgAdmin/RecruitSection/Header.tsx b/src/components/org/OrgAdmin/RecruitSection/Header.tsx
index 56d62575..c910a1a5 100644
--- a/src/components/org/OrgAdmin/RecruitSection/Header.tsx
+++ b/src/components/org/OrgAdmin/RecruitSection/Header.tsx
@@ -1,6 +1,9 @@
+import { IconInfoCircle } from '@sopt-makers/icons';
 import { useFormContext } from 'react-hook-form';
 
 import RequiredIcon from '../assets/RequiredIcon';
+import Modal from '../common/Modal';
+import useModal from '../common/Modal/useModal';
 import MyDropzone from '../MyDropzone';
 import {
   StDescription,
@@ -9,15 +12,21 @@ import {
   StTitleWrapper,
   StWrapper,
 } from '../style';
-import { StLabelWrapper } from './style';
+import { StInfoButton, StLabelWrapper, StStretchContainer } from './style';
 
 const Header = () => {
   const method = useFormContext();
+  const { isInfoVisible, onInfoToggle } = useModal();
 
   return (
-    <StWrapper>
+    <StStretchContainer>
       <StTitleWrapper>
-        <StTitle>지원하기탭 헤더</StTitle>
+        <StTitle>
+          <span>지원하기탭 헤더</span>
+          <StInfoButton onClick={onInfoToggle}>
+            <IconInfoCircle />
+          </StInfoButton>
+        </StTitle>
         <StLabelWrapper>
           <StLabel>이미지</StLabel>
           <RequiredIcon />
@@ -28,7 +37,15 @@ const Header = () => {
         </StDescription>
         <MyDropzone method={method} label="recruitHeaderImage" />
       </StTitleWrapper>
-    </StWrapper>
+      <Modal
+        title="지원하기탭 헤더"
+        description="지원 가능 기간에만 보이는, 지원하기탭 가장 상단의 이미지예요."
+        subDescription="지원 기간이 아닐시, 알림신청을 위한 메일 작성 입력창이 보여요."
+        imgSrc="/images/org/imgRecruitHeaderInfo.png"
+        isInfoVisible={isInfoVisible}
+        onInfoToggle={onInfoToggle}
+      />
+    </StStretchContainer>
   );
 };
 
diff --git a/src/components/org/OrgAdmin/RecruitSection/style.ts b/src/components/org/OrgAdmin/RecruitSection/style.ts
index 2e8c80b6..5e188320 100644
--- a/src/components/org/OrgAdmin/RecruitSection/style.ts
+++ b/src/components/org/OrgAdmin/RecruitSection/style.ts
@@ -1,5 +1,11 @@
 import styled from '@emotion/styled';
+import { colors } from '@sopt-makers/colors';
 
+export const StStretchContainer = styled.section`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+`;
 export const StLabelWrapper = styled.div`
   display: flex;
   gap: 4px;
@@ -19,3 +25,8 @@ export const StFnaWrapper = styled.div`
   flex-direction: column;
   gap: 8px;
 `;
+
+export const StInfoButton = styled.button`
+  color: ${colors.white};
+  width: 20px;
+`;
diff --git a/src/components/org/OrgAdmin/common/Modal/index.tsx b/src/components/org/OrgAdmin/common/Modal/index.tsx
new file mode 100644
index 00000000..e99a9963
--- /dev/null
+++ b/src/components/org/OrgAdmin/common/Modal/index.tsx
@@ -0,0 +1,46 @@
+import { IconInfoCircle } from '@sopt-makers/icons';
+import { MouseEvent } from 'react';
+
+import {
+  StInfoCloseButton,
+  StInfoDescription,
+  StInfoImg,
+  StInfoSubDescription,
+  StInfoTitle,
+  StInfoWrapper,
+} from './style';
+
+interface ModalProps {
+  title: string;
+  description: string;
+  subDescription: string;
+  imgSrc: string;
+  isInfoVisible: boolean;
+  onInfoToggle: (e: MouseEvent<HTMLButtonElement>) => void;
+}
+
+const Modal = ({
+  title,
+  description,
+  subDescription,
+  imgSrc,
+  isInfoVisible,
+  onInfoToggle,
+}: ModalProps) => {
+  return (
+    <StInfoWrapper isVisible={isInfoVisible} aria-hidden={!isInfoVisible}>
+      <StInfoTitle>
+        <IconInfoCircle />
+        <span>{title}</span>
+        <StInfoCloseButton onClick={onInfoToggle} aria-label="Close Modal">
+          &#10005;
+        </StInfoCloseButton>
+      </StInfoTitle>
+      <StInfoDescription>{description}</StInfoDescription>
+      <StInfoSubDescription>{subDescription}</StInfoSubDescription>
+      <StInfoImg src={imgSrc} alt={`${title} 적용 예시`} />
+    </StInfoWrapper>
+  );
+};
+
+export default Modal;
diff --git a/src/components/org/OrgAdmin/common/Modal/style.ts b/src/components/org/OrgAdmin/common/Modal/style.ts
new file mode 100644
index 00000000..baaf315c
--- /dev/null
+++ b/src/components/org/OrgAdmin/common/Modal/style.ts
@@ -0,0 +1,63 @@
+import styled from '@emotion/styled';
+import { colors } from '@sopt-makers/colors';
+import { fontsObject } from '@sopt-makers/fonts';
+
+import zIndex from '@/utils/zIndex';
+
+interface StInfoWrapperProps {
+  isVisible: boolean;
+}
+
+export const StInfoWrapper = styled.article<StInfoWrapperProps>`
+  width: fit-content;
+  position: relative;
+  border-radius: 12px;
+  padding: 22px 32px 38px;
+  background-color: ${colors.gray900};
+  transform: ${({ isVisible }) =>
+    isVisible ? 'translateX(0)' : 'translateX(100%)'};
+  opacity: ${({ isVisible }) => (isVisible ? 1 : 0)};
+  transition: all 0.5s ease-in-out;
+  z-index: ${zIndex.modal};
+`;
+
+export const StInfoTitle = styled.h2`
+  ${fontsObject.HEADING_4_24_B};
+
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 22px;
+  color: ${colors.gray10};
+
+  & svg {
+    width: 28px;
+  }
+`;
+
+export const StInfoCloseButton = styled.button`
+  position: absolute;
+  right: 32px;
+  top: 22px;
+  ${fontsObject.HEADING_4_24_B};
+
+  color: ${colors.gray10};
+`;
+
+export const StInfoDescription = styled.p`
+  ${fontsObject.LABEL_3_14_SB};
+
+  margin-bottom: 8px;
+  color: ${colors.white};
+`;
+
+export const StInfoSubDescription = styled.p`
+  ${fontsObject.LABEL_4_12_SB};
+
+  margin-bottom: 14px;
+  color: ${colors.gray300};
+`;
+
+export const StInfoImg = styled.img`
+  color: ${colors.white};
+`;
diff --git a/src/components/org/OrgAdmin/common/Modal/useModal.ts b/src/components/org/OrgAdmin/common/Modal/useModal.ts
new file mode 100644
index 00000000..666a5925
--- /dev/null
+++ b/src/components/org/OrgAdmin/common/Modal/useModal.ts
@@ -0,0 +1,14 @@
+import { MouseEvent, useState } from 'react';
+
+const useModal = () => {
+  const [isInfoVisible, setIsInfoVisible] = useState(false);
+
+  const onInfoToggle = (e: MouseEvent<HTMLButtonElement>) => {
+    e.preventDefault();
+    setIsInfoVisible((prev) => !prev);
+  };
+
+  return { isInfoVisible, onInfoToggle };
+};
+
+export default useModal;
diff --git a/src/components/org/OrgAdmin/home/HomeSection.tsx b/src/components/org/OrgAdmin/home/HomeSection.tsx
deleted file mode 100644
index 11fa107e..00000000
--- a/src/components/org/OrgAdmin/home/HomeSection.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import ButtonSection from '@/components/org/OrgAdmin/home/ButtonSection';
-import NewsSection from '@/components/org/OrgAdmin/home/NewsSection';
-import PartIntroSection from '@/components/org/OrgAdmin/home/PartIntroSection';
-import { useAdminInfoQuery } from '@/components/org/OrgAdmin/home/queries';
-import { StContainer, StWrapper } from '@/components/org/OrgAdmin/home/style';
-
-const HomeSection = () => {
-  const { data } = useAdminInfoQuery();
-
-  return (
-    <StContainer>
-      <StWrapper>
-        <ButtonSection mainButton={data?.mainButton} />
-        <PartIntroSection />
-      </StWrapper>
-      <NewsSection latestNews={data?.latestNews} />
-    </StContainer>
-  );
-};
-
-export default HomeSection;
diff --git a/src/components/org/OrgAdmin/index.tsx b/src/components/org/OrgAdmin/index.tsx
index faf3b552..49cf4995 100644
--- a/src/components/org/OrgAdmin/index.tsx
+++ b/src/components/org/OrgAdmin/index.tsx
@@ -14,7 +14,7 @@ import {
 import AboutSection from './AboutSection';
 import SubmitIcon from './assets/SubmitIcon';
 import CommonSection from './CommonSection';
-import HomeSection from './home/HomeSection';
+import HomeSection from './HomeSection/HomeSection';
 import useMutateSendData from './hooks';
 import RecruitSection from './RecruitSection';
 import { StSubmitButton, StSubmitText } from './style';
diff --git a/src/components/org/OrgAdmin/style.ts b/src/components/org/OrgAdmin/style.ts
index 2acbeadf..809565a4 100644
--- a/src/components/org/OrgAdmin/style.ts
+++ b/src/components/org/OrgAdmin/style.ts
@@ -6,7 +6,7 @@ import { TextArea, TextField } from '@sopt-makers/ui';
 import theme from '@/styles/theme';
 
 export const StContainer = styled.section`
-  padding: 50px 0;
+  padding: 50px 0 284px;
 `;
 
 export const StWrapper = styled.div`
@@ -19,6 +19,9 @@ export const StTitleWrapper = styled.div`
 `;
 
 export const StTitle = styled.h2`
+  display: flex;
+  gap: 8px;
+  align-items: center;
   ${fontsObject.TITLE_3_24_SB}
 
   margin-bottom: 6px;