.membergrid {
  width: 100%;
  height: 100%;
  margin-bottom: 50px;
}

.member {
  display: flex;
  justify-content: center;
  gap: 5px;
}

.member img{
  border-radius: 4px;
}

#member {
  width: 70px;
  height: 70px;
  font-size: 0.8rem;
  margin: 5px 0px;
  border-radius: 4px;
  border: 1px solid #ccc;
}


#member img:hover {
  width: 100%;
  opacity: 40%;
  moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.ms {
  background-color: #9a89f6;
  background-image: url(/profile/images/1-moonsua-icon_2bit.png);
  background-repeat: no-repeat;
}
.sh {
  background-color: #bfdfae;
  background-image: url(/profile/images/2-suhyeon-icon_2bit.png);
  background-repeat: no-repeat;
}
.hm {
  background-color: #ef9bae;
  background-image: url(/profile/images/3-haram-icon_2bit.png);
  background-repeat: no-repeat;
}
.tk {
  background-color: #e75254;
  background-image: url(/profile/images/4-tsuki-icon_2bit.png);
  background-repeat: no-repeat;
}
.sn {
  background-color: #ef8c63;
  background-image: url(/profile/images/5-sheon-icon_2bit.png);
  background-repeat: no-repeat;
}
.sy {
  background-color: #f8d655;
  background-image: url(/profile/images/6-siyoon-icon_2bit.png);
  background-repeat: no-repeat;
}
.hn {
  background-color: #9ec7f9;
  background-image: url(/profile/images/7-haruna-icon_2bit.png);
  background-repeat: no-repeat;
}