/* .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: 30%; }
.flexArea > * {height: 35px;}
.flexArea > label {
    align-items: center;
    text-align: left;
    height: 100%;
    width: 75px;
    flex-shrink: 0;
    font-weight: bold;
}

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

#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;}

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

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


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

#deptList th:nth-child(1), /* 센터코드 */
#deptList td:nth-child(1),
#deptList th:nth-child(2), /* 센터명 */
#deptList td:nth-child(2),
#deptList th:nth-child(3), 
#deptList td:nth-child(3), /* 부서코드 */
#deptList th:nth-child(4), 
#deptList td:nth-child(4), /* 부서명 */
#deptList th:nth-child(5), 
#deptList td:nth-child(5), /* 사용여부 */
#deptList th:nth-child(6),
#deptList td:nth-child(6) {
  text-align: center;
  /* vertical-align: middle; */
} /* 정렬순서 */

/* #deptList td:nth-child(1) input[type="text"], 
#deptList td:nth-child(2) input[type="text"], 
#deptList td:nth-child(3) input[type="text"], 
#deptList td:nth-child(4) input[type="text"], 
#deptList td:nth-child(5) input[type="text"] {
  width: 100%; 
  text-align: center;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #ccc;
}  */