From e6533c2be8ba097e817e1a0e535a7dfbfbab208e Mon Sep 17 00:00:00 2001
From: Jeon Eonseok <jseokeon@gmail.com>
Date: Wed, 27 Nov 2024 17:29:42 +0900
Subject: [PATCH] =?UTF-8?q?design:=20header=20=EB=B6=80=EB=B6=84=20ui=20?=
 =?UTF-8?q?=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../org/OrgAdmin/RecruitSection/Header.tsx       | 16 +++++++++++++---
 .../org/OrgAdmin/RecruitSection/style.ts         |  8 ++++----
 2 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/src/components/org/OrgAdmin/RecruitSection/Header.tsx b/src/components/org/OrgAdmin/RecruitSection/Header.tsx
index 1f5321b..50a6bba 100644
--- a/src/components/org/OrgAdmin/RecruitSection/Header.tsx
+++ b/src/components/org/OrgAdmin/RecruitSection/Header.tsx
@@ -1,7 +1,14 @@
 import { useFormContext } from 'react-hook-form';
 
+import RequiredIcon from '../assets/RequiredIcon';
 import MyDropzone from '../MyDropzone';
-import { StDescription, StTitle, StTitleWrapper, StWrapper } from '../style';
+import {
+  StDescription,
+  StLabel,
+  StTitle,
+  StTitleWrapper,
+  StWrapper,
+} from '../style';
 import { StLabelWrapper } from './style';
 
 const Header = () => {
@@ -10,8 +17,11 @@ const Header = () => {
   return (
     <StWrapper>
       <StTitleWrapper>
-        <StTitle>헤더</StTitle>
-        <StLabelWrapper>이미지</StLabelWrapper>
+        <StTitle>지원하기탭 헤더</StTitle>
+        <StLabelWrapper>
+          <StLabel>이미지</StLabel>
+          <RequiredIcon />
+        </StLabelWrapper>
         <StDescription>
           이미지는 1920*580 크기로 올려주세요. ‘지원하기’탭 가장 상단에 보여지는
           이미지예요.
diff --git a/src/components/org/OrgAdmin/RecruitSection/style.ts b/src/components/org/OrgAdmin/RecruitSection/style.ts
index 21466d1..2e8c80b 100644
--- a/src/components/org/OrgAdmin/RecruitSection/style.ts
+++ b/src/components/org/OrgAdmin/RecruitSection/style.ts
@@ -1,9 +1,9 @@
 import styled from '@emotion/styled';
 
-import { StLabel } from '../style';
-
-export const StLabelWrapper = styled(StLabel)`
-  display: inline-block;
+export const StLabelWrapper = styled.div`
+  display: flex;
+  gap: 4px;
+  align-items: center;
   margin: 30px 0px 8px;
 `;