/* .container-body { margin: 0 auto; width: 80%; padding: 0; display: flex; align-content: center;} */
/* .container-body * { font-size: 13px !important; } */
/* .container-body .main_container { width: 100%; padding: 10px; } */
/* .container-body * { font-size: 13px !important; margin: 0 auto; width: 80%; padding: 0;} */

/* .flexArea { display: flex; align-items: center; width: 100%; margin-bottom: 10px;} */
/* .flexArea > * {height: 35px;} */
/* .flexArea > label:not([for="searchEndDate"]) {
    align-items: center;
    text-align: left;
    flex-shrink: 0;
    font-weight: bold;
} */

/* .flexArea .flexRow-Three {
  display: flex;
  width: 33.33%;
  padding-right: 10px;
} */

/* .flexArea .flexRow-Three > label:not([for="searchEndDate"]) {
  width: 80px ;
  align-content: center;
  font-weight: bold;
} */
/* label[for="searchEndDate"] {
  align-content: center;
  margin: 0 10px;
  font-weight: bold;
} */

.rowArea .rowAreaTree {
  display: flex;
  width: 33.33%;
  padding-right: 10px;
  margin-top: 5px;
}

.rowArea .rowAreaTree > label:not([for="searchEndDate"]) {
  width: 20%;
  align-content: center;
  font-weight: bold;
}

.rowArea label[for="searchEndDate"] {
  align-content: center;
  margin: 0 10px;
  font-weight: bold;
  width: 10px ;
  margin-top: 8px;
}

.rowArea label[for="searchStartDate"] {
  margin-top: 18px;
}

.rowArea .selectArea {
  width: 50%;
}

/* .flexArea .flexRow-Half {
  display: flex;
  width: 50%;
  align-items: center;
} */

/* .flexArea .flexRow-Half > label:not([for="searchEndDate"]) {
  width: 80px;
  align-content: center;
  font-weight: bold;
} */

/* .flexArea .flexRow-Half > label:not(:nth-child(1)) {
  margin-left: 10px;
} */

/* .flexArea .flexRow-Three > label:not(:nth-child(1)) {
  margin-left: 10px;
} */

/* .flexArea .flexRow-Three > label:nth-child(1) {
  margin-right: 10px;
} */


#detailed-search { background-color: rgba(255, 255, 255, 0.9); border: 1px solid #ccc; margin-top: 10px; padding: 10px; width: 100%; }
#detailed-search {
  display: block;
  /* flex-wrap: wrap; */
  /* justify-content: space-between; */
}


.flexArea .dateArea {
  align-items: center;
  text-align: center;
  /* height: 100%; */
  /* width: 40%; */
  /* flex-shrink: 0; */
  /* font-weight: bold; */
  max-width:  max-content;
}

.flexArea .frontArea  {
  /* width: 38%;  */
  text-align: left;
  flex : 1;
}
.flexArea .backArea  {text-align: left;  flex:  2;}
.flexArea .centerArea  {
  width: 150px; 
  text-align: center;

}

/* #detailed-search > div > label {
  width: 55px;
  margin-right: 10px;
  flex-shrink: 0;
  font-weight: bold;
} */


#searchTable { margin-top: 10px; width: 80%; margin-left: auto; margin-right: auto; font-size: 13px;}

#costSlp > thead,
#searchTable > thead { background-color: hsl(215, 30%, 74%); color: white; }

#costSlp > thead > tr > th,
#searchTable > thead > tr > th { text-align: center; font-weight: bold;}


#costSlp > tbody > tr.active { background-color: #f8f8f8; }
#costSlp > tbody > tr { cursor: default; background-color: none; }
#costSlp > tbody > tr:hover { cursor: pointer; background-color: #f8f8f8;}

#costSlp th:nth-child(1), 
#costSlp td:nth-child(1) {text-align: center;}  /* 순서  */

#costSlp th:nth-child(2), 
#costSlp td:nth-child(2) {text-align: center;} /* 계정과목  */

#costSlp th:nth-child(3), 
#costSlp td:nth-child(3) {text-align: center;} /* 세목  */

#costSlp th:nth-child(4), 
#costSlp td:nth-child(4){text-align: center;}  /* 계정명칭  */

#costSlp th:nth-child(5),
#costSlp td:nth-child(5) {text-align: center;} /* 사번  */

#costSlp th:nth-child(6), 
#costSlp td:nth-child(6) {text-align: center;} /* 사원명  */

#costSlp th:nth-child(7) {text-align: center;}
#costSlp td:nth-child(7) {text-align: right;}  /* 차변금액 */

#costSlp th:nth-child(8) {text-align: center;}
#costSlp td:nth-child(8) {text-align: right;}  /* 대변금액  */

#costSlp th:nth-child(9),
#costSlp td:nth-child(9) {text-align: center;}  /* 적요  */

#costSlp th:nth-child(10),
#costSlp td:nth-child(10) {text-align: center;}  /* 예산부서  */

#costSlp th:nth-child(11),
#costSlp td:nth-child(11) {text-align: center;} /* 지출증빙  */