.teacher {
  width: 100%;
  height: auto;
}

.teacher .teacher_content {
  width: 100%;
  height: 748px;
  position: relative;
}

.teacher .teacher_content > img {
  width: 799px;
  height: 748px;
  position: absolute;
  top: -3%;
  left: 50%;
  transform: translateX(-50%);
}

.teacher .teacher_content .teacher_box {
  width: 100%;
  height: 800px;
  position: relative;
}

.teacher .teacher_content .teacher_box .teacher_item {
  position: absolute;
  width: 270px;
  height: 139px;
  background: #FFFFFF;
  box-shadow: 0px 3px 20px 0px rgba(92, 90, 251, 0.1);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding-left: 37px;
}

.teacher .teacher_content .teacher_box .teacher_item:hover {
  background: #0255D7;
}

.teacher .teacher_content .teacher_box .teacher_item:hover .name {
  color: #FFFFFF;
}

.teacher .teacher_content .teacher_box .teacher_item:hover .job {
  color: #FFFFFF;
}

.teacher .teacher_content .teacher_box .teacher_item .name {
  font-size: 28px;
  font-weight: bold;
  color: #1A1A1A;
}

.teacher .teacher_content .teacher_box .teacher_item .job {
  margin-top: 19px;
  text-align: left;
  font-size: 18px;
  font-weight: 400;
  color: #1A1A1A;
  line-height: 28px;
}

.teacher .teacher_content .teacher_box .teacher_item:nth-of-type(1) {
  top: 15%;
  left: 19.8%;
}

.teacher .teacher_content .teacher_box .teacher_item:nth-of-type(2) {
  top: 45%;
  left: 14.8%;
}

.teacher .teacher_content .teacher_box .teacher_item:nth-of-type(3) {
  top: 77%;
  left: 19.8%;
}

.teacher .teacher_content .teacher_box .teacher_item:nth-of-type(4) {
  top: 15%;
  left: 67%;
}

.teacher .teacher_content .teacher_box .teacher_item:nth-of-type(5) {
  top: 45%;
  left: 70%;
}

.teacher .teacher_content .teacher_box .teacher_item:nth-of-type(6) {
  top: 77%;
  left: 67%;
}

@media screen and (max-width: 1600px) {
  .teacher {
    width: 100%;
    height: auto;
  }
  .teacher .teacher_content {
    width: 100%;
    height: 39.7375vw;
    position: relative;
  }
  .teacher .teacher_content > img {
    width: 42.44687vw;
    height: 39.7375vw;
    position: absolute;
    top: -3%;
    left: 50%;
    transform: translateX(-50%);
  }
  .teacher .teacher_content .teacher_box {
    width: 100%;
    height: 42.5vw;
    position: relative;
  }
  .teacher .teacher_content .teacher_box .teacher_item {
    position: absolute;
    width: 14.34375vw;
    height: 7.38437vw;
    background: #FFFFFF;
    box-shadow: 0vw 0.15937vw 1.0625vw 0vw rgba(92, 90, 251, 0.1);
    border-radius: 0.53125vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-left: 1.96562vw;
  }
  .teacher .teacher_content .teacher_box .teacher_item:hover {
    background: #0255D7;
  }
  .teacher .teacher_content .teacher_box .teacher_item:hover .name {
    color: #FFFFFF;
  }
  .teacher .teacher_content .teacher_box .teacher_item:hover .job {
    color: #FFFFFF;
  }
  .teacher .teacher_content .teacher_box .teacher_item .name {
    font-size: 1.4875vw;
    font-weight: bold;
    color: #1A1A1A;
  }
  .teacher .teacher_content .teacher_box .teacher_item .job {
    margin-top: 1.00937vw;
    text-align: left;
    font-size: 0.95625vw;
    font-weight: 400;
    color: #1A1A1A;
    line-height: 1.4875vw;
  }
  .teacher .teacher_content .teacher_box .teacher_item:nth-of-type(1) {
    top: 15%;
    left: 19.8%;
  }
  .teacher .teacher_content .teacher_box .teacher_item:nth-of-type(2) {
    top: 45%;
    left: 14.8%;
  }
  .teacher .teacher_content .teacher_box .teacher_item:nth-of-type(3) {
    top: 77%;
    left: 19.8%;
  }
  .teacher .teacher_content .teacher_box .teacher_item:nth-of-type(4) {
    top: 15%;
    left: 67%;
  }
  .teacher .teacher_content .teacher_box .teacher_item:nth-of-type(5) {
    top: 45%;
    left: 70%;
  }
  .teacher .teacher_content .teacher_box .teacher_item:nth-of-type(6) {
    top: 77%;
    left: 67%;
  }
}

@media screen and (max-width: 1024px) {
  .teacher {
    width: 100%;
    height: auto;
  }
  .teacher .teacher_content {
    width: 100%;
    height: 49.86667vw;
    position: relative;
  }
  .teacher .teacher_content > img {
    width: 53.33333vw;
    height: 49.86667vw;
    position: absolute;
    top: 5%;
    left: 50%;
    transform: translateX(-50%);
  }
  .teacher .teacher_content .teacher_box {
    width: 100%;
    height: 53.33333vw;
    position: relative;
  }
  .teacher .teacher_content .teacher_box .teacher_item {
    position: absolute;
    width: 25.33333vw;
    height: 15.46667vw;
    background: #FFFFFF;
    box-shadow: 0vw 0.4vw 2.66667vw 0vw rgba(92, 90, 251, 0.1);
    border-radius: 1.33333vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-left: 1.06667vw;
  }
  .teacher .teacher_content .teacher_box .teacher_item:hover {
    background: #0255D7;
  }
  .teacher .teacher_content .teacher_box .teacher_item:hover .name {
    color: #FFFFFF;
  }
  .teacher .teacher_content .teacher_box .teacher_item:hover .job {
    color: #FFFFFF;
  }
  .teacher .teacher_content .teacher_box .teacher_item .name {
    font-size: 2.93333vw;
    font-weight: bold;
    color: #1A1A1A;
  }
  .teacher .teacher_content .teacher_box .teacher_item .job {
    margin-top: 2.53333vw;
    text-align: left;
    font-size: 2.13333vw;
    font-weight: 400;
    color: #1A1A1A;
    line-height: 3.73333vw;
  }
  .teacher .teacher_content .teacher_box .teacher_item:nth-of-type(1) {
    top: 8%;
    left: 5.8%;
  }
  .teacher .teacher_content .teacher_box .teacher_item:nth-of-type(2) {
    top: 45%;
    left: 1.8%;
  }
  .teacher .teacher_content .teacher_box .teacher_item:nth-of-type(3) {
    top: 86%;
    left: 3.8%;
  }
  .teacher .teacher_content .teacher_box .teacher_item:nth-of-type(4) {
    top: 8%;
    left: 70%;
  }
  .teacher .teacher_content .teacher_box .teacher_item:nth-of-type(5) {
    top: 45%;
    left: 74%;
  }
  .teacher .teacher_content .teacher_box .teacher_item:nth-of-type(6) {
    top: 86%;
    left: 70%;
  }
}