.thanks .container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
}
.thanks-title {
  width: 80%;
  text-align: center;
  font-size: 36px;
  font-weight: 600;
  color: #171717;
  line-height: 1.8;
  margin: 0 auto 55px;
}
@media screen and (max-width: 768px) {
  .thanks .container {
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .thanks-title {
    width: 100%;
    font-size: 36rem;
    margin: 29rem auto;
  }
}
.wrap1 {
  padding-top: 55px;
}
.wrap1-logo {
  display: block;
  width: 220px;
  height: 111px;
  background-image: url(../../img/common/sprite.png);
  background-repeat: no-repeat;
  background-size: 1331px 794px;
  background-position: -229px -279px;
  margin: 25px auto;
}
@media screen and (max-width: 768px) {
  .wrap1-logo {
    background-size: 1331rem 794rem !important;
  }
}
.wrap1-info {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  width: 512px;
  background: #fff;
  padding: 32px 38px;
  border-radius: 16px;
  border: 1px solid #ececec;
  box-shadow: 0px 24px 48px -12px rgba(94, 114, 154, 0.18);
}
.wrap1-info_img {
  margin-left: 47px;
  margin-bottom: 35px;
}
.wrap1-info_text {
  font-size: 20px;
  font-weight: 300;
  color: #171717;
  line-height: 1.8;
  text-align: center;
}
.wrap1-info_btn {
  font-size: 24px;
  font-weight: 500;
  color: #fff;
  background: #f5a253;
  padding: 26px 71px;
  margin: 35px auto 0;
  border-radius: 12px;
}
.wrap1-info_btn:hover {
  background: linear-gradient(90deg, #fed554 0%, #ff9475 100%);
}
.wrap1-img {
  width: 512px;
  height: 648px;
}
.wrap1-bottom {
  width: 100%;
  text-align: center;
  background: rgba(245, 162, 83, 0.08);
  margin-top: 119px;
  padding: 50px 63px;
  border-radius: 17px;
}
.wrap1-bottom_text {
  font-size: 24px;
  font-weight: 500;
  color: #171717;
  line-height: 1.8;
  margin-bottom: 25px;
}
.wrap1-bottom_icons {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
}
.wrap1-icon {
  width: 60px;
  height: 60px;
  margin: 0 10px;
  border-radius: 11px;
  cursor: pointer;
}
.wrap1-icon:hover.icon1 {
  background-image: url(../../img/common/sprite.png);
  background-repeat: no-repeat;
  background-size: 1331px 794px;
  background-position: -68px -550px;
}
@media screen and (max-width: 768px) {
  .wrap1-icon:hover.icon1 {
    background-size: 1331rem 794rem !important;
  }
}
.wrap1-icon:hover.icon2 {
  background-image: url(../../img/common/sprite.png);
  background-repeat: no-repeat;
  background-size: 1331px 794px;
  background-position: -144px -550px;
}
@media screen and (max-width: 768px) {
  .wrap1-icon:hover.icon2 {
    background-size: 1331rem 794rem !important;
  }
}
.wrap1-icon:hover.icon3 {
  background-image: url(../../img/common/sprite.png);
  background-repeat: no-repeat;
  background-size: 1331px 794px;
  background-position: -221px -550px;
}
@media screen and (max-width: 768px) {
  .wrap1-icon:hover.icon3 {
    background-size: 1331rem 794rem !important;
  }
}
.wrap1-icon:hover.icon4 {
  background-image: url(../../img/common/sprite.png);
  background-repeat: no-repeat;
  background-size: 1331px 794px;
  background-position: -297px -550px;
}
@media screen and (max-width: 768px) {
  .wrap1-icon:hover.icon4 {
    background-size: 1331rem 794rem !important;
  }
}
.wrap1-icon.icon1 {
  background-image: url(../../img/common/sprite.png);
  background-repeat: no-repeat;
  background-size: 1331px 794px;
  background-position: -68px -467px;
}
@media screen and (max-width: 768px) {
  .wrap1-icon.icon1 {
    background-size: 1331rem 794rem !important;
  }
}
.wrap1-icon.icon2 {
  background-image: url(../../img/common/sprite.png);
  background-repeat: no-repeat;
  background-size: 1331px 794px;
  background-position: -144px -467px;
}
@media screen and (max-width: 768px) {
  .wrap1-icon.icon2 {
    background-size: 1331rem 794rem !important;
  }
}
.wrap1-icon.icon3 {
  background-image: url(../../img/common/sprite.png);
  background-repeat: no-repeat;
  background-size: 1331px 794px;
  background-position: -221px -466px;
}
@media screen and (max-width: 768px) {
  .wrap1-icon.icon3 {
    background-size: 1331rem 794rem !important;
  }
}
.wrap1-icon.icon4 {
  background-image: url(../../img/common/sprite.png);
  background-repeat: no-repeat;
  background-size: 1331px 794px;
  background-position: -297px -466px;
}
@media screen and (max-width: 768px) {
  .wrap1-icon.icon4 {
    background-size: 1331rem 794rem !important;
  }
}
@media screen and (max-width: 768px) {
  .wrap1 {
    padding-top: 40rem;
  }
  .wrap1-logo {
    width: 220rem;
    height: 111rem;
    background-position: -229rem -279rem;
    margin-top: 28rem;
    margin-bottom: 28rem;
  }
  .wrap1-info {
    width: 100%;
    padding: 34rem 25rem;
    margin-bottom: 62rem;
    border-radius: 11rem;
    box-shadow: 0 16rem 32rem -8rem rgba(94, 114, 154, 0.18);
  }
  .wrap1-info_img {
    margin-left: 12rem;
    margin-bottom: 24rem;
  }
  .wrap1-info_text {
    font-size: 14rem;
  }
  .wrap1-info_btn {
    font-size: 16rem;
    padding: 18rem 48rem;
    margin-top: 23rem;
    border-radius: 8rem;
    border: 2rem solid rgba(255, 255, 255, 0.49);
  }
  .wrap1-img {
    width: 100%;
    height: auto;
  }
  .wrap1-bottom {
    width: 100%;
    background: rgba(245, 162, 83, 0.08);
    margin-top: 78rem;
    padding: 30rem 14rem;
    border-radius: 17rem;
  }
  .wrap1-bottom_text {
    font-size: 20rem;
    margin-bottom: 31rem;
  }
  .wrap1-icon {
    width: 60rem;
    height: 60rem;
    margin: 0 10rem;
    border-radius: 8rem;
  }
  .wrap1-icon:hover.icon1 {
    background-position: -68rem -550rem;
  }
  .wrap1-icon:hover.icon2 {
    background-position: -144rem -550rem;
  }
  .wrap1-icon:hover.icon3 {
    background-position: -221rem -550rem;
  }
  .wrap1-icon:hover.icon4 {
    background-position: -297rem -550rem;
  }
  .wrap1-icon.icon1 {
    background-position: -68rem -467rem;
  }
  .wrap1-icon.icon2 {
    background-position: -144rem -467rem;
  }
  .wrap1-icon.icon3 {
    background-position: -221rem -466rem;
  }
  .wrap1-icon.icon4 {
    background-position: -297rem -466rem;
  }
}
.wrap2 {
  padding-top: 119px;
  padding-bottom: 170px;
}
.wrap2-img {
  width: 516px;
}
.wrap2-info {
  width: 517px;
  line-height: 1.5;
}
.wrap2-info_title {
  font-size: 20px;
  font-weight: 700;
  color: #000;
  margin-bottom: 10px;
}
.wrap2-info_sub {
  font-size: 14px;
  font-weight: 500;
  color: #F5A253;
  margin-bottom: 10px;
}
.wrap2-info_text {
  font-size: 14px;
  font-weight: 300;
  color: #393939;
  background: #fdf3ea;
  padding: 5px 18px;
  margin-bottom: 10px;
  border-radius: 26px;
}
.wrap2-info_desc {
  font-size: 16px;
  font-weight: 300;
  color: #393939;
}
.wrap2-list {
  font-size: 16px;
  font-weight: 300;
  color: #393939;
  padding-left: 20px;
  margin-bottom: 10px;
}
.wrap2-list li {
  list-style: disc;
  margin-bottom: 15px;
}
.wrap2-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  background: #f5a253;
  margin-top: 50px;
  padding: 28px 37px;
  border-radius: 11px;
}
.wrap2-bottom_info {
  line-height: 1.5;
  margin-right: 120px;
}
.wrap2-bottom_title {
  font-size: 24px;
  font-weight: 800;
  color: #fff;
  margin-bottom: 4px;
}
.wrap2-bottom_title span {
  color: #152e56;
}
.wrap2-bottom_text {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
}
.wrap2-bottom_img {
  width: 127px;
  height: 97px;
  margin-right: 20px;
  background-image: url(../../img/common/sprite.png);
  background-repeat: no-repeat;
  background-size: 1331px 794px;
  background-position: -502px -279px;
}
@media screen and (max-width: 768px) {
  .wrap2-bottom_img {
    background-size: 1331rem 794rem !important;
  }
}
@media screen and (max-width: 768px) {
  .wrap2 {
    padding-top: 75rem;
    padding-bottom: 100rem;
  }
  .wrap2-info {
    width: 100%;
    background-image: url('../../img/common/thanks-bg.png');
    background-size: cover;
    padding: 14rem 18rem;
  }
  .wrap2-info_title {
    font-size: 20rem;
    color: #fff;
    margin-bottom: 8rem;
  }
  .wrap2-info_sub {
    font-size: 12rem;
    color: #fff;
    margin-bottom: 8rem;
  }
  .wrap2-info_text {
    font-size: 12rem;
    color: #fff;
    background: rgba(255, 255, 255, 0.26);
    padding: 5rem 14rem;
    margin-bottom: 10rem;
    border-radius: 26rem;
  }
  .wrap2-info_desc {
    text-align: center;
    font-size: 14rem;
    color: #fff;
    margin-left: 17rem;
  }
  .wrap2-list {
    font-size: 14rem;
    color: #fff;
    padding-left: 15rem;
    margin-bottom: 15rem;
  }
  .wrap2-list li {
    margin-bottom: 15rem;
  }
  .wrap2-bottom {
    align-items: flex-start;
    flex-direction: column-reverse;
    width: 100%;
    margin-top: 23rem;
    padding: 28rem 10rem 28rem 27rem;
    border-radius: 11rem;
  }
  .wrap2-bottom_info {
    margin-right: 0;
  }
  .wrap2-bottom_title {
    font-size: 18rem;
    font-weight: 600;
    margin-bottom: 7rem;
  }
  .wrap2-bottom_text {
    font-size: 16rem;
  }
  .wrap2-bottom_img {
    width: 127rem;
    height: 97rem;
    margin-right: 0;
    margin-bottom: 19rem;
    background-position: -502rem -279rem;
  }
}