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

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

.topsblck .features-content {
	width: 50%;
	margin: 0 auto;
}
.topsblck .features-content span {
    color: #4479d9;
    padding: 0 20px;
}
.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;
}