const SERVICE_STATUS = process.env.NODE_ENV;//development, production

 const PORT = 80;

 const SYSTEM_VIEW_TYPE = 'admin';//admin, government, agency, guardian

 module.exports = {

     PROJECT_NAME,

 }

 input[type='radio'],

 input[type='radio']:checked {

   height: 1.5rem;

   border-radius: 100%;

   margin-right: 1rem;

 input[type='radio']:checked {

   background-color: #f25430;

 }

 /* margin */

 .margin-bottom {

   margin-bottom: 1rem;

 /* .agency-calendar .react-calendar__month-view__days{overflow: hidden;} */

 /* Q&A */

 .question-select input {

   width: 3%;

 }

 /* 문진표 */

 .questionnaire-table th {

   display: block;

 }

 .questionnaire-table tr {

   padding: 1rem;

 }

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

 .hierarchy-menu p{font-size: 2.4rem;}

 .hierarchy-menu input{width: 30%;}

 .categoryitem{

   width: 34%;

   font-size: 2.4rem;

 /* 검색창 */

 .searchselect {

 }

 .search-management button{width: 22%;}

 .searchselect label {

   width: 100%;

   margin-right: 3rem;

 }

 .mobile-area-wrap {

   display: none;

 }

   height: 100px;

 }

 .senior-insert .gender{padding-left: 2rem;}

 .medicationTime-td input{width: 2rem;}

 .medicationTime-td label{}

 /* 노인수정 */

 .senior-edit{border: #d8d3c7 1px solid;}

 .senior-edit th{

   font-size:1.8rem

 }

 .medicationTime-td input{width: 2rem;}

 .medicationTime-td label{}

 /* 노인 상세 정보 */

 .senior-detail tr{height: 4rem; border-bottom: 1px solid #f4f4f2;}

 .senior-detail th {

   text-align: left;

 .modal-main table th {

   text-align: center;

 }

 .medicine-revise tr:nth-child(3)>td div,

 .equipment-search {

   margin-bottom: 1rem;

 }

 .select100 {

   width: 100%;

 }

 }

 a.active {

   font-weight: bold;

 }

 /* 모바일 세로 (해상도 ~ 479px)*/

 @media all and (max-width:479px) {

   .menuicon {

     display: block;

     position: fixed;

   }

   .search-management select {

     margin: 0;

   }

   .search-management button{width: 40%;}

     font-size: 1.4rem;

     width: 50%;

     padding: 1rem 10rem;

   }

   .senior-insert td {

             </tr>

             <tr>

               <th>진료 사유</th>

                 <input type="text" />

               </td>              

             </tr>

   color: #733c1d;

 `;

 const Explanation = styled.p`

   font-size: 1.4rem;

   padding: 0.5rem;

   font-weight: bold;

       <div className="content-wrap row">

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

         <SubTitle explanation={"담당자 정보"} />

           <tr>

             <th>작성자</th>

             <td>

           </tr>

         </table>

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

           <tr>

             <th>대상자 이름</th>

             <td>

             </td>

           </tr>

         </table>

           <SubTitle explanation={"처리여부"} />

             <option value="">처리중</option>

             <option value="">처리완료</option>

           </select>

       <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">

 	}, [])

 	/********************************** 시행기관 장비 (끝) **********************************/

 	// 장비 납품 모달창 thead, key

 	const thead4 = [

 		"No",

 			No: 1,

 			agency: (

 				<div>

 				</div>

 			)

 			,

     <main>

       <div className="board-wrap">

           <SubTitle explanation={"수정페이지"} className="margin-bottom" />

             {/* <tr>

               <th>대상자등록번호</th>

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

             <tr>

               <th>필요 복약</th>

               <td>

                   <input type="checkbox" name="medicationSelect" checked={medicineM} onClick={(e) => { handleMedicineM(e) }} /><label for="medicationTime">아침</label>

                   <input type="checkbox" name="medicationSelect" checked={medicineL} onClick={(e) => { handleMedicineL(e) }} /><label for="medicationTime">점심</label>

                   <input type="checkbox" name="medicationSelect" checked={medicineD} onClick={(e) => { handleMedicineD(e) }} /><label for="medicationTime">저녁</label>

             />

             <Button

               className={"btn-small gray-btn"}

               onClick={() => {

                 updateSeniorData();

               }}

           </tbody>

         </table>

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

           <button className={"btn-large red-btn"} onClick={() => alert("삭제할 수 없습니다.")}>삭제</button>

         </div>

       </div>

 import { width } from "@mui/system";

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

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

 import CommonUtil from "../../../resources/js/CommonUtil.js";

                 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" : ""}>

                 <ul style={{marginLeft: '15px'}}>

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

                     <li style={{margin: '10px 0px'}} key={idx}>

                       <a onClick={() => {governmentChange(item['government_id'])}}

                          className={item['government_id'] == userSearch['government_id'] ? "active" : ""}>

                         {item['government_name']}

                         <ul style={{marginLeft: '15px'}}>

                           {item['agencyList'].map((item2, idx2) => { return (

                             <li style={{margin: '10px 0px'}} key={idx2}>

                               <a onClick={() => {agencyChange(item['government_id'], item2['agency_id'])}}

                                  className={item2['agency_id'] == userSearch['agency_id'] ? "active" : ""}>

                                 {item2['agency_name']}

                     ROLE_SENIOR: (

                       <ul className="tab-content">

                         <div>

                           <div className="search-management flex-start margin-bottom2">

                             <select id="searchType1" style={{maxWidth: 'fit-content'}} onChange={(e) => {seniorSearchChange("searchType", e.target.value)}}>

                               <option value="" selected={senior.search.searchText == ""}>전체</option>

                             <button className={"btn-small gray-btn"} onClick={() => {seniorSelectList()}}>검색</button>

                           </div>

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

                           </div>