/* 공통 */
@media all and (max-width:769px) {

  /* 권한관리 */
  .authority-table-pc {
    display: none;
  }

  .authority-table-mobile thead tr:nth-child(1) {
    display: flex;
  }

  .authority-table-mobile thead tr:nth-child(1)>div {
    font-size: 1.6rem;
    width: 100%;
  }

  .authority-table-mobile select {
    margin: 1rem 0;
  }

  .authority-table-mobile {
    display: block;
  }

  .authority-table-mobile thead {
    display: inline-table;
    width: 100%;
  }

  .authority-table-mobile tr,
  .authority-table-mobile td {
    display: revert;
  }

  .authority-table-mobile tr {
    width: 100%;
  }

  .authority-table-mobile tr:nth-child(2) th:nth-child(1) {
    width: 50%;
  }

  .authority-table-mobile td {
    padding: 1rem;
    width: 10%;
  }

  .authority-table-mobile tbody td input {
    margin-right: 1rem;
  }

  .authority-table-mobile th {
    width: 50%;
  }

  /* 레이아웃 */
  #layout {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-areas:
      "nav header"
      "nav pages"
      "nav  main";
    grid-template-columns: 200px 1fr;
    grid-template-rows: 0.1fr 1.9fr;
  }

  #layout.expander {
    grid-template-columns: 0px 1fr;
  }

  #layout.on {
    grid-template-columns: 0px 1fr;
    grid-template-rows: 0.1fr 1.9fr;
  }

  #pages {
    grid-area: pages;
    padding: 0.5rem;
  }

  main {
    padding: 0;
  }

  /* 보호자 메인 그리드 */
  .main-grid-guardian {
    height: 100%;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 0.5fr 0.1fr;
    gap: 1rem;
  }

  /* 정부 메인 그리드 */
  .main-grid-government {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 0.1fr 0.1fr 1fr;
    gap: 0.5rem;
  }

  /* 병원 메인 그리드 */
  .main-grid-hospital {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 0.1fr 0.1fr 1fr;
    gap: 0.5rem;
  }

  .main-grid-government .content-box {
    padding: 1rem;
  }

  .main-grid-government .content-box .table {
    border: none;
  }

  .main-grid-government .combine-all-government {
    grid-row: auto;
  }

  .main-grid-government .combine-right {
    grid-column: auto;
  }

  .main-grid-government .combine-right-government,
  .main-grid-government .combine-left,
  .main-grid-hospital .combine-right-government,
  .main-grid-hospital .combine-left {
    grid-column: 1;
  }

  .main-grid-government .combine-bottom-government {
    grid-column: 0;
  }

  header {
    border-bottom: 1px solid #eeeeee
  }

  .header-flex {
    display: flex;
    justify-content: space-between;
  }

  /* 공통 */
  .page-title svg {
    display: block;
  }

  #fullDate,
  #temp {
    font-size: 1.2rem;
  }

  .content-wrap {
    padding: 2rem 1rem;
  }

  nav {
    position: fixed;
    top: 58px;
    left: -250px;
    z-index: 10;
    transition: 0.5s;
  }

  nav.on {
    left: 0;
    transition: 0.5s;
  }


  /* 메인 */

  .react-calendar {
    width: 100%;
  }

  .temp p {
    font-size: 2rem;
  }

  .main-battery-title {
    font-size: 1.4rem;
    justify-content: flex-start;
    padding-right: 1rem;
  }

  .main-battery-title p {
    padding-right: 1rem;
  }

  .battery::after {
    content: " 남았습니다.";
    font-size: 1.4rem;
    margin-left: 0;
  }

  .battery p {
    font-size: 2rem;
    padding-left: 0;
    padding-right: 1rem;
  }

  #chartdiv1 {
    height: 25vh;
  }

  .statistics li p:nth-of-type(1),
  .statistics li p:nth-of-type(2) {
    font-size: 1.4rem;
  }

  .weather-info {
    width: 70%;
    padding-right: 1rem;
  }

  .mobile .main-grid-guardian {
    gap: 0.5rem;
  }

  .mobile .main-grid-guardian .content-box {
    padding: 0.5rem;
  }

  .mobile .main-grid-guardian .content-box:nth-child(2)>div p {
    font-size: 1.8rem;
  }

  /* 테이블 */

  table {
    display: table;
    border: 0;
  }

  thead {
    display: none;
  }

  tbody {
    display: block;
  }

  tr {
    display: block;
    margin-bottom: 1rem;
  }

  td {
    display: block;
  }

  tr>td::before {
    display: inline-block;
    width: 33%;
    position: relative;
  }

  table td {
    border: none;
    position: relative;
    border-bottom: 1px solid #eee;
    font-size: 1.2rem;
  }


  table td span {
    display: block;
  }

  table td::before {
    position: absolute;
    white-space: nowrap;
    left: 1rem;
    width: 100px;
    border-radius: 10px;
    text-align: center;
    align-items: center;
    background-color: #F0EBE3;
    font-weight: 900;
  }

  /* 메인테이블 */
  .none-medicine-list td:nth-of-type(1) {
    font-weight: bold;
    padding: 0.5rem;
  }

  .none-medicine-list td:nth-of-type(1)::before {
    content: "";
  }

  .none-medicine-list td:nth-of-type(2):before {
    content: "요양등급";
  }

  .none-medicine-list td:nth-of-type(3):before {
    content: "생년월일";
  }

  .none-medicine-list td:nth-of-type(4):before {
    content: "전화번호";
  }

  .none-medicine-list td:nth-of-type(5):before {
    content: "주소";
  }

  .none-medicine-list td:nth-of-type(6):before {
    content: "기저질환";
  }

  .recent-visit {
    border: 0;
  }

  .recent-visit tr {
    margin-bottom: 3rem;
  }

  .recent-visit td:nth-of-type(1) {
    font-weight: bold;
    padding: 0.5rem;
  }

  .recent-visit td:nth-of-type(1)::before {
    content: "";
  }

  .recent-visit td:nth-of-type(2):before {
    content: "방문목적";
  }

  .recent-visit td:nth-of-type(3):before {
    content: "방문 상세 이유";
  }

  /* 시니어 조회 테이블 */
  .senior-table td:nth-of-type(1) {
    font-weight: bold;
    padding: 0.5rem;
  }

  .senior-table td:nth-of-type(1)::before {
    content: "";
  }

  .senior-table td:nth-of-type(2):before {
    content: "No";
  }

  .senior-table td:nth-of-type(3):before {
    content: "사용자등록번호";
  }

  .senior-table td:nth-of-type(4):before {
    content: "요양등급";
  }

  .senior-table td:nth-of-type(5):before {
    content: "이름";
  }

  .senior-table td:nth-of-type(6):before {
    content: "생년월일";
  }

  .senior-table td:nth-of-type(7):before {
    content: "전화번호";
  }

  .senior-table td:nth-of-type(8):before {
    content: "주소";
  }

  .senior-table td:nth-of-type(9):before {
    content: "기저질환";
  }

  /* 복약 조회 테이블*/
  .medicine-table td {
    padding-left: 14rem;
  }

  .medicine-table td:nth-of-type(1) {
    display: block;
    font-weight: 900;
    padding: 1rem;
  }

  .medicine-table td:nth-of-type(1):before {
    display: none;
    content: "";
  }

  .medicine-table td:nth-of-type(2):before {
    content: "이름";
  }

  .medicine-table td:nth-of-type(3):before {
    content: "생년월일";
  }

  .medicine-table td:nth-of-type(4):before {
    content: "전화번호";
  }

  .medicine-table td:nth-of-type(5):before {
    content: "주소";
  }

  .medicine-table td:nth-of-type(6):before {
    content: "평균 복약률 💊";
  }

  /* 복약 상세페이지 테이블 */
  .medicine-detail-table td:nth-of-type(1) {
    font-weight: 900;
    padding: 1rem;
  }

  .medicine-detail-table td:nth-of-type(1)::before {
    display: none;
    content: "";
  }

  .medicine-detail-table td:nth-of-type(2):before {
    content: "날짜";
  }

  .medicine-detail-table td:nth-of-type(3):before {
    content: "복약상태 (아침)";
  }

  .medicine-detail-table td:nth-of-type(4):before {
    content: "복약상태 (점심)";
  }

  .medicine-detail-table td:nth-of-type(5):before {
    content: "복약상태 (저녁)";
  }

  .medicine-detail-table td:nth-of-type(6):before {
    content: "필요 복용 횟수";
  }

  .medicine-detail-table td:nth-of-type(7):before {
    content: "복약률";
  }

  .medicine-detail-table td:nth-of-type(8):before {
    content: "수정 상세 사유";
  }

  .medicine-detail-table td:nth-of-type(9):before {
    content: "수정자";
  }

  .medicine-detail-table td:nth-of-type(10)::before {
    content: "수정일시";
  }

  .medicine-detail-table td:nth-of-type(11) {
    padding: 1rem 1rem 0 1rem;
  }

  /* 댁내 온도 조회 테이블 */
  .temperature-table td:nth-of-type(1) {
    display: block;
    font-weight: 900;
    padding: 1rem;
  }

  .temperature-table td:nth-of-type(1):before {
    display: none;
    content: "";
  }

  .temperature-table td:nth-of-type(2):before {
    content: "이름";
  }

  .temperature-table td:nth-of-type(3):before {
    content: "생년월일";
  }

  .temperature-table td:nth-of-type(4):before {
    content: "전화번호";
  }

  .temperature-table td:nth-of-type(5):before {
    content: "주소";
  }

  .temperature-table td:nth-of-type(6):before {
    content: "최근 온도";
  }

  .temperature-table td:nth-of-type(7):before {
    content: "상태";
  }

  /* 최근 일주일 댁내 온도 */
  .temperature-modal td:nth-of-type(1) {
    display: block;
    font-weight: 900;
    padding: 1rem;
  }

  .temperature-modal td:nth-of-type(1):before {
    display: none;
    content: "";
  }

  .temperature-modal td:nth-of-type(2):before {
    content: "날짜";
  }

  .temperature-modal td:nth-of-type(3):before {
    content: "02:00";
  }

  .temperature-modal td:nth-of-type(4):before {
    content: "10:00";
  }

  .temperature-modal td:nth-of-type(5):before {
    content: "14:00";
  }

  .temperature-modal td:nth-of-type(6):before {
    content: "23:00";
  }

  /* 방문 조회 테이블*/
  .visit-table table td:nth-of-type(1) {
    font-weight: 900;
    padding: 1rem;
  }

  .visit-table table td:nth-of-type(2):before {
    content: "날짜";
  }

  .visit-table table td:nth-of-type(3):before {
    content: "이름";
  }

  .visit-table table td:nth-of-type(4):before {
    content: "방문 목적";
  }

  .visit-table table td:nth-of-type(5):before {
    content: "방문 상세 사유";
  }

  .visit-table table td:nth-of-type(6):before {
    content: "보호사 연락처";
  }

  /* 장비 조회 테이블*/
  .equipment-table td:nth-of-type(1) {
    font-weight: 900;
    padding: 1rem;
  }

  .equipment-table td:nth-of-type(2):before {
    content: "No";
  }

  .equipment-table td:nth-of-type(3):before {
    content: "장비명";
  }

  .equipment-table td:nth-of-type(4):before {
    content: "시리얼 넘버";
  }

  .equipment-table td:nth-of-type(5):before {
    content: "기기 상태";
  }

  .equipment-table td:nth-of-type(6):before {
    content: "구매일";
  }

  .equipment-table td:nth-of-type(7):before {
    content: "배터리 잔량";
  }

  .equipment-table td:nth-of-type(8):before {
    content: "대여가능 여부";
  }

  .equipment-table td:nth-of-type(9):before {
    content: "관리";
  }

  /* 장비 상세 목록 테이블*/
  .equipment-detail td:nth-of-type(1) {
    font-weight: 900;
    padding: 1rem;
  }


  .equipment-detail td:nth-of-type(2):before {
    content: "장비명";
  }

  .equipment-detail td:nth-of-type(3):before {
    content: "시리얼 넘버";
  }

  .equipment-detail td:nth-of-type(4):before {
    content: "사용자명";
  }

  .equipment-detail td:nth-of-type(5):before {
    content: "사용자관리번호";
  }

  .equipment-detail td:nth-of-type(6):before {
    content: "위치";
  }

  .equipment-detail td:nth-of-type(7):before {
    content: "대여 기간";
  }

  /* 장비등록창 */
  .equipment-modal table td {
    padding: 0;
  }

  /* 내정보수정 */
  .join-inner {
    width: 100%;
  }

  /* 권한 관리 테이블 */
  .authority-table thead {
    display: block;
  }

  /* 사용자 관리 */
  /* 보호자 */
  .protector-user td:nth-of-type(1) {
    font-weight: 900;
    padding: 1rem;
  }

  .protector-user td:nth-of-type(2):before {
    content: "사용자명";
  }

  .protector-user td:nth-of-type(3):before {
    content: "사용자ID";
  }

  .protector-user td:nth-of-type(4):before {
    content: "성별";
  }

  .protector-user td:nth-of-type(5):before {
    content: "생년월일";
  }

  .protector-user td:nth-of-type(6):before {
    content: "주소";
  }

  .protector-user td:nth-of-type(7):before {
    content: "대상자 관리";
  }

  /* 보호사 */
  .caregiver-user td:nth-of-type(1) {
    font-weight: 900;
    padding: 1rem;
  }

  .caregiver-user td:nth-of-type(2):before {
    content: "사용자명";
  }

  .caregiver-user td:nth-of-type(3):before {
    content: "사용자ID";
  }

  .caregiver-user td:nth-of-type(4):before {
    content: "관리기관";
  }

  .caregiver-user td:nth-of-type(5):before {
    content: "성별";
  }

  .caregiver-user td:nth-of-type(6):before {
    content: "생년월일";
  }

  .caregiver-user td:nth-of-type(7):before {
    content: "주소";
  }

  .caregiver-user td:nth-of-type(8):before {
    content: "대상자 관리";
  }

  /* 병원 */
  .common-user td:nth-of-type(1) {
    font-weight: 900;
    padding: 1rem;
  }

  .common-user td:nth-of-type(2):before {
    content: "사용자명";
  }

  .common-user td:nth-of-type(3):before {
    content: "사용자ID";
  }

  .common-user td:nth-of-type(4):before {
    content: "관리기관";
  }

  .common-user td:nth-of-type(5):before {
    content: "성별";
  }

  .common-user td:nth-of-type(6):before {
    content: "생년월일";
  }

  .common-user td:nth-of-type(7):before {
    content: "주소";
  }

  /* 관리자 */
  .management-user td:nth-of-type(1) {
    font-weight: 900;
    padding: 1rem;
  }

  .management-user td:nth-of-type(2):before {
    content: "사용자명";
  }

  .management-user td:nth-of-type(3):before {
    content: "사용자ID";
  }

  .management-user td:nth-of-type(4):before {
    content: "성별";
  }

  .management-user td:nth-of-type(5):before {
    content: "생년월일";
  }

  .management-user td:nth-of-type(6):before {
    content: "주소";
  }

  .management-user td:nth-of-type(7):before {
    content: "관리";
  }
}

/* 테블릿 세로 (해상도 768px ~ 1023px)*/
@media all and (min-width:768px) and (max-width:1023px) {


  /* 메인 */
  .content-box:nth-child(3)>div {
    display: flex;
  }

  .temp p {
    font-size: 2rem;
  }

  .main-battery-title {
    font-size: 1.4rem;
    justify-content: flex-start;
    padding-right: 1rem;
  }

  .battery::after {
    content: " 남았습니다.";
    font-size: 1.4rem;
    margin-left: 0;
  }

  .battery p {
    font-size: 2rem;
    padding-left: 0;
    padding-right: 1rem;
  }

  /* 공통 */

  /* 시니어 정보 상세 조회 */
  .senior-detail {
    border: 0;
  }

  .senior-detail th {
    display: block;
    width: 34%;
  }

  .senior-detail td {
    padding: 0;
  }

  .senior-detail td span {
    text-align: center;
  }


  /* 검색창 */
  .mobile-area-wrap {
    display: block;
    margin-top: 1rem;
  }

  .mobile-area-wrap div {
    width: 100%;
    margin-top: 1rem;
  }

  .mobile-area-wrap div label {
    width: 30%;
    font-size: 1.6rem;
  }

  .mobile-area-wrap div select {
    width: 70%;
  }

  .area-wrap {
    display: none;
  }

  .search-area {
    padding: 1rem;
  }

  .detail-search table tr,
  .detail-search table th,
  .detail-search table td {
    display: block;
  }

  .detail-search table th {
    width: 100%;
  }

  .detail-search table td::before {
    display: none;
  }

  .detail-search table td {
    padding: 0;
    border: 0;
  }

  .detail-search table tr {
    border: 0;
  }

  .detail-search tbody tr:nth-of-type(3) td {
    width: 50%;
    display: flex;
  }

  /* 복약 수정 페이지 */
  .modal-main table th {
    width: 100%;
    display: block;
  }

  .modal-main table td {
    padding: 0.5rem 0;
  }

  .medicine-revise tr {
    border: 0;
  }

  .medicine-revise tr:nth-child(3)>td div,
  .medicine-revise tr:nth-child(4)>td div,
  .medicine-revise tr:nth-child(5)>td div {
    width: 50%;
  }

  .medicine-revise tr:nth-child(3)>td div input,
  .medicine-revise tr:nth-child(4)>td div input,
  .medicine-revise tr:nth-child(5)>td div input {
    width: 20%;
  }

  .medicine-revise tr:nth-child(3)>td div label,
  .medicine-revise tr:nth-child(4)>td div label,
  .medicine-revise tr:nth-child(5)>td div label {
    width: 50%;
  }




}

/* 모바일 가로, 테블릿 세로 (해상도 480px ~ 767px)*/
@media all and (min-width:480px) and (max-width:767px) {

  /* 권한관리 */
  .authority-table-pc {
    display: none;
  }

  .authority-table-mobile thead tr:nth-child(1) {
    display: flex;
  }

  .authority-table-mobile thead tr:nth-child(1)>div {
    font-size: 1.6rem;
    width: 100%;
  }

  .authority-table-mobile select {
    margin: 1rem 0;
  }

  .authority-table-mobile {
    display: block;
  }

  .authority-table-mobile thead {
    display: inline-table;
    width: 100%;
  }

  .authority-table-mobile tr,
  .authority-table-mobile td {
    display: revert;
  }

  .authority-table-mobile tr {
    width: 100%;
  }

  .authority-table-mobile tr:nth-child(2) th:nth-child(1) {
    width: 50%;
  }

  .authority-table-mobile td {
    padding: 1rem;
    width: 10%;
  }

  .authority-table-mobile tbody td input {
    margin-right: 1rem;
  }

  .authority-table-mobile tbody td label {}

  .authority-table-mobile th {
    width: 50%;
  }

  /* 사용자 관리 */
  .tab-menu-mobile {
    display: block;
    padding: 1rem;
    background-color: #ffffff;
  }

  .tab-menu {
    display: none;
  }

  /* 공통 */
  /* 보호자 메인 그리드 */
  .pc {
    display: none;
  }

  .mobile {
    display: block;
  }

  .mobile .main-grid-guardian {
    gap: 0.5rem;
  }

  .mobile .main-grid-guardian .content-box {
    padding: 0.5rem;
  }

  .mobile .main-grid-guardian .content-box:nth-child(2)>div p {
    font-size: 1.8rem;
  }

  .mobile .main-grid-guardian .content-box:nth-child(7)>div {
    justify-content: flex-start;
  }

  .mobile .main-grid-guardian .combine-right-government,
  .mobile .main-grid-guardian .combine-left {
    grid-column: 1;
  }

  .mobile .main-grid-guardian .combine-bottom-government {
    grid-column: 0;
  }

  /* button */

  .btn-large {
    font-size: 1.4rem;
    width: 20%;
  }



  /* 로그인 */
  .login-wrap h1 {
    font-size: 1.8rem;
    line-height: 1rem;
  }

  .login-wrap h3 {
    margin: 20% 0 5% 0;
    font-size: 2rem;
    text-align: center;
  }

  .login-form .login-inner .content {
    width: 80%;
    margin: 1rem auto;
  }

  .container {
    width: 100%;
    margin: 0;
    padding: 2rem;
  }

  .container .btn-wrap {
    margin-top: 5rem;
  }

  .container button {
    width: 30%;
  }

  /* 검색창 */
  .mobile-area-wrap {
    display: block;
    margin-top: 1rem;
  }

  .mobile-area-wrap div {
    width: 100%;
    margin-top: 1rem;
  }

  .mobile-area-wrap div label {
    width: 30%;
    font-size: 1.6rem;
  }

  .mobile-area-wrap div select {
    width: 70%;
  }

  .area-wrap {
    display: none;
  }

  .search-area {
    padding: 1rem;
  }

  .detail-search table tr,
  .detail-search table th,
  .detail-search table td {
    display: block;
  }

  .detail-search table th {
    width: 100%;
  }

  .detail-search table td::before {
    display: none;
  }

  .detail-search table td {
    padding: 0;
    border: 0;
  }

  .detail-search table tr {
    border: 0;
  }

  .detail-search tbody tr:nth-of-type(3) td {
    width: 50%;
    display: flex;
  }

  /* 시니어 정보 상세 조회 */
  .senior-detail {
    border: 0;
  }

  .senior-detail th {
    display: block;
    width: 34%;
  }

  .senior-detail td span {
    text-align: center;
  }


  /* 시니어 등록창 */
  .senior-insert th {
    font-size: 1.4rem;
  }


  /* 복약 수정 페이지 */
  .medicine-revise tr {
    border: 0;
  }

  .medicine-revise tr:nth-child(3)>td div,
  .medicine-revise tr:nth-child(4)>td div,
  .medicine-revise tr:nth-child(5)>td div {
    width: 50%;
  }

  .medicine-revise tr:nth-child(3)>td div input,
  .medicine-revise tr:nth-child(4)>td div input,
  .medicine-revise tr:nth-child(5)>td div input {
    width: 20%;
  }

  .medicine-revise tr:nth-child(3)>td div label,
  .medicine-revise tr:nth-child(4)>td div label,
  .medicine-revise tr:nth-child(5)>td div label {
    width: 50%;
  }

  /* 복약 상세페이지 */
  .medicine-detail-graph {
    display: block;
  }

  /* 복약 수정 페이지 */
  .modal-main table th {
    width: 100%;
    display: block;
  }

  .modal-main table td {
    padding: 0.5rem 0;
  }

  /* 최근 일주일 댁내 온도(모달창) */
  .temperature-modal td:nth-of-type(1) {
    font-weight: 900;
    padding: 1rem;
  }

  .temperature-modal td:nth-of-type(2):before {
    content: "날짜";
  }

  .temperature-modal td:nth-of-type(3):before {
    content: "02:00";
  }

  .temperature-modal td:nth-of-type(4):before {
    content: "10:00";
  }

  .temperature-modal td:nth-of-type(5):before {
    content: "14:00";
  }

  .temperature-modal td:nth-of-type(6):before {
    content: "23:00";
  }



  /* 방문 관리 상세 페이지 */
  /* 방문 수정 페이지 */
  .visit-revise th {
    width: 40%;
    font-size: 1.4rem;
  }

  .visit-revise tr:nth-child(3) td {
    display: block;
  }

  .visit-revise tr:nth-child(3) td>div {
    display: flex;
    margin: 0.5rem 0;
  }

  /* 방문 등록 */
  .user-list {
    display: none;
  }

  .insert {
    display: block;
  }

  .insert table tr:nth-child(6) td {
    display: block;
  }

  .insert tr:nth-child(6) td>div {
    display: flex;
    margin: 0.5rem 0;
  }

  .insert tr:nth-child(6) td>div input {
    width: 50%;
  }

  /* 장비조회 */

  /* 장비 상세 조회 */

  /* 장비등록 */

  .equipment-insert tr:nth-child(5) td {
    width: 28%;
  }

  .equipment-insert tr:nth-child(6) td {
    width: 100%;
  }

  .equipment-insert tr:nth-child(5) td select {
    display: flex;
    justify-content: flex-start;
    width: 100%;
  }

  .equipment-insert tr:nth-child(5) td input {
    display: table;
    width: 90%;
  }

  .equipment-insert tr:nth-child(6) td select {
    display: flex;
    justify-content: flex-start;
    width: 100%;
  }

  /* 내정보수정 */
  .join-inner {
    width: 100%;
  }

}

/* 모바일 가로, 테블릿 세로 (해상도 ~ 479px)*/
@media all and (max-width:479px) {

  /* 권한관리 */
  .authority-table-pc {
    display: none;
  }

  .authority-table-mobile thead tr:nth-child(1) {
    display: flex;
  }

  .authority-table-mobile thead tr:nth-child(1)>div {
    font-size: 1.6rem;
    width: 100%;
  }

  .authority-table-mobile select {
    margin: 1rem 0;
  }

  .authority-table-mobile {
    display: block;
  }

  .authority-table-mobile thead {
    display: inline-table;
    width: 100%;
  }

  .authority-table-mobile tr,
  .authority-table-mobile td {
    display: revert;
  }

  .authority-table-mobile tr {
    width: 100%;
  }

  .authority-table-mobile tr:nth-child(2) th:nth-child(1) {
    width: 50%;
  }

  .authority-table-mobile td {
    padding: 1rem;
    width: 10%;
  }

  .authority-table-mobile tbody td input {
    margin-right: 1rem;
  }

  .authority-table-mobile tbody td label {}

  .authority-table-mobile th {
    width: 50%;
  }

  /* 사용자관리 */
  .tab-menu-mobile {
    display: block;
    padding: 1rem;
    background-color: #ffffff;
  }

  .tab-menu {
    display: none;
  }

  .search-management {
    justify-content: space-between;
  }

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

  .search-management input {
    width: 30%;
    margin-right: 1rem;
  }

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

  /* 공통 */
  table td {
    border: none;
    position: relative;
    border-bottom: 1px solid #eee;
    font-size: 1.2rem;
    padding-left: 10rem;
  }

  .header-flex {
    display: flex;
    justify-content: flex-start;
  }

  /* 보호자 메인 그리드 */
  .pc {
    display: none;
  }

  .mobile {
    display: block;
  }

  .mobile .main-grid-guardian {
    gap: 0.5rem;
  }

  .mobile .main-grid-guardian .content-box {
    padding: 0.5rem;
  }

  .mobile .main-grid-guardian .content-box:nth-child(2)>div p {
    font-size: 1.8rem;
  }

  .mobile .main-grid-guardian .content-box:nth-child(7)>div {
    justify-content: flex-start;
  }

  .mobile .main-grid-guardian {
    grid-template-columns: 1fr;
    grid-template-rows: none;
  }

  .mobile .main-grid-guardian .combine-right-government,
  .mobile .main-grid-guardian .combine-left {
    grid-column: 1;
  }

  .mobile .main-grid-guardian .combine-bottom-government {
    grid-column: 0;
  }

  /* button */

  .btn-large {
    font-size: 1.4rem;
    width: 20%;
  }

  /* 로그인 */
  .login-wrap h1 {
    font-size: 1.8rem;
    line-height: 1rem;
  }

  .login-wrap h3 {
    margin: 20% 0 5% 0;
    font-size: 2rem;
    text-align: center;
  }

  .login-form .login-inner .content {
    width: 80%;
    margin: 1rem auto;
  }

  .container {
    width: 100%;
    margin: 0;
    padding: 2rem;
  }

  .container .btn-wrap {
    margin-top: 5rem;
  }

  .container button {
    width: 30%;
  }

  /* 메인 */
  .temp p {
    font-size: 2rem;
  }

  .main-battery-title {
    font-size: 1.4rem;
    justify-content: flex-start;
    padding-right: 1rem;
  }

  .battery::after {
    content: " 남았습니다.";
    font-size: 1.4rem;
    margin-left: 0;
  }

  .battery p {
    font-size: 2rem;
    padding-left: 0;
    padding-right: 1rem;
  }

  #chartdiv1 {
    height: 25vh;
  }

  .statistics li p:nth-of-type(1),
  .statistics li p:nth-of-type(2) {
    font-size: 1.4rem;
  }

  .weather-info {
    width: 70%;
    padding-right: 1rem;
  }

  .recent-visit {
    border: 0;
  }

  .recent-visit td {
    padding-left: 12rem;
  }

  .recent-visit td:nth-of-type(1) {
    font-weight: bold;
    padding: 0.5rem;
  }

  .recent-visit td:nth-of-type(1)::before {
    content: "";
  }

  .recent-visit td:nth-of-type(2):before {
    content: "방문목적";
  }

  .recent-visit td:nth-of-type(3):before {
    content: "방문 상세 이유";
  }


  /* 검색창 */

  .mobile-area-wrap {
    display: block;
    margin-top: 1rem;
  }

  .mobile-area-wrap div {
    width: 100%;
    margin-top: 1rem;
  }

  .mobile-area-wrap div label {
    width: 30%;
    font-size: 1.6rem;
  }

  .mobile-area-wrap div select {
    width: 70%;
  }

  .area-wrap {
    display: none;
  }

  .search-area {
    padding: 1rem;
  }

  .detail-search table tr,
  .detail-search table th,
  .detail-search table td {
    display: block;
  }

  .detail-search table th {
    width: 100%;
    margin: 1rem 0;
  }

  .detail-search table td::before {
    display: none;
  }

  .detail-search table tr {
    border: 0;
  }

  .detail-search table td {
    padding: 0;
    border: 0;
  }

  .detail-search tbody tr:nth-of-type(3) td {
    width: 50%;
    display: flex;
  }

  .detail-search tbody tr:nth-of-type(3) th:nth-child(3) {
    width: 100%;
  }

  /* 시니어 정보 상세 조회 */
  .senior-detail th,
  .senior-detail td {
    display: block;
  }

  .senior-detail th {
    font-size: 1.2rem;
    width: 100%;
  }

  .senior-detail td {
    width: 100%;
    font-size: 1.2rem;
  }

  .senior-detail td span {
    width: 100%;
    font-size: 1.2rem;
    text-align: center;
  }

  /* 시니어 등록창 */
  .senior-insert {
    display: grid;
  }

  .senior-insert th {
    font-size: 1.4rem;
    width: 50%;
    padding: 1rem 10rem;
  }

  .senior-insert td {
    display: list-item;
    padding-top: 1rem;
  }

  .senior-insert select {
    width: 100%;
  }

  .senior-insert input {
    width: 100%;
  }

  .senior-insert tr:nth-child(2) .gender {
    padding: 1rem 1rem;
    display: flex;
    flex: 0 0 25%;
  }

  .senior-insert tr:nth-child(2) .gender input {
    width: 25%;
  }

  .senior-insert td::marker {
    content: "";
  }

  /* 복약조회*/

  /* 복약 상세페이지 */
  .medicine-detail-graph {
    display: block;
  }

  /* 복약 수정 페이지 */
  .modal-main table th,
  .modal-main table td {
    display: block;
  }

  .modal-main table th {
    width: 100%;
  }

  .modal-main table td {
    padding: 0.5rem 0 0 12rem;
  }

  .medicine-revise tr {
    border: 0;
  }

  .medicine-revise tr:nth-child(3)>td div,
  .medicine-revise tr:nth-child(4)>td div,
  .medicine-revise tr:nth-child(5)>td div {
    width: 50%;
  }

  .medicine-revise tr:nth-child(3)>td div input,
  .medicine-revise tr:nth-child(4)>td div input,
  .medicine-revise tr:nth-child(5)>td div input {
    width: 20%;
  }

  .medicine-revise tr:nth-child(3)>td div label,
  .medicine-revise tr:nth-child(4)>td div label,
  .medicine-revise tr:nth-child(5)>td div label {
    width: 50%;
  }


  /* 댁내 온도 조회 */


  /* 최근 일주일 댁내 온도(모달창) */
  .temperature-modal td:nth-of-type(1) {
    font-weight: 900;
    padding: 1rem;
  }

  .temperature-modal td:nth-of-type(2):before {
    content: "날짜";
  }

  .temperature-modal td:nth-of-type(3):before {
    content: "02:00";
  }

  .temperature-modal td:nth-of-type(4):before {
    content: "10:00";
  }

  .temperature-modal td:nth-of-type(5):before {
    content: "14:00";
  }

  .temperature-modal td:nth-of-type(6):before {
    content: "23:00";
  }

  /* 방문 조회 */

  /* 방문 관리 상세 페이지 */
  .senior-detail tr:nth-of-type(6) td {
    display: flex;
    justify-content: center;
  }

  .senior-detail td {
    padding: 0;
  }

  /* 방문 수정 페이지 */
  .visit-revise th {
    width: 40%;
    font-size: 1.4rem;
  }

  .visit-revise tr:nth-child(3) td {
    display: block;
  }

  .visit-revise tr:nth-child(3) td>div {
    display: flex;
    margin: 0.5rem 0;
  }

  /* 방문 등록 */
  .user-list {
    display: none;
  }

  .insert {
    display: block;
  }

  .insert table tr:nth-child(6) td {
    display: block;
  }

  .insert tr:nth-child(6) td>div {
    display: flex;
    margin: 0.5rem 0;
  }

  .insert tr:nth-child(6) td>div input {
    width: 50%;
  }

  /* 장비조회 */

  /* 장비 상세 조회 */
  /* 장비등록창 */
  .equipment-modal tbody td {
    padding: 0.5rem;
  }


}