._TOP {
  display: flex;
  align-items: center;
  width: 100%;
  height: 65px;
  background: var(--sub-color);
}

._TOP > .top_title {
  margin-left: 25px;
  margin-right: 25px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  /* width: 200px; */

  flex: 1;
}

._TOP > .top_title > label{
  color: var(--sub-font-color);
  font-size: 18px;
  font-weight: 700;
}

._TOP > .top_title > #apartmentName{
  color: var(--yellow-color);
  font-size: 14px;
  font-weight: 600;
}

._TOP > .top_menu {
  display: flex;
  align-items: center;
  justify-content: center;
}

._TOP > .top_menu > .topMenu_item{
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 30px;
  padding-right: 30px;
  cursor: pointer;
}

._TOP > .top_menu > .topMenu_item + .topMenu_item {
  border-left: 2px #888888 solid;
}

._TOP > .top_menu > .topMenu_item > label{
  font-size: 16px;
  font-weight: 500;
  color: #bbbbbb;
  cursor: pointer;
}

._TOP > .top_menu > .topMenu_item.select{

}

._TOP > .top_menu > .topMenu_item.select label{
  color: #ffffff;
  font-weight: 800;
}

._TOP > .top_info {
  margin-left: 25px;
  margin-right: 25px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  /* width: 200px; */
  flex: 1;
}

._TOP > .top_info > .topInfo_time {
  display: flex;
  align-items: center;
  justify-content: center;
}

._TOP > .top_info > .topInfo_time > label{

}

._TOP > .top_info > .topInfo_alram {
  display: flex;
  align-items: center;
  justify-content: center;
}

._TOP > .top_info > .topInfo_alram > a{
  font-size: 22px;
  font-weight: 600;
  color: #ffffff;
}




._MAIN {
  width: 100%;
  height: calc(100% - 65px);
  overflow: hidden;
}

._MAIN > .MAIN_VIEW{
  width: 100%;
  height: 100%;
}