@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, .check-attendance .notice .desc, .store-checkin-intro .notice .desc, .coupon-main .s-coupon-list .coupon-box .coupon-list-wrap .coupon-list .due-date-box .due-date .due-date-text, footer .info-wrap.small {
  font-size: 12px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.24px;
  color: #3e3e3e;
}

.text-xs-medium, .stamp-state .s-stamp #tab_list_02 .item-title-wrap .item-desc, .custom-select button, 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, .coupon-details .s-coupon-details .coupon-box .coupon-info-content .badge-box .badge, .coupon-main .s-coupon-list .coupon-box .coupon-list-wrap .coupon-list .badge-box .badge {
  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, .check-attendance .notice summary .title, .check-attendance .intro .section-content .list .item.clear span::after, .stamp-state .s-stamp #tab_list_01 .tooltip span, .stamp-state .s-user-info .user-score .grade-progress-bar .bar-wrap .bar::after, .coupon-items .s-items-list .details-wrap .detail-list .info-wrap .info-list .info-content, .coupon-details .conpon-details-box .info-wrap .info-list, .coupon-details .s-coupon-details .coupon-box .coupon-info-content .badge-box .badge, .point-details .s-details-content .tab-content-box .tab-content .details-wrap .details-list .details-tit .content-01 span, .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, .check-attendance .intro .sub-desc, .stamp-state .s-user-info .user-score .grade-name-wrap > div span, .coupon-items .s-items-list .details-wrap .detail-list .info-wrap .info-list .info-title, .coupon-items .s-items-list .details-wrap .detail-list .brand-name, .coupon-details .conpon-details-box .info-wrap .info-list .info-title, .point-details .s-details-content .tab-content-box .tab-content .tab-desc, footer .link-wrap li {
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.28px;
  color: #919191;
}

.text-sm-semibold, .store-checkin-intro .s-intro .section-content .sub-desc, .stamp-state .s-stamp #tab_list_02 .item-score-tooltip, .coupon-details .s-coupon-details .coupon-box .coupon-info-content .date-badge, .coupon-main .s-coupon-list .coupon-box .coupon-list-wrap .coupon-list .due-date-box .due-date .date-badge, .coupon-main .s-coupon-list .coupon-box .coupon-list-wrap .coupon-list .title-box .coupon-tit, .point-details .s-details-content .tab-box .tab-filter-wrap button, 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, .stamp-history .list .item, .coupon-details .s-coupon-details .coupon-box .coupon-barcode-num .barcode-text, .coupon-details .s-coupon-details .coupon-box .coupon-info-content .coupon-info .note-text, .coupon-main .coupon-count-box .coupon-note, .stamp-main .main .s-user-info .section-title-wrap .grade-info, .user-activity-info .user-info-box > div .title, .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, .check-attendance .calendar .calendar-desc, .check-attendance .intro .section-sub-title, .store-checkin-intro .s-intro .section-content .desc, .stamp-main .main .s-app-agree .app-brand-box .brand-list-wrap .brand-list .brand-name, .calendar-wrap .fc-col-header-cell-cushion, .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, .store-checkin-intro .notice summary .title, .stamp-history .list .item .content, .stamp-history summary .desc .label, .stamp-state .s-stamp .tab-list > .desc, .coupon-store .tab-box ul li.tab-btn, .coupon-details .btn-wrap .link-btn, .coupon-details .s-coupon-details .coupon-box .coupon-info-content .coupon-info .coupon-tit, .coupon-details .s-coupon-details .coupon-box .coupon-info-content .badge-box .badge:not(.plus), .coupon-main .coupon-count-box .coupon-count, .coupon-main .tab-box .tab-btn button, .coupon-main .tab-box ul li.tab-btn, .alert-popup.stamp .popup-tooltip {
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.32px;
  color: #0f0f0f;
}

.text-md-bold, .coupon-main .s-coupon-list .no-result-box, .coupon-main .tab-box .tab-btn.active button, .stamp-main .main .s-marketing-agree .agree-list-wrap .agree-list .input-box label, .user-activity-info .user-info-box .score, header .category-menu .cate-link.active {
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.32px;
  color: #0f0f0f;
}

.text-lg-regular, .stamp-history .list .item .score, .stamp-history summary .desc .value {
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.36px;
  color: #3e3e3e;
}

.text-lg-medium, .point-details .s-details-content .tab-content-box .tab-content .details-wrap .details-list .point-info, .calendar-wrap .fc-daygrid-day-frame a,
.calendar-wrap .fc-daygrid-day-top a, .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, .point-details .s-details-content .tab-content-box .tab-content .details-wrap .details-list .details-tit .content-02 h4, .stamp-main .main .s-membership .membership-list-wrap .membership-list .get-btn, .stamp-main .main .s-stamp .stamp-collect-wrap .collect-list .text-box .details-wrap .btn, .stamp-main .main .s-stamp .stamp-collect-wrap .collect-list .text-box .details-wrap .popup-btn, .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, .stamp-history summary .desc .value span, .stamp-state .s-stamp #tab_list_02 .item-title-wrap .item-title, .stamp-state .s-stamp #tab_list_01 .btn-stamp.finish::after, .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, .stamp-main .main .s-user-info .user-stamp-box .stamp-count-box .text-box .stamp-count .score-wrap, .stamp-main .main .s-user-info .user-stamp-box .title {
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.4px;
  color: #0f0f0f;
}

.text-xl-medium, .point-details .s-user-point .user-point-wrap h4 {
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.4px;
  color: #0f0f0f;
}

.text-xl-semibold, .coupon-store .no-result-box, .coupon-items .s-items-list .details-wrap .detail-list .item-name, .point-details .s-details-content .tab-content-box .tab-content.tab-content-03 .point-info, .user-activity-info .user-info-box > div .value {
  font-size: 20px;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.4px;
  color: #0f0f0f;
}

.text-xl-bold, .stamp-history summary .title, .coupon-main .s-coupon-list .coupon-box .coupon-list-wrap .coupon-list .benefit-box .benefit, .calendar-wrap .fc-toolbar-title {
  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: #919191;
}

.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 */
}

.number-slot-machine {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 116px;
}
.number-slot-machine .number {
  height: 100%;
  overflow: hidden;
}
.number-slot-machine .number .number-wrap > span {
  display: block;
}
.number-slot-machine .number:not(.not-a-number) .number-wrap {
  transform: translateY(-100%);
  transition: transform 2.5s;
  will-change: transform;
}
.number-slot-machine .number:not(.not-a-number) .number-wrap.active {
  transform: translateY(var(--active-number));
}
.number-slot-machine .number:not(.not-a-number) .number-wrap > span:last-child {
  position: absolute;
  bottom: 0;
  transform: translateY(100%);
}

: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, .check-attendance .notice .desc, .store-checkin-intro .notice .desc, .coupon-main .s-coupon-list .coupon-box .coupon-list-wrap .coupon-list .due-date-box .due-date .due-date-text, footer .info-wrap.small {
  font-size: 12px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.24px;
  color: #3e3e3e;
}

.text-xs-medium, .stamp-state .s-stamp #tab_list_02 .item-title-wrap .item-desc, .custom-select button, 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, .coupon-details .s-coupon-details .coupon-box .coupon-info-content .badge-box .badge, .coupon-main .s-coupon-list .coupon-box .coupon-list-wrap .coupon-list .badge-box .badge {
  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, .check-attendance .notice summary .title, .check-attendance .intro .section-content .list .item.clear span::after, .stamp-state .s-stamp #tab_list_01 .tooltip span, .stamp-state .s-user-info .user-score .grade-progress-bar .bar-wrap .bar::after, .coupon-items .s-items-list .details-wrap .detail-list .info-wrap .info-list .info-content, .coupon-details .conpon-details-box .info-wrap .info-list, .coupon-details .s-coupon-details .coupon-box .coupon-info-content .badge-box .badge, .point-details .s-details-content .tab-content-box .tab-content .details-wrap .details-list .details-tit .content-01 span, footer .footer-wrap,
footer .footer-wrap a, .page-category, .page-category a, .link {
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.28px;
  color: #919191;
}

.text-sm-medium, .check-attendance .intro .sub-desc, .stamp-state .s-user-info .user-score .grade-name-wrap > div span, .coupon-items .s-items-list .details-wrap .detail-list .info-wrap .info-list .info-title, .coupon-items .s-items-list .details-wrap .detail-list .brand-name, .coupon-details .conpon-details-box .info-wrap .info-list .info-title, .point-details .s-details-content .tab-content-box .tab-content .tab-desc, footer .link-wrap li {
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.28px;
  color: #919191;
}

.text-sm-semibold, .store-checkin-intro .s-intro .section-content .sub-desc, .stamp-state .s-stamp #tab_list_02 .item-score-tooltip, .coupon-details .s-coupon-details .coupon-box .coupon-info-content .date-badge, .coupon-main .s-coupon-list .coupon-box .coupon-list-wrap .coupon-list .due-date-box .due-date .date-badge, .coupon-main .s-coupon-list .coupon-box .coupon-list-wrap .coupon-list .title-box .coupon-tit, .point-details .s-details-content .tab-box .tab-filter-wrap button, header .user-menu .cate-link, footer .footer-link-wrap .help p, footer .footer-link-wrap .tel a, footer .footer-link-wrap .family-site p {
  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, .stamp-history .list .item, .coupon-details .s-coupon-details .coupon-box .coupon-barcode-num .barcode-text, .coupon-details .s-coupon-details .coupon-box .coupon-info-content .coupon-info .note-text, .coupon-main .coupon-count-box .coupon-note, .stamp-main .main .s-user-info .section-title-wrap .grade-info, .user-activity-info .user-info-box > div .title, .main .section-desc, .confirm-popup .popup-container .popup-inner .date, .alert-popup .popup-container .popup-inner .date, input.input, .note-box .note-wrap.has-list-style .note-list, .crewConfirm-popup .popup-container .popup-inner .date {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.32px;
  color: #3e3e3e;
}

.text-md-medium, .check-attendance .calendar .calendar-desc, .check-attendance .intro .section-sub-title, .store-checkin-intro .s-intro .section-content .desc, .stamp-main .main .s-app-agree .app-brand-box .brand-list-wrap .brand-list .brand-name, .calendar-wrap .fc-col-header-cell-cushion, header .category-menu .cate-link, .req, .paging-wrap a {
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.32px;
  color: #3e3e3e;
}

.text-md-semibold, .store-checkin-intro .notice summary .title, .stamp-history .list .item .content, .stamp-history summary .desc .label, .stamp-state .s-stamp .tab-list > .desc, .coupon-store .tab-box ul li.tab-btn, .coupon-details .btn-wrap .link-btn, .coupon-details .s-coupon-details .coupon-box .coupon-info-content .coupon-info .coupon-tit, .coupon-details .s-coupon-details .coupon-box .coupon-info-content .badge-box .badge:not(.plus), .coupon-main .coupon-count-box .coupon-count, .coupon-main .tab-box .tab-btn button, .coupon-main .tab-box ul li.tab-btn, .alert-popup.stamp .popup-tooltip {
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.32px;
  color: #0f0f0f;
}

.text-md-bold, .coupon-main .s-coupon-list .no-result-box, .coupon-main .tab-box .tab-btn.active button, .stamp-main .main .s-marketing-agree .agree-list-wrap .agree-list .input-box label, .user-activity-info .user-info-box .score, header .category-menu .cate-link.active {
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.32px;
  color: #0f0f0f;
}

.text-lg-regular, .stamp-history .list .item .score, .stamp-history summary .desc .value {
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.36px;
  color: #3e3e3e;
}

.text-lg-medium, .point-details .s-details-content .tab-content-box .tab-content .details-wrap .details-list .point-info, .calendar-wrap .fc-daygrid-day-frame a,
.calendar-wrap .fc-daygrid-day-top a, .main section.s-tab .tab-wrap .tab-list .tab a, .confirm-popup .popup-container .popup-notice, .alert-popup .popup-container .popup-notice, .note-box:has(.has-list-style) .note-tit, .crewConfirm-popup .popup-container .popup-notice {
  font-size: 18px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.36px;
  color: #3e3e3e;
}

.text-lg-semibold, .point-details .s-details-content .tab-content-box .tab-content .details-wrap .details-list .details-tit .content-02 h4, .stamp-main .main .s-membership .membership-list-wrap .membership-list .get-btn, .stamp-main .main .s-stamp .stamp-collect-wrap .collect-list .text-box .details-wrap .btn, .stamp-main .main .s-stamp .stamp-collect-wrap .collect-list .text-box .details-wrap .popup-btn, footer strong, .confirm-popup .popup-container .popup-inner .title, .alert-popup .popup-container .popup-inner .title, .crewConfirm-popup .popup-container .popup-inner .title {
  font-size: 18px;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.36px;
  color: #3e3e3e;
}

.text-lg-bold, .stamp-history summary .desc .value span, .stamp-state .s-stamp #tab_list_02 .item-title-wrap .item-title, .stamp-state .s-stamp #tab_list_01 .btn-stamp.finish::after, .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, .stamp-main .main .s-user-info .user-stamp-box .stamp-count-box .text-box .stamp-count .score-wrap, .stamp-main .main .s-user-info .user-stamp-box .title {
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.4px;
  color: #0f0f0f;
}

.text-xl-medium, .point-details .s-user-point .user-point-wrap h4 {
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.4px;
  color: #0f0f0f;
}

.text-xl-semibold, .coupon-store .no-result-box, .coupon-items .s-items-list .details-wrap .detail-list .item-name, .point-details .s-details-content .tab-content-box .tab-content.tab-content-03 .point-info, .user-activity-info .user-info-box > div .value {
  font-size: 20px;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.4px;
  color: #0f0f0f;
}

.text-xl-bold, .stamp-history summary .title, .coupon-main .s-coupon-list .coupon-box .coupon-list-wrap .coupon-list .benefit-box .benefit, .calendar-wrap .fc-toolbar-title {
  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: #919191;
}

.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 */
}

:root {
  --fc-border-color: #e4e4e4;
  --fc-small-font-size: 11px;
  --fc-bg-event-color: transparent;
  --fc-bg-event-opacity: 1;
  --fc-today-bg-color: transparent;
}

.calendar-wrap .fc-col-header-cell {
  height: 54px !important;
}
.calendar-wrap .fc-col-header-cell-cushion {
  color: #6b6b6b;
}
.calendar-wrap .fc-day-sun a:not(.fc-col-header-cell-cushion) {
  color: #f86c61;
}
.calendar-wrap .fc-day-sat a:not(.fc-col-header-cell-cushion) {
  color: #3994e5;
}
.calendar-wrap .fc-day-other {
  opacity: 0;
}
.calendar-wrap .fc-today-button {
  display: none;
}
.calendar-wrap .fc-header-toolbar {
  margin: 0 !important;
  padding: 10px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
}
.calendar-wrap .fc-toolbar-chunk:has(.fc-prev-button) {
  position: absolute;
  width: 100%;
  height: 40px;
  /* <주석>2025.04.01 디자인 수정 start */
  left:0;
  /* <주석>2025.04.01 디자인 수정 end */
}
.calendar-wrap .fc-toolbar-chunk:has(.fc-prev-button) .fc-button-group {
  /* <주석>2025.04.01 디자인 수정 start */
  margin: 0;
  /* <주석>2025.04.01 디자인 수정 end */
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 327px;
}
.calendar-wrap .fc-prev-button,
.calendar-wrap .fc-next-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background-color: transparent;
  border: 0;
  color: #000 !important;
  flex: 0 !important;
  outline: none;
}
.calendar-wrap .fc-prev-button:hover, .calendar-wrap .fc-prev-button:focus, .calendar-wrap .fc-prev-button:active,
.calendar-wrap .fc-next-button:hover,
.calendar-wrap .fc-next-button:focus,
.calendar-wrap .fc-next-button:active {
  outline: none !important;
  background-color: transparent !important;
  border: 0 !important;
  color: #000 !important;
  box-shadow: none;
}
.calendar-wrap .fc-day-today .fc-daygrid-day-number {
  position: relative;
  font-weight: 700;
  color: #000;
  top: 2px;
}
.calendar-wrap .fc-day-today .fc-daygrid-day-number::before {
  content: "";
  width: 6px;
  height: 6px;
  margin: 0 auto;
  top: -20px;
  left: 0;
  right: 0;
  border-radius: 10px;
  background-color: #000;
  position: absolute;
}
.calendar-wrap .fc-day {
  height: 100px;
  vertical-align: middle;
  /* <주석>2025.04.01 디자인 수정 start */
  padding-top:64px;
  /* <주석>2025.04.01 디자인 수정 end */
}
.calendar-wrap .fc-daygrid-day-top {
  padding: 5px;
}
.calendar-wrap .fc-daygrid-day-frame,
.calendar-wrap .fc-daygrid-day-top {
  width: 100%;
  height: 100%;
  min-width: 40px;
  justify-content: center;
  align-items: center;
}
.calendar-wrap .fc-daygrid-day-frame a,
.calendar-wrap .fc-daygrid-day-top a {
  color: #919191;
}
.calendar-wrap .fc-daygrid-day-events {
  display: none;
}
.calendar-wrap .fc-event {
  position: relative;
  height: 100%;
}
.calendar-wrap .fc-event .fc-event-title {
  position: absolute;
  width: 100%;
  margin: 0 auto;
  right: 0;
  bottom: -20px;
  left: 0;
  font-size: 11px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.28px;
  color: #919191;
  font-style: normal;
  text-align: center;
}
.calendar-wrap .fc-event.event-clear {
  font-weight: 600;
}
.calendar-wrap .fc-event.event-clear .fc-event-title {
  font-weight: 500;
  color: #000;
}
.calendar-wrap .fc-day:has(.event-clear) .fc-daygrid-day-top {
  background: url(/pc/images/bg_calendar.png) no-repeat center/contain;
}
.calendar-wrap .fc-day:has(.attend-check) .fc-daygrid-day-top {
  background: url(/pc/images/bg_calendar_check.png) no-repeat center/24px 18px;
}
.calendar-wrap .fc-day:has(.attend-stamp) .fc-daygrid-day-top {
  background: url(/pc/images/bg_calendar_stamp.png) no-repeat center/48px 48px;
}
.calendar-wrap .fc-daygrid-day-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.page-category {
  margin-bottom: 32px;
}

body:has(.stamp-main) .popup-container .popup-msg {
  font-size: 24px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.28px;
  color: #3e3e3e;
  padding-bottom: 16px;
}
body:has(.stamp-main) .popup-container .popup-notice {
  color: #919191;
}

.main .inner-wrap {
  display: flex;
  flex-direction: column;
  gap: 24px 0;
}
.main .paging-wrap {
  padding: 56px 0;
}

.user-activity-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.user-activity-info .use-name-box {
  display: flex;
  flex-direction: column;
  gap: 13px 0;
  margin-bottom: 12px;
}
.user-activity-info .use-name-box .user-grade {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.user-activity-info .use-name-box .user-grade p {
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.32px;
  color: #919191;
}
.user-activity-info .use-name-box .user-grade .grade-badge {
  display: inline-block;
  border-radius: 8px;
  background-color: rgba(218, 218, 218, 0.4196078431);
  text-align: center;
  padding: fit-content;
  width: auto;
  color: 2px;
  padding: 2px 7px;
  font-size: 16px;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -0.32px;
  color: #3994e5;
  padding: 5px 14px;
}
.user-activity-info .use-name-box .user-grade .grade-badge.explorer {
  color: #3994e5;
}
.user-activity-info .use-name-box .user-grade .grade-badge.traveler {
  color: #62b566;
}
.user-activity-info .use-name-box .user-grade .grade-badge.collector {
  color: #ad8323;
}
.user-activity-info .use-name-box .user-grade .grade-badge.pioneer {
  color: #3994e5;
}
.user-activity-info .use-name-box h2 {
  font-size: 32px;
  font-weight: 800;
  line-height: 130%;
  letter-spacing: -0.48px;
  color: #3e3e3e;
  font-family: "Tmoney-RoundWind", sans-serif;
}
.user-activity-info .use-name-box .user-name-wrap {
  /* <주석> ellipsis 적용 start */
  display: inline-flex;
  /* <주석> ellipsis 적용 end */
}
.user-activity-info .use-name-box .user-name-wrap .user-name {
  /* <주석> ellipsis 적용 start */
  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;
  max-width: 154px;
  /* <주석> ellipsis 적용 end */
}
.user-activity-info .user-info-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #e4e4e4;
  border-radius: 20px;
  width: 688px;
  height: 113px;
  gap: 32px;
  padding-left: 20px;
  padding-right: 16px;
  box-shadow: 0px 2px 14px -3px rgba(26, 26, 26, 0.04);
}
.user-activity-info .user-info-box > div {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
}
.user-activity-info .user-info-box > div:not(:last-child)::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -16px;
  bottom: 0;
  margin: auto;
  width: 1px;
  height: 35px;
  background-color: #e4e4e4;
}
.user-activity-info .user-info-box > div .title {
  color: #6B6B6B;
}
.user-activity-info .user-info-box > div .value {
  color: #3e3e3e;
}
.user-activity-info .user-info-box .score {
  flex-direction: row;
  color: #3994e5;
}
.user-activity-info .user-info-box .score .number {
  font-size: 40px;
  font-weight: 800;
  line-height: 130%;
  letter-spacing: -0.48px;
  color: #3994e5;
  font-family: "Tmoney-RoundWind", sans-serif;
}
.user-activity-info .user-info-box .score .text {
  position: relative;
  top: 6px;
}

.search-box {
  width: 385px;
  margin: 0 auto;
}
.search-box .input-group {
  position: relative;
}
.search-box .input-group .input {
  width: 100%;
  padding: 17px 16px;
}
.search-box .input-group .icon-wrap {
  position: absolute;
  right: 16px;
  top: 23px;
}

.custom-select {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 120px;
  color: #6e6e6e;
  z-index: 1;
}
.custom-select button {
  color: #6b6b6b;
}
.custom-select .select-value {
  padding: 10px;
  width: 100%;
  text-align: center;
}
.custom-select .select-value::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  width: 20px;
  height: 38px;
  background: transparent no-repeat right center/20px 5px;
  background-image: url(/pc/images/icon/icn_arrow_down.svg);
}
.custom-select:has(.select-list.show) .select-value::after {
  transform: rotate(180deg);
}
.custom-select .select-list {
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 34px;
  right: 0px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-top: 0;
  border-radius: 0 4px 4px 0;
  gap: 5px;
  width: 100%;
}
.custom-select .select-list.show {
  display: flex;
}
.custom-select .select-list .select-btn {
  padding: 5px;
  width: 100%;
  text-align: center;
}

.stamp-main .inner-wrap {
  display: flex;
  flex-direction: column;
  gap: 24px 0;
}
.stamp-main .s-user-info {
  /* <주석> 스탬프탭 상단 영역 컬러 수정 start */
  background-color: #fff;
  /* <주석> 스탬프탭 상단 영역 컬러 수정 start */
  width: 100%;
}
.stamp-main .s-user-info .inner-wrap {
  max-width: 1200px;
}
.stamp-main .main .section-title-box .section-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.4px;
  color: #0f0f0f;
}
.stamp-main .main .section-title-box .section-note {
  margin-top: 4px;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.28px;
  color: #919191;
}
.stamp-main .main .section-title-box .section-note .point {
  color: #3994e5;
  font-weight: 600;
}
.stamp-main .main .s-user-info .inner-wrap {
  /*<주석>2025.04.08 여백수정 start */
    padding: 40px 64px;
    /*<주석>2025.04.08 여백수정 end */
}
.stamp-main .main .s-user-info .use-name-box {
  display: flex;
  flex-direction: column;
  gap: 13px 0;
  margin-bottom: 12px;
}
.stamp-main .main .s-user-info .use-name-box .user-grade {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.stamp-main .main .s-user-info .use-name-box .user-grade p {
  font-size: 24px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0.28px;
  color: #919191;
}
.stamp-main .main .s-user-info .use-name-box .user-grade .grade-badge {
  display: inline-block;
  border-radius: 8px;
  background-color: rgba(218, 218, 218, 0.4196078431);
  text-align: center;
  padding: fit-content;
  width: auto;
  color: 2px;
  padding: 2px 7px;
  font-size: 24px;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -0.26px;
  color: #3994e5;
  padding: 5px 14px;
}
.stamp-main .main .s-user-info .use-name-box .user-grade .grade-badge.explorer {
  color: #62b566;
}
.stamp-main .main .s-user-info .use-name-box .user-grade .grade-badge.traveler {
  color: #B67C60;
}
.stamp-main .main .s-user-info .use-name-box .user-grade .grade-badge.collector {
  color: #ad8323;
}
.stamp-main .main .s-user-info .use-name-box .user-grade .grade-badge.pioneer {
  color: #3994e5;
}
.stamp-main .main .s-user-info .use-name-box h2 {
  font-size: 32px;
  font-weight: 800;
  line-height: 130%;
  letter-spacing: -0.48px;
  color: #3e3e3e;
  font-family: "Tmoney-RoundWind", sans-serif;
}
.stamp-main .main .s-user-info .use-name-box .user-name-wrap {
  /* <주석> ellipsis 적용 start */
  display: inline-flex;
  /* <주석> ellipsis 적용 end */
}
.stamp-main .main .s-user-info .use-name-box .user-name-wrap .user-name {
  /* <주석> ellipsis 적용 start */
  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;
  max-width: 200px;
  /* <주석> ellipsis 적용 end */
}
.stamp-main .main .s-user-info .user-stamp-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding: 26px 30px;
  border-radius: 20px;
  /* <주석> 스탬프탭 상단 영역 컬러 수정 start */
  border: 1px solid #e4e4e4;
  /* <주석> 스탬프탭 상단 영역 컬러 수정 end */
}
.stamp-main .main .s-user-info .user-stamp-box .title {
  display: flex;
  align-items: center;
  gap: 5px;
}
.stamp-main .main .s-user-info .user-stamp-box .stamp-score-box,
.stamp-main .main .s-user-info .user-stamp-box .user-point-wrap,
.stamp-main .main .s-user-info .user-stamp-box .user-coupon-wrap,
.stamp-main .main .s-user-info .user-stamp-box .stamp-count-box .text-box {
  display: flex;
  flex-direction: column;
  gap: 6px 0;
}
.stamp-main .main .s-user-info .user-stamp-box .user-point-wrap a,
.stamp-main .main .s-user-info .user-stamp-box .user-coupon-wrap a {
  display: flex;
  flex-direction: column;
  gap: 6px 0;
}
.stamp-main .main .s-user-info .user-stamp-box .stamp-score-box span {
  color: #3994e5;
}
.stamp-main .main .s-user-info .user-stamp-box .stamp-score-box span .score {
  font-size: 34px;
  font-weight: 800;
  line-height: 130%;
  letter-spacing: -0.747px;
  color: #3994e5;
}
.stamp-main .main .s-user-info .user-stamp-box .user-point-wrap,
.stamp-main .main .s-user-info .user-stamp-box .user-coupon-wrap {
  position: relative;
}
.stamp-main .main .s-user-info .user-stamp-box .user-point-wrap .title,
.stamp-main .main .s-user-info .user-stamp-box .user-coupon-wrap .title {
  margin-bottom: 4px;
}
.stamp-main .main .s-user-info .user-stamp-box .user-point-wrap .point-wrap,
.stamp-main .main .s-user-info .user-stamp-box .user-coupon-wrap .point-wrap {
  font-size: 24px;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -0.32px;
  color: #3e3e3e;
}
.stamp-main .main .s-user-info .user-stamp-box .user-point-wrap::before,
.stamp-main .main .s-user-info .user-stamp-box .user-coupon-wrap::before {
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  left: -30px;
  bottom: 0;
  display: block;
  width: 1px;
  height: 35px;
  background-color: #e4e4e4;
}
.stamp-main .main .s-user-info .user-stamp-box .stamp-count-box {
  position: relative;
  border-radius: 12px;
  background-color: #eff6fd;
  padding: 23px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 91px;
  overflow: hidden;
  width: 334px;
  height: 119px;
}
.stamp-main .main .s-user-info .user-stamp-box .stamp-count-box .text-box .title {
  margin-bottom: 5px;
  line-height: 100%;
  letter-spacing: -0.26px;
  opacity: 0.6;
  margin-bottom: 10px;
}
.stamp-main .main .s-user-info .user-stamp-box .stamp-count-box .text-box .stamp-count {
  display: flex;
  align-items: center;
}
.stamp-main .main .s-user-info .user-stamp-box .stamp-count-box .text-box .stamp-count strong {
  font-size: 24px;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -0.32px;
  color: #3e3e3e;
}
.stamp-main .main .s-user-info .user-stamp-box .stamp-count-box .text-box .stamp-count .score-wrap {
  margin-left: 3px;
}
.stamp-main .main .s-user-info .user-stamp-box .stamp-count-box .stamp-ani-box {
  display: flex;
  align-items: center;
  gap: 0 6px;
  height: 91px;
}
.stamp-main .main .s-user-info .user-stamp-box .stamp-count-box .link-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*<주석>2025.03.14 z-index 설정 start*/
  z-index:9;
  /*<주석>2025.03.14 z-index 설정 end*/
}
.stamp-main .main .s-user-info .user-stamp-box .stamp-img {
  position: absolute;
  top: -170px;
  right: 0px;
  width: 206px;
  animation: stampAni 3000ms linear 0.1s infinite;
  transition-delay: 1s;
  z-index: 1;
}
.stamp-main .main .s-user-info .user-stamp-box .stamp-img img {
  width: 100%;
}
.stamp-main .main .s-user-info .btn-wrap {
  display: flex;
  align-items: center;
  justify-content: right;
  gap: 10px;
}
.stamp-main .main .s-user-info .btn-wrap .btn, .stamp-main .main .s-user-info .btn-wrap .popup-btn {
  width: 180px;
  height: 42px;
  background-color: #b0b0b0;
}
.stamp-main .main .s-user-info .full-btn-box {
  display: none;
  margin-top: 16px;
}
.stamp-main .main .s-user-info .full-btn-box.show {
  display: block;
}
.stamp-main .main .s-user-info .section-title-wrap {
  margin-bottom: 26px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.stamp-main .main .s-user-info .section-title-wrap .section-main-title {
  font-family: "Tmoney-RoundWind", sans-serif;
}
.stamp-main .main .s-user-info .section-title-wrap .grade-info {
  padding: 7px 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #919191;
  gap: 6px;
  background-color: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 100px;
}
.stamp-main .main .s-user-info .section-title-wrap .grade-info svg,
.stamp-main .main .s-user-info .section-title-wrap .grade-info path {
  stroke: #c7c7c7;
}
.stamp-main .main .s-user-info .section-content .btn, .stamp-main .main .s-user-info .section-content .popup-btn {
  width: 200px;
}
.stamp-main .main .s-stamp .inner-wrap {
  overflow: hidden;
}
.stamp-main .main .s-stamp .stamp-collect-wrap {
  padding-top: 70px;
}
.stamp-main .main .s-stamp .stamp-collect-wrap .collect-list {
  display: flex;
  flex-direction: column;
  gap: 24px 0;
  position: relative;
  padding: 40px 28px;
  width: 255px;
  min-width: 255px;
  height: 275px;
  background-color: #f7f7f7;
  border-radius: 25px;
}
.stamp-main .main .s-stamp .stamp-collect-wrap .collect-list .img-wrap {
  position: absolute;
  top: -50px;
  right: 5px;
  z-index: 1;
}
.stamp-main .main .s-stamp .stamp-collect-wrap .collect-list .img-wrap img {
  width: 115px;
  height: 115px;
  -o-object-fit: contain;
     object-fit: contain;
}
.stamp-main .main .s-stamp .stamp-collect-wrap .collect-list .text-box {
  display: flex;
  flex-direction: column;
  gap: 24px 0;
  justify-content: space-between;
  height: 100%;
}
.stamp-main .main .s-stamp .stamp-collect-wrap .collect-list .text-box .details-tit {
  display: flex;
  flex-direction: column;
  gap: 8px 0;
  margin-bottom: 6px;
  font-size: 20px;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -0.32px;
  color: #3e3e3e;
}
.stamp-main .main .s-stamp .stamp-collect-wrap .collect-list .text-box .details-tit .details-desc {
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.32px;
  color: #3e3e3e;
}
.stamp-main .main .s-stamp .stamp-collect-wrap .collect-list .text-box .details-wrap {
  display: flex;
  flex-direction: column;
  gap: 24px 0;
}
.stamp-main .main .s-stamp .stamp-collect-wrap .collect-list .text-box .details-wrap .details {
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -1px;
  color: #3e3e3e;
  opacity: 0.6;
}
.stamp-main .main .s-stamp .stamp-collect-wrap .collect-list .text-box .details-wrap .btn, .stamp-main .main .s-stamp .stamp-collect-wrap .collect-list .text-box .details-wrap .popup-btn {
  color: #fff;
  border-radius: 16px;
}
.stamp-main .main .s-stamp .stamp-collect-wrap .collect-list.completed .details-wrap .btn, .stamp-main .main .s-stamp .stamp-collect-wrap .collect-list.completed .details-wrap .popup-btn {
  background-color: #f0f0f0;
  color: #c7c7c7;
}
.stamp-main .main .s-membership .membership-list-wrap {
  display: grid;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.stamp-main .main .s-membership .membership-list-wrap .membership-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 16px;
  background-color: #eff6fd;
  padding: 30px 32px;
  gap: 25px;
}
.stamp-main .main .s-membership .membership-list-wrap .membership-list .content-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  align-items: center;
}
.stamp-main .main .s-membership .membership-list-wrap .membership-list .icon-box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
}
.stamp-main .main .s-membership .membership-list-wrap .membership-list .icon-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.stamp-main .main .s-membership .membership-list-wrap .membership-list .list-tit {
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.4px;
  color: #3e3e3e;
}
.stamp-main .main .s-membership .membership-list-wrap .membership-list .desc {
  font-size: 12px;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.28px;
  color: #3994e5;
}
.stamp-main .main .s-membership .membership-list-wrap .membership-list .get-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  width: 130px;
  height: 49px;
  background-color: #3994e5;
  border-radius: 8px;
  color: #fff;
}
.stamp-main .main .s-membership .membership-list-wrap .membership-list.completed {
  background-color: #f7f7f7;
}
.stamp-main .main .s-membership .membership-list-wrap .membership-list.completed .desc {
  color: #919191;
}
.stamp-main .main .s-membership .membership-list-wrap .membership-list.completed .get-btn {
  background-color: #e8e8e8;
  color: #c7c7c7;
}
.stamp-main .main .s-app-agree .inner-wrap {
  gap: 40px;
}
.stamp-main .main .s-app-agree .app-brand-box .brand-list-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.stamp-main .main .s-app-agree .app-brand-box .brand-list-wrap .brand-list {
  position: relative;
  text-align: center;
  flex-shrink: 0;
}
.stamp-main .main .s-app-agree .app-brand-box .brand-list-wrap .brand-list.completed .brand-img-wrap {
  border-color: #c7c7c7;
  background-color: #f7f7f7;
}
.stamp-main .main .s-app-agree .app-brand-box .brand-list-wrap .brand-list.completed .brand-img-wrap .badge {
  background-color: #c7c7c7;
}
.stamp-main .main .s-app-agree .app-brand-box .brand-list-wrap .brand-list .link-btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.stamp-main .main .s-app-agree .app-brand-box .brand-list-wrap .brand-list .brand-img-wrap {
  position: relative;
  width: 124px;
  height: 124px;
  border-radius: 50%;
  border: 2.5px solid #b5d6fb;
  background-color: #f1f4ff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.stamp-main .main .s-app-agree .app-brand-box .brand-list-wrap .brand-list .brand-img-wrap img {
  width: 85px;
  height: 85px;
  border-radius: 85px;
}
.stamp-main .main .s-app-agree .app-brand-box .brand-list-wrap .brand-list .brand-img-wrap .badge {
  position: absolute;
  top: 5px;
  left: 50%;
  width: -moz-max-content;
  width: max-content;
  border-radius: 40px;
  padding: 5px 11px;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.221px;
  color: #fff;
  background-color: #3994e5;
  transform: translate(-50%, -50%);
}
.stamp-main .main .s-app-agree .app-brand-box .brand-list-wrap .brand-list .brand-name {
  margin-top: 12px;
  color: #3e3e3e;
}
.stamp-main .main .s-marketing-agree {
  margin-bottom: 0;
  border-bottom: none;
}
.stamp-main .main .s-marketing-agree .agree-list-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.stamp-main .main .s-marketing-agree .agree-list-wrap .agree-list {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 28px 0;
  background-color: #f1f4ff;
  border-radius: 12px;
  flex: 1;
}
.stamp-main .main .s-marketing-agree .agree-list-wrap .agree-list .link-box {
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.stamp-main .main .s-marketing-agree .agree-list-wrap .agree-list .tit {
  flex-grow: 1;
  font-size: 22px;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.32px;
  color: #3e3e3e;
}
.stamp-main .main .s-marketing-agree .agree-list-wrap .agree-list .input-box label {
  color: #3994e5;
  display: flex;
  align-items: center;
  gap: 0 7px;
}
.stamp-main .main .s-marketing-agree .agree-list-wrap .agree-list .input-box label input {
  display: none;
}
.stamp-main .main .s-marketing-agree .agree-list-wrap .agree-list .input-box label .icon {
  display: inline-block;
  background-image: url(/pc/images/icon/icn_plus.svg);
  width: 10px;
  height: 9px;
  background-repeat: no-repeat;
  background-position: center;
}
.stamp-main .main .s-marketing-agree .agree-list-wrap .agree-list.completed {
  background-color: #f7f7f7;
}
.stamp-main .main .s-marketing-agree .agree-list-wrap .agree-list.completed .tit {
  color: #c7c7c7;
}
.stamp-main .main .s-marketing-agree .agree-list-wrap .agree-list.completed .input-box label {
  color: #c7c7c7;
}
.stamp-main .main .s-marketing-agree .agree-list-wrap .agree-list.completed .input-box label .icon {
  background-image: url(/pc/images/icon/icn_input_checked.svg);
}

.point-details .s-point-info {
  display: flex;
  flex-direction: column;
  gap: 0 0;
  align-items: center;
}
.point-details .s-point-info .inner-wrap {
  /*<주석>2025.04.08 여백수정 start */
  padding: 40px 64px;
  /*<주석>2025.04.08 여백수정 end */
}
.point-details .s-user-point .user-point-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 60px;
  padding: 36px;
  height: 151px;
  border-radius: 20px;
  background-color: #f5f5f5;
}
.point-details .s-user-point .user-point-wrap > li {
  display: flex;
  flex-direction: column;
  gap: 27px 0;
  position: relative;
  flex-grow: 1;
  flex: 1;
  justify-content: flex-start;
}
.point-details .s-user-point .user-point-wrap > li:not(:first-child)::before {
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: -30px;
  width: 1px;
  height: 35px;
  background-color: #e4e4e4;
}
.point-details .s-user-point .user-point-wrap > li .tooltip {
  left: -50px;
}
.point-details .s-user-point .user-point-wrap > li:nth-child(3) .tooltip {
  left: -87px;
}
.point-details .s-user-point .user-point-wrap .tit-box {
  display: flex;
  align-items: center;
  gap: 5px;
}
.point-details .s-user-point .user-point-wrap .tit-box img {
  opacity: 0.4;
}
.point-details .s-user-point .user-point-wrap .point-wrap {
  font-size: 24px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.4px;
  color: #3e3e3e;
}
.point-details .s-details-content .inner-wrap {
  gap: 48px;
  padding-top: 0;
}
.point-details .s-details-content .tab-box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 0;
  border-bottom: 2px solid #242424;
}
.point-details .s-details-content .tab-box .tab-btn-wrap {
  display: flex;
  gap: 21px;
  align-items: center;
}
.point-details .s-details-content .tab-box .tab-btn-wrap button {
  color: #0f0f0f;
  font-size: 24px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.4px;
  color: #3e3e3e;
  opacity: 0.5;
}
.point-details .s-details-content .tab-box .tab-btn-wrap button.active {
  opacity: 1;
}
.point-details .s-details-content .tab-box .tab-filter-wrap {
  display: flex;
  gap: 8px;
  align-items: center;
}
.point-details .s-details-content .tab-box .tab-filter-wrap button {
  padding: 8px 16px;
  border: 1px solid #C7C7C7;
  border-radius: 4px;
  color: #919191;
}
.point-details .s-details-content .tab-box .tab-filter-wrap button.active {
  background-color: #000;
  color: #fff;
  border-color: #000;
}
.point-details .s-details-content .tab-content-box .tab-content {
  position: relative;
  display: none;
}
.point-details .s-details-content .tab-content-box .tab-content.show {
  display: block;
}
.point-details .s-details-content .tab-content-box .tab-content.no-result .content-container {
  display: none;
}
.point-details .s-details-content .tab-content-box .tab-content.no-result .no-result-box {
  display: block;
}
.point-details .s-details-content .tab-content-box .tab-content.no-result .paging-wrap {
  display: none;
}
.point-details .s-details-content .tab-content-box .tab-content .content-container {
  display: block;
}
.point-details .s-details-content .tab-content-box .tab-content .no-result-box {
  display: none;
  padding: 200px 0;
  text-align: center;
}
.point-details .s-details-content .tab-content-box .tab-content .tab-desc {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: -35px;
  width: 100%;
}
.point-details .s-details-content .tab-content-box .tab-content.tab-content-01 .details-list {
  padding: 24px 0 !important;
}
.point-details .s-details-content .tab-content-box .tab-content.tab-content-03 .content-01 {
  margin-bottom: 0 !important;
}
.point-details .s-details-content .tab-content-box .tab-content.tab-content-03 .point-info {
  color: #0f0f0f !important;
}
.point-details .s-details-content .tab-content-box .tab-content:not(:nth-of-type(2)) .content-01 span:first-of-type::after {
  content: "•";
  display: inline-block;
  margin-left: 3px;
}
.point-details .s-details-content .tab-content-box .tab-content .details-wrap .details-list {
  padding: 14px 0;
  border-bottom: 1px solid #f0f0f0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.point-details .s-details-content .tab-content-box .tab-content .details-wrap .details-list .details-tit {
  display: flex;
  gap: 20px;
  align-items: center;
}
.point-details .s-details-content .tab-content-box .tab-content .details-wrap .details-list .details-tit .content-01 span {
  display: inline-block;
  color: #919191;
}
.point-details .s-details-content .tab-content-box .tab-content .details-wrap .details-list .details-tit .content-02 h4 {
  color: #3e3e3e;
}
.point-details .s-details-content .tab-content-box .tab-content .details-wrap .details-list .point-info {
  color: #3994e5;
}
.point-details .s-details-content .tab-content-box .tab-content .details-wrap .details-list .point-info.used {
  color: #919191;
}
.point-details .s-details-content .tab-content-box .tab-content .btn-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  gap: 15px;
}
.point-details .s-details-content .tab-content-box .tab-content .btn-wrap .btn, .point-details .s-details-content .tab-content-box .tab-content .btn-wrap .popup-btn {
  width: 200px;
}

.coupon-main .main {
  padding-bottom: 34px;
}
.coupon-main .main.no-result .s-coupon-list {
  display: none;
}
.coupon-main .main.no-result .s-no-result-box {
  display: flex;
}
.coupon-main .tab-box {
  width: 100%;
  padding: 10px 20px;
  border-bottom: 1px solid #f0f0f0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  height: 57px;
}
.coupon-main .tab-box ul {
  display: flex;
  gap: 0 16px;
}
.coupon-main .tab-box ul li.tab-btn {
  color: #9e9e9e;
}
.coupon-main .tab-box ul li.tab-btn.active button {
  font-weight: 700;
  color: #252525;
}
.coupon-main .tab-box .tab-btn button {
  color: #C7C7C7;
}
.coupon-main .tab-box .tab-btn.active button {
  color: #0f0f0f;
}
.coupon-main .tab-box .register-box .register-btn {
  display: flex;
  align-items: center;
  width: 80px;
  height: 37px;
}
.coupon-main .coupon-count-box {
  /*<주석>2025.03.06 필터링용 드롭다운 추가 start*/
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.coupon-main .coupon-count-box #coupon-filter {
    position: relative;
}
.coupon-main .coupon-count-box #coupon-filter .selectedTxt {
    font-size: 15px;
    letter-spacing: -.3px;
    font-weight: 400;
    position: relative;
}
.coupon-main .coupon-count-box #coupon-filter .selectedTxt::after {
    content: "";
    margin-left: 10px;
    display: inline-flex;
    width: 7px;
    height: 12px;
    transform: rotate(90deg);
    background: url(/mobile/images/icon/icn_arrow_right_black.svg) center/cover no-repeat;
}
.coupon-main .coupon-count-box #coupon-filter .optionBox {
    display: none;
    position: absolute;
    border-radius: 8px;
    border: 1px solid #EBEBEB;
    padding: 10px;
    width: 95px;
    background: #fff;
    right: -20px;
    bottom: -10px;
    transform: translate(0, 100%);
    box-shadow: 0px 8px 16px -5px rgba(26, 26, 26, 0.03);
    box-shadow: 0px 20px 48px -11px rgba(19, 19, 19, 0.14);
}
.coupon-main .coupon-count-box #coupon-filter .optionBox.show {
    display: block;
}
.coupon-main .coupon-count-box #coupon-filter .optionBox .option {
    display: block;
    font-size: 15px;
    letter-spacing: -.3px;
    font-weight: 400;
    color: #C7C7C7;
}
.coupon-main .coupon-count-box #coupon-filter .optionBox .option+.option {
    margin-top: 10px;
}
.coupon-main .coupon-count-box #coupon-filter .optionBox .option.selected {
    color: #0F0F0F;
    /*<주석>2025.03.06 필터링용 드롭다운 추가 end*/
}
.coupon-main .coupon-count-box .coupon-note {
  color: #919191;
}
.coupon-main .coupon-count-box .coupon-count {
  color: #f86c61;
}
.coupon-main .s-coupon-list .coupon-box .coupon-list-wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.coupon-main .s-coupon-list .coupon-box .coupon-list-wrap .coupon-list {
  border-radius: 24px;
  border: 2px solid #ebebeb;
}
.coupon-main .s-coupon-list .coupon-box .coupon-list-wrap .coupon-list .coupon-link {
  padding: 20px 40px 20px 20px;
  display: flex;
  flex-direction: column;
  gap: 10px 0;
  width: 100%;
}
.coupon-main .s-coupon-list .coupon-box .coupon-list-wrap .coupon-list .badge-box {
  display: flex;
  align-items: center;
  gap: 0 4px;
}
.coupon-main .s-coupon-list .coupon-box .coupon-list-wrap .coupon-list .badge-box .badge {
  width: -moz-fit-content;
  width: fit-content;
  padding: 3px 7px;
  border-radius: 6px;
  background-color: #f4f5fa;
  color: #0f0f0f;
}
.coupon-main .s-coupon-list .coupon-box .coupon-list-wrap .coupon-list .badge-box .badge.plus {
  border-radius: 4px;
  background-color: #f0f0f0;
  font-weight: 400;
  color: #3e3e3e;
}
.coupon-main .s-coupon-list .coupon-box .coupon-list-wrap .coupon-list .benefit-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 10px;
  border-bottom: 1px dashed #ebebeb;
  width: 100%;
}
.coupon-main .s-coupon-list .coupon-box .coupon-list-wrap .coupon-list .benefit-box .benefit {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #0f0f0f;
}
.coupon-main .s-coupon-list .coupon-box .coupon-list-wrap .coupon-list .benefit-box .benefit strong {
  font-size: 24px;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -0.48px;
  color: #0f0f0f;
  margin-right: 1px;
}
.coupon-main .s-coupon-list .coupon-box .coupon-list-wrap .coupon-list .title-box .coupon-tit {
  color: #3e3e3e;
  /*<주석>2025.03.18 텍스트 정렬 수정 start*/
  text-align:left;
  /*<주석>2025.03.18 텍스트 정렬 수정 end*/
}
.coupon-main .s-coupon-list .coupon-box .coupon-list-wrap .coupon-list .due-date-box {
  margin-top: 2px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.coupon-main .s-coupon-list .coupon-box .coupon-list-wrap .coupon-list .due-date-box .due-date {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 5px;
}
.coupon-main .s-coupon-list .coupon-box .coupon-list-wrap .coupon-list .due-date-box .due-date .date-badge {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 20px;
  color: #fff;
  padding: 4px 12px;
  height: 27px;
  background-color: #f86c61;
}
.coupon-main .s-coupon-list .no-result-box {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 192px;
  text-align: center;
  color: #919191;
  display: none;
}
.coupon-main .s-coupon-list.no-result .coupon-box,
.coupon-main .s-coupon-list.no-result .paging-wrap {
  display: none;
}
.coupon-main .s-coupon-list.no-result .no-result-box {
  display: flex;
}
.coupon-main .s-coupon-list.no-result .coupon-count-box {
  justify-content: flex-end;
}
.coupon-main .s-coupon-list.no-result .coupon-count-box .coupon-note {
  display: none;
}

.coupon-details .coupon-box,
.coupon-details .conpon-details-box,
.coupon-details .btn-wrap {
  margin: auto;
  width: 407px;
  padding: 0 20px;
}
.coupon-details .s-coupon-details .coupon-box {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.coupon-details .s-coupon-details .coupon-box .coupon-info-content {
  display: flex;
  flex-direction: column;
  gap: 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px 0 32px;
  gap: 21px 0;
}
.coupon-details .s-coupon-details .coupon-box .coupon-info-content .date-badge {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 20px;
  color: #fff;
  padding: 4px 12px;
  height: 27px;
  background-color: #f86c61;
  position: absolute;
  left: 0;
  top: 0;
}
.coupon-details .s-coupon-details .coupon-box .coupon-info-content .badge-box {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 4px;
}
.coupon-details .s-coupon-details .coupon-box .coupon-info-content .badge-box .badge {
  width: -moz-fit-content;
  width: fit-content;
  padding: 3px 7px;
  border-radius: 6px;
  background-color: #f4f5fa;
  color: #0f0f0f;
}
.coupon-details .s-coupon-details .coupon-box .coupon-info-content .badge-box .badge.plus {
  border-radius: 4px;
  background-color: #f0f0f0;
  font-weight: 400;
  color: #3e3e3e;
}
.coupon-details .s-coupon-details .coupon-box .coupon-info-content .badge-box .badge:not(.plus) {
  padding: 8px 12px;
}
.coupon-details .s-coupon-details .coupon-box .coupon-info-content .coupon-info {
  display: flex;
  flex-direction: column;
  gap: 10px 0;
}
.coupon-details .s-coupon-details .coupon-box .coupon-info-content .coupon-info .benefit-box {
  font-size: 40px;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -0.4px;
  color: #3e3e3e;
}
.coupon-details .s-coupon-details .coupon-box .coupon-barcode-num {
  border-top: 2px dashed #eaeaea;
  width: 100%;
  padding-top: 32px;
}
.coupon-details .s-coupon-details .coupon-box .coupon-barcode-num .bardcode-img {
  width: 260px;
  margin: 0 auto 10px;
}
.coupon-details .s-coupon-details .coupon-box .coupon-barcode-num .bardcode-img img {
  width: 100%;
}
.coupon-details .s-coupon-details .coupon-box .coupon-barcode-num .barcode-text {
  color: #919191;
}
.coupon-details .s-coupon-details .coupon-box .coupon-barcode-num .coupon-num-box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 12px;
}
.coupon-details .s-coupon-details .coupon-box .coupon-barcode-num .coupon-num-box .tit {
  color: #919191;
}
.coupon-details .s-coupon-details .coupon-box .coupon-barcode-num .coupon-num-box .coupon-num-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 4px;
}
.coupon-details .conpon-details-box {
  padding-top: 0;
}
.coupon-details .conpon-details-box .info-wrap {
  display: flex;
  flex-direction: column;
  gap: 8px 0;
}
.coupon-details .conpon-details-box .info-wrap .info-list {
  display: flex;
}
.coupon-details .conpon-details-box .info-wrap .info-list .info-title {
  min-width: 70px;
}
.coupon-details .btn-wrap {
  display: flex;
  flex-direction: column;
  gap: 8px 0;
  padding: 32px 20px 0;
}
.coupon-details .btn-wrap .link-btn {
  color: #252525;
  height: 50px;
  border: 1px solid #c7c7c7;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
}

.coupon-popup .section-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: -0.4px;
  color: #0f0f0f;
  text-align: center;
  margin-bottom: 32px;
}
.coupon-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;
}

.coupon-items .s-search {
  padding-bottom: 32px;
}
.coupon-items .s-search .count-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0 0;
}
.coupon-items .s-search .count-box p {
  color: #919191;
}
.coupon-items .s-search .count-box span {
  font-weight: 600;
  color: #0f0f0f;
}
.coupon-items .s-search input:not(:-moz-placeholder-shown) {
  border-color: black;
}
.coupon-items .s-search input:focus,
.coupon-items .s-search input:not(:placeholder-shown),
.coupon-items .s-search input[value] {
  border-color: black;
}
.coupon-items .s-items-list {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.coupon-items .s-items-list .details-wrap {
  display: flex;
  flex-direction: column;
  gap: 14px 0;
}
.coupon-items .s-items-list .details-wrap .detail-list {
  padding-bottom: 14px;
  /*<주석>2025.03.07 썸네일 추가 및 css조정 start*/
  border-bottom: 1px solid #f0f0f0;
  display: flex;
  gap: 18px;
}
.coupon-items .s-items-list .details-wrap .detail-list .thum-box {
  width: 120px;
}
.coupon-items .s-items-list .details-wrap .detail-list .thum-box img {
  width: 100%;
}
.coupon-items .s-items-list .details-wrap .detail-list .info-box {
  width: calc(100% - 128px);
}

.coupon-items .s-items-list .details-wrap .detail-list:not(:last-child) {
  border-bottom: 1px solid #f0f0f0;
}
.coupon-items .s-items-list .details-wrap .detail-list .brand-name {
  margin-bottom: 2px;
  color: #919191;
}
.coupon-items .s-items-list .details-wrap .detail-list .item-name {
  margin-bottom: 16px;
  font-size: 18px;
}
.coupon-items .s-items-list .details-wrap .detail-list .info-wrap {
  display: flex;
  flex-direction: column;
  gap: 6px 0;
  font-size: 16px;
  width: 100%;
}
.coupon-items .s-items-list .details-wrap .detail-list .info-wrap .info-list {
  display: flex;
  gap: 0 4px;
}
.coupon-items .s-items-list .details-wrap .detail-list .info-wrap .info-list .info-content {
  width: 190px;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.coupon-items .s-items-list .details-wrap .detail-list .info-wrap .info-list .info-content.colorCode {
  -webkit-line-clamp: 2;
  /*<주석>2025.03.07 썸네일 추가 및 css조정 end*/
}
.coupon-register .s-coupone-register .search-box {
  display: flex;
  gap: 8px;
  width: 100%;
  margin: 0 0 32px;
}
.coupon-register .s-coupone-register .search-box input {
  flex-grow: 1;
}
.coupon-register .s-coupone-register .search-box button {
  width: 88px;
}
.coupon-register .s-coupone-register .note-list:before {
  color: #919191 !important;
}
.coupon-register .note-box {
  padding: 16px 25px;
}
.coupon-register .note-box .note-wrap {
  margin: 0;
}
.coupon-register .note-box .note-list {
  font-size: 13px !important;
}

.coupon-store .s-search {
  padding-bottom: 10px !important;
}
.coupon-store .s-search .count-box {
  /*<주석>2025.03.07 쿠폰 사용 가능 매장 css조정 start*/
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0 22px;
}
.coupon-store .s-search .count-box p {
    color: #919191;
}
.coupon-store .s-search .count-box span {
    font-weight: 600;
    color: #0f0f0f;
  /*<주석>2025.03.07 쿠폰 사용 가능 매장 css조정 end*/
}
.coupon-store .search-box {
  margin: 0;
}
.coupon-store .tab-box {
  width: 100%;
  padding: 10px 20px;
  border-bottom: 1px solid #f0f0f0;
  padding: 42px 0 0;
  border: 0;
}
.coupon-store .tab-box ul {
  display: flex;
  gap: 0 16px;
}
.coupon-store .tab-box ul li.tab-btn {
  color: #9e9e9e;
}
.coupon-store .tab-box ul li.tab-btn.active button {
  font-weight: 700;
  color: #252525;
}
.coupon-store .s-store-list {
  padding: 0 42px !important;
}
.coupon-store .s-store-list .tab-contentWrap.show {
  /*<주석>2025.03.07 쿠폰 사용 가능 매장 css조정 start*/
  display: block;
}
.coupon-store .s-store-list .tab-contentWrap.no-result .store-wrap {
  display: none;
}
.coupon-store .s-store-list .tab-contentWrap.no-result .no-result-box {
  display: block;
}
.coupon-store .s-store-list .tab-contentWrap .store-wrap .store-list {
  padding: 24px 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 10px;
  border-bottom: 1px solid #f0f0f0;
}
.coupon-store .s-store-list .tab-contentWrap .store-wrap .store-list:last-child {
  border-bottom: 0;
}
.coupon-store .s-store-list .tab-contentWrap .store-wrap .store-list .radio-wrap input[type=radio] {
  accent-color: #3994e5;
}
.coupon-store .s-store-list .tab-contentWrap .store-wrap .store-list .store-intfo-box {
  flex-grow: 1;
}
.coupon-store .s-store-list .tab-contentWrap .store-wrap .store-list .store-intfo-box a {
  display: block;
  cursor: pointer;
}
.coupon-store .s-store-list .tab-contentWrap .store-wrap .store-list .store-intfo-box .store-badge {
  display: inline-block;
  padding: 3px 8px;
}
.coupon-store .s-store-list .tab-contentWrap .store-wrap .store-list .store-intfo-box .store-badge.green {
  background-color: #82bf5b;
}
.coupon-store .s-store-list .tab-contentWrap .store-wrap .store-list .store-intfo-box .store-badge.red {
  background-color: #ee1c25;
}
.coupon-store .s-store-list .tab-contentWrap .store-wrap .store-list .store-intfo-box .store-badge.blue {
  background-color: #1d2088;
}
.coupon-store .s-store-list .tab-contentWrap .store-wrap .store-list .store-intfo-box .store-badge.darkblue {
  background-color: #374077 ;
  /*<주석>2025.03.07 쿠폰 사용 가능 매장 css조정 end*/
}
.coupon-store .s-store-list .tab-contentWrap .store-wrap .store-list .store-intfo-box strong {
  margin: 8px 0 3px;
  display: block;
}
.coupon-store .no-result-box {
  display: none;
  padding: 170px 0 200px;
  text-align: center;
  color: #919191;
}

.coupon-popup {
  padding: 0;
}
.coupon-popup .popup-container {
  display: flex;
  flex-direction: column;
  gap: 12px 0;
  padding: 0;
  background-color: #fafafa;
}
.coupon-popup .popup-container section {
  width: 100%;
  padding: 40px 44px;
  background-color: #fff;
  border: 1px solid #f0f0f0;
}
.coupon-popup .store-checkin-intro {
  /* <주석> 스크롤바 삭제 수정 start */
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow: scroll;
  /* <주석> 스크롤바 삭제 수정 end */
}
.coupon-popup .store-checkin-intro .wrap-bg {
  /* <주석> 스크롤바 삭제 수정 start */
  overflow: hidden;
  /* <주석> 스크롤바 삭제 수정 end */
}
.coupon-popup .store-checkin-intro .notice .desc {
  /* <주석> 스크롤바 삭제 수정 start */
  overflow-y: scroll;
  overflow: auto;
  width: auto;
  height: 186px;
  background: rgba(255, 245, 245, 0.72);
  padding: 16px 20px;
  border-radius: 4px;
  /* <주석> 스크롤바 삭제 수정 end */
}
.coupon-popup .store-checkin-intro .notice .desc::-webkit-scrollbar {
  /* <주석> 스크롤바 삭제 수정 start */
  width: 18px;
  cursor: pointer;
  /* <주석> 스크롤바 삭제 수정 end */
}
.coupon-popup .store-checkin-intro .notice .desc::-webkit-scrollbar-thumb {
  /* <주석> 스크롤바 삭제 수정 start */
  background: rgba(15, 15, 15, 0.1);
  border: 6px solid rgba(255, 255, 255, 0.72);
  height: 125px;
  border-radius: 20px;
  opacity: 10%;
  box-shadow: none;
  /* <주석> 스크롤바 삭제 수정 end */
}
.coupon-popup .store-checkin-intro .notice .desc::-webkit-scrollbar-track {
  /* <주석> 스크롤바 삭제 수정 start */
  background: rgba(0, 0, 0, 0);
  box-shadow: none;
  /* <주석> 스크롤바 삭제 수정 end */
}
.coupon-popup .store-checkin-intro .btn-wrap {
  /* <주석> 스크롤바 삭제 수정 start */
  padding: 0px 44px 40px 44px;
  /* <주석> 스크롤바 삭제 수정 end */
}

@keyframes rollingY {
  0% {
    transform: translateY(-168px);
  }
  50% {
    transform: translateY(-84px);
  }
  100% {
    transform: translateY(0);
  }
}
.stamp-state.traveler .s-user-info {
  background-image: url(/pc/images/bg_traveler.png) !important;
}
.stamp-state.traveler .user-info .img-box .grade-wrap {
  background-image: url(/pc/images/img_grade_traveler.png) !important;
}
.stamp-state.explorer .s-user-info {
  background-image: url(/pc/images/bg_explorer.png) !important;
}
.stamp-state.explorer .user-info .img-box .grade-wrap {
  background-image: url(/pc/images/img_grade_explorer.png) !important;
}
.stamp-state.collector .s-user-info {
  background-image: url(/pc/images/bg_collector.png) !important;
}
.stamp-state.collector .user-info .img-box .grade-wrap {
  background-image: url(/pc/images/img_grade_collector.png) !important;
}
.stamp-state.pioneer .s-user-info {
  background-image: url(/pc/images/bg_pioneer.png) !important;
}
.stamp-state.pioneer .user-info .img-box .grade-wrap {
  background-image: url(/pc/images/img_grade_pioneer.png) !important;
}
.stamp-state .s-user-info {
  width: 100%;
  background: transparent no-repeat center/cover;
}
.stamp-state .s-user-info .inner-wrap {
  flex-direction: row !important;
  gap: 16px;
  width: 1200px;
  height: 268px;
  padding-top: 104px;
}
.stamp-state .s-user-info .user-info,
.stamp-state .s-user-info .user-score {
  display: flex;
  flex-direction: column;
  gap: 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 235px;
  /* <주석> 스탬프 현황 탭 상단 등급 영역 스탬프 상단 컬러 수정  start */
  background-color: rgb(255, 255, 255);
  /* <주석> 스탬프 현황 탭 상단 등급 영역 스탬프 상단 컬러 수정  end */
  box-shadow: 0 4px 28px rgba(0, 0, 0, 0.12);
  border-radius: 20px;
  z-index: 1;
}
.stamp-state .s-user-info .user-info {
  width: 276px;
  padding: 126px 48px 40px;
}
.stamp-state .s-user-info .user-info .use-name-wrap {
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.32px;
  color: #919191;
}
.stamp-state .s-user-info .user-info .user-grade {
  z-index: 1;
  position: relative;
  font-size: 32px;
  font-weight: 800;
  line-height: 130%;
  letter-spacing: -0.8px;
  color: #0f0f0f;
  font-family: "Tmoney-RoundWind", sans-serif;
  margin-top: 5px;
}
.stamp-state .s-user-info .user-info .img-box {
  z-index: 1;
  position: absolute;
  top: -30px;
  width: 100%;
}
.stamp-state .s-user-info .user-info .img-box .grade-wrap {
  width: 133px;
  height: 140px;
  margin: 0 auto;
  background: transparent no-repeat center/contain;
}
.stamp-state .s-user-info .user-info .bg-box {
  z-index: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding-bottom: 196px;
}
.stamp-state .s-user-info .user-score {
  padding: 30px 50px;
  justify-content: space-between;
  flex-grow: 1;
}
.stamp-state .s-user-info .user-score .expected-grade-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: flex-start;
  gap: 25px;
}
.stamp-state .s-user-info .user-score .expected-grade-box .text-box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  color: #3e3e3e;
}
.stamp-state .s-user-info .user-score .expected-grade-box .text-box button {
  width: 13px;
  height: 13px;
}
.stamp-state .s-user-info .user-score .expected-grade-box .text-box button img {
  width: 100%;
}
.stamp-state .s-user-info .user-score .expected-grade-box .text-box .tooltip.top {
  /* <주석> 토글 높이 수정  start */
  top: 30%;
  left: 25px;
  /* <주석> 토글 높이 수정  end */
}
.stamp-state .s-user-info .user-score .expected-grade-box .expected-grade {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3px;
}
.stamp-state .s-user-info .user-score .expected-grade-box .expected-grade .block-img-wrap {
  width: 35px;
}
.stamp-state .s-user-info .user-score .expected-grade-box .expected-grade .block-img-wrap img {
  width: 100%;
}
.stamp-state .s-user-info .user-score .expected-grade-box .expected-grade .grade {
  display: inline-block;
  font-size: 13px;
  font-weight: 800;
  line-height: 140%;
  letter-spacing: -0.26px;
  color: #000;
  font-family: "Tmoney-RoundWind", sans-serif;
}
.stamp-state .s-user-info .user-score .grade-progress-bar {
  display: flex;
  flex-direction: column;
  gap: 12px 0;
  width: 100%;
}
.stamp-state .s-user-info .user-score .grade-progress-bar .bar-wrap {
  position: relative;
}
.stamp-state .s-user-info .user-score .grade-progress-bar .bar-wrap .bg-bar {
  width: 100%;
  height: 18px;
  background-color: #e4e4e4;
  border-radius: 20px;
}
.stamp-state .s-user-info .user-score .grade-progress-bar .bar-wrap .dot {
  position: absolute;
  top: 4px;
  left: 33%;
  width: 10px;
  height: 10px;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 10px;
  z-index: 1;
}
.stamp-state .s-user-info .user-score .grade-progress-bar .bar-wrap .dot:nth-child(1) {
  left: 5px;
}
.stamp-state .s-user-info .user-score .grade-progress-bar .bar-wrap .dot:nth-child(2) {
  left: calc((33% - 2.5px) * 1);
}
.stamp-state .s-user-info .user-score .grade-progress-bar .bar-wrap .dot:nth-child(3) {
  left: calc((33% - 2.5px) * 2);
}
.stamp-state .s-user-info .user-score .grade-progress-bar .bar-wrap .dot:nth-child(4) {
  left: calc((33% - 2.5px) * 3);
}
.stamp-state .s-user-info .user-score .grade-progress-bar .bar-wrap .bar {
  position: absolute;
  top: 0;
  height: 18px;
  border-radius: 20px;
}
.stamp-state .s-user-info .user-score .grade-progress-bar .bar-wrap .bar::after {
  content: "현재 " attr(data-score) "점";
  display: inline-block;
  position: absolute;
  top: -33px;
  right: -40px;
  padding: 4px 10px;
  background-color: #000;
  border-radius: 8px;
  color: #fff;
  white-space: nowrap;
}
.stamp-state .s-user-info .user-score .grade-progress-bar .bar-wrap .bar::before {
  content: "";
  display: block;
  position: absolute;
  top: -8px;
  right: -10px;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top-color: #000;
  font-size: 0;
}
.stamp-state .s-user-info .user-score .grade-progress-bar.traveler .bar-wrap .bar {
  /*<주석>2025.04.07 progress-bar 수정 start */
  width: 20px;
  background-color: #b67c60;
}
.stamp-state .s-user-info .user-score .grade-progress-bar.traveler .bar-wrap .bar::after {
  right: -55px !important;
}
.stamp-state .s-user-info .user-score .grade-progress-bar.traveler .bar-wrap .bar::before {
  right: -10px !important;
}
.stamp-state .s-user-info .user-score .grade-progress-bar.traveler .grade-name-wrap .traveler span {
  font-weight: 600 !important;
  color: #b67c60 !important;
}
.stamp-state .s-user-info .user-score .grade-progress-bar.explorer .bar-wrap .bar {
  width: calc(235px + (5.25px * var(--bar-score)));
  background-color: #62b566;
}
.stamp-state .s-user-info .user-score .grade-progress-bar.explorer .grade-name-wrap .explorer span {
  font-weight: 600 !important;
  color: #62b566 !important;
}
.stamp-state .s-user-info .user-score .grade-progress-bar.collector .bar-wrap .bar {
  --max-bar-score: 50;
  width: calc(460px + ((205px / (var(--max-bar-score) - 41)) * (var(--bar-score) - 41)));
  max-width: 665px; /* 최대 너비 제한 */
  background-color: #f0b136;
}
.stamp-state .s-user-info .user-score .grade-progress-bar.collector .grade-name-wrap .collector span {
  font-weight: 600 !important;
  color: #ad8323 !important;
}
.stamp-state .s-user-info .user-score .grade-progress-bar.pioneer .bar-wrap .bar {
  width: 100%;
  background-color: #3994e5;
}
.stamp-state .s-user-info .user-score .grade-progress-bar.pioneer .bar-wrap .bar::after {
  right: -10px !important;
}
.stamp-state .s-user-info .user-score .grade-progress-bar.pioneer .bar-wrap .bar::before {
  right: 0px !important;
}
.stamp-state .s-user-info .user-score .grade-progress-bar.pioneer .grade-name-wrap .pioneer span {
  font-weight: 600 !important;
  color: #3994e5 !important;
  /*<주석>2025.04.07 progress-bar 수정 end */
}
.stamp-state .s-user-info .user-score .grade-name-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.stamp-state .s-user-info .user-score .grade-name-wrap > div {
  display: flex;
  flex-direction: column;
  gap: 0 0;
}
.stamp-state .s-user-info .user-score .grade-name-wrap > div span {
  text-align: center;
}
.stamp-state .s-user-info .user-score .grade-name-wrap > div.traveler span {
  text-align: left;
}
.stamp-state .s-user-info .user-score .grade-name-wrap > div.collector {
  position: relative;
  left: 13px;
}
.stamp-state .s-user-info .user-score .grade-name-wrap > div.pioneer span {
  text-align: right;
}
.stamp-state .s-stamp {
  padding: 120px 0 0;
}
.stamp-state .s-stamp input[type=radio] {
  display: none;
}
.stamp-state .s-stamp .btn-collection {
  display: flex;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: relative;
  width: 174px;
  height: 174px;
  background: transparent no-repeat center/contain;
  background-image: url(/pc/images/stamp_mini/img_stamp_collection.png);
  overflow: hidden;
}
.stamp-state .s-stamp .btn-collection .collection-wrap {
  width: 64px;
  height: 84px;
  overflow-y: hidden;
}
.stamp-state .s-stamp .btn-collection .collection-inner {
  display: flex;
  flex-direction: column;
  gap: 0 0;
  width: 64px;
  height: 252px;
  transform: translateY(-84px);
  animation: rollingY 3s infinite;
  mix-blend-mode: darken;
}
.stamp-state .s-stamp .btn-collection img {
  width: 100%;
  aspect-ratio: 98/128;
}
.stamp-state .s-stamp .stamp-tab-wrap {
  padding: 16px 0;
  border-bottom: 2px solid #242424;
}
.stamp-state .s-stamp .stamp-tab {
  display: flex;
  gap: 32px;
  width: 100%;
  border-radius: 48px;
}
.stamp-state .s-stamp .stamp-tab label {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 44px;
  border-radius: 44px;
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0.32px;
  color: #C7C7C7;
  cursor: pointer;
}
.stamp-state .s-stamp .stamp-tab #tab_btn_01:checked ~ #tab_label_01,
.stamp-state .s-stamp .stamp-tab #tab_btn_02:checked ~ #tab_label_02 {
  background-color: #fff;
  color: #0f0f0f;
}
.stamp-state .s-stamp .tab-list {
  display: flex;
  flex-direction: column;
  gap: 13px 0;
  display: none;
}
.stamp-state .s-stamp .tab-list > .desc {
  color: #919191;
  padding: 30px 0;
  width: 100%;
}
.stamp-state .s-stamp .tab-list > .desc span {
  color: #0f0f0f;
}
.stamp-state .s-stamp .stamp-wrap {
  position: relative;
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap {
  margin: 0 auto;
  width: 1072px;
  aspect-ratio: 2144/4596;
  background: url(/pc/images/bg_stamp.png) no-repeat top center/1072px;
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li {
  position: absolute;
  width: 144px;
  aspect-ratio: 1/1;
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:has(.btn-collection) {
  position: absolute;
  width: 174px;
  left: 148px !important;
  top: 118px !important;
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:has(.btn-collection)::after {
  content: "";
  display: block;
  position: absolute;
  top: -33px;
  left: -33px;
  width: 240px;
  height: 240px;
  background: transparent no-repeat center/contain;
  background-image: url(/pc/images/stamp_mini/img_stamp_collection_shadow.png);
  background-blend-mode: darken;
  opacity: 1;
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap .btn-collection {
  z-index: 1;
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap .btn-stamp {
  position: absolute;
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(2) {
  left: 362px !important;
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(1) {
  left: 188px;
  top: calc(108px + 0 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(2) {
  left: 372px;
  top: calc(91px + 0 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(3) {
  left: 556px;
  top: calc(59px + 0 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(4) {
  left: 740px;
  top: calc(26px + 0 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(5) {
  left: 740px;
  top: calc(273px + 0 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(6) {
  left: 556px;
  top: calc(313px + 0 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(7) {
  left: 372px;
  top: calc(353px + 0 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(8) {
  left: 188px;
  top: calc(393px + 0 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(9) {
  left: 188px;
  top: calc(108px + 1 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(10) {
  left: 372px;
  top: calc(91px + 1 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(11) {
  left: 556px;
  top: calc(59px + 1 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(12) {
  left: 740px;
  top: calc(26px + 1 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(13) {
  left: 740px;
  top: calc(273px + 1 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(14) {
  left: 556px;
  top: calc(313px + 1 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(15) {
  left: 372px;
  top: calc(353px + 1 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(16) {
  left: 188px;
  top: calc(393px + 1 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(17) {
  left: 188px;
  top: calc(108px + 2 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(18) {
  left: 372px;
  top: calc(91px + 2 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(19) {
  left: 556px;
  top: calc(59px + 2 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(20) {
  left: 740px;
  top: calc(26px + 2 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(21) {
  left: 740px;
  top: calc(273px + 2 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(22) {
  left: 556px;
  top: calc(313px + 2 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(23) {
  left: 372px;
  top: calc(353px + 2 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(24) {
  left: 188px;
  top: calc(393px + 2 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(25) {
  left: 188px;
  top: calc(108px + 3 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(26) {
  left: 372px;
  top: calc(91px + 3 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(27) {
  left: 556px;
  top: calc(59px + 3 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(28) {
  left: 740px;
  top: calc(26px + 3 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(29) {
  left: 740px;
  top: calc(273px + 3 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(30) {
  left: 556px;
  top: calc(313px + 3 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(31) {
  left: 372px;
  top: calc(353px + 3 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(32) {
  left: 188px;
  top: calc(393px + 3 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(33) {
  left: 188px;
  top: calc(108px + 4 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(34) {
  left: 372px;
  top: calc(91px + 4 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(35) {
  left: 556px;
  top: calc(59px + 4 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(36) {
  left: 740px;
  top: calc(26px + 4 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(37) {
  left: 740px;
  top: calc(273px + 4 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(38) {
  left: 556px;
  top: calc(313px + 4 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(39) {
  left: 372px;
  top: calc(353px + 4 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(40) {
  left: 188px;
  top: calc(393px + 4 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(41) {
  left: 188px;
  top: calc(108px + 5 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(42) {
  left: 372px;
  top: calc(91px + 5 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(43) {
  left: 556px;
  top: calc(59px + 5 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(44) {
  left: 740px;
  top: calc(26px + 5 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(45) {
  left: 740px;
  top: calc(273px + 5 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(46) {
  left: 556px;
  top: calc(313px + 5 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(47) {
  left: 372px;
  top: calc(353px + 5 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(48) {
  left: 188px;
  top: calc(393px + 5 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(49) {
  left: 188px;
  top: calc(108px + 6 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(50) {
  left: 372px;
  top: calc(91px + 6 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(51) {
  left: 556px;
  top: calc(59px + 6 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(52) {
  left: 740px;
  top: calc(26px + 6 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(53) {
  left: 740px;
  top: calc(273px + 6 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(54) {
  left: 556px;
  top: calc(313px + 6 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(55) {
  left: 372px;
  top: calc(353px + 6 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(56) {
  left: 188px;
  top: calc(393px + 6 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(57) {
  left: 188px;
  top: calc(108px + 7 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(58) {
  left: 372px;
  top: calc(91px + 7 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(59) {
  left: 556px;
  top: calc(59px + 7 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(60) {
  left: 740px;
  top: calc(26px + 7 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(61) {
  left: 740px;
  top: calc(273px + 7 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(62) {
  left: 556px;
  top: calc(313px + 7 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(63) {
  left: 372px;
  top: calc(353px + 7 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(64) {
  left: 188px;
  top: calc(393px + 7 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(65) {
  left: 188px;
  top: calc(108px + 8 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(66) {
  left: 372px;
  top: calc(91px + 8 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(67) {
  left: 556px;
  top: calc(59px + 8 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(68) {
  left: 740px;
  top: calc(26px + 8 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(69) {
  left: 740px;
  top: calc(273px + 8 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(70) {
  left: 556px;
  top: calc(313px + 8 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(71) {
  left: 372px;
  top: calc(353px + 8 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(72) {
  left: 188px;
  top: calc(393px + 8 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(73) {
  left: 188px;
  top: calc(108px + 9 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(74) {
  left: 372px;
  top: calc(91px + 9 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(75) {
  left: 556px;
  top: calc(59px + 9 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(76) {
  left: 740px;
  top: calc(26px + 9 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(77) {
  left: 740px;
  top: calc(273px + 9 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(78) {
  left: 556px;
  top: calc(313px + 9 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(79) {
  left: 372px;
  top: calc(353px + 9 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(80) {
  left: 188px;
  top: calc(393px + 9 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(81) {
  left: 188px;
  top: calc(108px + 10 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(82) {
  left: 372px;
  top: calc(91px + 10 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(83) {
  left: 556px;
  top: calc(59px + 10 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(84) {
  left: 740px;
  top: calc(26px + 10 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(85) {
  left: 740px;
  top: calc(273px + 10 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(86) {
  left: 556px;
  top: calc(313px + 10 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(87) {
  left: 372px;
  top: calc(353px + 10 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(88) {
  left: 188px;
  top: calc(393px + 10 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(89) {
  left: 188px;
  top: calc(108px + 11 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(90) {
  left: 372px;
  top: calc(91px + 11 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(91) {
  left: 556px;
  top: calc(59px + 11 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(92) {
  left: 740px;
  top: calc(26px + 11 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(93) {
  left: 740px;
  top: calc(273px + 11 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(94) {
  left: 556px;
  top: calc(313px + 11 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(95) {
  left: 372px;
  top: calc(353px + 11 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(96) {
  left: 188px;
  top: calc(393px + 11 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(97) {
  left: 188px;
  top: calc(108px + 12 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(98) {
  left: 372px;
  top: calc(91px + 12 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(99) {
  left: 556px;
  top: calc(59px + 12 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(100) {
  left: 740px;
  top: calc(26px + 12 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(101) {
  left: 740px;
  top: calc(273px + 12 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(102) {
  left: 556px;
  top: calc(313px + 12 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(103) {
  left: 372px;
  top: calc(353px + 12 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(104) {
  left: 188px;
  top: calc(393px + 12 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(105) {
  left: 188px;
  top: calc(108px + 13 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(106) {
  left: 372px;
  top: calc(91px + 13 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(107) {
  left: 556px;
  top: calc(59px + 13 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(108) {
  left: 740px;
  top: calc(26px + 13 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(109) {
  left: 740px;
  top: calc(273px + 13 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(110) {
  left: 556px;
  top: calc(313px + 13 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(111) {
  left: 372px;
  top: calc(353px + 13 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(112) {
  left: 188px;
  top: calc(393px + 13 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(113) {
  left: 188px;
  top: calc(108px + 14 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(114) {
  left: 372px;
  top: calc(91px + 14 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(115) {
  left: 556px;
  top: calc(59px + 14 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(116) {
  left: 740px;
  top: calc(26px + 14 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(117) {
  left: 740px;
  top: calc(273px + 14 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(118) {
  left: 556px;
  top: calc(313px + 14 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(119) {
  left: 372px;
  top: calc(353px + 14 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(120) {
  left: 188px;
  top: calc(393px + 14 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(121) {
  left: 188px;
  top: calc(108px + 15 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(122) {
  left: 372px;
  top: calc(91px + 15 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(123) {
  left: 556px;
  top: calc(59px + 15 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(124) {
  left: 740px;
  top: calc(26px + 15 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(125) {
  left: 740px;
  top: calc(273px + 15 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(126) {
  left: 556px;
  top: calc(313px + 15 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(127) {
  left: 372px;
  top: calc(353px + 15 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(128) {
  left: 188px;
  top: calc(393px + 15 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(129) {
  left: 188px;
  top: calc(108px + 16 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(130) {
  left: 372px;
  top: calc(91px + 16 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(131) {
  left: 556px;
  top: calc(59px + 16 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(132) {
  left: 740px;
  top: calc(26px + 16 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(133) {
  left: 740px;
  top: calc(273px + 16 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(134) {
  left: 556px;
  top: calc(313px + 16 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(135) {
  left: 372px;
  top: calc(353px + 16 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .stamp-wrap li:nth-child(136) {
  left: 188px;
  top: calc(393px + 16 * 522px);
}
.stamp-state .s-stamp #tab_list_01 .btn-stamp {
  display: flex;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: relative;
  width: 144px;
  height: 144px;
  border-radius: 150px;
  background: transparent no-repeat center/144px;
  background-image: url(/pc/images/stamp_mini/img_stamp_empty.svg);
  pointer-events: none;
  /*<주석>2025.03.14 box-shadow 조정 start*/
  box-shadow: 0 0 20px #0000001F;
  /*<주석>2025.03.14 box-shadow 조정 end*/
}
.stamp-state .s-stamp #tab_list_01 .btn-stamp.review {
  background: transparent no-repeat center center/80%;
  background-color: var(--review);
  background-image: url(/pc/images/stamp_mini/img_stamp_score_01.svg);
  border: 6px solid #fff;
  pointer-events: all;
}
.stamp-state .s-stamp #tab_list_01 .btn-stamp.checkin {
  background: transparent no-repeat center center/80%;
  background-color: var(--checkin);
  background-image: url(/pc/images/stamp_mini/img_stamp_score_02.svg);
  border: 6px solid #fff;
  pointer-events: all;
}
.stamp-state .s-stamp #tab_list_01 .btn-stamp.shop {
  background: transparent no-repeat center center/80%;
  background-color: var(--shop);
  background-image: url(/pc/images/stamp_mini/img_stamp_score_03.svg);
  border: 6px solid #fff;
  pointer-events: all;
}
.stamp-state .s-stamp #tab_list_01 .btn-stamp.attendence {
  background: transparent no-repeat center center/80%;
  background-color: var(--attendence);
  background-image: url(/pc/images/stamp_mini/img_stamp_score_04.svg);
  border: 6px solid #fff;
  pointer-events: all;
}
.stamp-state .s-stamp #tab_list_01 .btn-stamp.buy {
  background: transparent no-repeat center center/80%;
  background-color: var(--buy);
  background-image: url(/pc/images/stamp_mini/img_stamp_score_05.svg);
  border: 6px solid #fff;
  pointer-events: all;
}
.stamp-state .s-stamp #tab_list_01 .btn-stamp.walk {
  background: transparent no-repeat center center/80%;
  background-color: var(--walk);
  background-image: url(/pc/images/stamp_mini/img_stamp_score_06.svg);
  border: 6px solid #fff;
  pointer-events: all;
}
.stamp-state .s-stamp #tab_list_01 .btn-stamp.marketing {
  background: transparent no-repeat center center/80%;
  background-color: var(--marketing);
  background-image: url(/pc/images/stamp_mini/img_stamp_score_07.svg);
  border: 6px solid #fff;
  pointer-events: all;
}
.stamp-state .s-stamp #tab_list_01 .btn-stamp.apppush {
  background: transparent no-repeat center center/80%;
  background-color: var(--apppush);
  background-image: url(/pc/images/stamp_mini/img_stamp_score_08.svg);
  border: 6px solid #fff;
  pointer-events: all;
}
.stamp-state .s-stamp #tab_list_01 .btn-stamp.artsearch {
  background: transparent no-repeat center center/80%;
  background-color: var(--artsearch);
  background-image: url(/pc/images/stamp_mini/img_stamp_score_09.svg);
  border: 6px solid #fff;
  pointer-events: all;
}
.stamp-state .s-stamp #tab_list_01 .btn-stamp.sp-buy {
  background: transparent no-repeat center center/80%;
  background-color: var(--sp-buy);
  background-image: url(/pc/images/stamp_mini/img_stamp_score_10.svg);
  border: 6px solid #fff;
  pointer-events: all;
}
.stamp-state .s-stamp #tab_list_01 .btn-stamp.info {
  background: transparent no-repeat center center/80%;
  background-color: var(--info);
  background-image: url(/pc/images/stamp_mini/img_stamp_score_11.svg);
  border: 6px solid #fff;
  pointer-events: all;
}
.stamp-state .s-stamp #tab_list_01 .btn-stamp.event {
  background: transparent no-repeat center center/80%;
  background-color: var(--event);
  background-image: url(/pc/images/stamp_mini/img_stamp_score_12.svg);
  border: 6px solid #fff;
  pointer-events: all;
}
.stamp-state .s-stamp #tab_list_01 .btn-stamp.finish::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  opacity: 0.6;
  border-radius: 100%;
}
.stamp-state .s-stamp #tab_list_01 .btn-stamp.finish::after {
  content: "다음 등급 산정에 반영";
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 28px;
  right: 0;
  bottom: 0;
  left: 8px;
  padding: 2px 18px;
  width: 80px;
  height: 70px;
  background-color: #fff;
  border-radius: 8px;
  opacity: 0.8;
  transform: rotate(-15deg);
  color: #919191;
}
.stamp-state .s-stamp #tab_list_01 .tooltip {
  left: 0;
  right: 0;
  margin: auto;
  max-width: 260px;
}
.stamp-state .s-stamp #tab_list_01 .tooltip span {
  color: #fff;
}
.stamp-state .s-stamp li:has(button.finish) .tooltip {
  left: -55px !important;
}
.stamp-state .s-stamp #tab_list_02 .stamp-wrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  padding: 0 20px 0;
  gap: 13px;
  min-height: 438px;
  padding-bottom: 60px;
  align-items: flex-start;
}
.stamp-state .s-stamp #tab_list_02 .item {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 6px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 15px 0;
  text-align: center;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  min-height:226px;
}
.stamp-state .s-stamp #tab_list_02 .item-circle-wrap {
  position: relative;
}
.stamp-state .s-stamp #tab_list_02 .item-circle-wrap .circle-progress-wrap {
  position: relative;
  width: 120px;
  height: 120px;
}
.stamp-state .s-stamp #tab_list_02 .item-circle-wrap .circle-progress-wrap .circle-progress {
  transform: rotate(-270deg);
}
.stamp-state .s-stamp #tab_list_02 .item-circle-wrap .circle-progress-wrap .circle-frame,
.stamp-state .s-stamp #tab_list_02 .item-circle-wrap .circle-progress-wrap .circle-bar {
  fill: none;
}
.stamp-state .s-stamp #tab_list_02 .item-circle-wrap .circle-progress-wrap .circle-frame {
  stroke: #f0f0f0;
}
.stamp-state .s-stamp #tab_list_02 .item-circle-wrap .circle-progress-wrap .circle-bar {
  stroke-linecap: round;
}
.stamp-state .s-stamp #tab_list_02 .item-circle-wrap .circle-inner-wrap {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 100px;
  height: 100px;
  background: transparent no-repeat center/90px;
  border: 6px solid #fff;
  border-radius: 90px;
  background-color: red;
}
.stamp-state .s-stamp #tab_list_02 .item-score-tooltip {
  position: relative;
  top: -23px;
  padding: 5px 8px;
  background-color: #3e3e3e;
  border-radius: 8px;
}
.stamp-state .s-stamp #tab_list_02 .item-score-tooltip span {
  color: #fff;
}
.stamp-state .s-stamp #tab_list_02 .item.review .circle-inner-wrap {
  background: transparent no-repeat center center/70px 70px;
  background-color: var(--review);
  background-image: url(/pc/images/stamp_mini/img_stamp_score_01.svg);
  border: 6px solid #fff;
  pointer-events: all;
}
.stamp-state .s-stamp #tab_list_02 .item.review .circle-bar {
  stroke: var(--review-border);
}
.stamp-state .s-stamp #tab_list_02 .item.checkin .circle-inner-wrap {
  background: transparent no-repeat center center/70px 70px;
  background-color: var(--checkin);
  background-image: url(/pc/images/stamp_mini/img_stamp_score_02.svg);
  border: 6px solid #fff;
  pointer-events: all;
}
.stamp-state .s-stamp #tab_list_02 .item.checkin .circle-bar {
  stroke: var(--checkin-border);
}
.stamp-state .s-stamp #tab_list_02 .item.shop .circle-inner-wrap {
  background: transparent no-repeat center center/70px 70px;
  background-color: var(--shop);
  background-image: url(/pc/images/stamp_mini/img_stamp_score_03.svg);
  border: 6px solid #fff;
  pointer-events: all;
}
.stamp-state .s-stamp #tab_list_02 .item.shop .circle-bar {
  stroke: var(--shop-border);
}
.stamp-state .s-stamp #tab_list_02 .item.attendence .circle-inner-wrap {
  background: transparent no-repeat center center/70px 70px;
  background-color: var(--attendence);
  background-image: url(/pc/images/stamp_mini/img_stamp_score_04.svg);
  border: 6px solid #fff;
  pointer-events: all;
}
.stamp-state .s-stamp #tab_list_02 .item.attendence .circle-bar {
  stroke: var(--attendence-border);
}
.stamp-state .s-stamp #tab_list_02 .item.buy .circle-inner-wrap {
  background: transparent no-repeat center center/70px 70px;
  background-color: var(--buy);
  background-image: url(/pc/images/stamp_mini/img_stamp_score_05.svg);
  border: 6px solid #fff;
  pointer-events: all;
}
.stamp-state .s-stamp #tab_list_02 .item.buy .circle-bar {
  stroke: var(--buy-border);
}
.stamp-state .s-stamp #tab_list_02 .item.walk .circle-inner-wrap {
  background: transparent no-repeat center center/70px 70px;
  background-color: var(--walk);
  background-image: url(/pc/images/stamp_mini/img_stamp_score_06.svg);
  border: 6px solid #fff;
  pointer-events: all;
}
.stamp-state .s-stamp #tab_list_02 .item.walk .circle-bar {
  stroke: var(--walk-border);
}
.stamp-state .s-stamp #tab_list_02 .item.marketing .circle-inner-wrap {
  background: transparent no-repeat center center/70px 70px;
  background-color: var(--marketing);
  background-image: url(/pc/images/stamp_mini/img_stamp_score_07.svg);
  border: 6px solid #fff;
  pointer-events: all;
}
.stamp-state .s-stamp #tab_list_02 .item.marketing .circle-bar {
  stroke: var(--marketing-border);
}
.stamp-state .s-stamp #tab_list_02 .item.apppush .circle-inner-wrap {
  background: transparent no-repeat center center/70px 70px;
  background-color: var(--apppush);
  background-image: url(/pc/images/stamp_mini/img_stamp_score_08.svg);
  border: 6px solid #fff;
  pointer-events: all;
}
.stamp-state .s-stamp #tab_list_02 .item.apppush .circle-bar {
  stroke: var(--apppush-border);
}
.stamp-state .s-stamp #tab_list_02 .item.artsearch .circle-inner-wrap {
  background: transparent no-repeat center center/70px 70px;
  background-color: var(--artsearch);
  background-image: url(/pc/images/stamp_mini/img_stamp_score_09.svg);
  border: 6px solid #fff;
  pointer-events: all;
}
.stamp-state .s-stamp #tab_list_02 .item.artsearch .circle-bar {
  stroke: var(--artsearch-border);
}
.stamp-state .s-stamp #tab_list_02 .item.sp-buy .circle-inner-wrap {
  background: transparent no-repeat center center/70px 70px;
  background-color: var(--sp-buy);
  background-image: url(/pc/images/stamp_mini/img_stamp_score_10.svg);
  border: 6px solid #fff;
  pointer-events: all;
}
.stamp-state .s-stamp #tab_list_02 .item.sp-buy .circle-bar {
  stroke: var(--sp-buy-border);
}
.stamp-state .s-stamp #tab_list_02 .item.info .circle-inner-wrap {
  background: transparent no-repeat center center/70px 70px;
  background-color: var(--info);
  background-image: url(/pc/images/stamp_mini/img_stamp_score_11.svg);
  border: 6px solid #fff;
  pointer-events: all;
}
.stamp-state .s-stamp #tab_list_02 .item.info .circle-bar {
  stroke: var(--info-border);
}
.stamp-state .s-stamp #tab_list_02 .item.event .circle-inner-wrap {
  background: transparent no-repeat center center/70px 70px;
  background-color: var(--event);
  background-image: url(/pc/images/stamp_mini/img_stamp_score_12.svg);
  border: 6px solid #fff;
  pointer-events: all;
}
.stamp-state .s-stamp #tab_list_02 .item.event .circle-bar {
  stroke: var(--event-border);
}
.stamp-state .s-stamp #tab_list_02 .item.new::after {
  content: "";
  position: absolute;
  top: 10px;
  right: 10px;
  width: 6px;
  height: 6px;
  border-radius: 10px;
  background-color: #ff6e6e;
}
.stamp-state .s-stamp:has(#tab_btn_01:checked) #tab_list_01, .stamp-state .s-stamp:has(#tab_btn_02:checked) #tab_list_02 {
  display: flex;
}

.stamp-history {
  padding: 20px 64px 60px;
}
.stamp-history .tooltip {
  line-height: 1;
  left: 23px !important;
}
.stamp-history details {
  background-color: #f6f7f8;
  border-radius: 20px;
}
.stamp-history summary {
  padding: 24px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  list-style-type: none;
}
.stamp-history summary::-webkit-details-marker {
  display: none;
}
.stamp-history summary .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.stamp-history summary .title > div {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  gap: 3px;
}
.stamp-history summary .title .btn-ico.info {
  padding: 5px;
  background-color: transparent;
  background-size: 13px;
}
.stamp-history summary .desc {
  display: flex;
  justify-content: center;
  align-items: center;
}
.stamp-history summary .desc > div {
  display: flex;
  flex-direction: column;
  gap: 0 0;
  padding: 0 20px;
  position: relative;
  gap: 10px;
  width: 306px;
}
.stamp-history summary .desc > div::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 1px;
  height: 57px;
  background-color: #e4e4e4;
}
.stamp-history summary .desc .label {
  color: #919191;
}
.stamp-history summary .desc .value {
  color: #919191;
}
.stamp-history summary .desc .value span {
  font-weight: 400;
  font-size: 20px;
  line-height: 150%;
  letter-spacing: -.4px;
  color:#919191;
}
.stamp-history summary .desc .value span:first-child {
  font-weight: 700;
  color:#3E3E3E;
}
.stamp-history .btn-open {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  background: transparent no-repeat center center/12px;
  background-image: url(/pc/images/icon/icn_arrow_gray.svg);
  transform: rotate(90deg);
  pointer-events: none;
}
.stamp-history details[open] summary {
  border-bottom: 2px dashed #d8d8d8;
}
.stamp-history details[open] .btn-open {
  transform: rotate(270deg);
}
.stamp-history .list-wrap {
  position: relative;
}
.stamp-history .list {
  display: flex;
  flex-direction: column;
  gap: 6px 0;
  position: relative;
  max-height: 335px;
  overflow-y: auto;
  padding: 10px 0;
}
.stamp-history .list .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding: 16px 48px;
}
.stamp-history .list .item > div {
  display: flex;
  gap: 10px;
}
.stamp-history .list .item .score {
  text-align: right;
}
.stamp-history .list .item:not(:last-child) {
  border-bottom: 1px solid #e4e4e4;
}

.pedometer-intro {
  background-color: #fff !important;
}
.pedometer-intro .main {
  background: url("/pc/images/stamp_pedometer/img_bg_pedometer_intro.png") top center/cover no-repeat;
  background-blend-mode: multiply;
}
.pedometer-intro .main .container {
  padding-top: 64px;
  position: relative;
  z-index: 1;
  height: 100%;
}
.pedometer-intro .main .container .intro-text-cont .intro-title {
  font-family: "Tmoney-RoundWind", sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 130%;
  letter-spacing: -0.48px;
  color: #3e3e3e;
  color: #0f0f0f;
  text-align: center;
}
.pedometer-intro .main .container .intro-text-cont .intro-phrase {
  margin-top: 13px;
  color: #0f0f0f;
  text-align: center;
}
.pedometer-intro .main .container .number-slot-machine-wrap {
  margin-top: 18.8266666667%;
}
.pedometer-intro .main .container .img-shoes-wrap {
  display: flex;
  justify-content: center;
  margin-top: -10.9333333333%;
  overflow: hidden;
}
.pedometer-intro .main .container .img-shoes-wrap .shoe {
  flex-shrink: 0;
  flex-grow: 0;
}
.pedometer-intro .main .container .img-shoes-wrap .shoe .shoe-wrap {
  will-change: transform;
}
.pedometer-intro .main .container .img-shoes-wrap .shoe.shoe-01 {
  position: relative;
  width: 38.9333333333%;
  z-index: 1;
}
.pedometer-intro .main .container .img-shoes-wrap .shoe.shoe-01 .shoe-wrap {
  animation: shoesAnimation 3s linear infinite;
}
.pedometer-intro .main .container .img-shoes-wrap .shoe.shoe-01::after {
  animation: shoesShadowAnimation 3s linear infinite;
  width: 127.397260274%;
  background: url("/pc/images/stamp_pedometer/img_shoe_01_shadow.png") center/contain no-repeat;
  transform: translateX();
  transform: translate(-10.752688172%, -25%);
}
.pedometer-intro .main .container .img-shoes-wrap .shoe.shoe-02 {
  width: 32.8%;
  margin-left: -9.3333333333%;
  transform: translateY(-8px);
}
.pedometer-intro .main .container .img-shoes-wrap .shoe.shoe-02 .shoe-wrap {
  animation: shoesAnimation2 3s linear infinite;
}
.pedometer-intro .main .container .img-shoes-wrap .shoe.shoe-02::after {
  animation: shoesShadowAnimation2 3s linear infinite;
  width: 169.1056910569%;
  transform: translate(-4.0650406504%, -39.2857142857%);
  background: url("/pc/images/stamp_pedometer/img_shoe_02_shadow.png") left/contain no-repeat;
}
.pedometer-intro .main .container .img-shoes-wrap .shoe img {
  display: block;
  width: 100%;
}
.pedometer-intro .main .container .img-shoes-wrap .shoe::after {
  content: "";
  display: block;
  height: 28px;
  opacity: 0.8;
  will-change: opacity;
}
@keyframes shoesAnimation {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(-16px);
  }
  50% {
    transform: translateY(0px);
  }
  75% {
    transform: translateY(16px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes shoesShadowAnimation {
  0% {
    opacity: 0.6;
  }
  25% {
    opacity: 0.4;
  }
  50% {
    opacity: 0.6;
  }
  75% {
    opacity: 0.8;
  }
  100% {
    opacity: 0.6;
  }
}
@keyframes shoesAnimation2 {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(16px);
  }
  50% {
    transform: translateY(0px);
  }
  75% {
    transform: translateY(-16px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes shoesShadowAnimation2 {
  0% {
    opacity: 0.6;
  }
  25% {
    opacity: 0.8;
  }
  50% {
    opacity: 0.6;
  }
  75% {
    opacity: 0.4;
  }
  100% {
    opacity: 0.6;
  }
}
.pedometer-intro .main .container .intro-bottom-text-cont {
  margin-top: 25px;
  padding-bottom: 10px;
}
.pedometer-intro .main .container .intro-bottom-text-cont .intro-bottom-description {
  text-align: center;
  color: #0f0f0f;
}
.pedometer-intro .main .container .intro-bottom-text-cont .tip-box {
  width: -moz-fit-content;
  width: fit-content;
  padding: 6px 21px;
  color: #3e3e3e;
  border-radius: 60px;
  background: var(--Palette-base-gray-25, #fafafa);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  margin: 6.9333333333% auto 0;
}
.pedometer-intro .number-slot-machine .number .number-wrap > span {
  font-family: "Tmoney-RoundWind", sans-serif;
  font-size: 89.231px;
  font-weight: 800;
  line-height: 130%;
  letter-spacing: -0.28px;
  color: #3e3e3e;
  background: linear-gradient(180deg, #fff 0%, #fff3d0 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.pedometer-intro .number-slot-machine .number .number-wrap > span ~ span {
  margin-left: -3px;
}
.pedometer-intro .btn-wrap {
  position: sticky;
  bottom: 0;
  padding: 44px;
  background: linear-gradient(transparent 0%, #fff 50%, #fff 100%);
  z-index: 1;
}

.store-checkin-intro {
  background-color: #e5f4db !important;
}
.store-checkin-intro .wrap-bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #e5f4db;
}
.store-checkin-intro .wrap-bg video {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.store-checkin-intro .section-title {
  margin-bottom: 24px;
}
.store-checkin-intro .s-intro {
  display: flex;
  flex-direction: column;
  gap: 32px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 !important;
  z-index: 1;
  background-color: transparent !important;
  border: 0 !important;
}
.store-checkin-intro .s-intro .section-title {
  padding-top: 64px;
  font-size: 28px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.3px;
  color: #0f0f0f;
  font-family: "Tmoney-RoundWind", sans-serif;
}
.store-checkin-intro .s-intro .section-content {
  display: flex;
  flex-direction: column;
  gap: 30px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.store-checkin-intro .s-intro .section-content .desc {
  text-align: center;
}
.store-checkin-intro .s-intro .section-content .sub-desc {
  padding: 6px 21px;
  background-color: #fafafa;
  border-radius: 30px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  color: #3e3e3e;
}
.store-checkin-intro .s-intro img {
  width: 195px;
  height: 216px;
}
.store-checkin-intro .notice {
  padding: 20px 44px 10px;
  background: transparent;
  border-radius: 8px;
  width: 100%;
  background-color: #e5f4db;
}
.store-checkin-intro .notice details button {
  width: 15px;
  height: 15px;
  background: transparent no-repeat center center/contain;
  background-image: url("/pc/images/icon/icn_arrow_right_black.svg");
  pointer-events: none;
  transform: rotate(90deg);
}
.store-checkin-intro .notice details[open] button {
  transform: rotate(270deg);
}
.store-checkin-intro .notice summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  list-style-type: none;
}
.store-checkin-intro .notice summary::-webkit-details-marker {
  display: none;
}
.store-checkin-intro .notice summary .title {
  color: #3e3e3e;
}
.store-checkin-intro .notice .desc {
  margin-top: 16px;
  color: #3e3e3e;
}
.store-checkin-intro .btn-wrap {
  position: sticky;
  bottom: 0;
  padding: 44px;
  background: linear-gradient(transparent 0%, #e8fee4 50%, #e8fee4 100%);
  z-index: 1;
}

.check-attendance .s-attendance,
.check-attendance .s-attendance-content {
  display: flex;
  flex-direction: column;
  gap: 40px 0;
  width: 100%;
}
.check-attendance .s-attendance .inner-wrap,
.check-attendance .s-attendance-content .inner-wrap {
  width: 1200px;
}
.check-attendance .s-attendance {
  background: transparent url(/pc/images/bg_attendance.png) top/cover;
}
.check-attendance .s-attendance .inner-wrap {
  padding-top: 40px;
}
.check-attendance .intro {
  display: flex;
  gap: 74px;
}
.check-attendance .intro .title-wrap {
  display: flex;
  flex-direction: column;
  gap: 12px 0;
  justify-content: space-between;
  align-items: center;
  width: 276px;
  height: 215px;
  background-color: rgba(255, 255, 255, 0.68);
  border-radius: 20px;
  padding: 32px 36px;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}
.check-attendance .intro .section-sub-title {
  opacity: 0.54;
  /* <주석> 홍길동님의 출석체크 현황 텍스트 컬러 확인 수정 start */
  color: #101010;
  /* <주석> 홍길동님의 출석체크 현황 텍스트 컬러 확인 수정 end */
}
.check-attendance .intro .user-name-wrap {
  /* <주석> ellipsis 적용 start */
  display: inline-flex;
  /* <주석> ellipsis 적용 end */
}
.check-attendance .intro .user-name-wrap .user-name {
  /* <주석> ellipsis 적용 start */
  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;
  max-width: 80px;
  /* <주석> ellipsis 적용 end */
}
.check-attendance .intro .section-title {
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.4px;
  color: #0f0f0f;
  font-family: "Tmoney-RoundWind", sans-serif;
  padding-bottom: 10px;
}
.check-attendance .intro .sub-desc {
  display: inline-flex;
  position: relative;
  padding: 6px 21px;
  background-color: #fafafa;
  border-radius: 30px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  letter-spacing: -0.4px;
  text-align: center;
  color: #3e3e3e;
}
.check-attendance .intro .section-content {
  display: flex;
  flex-grow: 1;
}
.check-attendance .intro .section-content .list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding-right: 45px;
  position: relative;
}
.check-attendance .intro .section-content .list::before, .check-attendance .intro .section-content .list::after {
  content: "";
  position: absolute;
  width: 700px;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  height: 13px;
  background-color: #fff;
  border-radius: 100px;
  cursor: default;
  pointer-events: none;
}
.check-attendance .intro .section-content .list::after {
  width: 0;
  background-color: #3994e5;
}
.check-attendance .intro .section-content .list:has(.item-02.clear)::after {
  width: 230px;
}
.check-attendance .intro .section-content .list:has(.item-03.clear)::after {
  width: 350px;
}
.check-attendance .intro .section-content .list:has(.item-04.clear)::after {
  width: 500px;
}
.check-attendance .intro .section-content .list:has(.item-05.clear)::after {
  width: 600px;
}
.check-attendance .intro .section-content .list .item {
  width: 82px;
  height: 82px;
  aspect-ratio: 1/1;
  background: rgba(255, 255, 255, 0.6) no-repeat center/70%;
  background-image: url(/pc/images/bg_attendance_check.svg);
  border-radius: 100px;
  -webkit-backdrop-filter: blur(41px);
          backdrop-filter: blur(41px);
  border: 4px solid #fff;
  filter: grayscale(1);
  background-blend-mode: hue;
  cursor: pointer;
  z-index: 1;
}
.check-attendance .intro .section-content .list .item.clear, .check-attendance .intro .section-content .list .item.success {
  border-color: #3994e5;
  filter: grayscale(0);
  background-blend-mode: normal;
}
.check-attendance .intro .section-content .list .item span {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  margin-top: 35px;
  font-size: 15px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.4px;
  color: #fff;
}
.check-attendance .intro .section-content .list .item.clear {
  border-style: dashed;
}
.check-attendance .intro .section-content .list .item.clear span::after {
  content: "출석하기";
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -30px;
  left: calc(50% - 34px);
  width: -moz-max-content;
  width: max-content;
  width: 68px;
  height: 28px;
  background-color: #000;
  border-radius: 4px;
  color: #fff;
  text-align: center;
  transition: all ease 0.2s;
  z-index: 1;
  line-height: 1;
}
.check-attendance .intro .section-content .list .item.clear span::before {
  content: "";
  position: absolute;
  border-style: solid;
  top: -2px;
  left: calc(50% - 6px);
  border-width: 6px 4px 0 4px;
  border-color: black transparent transparent transparent;
}
.check-attendance .intro .section-content .list .item.success span::after {
  content: "";
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent no-repeat center/100%;
  background-image: url(/pc/images/bg_success.svg);
  position: absolute;
  top: 0;
  width: 100%;
  min-width: 55px;
  height: 100%;
  min-height: 26px;
  transform: rotate(0deg);
}
.check-attendance .intro .section-content .list .item.stamp {
  background-image: url(/pc/images/bg_attendance_stamp.svg);
  position: relative;
}
.check-attendance .intro .section-content .list .item.stamp.clear span::after {
  content: "스탬프 받기";
  width: 84px;
  left: calc(50% - 42px);
}
.check-attendance .intro .section-content .list .item.stamp::before, .check-attendance .intro .section-content .list .item.stamp::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  margin: auto;
  top: 0;
  bottom: 0;
  right: -43px;
  background: #fff;
  border-radius: 10px;
  cursor: default;
  pointer-events: none;
}
.check-attendance .intro .section-content .list .item.stamp::after {
  right: -59px;
}
.check-attendance .calendar {
  margin-bottom: 60px;
  position: relative;
}
.check-attendance .calendar .calendar-desc {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  width: 154px;
  height: 46px;
  gap: 5px;
  border-radius: 8px;
  color: #3994e5;
}
.check-attendance .calendar .calendar-desc img {
  width: 17px;
  height: 15px;
}
.check-attendance .calendar .calendar-desc span b {
  /* <주석> 이번달 출석 횟수 영역 간격 수정 start */
  padding-left: 5px;
  /* <주석> 이번달 출석 횟수 영역 간격 수정 end */
}
.check-attendance .calendar .fc-header-toolbar {
  margin-bottom: 20px !important;
  /* <주석>2025.04.01 디자인 수정 start */
  justify-content: space-between;
  padding-left: 110px;
  /* <주석>2025.04.01 디자인 수정 end */
}
.check-attendance .stamp-history {
  margin-bottom: 30px;
  padding: 0;
}
.check-attendance .stamp-history summary {
  height: 145px;
}
.check-attendance .stamp-history .tooltip {
  line-height: 1;
  left: 128px !important;
}
.check-attendance .notice {
  padding: 16px 20px;
  margin-bottom: 60px;
  background-color: #f7f7f7;
  border-radius: 8px;
  width: 100%;
}
.check-attendance .notice details button {
  width: 15px;
  height: 15px;
  background: transparent no-repeat center center/contain;
  background-image: url("/pc/images/icon/icn_arrow_up.svg");
  pointer-events: none;
  transform: rotate(180deg);
}
.check-attendance .notice details[open] button {
  transform: rotate(0);
}
.check-attendance .notice summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  list-style-type: none;
}
.check-attendance .notice summary::-webkit-details-marker {
  display: none;
}
.check-attendance .notice summary .title {
  color: #3e3e3e;
}
.check-attendance .notice .desc {
  margin-top: 16px;
  color: #838383;
}
.check-attendance .notice .desc ul {
  padding-left: 15px;
}
.check-attendance .notice .desc ul li {
  list-style: disc;
}
.check-attendance .note-list:before {
  color: #919191 !important;
}

body:has(.check-attendance) .alert-popup.stamp .popup-notice {
  color: #919191;
}
.confirm-popup .popup-container {
  /*<주석>2025.03.14 팝업창 높이 조정 start*/
   max-height: 85vh;
   /*<주석>2025.03.14 팝업창 높이 조정 end*/
}

.fc-theme-standard .fc-scrollgrid {
  border:none;
  border-top: 1px solid var(--fc-border-color);
}
.fc-theme-standard td, .fc-theme-standard th {
  border:none;
}
.s-point-info .inner-wrap {
  /*<주석>2025.04.08 여백수정 start */
  padding: 40px 64px;
  /*<주석>2025.04.08 여백수정 end */
}