.contentBox {
  padding-top: 70px;
}
@media (max-width: 1180px) {
  .contentBox {
    padding-top: 50px;
  }
}
@media (max-width: 480px) {
  .contentBox {
    padding-top: 40px;
  }
}
.contentBox .wrap {
  max-width: 1400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 50px;
  margin: 0 auto;
}
@media (max-width: 1536px) {
  .contentBox .wrap {
    max-width: 100%;
  }
}
@media (max-width: 1360px) {
  .contentBox .wrap {
    gap: 30px;
  }
}
@media (max-width: 1180px) {
  .contentBox .wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.contentBox .wrap .leftBox {
  width: 100%;
  max-width: 300px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 1180px) {
  .contentBox .wrap .leftBox {
    max-width: 100%;
    padding: 0;
  }
}
.contentBox .wrap .rightBox {
  width: 100%;
}