From 3a3e61dbf97483664790fa1e8ac63ea6b0d04a5d Mon Sep 17 00:00:00 2001
From: jingeon27 <jingeon27@gmail.com>
Date: Fri, 2 Dec 2022 01:41:55 +0900
Subject: [PATCH] =?UTF-8?q?ADD=20::=20teacher,company=20=ED=8E=98=EC=9D=B4?=
 =?UTF-8?q?=EC=A7=80=20dto=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/index.html                             |   1 +
 .../api/company/requesrResistration/index.js  |  83 +-
 src/components/api/teacher/index.js           |  61 +-
 src/components/common/header/index.jsx        |  15 -
 .../recruitmentList/list/index.jsx            |   1 -
 .../companyPage/requestResistration/index.jsx | 764 +++++++++---------
 .../requestResistration/modal/index.jsx       | 142 +---
 .../modal/portal/index.jsx                    |   7 +-
 .../companyPage/requestResistration/style.js  |  21 +-
 .../pages/studentPage/Notice/index.jsx        |   1 -
 .../pages/teacherPage/list/index.jsx          |   8 +-
 .../pages/teacherPage/list/wait/index.jsx     |   2 +-
 .../teacherPage/manage/applicant/index.jsx    |  34 +-
 .../manage/applicant/modal/index.jsx          | 166 ++++
 .../manage/applicant/modal/portal/index.jsx   |  13 +
 .../manage/applicant/recruitment/index.jsx    |  50 +-
 .../manage/applicant/status/index.jsx         | 498 ++++++++----
 .../teacherPage/manage/clockTime/index.jsx    |  53 +-
 .../pages/teacherPage/manage/geunmu/index.jsx |   6 +-
 .../pages/teacherPage/manage/index.jsx        |  92 +--
 src/export/data.js                            |  14 +-
 src/images/Polygon 11.svg                     |   3 +
 src/images/checked (1).png                    | Bin 2002 -> 692 bytes
 src/images/index.js                           |   6 +
 src/redux/index.js                            |   2 +
 src/redux/store/selectValue.js                |  20 +-
 src/redux/store/userData.js                   |  23 +
 27 files changed, 1120 insertions(+), 966 deletions(-)
 create mode 100644 src/components/pages/teacherPage/manage/applicant/modal/index.jsx
 create mode 100644 src/components/pages/teacherPage/manage/applicant/modal/portal/index.jsx
 create mode 100644 src/images/Polygon 11.svg
 create mode 100644 src/redux/store/userData.js

diff --git a/public/index.html b/public/index.html
index 1d3ddb1..1c7e9d2 100644
--- a/public/index.html
+++ b/public/index.html
@@ -35,6 +35,7 @@
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
     <div id="modal"></div>
+    <div id="applicant"></div>
     <!--
       This HTML file is a template.
       If you open it directly in the browser, you will see an empty page.
diff --git a/src/components/api/company/requesrResistration/index.js b/src/components/api/company/requesrResistration/index.js
index ef13890..681caaf 100644
--- a/src/components/api/company/requesrResistration/index.js
+++ b/src/components/api/company/requesrResistration/index.js
@@ -2,37 +2,51 @@ import { useQuery } from "@tanstack/react-query";
 import axios from "axios";
 import { BaseUrl } from "../../../../export/base";
 import { Notice } from "../../../common/notice";
-const token =
-  "eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiIxNiIsInR5cGUiOiJhY2Nlc3MiLCJpYXQiOjE2Njg1NTg0OTIsImV4cCI6MTY2ODY0NDg5Mn0.0rFN6RNL2HcGNNL9-QW1BEfsNMaC2fQ20-dgN0GaUSU";
 export const getListProps = () => {
   // eslint-disable-next-line react-hooks/rules-of-hooks
   return useQuery(["datas"], async () => {
     let res;
     let ad;
+    let arr = [];
     await axios
       .all([
-        axios.get(BaseUrl + "/notice/technology/list", {
+        axios.get(BaseUrl + "/notice/technology", {
           headers: {
             Authorization: `Bearer ${sessionStorage.getItem("accessToken")}`,
           },
         }),
-        axios.get(BaseUrl + "/notice/language/list", {
+        axios.get(BaseUrl + "/notice/language", {
           headers: {
             Authorization: `Bearer ${sessionStorage.getItem("accessToken")}`,
           },
         }),
-        axios.get(BaseUrl + "/notice/certificate/list", {
+        axios.get(BaseUrl + "/notice/certificate", {
+          headers: {
+            Authorization: `Bearer ${sessionStorage.getItem("accessToken")}`,
+          },
+        }),
+        axios.get(BaseUrl + "/notice/classification", {
           headers: {
             Authorization: `Bearer ${sessionStorage.getItem("accessToken")}`,
           },
         }),
       ])
       .then(
-        axios.spread((res1, res2, res3) => {
+        axios.spread((res1, res2, res3, res4) => {
           const data1 = res1.data;
           const data2 = res2.data;
           const data3 = res3.data;
-          res = [data1, data2, data3];
+          const data4 = res4.data;
+          res = [data1, data2, data3, data4];
+          console.log(res);
+          arr = [
+            {
+              bigClassification:
+                res[3][0].bigClassification.bigClassificationName,
+              smallClassification: [res[3][0].name],
+            },
+          ];
+          let count = 0;
           ad = new Array(3)
             .fill(0)
             .map((e, i) => new Array(res[i].length).fill({ skill: 0 }));
@@ -45,10 +59,45 @@ export const getListProps = () => {
           for (let i = 0; i < ad[2].length; i++) {
             ad[2][i].skill = res[2][i].certificateName;
           }
+          for (let i = 1; i < res[3].length; i++) {
+            count = arr.findIndex(
+              (el) =>
+                el.bigClassification ===
+                res[3][i].bigClassification.bigClassificationName
+            );
+            if (count === undefined) {
+              arr.push({
+                bigclassification:
+                  res[3][i].bigClassification.bigClassificationName,
+                smallClassification: [res[3][i].name],
+              });
+            } else {
+              arr[count].smallClassification.push(res[3][i].name);
+            }
+          }
         })
       );
-    return ad;
+    console.log([...ad, arr]);
+    return [...ad, arr];
+  });
+};
+export const InterviewProcess = async () => {
+  let arr;
+  await axios({
+    method: "get",
+    url: BaseUrl + "/notice/interview",
+    headers: {
+      Authorization: `Bearer ${sessionStorage.getItem("accessToken")}`,
+    },
+  }).then((res) => {
+    const data = res.data;
+    arr = new Array(data.length).fill({ skill: "", request: "" });
+    arr = arr.map((item, i) => {
+      return { skill: data[i].meaning, request: data[i].process };
+    });
   });
+
+  return arr;
 };
 export const postNotice = (arr, ad) => {
   let formData = new FormData();
@@ -65,7 +114,7 @@ export const postNotice = (arr, ad) => {
     url: BaseUrl + "/notice",
     method: "POST",
     headers: {
-      Authorization: `Bearer ${token}`,
+      Authorization: `Bearer ${sessionStorage.getItem("accessToken")}`,
       "Content-Type": "multipart/form-data",
       "Access-Control-Allow-Origin": "*",
     },
@@ -88,20 +137,8 @@ export const getMyList = () => {
       })
       .then((response) => {
         const data = response.data;
-        let arr = new Array(data.length)
-          .fill(0)
-          .map((e, i) =>
-            new Array(
-              data[i].data.notice.recruitmentBusinessResponse.length
-            ).fill("")
-          );
-        let arr2 = new Array(data.length)
-          .fill(0)
-          .map((e, i) =>
-            new Array(
-              data[i].data.notice.recruitmentBusinessResponse.length
-            ).fill("")
-          );
+        let arr = new Array(data.length).fill(0);
+        let arr2 = new Array(data.length).fill(0);
         let count = [];
         for (let i = 0; i < data.length; i++) {
           let temp = 0;
diff --git a/src/components/api/teacher/index.js b/src/components/api/teacher/index.js
index a019c55..9611a08 100644
--- a/src/components/api/teacher/index.js
+++ b/src/components/api/teacher/index.js
@@ -2,8 +2,6 @@ import { useQuery } from "@tanstack/react-query";
 import axios from "axios";
 import { BaseUrl } from "../../../export/base";
 import { Notice } from "../../common/notice";
-const token =
-  "eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiIyNSIsInR5cGUiOiJhY2Nlc3MiLCJpYXQiOjE2Njg1NTUwMDgsImV4cCI6MTY2ODY0MTQwOH0.DjQe-bca6O9JA7__pyIsLBxDaiiqzRR885ZlWERGvc0";
 export const getBoardList = async (id) => {
   const { data } = await axios({
     method: "get",
@@ -25,7 +23,7 @@ export const noticeRequest = async (method, path, query, message) => {
     url: BaseUrl + path,
     params: { noticeId: query },
     headers: {
-      Authorization: `Bearer ${token}`,
+      Authorization: `Bearer ${sessionStorage.getItem("accessToken")}`,
     },
   })
     .then((res) => {
@@ -50,56 +48,24 @@ export const postNoticeRequest = async (idx, path) => {
   }).then((response) => {
     const data = response.data;
     console.log(data);
-    let arr = new Array(data.content.length)
-      .fill(0)
-      .map((e, i) =>
-        new Array(data.content[i].recruitmentBusinessResponse.length).fill("")
-      );
-    let arr2 = new Array(data.content.length)
-      .fill(0)
-      .map((e, i) =>
-        new Array(data.content[i].recruitmentBusinessResponse.length).fill("")
-      );
+    let as = new Array(data.content.length).fill(0);
+    let ad = new Array(data.content.length).fill(0);
     let count = [];
     for (let i = 0; i < data.content.length; i++) {
       let temp = 0;
-      for (
-        let j = 0;
-        j < data.content[i].recruitmentBusinessResponse.length;
-        j++
-      ) {
-        arr[i][j] =
-          data.content[i].recruitmentBusinessResponse[
-            j
-          ].classificationResponse.bigClassification.bigClassificationName;
-        arr2[i][j] =
-          data.content[i].recruitmentBusinessResponse[
-            j
-          ].classificationResponse.name;
-        temp =
-          temp +
-          data.content[i].recruitmentBusinessResponse[j].numberOfEmployee;
-      }
+      as[i] =
+        data.content[
+          i
+        ].classificationResponse.bigClassification.bigClassification;
+      ad[i] = data.content[i].classificationResponse.name;
+      temp = data.content[i].numberOfEmployee;
       count.push({
         total: temp,
         name: data.content[i].company.companyName,
         id: data.content[i].noticeId,
+        num: data.content[i].company.companyNumber,
       });
     }
-    const ad = arr.map((item) =>
-      item.filter((e, i, ar) => {
-        return ar.findIndex((el) => e === el) === i;
-      })
-    );
-    const as = arr2.map((item) =>
-      item.filter((e, i, ar) => {
-        return ar.findIndex((el) => e === el) === i;
-      })
-    );
-    for (let i = 0; i < data.content.length; i++) {
-      as[i] = as[i].join();
-      ad[i] = ad[i].join();
-    }
     res = {
       count,
       as,
@@ -175,13 +141,12 @@ export const getUseCompanyInfo = (id) => {
   // eslint-disable-next-line react-hooks/rules-of-hooks
   return useQuery(["companyInfo", id], () => getCompanyInfo(id));
 };
-export const getUserCompany = async (id, idx) => {
+export const getUserCompany = async (companyNum, id, status) => {
   const { data } = await axios({
-    url: BaseUrl + "/hire/apply/" + id,
+    url: BaseUrl + `/applies/${companyNum}/${id}`,
     method: "get",
     params: {
-      idx: idx,
-      size: 5,
+      status: status,
     },
     headers: {
       Authorization: `Bearer ${sessionStorage.getItem("accessToken")}`,
diff --git a/src/components/common/header/index.jsx b/src/components/common/header/index.jsx
index a8a6888..d1aa574 100644
--- a/src/components/common/header/index.jsx
+++ b/src/components/common/header/index.jsx
@@ -3,26 +3,11 @@ import LogoImage from "../../../images/Logo.png";
 import styled from "styled-components";
 const Header = (props) => {
   const { title, description } = props;
-  const menu = [
-    { menu: "회사" },
-    { menu: "모집공고" },
-    { menu: "개발팀" },
-    { menu: "취업현황" },
-    { menu: "내 정보" },
-    { menu: "Support" },
-  ];
   return (
     <>
       <HeaderImg>
         <Nav>
           <LogoImg src={LogoImage} alt="로고이미지입니다." />
-          <MenuProps>
-            {menu.map((nav) => (
-              <>
-                <Menu>{nav.menu}</Menu>
-              </>
-            ))}
-          </MenuProps>
         </Nav>
         <Title>
           <h1>{title}</h1>
diff --git a/src/components/pages/companyPage/recruitmentList/list/index.jsx b/src/components/pages/companyPage/recruitmentList/list/index.jsx
index b521e38..67c2c5f 100644
--- a/src/components/pages/companyPage/recruitmentList/list/index.jsx
+++ b/src/components/pages/companyPage/recruitmentList/list/index.jsx
@@ -3,7 +3,6 @@ import { StyledLink } from "../../../../../style/theme";
 
 import ImageProps from "./Status";
 const ResistrationList = ({ data }) => {
-  console.log(data);
   return (
     <>
       <Ul>
diff --git a/src/components/pages/companyPage/requestResistration/index.jsx b/src/components/pages/companyPage/requestResistration/index.jsx
index 5b064dc..ca2838a 100644
--- a/src/components/pages/companyPage/requestResistration/index.jsx
+++ b/src/components/pages/companyPage/requestResistration/index.jsx
@@ -1,42 +1,44 @@
 import { useDispatch } from "react-redux";
 import { stateModal } from "../../../../redux/store/modal";
-import { stateCount } from "../../../../redux/store/count";
 import { useSelector } from "react-redux";
 import SelectModal from "./modal";
 import { CompanyData2, TitleData } from "../../../../export/data";
 import Header from "../../../common/header";
 import { useState, useCallback, useRef } from "react";
-import {
-  mealData,
-  supportData,
-  workData,
-  interviewData,
-} from "../../../../export/data";
+import { mealData, supportData, workData } from "../../../../export/data";
 import SelectComplete from "../../../common/select";
-import { value } from "../../../../redux/store/selectValue";
 import * as s from "./style";
-import { postNotice } from "../../../api/company/requesrResistration";
+import {
+  InterviewProcess,
+  postNotice,
+} from "../../../api/company/requesrResistration";
 import { open } from "../../../common/addresshook";
 import { useNavigate } from "react-router-dom";
 import NavProps from "../../../common/nav";
 import { Notice } from "../../../common/notice";
 import ModalPortal from "./modal/portal";
+import { useQuery } from "@tanstack/react-query";
+import LoadingPage from "../../../common/loading";
+import ErrorPage from "../../../common/error";
 const RequstResistration = () => {
   const modal = useSelector((state) => state.modal.state.modalrequest);
-  const Data = useSelector((stack) => stack.selectValue.recruitmentRequest);
-  const [list, setList] = useState(supportData);
+  const Data = useSelector((stack) => stack.selectValue);
+  const { status, data } = useQuery(["getInterviewData"], () =>
+    InterviewProcess()
+  );
   const [admission, setAdmission] = useState(["클릭 시 선택"]);
   const [file, setFile] = useState([]);
-  const [locate, setLocate] = useState({ set: 0, text: "" });
+  const [locate, setLocate] = useState({ set: 1, text: "" });
   const [mealState, setMealState] = useState(0);
   const [state, setState] = useState(false);
   const [special, setSpecial] = useState("");
   const [dateState, setDateState] = useState({ startDate: "", endDate: "" });
   const [, setReRender] = useState({});
+  const [clockState, setClockState] = useState(false);
+  const [chulGeun, setChulGeun] = useState("");
   const BokRef = useRef([]);
   const MealRef = useRef([]);
   const MoneyRef = useRef([]);
-  const WorkRef = useRef([]);
   const WelfareRef = useRef();
   const navigate = useNavigate();
   const dispatch = useDispatch();
@@ -58,15 +60,6 @@ const RequstResistration = () => {
     setLocate({ set: locate.set, text: fullAddress });
     document.body.removeChild(document.getElementById("daum_postcode_script"));
   };
-
-  const AddWelfare = () => {
-    if (
-      list.indexOf(WelfareRef.current.value) === -1 &&
-      WelfareRef.current.value !== ""
-    ) {
-      setList([...list, WelfareRef.current.value]);
-    }
-  };
   const AddAdmision = useCallback(() => {
     setAdmission([...admission, "클릭 시 선택"]);
   }, [admission]);
@@ -108,16 +101,6 @@ const RequstResistration = () => {
     },
     [file]
   );
-  const RemoveBigTitle = (index) => {
-    console.log(Data);
-    // eslint-disable-next-line array-callback-return
-    const ad = Data.filter((el, i) => {
-      if (i !== index) {
-        return el;
-      }
-    });
-    dispatch(value(ad));
-  };
   const submit = () => {
     let arr = [];
     for (let i = 0; i < admission.length; i++) {
@@ -127,21 +110,14 @@ const RequstResistration = () => {
           return true;
         }
       };
-      arr.push(interviewData[interviewData.findIndex(find)].request);
+      arr.push(data[data.findIndex(find)].request);
     }
-    const ad = {
-      recruitmentRequestList: Data,
-      workTime: {
-        untilCommuteStartTime: WorkRef.current[0].value,
-        untilCommuteEndTime: WorkRef.current[1].value,
-        workTimeForWeek: WorkRef.current[2].value,
-      },
+    let ad = {
       pay: {
         fieldTrainingPayPerMonth: MoneyRef.current[0].value,
         fullTimeEmploymentPay: {
           yearPayStart: MoneyRef.current[1].value,
           yearPayEnd: MoneyRef.current[2].value,
-          bonus: MoneyRef.current[3].value,
         },
       },
       mealSupport: {
@@ -161,9 +137,27 @@ const RequstResistration = () => {
         startDate: dateState.startDate,
         endDate: dateState.endDate,
       },
-      interviewProcessList: arr,
+      interviewProcessMap: arr,
       otherFeatures: special,
     };
+    if (clockState) {
+      ad = {
+        Data,
+        workTime: {
+          isFlexible: true,
+        },
+        ...ad,
+      };
+    } else {
+      ad = {
+        Data,
+        workTime: {
+          untilCommuteStartTime: chulGeun,
+          isFlexible: false,
+        },
+        ...ad,
+      };
+    }
     let as = {};
     if (locate.set === 2) {
       as = {
@@ -172,7 +166,6 @@ const RequstResistration = () => {
           isSameWithCompanyAddress: false,
           otherPlace: locate.text,
         },
-        isPersonalContact: state,
       };
     } else {
       as = {
@@ -180,7 +173,6 @@ const RequstResistration = () => {
         workPlace: {
           isSameWithCompanyAddress: true,
         },
-        isPersonalContact: state,
       };
     }
     postNotice(file, as);
@@ -188,14 +180,31 @@ const RequstResistration = () => {
   };
   return (
     <>
-      <Header title="모집의뢰 관리" description="회사 정보를 볼 수 있습니다." />
-      <NavProps props={CompanyData2} idx={1} />
-      <s.Table>
-        <s.Title>채용직무</s.Title>
-
-        <s.BoxPropsUl>
-          {Data.map((el, i) => (
-            <>
+      {status === "loading" ? (
+        <>
+          <LoadingPage />
+        </>
+      ) : status === "error" ? (
+        <>
+          <ErrorPage />
+        </>
+      ) : (
+        <>
+          <Header
+            title="모집의뢰 관리"
+            description="회사 정보를 볼 수 있습니다."
+          />
+          <NavProps props={CompanyData2} idx={1} />
+          <s.Table>
+            <s.Title>채용직무</s.Title>
+            <s.Button
+              onClick={() => {
+                dispatch(stateModal(true));
+              }}
+            >
+              선택
+            </s.Button>
+            <s.BoxPropsUl>
               <s.BoxPropsLi>
                 <s.UlSubTitle>
                   {TitleData.map((user) => (
@@ -210,18 +219,22 @@ const RequstResistration = () => {
                   ))}
                 </s.UlSubTitle>
                 <s.UlContent>
-                  <s.LiContent width={212}>{el.bigClassification}</s.LiContent>
+                  <s.LiContent width={212}>
+                    {Data.bigClassification}
+                  </s.LiContent>
                   <s.LiContent width={167}>
-                    {el.smallClassification}
+                    {Data.smallClassification}
+                  </s.LiContent>
+                  <s.LiContent width={191}>
+                    {Data.numberOfEmployee}명
                   </s.LiContent>
-                  <s.LiContent width={191}>{el.numberOfEmployee}명</s.LiContent>
                   <s.LiContent width={566}>
-                    {el.detailBusinessDescription}
+                    {Data.detailBusinessDescription}
                   </s.LiContent>
                 </s.UlContent>
                 <s.SubTitle>필요언어</s.SubTitle>
                 <s.EssentialUl>
-                  {el.languageList.map((user) => (
+                  {Data.languageList.map((user) => (
                     <s.EssentialLi>
                       <s.ButtonProps>{user}</s.ButtonProps>
                     </s.EssentialLi>
@@ -234,12 +247,12 @@ const RequstResistration = () => {
                   <li>
                     <s.GradesUl>
                       <s.AsdfProps>성적(커트라인)</s.AsdfProps>
-                      <s.GradesLi>상위 {el.gradeCutLine}%이내</s.GradesLi>
+                      <s.GradesLi>상위 {Data.gradeCutLine}%이내</s.GradesLi>
                     </s.GradesUl>
                   </li>
                 </s.GradeUl>
                 <s.EssentialUl>
-                  {el.technologyList.map((user) => (
+                  {Data.technologyList.map((user) => (
                     <s.EssentialLi>
                       <s.ButtonProps>{user}</s.ButtonProps>
                     </s.EssentialLi>
@@ -247,394 +260,383 @@ const RequstResistration = () => {
                 </s.EssentialUl>
                 <s.SubTitle>국가자격증</s.SubTitle>
                 <s.EssentialUl>
-                  {el.needCertificateList.map((user) => (
+                  {Data.needCertificateList.map((user) => (
                     <s.EssentialLi>
                       <s.ButtonProps>{user}</s.ButtonProps>
                     </s.EssentialLi>
                   ))}
                 </s.EssentialUl>
-                <s.Button
-                  onClick={() => {
-                    dispatch(stateModal(true));
-                    dispatch(stateCount(i));
-                  }}
-                >
-                  수정
-                </s.Button>
-                <s.DelButton
-                  onClick={() => {
-                    RemoveBigTitle(i);
-                  }}
-                >
-                  삭제
-                </s.DelButton>
               </s.BoxPropsLi>
-            </>
-          ))}
-        </s.BoxPropsUl>
-        <s.PlusButtonT
-          onClick={() => {
-            dispatch(stateModal(true));
-            dispatch(stateCount(Data.length));
-          }}
-        >
-          +
-        </s.PlusButtonT>
-        <s.Ring top={50} />
-        <s.Titlet>급여</s.Titlet>
-        <s.UlMoney>
-          <s.LiMoney>
+            </s.BoxPropsUl>
+            <s.Ring top={50} />
+            <s.Titlet>급여</s.Titlet>
+            <s.UlMoney>
+              <s.LiMoney>
+                <s.UlProps>
+                  <s.LiProps>
+                    <s.TestText width={96}>실습수당</s.TestText>
+                  </s.LiProps>
+                  <s.LiProps>
+                    <s.InputMoney
+                      type="text"
+                      onInput={(e) => {
+                        e.target.value = e.target.value.replace(/[^0-9]/g, "");
+                      }}
+                      ref={(el) => (MoneyRef.current[0] = el)}
+                    ></s.InputMoney>
+                  </s.LiProps>
+                  <s.LiProps>
+                    <s.TenWon width={91} left={20}>
+                      만원(월)
+                    </s.TenWon>
+                  </s.LiProps>
+                </s.UlProps>
+              </s.LiMoney>
+              <s.LiMoney>
+                <s.UlProps>
+                  <s.LiProps>
+                    <s.TestText width={235}>정규직 전환 시 (연봉)</s.TestText>
+                  </s.LiProps>
+                  <s.LiProps>
+                    <s.InputMoney
+                      ref={(el) => (MoneyRef.current[1] = el)}
+                      type="text"
+                      onInput={(e) => {
+                        e.target.value = e.target.value.replace(/[^0-9]/g, "");
+                      }}
+                    ></s.InputMoney>
+                  </s.LiProps>
+                  <s.LiProps>
+                    <s.TenWon width={10} left={20}>
+                      ~
+                    </s.TenWon>
+                  </s.LiProps>
+                  <s.LiProps>
+                    <s.InputMoney
+                      ref={(el) => (MoneyRef.current[2] = el)}
+                      type="text"
+                      onInput={(e) => {
+                        e.target.value = e.target.value.replace(/[^0-9]/g, "");
+                      }}
+                    ></s.InputMoney>
+                  </s.LiProps>
+                  <s.LiProps>
+                    <s.TenWon width={51} left={20}>
+                      만원
+                    </s.TenWon>
+                  </s.LiProps>
+                </s.UlProps>
+              </s.LiMoney>
+            </s.UlMoney>
+            <s.Ring top={60} />
+            <s.Titlet>복리후생</s.Titlet>
+            <s.Subdd>식사</s.Subdd>
             <s.UlProps>
               <s.LiProps>
-                <s.TestText width={96}>실습수당</s.TestText>
+                <s.TenWon width={96} left={-40}>
+                  식대지원
+                </s.TenWon>
               </s.LiProps>
               <s.LiProps>
                 <s.InputMoney
                   type="text"
                   onInput={(e) => {
                     e.target.value = e.target.value.replace(/[^0-9]/g, "");
+                    setMealState(e.target.value);
                   }}
-                  ref={(el) => (MoneyRef.current[0] = el)}
                 ></s.InputMoney>
               </s.LiProps>
               <s.LiProps>
-                <s.TenWon width={91} left={20}>
-                  만원(월)
+                <s.TenWon width={68} left={20}>
+                  원(월)
                 </s.TenWon>
               </s.LiProps>
+              {mealData.map((user, i) => (
+                <>
+                  <s.CheckInput
+                    type="checkbox"
+                    value={user}
+                    left={60}
+                    ref={(el) => (MealRef.current[i] = el)}
+                  />
+                  <s.TenWon width={101} left={20}>
+                    {user}
+                  </s.TenWon>
+                </>
+              ))}
             </s.UlProps>
-          </s.LiMoney>
-          <s.LiMoney>
+            <s.Subdd>복리후생</s.Subdd>
+            <s.UlLineBreak>
+              {supportData.map((user, i) => (
+                <>
+                  <s.LiProps>
+                    <s.CheckInput
+                      type="checkbox"
+                      value={user}
+                      left={60}
+                      ref={(el) => (BokRef.current[i] = el)}
+                    ></s.CheckInput>
+                  </s.LiProps>
+                  <s.LiProps>
+                    <s.TextBok>{user}</s.TextBok>
+                  </s.LiProps>
+                </>
+              ))}
+            </s.UlLineBreak>
             <s.UlProps>
               <s.LiProps>
-                <s.TestText width={235}>정규직 전환 시 (연봉)</s.TestText>
+                <s.TenWon width={51} left={-40}>
+                  기타
+                </s.TenWon>
               </s.LiProps>
               <s.LiProps>
-                <s.InputMoney
-                  ref={(el) => (MoneyRef.current[1] = el)}
+                <s.GitaBokli
                   type="text"
-                  onInput={(e) => {
-                    e.target.value = e.target.value.replace(/[^0-9]/g, "");
-                  }}
-                ></s.InputMoney>
+                  ref={WelfareRef}
+                  placeholder="기타복리후생을 적어주세요"
+                ></s.GitaBokli>
               </s.LiProps>
+            </s.UlProps>
+            <s.Ring top={50} />
+            <s.Titlet>근무시간</s.Titlet>
+            <s.UlDirectProps>
               <s.LiProps>
-                <s.TenWon width={10} left={20}>
-                  ~
-                </s.TenWon>
+                <s.CheckInput
+                  type="radio"
+                  name={3}
+                  left={-20}
+                  checked={clockState}
+                  onClick={() => setClockState(true)}
+                ></s.CheckInput>
+              </s.LiProps>
+              <s.LiProps>
+                <s.TenWon> &nbsp; &nbsp;고정 출근시간</s.TenWon>
               </s.LiProps>
               <s.LiProps>
                 <s.InputMoney
-                  ref={(el) => (MoneyRef.current[2] = el)}
                   type="text"
+                  readOnly={!clockState}
+                  value={chulGeun}
                   onInput={(e) => {
                     e.target.value = e.target.value.replace(/[^0-9]/g, "");
+                    setChulGeun(e.target.value);
                   }}
                 ></s.InputMoney>
               </s.LiProps>
               <s.LiProps>
                 <s.TenWon width={51} left={20}>
-                  만원
+                  시
                 </s.TenWon>
               </s.LiProps>
-            </s.UlProps>
-          </s.LiMoney>
-          <s.LiMoney>
-            <s.UlProps>
               <s.LiProps>
-                <s.TestText width={96}>보너스</s.TestText>
+                <s.TenWon width={51} left={20}>
+                  ~
+                </s.TenWon>
               </s.LiProps>
               <s.LiProps>
                 <s.InputMoney
                   type="text"
-                  ref={(el) => (MoneyRef.current[3] = el)}
+                  readOnly={!clockState}
+                  value={chulGeun}
                   onInput={(e) => {
                     e.target.value = e.target.value.replace(/[^0-9]/g, "");
+                    setChulGeun(e.target.value);
                   }}
                 ></s.InputMoney>
               </s.LiProps>
               <s.LiProps>
-                <s.TenWon width={220} left={20}>
-                  만원(대략적인 금액)
+                <s.TenWon width={51} left={20}>
+                  시
                 </s.TenWon>
               </s.LiProps>
-            </s.UlProps>
-          </s.LiMoney>
-        </s.UlMoney>
-        <s.Ring top={60} />
-        <s.Titlet>복리후생</s.Titlet>
-        <s.Subdd>식사</s.Subdd>
-        <s.UlProps>
-          <s.LiProps>
-            <s.TenWon width={96} left={-40}>
-              식대지원
-            </s.TenWon>
-          </s.LiProps>
-          <s.LiProps>
-            <s.InputMoney
-              type="text"
-              onInput={(e) => {
-                e.target.value = e.target.value.replace(/[^0-9]/g, "");
-                setMealState(e.target.value);
-              }}
-            ></s.InputMoney>
-          </s.LiProps>
-          <s.LiProps>
-            <s.TenWon width={68} left={20}>
-              원(월)
-            </s.TenWon>
-          </s.LiProps>
-          {mealData.map((user, i) => (
-            <>
-              <s.CheckInput
-                type="checkbox"
-                value={user}
-                left={60}
-                ref={(el) => (MealRef.current[i] = el)}
-              />
-              <s.TenWon width={101} left={20}>
-                {user}
-              </s.TenWon>
-            </>
-          ))}
-        </s.UlProps>
-        <s.Subdd>복리후생</s.Subdd>
-        <s.UlLineBreak>
-          {list.map((user, i) => (
-            <>
+            </s.UlDirectProps>
+            <s.UlDirectProps>
               <s.LiProps>
                 <s.CheckInput
-                  type="checkbox"
-                  value={user}
-                  left={60}
-                  ref={(el) => (BokRef.current[i] = el)}
+                  type="radio"
+                  name={3}
+                  left={-20}
+                  checked={!clockState}
+                  onClick={() => {
+                    setClockState(false);
+                    setChulGeun("");
+                  }}
                 ></s.CheckInput>
               </s.LiProps>
+
               <s.LiProps>
-                <s.TextBok>{user}</s.TextBok>
+                <s.TenWon> &nbsp; &nbsp;유연 근무제</s.TenWon>
               </s.LiProps>
-            </>
-          ))}
-        </s.UlLineBreak>
-        <s.UlProps>
-          <s.LiProps>
-            <s.TenWon width={51} left={-40}>
-              기타
-            </s.TenWon>
-          </s.LiProps>
-          <s.LiProps>
-            <s.InputQualifi type="text" ref={WelfareRef}></s.InputQualifi>
-          </s.LiProps>
-          <s.LiProps>
-            <s.PlusBtn onClick={() => AddWelfare()}>+</s.PlusBtn>
-          </s.LiProps>
-        </s.UlProps>
-        <s.Ring top={50} />
-        <s.Titlet>출•퇴근시간</s.Titlet>
-        <s.UlWork>
-          {workData.map((user, i) => (
-            <>
-              <s.UlProps>
-                <s.LiProps>
-                  <s.ClockText>{user.clock}</s.ClockText>
-                </s.LiProps>
-                <s.LiProps>
-                  <s.InputMoney
-                    type="text"
-                    onInput={(e) => {
-                      e.target.value = e.target.value.replace(/[^0-9]/g, "");
-                    }}
-                    ref={(el) => (WorkRef.current[i] = el)}
-                  ></s.InputMoney>
-                </s.LiProps>
-                <s.LiProps>
-                  <s.TenWon width={51} left={20}>
-                    {user.si}
-                  </s.TenWon>
-                </s.LiProps>
-              </s.UlProps>
-            </>
-          ))}
-        </s.UlWork>
-        <s.Ring top={50} />
-        <s.Titlet>모집기간</s.Titlet>
-        <s.DailyUl>
-          <s.LiProps>
-            <s.ClockText>시작일</s.ClockText>
-          </s.LiProps>
-          <s.LiProps>
-            <s.InputQualifi
-              type="date"
-              onChange={(e) =>
-                setDateState({
-                  startDate: e.target.value,
-                  endDate: dateState.endDate,
-                })
-              }
-            ></s.InputQualifi>
-          </s.LiProps>
-          <s.LiProps>
-            <s.TenWon width={10} left={20}>
-              ~
-            </s.TenWon>
-          </s.LiProps>
-          <s.LiProps>
-            <s.ClockText>종료일</s.ClockText>
-          </s.LiProps>
-          <s.LiProps>
-            <s.InputQualifi
-              type="date"
-              onChange={(e) =>
-                setDateState({
-                  startDate: dateState.startDate,
-                  endDate: e.target.value,
-                })
-              }
-            ></s.InputQualifi>
-          </s.LiProps>
-        </s.DailyUl>
-        <s.Ring top={50} />
-        <s.Titlet>전형절차</s.Titlet>
-        <s.UlAddmision>
-          {admission.map((item, i) => (
-            <>
-              <s.InputLi>
-                <s.ClockText>{i + 1}차전형일</s.ClockText>
-              </s.InputLi>
+            </s.UlDirectProps>
+
+            <s.UlWork>
+              <s.UlProps></s.UlProps>
+            </s.UlWork>
+            <s.Ring top={50} />
+            <s.Titlet>모집기간</s.Titlet>
+            <s.DailyUl>
+              <s.LiProps>
+                <s.ClockText>시작일</s.ClockText>
+              </s.LiProps>
+              <s.LiProps>
+                <s.InputQualifi
+                  type="date"
+                  onChange={(e) =>
+                    setDateState({
+                      startDate: e.target.value,
+                      endDate: dateState.endDate,
+                    })
+                  }
+                ></s.InputQualifi>
+              </s.LiProps>
+              <s.LiProps>
+                <s.TenWon width={10} left={20}>
+                  ~
+                </s.TenWon>
+              </s.LiProps>
+              <s.LiProps>
+                <s.ClockText>종료일</s.ClockText>
+              </s.LiProps>
+              <s.LiProps>
+                <s.InputQualifi
+                  type="date"
+                  onChange={(e) =>
+                    setDateState({
+                      startDate: dateState.startDate,
+                      endDate: e.target.value,
+                    })
+                  }
+                ></s.InputQualifi>
+              </s.LiProps>
+            </s.DailyUl>
+            <s.Ring top={50} />
+            <s.Titlet>전형절차</s.Titlet>
+            <s.UlAddmision>
+              {admission.map((item, i) => (
+                <>
+                  <s.InputLi>
+                    <s.ClockText>{i + 1}차전형</s.ClockText>
+                  </s.InputLi>
+                  <s.InputLi>
+                    <s.Delelte>
+                      <SelectComplete
+                        Data={data}
+                        func={ChangeAdmision}
+                        write={item}
+                        num={i}
+                      ></SelectComplete>
+                      <s.DeleteButton onClick={() => RemoveAdmision(i)}>
+                        X
+                      </s.DeleteButton>
+                    </s.Delelte>
+                  </s.InputLi>
+                </>
+              ))}
               <s.InputLi>
-                <s.Delelte>
-                  <SelectComplete
-                    Data={interviewData}
-                    func={ChangeAdmision}
-                    write={item}
-                    num={i}
-                  ></SelectComplete>
-                  <s.DeleteButton onClick={() => RemoveAdmision(i)}>
-                    X
-                  </s.DeleteButton>
-                </s.Delelte>
+                <s.PlusButton onClick={() => AddAdmision()} top={5}>
+                  +
+                </s.PlusButton>
               </s.InputLi>
-            </>
-          ))}
-          <s.InputLi>
-            <s.PlusButton onClick={() => AddAdmision()} top={5}>
-              +
-            </s.PlusButton>
-          </s.InputLi>
-        </s.UlAddmision>
-        <s.Ring top={150} />
-        <s.Titlet>제출서류</s.Titlet>
-        <s.UlSubmitted>
-          <s.LiProps>
-            <s.LabelFile for="file">양식 등록</s.LabelFile>
-            <s.FileHidden
-              type="file"
-              id="file"
-              multiple="multiple"
-              onChange={(e) => AddFileProps(e)}
-            ></s.FileHidden>
-          </s.LiProps>
-          {file.map((files, i) => (
-            <>
+            </s.UlAddmision>
+            <s.Ring top={150} />
+            <s.Titlet>제출서류</s.Titlet>
+            <s.UlSubmitted>
               <s.LiProps>
-                <s.UlTable>
-                  <s.LiProps>
-                    <s.FileTextDiv>{files.name}</s.FileTextDiv>
-                  </s.LiProps>
+                <s.LabelFile for="file">양식 등록</s.LabelFile>
+                <s.FileHidden
+                  type="file"
+                  id="file"
+                  multiple="multiple"
+                  onChange={(e) => AddFileProps(e)}
+                ></s.FileHidden>
+              </s.LiProps>
+              {file.map((files, i) => (
+                <>
                   <s.LiProps>
-                    <s.RemoveBtn onClick={() => RemoveFileProps(i)}>
-                      x
-                    </s.RemoveBtn>
+                    <s.UlTable>
+                      <s.LiProps>
+                        <s.FileTextDiv>{files.name}</s.FileTextDiv>
+                      </s.LiProps>
+                      <s.LiProps>
+                        <s.RemoveBtn onClick={() => RemoveFileProps(i)}>
+                          x
+                        </s.RemoveBtn>
+                      </s.LiProps>
+                    </s.UlTable>
                   </s.LiProps>
-                </s.UlTable>
+                </>
+              ))}
+            </s.UlSubmitted>
+            <s.Ring top={90} />
+            <s.Titlet>기타특기사항</s.Titlet>
+            <s.InputTextProps
+              type-="text"
+              placeholder="지원자에게 전달할 사항 또는 회사 및 업무에 대해 강조할 사항등의 의견을 적어주세요."
+              onChange={(e) => setSpecial(e.target.value)}
+            ></s.InputTextProps>
+            <s.Ring top={50} />
+            <s.Titlet>근무지</s.Titlet>
+            <s.UlDirectProps>
+              <s.LiProps>
+                <s.CheckInput
+                  type="radio"
+                  name={1}
+                  left={-40}
+                  checked={locate.set === 1}
+                  onChange={() => setLocate({ set: 1, text: locate.text })}
+                ></s.CheckInput>
               </s.LiProps>
-            </>
-          ))}
-        </s.UlSubmitted>
-        <s.Ring top={90} />
-        <s.Titlet>기타특기사항</s.Titlet>
-        <s.InputTextProps
-          type-="text"
-          placeholder="지원자에게 전달할 사항 또는 회사 및 업무에 대해 강조할 사항등의 의견을 적어주세요."
-          onChange={(e) => setSpecial(e.target.value)}
-        ></s.InputTextProps>
-        <s.Ring top={50} />
-        <s.Titlet>근무지</s.Titlet>
-        <s.UlDirectProps>
-          <s.LiProps>
-            <s.CheckInput
-              type="radio"
-              name={1}
-              left={-40}
-              onChange={() => setLocate({ set: 1, text: locate.text })}
-            ></s.CheckInput>
-          </s.LiProps>
-          <s.LiProps>
-            <s.TenWon width={185} left={20}>
-              회사 주소와 동일
-            </s.TenWon>
-          </s.LiProps>
-          <s.LiProps>
-            <s.CheckInput
-              type="radio"
-              name={1}
-              left={60}
-              onChange={() => {
-                setLocate({ set: 2, text: locate.text });
-              }}
-            ></s.CheckInput>
-          </s.LiProps>
-          <s.LiProps>
-            <s.DirectInput
-              type="text"
-              placeholder="직접 입력"
-              value={locate.text}
-              onClick={(e) => {
-                if (locate.set !== 2) {
-                  Notice({
-                    state: "error",
-                    message: "체크가 안됐습니다.",
-                  });
-                  e.preventDefault();
-                } else {
-                  open({
-                    onComplete: handleComplete,
-                    width: 700,
-                    height: 700,
-                    left: 200,
-                    animation: true,
-                  });
-                }
-              }}
-            />
-          </s.LiProps>
-        </s.UlDirectProps>
-        <s.Ring top={50} />
-        <s.Titlet>개별등록</s.Titlet>
-        <s.UlDirectProps>
-          <s.LiProps>
-            <s.CheckInput
-              type="checkbox"
-              left={-40}
-              onChange={() => setState(!state)}
-            ></s.CheckInput>
-          </s.LiProps>
-          <s.LiProps>
-            <s.TenWon width={153} left={20}>
-              개인컨택 등록
-            </s.TenWon>
-          </s.LiProps>
-          <s.LiProps>
-            <s.PersonalContact>
-              *개인컨택인 경우 모집구분은 자동으로 모집종료로 등록됩니다.
-            </s.PersonalContact>
-          </s.LiProps>
-        </s.UlDirectProps>
-        <s.Ring top={50} />
-        <s.SubmitButton onClick={() => submit()}>모집의뢰 등록</s.SubmitButton>
-      </s.Table>
-      <s.TableTwo></s.TableTwo>
-      <ModalPortal> {modal ? <SelectModal /> : <></>}</ModalPortal>
+              <s.LiProps>
+                <s.TenWon width={185} left={20}>
+                  회사 주소와 동일
+                </s.TenWon>
+              </s.LiProps>
+              <s.LiProps>
+                <s.CheckInput
+                  type="radio"
+                  name={1}
+                  left={60}
+                  checked={locate.set === 2}
+                  onChange={() => {
+                    setLocate({ set: 2, text: locate.text });
+                  }}
+                ></s.CheckInput>
+              </s.LiProps>
+              <s.LiProps>
+                <s.DirectInput
+                  type="text"
+                  placeholder="직접 입력"
+                  value={locate.text}
+                  readOnly={locate.set !== 2}
+                  onClick={(e) => {
+                    if (locate.set !== 2) {
+                      Notice({
+                        state: "error",
+                        message: "체크가 되지 않았습니다",
+                      });
+                      e.preventDefault();
+                    } else {
+                      open({
+                        onComplete: handleComplete,
+                        width: 700,
+                        height: 700,
+                        left: 200,
+                        animation: true,
+                      });
+                    }
+                  }}
+                />
+              </s.LiProps>
+            </s.UlDirectProps>
+            <s.Ring top={50} />
+            <s.SubmitButton onClick={() => submit()}>
+              모집의뢰 등록
+            </s.SubmitButton>
+          </s.Table>
+          <s.TableTwo></s.TableTwo>
+          {modal ? <ModalPortal /> : <></>}
+        </>
+      )}
     </>
   );
 };
diff --git a/src/components/pages/companyPage/requestResistration/modal/index.jsx b/src/components/pages/companyPage/requestResistration/modal/index.jsx
index 84d66da..de06177 100644
--- a/src/components/pages/companyPage/requestResistration/modal/index.jsx
+++ b/src/components/pages/companyPage/requestResistration/modal/index.jsx
@@ -1,7 +1,7 @@
-import { useDispatch, useSelector } from "react-redux";
+import { useDispatch } from "react-redux";
 import { stateModal } from "../../../../../redux/store/modal";
-import { bundle, mainData } from "../../../../../export/data";
-import { useState, useCallback, useEffect, useRef } from "react";
+import { bundle } from "../../../../../export/data";
+import { useState, useCallback, useRef } from "react";
 import * as s from "./style";
 import { value } from "../../../../../redux/store/selectValue";
 import AutoComplete from "../../../../common/autocomplete";
@@ -12,12 +12,6 @@ import { Notice } from "../../../../common/notice";
 const SelectModal = () => {
   const { status, data } = getListProps();
   const dispatch = useDispatch();
-  const ArrStateCountData = useSelector((count) => count.count.count.count);
-  const ArrStateData = useSelector(
-    (stack) => stack.selectValue.recruitmentRequest
-  );
-  const [list, setList] = useState(mainData);
-  const [inputState, setInputState] = useState(false);
   const [arr, setArr] = useState([1]);
   const [skill, setSkill] = useState([1]);
   const [cert, setCert] = useState([1]);
@@ -30,44 +24,6 @@ const SelectModal = () => {
   const CertRef = useRef([]);
   const TextRef = useRef();
   const NumRef = useRef();
-  useEffect(() => {
-    const stateprops = { state: false };
-    setList((list) =>
-      list.map((e) => {
-        return { ...e, ...stateprops };
-      })
-    );
-    console.log("앙기모띠");
-  }, []);
-  const BlurEvent = useCallback((e) => {
-    if (e.target.value !== "") {
-      const ad = { title: e.target.value, subtitle: [], state: false };
-      setList([...mainData, ad]);
-      setInputState(false);
-    }
-  }, []);
-  const BlurSubEvent = useCallback((event, index) => {
-    if (event.target.value !== "") {
-      setList((list) =>
-        list.map((e, i) => {
-          if (i === index) {
-            e.state = false;
-            e.subtitle = [...e.subtitle, event.target.value];
-          }
-          return e;
-        })
-      );
-    } else {
-      setList((list) =>
-        list.map((e, i) => {
-          if (i === index) {
-            e.state = false;
-          }
-          return e;
-        })
-      );
-    }
-  }, []);
 
   const AddLangText = useCallback(
     (i) => {
@@ -109,19 +65,6 @@ const SelectModal = () => {
     },
     [cert]
   );
-  const InputStateProps = useCallback((index) => {
-    setList((list) =>
-      list.map((e, i) => {
-        if (i !== index && e.state === true) {
-          e.state = false;
-        }
-        if (i === index) {
-          e.state = true;
-        }
-        return e;
-      })
-    );
-  }, []);
   const RadioProps = useCallback(
     (e) => {
       setRadio({ id: e.target.id, value: e.target.value });
@@ -165,7 +108,6 @@ const SelectModal = () => {
         languageList: arr1,
         technologyList: arr2,
       };
-      console.log(arr3);
       if (radio.id === "") {
         Notice({ state: "error", message: "버튼을 체크해주세요..." });
       } else if (NumRef.current.value === "" || NumRef.current.value === "0") {
@@ -176,22 +118,9 @@ const SelectModal = () => {
         Notice({ state: "error", message: "사용언어를 입력해주세요..." });
       } else if (arr2.length === 0) {
         Notice({ state: "error", message: "사용스킬을 입력해주세요..." });
-      } else if (ArrStateData.length === ArrStateCountData) {
-        dispatch(value([...ArrStateData, props]));
-        dispatch(stateModal(false));
-        Notice({ state: "success", message: "정상적으로 처리되었습니다." });
       } else {
-        const ad = ArrStateData.map((el, i) => {
-          if (i === ArrStateCountData) {
-            el = props;
-            console.log(el);
-            return el;
-          } else {
-            return el;
-          }
-        });
         Notice({ state: "success", message: "정상적으로 처리되었습니다." });
-        dispatch(value(ad));
+        dispatch(value(props));
         dispatch(stateModal(false));
       }
     }
@@ -219,29 +148,31 @@ const SelectModal = () => {
               ))}
             </s.BundleUl>
             <s.MainUl>
-              {list.map((user, i) => (
+              {data[3].map((user, i) => (
                 <>
                   <s.MainLi>
                     <s.SubListUl>
                       <s.SubList
                         width={300}
-                        height={user.subtitle.length * 70 + 50}
+                        height={(user.smallClassification.length - 1) * 70 + 50}
                       >
-                        <s.MainTitleProps>{user.title}</s.MainTitleProps>
+                        <s.MainTitleProps>
+                          {user.bigClassification}
+                        </s.MainTitleProps>
                       </s.SubList>
                       <s.SubList
                         width={616}
-                        height={user.subtitle.length * 70 + 50}
+                        height={(user.smallClassification.length - 1) * 70}
                       >
                         <s.SubUl>
-                          {user.subtitle.map((asdf) => (
+                          {user.smallClassification.map((asdf) => (
                             <s.SubLi>
                               <s.Label>
                                 <s.LabelButton>{asdf}</s.LabelButton>
                                 <s.InputButton>
                                   <s.Radio
                                     type="radio"
-                                    id={user.title}
+                                    id={user.bigClassification}
                                     name="jingeon"
                                     value={asdf}
                                     onChange={(e) => RadioProps(e)}
@@ -250,63 +181,16 @@ const SelectModal = () => {
                               </s.Label>
                             </s.SubLi>
                           ))}
-                          <s.SubLi>
-                            {user.state ? (
-                              <s.Label>
-                                <s.InputSubText
-                                  width={400}
-                                  type="text"
-                                  onBlur={(e) => BlurSubEvent(e, i)}
-                                ></s.InputSubText>
-                              </s.Label>
-                            ) : (
-                              <s.PlusButton
-                                width={400}
-                                left={-10}
-                                onClick={() => {
-                                  InputStateProps(i);
-                                }}
-                              >
-                                +
-                              </s.PlusButton>
-                            )}
-                          </s.SubLi>
                         </s.SubUl>
                       </s.SubList>
                       <s.SubList
                         width={196}
-                        height={user.subtitle.length * 70 + 50}
+                        height={(user.smallClassification.length - 1) * 70 + 50}
                       ></s.SubList>
                     </s.SubListUl>
                   </s.MainLi>
                 </>
               ))}
-              <s.MainLi>
-                <s.SubListUl>
-                  <s.SubLi>
-                    {inputState ? (
-                      <>
-                        <s.InputText
-                          left={-20}
-                          width={300}
-                          type="text"
-                          onBlur={(e) => BlurEvent(e)}
-                        ></s.InputText>
-                      </>
-                    ) : (
-                      <s.PlusButton
-                        width={300}
-                        left={0}
-                        onClick={() => {
-                          setInputState(true);
-                        }}
-                      >
-                        +
-                      </s.PlusButton>
-                    )}
-                  </s.SubLi>
-                </s.SubListUl>
-              </s.MainLi>
             </s.MainUl>
             <s.TableTwo>
               <s.TableProps>
diff --git a/src/components/pages/companyPage/requestResistration/modal/portal/index.jsx b/src/components/pages/companyPage/requestResistration/modal/portal/index.jsx
index fe796ea..1a3fe6a 100644
--- a/src/components/pages/companyPage/requestResistration/modal/portal/index.jsx
+++ b/src/components/pages/companyPage/requestResistration/modal/portal/index.jsx
@@ -1,7 +1,10 @@
 import ReactDom from "react-dom";
-const ModalPortal = ({ children }) => {
+import SelectModal from "..";
+const ModalPortal = () => {
   return (
-    <>{ReactDom.createPortal(children, document.getElementById("modal"))}</>
+    <>
+      {ReactDom.createPortal(<SelectModal />, document.getElementById("modal"))}
+    </>
   );
 };
 export default ModalPortal;
diff --git a/src/components/pages/companyPage/requestResistration/style.js b/src/components/pages/companyPage/requestResistration/style.js
index 2bbcf5a..2dcc636 100644
--- a/src/components/pages/companyPage/requestResistration/style.js
+++ b/src/components/pages/companyPage/requestResistration/style.js
@@ -34,8 +34,8 @@ export const Button = styled.button`
   position: relative;
   width: 100px;
   height: 40px;
-  left: 460px;
-  margin-top: 38px;
+  left: 183px;
+  top: -60px;
   font-family: "NanumGothic", sans-serif;
   font-style: normal;
   font-weight: 700;
@@ -205,6 +205,22 @@ export const CheckText = styled.div`
   line-height: 24px;
   color: ${(props) => props.theme.colors.black};
 `;
+export const GitaBokli = styled.input`
+  margin-left: 20px;
+  width: 1070px;
+  height: 40px;
+  border-radius: 20px;
+  border: none;
+  padding-left: 20px;
+  padding-right: 20px;
+  font-family: "NanumGothic", sans-serif;
+  font-style: normal;
+  font-weight: 500;
+  font-size: 18px;
+  line-height: 24px;
+  color: ${(props) => props.theme.colors.black};
+  background-color: ${(props) => props.theme.colors.mediumGray};
+`;
 export const InputQualifi = styled.input`
   margin-left: 20px;
   width: 200px;
@@ -617,7 +633,6 @@ export const BoxPropsUl = styled.ul`
   padding: 0px;
   width: 1156px;
   height: auto;
-  margin-top: 50px;
 `;
 export const AsdfProps = styled.li`
   font: 700 normal 24px "NanumGothic", sans-serif;
diff --git a/src/components/pages/studentPage/Notice/index.jsx b/src/components/pages/studentPage/Notice/index.jsx
index 63ad042..3470fa8 100644
--- a/src/components/pages/studentPage/Notice/index.jsx
+++ b/src/components/pages/studentPage/Notice/index.jsx
@@ -103,7 +103,6 @@ const NoticeView = () => {
             </SearchDiv>
           </Location>
           <Location2>
-            {" "}
             {data.content.map((item) => (
               <>
                 <CA_View CA_data={item} />
diff --git a/src/components/pages/teacherPage/list/index.jsx b/src/components/pages/teacherPage/list/index.jsx
index 83666ff..a8c06ea 100644
--- a/src/components/pages/teacherPage/list/index.jsx
+++ b/src/components/pages/teacherPage/list/index.jsx
@@ -12,9 +12,11 @@ const TeacherList = () => {
       />
       <NavProps props={TeacherData} idx={1} />
       <Title top={100}>대기중인 모집 공고</Title>
-      <Wait path="/notice/waiting-notice/list" />
-      <Title top={0}>승인된 모집 공고</Title>
-      <Wait path="/notice/list" />
+      <Wait path="/notice/waiting-list" />
+      <Title top={0}>모집 중인 모집 공고</Title>
+      <Wait path="/notice/list/on" />
+      <Title top={0}>종료된 모집 공고</Title>
+      <Wait path="/notice/list/end" />
     </>
   );
 };
diff --git a/src/components/pages/teacherPage/list/wait/index.jsx b/src/components/pages/teacherPage/list/wait/index.jsx
index 8b78d61..69f7e29 100644
--- a/src/components/pages/teacherPage/list/wait/index.jsx
+++ b/src/components/pages/teacherPage/list/wait/index.jsx
@@ -99,7 +99,7 @@ const Wait = ({ path }) => {
                             state: data.content[i],
                           })
                         }
-                        onMouseEnter={() => PreFech(user.id)}
+                        onMouseEnter={() => PreFech(user.id, user.num)}
                       >
                         지원자 리스트
                       </div>
diff --git a/src/components/pages/teacherPage/manage/applicant/index.jsx b/src/components/pages/teacherPage/manage/applicant/index.jsx
index 19fa4e2..9b68773 100644
--- a/src/components/pages/teacherPage/manage/applicant/index.jsx
+++ b/src/components/pages/teacherPage/manage/applicant/index.jsx
@@ -1,7 +1,5 @@
 import styled from "styled-components";
-import { stateModalManage } from "../../../../../redux/store/modal";
-import { useSelector, useDispatch } from "react-redux";
-import ModalManage from "../modal";
+import { useSelector } from "react-redux";
 import Header from "../../../../common/header";
 import { useLocation } from "react-router-dom";
 import Recruitment from "./recruitment";
@@ -9,35 +7,23 @@ import StatusManageComponent from "./status";
 import NavProps from "../../../../common/nav";
 import { TeacherData, CompanyData2 } from "../../../../../export/data";
 const Applicant = () => {
-  const modal = useSelector((state) => state.modal.state.modalmanage);
   const count = useSelector((count) => count.count.count.manageCount);
-  const dispatch = useDispatch();
   const location = useLocation();
-  console.log(location);
   const content = location.state;
   const asdf = location.pathname.slice(0, 8);
   const qwer = asdf === "/company" ? CompanyData2 : TeacherData;
-  const ShowModal = () => {
-    dispatch(stateModalManage(true));
-  };
   return (
     <>
       <Header title="모집의뢰 등록" description="모집공고를 등록해보세요" />
       <NavProps props={qwer} idx={1} />
       <Table>
         <Title>채용직무</Title>
-        <Button onClick={() => ShowModal()}>선택</Button>
         <Recruitment data={content} count={count}></Recruitment>
       </Table>
       <BoxLocate>
         <Live>지원 현황</Live>
-        <StatusManageComponent />
+        <StatusManageComponent props={content} />
       </BoxLocate>
-      {modal ? (
-        <ModalManage Data={content.recruitmentBusinessResponse} />
-      ) : (
-        <></>
-      )}
     </>
   );
 };
@@ -62,22 +48,6 @@ const Title = styled.h1`
   font-size: 40px;
   color: ${(props) => props.theme.colors.black};
 `;
-const Button = styled.button`
-  position: relative;
-  width: 100px;
-  height: 40px;
-  top: -60px;
-  left: 220px;
-  font-family: "NanumGothic", sans-serif;
-  font-style: normal;
-  font-weight: 700;
-  font-size: 20px;
-  color: ${(props) => props.theme.colors.white};
-  background: ${(props) => props.theme.colors.blue};
-  border-radius: 100px;
-  cursor: pointer;
-  border: 2px solid ${(props) => props.theme.colors.blue};
-`;
 const BoxLocate = styled.div`
   position: relative;
   width: 1190px;
diff --git a/src/components/pages/teacherPage/manage/applicant/modal/index.jsx b/src/components/pages/teacherPage/manage/applicant/modal/index.jsx
new file mode 100644
index 0000000..f8fa213
--- /dev/null
+++ b/src/components/pages/teacherPage/manage/applicant/modal/index.jsx
@@ -0,0 +1,166 @@
+import styled from "styled-components";
+import { useSelector, useDispatch } from "react-redux";
+import { userModal } from "../../../../../../redux/store/userData";
+import { FileDownImg } from "../../../../../../images";
+import { TriAngle } from "../../../../../../images";
+const AppliModal = () => {
+  const dispatch = useDispatch();
+  const userData = useSelector((state) => state.userData.data);
+  return (
+    <>
+      <Box>
+        <Header>
+          <Title>
+            제출 서류 현황-{userData.name}
+            {userData.email}
+          </Title>
+          <ExitButton onClick={() => dispatch(userModal())}>X</ExitButton>
+        </Header>
+        <Table>
+          <Ulbox>
+            {userData.file.map((user) => (
+              <Libox>
+                <Container>
+                  <Title2>
+                    <div>{user.fileId}</div>
+                    <div>
+                      <img src={FileDownImg} alt=""></img>
+                    </div>
+                    <div>{user.fileName}</div>
+                  </Title2>
+                  <Down src={user.fileUrl} download>
+                    다운로드 <img src={TriAngle} alt=""></img>
+                  </Down>
+                </Container>
+              </Libox>
+            ))}
+          </Ulbox>
+        </Table>
+      </Box>
+    </>
+  );
+};
+export default AppliModal;
+const Ulbox = styled.ul`
+  position: relative;
+  list-style-type: none;
+  width: 1030px;
+  height: 500px;
+  top: 20px;
+  margin: 0 auto;
+  overflow-y: scroll;
+  scroll-padding-top: 20px;
+  padding-bottom: 20px;
+  scroll-snap-points-y: none;
+  &::-webkit-scrollbar {
+    width: 5px;
+  }
+  &::-webkit-scrollbar-track {
+    width: 18px;
+    border-radius: 20px;
+
+    background-color: ${(props) => props.theme.colors.mediumGray};
+  }
+
+  &::-webkit-scrollbar-thumb {
+    padding-top: 9px;
+    height: 28px;
+    border-radius: 20px;
+    background: ${(props) => props.theme.colors.blue};
+  }
+  overflow-x: hidden;
+  margin-top: -3.5px;
+`;
+const Libox = styled.li`
+  margin-bottom: 20px;
+  margin-left: -40px;
+`;
+const Title2 = styled.div`
+  padding-left: 40px;
+  width: 792px;
+  height: 83px;
+
+  display: flex;
+  div {
+    display: block;
+    :first-child {
+      margin-right: 34px;
+    }
+    :nth-child(2) {
+      margin-right: 11px;
+    }
+  }
+  img {
+    margin-top: 32px;
+    width: 24px;
+    height: 26px;
+  }
+`;
+const Down = styled.a`
+  text-decoration: none;
+  cursor: pointer;
+  font-weight: 500;
+`;
+const Container = styled.div`
+  width: 1000px;
+  height: 83px;
+  background: #f0f0f0;
+  border-radius: 20px;
+  font: 700 normal 24px "NanumGothic";
+  color: #4000ff;
+  line-height: 83px;
+  display: flex;
+`;
+const Header = styled.div`
+  width: 1136;
+  height: 176px;
+  background: linear-gradient(180deg, #7243ff 0%, #ab91f8 100%);
+  border-radius: 20px;
+`;
+const ExitButton = styled.div`
+  position: absolute;
+  width: 21px;
+  height: 38px;
+  left: 1080px;
+  top: 29px;
+  font-family: "Roboto";
+  font-style: normal;
+  font-weight: 700;
+  font-size: 32px;
+  line-height: 38px;
+  cursor: pointer;
+  color: #ffffff;
+  :hover {
+    color: #808080;
+  }
+`;
+const Table = styled.div`
+  position: relative;
+  top: -56px;
+  width: 1136px;
+  height: 550px;
+  background-color: #fff;
+  border-radius: 20px;
+`;
+const Box = styled.div`
+  position: absolute;
+  top: 50px;
+  width: 1136px;
+  height: 670px;
+  background-color: black;
+  left: 0px;
+  right: 0px;
+  margin: 0 auto;
+  box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.6);
+`;
+const Title = styled.div`
+  width: max-content;
+  height: 120px;
+  padding-left: 32px;
+  color: #fff;
+  font-family: "NanumGothic";
+  font-style: normal;
+  font-weight: 700;
+  font-size: 24px;
+  line-height: 120px;
+`;
diff --git a/src/components/pages/teacherPage/manage/applicant/modal/portal/index.jsx b/src/components/pages/teacherPage/manage/applicant/modal/portal/index.jsx
new file mode 100644
index 0000000..0bebe14
--- /dev/null
+++ b/src/components/pages/teacherPage/manage/applicant/modal/portal/index.jsx
@@ -0,0 +1,13 @@
+import ReactDom from "react-dom";
+import AppliModal from "..";
+const ApplicantPortal = () => {
+  return (
+    <>
+      {ReactDom.createPortal(
+        <AppliModal />,
+        document.getElementById("applicant")
+      )}
+    </>
+  );
+};
+export default ApplicantPortal;
diff --git a/src/components/pages/teacherPage/manage/applicant/recruitment/index.jsx b/src/components/pages/teacherPage/manage/applicant/recruitment/index.jsx
index 20ec35c..8f33d3b 100644
--- a/src/components/pages/teacherPage/manage/applicant/recruitment/index.jsx
+++ b/src/components/pages/teacherPage/manage/applicant/recruitment/index.jsx
@@ -1,6 +1,6 @@
 import styled from "styled-components";
 import { TitleData } from "../../../../../../export/data";
-const Recruitment = ({ data, count }) => {
+const Recruitment = ({ data }) => {
   return (
     <>
       <BoxPropsUl>
@@ -20,29 +20,19 @@ const Recruitment = ({ data, count }) => {
           <UlContent>
             <LiContent width={212}>
               {
-                data.recruitmentBusinessResponse[count].classificationResponse
-                  .bigClassification.bigClassificationName
+                data.classificationResponse.bigClassification
+                  .bigClassificationName
               }
             </LiContent>
             <LiContent width={167}>
-              {
-                data.recruitmentBusinessResponse[count].classificationResponse
-                  .name
-              }
-            </LiContent>
-            <LiContent width={191}>
-              {data.recruitmentBusinessResponse[count].numberOfEmployee}
-            </LiContent>
-            <LiContent width={566}>
-              {
-                data.recruitmentBusinessResponse[count]
-                  .detailBusinessDescription
-              }
+              {data.classificationResponse.name}
             </LiContent>
+            <LiContent width={191}>{data.numberOfEmployee}</LiContent>
+            <LiContent width={566}>{data.detailBusinessDescription}</LiContent>
           </UlContent>
           <SubTitle>필요언어</SubTitle>
           <EssentialUl>
-            {data.recruitmentBusinessResponse[count].languageSet.map((user) => (
+            {data.languageList.map((user) => (
               <EssentialLi>
                 <ButtonProps>{user.languageName}</ButtonProps>
               </EssentialLi>
@@ -56,30 +46,26 @@ const Recruitment = ({ data, count }) => {
               <GradesUl>
                 <AsdfProps>성적(커트라인)</AsdfProps>
                 <GradesLi>
-                  상위 {data.recruitmentBusinessResponse[count].gradeCutLine}
+                  상위 {data.gradeCutLine}
                   %이내
                 </GradesLi>
               </GradesUl>
             </li>
           </GradeUl>
           <EssentialUl>
-            {data.recruitmentBusinessResponse[count].technologySet.map(
-              (user) => (
-                <EssentialLi>
-                  <ButtonProps>{user.technologyName}</ButtonProps>
-                </EssentialLi>
-              )
-            )}
+            {data.technologyList.map((user) => (
+              <EssentialLi>
+                <ButtonProps>{user.technologyName}</ButtonProps>
+              </EssentialLi>
+            ))}
           </EssentialUl>
           <SubTitle>국가자격증</SubTitle>
           <EssentialUl>
-            {data.recruitmentBusinessResponse[count].certificateList.map(
-              (user) => (
-                <EssentialLi>
-                  <ButtonProps>{user.certificateName}</ButtonProps>
-                </EssentialLi>
-              )
-            )}
+            {data.certificateList.map((user) => (
+              <EssentialLi>
+                <ButtonProps>{user.certificateName}</ButtonProps>
+              </EssentialLi>
+            ))}
           </EssentialUl>
         </BoxPropsLi>
       </BoxPropsUl>
diff --git a/src/components/pages/teacherPage/manage/applicant/status/index.jsx b/src/components/pages/teacherPage/manage/applicant/status/index.jsx
index efeda4a..9cf162e 100644
--- a/src/components/pages/teacherPage/manage/applicant/status/index.jsx
+++ b/src/components/pages/teacherPage/manage/applicant/status/index.jsx
@@ -1,57 +1,197 @@
 import { useParams } from "react-router-dom";
-import { getUserCompany, getUseUserCompany } from "../../../../../api/teacher";
+import { getUserCompany } from "../../../../../api/teacher";
 import { useState, useEffect, useCallback } from "react";
 import styled from "styled-components";
-import { useQueryClient, useQuery } from "@tanstack/react-query";
+import {
+  userdata,
+  userDataAction,
+} from "../../../../../../redux/store/userData";
+import { useQuery } from "@tanstack/react-query";
+import { useSelector, useDispatch } from "react-redux";
 import LoadingPage from "../../../../../common/loading";
 import ErrorPage from "../../../../../common/error";
-const StatusManageComponent = () => {
+import {
+  CheckImg,
+  CancelImg,
+  CheckBlack,
+  CancelBlack,
+} from "../../../../../../images";
+import AppliModal from "../modal";
+import { stateModalManage } from "../../../../../../redux/store/modal";
+import ApplicantPortal from "../modal/portal";
+const StatusManageComponent = ({ props }) => {
   const { teacherId } = useParams();
-  const [count, setCount] = useState(0);
-  const { status, data } = useQuery(["teacherGetUser", teacherId, count], () =>
-    getUserCompany(teacherId, count)
-  );
-  const [arr, setArr] = useState([]);
-  const queryClient = useQueryClient();
-  useEffect(() => {
-    if (data?.totalPage > 5) {
-      if (data.totalPage % 5 !== 0) {
-        if (parseInt(count / 5) === parseInt(data.totalPage / 5)) {
-          const asd = parseInt(data.totalPage % 5);
-          let aq = new Array(asd).fill(0);
-          for (let i = 0; i < 5; i++) {
-            if (i < asd) {
-              aq[i] = 5 * (asd + 1) + 1 + i;
-            } else {
-              break;
-            }
-          }
-          setArr(aq);
-        }
-      }
-      if (count % 5 === 0 && count / 5 < data.totalPage / 5 - 1) {
-        setArr([count + 1, count + 2, count + 3, count + 4, count + 5]);
-      } else if (count % 5 === 4) {
-        setArr([count - 3, count - 2, count - 1, count, count + 1]);
-      }
-    } else if (data?.totalPage) {
-      let ad = new Array(data?.totalPage).fill(0);
-      for (let i = 0; i < data.totalPage; i++) {
-        ad[i] = i + 1;
-      }
-      setArr(ad);
-    }
-  }, [count, data?.totalPage]);
-  useEffect(() => {
-    if (data?.last && data.totalPage - 1 > count) {
-      queryClient.prefetchQuery(["teacherGetUser", teacherId, count + 1], () =>
-        getUserCompany(teacherId, count + 1)
-      );
-    }
-  }, [data, count, queryClient, teacherId]);
-  const Click = useCallback((e) => {
-    setCount(e);
-  }, []);
+  const dispatch = useDispatch();
+  // const { status, data } = useQuery(
+  //   ["teacherGetUser", teacherId, props.company.companyNumber],
+  //   () => getUserCompany(teacherId, props.company.companyNumber, "")
+  // );
+  const modal = useSelector((state) => state.userData.data.modal);
+  const status = "success";
+  const data = [
+    {
+      appliesId: "string",
+      applier: {
+        email: "jingeon27@gmail.com",
+        name: "string",
+      },
+      noticeId: "string",
+      status: "APPROVE",
+      resumeList: [
+        {
+          fileId: "string",
+          fileUrl: "string",
+          fileType: "FileType",
+          extension: "string",
+          fileName: "string",
+        },
+      ],
+    },
+    {
+      appliesId: "string",
+      applier: {
+        email: "jingeon27@gmail.com",
+        name: "string",
+      },
+      noticeId: "string",
+      status: "REJECT",
+      resumeList: [
+        {
+          fileId: "string",
+          fileUrl: "string",
+          fileType: "FileType",
+          extension: "string",
+          fileName: "string",
+        },
+      ],
+    },
+    {
+      appliesId: "string",
+      applier: {
+        email: "jingeon27@gmail.com",
+        name: "string",
+      },
+      noticeId: "string",
+      status: "WAITING",
+      resumeList: [
+        {
+          fileId: "string",
+          fileUrl: "string",
+          fileType: "FileType",
+          extension: "string",
+          fileName: "string",
+        },
+      ],
+    },
+    {
+      appliesId: "string",
+      applier: {
+        email: "jingeon27@gmail.com",
+        name: "string",
+      },
+      noticeId: "string",
+      status: "APPROVE",
+      resumeList: [
+        {
+          fileId: "string",
+          fileUrl: "string",
+          fileType: "FileType",
+          extension: "string",
+          fileName: "string",
+        },
+      ],
+    },
+    {
+      appliesId: "string",
+      applier: {
+        email: "jingeon27@gmail.com",
+        name: "string",
+      },
+      noticeId: "string",
+      status: "REJECT",
+      resumeList: [
+        {
+          fileId: "string",
+          fileUrl: "string",
+          fileType: "FileType",
+          extension: "string",
+          fileName: "string",
+        },
+      ],
+    },
+    {
+      appliesId: "string",
+      applier: {
+        email: "jingeon27@gmail.com",
+        name: "string",
+      },
+      noticeId: "string",
+      status: "WAITING",
+      resumeList: [
+        {
+          fileId: "string",
+          fileUrl: "string",
+          fileType: "FileType",
+          extension: "string",
+          fileName: "string",
+        },
+      ],
+    },
+    {
+      appliesId: "string",
+      applier: {
+        email: "jingeon27@gmail.com",
+        name: "string",
+      },
+      noticeId: "string",
+      status: "APPROVE",
+      resumeList: [
+        {
+          fileId: "string",
+          fileUrl: "string",
+          fileType: "FileType",
+          extension: "string",
+          fileName: "string",
+        },
+      ],
+    },
+    {
+      appliesId: "string",
+      applier: {
+        email: "jingeon27@gmail.com",
+        name: "string",
+      },
+      noticeId: "string",
+      status: "REJECT",
+      resumeList: [
+        {
+          fileId: "string",
+          fileUrl: "string",
+          fileType: "FileType",
+          extension: "string",
+          fileName: "string",
+        },
+      ],
+    },
+    {
+      appliesId: "string",
+      applier: {
+        email: "jingeon27@gmail.com",
+        name: "string",
+      },
+      noticeId: "string",
+      status: "WAITING",
+      resumeList: [
+        {
+          fileId: "string",
+          fileUrl: "string",
+          fileType: "FileType",
+          extension: "string",
+          fileName: "string",
+        },
+      ],
+    },
+  ];
   return (
     <>
       {status === "loading" ? (
@@ -66,64 +206,80 @@ const StatusManageComponent = () => {
                 <Libox>
                   <Box>
                     <Category>
-                      <div>{user.student.name}</div>
-                      <div>{user.student.studentKey}</div>
-                      <div>{user.student.emil}</div>
-                    </Category>
-                    <Category>
-                      <div>채용인원</div>
-                      <div>{user.total}명</div>
+                      <div className="asdf">1404</div>
+                      <div className="asdf">{user.applier.name}</div>
+                      <div className="email">{user.applier.email}</div>
                     </Category>
-                    <ButtonProps>
-                      <div>자세히 보기</div>
-                      <div>지원자 리스트</div>
-                    </ButtonProps>
+                    <CateGory2>
+                      {user.status === "WAITING" ? (
+                        <>
+                          <div>대기중</div>
+                          <div>
+                            <img src={CheckImg} alt=""></img>
+                          </div>
+                          <div>
+                            <img src={CancelImg} alt=""></img>
+                          </div>
+                          <div
+                            onClick={() => {
+                              dispatch(
+                                userDataAction({
+                                  name: user.applier.name,
+                                  email: user.applier.email,
+                                  file: user.resumeList,
+                                  modal: true,
+                                })
+                              );
+                            }}
+                          >
+                            서류전형
+                          </div>
+                        </>
+                      ) : (
+                        <>
+                          {user.status === "APPROVE" ? (
+                            <>
+                              <div>승인됨</div>
+                            </>
+                          ) : (
+                            <>
+                              <div>거절됨</div>
+                            </>
+                          )}
+                          <div>
+                            <img src={CheckBlack} alt=""></img>
+                          </div>
+                          <div>
+                            <img src={CancelBlack} alt=""></img>
+                          </div>
+                          <div
+                            onClick={() => {
+                              dispatch(
+                                userDataAction({
+                                  name: user.applier.name,
+                                  email: user.applier.email,
+                                  file: user.resumeList,
+                                  modal: true,
+                                })
+                              );
+                            }}
+                          >
+                            서류전형
+                          </div>
+                        </>
+                      )}
+                    </CateGory2>
                   </Box>
                 </Libox>
               ))}
             </Ulbox>
-            <Ul top={100 * 5 + 50}>
-              <Li>
-                <Button onClick={() => setCount(0)}>First Page</Button>
-              </Li>
-              <Li>
-                <Text
-                  onClick={() => {
-                    if (count > 4) {
-                      setCount((parseInt(count / 5) - 1) * 5 + 4);
-                    }
-                  }}
-                >
-                  &lt;
-                </Text>
-              </Li>
-              {arr.map((item) => (
-                <Li id={item} onClick={() => Click(item - 1)}>
-                  <Text state={item === count + 1}>{item}</Text>
-                </Li>
-              ))}
-              <Li>
-                <Text
-                  onClick={() => {
-                    if (
-                      data.totalPage % 5 === 0
-                        ? data.totalPage / 5 + 1 !== parseInt(count / 5) + 1
-                        : parseInt(data.totalPage / 5) + 1 !==
-                          parseInt(count / 5) + 1
-                    ) {
-                      setCount((parseInt(count / 5) + 1) * 5);
-                    }
-                  }}
-                >
-                  &gt;
-                </Text>
-              </Li>
-              <Li>
-                <Button onClick={() => setCount(data.totalPage - 1)}>
-                  Last Page
-                </Button>
-              </Li>
-            </Ul>
+            {modal ? (
+              <>
+                <AppliModal />
+              </>
+            ) : (
+              <></>
+            )}
           </Table>
         </>
       )}
@@ -139,104 +295,92 @@ const Table = styled.div`
   background-color: ${(props) => props.theme.colors.mediumPurple};
   border-radius: 20px;
 `;
-const Li = styled.li`
-  margin-left: -40px;
-`;
-const Text = styled.div`
-  position: relative;
-  font: 700 normal 23px "Roboto";
-  color: ${(props) =>
-    props.state ? props.theme.colors.white : props.theme.colors.black};
-  width: 60px;
-  height: 60px;
-  padding-top: 15px;
-  text-align: center;
-  background-color: ${(props) =>
-    props.state ? props.theme.colors.blue : props.theme.colors.mediumPurple};
-  cursor: pointer;
-  border-radius: 100%;
-  :hover {
-    background-color: ${(props) => props.theme.colors.blue};
-    border-radius: 100%;
-    color: ${(props) => props.theme.colors.white};
-  }
-`;
-const Button = styled.div`
-  width: 160px;
-  height: 60px;
-  border-radius: 100px;
-  background-color: ${(props) => props.theme.colors.blue};
-  color: ${(props) => props.theme.colors.white};
-  text-align: center;
-  padding-top: 17px;
-  cursor: pointer;
-`;
-const Ul = styled.ul`
-  position: relative;
-  top: ${(props) => props.top}px;
-  width: 836px;
-  height: 60px;
-  list-style-type: none;
-  display: flex;
-  margin: 0 auto;
-  justify-content: space-between;
-`;
 const Ulbox = styled.ul`
   position: relative;
   list-style-type: none;
-  width: 1136px;
+  width: 1160px;
+  height: 620px;
   top: 20px;
   margin: 0 auto;
+  overflow-y: scroll;
+  scroll-padding-top: 20px;
+  scroll-snap-points-y: none;
+  &::-webkit-scrollbar {
+    width: 5px;
+  }
+  &::-webkit-scrollbar-track {
+    width: 18px;
+    border-radius: 20px;
+
+    background-color: ${(props) => props.theme.colors.mediumGray};
+  }
+
+  &::-webkit-scrollbar-thumb {
+    padding-top: 9px;
+    height: 28px;
+    border-radius: 20px;
+    background: ${(props) => props.theme.colors.blue};
+  }
+  overflow-x: hidden;
+  margin-top: -3.5px;
 `;
 const Libox = styled.li`
-  margin-top: 20px;
+  margin-bottom: 20px;
   margin-left: -40px;
 `;
 const Box = styled.div`
+  display: flex;
   width: 1136px;
   height: 80px;
-  padding: 25px 20px 0px 65px;
   background-color: ${(props) => props.theme.colors.mediumGray};
   border-radius: 20px;
+  padding-left: 40px;
+  padding-top: 0px;
+  font: 700 normal 24px "NanumGothic";
+  color: #4000ff;
+  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
 `;
 const Category = styled.div`
+  width: 634px;
+  height: 80px;
+  margin: 0;
   display: inline-flex;
-  align-items: center;
-  gap: 20px;
-  margin-right: 50px;
-  div {
-    width: 120px;
+  line-height: 80px;
+  gap: 45px;
+  .email {
+    color: #000000;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
-    font: 700 normal 24px "NanumGothic", sans-serif;
-    color: ${(props) => props.theme.colors.blue};
-    + div {
-      width: 130px;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      font: 400 normal 20px "NanumGothic", sans-serif;
-      color: ${(props) => props.theme.colors.black};
-    }
   }
 `;
-const ButtonProps = styled.div`
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  left: 750px;
-  top: -35px;
-  gap: 54px;
+const CateGory2 = styled.div`
+  width: 400px;
+  height: 80px;
+  line-height: 80px;
+  display: flex;
+  img {
+    width: 30px;
+    height: 30px;
+  }
   div {
-    border-radius: 100px;
-    text-align: center;
-    cursor: pointer;
-    background-color: ${(props) => props.theme.colors.blue};
-    width: 120px;
-    height: 40px;
-    font: 700 normal 14px "NanumGothic", sans-serif;
-    padding-top: 10px;
-    color: ${(props) => props.theme.colors.white};
+    :first-child {
+      margin-right: 100px;
+    }
+    :nth-child(2) {
+      cursor: pointer;
+      margin-right: 20px;
+    }
+    :nth-child(3) {
+      cursor: pointer;
+      margin-right: 33px;
+    }
+    :last-child {
+      font-weight: 500;
+      cursor: pointer;
+      :hover {
+        color: #808080;
+      }
+    }
   }
 `;
diff --git a/src/components/pages/teacherPage/manage/clockTime/index.jsx b/src/components/pages/teacherPage/manage/clockTime/index.jsx
index 1c6e5cc..8caca22 100644
--- a/src/components/pages/teacherPage/manage/clockTime/index.jsx
+++ b/src/components/pages/teacherPage/manage/clockTime/index.jsx
@@ -2,38 +2,49 @@ import * as s from "../style";
 import { workData } from "../../../../../export/data";
 import { useState, useEffect } from "react";
 const ClockWork = ({ data }) => {
-  const [work, setWork] = useState(workData);
-  useEffect(() => {
-    let state = workData;
-    state[0].workTime = data.untilCommuteStartTime;
-    state[1].workTime = data.untilCommuteEndTime;
-    state[2].workTime = data.workTimeForWeek;
-    setWork(state);
-  }, [
-    data.untilCommuteStartTime,
-    data.untilCommuteEndTime,
-    data.workTimeForWeek,
-  ]);
-
+  // "commuteStartTime": Int?,
+  // 		"commuteEndTime": Int?,
+  // 		"isFlexible": Boolean
   return (
     <>
-      {work.map((user) => (
+      {data.isFlexible ? (
         <>
-          <s.UlPropss>
+          <s.LiProps>
+            <s.TenWon>유연 근무제</s.TenWon>
+          </s.LiProps>
+        </>
+      ) : (
+        <>
+          <s.UlDirectProps>
+            <s.LiProps>
+              <s.TenWon>고정 출근시간</s.TenWon>
+            </s.LiProps>
             <s.LiProps>
-              <s.ClockTexts>{user.clock}</s.ClockTexts>
+              <s.TenWon width={51} left={20}>
+                시
+              </s.TenWon>
+            </s.LiProps>
+            <s.LiProps>
+              <s.TenWon width={51} left={20}>
+                시
+              </s.TenWon>
+            </s.LiProps>
+            <s.LiProps>
+              <s.TenWon width={51} left={20}>
+                ~
+              </s.TenWon>
             </s.LiProps>
             <s.LiProps>
-              <s.WonText>{user.workTime}</s.WonText>
+              <s.TenWon></s.TenWon>
             </s.LiProps>
             <s.LiProps>
-              <s.TenWon width={51} left={5}>
-                {user.si}
+              <s.TenWon width={51} left={20}>
+                시
               </s.TenWon>
             </s.LiProps>
-          </s.UlPropss>
+          </s.UlDirectProps>
         </>
-      ))}
+      )}
     </>
   );
 };
diff --git a/src/components/pages/teacherPage/manage/geunmu/index.jsx b/src/components/pages/teacherPage/manage/geunmu/index.jsx
index 4a2bfdb..4b82661 100644
--- a/src/components/pages/teacherPage/manage/geunmu/index.jsx
+++ b/src/components/pages/teacherPage/manage/geunmu/index.jsx
@@ -1,10 +1,10 @@
 import * as s from "../style";
-const GeunMu = ({ company, address }) => {
+const GeunMu = ({ address }) => {
   let ad;
-  if (!address.isSameWithCompanyAddress) {
+  if (!address.company.isSameWithCompanyAddress) {
     ad = address.otherPlace;
   } else {
-    ad = company;
+    ad = "회사 정보 근무지와 같습니다.";
   }
 
   return (
diff --git a/src/components/pages/teacherPage/manage/index.jsx b/src/components/pages/teacherPage/manage/index.jsx
index 875a641..ef31048 100644
--- a/src/components/pages/teacherPage/manage/index.jsx
+++ b/src/components/pages/teacherPage/manage/index.jsx
@@ -1,11 +1,7 @@
-import { useDispatch } from "react-redux";
-import { stateModalManage } from "../../../../redux/store/modal";
-import { useSelector } from "react-redux";
 import { TitleData, TeacherData } from "../../../../export/data";
 import Header from "../../../common/header";
 import { useState } from "react";
 import * as s from "./style";
-import ModalManage from "./modal";
 import { getNoticeItem, noticeRequest } from "../../../api/teacher";
 import { SubmitData } from "../../../../export/data";
 import BokLi from "./Bokli";
@@ -21,14 +17,7 @@ import NavProps from "../../../common/nav";
 const RequstManage = () => {
   const { noticeId } = useParams();
   const { status, data } = getNoticeItem(noticeId);
-  const modal = useSelector((state) => state.modal.state.modalmanage);
-  const count = useSelector((count) => count.count.count.manageCount);
   const [file] = useState([]);
-
-  const dispatch = useDispatch();
-  const ShowModal = () => {
-    dispatch(stateModalManage(true));
-  };
   return (
     <>
       {status === "loading" ? (
@@ -44,7 +33,6 @@ const RequstManage = () => {
           <NavProps props={TeacherData} idx={1} />
           <s.Table>
             <s.Title>채용직무</s.Title>
-            <s.Button onClick={() => ShowModal()}>선택</s.Button>
             <s.BoxPropsUl>
               <s.BoxPropsLi>
                 <s.UlSubTitle>
@@ -62,36 +50,25 @@ const RequstManage = () => {
                 <s.UlContent>
                   <s.LiContent width={212}>
                     {
-                      data.recruitmentBusinessResponse[count]
-                        .classificationResponse.bigClassification
+                      data.classificationResponse.bigClassification
                         .bigClassificationName
                     }
                   </s.LiContent>
                   <s.LiContent width={167}>
-                    {
-                      data.recruitmentBusinessResponse[count]
-                        .classificationResponse.name
-                    }
-                  </s.LiContent>
-                  <s.LiContent width={191}>
-                    {data.recruitmentBusinessResponse[count].numberOfEmployee}
+                    {data.classificationResponse.name}
                   </s.LiContent>
+                  <s.LiContent width={191}>{data.numberOfEmployee}</s.LiContent>
                   <s.LiContent width={566}>
-                    {
-                      data.recruitmentBusinessResponse[count]
-                        .detailBusinessDescription
-                    }
+                    {data.detailBusinessDescription}
                   </s.LiContent>
                 </s.UlContent>
                 <s.SubTitle>필요언어</s.SubTitle>
                 <s.EssentialUl>
-                  {data.recruitmentBusinessResponse[count].languageSet.map(
-                    (user) => (
-                      <s.EssentialLi>
-                        <s.ButtonProps>{user.languageName}</s.ButtonProps>
-                      </s.EssentialLi>
-                    )
-                  )}
+                  {data.languageList.map((user) => (
+                    <s.EssentialLi>
+                      <s.ButtonProps>{user.languageName}</s.ButtonProps>
+                    </s.EssentialLi>
+                  ))}
                 </s.EssentialUl>
                 <s.GradeUl>
                   <li>
@@ -101,31 +78,26 @@ const RequstManage = () => {
                     <s.GradesUl>
                       <s.AsdfProps>성적(커트라인)</s.AsdfProps>
                       <s.GradesLi>
-                        상위{" "}
-                        {data.recruitmentBusinessResponse[count].gradeCutLine}
+                        상위 {data.gradeCutLine}
                         %이내
                       </s.GradesLi>
                     </s.GradesUl>
                   </li>
                 </s.GradeUl>
                 <s.EssentialUl>
-                  {data.recruitmentBusinessResponse[count].technologySet.map(
-                    (user) => (
-                      <s.EssentialLi>
-                        <s.ButtonProps>{user.technologyName}</s.ButtonProps>
-                      </s.EssentialLi>
-                    )
-                  )}
+                  {data.technologyList.map((user) => (
+                    <s.EssentialLi>
+                      <s.ButtonProps>{user.technologyName}</s.ButtonProps>
+                    </s.EssentialLi>
+                  ))}
                 </s.EssentialUl>
                 <s.SubTitle>국가자격증</s.SubTitle>
                 <s.EssentialUl>
-                  {data.recruitmentBusinessResponse[count].certificateList.map(
-                    (user) => (
-                      <s.EssentialLi>
-                        <s.ButtonProps>{user.certificateName}</s.ButtonProps>
-                      </s.EssentialLi>
-                    )
-                  )}
+                  {data.certificateList.map((user) => (
+                    <s.EssentialLi>
+                      <s.ButtonProps>{user.certificateName}</s.ButtonProps>
+                    </s.EssentialLi>
+                  ))}
                 </s.EssentialUl>
               </s.BoxPropsLi>
             </s.BoxPropsUl>
@@ -187,7 +159,7 @@ const RequstManage = () => {
               </s.LiMoney>
             </s.UlMoney>
             <s.Ring top={60} />
-            <BokLi meal={data.mealSupport} />
+            <BokLi meal={data.mealSupport.mealSupportPay} />
             <BokliAfter wel={data.welfare} />
             <s.Ring top={50} />
             <s.Titlet>출•퇴근시간</s.Titlet>
@@ -232,7 +204,7 @@ const RequstManage = () => {
             <s.Ring top={50} />
             <s.Titlet>참고서류</s.Titlet>
             <s.UlSubmitted>
-              {data.formAttachmentList.map((item) => (
+              {data.attachmentFileList.map((item) => (
                 <>
                   <s.EssentialLi>
                     <s.ButtonProps>
@@ -267,21 +239,8 @@ const RequstManage = () => {
             <s.TextGeun>{data.otherFeatures}</s.TextGeun>
             <s.Ring top={50} />
             <s.Titlet>근무지</s.Titlet>
-            <GeunMu
-              company={data.company.companyInformation.homeAddress.fullAddress}
-              address={data.workPlace}
-            />
+            <GeunMu address={data.workPlace} />
             <s.Ring top={50} />
-            {/* <s.Titlet>개별등록</s.Titlet>
-            <s.UlDirectProps>
-              <s.LiProps></s.LiProps>
-              <s.LiProps>
-                <s.WonText>
-                  {<>개인컨택 등록</>: <>개인컨택 미등록</>}
-                </s.WonText>
-              </s.LiProps>
-            </s.UlDirectProps>
-            <s.Ring top={50} /> */}
             <s.UlPross>
               {SubmitData.map((item) => (
                 <s.LiProps>
@@ -304,11 +263,6 @@ const RequstManage = () => {
             </s.UlPross>
           </s.Table>
           <s.TableTwo></s.TableTwo>
-          {modal ? (
-            <ModalManage Data={data.recruitmentBusinessResponse} />
-          ) : (
-            <></>
-          )}
         </>
       )}
     </>
diff --git a/src/export/data.js b/src/export/data.js
index adf9f59..a4fcd4e 100644
--- a/src/export/data.js
+++ b/src/export/data.js
@@ -61,13 +61,7 @@ export const interviewData = [
 ];
 export const SubmitData = [
   {
-    text: "모집의뢰 승인",
-    path: "/notice/approve",
-    method: "put",
-    message: "승인되었습니다.",
-  },
-  {
-    text: "모집의뢰 거부",
+    text: "모집의뢰 종료",
     path: "/notice/approve",
     method: "delete",
     message: "거부되었습니다.",
@@ -78,12 +72,6 @@ export const SubmitData = [
     method: "delete",
     message: "삭제되었습니다.",
   },
-  {
-    text: "모집의뢰 출력",
-    path: "/notice/out",
-    method: "post",
-    message: "출력페이지로 이동합니다.",
-  },
 ];
 export const TeacherData = [
   {
diff --git a/src/images/Polygon 11.svg b/src/images/Polygon 11.svg
new file mode 100644
index 0000000..3744eff
--- /dev/null
+++ b/src/images/Polygon 11.svg	
@@ -0,0 +1,3 @@
+<svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9 15L0.339746 -1.63133e-06L17.6603 -1.17124e-07L9 15Z" fill="#4000FF"/>
+</svg>
diff --git a/src/images/checked (1).png b/src/images/checked (1).png
index f23d3ebb110b51b0590728ec702333ae732d6a54..c00865438fb4eaf6eaf33cdaf1d77399ffd214d6 100644
GIT binary patch
delta 653
zcmV;80&@M*53~g#iBL{Q4GJ0x0000DNk~Le0000U0000U2nGNE06Q?QqLCpqe*#HK
zL_t(|0kxOAOB_)Y#=n(>v`MNw44EpBCPj)gA!HM*v{ymJRVzFHgBfh>bP++V6gwOJ
z3w(eI3Zf|D1C<r6Y<wV!sG#TU9CywRGqcy>?gzi(&N=sdJG1u*nCUH%C5DI%;*xkI
z3dCzvL2T#}=VBD*TykElR|&Bue`1(;C+!DfiC87Jh!bLsxPT?q5CbTGD-S8(EF`Y+
zCn}I3CY0$c@dbADf!LP1E#Y9VGWB3jY`UXrXLT@FCDV_@uBzRogZw!Q5}1TNeF~X&
zh7()~91{-gh)wsDX-7EW4RIvFJnZN*v93(pqmt@Xf&=@e9dU^xk}ww&f6u^NwWg-5
zWl8Fbhz$}q#DAEX?km$=r4HAU*ccI;lh_sUGoc30iUUK_(h3+ksYMQgX?8|@GcavM
zyd2_AYL+_GB_uza7f?O`wJ8^DL9(*SueiI!4tddc1Y0AUe<j`%hw|(e2LCDi9gp+*
z@5QDx`YUw$rObDgsnI|ZfAvZJ3O9zNF>lbZ4gS9Tn8K8`Abm!;k(I_h%=X-#l%|gA
z$BS0c?D-RVhD92Pzj&GQ;&G%OdI(M%wl;n(2mVosJzO2&w?31=4D4$f!HlR42b)oy
zgMf<)yA&(0l3ds|?M+JL6Xv)|o<h2<lE=x6sxt<IT`q(2Lmv-{V*$e-5Oo3IuUHdh
z5~rLLanv(j02bk2V@}~;2zapkfWLeFMsP`B^KPU(!*Nj$!O_SBn-_qhc(viBjt>sk
n%7`y;yx#ND`wz+2qLQ8fme1H#Orw(V00000NkvXXu0mjfh6*Mm

delta 1974
zcmV;n2TAy}1=0^8iBL{Q4GJ0x0000DNk~Le0000c0000c2nGNE0H{6bu8|=$e+Oqt
zL_t(|0mWEbXk1kk-FF^&O&(2}N7JTlszq(9pyo#`LKMG5@I$Mp2%;2gMXewHiADvr
zMYKpkEIvTLO2JkT^h0X&r=SKEOsFEJYSoXXO_Sy|lbJiNb?-VeCzELswbBENd*|MJ
z_F4OJ_TFdA{@rK=`hf$$_rL^De*{K>v|WO+3V03}7m-Tvd26v)3<&!VBejx`u!sdg
za1U<ZwAfl4dEhwkEijx+CQlU#g`vK_zA1bgi0J=162N{dTjd<^60lw*R|9P=EiJrn
z0_rSQcqJC&oSW<)jzFZ|_egySTm!TNUBKG<`ucUauFGUHUCqtSZMe^Df8DyZW?*0-
zK}#<&)&L`tdw=E2#1f=9o(CS#{a)ZM;0(ynDz$ZWbtx>Kq@3yL>BQvZB<BSqBO^;%
z3rdjG=fD;{`b%7voaZd{khCc#5{Z2c4GrBEyKf@_QX6pX0cf!`O-)U-Vhhk<@y@Ka
z5Pz=)PFUFsj{r3myFalUf3aTRq$VDfyZEdZgh;GMT6Y4gS7Efbw==%#xyX(kJCasi
zd&>FIBemP&xNKNvo&}5zi(SZxzX3PMO1-jDw`ZNkuCA_(#Q|R{ts~b~Nf#vblSk??
zpo4LV(M%cr{r%Omgh*vPYaMi?U^Tjp0l%uFqoYw|($X>_<7rz-e~KaST?Hw+bX{X(
zW2cm?mz;%jxr4OG9iD*gu+k=6dmy006Ofh?O9rcUWhJR6ERM|$vLfX+ZQi`Owkk1c
z%piP60*))5D4?^owY5abR<MIKHdK;=<=qBauQ+8cYd~Ulau<w1Y`O5)5^})BlqT~X
zYvT-X%Tgsrmg3x>e{Hd)oU)V~<vkf>v9fXt88ddKt-ND;6zGkbJg9f)f$QzUR@=A?
zsWl#{POIX=M8!Qn;MO(NzB9NKki!bR>YJUwuOj*xa7Bf{K#Ly(F4wb1;l2+gn<VFf
z95ztS;ut$6C2SF~;o;$+r>7_36GcG|5b*hli3vw4(cRtse@9JC&21K^5xVzNfSbd0
z6YE9lG7;DXQXkLG&N@;gljZgF>C^N2o}TK3*P^On6<RWXWZ*Uy<Z}|T$JIWI<BOJL
z+e6phXyqR4q{#94FM2j-aZ0Fk-)dQ#sfM9(pT3_~4lBi3!piN5WBjLnUxn_a2rCs~
zO+#i+N&#v}e|NHOPHN##fUiW*;Qps^`N(r$-m?}h6>6<(wbsbs;2`BDWx3dO*s1{*
z4$hxvOh-Ky$JKCS5wTXp?hMDq#we_an(1~hOUpAB$KREX6vmTb7#_hKpA-pYk*ntQ
zy(x6IYt9c+I?1pyZ}4HGcHo^7IL|x=0a5*v`B%v$e;Yg(J!|FNx5sy%3cqt-jTB0<
zEy8uHH}76kKGQeBf`q03J|P#S=H}*hxmVJh8fUTKyq+aN{sUYemhhuel9ru^wM)T{
zszOVJxEk6buDe^Ze+Ry>a(tD#-^$?U7JgkX&(+q}Ucs!aaz#zK8QN$KS`_cO12+@8
zkCLZ0e@@9#O1jZn*x6e|h!6L%d(qk%afxFLi}HgIF&66McP-v^E!k}Lt)ZczVB5BB
zk<~ylvO+4A$|A^fc%OGx#bzmha1`hu$?u2)NV#B-$mMdmSLAZ$up>w(MXVihu!^$+
zC$We&t9~&?c3C+FUXa!<@VSFBvdS7Q(xdw}f3-qUnQ`s4t~A7pp4_Lj7Gsg|TW5aK
zuP8~Z_O8&r?FnIzmf*ME_YBr%9Yoq#=#gF;tQ_cm8|3$SMTN^ot<|Zu)0H(ivV?XZ
z7g@^!t|ETO6LtjHBx25Tv~)cQsdY)~owF2WQ_e9@&LPR}wYV>9<$NXCGBMB0)U?T2
zf6cYgz^k561}%?sn>^R1tlYhpN{cKxU<(h(2d$iLoVA*?cJ-z}JI`6ITUK-A9=Etg
z`X_H5=Xl2CVfbd?R^UP4HH$lud0TiM-Kl<T6Xf=qS}J+!f@e{uX<EU%T89w7wZ0B`
z+2WE^Tp>tkFVl{dlW#BJr-(&OqW_~<e~f(^VnVd#nG!5ctRXuDkQ+lfcmu!tfV+YB
zfNv~r9^GJa9=6zJw_DsA?MGUfb5?<zd2}v0qzGCx4^J^ogq2pRW;qg0;q+2__Uu{u
zzJ`ZeK1VeOA-I5?6|z^GnwkocHbNGBCjd2;EmIQjqPW9c&ZEp|E|kn+2j|Aef5#)m
zVUL18pCf5Y3<xM`fovV%w{a29!+ioJCz;RZQ?N!7Na1H1WaySOl4#nIqC)sCO1_vE
zl_(I+Viy)hM@JWtGQ04}mmjjWxprj^#Ab2LLLh|}upo(-5-xt%psR>TnNHRGMwX4L
z#mvmiEaI0gorC-GXmzTRT8fw>e-}D(IBZ7(9jLM1MKMShdvmB1i+C28BO$a^kz&|^
zQ9(a^_;6TU=3keUj40;Ru5fEJOY=DA{)TGzq21Q1BVVJ}I=O@KMIF(mP_9ce%WFZF
zpp3|7ga#=PRRYbq=!B}0^s;`b<<_A!<vsU%tV=#F3X#77%bKS23+hOd3;+NC07*qo
IM6N<$f<$GyH~;_u

diff --git a/src/images/index.js b/src/images/index.js
index efe4819..469159c 100644
--- a/src/images/index.js
+++ b/src/images/index.js
@@ -4,3 +4,9 @@ export { default as FailImg } from "./failed.png";
 export { default as WaitImg } from "./wait.png";
 export { default as DownLoadImg } from "./Vector.svg";
 export { default as ArrowBack } from "./Arrow back.svg";
+export { default as CheckImg } from "./checked1.png";
+export { default as CheckBlack } from "./checked (1).png";
+export { default as CancelImg } from "./checked3.png";
+export { default as CancelBlack } from "./failedblack.png";
+export { default as FileDownImg } from "./file 2.png";
+export { default as TriAngle } from "./Polygon 11.svg";
diff --git a/src/redux/index.js b/src/redux/index.js
index 983a99c..a27136d 100644
--- a/src/redux/index.js
+++ b/src/redux/index.js
@@ -2,10 +2,12 @@ import { configureStore } from "@reduxjs/toolkit";
 import modal from "./store/modal";
 import selectValue from "./store/selectValue";
 import count from "./store/count";
+import userData from "./store/userData";
 export const store = configureStore({
   reducer: {
     modal: modal,
     selectValue: selectValue,
     count: count,
+    userData: userData,
   },
 });
diff --git a/src/redux/store/selectValue.js b/src/redux/store/selectValue.js
index d00bb82..1141034 100644
--- a/src/redux/store/selectValue.js
+++ b/src/redux/store/selectValue.js
@@ -1,17 +1,13 @@
 import { createSlice } from "@reduxjs/toolkit";
 const initialState = {
-  recruitmentRequest: [
-    {
-      bigClassification: "",
-      smallClassification: "",
-      numberOfEmployee: 0,
-      detailBusinessDescription: "",
-      gradeCutLine: 0,
-      needCertificateList: [],
-      languageList: [],
-      technologyList: [],
-    },
-  ],
+  bigClassification: "",
+  smallClassification: "",
+  numberOfEmployee: 0,
+  detailBusinessDescription: "",
+  gradeCutLine: 0,
+  needCertificateList: [],
+  languageList: [],
+  technologyList: [],
 };
 const selectValue = createSlice({
   name: "stack",
diff --git a/src/redux/store/userData.js b/src/redux/store/userData.js
new file mode 100644
index 0000000..03735dc
--- /dev/null
+++ b/src/redux/store/userData.js
@@ -0,0 +1,23 @@
+import { createSlice } from "@reduxjs/toolkit";
+
+const userData = createSlice({
+  name: "userData",
+  initialState: {
+    data: {
+      name: "",
+      email: "",
+      file: [],
+      modal: false,
+    },
+  },
+  reducers: {
+    userDataAction: (state, action) => {
+      state.data = action.payload;
+    },
+    userModal: (state, action) => {
+      state.data.modal = false;
+    },
+  },
+});
+export const { userDataAction, userModal } = userData.actions;
+export default userData.reducer;