/*

  ! ÁÖÀÇ !
  º» ÆÄÀÏÀº "EUC-KR"·Î ÀÎÄÚµù µÇ¾îÀÖ½À´Ï´Ù.
  "UTF-8"·Î ¼³Á¤ÇÏ¸é º» ÁÖ¼®ÀÇ ÅؽºÆ®°¡ ±úÁ® º¸ÀÔ´Ï´Ù.
  ÀÛ¾÷ Àü ¹Ýµå½Ã ÀÎÄÚµù ¸ðµå "EUC-KR"·Î º¯°æ ÈÄ ÀÛ¾÷ÇØÁÖ¼¼¿ä.

  ! Warning !
  This file is encoded in "EUC-KR".
  If you set it To "UTF-8", the text in this comment will appear corrupted.
  Before Proceeding, be sure to change the encoding mode to "EUC-KR"
  
 */

/* 22-03-29  ¶ó¿îÁö ¸ÞÀÎ Á¦ÈÞÄíÆù ·Ñ¸µ¹è³Ê ¼öÁ¤ START */
.event-cards .swiper-object ul.event-cards-list div.event-cards-img-area {
  margin: 5px 0 0 0 !important;
}
.event-cards .swiper-object ul.event-cards-list div.event-cards-info {
  padding: 10px 15px 15px 15px !important;
}
/* END */

/* 22-04-04  À̺¥Æ® »ó¼¼ÆäÀÌÁö ³» Æ˾÷ ¹öÆ° ¼öÁ¤ START */
.wcms-data .event-data .ui-button.header__button.header__button--close,
.wcms-data .vip-event-data .ui-button.header__button.header__button--close {
  background: #fff;
}
.wcms-data .event-data .layer-wrap .ui-buttons-list,
.wcms-data .vip-event-data .layer-wrap .ui-buttons-list {
  margin: 0;
  padding: 0;
}
.wcms-data .event-data .layer-wrap .ui-buttons li,
.wcms-data .vip-event-data .layer-wrap .ui-buttons li {
  list-style: none;
}
.wcms-data .event-data .layer-wrap button,
.wcms-data .vip-event-data .layer-wrap button,
.wcms-data .event-data .layer-wrap [type="button"],
.wcms-data .vip-event-data .layer-wrap [type="button"] {
  border: none;
  color: var(--gray-70);
}
.wcms-data .event-data .layer-wrap .type-primary,
.wcms-data .vip-event-data .layer-wrap .type-primary,
.wcms-data .event-data .layer-wrap .type-vip,
.wcms-data .vip-event-data .layer-wrap .type-vip {
  color: #fff;
}
/* END */

/* 22-04-25  ÀÓÁ÷¿ø ÀϽÃÇѵµ ½Åû */
.staff-title {
  display: block;
  margin: 0 -24px;
  padding: 30px 24px 40px;
  background: #00a49d;
}
.staff-title .logo {
  display: block;
  margin-bottom: 30px;
}
.staff-title .form-detail-title {
  color: #fff;
}
.staff-title .form-detail-title .title {
  position: relative;
  margin-top: 27px;
}
.staff-title .form-detail-title .title:before {
  content: "";
  position: absolute;
  top: -12px;
  left: 1px;
  display: inline-block;
  width: 24px;
  height: 2px;
  background: #fff;
}
/* END */

/* 22-05-19 [s] */
.header.type-white {
  padding: 13px 22px 13px 24px;
}
.header.type-white .header-title {
  text-align: center;
}
.header.type-white .header-title .hanacard_ci {
  width: 32.31vw;
  height: auto;
}
.page-contents.staff {
  padding: 30px 15px 13.59vw;
}
.page-contents.staff .staff-visual {
  display: block;
  width: 100%;
  margin: 36px auto 0;
}
.page-contents.staff .staff-visual img {
  width: 100%;
  height: auto;
}
.page-contents.staff .staff-visual .hide {
  height: 0;
  color: transparent;
  font-size: 0;
  visibility: hidden;
}
.page-contents.staff .basic-text {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.44em;
  letter-spacing: -0.6px;
  word-wrap: break-word;
  word-break: keep-all;
}
.page-contents.staff .basic-text .color-emp {
  color: #d40f0f;
}
.page-contents.staff .form-item:not(:first-child) {
  margin-top: 8.72vw;
}
.page-contents.staff .form-list:not(:first-child) {
  margin-top: 6.67vw;
  padding-left: 2.31vw;
}
.page-contents.staff .form-title .title {
  color: #000;
  font-weight: 600;
  font-size: 16px;
}
.page-contents.staff .ui-input {
  height: 47px;
  border-bottom: 1px solid #c0c0c0;
  color: #333;
  font-weight: 400;
  font-size: 21px;
  line-height: 47px;
}
.page-contents.staff .ui-input::placeholder {
  color: #c8c8c8;
}
.page-contents.staff .ui-label-text {
  color: #6e7d85;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
}
.page-contents.staff + .page-buttons {
  padding: 0 15px 30px;
}
.page-contents.staff + .page-buttons .ui-basic-button {
  height: 50px;
  padding: 0 8px;
  border-color: #13c9be;
  background-color: #13c9be;
  font-size: 18px;
  line-height: 50px;
}
.layer-wrap--slide .staff .ui-layer__head .header {
  padding: 64px 24px 10px;
}
.ui-layer.staff .header__title {
  font-weight: 700;
  font-size: 24px;
  text-align: center;
}
.ui-layer.staff .layer-contents p {
  font-size: 16px;
  text-align: center;
}
/* 22-05-19 [e] */

/* 23-10-31 VIP °øÅë CSS Ãß°¡ */
/*** 1) FONT ***/
.vip-event-data .vip-event-content {
  /* color */
  --gold: #8f733d;
  --white: #fff;
  --line: #e0e0e0;
  --gray: #585858;
  color: var(--basic);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  /*  --basic: #111;
        --wrong: #ce2d2d;
        --vip: #b48e5a;
        --vip-rgb: 180, 142, 90;
        --vip-dark: #87673c;
        (init.css)
    */
}
.vip-event-data .vip-event-content .vip-event-text-area .color-red {
  color: var(--wrong);
}
.vip-event-data .vip-event-content .vip-event-text-area .color-gold {
  color: var(--gold);
}
.vip-event-data .vip-event-content .vip-event-text-area .color-gray {
  color: var(--gray);
}

/*** 2) LAYOUT ***/
/* vip-data-wrap */
.vip-event-data .vip-event-content-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.vip-event-data .vip-event-content-wrap .vip-event-content {
  overflow-x: auto;
  max-width: 750px;
}
.vip-event-data .vip-event-content > .vip-event-image-area:first-of-type + .vip-event-text-area {
  position: relative;
  top: -27px;
  padding: 2px 15px 25px;
  border-radius: 14px 14px 0 0;
  background-color: var(--white);
}
.vip-event-data .vip-event-content .vip-event-text-area {
  padding: 2px 15px 25px;
  background-color: var(--white);
}
.vip-event-data .vip-event-content .vip-event-text-area + .vip-event-image-area {
  position: relative;
  top: -27px;
}

/* text-group */
.vip-event-data .vip-event-content .vip-event-text-area .text-group {
  display: flex;
  padding: 25px 0;
  word-wrap: break-word;
  word-break: keep-all;
}
.vip-event-data .vip-event-content .vip-event-text-area .text-group.flex-d-column {
  flex-direction: column;
}
.vip-event-data .vip-event-content .vip-event-text-area .text-group.flex-d-column .title-area + .menu-list-area,
.vip-event-data .vip-event-content .vip-event-text-area .text-group.flex-d-column .text-left + .vip-event-table {
  padding-top: 20px;
}
.vip-event-data .vip-event-content .vip-event-text-area .text-group + .text-group {
  border-top: 1px solid var(--line);
}
.vip-event-data .vip-event-content .vip-event-text-area .text-group + .text-group:last-of-type {
  border-bottom: 1px solid var(--line);
}
.vip-event-data .vip-event-content .vip-event-text-area .text-group .title-area {
  display: flex;
  align-items: center;
}
.vip-event-data .vip-event-content .vip-event-text-area .text-group .title-area .title {
  margin: 0 0 0 10px;
  font-weight: 700;
}

/* text-left */
.vip-event-data .vip-event-content .vip-event-text-area .text-group .text-left {
  display: flex;
  flex: 0 0 auto;
  align-items: flex-start;
  width: 92px;
}
.vip-event-data .vip-event-content .vip-event-text-area .text-group .text-left .title {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: space-between;
  align-self: flex-start;
  width: 58px;
  margin: 0 0 0 10px;
}
.vip-event-data .vip-event-content .vip-event-text-area .text-group .text-left .title span {
  display: inline-block;
  font-weight: 700;
}

/* text-right */
.vip-event-data .vip-event-content .vip-event-text-area .text-group .text-right {
  margin-left: 20px;
}
.vip-event-data .vip-event-content .vip-event-text-area .text-group .text-right.flex-1 {
  flex: 1;
}
.vip-event-data .vip-event-content .vip-event-text-area .text-group .text-right p {
  align-items: flex-start;
  margin: 0;
  word-break: keep-all;
}

/* divide-section */
.vip-event-data .vip-event-content .vip-event-text-area .divide-section {
  margin: 0 -15px 0;
  padding: 10px 0;
  background-color: rgba(var(--vip-rgb), 0.18);
  text-align: center;
}
.vip-event-data .vip-event-content .vip-event-text-area .divide-section span {
  display: inline-block;
  color: #ac8f61;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4;
}
.vip-event-data .vip-event-content .vip-event-text-area .divide-section span + p {
  padding-top: 4px;
}
.vip-event-data .vip-event-content .vip-event-text-area .divide-section p {
  margin: 0;
  font-weight: 700;
  font-size: 18px;
}

/*** 3) COMPONENTS ***/
/* icon ¸ðÀ½ */
.vip-event-data .vip-event-content .vip-event-text-area .text-group .icon {
  flex: none;
  width: 24px;
  height: 24px;
  background-image: url("../../../ATTACH/WWW/vip/images/mobile_event/vvip_icons_02.png");
  background-size: 337px;
}
.vip-event-data .vip-event-content .vip-event-text-area .text-group .icon.icon-coin {
  /* ±¸¼º ¹× °¡°Ý, ±¸¼º */
  background-position: top 0 right 24px;
}
.vip-event-data .vip-event-content .vip-event-text-area .text-group .icon.icon-paper {
  background-position: top 0 right 48px;
}
.vip-event-data .vip-event-content .vip-event-text-area .text-group .icon.icon-calendar {
  /* ¿¹¾à±â°£, ÀÌ¿ë±â°£, ÀÌ¿ë½Ã°£ */
  background-position: top 0 right 72px;
}
.vip-event-data .vip-event-content .vip-event-text-area .text-group .icon.icon-search {
  background-position: top 0 right 96px;
}
.vip-event-data .vip-event-content .vip-event-text-area .text-group .icon.icon-check {
  background-position: top 0 right 120px;
}
.vip-event-data .vip-event-content .vip-event-text-area .text-group .icon.icon-phone {
  /* ¹®ÀÇ/¿¹¾à */
  background-position: top -24px right 24px;
}
.vip-event-data .vip-event-content .vip-event-text-area .text-group .icon.icon-computer {
  /* ÀÌ¿ë¹æ¹ý */
  background-position: top -24px right 48px;
}
.vip-event-data .vip-event-content .vip-event-text-area .text-group .icon.icon-map {
  /* Àå¼Ò, ÀÌ¿ëó */
  background-position: top -24px right 72px;
}
.vip-event-data .vip-event-content .vip-event-text-area .text-group .icon.icon-gift {
  /* ÇýÅÃ */
  background-position: top -24px right 96px;
}

/* ÀüÈ­ ¿µ¿ª */
.call {
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
}
.call img {
  display: block;
  width: 25px;
  height: 25px;
}

/* button */
.vip-event-data .vip-event-text-area .wcms-button {
  border-color: var(--gold);
  background-color: var(--gold);
}
.vip-event-data .vip-event-text-area .wcms-button .wcms-button-text {
  color: var(--white);
  font-weight: 500;
  font-size: 16px;
}
.vip-event-data .vip-event-text-area .wcms-button.type-line {
  border-color: var(--gold);
  background-color: var(--white);
}
.vip-event-data .vip-event-text-area .wcms-button.type-line .wcms-button-text {
  color: var(--gold);
  font-weight: 500;
  font-size: 16px;
}
.vip-event-data .vip-event-text-area .wcms-button.type-line .wcms-button-text:after,
.vip-event-data .vip-event-text-area .wcms-button.type-line .wcms-button-text::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 20px;
  margin-left: 6px;
  background: url("../images/legacy/ico-cont.png") no-repeat -204px -3px/250px 250px;
}
.vip-event-data .vip-event-text-area .wcms-button.kakao-talk-plus {
  border-color: #fae300;
  background-color: #fae300;
}
.vip-event-data .vip-event-text-area .wcms-button.kakao-talk-plus .wcms-button-text {
  color: #000;
  font-weight: 500;
  font-size: 16px;
}
.vip-event-data .vip-event-text-area .wcms-button.kakao-talk-plus .wcms-button-text:before,
.vip-event-data .vip-event-text-area .wcms-button.kakao-talk-plus .wcms-button-text::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-right: 14px;
  background: url("../images/icon/ic-sns-kakao.png") no-repeat -4px -5px/28px 28px;
}
.vip-event-data .vip-event-text-area .wcms-button.kakao-talk-plus .wcms-button-text:after,
.vip-event-data .vip-event-text-area .wcms-button.kakao-talk-plus .wcms-button-text::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 20px;
  margin-left: 10px;
  background: url("../images/legacy/ico-cont.png") no-repeat -66px -3px/250px 250px;
}

/* company-info */
.vip-event-data .vip-event-content .vip-event-text-area .company-info {
  width: 100%;
  /* padding-top:18px; */
}
.vip-event-data .vip-event-content .vip-event-text-area .company-info .wcms-box-white {
  padding: 14px;
}
.vip-event-data .vip-event-content .vip-event-text-area .company-info.grand-lct {
  width: calc(100% + 30px);
  /* ±×·£µå LCT ·¹Áö´ø½º ºÎ»ê */
  margin: -2px -15px 0 -15px;
}
.vip-event-data .vip-event-content .vip-event-text-area .company-info.grand-lct img {
  border-radius: 15px 15px 0 0;
}
.vip-event-data .vip-event-content .vip-event-text-area .company-info.andaz-seoul {
  /* ¾È´ÙÁî ¼­¿ï */
  padding-top: 18px;
}

/* table */
.vip-event-data .vip-event-content .vip-event-text-area .vip-event-table + .vip-event-table {
  padding-top: 22px;
}
.vip-event-data .vip-event-content .vip-event-text-area .vip-event-table > p {
  margin: 0 0 12px;
  color: #c5172e;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
}
.vip-event-data .vip-event-content .vip-event-text-area .vip-event-table .wcms-table {
  border-bottom: none;
  border-radius: 14px;
  box-shadow: 0 7px 11px 0 rgba(0, 0, 0, 0.1);
}
.vip-event-data .vip-event-content .vip-event-text-area .vip-event-table .wcms-table + .wcms-table {
  margin-top: 20px;
}
.vip-event-data .vip-event-content .vip-event-text-area .vip-event-table .wcms-table-inner table thead > tr > th,
.vip-event-data .vip-event-content .vip-event-text-area .vip-event-table .wcms-table-inner table tbody tr th {
  font-size: 15px;
  text-align: center;
}
.vip-event-data
  .vip-event-content
  .vip-event-text-area
  .vip-event-table
  .wcms-table-inner
  table
  thead
  > tr:first-of-type
  > th,
.vip-event-data
  .vip-event-content
  .vip-event-text-area
  .vip-event-table
  .wcms-table-inner
  table
  thead
  tr:only-of-type
  > th {
  padding: 14px 0;
  background-color: var(--gold);
  color: var(--white);
  font-weight: 700;
  font-size: 16px;
}
.vip-event-data
  .vip-event-content
  .vip-event-text-area
  .vip-event-table
  .wcms-table-inner
  table
  thead
  tr:nth-of-type(2)
  > th {
  min-height: 47px;
  padding: 12px 0;
  border-right: 1px solid #d9d9d9;
  background-color: #eae3d7;
  color: var(--basic);
  font-weight: 700;
}
.vip-event-data
  .vip-event-content
  .vip-event-text-area
  .vip-event-table
  .wcms-table-inner
  table
  thead
  tr:nth-of-type(3)
  > th {
  min-height: 47px;
  padding: 12px 0;
  border-right: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  background-color: var(--gray-20);
  color: var(--basic);
  font-weight: 500;
}
.vip-event-data
  .vip-event-content
  .vip-event-text-area
  .vip-event-table
  .wcms-table-inner
  table
  thead
  > tr:last-of-type
  > th:last-of-type {
  border-right: 0;
}
.vip-event-data .vip-event-content .vip-event-text-area .vip-event-table .wcms-table-inner table tbody tr th {
  background-color: var(--white);
  color: var(--gray);
  font-weight: 500;
  line-height: 1.4;
  text-align: left;
}
.vip-event-data .vip-event-content .vip-event-text-area .vip-event-table .wcms-table-inner table tbody tr th span {
  line-height: 1.2;
}
.vip-event-data
  .vip-event-content
  .vip-event-text-area
  .vip-event-table
  .wcms-table-inner
  table
  tbody
  tr
  th
  span
  + span,
.vip-event-data
  .vip-event-content
  .vip-event-text-area
  .vip-event-table
  .wcms-table-inner
  table
  tbody
  tr
  td
  span
  + span {
  margin-top: 6px;
}
.vip-event-data .vip-event-content .vip-event-text-area .vip-event-table .wcms-table-inner table thead tr .color-gold,
.vip-event-data .vip-event-content .vip-event-text-area .vip-event-table .wcms-table-inner table tbody tr .color-gold {
  color: var(--gold);
  font-weight: 500;
  font-size: 15px;
}
.vip-event-data .vip-event-content .vip-event-text-area .vip-event-table .wcms-table-inner table thead tr .color-red,
.vip-event-data .vip-event-content .vip-event-text-area .vip-event-table .wcms-table-inner table tbody tr .color-red {
  color: var(--wrong);
  font-weight: 500;
  font-size: 15px;
}
.vip-event-data .vip-event-content .vip-event-text-area .vip-event-table .wcms-table-inner table thead tr .color-gray,
.vip-event-data .vip-event-content .vip-event-text-area .vip-event-table .wcms-table-inner table tbody tr .color-gray {
  color: var(--gray);
  font-weight: 500;
  font-size: 15px;
}
.vip-event-data
  .vip-event-content
  .vip-event-text-area
  .vip-event-table
  .wcms-table-inner
  table
  tbody
  tr
  th
  .table-list,
.vip-event-data
  .vip-event-content
  .vip-event-text-area
  .vip-event-table
  .wcms-table-inner
  table
  tbody
  tr
  td
  .table-list {
  display: block;
}
.vip-event-data
  .vip-event-content
  .vip-event-text-area
  .vip-event-table
  .wcms-table-inner
  table
  tbody
  tr
  th
  .table-list
  .table-list-item,
.vip-event-data
  .vip-event-content
  .vip-event-text-area
  .vip-event-table
  .wcms-table-inner
  table
  tbody
  tr
  td
  .table-list
  .table-list-item {
  display: flex;
  align-items: flex-start;
}
.vip-event-data
  .vip-event-content
  .vip-event-text-area
  .vip-event-table
  .wcms-table-inner
  table
  tbody
  tr
  th
  .table-list
  .table-list-item::before,
.vip-event-data
  .vip-event-content
  .vip-event-text-area
  .vip-event-table
  .wcms-table-inner
  table
  tbody
  tr
  th
  .table-list
  .table-list-item:before,
.vip-event-data
  .vip-event-content
  .vip-event-text-area
  .vip-event-table
  .wcms-table-inner
  table
  tbody
  tr
  td
  .table-list
  .table-list-item::before,
.vip-event-data
  .vip-event-content
  .vip-event-text-area
  .vip-event-table
  .wcms-table-inner
  table
  tbody
  tr
  td
  .table-list
  .table-list-item:before {
  content: attr(data-symbol);
  display: block;
  flex: none;
  margin-right: 4px;
}
.vip-event-data
  .vip-event-content
  .vip-event-text-area
  .vip-event-table
  .wcms-table-inner
  table
  tbody
  tr
  th
  .table-list
  .table-list-item
  .table-list-contents,
.vip-event-data
  .vip-event-content
  .vip-event-text-area
  .vip-event-table
  .wcms-table-inner
  table
  tbody
  tr
  td
  .table-list
  .table-list-item
  .table-list-contents {
  display: block;
  flex: 1;
}
/*  */
.vip-event-data .vip-event-content .vip-event-text-area .vip-event-table .wcms-table-inner table tbody tr th .icon-plus,
.vip-event-data
  .vip-event-content
  .vip-event-text-area
  .vip-event-table
  .wcms-table-inner
  table
  tbody
  tr
  td
  .icon-plus {
  display: flex;
  color: var(--gray);
  line-height: 1.5; /* 1 => 1.5·Î º¯°æ / 24.06.19 mj */
}
.vip-event-data
  .vip-event-content
  .vip-event-text-area
  .vip-event-table
  .wcms-table-inner
  table
  tbody
  tr
  th
  .icon-plus::before,
.vip-event-data
  .vip-event-content
  .vip-event-text-area
  .vip-event-table
  .wcms-table-inner
  table
  tbody
  tr
  th
  .icon-plus:before,
.vip-event-data
  .vip-event-content
  .vip-event-text-area
  .vip-event-table
  .wcms-table-inner
  table
  tbody
  tr
  td
  .icon-plus::before,
.vip-event-data
  .vip-event-content
  .vip-event-text-area
  .vip-event-table
  .wcms-table-inner
  table
  tbody
  tr
  td
  .icon-plus:before {
  content: "";
  display: inline-block;
  flex-shrink: 0;
  width: 15px;
  height: 18px; /* ³ôÀÌ°ª 15 => 18·Î º¯°æ - 24.06.19 mj */
  margin-right: 4px;
  background-image: url("../../../ATTACH/WWW/vip/images/mobile_event/vvip_icons_02.png");
  background-position: top -25px right 117px; /* top -28 => -28·Î º¯°æ - 24.06.19 mj */
  background-size: 337px;
}
.vip-event-data .vip-event-content .vip-event-text-area .vip-event-table .wcms-table-inner table tbody tr td {
  padding: 10px 6px;
  font-weight: 500;
  font-size: 15px;
  line-height: 1.4;
  text-align: center;
  word-break: keep-all;
}
.vip-event-data
  .vip-event-content
  .vip-event-text-area
  .vip-event-table
  .wcms-table-inner
  table
  tbody
  tr
  td
  .color-red {
  color: var(--wrong);
}
.vip-event-data
  .vip-event-content
  .vip-event-text-area
  .vip-event-table
  .wcms-table-inner
  table
  tbody
  tr
  td
  .color-gray {
  color: var(--gray);
}

/* menu-list */
.vip-event-data .vip-event-content .vip-event-text-area .text-group .menu-list-area .menu-list {
  padding: 20px;
  border-radius: 12px;
  background-color: rgba(var(--vip-rgb), 0.1);
}
.vip-event-data .vip-event-content .vip-event-text-area .text-group .menu-list-area .menu-list .menu-list-title {
  display: flex;
  justify-content: center;
}
.vip-event-data
  .vip-event-content
  .vip-event-text-area
  .text-group
  .menu-list-area
  .menu-list
  .menu-list-title
  + .menu-list-text {
  padding-top: 16px;
}
.vip-event-data .vip-event-content .vip-event-text-area .text-group .menu-list-area .menu-list .menu-list-title p {
  display: inline-block;
  margin: 0;
  padding-bottom: 2px;
  border-bottom: 2px solid rgba(var(--vip-rgb), 0.4);
  color: var(--gold);
  font-weight: 700;
  font-size: 16px;
  line-height: 1.4;
  text-align: center;
}
.vip-event-data .vip-event-content .vip-event-text-area .text-group .menu-list-area .menu-list .menu-list-text p,
.vip-event-data
  .vip-event-content
  .vip-event-text-area
  .text-group
  .menu-list-area
  .menu-list
  .menu-list-text
  .menu-list-group
  .menu-list-item {
  margin: 0;
  color: var(--gray);
  font-weight: 500;
  font-size: 15px;
  /* line-height: 1; */
  line-height: 1.5; /* 24.03.18 ¼öÁ¤ mj */
}
.vip-event-data .vip-event-content .vip-event-text-area .text-group .menu-list-area .menu-list .menu-list-text p + p,
.vip-event-data
  .vip-event-content
  .vip-event-text-area
  .text-group
  .menu-list-area
  .menu-list
  .menu-list-text
  p
  + .menu-list-group,
.vip-event-data
  .vip-event-content
  .vip-event-text-area
  .text-group
  .menu-list-area
  .menu-list
  .menu-list-text
  .menu-list-group
  .menu-list-item
  + .menu-list-item {
  padding-top: 12px;
}
.vip-event-data
  .vip-event-content
  .vip-event-text-area
  .text-group
  .menu-list-area
  .menu-list
  .menu-list-text
  .menu-list-group {
  margin: 0;
  padding: 0;
  list-style: none;
}
.vip-event-data
  .vip-event-content
  .vip-event-text-area
  .text-group
  .menu-list-area
  .menu-list
  .menu-list-text
  .menu-list-group
  .menu-list-item {
  display: flex;
}
.vip-event-data
  .vip-event-content
  .vip-event-text-area
  .text-group
  .menu-list-area
  .menu-list
  .menu-list-text
  .menu-list-group
  .menu-list-item:before,
.vip-event-data
  .vip-event-content
  .vip-event-text-area
  .text-group
  .menu-list-area
  .menu-list
  .menu-list-text
  .menu-list-group
  .menu-list-item::before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-top: 3px;
  margin-right: 4px;
  background-image: url("../../../ATTACH/WWW/vip/images/mobile_event/vvip_icons_02.png");
  background-position: top -28px right 117px;
  background-size: 337px;
}
.vip-event-data
  .vip-event-content
  .vip-event-text-area
  .text-group
  .menu-list-area
  .menu-list
  .menu-list-text
  .menu-list-group
  .menu-list-item
  .menu-list-contents {
  flex: 1;
}
.vip-event-data
  .vip-event-content
  .vip-event-text-area
  .text-group
  .menu-list-area
  .menu-list
  .menu-list-text
  .menu-list-group
  .menu-list-item
  .menu-list-contents
  .contents-text {
  display: block;
  padding-top: 4px;
  font-weight: 400;
  line-height: 1.2;
}

/* step */
.vip-event-data .vip-event-text-area .wcms-section-group .wcms-flex .wcms-flex-cell.type-flexible h4,
.vip-event-data .vip-event-text-area .wcms-section-group .wcms-flex .wcms-flex-cell.type-flexible p {
  font-size: 14px;
}

/* °øÇ× ¼­ºñ½º banner */
.vip-event-data .vip-event-content .vip-event-content-banner {
}
.vip-event-data .vip-event-content .vip-event-content-banner .travel-banner {
  border: 3px solid transparent;
  border-radius: 20px;
  background-image: linear-gradient(#fff, #fff), linear-gradient(135deg, #7530e3 0%, #e1afcc 100%);
  background-clip: content-box, border-box;
  background-origin: border-box;
}
.vip-event-data .vip-event-content .vip-event-content-banner .travel-banner a {
  position: relative;
  display: block;
  padding: 15px 120px 15px 15px;
  color: var(--basic);
  text-decoration: none;
}
.vip-event-data .vip-event-content .vip-event-content-banner .travel-banner.airport-service a {
  min-height: 98px;
  background: url(../../../ATTACH/WWW/vip/images/mobile_event/img_banner_airportserivce.png) no-repeat 96% 8px / 125px
    auto;
}
.vip-event-data .vip-event-content .vip-event-content-banner .travel-banner a .banner-text h5 {
  margin: 0;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: -1px;
}
.vip-event-data .vip-event-content .vip-event-content-banner .travel-banner a .banner-text h5 span {
  display: block;
  margin-bottom: 5px;
  color: #7530e3;
  font-size: 16px;
}
.vip-event-data .vip-event-content .vip-event-content-banner .travel-banner a .banner-text .tag {
  margin: 8px 0 0;
  color: #777;
  font-size: 14px;
}
.vip-event-data .vip-event-content .vip-event-content-banner .travel-banner a .banner-text .view-event {
  position: absolute;
  right: 20px;
  bottom: 15px;
  margin: 0;
  color: #7530e3;
  font-size: 14px;
}
.vip-event-data .vip-event-content .vip-event-content-banner .travel-banner a .banner-text .view-event:after,
.vip-event-data .vip-event-content .vip-event-content-banner .travel-banner a .banner-text .view-event::after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-bottom: 1px;
  margin-left: 4px;
  border-bottom: 1px solid #7530e3;
  border-left: 1px solid #7530e3;
  transform: rotate(-135deg);
}

/* label */
.vip-event-data .vip-event-content .vip-event-text-area .round-label {
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  padding: 8px 14px;
  border-radius: 20px 20px;
  background-color: #b48e5a;
  color: var(--white);
  font-weight: 700;
  font-size: 14px;
  text-align: center;
}
.vip-event-data .vip-event-content .vip-event-text-area .round-label.size-small {
  min-width: 24px;
  padding: 2px 4px;
}
.vip-event-data .vip-event-content .vip-event-text-area .round-label.color-red {
  background-color: var(--wrong);
}
.vip-event-data .vip-event-content .vip-event-text-area .round-label.color-gray {
  background-color: var(--gray);
}

/* label type-line */
.vip-event-data .vip-event-content .vip-event-text-area .round-label.type-line {
  display: inline-block;
  box-sizing: border-box;
  padding: 8px 14px;
  border: 1px solid #b48e5a;
  border-radius: 20px 20px;
  background-color: var(--white);
  color: var(--gold);
  font-weight: 700;
  font-size: 14px;
}
.vip-event-data .vip-event-content .vip-event-text-area .round-label.type-line.color-red {
  border: 1px solid var(--wrong);
  color: var(--wrong);
}
.vip-event-data .vip-event-content .vip-event-text-area .round-label.type-line.color-gray {
  border: 1px solid var(--gray);
  color: var(--gray);
}

/* app download*/
.vip-event-data .vip-event-content .vip-event-text-area .app-download {
  display: flex;
  align-items: center;
  padding: 8px 20px;
  border: 1px solid var(--line);
  border-radius: 12px 12px;
}
.vip-event-data .vip-event-content .vip-event-text-area .app-download .app-left + .app-right {
  border-left: 1px solid var(--line);
}
.vip-event-data .vip-event-content .vip-event-text-area .app-download .app-left {
  flex: 0.5;
  padding-right: 10px;
}
.vip-event-data .vip-event-content .vip-event-text-area .app-download .app-right {
  flex: 0.5;
  padding-left: 10px;
}
/* ==================== FREEST : [2024-05-30] ºÎÀÚÀÌ¾ß±â »ó¼¼ °øÅë ½ºÅ¸ÀÏ Ãß°¡ Start ==================== */
/* 
!°øÅë 
*/
.magazine_cont {
}
.magazine_cont * {
  word-break: keep-all;
}
.magazine_cont {
  color: var(--basic);
}
.magazine_cont img {
  width: 100%;
  max-width: 100%;
}
.magazine_cont img + img {
  margin-top: 5px;
}
.magazine_cont .txt_st01 {
  padding: 20px 0;
  color: var(--basic);
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.magazine_cont .title_st01 {
  margin-top: 40px;
  color: #000;
  font-weight: 700;
  font-size: 2.2rem;
}
.magazine_cont .title_st02 {
  margin-top: 10px;
  color: #5a5a5a;
  font-weight: 500;
  font-size: 1.8rem;
}
.magazine_cont .title_st03 {
  margin-top: 20px;
  font-weight: normal !important;
  font-size: 1.6rem;
}
.magazine_cont .title_st01 + .img_cont,
.magazine_cont .title_st02 + .img_cont,
.magazine_cont .title_st03 + .img_cont {
  margin-top: 1rem;
}
.magazine_cont h3.title_st01 {
  margin-top: 40px;
  color: var(--primary);
  font-weight: 700;
  font-size: 2.1rem;
}
.magazine_cont h3.title_st03 {
  margin-top: 10px;
  color: var(--basic);
  font-weight: normal !important;
  font-size: 1.5rem;
}
.magazine_cont span > span.img_txt {
  font-weight: 500;
}
.magazine_cont p.txt_st02 {
  text-align: center;
}
.magazine_cont .caption {
  margin-top: 10px;
  color: var(--gray-70);
  font-weight: normal !important;
  font-size: 1.3rem;
}
.magazine_cont span.txt_st01 {
  color: var(--primary) !important;
}
.magazine_cont .ui-buttons {
  margin: 25px 0;
}
.magazine_cont .menu_title {
  position: relative;
  padding-left: 15px;
  color: var(--primary) !important;
}
.magazine_cont .menu_title::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  display: inline-block;
  width: 10px;
  height: 11px;
  background: url("/images/icon/btn-more-g.svg");
}
.magazine_cont .header_wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 40px;
  /* width: 100%; */
  margin: 0 -24px;
  padding: 24px;
  background-color: #545454;
  /* text-align: right; */
}
.magazine_cont .header_wrap .title {
  /* margin-bottom: 4px; */
  color: #111111;
  font-weight: 700;
  font-size: 2.6rem;
  line-height: 34px;
}
.magazine_cont .header_wrap .text {
  color: #666666;
  font-size: 1.4rem;
  line-height: 24px;
}
/* [2025-01-21: shj] ·Î°í Ãß°¡ */
.theme_story .header_wrap .top-logo-area {
  margin-top: -20px;
  text-align: right;
}
.theme_story .header_wrap .top-logo-area img {
  width: 80px;
  height: auto;
}
.magazine_cont .header_wrap .coupon-detail-button {
  position: absolute;
  top: 24px;
  right: 24px;
}
.magazine_cont .header_wrap .flag_category {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  padding: 1px 8px 1px 3px;
  border-radius: 4px;
}
.magazine_cont .header_wrap .flag_category .icon_category {
  display: block;
  width: 24px;
  height: 24px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.magazine_cont .header_wrap .flag_category span {
  color: #111111;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.33px;
}
.magazine_cont .page-buttons.is-bottom {
  padding: 0;
}
.magazine_cont .banner-link {
  display: block;
  width: 100%;
  height: 100%;
  margin: 12px 0;
}
/* 
![AI ¸ÀÁý ½ºÅ丮]
theme Class : theme_story
Theme Color : #D8F3F2
Point Color : #ADE8E5
Icon : ic_ai_gourmet_story.png  
*/
.theme_story .header_wrap {
  background-color: #d8f3f2;
}
.theme_story .header_wrap .flag_category {
  background-color: #ade8e5;
}
.theme_story .header_wrap .flag_category .icon_category {
  background-image: url(/images/things_of_read/icon/ic_ai_gourmet_story.png);
}
/* 
![¹Ì¼úÀ̾߱â]
Theme Class : theme_art
Theme Color : #ECE6FF
Point Color : #D7CBFD
Icon : ic_art_story.png
*/
.theme_art .header_wrap {
  background-color: #ece6ff;
}
.theme_art .header_wrap .flag_category {
  background-color: #d7cbfd;
}
.theme_art .header_wrap .flag_category .icon_category {
  background-image: url(/images/things_of_read/icon/ic_art_story.png);
}
/*
![Car & Audio]
Theme Class : theme_motor
Theme Color : #E2F0FF
Point Color : #B7D9FD
Icon : ic_car_n_audio.png
*/
.theme_motor .header_wrap {
  background-color: #e2f0ff;
}
.theme_motor .header_wrap .flag_category {
  background-color: #b7d9fd;
}
.theme_motor .header_wrap .flag_category .icon_category {
  background-image: url(/images/things_of_read/icon/ic_car_n_audio.png);
}
/* 
![ÀåÀÎÀÇ ¸Ô°Å¸®]
Theme Class : theme_hero
Theme Color : #FEE7EC
Point Color : #FFC1CE
Icon : ic_artisan_food.png 
*/
.theme_hero .header_wrap {
  background-color: #fee7ec;
}
.theme_hero .header_wrap .flag_category {
  background-color: #ffc1ce;
}
.theme_hero .header_wrap .flag_category .icon_category {
  background-image: url(/images/things_of_read/icon/ic_artisan_food.png);
}
/* 
![¿©ÇàÀ̾߱â]
Theme Class : theme_travel
Theme Color : #F4FFD6
Point Color : #DFF4A4
Icon : ic_travel_story.png
*/
.theme_travel .header_wrap {
  background-color: #f4ffd6;
}
.theme_travel .header_wrap .flag_category {
  background-color: #dff4a4;
}
.theme_travel .header_wrap .flag_category .icon_category {
  background-image: url(/images/things_of_read/icon/ic_travel_story.png);
}

/* 
![º°º°°¡À̵å]
Theme Class : theme_star
Theme Color : #F4FFD6
Point Color : #DFF4A4
Icon : ic_star_guide.png
*/
.theme_star .header_wrap {
  background-color: #ffdbef;
}
.theme_star .header_wrap .flag_category {
  background-color: #ffa4ee;
}
.theme_star .header_wrap .flag_category .icon_category {
  background-image: url(/images/things_of_read/icon/ic_star_guide.png);
}

.theme_star .infoBox {
  padding: 35rem 3rem 3rem;
  background: #f4f6f8 no-repeat url(/images/article/starstar/250314/sample_layer_02.png) center top 4rem / 21.3rem auto;
  border-radius: 1.5rem;
}
.theme_star .infoBox-title {
  font-size: 1.8rem;
  font-weight: 600;
}
.theme_star .infoBox-list li + li {
  margin-top: 3rem;
}
.theme_star .infoBox .txt_st01 span {
  display: block;
}
.theme_star .infoBox-list .txt_st01 span + span {
  margin-top: 1rem;
}
.theme_star .info-list {
  font-size: 1.6rem;
  line-height: 2.6rem;
}
.theme_star .info-item::before {
  top: 11px;
}
.theme_star .title_st02 {
  font-weight: 600;
  line-height: 2.5rem;
}

/* 
![Æ®·»µå ¸®Æ÷Æ®]
theme Class : theme_trend
Theme Color : #DEE9F5
Point Color : #B8CFEA
Icon : ic_trend_report.png
*/
.theme_trend .header_wrap {
  background-color: #DEE9F5;
}
.theme_trend .header_wrap .flag_category {
  background-color: #B8CFEA;
}
.theme_trend .header_wrap .flag_category .icon_category {
  background-image: url(/images/things_of_read/icon/ic_trend_report.png);
}

.travel_story_wrap {
  position: relative;
}
.travel_story_wrap .text_area {
  margin: 25px 0;
}

.travel_story_wrap .text_area p {
  font-weight: normal;
}

.travel_story_wrap .text_area p:first-child {
  margin-top: 0;
}

.travel_story_wrap .text_area p:last-child {
  margin-bottom: 0;
}

.travel_story_wrap .text_area .float_box .left_image {
  float: left;
  width: 50%;
  margin-right: 20px;
}

.travel_story_wrap .text_area .float_box:after {
  content: "";
  display: block;
  clear: both;
}

.travel_story_wrap .text_area.bg_area {
  margin: 0;
  padding: 25px 17px;
  background: #f8f6f2;
}

.travel_story_wrap .border_line {
  width: 59px;
  height: 2px;
  margin: 60px auto;
  background: #b48e5a;
}
.travel_story_wrap .coupon-detail-button {
  position: absolute;
  top: 14px;
  right: 14px;
}
/* ==================== FREEST : [2024-05-30] ºÎÀÚÀÌ¾ß±â »ó¼¼ °øÅë ½ºÅ¸ÀÏ Ãß°¡ End ==================== */

/* ==================== FREEST : [2024-09-02] Æ®·¡ºí·Î±× ¿©Çà Åë°è ½ºÅ¸ÀÏ Ãß°¡ Start ==================== */
/* ! 2024³â 2ºÐ±â Start */
html:has(.statistics_24_q2) {
  /* color */
  --color-teal-80: #b2e8e6;
  --color-teal-115: #017a78;
  --HES-color-text-white: #fff;
  --HES-color-text-01: #252e33;
  --HES-color-text-03: #536067;
  --HES-color-text-04: #69777e;
  --HES-color-text-05: #839097;
  --HES-color-text-08: #d0d7d7;
  --HES-primary-lighter: #13c9be;
  --HES-comp-button-secondary-default: #7b9cae;
  --HES-color-bg-10: #f5f8f9;
  /* unit */
  --HES-comp-text-flag-borderRadius-default: 1rem;
  --HES-comp-button-sizing-box-size-m: 4.8rem;
  --HES-comp-button-box-spacing-default-side: 1.4rem;
  --HES-comp-button-box-spacing-m-side: 1.4rem;
  --HES-comp-button-box-borderRadius-default: 0.8rem;
  --HES-comp-button-box-borderRadius-default: 0.8rem;
  --HES-comp-button-round-spacing-m-top: 0.8rem;
  --HES-comp-button-round-spacing-m-side: 2rem;
  --HES-comp-text-flag-borderRadius-default: 1rem;
  --global-page-padding-x: 2.4rem;
  font-size: 10px;
}
html:has(.statistics_24_q2) *::-webkit-scrollbar {
  display: none;
}
html:has(.statistics_24_q2) *:focus,
html:has(.statistics_24_q2) *:focus-visible {
  outline: 2px solid var(--color-teal-115, #017a78);
}
.statistics_24_q2 {
  overflow-x: hidden;
  padding: 0;
}
.statistics_24_q2:has(.bottom-btns:not(.is-disabled))::after {
  content: "";
  position: absolute;
  bottom: 0;
  z-index: 0;
  display: block;
  width: 100vw;
  height: 17.4rem;
  background: url("/images/trvb/trb_401_24q2/img_24q2_bg_decoration_03.png") no-repeat center bottom/contain;
}
.statistics_24_q2 * {
  box-sizing: border-box;
}
.statistics_24_q2 figure {
  position: relative;
  margin: 0;
  padding: 0;
}
.statistics_24_q2 figure figcaption {
  position: absolute;
  inset: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
}
.statistics_24_q2 img {
  display: block;
  max-width: 100%;
}
.statistics_24_q2 .top-visual {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 24rem;
  align-items: center;
  padding: 1.6rem 0 4.8rem;
}
.statistics_24_q2 .top-visual .select-page {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  padding: 1.6rem 2.8rem 0 2.8rem;
}
.statistics_24_q2 .top-visual .select-page.is-disabled {
  height: 0;
  padding: 0;
  visibility: hidden;
}
.statistics_24_q2 .top-visual .select-page .btn-select-page {
  display: flex;
  gap: 2rem;
  align-items: center;
  height: 3.2rem;
  border-bottom: 2px solid var(--HES-color-text-01, #252e33);
}
.statistics_24_q2 .top-visual .select-page .btn-select-page span {
  color: var(--HES-color-text-01, #252e33);
  font: normal 700 2rem/1.32 "SpoqaHanSansNeo";
  letter-spacing: -0.1rem;
}
.statistics_24_q2 .top-visual .visual-img {
  position: absolute;
  top: 8rem;
  left: 50%;
  width: 45rem;
  height: 26.4rem;
  transform: translateX(-50%);
}
.statistics_24_q2 .top-visual .select-page.is-disabled ~ .visual-img {
  top: 32px;
}
.statistics_24_q2 .top-visual .visual-img img {
  object-fit: contain;
  object-position: center;
  width: 100%;
  height: 100%;
}
.statistics_24_q2 .top-visual .page-content-title {
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  align-items: flex-start;
  width: 100%;
  padding: 0 2.4rem;
}
.statistics_24_q2 .top-visual .page-content-title .title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: var(--HES-text-01, #252e33);
  font: normal 300 2.4rem/1.32 "SpoqaHanSansNeo";
  letter-spacing: -0.12rem;
  text-align: center;
}
.statistics_24_q2 .top-visual .page-content-title .title strong {
  font: normal 700 3.2rem/1.28 "SpoqaHanSansNeo";
  letter-spacing: -0.16rem;
}
.statistics_24_q2 .top-visual .page-content-title .sub-title {
  color: var(--HES-color-text-05, #839097);
  /* HES/typo/body/s/regular */
  font: normal 400 1.4rem/1.32 "SpoqaHanSansNeo";
  letter-spacing: -0.07rem;
}
.statistics_24_q2 .content-section {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  padding: 4.8rem 2.4rem 5.6rem;
}
.statistics_24_q2 .content-section .section-title {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  margin-bottom: 0;
  padding-bottom: 2.4rem;
}
.statistics_24_q2 .content-section .section-title em {
  display: flex;
  gap: var(--HES-comp-text-flag-borderRadius-default, 1rem);
  justify-content: center;
  align-items: center;
  padding: 0.4rem 1.2rem;
  border-radius: 10rem;
  background: #ecfbf0;
  color: var(--color-teal-115, #017a78);
  font: normal 400 1.4rem/1.32 "SpoqaHanSansNeo";
  letter-spacing: -0.7px;
}
.statistics_24_q2 .content-section .section-title .title {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  justify-content: center;
  align-items: center;
  color: var(--HES-color-text-05, #839097);
  /* HES/typo/body/xxxl/light */
  font: normal 300 2.4rem/1.32 "SpoqaHanSansNeo";
  letter-spacing: -0.12rem;
}
.statistics_24_q2 .content-section .section-title .title strong {
  color: var(--HES-color-text-01, #252e33);
  /* HES/typo/body/xxxl/bold */
  font: normal 700 2.4rem/1.32 "SpoqaHanSansNeo";
  letter-spacing: -1.2px;
}
.statistics_24_q2 .content-section .section-btns {
  position: relative;
  display: flex;
  gap: 0.8rem;
  justify-content: center;
  align-self: stretch;
  margin-top: 2.4rem;
}
.statistics_24_q2 .content-section .section-btn {
  display: flex;
  flex: 1 0 0;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  height: var(--HES-comp-button-sizing-box-size-m, 4.8rem);
  padding: 1.3rem var(--HES-comp-button-box-spacing-m-side, 1.4rem);
  border-radius: var(--HES-comp-button-box-borderRadius-default, 0.8rem);
  background: var(--HES-comp-button-secondary-default, #7b9cae);
  color: var(--HES-comp-button-secondary-text-default, #fff);
  font: normal 700 1.6rem/1 "SpoqaHanSansNeo";
  letter-spacing: -0.08rem;
  text-align: center;
}
.statistics_24_q2 .content-section .section-info {
  margin-top: 1.6rem;
  padding: 0;
  color: #839097;
  font: normal 400 1.4rem/1.32 "SpoqaHanSansNeo";
  letter-spacing: -0.07rem;
  text-align: center;
}
/* Section - Currency */
.statistics_24_q2 .content-section.currency {
  background: linear-gradient(182deg, #fff 1.62%, #defde7 67.28%, #fff 101.86%);
}
.statistics_24_q2 .content-section.currency .nation {
  display: flex;
  flex-direction: column;
  align-items: center;
  /* gap: -2.8rem; */
  align-self: stretch;
}
.statistics_24_q2 .content-section.currency .nation figure {
  margin: 0 calc(100vw * 13.5 / 360);
}
.statistics_24_q2 .content-section.currency .nation figure figcaption .rank-group {
  position: absolute;
  inset: 0;
  display: flex;
  padding: 0 0.8rem;
}
.statistics_24_q2 .content-section.currency .nation figure figcaption .rank-group .rank-group-item {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
}
.statistics_24_q2 .content-section.currency .nation figure figcaption .rank-group .rank-group-item.rank-1 {
  order: 1;
}
.statistics_24_q2 .content-section.currency .nation figure figcaption .rank-group .rank-group-item.rank-2 {
  order: 0;
}
.statistics_24_q2 .content-section.currency .nation figure figcaption .rank-group .rank-group-item.rank-3 {
  order: 2;
}
.statistics_24_q2 .content-section.currency .nation .sub-group {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  align-items: stretch;
  align-self: stretch;
  margin-top: calc(-100vw * 28 / 360);
  padding: 2.4rem;
  border-radius: 1.4rem;
  background: #fff;
  box-shadow: 0 0.8rem 1.6rem 0 rgba(103, 167, 152, 0.25);
}
.statistics_24_q2 .content-section.currency .nation .sub-group .rank-group-item {
  display: flex;
  align-items: center;
}
.statistics_24_q2 .content-section.currency .nation .sub-group .rank-group-item .rank {
  flex: 0 0 2.4rem;
  color: var(--color-teal-115, #017a78);
  font: normal 400 1.5rem/1.32 "SpoqaHanSansNeo";
}
.statistics_24_q2 .content-section.currency .nation .sub-group .rank-group-item .country {
  display: flex;
  flex: 1 0 0;
  gap: 0.8rem;
  align-items: center;
}
.statistics_24_q2 .content-section.currency .nation .sub-group .rank-group-item .country .flag {
  display: block;
  width: 3rem;
  height: 3rem;
}
.statistics_24_q2 .content-section.currency .nation .sub-group .rank-group-item .country .name {
  color: var(--HES-color-text-01, #252e33);
  font: normal 400 1.8rem/1 "SpoqaHanSansNeo";
  letter-spacing: -0.09rem;
}
.statistics_24_q2 .content-section.currency .nation .sub-group .rank-group-item .number {
  display: flex;
  gap: 0.4rem;
  align-items: center;
}
.statistics_24_q2 .content-section.currency .nation .sub-group .rank-group-item .number .ratio {
  color: var(--HES-text-01, #252e33);
  font: normal 700 1.8rem/1.32 "SpoqaHanSansNeo";
  text-align: right;
}
.statistics_24_q2 .content-section.currency .nation .sub-group .rank-group-item .number .count {
  color: var(--HES-color-text-04, #69777e);
  font: normal 400 1.4rem/1.32 "SpoqaHanSansNeo";
  letter-spacing: -0.07rem;
}
/* Section Payment */
.statistics_24_q2 .content-section.payment .payment-graph {
  margin-right: -2.4rem;
  margin-left: -2.4rem;
}
.statistics_24_q2 .content-section.payment .payment-rank-list {
  display: grid;
  flex-wrap: wrap;
  grid-template-columns: 1fr 1fr;
  gap: 0.8rem;
  align-content: flex-start;
  align-items: flex-start;
  align-self: stretch;
  margin-top: 1.5rem;
  padding: 1.6rem 2.4rem;
  border-radius: 1.4rem;
  background: var(--HES-color-bg-10, #f5f8f9);
}
.statistics_24_q2 .content-section.payment .payment-rank-list .payment-rank-list-item {
  display: flex;
  flex-shrink: 0;
  gap: 0.8rem;
  align-items: center;
  height: 2.3rem;
}
.statistics_24_q2 .content-section.payment .payment-rank-list .payment-rank-list-item .color-icon {
  flex-shrink: 0;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
}
.statistics_24_q2 .content-section.payment .payment-rank-list .payment-rank-list-item .color-icon.color-graph-1 {
  background-color: #ffdb40;
}
.statistics_24_q2 .content-section.payment .payment-rank-list .payment-rank-list-item .color-icon.color-graph-2 {
  background-color: #ffa7b6;
}
.statistics_24_q2 .content-section.payment .payment-rank-list .payment-rank-list-item .color-icon.color-graph-3 {
  background-color: #cdb7fe;
}
.statistics_24_q2 .content-section.payment .payment-rank-list .payment-rank-list-item .color-icon.color-graph-4 {
  background-color: #89c8ff;
}
.statistics_24_q2 .content-section.payment .payment-rank-list .payment-rank-list-item .color-icon.color-graph-5 {
  background-color: #72ebbf;
}
.statistics_24_q2 .content-section.payment .payment-rank-list .payment-rank-list-item .country {
  display: flex;
  gap: 0.2rem;
  align-items: center;
}
.statistics_24_q2 .content-section.payment .payment-rank-list .payment-rank-list-item .country .name {
  color: #000;
  font: normal 400 1.6rem/1.28 "SpoqaHanSansNeo";
  letter-spacing: -0.08rem;
}
.statistics_24_q2 .content-section.payment .payment-rank-list .payment-rank-list-item .country .count {
  color: var(--HES-color-text-04, #69777e);
  font: normal 400 1.4rem/1.32 "SpoqaHanSansNeo";
  letter-spacing: -0.07rem;
}
/* Section Recommend */
.statistics_24_q2 .content-section.recommend {
  position: relative;
}
.statistics_24_q2 .content-section.recommend::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 6.0625rem;
  height: 11.625rem;
  background: url("/images/trvb/trb_401_24q2/img_24q2_bg_decoration_01.png") no-repeat center/contain;
  transform: translateY(-50%);
}
.statistics_24_q2 .content-section.recommend .recommend-slide {
  overflow: visible;
  width: 100%;
}
.statistics_24_q2 .content-section.recommend .recommend-slide::part(container) {
  overflow: visible;
}
.statistics_24_q2 .content-section.recommend .recommend-slide::part(pagination) {
  position: relative;
  bottom: auto;
  margin-top: 1.6rem;
}
.statistics_24_q2 .content-section.recommend .recommend-slide .recommend-slide-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
  width: 100%;
  max-width: 31.2rem;
  height: calc((100vw - var(--global-page-padding-x, 2.4rem) * 2) * (400 / 312));
  max-height: 40rem;
  padding: 0.8rem;
  border-radius: 1.4rem;
}
.statistics_24_q2 .content-section.recommend .recommend-slide .recommend-slide-item .img {
  position: absolute;
  inset: 0;
}
.statistics_24_q2 .content-section.recommend .recommend-slide .recommend-slide-item .img img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}
.statistics_24_q2 .content-section.recommend .recommend-slide .recommend-slide-item .slide-title {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  justify-content: center;
  align-items: flex-start;
  align-self: stretch;
  padding: 1.6rem;
}
.statistics_24_q2 .content-section.recommend .recommend-slide .recommend-slide-item .slide-title em {
  color: var(--color-teal-80, #b2e8e6);
  font: normal 400 1.4rem/1.32 "SpoqaHanSansNeo";
  letter-spacing: -0.07rem;
}
.statistics_24_q2 .content-section.recommend .recommend-slide .recommend-slide-item .slide-title .title {
  color: var(--HES-color-text-white, #fff);
  font: normal 700 4rem/1.28 "SpoqaHanSansNeo";
  letter-spacing: -0.2rem;
  text-align: center;
}
.statistics_24_q2 .content-section.recommend .recommend-slide .recommend-slide-item .slide-title .sub-title {
  color: var(--HES-color-text-08, #d0d7d7);
  font: normal 400 1.6rem/1.32 "SpoqaHanSansNeo";
  letter-spacing: -0.08rem;
}
.statistics_24_q2 .content-section.recommend .recommend-slide .recommend-slide-item .btn-link {
  position: relative;
  z-index: 1;
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  height: 4rem;
  padding: 1.2rem var(--HES-comp-button-box-spacing-default-side, 1.4rem);
  border-radius: var(--HES-comp-button-box-borderRadius-default, 0.8rem);
  background: rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(7.5px);
}
.statistics_24_q2 .content-section.recommend .recommend-slide .recommend-slide-item .btn-link span {
  color: var(--HES-color-text-white, #fff);
  font: normal 700 1.5rem/1 "SpoqaHanSansNeo";
  letter-spacing: -0.075rem;
  text-align: center;
}
/* Section New Currency */
.statistics_24_q2 .content-section.new-currency::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 9.7rem;
  height: 18.6rem;
  background: url("/images/trvb/trb_401_24q2/img_24q2_bg_decoration_02.png") no-repeat center/contain;
  transform: translateY(-45px);
}
.statistics_24_q2 .content-section.recommend::before {
}
.statistics_24_q2 .content-section.new-currency .section-title {
  padding-bottom: 1.6rem;
}
.statistics_24_q2 .content-section.new-currency p {
  color: var(--HES-color-text-03, #536067);
  font: normal 400 1.6rem/1.32 "SpoqaHanSansNeo";
  letter-spacing: -0.08rem;
  text-align: center;
}
.statistics_24_q2 .content-section.new-currency p strong {
  font-weight: 700;
}
.statistics_24_q2 .content-section.new-currency .new-currency-img {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: visible;
  height: calc(100vw * 258 / 360);
  margin-top: calc(100vw * 12 / 360);
  margin-right: -2.4rem;
  margin-left: -2.4rem;
}
.statistics_24_q2 .content-section.new-currency .section-btns {
  margin-top: calc(100vw * 12 / 360);
}
/* Bottom Btns */
.statistics_24_q2 .bottom-btns {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-self: stretch;
  margin-top: 2.4rem;
  padding-bottom: 6.4rem;
}
.statistics_24_q2 .bottom-btns.is-disabled {
  display: none;
}
.statistics_24_q2 .bottom-btns .btn-statistics-more {
  display: flex;
  gap: var(--HES-comp-text-flag-borderRadius-default, 1rem);
  justify-content: center;
  align-items: center;
  height: 4rem;
  padding: var(--HES-comp-button-round-spacing-m-top, 0.8rem) var(--HES-comp-button-round-spacing-m-side, 2rem);
  border: 1px solid var(--HES-comp-button-round-line-border-default, #b7c5c8);
  border-radius: 3rem;
}
.statistics_24_q2 .bottom-btns .btn-statistics-more span {
  color: var(--HES-comp-button-round-line-text-default, #69777e);
  font: normal 400 1.6rem/1 "SpoqaHanSansNeo";
  letter-spacing: -0.08rem;
}
/* ! 2024³â 2ºÐ±â End */
/* ==================== FREEST : [2024-09-02] Æ®·¡ºí·Î±× ¿©Çà Åë°è ½ºÅ¸ÀÏ Ãß°¡ End ==================== */

/* ==================== HDH : [2024-11-27] 2024³â 3¹ø° ½ºÅ¸ÀÏ Ãß°¡ start ==================== */
html:has(.statistics_24_q3) *::-webkit-scrollbar {
  display: none;
}
.statistics_24_q3 {
  overflow-x: hidden;
  padding: 0 0 60px;
}
.statistics_24_q3 * {
  box-sizing: border-box;
}
.statistics_24_q3 figure {
  position: relative;
  margin: 0;
  padding: 0;
}
.statistics_24_q3 figure figcaption {
  position: absolute;
  inset: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
}
.statistics_24_q3 img {
  display: block;
  max-width: 100%;
}
.statistics_24_q3 .js-ui-tab-panel {
  position: relative;
}
.statistics_24_q3 .js-ui-tab-panel .section-header {
  position: relative;
}
.statistics_24_q3 .sorting-area {
  position: absolute;
  left: 50%;
  bottom: 9%;
  transform: translateX(-50%);
  width: 100%;
  margin: 0;
}
.statistics_24_q3 .sorting-area .sorting-list {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: center;
  gap: 4px;
  align-self: stretch;
  flex-wrap: wrap;
  margin: 0;
  padding: 0 calc(100vw / 360 * 24);
}
/* [2024-12-05 ¹ÝÀÀÇü Ãß°¡ : HDH] */
@media all and (max-width: 325px) {
  .statistics_24_q3 .sorting-area .sorting-list {
    padding: 0;
  }
}
.statistics_24_q3 .js-ui-tab-panel [role="tabpanel"] {
  position: relative;
  margin-top: -30px;
}
.statistics_24_q3 .js-ui-tab-panel .ui-label {
  padding: 8px 20px;
  background-color: #fff;
  border: none;
  border-radius: 20px;
}
.statistics_24_q3 .js-ui-tab-panel .ui-label .ui-label-text {
  height: auto;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.32;
  letter-spacing: -0.8px;
  color: #69777e;
}
.statistics_24_q3 .js-ui-tab-panel .ui-label.js-tabpanel-active {
  background-color: #374248;
}
.statistics_24_q3 .js-ui-tab-panel .ui-label.js-tabpanel-active .ui-label-text {
  font-weight: 700;
  color: #fff;
}
.statistics_24_q3 .page-info-text {
  margin: 0 24px;
  font-size: 14px;
  line-height: 1.32;
  letter-spacing: -0.7px;
  color: #839097;
  text-align: center;
}
.ui-button.type-gradient {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.9px;
  color: #fff;
  background: linear-gradient(90deg, #3f99cb 2.99%, #47dcc1 99.79%);
  border: none;
  box-shadow: 0 4px 16px 0 rgba(68, 192, 198, 0.6);
}
/* ==================== HDH : [2024-11-27] 2024³â 3¹ø° ½ºÅ¸ÀÏ Ãß°¡ end ==================== */

/* ==================== KJH : [2024-12-19] 2024³â 4¹ø° ½ºÅ¸ÀÏ Ãß°¡ start ==================== */
html:has(.statistics_24_q4) *::-webkit-scrollbar {
  display: none;
}
.contents-wrap:has(.statistics_24_q4) {
  --statistics_24_q4-bg: #020006;
  --text-accent: #f6bb47;
}
.statistics_24_q4,
.statistics_24_q4 + .page-buttons.type-fixed {
  background: var(--statistics_24_q4-bg);
}
.statistics_24_q4 {
  overflow-x: hidden;
  padding: 0;
}
.statistics_24_q4 * {
  box-sizing: border-box;
}
.statistics_24_q4 img {
  display: block;
  width: 100%;
}
.statistics_24_q4 + .page-buttons.type-fixed {
  border-top: 0;
}

/* ===== »ó´Ü Æ˾÷ start ===== */
.statistics_24_q4 .section-top-noti-pop {
  position: absolute;
  width: 100%;
  top: 16px;
  z-index: 10;
}
.statistics_24_q4 .top-noti-pop-wrapper.none {
  display: none;
}
/* ÇÑ ÁÙ Æ˾÷ (default) */
.statistics_24_q4 .top-noti-pop {
  height: 53px;
  max-height: 0;
  margin: 0 16px;
  border-radius: 14px;
  overflow: hidden;
  background: rgba(80, 89, 222, 0.6);
  display: flex;
  transition: all 0.4s;
  animation: slideIn 4s forwards cubic-bezier(0.61, -0.04, 0.09, 0.98);
}
/* µÎ ÁÙ Æ˾÷ */
.statistics_24_q4 .top-noti-pop:has(.noti-desc) {
  height: 78px;
}
.statistics_24_q4 .top-noti-pop.is-active {
  animation: slideOut 1s cubic-bezier(0.61, -0.04, 0.09, 0.98);
}

/* .top-noti-pop Æ˾÷ È¿°ú */
@keyframes slideIn {
  0% {
    opacity: 0;
    max-height: 0;
  }
  20%,
  100% {
    opacity: 1;
    max-height: 100%;
  }
}
@keyframes slideOut {
  0%,
  20% {
    opacity: 1;
    max-height: 100%;
  }
  100% {
    opacity: 0;
    max-height: 0;
  }
}

.statistics_24_q4 .top-noti-pop-close {
  width: 42px;
  height: 100%;
  padding-top: 16px;
}
.statistics_24_q4 .top-noti-pop-close-icon {
  display: inline-block;
  width: 18px;
  height: 100%;
  background: url("../images/trvb/trb_401_24q4/btn_ico_close.svg") no-repeat top;
}

/* .top-noti-pop ÁÂÃø ÄÜÅÙÃ÷ ¿µ¿ª */
.statistics_24_q4 .top-noti-pop-cont {
  flex: 1;
  padding-right: 4px;
  display: flex;
  align-items: center;
  color: #fff;
}
.statistics_24_q4 .top-noti-pop-cont:has(.noti-desc) {
  align-items: flex-start;
  padding: 16px 4px 16px 24px;
}

.statistics_24_q4 .top-noti-pop-cont .noti-title {
  font-size: 1.6rem;
  flex: 1;
}
.statistics_24_q4 .top-noti-pop-cont:has(.noti-desc) .noti-title {
  font-size: 2rem;
  font-weight: 600;
}
.statistics_24_q4 .top-noti-pop-cont :is(.noti-title, .more) {
  line-height: 1.32;
  letter-spacing: -0.05rem;
}
.statistics_24_q4 .top-noti-pop-cont :is(.accent, .more) {
  color: var(--text-accent);
}
.statistics_24_q4 .noti-title .noti-desc {
  display: block;
  font-size: 1.4rem;
  font-weight: 300;
  margin-top: 2px;
  margin-left: -30px;
}

/* .top-noti-pop ÁÂÃø ÄÜÅÙÃ÷ ¾ÆÀÌÄÜ */
.statistics_24_q4 .top-noti-pop-cont .noti-icon {
  width: 42px;
  height: 53px;
  margin-right: 6px;
  background: url("../images/trvb/trb_401_24q4/img_confetti.png") no-repeat center / cover;
}
.statistics_24_q4 .top-noti-pop-cont:has(.noti-desc) .noti-icon {
  display: inline-block;
  width: 26px;
  height: 26px;
  margin-top: 2px;
  margin-right: 6px;
  display: flex;
  align-items: flex-start;
}
.statistics_24_q4 .shares .noti-icon {
  background: url("../images/trvb/trb_401_24q4/img_confetti.png") no-repeat center / cover;
}
.statistics_24_q4 .my_shares .noti-icon {
  background: url("../images/trvb/trb_401_24q4/img_heart.png") no-repeat center / cover;
}
.statistics_24_q4 .my_rank .noti-icon {
  background: url("../images/trvb/trb_401_24q4/img_badge.png") no-repeat center / cover;
}
/* ===== »ó´Ü Æ˾÷ end ===== */

.statistics_24_q4 .ui-radio-group.type-toggle {
  position: absolute;
  left: 50%;
  top: 10px;
  z-index: 10;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  width: calc(100vw * 312 / 360);
  height: 45px;
  border-radius: 14px;
  background-color: rgba(205, 205, 205, 0.3);
}
.statistics_24_q4 .ui-radio-group.type-toggle .ui-label {
  height: 100%;
  border-radius: 10px;
}
.statistics_24_q4 .ui-radio-group.type-toggle .ui-label-text {
  font-size: 1.6rem;
  font-weight: 600;
}
.statistics_24_q4 .ui-radio-group.type-toggle .ui-radio:checked + .ui-label {
  color: #374248;
  border: 1px inset #d4e0e2;
}

.statistics_24_q4 :is(.flip-cards-list, .share-event) {
  background-color: var(--statistics_24_q4-bg);
  padding: 0 24px;
}
.statistics_24_q4 .flip-cards-list {
  padding-top: 62px;
}
.statistics_24_q4 .flip-card {
  width: 100%;
  aspect-ratio: 312 / 472;
  transition: 0.75s ease-out;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  perspective: 1000px;
  -webkit-perspective: 1000px;
}
.statistics_24_q4 :is(.flip-card, .share-event .share-event-card img) {
  margin-bottom: 40px;
}
.statistics_24_q4 .flip-card.on {
  /* .backÀÌ º¸ÀÏ ¶§ */
  transform: rotateY(-180deg);
  -webkit-transform: rotateY(-180deg);
}
.statistics_24_q4 .flip-card :is(.front, .back) {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.statistics_24_q4 .flip-card .front {
  z-index: 1;
}
.statistics_24_q4 .flip-card .back {
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
}
.statistics_24_q4 .share-event {
  padding-bottom: 24px;
}
.statistics_24_q4 .share-event .btn-my_trav-area {
  width: 100%;
  margin-bottom: 30px;
  --btn-my_trav: #b7c5c8;
  text-align: center;
}
.statistics_24_q4 .share-event .btn-my_trav {
  display: inline-block;
  padding: 12px 20px;
  border: 1px solid var(--btn-my_trav);
  border-radius: 30px;
  color: var(--btn-my_trav);
  font-size: 1.6rem;
  font-weight: 400;
}
/* ==================== KJH : [2024-12-19] 2024³â 4¹ø° ½ºÅ¸ÀÏ Ãß°¡ end ==================== */

/* [2025-06-02 kho] [WPM-11214] Ãß°¡ : ·Ôµ¥½Ã³×¸¶ À̺¥Æ® º°µµ ÆäÀÌÁö ó¸® */
.ev-lotte-2506 .wcms-data {
  font-size: 18px;
}
.ev-lotte-2506 .page-contents.new-event {
  margin-top: 0;
}
.ev-lotte-2506 .max720-box {
  position: relative;
  margin: 0 auto;
  max-width: 720px;
}
.ev-lotte-2506 .max720-box .open-pop-btn {
  position: absolute;
  top: 0;
  right: 0;
  margin: 4.4% 8.6% 0 0;
  width: 6.7%;
  height: auto;
}

.ev-lotte-2506 .ticket-box {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0 8.3% 10.6%;
  box-sizing: border-box;
}
.ev-lotte-2506 .ticket-inner {
  position: relative;
  display: block;
  height: 60px;
  padding: 0 15px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: stretch;
  align-items: stretch;
  color: #fff;
  font-size: 1.6rem;
  line-height: 2rem;
}
.ev-lotte-2506 .ticket-inner:before,
.ev-lotte-2506 .ticket-inner:after {
  content: "";
  position: absolute;
  top: 0;
  width: 15px;
  height: 60px;
}
.ev-lotte-2506 .ticket-inner.type-active:before {
  left: 0;
  background: url(/images/event/ev-lotte-2506/bg01.png) no-repeat 0 0 / auto 60px;
}
.ev-lotte-2506 .ticket-inner.type-active:after {
  right: 0;
  background: url(/images/event/ev-lotte-2506/bg03.png) no-repeat 100% 0 / auto 60px;
}
.ev-lotte-2506 .ticket-inner .left {
  flex: 3.5 3.5 auto;
  display: flex;
  align-items: center;
  padding-left: 10px;
  white-space: nowrap;
}
.ev-lotte-2506 .ticket-inner .right {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  text-align: right;
  padding-right: 10px;
}
.ev-lotte-2506 .ticket-inner.type-active {
  gap: 10px;
}
.ev-lotte-2506 .ticket-inner.type-active .left,
.ev-lotte-2506 .ticket-inner.type-active .right {
  position: relative;
  border-bottom: 1px solid #bd0000;
  background: #f52b2b;
}
.ev-lotte-2506 .ticket-inner.type-active .right:before {
  content: "";
  position: absolute;
  top: 0;
  left: -10px;
  width: 10px;
  height: 60px;
  background: url(/images/event/ev-lotte-2506/bg02.png) no-repeat 50% 0 / auto 60px;
}
.ev-lotte-2506 .ticket-inner.type-active .right p {
  display: flex;
  align-items: center;
}
.ev-lotte-2506 .ticket-inner.type-active .right strong {
  font-size: 2.4rem;
  line-height: 3rem;
}
.ev-lotte-2506 .ticket-inner.type-active .right .slash {
  margin: 0 3px;
  font-size: 1.3rem;
}
.ev-lotte-2506 .ticket-inner.type-active .right .num + .text {
  margin-left: 2px;
}
.ev-lotte-2506 .ticket-inner.type-default .left,
.ev-lotte-2506 .ticket-inner.type-default .right {
  border-bottom: 1px solid #3b3b3b;
  background: #4c4c4c;
}
.ev-lotte-2506 .ticket-inner.type-default .right > strong {
  position: relative;
  display: inline-block;
}
.ev-lotte-2506 .ticket-inner.type-default {
  text-decoration: none;
}
.ev-lotte-2506 .ticket-inner.type-default:before {
  left: 0;
  background: url(/images/event/ev-lotte-2506/bg04.png) no-repeat 0 0 / auto 60px;
}
.ev-lotte-2506 .ticket-inner.type-default:after {
  right: 0;
  background: url(/images/event/ev-lotte-2506/bg05.png) no-repeat 100% 0 / auto 60px;
}
.ev-lotte-2506 .page-buttons.type-bg {
  border-color: #291716;
  background: #291716;
}
/* //[2025-06-02 kho] [WPM-11214] Ãß°¡ : ·Ôµ¥½Ã³×¸¶ À̺¥Æ® º°µµ ÆäÀÌÁö ó¸® */

/* [2025-06-30 : oh] 11698 º°º°°¡À̵å ÇØ¿Ü°áÁ¦ ÀÌ¿ë¾È³» */
.section-slider-star {
  margin: 0 -24px;
}
.section-slider-star ~ .section-slider-star {
  margin-top: 70px;
}
.section-slider-star .slider-title {
  display: flex;
  flex-direction: column;
  text-align: center;
  letter-spacing: 0;
  padding-bottom: 10px;
}
.section-slider-star .slider-title em {
  display: inline-block;
  line-height: 20px;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  padding-bottom: 6px;
}
.section-slider-star .slider-title strong {
  line-height: 32px;
  font-weight: 700;
  font-size: 22px;
}
.section-slider-star .slider-title .desc {
  padding-top: 8px;
  line-height: 17px;
  font-weight: 400;
  font-size: 12px;
  color: #999;
}
.slider-star-nfc {
  position: relative;
  padding-top: 42px;
}
.slider-star-nfc:before {
  content: "";
  position: absolute;
  top: 0;
  left: 24px;
  right: 24px;
  height: 2px;
  background-color: #f2f2f2;
}
.slider-star-payment .swiper-slide {
  width: 276px;
}
.slider-star-payment .swiper-pagination {
  display: flex;
  gap: 5px;
  justify-content: center;
  margin: 0;
  bottom: 0;
}
.slider-star-payment .swiper-pagination .swiper-pagination-bullet {
  width: 5px;
  height: 5px;
  margin: 0;
  border-color: #ccc;
  background-color: #ccc;
}
.slider-star-payment .swiper-pagination .swiper-pagination-bullet-active {
  width: 15px;
  border-color: #333;
  background-color: #333;
  border-radius: 40px;
}
.tabs-star-rounded {
  display: flex;
  flex-direction: row;
  height: 42px;
  margin: 0 24px 10px;
  padding: 3px;
  border-radius: 30px;
  background-color: #f4f6f8;
}
.tabs-star-rounded .tab {
  flex: 1;
  font-weight: 700;
  font-size: 14px;
  color: #888;
  border-radius: 20px;
}
.tabs-star-rounded .tab.active {
  color: #111;
  background-color: #fff;
}
.tab-star-panel {
  height: 0;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
.tab-star-panel .swiper-pagination-bullet {
  pointer-events: none;
}
.tab-star-panel.active {
  height:auto;
  visibility: visible;
  opacity: 1;
  pointer-events: all;
}
.tab-star-panel.active .swiper-pagination-bullet {
  pointer-events: all;
}
.wrap-star-fna {
  margin: 0 -24px -35px;
  padding: 0 24px 65px;
  background-color: #f4f5f7;
}
.wrap-star-fna .title {
  padding-top: 25px;
  font-size: 16px;
}
.wrap-star-fna .list-star-fna {
  padding-top: 16px;
}
.wrap-star-fna .list-star-fna li ~ li {
  margin-top:36px;
}
.wrap-star-fna .list-star-fna .tit {
  display: block;
  width: 100%;
  line-height: 20px;
  padding-right:50px;
  font-weight: 500;
  font-size: 14px;
  text-align:left;
  word-break: break-all;
}
.wrap-star-fna .list-star-fna .tit::after {
  top:6px;
  margin:0;
  transform: rotate(-90deg);
  width:16px;
  height:16px;
  background-image:url(/images/common/ic-button-arrow-b.png);
  background-size:11px auto;
}
.wrap-star-fna .list-star-fna .js-ui-accordion__item.js-accordion-opened .tit::after {
  top: -3px;
  transform: rotate(90deg);
}
.wrap-star-fna .list-star-fna .cont {
  padding-top: 10px;
  font-weight: 400;
  font-size: 12px;
  color: #898989;
  line-height: 1.25;
}
/* // [2025-06-30 : oh] 11698 º°º°°¡À̵å ÇØ¿Ü°áÁ¦ ÀÌ¿ë¾È³» */

/* [2025-09-16 kho] [WPM-12520] º°º°´º½º µ¸º¸±â ¾ÆÀÌÄÜ(À̹ø ¼³¹®Á¶»ç ¿ä¾à) Ãß°¡ */
.magazine_cont .title_st01.icon_magnifying_glass {
  padding-left: 30px;
  background:url(/images/contents/magazine/ic_magnifying_glass.png) no-repeat 0 1px;
  background-size: 24px auto;
}

/* [2025-11-05 kho] [WPM-12923] ÇØ¿Ü¿©Çà 縰Áö(ÁöÀÎ Ãßõ ÇÁ·Î¼¼½º) */
.ev-together .page-contents {
  padding: 0 24px;
}
.ev-together .page-section {
  padding-top: 32px;
}
.ev-together .page-section.type-line {
  margin-top: 32px;
  padding-top: 44px;
}
.ev-together .page-section.type-line::before {
  height: 12px;
  background-color: #f4f6f8;
}

/* ¼½¼Ç ŸÀÌƲ */
.ev-together .section-title {
  position: relative;
  margin-bottom: 20px;
}
.ev-together .section-title .title {
  margin-bottom: 16px;
  font-size: 22px;
  line-height: 28px;
  font-weight: 700;
}
.ev-together .section-title .info {
  margin-top: 8px;
  font-size: 16px;
  line-height: 24px;
  color: #666;
}
.ev-together .section-title .sub-info {
  font-size: 14px;
  line-height: 22px;
  color: #666;
}
.ev-together .section-title .noti {
  margin-top: 8px;
  padding-left: 24px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  background: url(/images/event/together__ic_info.png) no-repeat 0 0 / 20px auto;
}
.ev-together .section-title .info-box {
  margin-top: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ev-together .section-title .info-box .info {
  margin-top: 0;
}
.ev-together .section-title .img-ic {
  flex: 0 0 72px;
  height: 48px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.ev-together .section-title .img-ic img {
  width: 100%;
}

/* »ó´Ü */
.page-section.ev-together__section-top + .page-section.type-line {
  padding-top: 48px;
}
.page-section.ev-together__section-top .bg-box {
  min-height: 120px;
  margin-right: -4px;
  background: url(/images/event/together__visual.png) no-repeat 100% 100% / 120px auto;
}
.page-section.ev-together__section-top .section-title {
  margin-bottom: 16px;
}
.page-section.ev-together__section-top .section-title .title {
  margin-bottom: 8px;
  font-size: 24px;
  line-height: 32px;
}
.page-section.ev-together__section-top .section-title .info {
  font-weight: 500;
  color: #111;
}
.page-section.ev-together__section-top .date {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #02809c;
}

/* ÇÏ´Ü */
.page-section.ev-together__section-bottom {
  margin-top: 32px;
  padding: 8px 0 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

/* ¹è³Ê */
.ev-together .bn-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 -4px;
  padding: 16px 20px;
  border-radius: 16px;
  background-color: #f4f6f8;
}
.ev-together .bn-box .txt-box {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-height: 72px;
}
.ev-together .bn-box .img-ic {
  flex: 0 0 72px;
}
.ev-together .bn-box .img-ic img {
  width: 100%;
}
.ev-together .bn-box .badge {
  display: inline-block;
  margin-bottom: 8px;;
  padding: 2px 8px;
  border-radius: 20px;
  font-size: 12px;
  line-height: 15px;
  font-weight: 700;
  letter-spacing: 0;
  color: #fff;
  background-color: #25374c;
}
.ev-together .bn-box .txt1 {
  font-size: 14px;
  line-height: 20px;
  color: #666;
}
.ev-together .bn-box .txt2 {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  color: #000;
}

/* Â÷Æ® */
.ev-together .ev-together__chart-area {
  margin-top: 32px;
}
.ev-together .ev-together__amount {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.ev-together .ev-together__amount .txt {
  display: flex;
  flex-direction: column;
}
.ev-together .ev-together__amount .txt1 {
  font-size: 12px;
  line-height: 20px;
  color: #666;
}
.ev-together .ev-together__amount .txt2 {
  font-size: 16px;
  line-height: 20px;
  color: #000;
}
.ev-together .ev-together__amount .amount {
  font-size: 18px;
  line-height: 23px;
  font-weight: 700;
  color: #000;
}
.ev-together .ev-together__bar-area {
  margin-top: 16px;
  width: 100%;
  height: 16px;
  border-radius: 16px;
  background-color: rgba(0, 0, 0, 0.1);
  position: relative;
}
.ev-together .ev-together__bar-area .bar {
  display: block;
  width: 0;
  height: 16px;
  background: #02809c;
  border-radius: 16px;
  transition: width 0.6s cubic-bezier(0.3, 0.27, 0.02, 1.24);
}
.ev-together .point-progress-gradation-item {
  padding-top: 10px;
}
.ev-together .point-progress-gradation-item-text {
  font-size: 12px;
  line-height: 15px;
}
.ev-together .point-progress-gradation-item:first-child .point-progress-gradation-item-text {
  margin: 0;
  text-align: left;
}

/* ±×·ì ÇöȲ */
.ev-together .group-status-box {
  margin: 32px -4px 0;
  padding: 20px;
  border-radius: 16px;
  background-color: #f4f6f8;
}
.ev-together .group-status-box .box-title {
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 27px;
}
.ev-together .group-status-box .box-title .title {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  color: #000;
}
.ev-together .group-status-box .box-title .ui-arrow {
  font-size: 14px;
  line-height: 22px;
  color: #666;
}
.ev-together .group-status-box .box-title .ui-arrow::after {
  width: 16px;
  height: 16px;
  background-position: 50%;
}
.ev-together .group-status-table {
  padding-top: 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.ev-together .group-status-table th,
.ev-together .group-status-table td {
  padding-bottom: 8px;
  text-align: left;
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
}
.ev-together .group-status-table thead th {
  padding-bottom: 12px;
  line-height: 20px;
}
.ev-together .group-status-table tbody tr:last-child th,
.ev-together .group-status-table tbody tr:last-child td {
  padding-bottom: 16px;
}
.ev-together .group-status-table tfoot th,
.ev-together .group-status-table tfoot td {
  padding: 16px 0 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 16px;
  color: #000;
}
.ev-together .group-status-table .amount {
  text-align: right;
}
.ev-together .group-status-table tbody .info .flex-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 0 4px;
  color: #666;
}
.ev-together .group-status-table tbody .leader .name {
  font-weight: 700;
}
.ev-together .group-status-table tbody .date {
  font-size: 12px;
  line-height: 20px;
}
.ev-together .group-status-table tbody .ic-crown {
  flex: 0 0 16px;
  line-height: 16px;
}
.ev-together .group-status-table tbody .ic-crown img {
  width: 100%;
}
.ev-together .group-status-table .amount .flex-box {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  gap: 0 8px;
  font-weight: 500;
}
.ev-together .group-status-table .amount .badge {
  box-sizing: border-box;
  min-width: 32px;
  padding: 0 4px;
  text-align: center;
  font-size: 12px;
  line-height: 20px;
  border-radius: 4px;
  color: #25374c;
  background-color: #c1d0e1;
}
.ev-together .group-status-table tfoot .amount {
  font-weight: 700;
}

/* ºí¸´ */
.ev-together .list-dot-tit {
  margin: 16px 0 8px;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
}
.ev-together .list-dot-tit:first-child {
  margin-top: 0;
}
.ev-together .list-dot {
  margin-top: 12px;
}
.ev-together .list-dot li {
  position: relative;
  padding-left: 8px;
  font-size: 14px;
  line-height: 22px;
  color: #666;
}
.ev-together .list-dot li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 2px;
  height: 2px;
  background-color: #666;
}
.ev-together .list-dot li + li {
  margin-top: 8px;
}

/* Ä£±¸ ÇöȲ */
.ev-together .friend-status-box {
  margin: 20px -4px 0;
  padding: 20px;
  border-radius: 16px;
  background-color: #f4f6f8;
}
.ev-together .friend-status-box + .friend-status-box {
  margin-top: 12px;
}
.ev-together .friend-status-box .box-title {
  margin-bottom: 12px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #000;
}
.ev-together .friend-status-box ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  line-height: 22px;
}
.ev-together .friend-status-box ul li + li {
  margin-top: 4px;
}
.ev-together .friend-status-box ul li .name {
  color: #666;
}
.ev-together .friend-status-box .info {
  font-size: 14px;
  line-height: 22px;
  color: #666;
}

/* ¾ÆÄÚµð¾ð1 (Áß°£ À¯ÀÇ»çÇ×) */
.ev-together__acco1-box {
  margin-top: 32px;
}
.ev-together__acco1-box .acco-opener {
  padding: 18px 16px 18px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}
.ev-together__acco1-box .acco-opener::after {
  width: 16px;
  height: 16px;
  opacity: 0.6;
}
.ev-together__acco1-box .acco-contents {
  padding-top: 8px;
}
.ev-together__acco1-box .acco-contents .list-dot {
  margin-top: 0;
}

/* ¾ÆÄÚµð¾ð2 (ÇÏ´Ü À¯ÀÇ»çÇ×) */
.ev-together__acco2-box .acco-opener {
  padding: 15px 12px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
}
.ev-together__acco2-box .acco-opener::after {
  right: 12px;
  width: 14px;
  height: 14px;
  background-image: url(/images/event-md/icons/ico_arr_btm.png);
}
.ev-together__acco2-box .acco-contents {
  padding: 8px 12px 20px;
}
.ev-together__acco2-box .acco-contents .list-dot {
  margin-top: 0;
}

/* ¾à°ü µ¿ÀÇ + ¾ÆÄÚµð¾ð */
.ev-together__agree .agree-acco-btn-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ev-together__agree .agree-item {
  flex: 1 1 0;
  position: relative;
}
.ev-together__agree .agree-item .agree-check {
  position: absolute;
  left: 12px;
  top: 15px;
  width: 18px;
  height: 18px;
  border-radius: 100%;
  border: 1px solid #111;
  background-color: #fff;
}
.ev-together__agree .agree-item .agree-label {
  display: block;
  padding: 15px 0 15px 36px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
}
.ev-together__agree .agree-item .agree-check:checked {
  border-color: #02809c;
  background: #02809c url(/images/event-md/icons/ico_agree_check.png) 50% 50% no-repeat;
  background-size: 18px auto;
}
.ev-together__agree .accordion-item {
  flex: 0 0 38px;
  align-self: stretch;
}
.ev-together__agree .acco-opener {
  width: 38px;
  height: 100%;
  vertical-align: top;
}
.ev-together__agree .acco-opener::after {
  right: 12px;
  width: 14px;
  height: 14px;
  background-image: url(/images/event-md/icons/ico_arr_btm.png);
}
.ev-together__agree .acco-contents {
  padding: 8px 12px 20px;
}
.ev-together__agree .acco-contents .list-dot {
  margin-top: 0;
}

/* ÇÏ´Ü ¹öÆ° */
.ev-together .page-buttons.type-fixed {
  padding: 20px 20px 30px;
  border-top: none;
}
.ui-basic-button.type-ev-together {
  color: #fff;
  background-color: #02809c;
}

/* Á¶°Ç ¹ÌÃæÁ· ½Ã ó¸® */
.ev-together .page-section.not-fill .bn-box {
  opacity: 0.48;
}
.ev-together .page-section.not-fill .ev-together__chart-area * {
  color: #a2a2a2;
}
/* [2025-11-20 KJH] [WPM-12923] bar »ó´Ü¿¡ not-fill ÀÖÀ¸¸é ¹«Á¶°Ç 0 */
.ev-together .page-section.not-fill .ev-together__chart-area .bar {
  width:0 !important;
}
.ev-together .group-status-table tr.not-fill .amount {
  color: #a2a2a2;
}
.ev-together .group-status-table tr.not-fill .amount .badge {
  color: #666;
  background-color: #d9d9d9;
}
/* //[2025-11-05 kho] [WPM-12923] ÇØ¿Ü¿©Çà 縰Áö(ÁöÀÎ Ãßõ ÇÁ·Î¼¼½º) */


/* [2026-01-26] Æ®·¡ºí ½ºÅÆÇÁ À̺¥Æ® Ãß°¡ */
.ev-t-stamp .page-contents {
  padding:4px 20px 40px 20px;
}
.ev-t-stamp .page-contents.bt-bar {
  border-bottom:12px solid #f4f6f8;
  margin-bottom:36px;
}

.ev-t-stamp .fake-top {
  border-top-left-radius:24px ;
  border-top-right-radius:24px ;
  background: #fff;
  height: 24px;
  width: 100%;
}

.ev-t-stamp .page-contents.nopadding {
  padding:8px 0 40px 0 !important;
}
.ev-t-stamp .page-contents.nopadding .txt-box {
  padding:0 24px;
}
.ev-t-stamp .page-contents + .page-contents  {
  padding:0 20px 40px 20px
}
.ev-t-stamp .top-img {
  width: 100%;
  background-color: #e2e4ff;
  text-align: center;
}
.ev-t-stamp .top-img img {
  width: 100%;
  max-width: 720px;
  margin:0;
}
.ev-t-stamp .top-banner {
  background-color: #e2e4ff;
  height: 250px;
  position: relative;
  padding:40px 0 0 24px
}
.ev-t-stamp .top-banner .name {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  color:#6338ea
}
.ev-t-stamp .top-banner .e-name {
  font-size: 28px;
  font-weight: 700;
  line-height: 30px;
  color:#111;
  margin-top:8px
}
.ev-t-stamp .top-banner:after {
  content: "";
  background: url("/images/event/ev_stamp_img_visual.png") center/cover no-repeat;
  width: 295px;
  height: 182px;
  display: block;
  position: absolute;
  right:0;
  bottom:0;
}
.ev-t-stamp .col-gr {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin:7px 4px 0 4px
}
.ev-t-stamp .col-gr .top-txt,
.ev-t-stamp .top-txt,
.ev-t-stamp .top-txt {
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  margin:0 4px
}
.ev-t-stamp .cont-txt {
  margin:12px 4px 0 4px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color:#111
}
.ev-t-stamp .cont-txt.mt4 {
  margin:4px 4px 0 4px;
}
.ev-t-stamp .cont-txt b {
  color:#6a4bcb
}
.ev-t-stamp .col-gr .top-box {
  border-radius: 24px;
  border: 1px solid #e5e5e5;
  color: #111;
  font-size: 16px;
  padding: 6px 6px 6px 10px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.ev-t-stamp .col-gr .top-box:after {
  content: "";
  width: 24px;
  height: 24px;
  background: url("/images/event/ic_hanamoney.png") no-repeat center / contain;
  display: inline-block;
}
.ev-t-stamp .gray-box {
  background-color: #f4f6f8;
  border-radius: 20px;
  padding: 24px 24px 20px 24px;
  margin-top: 15px;
  text-align: left;
}
.ev-t-stamp .gray-box.r24 {
  border-radius: 24px;
}
.ev-t-stamp .toggle-info {
  margin-top: 16px
}
.ev-t-stamp .gray-box .qna {
  display: flex;
  gap: 8px;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}
.ev-t-stamp .gray-box .qna span {
  font-size: 24px;
}
.ev-t-stamp .gray-box .qna-ox {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin: 16px 0;
}
.ev-t-stamp .gray-box .qna-ox a {
  background-color: #fff;
  border-radius: 12px;
  width: 100%;
  height: 52px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ev-t-stamp .gray-box .qna-ox a.active {
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
}
.ev-t-stamp .gray-box .qna-ox a img {
  width: 36px;
  margin-top:0;

}
.ev-t-stamp .gray-box .qna-ox a.icon-o.active {
  border: 2px solid #029c94;
}
.ev-t-stamp .gray-box .qna-ox a.icon-x.active {
  border: 2px solid #f14a76;
}
.ev-t-stamp .link {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  margin-top: 4px;
  display: flex;
  align-items: center;
  color: #111;
}
.ev-t-stamp .card-link {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin-top: 4px;
  display: flex;
  align-items: center;
  color: #111;
}
.ev-t-stamp .link::before{
  content: "";
  width: 28px;
  height:28px;
  background: url("/images/event/ic_check_260310.png") no-repeat center / contain;
  display: inline-block;
  margin-right:8px;
}
.ev-t-stamp .link::after{
  content: "";
  width: 12px;
  height: 12px;
  margin-left: 2px;
  background: url("/images/event-md/icons/ico_arr_rt.png") no-repeat center / contain;
  display: inline-block;
}
.ev-t-stamp .card-link::after{
  content: "";
  width: 12px;
  height: 12px;
  margin-left: 2px;
  background: url("/images/event-md/icons/ico_arr_rt.png") no-repeat center / contain;
  display: inline-block;
}
.ev-t-stamp .toggle-info {
  background-color: #f4f6f8;
  border-radius: 24px;
  padding: 18px 24px 18px 20px
}
.ev-t-stamp .toggle-info .toggle-info-item {
  padding: 0;
}
.ev-t-stamp .toggle-info .toggle-info-contents {
  position: relative;
  display: flex;
  align-items: center;
  gap: 4px;
}
.ev-t-stamp .toggle-info .toggle-info-contents .con-title {
  font-size: 16px;
  font-weight: 700;
}
.ev-t-stamp .toggle-info .toggle-info-contents .toggle-info-icon {
  width: 36px;
  margin:0;
}
.ev-t-stamp .noti-text {
  text-align: left;
  font-size: 14px;
  line-height:20px;
  margin:12px 4px 0 4px;
  color:#666;
  font-weight: 500;
}
.ev-t-stamp .tabs {
  position: sticky;
  top: 50px;
  display: flex;
  align-content: center;
  gap: 8px;
  z-index: 100;
  margin-top:23px;
  background-color: #fff;
  padding-bottom:15px;
  padding-top:16px;
}
.ev-t-stamp .tabs .list-tab {
  color: #111;
  font-size: var(--txt15);
  font-weight: var(--w-md);
  border-radius: 24px;
  padding: 10px 18px;
  border: 1px solid #e5e5e5;
  background-color: #fff;
  display: flex;
  align-items: center;
  gap: 4px;
  height: 40px;
  justify-content: center;
  position: relative;
  width: 100%;
}
.ev-t-stamp .tabs .list-tab.m-logo span {
  position: absolute;
  top:-17px;
  left:50%;
  background: linear-gradient(to right, #f74a4a, #552dd7);
  color:#fff;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 700;
  width: 76px;
  height: 23px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left:-38px;
}
.ev-t-stamp .tabs .list-tab.active {
  background-color: #400e9e;
  color: #fff;
  font-weight: 700;
}
.ev-t-stamp .tab-contents {
  padding: 21px 0 0 0 ;
}

.ev-t-stamp .tab-contents .content {
  display: none;
}
.ev-t-stamp .tab-contents .content .tab-inner {
  padding-top:48px;
}
.ev-t-stamp .tab-contents .content .tab-inner .tab-txt {
  margin:12px 0 0 4px;
}
.ev-t-stamp .tab-contents .content .tab-inner .tab-txt .icon-info {
  display: flex;
  align-items: center;
  color:#666;
  font-weight: 700;
  gap:4px;
}
.ev-t-stamp .tab-contents .content .tab-inner .tab-txt p {
  font-weight: 500;
  line-height: 22px;
  height: 22px;
  margin:4px 0 8px 0;
  color:#666;
}
.ev-t-stamp .tab-contents .content .tab-inner .tab-txt .link  {
  margin:0 0 0 0;
  color:#111;
  font-size: 15px;
  background-color: #f5f5f5;
  border-radius: 4px;
  padding:0 12px;
  line-height: 40px;
  font-weight: 400;
}
.ev-t-stamp .tab-contents .content .tab-inner .link::before, .ev-t-stamp .tab-contents .content .tab-inner .tab-txt .link::after  {
  display: none;
}
.ev-t-stamp .tab-contents .content .tab-inner .tab-txt .icon-info::before {
  content: "";
  display: inline-block;
  width:2rem;
  height: 2rem;
  background: url(../images/event-md/icons/ico_info.png) no-repeat center / contain;
}
.ev-t-stamp .tab-contents .content .tab-inner .link {
  font-size: 16px;
  line-height: 22px;
  margin:8px 4px 0 4px;
}
.ev-t-stamp .tab-contents .content.active {
  display: block;
}
.ev-t-stamp .tab-contents .content.tab2 .gra-list li .logo{
  margin-top:40px
}
.ev-t-stamp .tab-contents .content.tab2 .gra-list li:first-child .logo {
  margin-top:0;
}

.ev-t-stamp .tab-contents .content .tab-title {
  display: flex;
  justify-content: space-between;
  margin:0 4px 20px 4px;
}

.ev-t-stamp .tab-contents .content button {
  line-height: 24px;
}

.ev-t-stamp .tab-contents .content .left-txt {
  font-size: 18px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 4px;
}

.ev-t-stamp .tab-contents .content .right-txt {
  font-size: 16px;
  font-weight: 700;
  display: flex;
  align-items: center;
}

.ev-t-stamp .tab-contents .content .right-txt b {
  color: #6a4bcb;
  margin:0 3px 0 5px
}
.ev-t-stamp .tab-contents .content .right-txt.arrow::after,
.ev-t-stamp .tab-contents .content .left-txt.arrow::after {
  content: "";
  width: 12px;
  height: 12px;
  margin-left: 2px;
  background: url("/images/event-md/icons/ico_arr_rt.png") no-repeat center / contain;
  display: inline-block;
  transition: transform 0.3s ease;
}
.ev-t-stamp .tab-contents .content .left-txt.arrow[aria-hidden="true"]::after {
  transform:rotate(-90deg);
  transition: transform 0.3s ease;
}

.ev-t-stamp .tab-contents .content .right-txt.arrow::after {
  width: 16px;
  height: 16px;
}

.ev-t-stamp .tab-contents .content .left-txt.arrow::after {
  transform: rotate(90deg);
  width: 16px;
  height: 16px;
}
.ev-t-stamp  .gra-list li {
  display: flex;
  gap: 16px;
}
.ev-t-stamp  .gra-list li .logo .logo_default, .ev-t-stamp  .gra-list li.active .logo .logo_check  {
  display: block;
}
.ev-t-stamp  .gra-list li .logo .logo_check, .ev-t-stamp  .gra-list li.active .logo .logo_default  {
  display: none;
}
.ev-t-stamp  .gra-list li.active .logo .logo-wrap {
  overflow: hidden;
  position: relative;
}
.ev-t-stamp  .gra-list li .logo {
  display: flex;
  align-items: center;
  position: relative;
}
.ev-t-stamp  .gra-list li .logo img {
  width: 52px;
  height: 52px;
  margin:0;
  overflow: hidden;
  border-radius: 16px;
}


.ev-t-stamp  .gra-list li .gra-wrap {
  flex: 1;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  margin-top: 20px;
  padding-top: 20px;
}

.ev-t-stamp  .gra-list li:first-child .gra-wrap {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}

.ev-t-stamp  .gra-list li:first-child .logo {
  align-items: baseline;
}
.ev-t-stamp  .gra-list li .gra-wrap .contact-flex {
  display: flex;
  align-items: center;
}
.ev-t-stamp  .gra-list li .gra-wrap .contact-flex img {
  margin:0;
}
.ev-t-stamp  .gra-list li .gra-wrap .contact-flex button {
  width: 16px;
  height:16px;
  margin-left:6px;
}
.ev-t-stamp  .gra-list li .gra-wrap b {
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
}

.ev-t-stamp  .gra-list li .gra-wrap p {
  font-size: 14px;
  font-weight: 500;
  margin: 4px 0;
}
.ev-t-stamp  .gra-list li .gra-wrap p strong {
  font-weight: 700;
  /* background:linear-gradient(to top, #e3dbff, transparent 80%); */
  box-shadow: inset 0 -1.3rem 0 #e3dbff;
}
.ev-t-stamp  .gra-list li .gra-wrap .ev-together__chart-area {
  margin-top: 8px
}

.ev-t-stamp  .gra-list li .gra-wrap .ev-together__bar-area {
  margin-top: 0;
  height: 8px;
}

.ev-t-stamp  .gra-list li .gra-wrap .ev-together__bar-area .bar {
  height: 8px;
  background: linear-gradient(to right, #8665ef, #6338ea);
}

.ev-t-stamp  .gra-list li .gra-wrap .point-progress-text {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
  line-height:20px;
}

.ev-t-stamp  .gra-list li .gra-wrap .point-progress-text .myprice {
  font-size: 13px;
  color: #666;
  font-weight: 500;
}

.ev-t-stamp  .gra-list li .gra-wrap .point-progress-text .price {
  font-size: 13px;
  color: #111;
  font-weight: 700;
}
.ev-t-stamp .list-button {
  position: relative;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.8rem;
  width: 100%;
  margin-top: 24px;
}

.ev-t-stamp .list-button a {
  position: relative;
  padding: 14px;
  background-color:#fff;
  color: #111;
  font-weight: 400;
  font-size: 15px;
  line-height: 21px;
  border-radius: 8px;
  border: 1px solid #111;
  text-decoration: unset;
  text-align: center;
  display: block;
}
.ev-t-stamp .right-card-logo {
  display: flex;
  align-items: center;
  gap: 4px;
}
.ev-t-stamp .only-txt, .ev-t-stamp img {
  margin: 12px 4px 0 4px;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}
.ev-t-stamp .right-card-logo img {
  width: 34px;
  margin:12px 0 0 0;
}
.ev-t-stamp .card-stamp {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.ev-t-stamp .card-stamp ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
}

.ev-t-stamp .card-stamp ul li {
  background-color: #f4f6f8;
  border-radius: 20px;
  padding: 24px 20px;
  width: 100%;
}

.ev-t-stamp .card-stamp ul li a {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.ev-t-stamp .banner-card {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 16px
}
.ev-t-stamp .banner-card img {
  margin:0;
}
.ev-t-stamp .banner-card + p {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  margin: 4px 0 0 0;
  color: #000;
}

.ev-t-stamp .card-stamp .ing {
  background-color: #e5e5e5;
  border-radius: 10px;
  height: 20px;
  padding: 0 10px;
  color: #111;
  font-size: var(--txt12);
  line-height: 20px;
  margin-top: 4px;

}

.ev-t-stamp .banner-card .card {
  width: 40px;
  height: 63px;
}

.ev-t-stamp .banner-card .logo {
  width: auto;
  height: 16px;
  
}
.ev-t-stamp .ev-swiper {
  overflow: hidden;
  margin-top:20px;
  padding:0 20px;
}

.ev-t-stamp .ev-swiper .swiper-wrapper {
  margin: 0;
  display: flex;
}

.ev-t-stamp .ev-swiper li {
  border-radius: 20px;
  text-align: center;
  width:132px;
  height: 168px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ev-t-stamp .ev-swiper li.bg01 {
  background-color: #f0f7ff;
}

.ev-t-stamp .ev-swiper li.bg02 {
  background-color: #ecf9eb;
}
.ev-t-stamp .ev-swiper li.bg03 {
  background-color: #fef0f3;
}
.ev-t-stamp .ev-swiper li.bg04 {
  background-color: #fff9eb;
}

.ev-t-stamp .ev-swiper li img {
  width: 64px;
  height: 64px;
  margin:0;
  border-radius: 50%;
}

.ev-t-stamp .ev-swiper li p.product {
  margin: 12px 0 0 0;
  font-weight: 700;
  color: #000;
  font-size: 16px;
  line-height: 24px;
}
.ev-t-stamp .btn-share {
  display: flex;
  justify-content: center;
}
.ev-t-stamp .pt8 {
  padding-top:8px !important
}
.ev-t-stamp .pb20 {
  padding-bottom:20px !important
}
.ev-t-stamp .btn-share button {
  display: flex;
  flex-direction: column;
  gap: 12px;
  justify-content: center;
  align-items: center;
  width: 132px;
}

.ev-t-stamp .btn-share button img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid #d9d9d9;
  margin:0;
}

.ev-t-stamp .btn-share button span {
  color: #555;
  font-size: 16px;
  font-weight: 500;
}
.ev-t-stamp .type-ev-t-stamp {
  border-radius: 12px;
  background-color: #6a4bcb;
  color:#fff;
  font-size: 16px;
  font-weight: 500;
  height: 56px;
}
.ev-t-stamp .ev-notice {
  background-color: #f8f8f8;
  padding:32px 24px 50px 24px;
  color:#111;
}

.ev-t-stamp .ev-notice h2 {
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  margin-bottom:20px;
}
.ev-t-stamp .ev-notice ul li {
  position: relative;
  padding-left:8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.ev-t-stamp .ev-notice .list-dot.list-btm-solid {
  padding-bottom:20px;
  margin-bottom:20px;
  border-bottom:1px solid #e5e5e5
}
.ev-t-stamp .ev-notice .list-dot li  + li, .ev-t-stamp .ev-notice ul li ul.list-dash li, .ev-t-stamp .ev-notice ul li ul.list-dash li ul.list-dot li {
  margin-top:8px;
}
.ev-t-stamp .ev-notice .list-dot li:before {
  content: "";
  position: absolute;
  width:2px;
  height:2px;
  background-color: #111;
  top:9px;
  left:0
}
.ev-t-stamp .ev-notice .list-dot li ul.list-dash li::before {
  content: "";
  position: absolute;
  width:4px;
  height:2px;
  left:0;
  top:9px;
  background-color: #111;
}
.ev-t-stamp .ev-notice .list-dot li ul.list-dash li ul.list-dot li::before {
  content: "*";
  top:0;
  width:unset;
  height: unset;
  background-color: unset;
}
.layer-wrap .evmd-modal-btm-tit {
  font-size: 18px;
}

.layer-wrap .evmd-modal-btm-close {
  width: 14px;
  height: 14px;
  top: 34px;
  right: 24px;
}

.layer-wrap .evmd-modal-btm-close.pa16 {
  top: 16px;
  right: 16px
}
.layer-wrap .tlf {
  text-align: left;
}

.layer-wrap .top-title {
  font-size: 16px;
}

.layer-wrap .money-area {
  display: flex;
  justify-content: space-between;
  margin-top: 8px
}

.layer-wrap .money-area .left-text {
  font-size: 22px;
  font-weight: 700;
}

.layer-wrap .money-area .left-text img {
  width: 25px;
  height: 25px;
  margin-left: 5px
}

.layer-wrap .money-area .right-box {
  font-size: 14px;
  color: #fff;
  background-color: #666;
  border-radius: 16px;
  padding: 0 12px;
  height: 28px;
  line-height: 28px;
  font-weight: 500;
}

.layer-wrap .calendar-card {
  margin-top: 20px;
  background-color: #f4f6f8;
  border-radius: 16px;
  padding: 24px 16px
}

.layer-wrap .calendar-header {
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08)
}

.layer-wrap .calendar-header,
.layer-wrap .calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  text-align: center;
  font-size: 13px;
  color: #888
}

.layer-wrap .calendar-grid .day {
  margin-top: 16px;
  font-size: 12px;
  color: #666;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.layer-wrap .calendar-grid .num {
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.layer-wrap .calendar-grid .num.today {
  color: #fff;
  border-radius: 16px;
  background-color: #111;
  width: 31px;
}

.layer-wrap .calendar-grid .day .icon-m,
.layer-wrap .calendar-grid .day .icon-circle {
  margin: 6px 0;
}

.layer-wrap .icon-circle {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.04);
}

.layer-wrap .icon-m {
  width: 28px;
  height: 28px;
  background: url("/images/event/ic_hanamoney.png") no-repeat 0 0;
  background-size: 28px 28px;
}

.layer-wrap .icon-empty {
  height: 28px;
}

.layer-wrap .contactless {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.layer-wrap .contactless b {
  font-size: 18px;
  font-weight: 500;
}

.layer-wrap .contactless p {
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  margin-top: 8px;
  color: #666
}

.layer-wrap .contactless::before {
  content: "";
  display: block;
  width: 56px;
  height: 56px;
  margin-bottom: 20px;
  background: url("/images/event/ic60182_contactless.png") no-repeat center / contain;
  border-radius: 100px;
}

.layer-wrap .card-stamp .l-txt {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  text-align: center;
}

.layer-wrap .card-stamp .s-txt {
  font-size: 18px;
  font-weight: 500;
  margin-top: 4px;
  line-height: 26px;
  text-align: center;
  margin-bottom:24px;
}
.layer-wrap .card-stamp.quiz::before,
.layer-wrap .card-stamp.re-quiz::before {
  content: "";
  width: 312px;
  height: 120px;
  margin-left: 2px;
  background: url("/images/event/ic60182_correct.png") no-repeat center / contain;
  display: inline-block;
  margin-bottom: 12px
}

.layer-wrap .card-stamp.re-quiz::before {
  background: url("/images/event/ic60182_wrong.png") no-repeat center / contain;
}
.layer-wrap .select-month {
  overflow: auto;
  max-height: 260px;
  min-height: 200px;
  padding-bottom: 30px;
}
.layer-wrap .select-month li {
  border-top: 1px #e5e5e5 solid;
}
.layer-wrap .select-month li button {
  width: 100%;
  text-align: left;
  padding: 20px 0;
  position: relative;
}
.layer-wrap .select-month li button {
  width: 100%;
  text-align: left;
  padding: 20px 0;
  position: relative;
}

.layer-wrap .select-month li button strong {
  font-size: 15px;
  line-height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  display: block;
  margin-right: 30px;
}

.layer-wrap .select-month li button strong * {
  font-size: 15px;
  line-height: 20px;
}

.layer-wrap .select-month li button strong em {
  padding-left: 9px;
  font: inherit;
  color: #999;
}

.layer-wrap .select-month li button strong em.black {
  padding-left: 4px;
  color: #111;
}

.layer-wrap .select-month li button span {
  font-size: 12px;
  line-height: 12px;
  display: block;
  color: #999;
  margin-top: 12px;
}

.layer-wrap .select-month li button span * {
  font-size: 12px;
  line-height: 12px;
}

.layer-wrap .select-month li button span.my-badge {
  margin-top: 0;
  margin-left: 6px;
  display: inline-block;
}

.layer-wrap .select-month li button[aria-checked="true"]::after,
.layer-wrap .select-month li button.checked::after {
  content: "";
  background-image: url("/images/event/my-2-ic-select_ck.png");
  background-size: 100% 100%;
  display: block;
  width: 16px;
  height: 12px;
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto 0;
}

.ev-together .top-area {
  background: #e2faff;
  padding:37px 22px 0 22px;
  box-sizing: border-box;
  height: 224px;
}
.ev-together .top-area .bg-box {
  background-image: url("/images/event/challenge_topimg.webp");
  background-repeat: no-repeat;
  background-size: 195px auto;
  background-position: right bottom;
  height: 100%;
  
}
.ev-together .top-area .bg-box .title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom:8px;
  line-height: 30px
}
.ev-together .top-area .bg-box .info {
  font-size: 16px;
  font-weight: 500;
  color:#111;
  margin-bottom:16px;
  line-height: 22px;
}
.ev-together .top-area .bg-box .date {
  font-size: 14px;
  font-weight: 500;
  color:#02809c;
}
.ev-together .challenge-section {
  padding-top:36px;
  position: relative;
}

.ev-together .challenge-section .section-title .title {
  margin-bottom:12px;
}
.ev-together .challenge-section .section-title .info {
  color:#333
}
.ev-together .challenge-section .section-title .info.mt32 {
  margin-top:32px;
}
.ev-together .challenge-section .chart-box {
  padding:24px  20px;
  border-radius: 16px;
  background-color: #f4f6f8;
  color:#666;
  background-image: url("/images/event/challenge_box.webp");
  background-repeat: no-repeat;
  background-size: 60px auto;
  background-position: right 16px bottom 50px;
}
.ev-together .challenge-section .chart-box .txt2 {
  margin-top:24px;
  font-size: 12px;
  display: flex;
  align-items: center;
  width: 100%;
}
.ev-together .challenge-section .chart-box .txt2 strong {
  font-size: 18px;
  font-weight: 700;
  color:#111;
  line-height: 23px;
  margin-right:4px;
}

.ev-together .challenge-section .ev-together__bar-area .bar {
  transition: width 0.6s cubic-bezier(0.3, 0.27, 0.02, 1.24);
  background: linear-gradient(90deg, #51e5de 0%, #e174d0 100%);
}

.ev-together .challenge-section.type-line {
  margin-top:32px;
  padding-top:48px;
}

.ev-together .challenge-section.type-line::before {
  height: 12px;
  background-color: #f4f6f8;
  content: "";
  position: absolute;
  top: 0;
  right: -24px;
  left: -24px;
}
.ev-together .challenge-section .chart-box.select-list {
  background-image: none;
}
.ev-together .challenge-section ul {
  display: flex;
  flex-direction: column;
}
.ev-together .challenge-section ul li ~ li {
  border-top:1px solid rgba(0, 0, 0, 0.05);
  margin-top:12px;
  padding-top:12px;
}
.ev-together .challenge-section ul .reward-item {
  display: flex;
  align-items: center;
  gap:8px;
  position: relative;
}


.ev-together .challenge-section ul .reward-item.active .on, .ev-together .challenge-section ul .reward-item .off {
  display: block;
}
.ev-together .challenge-section ul .reward-item.active .off, .ev-together .challenge-section ul .reward-item .on {
  display: none;
}
.ev-together .challenge-section ul .reward-item img {
  width: 72px;
}

.ev-together .challenge-section ul .reward-item .counter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color:#666;
  font-size: 18px;
  line-height: 23px;
  margin-top:4px;
}
.ev-together .challenge-section ul .reward-item .counter strong {
  font-weight: 700;
}
.ev-together .challenge-section ul .reward-item.active .counter {
  color:#111;
}
.ev-together .challenge-section ul .reward-item .text-area {
  flex: 1;
}
.ev-together .challenge-section ul .reward-item .text {
  font-size: 14px;
  color:#999;
  line-height: 18px;
}
.ev-together .challenge-section ul .reward-item.active .text {
  color:#666;
}
.ev-together .challenge-section ul .reward-item .text strong {
  font-size: 18px;
  font-weight: 700;
  color:#666;
}
.ev-together .challenge-section ul .reward-item.active .text strong {
  color:#111;
}
.ev-together .challenge-section ul .reward-item .counter span {
  display: flex;
  align-items: center;
  gap:4px;
  margin-right:8px;
  font-weight: 700;
}
.ev-together .challenge-section ul .reward-item .counter span::after {
  content: "";
  background-image: url("/images/event/challenge_checkbox_off.webp");
  background-size: 100% 100%;
  width: 18px;
  height: 18px;
  display: inline-block;
}
.ev-together .challenge-section ul .reward-item.active .counter span::after {
  content: "";
  background-image: url("/images/event/challenge_checkbox_on.webp");
  background-size: 100% 100%;
  width: 18px;
  height: 18px;
  display: inline-block;
}
.ev-together .challenge-section .challenge-pass li {
  border-radius: 16px;
  background-color: #f4f6f8;
  border:1px solid #ededed;
  padding:7px 20px 7px 16px ;
}
.ev-together .challenge-section .challenge-pass li img {
  width: 46px;
}
.ev-together .challenge-section .challenge-pass li {
  display: flex;
  align-items: center;
  justify-content: space-between;

}


.ev-together .challenge-section .challenge-pass li .left-area {
  display: flex;
  align-items: center;
  gap:4px;
  position: relative;
}
.ev-together .challenge-section .challenge-pass li .left-area .name {
  font-weight: 700;
  color:#999
}
.ev-together .challenge-section .challenge-pass li .left-area .badge {
  background-color: #dfe8f2;
  border-radius: 16px;
  height: 20px;
  line-height: 20px;
  padding:0 8px;
  font-size: 12px;
}
.ev-together .challenge-section .challenge-pass li p {
  font-size: 18px;
  font-weight: 700;
  color:#999;
}

.ev-together .challenge-section .challenge-pass li.active-list {
  background-color: #fff;
  border:1px solid #ededed;
}

.ev-together .challenge-section .challenge-pass li.active-list .left-area {
  display: flex;
  align-items: center;
  gap:4px;
  position: relative;
}
.ev-together .challenge-section .challenge-pass li.active-list .left-area .name {
  font-weight: 700;
  color:#111;
}
.ev-together .challenge-section .challenge-pass li.active-list .left-area .badge {
  background-color: #dfe8f2;
  border-radius: 16px;
  height: 20px;
  line-height: 20px;
  padding:0 8px;
  font-size: 12px;
}
.ev-together .challenge-section .challenge-pass li.active-list p {
  color:#111;
}

.ev-together .challenge-section .challenge-pass li.on {
  border:2px solid #a0edfe;
  background-color: #f0fcff;
}
.ev-together .challenge-section .challenge-pass li.crown .left-area::before {
  content: "";
  background-image: url("/images/event/challenge_crown.webp");
  background-size: 100% 100%;
  width: 18px;
  height: 18px;
  position: absolute;
  top:0;
  left:0;
}
.ev-together .challenge-section .my-passport {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ev-together .challenge-section .my-passport .title {
  margin-bottom:0;
}
.ev-together .challenge-section .my-passport a {
  color:#666;
  font-weight: 500;
  display: flex;
  align-items: center;
  line-height: 30px;
}
.ev-together .challenge-section .my-passport a::after {
  content: "";
  background-image: url("/images/event/challenge_arrow.webp");
  background-size: 100% 100%;
  width: 18px;
  height: 18px;
  display: inline-block;
}
.ev-together .challenge-section .passport-box {
  padding:20px 20px 40px 20px;
  border-top:1px solid #f8f8f8;
  border-left:1px solid #f8f8f8;
  border-right:1px solid #f8f8f8;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  background: linear-gradient(163.1deg, #faeaff 5.7%, #e9edf9 71.2%), radial-gradient(52.19% 69.2% at 99.04% 19.62%, rgba(193, 255, 188, 0.25) 0%, rgba(193, 255, 188,0) 100%);
  display: flex;
  flex-direction: column;
  gap:16px;
}
.ev-together .challenge-section .passport-box .id {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ev-together .challenge-section .passport-box .id img {
  width: 80px;
}
.ev-together .challenge-section .passport-box .id .left {
  display: flex;
  align-items: center;
  gap:24px;
  
}
.ev-together .challenge-section .passport-box dt ~ dt {
  margin-top:12px;
}
.ev-together .challenge-section .passport-box dt {
  font-size: 12px;
  color:#666;
  line-height: 15px;
}
.ev-together .challenge-section .passport-box dd {
  font-size: 14px;
  color:#111;
  font-weight: 500;
  line-height: 18px;
  margin-top:2px;
}
.ev-together .challenge-section .passport-box .price {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ev-together .challenge-section .passport-box .price .left {
  font-size: 12px;
  color:#666;
}
.ev-together .challenge-section .passport-box .price .right {
  font-size: 18px;
  font-weight: 700;
  color:#111
}
.ev-together .challenge-section .passport-box .graph {
  margin-top:8px;
  width: 100%;
  position: relative;
}
.ev-together .challenge-section .passport-box .graph .bar{
  position: relative;
  height: 14px;
  background-color: #fff;
  border-radius: 16px;
}
.ev-together .challenge-section .passport-box .graph .bar .fill{
  position: absolute;
  height: 100%;
  background-color: #6a4bcb;
  border-radius: 16px;
}
.ev-together .challenge-section .passport-box .graph .bar .dot {
  position: absolute;
  top:50%;
  width:5px;
  height: 5px;
  border-radius: 50%;
  background-color: #e9e9e9;
  transform: translate(-50%, -50%);
}
.ev-together .challenge-section .passport-box .graph .bar .dot.on {
  background-color: #fff;
}
.ev-together .challenge-section .passport-box .p0 {
  left:8px;
}
.ev-together .challenge-section .passport-box .p0.text {
  left:12px;
}
.ev-together .challenge-section .passport-box .p1 {
  left:20%;
}
.ev-together .challenge-section .passport-box .p2 {
  left:40%;
}
.ev-together .challenge-section .passport-box .p3 {
  left:60%;
}
.ev-together .challenge-section .passport-box .p4 {
  left:80%;
}
.ev-together .challenge-section .passport-box .p5 {
  right:2px;
}
.ev-together .challenge-section .passport-box .p5.text {
  right:-12px;
}
.ev-together .challenge-section .passport-box .label {
 position: absolute;
 top:20px;
 transform: translateX(-50%);
 font-size: 12px;
 color:#666;
}
.ev-together .challenge-section .space-box {
  height: 26px;
  border-left:1px solid #f8f8f8;
  border-right:1px solid #f8f8f8;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  background-color: #f6f8fd;
  position: relative;
}

.ev-together .challenge-section .space-box::before {
  content: "";
  position: absolute;
  background: url("/images/event/challenge_pass_num.webp") repeat-x;
  left:8px;
  right:8px;
  top:6px;
  bottom:0;
  background-size: auto 15px;
}
.ev-together .notice {
  font-weight: 700;
  color:#111;
}
.ev-together .flex-btns {
  display: flex;
}

.ev-together .flex-btns .type-ev-challenge {
  border:1px solid #111;
  color:#111;
}

/* [2026-04-01 kho] [WPM-14378] ¼Ò»ó°øÀÎ ¹«ÀÌÀÚÇҺΠ°¡¸ÍÁ¡ Á¶È¸ Ãß°¡ */
.form-sub-text {
  font-size: 1.5rem;
  line-height: 1.5;
  color: #666;
}
.store-list2 li {
  padding: 28px 0 12px;
  border-bottom: 1px solid #e5e5e5;
}
.store-list2 li:first-child {
  padding-top: 0;
}
.store-list2 h4 {
  font-size: 1.7rem;
  line-height: 2.1rem;
  font-weight: 400;
  color: #111;
}
.store-list2 p {
  margin-top: 6px;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #666;
}
/* //[2026-04-01 kho] [WPM-14378] ¼Ò»ó°øÀÎ ¹«ÀÌÀÚÇҺΠ°¡¸ÍÁ¡ Á¶È¸ Ãß°¡ */