/* 공통 */
.logo {
  font-size: 2.4rem;
  font-family: 'AuctionGothic_Medium';
}

header>div {
  height: 100%;
}

.join-btn {
  background-color: transparent;
}

.highlight {
  font-weight: 900;
  background-color: #18924e;
}

.menuicon {
  display: none;
  cursor: pointer;
  height: 9.4rem;
  left: 2.5rem;
  top: 2.6rem;
  position: absolute;
}

/* 시행기관 장비관리 리스트 */

.visitlist {
  height: 55vh;
}

.agency-visitlist {
  border: 0;
}

.agency-visitlist th {
  background-color: #fdede9;
}

.agency-calendar .react-calendar {
  height: 10vh;
}

.agency-calendar .react-calendar__month-view__weekdays {
  display: none !important;
}

.agency-calendar .react-calendar__month-view__days {
  flex-wrap: unset !important;
  padding: 0 0 3rem 0;
}

.agency-calendar .react-calendar__month-view__days__day {
  flex: 0 0 2.85% !important;
  padding: 1rem 0;
}

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

/* Q&A */
.question-select input {
  width: 3%;
}

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

.question-select select {
  width: 16%;
  height: 3.7rem;
}

.qna-insert select {
  height: 3.7rem;
}

.qna-insert th {
  font-size: 1.8rem;
  color: #733c1d;
}

/* 담당자배정 */
.protectorlist input {
  width: 20rem;
}

/* 위험기준관리 */
.risk-table input {
  width: 100%;
}

.risk-table select {
  width: 100%;
}

/* 문진표 */
.questionnaire-table th {
  display: block;
}

.questionnaire-table tr {
  padding: 1rem;
}

.questionnaire-table input {
  width: 9%;
}

/* 카테고리 기관 추가*/
.explain-table th {
  background: #ffffff;
}

.total p {
  font-size: 1.6rem;
  font-weight: 600;
}

.total {
  color: #733c1d;
}

.total-equip::before {
  content: "";
  border-left: 20px solid #5a70df;
  margin-right: 1rem;
}

.total-senior::before {
  content: "";
  border-left: 20px solid #7D9D9C;
  margin: 0 1rem 0 3rem;
}



/* -----------------------------------------------지자체 */


.map {
  width: 100%;
  height: calc(100% - 31px);
  display: flex;
  justify-content: center;
  align-items: center;
}

.statistics {
  border: 1px solid #eeeeee;
  border-radius: 5px;
  padding: 1rem;
}

.statistics li {
  width: 30%;
  padding: 1rem;
  text-align: center;
  border-radius: 10px;
  margin: 0.5rem;
}

.statistics li:nth-child(1) {
  border: 1px solid #18924e;
}

.statistics li:nth-child(2) {
  border: 1px solid #ec220c;
}

.statistics li:nth-child(3) {
  border: 1px solid #2132e3;
}

.statistics li:nth-child(4) {
  border: 1px solid #e3d621;
}

.statistics li p:nth-of-type(1) {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 1rem;
}

.statistics li p:nth-of-type(2) {
  font-size: 1.6rem;
  font-weight: bold;
}

.statistics li p:nth-of-type(2)::after {
  content: "명";
}

.statistics-govern li {
  position: relative;
  padding-left: 5rem;
  text-align: center;
}

.statistics-govern li p:nth-of-type(1) {
  position: absolute;
  left: 0;
}

.statistics-govern:nth-of-type(1) {
  background-image: linear-gradient(to bottom right, #9890e3 0%, #b1f4cf 100%);
}

.statistics-govern:nth-of-type(2) {
  background-image: linear-gradient(to bottom right, #b1f4cf 0%, #5a70df 100%);
}

.statistics-govern:nth-of-type(3) {
  background-image: linear-gradient(to bottom right, #83a9d7 0%, #8d2ecd 100%);
}

.statistics-govern:nth-of-type(4) {
  background-image: linear-gradient(to bottom right, #8d2ecd 0%, #b1f4cf 100%);
}

.statistics-govern li p {
  color: #ffffff;
}

.statistics-govern li p:nth-of-type(2) {
  padding-bottom: 0.5rem;
  font-size: 1.6rem;
  font-weight: bold;
}

.statistics-govern li p:nth-of-type(3) {
  font-size: 1.6rem;
  font-weight: bold;
}

.statistics-govern li p:nth-of-type(3)::after {
  content: "명";
}

.statistics-agency {
  border-radius: 1.5rem;
  box-shadow: 1px 1px 18px 1px rgb(0 0 0 / 13%);
}

.statistics-agency li {
  padding: 0 2rem;
}

.statistics-agency li .text {
  padding-left: 1rem;
  width: 100%;
}

.statistics-agency li div p:nth-of-type(1) {
  font-size: 1.8rem;
  font-weight: bold;
  color: #ed724a;
}

.statistics-agency li div p:nth-of-type(2) {
  font-size: 2.5rem;
  font-weight: bold;
}

.peoplecount::after {
  content: "명";
  font-size: 1.5rem;
  color: #cbc9c9;
}

.equipcount::after {
  content: "개";
  font-size: 1.5rem;
  color: #cbc9c9;
}

.statistics-guardian {
  height: 100%;
}

.guardian-medicine {
  height: 16vh;
}

.statistics-guardian li {
  padding: 1rem 3rem;
  background: #ffffff;
  border-radius: 20px;
  margin: 0 auto;
  margin-bottom: 1rem;
}

/* .statistics-guardian:nth-child(1) {
  background: #fbe4e4;
}

.statistics-guardian:nth-child(2) {
  background: #edf7df;
}

.statistics-guardian:nth-child(3) {
  background: #f9f7e0;
}

.statistics-guardian:nth-child(4) {
  background: #e9e7fe;
}
.statistics-guardian li p{
  padding: 0 2rem;
} */
.statistics-guardian li:nth-child(2),
.statistics-guardian li:nth-child(3),
.statistics-guardian li:nth-child(4),
.statistics-guardian li:nth-child(5),
.statistics-guardian li:nth-child(6),
.statistics-guardian li:nth-child(7) {
  background: rgba(255, 254, 254, 0.5);
}

.chart-guardian {
  height: 77%;
}

.statistics-guardian li p:nth-child(3) {
  font-size: 1.5rem;
}

.statistics-guardian li p:nth-of-type(1) {
  position: inherit;
  font-size: 1.5rem;
  font-weight: bold;
}

.statistics-guardian li p:nth-of-type(2) {
  padding: 0;
  font-size: 2rem;
}

.guardian-table {
  width: 100%;
}

.guardian-table th {
  background: none;
}

.guardian-table td {
  border: 0;
}

.guardian-table {
  border: 0;
}

.guardian-table-inner {
  width: 100%;
}

.guardian-table-text {
  width: 20%;
  border-right: 3px solid #7D9D9C;
  font-size: 1.8rem;
  font-weight: bold;
  margin-right: 2rem;
}

.guardian-table1 {
  width: 100%;
}

.guardian-table1 th {
  background: none;
  font-size: 1.9rem;
}

.guardian-table1 th:nth-child(1) {
  background: #f48d8d;
  border: 6px solid rgba(255, 254, 254, 0.5);
}

.guardian-table1 th:nth-child(2) {
  background: #efa33a;
  border: 6px solid rgba(255, 254, 254, 0.5);
}

.guardian-table1 th:nth-child(3) {
  background: #eeeb3c;
  border: 6px solid rgba(255, 254, 254, 0.5);
}

.guardian-table1 th:nth-child(4) {
  background: #9be32e;
  border: 6px solid rgba(255, 254, 254, 0.5);
}

.guardian-table1 th:nth-child(5) {
  background: #9fa6f2;
  border: 6px solid rgba(255, 254, 254, 0.5);
}

.guardian-table1 th:nth-child(6) {
  background: #b089ed;
  border: 6px solid rgba(255, 254, 254, 0.5);
}

.guardian-table1 th:nth-child(7) {
  background: #e057f0;
  border: 6px solid rgba(255, 254, 254, 0.5);
}

.guardian-table1 td {
  border: 0;
}

.guardian-table1 {
  border: 0;
}

.guardian-table-inner {
  width: 100%;
}

.guardian-table-text {
  width: 20%;
  border-right: 3px solid #7D9D9C;
  font-size: 1.8rem;
  font-weight: bold;
  margin-right: 2rem;
}

.main-guardian {
  margin-bottom: 3rem;
}

.red {
  color: red;
}

.main-battery-title span::after {
  content: " 님의";
  margin-right: 1rem;
  font-size: 1.4rem;
}

.main-battery-title {
  font-size: 1.6rem;
  font-weight: 900;
}

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

.battery-wrap {
  height: 10rem;
}

.battery-img {
  position: relative;
  padding: 1.5rem 0 1.5rem 3rem;
}

.battery-img img {
  position: absolute;
  display: none;
  box-shadow: 1px 1px 14px 1px rgba(0, 0, 0, 0.15);
  border-radius: 20px;
}

.battery-img img.show {
  display: block;
}

.map svg {
  display: block;
}

.temp p {
  font-size: 3rem;
  font-weight: bold;
  color: rgb(103, 132, 220);
  text-align: center;
  padding-right: 1rem;
}

.temp::after {
  content: " 입니다.";
  font-size: 1.6rem;
  font-weight: 500;
}

.battery p {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  padding-right: 1rem;
}

.battery p:nth-child(3) {
  font-size: 1.5rem;
  padding-top: 0.7rem;
}

#chartdiv1 {
  height: 22vh;
}

/* ------------------------------------------------보호자 */
.react-calendar {
  width: 100%;
  border: none;
  height: 54vh;
}

.react-calendar__month-view__days {
  padding: 2rem 0;
}

.react-calendar__month-view__days button {
  padding: 2.5rem;
  border: 1px solid #fdede8;
  border-radius: 0;
}

.react-calendar__tile--active:enabled:hover,
.react-calendar__tile--active:enabled:focus {
  background: #e26f49;
}

.react-calendar__tile--active {
  background: #e26f49;
}

.weather-info

/* 보호자 복약 */
.guardian-medicine ul li {
  position: relative;
}

.guardian-medicine ul li img {
  position: absolute;
  display: none;
}

.guardian-medicine ul li img.show {
  display: block;
}

/* ------------------------------------- main page --------------------------------- */
/* 사용자 정보*/
.user-img {
  width: 150px;
  height: 150px;
  background-color: #d8d8d8;
  margin: auto;
  display: block;
  text-align: center;
  border-radius: 50%;
}

.user-name-wrap,
.user-img {
  margin-bottom: 1rem;
}

.user-name {
  font-size: 1.8rem;
  font-weight: bold;
}

.user-grade {
  font-size: 1rem;
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
  background-color: #fdb0b0;
  margin-left: 0.5rem;
}

.user-bir,
.user-pnum,
.user-add {
  font-size: 1.6rem;
  margin-bottom: 0.5rem;
  text-align: center;
}

.user-add {
  margin-bottom: 0;
}

/* 보호사 정보 */
.caregiver-info p {
  font-size: 1.6rem;
  margin-bottom: 1rem;
  font-weight: bold;
}

.caregiver-info span {
  font-weight: normal;
}

.caregiver-info p:nth-of-type(4) {
  margin-bottom: 0;
}

/* 날씨 api */
#fullDate,
#temp {
  font-size: 1.6rem;
  margin-right: 1rem;
  text-align: center;
}

#temp {
  font-weight: bold;
  text-align: center;
}

.weather-img {
  display: block;
  margin: auto;
}

/* ------------------------------------- login page --------------------------------- */

/* login */
.login-wrap {
  max-width: 100%;
  max-height: 100%;
  background-color: #f8f8f8;
}

.login-wrap h1 {
  max-width: 100%;
  text-align: center;
  padding: 3rem;
  font-size: 2.4rem;
  background: #242d2e;
  color: #ffffff;
}

.login-form h3 {
  font-size: 2rem;
  text-align: center;
  margin-bottom: 2rem;
}

.container {
  text-align: center;
}

.login-form {
  width: 500px;
  padding: 5rem 3rem;
  margin: auto;
  background-color: #ffffff;
  border-radius: 1rem;
}

.login-form .login-inner {
  margin-bottom: 2rem;
}

.login-form .login-inner .content {
  width: 100%;
  margin-bottom: 1rem;
}

.login-form .login-inner .fa-solid {
  font-size: 2rem;
  margin-bottom: 1rem;
  color: #eee;
}

.login-form .login-inner input {
  outline: none;
  border: 0;
  margin-bottom: 1rem;
  padding: 1.5rem;
  background: #eee;
}

.btn-bottom {
  margin-top: 2rem;
  border-top: 1px solid #eeeeee;
}

.join-login {
  height: calc(100% - 92px);
}

/* ------------------------------------- 회원가입 page --------------------------------- */
.join-group {
  width: 600px;
  background-color: #ffffff;
  border-radius: 1rem;
}

.join-group h3 {
  width: 100%;
  font-size: 2rem;
  padding: 3rem;
  background: #f0ebe3;
  border-radius: 1rem 1rem 0 0;
}

.join-inner {
  margin: 0 auto;
  padding: 3rem;
  font-size: 1.4rem;
}

.join-inner-update {
  width: 50%;
  margin: 0 auto;
  padding: 3rem;
  font-size: 1.4rem;
}

.join-inner input {
  padding: 1rem;
  line-height: 2rem;
}

.join-inner select {
  padding: 1rem;
}

.join-inner #id {
  max-width: 65%;
  margin-right: 1rem;
}

/* ------------------------------------- 상세페이지들 --------------------------------- */
/* 등록창 */
.insert-table td {
  padding: 2rem;
  text-align: left;
}

/* 검색창 */
.searchselect {
  width: 25%;
}

.searchselect label {
  width: 100%;
  margin-right: 3rem;
}

.mobile-area-wrap {
  display: none;
}

.search-group {
  width: 100%;
  margin-bottom: 2rem;
}

.detail-search table {
  border: none;
}

.detail-search table th,
.detail-search table td {
  background-color: #ffffff;
  text-align: left;
  font-size: 1.5rem;
}

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

.detail-search table td {
  border-top: none;
}

.detail-search tbody tr:nth-of-type(2) select {
  width: 24.4%;
}

.detail-search tbody select {
  height: 3.7rem;
}

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

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

.detail-search tbody tr:nth-of-type(3) td input {
  margin-right: 1rem;
}

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

.select-area {
  width: 100%;
  padding: 1rem;
  background-color: #f1bdb2;
}

.search-area {
  padding: 2rem;
}

.search-area button {
  width: 100%;
}

.search-area details {
  margin-top: 1rem;
}

.search-area details summary {
  font-weight: bold;
  font-size: 1.4rem;
}

.search-line {
  margin-bottom: 5rem;
}

.search-group #date {
  width: 100%;
}

.area-wrap {
  margin-bottom: 5rem;
}

.area {
  position: relative;
}

.area>li {
  padding: 1rem;
}

.area-list {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 8rem;
  background-color: #ffffff;
  border-radius: 0.3rem;
  padding: 1rem;
}

.area-list ul li {
  width: 100%;
}

input[type="radio"]#all,
input[type="radio"]#no1,
input[type="radio"]#no2,
input[type="checkbox"]#no3,
input[type="checkbox"]#no4,
input[type="checkbox"]#no5,
input[type="checkbox"]#no6,
input[type="checkbox"]#no7,
input[type="checkbox"]#no8 {
  display: none;
}

#all:checked~div.area-list,
#no1:checked~div.area-list,
#no2:checked~div.area-list,
#no3:checked~div.area-list,
#no4:checked~div.area-list,
#no5:checked~div.area-list,
#no6:checked~div.area-list,
#no7:checked~div.area-list,
#no8:checked~div.area-list {
  display: block;
}

.item {
  display: inline-block;
  font-size: 14px;
  margin-top: 10px;
  background-color: rgba(255, 255, 255, 0.5);
  margin: 10px;
}

.item::after {
  display: inline-block;
  content: "\00d7";
  font-size: 14px;
  margin-left: 5px;

}

/* 노인등록 */
.medicine {
  height: 100px;
}

.senior-insert label {
  padding: 0 0rem 0 1rem;
  width: 5rem;
}

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

.senior-insert tr:nth-child(2) .gender {
  padding: 2rem 1rem;
}

#section {
  width: 100%;
}

/* 노인 상세 정보 */
.senior-detail th {
  text-align: left;
  width: 15%;
  border: 6px solid #ffffff;
  background: #f0ebe3;
  padding-left: 2rem;
  color: rgb(115, 60, 29);
  font-size: 1.6rem;
}

.senior-detail td {
  text-align: left;
}

.senior-detail td span {
  padding-left: 1rem;
}


/* 복약 상세페이지 */

.day-list {
  height: 700px;
  padding: 3rem;
  border: 10px solid #7d9d9c;
  overflow-y: auto;
}

.day-list ul li {
  font-size: 1.6rem;
  padding: 1rem 0;
  border-top: 1px solid #eeeeee;
}

.detail-graph {
  width: 100%;
  height: 37%;
  margin-bottom: 2rem;
  padding: 2rem;
  border: 1px solid #eeeeee;
  border-radius: 5px;
}

.medicine-detail-table .btn-wrap {
  margin: 0;
}


/* 복약 수정 페이지 */

.medicine-detail th {
  font-size: 1.4rem;
}

.modal-main table th {
  text-align: center;
}

.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%;
}

/* 방문관리 */
.visit-content {
  height: 45%;
}

.visit-info {
  max-width: 100%;
  height: 90%;
  padding: 2rem;
  border-radius: 1rem;
  background-color: #f8f8f8;
}

.visit-info ul li div {
  height: 100%;
}

.visit-info ul li {
  font-size: 1.6rem;
  letter-spacing: 0.5rem;
  margin-bottom: 1rem;
}

.visit-info ul li p {
  padding: 1rem;
  border: 1px solid #7d9d9c;
  border-radius: 1rem;
  height: 50%;
}

/* 방문 수정*/
.visit-revise tr:nth-child(3) input {
  width: 2rem;
}

.visit-revise tr:nth-child(3) label {
  width: 10rem
}

/* 방문 상세 */
.visit-detail th {
  width: 22%;
}

/* 방문 등록 */
.search-visit-insert {
  margin-bottom: 3rem;
}

.search-visit-insert button {
  width: 20%;
}

.search-visit-insert input {
  margin-right: 1rem;
}

/* 장비 관리*/
.equipment-search {
  margin-bottom: 1rem;
}

.select100 {
  width: 100%;
}

.equipment-table button {
  background-color: #ffffff;
  border: 1px solid #7D9D9C;
  color: #7D9D9C;
}

/* 장비등록 */
.select-agency {
  width: 59%;
  margin: 0 auto;
}

.user-list {
  background-color: #eeeeee;
  height: 57.8vh;
}

/* 모달 */
.modal {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  background-color: rgba(0, 0, 0, 0.6);
  color: #733c1d;
}

.modal .modal-inner {
  width: 52%;
  margin: 0 auto;
  border-radius: 0.3rem;
  background-color: #fff;
  animation: modal-show 0.3s;
  overflow: hidden;
  border-radius: 1rem;
}

.modal .modal-inner .modal-header {
  background-color: #d8d3c7;
  font-size: 2.5rem;
  font-weight: bold;
  padding: 2rem;
}

.modal-main {
  padding: 2rem;
}

.modal-main table {
  border: 1px solid #d8d3c7;
}

.modal-main table th,
.modal-main table td {
  text-align: center;
  font-size: 1.8rem;
}

.modal.openModal {
  display: flex;
  align-items: center;
  animation: modal-bg-show 0.3s;
}

/* 사용자 관리 */
.tab-menu .tab-menu-agency {
  display: flex;
}

.tab-menu-agency li {
  padding: 1rem 2rem;
  margin-right: 0.2rem;
  color: #733c1d;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
}

.tab-menu-agency li.active {
  color: #f25430;
  border-bottom: 2px solid #f25430;
}

.tab-menu li {
  padding: 1rem 2rem;
  margin-right: 0.2rem;
  background-color: #f2f0eb;
  color: #733c1d;
  border-radius: 0.5rem 0.5rem 0 0;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  box-shadow: 3px -2px 5px -2px rgb(0 0 0 / 20%);
}

.tab-menu li.active {
  background-color: #f25430;
  color: #ffffff;
}

.search-management select {
  width: 15%;
  height: 3rem;
}

.search-management input {
  width: 20%;
  height: 3.7rem;
  margin-right: 1rem;
}

.tab-container>div>div:nth-child(2) {
  margin: 1rem 0;
}

/* 권한 설정 */
.authority-table-mobile {
  display: none;
}

.authority-table-pc th,
.authority-table-pc td {
  padding: 1.5rem;
}

.authority-table-pc td:last-child {
  padding: 0;
}

@keyframes modal-show {
  from {
    opacity: 0;
    margin-top: -50px;
  }

  to {
    opacity: 1;
    margin-top: 0;
  }
}

@keyframes modal-bg-show {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.mobile {
  display: none;
}

/* -------------- 페이징 버튼 색상 적용 ----------------- */
.PagingBtn {
  background-color: #ff7f50;
  color: #ffffff;

}