html {
  font-size: 19.2px;
  overflow: unset;
}

html body {
  all: initial;
}

.team-member {
  margin-top: 0;
  padding-top: 0;
  width: 100%;
}

.team-member .click {
  opacity: 0.8;
  top: 40%;
}

.team-member .overview {
  width: 100%;
  min-height: 100vh;
  padding: 2rem;
  padding-top: 5rem;
  display: flex;
  flex-wrap: wrap;
}

.team-member .overview .team-container {
  width: 100%;
}

.team-member .overview .team-container .team-list {
  width: 100%;
}

.team-member .overview .team-container .team-list .team-item {
  width: 80%;
  margin: 0 auto;
  height: 23vw;
  background-color: #fff;
  box-shadow: 0.4vw 0.4vw 0vw #eee;
  border-radius: 1vw;
  overflow: hidden;
  display: flex;
  margin-bottom: 1rem;
}

.team-member .overview .team-container .team-list .team-item .team-img {
  width: 40%;
  overflow: hidden;
  position: relative;
}

.team-member .overview .team-container .team-list .team-item .team-img img {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  transition: all .35s ease-in;
  object-fit: cover;
}

.team-member .overview .team-container .team-list .team-item .team-content {
  background-image: linear-gradient(to right, #fef2ec, #feeef1, #e7f6f6, #eef8f2);
  width: 60%;
  padding: 1rem;
  font-size: 1.2vw;
  font-family: NavTitle;
  line-height: 2.1vw;
  color: #606060;
}

.team-member .overview .team-container .team-list .team-item .team-content .team-bold {
  font-weight: 900;
  color: #000;
}

.team-member .overview .team-container .team-list .team-item:hover img {
  transform: translateZ(100px) scale(1.1);
}