.bodyHidden {
  overflow: hidden;
}
.event_popup {
  z-index: 1000;
}
.event_popup .modalBox {
  overflow: hidden;
  max-height: 100%;
}

div.wpforms-container-full
  .wpforms-form
  .wpforms-field-html
  ul
  li.choice-1.depth-1,
div.wpforms-container-full
  .wpforms-form
  .wpforms-field-html
  ol
  li.choice-1.depth-1 {
  margin: 0 20px 5px 0 !important;
}
.event_common_cautions {
  width: 100%;
  padding: 50px 0;
  background-color: #efefef;
}
.event_common_cautions_inner {
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 min(15.364vw, 295px);
  display: flex;
  align-items: flex-start;
}
.event_common_cautions h4 {
  min-width: 115px;
  margin-right: 50px;
  padding: 5px 15px;
  font-size: 18px;
  color: #494949;
  font-weight: 700;
  text-align: center;
  border-radius: 20px 20px 20px 20px;
  background-color: #fff;
}
.event_common_cautions .notice_text li {
  margin: 0px;
  word-break: break-word;
  font-size: 12px;
  color: #5d5d5d;
  text-align: left;
  padding-bottom: 0px;
  font-weight: 400;
  padding-left: 0.5rem;
  text-indent: -0.5rem;
}

.pc_block,
.hidden_mo {
  display: block;
}
.mo_block,
.hidden_pc {
  display: none;
}
/* 20240426 - award add */
._award-container {
  display: flex;
  max-width: 1066px;
  width: 100%;
  margin: 0 auto;
  justify-content: center;
  gap: 50px;
}
._award-container ._award-container__list {
  overflow: hidden;
  position: relative;
  flex: 1;
  max-width: 230px;
  min-width: 140px;
  color: #fff;
}
._award-container ._award-container__list::before {
  content: "";
  display: block;
  padding-top: 100%;
  background: var(--award_color);
  mask: url(/wp-content/themes/fastfive/assets/event/common/img/award.svg)
    no-repeat center;
  -webkit-mask: url(/wp-content/themes/fastfive/assets/event/common/img/award.svg)
    no-repeat center;
  mask-position: center;
  mask-size: 100%;
}
._award-container ._award-container__list ._award-container__txt-box {
  position: absolute;
  top: 47%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  text-align: center;
}
._award-container
  ._award-container__list
  ._award-container__txt-box
  ._award-container__desc {
  display: flex;
  flex-direction: column;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.7;
}
._award-container
  ._award-container__list
  ._award-container__txt-box
  ._award-container__num {
  display: flex;
  justify-content: center;
  align-items: baseline;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -1px;
  color: var(--award_font);
}
._award-container
  ._award-container__list
  ._award-container__txt-box
  ._award-container__num
  > span {
  font-size: 24px;
  font-weight: 500;
}
/* benefit_icons */
._benefit_icon_list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  gap: 40px 60px;
  margin: 60px auto 0;
  max-width: 980px;
  text-align: center;
}
._benefit_icon_list li > span {
  display: block;
  padding-top: 4px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.7;
}
/* swiper button case */
/* case1 :: circle */
.__swiper-navigation__circle {
  display: block;
}
.__swiper-navigation__circle [class^="swiper-button-"] {
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  background-color: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(8px);
  border-radius: 50%;
}
.__swiper-navigation__circle [class^="swiper-button-"]::after {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0;
  background: #fff;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 7px 13px;
}
.__swiper-navigation__circle .swiper-button-prev {
  left: var(--side_val);
}
.__swiper-navigation__circle .swiper-button-next {
  right: var(--side_val);
}
.__swiper-navigation__circle .swiper-button-prev::after {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='18' viewBox='0 0 10 18' fill='none'%3E%3Cpath d='M9 17L1 9L9 1' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.__swiper-navigation__circle .swiper-button-next::after {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='18' viewBox='0 0 10 18' fill='none'%3E%3Cpath d='M1 17L9 9L1 1' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
/* case2 :: arrow */
.__swiper-navigation__arrow [class^="swiper-button-"] {
  width: var(--arrow_size);
  height: var(--arrow_size);
  transform: translateY(-50%);
  z-index: 2;
}
.__swiper-navigation__arrow [class^="swiper-button-"]::after {
  width: 100%;
  height: 100%;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='31' viewBox='0 0 18 31' fill='none'%3E%3Cpath d='M15.6641 2.28809L2.33073 15.6214L15.6641 28.9547' stroke='%230B0B0B' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  background: #222;
  font-size: 0;
}
.__swiper-navigation__arrow .swiper-button-next::after {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='31' viewBox='0 0 18 31' fill='none'%3E%3Cpath d='M2.33594 2.47656L15.6693 15.8099L2.33594 29.1432' stroke='%230B0B0B' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.__swiper-navigation__arrow .swiper-button-prev {
  left: var(--side_val);
}
.__swiper-navigation__arrow .swiper-button-next {
  right: var(--side_val);
}

/* case3 :: arrowline */
.__swiper-navigation__arrowline [class^="swiper-button-"] {
  width: var(--arrow_size);
  height: var(--arrow_size);
  transform: translateY(-50%);
  background-color: rgba(34, 34, 34, 0.2);
  backdrop-filter: blur(8px);
  border-radius: 50%;
  z-index: 2;
}
.__swiper-navigation__arrowline [class^="swiper-button-"]::after {
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='30' height='24' viewBox='0 0 30 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.6154 23L13.0307 21.5094L4.85385 13.0362H29V10.9638H4.85385L13.0307 2.49062L11.6154 1L1 12L11.6154 23Z' fill='white' stroke='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0;
}
.__swiper-navigation__arrowline .swiper-button-next::after {
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='24' viewBox='0 0 30 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.3846 1L16.9693 2.49062L25.1462 10.9638L1 10.9638L1 13.0362L25.1462 13.0362L16.9693 21.5094L18.3846 23L29 12L18.3846 1Z' fill='white' stroke='white'/%3E%3C/svg%3E%0A");
}
.__swiper-navigation__arrowline .swiper-button-prev {
  left: var(--side_val);
}
.__swiper-navigation__arrowline .swiper-button-next {
  right: var(--side_val);
}

/* 250929 :: add_refund */
._event_refund {
  --refund_bg_color: #0b0b0b;
  --refund_bg_color_rgb: 11, 11, 11;
  --max_width: 1280px;
  --menu_padding: 48px;
  --padding-v: 130px;
  --c_point: #ff003c;
  position: relative;
  overflow: hidden;
  background: var(--refund_bg_color);
  color: #fff;
  text-align: center;
}
._event_refund::before,
._event_refund::after {
  position: absolute;
  z-index: 5;
  display: block;
  content: "";
}
._event_refund ._event_refund_inner {
  position: relative;
  z-index: 10;
  min-height: 676px;
  margin: 0 auto;
  padding: var(--padding-v) var(--menu_padding);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
._event_refund ._refund_title {
  margin: 0 auto;
  color: inherit;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._event_refund ._refund_title > img {
  will-change: transform;
}
/* .__ani._event_refund ._refund_title > img {
  animation: textScale 1s cubic-bezier(0.77, 0, 0.175, 1);
} */
.__ani._event_refund ._refund_title {
  animation: textScale 1s cubic-bezier(0.77, 0, 0.175, 1);
}
._event_refund ._refund_title > small {
  font-weight: 500;
  line-height: 1.4;
  opacity: 0.6;
}
._event_refund ._refund_text {
  margin-top: 24px;
  line-height: 1.7;
}
._event_refund ._notice_text {
  margin-top: 8px;
  font-size: 12px;
  font-weight: 400;
  opacity: 0.6;
  line-height: 1.7;
}
._event_refund ._refund_bg {
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.6) rotate(270deg);
  transition:
    transform 1s cubic-bezier(0.77, 0, 0.175, 1),
    opacity 1.2s cubic-bezier(0.77, 0, 0.175, 1);
  transition-delay: 0.2s;
  width: 676px;
  aspect-ratio: 676 / 630;
  background: url("/wp-content/themes/fastfive/assets/event/common/img/refund_bg_arw.png")
    no-repeat center center / 100% auto;
}
.__ani._event_refund ._refund_bg {
  transform: translate(-50%, -50%) scale(1) rotate(0deg);
  opacity: 1;
}
@keyframes textScale {
  0% {
    max-width: var(--title_max_width);
  }
  50% {
    max-width: calc(var(--title_max_width) * 1.3);
  }
  100% {
    max-width: var(--title_max_width);
  }
}

@media (min-width: 961px) {
  ._event_refund {
    --title_max_width: 338px;
  }
  ._event_refund::before,
  ._event_refund::after {
    left: 50%;
    width: 100%;
    height: 238px;
    transform: translateX(-50%);
  }
  ._event_refund::before {
    top: 14px;
    background: linear-gradient(
      180deg,
      var(--refund_bg_color) 40%,
      rgba(var(--refund_bg_color_rgb), 0.65) 79.97%,
      rgba(var(--refund_bg_color_rgb), 0) 100%
    );
  }
  ._event_refund::after {
    bottom: 14px;
    background: linear-gradient(
      0deg,
      var(--refund_bg_color) 40%,
      rgba(var(--refund_bg_color_rgb), 0.65) 79.97%,
      rgba(var(--refund_bg_color_rgb), 0) 100%
    );
  }
  ._event_refund ._event_refund_inner {
    max-width: calc(var(--max_width) + (var(--menu_padding) * 2));
    min-height: 676px;
  }
  ._event_refund ._refund_title {
    max-width: var(--title_max_width);
  }
  ._event_refund ._refund_title > small {
    font-size: 24px;
  }
  ._event_refund ._refund_text {
    font-size: 18px;
  }
  ._event_refund ._refund_bg {
    width: 676px;
    aspect-ratio: 676 / 630;
  }
}

@media (max-width: 960px) {
  ._event_refund {
    --title_max_width: 268px;
    --menu_padding: 20px;
  }
  ._event_refund::before,
  ._event_refund::after {
    top: 27px;
    bottom: 27px;
    width: 186px;
  }
  ._event_refund::before {
    left: calc(50% + 50px);
    background: linear-gradient(
      270deg,
      var(--refund_bg_color) 40%,
      rgba(var(--refund_bg_color_rgb), 0.65) 79.97%,
      rgba(var(--refund_bg_color_rgb), 0) 100%
    );
  }
  ._event_refund::after {
    right: calc(50% + 50px);
    background: linear-gradient(
      90deg,
      var(--refund_bg_color) 40%,
      rgba(var(--refund_bg_color_rgb), 0.65) 79.97%,
      rgba(var(--refund_bg_color_rgb), 0) 100%
    );
  }
  ._event_refund ._event_refund_inner {
    min-height: 545px;
  }
  ._event_refund ._refund_title {
    max-width: 268px;
  }
  ._event_refund ._refund_title > small {
    font-size: 22px;
  }
  ._event_refund ._refund_text {
    font-size: 16px;
  }
  ._event_refund ._refund_bg {
    width: 472px;
    aspect-ratio: 472 / 492;
    background-image: url("/wp-content/themes/fastfive/assets/event/common/img/refund_bg_arw_mo.png");
  }
}

@media screen and (min-width: 600px) {
  .event_popup .modalBox {
    height: auto !important;
    overflow-y: auto !important;
  }
}
@media screen and (max-width: 600px) {
  .event_popup .modalBox {
    overflow-x: auto !important;
    overflow-y: auto !important;
  }
}
@media screen and (max-width: 960px) {
  .pc_block,
  .hidden_mo {
    display: none;
  }
  .mo_block,
  .hidden_pc {
    display: block;
  }
  .event_common_cautions {
    padding: 80px 0;
  }
  .event_common_cautions_inner {
    flex-direction: column;
  }
  .event_common_cautions h4 {
    min-width: 75px;
    padding-left: 2px;
    padding-right: 2px;
    font-size: 14px;
  }
  .event_common_cautions .notice_text {
    margin-top: 15px;
  }
}
/* 20240426 - award add */
@media (max-width: 1100px) {
  ._award-container {
    max-width: 852px;
    gap: 40px;
  }
  ._award-container ._award-container__list ._award-container__txt-box {
    top: 50%;
  }
  ._award-container
    ._award-container__list
    ._award-container__txt-box
    ._award-container__desc {
    font-size: 16px;
  }
  ._award-container
    ._award-container__list
    ._award-container__txt-box
    ._award-container__num {
    font-size: 32px;
  }
  ._award-container
    ._award-container__list
    ._award-container__txt-box
    ._award-container__num
    > span {
    font-size: 19px;
  }
}
@media (max-width: 960px) {
  ._award-container {
    flex-wrap: wrap;
    max-width: 350px;
    gap: 30px;
  }
  ._award-container ._award-container__list {
    flex: none;
    width: calc(50% - 30px);
  }
  ._award-container
    ._award-container__list
    ._award-container__txt-box
    ._award-container__desc {
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 1.3;
  }
  ._award-container
    ._award-container__list
    ._award-container__txt-box
    ._award-container__num,
  ._award-container
    ._award-container__list
    ._award-container__txt-box
    ._award-container__num
    > span {
    font-size: 22px;
    font-weight: 800;
  }
  /* benefit_icons */
  ._benefit_icon_list {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 20px;
    margin-top: 40px;
    max-width: 300px;
  }
  ._benefit_icon_list li > span {
    padding-top: 0;
    font-size: 18px;
    line-height: 1.4;
  }
  /* swiper navigation :: only pc visible */
  .__swiper-navigation__circle,
  .__swiper-navigation__arrow {
    display: none;
  }
}

/* 이벤트 버튼 - 우꺽쇄 : 251013 추가 jh.roh */
:root {
  --btn-cta_bg: #000;
  --btn-cta_color: #fff;
}
.btn_event_cta {
  min-width: 230px;
  width: var(--btn-cta_width, auto);
  height: 56px;
  padding: 0 48px;
  color: var(--btn-cta_color);
  background-color: var(--btn-cta_bg);
  font-size: 18px;
  font-weight: 600;
  text-indent: 8px;
  border-radius: 8px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition:
    background-color ease 0.2s,
    color ease 0.2s;
}

.btn_event_cta::after {
  width: 24px;
  height: 24px;
  margin-left: 2px;
  background-color: #fff;
  display: inline-block;
  mask: url(/wp-content/themes/fastfive/assets/images/common/btn_cta_arrow.svg)
    no-repeat center / 100%;
  -webkit-mask: url(/wp-content/themes/fastfive/assets/images/common/btn_cta_arrow.svg)
    no-repeat center / 100%;
  content: "";
  transition: background-color linear 0.2s;
}

/* 흰색 */
.btn_event_cta._white {
  background-color: #fff;
  color: #000;
}
.btn_event_cta._white::after {
  background-color: #000;
}

@media (hover: hover) {
  .btn_event_cta:hover::after {
    background-color: var(--btn-cta_hover_color, #000);
  }
  .btn_event_cta._white:hover {
    background-color: var(--btn-cta_white_hover_bg, #000);
    color: var(--btn_cta_white_hover_color, #fff);
  }
  .btn_event_cta._white:hover::after {
    background-color: var(--btn_cta_white_hover_color, #fff);
  }
  .btn_event_cta:hover {
    background-color: var(--btn-cta_hover_bg, #fff);
    color: var(--btn-cta_hover_color, #000);
  }
}

@media (max-width: 960px) {
  .btn_event_cta {
    padding: 0 32px;
    font-size: 16px;
    text-indent: 4px;
  }
  .btn_event_cta::after {
    margin-left: 0;
    mask-position: center;
  }
}

/* 251030 :: 공통 Awards */
.event-common_awards {
  --color_bg: #222;
  --color_text: #fff;
  --color_icon: #046daf;
  position: relative;
  width: 100%;
  padding: 0 !important;
  background: var(--color_bg);
  overflow: hidden;
}
.event-common_awards_inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.event-common_awards h2,
.event-common_awards .event-common_awards_title {
  margin: 0;
  padding: 0;
  line-height: 140%;
  letter-spacing: -1px;
  font-weight: 700;
  color: var(--color_text);
  text-align: center;
}
.event-common_awards .event-common_awards_list {
  width: 100%;
  display: grid;
  grid-auto-rows: auto;
  grid-auto-flow: row;
  justify-content: center;
}
.event-common_awards .event-common_awards_box {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.event-common_awards .event-common_awards_box dl {
  position: relative;
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.event-common_awards .event-common_awards_box dl::before,
.event-common_awards .event-common_awards_box dl::after {
  position: absolute;
  top: 0;
  height: 100%;
  background: var(--color_icon);
  mask-image: url("/wp-content/themes/fastfive/assets/event/common/img/awards_img.svg");
  mask-repeat: no-repeat;
  mask-position: center top;
  mask-size: 100% auto;
  display: block;
  content: "";
}
.event-common_awards .event-common_awards_box dl::before {
  left: 0;
  transform: rotateY(180deg);
}
.event-common_awards .event-common_awards_box dl::after {
  right: 0;
}
.event-common_awards .event-common_awards_box dt,
.event-common_awards .event-common_awards_box dd {
  position: relative;
  line-height: 140%;
  color: var(--color_text);
  z-index: 1;
}
.event-common_awards .event-common_awards_box dt {
  font-weight: 600;
  display: flex;
  align-items: center;
}
.event-common_awards .event-common_awards_box dd {
  font-weight: 700;
  letter-spacing: -1px;
}
.event-common_awards .event-common_awards_info {
  position: relative;
  line-height: 150%;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  flex: 1;
}
.event-common_awards_info .event-common_awards_info_text,
.event-common_awards_info .event-common_awards_info_line {
  position: relative;
  z-index: 1;
}
.event-common_awards_info .event-common_awards_info_text p {
  font-weight: 600;
  line-height: 150%;
}
@media (max-width: 1342px) {
  .event-common_awards .event-common_awards_list {
    max-width: 704px;
  }
}
@media (min-width: 961px) {
  .event-common_awards .event-common_awards_inner {
    padding: 180px 0;
    gap: 60px;
  }
  .event-common_awards h2,
  .event-common_awards .event-common_awards_title {
    font-size: 40px;
  }
  .event-common_awards .event-common_awards_list {
    padding: 0 48px;
    grid-template-columns: repeat(auto-fit, 272px);
    gap: 60px 48px;
  }
  .event-common_awards .event-common_awards_box {
    width: 272px;
    flex: 0 0 auto;
    gap: 24px 0;
  }
  .event-common_awards .event-common_awards_box dl {
    height: 252px;
    padding-bottom: 24px;
    gap: 2px;
  }
  .event-common_awards .event-common_awards_box dl::before,
  .event-common_awards .event-common_awards_box dl::after {
    width: 120px;
  }
  .event-common_awards .event-common_awards_box dt {
    min-height: 62px;
    font-size: 22px;
  }
  .event-common_awards .event-common_awards_box dd {
    font-size: 40px;
  }
  .event-common_awards .event-common_awards_box dd small {
    font-size: 32px;
  }
  .event-common_awards .event-common_awards_info {
    width: 244px;
    min-height: 116px;
    font-size: 16px;
    color: #222;
  }
  .event-common_awards .event-common_awards_info::after {
    position: absolute;
    right: -72px;
    bottom: -20px;
    width: 388px;
    height: 90px;
    background-image: url("/wp-content/themes/fastfive/assets/event/common/img/awards_shadow.png");
    background-size: 100% auto;
    background-position: center;
    display: block;
    content: "";
  }
  .event-common_awards_info .event-common_awards_info_text {
    width: 228px;
    flex: 1;
    padding: 18px 18px 12px;
    border-radius: 20px 20px 0 0;
    background: linear-gradient(90deg, #343841 0%, #181a21 100%);
  }
  .event-common_awards_info .event-common_awards_info_text p {
    width: 100%;
    height: 100%;
    padding: 8px;
    font-size: 16px;
    background-color: #fff;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .event-common_awards_info .event-common_awards_info_line {
    width: 100%;
    height: 14px;
    background: linear-gradient(90deg, #343841 0%, #181a21 100%);
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 6px 6px 0 0;
    flex: 0 0 auto;
    overflow: hidden;
  }
}
@media (max-width: 960px) {
  .event-common_awards .event-common_awards_inner {
    padding: 130px var(--menu_padding);
    gap: 40px;
  }
  .event-common_awards h2,
  .event-common_awards .event-common_awards_title {
    font-size: 28px;
  }
  .event-common_awards .event-common_awards_list {
    max-width: 335px;
    padding: 0;
    grid-template-columns: repeat(2, minmax(0, 158px));
    gap: 28px 19px;
  }
  .event-common_awards .event-common_awards_box {
    width: 100%;
    max-width: 158px;
    gap: 10px 0;
  }
  .event-common_awards .event-common_awards_box dl {
    padding-bottom: 12px;
    aspect-ratio: 158 / 146;
  }
  .event-common_awards .event-common_awards_box dl::before,
  .event-common_awards .event-common_awards_box dl::after {
    width: 70px;
    height: 100%;
    mask-size: auto 100%;
  }
  .event-common_awards .event-common_awards_box dt {
    min-height: 40px;
    font-size: 14px;
  }
  .event-common_awards .event-common_awards_box dd {
    font-size: 24px;
  }
  .event-common_awards .event-common_awards_box dd small {
    font-size: 18px;
  }
  .event-common_awards_info .event-common_awards_info {
    font-size: 14px;
    color: var(--color_text);
  }
  .event-common_awards_info .event-common_awards_info_text p {
    padding: 0 5px;
    font-size: 14px;
    color: var(--color_text);
  }
  .event-common_awards_info .event-common_awards_info_line {
    display: none;
  }
}

/* 260210 :: 공통 인프라 슬라이드 */
.event-common_infra {
  text-align: center;
  background: var(--color_bg, #fff);
  overflow: hidden;
}
.event-common_infra .common_inner {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.event-common_infra .title {
  color: var(--color_text, var(--global-font-color));
}
.event-common_infra .infra_swiper_wrap {
  position: relative;
  width: 100%;
}
.event-common_infra .swiper {
  width: 100%;
  margin: 0 auto;
  border-radius: 12px;
  overflow: hidden;
}

.event-common_infra .swiper-slide {
  position: relative;
  font-size: 0;
  align-items: center;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.event-common_infra picture {
  display: flex;
}
.event-common_infra img {
  transform: scale(1.3);
  transition: 4.5s 0.5s;
}
.event-common_infra .swiper-slide.swiper-slide-active img {
  transform: scale(1);
}
.event-common_infra .swiper-slide .caption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 50px;
  font-weight: 600;
  color: var(--caption_color, #fff);
  background: var(--caption_bg, rgba(0, 0, 0, 0.6));
  display: flex;
  justify-content: center;
  align-items: center;
}
.event-common_infra .swiper-slide .caption {
  opacity: 0;
  transform: translateY(100px);
  transition:
    transform 0.8s 0.5s,
    opaticy 0.8s 0s;
}
.event-common_infra .swiper-slide.swiper-slide-active .caption {
  opacity: 1;
  transform: translateY(0);
}
.event-common_infra .infra_ctrl.paging {
  display: flex;
  justify-content: center;
  gap: 8px;
}
.event-common_infra .infra_ctrl.paging .swiper-pagination-bullet {
  margin: 0;
  background: #000;
}
.event-common_infra .infra_ctrl:has(button) {
  position: absolute;
  top: 498px;
  left: 50%;
  z-index: 2;
  transform: translateX(-50%);
}
.event-common_infra .infra_swiper_info {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.event-common_infra .infra_info {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  line-height: 1.7;
  font-weight: 400;
  color: var(--color_text, var(--global-font-color));
  opacity: 0;
  transform: translate(-50%, 100px);
  transition:
    transform 0.8s 0.5s,
    opaticy 0.8s 0s;
}
.event-common_infra .infra_info._active {
  opacity: 1;
  transform: translate(-50%, 0);
}

@media screen and (min-width: 961px) {
  .event-common_infra .common_inner {
    padding: 180px 50px;
    max-width: 1218px;
    gap: 60px;
  }
  .event-common_infra .title {
    font-size: 40px;
  }
  .event-common_infra .swiper-slide .caption {
    font-size: 18px;
  }
  .event-common_infra .infra_swiper_info {
    height: 62px;
    margin-top: 40px;
  }
  .event-common_infra .infra_info {
    font-size: 18px;
  }
  .event-common_infra .infra_ctrl.paging {
    margin-top: 12px;
  }
  .event-common_infra .swiper-navigation {
    width: 100%;
    height: 80px;
    position: absolute;
    left: 50%;
    top: 160px;
    transform: translateX(-50%);
  }
  .event-common_infra .swiper-navigation [class^="swiper-button-"] {
    --arrow_size: 80px;
    margin: 0;
  }
  .event-common_infra .swiper-navigation [class^="swiper-button-"]::after {
    background: #000;
    opacity: 0.3;
    transition: opacity 0.2s;
  }
  .event-common_infra
    .swiper-navigation
    [class^="swiper-button-"]:hover::after {
    opacity: 0.8;
  }
  .event-common_infra .swiper-navigation .swiper-button-prev {
    left: calc(-1 * var(--arrow_size) - 10px);
  }
  .event-common_infra .swiper-navigation .swiper-button-next {
    right: calc(-1 * var(--arrow_size) - 10px);
  }
}

@media screen and (max-width: 960px) {
  .event-common_infra .common_inner {
    padding: 130px 20px;
    max-width: 395px;
    gap: 40px;
  }
  .event-common_infra .infra_swiper_info {
    height: 81px;
    margin-top: 24px;
  }
  .event-common_infra .infra_ctrl.paging {
    margin-top: 16px;
  }
  .event-common_infra .title {
    font-size: 28px;
  }
  .event-common_infra .swiper-slide .caption {
    font-size: 16px;
    height: 40px;
  }
  .event-common_infra .swiper-slide .infra_info {
    margin-top: 48px;
    font-size: 16px;
  }
}

@media screen and (max-width: 1440px) {
  .event-common_infra .swiper-navigation {
    display: none;
  }
}

/* 260210 :: 공통 혜택 마퀴 슬라이드 */
@keyframes roller_to {
  to {
    background-position: 0 0;
  }
}
.event-common_benefit {
  position: relative;
  width: 100%;
  background-color: var(--color_bg, #333);
  overflow: hidden;
}
.event-common_benefit .common_inner {
  --gap: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.event-common_benefit .benefit_list {
  width: 100%;
}
.event-common_benefit a,
.event-common_benefit button {
  margin-top: 40px;
}
.event-common_benefit .visible-hidden {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  z-index: -1;
}
.event-common_benefit .title {
  --gap: 8px;
  margin-bottom: 60px;
  font-size: 40px;
  text-align: center;
  color: var(--color_text, #fff);
}
.event-common_benefit .title span {
  font-size: 24px;
  font-weight: 400;
  opacity: 0.9;
}
.event-common_benefit .roller {
  width: 100%;
  animation: roller_to 20s infinite linear;
}

@media screen and (min-width: 961px) {
  .event-common_benefit {
    padding: 180px 0;
  }
  .event-common_benefit .roller {
    height: 192px;
    background: url("/wp-content/themes/fastfive/assets/event/common/img/benefit_roller.png")
      repeat-x 1880px 0 / auto 100%;
    will-change: background-position;
  }
}

@media screen and (max-width: 960px) {
  .event-common_benefit .title {
    font-size: 28px;
  }
  .event-common_benefit .title span {
    font-size: 18px;
    line-height: 1.7;
  }
  .event-common_benefit {
    padding: 130px 0;
  }
  .event-common_benefit .roller {
    height: 120px;
    background: url("/wp-content/themes/fastfive/assets/event/common/img/benefit_roller_1.png")
      repeat-x 560px 0 / auto 100%;
    animation-duration: 12s;
  }
  .event-common_benefit .roller.hidden_pc {
    margin-top: 12px;
    animation-direction: reverse;
    background-image: url("/wp-content/themes/fastfive/assets/event/common/img/benefit_roller_2.png");
  }
}
