#home-wrp {
  display: flex;
  width: 100%;
  max-width: 1500px;
  padding: 0px 15px;
  margin: auto;
  box-sizing: border-box;
  flex-direction: column;
}

@media only screen and (max-width: 500px) {
  #home-wrp {
    padding: 0px calc(15 * 100vw / 500);
  }
}

#home-content {
  display: flex;
  width: 100%;
  flex-direction: column;
  box-sizing: border-box;
  padding: 0px var(--home-banner-title-padding);
}

.home-content-border-wrp {
  display: flex;
  width: 100%;
  justify-content: center;
}

.home-content-border {
  display: block;
  width: 825px;
  height: 1px;
  max-width: 70vw;
  background-color: #2c2c2c;
}

.h-more-learn-more-txt {
  color: #2196f3;
}

.h-more-book-txt {
  color: #63af63;
}

.h-more-editor-txt {
  color: #e47d7d;
}

.h-more-learn-more-icn {
  background-image: url(../../uni/icons/add5.svg);
}

.h-more-book-icn {
  background-image: url(../../uni/icons/add9.svg);
}

.h-more-editor-icn {
  background-image: url(../../uni/icons/add8.svg);
}