display: flex;

   justify-content: space-between;

   align-items: center;

 }

 .flex-align-start {

   display: flex;

   justify-content: flex-start;

   align-items: center;

 }

 .flex-center {

 }

 /* 사용자 관리 */

 .bSXvtB{display: none;}

 .tab-menu .tab-menu-agency {

   display: flex;

   background-color: #ff7f50;

   color: #ffffff;

   width: 100%;

   border-collapse: collapse;

 }

 thead{

   font-weight: bold;

   background: #d8d3c7;

   text-align: center;

 }

 thead tr{border-radius: 10px;}

 td {

   padding: 0.5rem;

   .userauthoriylist .right {

     margin-top: 2rem;

   }

   .modal .modal-inner {

     width: 100%;

     border-radius: 0;

   .userauthoriylist .right {

     margin-top: 2rem;

   }

   .tab-menu {

     display: block;

   }

   }

   .senior-detail th,

   .senior-detail td {

     margin: 0.5rem;

   }

   .senior-detail td span {

     width: 100%;

     text-align: center;

   }

   /* 시니어 등록창 */

   .senior-insert {

     display: grid;

   }

   .senior-insert th {

     font-size: 1.4rem;

     width: 50%;

   .total-equip {

     margin-bottom: 0.5rem;

   }

   .senior-table {

     overflow-x: auto;

     -webkit-overflow-scrolling: touch;

   }

   .senior-table thead{display: none;}

   .senior-table tr{background-color: #f2f0eb; padding: 1rem; margin-bottom: 1rem;}

   .senior-table td{background-color: #ffffffde;

     border-radius: 5px; margin-bottom: 0.5rem;}

  /* 문진표 */

  .questionnaire-table td{padding: 0 !important;}

  .caregiver-user{}

  .medicine-detail-table th{display: none;}

  .medicine-detail-table tbody tr{background-color: #f2f0eb; border-radius: 5px; padding: 0.5rem; margin-bottom: 1rem;}

  .medicine-detail-table td::before{

   content: attr(data-label);

   position: absolute;

   text-align: left;

   border-left: 8px solid #d8d3c7;

     padding-left: 1rem;

  }

 }

             title: "복약관리",

             description: (

                 <Table

                     head={thead}

                     contents={content}

                     contentKey={key}

                 <p><span>{thead1[2]}</span>  0000001</p>

               ),

             birth:  (

               ),

             phone: (

                 <p><span>{thead1[4]}</span>  010-1234-1234</p>

             title: "문진표 관리",

             description: (

                 <Table

                     head={thead}

                     contents={content}

                     contentKey={key}

     <main>

       <Modal open={modalOpen} close={closeModal} header="복약 내역 수정">

         <div>

             <tr>

               <th>대상자명</th>

               <td></td>

           <ClusteredColumnChart />

         </div>

         <div className="board-wrap">

             <thead>

               <tr>

                 <th rowSpan="2">No</th>

             </thead>

             <tbody>

               <tr>

               </tr>

               <tr>

               </tr>

             </tbody>

           </table>

             </div>

             <div className="btn-wrap">

               <Button

                 btnName={"로그인"}

                 onClick={login}

               />

           <tbody>

             {guardianListBySenior.map((item, idx) => { return (

               <tr key={idx}>

                   {item['is_accept'] ? "승인완료" : 

                     <button className={"btn-small red-btn"} onClick={() => {userUpdate(item, guardianSelectListBySenior)}}>가입승인</button>

                   }

                 </td>

                   <button className={"btn-small lightgray-btn"} onClick={() => guardianBySeniorManagement(item)}>정보 수정</button>

                 </td>

               </tr>

       <SubTitle explanation={"대상자의 보호사"} className="margin-bottom" />

       <div className="margin-bottom5">

           <thead>

             <tr>

               <th>No</th>

           <tbody>

             {agent.agentListBySenior.map((item, idx) => { return (

               <tr key={idx}>

                   <button className={"btn-small lightgray-btn"} onClick={() => {navigate("/AgentSelectOne", {state: {'agent_id': item['agent_id']}})}}>상세 페이지 이동</button>

                 </td>

               </tr>

                 className="margin-bottom"

               />

               {/* 카테고리 디자인 필요 (a.active 클래스 필요) */}

                 {/* <a className={() => {return "active"}} onClick={adminChange}>올잇메디</a> */}

                 <a onClick={adminChange}

                    className={userSearch['government_id'] == null && userSearch['agency_id'] == null ? "active" : ""}>

                             <tbody>

                               {senior.userList.map((item, idx) => { return (

                                 <tr key={idx} onClick={() => {navigate("/SeniorSelectOne", {state: {'senior_id': item['user_id']}})}}>

                                 </tr>

                               )})}

                               {senior.userList == null || senior.userList.length == 0 ?

                             <button className={"btn-small gray-btn"} onClick={join}>등록</button>

                           </div>

                             <thead>

                               <tr>

                                 <th>No</th>

                             <tbody>

                               {agent.userList.map((item, idx) => { return (

                                 <tr key={idx}>

                                     {item['is_accept'] ? "승인완료" : 

                                       <button className={"btn-small red-btn"} onClick={() => {userUpdate(item, agentSelectList)}}>가입승인</button>

                                     }

                                   </td>

                                     <button className={"btn-small lightgray-btn"} onClick={() => {navigate("/AgentSelectOne", {state: {'agent_id': item['user_id']}})}}>상세 페이지 이동</button>

                                   </td>

                                 </tr>

                             <button className={"btn-small gray-btn"} onClick={join}>등록</button>

                           </div>

                             <thead>

                               <tr>

                                 <th>No</th>

                             <tbody>

                               {government.userList.map((item, idx) => { return (

                                 <tr key={idx}>

                                     {item['is_accept'] ? "승인완료" : 

                                       <button className={"btn-small red-btn"} onClick={() => {userUpdate(item, governmentSelectList)}}>가입승인</button>

                                     }

                                   </td>

                                     <button className={"btn-small lightgray-btn"} onClick={() => {navigate("/UserEdit", {state: {'user_id': item['user_id']}})}}>정보 수정</button>

                                   </td>

                                 </tr>

                             <button className={"btn-small gray-btn"} onClick={join}>등록</button>

                           </div>

                             <thead>

                               <tr>

                                 <th>No</th>

                             <tbody>

                               {admin.userList.map((item, idx) => { return (

                                 <tr key={idx}>

                                     {item['is_accept'] ? "승인완료" : 

                                       <button className={"btn-small red-btn"} onClick={() => {userUpdate(item, adminSelectList)}}>가입승인</button>

                                     }

                                   </td>

                                     <button className={"btn-small lightgray-btn"} onClick={() => {navigate("/UserEdit", {state: {'user_id': item['user_id']}})}}>정보 수정</button>

                                   </td>

                                 </tr>

 import Chart2 from "../../../component/chart/Chart2.jsx";

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

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

 export default function MedicineCareSelect() {

   const navigate = useNavigate();

   const key = ["No", "birth", "phone", "address", ];

   const content = [

     {

     },

   ];

     <main>

       <Modal open={modalOpen} close={closeModal} header="방문 등록">

         <div className="board-wrap">

             <tbody>

               <tr>

                 <th>대상자</th>

             />

           </div>

         <Table

               head={thead}

               contents={content}

               contentKey={key}