@charset "UTF-8";
:root {
  --traveler: #b67c60;
  --traveler-bg: #9f694f;
  --traveler-border: #9f694f;
  --explorer: #62b566;
  --explorer-bg: #62b566;
  --explorer-border: #62b566;
  --collector: #ad8323;
  --collector-bg: #f0b136;
  --collector-border: #f0b136;
  --pioneer: #3994e5;
  --pioneer-bg: #5498d4;
  --pioneer-border: #5498d4;
  --review: #d4e9c3;
  --checkin: #c1ddff;
  --shop: #f0deb2;
  --attendence: #ffdcc7;
  --buy: #e0e0f8;
  --walk: #fedcdc;
  --marketing: #ffe3f0;
  --apppush: #bdd0e6;
  --artsearch: #fef2c2;
  --sp-buy: #bbe0cd;
  --info: #9ec5cb;
  --event: #e7d8ff;
  --review-border: #B9DB9A;
  --checkin-border: #A1CBFF;
  --shop-border: #DABB7A;
  --attendence-border: #FCAE81;
  --buy-border: #B7B7FC;
  --walk-border: #FF9D9D;
  --marketing-border: #ffe3f0;
  --apppush-border: #9EBBDF;
  --artsearch-border: #fef2c2;
  --sp-buy-border: #bbe0cd;
  --info-border: #9EC5CB;
  --event-border: #C5B0F0;
}

.text-xs-regular, footer .info-wrap.small {
  font-size: 12px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.24px;
  color: #3e3e3e;
}

.text-xs-medium, footer .footer-link-wrap .family-site .link-wrap li a span {
  font-size: 12px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.24px;
  color: #3e3e3e;
}

.text-xs-semibold {
  font-size: 12px;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: -0.24px;
  color: #fff;
}

.text-xs-bold {
  font-size: 12px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0.24px;
  color: #919191;
}

.text-sm-regular, .link, .page-category a, .page-category, footer .footer-wrap,
footer .footer-wrap a {
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.28px;
  color: #919191;
}

.text-sm-medium, footer .link-wrap li {
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.28px;
  color: #919191;
}

.text-sm-semibold, footer .footer-link-wrap .family-site p, footer .footer-link-wrap .tel a, footer .footer-link-wrap .help p, header .user-menu .cate-link {
  font-size: 14px;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: -0.28px;
  color: #9e9e9e;
}

.text-sm-bold, header .user-menu .cate-link.active {
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0.28px;
  color: #3e3e3e;
}

.text-md-regular, .main-full-banner .popup-container .popup-inner .date,
.main-center-banner .popup-container .popup-inner .date,
.main-bottom-banner .popup-container .popup-inner .date, .crewConfirm-popup .popup-container .popup-inner .date, .note-box .note-wrap.has-list-style .note-list, input.input, .alert-popup .popup-container .popup-inner .date, .confirm-popup .popup-container .popup-inner .date, .main .section-desc {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.32px;
  color: #3e3e3e;
}

.text-md-medium, .main-onboard section .desc, .paging-wrap a, .req, header .category-menu .cate-link {
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.32px;
  color: #3e3e3e;
}

.text-md-semibold, .alert-popup.stamp .popup-tooltip {
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.32px;
  color: #0f0f0f;
}

.text-md-bold, header .category-menu .cate-link.active {
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.32px;
  color: #0f0f0f;
}

.text-lg-regular {
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.36px;
  color: #3e3e3e;
}

.text-lg-medium, .main-full-banner .popup-container .popup-notice,
.main-center-banner .popup-container .popup-notice,
.main-bottom-banner .popup-container .popup-notice, .crewConfirm-popup .popup-container .popup-notice, .note-box:has(.has-list-style) .note-tit, .alert-popup .popup-container .popup-notice, .confirm-popup .popup-container .popup-notice, .main section.s-tab .tab-wrap .tab-list .tab a {
  font-size: 18px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.36px;
  color: #3e3e3e;
}

.text-lg-semibold, .main-full-banner .popup-container .popup-inner .title,
.main-center-banner .popup-container .popup-inner .title,
.main-bottom-banner .popup-container .popup-inner .title, .crewConfirm-popup .popup-container .popup-inner .title, .alert-popup .popup-container .popup-inner .title, .confirm-popup .popup-container .popup-inner .title, footer strong {
  font-size: 18px;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.36px;
  color: #3e3e3e;
}

.text-lg-bold, .main section.s-tab .tab-wrap .tab-list .tab.active a {
  font-size: 18px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.36px;
  color: #3e3e3e;
}

.text-xl-regular {
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.4px;
  color: #0f0f0f;
}

.text-xl-medium {
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.4px;
  color: #0f0f0f;
}

.text-xl-semibold {
  font-size: 20px;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.4px;
  color: #0f0f0f;
}

.text-xl-bold {
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.4px;
  color: #3e3e3e;
}

.text-tmoney {
  font-family: "Tmoney-RoundWind", sans-serif;
}

.text-tmoney-sm-regular {
  font-size: 15px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.3px;
  color: #8f8f8f;
  font-family: "Tmoney-RoundWind", sans-serif;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html ::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 0 0.4rem rgba(0, 0, 0, 0.1);
}
html ::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  box-shadow: inset 0 0 0.4rem rgba(0, 0, 0, 0.2);
}
html ::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.6);
}
html ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background: rgba(0, 0, 0, 0);
}

body,
button,
input,
textarea {
  font-family: "Pretendard", sans-serif;
}

ul,
li {
  list-style: none;
  padding: 0;
}

a {
  text-decoration: none;
  color: #000;
}

button {
  outline: none;
  background-color: transparent;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  border: none;
}

@font-face {
  font-family: "Pretendard";
  font-weight: 900;
  font-display: fallback;
  src: local("Pretendard Black"), url(../../font/pretendard-woff2-subset/Pretendard-Black.subset.woff2) format("woff2"), url(../../font/pretendard-woff-subset/Pretendard-Black.subset.woff) format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 800;
  font-display: fallback;
  src: local("Pretendard ExtraBold"), url(../../font/pretendard-woff2-subset/Pretendard-ExtraBold.subset.woff2) format("woff2"), url(../../font/pretendard-woff-subset/Pretendard-ExtraBold.subset.woff) format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 700;
  font-display: fallback;
  src: local("Pretendard Bold"), url(../../font/pretendard-woff2-subset/Pretendard-Bold.subset.woff2) format("woff2"), url(../../font/pretendard-woff-subset/Pretendard-Bold.subset.woff) format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 600;
  font-display: fallback;
  src: local("Pretendard SemiBold"), url(../../font/pretendard-woff2-subset/Pretendard-SemiBold.subset.woff2) format("woff2"), url(../../font/pretendard-woff-subset/Pretendard-SemiBold.subset.woff) format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 500;
  font-display: fallback;
  src: local("Pretendard Medium"), url(../../font/pretendard-woff2-subset/Pretendard-Medium.subset.woff2) format("woff2"), url(../../font/pretendard-woff-subset/Pretendard-Medium.subset.woff) format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 400;
  font-display: fallback;
  src: local("Pretendard Regular"), url(../../font/pretendard-woff2-subset/Pretendard-Regular.subset.woff2) format("woff2"), url(../../font/pretendard-woff-subset/Pretendard-Regular.subset.woff) format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 300;
  font-display: fallback;
  src: local("Pretendard Light"), url(../../font/pretendard-woff2-subset/Pretendard-Light.subset.woff2) format("woff2"), url(../../font/pretendard-woff-subset/Pretendard-Light.subset.woff) format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 200;
  font-display: fallback;
  src: local("Pretendard ExtraLight"), url(../../font/pretendard-woff2-subset/Pretendard-ExtraLight.subset.woff2) format("woff2"), url(../../font/pretendard-woff-subset/Pretendard-ExtraLight.subset.woff) format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 100;
  font-display: fallback;
  src: local("Pretendard Thin"), url(../../font/pretendard-woff2-subset/Pretendard-Thin.subset.woff2) format("woff2"), url(../../font/pretendard-woff-subset/Pretendard-Thin.subset.woff) format("woff");
}
@font-face {
  font-family: "Tmoney-RoundWind";
  src: url(../../font/TmoneyRoundWindRegular.woff2) format("woff2"), url(../../font/TmoneyRoundWindRegular.woff) format("woff"), url("../../font/TmoneyRoundWindRegular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: "Tmoney-RoundWind";
  src: url(../../font/TmoneyRoundWindExtraBold.woff2) format("woff2"), url(../../font/TmoneyRoundWindExtraBold.woff) format("woff"), url("../../font/TmoneyRoundWindExtraBold.otf") format("opentype");
  font-weight: 800;
  font-style: normal;
  font-display: fallback;
}
/* 공통요소 */
.inline-flex {
  display: inline-flex !important;
}

.align-start {
  align-items: flex-start !important;
}

.align-center {
  align-items: center !important;
}

.align-end {
  align-items: flex-end !important;
}

.justify-start {
  justify-content: flex-start !important;
}

.justify-center {
  justify-content: center !important;
}

.justify-end {
  justify-content: flex-end !important;
}

.space-between {
  justify-content: space-between !important;
}

.space-around {
  justify-content: space-around !important;
}

.space-evenly {
  justify-content: space-evenly !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.justify-self-start {
  justify-self: flex-start !important;
}

.justify-self-center {
  justify-self: center !important;
}

.justify-self-end {
  justify-self: flex-end !important;
}

.justify-stretch {
  justify-items: stretch !important;
}

.flex-1 {
  flex: 1 !important;
}

.flex-11 {
  flex: 1 1 auto !important;
}

.flex-10 {
  flex: 1 0 auto !important;
}

.flex-01 {
  flex: 0 1 auto !important;
}

.flex-00 {
  flex: 0 0 auto !important;
}

.flex-wrap {
  flex-flow: wrap !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex {
  display: flex;
  word-break: break-word;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.w-full {
  width: 100%;
}

.m-auto {
  margin: auto;
}

.ml-auto {
  margin-left: auto;
}

.mr-auto {
  margin-right: auto;
}

::-moz-placeholder {
  color: #9e9e9e;
  opacity: 1;
  font-weight: 400;
}

::placeholder {
  color: #9e9e9e;
  opacity: 1;
  font-weight: 400;
}

.bdr-dotted {
  display: block;
  height: 2px;
  width: 100%;
  background-repeat: repeat-x;
  background-size: auto 2px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='327' height='2' viewBox='0 0 327 2' fill='none'%3E%3Cpath d='M0 1H327' stroke='%23E4E4E4' stroke-dasharray='2 2'/%3E%3C/svg%3E");
}

.gap-0 {
  gap: 0px !important;
}

.gap-1 {
  gap: 1px !important;
}

.gap-2 {
  gap: 2px !important;
}

.gap-3 {
  gap: 3px !important;
}

.gap-4 {
  gap: 4px !important;
}

.gap-5 {
  gap: 5px !important;
}

.gap-6 {
  gap: 6px !important;
}

.gap-7 {
  gap: 7px !important;
}

.gap-8 {
  gap: 8px !important;
}

.gap-9 {
  gap: 9px !important;
}

.gap-10 {
  gap: 10px !important;
}

.gap-11 {
  gap: 11px !important;
}

.gap-12 {
  gap: 12px !important;
}

.gap-13 {
  gap: 13px !important;
}

.gap-14 {
  gap: 14px !important;
}

.gap-15 {
  gap: 15px !important;
}

.gap-16 {
  gap: 16px !important;
}

.gap-17 {
  gap: 17px !important;
}

.gap-18 {
  gap: 18px !important;
}

.gap-19 {
  gap: 19px !important;
}

.gap-20 {
  gap: 20px !important;
}

.mt-0 {
  margin-top: 0px !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.pt-0 {
  padding-top: 0px !important;
}

.pb-0 {
  padding-bottom: 0px !important;
}

.pl-0 {
  padding-left: 0px !important;
}

.pr-0 {
  padding-right: 0px !important;
}

.mt-1 {
  margin-top: 1px !important;
}

.mb-1 {
  margin-bottom: 1px !important;
}

.pt-1 {
  padding-top: 1px !important;
}

.pb-1 {
  padding-bottom: 1px !important;
}

.pl-1 {
  padding-left: 1px !important;
}

.pr-1 {
  padding-right: 1px !important;
}

.mt-2 {
  margin-top: 2px !important;
}

.mb-2 {
  margin-bottom: 2px !important;
}

.pt-2 {
  padding-top: 2px !important;
}

.pb-2 {
  padding-bottom: 2px !important;
}

.pl-2 {
  padding-left: 2px !important;
}

.pr-2 {
  padding-right: 2px !important;
}

.mt-3 {
  margin-top: 3px !important;
}

.mb-3 {
  margin-bottom: 3px !important;
}

.pt-3 {
  padding-top: 3px !important;
}

.pb-3 {
  padding-bottom: 3px !important;
}

.pl-3 {
  padding-left: 3px !important;
}

.pr-3 {
  padding-right: 3px !important;
}

.mt-4 {
  margin-top: 4px !important;
}

.mb-4 {
  margin-bottom: 4px !important;
}

.pt-4 {
  padding-top: 4px !important;
}

.pb-4 {
  padding-bottom: 4px !important;
}

.pl-4 {
  padding-left: 4px !important;
}

.pr-4 {
  padding-right: 4px !important;
}

.mt-5 {
  margin-top: 5px !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.pt-5 {
  padding-top: 5px !important;
}

.pb-5 {
  padding-bottom: 5px !important;
}

.pl-5 {
  padding-left: 5px !important;
}

.pr-5 {
  padding-right: 5px !important;
}

.mt-6 {
  margin-top: 6px !important;
}

.mb-6 {
  margin-bottom: 6px !important;
}

.pt-6 {
  padding-top: 6px !important;
}

.pb-6 {
  padding-bottom: 6px !important;
}

.pl-6 {
  padding-left: 6px !important;
}

.pr-6 {
  padding-right: 6px !important;
}

.mt-7 {
  margin-top: 7px !important;
}

.mb-7 {
  margin-bottom: 7px !important;
}

.pt-7 {
  padding-top: 7px !important;
}

.pb-7 {
  padding-bottom: 7px !important;
}

.pl-7 {
  padding-left: 7px !important;
}

.pr-7 {
  padding-right: 7px !important;
}

.mt-8 {
  margin-top: 8px !important;
}

.mb-8 {
  margin-bottom: 8px !important;
}

.pt-8 {
  padding-top: 8px !important;
}

.pb-8 {
  padding-bottom: 8px !important;
}

.pl-8 {
  padding-left: 8px !important;
}

.pr-8 {
  padding-right: 8px !important;
}

.mt-9 {
  margin-top: 9px !important;
}

.mb-9 {
  margin-bottom: 9px !important;
}

.pt-9 {
  padding-top: 9px !important;
}

.pb-9 {
  padding-bottom: 9px !important;
}

.pl-9 {
  padding-left: 9px !important;
}

.pr-9 {
  padding-right: 9px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pl-10 {
  padding-left: 10px !important;
}

.pr-10 {
  padding-right: 10px !important;
}

.mt-11 {
  margin-top: 11px !important;
}

.mb-11 {
  margin-bottom: 11px !important;
}

.pt-11 {
  padding-top: 11px !important;
}

.pb-11 {
  padding-bottom: 11px !important;
}

.pl-11 {
  padding-left: 11px !important;
}

.pr-11 {
  padding-right: 11px !important;
}

.mt-12 {
  margin-top: 12px !important;
}

.mb-12 {
  margin-bottom: 12px !important;
}

.pt-12 {
  padding-top: 12px !important;
}

.pb-12 {
  padding-bottom: 12px !important;
}

.pl-12 {
  padding-left: 12px !important;
}

.pr-12 {
  padding-right: 12px !important;
}

.mt-13 {
  margin-top: 13px !important;
}

.mb-13 {
  margin-bottom: 13px !important;
}

.pt-13 {
  padding-top: 13px !important;
}

.pb-13 {
  padding-bottom: 13px !important;
}

.pl-13 {
  padding-left: 13px !important;
}

.pr-13 {
  padding-right: 13px !important;
}

.mt-14 {
  margin-top: 14px !important;
}

.mb-14 {
  margin-bottom: 14px !important;
}

.pt-14 {
  padding-top: 14px !important;
}

.pb-14 {
  padding-bottom: 14px !important;
}

.pl-14 {
  padding-left: 14px !important;
}

.pr-14 {
  padding-right: 14px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.pt-15 {
  padding-top: 15px !important;
}

.pb-15 {
  padding-bottom: 15px !important;
}

.pl-15 {
  padding-left: 15px !important;
}

.pr-15 {
  padding-right: 15px !important;
}

.mt-16 {
  margin-top: 16px !important;
}

.mb-16 {
  margin-bottom: 16px !important;
}

.pt-16 {
  padding-top: 16px !important;
}

.pb-16 {
  padding-bottom: 16px !important;
}

.pl-16 {
  padding-left: 16px !important;
}

.pr-16 {
  padding-right: 16px !important;
}

.mt-17 {
  margin-top: 17px !important;
}

.mb-17 {
  margin-bottom: 17px !important;
}

.pt-17 {
  padding-top: 17px !important;
}

.pb-17 {
  padding-bottom: 17px !important;
}

.pl-17 {
  padding-left: 17px !important;
}

.pr-17 {
  padding-right: 17px !important;
}

.mt-18 {
  margin-top: 18px !important;
}

.mb-18 {
  margin-bottom: 18px !important;
}

.pt-18 {
  padding-top: 18px !important;
}

.pb-18 {
  padding-bottom: 18px !important;
}

.pl-18 {
  padding-left: 18px !important;
}

.pr-18 {
  padding-right: 18px !important;
}

.mt-19 {
  margin-top: 19px !important;
}

.mb-19 {
  margin-bottom: 19px !important;
}

.pt-19 {
  padding-top: 19px !important;
}

.pb-19 {
  padding-bottom: 19px !important;
}

.pl-19 {
  padding-left: 19px !important;
}

.pr-19 {
  padding-right: 19px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.pl-20 {
  padding-left: 20px !important;
}

.pr-20 {
  padding-right: 20px !important;
}

.mt-21 {
  margin-top: 21px !important;
}

.mb-21 {
  margin-bottom: 21px !important;
}

.pt-21 {
  padding-top: 21px !important;
}

.pb-21 {
  padding-bottom: 21px !important;
}

.pl-21 {
  padding-left: 21px !important;
}

.pr-21 {
  padding-right: 21px !important;
}

.mt-22 {
  margin-top: 22px !important;
}

.mb-22 {
  margin-bottom: 22px !important;
}

.pt-22 {
  padding-top: 22px !important;
}

.pb-22 {
  padding-bottom: 22px !important;
}

.pl-22 {
  padding-left: 22px !important;
}

.pr-22 {
  padding-right: 22px !important;
}

.mt-23 {
  margin-top: 23px !important;
}

.mb-23 {
  margin-bottom: 23px !important;
}

.pt-23 {
  padding-top: 23px !important;
}

.pb-23 {
  padding-bottom: 23px !important;
}

.pl-23 {
  padding-left: 23px !important;
}

.pr-23 {
  padding-right: 23px !important;
}

.mt-24 {
  margin-top: 24px !important;
}

.mb-24 {
  margin-bottom: 24px !important;
}

.pt-24 {
  padding-top: 24px !important;
}

.pb-24 {
  padding-bottom: 24px !important;
}

.pl-24 {
  padding-left: 24px !important;
}

.pr-24 {
  padding-right: 24px !important;
}

.mt-25 {
  margin-top: 25px !important;
}

.mb-25 {
  margin-bottom: 25px !important;
}

.pt-25 {
  padding-top: 25px !important;
}

.pb-25 {
  padding-bottom: 25px !important;
}

.pl-25 {
  padding-left: 25px !important;
}

.pr-25 {
  padding-right: 25px !important;
}

.mt-26 {
  margin-top: 26px !important;
}

.mb-26 {
  margin-bottom: 26px !important;
}

.pt-26 {
  padding-top: 26px !important;
}

.pb-26 {
  padding-bottom: 26px !important;
}

.pl-26 {
  padding-left: 26px !important;
}

.pr-26 {
  padding-right: 26px !important;
}

.mt-27 {
  margin-top: 27px !important;
}

.mb-27 {
  margin-bottom: 27px !important;
}

.pt-27 {
  padding-top: 27px !important;
}

.pb-27 {
  padding-bottom: 27px !important;
}

.pl-27 {
  padding-left: 27px !important;
}

.pr-27 {
  padding-right: 27px !important;
}

.mt-28 {
  margin-top: 28px !important;
}

.mb-28 {
  margin-bottom: 28px !important;
}

.pt-28 {
  padding-top: 28px !important;
}

.pb-28 {
  padding-bottom: 28px !important;
}

.pl-28 {
  padding-left: 28px !important;
}

.pr-28 {
  padding-right: 28px !important;
}

.mt-29 {
  margin-top: 29px !important;
}

.mb-29 {
  margin-bottom: 29px !important;
}

.pt-29 {
  padding-top: 29px !important;
}

.pb-29 {
  padding-bottom: 29px !important;
}

.pl-29 {
  padding-left: 29px !important;
}

.pr-29 {
  padding-right: 29px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.pl-30 {
  padding-left: 30px !important;
}

.pr-30 {
  padding-right: 30px !important;
}

.mt-31 {
  margin-top: 31px !important;
}

.mb-31 {
  margin-bottom: 31px !important;
}

.pt-31 {
  padding-top: 31px !important;
}

.pb-31 {
  padding-bottom: 31px !important;
}

.pl-31 {
  padding-left: 31px !important;
}

.pr-31 {
  padding-right: 31px !important;
}

.mt-32 {
  margin-top: 32px !important;
}

.mb-32 {
  margin-bottom: 32px !important;
}

.pt-32 {
  padding-top: 32px !important;
}

.pb-32 {
  padding-bottom: 32px !important;
}

.pl-32 {
  padding-left: 32px !important;
}

.pr-32 {
  padding-right: 32px !important;
}

.mt-33 {
  margin-top: 33px !important;
}

.mb-33 {
  margin-bottom: 33px !important;
}

.pt-33 {
  padding-top: 33px !important;
}

.pb-33 {
  padding-bottom: 33px !important;
}

.pl-33 {
  padding-left: 33px !important;
}

.pr-33 {
  padding-right: 33px !important;
}

.mt-34 {
  margin-top: 34px !important;
}

.mb-34 {
  margin-bottom: 34px !important;
}

.pt-34 {
  padding-top: 34px !important;
}

.pb-34 {
  padding-bottom: 34px !important;
}

.pl-34 {
  padding-left: 34px !important;
}

.pr-34 {
  padding-right: 34px !important;
}

.mt-35 {
  margin-top: 35px !important;
}

.mb-35 {
  margin-bottom: 35px !important;
}

.pt-35 {
  padding-top: 35px !important;
}

.pb-35 {
  padding-bottom: 35px !important;
}

.pl-35 {
  padding-left: 35px !important;
}

.pr-35 {
  padding-right: 35px !important;
}

.mt-36 {
  margin-top: 36px !important;
}

.mb-36 {
  margin-bottom: 36px !important;
}

.pt-36 {
  padding-top: 36px !important;
}

.pb-36 {
  padding-bottom: 36px !important;
}

.pl-36 {
  padding-left: 36px !important;
}

.pr-36 {
  padding-right: 36px !important;
}

.mt-37 {
  margin-top: 37px !important;
}

.mb-37 {
  margin-bottom: 37px !important;
}

.pt-37 {
  padding-top: 37px !important;
}

.pb-37 {
  padding-bottom: 37px !important;
}

.pl-37 {
  padding-left: 37px !important;
}

.pr-37 {
  padding-right: 37px !important;
}

.mt-38 {
  margin-top: 38px !important;
}

.mb-38 {
  margin-bottom: 38px !important;
}

.pt-38 {
  padding-top: 38px !important;
}

.pb-38 {
  padding-bottom: 38px !important;
}

.pl-38 {
  padding-left: 38px !important;
}

.pr-38 {
  padding-right: 38px !important;
}

.mt-39 {
  margin-top: 39px !important;
}

.mb-39 {
  margin-bottom: 39px !important;
}

.pt-39 {
  padding-top: 39px !important;
}

.pb-39 {
  padding-bottom: 39px !important;
}

.pl-39 {
  padding-left: 39px !important;
}

.pr-39 {
  padding-right: 39px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.pl-40 {
  padding-left: 40px !important;
}

.pr-40 {
  padding-right: 40px !important;
}

.mt-41 {
  margin-top: 41px !important;
}

.mb-41 {
  margin-bottom: 41px !important;
}

.pt-41 {
  padding-top: 41px !important;
}

.pb-41 {
  padding-bottom: 41px !important;
}

.pl-41 {
  padding-left: 41px !important;
}

.pr-41 {
  padding-right: 41px !important;
}

.mt-42 {
  margin-top: 42px !important;
}

.mb-42 {
  margin-bottom: 42px !important;
}

.pt-42 {
  padding-top: 42px !important;
}

.pb-42 {
  padding-bottom: 42px !important;
}

.pl-42 {
  padding-left: 42px !important;
}

.pr-42 {
  padding-right: 42px !important;
}

.mt-43 {
  margin-top: 43px !important;
}

.mb-43 {
  margin-bottom: 43px !important;
}

.pt-43 {
  padding-top: 43px !important;
}

.pb-43 {
  padding-bottom: 43px !important;
}

.pl-43 {
  padding-left: 43px !important;
}

.pr-43 {
  padding-right: 43px !important;
}

.mt-44 {
  margin-top: 44px !important;
}

.mb-44 {
  margin-bottom: 44px !important;
}

.pt-44 {
  padding-top: 44px !important;
}

.pb-44 {
  padding-bottom: 44px !important;
}

.pl-44 {
  padding-left: 44px !important;
}

.pr-44 {
  padding-right: 44px !important;
}

.mt-45 {
  margin-top: 45px !important;
}

.mb-45 {
  margin-bottom: 45px !important;
}

.pt-45 {
  padding-top: 45px !important;
}

.pb-45 {
  padding-bottom: 45px !important;
}

.pl-45 {
  padding-left: 45px !important;
}

.pr-45 {
  padding-right: 45px !important;
}

.mt-46 {
  margin-top: 46px !important;
}

.mb-46 {
  margin-bottom: 46px !important;
}

.pt-46 {
  padding-top: 46px !important;
}

.pb-46 {
  padding-bottom: 46px !important;
}

.pl-46 {
  padding-left: 46px !important;
}

.pr-46 {
  padding-right: 46px !important;
}

.mt-47 {
  margin-top: 47px !important;
}

.mb-47 {
  margin-bottom: 47px !important;
}

.pt-47 {
  padding-top: 47px !important;
}

.pb-47 {
  padding-bottom: 47px !important;
}

.pl-47 {
  padding-left: 47px !important;
}

.pr-47 {
  padding-right: 47px !important;
}

.mt-48 {
  margin-top: 48px !important;
}

.mb-48 {
  margin-bottom: 48px !important;
}

.pt-48 {
  padding-top: 48px !important;
}

.pb-48 {
  padding-bottom: 48px !important;
}

.pl-48 {
  padding-left: 48px !important;
}

.pr-48 {
  padding-right: 48px !important;
}

.mt-49 {
  margin-top: 49px !important;
}

.mb-49 {
  margin-bottom: 49px !important;
}

.pt-49 {
  padding-top: 49px !important;
}

.pb-49 {
  padding-bottom: 49px !important;
}

.pl-49 {
  padding-left: 49px !important;
}

.pr-49 {
  padding-right: 49px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.pt-50 {
  padding-top: 50px !important;
}

.pb-50 {
  padding-bottom: 50px !important;
}

.pl-50 {
  padding-left: 50px !important;
}

.pr-50 {
  padding-right: 50px !important;
}

.mt-51 {
  margin-top: 51px !important;
}

.mb-51 {
  margin-bottom: 51px !important;
}

.pt-51 {
  padding-top: 51px !important;
}

.pb-51 {
  padding-bottom: 51px !important;
}

.pl-51 {
  padding-left: 51px !important;
}

.pr-51 {
  padding-right: 51px !important;
}

.mt-52 {
  margin-top: 52px !important;
}

.mb-52 {
  margin-bottom: 52px !important;
}

.pt-52 {
  padding-top: 52px !important;
}

.pb-52 {
  padding-bottom: 52px !important;
}

.pl-52 {
  padding-left: 52px !important;
}

.pr-52 {
  padding-right: 52px !important;
}

.mt-53 {
  margin-top: 53px !important;
}

.mb-53 {
  margin-bottom: 53px !important;
}

.pt-53 {
  padding-top: 53px !important;
}

.pb-53 {
  padding-bottom: 53px !important;
}

.pl-53 {
  padding-left: 53px !important;
}

.pr-53 {
  padding-right: 53px !important;
}

.mt-54 {
  margin-top: 54px !important;
}

.mb-54 {
  margin-bottom: 54px !important;
}

.pt-54 {
  padding-top: 54px !important;
}

.pb-54 {
  padding-bottom: 54px !important;
}

.pl-54 {
  padding-left: 54px !important;
}

.pr-54 {
  padding-right: 54px !important;
}

.mt-55 {
  margin-top: 55px !important;
}

.mb-55 {
  margin-bottom: 55px !important;
}

.pt-55 {
  padding-top: 55px !important;
}

.pb-55 {
  padding-bottom: 55px !important;
}

.pl-55 {
  padding-left: 55px !important;
}

.pr-55 {
  padding-right: 55px !important;
}

.mt-56 {
  margin-top: 56px !important;
}

.mb-56 {
  margin-bottom: 56px !important;
}

.pt-56 {
  padding-top: 56px !important;
}

.pb-56 {
  padding-bottom: 56px !important;
}

.pl-56 {
  padding-left: 56px !important;
}

.pr-56 {
  padding-right: 56px !important;
}

.mt-57 {
  margin-top: 57px !important;
}

.mb-57 {
  margin-bottom: 57px !important;
}

.pt-57 {
  padding-top: 57px !important;
}

.pb-57 {
  padding-bottom: 57px !important;
}

.pl-57 {
  padding-left: 57px !important;
}

.pr-57 {
  padding-right: 57px !important;
}

.mt-58 {
  margin-top: 58px !important;
}

.mb-58 {
  margin-bottom: 58px !important;
}

.pt-58 {
  padding-top: 58px !important;
}

.pb-58 {
  padding-bottom: 58px !important;
}

.pl-58 {
  padding-left: 58px !important;
}

.pr-58 {
  padding-right: 58px !important;
}

.mt-59 {
  margin-top: 59px !important;
}

.mb-59 {
  margin-bottom: 59px !important;
}

.pt-59 {
  padding-top: 59px !important;
}

.pb-59 {
  padding-bottom: 59px !important;
}

.pl-59 {
  padding-left: 59px !important;
}

.pr-59 {
  padding-right: 59px !important;
}

.mt-60 {
  margin-top: 60px !important;
}

.mb-60 {
  margin-bottom: 60px !important;
}

.pt-60 {
  padding-top: 60px !important;
}

.pb-60 {
  padding-bottom: 60px !important;
}

.pl-60 {
  padding-left: 60px !important;
}

.pr-60 {
  padding-right: 60px !important;
}

.mt-61 {
  margin-top: 61px !important;
}

.mb-61 {
  margin-bottom: 61px !important;
}

.pt-61 {
  padding-top: 61px !important;
}

.pb-61 {
  padding-bottom: 61px !important;
}

.pl-61 {
  padding-left: 61px !important;
}

.pr-61 {
  padding-right: 61px !important;
}

.mt-62 {
  margin-top: 62px !important;
}

.mb-62 {
  margin-bottom: 62px !important;
}

.pt-62 {
  padding-top: 62px !important;
}

.pb-62 {
  padding-bottom: 62px !important;
}

.pl-62 {
  padding-left: 62px !important;
}

.pr-62 {
  padding-right: 62px !important;
}

.mt-63 {
  margin-top: 63px !important;
}

.mb-63 {
  margin-bottom: 63px !important;
}

.pt-63 {
  padding-top: 63px !important;
}

.pb-63 {
  padding-bottom: 63px !important;
}

.pl-63 {
  padding-left: 63px !important;
}

.pr-63 {
  padding-right: 63px !important;
}

.mt-64 {
  margin-top: 64px !important;
}

.mb-64 {
  margin-bottom: 64px !important;
}

.pt-64 {
  padding-top: 64px !important;
}

.pb-64 {
  padding-bottom: 64px !important;
}

.pl-64 {
  padding-left: 64px !important;
}

.pr-64 {
  padding-right: 64px !important;
}

.mt-65 {
  margin-top: 65px !important;
}

.mb-65 {
  margin-bottom: 65px !important;
}

.pt-65 {
  padding-top: 65px !important;
}

.pb-65 {
  padding-bottom: 65px !important;
}

.pl-65 {
  padding-left: 65px !important;
}

.pr-65 {
  padding-right: 65px !important;
}

.mt-66 {
  margin-top: 66px !important;
}

.mb-66 {
  margin-bottom: 66px !important;
}

.pt-66 {
  padding-top: 66px !important;
}

.pb-66 {
  padding-bottom: 66px !important;
}

.pl-66 {
  padding-left: 66px !important;
}

.pr-66 {
  padding-right: 66px !important;
}

.mt-67 {
  margin-top: 67px !important;
}

.mb-67 {
  margin-bottom: 67px !important;
}

.pt-67 {
  padding-top: 67px !important;
}

.pb-67 {
  padding-bottom: 67px !important;
}

.pl-67 {
  padding-left: 67px !important;
}

.pr-67 {
  padding-right: 67px !important;
}

.mt-68 {
  margin-top: 68px !important;
}

.mb-68 {
  margin-bottom: 68px !important;
}

.pt-68 {
  padding-top: 68px !important;
}

.pb-68 {
  padding-bottom: 68px !important;
}

.pl-68 {
  padding-left: 68px !important;
}

.pr-68 {
  padding-right: 68px !important;
}

.mt-69 {
  margin-top: 69px !important;
}

.mb-69 {
  margin-bottom: 69px !important;
}

.pt-69 {
  padding-top: 69px !important;
}

.pb-69 {
  padding-bottom: 69px !important;
}

.pl-69 {
  padding-left: 69px !important;
}

.pr-69 {
  padding-right: 69px !important;
}

.mt-70 {
  margin-top: 70px !important;
}

.mb-70 {
  margin-bottom: 70px !important;
}

.pt-70 {
  padding-top: 70px !important;
}

.pb-70 {
  padding-bottom: 70px !important;
}

.pl-70 {
  padding-left: 70px !important;
}

.pr-70 {
  padding-right: 70px !important;
}

.mt-71 {
  margin-top: 71px !important;
}

.mb-71 {
  margin-bottom: 71px !important;
}

.pt-71 {
  padding-top: 71px !important;
}

.pb-71 {
  padding-bottom: 71px !important;
}

.pl-71 {
  padding-left: 71px !important;
}

.pr-71 {
  padding-right: 71px !important;
}

.mt-72 {
  margin-top: 72px !important;
}

.mb-72 {
  margin-bottom: 72px !important;
}

.pt-72 {
  padding-top: 72px !important;
}

.pb-72 {
  padding-bottom: 72px !important;
}

.pl-72 {
  padding-left: 72px !important;
}

.pr-72 {
  padding-right: 72px !important;
}

.mt-73 {
  margin-top: 73px !important;
}

.mb-73 {
  margin-bottom: 73px !important;
}

.pt-73 {
  padding-top: 73px !important;
}

.pb-73 {
  padding-bottom: 73px !important;
}

.pl-73 {
  padding-left: 73px !important;
}

.pr-73 {
  padding-right: 73px !important;
}

.mt-74 {
  margin-top: 74px !important;
}

.mb-74 {
  margin-bottom: 74px !important;
}

.pt-74 {
  padding-top: 74px !important;
}

.pb-74 {
  padding-bottom: 74px !important;
}

.pl-74 {
  padding-left: 74px !important;
}

.pr-74 {
  padding-right: 74px !important;
}

.mt-75 {
  margin-top: 75px !important;
}

.mb-75 {
  margin-bottom: 75px !important;
}

.pt-75 {
  padding-top: 75px !important;
}

.pb-75 {
  padding-bottom: 75px !important;
}

.pl-75 {
  padding-left: 75px !important;
}

.pr-75 {
  padding-right: 75px !important;
}

.mt-76 {
  margin-top: 76px !important;
}

.mb-76 {
  margin-bottom: 76px !important;
}

.pt-76 {
  padding-top: 76px !important;
}

.pb-76 {
  padding-bottom: 76px !important;
}

.pl-76 {
  padding-left: 76px !important;
}

.pr-76 {
  padding-right: 76px !important;
}

.mt-77 {
  margin-top: 77px !important;
}

.mb-77 {
  margin-bottom: 77px !important;
}

.pt-77 {
  padding-top: 77px !important;
}

.pb-77 {
  padding-bottom: 77px !important;
}

.pl-77 {
  padding-left: 77px !important;
}

.pr-77 {
  padding-right: 77px !important;
}

.mt-78 {
  margin-top: 78px !important;
}

.mb-78 {
  margin-bottom: 78px !important;
}

.pt-78 {
  padding-top: 78px !important;
}

.pb-78 {
  padding-bottom: 78px !important;
}

.pl-78 {
  padding-left: 78px !important;
}

.pr-78 {
  padding-right: 78px !important;
}

.mt-79 {
  margin-top: 79px !important;
}

.mb-79 {
  margin-bottom: 79px !important;
}

.pt-79 {
  padding-top: 79px !important;
}

.pb-79 {
  padding-bottom: 79px !important;
}

.pl-79 {
  padding-left: 79px !important;
}

.pr-79 {
  padding-right: 79px !important;
}

.mt-80 {
  margin-top: 80px !important;
}

.mb-80 {
  margin-bottom: 80px !important;
}

.pt-80 {
  padding-top: 80px !important;
}

.pb-80 {
  padding-bottom: 80px !important;
}

.pl-80 {
  padding-left: 80px !important;
}

.pr-80 {
  padding-right: 80px !important;
}

.mt-81 {
  margin-top: 81px !important;
}

.mb-81 {
  margin-bottom: 81px !important;
}

.pt-81 {
  padding-top: 81px !important;
}

.pb-81 {
  padding-bottom: 81px !important;
}

.pl-81 {
  padding-left: 81px !important;
}

.pr-81 {
  padding-right: 81px !important;
}

.mt-82 {
  margin-top: 82px !important;
}

.mb-82 {
  margin-bottom: 82px !important;
}

.pt-82 {
  padding-top: 82px !important;
}

.pb-82 {
  padding-bottom: 82px !important;
}

.pl-82 {
  padding-left: 82px !important;
}

.pr-82 {
  padding-right: 82px !important;
}

.mt-83 {
  margin-top: 83px !important;
}

.mb-83 {
  margin-bottom: 83px !important;
}

.pt-83 {
  padding-top: 83px !important;
}

.pb-83 {
  padding-bottom: 83px !important;
}

.pl-83 {
  padding-left: 83px !important;
}

.pr-83 {
  padding-right: 83px !important;
}

.mt-84 {
  margin-top: 84px !important;
}

.mb-84 {
  margin-bottom: 84px !important;
}

.pt-84 {
  padding-top: 84px !important;
}

.pb-84 {
  padding-bottom: 84px !important;
}

.pl-84 {
  padding-left: 84px !important;
}

.pr-84 {
  padding-right: 84px !important;
}

.mt-85 {
  margin-top: 85px !important;
}

.mb-85 {
  margin-bottom: 85px !important;
}

.pt-85 {
  padding-top: 85px !important;
}

.pb-85 {
  padding-bottom: 85px !important;
}

.pl-85 {
  padding-left: 85px !important;
}

.pr-85 {
  padding-right: 85px !important;
}

.mt-86 {
  margin-top: 86px !important;
}

.mb-86 {
  margin-bottom: 86px !important;
}

.pt-86 {
  padding-top: 86px !important;
}

.pb-86 {
  padding-bottom: 86px !important;
}

.pl-86 {
  padding-left: 86px !important;
}

.pr-86 {
  padding-right: 86px !important;
}

.mt-87 {
  margin-top: 87px !important;
}

.mb-87 {
  margin-bottom: 87px !important;
}

.pt-87 {
  padding-top: 87px !important;
}

.pb-87 {
  padding-bottom: 87px !important;
}

.pl-87 {
  padding-left: 87px !important;
}

.pr-87 {
  padding-right: 87px !important;
}

.mt-88 {
  margin-top: 88px !important;
}

.mb-88 {
  margin-bottom: 88px !important;
}

.pt-88 {
  padding-top: 88px !important;
}

.pb-88 {
  padding-bottom: 88px !important;
}

.pl-88 {
  padding-left: 88px !important;
}

.pr-88 {
  padding-right: 88px !important;
}

.mt-89 {
  margin-top: 89px !important;
}

.mb-89 {
  margin-bottom: 89px !important;
}

.pt-89 {
  padding-top: 89px !important;
}

.pb-89 {
  padding-bottom: 89px !important;
}

.pl-89 {
  padding-left: 89px !important;
}

.pr-89 {
  padding-right: 89px !important;
}

.mt-90 {
  margin-top: 90px !important;
}

.mb-90 {
  margin-bottom: 90px !important;
}

.pt-90 {
  padding-top: 90px !important;
}

.pb-90 {
  padding-bottom: 90px !important;
}

.pl-90 {
  padding-left: 90px !important;
}

.pr-90 {
  padding-right: 90px !important;
}

.mt-91 {
  margin-top: 91px !important;
}

.mb-91 {
  margin-bottom: 91px !important;
}

.pt-91 {
  padding-top: 91px !important;
}

.pb-91 {
  padding-bottom: 91px !important;
}

.pl-91 {
  padding-left: 91px !important;
}

.pr-91 {
  padding-right: 91px !important;
}

.mt-92 {
  margin-top: 92px !important;
}

.mb-92 {
  margin-bottom: 92px !important;
}

.pt-92 {
  padding-top: 92px !important;
}

.pb-92 {
  padding-bottom: 92px !important;
}

.pl-92 {
  padding-left: 92px !important;
}

.pr-92 {
  padding-right: 92px !important;
}

.mt-93 {
  margin-top: 93px !important;
}

.mb-93 {
  margin-bottom: 93px !important;
}

.pt-93 {
  padding-top: 93px !important;
}

.pb-93 {
  padding-bottom: 93px !important;
}

.pl-93 {
  padding-left: 93px !important;
}

.pr-93 {
  padding-right: 93px !important;
}

.mt-94 {
  margin-top: 94px !important;
}

.mb-94 {
  margin-bottom: 94px !important;
}

.pt-94 {
  padding-top: 94px !important;
}

.pb-94 {
  padding-bottom: 94px !important;
}

.pl-94 {
  padding-left: 94px !important;
}

.pr-94 {
  padding-right: 94px !important;
}

.mt-95 {
  margin-top: 95px !important;
}

.mb-95 {
  margin-bottom: 95px !important;
}

.pt-95 {
  padding-top: 95px !important;
}

.pb-95 {
  padding-bottom: 95px !important;
}

.pl-95 {
  padding-left: 95px !important;
}

.pr-95 {
  padding-right: 95px !important;
}

.mt-96 {
  margin-top: 96px !important;
}

.mb-96 {
  margin-bottom: 96px !important;
}

.pt-96 {
  padding-top: 96px !important;
}

.pb-96 {
  padding-bottom: 96px !important;
}

.pl-96 {
  padding-left: 96px !important;
}

.pr-96 {
  padding-right: 96px !important;
}

.mt-97 {
  margin-top: 97px !important;
}

.mb-97 {
  margin-bottom: 97px !important;
}

.pt-97 {
  padding-top: 97px !important;
}

.pb-97 {
  padding-bottom: 97px !important;
}

.pl-97 {
  padding-left: 97px !important;
}

.pr-97 {
  padding-right: 97px !important;
}

.mt-98 {
  margin-top: 98px !important;
}

.mb-98 {
  margin-bottom: 98px !important;
}

.pt-98 {
  padding-top: 98px !important;
}

.pb-98 {
  padding-bottom: 98px !important;
}

.pl-98 {
  padding-left: 98px !important;
}

.pr-98 {
  padding-right: 98px !important;
}

.mt-99 {
  margin-top: 99px !important;
}

.mb-99 {
  margin-bottom: 99px !important;
}

.pt-99 {
  padding-top: 99px !important;
}

.pb-99 {
  padding-bottom: 99px !important;
}

.pl-99 {
  padding-left: 99px !important;
}

.pr-99 {
  padding-right: 99px !important;
}

.mt-100 {
  margin-top: 100px !important;
}

.mb-100 {
  margin-bottom: 100px !important;
}

.pt-100 {
  padding-top: 100px !important;
}

.pb-100 {
  padding-bottom: 100px !important;
}

.pl-100 {
  padding-left: 100px !important;
}

.pr-100 {
  padding-right: 100px !important;
}

.w-0 {
  width: 0px !important;
}

.w-1 {
  width: 1px !important;
}

.w-2 {
  width: 2px !important;
}

.w-3 {
  width: 3px !important;
}

.w-4 {
  width: 4px !important;
}

.w-5 {
  width: 5px !important;
}

.w-6 {
  width: 6px !important;
}

.w-7 {
  width: 7px !important;
}

.w-8 {
  width: 8px !important;
}

.w-9 {
  width: 9px !important;
}

.w-10 {
  width: 10px !important;
}

.w-11 {
  width: 11px !important;
}

.w-12 {
  width: 12px !important;
}

.w-13 {
  width: 13px !important;
}

.w-14 {
  width: 14px !important;
}

.w-15 {
  width: 15px !important;
}

.w-16 {
  width: 16px !important;
}

.w-17 {
  width: 17px !important;
}

.w-18 {
  width: 18px !important;
}

.w-19 {
  width: 19px !important;
}

.w-20 {
  width: 20px !important;
}

.w-21 {
  width: 21px !important;
}

.w-22 {
  width: 22px !important;
}

.w-23 {
  width: 23px !important;
}

.w-24 {
  width: 24px !important;
}

.w-25 {
  width: 25px !important;
}

.w-26 {
  width: 26px !important;
}

.w-27 {
  width: 27px !important;
}

.w-28 {
  width: 28px !important;
}

.w-29 {
  width: 29px !important;
}

.w-30 {
  width: 30px !important;
}

.w-31 {
  width: 31px !important;
}

.w-32 {
  width: 32px !important;
}

.w-33 {
  width: 33px !important;
}

.w-34 {
  width: 34px !important;
}

.w-35 {
  width: 35px !important;
}

.w-36 {
  width: 36px !important;
}

.w-37 {
  width: 37px !important;
}

.w-38 {
  width: 38px !important;
}

.w-39 {
  width: 39px !important;
}

.w-40 {
  width: 40px !important;
}

.w-41 {
  width: 41px !important;
}

.w-42 {
  width: 42px !important;
}

.w-43 {
  width: 43px !important;
}

.w-44 {
  width: 44px !important;
}

.w-45 {
  width: 45px !important;
}

.w-46 {
  width: 46px !important;
}

.w-47 {
  width: 47px !important;
}

.w-48 {
  width: 48px !important;
}

.w-49 {
  width: 49px !important;
}

.w-50 {
  width: 50px !important;
}

.w-51 {
  width: 51px !important;
}

.w-52 {
  width: 52px !important;
}

.w-53 {
  width: 53px !important;
}

.w-54 {
  width: 54px !important;
}

.w-55 {
  width: 55px !important;
}

.w-56 {
  width: 56px !important;
}

.w-57 {
  width: 57px !important;
}

.w-58 {
  width: 58px !important;
}

.w-59 {
  width: 59px !important;
}

.w-60 {
  width: 60px !important;
}

.w-61 {
  width: 61px !important;
}

.w-62 {
  width: 62px !important;
}

.w-63 {
  width: 63px !important;
}

.w-64 {
  width: 64px !important;
}

.w-65 {
  width: 65px !important;
}

.w-66 {
  width: 66px !important;
}

.w-67 {
  width: 67px !important;
}

.w-68 {
  width: 68px !important;
}

.w-69 {
  width: 69px !important;
}

.w-70 {
  width: 70px !important;
}

.w-71 {
  width: 71px !important;
}

.w-72 {
  width: 72px !important;
}

.w-73 {
  width: 73px !important;
}

.w-74 {
  width: 74px !important;
}

.w-75 {
  width: 75px !important;
}

.w-76 {
  width: 76px !important;
}

.w-77 {
  width: 77px !important;
}

.w-78 {
  width: 78px !important;
}

.w-79 {
  width: 79px !important;
}

.w-80 {
  width: 80px !important;
}

.w-81 {
  width: 81px !important;
}

.w-82 {
  width: 82px !important;
}

.w-83 {
  width: 83px !important;
}

.w-84 {
  width: 84px !important;
}

.w-85 {
  width: 85px !important;
}

.w-86 {
  width: 86px !important;
}

.w-87 {
  width: 87px !important;
}

.w-88 {
  width: 88px !important;
}

.w-89 {
  width: 89px !important;
}

.w-90 {
  width: 90px !important;
}

.w-91 {
  width: 91px !important;
}

.w-92 {
  width: 92px !important;
}

.w-93 {
  width: 93px !important;
}

.w-94 {
  width: 94px !important;
}

.w-95 {
  width: 95px !important;
}

.w-96 {
  width: 96px !important;
}

.w-97 {
  width: 97px !important;
}

.w-98 {
  width: 98px !important;
}

.w-99 {
  width: 99px !important;
}

.w-100 {
  width: 100px !important;
}

.w-101 {
  width: 101px !important;
}

.w-102 {
  width: 102px !important;
}

.w-103 {
  width: 103px !important;
}

.w-104 {
  width: 104px !important;
}

.w-105 {
  width: 105px !important;
}

.w-106 {
  width: 106px !important;
}

.w-107 {
  width: 107px !important;
}

.w-108 {
  width: 108px !important;
}

.w-109 {
  width: 109px !important;
}

.w-110 {
  width: 110px !important;
}

.w-111 {
  width: 111px !important;
}

.w-112 {
  width: 112px !important;
}

.w-113 {
  width: 113px !important;
}

.w-114 {
  width: 114px !important;
}

.w-115 {
  width: 115px !important;
}

.w-116 {
  width: 116px !important;
}

.w-117 {
  width: 117px !important;
}

.w-118 {
  width: 118px !important;
}

.w-119 {
  width: 119px !important;
}

.w-120 {
  width: 120px !important;
}

.w-121 {
  width: 121px !important;
}

.w-122 {
  width: 122px !important;
}

.w-123 {
  width: 123px !important;
}

.w-124 {
  width: 124px !important;
}

.w-125 {
  width: 125px !important;
}

.w-126 {
  width: 126px !important;
}

.w-127 {
  width: 127px !important;
}

.w-128 {
  width: 128px !important;
}

.w-129 {
  width: 129px !important;
}

.w-130 {
  width: 130px !important;
}

.w-131 {
  width: 131px !important;
}

.w-132 {
  width: 132px !important;
}

.w-133 {
  width: 133px !important;
}

.w-134 {
  width: 134px !important;
}

.w-135 {
  width: 135px !important;
}

.w-136 {
  width: 136px !important;
}

.w-137 {
  width: 137px !important;
}

.w-138 {
  width: 138px !important;
}

.w-139 {
  width: 139px !important;
}

.w-140 {
  width: 140px !important;
}

.w-141 {
  width: 141px !important;
}

.w-142 {
  width: 142px !important;
}

.w-143 {
  width: 143px !important;
}

.w-144 {
  width: 144px !important;
}

.w-145 {
  width: 145px !important;
}

.w-146 {
  width: 146px !important;
}

.w-147 {
  width: 147px !important;
}

.w-148 {
  width: 148px !important;
}

.w-149 {
  width: 149px !important;
}

.w-150 {
  width: 150px !important;
}

.w-151 {
  width: 151px !important;
}

.w-152 {
  width: 152px !important;
}

.w-153 {
  width: 153px !important;
}

.w-154 {
  width: 154px !important;
}

.w-155 {
  width: 155px !important;
}

.w-156 {
  width: 156px !important;
}

.w-157 {
  width: 157px !important;
}

.w-158 {
  width: 158px !important;
}

.w-159 {
  width: 159px !important;
}

.w-160 {
  width: 160px !important;
}

.w-161 {
  width: 161px !important;
}

.w-162 {
  width: 162px !important;
}

.w-163 {
  width: 163px !important;
}

.w-164 {
  width: 164px !important;
}

.w-165 {
  width: 165px !important;
}

.w-166 {
  width: 166px !important;
}

.w-167 {
  width: 167px !important;
}

.w-168 {
  width: 168px !important;
}

.w-169 {
  width: 169px !important;
}

.w-170 {
  width: 170px !important;
}

.w-171 {
  width: 171px !important;
}

.w-172 {
  width: 172px !important;
}

.w-173 {
  width: 173px !important;
}

.w-174 {
  width: 174px !important;
}

.w-175 {
  width: 175px !important;
}

.w-176 {
  width: 176px !important;
}

.w-177 {
  width: 177px !important;
}

.w-178 {
  width: 178px !important;
}

.w-179 {
  width: 179px !important;
}

.w-180 {
  width: 180px !important;
}

.w-181 {
  width: 181px !important;
}

.w-182 {
  width: 182px !important;
}

.w-183 {
  width: 183px !important;
}

.w-184 {
  width: 184px !important;
}

.w-185 {
  width: 185px !important;
}

.w-186 {
  width: 186px !important;
}

.w-187 {
  width: 187px !important;
}

.w-188 {
  width: 188px !important;
}

.w-189 {
  width: 189px !important;
}

.w-190 {
  width: 190px !important;
}

.w-191 {
  width: 191px !important;
}

.w-192 {
  width: 192px !important;
}

.w-193 {
  width: 193px !important;
}

.w-194 {
  width: 194px !important;
}

.w-195 {
  width: 195px !important;
}

.w-196 {
  width: 196px !important;
}

.w-197 {
  width: 197px !important;
}

.w-198 {
  width: 198px !important;
}

.w-199 {
  width: 199px !important;
}

.w-200 {
  width: 200px !important;
}

.w-201 {
  width: 201px !important;
}

.w-202 {
  width: 202px !important;
}

.w-203 {
  width: 203px !important;
}

.w-204 {
  width: 204px !important;
}

.w-205 {
  width: 205px !important;
}

.w-206 {
  width: 206px !important;
}

.w-207 {
  width: 207px !important;
}

.w-208 {
  width: 208px !important;
}

.w-209 {
  width: 209px !important;
}

.w-210 {
  width: 210px !important;
}

.w-211 {
  width: 211px !important;
}

.w-212 {
  width: 212px !important;
}

.w-213 {
  width: 213px !important;
}

.w-214 {
  width: 214px !important;
}

.w-215 {
  width: 215px !important;
}

.w-216 {
  width: 216px !important;
}

.w-217 {
  width: 217px !important;
}

.w-218 {
  width: 218px !important;
}

.w-219 {
  width: 219px !important;
}

.w-220 {
  width: 220px !important;
}

.w-221 {
  width: 221px !important;
}

.w-222 {
  width: 222px !important;
}

.w-223 {
  width: 223px !important;
}

.w-224 {
  width: 224px !important;
}

.w-225 {
  width: 225px !important;
}

.w-226 {
  width: 226px !important;
}

.w-227 {
  width: 227px !important;
}

.w-228 {
  width: 228px !important;
}

.w-229 {
  width: 229px !important;
}

.w-230 {
  width: 230px !important;
}

.w-231 {
  width: 231px !important;
}

.w-232 {
  width: 232px !important;
}

.w-233 {
  width: 233px !important;
}

.w-234 {
  width: 234px !important;
}

.w-235 {
  width: 235px !important;
}

.w-236 {
  width: 236px !important;
}

.w-237 {
  width: 237px !important;
}

.w-238 {
  width: 238px !important;
}

.w-239 {
  width: 239px !important;
}

.w-240 {
  width: 240px !important;
}

.w-241 {
  width: 241px !important;
}

.w-242 {
  width: 242px !important;
}

.w-243 {
  width: 243px !important;
}

.w-244 {
  width: 244px !important;
}

.w-245 {
  width: 245px !important;
}

.w-246 {
  width: 246px !important;
}

.w-247 {
  width: 247px !important;
}

.w-248 {
  width: 248px !important;
}

.w-249 {
  width: 249px !important;
}

.w-250 {
  width: 250px !important;
}

.w-251 {
  width: 251px !important;
}

.w-252 {
  width: 252px !important;
}

.w-253 {
  width: 253px !important;
}

.w-254 {
  width: 254px !important;
}

.w-255 {
  width: 255px !important;
}

.w-256 {
  width: 256px !important;
}

.w-257 {
  width: 257px !important;
}

.w-258 {
  width: 258px !important;
}

.w-259 {
  width: 259px !important;
}

.w-260 {
  width: 260px !important;
}

.w-261 {
  width: 261px !important;
}

.w-262 {
  width: 262px !important;
}

.w-263 {
  width: 263px !important;
}

.w-264 {
  width: 264px !important;
}

.w-265 {
  width: 265px !important;
}

.w-266 {
  width: 266px !important;
}

.w-267 {
  width: 267px !important;
}

.w-268 {
  width: 268px !important;
}

.w-269 {
  width: 269px !important;
}

.w-270 {
  width: 270px !important;
}

.w-271 {
  width: 271px !important;
}

.w-272 {
  width: 272px !important;
}

.w-273 {
  width: 273px !important;
}

.w-274 {
  width: 274px !important;
}

.w-275 {
  width: 275px !important;
}

.w-276 {
  width: 276px !important;
}

.w-277 {
  width: 277px !important;
}

.w-278 {
  width: 278px !important;
}

.w-279 {
  width: 279px !important;
}

.w-280 {
  width: 280px !important;
}

.w-281 {
  width: 281px !important;
}

.w-282 {
  width: 282px !important;
}

.w-283 {
  width: 283px !important;
}

.w-284 {
  width: 284px !important;
}

.w-285 {
  width: 285px !important;
}

.w-286 {
  width: 286px !important;
}

.w-287 {
  width: 287px !important;
}

.w-288 {
  width: 288px !important;
}

.w-289 {
  width: 289px !important;
}

.w-290 {
  width: 290px !important;
}

.w-291 {
  width: 291px !important;
}

.w-292 {
  width: 292px !important;
}

.w-293 {
  width: 293px !important;
}

.w-294 {
  width: 294px !important;
}

.w-295 {
  width: 295px !important;
}

.w-296 {
  width: 296px !important;
}

.w-297 {
  width: 297px !important;
}

.w-298 {
  width: 298px !important;
}

.w-299 {
  width: 299px !important;
}

.w-300 {
  width: 300px !important;
}

body:has(.all-menu.show),
body:has(.confirm-popup.show),
body:has(.alert-popup.show),
body:has(.popup.wrap.show),
body:has(.custom-vertical) {
  overflow: hidden;
}

details summary {
  display: block;
  list-style-type: none;
  list-style: none;
}
details summary::marker {
  display: none;
  visibility: hidden;
}
details summary::-webkit-details-marker {
  display: none;
  visibility: hidden;
}
details summary:first-of-type {
  list-style-type: none;
}

header {
  min-width: 1200px;
  border-bottom: 1px #d8d8d8 solid;
}
header .header-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  padding: 18px 0;
  width: 1200px;
}
header .category-menu {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
header .category-menu .logo {
  width: 138px;
  height: 42px;
  /* <주석> 로고 변경 start */
  /* <주석> 로고 변경 end */
}
header .category-menu .cate-link {
  padding: 10px;
  color: #3e3e3e;
}
header .user-menu {
  display: flex;
  justify-content: center;
  align-items: center;
}
header .user-menu .cate-link {
  position: relative;
  padding: 10px 20px;
  color: #919191;
}
header .user-menu .cate-link:not(:last-child)::after {
  content: "";
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 1px;
  height: 13px;
  background-color: #d9d9d9;
}
header .user-menu .cate-link.download {
  padding-right: 15px;
  background: transparent url(/pc/images/icon/icn_download.svg) no-repeat center right/12px 12px;
}
header .user-menu .cate-link.download.active {
  background-image: url(/pc/images/icon/);
}
header .user-menu .cate-link.active {
  color: #0f0f0f;
}

footer {
  background-color: #f0f0f0;
  /* <주석> 푸터 여백 수정 start */
  padding: 80px 0 70px;
  /* <주석> 푸터 여백 수정 end */
  min-width: 1200px;
}
footer .footer-wrap {
  display: flex;
  gap: 32px;
  margin: 0 auto;
  /* <주석> 푸터 여백 수정 start */
  padding: 0;
  /* <주석> 푸터 여백 수정 end */
  width: 1200px;
  background-color: #f0f0f0;
}
footer .footer-logo-wrap {
  /* <주석> 로고 변경 start */
  width: 138px;
  /* <주석> 로고 변경 end */
  height: 80px;
}
footer .footer-info-wrap {
  display: flex;
  flex-direction: column;
  gap: 32px 0;
  /* <주석> 푸터 여백 수정 start */
  width: 701px;
  /* <주석> 푸터 여백 수정 end */
}
footer .footer-link-wrap {
  /* <주석> 푸터 여백 수정 start */
  display: flex;
  flex-direction: column;
  gap: 43px 0;
  /* <주석> 푸터 여백 수정 end */
}
footer .footer-link-wrap .help p {
  margin-bottom: 2px;
  color: #3e3e3e;
}
footer .footer-link-wrap .tel a {
  color: #3e3e3e;
}
footer .footer-link-wrap .tel a span {
  text-decoration: underline;
}
footer .footer-link-wrap .family-site p {
  margin-bottom: 2px;
  color: #3e3e3e;
}
footer .footer-link-wrap .family-site .link-wrap {
  gap: 5px;
}
footer .footer-link-wrap .family-site .link-wrap li {
  width: 80px;
  text-decoration: none;
}
footer .footer-link-wrap .family-site .link-wrap li a {
  display: flex;
  flex-direction: column;
  gap: 6px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
footer .footer-link-wrap .family-site .link-wrap li a img {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  -o-object-fit: cover;
     object-fit: cover;
}
footer .footer-link-wrap .family-site .link-wrap li a span {
  color: #b9b9b9;
}
footer .footer-link-wrap .family-site .link-wrap li::after {
  display: none;
}
footer .info-wrap p {
  display: flex;
  gap: 20px;
}
footer .info-wrap.small {
  color: #919191;
}
footer .footer-info-wrap .link-wrap li {
  /* <주석> 푸터 밑줄이 표시 수정 start */
  text-decoration: none;
  /* <주석> 푸터 밑줄이 표시 수정 end */
}
footer .link-wrap {
  display: flex;
  gap: 17px;
}
footer .link-wrap li {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  text-decoration: underline;
}
footer .link-wrap li .bold {
  font-weight: 700;
  color: #3e3e3e;
}
footer .link-wrap li:not(:last-child)::after {
  content: "";
  position: absolute;
  right: -8px;
  width: 1px;
  height: 12px;
  background-color: #919191;
}

.main section {
  width: 1200px;
  margin: 0 auto;
}
.main .inner-wrap {
  padding: 72px 64px;
  margin: 0 auto;
  min-width: 1200px;
}
.main .section-title-wrap {
  display: flex;
  flex-direction: column;
  gap: 4px 0;
}
.main .section-main-title {
  font-size: 32px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.4px;
  color: #0f0f0f;
}
.main .section-main-title.tmoney {
  font-family: "Tmoney-RoundWind", sans-serif;
}
.main .section-main-title.center {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.main .section-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.4px;
  color: #0f0f0f;
}
.main .section-title.tmoney {
  font-family: "Tmoney-RoundWind", sans-serif;
}
.main .section-title.center {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.main .section-desc {
  color: #3e3e3e;
}
.main .section-desc.tmoney {
  font-family: "Tmoney-RoundWind", sans-serif;
}
.main .section-desc.center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main .section-desc.gray {
  color: #919191;
}

.page-category {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 32px;
  margin-bottom: 8px;
  color: #3e3e3e;
}
.page-category a {
  position: relative;
  color: #3e3e3e;
}
.page-category a:not(:last-child)::after {
  content: "";
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: -22.5px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 10px;
  height: 10px;
  background: transparent no-repeat center center/contain;
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='11' viewBox='0 0 6 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5.5L1 10' stroke='%233E3E3E'/%3E%3C/svg%3E%0A");
}

.main section.s-tab {
  width: 100%;
  border-bottom: 1px solid #C7C7C7;
}
.main section.s-tab .tab-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1200px;
  margin: 0 auto;
}
.main section.s-tab .tab-wrap .tab-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  padding: 10px 64px 0;
  width: 1200px;
  height: 58px;
}
.main section.s-tab .tab-wrap .tab-list .tab {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  flex: 1;
  cursor: pointer;
}
.main section.s-tab .tab-wrap .tab-list .tab a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #C7C7C7;
}
.main section.s-tab .tab-wrap .tab-list .tab.active {
  border-bottom: 4px solid #0f0f0f;
  z-index: 1;
}
.main section.s-tab .tab-wrap .tab-list .tab.active a {
  color: #0f0f0f;
}

.btn-ico {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  background: #fff no-repeat center center/contain;
  cursor: pointer;
}
.btn-ico.info {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 15L11 11M11 7L11.01 7M21 11C21 16.5228 16.5228 21 11 21C5.47715 21 0.999999 16.5228 1 11C1 5.47715 5.47715 1 11 1C16.5228 1 21 5.47715 21 11Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.btn-ico.close {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 1.00002L1 13M13 13L1 1' stroke='%23252525' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.btn-ico.eye {
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.9872 9.56396C19.1769 9.82779 19.1769 10.1722 18.9872 10.436C18.0136 11.7903 14.786 15.8333 10.9544 15.8333C7.12284 15.8333 3.89523 11.7903 2.9216 10.436C2.73192 10.1722 2.73192 9.82779 2.9216 9.56396C3.89523 8.20972 7.12284 4.16667 10.9544 4.16667C14.786 4.16667 18.0136 8.20973 18.9872 9.56396Z' stroke='%236B6B6B' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='10.9544' cy='10' r='3.33333' fill='%236B6B6B'/%3E%3C/svg%3E%0A");
}
.btn-ico.eye.close {
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.2118 12.357C12.591 12.9778 11.7504 13.3286 10.8725 13.3333C9.99456 13.3379 9.15025 12.9961 8.52291 12.3819C7.89557 11.7677 7.53586 10.9308 7.52191 10.053C7.50795 9.17517 7.84087 8.32728 8.44837 7.69347L10.8548 10L13.2118 12.357Z' fill='%236B6B6B'/%3E%3Cpath d='M2.52148 1.66667L19.1881 18.3333' stroke='%236B6B6B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.68815 5.83333C5.91467 6.22007 4.13608 7.46833 2.8184 9.51148C2.62649 9.80904 2.62599 10.1889 2.81838 10.4862C4.13846 12.5258 7.16588 15.8333 10.8548 15.8333C11.5493 15.8333 13.3548 15.5833 15.0215 14.5833' stroke='%236B6B6B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.77148 4.58334C9.18815 4.44445 10.0215 4.16667 10.8548 4.16667C12.861 4.16667 16.2581 5.24852 18.8882 9.49578C19.0786 9.80328 19.0779 10.1954 18.8727 10.4932C18.52 11.0052 18.0513 11.5535 17.1048 12.5' stroke='%236B6B6B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.confirm-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
}
.confirm-popup.show {
  visibility: visible;
}
.confirm-popup .popup-container {
  background-color: #fff;
  width: 495px;
  max-height: calc(100vh - 30px);
  overflow-y: auto;
  padding: 40px 60px;
  border-radius: 16px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  position: relative;
}
.confirm-popup .popup-container .popup-msg {
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.28px;
  color: #3e3e3e;
  letter-spacing: -0.4px;
  color: #0f0f0f;
  text-align: center;
  background-color: #fff;
  text-align: center;
}
.confirm-popup .popup-container .popup-msg .text-agree,
.confirm-popup .popup-container .popup-msg .point {
  color: #3994e5;
}
.confirm-popup .popup-container .popup-msg .text-disagree {
  color: #f53f32;
}
.confirm-popup .popup-container .popup-notice {
  margin-bottom: 24px;
  text-align: center;
}
.confirm-popup .popup-container .popup-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  gap: 23px;
  padding: 20px 16px;
  background-color: #f4f4f4;
  border-radius: 12px;
  margin-bottom: 40px;
}
.confirm-popup .popup-container .popup-inner img {
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
}
.confirm-popup .popup-container .popup-inner .date {
  color: #919191;
}
.confirm-popup .popup-container .button-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
  gap: 0 10px;
  flex-wrap: wrap;
}
.confirm-popup .popup-container .button-container .btn, .confirm-popup .popup-container .button-container .popup-btn {
  height: 49px;
  flex: 1 1 0;
  min-width: 100px;
}
.confirm-popup .popup-container .button-container.half .popup-btn {
  flex: 1;
}
.confirm-popup .popup-container .button-container.over .popup-btn {
  min-width: 100px;
}
.confirm-popup .popup-container .button-container.over .popup-btn:last-child {
  flex-grow: 1;
}

.alert-popup {
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
}
.alert-popup.show {
  visibility: visible;
}
.alert-popup .popup-container {
  background-color: #fff;
  width: 495px;
  max-height: calc(100vh - 30px);
  overflow-y: auto;
  padding: 40px 60px;
  border-radius: 16px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  position: relative;
}
.alert-popup .popup-container .popup-msg {
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.28px;
  color: #3e3e3e;
  letter-spacing: -0.4px;
  color: #0f0f0f;
  text-align: center;
  background-color: #fff;
  text-align: center;
}
.alert-popup .popup-container .popup-msg .text-agree,
.alert-popup .popup-container .popup-msg .point {
  color: #3994e5;
}
.alert-popup .popup-container .popup-msg .text-disagree {
  color: #f53f32;
}
.alert-popup .popup-container .popup-notice {
  margin-bottom: 24px;
  text-align: center;
}
.alert-popup .popup-container .popup-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  gap: 23px;
  padding: 20px 16px;
  background-color: #f4f4f4;
  border-radius: 12px;
  margin-bottom: 40px;
}
.alert-popup .popup-container .popup-inner img {
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
}
.alert-popup .popup-container .popup-inner .date {
  color: #919191;
}
.alert-popup .popup-container .button-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
  gap: 0 10px;
  flex-wrap: wrap;
}
.alert-popup .popup-container .button-container .btn, .alert-popup .popup-container .button-container .popup-btn {
  height: 49px;
  flex: 1 1 0;
  min-width: 100px;
}
.alert-popup .popup-container .button-container.half .popup-btn {
  flex: 1;
}
.alert-popup .popup-container .button-container.over .popup-btn {
  min-width: 100px;
}
.alert-popup .popup-container .button-container.over .popup-btn:last-child {
  flex-grow: 1;
}
.alert-popup .popup-container .note-msg {
  color: #919191;
}
.alert-popup .popup-container .set-date-box {
  margin: 12px 0 28px;
  background-color: #f4f4f4;
  border-radius: 12px;
  display: flex;
  align-items: center;
  gap: 0 20px;
  padding: 17px 16.3px;
}
.alert-popup .popup-container .set-date-box .text-box .text-title {
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0.28px;
  color: #3e3e3e;
  letter-spacing: -0.28px;
  counter-reset: #3e3e3e;
}
.alert-popup .popup-container .set-date-box .text-box .set-date {
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  color: #919191;
  letter-spacing: -0.28px;
}
.alert-popup .popup-container .button-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: unset;
  margin-top: 40px;
}
.alert-popup .popup-container .button-container .popup-btn {
  width: 100%;
}
.alert-popup #popupClose {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 30px;
  height: 30px;
  background: transparent url(/pc/images/icon/icn_close.svg) no-repeat center/20px;
  z-index: 99;
}

.alert-popup.stamp .popup-msg {
  padding-bottom: 8px;
}
.alert-popup.stamp .img-wrap {
  position: relative;
  overflow: hidden;
}
.alert-popup.stamp .img-wrap img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
}
.alert-popup.stamp .img-wrap .lottie-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 195px;
  overflow: hidden;
}
.alert-popup.stamp .img-wrap #bg_lottie {
  width: 100%;
  aspect-ratio: 1/1;
}
.alert-popup.stamp .popup-tooltip {
  position: absolute;
  top: 0;
  width: auto;
  padding: 4px 10px;
  background-color: #0f0f0f;
  border-radius: 20px;
  color: #fff;
  z-index: 1;
}
.alert-popup.stamp .popup-tooltip.coin {
  top: 29px;
  right: 61px;
}
.alert-popup.stamp .popup-tooltip.gift {
  top: 52px;
  left: 58px;
}
.alert-popup.stamp .popup-tooltip.gift:nth-of-type(2) {
  top: 95px;
  left: auto;
  right: 40px;
}
.alert-popup.stamp .popup-tooltip.attendance, .alert-popup.stamp .popup-tooltip.artsearch {
  top: 35px;
  left: 200px;
}
.alert-popup.stamp .attendence-img {
  margin: 0 auto;
  width: 121px !important;
  height: 100%;
}
.alert-popup.stamp .artsearch-img {
  margin: 0 auto;
  width: 124px !important;
  height: 100%;
}

.toast {
  z-index: 90;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  width: 343px;
  padding: 16px 20px;
  border-radius: 16px;
  background-color: rgba(4, 11, 4, 0.5);
  overflow: hidden;
  top: -50%;
  transition: top 1s;
}
.toast.show {
  top: 16px;
}
.toast.down.show {
  top: 64.2px;
}
.toast.no-text-padding .toast-title,
.toast.no-text-padding .toast-date {
  padding: 0 !important;
}
.toast .backdrop-effect {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  width: 100%;
  height: 100%;
}
.toast .toast-container {
  display: flex;
  align-items: center;
  gap: 0 16px;
}
.toast .toast-container .content-box {
  display: flex;
  flex-direction: column;
}
.toast .toast-container .content-box .toast-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.28px;
  color: #3e3e3e;
  padding-bottom: 6px;
  letter-spacing: -0.36px;
  color: #fff;
}
.toast .toast-container .content-box .toast-desc {
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.28px;
  color: #3e3e3e;
  letter-spacing: -0.28px;
  color: rgba(255, 255, 255, 0.9019607843);
}
.toast .toast-container .content-box .toast-date {
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.28px;
  color: #3e3e3e;
  letter-spacing: -0.24px;
  padding-top: 4px;
  color: rgba(255, 255, 255, 0.6);
}
.toast .toast-container .content-box .toast-date.no-padding {
  padding-top: 0;
}
.toast .toast-container .content-box .toast-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.24px;
  color: #fff;
  text-decoration: underline;
}

.go-top-button,
.counsel-button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  right: 20px;
  bottom: 110px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.06);
  transition: all ease 0.4s;
}

.go-top-button {
  background-color: rgba(255, 255, 255, 0.8);
  visibility: hidden;
  z-index: 101;
}

.counsel-button {
  opacity: 1;
  z-index: 102;
}
.counsel-button img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.counsel-button.down {
  opacity: 0;
  visibility: hidden;
}

.toggle-switch {
  position: relative;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 48px;
  height: 28px;
  border-radius: 60px;
  border: 1px solid #d8d8d8;
  background-color: #d8d8d8;
}
.toggle-switch:checked {
  background-color: #000;
  border-color: #000;
}
.toggle-switch:checked::before {
  left: 46%;
}
.toggle-switch::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 1px;
  transform: translate(0, -50%);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #fff;
  transition: left 200ms linear;
}

.btn, .popup-btn {
  border-radius: 8px;
  background-color: #252525;
  text-align: center;
  padding: 13px;
  width: auto;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.28px;
  color: #fff;
  font-family: "Pretendard";
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.btn.full, .full.popup-btn {
  width: 100%;
}
.btn.half, .half.popup-btn {
  width: 50%;
}
.btn.submit, .submit.popup-btn {
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.28px;
  color: #fff;
}
.btn.btn-grey, .btn-grey.popup-btn {
  background-color: #e4e4e4;
}
.btn:disabled, .popup-btn:disabled, .btn.btn-disabled, .btn-disabled.popup-btn {
  background-color: #e4e4e4;
  pointer-events: none;
}

.popup-btn {
  font-size: 18px;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.36px;
  color: #fff;
}
.popup-btn.btn-grey {
  background-color: #c7c7c7;
}

.custom-checkbox-label {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #3e3e3e;
}
.custom-checkbox-label .custom-checkbox {
  width: 20px;
  height: 20px;
  padding: 2px;
  border-radius: 4px;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #c7c7c7;
  margin-right: 6px;
  background: transparent no-repeat center/contain;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='check'%3E%3Cpath id='Icon' d='M2.6665 6.94444L6.93317 11.8333L13.3332 4.5' stroke='%23C7C7C7' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.custom-checkbox-label .custom-checkbox:not(.transparent):checked {
  background-color: #252525;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='check'%3E%3Cpath id='Icon' d='M3.09247 6.44444L7.35914 11.3333L13.7591 4' stroke='white' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  border-color: #252525;
}
.custom-checkbox-label .custom-checkbox.transparent {
  border: none;
  opacity: 0.3;
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6 9.33333L9.6 14L15 7' stroke='%23252525' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.custom-checkbox-label .custom-checkbox.transparent:checked {
  opacity: 1;
}

.custom-select-container {
  position: relative;
  width: 100%;
}
.custom-select-container.selected .custom-select-trigger {
  border-color: #3994e5;
}
.custom-select-container.selected .custom-select-trigger .selected-value {
  color: #3994e5;
  font-weight: 700;
}
.custom-select-container.selected .custom-select-trigger .selected-value:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='13' viewBox='0 0 14 13' fill='none'%3E%3Cpath d='M6.50067 10.3566C6.75448 10.6829 7.24769 10.6829 7.5015 10.3566L11.6497 5.02316C11.9736 4.60674 11.6769 4 11.1493 4H2.85285C2.3253 4 2.02855 4.60675 2.35243 5.02316L6.50067 10.3566Z' fill='%233994e5'/%3E%3C/svg%3E");
}
.custom-select-container .custom-select-trigger {
  padding: 21px 24px;
  border: 1px solid #d8d8d8;
  border-radius: 8px;
  background: white;
  font-size: 16px;
  font-weight: 600;
  color: #0f0f0f;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.custom-select-container .custom-select-trigger .selected-tit {
  flex: 0 0 auto;
}
.custom-select-container .custom-select-trigger:hover {
  border-color: #6b6b6b;
}
.custom-select-container .custom-select-trigger.open {
  border-color: #6b6b6b;
}
.custom-select-container .custom-select-trigger.open .selected-value {
  color: #3994e5;
}
.custom-select-container .custom-select-trigger.open .selected-value:after {
  transform: rotate(-180deg);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='13' viewBox='0 0 14 13' fill='none'%3E%3Cpath d='M6.50067 10.3566C6.75448 10.6829 7.24769 10.6829 7.5015 10.3566L11.6497 5.02316C11.9736 4.60674 11.6769 4 11.1493 4H2.85285C2.3253 4 2.02855 4.60675 2.35243 5.02316L6.50067 10.3566Z' fill='%233994e5'/%3E%3C/svg%3E");
}
.custom-select-container .selected-value {
  font-style: normal;
  font-size: 16px;
  font-weight: 400;
  color: #c7c7c7;
  flex: 0 0 auto;
  margin-left: auto;
}
.custom-select-container .selected-value:after {
  content: "";
  width: 14px;
  height: 13px;
  margin-left: 8px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='13' viewBox='0 0 14 13' fill='none'%3E%3Cpath d='M6.50067 10.3566C6.75448 10.6829 7.24769 10.6829 7.5015 10.3566L11.6497 5.02316C11.9736 4.60674 11.6769 4 11.1493 4H2.85285C2.3253 4 2.02855 4.60675 2.35243 5.02316L6.50067 10.3566Z' fill='%23919191'/%3E%3C/svg%3E");
  transition: transform 0.2s ease;
}
.custom-select-container .custom-options {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: white;
  border: 1px solid #d8d8d8;
  border-radius: 8px;
  margin-top: 8px;
  max-height: 200px;
  overflow-y: auto;
  display: none;
  z-index: 1;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.custom-select-container .custom-options .custom-option {
  padding: 22px 24px;
  font-weight: 600;
  font-size: 16px;
  cursor: pointer;
}
.custom-select-container .custom-options .custom-option:hover {
  background-color: #f4f4f6;
}
.custom-select-container .custom-options .custom-option + .custom-option {
  border-top: 1px #d8d8d8 solid;
}
.custom-select-container .custom-select-input {
  width: 100%;
  padding: 8px;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: white;
}
.custom-select-container .custom-select-input input {
  border: none;
  outline: none;
  width: 90%;
  cursor: pointer;
  font-size: 16px;
}
.custom-select-container .custom-select-input input.editable {
  cursor: text;
}
.custom-select-container .custom-select-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: white;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  margin-top: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  display: none;
  z-index: 1000;
  max-height: 200px;
  overflow-y: auto;
}
.custom-select-container .custom-select-dropdown.active {
  display: block;
}
.custom-select-container .custom-select-title {
  padding: 8px;
  background: #f5f5f5;
  font-weight: bold;
}
.custom-select-container .custom-select-option {
  padding: 8px;
  cursor: pointer;
}
.custom-select-container .custom-select-option:hover {
  background: #f5f5f5;
}
.custom-select-container .arrow {
  width: 14px;
  height: 13px;
  margin-left: 8px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='13' viewBox='0 0 14 13' fill='none'%3E%3Cpath d='M6.50067 10.3566C6.75448 10.6829 7.24769 10.6829 7.5015 10.3566L11.6497 5.02316C11.9736 4.60674 11.6769 4 11.1493 4H2.85285C2.3253 4 2.02855 4.60675 2.35243 5.02316L6.50067 10.3566Z' fill='%23919191'/%3E%3C/svg%3E");
  transition: transform 0.2s ease;
}
.custom-select-container .arrow.active {
  transform: rotate(180deg);
}

/* 스크롤바 스타일링 */
.custom-options::-webkit-scrollbar {
  width: 6px;
}

.custom-options::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.custom-options::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 3px;
}

.custom-options::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.input-wrap {
  display: flex;
  flex-direction: column;
  gap: 6px 0;
}
.input-wrap input[type=password]::-ms-reveal,
.input-wrap input[type=password]::-ms-clear {
  display: none;
}
.input-wrap > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  position: relative;
}
.input-wrap > div .password {
  padding-right: 70px;
}
.input-wrap > div .btn-ico.eye {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
}
.input-wrap > div .btn-reset {
  position: absolute;
  display: none;
  width: 20px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 17.5C14.1421 17.5 17.5 14.1421 17.5 10C17.5 5.85786 14.1421 2.5 10 2.5C5.85786 2.5 2.5 5.85786 2.5 10C2.5 14.1421 5.85786 17.5 10 17.5ZM13.447 7.61367C13.7399 7.32078 13.7399 6.8459 13.447 6.55301C13.1541 6.26012 12.6792 6.26012 12.3863 6.55301L10 8.93934L7.61367 6.55301C7.32078 6.26012 6.8459 6.26012 6.55301 6.55301C6.26012 6.8459 6.26012 7.32078 6.55301 7.61367L8.93934 10L6.55301 12.3863C6.26012 12.6792 6.26012 13.1541 6.55301 13.447C6.8459 13.7399 7.32078 13.7399 7.61367 13.447L10 11.0607L12.3863 13.447C12.6792 13.7399 13.1541 13.7399 13.447 13.447C13.7399 13.1541 13.7399 12.6792 13.447 12.3863L11.0607 10L13.447 7.61367Z' fill='%23353535'/%3E%3C/svg%3E");
  right: 45px;
  top: 50%;
  transform: translateY(-50%);
}
.input-wrap .desc,
.input-wrap .timer {
  font-size: 13px;
  font-weight: 400;
  line-height: 136%;
  letter-spacing: -0.26px;
  color: #6b6b6b;
}
.input-wrap .desc.fail,
.input-wrap .timer.fail {
  color: #da362c;
}
.input-wrap .desc.success,
.input-wrap .timer.success {
  color: #509c53;
}
.input-wrap .desc {
  padding: 0 8px;
}
.input-wrap .timer {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  padding-right: 15px;
  height: 48px;
}

.search-box .input-group {
  position: relative;
}
.search-box .input-group .input {
  padding-right: 45px;
}
.search-box .input-group .icon-wrap {
  position: absolute;
  right: 16px;
  width: 20px;
  height: 20px;
  top: 50%;
  margin-top: -10px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none' %3E%3Cpath d='M17.5 17.5L13.875 13.875M15.8333 9.16667C15.8333 12.8486 12.8486 15.8333 9.16667 15.8333C5.48477 15.8333 2.5 12.8486 2.5 9.16667C2.5 5.48477 5.48477 2.5 9.16667 2.5C12.8486 2.5 15.8333 5.48477 15.8333 9.16667Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
}

input.input {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  padding: 15px 15px;
  width: 100%;
  height: 48px;
  max-height: 48px;
  border: 1px solid #ddd;
  border-radius: 4px;
  color: #0f0f0f;
  outline: none;
}
input.input:focus {
  border-color: #0f0f0f;
}
.link {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  color: #6e6e6e;
  text-decoration: underline;
}

.req {
  color: #da362c;
}

.tooltip {
  z-index: 1;
  position: absolute;
  width: -moz-max-content;
  width: max-content;
  min-width: 118px;
  border-radius: 4px;
  padding: 6px 10px;
  background-color: #000;
  transform: translate(0, -35%);
  transition: all ease 0.2s;
  opacity: 0;
  visibility: hidden;
}
.tooltip.show {
  opacity: 1;
  visibility: visible;
}
.tooltip.top {
  top: 100%;
  left: 55%;
  transform: translate(0, 0);
}
.tooltip.top::after {
  left: 10%;
  bottom: 100%;
  border-width: 0 4px 6px 4px;
  border-color: transparent transparent black transparent;
}
.tooltip.bottom {
  left: -30px;
  top: -30px;
}
.tooltip.bottom::after {
  top: 100%;
  left: 10%;
  border-width: 6px 4px 0 4px;
  border-color: black transparent transparent transparent;
}
.tooltip.bottom.right::after {
  left: auto;
  right: 10px;
  border-width: 6px 4px 0 4px;
  border-color: black transparent transparent transparent;
}
.tooltip.center {
  left: 0;
  top: -27px;
  min-width: 90px;
  text-align: center;
}
.tooltip.center::after {
  top: 100%;
  left: calc(50% - 5px);
  border-width: 6px 4px 0 4px;
  border-color: black transparent transparent transparent;
}
.tooltip::after {
  content: "";
  position: absolute;
  border-style: solid;
}
.tooltip .tooltip-txt {
  display: inline-block;
  color: #fff;
}

.highlight {
  color: #3994e5;
}

.search-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.search-wrap input {
  width: 100%;
  padding-right: 55px;
  height: 48px;
}
.search-wrap .btn-search {
  position: absolute;
  top: 0;
  right: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  width: 48px;
  height: 48px;
  background: transparent no-repeat center center/20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M17.5 17.5L13.875 13.875M15.8333 9.16667C15.8333 12.8486 12.8486 15.8333 9.16667 15.8333C5.48477 15.8333 2.5 12.8486 2.5 9.16667C2.5 5.48477 5.48477 2.5 9.16667 2.5C12.8486 2.5 15.8333 5.48477 15.8333 9.16667Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.paging-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.paging-wrap a {
  width: 24px;
  height: 24px;
  color: #919191;
}
.paging-wrap a.active {
  color: #0f0f0f;
}
.paging-wrap .prev-arrow,
.paging-wrap .next-arrow {
  width: 24px;
  height: 24px;
  background: transparent url(/pc/images/icon/icn_arrow_gray.svg) no-repeat center/7px;
}
.paging-wrap .prev-arrow {
  transform: rotate(180deg);
}

.fade {
  transform: translateY(40px);
  -webkit-transform: translateY(40px);
  opacity: 0;
  transition: all 0.8s ease;
}
.fade.visible {
  opacity: 1;
  transform: translateY(0);
  -webkit-transform: translateY(0);
}
.fade.delay {
  transition-delay: 0.5s;
}

.join-divide {
  width: 1072px;
  height: 12px;
  margin: auto;
  border: 0;
  box-shadow: none;
  border-top: 1px #f0f0f0 solid;
  background-color: #fafafa;
}

.form-graybox {
  background-color: #f6f7f6;
  border-radius: 12px;
}

.note-box {
  padding: 16px 20px;
  border-radius: 8px;
  background-color: #f7f7f7;
}
.note-box .title-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.note-box .title-box svg {
  transform: rotate(180deg);
}
.note-box details[open] .title-box svg {
  transform: rotate(0);
}
.note-box summary {
  list-style-type: none;
}
.note-box .note-tit {
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.28px;
  color: #3e3e3e;
}
.note-box:has(.has-list-style) {
  padding: 30px 40px;
}
.note-box .note-wrap {
  margin-top: 16px;
}
.note-box .note-wrap.has-list-style .note-list {
  display: flex;
  color: #919191;
}
.note-box .note-wrap.has-list-style .note-list:before {
  display: inline-block;
  content: "•";
  margin-right: 3px;
  margin-top: -1px;
  color: #3e3e3e;
}

.crewConfirm-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
}
.crewConfirm-popup.show {
  visibility: visible;
}
.crewConfirm-popup .popup-container {
  background-color: #fff;
  width: 495px;
  max-height: calc(100vh - 30px);
  overflow-y: auto;
  padding: 40px 60px;
  border-radius: 16px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  position: relative;
}
.crewConfirm-popup .popup-container .popup-msg {
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.28px;
  color: #3e3e3e;
  letter-spacing: -0.4px;
  color: #0f0f0f;
  text-align: center;
  background-color: #fff;
  text-align: center;
}
.crewConfirm-popup .popup-container .popup-msg .text-agree,
.crewConfirm-popup .popup-container .popup-msg .point {
  color: #3994e5;
}
.crewConfirm-popup .popup-container .popup-msg .text-disagree {
  color: #f53f32;
}
.crewConfirm-popup .popup-container .popup-notice {
  margin-bottom: 24px;
  text-align: center;
}
.crewConfirm-popup .popup-container .popup-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  gap: 23px;
  padding: 20px 16px;
  background-color: #f4f4f4;
  border-radius: 12px;
  margin-bottom: 40px;
}
.crewConfirm-popup .popup-container .popup-inner img {
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
}
.crewConfirm-popup .popup-container .popup-inner .date {
  color: #919191;
}
.crewConfirm-popup .popup-container .button-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
  gap: 0 10px;
  flex-wrap: wrap;
}
.crewConfirm-popup .popup-container .button-container .btn, .crewConfirm-popup .popup-container .button-container .popup-btn {
  height: 49px;
  flex: 1 1 0;
  min-width: 100px;
}
.crewConfirm-popup .popup-container .button-container.half .popup-btn {
  flex: 1;
}
.crewConfirm-popup .popup-container .button-container.over .popup-btn {
  min-width: 100px;
}
.crewConfirm-popup .popup-container .button-container.over .popup-btn:last-child {
  flex-grow: 1;
}
.crewConfirm-popup .popup-container {
  width: 327px;
  background-color: #fff;
  padding: 40px 24px 24px;
  border-radius: 16px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.crewConfirm-popup .popup-container .button-container .popup-btn {
  flex: 1 1 auto;
}
.crewConfirm-popup .popup-container .warn-txt {
  display: block;
  font-size: 13px;
  font-weight: 400;
  margin-top: 10px;
  color: #919191;
}
.crewConfirm-popup .popup-container .popup-form dt {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.32px;
  flex: 0 0 auto;
}
.crewConfirm-popup .popup-container .popup-form dd {
  flex: 1 1 auto;
}

.footer .crewConfirm-popup .popup-container {
  /* <주석> 팝업 디자인 수정 start */
  position: relative;
  width: 489px;
  display: flex;
  align-items: center;
  background-color: #fff;
  padding: 40px 60px;
  /* <주석> 팝업 디자인 수정 end */
}
.footer .crewConfirm-popup .popup-container .close-btn-wrap {
  /* <주석> 팝업 디자인 수정 start */
  position: absolute;
  width: 36px;
  height: 36px;
  top: 20px;
  right: 26px;
  /* <주석> 팝업 디자인 수정 end */
}
.footer .crewConfirm-popup .popup-container .txt-center {
  /* <주석> 팝업 디자인 수정 start */
  text-align: center;
  /* <주석> 팝업 디자인 수정 end */
}
.footer .crewConfirm-popup .popup-container .warn-txt {
  /* <주석> 팝업 디자인 수정 start */
  margin-top: 40px;
  /* <주석> 팝업 디자인 수정 end */
}

.main-home .main {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.main-home .main section {
  padding: 0;
}
.main-home .main section .section-title-box {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.main-home .main section .section-title-box .section-title {
  font-size: 30px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.6px;
  color: #3e3e3e;
  font-family: "Tmoney-RoundWind", sans-serif;
}
.main-home .main section .section-title-box .section-desc {
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -0.32px;
  color: #3e3e3e;
  margin: 8px 0;
}
.main-home .main section .section-title-box .more-btn {
  font-size: 13px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.26px;
  color: #838383;
}
.main-home .main section .section-title-box .flex {
  width: 100%;
  position: relative;
  text-align: center;
  justify-content: center;
}
.main-home .main section .section-title-box .flex .more-btn {
  position: absolute;
  right: 71px;
}
.main-home .main .s-user-info {
  height: 400px;
  position: relative;
  width: 100%;
  background: linear-gradient(180deg, rgba(209, 252, 253, 0.48) -34.38%, rgba(219, 237, 148, 0.48) 100%);
}
.main-home .main .s-user-info .section-container {
  position: relative;
  z-index: 3;
  display: flex;
  gap: 0 24px;
  width: 1200px;
  margin: auto;
  top: 89px;
}
.main-home .main .s-user-info .section-container .user-info {
  flex: 0 0 auto;
  width: 374px;
  height: 350px;
  padding: 50px 48px;
  border-radius: 20px;
  border-radius: 20px;
  background: rgba(255, 252, 244, 0.9);
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.12);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
}
.main-home .main .s-user-info .section-container .user-info.before-login {
  padding-bottom: 108px;
}
.main-home .main .s-user-info .section-container .user-info.before-login h2 {
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
  margin-top: 2px;
  color: #252525;
  letter-spacing: -0.48px;
}
.main-home .main .s-user-info .section-container .user-info.before-login h2 a {
  color: #3994e5;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.main-home .main .s-user-info .section-container .user-info.before-login .btn, .main-home .main .s-user-info .section-container .user-info.before-login .popup-btn {
  position: absolute;
  bottom: 48px;
  left: 48px;
  right: 48px;
  font-size: 18px;
  padding: 0;
  line-height: 60px;
}
.main-home .main .s-user-info .section-container .user-info .user-grade {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0 2px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 12.5px 12.5px 12.5px 40px;
}
.main-home .main .s-user-info .section-container .user-info .user-grade .grade-icon {
  position: absolute;
  top: -5px;
  left: -6px;
  background-image: url(/mobile/images/icon/icn_grade_traveler.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 48px;
  height: 48px;
}
.main-home .main .s-user-info .section-container .user-info .user-grade .grade-title {
  font-size: 15.6px;
  font-weight: 800;
  line-height: 140%;
  letter-spacing: -0.312px;
  color: #9f6141;
  font-family: "Tmoney-RoundWind", sans-serif;
}
.main-home .main .s-user-info .section-container .user-info .user-grade .tooltip-wrap {
  position: relative;
  display: flex;
  justify-content: center;
}
.main-home .main .s-user-info .section-container .user-info .user-grade .tooltip-wrap .tooltip {
  top: -40px;
  left: -15px;
}
.main-home .main .s-user-info .section-container .user-info .user-grade.traveler .grade-title {
  color: #9f6141;
}
.main-home .main .s-user-info .section-container .user-info .user-grade.traveler .grade-icon {
  background-image: url(/mobile/images/icon/icn_grade_traveler.png);
}
.main-home .main .s-user-info .section-container .user-info .user-grade.traveler .icn-toggle path {
  stroke: #9f6141;
}
.main-home .main .s-user-info .section-container .user-info .user-grade.explorer .grade-title {
  color: #304d2e;
}
.main-home .main .s-user-info .section-container .user-info .user-grade.explorer .grade-icon {
  left: -10px;
  top: -6px;
  background-image: url(/mobile/images/icon/icn_grade_explorer.png);
}
.main-home .main .s-user-info .section-container .user-info .user-grade.explorer .icn-toggle path {
  stroke: #304d2e;
}
.main-home .main .s-user-info .section-container .user-info .user-grade.collector .grade-title {
  color: #b87f00;
}
.main-home .main .s-user-info .section-container .user-info .user-grade.collector .grade-icon {
  left: -10px;
  background-image: url(/mobile/images/icon/icn_collector.png);
}
.main-home .main .s-user-info .section-container .user-info .user-grade.collector .icn-toggle path {
  stroke: #b87f00;
}
.main-home .main .s-user-info .section-container .user-info .user-grade.pioneer .grade-title {
  color: #38769b;
}
.main-home .main .s-user-info .section-container .user-info .user-grade.pioneer .grade-icon {
  background-image: url(/mobile/images/icon/icn_grade_pioneer.png);
}
.main-home .main .s-user-info .section-container .user-info .user-grade.pioneer .icn-toggle path {
  stroke: #38769b;
}
.main-home .main .s-user-info .section-container .user-info .user-name {
  font-size: 32px;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -0.64px;
  color: #252525;
  display: inline-flex;
  margin: 23px 0 4px;
}
.main-home .main .s-user-info .section-container .user-info .user-name span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-all;
  line-clamp: 1;
  -webkit-line-clamp: 1;
}
.main-home .main .s-user-info .section-container .user-info .user-name p {
  display: inline-block;
}
.main-home .main .s-user-info .section-container .user-info .greeting-msg {
  font-size: 18px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.32px;
  color: #252525;
}
.main-home .main .s-user-info .section-container .user-info .user-point-wrap {
  position: absolute;
  bottom: 46.5px;
  justify-content: flex-start;
  left: 48px;
  right: 48px;
}
.main-home .main .s-user-info .section-container .user-info .user-point-wrap li {
  display: inline-flex;
  align-items: center;
}
.main-home .main .s-user-info .section-container .user-info .user-point-wrap li .point-wrap,
.main-home .main .s-user-info .section-container .user-info .user-point-wrap li .coupon-wrap {
  font-size: 18px;
  font-weight: 800;
  line-height: 140%;
  letter-spacing: -0.36px;
  color: #252525;
  vertical-align: middle;
  margin-left: 4px;
}
.main-home .main .s-user-info .section-container .user-info .user-point-wrap .user-point .point {
  max-width: 73.47px;
}
.main-home .main .s-user-info .section-container .user-info .user-point-wrap .user-point::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 15px;
  background-color: rgba(37, 37, 37, 0.5019607843);
  margin: 0 14px;
}
.main-home .main .s-user-info .section-container .banner-wrap {
  border-radius: 20px;
  flex: 1 1 auto;
  position: relative;
  overflow-x: hidden;
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.12);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
}
.main-home .main .s-user-info .section-container .banner-container {
  position: relative;
  background: rgba(255, 252, 244, 0.9);
}
.main-home .main .s-user-info .section-container .banner-container .banner {
  position: relative;
  padding: 64px 64px 18.38px 80px;
  overflow: hidden;
  height: 350px;
}
.main-home .main .s-user-info .section-container .banner-container .banner strong {
  font-size: 32px;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -0.28px;
  color: #3e3e3e;
  letter-spacing: -0.96px;
  display: block;
  width: 100%;
  color: #0f0f0f;
  text-transform: uppercase;
}
.main-home .main .s-user-info .section-container .banner-container .banner p {
  font-size: 18px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.28px;
  color: #3e3e3e;
  color: rgba(0, 0, 0, 0.5);
  margin-top: 12px;
  width: 100%;
  overflow: hidden;
}
.main-home .main .s-user-info .section-container .banner-container .banner .banner-img-wrap {
  /* <주석> 통이미지로 들어가지는것으로 수정 start */
  width: 100%;
  position: absolute;
  top: 0;
  right: 50px;
  bottom: 0;
  left: 0px;
  margin: auto;
  z-index: -1;
  /* <주석> 통이미지로 들어가지는것으로 수정 end */
}
.main-home .main .s-user-info .section-container .banner-container .banner .banner-img-wrap img {
  display: block;
  width: 100%;
}
.main-home .main .s-user-info .section-container .banner-container .banner .banner-swiper-info {
  width: 75px;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 60px;
  padding: 4px 7px;
  margin-left: auto;
}
.main-home .main .s-user-info .section-container .banner-container .banner .banner-swiper-info .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.main-home .main .s-user-info .section-container .banner-container .banner .banner-swiper-info .container .info-text {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  letter-spacing: -0.28px;
  color: #3e3e3e;
  color: rgb(255, 255, 255);
  padding-top: 3px;
}
.main-home .main .s-user-info .section-container .banner-container .banner .banner-swiper-info .container .info-text span {
  display: inline-block;
  vertical-align: middle;
}
.main-home .main .s-user-info .section-container .banner-container .banner .banner-swiper-info .container .info-text span:not(.active-slide) {
  color: rgba(255, 255, 255, 0.6);
}
.main-home .main .s-user-info .section-container .banner-container .banner .swiper-slide-shadow-left,
.main-home .main .s-user-info .section-container .banner-container .banner .swiper-slide-shadow-right {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
}
.main-home .main .s-user-info .section-container .banner-container .swiper-pagination {
  position: absolute;
  bottom: 57px;
  left: 80px;
  width: 50px;
  top: auto;
  height: 6px;
  border-radius: 6px;
  overflow: hidden;
}
.main-home .main .s-user-info .section-container .banner-container .swiper-pagination .swiper-pagination-progressbar-fill {
  background-color: #0f0f0f;
  border-radius: 6px;
}
.main-home .main .s-user-info .section-container .banner-container .btn-toggleAuto {
  position: absolute;
  cursor: pointer;
  z-index: 20;
  left: 135px;
  bottom: 56px;
  width: 8px;
  height: 8px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8' fill='none'%3E%3Crect width='3' height='8' rx='1' fill='%23191919'/%3E%3Crect x='5' width='3' height='8' rx='1' fill='%23191919'/%3E%3C/svg%3E");
}
.main-home .main .s-user-info .section-container .banner-container .btn-toggleAuto.autoPlay-off {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8' fill='none'%3E%3Cpath d='M6.21115 3.10557C6.94819 3.4741 6.94819 4.5259 6.21115 4.89443L1.44721 7.27639C0.782313 7.60884 4.41468e-08 7.12535 8.16679e-08 6.38197L3.2212e-07 1.61803C3.59642e-07 0.874652 0.782313 0.391156 1.44721 0.723607L6.21115 3.10557Z' fill='%23191919'/%3E%3C/svg%3E");
}
.main-home .main .s-user-info .section-container .banner-container .swiper-button-prev,
.main-home .main .s-user-info .section-container .banner-container .swiper-button-next {
  /*<주석>2025.03.16 배너 화살표 조정 start */
  width: 30px;
  height: 250px;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  cursor: pointer;
}
.main-home .main .s-user-info .section-container .banner-container .swiper-button-prev::after,
.main-home .main .s-user-info .section-container .banner-container .swiper-button-next::after {
  content: "";
  display: block;
  width: 10px;
  height: 18px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.main-home .main .s-user-info .section-container .banner-container .swiper-button-prev {
  left: 24px;
  justify-content: flex-start;
}
.main-home .main .s-user-info .section-container .banner-container .swiper-button-prev::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='18' viewBox='0 0 10 18' fill='none'%3E%3Cpath d='M9 17L1 9.29313L9 1' stroke='%23C7C7C7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.main-home .main .s-user-info .section-container .banner-container .swiper-button-next {
  right: 24px;
  justify-content: flex-end;
}
.main-home .main .s-user-info .section-container .banner-container .swiper-button-next::after  {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='18' viewBox='0 0 10 18' fill='none'%3E%3Cpath d='M1 1L9 8.70687L1 17' stroke='%23C7C7C7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  /*<주석>2025.03.16 배너 화살표 조정 end */
}
.main-home .main .s-user-info::before, .main-home .main .s-user-info::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 700px;
  height: 400px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.main-home .main .s-user-info::before {
  left: 0;
  background-image: url("/pc/images/img_main_left.png");
}
.main-home .main .s-user-info::after {
  right: 0;
  background-image: url("/pc/images/img_main_right.png");
}
.main-home .main .s-stamp {
  padding: 52px 0 0;
  margin-bottom: 100px;
  position: relative;
  z-index: 1;
}
.main-home .main .s-stamp .stamp-info-wrap {
  padding: 0 24px;
  margin: 24px 0 32px;
  text-align: center;
}
.main-home .main .s-stamp .stamp-info-wrap .stamp-info {
  display: inline-block;
  border-radius: 10px;
  padding: 18px 50px;
  background-color: #f6f6f6;
  font-size: 18px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.28px;
  color: #3e3e3e;
  text-align: center;
}
.main-home .main .s-stamp .stamp-info-wrap .stamp-info strong {
  font-weight: 500;
}
.main-home .main .s-stamp .stamp-info-wrap .stamp-info strong .stamp-num {
  /*<주석>2025.03.14 bold 조정 start*/
  font-weight: 800;
  /*<주석>2025.03.14 bold 조정 end*/
}
.main-home .main .s-stamp .stamp-container {
  position: relative;
  padding: 25px 0 0;
  width: calc(100% - 20px);
  overflow: hidden;
}
.main-home .main .s-stamp .stamp-container .swiper-wrapper {
  /*<주석>2025.03.14 slide정렬 조정 start*/
  align-items: center;
  /*<주석>2025.03.14 slide정렬 조정 end*/
}
.main-home .main .s-stamp .stamp-container .swiper-wrapper .swiper-slide {
  width: 202px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
  transition-duration: 300ms;
  transition-delay: 90ms;
}
.main-home .main .s-stamp .stamp-container .swiper-wrapper .swiper-slide img {
  width: 150px;
  height: 150px;
  opacity: 0.3;
}
.main-home .main .s-stamp .stamp-container .swiper-wrapper .swiper-slide .stamp-info {
  margin-top: 21px;
  font-size: 20px;
  color: #3e3e3e;
  font-weight: 700;
  opacity: 0.3;
}
.main-home .main .s-stamp .stamp-container .swiper-wrapper .swiper-slide.swiper-slide-active img {
  width: 191px;
  height: 191px;
  opacity: 1;
}
.main-home .main .s-stamp .stamp-container .swiper-wrapper .swiper-slide.swiper-slide-active .stamp-info {
  margin-top: 20px;
  font-size: 24px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.48px;
  color: #3994e5;
  display: block;
  width: 305px;
  overflow: hidden;
  text-align: center;
  opacity: 1;
}
.main-home .main .s-stamp .stamp-container .swiper-wrapper .swiper-slide.swiper-slide-active .stamp-info.purchase {
  color: #8e78d8;
}
.main-home .main .s-stamp .stamp-container .swiper-wrapper .swiper-slide.swiper-slide-active .stamp-info.artsearch {
  color: #d0ae41;
}
.main-home .main .s-stamp .stamp-container .swiper-wrapper .swiper-slide.swiper-slide-active .stamp-info.event {
  color: #c395eb;
}
.main-home .main .s-stamp .stamp-container .swiper-wrapper .swiper-slide.swiper-slide-active .stamp-info.visit {
  color: #d4ae6b;
}
.main-home .main .s-stamp .stamp-container .swiper-wrapper .swiper-slide.swiper-slide-active .stamp-info.information {
  color: #67b4c1;
}
.main-home .main .s-stamp .stamp-container .swiper-wrapper .swiper-slide.swiper-slide-active .stamp-info.pedometer {
  color: #ea8e89;
}
.main-home .main .s-stamp .stamp-container .swiper-wrapper .swiper-slide.swiper-slide-active .stamp-info.special {
  color: #76c7a9;
}
.main-home .main .s-stamp .stamp-container .swiper-wrapper .swiper-slide.swiper-slide-active .stamp-info.checkin {
  color: #3994e5;
}
.main-home .main .s-stamp .stamp-container .swiper-wrapper .swiper-slide.swiper-slide-active .stamp-info.install {
  color: #6f9edd;
}
.main-home .main .s-stamp .stamp-container .swiper-wrapper .swiper-slide.swiper-slide-active .stamp-info.attendence {
  color: #d28f4a;
}
.main-home .main .s-stamp .stamp-container .swiper-wrapper .swiper-slide.swiper-slide-active .stamp-info.review {
  color: #88ac4c;
}
.main-home .main .s-stamp .stamp-container .swiper-wrapper .swiper-slide.swiper-slide-active .stamp-info.marketing {
  color: #e289ac;
}
.main-home .main .s-stamp .stamp-container .swiper-wrapper .swiper-slide .stamp-img-wrap {
  width: 100%;
  text-align: center;
}
.main-home .main .s-stamp .stamp-container .swiper-wrapper .swiper-slide .stamp-img-wrap img {
  display: block;
  margin: auto;
}
.main-home .main .s-stamp .stamp-container .stamp-ani-box {
  position: absolute;
  top: -30%;
  left: 50%;
  transform: translateX(-50%);
  width: 800px;
  height: 150%;
}
.main-home .main .s-stamp .swiper-button-prev,
.main-home .main .s-stamp .swiper-button-next {
  width: 11px;
  height: 22px;
  top: auto;
  bottom: 145px;
  margin: 0;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.main-home .main .s-stamp .swiper-button-prev::after,
.main-home .main .s-stamp .swiper-button-next::after {
  content: none;
}
.main-home .main .s-stamp .swiper-button-prev {
  left: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='22' viewBox='0 0 11 22' fill='none'%3E%3Cpath d='M9 17L1 9.29313L9 1' stroke='%23C7C7C7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.main-home .main .s-stamp .swiper-button-next {
  right: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='22' viewBox='0 0 11 22' fill='none'%3E%3Cpath d='M1 1L9 8.70687L1 17' stroke='%23C7C7C7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.main-home .main .s-promotion-online {
  position: relative;
  padding: 72px 71px 96px;
  background-color: #f7f7f7;
  border-radius: 20px;
}
.main-home .main .s-promotion-online .section-title-box .flex .more-btn {
  right: 0;
}
.main-home .main .s-promotion-online .card-container {
  padding: 32px 10px 30px;
  z-index: 1;
  position: relative;
  width: 975px;
  margin: auto;
  overflow: hidden;
}
.main-home .main .s-promotion-online .card-container .swiper-wrapper .card-list {
  position: relative;
  height: 350px;
  padding-top: 218px;
  border-radius: 20px;
  background: linear-gradient(180deg,rgba(255, 255, 255, 0.9) -11.72%,rgba(255, 255, 255, 0.9) 115.73%);
    /*<주석>2025.03.28 slide box-shadow 조정 start*/
}
.main-home .main .s-promotion-online .card-container .swiper-wrapper .card-list.swiper-slide-active,
.main-home .main .s-promotion-online .card-container .swiper-wrapper .card-list.swiper-slide-next,
.main-home .main .s-promotion-online .card-container .swiper-wrapper .card-list.swiper-slide-next+.card-list {
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.08);
  -webkit-backdrop-filter: blur(60px);
          backdrop-filter: blur(60px);
    /*<주석>2025.03.28 slide box-shadow 조정 end*/

}

.main-home .main .s-promotion-online .card-container .swiper-wrapper .card-list .blur-effect {
  -webkit-backdrop-filter: blur(60px);
          backdrop-filter: blur(60px);
}
.main-home .main .s-promotion-online .card-container .swiper-wrapper .card-list .img-box {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 218px;
  /*<주석>2025.04.08 이미지 튀어나옴 수정 */
  border-radius:20px 20px 0 0 ;
  overflow:hidden
}
.main-home .main .s-promotion-online .card-container .swiper-wrapper .card-list .img-box img {
  width: auto;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.main-home .main .s-promotion-online .card-container .swiper-wrapper .card-list .text-box {
  padding: 16px 30px 30px;
}
.main-home .main .s-promotion-online .card-container .swiper-wrapper .card-list .text-box .promotion-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: -0.4px;
  color: #252525;
  margin-bottom: 11px;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.main-home .main .s-promotion-online .card-container .swiper-wrapper .card-list .text-box .promotion-desc {
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.32px;
  color: rgba(37, 37, 37, 0.6);
}
.main-home .main .s-promotion-online .swiper-button-prev,
.main-home .main .s-promotion-online .swiper-button-next {
  width: 10px;
  height: 16px;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.main-home .main .s-promotion-online .swiper-button-prev::after,
.main-home .main .s-promotion-online .swiper-button-next::after {
  content: none;
}
.main-home .main .s-promotion-online .swiper-button-prev {
  left: 56px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='18' viewBox='0 0 10 18' fill='none'%3E%3Cpath d='M9 17L1 9.29313L9 1' stroke='%23C7C7C7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.main-home .main .s-promotion-online .swiper-button-next {
  right: 56px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='18' viewBox='0 0 10 18' fill='none'%3E%3Cpath d='M1 1L9 8.70687L1 17' stroke='%23C7C7C7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.main-home .main .s-promotion-online .section-img-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.main-home .main .s-promotion-online .section-img-bg img {
  display: block;
  width: 100%;
}
.main-home .main .s-promotion-offline {
  padding: 64px 0 76px;
}
.main-home .main .s-promotion-offline .offline-slider {
  position: relative;
  padding: 0 122px;
}
.main-home .main .s-promotion-offline .promotion-container {
  overflow: hidden;
  margin-top: 24px;
}
.main-home .main .s-promotion-offline .promotion-container .swiper-wrapper .promotion-list {
  width: 231px;
}
.main-home .main .s-promotion-offline .promotion-container .swiper-wrapper .promotion-list .promotion-img {
  /*<주석>2025.03.12 이미지 모서리 라운딩처리 start*/
  border-radius: 125px 125px 0 0;
  overflow: hidden;
  /*<주석>2025.03.12 이미지 모서리 라운딩처리 end*/
}
.main-home .main .s-promotion-offline .promotion-container .swiper-wrapper .promotion-list .promotion-img img {
  display: block;
  width: 100%;
}
.main-home .main .s-promotion-offline .promotion-container .swiper-wrapper .promotion-list .promotion-desc {
  padding: 20px 0;
}
.main-home .main .s-promotion-offline .promotion-container .swiper-wrapper .promotion-list .promotion-desc .promotion-title {
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 20px;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.4px;
  color: #252525;
}
.main-home .main .s-promotion-offline .promotion-container .swiper-wrapper .promotion-list .promotion-desc .promotion-date {
  margin-top: 6px;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.28px;
  color: rgba(37, 37, 37, 0.6);
}
.main-home .main .s-promotion-offline .swiper-button-prev,
.main-home .main .s-promotion-offline .swiper-button-next {
  width: 11px;
  height: 22px;
  top: auto;
  bottom: 166px;
  margin: 0;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.main-home .main .s-promotion-offline .swiper-button-prev::after,
.main-home .main .s-promotion-offline .swiper-button-next::after {
  content: none;
}
.main-home .main .s-promotion-offline .swiper-button-prev {
  left: 56px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='22' viewBox='0 0 11 22' fill='none'%3E%3Cpath d='M9 17L1 9.29313L9 1' stroke='%23C7C7C7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.main-home .main .s-promotion-offline .swiper-button-next {
  right: 56px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='22' viewBox='0 0 11 22' fill='none'%3E%3Cpath d='M1 1L9 8.70687L1 17' stroke='%23C7C7C7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.main-home .main .s-grand-opening {
  position: relative;
}
.main-home .main .s-grand-opening .section-title-box {
  position: absolute;
  left: 50%;
  top: 51px;
  transform: translateX(-50%);
}
.main-home .main .s-grand-opening .section-title-box .section-desc {
  margin: 0;
  margin-top: 4px;
}
.main-home .main .s-grand-opening .section-bg-img {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.main-home .main .s-grand-opening .section-bg-img img {
  display: block;
  width: 100%;
}
.main-home .main .s-grand-opening .store-img-wrap {
  z-index: 1;
  position: relative;
  text-align: center;
}
.main-home .main .s-grand-opening .opening-store-list-container {
  z-index: 2;
  position: relative;
  /*<주석>2025.03.14 slide box-shadow 조정 start*/
  top: -120px;
  overflow: hidden;
  padding-bottom: 10px;
  padding-top: 10px;
  /*<주석>2025.03.14 slide box-shadow 조정 end*/
  /*<주석>2025.03.19 slide 영역 조정 start*/
  padding-left:72px;
  margin: 0 auto;
  width: calc(100% - 200px);
}
.main-home .main .s-grand-opening .opening-store-list-container.notSlide {
  display: flex;
  justify-content: center;
  padding-left:0;
}
.main-home .main .s-grand-opening .opening-store-list-container.notSlide .list-wrap {
  gap: 10px;;
  /*<주석>2025.03.19 slide 영역 조정 end*/
}
.main-home .main .s-grand-opening .opening-store-list-container::before, .main-home .main .s-grand-opening .opening-store-list-container::after {
  content: "";
  z-index: 3;
  display: block;
  width: 45px;
  height: 138px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.main-home .main .s-grand-opening .opening-store-list-container::before {
  left: 0;
  background: linear-gradient(90deg, #fff 26.75%, rgba(255, 255, 255, 0) 90.68%);
}
.main-home .main .s-grand-opening .opening-store-list-container::after {
  right: 0;
  background: linear-gradient(270deg, #fff 26.75%, rgba(255, 255, 255, 0) 90.68%);
}
.main-home .main .s-grand-opening .opening-store-list-container .list-wrap .opening-store-list {
  width: 265px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.08);
  padding: 20px 16px;
}
.main-home .main .s-grand-opening .opening-store-list-container .list-wrap .opening-store-list.swiper-slide-prev {
  transform: translateX(-17px);
}
.main-home .main .s-grand-opening .opening-store-list-container .list-wrap .opening-store-list .bagde {
  border-radius: 2px;
  background: #ffc244;
  font-size: 12px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.28px;
  color: #3e3e3e;
  letter-spacing: -0.24px;
  color: #fff;
  display: inline-block;
  padding: 3px 7px;
}
.main-home .main .s-grand-opening .opening-store-list-container .list-wrap .opening-store-list .opening-store-name {
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.32px;
  color: #252525;
  display: block;
  margin: 7px 0 4px;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.main-home .main .s-grand-opening .opening-store-list-container .list-wrap .opening-store-list .opening-store-place {
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.28px;
  color: #3e3e3e;
  color: #8f8f8f;
}
.main-home .main .s-tab {
  background-color: #ffffff;
  border: 0;
}

/* 2025.08.25 start */
.main-home .main .s-tab .section-container {
  width: 1200px;
  margin: 109px auto 0;
  padding: 36px 0 28px;
  text-align: center;
}
/* 2025.08.25 end */

.main-home .main .s-tab .section-container .slide-container {
  display: inline-block;
  /* 2025.08.25 start */
    width: 1043px;
    /* 2025.08.25 end */
}
.main-home .main .s-tab .section-container .swiper-wrapper .swiper-slide {
  width: 80px !important;
}
.main-home .main .s-tab .section-container .swiper-wrapper .swiper-slide .link-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.main-home .main .s-tab .section-container .swiper-wrapper .swiper-slide .link-wrap .slide-img-wrap {
  width: 100%;
  background-color: #f7f7f7;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-home .main .s-tab .section-container .swiper-wrapper .swiper-slide .link-wrap .slide-img-wrap img {
  display: block;
  width: 59px;
}
.main-home .main .s-tab .section-container .swiper-wrapper .swiper-slide .link-wrap .link-text {
  margin-top: 6px;
  font-size: 14px;
  font-weight: 500;
  line-height: 161.848%;
  letter-spacing: -0.42px;
  color: #3e3e3e;
}
/* 2025.08.25 start */
.main-home .main .s-tab .swiper-button-prev,
.main-home .main .s-tab .swiper-button-next {
  width: 11px;
  height: 22px;
  top: 50%;
  transform: translate(0, -50%);
  margin: 0;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.main-home .main .s-tab .swiper-button-prev::after,
.main-home .main .s-tab .swiper-button-next::after {
  content: none;
}
.main-home .main .s-tab .swiper-button-prev {
  left: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='22' viewBox='0 0 11 22' fill='none'%3E%3Cpath d='M9 17L1 9.29313L9 1' stroke='%23C7C7C7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.main-home .main .s-tab .swiper-button-next {
  right: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='22' viewBox='0 0 11 22' fill='none'%3E%3Cpath d='M1 1L9 8.70687L1 17' stroke='%23C7C7C7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
/* 2025.08.25 end */
.main-home .main .s-brand {
  padding: 43px 20px;
}
.main-home .main .s-brand ul {
  display: flex;
  justify-content: space-between;
}
.main-home .main .s-brand ul .brand-list {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.main-home .main .s-brand ul .brand-list .img-wrap {
  width: 68.83168px;
}
.main-home .main .s-brand ul .brand-list .img-wrap img {
  display: block;
  width: 100%;
}
.main-home .main .s-brand ul .brand-list .brand-name {
  margin-top: 5.46px;
  font-size: 12px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.24px;
  color: #b9b9b9;
}
.main-home .main .s-brand ul .brand-list .link-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.settings .main section:last-of-type {
  margin-bottom: unset;
  border-bottom: none;
}
.settings .main section .login-button {
  width: 100%;
  background-color: #f0f0f0;
  text-align: center;
  padding: 8px 0;
  border-radius: 6px;
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.32px;
  color: #3e3e3e;
}
.settings .main section .settings-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.settings .main section .settings-list .list-text .list-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.32px;
  color: #3e3e3e;
}
.settings .main section .settings-list .list-text .show-more {
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-color: #919191;
}
.settings .main section .settings-list .list-set .set-button {
  color: #f53f32;
  text-decoration: underline;
  text-decoration-color: #f53f32;
  text-underline-offset: 2px;
}
.settings .main section .settings-list .list-set .set-button.primary {
  color: #3994e5;
  text-decoration-color: #3994e5;
}
.settings .main section .settings-list .list-set .toggle-switch {
  position: relative;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 48px;
  height: 28px;
  border-radius: 60px;
  border: 1px solid #d8d8d8;
  background-color: #d8d8d8;
}
.settings .main section .settings-list .list-set .toggle-switch:checked {
  background-color: #000;
  border-color: #000;
}
.settings .main section .settings-list .list-set .toggle-switch:checked::before {
  left: 46%;
}
.settings .main section .settings-list .list-set .toggle-switch::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 1px;
  transform: translate(0, -50%);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #fff;
  transition: left 200ms linear;
}
.settings .main section.s-login {
  padding-top: 24px;
}
.settings .main section.s-push, .settings .main section.s-location-info {
  gap: 20px 0;
}

.notice .main {
  background-color: #fafafa;
}
.notice .main section {
  padding: 0;
}
.notice .main .s-notice-settings {
  background-color: #fff;
  padding: 24px;
  margin-bottom: 12px;
  border-bottom: 1px solid #f0f0f0;
}
.notice .main .s-notice-settings .settings-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.notice .main .s-notice-settings .settings-list .list-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.28px;
  color: #0f0f0f;
}
.notice .main .s-notice-settings .settings-list .list-set .toggle-switch {
  position: relative;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 48px;
  height: 28px;
  border-radius: 60px;
  border: 1px solid #d8d8d8;
  background-color: #d8d8d8;
}
.notice .main .s-notice-settings .settings-list .list-set .toggle-switch:checked {
  background-color: #000;
  border-color: #000;
}
.notice .main .s-notice-settings .settings-list .list-set .toggle-switch:checked::before {
  left: 46%;
}
.notice .main .s-notice-settings .settings-list .list-set .toggle-switch::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 1px;
  transform: translate(0, -50%);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #fff;
  transition: left 200ms linear;
}
.notice .main .s-notice-lists {
  background-color: #fff;
}
.notice .main .s-notice-lists.no-result .lists-container {
  display: none;
}
.notice .main .s-notice-lists.no-result .notice-no-lists-box {
  display: flex;
}
.notice .main .s-notice-lists .lists-container .notice-delete {
  padding: 20px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.notice .main .s-notice-lists .lists-container .notice-delete .delete-button {
  color: #f53f32;
}
.notice .main .s-notice-lists .lists-container .notice-lists-wrap .notice-list {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0 12px;
  padding: 28px 24px;
  border-top: 1px solid #f0f0f0;
}
.notice .main .s-notice-lists .lists-container .notice-lists-wrap .notice-list .icon-wrap {
  transform: translateY(2px);
}
.notice .main .s-notice-lists .lists-container .notice-lists-wrap .notice-list .list-content {
  flex-grow: 1;
}
.notice .main .s-notice-lists .lists-container .notice-lists-wrap .notice-list .list-content .list-title-box {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.notice .main .s-notice-lists .lists-container .notice-lists-wrap .notice-list .list-content .list-title-box .list-title {
  max-width: 258px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-all;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.32px;
  color: #3e3e3e;
}
.notice .main .s-notice-lists .lists-container .notice-lists-wrap .notice-list .list-content .list-title-box .notice-date {
  font-size: 12px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.24px;
  color: #919191;
}
.notice .main .s-notice-lists .lists-container .notice-lists-wrap .notice-list .list-content .list-desc {
  line-height: 140%;
  margin-top: 8px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-all;
  line-clamp: 3;
  -webkit-line-clamp: 3;
}
.notice .main .s-notice-lists .lists-container .notice-mention {
  border-top: 1px solid #f0f0f0;
  background-color: #fff;
  padding: 20px 24px 70.49px;
  text-align: center;
}
.notice .main .s-notice-lists .notice-no-lists-box {
  padding: 116px 54px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  display: none;
}
.notice .main .s-notice-lists .notice-no-lists-box strong {
  font-size: 18px;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.36px;
  color: #3e3e3e;
  margin: 22px 0 8px;
}
.notice .main .s-notice-lists .notice-no-lists-box p {
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.32px;
  color: #3e3e3e;
  color: #919191;
}

.init-access .header {
  padding: 20px 20px 20px 0;
}
.init-access .header .close-btn {
  display: block;
  margin-left: auto;
}
.init-access .main.app-access {
  display: block;
}
.init-access .main.app-access section .content-box {
  display: flex;
  flex-direction: column;
  gap: 43px 0;
}
.init-access .main.marketing-agree {
  height: calc(100dvh - 39px);
  display: flex;
  flex-direction: column;
}
.init-access .main.marketing-agree .s-items {
  margin-bottom: 8px;
  border-bottom: 1px solid #f0f0f0;
  padding-top: 9px;
  padding-bottom: 63px;
}
.init-access .main.marketing-agree .s-push-agree {
  padding-top: 24px;
}
.init-access .main.marketing-agree .s-push-agree .content-box {
  gap: 10px 0;
}
.init-access .main.marketing-agree .s-push-agree .content-box p {
  margin-top: 8px;
  padding: 0 26px;
}
.init-access .main.marketing-agree .btn-container {
  flex-grow: 1;
  align-items: end;
  display: flex;
  padding: 78px 10px 34px;
  gap: 0 10px;
}
.init-access .main section {
  background-color: #fff;
}
.init-access .main section .title-box {
  padding: 32px 0 54px;
}
.init-access .main section .title-box .section-title {
  font-size: 24px;
  font-weight: 800;
  line-height: 130%;
  letter-spacing: -0.48px;
  color: #3e3e3e;
  font-family: "Tmoney-RoundWind", sans-serif;
}
.init-access .main section .title-box p {
  margin-top: 10px;
}
.init-access .main section .content-box .items-box .content-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0.32px;
  color: #3e3e3e;
  margin-bottom: 16px;
}
.init-access .main section .content-box .items-box .content-title span {
  color: #da362c;
}
.init-access .main section .content-box .items-box .items-wrap {
  display: flex;
  flex-direction: column;
  gap: 24px 0;
}
.init-access .main section .content-box .items-box .items-wrap .item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 10px;
}
.init-access .main section .content-box .items-box .items-wrap .item .icon-wrap {
  background-color: #f7f7f7;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.init-access .main section .content-box .notice-box {
  background-color: #f7f7f7;
  border-radius: 8px;
  padding: 16px 20px;
}
.init-access .main section .content-box .notice-box .notice-strong-text {
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.28px;
  color: #3e3e3e;
  color: #0f0f0f;
}
.init-access .main section .content-box .notice-box .way-box {
  padding-top: 28px;
}
.init-access .main section .content-box .notice-box .way-box ul {
  margin-top: 2px;
}
.init-access .main section .content-box .notice-box .way-box .way-list {
  font-size: 13px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.26px;
  color: #919191;
}
.init-access .main .btn-container {
  padding: 0 20px;
  padding: 20px 20px 34px;
  background-color: #fff;
}

.barcode-popup {
  display: block;
  z-index: 101;
  position: fixed;
  width: 100%;
  height: 100dvh;
  top: 0;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-backdrop-filter: blur(5.0999999046px);
          backdrop-filter: blur(5.0999999046px);
  max-width: 580px;
}
.barcode-popup.hide {
  display: none;
}
.barcode-popup .popup-container {
  display: flex;
  flex-direction: column;
  gap: 25px 0;
  gap: 2.8571428571vh;
  height: 100%;
  justify-content: flex-end;
}
.barcode-popup .popup-container.login .info-box .info-box-container .user-info-box {
  display: block;
}
.barcode-popup .popup-container.login .info-box .info-box-container .notice-box {
  display: none;
}
.barcode-popup .popup-container.login .barcode-box .barcode-info-box {
  display: block;
}
.barcode-popup .popup-container.login .barcode-box .notice-about-barcode {
  display: none;
}
.barcode-popup .info-box {
  padding: 0 20px;
}
.barcode-popup .info-box .info-box-container {
  position: relative;
  background-color: #eee;
  border-radius: 16px;
  padding-bottom: 15px;
}
.barcode-popup .info-box .info-box-container .user-info-box {
  display: none;
  z-index: 1;
  position: relative;
  padding: 0 24px;
}
.barcode-popup .info-box .info-box-container .user-info-box .user-grade-box {
  display: flex;
  gap: 0 7px;
  margin-bottom: 6px;
  padding-top: 56px;
  padding-top: clamp(30px, 6.6746126341vh, 56px);
}
@media all and (max-height: 650px) {
  .barcode-popup .info-box .info-box-container .user-info-box .user-grade-box {
    padding-top: 22px;
  }
}
.barcode-popup .info-box .info-box-container .user-info-box .user-grade-box .user-name-wrap {
  font-size: 28px;
  font-weight: 800;
  line-height: 130%;
  letter-spacing: -0.28px;
  color: #3e3e3e;
  font-family: "Tmoney-RoundWind", sans-serif;
}
.barcode-popup .info-box .info-box-container .user-info-box .user-point-box {
  padding-top: clamp(30px, 6.9129916567vh, 58px);
  padding-bottom: clamp(20px, 2.3837902265vh, 20px);
}
.barcode-popup .info-box .info-box-container .user-info-box .user-point-box .user-point-wrap {
  justify-content: flex-start;
  gap: 0 12px;
}
.barcode-popup .info-box .info-box-container .user-info-box .user-point-box .user-point-wrap li {
  width: 114px;
}
.barcode-popup .info-box .info-box-container .user-info-box .user-point-box .user-point-wrap li > span {
  color: #3e3e3e;
}
.barcode-popup .info-box .info-box-container .user-info-box .user-point-box .user-point-wrap li .point-wrap {
  font-size: 18px;
  font-weight: 800;
  line-height: 130%;
  letter-spacing: -0.54px;
  color: #3e3e3e;
  font-family: "Tmoney-RoundWind", sans-serif;
  display: flex;
  align-items: center;
}
.barcode-popup .info-box .info-box-container .user-info-box .user-point-box .user-point-wrap li .point-wrap svg {
  margin-left: 4px;
}
.barcode-popup .info-box .info-box-container .user-info-box .user-point-box .user-point-wrap li .point-wrap .point {
  display: block;
  max-width: 91px;
  flex-shrink: 0;
  overflow: hidden;
}
.barcode-popup .info-box .info-box-container .notice-box {
  z-index: 1;
  position: relative;
  padding: 40.29px 24px 18px;
}
.barcode-popup .info-box .info-box-container .notice-box strong {
  display: block;
  font-size: 18px;
  font-weight: 800;
  line-height: 140%;
  letter-spacing: -0.36px;
  color: #3e3e3e;
  font-family: "Tmoney-RoundWind", sans-serif;
  margin-bottom: 78.71px;
}
.barcode-popup .info-box .info-box-container .notice-box strong button {
  font-size: 18px;
  font-weight: 800;
  line-height: 140%;
  letter-spacing: -0.36px;
  color: #3994e5;
  font-family: "Tmoney-RoundWind", sans-serif;
  text-decoration: underline;
  text-decoration-color: #3994e5;
  text-underline-offset: 2px;
}
.barcode-popup .info-box .info-box-container .event-link-box {
  padding: 0 15px;
}
.barcode-popup .info-box .info-box-container .event-link-box .link-box-container {
  border-radius: 20px;
  background-color: rgba(0, 0, 0, 0.04);
  padding: 10px;
}
.barcode-popup .info-box .info-box-container .event-link-box .link-box-container .event-list-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0 10px;
}
.barcode-popup .info-box .info-box-container .event-link-box .link-box-container .event-list-wrap .event-list {
  width: 90px;
  text-align: center;
  padding: 10px 0;
  position: relative;
}
.barcode-popup .info-box .info-box-container .event-link-box .link-box-container .event-list-wrap .event-list:not(:last-of-type)::after {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  display: inline-block;
  content: "";
  width: 1px;
  height: 22px;
  background-color: rgba(0, 0, 0, 0.08);
}
.barcode-popup .info-box .info-box-container .event-link-box .link-box-container .event-list-wrap .event-list .event-link {
  display: block;
}
.barcode-popup .info-box .info-box-container .event-link-box .link-box-container .event-list-wrap .event-list .event-link img {
  display: block;
  margin: 0 auto 8px;
}
.barcode-popup .info-box .info-box-container .event-link-box .link-box-container .event-list-wrap .event-list .event-link img.img-checkin {
  width: 79.2px;
}
.barcode-popup .info-box .info-box-container .event-link-box .link-box-container .event-list-wrap .event-list .event-link img.img-art-search {
  width: 60px;
}
.barcode-popup .info-box .info-box-container .event-link-box .link-box-container .event-list-wrap .event-list .event-link img.img-search-store {
  width: 84px;
}
.barcode-popup .info-box .info-box-container .bg-box {
  z-index: 0;
  position: absolute;
  top: 0;
  right: 0;
}
.barcode-popup .info-box .grade-img-box {
  position: absolute;
  top: -84.4px;
  left: 0;
  background-image: url("/mobile/images/img_grade_collector.png");
  background-repeat: no-repeat;
  background-position: center;
  width: clamp(95px, 14.7794994041vh, 124px);
  height: clamp(95px, 14.7794994041vh, 124px);
  background-size: contain;
}
.barcode-popup .info-box .grade-img-box.collector {
  background-image: url("/mobile/images/img_grade_collector.png");
}
.barcode-popup .info-box .grade-img-box.traveler {
  background-image: url("/mobile/images/img_grade_traveler.png");
}
.barcode-popup .info-box .grade-img-box.pioneer {
  background-image: url("/mobile/images/img_grade_pioneer.png");
}
.barcode-popup .info-box .grade-img-box.explorer {
  background-image: url("/mobile/images/img_grade_explorer.png");
}
.barcode-popup .info-box .close-btn-box {
  position: absolute;
  right: 0;
  top: -28px;
}
.barcode-popup .barcode-box {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background-color: #fff;
  padding: clamp(24px, 3.6571428571vh, 32px) clamp(18px, 2.6285714286vh, 23px) clamp(28px, 4.1142857143vh, 36px);
}
.barcode-popup .barcode-box .barcode-info-box {
  display: none;
}
.barcode-popup .barcode-box .barcode-info-box > p {
  color: #3e3e3e;
}
.barcode-popup .barcode-box .barcode-info-box .barcode-info {
  margin-top: 6px;
  text-align: center;
}
.barcode-popup .barcode-box .barcode-info-box .barcode-info .barcode-num {
  display: block;
  margin-top: 10px;
}
.barcode-popup .barcode-box .notice-about-barcode {
  text-align: center;
}
.barcode-popup .barcode-box .notice-about-barcode p {
  font-size: 14px;
  font-weight: 800;
  line-height: 140%;
  letter-spacing: -0.28px;
  color: #c7c7c7;
  font-family: "Tmoney-RoundWind", sans-serif;
  margin-top: 16px;
}

/* Animations to fade the snackbar in and out */
@keyframes fadeinOut {
  0% {
    bottom: -100%;
  }
  50% {
    bottom: 44px;
  }
  100% {
    bottom: -100%;
  }
}
@keyframes fillUp {
  0% {
    y: 24px;
    height: 0;
  }
  100% {
    y: 0;
    height: 24px;
  }
}
@keyframes showTooltip {
  0% {
    opacity: 0;
    transform: translateY(-10px);
    visibility: visible;
  }
  50% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(10px);
    visibility: hidden;
  }
}
.main-splash .s-splash {
  background-color: #fff;
}
.main-splash .s-splash .img-wrap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  max-width: 768px;
  height: 100vh;
}
.main-splash .s-splash .img-wrap .bg-img {
  position: relative;
  top: 10vh;
  width: 100%;
  height: 190vh;
  margin: 0 auto;
  z-index: 1;
  -o-object-fit: cover;
     object-fit: cover;
  transform: rotate(180deg);
  animation: 5s rotateEarth infinite;
  overflow: visible;
}
.main-splash .s-splash .float-desc {
  display: flex;
  flex-direction: column;
  gap: 20px 0;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 80px;
  width: 100%;
  font-family: "Tmoney-RoundWind", sans-serif;
  z-index: 2;
}
.main-splash .s-splash .float-desc .box {
  padding: 10px 20px;
  background-color: rgba(255, 255, 255, 0.3);
  -webkit-backdrop-filter: blur(1px);
          backdrop-filter: blur(1px);
  border-radius: 60px;
  border: 1.5px solid #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.3px;
  color: #fff;
}
.main-splash .s-splash .float-desc .text {
  font-size: 24px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.3px;
  color: #fff;
  text-align: center;
}
.main-splash .s-splash .float-desc img {
  margin-top: 30px;
  width: 15px;
  height: 25px;
  -o-object-fit: contain;
     object-fit: contain;
}

@keyframes rotateEarth {
  0% {
    transform: rotate(180deg);
  }
  50% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(540deg);
  }
}
@keyframes turnOff {
  0% {
    opacity: 1;
  }
  99% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes turnOn {
  0% {
    opacity: 0;
  }
  99% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes gradeIconAni {
  0% {
    background-image: url(/mobile/images/img_onboard_grade_01.png);
    bottom: 0;
  }
  17% {
    bottom: 32px;
  }
  32% {
    background-image: url(/mobile/images/img_onboard_grade_02.png);
    bottom: 0;
  }
  47% {
    bottom: 32px;
  }
  62% {
    background-image: url(/mobile/images/img_onboard_grade_03.png);
    bottom: 0;
  }
  77% {
    bottom: 32px;
  }
  100% {
    background-image: url(/mobile/images/img_onboard_grade_01.png);
    bottom: 0;
  }
}
@keyframes shadowAni {
  0% {
    background-image: url(/mobile/images/shadow-large.png);
    height: 24px;
  }
  17% {
    background-image: url(/mobile/images/shadow-small.png);
    height: 21px;
  }
  32% {
    background-image: url(/mobile/images/shadow-large.png);
    height: 24px;
  }
  47% {
    background-image: url(/mobile/images/shadow-small.png);
    height: 21px;
  }
  62% {
    background-image: url(/mobile/images/shadow-large.png);
    height: 24px;
  }
  77% {
    background-image: url(/mobile/images/shadow-small.png);
    height: 21px;
  }
  100% {
    background-image: url(/mobile/images/shadow-large.png);
    height: 24px;
  }
}
@keyframes bgAni {
  0% {
    opacity: 0;
  }
  17% {
    opacity: 1;
  }
  32% {
    opacity: 0;
  }
  47% {
    opacity: 1;
  }
  62% {
    opacity: 0;
  }
  77% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes upDownAni {
  0% {
    top: 0;
  }
  50% {
    top: -32px;
  }
  100% {
    top: 0;
  }
}
@keyframes stampAni {
  0% {
    background-image: url(/mobile/images/stamp/img_stamp_checkin.png);
  }
  25% {
    background-image: url(/mobile/images/stamp/img_stamp_pedometer.png);
  }
  50% {
    background-image: url(/mobile/images/stamp/img_stamp_artsearch.png);
  }
  75% {
    background-image: url(/mobile/images/stamp/img_stamp_review.png);
  }
  100% {
    background-image: url(/mobile/images/stamp/img_stamp_checkin.png);
  }
}
@keyframes stampBigAni {
  100% {
    display: none;
  }
}
@keyframes stampBigAfterAni {
  100% {
    background-image: url(/mobile/images/stamp_mini/icn_stamp_collection_flag.png);
  }
}
@keyframes stampSmall01Ani {
  0% {
    top: 100%;
    left: -150%;
    z-index: 0;
  }
  10% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5;
  }
  50% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
  }
}
@keyframes stampSmall02Ani {
  0% {
    top: -100%;
    left: -150%;
    z-index: 0;
  }
  10% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5;
  }
  50% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
  }
}
@keyframes stampSmall03Ani {
  0% {
    top: -100%;
    right: -150%;
    z-index: 0;
  }
  10% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5;
  }
  50% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
  }
}
.main-onboard {
  height: 100vh;
  background-color: #fff;
}
.main-onboard .main {
  width: 100%;
  height: 100%;
}
.main-onboard:has(.s-01.swiper-slide-active) .bg-s-01 {
  transform: rotate(0);
  animation: turnOn ease 0s forwards;
  animation-delay: 0.2s;
}
.main-onboard:has(.s-01.swiper-slide-active) .bg-s-02,
.main-onboard:has(.s-01.swiper-slide-active) .bg-s-03 {
  transform: rotate(180deg);
  top: 45px;
  animation: turnOff ease 0s forwards;
}
.main-onboard:has(.s-02.swiper-slide-active) .bg-s-01 {
  transform: rotate(-180deg);
  top: 30px;
  animation: turnOff ease 0s forwards;
  animation-delay: 0.5s;
}
.main-onboard:has(.s-02.swiper-slide-active) .bg-s-02 {
  transform: rotate(0);
  top: 30px;
  animation: turnOn ease 0s forwards;
  animation-delay: 0.2s;
}
.main-onboard:has(.s-02.swiper-slide-active) .bg-s-03 {
  transform: rotate(180deg);
  top: 45px;
  animation: turnOff ease 0s forwards;
  animation-delay: 0.3s;
}
.main-onboard:has(.s-03.swiper-slide-active) .bg-s-01,
.main-onboard:has(.s-03.swiper-slide-active) .bg-s-02 {
  transform: rotate(-180deg);
  top: 45px;
  animation: turnOff ease 0s forwards;
  animation-delay: 0.5s;
}
.main-onboard:has(.s-03.swiper-slide-active) .bg-s-03 {
  transform: rotate(0);
  animation: turnOn ease 0s forwards;
  animation-delay: 0.2s;
  top: 45px;
}
.main-onboard:has(.s-04.swiper-slide-active) .bg-s-01,
.main-onboard:has(.s-04.swiper-slide-active) .bg-s-02 {
  transform: rotate(-180deg);
  animation: turnOff ease 0s forwards;
  animation-delay: 0.5s;
}
.main-onboard:has(.s-04.swiper-slide-active) .bg-s-03 {
  transform: rotate(-180deg);
  top: 0;
}
.main-onboard .swiper-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100vw;
  margin: 0 auto;
  height: 100vh;
  overflow: hidden;
  z-index: 2;
  pointer-events: none;
  background-color: #fff;
}
.main-onboard .swiper-bg img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  max-width: 768px;
  height: 200vh;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform ease 0.3s, top ease 0.3s, opacity ease 0s;
  pointer-events: none;
  box-sizing: content-box;
  overflow: visible;
}
.main-onboard .swiper-bg .bg-s-01 {
  z-index: 4;
  top: 60px;
}
.main-onboard .swiper-bg .bg-s-02 {
  top: -35px;
  z-index: 3;
}
.main-onboard .swiper-bg .bg-s-03 {
  z-index: 2;
}
.main-onboard .swiper-bg .bg-s-04 {
  z-index: 1;
}
.main-onboard .swiper {
  height: 100%;
  z-index: 10;
}
.main-onboard section {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0 0;
  width: 100vw;
  height: 100%;
  padding-top: 100px;
}
.main-onboard section .title {
  margin: 0 auto;
  font-size: 24px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.4px;
  color: #3e3e3e;
  font-family: "Tmoney-RoundWind", sans-serif;
  text-align: center;
  z-index: 5;
}
.main-onboard section .desc {
  margin: 0 auto;
  text-align: center;
  z-index: 5;
}
.main-onboard .s-01 {
  gap: 30px;
}
.main-onboard .s-01 img {
  margin: 0 auto;
  width: 180px;
}
.main-onboard .s-02 {
  gap: 24px;
}
.main-onboard .s-02 .img-wrap {
  position: absolute;
  right: 0;
  bottom: 28.5714285714%;
  left: 0;
  margin: 0 auto;
  width: 100%;
  height: 200px;
}
.main-onboard .s-02 .img-wrap .icon-grade {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0 auto;
  height: 196px;
  aspect-ratio: 1/1;
  background: transparent no-repeat center/contain;
  background-image: url(/mobile/images/img_onboard_grade_01.png);
  animation: gradeIconAni ease 2000ms infinite;
}
.main-onboard .s-02 .img-wrap .icon-bg {
  width: 100%;
  height: 100%;
  left: 0;
  -o-object-fit: contain;
     object-fit: contain;
  animation: bgAni ease 2000ms infinite;
}
.main-onboard .s-02 .img-wrap .shadow {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 24px;
  background: transparent url(/mobile/images/shadow-small.png) no-repeat center/contain;
  background-blend-mode: multiply;
  z-index: 10;
  animation: shadowAni ease 2000ms infinite;
}
.main-onboard .s-03 {
  gap: 14px;
}
.main-onboard .s-03 .img-wrap {
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 20%;
}
.main-onboard .s-03 .img-wrap.active .shop {
  opacity: 0;
}
.main-onboard .s-03 .img-wrap.active .stamp-wrap {
  opacity: 1;
  animation: stampAni 4s infinite;
  animation-delay: 1s;
}
.main-onboard .s-03 .img-wrap .shop {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  width: 57.8666666667%;
  display: flex;
  flex-direction: column;
  gap: 20px 0;
  justify-content: center;
  align-items: center;
  transition: all ease 0.3s;
  opacity: 1;
}
.main-onboard .s-03 .img-wrap .shop .img-pin {
  position: relative;
  width: 51px;
  height: 62px;
  animation: upDownAni 1s infinite;
}
.main-onboard .s-03 .img-wrap .shop .img-shop {
  width: 278px;
  height: 254px;
}
.main-onboard .s-03 .img-wrap .stamp-wrap {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30px;
  margin: 0 auto 30px;
  width: 191px;
  height: 183px;
  display: flex;
  flex-direction: column;
  gap: 20px 0;
  justify-content: center;
  align-items: center;
  background: transparent url(/mobile/images/stamp/img_stamp_checkin.png) no-repeat center/contain;
  transition: all ease 0.3s;
  opacity: 0;
}
.main-onboard .s-03 .img-wrap .stamp-wrap .lottie-wrap {
  position: absolute;
  bottom: -70px;
  margin: 0 auto;
  width: 330px;
  transition: all ease 0.3s;
  z-index: -1;
}
.main-onboard .s-03 .img-wrap .stamp-wrap .shadow-wrap {
  position: absolute;
  bottom: -30px;
  margin: 0 auto;
  width: 221px;
  height: 23px;
  background: transparent url(/mobile/images/shadow-small.png) no-repeat center/contain;
}
.main-onboard #s_03_anchor,
.main-onboard #s_04_anchor {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  pointer-events: non;
}
.main-onboard .s-04 {
  gap: 14px;
}
.main-onboard .s-04 .img-wrap {
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: calc(50% - 65px);
}
.main-onboard .s-04 .img-wrap .lottie-wrap {
  position: absolute;
  margin: 0 auto;
  width: 330px;
  transition: all ease 0.3s;
  z-index: -1;
  top: -90px;
  left: -90px;
}
.main-onboard .s-04 .img-wrap .stamp-big {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -30px;
  margin: 0 auto;
  width: 179px;
  height: 179px;
  background: transparent url(/mobile/images/stamp_mini/img_stamp_collection.png) no-repeat center/contain;
  opacity: 1;
  transition: all ease 0.3s;
}
.main-onboard .s-04 .img-wrap .stamp-big .stamp-shadow {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  background: transparent url(/mobile/images/stamp_mini/img_stamp_collection_shadow.png) no-repeat center/contain;
  background-blend-mode: darken;
  transform: scale(1.35);
  z-index: -1;
}
.main-onboard .s-04 .img-wrap .stamp-big::after {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 80px;
  height: 80px;
  background: transparent url(/mobile/images/stamp_mini/icn_stamp_collection_text.png) no-repeat center/contain;
  background-blend-mode: multiply;
}
.main-onboard .s-04 .img-wrap.active .stamp-big {
  animation: stampBigAni 0.5s forwards;
  animation-delay: 2s;
}
.main-onboard .s-04 .img-wrap.active .stamp-big::after {
  animation: stampBigAfterAni 0.5s forwards;
  animation-delay: 1s;
}
.main-onboard .s-04 .img-wrap.active .stamp-small-01 {
  animation: stampSmall01Ani 3s infinite forwards;
  animation-delay: 5.5s;
}
.main-onboard .s-04 .img-wrap.active .stamp-small-02 {
  animation: stampSmall02Ani 3s infinite forwards;
  animation-delay: 3.5s;
}
.main-onboard .s-04 .img-wrap.active .stamp-small-03 {
  animation: stampSmall03Ani 3s infinite forwards;
  animation-delay: 4.5s;
}
.main-onboard .s-04 .img-wrap .stamp-wrap {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -10px;
  margin: 0 auto;
  width: 140px;
  height: 140px;
  border-radius: 140px;
  z-index: -1;
  background-color: transparent;
}
.main-onboard .s-04 .img-wrap .stamp-wrap .stamp-overflow-wrap {
  position: relative;
  width: 140px;
  height: 140px;
  border-radius: 140px;
  overflow: hidden;
  box-shadow: 0 0 20px 0px #c7c7c7;
}
.main-onboard .s-04 .img-wrap .stamp-wrap .stamp-small-01,
.main-onboard .s-04 .img-wrap .stamp-wrap .stamp-small-02,
.main-onboard .s-04 .img-wrap .stamp-wrap .stamp-small-03 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0 auto;
  width: 140px;
  height: 140px;
  background: transparent no-repeat center/contain;
  z-index: 0;
  border-radius: 140px;
  background: transparent no-repeat center center/80%;
  background-color: var(--checkin);
  background-image: url(/mobile/images/stamp_mini/img_stamp_score_02.svg);
  border: 6px solid #fff;
  pointer-events: all;
}
.main-onboard .s-04 .img-wrap .stamp-wrap .stamp-small-02 {
  top: -100%;
  left: -150%;
  background-color: var(--artsearch);
  background-image: url(/mobile/images/stamp_mini/img_stamp_score_09.svg);
}
.main-onboard .s-04 .img-wrap .stamp-wrap .stamp-small-03 {
  top: -100%;
  right: -150%;
  background-color: var(--event);
  background-image: url(/mobile/images/stamp_mini/img_stamp_score_12.svg);
}
.main-onboard .float-icon {
  position: fixed;
  right: 0;
  bottom: 60px;
  left: 0;
  margin: 0 auto;
  z-index: 10;
  text-align: center;
}
.main-onboard .float-icon img {
  transition: all ease 0.3s;
  opacity: 0.5;
}
.main-onboard:has(.s-01.swiper-slide-active) .icn-s-01 {
  opacity: 1;
}
.main-onboard:has(.s-02.swiper-slide-active) .icn-s-02 {
  opacity: 1;
}
.main-onboard:has(.s-03.swiper-slide-active) .icn-s-03 {
  opacity: 1;
}
.main-onboard:has(.s-04.swiper-slide-active) .icn-s-04 {
  opacity: 1;
}
.topBanner-on .top-banner {
  position: static; /* 기본 위치 */
  width: 100%;
  background-color: #304d2e;
  padding: 0 24px 0 24px;
  padding-right: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center center;
  z-index: 99; /* z-index는 필요없을 수도 있음 */
}
.topBanner-on .top-banner .banner-wrap {
  width: 1200px;
  margin: auto;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 20px;
}
.topBanner-on .top-banner .banner-box {
  display:flex;
  width:100%;
  gap:0 20px;
  justify-content: center;
  align-items: center;
  min-height:54px;
}
.topBanner-on .top-banner .banner-txt {
  text-align: center;
  white-space: nowrap;
  font-size: 18px;
  line-height: 54px;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 900px;
}
.topBanner-on .top-banner .banner-link {
  border: 1px #fff solid;
  border-radius: 8px;
  color: #fff;
  display: inline-flex;
  gap: 0 8px;
  line-height: 30px;
  padding: 0 10px;
  font-size: 14px;
  flex: 0 0 auto;
  align-items: center;
}
.topBanner-on .top-banner .banner-link::after {
  content: "";
  width: 8px;
  height: 12px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 8px 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='12' viewBox='0 0 7 12' fill='none'%3E%3Cpath d='M1 1L6.07814 5.23178C6.55789 5.63157 6.55789 6.36843 6.07813 6.76822L1 11' stroke='white' stroke-linecap='round'/%3E%3C/svg%3E");
  display:none;
}
.topBanner-on .top-banner .banner-link .banner-link-ico {
  width: 5.7px;
  height: 5.7px;
  border-top: 1px solid;
  border-right: 1px solid;
  transform: rotate(45deg);
}
.topBanner-on .top-banner .btn-close {
  display: block;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  overflow: hidden;
}
.topBanner-on .top-banner .btn-close .closeIco {
  height: 1px;
  width: 100%;
  background: #fff;
}
.topBanner-on .top-banner .btn-close .closeIco.closeIco1 {
  transform: rotate(45deg);
}
.topBanner-on .top-banner .btn-close .closeIco.closeIco2 {
  transform: rotate(135deg);
  margin-top: -1px;
}
.main-full-banner,
.main-center-banner,
.main-bottom-banner {
  /*position: fixed;*/
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
  display: none;
  align-items: end;
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
}
.main-full-banner.show,
.main-center-banner.show,
.main-bottom-banner.show {
  visibility: visible;
}
.main-full-banner .popup-container,
.main-center-banner .popup-container,
.main-bottom-banner .popup-container {
  background-color: #fff;
  width: 495px;
  max-height: calc(100vh - 30px);
  overflow-y: auto;
  padding: 40px 60px;
  border-radius: 16px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  position: relative;
}
.main-full-banner .popup-container .popup-msg,
.main-center-banner .popup-container .popup-msg,
.main-bottom-banner .popup-container .popup-msg {
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.28px;
  color: #3e3e3e;
  letter-spacing: -0.4px;
  color: #0f0f0f;
  text-align: center;
  background-color: #fff;
  text-align: center;
}
.main-full-banner .popup-container .popup-msg .text-agree,
.main-full-banner .popup-container .popup-msg .point,
.main-center-banner .popup-container .popup-msg .text-agree,
.main-center-banner .popup-container .popup-msg .point,
.main-bottom-banner .popup-container .popup-msg .text-agree,
.main-bottom-banner .popup-container .popup-msg .point {
  color: #3994e5;
}
.main-full-banner .popup-container .popup-msg .text-disagree,
.main-center-banner .popup-container .popup-msg .text-disagree,
.main-bottom-banner .popup-container .popup-msg .text-disagree {
  color: #f53f32;
}
.main-full-banner .popup-container .popup-notice,
.main-center-banner .popup-container .popup-notice,
.main-bottom-banner .popup-container .popup-notice {
  margin-bottom: 24px;
  text-align: center;
}
.main-full-banner .popup-container .popup-inner,
.main-center-banner .popup-container .popup-inner,
.main-bottom-banner .popup-container .popup-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  gap: 23px;
  padding: 20px 16px;
  background-color: #f4f4f4;
  border-radius: 12px;
  margin-bottom: 40px;
}
.main-full-banner .popup-container .popup-inner img,
.main-center-banner .popup-container .popup-inner img,
.main-bottom-banner .popup-container .popup-inner img {
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
}
.main-full-banner .popup-container .popup-inner .date,
.main-center-banner .popup-container .popup-inner .date,
.main-bottom-banner .popup-container .popup-inner .date {
  color: #919191;
}
.main-full-banner .popup-container .button-container,
.main-center-banner .popup-container .button-container,
.main-bottom-banner .popup-container .button-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
  gap: 0 10px;
  flex-wrap: wrap;
}
.main-full-banner .popup-container .button-container .btn, .main-full-banner .popup-container .button-container .popup-btn,
.main-center-banner .popup-container .button-container .btn,
.main-center-banner .popup-container .button-container .popup-btn,
.main-bottom-banner .popup-container .button-container .btn,
.main-bottom-banner .popup-container .button-container .popup-btn {
  height: 49px;
  flex: 1 1 0;
  min-width: 100px;
}
.main-full-banner .popup-container .button-container.half .popup-btn,
.main-center-banner .popup-container .button-container.half .popup-btn,
.main-bottom-banner .popup-container .button-container.half .popup-btn {
  flex: 1;
}
.main-full-banner .popup-container .button-container.over .popup-btn,
.main-center-banner .popup-container .button-container.over .popup-btn,
.main-bottom-banner .popup-container .button-container.over .popup-btn {
  min-width: 100px;
}
.main-full-banner .popup-container .button-container.over .popup-btn:last-child,
.main-center-banner .popup-container .button-container.over .popup-btn:last-child,
.main-bottom-banner .popup-container .button-container.over .popup-btn:last-child {
  flex-grow: 1;
}
.main-full-banner .pop-close-wrap,
.main-center-banner .pop-close-wrap,
.main-bottom-banner .pop-close-wrap {
  background-color: #fff;
  padding: 15px 20px;
  width: 100%;
  line-height: 18px;
  display: flex;
  align-items: center;
  /*2025.04.29 start*/
  z-index: 2;
  position: relative;
  /*2025.04.29 end*/
}
.main-full-banner .pop-close-wrap .btn-close-oneDay,
.main-center-banner .pop-close-wrap .btn-close-oneDay,
.main-bottom-banner .pop-close-wrap .btn-close-oneDay {
  font-size: 14px;
  font-weight: 500;
  color: #919191;
}
.main-full-banner .pop-close-wrap .btn-pop-close,
.main-center-banner .pop-close-wrap .btn-pop-close,
.main-bottom-banner .pop-close-wrap .btn-pop-close {
  font-size: 14px;
  font-weight: 600;
  color: #0f0f0f;
  margin-left: auto;
}

.main-full-banner .full-type {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.main-full-banner .full-type .img-wrap {
  font-size: 0;
  height: calc(100% - 46px);
}

.main-full-banner .full-type .img-wrap:before,
.main-center-banner .center-type .img-wrap:before,
.main-bottom-banner .bottom-type .bottom-swiper .swiper-slide:after {
  /*2025.04.29 start*/
  content: "";
  display: block;
  width: 100%;
  /*2025.05.07 start*/
  background:rgba(0,0,0,.4);
  /*2025.05.07 end*/
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  /*2025.04.29 end*/
}

.main-full-banner .full-type .img-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.main-center-banner:not(:nth-child(1)) {
    /*<주석>2025.03.11 메인페이지 팝업 추가 start */
    background-color: transparent;
}
.main-center-banner .center-type {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;
  border-radius: 20px;
  width: 90%;
  max-width: 420px;
  box-shadow: 0 0 30px rgba(0, 0, 0, .3);
}
.main-center-banner .center-type.banner2 {
  left: 25%
}
.main-center-banner .center-type.banner3 {
  left: 75%
}
.main-center-banner .center-type .img-wrap {
  font-size: 0;
}
.main-center-banner .center-type .img-wrap img {
  width: 100%;
  height: 380px;
  -o-object-fit: cover;
     object-fit: cover;
}
.main-center-banner .center-type .text-overlay {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0)!important;
    top: 80px!important;
    padding: 0 42px;
    width: 100%;
    color: white;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    /*<주석>2025.03.11 메인페이지 팝업 추가 end */
    z-index: 1;
}
.main-center-banner .center-type .main-title {
    margin: 0;
    font-size: 26px;
    line-height: 1.2;
}
.main-center-banner .center-type .sub-title {
    margin: 21px 0 0 0;
    font-size: 14px;
    line-height: 1.4;
    /*<주석>2025.03.11 메인페이지 팝업 추가 end */
}
.main-bottom-banner .bottom-type {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.main-bottom-banner .bottom-type .bottom-swiper {
  position: relative;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  overflow: hidden;
}
.main-bottom-banner .bottom-type .bottom-swiper .swiper-slide {
  height: 235px;
}
.main-bottom-banner .bottom-type .bottom-swiper .swiper-slide img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
}
.main-bottom-banner .bottom-type .bottom-swiper .swiper-slide .banner-txt {
  color: #fff;
  white-space: nowrap;
  padding: 63px 20px 0;
  position: relative;
  z-index: 2;
}
.main-bottom-banner .bottom-type .bottom-swiper .swiper-slide .banner-txt .tit,
.main-bottom-banner .bottom-type .bottom-swiper .swiper-slide .banner-txt .sub-tit {
  display: block;
}
.main-bottom-banner .bottom-type .bottom-swiper .swiper-slide .banner-txt .tit {
  font-size: 26px;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -0.78px;
}
.main-bottom-banner .bottom-type .bottom-swiper .swiper-slide .banner-txt .sub-tit {
  margin-top: 21px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.42px;
}
.main-bottom-banner .bottom-type .bottom-swiper .swiper-pagination {
  border-radius: 60px;
  background: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  text-align: center;
  position: absolute;
  top: 20px;
  right: 20px;
  font-weight: 500;
  bottom: auto;
  left: auto;
  height: 20px;
  width: 53px;
  font-size: 11px;
  line-height: 20px;
  color: #fff;
  letter-spacing: -0.11px;
}

.banner-on .main-full-banner,
.banner-on .main-center-banner,
.banner-on .main-bottom-banner {
  display: block;
}/*# sourceMappingURL=main.css.map */