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

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

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


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

#empList th:nth-child(1), /* 사번 */
#empList td:nth-child(1) { width: 5%; text-align: center; vertical-align: middle;}

#empList th:nth-child(2), /* 사원 */
#empList td:nth-child(2) { width: 8%; text-align: center; vertical-align: middle;}

#empList th:nth-child(3), 
#empList td:nth-child(3), /* 부서code */
#empList th:nth-child(4), 
#empList td:nth-child(4), /* 부서 */
#empList th:nth-child(5),
#empList td:nth-child(5) {
  text-align: center;
  vertical-align: middle;
} /* 관리자여부 */

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