/* 모든 스타일은 css 충돌방지를 위해 .onebanner20을 기준으로 작성 하시면 됩니다. 예) .onebanner20 .box {} */
  .onebanner20{}
  
.cid-t5J9kVMVx6 {
  padding-top: 10rem;
  padding-bottom: 3rem;
  background-image: url("images/dots.svg");
  background-repeat: repeat;
  background-size: 30px 30px;
}
.cid-t5J9kVMVx6 .f-row {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 992px) {
  .cid-t5J9kVMVx6 .f-row {
    flex-direction: row;
  }
}
@media (max-width: 991px) {
  .cid-t5J9kVMVx6 .f-item {
    flex: 1 1 100%;
  }
}
@media (min-width: 992px) {
  .cid-t5J9kVMVx6 .f-60 {
    flex: 0 0 55%;
  }
  .cid-t5J9kVMVx6 .f-40 {
    flex: 0 0 45%;
  }
}
.cid-t5J9kVMVx6 .image-wrapper {
  height: 100%;
}
@media (min-width: 992px) {
  .cid-t5J9kVMVx6 .image-wrapper {
    min-height: 650px;
  }
}
.cid-t5J9kVMVx6 .image-wrapper img {
  min-height: 100%;
  width: 100%;
  object-fit: cover;
}
.cid-t5J9kVMVx6 .text-wrapper {
  width: 100%;
  background: #e38888;
  padding: 2rem 1rem;
}
@media (min-width: 992px) {
  .cid-t5J9kVMVx6 .text-wrapper {
    padding: 4rem 2rem;
    transform: translate(12%, 3rem);
  }
}
@media (min-width: 1200px) {
  .cid-t5J9kVMVx6 .text-wrapper {
    padding: 7rem 3.25rem;
  }
}
.cid-t5J9kVMVx6 .mbr-section-title {
  color: #fff;
}
.cid-t5J9kVMVx6 .mbr-text {
  color: #f6f6f6;
  text-align: left;
}