.home-container {
  position: relative;
  z-index: 1;
}

.home-container .page-section .section-inner {
  width: 83.333333vw;
  padding: 6.770833vw 0;
  margin: 0 auto;
}

.home-container .page-section .section-inner h2 {
  position: relative;
  font-size: 2.5vw;
  font-weight: bold;
  line-height: 1;
  color: rgba(4, 44, 125, 1);
  margin-bottom: 2.083333vw;
}

@media (max-width:992px) {
  .home-container .page-section .section-inner {
    width: 91.466667vw;
    padding: 13.333333vw 0;
  }

  .home-container .page-section .section-inner h2 {
    font-size: 6.4vw;
    margin-bottom: 5.333333vw;
  }
}

.home-container .section-theme {
  background: url("../../img/index/bg_02_260629.jpg") no-repeat;
  background-size: 100% 100%;
}

.home-container .section-theme .section-inner {
  width: 84.583333vw;
  padding: 6.770833vw 0.625vw;
}

.home-container .section-theme .section-inner .large-card-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background: rgba(255, 255, 255, 1);
  border-radius: 0.625vw;
  overflow: hidden;
  padding: 3.333333vw;
  margin-bottom: 5.364583vw;
}

.home-container .section-theme .section-inner .large-card-box .main-card {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-bottom: 2.96875vw;
}

.home-container .section-theme .section-inner .large-card-box .main-card img {
  width: 16.468229vw;
}

.home-container .section-theme .section-inner .large-card-box .card {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 33.333333%;
  height: 13.28125vw;
  border-right: 0.052083vw solid rgba(233, 231, 223, 1);
  padding: 0.833333vw 2.5vw;
}

.home-container .section-theme .section-inner .large-card-box .card:last-of-type {
  border-right: none;
}

.home-container .section-theme .section-inner .large-card-box .card img {
  width: 13.020833vw;
  margin-bottom: 2.083333vw;
}

.home-container .section-theme .section-inner .large-card-box .card .txt {
  width: 100%;
  font-size: 0.833333vw;
  line-height: 1.6;
  color: rgba(102, 102, 102, 1);
  text-align: justify;
}

.home-container .section-theme .section-inner .small-card-box {
  display: flex;
  flex-wrap: wrap;
  border-radius: 0.625vw;
  overflow: hidden;
}

.home-container .section-theme .section-inner .small-card-box .card {
  flex: 0 0 auto;
  width: 25%;
  background: rgba(255, 255, 255, 1);
  border-right: 0.052083vw solid rgba(233, 231, 223, 1);
  border-bottom: 0.052083vw solid rgba(233, 231, 223, 1);
  padding: 2.083333vw 0;
}

.home-container .section-theme .section-inner .small-card-box .card:hover {
  background: rgba(247, 249, 252, 1);
}

.home-container .section-theme .section-inner .small-card-box .card a {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.home-container .section-theme .section-inner .small-card-box .card:nth-of-type(4),
.home-container .section-theme .section-inner .small-card-box .card:nth-of-type(8) {
  border-right: none;
}

.home-container .section-theme .section-inner .small-card-box .card:nth-of-type(5),
.home-container .section-theme .section-inner .small-card-box .card:nth-of-type(6),
.home-container .section-theme .section-inner .small-card-box .card:nth-of-type(7),
.home-container .section-theme .section-inner .small-card-box .card:nth-of-type(8) {
  border-bottom: none;
}

.home-container .section-theme .section-inner .small-card-box .card img {
  width: 9.375vw;
  margin-bottom: 1.041667vw;
}

.home-container .section-theme .section-inner .small-card-box .card .txt {
  font-size: 1.041667vw;
  line-height: 1.6;
  color: rgba(51, 51, 51, 1);
  text-align: center;
}

@media (max-width:992px) {
  .home-container .section-theme {
    background: none;
  }

  .home-container .section-theme .section-inner {
    width: 100%;
    padding: 10.666667vw 0 13.333333vw;
  }

  .home-container .section-theme .section-inner .first {
    display: none;
  }

  .home-container .section-theme .section-inner .large-card-box {
    display: block;
    border-radius: 0;
    padding: 0;
    margin-bottom: 4vw;
  }

  .home-container .section-theme .section-inner .large-card-box .main-card {
    border-bottom: 0.133333vw solid rgba(233, 231, 223, 1);
    padding-bottom: 6.4vw;
  }

  .home-container .section-theme .section-inner .large-card-box .main-card img {
    width: 46.4vw;
  }

  .home-container .section-theme .section-inner .large-card-box .card {
    align-items: flex-start;
    width: 85.066667vw;
    height: auto;
    border-right: none;
    border-bottom: 0.133333vw solid rgba(233, 231, 223, 1);
    padding: 6.4vw 0;
    margin: 0 auto;
  }

  .home-container .section-theme .section-inner .large-card-box .card:last-of-type {
    border-bottom: none;
  }

  .home-container .section-theme .section-inner .large-card-box .card img {
    width: 34.933333vw;
    margin-bottom: 3.2vw;
  }

  .home-container .section-theme .section-inner .large-card-box .card .txt {
    font-size: 3.2vw;
  }

  .home-container .section-theme .section-inner .mob-bg {
    background: rgba(247, 249, 252, 1);
    padding: 10.666667vw 4.266667vw 13.333333vw;
  }

  .home-container .section-theme .section-inner .small-card-box {
    border-radius: 1.6vw;
  }

  .home-container .section-theme .section-inner .small-card-box .card {
    width: 50%;
    background: rgba(255, 255, 255, 1);
    border-right: 0.133333vw solid rgba(233, 231, 223, 1);
    border-bottom: 0.133333vw solid rgba(233, 231, 223, 1);
    padding: 4.8vw 0;
  }

  .home-container .section-theme .section-inner .small-card-box .card:hover {
    background: rgba(255, 255, 255, 1);
  }

  .home-container .section-theme .section-inner .small-card-box .card:nth-of-type(2),
  .home-container .section-theme .section-inner .small-card-box .card:nth-of-type(4),
  .home-container .section-theme .section-inner .small-card-box .card:nth-of-type(6),
  .home-container .section-theme .section-inner .small-card-box .card:nth-of-type(8) {
    border-right: none;
  }

  .home-container .section-theme .section-inner .small-card-box .card:nth-of-type(5),
  .home-container .section-theme .section-inner .small-card-box .card:nth-of-type(6) {
    border-bottom: 0.133333vw solid rgba(233, 231, 223, 1);
  }

  .home-container .section-theme .section-inner .small-card-box .card:nth-of-type(7),
  .home-container .section-theme .section-inner .small-card-box .card:nth-of-type(8) {
    border-bottom: none;
  }

  .home-container .section-theme .section-inner .small-card-box .card img {
    width: 20.533333vw;
    margin-bottom: 2.4vw;
  }

  .home-container .section-theme .section-inner .small-card-box .card .txt {
    font-size: 2.933333vw;
  }
}

.home-container .section-participate .section-inner {
  width: 84.583333vw;
  padding: 6.770833vw 0.625vw;
}

.home-container .section-participate .section-inner .card-box {
  display: flex;
  justify-content: space-between;
}

.home-container .section-participate .section-inner .card-box .card {
  display: flex;
  flex-direction: column;
  width: 41.041667vw;
  background: url("../../img/index/bg_03_260629.png") no-repeat 29.114583vw 2.5vw;
  background-size: 9.427083vw 3.125vw;
  border: 0.052083vw solid rgba(233, 231, 223, 1);
  border-radius: 0.625vw;
  padding: 2.5vw 2.5vw 2.083333vw;
}

.home-container .section-participate .section-inner .card-box .card:hover {
  box-shadow: 0 0.3125vw 0.625vw 0 rgba(0, 0, 0, 0.12);
}

.home-container .section-participate .section-inner .card-box .card .tit-box {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  margin-bottom: 1.25vw;
}

.home-container .section-participate .section-inner .card-box .card .tit-box img {
  flex: 0 0 auto;
  width: 2.5vw;
  margin-right: 0.833333vw;
}

.home-container .section-participate .section-inner .card-box .card .tit-box .tit {
  font-size: 1.458333vw;
  line-height: 1;
  color: rgba(4, 44, 125, 1);
}

.home-container .section-participate .section-inner .card-box .card .txt {
  flex: 0 0 auto;
  font-size: 1.041667vw;
  line-height: 1.6;
  color: rgba(102, 102, 102, 1);
  margin-bottom: 2.083333vw;
}

.home-container .section-participate .section-inner .card-box .card .desc {
  flex: 1 1 auto;
  font-size: 0.833333vw;
  line-height: 1.6;
  color: rgba(51, 51, 51, 1);
  border-bottom: 0.052083vw solid rgba(233, 231, 223, 1);
  padding-bottom: 1.666667vw;
}

.home-container .section-participate .section-inner .card-box .card .link {
  display: inline-flex;
  width: fit-content;
  font-size: 0.833333vw;
  line-height: 1;
  color: rgba(153, 153, 153, 1);
  margin-top: 1.666667vw;
  margin-bottom: 0.625vw;
}

.home-container .section-participate .section-inner .card-box .card .link.active {
  font-size: 0.729167vw;
  color: rgba(255, 255, 255, 1);
  background: rgba(255, 99, 59, 1);
  border-radius: 0.208333vw;
  margin-top: 1.041667vw;
  margin-bottom: 0;
}

.home-container .section-participate .section-inner .card-box .card .link.active a {
  color: rgba(255, 255, 255, 1);
  padding: 0.677083vw 1.041667vw;
}

@media (max-width:992px) {
  .home-container .section-participate .section-inner {
    width: 91.466667vw;
    padding: 13.333333vw 0;
  }

  .home-container .section-participate .section-inner .card-box {
    display: block;
  }

  .home-container .section-participate .section-inner .card-box .card {
    width: 100%;
    background: url("../../img/index/bg_03_260629.png") no-repeat 62vw 5.333333vw;
    background-size: 25.333333vw 8vw;
    border: 0.133333vw solid rgba(233, 231, 223, 1);
    border-radius: 1.6vw;
    padding: 5.333333vw;
    margin-bottom: 3.2vw;
  }

  .home-container .section-participate .section-inner .card-box .card:hover {
    box-shadow: none;
  }

  .home-container .section-participate .section-inner .card-box .card:last-of-type {
    margin-bottom: 0;
  }

  .home-container .section-participate .section-inner .card-box .card .tit-box {
    margin-bottom: 4.266667vw;
  }

  .home-container .section-participate .section-inner .card-box .card .tit-box img {
    width: 6.4vw;
    margin-right: 1.6vw;
  }

  .home-container .section-participate .section-inner .card-box .card .tit-box .tit {
    font-size: 3.733333vw;
  }

  .home-container .section-participate .section-inner .card-box .card .txt {
    font-size: 3.2vw;
    margin-bottom: 5.333333vw;
  }

  .home-container .section-participate .section-inner .card-box .card .desc {
    font-size: 3.2vw;
    border-bottom: 0.133333vw solid rgba(233, 231, 223, 1);
    padding-bottom: 5.333333vw;
  }

  .home-container .section-participate .section-inner .card-box .card .link {
    font-size: 3.2vw;
    margin-top: 4.266667vw;
    margin-bottom: 0;
  }

  .home-container .section-participate .section-inner .card-box .card .link.active {
    font-size: 3.2vw;
    border-radius: 0.533333vw;
    margin-top: 4.266667vw;
  }

  .home-container .section-participate .section-inner .card-box .card .link.active a {
    padding: 1.866667vw 5.333333vw;
  }
}

.home-container .section-value {
  background: url("../../img/index/bg_04_260629.jpg") no-repeat;
  background-size: 100% 100%;
}

.home-container .section-value .section-inner h2 {
  color: rgba(255, 255, 255, 1);
}

.home-container .section-value .section-inner .card-box {
  display: flex;
  flex-wrap: wrap;
  border-radius: 0.625vw;
  overflow: hidden;
}

.home-container .section-value .section-inner .card-box .card {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  width: 33.333333%;
  height: 16.875vw;
  background: rgba(255, 255, 255, 1);
  border-right: 1px solid rgba(233, 231, 223, 1);
  border-bottom: 1px solid rgba(233, 231, 223, 1);
  padding: 3.125vw 2.5vw 2.5vw;
}

.home-container .section-value .section-inner .card-box .card:hover {
  background: rgba(247, 249, 252, 1);
}

.home-container .section-value .section-inner .card-box .card:nth-of-type(3),
.home-container .section-value .section-inner .card-box .card:nth-of-type(6) {
  border-right: none;
}

.home-container .section-value .section-inner .card-box .card:nth-of-type(4),
.home-container .section-value .section-inner .card-box .card:nth-of-type(5),
.home-container .section-value .section-inner .card-box .card:nth-of-type(6) {
  border-bottom: none;
}

.home-container .section-value .section-inner .card-box .card .tit-box {
  display: grid;
  grid-template-columns: auto 4.375vw;
  flex: 0 0 auto;
}

.home-container .section-value .section-inner .card-box .card .tit-box .tit {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  font-size: 1.458333vw;
  line-height: 1.25;
  color: rgba(4, 44, 125, 1);
  margin-bottom: 0.416667vw;
}

.home-container .section-value .section-inner .card-box .card .tit-box .subtit {
  grid-column: 1 / 2;
  grid-row: 2 / 3;
  font-size: 1.25vw;
  line-height: 1.25;
  color: rgba(51, 51, 51, 1);
}

.home-container .section-value .section-inner .card-box .card .tit-box .img {
  grid-column: 2 / 3;
  grid-row: 1 / 3;
}

.home-container .section-value .section-inner .card-box .card .txt {
  position: relative;
  flex: 1 1 auto;
  font-size: 0.833333vw;
  line-height: 1.6;
  color: rgba(102, 102, 102, 1);
  padding-top: 1.666667vw;
  margin-top: 0.885417vw;
}

.home-container .section-value .section-inner .card-box .card .txt::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1.666667vw;
  height: 0.104167vw;
  background: rgba(204, 204, 204, 1);
}

.home-container .section-value .section-inner .card-box .card:hover .txt::before {
  background: rgba(255, 99, 59, 1);
}

@media (max-width:992px) {
  .home-container .section-value {
    background: url("../../img/index/bg_04_mob_260629.jpg") no-repeat;
    background-size: 100% 100%;
  }

  .home-container .section-value .section-inner {
    width: 100%;
    padding: 10.666667vw 0;
    overflow: hidden;
  }

  .home-container .section-value .section-inner h2 {
    padding: 0 4.266667vw;
  }

  .home-container .section-value .section-inner .swiper-value-wrap {
    position: relative;
    padding-bottom: 6.866667vw;
  }

  .home-container .section-value .section-inner .swiper-value-wrap .swiper-value {
    overflow: visible;
    padding: 0 4.266667vw;
  }

  .home-container .section-value .section-inner .swiper-value-wrap .swiper-value-pagination {
    bottom: 0;
  }

  .home-container .section-value .section-inner .swiper-value-wrap .swiper-value-pagination .swiper-pagination-bullet {
    width: 1.6vw;
    height: 1.6vw;
    background: rgba(229, 229, 229, 1);
    border-radius: 50%;
    opacity: 1;
    margin: 0 0.8vw;
  }

  .home-container .section-value .section-inner .swiper-value-wrap .swiper-value-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 3.2vw;
    background: rgba(255, 99, 59, 1);
    border-radius: 2.133333vw;
  }

  .home-container .section-value .section-inner .card-box {
    flex-wrap: nowrap;
    border-radius: 0;
    overflow: visible;
  }

  .home-container .section-value .section-inner .card-box .card {
    width: auto;
    height: 77.333333vw;
    border-radius: 1.6vw;
    border-right: none;
    border-bottom: none;
    padding: 5.333333vw 4.266667vw;
  }

  .home-container .section-value .section-inner .card-box .card:hover {
    background: rgba(255, 255, 255, 1);
  }

  .home-container .section-value .section-inner .card-box .card .tit-box {
    grid-template-columns: 8.533333vw auto;
  }

  .home-container .section-value .section-inner .card-box .card .tit-box .tit {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    font-size: 3.733333vw;
    padding-top: 1.066667vw;
    margin-bottom: 0;
  }

  .home-container .section-value .section-inner .card-box .card .tit-box .subtit {
    grid-column: 1 / 3;
    grid-row: 2 / 3;
    font-size: 3.2vw;
  }

  .home-container .section-value .section-inner .card-box .card .tit-box .img {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    margin-right: 1.2vw;
    margin-bottom: 2.133333vw;
  }

  .home-container .section-value .section-inner .card-box .card .txt {
    font-size: 3.2vw;
    padding-top: 3.2vw;
    margin-top: 3.2vw;
  }

  .home-container .section-value .section-inner .card-box .card .txt::before {
    width: 4.266667vw;
    height: 0.266667vw;
  }

  .home-container .section-value .section-inner .card-box .card:hover .txt::before {
    background: rgba(204, 204, 204, 1);
  }
}

.home-container .section-review .section-inner .content-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.home-container .section-review .section-inner .content-box .img-box {
  width: 36.666667vw;
  border-radius: 0.625vw;
  overflow: hidden;
  cursor: pointer;
}

.home-container .section-review .section-inner .content-box .card-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 43.958333vw;
}

.home-container .section-review .section-inner .content-box .card-box .card {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: center;
  width: 13.541667vw;
  background: linear-gradient(180deg, rgba(247, 249, 252, 1) 0%, rgba(247, 249, 252, 0) 100%);
  border-radius: 0.625vw;
  overflow: hidden;
  padding: 2.1875vw 0;
}

.home-container .section-review .section-inner .content-box .card-box .card .num {
  font-size: 1.875vw;
  font-weight: bold;
  line-height: 1;
  color: rgba(4, 44, 125, 1);
}

.home-container .section-review .section-inner .content-box .card-box .card span {
  font-size: 3.541667vw;
}

.home-container .section-review .section-inner .content-box .card-box .card .txt {
  font-size: 0.9375vw;
  line-height: 1;
  color: rgba(51, 51, 51, 1);
  margin-top: 0.625vw;
}

.home-container .section-review .section-inner .content-box .card-box .card a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0.9375vw;
  line-height: 1;
  color: rgba(51, 51, 51, 1);
  text-align: center;
  background: url("../../img/index/icon_17_on_260629.svg") no-repeat center 0;
  background-size: 3.802083vw 2.916667vw;
  padding-top: 4.166667vw;
}

@media (max-width:992px) {
  .home-container .section-review .section-inner .content-box {
    display: block;
  }

  .home-container .section-review .section-inner .content-box .img-box {
    width: 100%;
    border-radius: 1.6vw;
    margin-bottom: 5.333333vw;
  }

  .home-container .section-review .section-inner .content-box .card-box {
    width: 100%;
  }

  .home-container .section-review .section-inner .content-box .card-box .card {
    width: 28.666667vw;
    border-radius: 1.6vw;
    padding: 3.733333vw 0 4.533333vw;
  }

  .home-container .section-review .section-inner .content-box .card-box .card .num {
    font-size: 3vw;
  }

  .home-container .section-review .section-inner .content-box .card-box .card span {
    font-size: 7.2vw;
  }

  .home-container .section-review .section-inner .content-box .card-box .card .txt {
    font-size: 2.933333vw;
    margin-top: 1.6vw;
  }

  .home-container .section-review .section-inner .content-box .card-box .card a {
    font-size: 2.933333vw;
    background: url("../../img/index/icon_17_on_260629.svg") no-repeat center 0;
    background-size: 7.866667vw 6.133333vw;
    padding-top: 8.933333vw;
  }
}

.video-popup {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  z-index: 50;
}

.video-popup.show {
  display: block;
}

.video-popup .video-popup-inner {
  position: fixed;
  display: flex;
  flex-direction: column;
  align-items: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60vw;
  height: 33.75vw;
  z-index: 51;
  box-shadow: 0 8px 28px -8px rgba(0, 0, 0, 0.3);
}

.video-popup .video-popup-inner .video-popup-box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border-radius: 0.625vw;
  overflow: hidden;
}

.video-popup .video-popup-inner .video-popup-box video {
  width: 101%;
}

.video-popup .video-popup-inner .video-popup-close {
  position: absolute;
  top: 0.520833vw;
  right: 1.041667vw;
  font-size: 1.5625vw;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  cursor: pointer;
}

@media (max-width:992px) {
  .video-popup .video-popup-inner {
    width: 90vw;
    height: 50.625vw;
  }

  .video-popup .video-popup-inner .video-popup-box {
    border-radius: 1.6vw;
  }

  .video-popup .video-popup-inner .video-popup-close {
    top: 1.520833vw;
    right: 2.041667vw;
    font-size: 3.5625vw;
  }
}