/* 모든 스타일은 css 충돌방지를 위해 .sub-content4을 기준으로 작성 하시면 됩니다. 예) .sub-content4 .box {} */
  .sub-content4{}
  
.cid-t5RJT4ONFO {
 
  padding-bottom: 90px;
  background-color: #ffffff;
}
.cid-t5RJT4ONFO .mbr-section-subtitle {
  color: #ff6666;
}
.cid-t5RJT4ONFO .mbr-section-title {
  color: #6592e6;
}
.cid-t5RJT4ONFO img {
  width: 100%;
}
.cid-t5RJT4ONFO .mbr-text {
  color: #666666;
}
.cid-t5RJT4ONFO .mbr-section-btn {
  margin-top: 40px;
}
.cid-t5RJT4ONFO .mbr-section-btn .btn {
  margin-left: 0 !important;
}
@media (max-width: 768px) {
  .cid-t5RJT4ONFO * {
    text-align: left;
  }
}
.cid-t5RJT4ONFO .cards-wrap {
  flex-direction: column;
}
.cid-t5RJT4ONFO .wrapper {
  border-radius: 0.25rem;
  margin-bottom: 26px;
  display: flex;
}
.cid-t5RJT4ONFO .wrapper .img {
  margin-bottom: 20px;
  margin-right: 25px;
  background-color:#37bbd3;
  width: 50px;
  min-width: 50px;
  height: 50px;
  border-radius: 3px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.cid-t5RJT4ONFO .wrapper .img:hover {
  -webkit-animation-name: animation-wobble-vertical;
  animation-name: animation-wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.cid-t5RJT4ONFO .wrapper .img .mbr-iconfont {
  font-size: 1.875rem;
  top: 0;
  color: #ffffff;
  border-radius: 50%;
}
.cid-t5RJT4ONFO .wrapper .content .mbr-card-title {
  color: #6592e6;
  margin-bottom: 10px;
}
.cid-t5RJT4ONFO .wrapper .content .mbr-text {
  margin-bottom: 19px;
  color: #333333;
}








  /* 모든 스타일은 css 충돌방지를 위해 .topslogan을 기준으로 작성 하시면 됩니다. 예) .topslogan .box {} */
.topsblck {
	padding-top: 2rem;
	padding-bottom: 1rem;
	background-color:#608890;
}

.topsblck .mbr-overlay {
	background: #000000;
	opacity: 0.5;
}

.topsblck .features-content {
	width: 80%;
	margin-left:20px;
}
.topsblck .features-content span {
    color: #88b6c0;
   
}
.topsblck .features-content p {
    margin: 0 0 1.5rem 1.5rem;
}

@media (max-width: 768px) {
    .topsblck .features-content p {
      margin: 1rem 0 0 0;
    }
}

@media (max-width: 992px) {
  .topsblck .features-content {
    width: auto;
  }
}
.topsblck .features-content-wrapper {
  display: flex;
  margin-bottom: 1rem;
}

@media (max-width: 768px) {
  .topsblck .features-content-wrapper {
    display: block;
    text-align: center;
  }
}

.topsblck .mbr-section-btn {
  margin-left: 4.5rem;
}
@media (max-width: 768px) {
  .topsblck .mbr-section-btn {
    text-align: center;
    margin-left: 0;
  }
}

.topsblck .btn {
  width: 280px;
  height: 55px;
  box-shadow: none;
  opacity: .85;
  margin-left: 1rem;
}

.topsblck .btn:hover {
  background: #40b0bf !important;
  opacity: 1;
  border: none;
  box-shadow: none;
}

@media (max-width: 768px) {
  .topsblck .btn {
    width: 200px;
  }
}

.topsblck .ft-text,
.topsblck .btn {
  color: #FFFFFF;
}