diff --git a/public/index.html b/public/index.html
index 7f00c66..b1504d0 100644
--- a/public/index.html
+++ b/public/index.html
@@ -20,7 +20,6 @@
       href="https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&family=Roboto:wght@400;700;900&display=swap"
       rel="stylesheet"
     />
-
     <!--
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.
diff --git a/src/components/api/company/requesrResistration/index.js b/src/components/api/company/requesrResistration/index.js
index 2b5ee3a..ec9f767 100644
--- a/src/components/api/company/requesrResistration/index.js
+++ b/src/components/api/company/requesrResistration/index.js
@@ -2,7 +2,7 @@ import { useQuery } from "@tanstack/react-query";
 import axios from "axios";
 import { BaseUrl } from "../../../../export/base";
 const token =
-  "eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiIxNiIsInR5cGUiOiJhY2Nlc3MiLCJpYXQiOjE2NjgyMTYzODMsImV4cCI6MTY2ODMwMjc4M30.VaaCr7wVhxcbG0Mkq9m671P2JuCqpR1GcrFYT9kXrek";
+  "eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiIxNiIsInR5cGUiOiJhY2Nlc3MiLCJpYXQiOjE2NjgzMTI4MTksImV4cCI6MTY2ODM5OTIxOX0.Xa8JlV2OyvwTvjV35kKCZrmfWI7mxN89UifM4UX_GYM";
 export const getListProps = () => {
   // eslint-disable-next-line react-hooks/rules-of-hooks
   return useQuery(["datas"], async () => {
@@ -126,6 +126,7 @@ export const getMyList = () => {
             day: data[i].data.notice.company.lastNoticeDate,
             id: data[i].data.notice.recruitmentBusinessResponse[0]
               .recruitmentBusinessId,
+            noticeId: data[i].data.notice.noticeId,
           });
         }
         const ad = arr.map((item) =>
diff --git a/src/components/api/teacher/index.js b/src/components/api/teacher/index.js
index 3d208e4..59ae9c8 100644
--- a/src/components/api/teacher/index.js
+++ b/src/components/api/teacher/index.js
@@ -2,14 +2,14 @@ import { useQuery } from "@tanstack/react-query";
 import axios from "axios";
 import { BaseUrl } from "../../../export/base";
 const token =
-  "eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiIyNSIsInR5cGUiOiJhY2Nlc3MiLCJpYXQiOjE2NjgyMTc4OTAsImV4cCI6MTY2ODMwNDI5MH0.MKJc3OQID5--XKcbxn045jrArILC5Sop_e5UQXV7Fcc";
+  "eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiIyNSIsInR5cGUiOiJhY2Nlc3MiLCJpYXQiOjE2NjgzODEzNzUsImV4cCI6MTY2ODQ2Nzc3NX0.5BpCYYQQ_slpXRWtm3wdSjW-_VrKOnKK1KJ4R-MdY58";
 export const getBoardList = () => {
   // eslint-disable-next-line react-hooks/rules-of-hooks
   return useQuery(["getBoardList"], async () => {
     const { data } = await axios({
       method: "get",
       url: BaseUrl + "/notice",
-      params: { id: 656574354 },
+      params: { id: 134953727 },
       headers: {
         Authorization: `Bearer ${token}`,
       },
@@ -29,3 +29,89 @@ export const noticeRequest = async (method, path, query) => {
   });
   console.log(data);
 };
+export const postNoticeRequest = async (idx, path) => {
+  let res;
+  await axios({
+    method: "get",
+    url: BaseUrl + path,
+    params: {
+      idx: idx,
+      size: 7,
+    },
+    headers: {
+      Authorization: `Bearer ${token}`,
+    },
+  }).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 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;
+      }
+      count.push({
+        total: temp,
+        name: data.content[i].company.companyName,
+        id: data.content[i].noticeId,
+      });
+    }
+    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,
+      ad,
+      last: data.last,
+      first: data.first,
+      totalPage: data.totalPages,
+    };
+  });
+  return res;
+};
+export const postNotice = (idx, path) => {
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  return useQuery(
+    ["pagin", idx, path],
+    async () => postNoticeRequest(idx, path),
+    {
+      keepPreviousData: true,
+    }
+  );
+};
diff --git a/src/components/common/Address/daumpost/index.js b/src/components/common/Address/daumpost/index.js
deleted file mode 100644
index ed6abd3..0000000
--- a/src/components/common/Address/daumpost/index.js
+++ /dev/null
@@ -1,94 +0,0 @@
-import React, { Component, createRef } from "react";
-import loadPostcode, { postcodeScriptUrl } from "../load";
-
-const defaultErrorMessage = (
-  <p>
-    현재 Daum 우편번호 서비스를 이용할 수 없습니다. 잠시 후 다시 시도해주세요.
-  </p>
-);
-
-const defaultStyle = {
-  width: "100%",
-  height: 400,
-};
-
-const defaultProps = {
-  scriptUrl: postcodeScriptUrl,
-  errorMessage: defaultErrorMessage,
-  autoClose: true,
-};
-
-class DaumPostcodeEmbed extends Component {
-  static defaultProps = defaultProps;
-
-  wrap = createRef();
-
-  state = {
-    hasError: false,
-  };
-
-  componentDidMount() {
-    const { initiate, onError } = this;
-    const { scriptUrl } = this.props;
-
-    if (!scriptUrl) return;
-    loadPostcode(scriptUrl).then(initiate).catch(onError);
-  }
-
-  initiate = (Postcode) => {
-    if (!this.wrap.current) return;
-    const {
-      scriptUrl,
-      className,
-      style,
-      defaultQuery,
-      autoClose,
-      errorMessage,
-      onComplete,
-      onClose,
-      onResize,
-      onSearch,
-      ...options
-    } = this.props;
-
-    const postcode = new Postcode({
-      ...options,
-      oncomplete: (address) => {
-        if (onComplete) onComplete(address);
-        if (autoClose && this.wrap.current) this.wrap.current.remove();
-      },
-      onsearch: onSearch,
-      onresize: onResize,
-      onclose: onClose,
-      width: "100%",
-      height: "100%",
-    });
-
-    postcode.embed(this.wrap.current, {
-      q: defaultQuery,
-      autoClose: autoClose,
-    });
-  };
-
-  onError = (e) => {
-    console.error(e);
-    this.setState({ hasError: true });
-  };
-
-  render() {
-    const { className, style, errorMessage } = this.props;
-    const { hasError } = this.state;
-
-    return (
-      <div
-        ref={this.wrap}
-        className={className}
-        style={{ ...defaultStyle, ...style }}
-      >
-        {hasError && errorMessage}
-      </div>
-    );
-  }
-}
-
-export default DaumPostcodeEmbed;
diff --git a/src/components/common/Address/index.jsx b/src/components/common/Address/index.jsx
deleted file mode 100644
index 469e98f..0000000
--- a/src/components/common/Address/index.jsx
+++ /dev/null
@@ -1,55 +0,0 @@
-import { useCallback, useEffect } from "react";
-
-import loadPostcode, { postcodeScriptUrl } from "./load";
-
-function useDaumPostcodePopup(scriptUrl = postcodeScriptUrl) {
-  useEffect(() => {
-    loadPostcode(scriptUrl);
-  }, [scriptUrl]);
-
-  const open = useCallback(
-    (options) => {
-      const {
-        defaultQuery,
-        left,
-        top,
-        popupKey,
-        popupTitle,
-        autoClose,
-        onComplete,
-        onResize,
-        onClose,
-        onSearch,
-        onError,
-        ...others
-      } = {
-        ...options,
-      };
-
-      return loadPostcode(scriptUrl)
-        .then((Postcode) => {
-          const postcode = new Postcode({
-            ...others,
-            oncomplete: onComplete,
-            onsearch: onSearch,
-            onresize: onResize,
-            onclose: onClose,
-          });
-          postcode.open({
-            q: defaultQuery,
-            left,
-            top,
-            popupTitle,
-            popupKey,
-            autoClose,
-          });
-        })
-        .catch(onError);
-    },
-    [scriptUrl]
-  );
-
-  return open;
-}
-
-export default useDaumPostcodePopup;
diff --git a/src/components/common/Address/load/index.js b/src/components/common/Address/load/index.js
deleted file mode 100644
index 5b3dc16..0000000
--- a/src/components/common/Address/load/index.js
+++ /dev/null
@@ -1,64 +0,0 @@
-// export const postcodeScriptUrl =
-//   "https://t1.daumcdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js";
-
-// const loadPostcode = (() => {
-//   const scriptId = "daum_postcode_script";
-//   let promise = null;
-
-//   return function (url = postcodeScriptUrl) {
-//     if (promise) return promise;
-
-//     promise = async () => {
-//       const script = document.createElement("script");
-//       script.src = url;
-//       script.onload = async () => {
-//         if (window.daum.Postcode) {
-//           return await window.daum.Postcode;
-//         }
-//         new Error(
-//           "Script is loaded successfully, but cannot find Postcode module. Check your scriptURL property."
-//         );
-//       };
-//       script.onerror = (error) => error;
-//       script.id = scriptId;
-//       document.body.appendChild(script);
-//     };
-
-//     return promise;
-//   };
-// })();
-
-// export default loadPostcode;
-export const postcodeScriptUrl =
-  "https://t1.daumcdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js";
-
-const loadPostcode = (function () {
-  const scriptId = "daum_postcode_script";
-  let promise = null;
-
-  return function (url = postcodeScriptUrl) {
-    if (promise) return promise;
-
-    promise = new Promise((resolve, reject) => {
-      const script = document.createElement("script");
-      script.src = url;
-      script.onload = () => {
-        if (window.daum.Postcode) {
-          return resolve(window.daum.Postcode);
-        }
-        reject(
-          new Error(
-            "Script is loaded successfully, but cannot find Postcode module. Check your scriptURL property."
-          )
-        );
-      };
-      script.onerror = (error) => reject(error);
-      script.id = scriptId;
-      document.body.appendChild(script);
-    });
-
-    return promise;
-  };
-})();
-
-export default loadPostcode;
diff --git a/src/components/common/Addresshook/index.jsx b/src/components/common/Addresshook/index.jsx
deleted file mode 100644
index 89eab75..0000000
--- a/src/components/common/Addresshook/index.jsx
+++ /dev/null
@@ -1,27 +0,0 @@
-// import React from "react";
-// import DaumPostcodeEmbed from "./Address/daumpost";
-// import useDaumPostcodePopup from "./Address";
-// const Postcode = () => {
-//     const open = useDaumPostcodePopup(scrip)
-//   const handleComplete = (data) => {
-//     let fullAddress = data.address;
-//     let extraAddress = "";
-
-//     if (data.addressType === "R") {
-//       if (data.bname !== "") {
-//         extraAddress += data.bname;
-//       }
-//       if (data.buildingName !== "") {
-//         extraAddress +=
-//           extraAddress !== "" ? `, ${data.buildingName}` : data.buildingName;
-//       }
-//       fullAddress += extraAddress !== "" ? ` (${extraAddress})` : "";
-//     }
-
-//     console.log(fullAddress); // e.g. '서울 성동구 왕십리로2길 20 (성수동1가)'
-//   };
-
-//   // eslint-disable-next-line no-undef
-//   return <DaumPostcodeEmbed onComplete={handleComplete} {...props} />;
-// };
-// export default Postcode;
diff --git a/src/components/common/Addresshook/popup.jsx b/src/components/common/Addresshook/popup.jsx
deleted file mode 100644
index 8e6166c..0000000
--- a/src/components/common/Addresshook/popup.jsx
+++ /dev/null
@@ -1,34 +0,0 @@
-// import React from "react";
-// import { useDaumPostcodePopup } from "react-daum-postcode";
-
-// const Postcode = () => {
-//   const open = useDaumPostcodePopup(scriptUrl);
-
-//   const handleComplete = (data) => {
-//     let fullAddress = data.address;
-//     let extraAddress = "";
-
-//     if (data.addressType === "R") {
-//       if (data.bname !== "") {
-//         extraAddress += data.bname;
-//       }
-//       if (data.buildingName !== "") {
-//         extraAddress +=
-//           extraAddress !== "" ? `, ${data.buildingName}` : data.buildingName;
-//       }
-//       fullAddress += extraAddress !== "" ? ` (${extraAddress})` : "";
-//     }
-
-//     console.log(fullAddress); // e.g. '서울 성동구 왕십리로2길 20 (성수동1가)'
-//   };
-
-//   const handleClick = () => {
-//     open({ onComplete: handleComplete });
-//   };
-
-//   return (
-//     <button type="button" onClick={handleClick}>
-//       Open
-//     </button>
-//   );
-// };
diff --git a/src/components/common/addresshook/index.js b/src/components/common/addresshook/index.js
new file mode 100644
index 0000000..ea6d55e
--- /dev/null
+++ b/src/components/common/addresshook/index.js
@@ -0,0 +1,68 @@
+export const open = (options) => {
+  const {
+    defaultQuery,
+    left,
+    top,
+    popupKey,
+    popupTitle,
+    autoClose,
+    onComplete,
+    onResize,
+    onClose,
+    onSearch,
+    onError,
+    ...others
+  } = {
+    ...options,
+  };
+  const postcodeScriptUrl =
+    "https://t1.daumcdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js";
+
+  const loadPostcode = (function () {
+    const scriptId = "daum_postcode_script";
+    let promise = null;
+
+    return function (url = postcodeScriptUrl) {
+      if (promise) return promise;
+
+      promise = new Promise((resolve, reject) => {
+        const script = document.createElement("script");
+        script.src = url;
+        script.onload = () => {
+          if (window.daum.Postcode) {
+            return resolve(window.daum.Postcode);
+          }
+          reject(
+            new Error(
+              "Script is loaded successfully, but cannot find Postcode module. Check your scriptURL property."
+            )
+          );
+        };
+        script.onerror = (error) => reject(error);
+        script.id = scriptId;
+        document.body.appendChild(script);
+      });
+
+      return promise;
+    };
+  })();
+  return loadPostcode()
+    .then((Postcode) => {
+      const postcode = new Postcode({
+        ...others,
+        oncomplete: onComplete,
+        onsearch: onSearch,
+        onresize: onResize,
+        onclose: onClose,
+      });
+      postcode.open({
+        q: defaultQuery,
+        left,
+        top,
+        popupTitle,
+        popupKey,
+        autoClose,
+      });
+    })
+    .catch(onError);
+};
diff --git a/src/components/pages/companyPage/recruitmentList/list/index.jsx b/src/components/pages/companyPage/recruitmentList/list/index.jsx
index 763eed9..ccd425f 100644
--- a/src/components/pages/companyPage/recruitmentList/list/index.jsx
+++ b/src/components/pages/companyPage/recruitmentList/list/index.jsx
@@ -15,11 +15,11 @@ const ResistrationList = ({ data }) => {
                   <Number>{data.count[i].id}</Number>
                   <Category>
                     <div>대분류</div>
-                    <Main>{user}</Main>
+                    <Main>{data.ad[i]}</Main>
                   </Category>
                   <Category>
                     <div>소분류</div>
-                    <Sub>{data.ad[i]}</Sub>
+                    <Sub>{user}</Sub>
                   </Category>
                   <Category>
                     <div>채용인원</div>
diff --git a/src/components/pages/companyPage/requestResistration/index.jsx b/src/components/pages/companyPage/requestResistration/index.jsx
index bae584e..994f983 100644
--- a/src/components/pages/companyPage/requestResistration/index.jsx
+++ b/src/components/pages/companyPage/requestResistration/index.jsx
@@ -16,6 +16,7 @@ import SelectComplete from "../../../common/select";
 import { value } from "../../../../redux/store/selectValue";
 import * as s from "./style";
 import { postNotice } from "../../../api/company/requesrResistration";
+import { open } from "../../../common/addresshook";
 const RequstResistration = () => {
   const modal = useSelector((state) => state.modal.state.modalrequest);
   const Data = useSelector((stack) => stack.selectValue.recruitmentRequest);
@@ -34,10 +35,26 @@ const RequstResistration = () => {
   const WorkRef = useRef([]);
   const WelfareRef = useRef();
   const dispatch = useDispatch();
-  console.log({ Data });
+  const handleComplete = (data) => {
+    let fullAddress = data.address;
+    let extraAddress = "";
+
+    if (data.addressType === "R") {
+      if (data.bname !== "") {
+        extraAddress += data.bname;
+      }
+      if (data.buildingName !== "") {
+        extraAddress +=
+          extraAddress !== "" ? `, ${data.buildingName}` : data.buildingName;
+      }
+      fullAddress += extraAddress !== "" ? ` (${extraAddress})` : "";
+    }
+
+    setLocate({ set: locate.set, text: fullAddress });
+    document.body.removeChild(document.getElementById("daum_postcode_script"));
+  };
+
   const AddWelfare = () => {
-    console.log(WelfareRef.current.value);
-    console.log(list);
     if (
       list.indexOf(WelfareRef.current.value) === -1 &&
       WelfareRef.current.value !== ""
@@ -553,14 +570,25 @@ const RequstResistration = () => {
               type="radio"
               name={1}
               left={60}
-              onChange={() => setLocate({ set: 2, text: locate.text })}
+              onChange={() => {
+                setLocate({ set: 2, text: locate.text });
+              }}
             ></s.CheckInput>
           </s.LiProps>
           <s.LiProps>
             <s.DirectInput
               type="text"
               placeholder="직접 입력"
-              onChange={(e) => setLocate({ set: 2, text: e.target.value })}
+              value={locate.text}
+              onClick={() =>
+                open({
+                  onComplete: handleComplete,
+                  width: 700,
+                  height: 700,
+                  left: 200,
+                  animation: true,
+                })
+              }
             />
           </s.LiProps>
         </s.UlDirectProps>
diff --git a/src/components/pages/teacherPage/list/find/index.jsx b/src/components/pages/teacherPage/list/find/index.jsx
deleted file mode 100644
index e69de29..0000000
diff --git a/src/components/pages/teacherPage/list/index.jsx b/src/components/pages/teacherPage/list/index.jsx
index 345ef73..cf4295b 100644
--- a/src/components/pages/teacherPage/list/index.jsx
+++ b/src/components/pages/teacherPage/list/index.jsx
@@ -2,7 +2,8 @@ import Wait from "./wait";
 const TeacherList = () => {
   return (
     <>
-      <Wait />
+      <Wait path="/notice/waiting-notice/list" />
+      <Wait path="/notice/list" />
     </>
   );
 };
diff --git a/src/components/pages/teacherPage/list/wait/index.jsx b/src/components/pages/teacherPage/list/wait/index.jsx
index 64ce32e..4f84449 100644
--- a/src/components/pages/teacherPage/list/wait/index.jsx
+++ b/src/components/pages/teacherPage/list/wait/index.jsx
@@ -1,15 +1,234 @@
+/* eslint-disable react/jsx-no-undef */
 import styled from "styled-components";
 import { Notice } from "../../../../common/notice";
-const Wait = () => {
+import { useState } from "react";
+import { useQueryClient } from "@tanstack/react-query";
+import { useEffect } from "react";
+import { useCallback } from "react";
+import { postNotice, postNoticeRequest } from "../../../../api/teacher";
+import LoadingPage from "../../../../common/loading";
+import ErrorPage from "../../../../common/error";
+const Wait = ({ path }) => {
+  const [count, setCount] = useState(0);
+  const [arr, setArr] = useState([]);
+  const queryClient = useQueryClient();
+  const { status, data } = postNotice(count, path);
+
+  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 + 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]);
+      }
+    }
+  }, [count, data?.totalPage]);
+  useEffect(() => {
+    if (data?.last && data.totalPage > count) {
+      queryClient.prefetchQuery(["pagin", count + 1, path], () =>
+        postNoticeRequest(count + 1, path)
+      );
+    }
+  }, [data, count, queryClient, path]);
+  const Click = useCallback((e) => {
+    setCount(e);
+  }, []);
   return (
     <>
-      <button
-        onClick={() => Notice({ state: "success", message: "안녕하세요" })}
-      >
-        클릭
-      </button>
+      {status === "loading" ? (
+        <LoadingPage />
+      ) : status === "error" ? (
+        <ErrorPage />
+      ) : (
+        <>
+          <Table>
+            <Ulbox>
+              {data.count.map((user, i) => (
+                <Libox>
+                  <Box>
+                    <Category>
+                      <div>{user.name}</div>
+                      <div>{data.ad[i]}</div>
+                      <div>{data.as[i]}</div>
+                    </Category>
+                    <Category>
+                      <div>채용인원</div>
+                      <div>{user.total}명</div>
+                    </Category>
+                    <ButtonProps>
+                      <div>자세히 보기</div>
+                      <div>지원자 리스트</div>
+                    </ButtonProps>
+                  </Box>
+                </Libox>
+              ))}
+            </Ulbox>
+            <Ul top={100 * (7 - data.count.length) + 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>
+          </Table>
+        </>
+      )}
     </>
   );
 };
 export default Wait;
-const Table = styled.div``;
+const Table = styled.div`
+  margin: 200px auto;
+  width: 1190px;
+  height: 813px;
+  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.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%;
+  }
+`;
+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;
+  top: 20px;
+  margin: 0 auto;
+`;
+const Libox = styled.li`
+  margin-top: 20px;
+  margin-left: -40px;
+`;
+const Box = styled.div`
+  width: 1136px;
+  height: 80px;
+  padding: 25px 20px 0px 65px;
+  background-color: ${(props) => props.theme.colors.mediumGray};
+  border-radius: 20px;
+`;
+const Category = styled.div`
+  display: inline-flex;
+  align-items: center;
+  gap: 20px;
+  margin-right: 50px;
+  div {
+    width: 120px;
+    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;
+  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};
+  }
+`;
diff --git a/src/components/pages/teacherPage/manage/Bokli/index.jsx b/src/components/pages/teacherPage/manage/Bokli/index.jsx
index 13b9138..08c6937 100644
--- a/src/components/pages/teacherPage/manage/Bokli/index.jsx
+++ b/src/components/pages/teacherPage/manage/Bokli/index.jsx
@@ -1,6 +1,5 @@
 import * as s from "../style";
-import { supportData } from "../../../../../export/data";
-const BokLi = ({ wel, meal }) => {
+const BokLi = ({ meal }) => {
   console.time("asd");
   let ad = [];
   if (meal.breakfast) {
diff --git a/src/components/pages/teacherPage/manage/index.jsx b/src/components/pages/teacherPage/manage/index.jsx
index 5cebabc..86d29ec 100644
--- a/src/components/pages/teacherPage/manage/index.jsx
+++ b/src/components/pages/teacherPage/manage/index.jsx
@@ -17,7 +17,6 @@ import GeunMu from "./geunmu";
 import { DownLoadImg } from "../../../../images";
 const RequstManage = () => {
   const { status, data } = getBoardList();
-
   const modal = useSelector((state) => state.modal.state.modalmanage);
   const count = useSelector((count) => count.count.count.manageCount);
   const [file] = useState([]);
@@ -224,11 +223,9 @@ const RequstManage = () => {
             <s.Ring top={50} />
             <s.Titlet>참고서류</s.Titlet>
             <s.UlSubmitted>
-              {" "}
               {data.formAttachmentList.map((item) => (
                 <>
                   <s.EssentialLi>
-                    {" "}
                     <s.ButtonProps>
                       {item.fileName}
                       <a href={item.fileUrl} download={item.fileName}>
diff --git a/src/export/data.js b/src/export/data.js
index 417de8c..aa50e84 100644
--- a/src/export/data.js
+++ b/src/export/data.js
@@ -60,7 +60,7 @@ export const interviewData = [
   { skill: "신체 검사", request: "PHYSICAL_TEST" },
 ];
 export const SubmitData = [
-  { text: "모집의뢰 승인", path: "/notice", method: "put" },
+  { text: "모집의뢰 승인", path: "/notice/approve", method: "put" },
   { text: "모집의뢰 거부", path: "/notice/approve", method: "delete" },
   { text: "모집의뢰 삭제", path: "/notice", method: "delete" },
   { text: "모집의뢰 출력", path: "/notice/out", method: "post" },