.main-top-img{
  width: 100%;
  height: 76rem;
  border: 1px solid rgba(var(--black-hex),0.1);
  padding: 3.2rem;
}
.main-top-text{
  width: 100%;
  padding: 6.4rem;
  border: 1px solid rgba(var(--black-hex),0.1);
  border-left-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.main-top-item:last-child{
  margin-bottom: 0;
}
@media(min-width:1560px) and (max-width:1579.98px){
  .main-top-img {
    height: 73.5rem;
  }
}
@media(min-width:1460px) and (max-width:1559.98px){
  .main-top-img {
    height: 68.5rem;
  }
  .main-top-text {
    padding: 5.6rem;
  }
}
@media(min-width:1360px) and (max-width:1459.98px){
  .main-top-img {
    height: 63.5rem;
  }
  .main-top-text {
    padding: 4.8rem;
  }
}
@media(min-width:1200px) and (max-width:1359.98px){
  .main-top-img {
    height: 57rem;
  }
  .main-top-text {
    padding: 4rem;
  }
}
@media(min-width:992px) and (max-width:1199.98px){
  .main-top-img {
    height: 46.5rem;
  }
  .main-top-text {
    padding: 3.2rem;
  }
}
@media(min-width:768px) and (max-width:991.98px){
  .main-top-img {
    height: 69rem;
  }
  .main-top-text {
    padding: 4rem;
    border-left-width: 1px;
    border-top-width: 0;
  }
  .main-top-text .h2 br{
    display: none;
  }
}
@media(max-width:767.98px){
  .main-top-img {
    height: 50rem;
    padding: 2.4rem;
  }
  .main-top-text {
    padding: 2rem;
    border-left-width: 1px;
    border-top-width: 0;
  }
  .main-top-item .col-md-6:nth-child(n + 2){
    margin-top: 2.4rem;
  }
}
@media(max-width:575.98px){
  .main-top-img {
    height: 89.334vw;
  }
}