#dep-logo {
  display: flex;
  align-items: flex-start;
  margin: 40px 0px 10px 8px;
}
#dep-logo img {
  height: 90px
}
.dep-menu {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -24px;
  font-size: xx-large;
}

.dep-menu a {position: absolute;}

#dep-menu-general {
  padding-left: 60px;
  line-height: 40px;
  background: url(/img/department/menu01.png) no-repeat;
}
#dep-menu-accounting {
  padding-left: 60px;
  line-height: 40px;
  background: url(/img/department/menu02.png) no-repeat;
}
#dep-menu-management {
  padding-left: 60px;
  line-height: 40px;
  background: url(/img/department/menu03.png) no-repeat;
}
#dep-menu-facility_g {
  padding-left: 60px;
  line-height: 40px;
  background: url(/img/department/menu04.png) no-repeat;
}
#dep-menu-sales {
  padding-left: 60px;
  line-height: 40px;
  background: url(/img/department/menu05.png) no-repeat;
}
#dep-menu-sales_office {
  padding-left: 60px;
  line-height: 40px;
  background: url(/img/department/menu06.png) no-repeat;
}#dep-menu-business-affairs {
  padding-left: 60px;
  line-height: 40px;
  background: url(/img/department/menu07.png) no-repeat;
}
#dep-menu-vehicle {
  padding-left: 60px;
  line-height: 40px;
  background: url(/img/department/menu08.png) no-repeat;
}#dep-menu-facility {
  padding-left: 60px;
  line-height: 40px;
  background: url(/img/department/menu09.png) no-repeat;
}
#dep-menu-vender {
  padding-left: 60px;
  line-height: 40px;
  background: url(/img/department/vender.png) no-repeat;
}
#dep-menu-client {
  padding-left: 60px;
  line-height: 40px;
  background: url(/img/department/client.png) no-repeat;
}
#dep-logout-back a {
 padding-left: 40px;
}

#dep-menu-backp {
  margin: 0px -30px 0px 0px;
  width: 196px;
  height: 40px;
  line-height: 70px;
  border-bottom: 68px solid #d9e588;
  border-left: 30px solid transparent;
  font-weight: bold;
}

#dep-logout {
  margin: 0px -30px 0px 0px;
  width: 196px;
  height: 40px;
  line-height: 70px;
  border-bottom: 68px solid #d9e588;
  border-left: 30px solid transparent;
  font-weight: bold;
}

#dep-menu-backp > a {text-decoration:none;}
#dep-logout > a {text-decoration:none;}


.dep-mega {
  display: flex;
  justify-content: center;
  align-items: center;
/*  margin-top: -44px;*/
  font-size: xx-large;
}
.dep-mega > a {  text-decoration:none;}

.dep-mega a:hover {
  color: #eeeeee;
}

.mega-cnt {
  list-style: none;
  float: left;
}
.mega-cnt:hover {background-color:#67b94c;}

.menu {
  display: flex;
/*  position: relative;*/
  position: absolute;
  z-index: 9999!important;
  margin-top: -50px;
}
.menu .menu_list {
  margin-top: -20px;
  margin-bottom: -16px;
  list-style: none;
}
.menu .menu_list > a {
  display: block;
  padding: 10px;
  text-align: center;
  transition: .3s;
}
.menu .menu_list > a:hover {
  color: #fff;
  background: #fb4343;
}

.menu_contents {
  display: none;
  position: absolute;
  top: 300%;
  left: 0;
  width: 100%;
  left: -200%;
  width: 500%;
  border-radius: 10px;
  border: 2px solid #d8e9b8;
  background: white;
}
.menu_contents_vehcle {
  display: none;
  position: absolute;
  top: 300%;
  left: 0;
  width: 84%;
  left: -94%;
  width: 308%;
  border-radius: 10px;
  border: 2px solid #d8e9b8;
  background: white;
}
.menu_contents ul, .menu_contents_vehcle ul {
  margin: 10px;
}
.menu_contents li {

}
.menu_contents li a, .menu_contents_vehcle li a {
  font-size: medium;
}

.menu-cnt {
  line-height: 52px;
  padding-left: 8px;
  margin: 26px;
  width: 204px;
  border-radius: 10px;
  border: 4px solid #d8e9b8;
  box-shadow:0 1.9px 2.5px rgb(0 0 0 / 6%), -10px 9px 6.1px rgb(0 0 0 / 8%), 0 10.1px 11.4px rgb(0 0 0 / 9%);
}

.menu-cnt > img {
  padding-right: 10px;
  padding-bottom: 8px;
}

#manu-select {
  width: 80%;
}
#menu-task {
  margin-top: 38px;
}

.navbar-brand {
  font-size: large;
}