}

 .nav{

   position: relative;

 .logo {  

   padding: 2rem 1rem;

   font-size: large;

   text-align: center;

   font-weight: bold;

 }

 .logo img{width: 273px;}

   color: #333333;

   font-weight: bold;

   margin: 0 3rem;

 }

   display: block;

 }

 .sidebar-title {

 }

 .sidebar-title span {

   font-weight: bold;

 }

 .sidebar-title .toggle {

 }

 nav li{cursor: pointer;}

 .sidebar-item{font-size: 1.8rem;}

 .sidebar-item:hover a{color: #ffffff;}

 .sidebar-item:hover span, .sidebar-item:hover .toggle{color: #ffffff;}

 .sidebar-content {

   display: none;

   color: #ffffff;

 }

 .sidebar-item.open>.sidebar-content {

   height: auto;

   display: block;

 .sidebar-content .sidebar-item:hover a {

   font-weight: bold;

 }

 .info-wrap .usericon{width: 5rem; height: 5rem; border: 1px solid #f25430; border-radius: 50px; margin-right: 2rem;}

 .header-info-id{font-size: 1.6rem; margin-right: 2rem; color: #733c1d; font-weight: 600;}

   background-color: #18924e;

 }

 /* Q&A */

 .title{text-decoration: underline; cursor: pointer;}

 .question-select input{width: 3%;}

 .question-select label{width: 10%;}

 /* 담당자배정 */

 .protectorlist input{width: 20rem;}

 /* 위험기준관리 */

 /* 카테고리 기관 추가*/

 .explain-table th{background: #ffffff;}

 .react-calendar{width: 100%;}

 .total-equip::before{

   content: "";

   border-left: 20px solid #5a70df;

   width: 100%;

   margin-bottom: 2rem;

 }

 .detail-search table {

   border-top: none;

   border-bottom: none;

 }

 .detail-search table th {

 }

 .detail-search table td {

 .detail-search tbody tr:nth-of-type(2) select {

   width: 24.4%;

 }

 .detail-search tbody tr:nth-of-type(3) td {

 .search-area {

   padding: 2rem;

 }

 .search-area details {

   margin-top: 1rem;

 }

 }

 .senior-insert label {

 }

 .senior-insert select{padding: 1rem;}

 .senior-insert tr:nth-child(2) .gender {

 .search-management input {

   width: 20%;

   margin-right: 1rem;

 }

 .tab-container>div>div:nth-child(2) {

   font-family: "KoPubDotumLight";

   src: url(../files/font/KoPubDotumLight_0.ttf);

 :root{

   --font-KoPubDotumLight:"KoPubDotumLight"

   width: 100%;

   border-collapse: collapse;

   font-family:"AuctionGothic_Medium";

 }

 thead{

   font-weight: bold;

   return (

     <div className="search-group">

           <table>

             <tbody>

               <tr>

             </tbody>

           </table>

         </div>

             </div>

       </div>

     </div>

   };

   const { title } = menuItems.find(

 function AgencyAppRoute() {

   return (

     <Routes>

       <Route path="/Join" element={<Join />}></Route>

       <Route path="/QuestionSelect" element={<QuestionSelect />}></Route>

       <Route path="/Main_agency" element={<Main_agency />}></Route>

       <Route path="/UserAuthoriySelect_agency" element={<UserAuthoriySelect_agency />}></Route>

       <Route path="/SeniorInsert" element={<SeniorInsert />}></Route>

       <div className="content-wrap row">

         <ContentTitle contentTitle={"문의글 작성"} />

         <SubTitle explanation={"작성자 정보"} />

           <tr>

             <th>작성자</th>

             <td>

             </tr>

         </table>

         <SubTitle explanation={"대상자 정보"} />

           <tr>

             <th>대상자 선택</th>

             <td colSpan={3} className="flex width">

             }}

           />

           <Button

             btnName={"등록"}

             onClick={() => {

               navigate("/QandASelect");

 import SubTitle from "../../component/SubTitle.jsx";

 import { useNavigate } from "react-router";

   const navigate = useNavigate();

   return (

     <main>

       <div className="content-wrap row">

         <ContentTitle contentTitle={"문의글 작성"} />

         <SubTitle explanation={"작성자 정보"} />

           <tr>

             <th>작성자</th>

             <td>

             <option value="답변완료">답변완료</option>

           </select>

           <Button

             btnName={"작성하기"}

             onClick={() => {

               navigate("/QuestionInsert");

 						<SubTitle explanation={"장비 클릭 시 지난 매칭이력을 확인할 수 있습니다."} />

 						<div className="btn-wrap flex-end margin-bottom ">

 							<Button

 								btnName={"등록"}

 								onClick={openModal3}

 							/>

 											{

 												item['senior_id'] == null

 													? <Button

 														btnName={"등록"}

 														onClick={() => seniorMatchInsertModalOpen(item)}

 													/>

 													: <Button

 														btnName={"반납"}

 														onClick={seniorMatchDelete}

 													/>

 						<SubTitle explanation={"장비 클릭 시 지난 매칭이력을 확인할 수 있습니다."} />

 						<div className="btn-wrap flex-end margin-bottom ">

 							<Button

 								btnName={"LOG"}

 								onClick={logCheck}

 							/>

 											{

 												item['equipment_rental_state'] == 'RENTABLE'

 													? <Button

 														btnName={"등록"}

 														onClick={() => seniorMatchInsertModalOpen(item)}

 													/>

 													: <Button

 														btnName={"반납"}

 														onClick={() => seniorMatchReturnModalOpen(item)}

 													/>

 										<td>

 											{

 												<Button

 													btnName={"반납"}

 													onClick={() => seniorMatchReturnModalOpen(item)}

 												/>

 										<td>

 											{

 												<Button

 													btnName={"등록"}

 													onClick={() => seniorMatchInsertModalOpen(item)}

 												/>

 					</div>

 					<div>

 						<Button

 							btnName={"닫기"}

 							onClick={closeModal}

 						/>

 							</tbody>

 						</table>

 					</div>

 						<Button

 							btnName={"저장"}

 							onClick={closeModal3}

 						/>

 					</div>

 					<div>

 						<Button

 							btnName={"닫기"}

 							onClick={seniorMatchInsertModalClose}

 						/>

 					</div>

 					<div>

 						<Button

 							btnName={"닫기"}

 							onClick={seniorMatchInsertModalClose}

 						/>

 					</div>

 					<div>

 						<Button

 							btnName={"닫기"}

 							onClick={seniorMatchInsertModalClose}

 						/>

 import AssignmentTurnedInIcon from '@mui/icons-material/AssignmentTurnedIn';

 import CheckCircleOutlineIcon from '@mui/icons-material/CheckCircleOutline';

 import ErrorIcon from '@mui/icons-material/Error';

 export default function Main_guardian() {

   const tableHead1 = ["", "", "", "", "", ""];

   return (

     <>

       <main>

         <div className="main-grid-guardian">

           <ul className="content-box statistics-guardian">

             <li className="flex-start">

             </li>

           </ul>

           <div className="content-box combine-left combine-all-government">

           </div>

         </div>

             </tbody>

             </table>

             <div className="btn-wrap flex-end">

             </div>

             <SubTitle className="margin-bottom" explanation={"각 메뉴에 대한 설명"} />

             <table className="explain-table">

                 />          

           <div className="btn-wrap flex-end margin-bottom ">

             <Button

               btnName={"저장"}

             />

           </div>

               </div>

               <div className="btn-wrap flex-end margin-bottom ">

                 <Button

                   btnName={"등록"}

                   onClick={openModal}

                 />

     if (id == 2) {

       return (

         <Button

           btnName={"등록"}

           onClick={() => {

             navigate("/SeniorInsert");

           </table>

           <div className="btn-wrap flex-center margin-bottom5">

             <Button

               btnName={"추가"}

               onClick={() => {

                 navigate("/SeniorInsert");

             </datalist>

             <div className="btn-wrap">

               <Button

                 btnName={"등록"}

               />

             </div>

           </table>

           <div className="btn-wrap flex-center">

             <Button

               btnName={"등록"}

               onClick={() => {

                 InsertSenior(userName, gender, brith, telNum, homeAddress, note, medicineM, medicineL, medicineD)

             />

           </div>

           <div className="btn-wrap flex-end">

           </div>

           <ul className="tab-content">

             {data