#spring_fes_outer {
  max-width: unset;
  box-sizing: border-box;
  background-image: linear-gradient(90deg, rgba(0, 198, 223, 0.87) 0%, rgba(23, 215, 154, 0.93) 50%, #89da6e 100%);
}
#spring_fes_outer * {
  box-sizing: border-box;
}
#spring_fes_outer img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}
#spring_fes_outer .spring_fes {
  display: grid;
  grid-template-rows: 6rem 6rem;
}
@media screen and (max-width: 599px) {
  #spring_fes_outer .spring_fes {
    grid-template-rows: auto auto;
  }
}
#spring_fes_outer .spring_fes .spring_fes--upper {
  padding: var(--SN-Space-8) 2.4rem 0 2.4rem;
}
#spring_fes_outer .spring_fes .spring_fes--upper .spring_fes--inner {
  max-width: 135.2rem;
  margin-inline: auto;
}
#spring_fes_outer .spring_fes .spring_fes--lower {
  padding: var(--SN-Space-8) 2.4rem 0 2.4rem;
  background-color: rgba(255, 255, 255, 0.6);
}
#spring_fes_outer .spring_fes .spring_fes--lower .spring_fes--inner {
  display: grid;
  grid-template-columns: repeat(4, auto);
  align-items: center;
  gap: 0 var(--SN-Space-16);
  place-content: center;
  text-align: center;
}
@media screen and (max-width: 599px) {
  #spring_fes_outer .spring_fes .spring_fes--lower .spring_fes--inner {
    grid-template-columns: auto;
    padding: 0.8rem 0 1.6rem;
  }
}
#spring_fes_outer .spring_fes .spring_fes--lower .spring_fes--inner .spring_fes__get_point {
  max-width: 19.3rem;
  margin-inline: auto;
}
#spring_fes_outer .spring_fes .spring_fes--lower .spring_fes--inner p {
  margin: 0;
  font-size: var(--SN-UI-Compact-M-Font-size);
}
#spring_fes_outer .spring_fes .spring_fes--lower .spring_fes--inner p.spring_fes__limit {
  color: var(--SN-Color-Text-Success-Low-contrast);
}
#spring_fes_outer .spring_fes .spring_fes--lower .spring_fes--inner p.spring_fes__text {
  color: var(--SN-Color-Text-Subtle);
  font-feature-settings: "palt";
}
@media screen and (max-width: 599px) {
  #spring_fes_outer .spring_fes .spring_fes--lower .spring_fes--inner p.spring_fes__text {
    margin: 0.8rem 0 1.6rem;
  }
}
#spring_fes_outer .spring_fes .spring_fes--lower .spring_fes--inner .spring_fes__button {
  justify-self: center;
  min-width: 28rem;
  min-height: 4.4rem;
}
#spring_fes_outer .spring_fes .spring_fes__ver {
  display: none;
  text-decoration: none;
  margin: 0;
  justify-content: center;
  align-items: center;
  width: 28rem;
  height: 4.4rem;
  border-radius: 100vmax;
  padding: 0.8rem 1.6rem;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16), 0 1px 2px 1px rgba(0, 0, 0, 0.16);
}
.point_issue__login--isnot_logined #spring_fes_outer .spring_fes .spring_fes__ver.spring_fes__button--login {
  display: flex;
}
#spring_fes_outer .spring_fes .spring_fes__ver.spring_fes__button--point_reserved {
  background: var(--SN-Color-Background-Sale-Solid--Enable);
  color: #fff;
  font-size: 1.4rem;
  font-weight: 500;
  border: none;
  cursor: pointer;
  transition: filter 0.3s;
  position: relative;
}
.point_issue__login--is_logined.point_issue__reserve_point--is_issued #spring_fes_outer .spring_fes .spring_fes__ver.spring_fes__button--point_reserved {
  display: flex;
}
.point_issue__login--is_logined.point_issue__point--is_issued #spring_fes_outer .spring_fes .spring_fes__ver.spring_fes__button--point_reserved {
  display: none !important;
}
#spring_fes_outer .spring_fes .spring_fes__ver.spring_fes__button--point_reserved span {
  font-size: 2.3rem;
}
#spring_fes_outer .spring_fes .spring_fes__ver.spring_fes__button--point_reserved::before {
  content: "";
  display: inline-block;
  width: 2.56rem;
  height: 2.56rem;
  background-image: url(/~/media/img/common/icon/icon_epoint.svg);
  background-size: cover;
  border: 0.1rem solid #fff;
  border-radius: 100vmax;
  margin-right: 0.8rem;
}
#spring_fes_outer .spring_fes .spring_fes__ver.spring_fes__button--point_reserved:hover {
  filter: brightness(1.1);
}
#spring_fes_outer .spring_fes .spring_fes__ver.spring_fes__button--point_reserved::after {
  content: "";
  position: absolute;
  right: -4.8rem;
  top: -1rem;
  width: 8.29rem;
  height: 6rem;
  background-image: url(/~/media/img/pt/recommend/2026/03/spring_fes/spring_fes_icon_click.png);
  background-size: cover;
}
@media screen and (max-width: 599px) {
  #spring_fes_outer .spring_fes .spring_fes__ver.spring_fes__button--point_reserved::after {
    right: -2.8rem;
    top: 0rem;
    width: 5.5rem;
    height: 4.1rem;
  }
}
#spring_fes_outer .spring_fes .spring_fes__ver.spring_fes__button--point_issued {
  background: unset;
  box-shadow: unset;
  font-size: 1.4rem;
  font-weight: 500;
}
.point_issue__login--is_logined.point_issue__point--is_issued #spring_fes_outer .spring_fes .spring_fes__ver.spring_fes__button--point_issued {
  display: flex;
}
#spring_fes_outer .spring_fes .spring_fes__ver.spring_fes__button--point_issued span {
  font-size: 2.3rem;
}
#spring_fes_outer .spring_fes .spring_fes__ver.spring_fes__button--point_issued::before {
  content: "";
  display: inline-block;
  width: 2.2rem;
  height: 2.2rem;
  background-image: url(/~/media/img/common/icon/icon_check_circle_g_fill.svg);
  background-size: cover;
  margin-right: 0.8rem;
}
#spring_fes_outer .spring_fes .spring_fes__ver.spring_fes__button--err {
  background: var(--SN-Color-Background-Neutral-Solid--Enable);
  box-shadow: unset;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 500;
}
.point_issue__login--is_logined.point_issue__reserve_point--error #spring_fes_outer .spring_fes .spring_fes__ver.spring_fes__button--err, .point_issue__login--is_logined.point_issue__reserve_point--error--pointid_not_found #spring_fes_outer .spring_fes .spring_fes__ver.spring_fes__button--err {
  display: flex;
}