.pageContainer {
  max-width: 960px;
  margin: 0 auto;
}

@media (max-width: 992.98px) {
  .pageContainer {
    max-width: 720px;
  }
}
@media (max-width: 767.98px) {
  .pageContainer {
    max-width: 343px;
  }
}
.bannerContainer {
  max-width: 960px;
  margin: 0 auto;
}

@media (max-width: 992.98px) {
  .bannerContainer {
    max-width: 720px;
  }
}
@media (max-width: 767.98px) {
  .bannerContainer {
    max-width: 343px;
  }
}
.Btn {
  padding: 14px 16px;
}

.Btn:hover {
  background: transparent;
}

.Btn.inq-btn:hover {
  border-color: #00855B !important;
}
.Btn.inq-btn:hover .Txt-white {
  color: #00855B !important;
}

#banner .Btn:hover {
  border-color: #ffffff !important;
}
#banner .Btn:hover .Txt-green500 {
  color: #ffffff !important;
}

#content .Btn:hover {
  border-color: #00855B !important;
}
#content .Btn:hover .Txt-white {
  color: #00855B !important;
}

#banner {
  height: 776px;
  padding-top: 140px;
}
#banner .bannerWrap {
  display: flex;
  justify-content: space-between;
}
#banner .desc {
  margin-top: 16px;
}
#banner .btns {
  margin-top: 48px;
  max-width: 338px;
  display: flex;
  justify-content: space-between;
}
#banner .imgWrap {
  max-width: 454px;
}

#content {
  padding-bottom: 100px;
}
#content .itemWrap {
  display: flex;
  flex-direction: row;
  gap: 22px;
  justify-content: space-between;
  margin-top: -145px;
}
#content .itemWrap .item {
  background-color: #fff;
  border-radius: 24px;
  width: 50%;
  filter: drop-shadow(0px 4px 41px rgba(25, 31, 40, 0.05));
  overflow: hidden;
}
#content .itemWrap .item .cardWrap {
  padding: 32px 24px 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 269px;
}
#content .itemWrap .item .cardWrap .desc {
  margin-top: 16px;
}
@media (max-width: 992.98px) {
  #banner {
    height: 537px;
    padding-top: 130px;
  }
  #banner .imgWrap {
    max-width: 292px;
  }

  #content .itemWrap {
    gap: 18px;
    margin-top: -80px;
  }
  #content .itemWrap .item {
    border-radius: 16px;
    filter: drop-shadow(0px 3px 30px rgba(25, 31, 40, 0.05));
  }
  #content .itemWrap .item .cardWrap {
    height: 257px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (max-width: 767.98px) {
  #banner {
    height: 800px;
    padding-top: 96px;
  }
  #banner .bannerWrap {
    height: 100%;
    flex-direction: column;
  }
  #banner .bannerWrap .titleWrap {
    text-align: center;
  }
  #banner .bannerWrap .titleWrap .btns {
    margin-top: 44px;
  }
  #banner .bannerWrap .imgWrap {
    max-width: fit-content;
    margin-left: -15px;
    margin-right: -15px;
  }

  #content .itemWrap {
    margin-top: 72px;
    flex-direction: column;
    gap: 24px;
  }
  #content .itemWrap .item {
    width: 100%;
  }
  #content .itemWrap .item .cardWrap {
    height: 246px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 24px;
    padding-bottom: 11px;
  }
}