.member-box .member-main {
  border-bottom: 1px solid #dedede;
  cursor:pointer;
}
.member-box .member-main:hover .card {
  color: #139;
}
.member-box img {
  width: 180px;
  height: 180px;
  object-fit: contain;
}
.member-box .card {
  border: none !important;
}
.member-box .card .card-body .card-title {
  font-size: 18px;
  font-weight: 900;
}
.member-box .card .card-body .card-text {
  font-size: 14px;
  line-height: 21px;
}
.member-box .card .card-body .btn {
  color: #96a2d2;
  background-color: #e7ebf6;
  font-size: 12px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  padding: 0 10px;
  margin-right: 5px;
  margin-bottom: 5px;
}
.col-3,
.col-12{
  cursor: pointer;
}
.col-3:hover .card-title,
.col-12:hover .card-title{
  color: #139;
}
.col-3 .main-box .card,
.col-12 .main-box .card{
  margin: 10px 0 10px ;
  text-align: center;
  width: 290px;
  height: 215px;
  border: none;
}
.col-3 .main-box .card:hover,
.col-12 .main-box .card:hover{
  box-shadow: 10px 10px 10px 2px #eee;
}
.col-3 .main-box .card .card-img-top,
.col-12 .main-box .card .card-img-top{
  margin: 20px auto 0px;
  width: 110px;
  height: 110px;
  object-fit: contain;
}
.col-3 .main-box .card .card-title,
.col-12 .main-box .card .card-title{
  font-size: 18px;
  font-weight: 900;
}
.col-12 .main-box .card {
  width: 100% !important;
}