.introduction {
  background-color: #F7F8FA;
  padding: 62px 0 130px 0;
}

.introduction .wrapper {
  padding: 20px 100px;
}

.introduction .wrapper .top-box .title {
  font-size: 36px;
  font-weight: bold;
  color: #232531;
  line-height: 40px;
  margin-bottom: 40px;
  text-align: center;
}

.introduction .wrapper .top-box .detail {
  font-size: 18px;
  color: #575962;
  line-height: 30px;
}

.introduction .wrapper .top-box .detail li {
  margin-top: 20px;
  font-weight: bold;
}

.introduction .wrapper .top-box {
  position: relative;
}

.introduction .wrapper .top-box .dot {
  position: absolute;
  top: 141px;
  left: 370px;
  -o-object-fit: contain;
  object-fit: contain;
  width: 160px;
  height: 160px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.introduction .wrapper img {
  width: 100%;
  margin-top: 40px;
  -o-object-fit: contain;
  object-fit: contain;
}