@charset "UTF-8";
/**
 * packageName    : style.css
 * fileName       : style.scss
 * client         : fromtoM
 * version        :  1.0
 * author         : jesong, jslee
 * date           : 2024-01-20
 * description    : css 
 * ===========================================================
 * DATE              AUTHOR             NOTE
 * -----------------------------------------------------------
 * 2024-01-20        jesong       최초 생성
 * Created By jesong, jslee on 2024-01-20
 * Copyright © 2024 Wylie Corp. All Rights Reserved. 
 */
.prepaidcard-pay.line, .setting-list-cont > ul > li:not(:first-child), .menu-cart-wrap .amount-area, .special-benefits-list .sub-title, .store-detail-wrap .orderable-time, .coupon-applied-cont ul li .menu-set-wrap .menu-wrap .menu-info, .save-point-wrap .line-top, .pay-method-wrap .pay-method-list li:not(:first-child), .address-list ul li:not(:first-child), .menu-list-cont.order ul li .menu-wrap .menu-info, .menu-detail-cont .menu-info-detail .description-text, .contact-wrap, .method-select.total-price, .item-between-wrap.total-price, .select-all-cont.line, .search-list-wrap .order-menu-list, .list.line ul li:not(:first-child), .store-list-cont ul li, .note-cont-wrap.line, .button-group-fixed, .skeleton .skeleton-list.menu li:not(:first-child) .skeleton-text-wrap, .use-list-cont, .bottom-fixed-cont.line, .bottom-fixed-cont {
  border-top: 1px solid #EEEEEE;
}

.interworking-info.id-info, .setting-list-cont.under-line, .mobile-gift-list .sub-title, .order-info-cont, .order-value-info .item-value, .order-list .menu-set-wrap .menu-wrap .menu-info, .pay-method .method-list:not(:last-child), .order-menu-list.line ul li, .coupon-list-wrap .current-change-cont, .title-box .desc.underline, .data-info-wrap, .data-setting-wrap.line, .current-change-cont.line {
  border-bottom: 1px solid #EEEEEE;
}

.coupon-cont .coupon-info .use-store-condition .use-condition::before {
  content: "";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 4px;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background-color: #DDDDDD;
}

:root {
  --sat: env(safe-area-inset-top);
  --sar: env(safe-area-inset-right);
  --sab: env(safe-area-inset-bottom);
  --sal: env(safe-area-inset-left);
}

@font-face {
  font-family: "Pretendard";
  font-weight: 700;
  font-display: swap;
  src: url("/assets/fonts/Pretendard-Bold.subset.woff2") format("woff2"), url("/assets/fonts/Pretendard-Bold.subset.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/Pretendard-SemiBold.subset.woff2") format("woff2"), url("/assets/fonts/Pretendard-SemiBold.subset.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/Pretendard-Regular.subset.woff2") format("woff2"), url("/assets/fonts/Pretendard-Regular.subset.woff") format("woff");
}
/*-------------------------------------------------------------------
	@Resets
-------------------------------------------------------------------*/
html, body {
  height: 100%;
  min-height: 100vh;
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
      text-size-adjust: none;
}

::before, ::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html, body, div, ul, ol, dl, li, dt, dd, p, h1, h2, h3, h4, h5, h6, table, thead, tbody, tr, th, td, caption, address, article, aside,
canvas, details, figure, figcaption, main, footer, header, menu, nav, section,
button, select, textarea, input, form, fieldset, legend, label, a, span, strong, em, address, pre, code, dfn, small, i, b {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  font-style: normal;
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
  color: inherit;
  box-sizing: inherit;
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  -o-box-sizing: inherit;
  -webkit-print-color-adjust: exact;
}

main, article, aside, canvas, details, figure, figcaption, footer, header, menu, nav, section {
  display: block;
}

[hidden] {
  display: none;
}

button {
  background-color: transparent;
  cursor: pointer;
}

img, a, frame, iframe, fieldset {
  border: 0;
}

a {
  text-decoration: none;
}

table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}

caption {
  height: 1px;
  overflow: hidden;
}

legend {
  position: fixed;
  overflow: hidden;
  border: 0;
  margin: -1px;
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
}

img {
  display: block;
  width: 100%;
}

button {
  overflow: hidden;
  background-color: transparent;
  cursor: pointer;
}

button::-moz-focus-inner {
  border: 0px;
  padding: 0px;
}

input[type=checkbox], input[type=radio], select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
}

textarea {
  resize: none;
}

select::-ms-expand {
  display: none;
}

input::-ms-clear,
input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

input::search-decoration,
input::search-cancel-button,
input::search-results-button,
input::search-results-decoration {
  display: none;
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {
  display: none;
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input::-webkit-calendar-picker-indicator {
  -webkit-appearance: none;
}

input:disabled,
textarea:disabled {
  opacity: 1;
  background: transparent;
  -webkit-text-fill-color: inherit;
}

body {
  position: relative;
  overflow-y: auto;
  color: #444444;
  font-family: "Pretendard", "sans-serif";
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  word-break: normal;
  word-wrap: break-word;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body.useragent-ios {
  padding-bottom: env(safe-area-inset-bottom);
}
body.useragent-android {
  padding-bottom: 20px;
}

.swiper-pagination {
  isolation: isolate;
}
.swiper-pagination.dot-indicator {
  top: var(--swiper-pagination-top, auto);
  bottom: var(--swiper-pagination-bottom, 18px);
  -webkit-transition: none;
  transition: none;
}
.swiper-pagination.dot-indicator .swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 6px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 6px));
  border-radius: 3px;
  border: 1px solid #000000;
  background-color: transparent;
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 2px);
  mix-blend-mode: difference;
  opacity: 1;
}
.swiper-pagination.dot-indicator .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 16px;
  background-color: #000000;
}

.tui-datepicker .tui-calendar-btn {
  font-size: 0;
  line-height: 0;
}
.tui-datepicker .tui-calendar-btn:after {
  content: "";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: absolute;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
  cursor: pointer;
}
.tui-datepicker .tui-calendar-header-info {
  padding: 8px;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
}
.tui-datepicker .tui-calendar-header-info .tui-calendar-title-today {
  color: #757575;
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
  text-align: center;
}
.tui-datepicker .tui-datepicker-type-date .tui-calendar-header {
  margin-bottom: 16px;
}
.tui-datepicker .tui-datepicker-type-date .tui-calendar-header .tui-calendar-header-inner {
  position: relative;
}
.tui-datepicker .tui-datepicker-type-date .tui-calendar-header .tui-calendar-header-inner .tui-calendar-title {
  display: block;
  margin-bottom: 16px;
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  line-height: 160%;
  text-align: center;
}
.tui-datepicker .tui-datepicker-type-date .tui-calendar-header .tui-calendar-header-inner .tui-calendar-btn {
  position: absolute;
  top: 0;
  width: 24px;
  height: 24px;
}
.tui-datepicker .tui-datepicker-type-date .tui-calendar-header .tui-calendar-header-inner .tui-calendar-btn:after {
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
}
.tui-datepicker .tui-datepicker-type-date .tui-calendar-header .tui-calendar-header-inner .tui-calendar-btn-prev-month {
  left: 0;
}
.tui-datepicker .tui-datepicker-type-date .tui-calendar-header .tui-calendar-header-inner .tui-calendar-btn-prev-month::after {
  background-image: url("/assets/images/common/icon/ico24_datepicker_prev.svg");
}
.tui-datepicker .tui-datepicker-type-date .tui-calendar-header .tui-calendar-header-inner .tui-calendar-btn-next-month {
  right: 0;
}
.tui-datepicker .tui-datepicker-type-date .tui-calendar-header .tui-calendar-header-inner .tui-calendar-btn-next-month::after {
  background-image: url("/assets/images/common/icon/ico24_datepicker_next.svg");
}
.tui-datepicker .tui-datepicker-type-date .tui-calendar-body .tui-calendar-body-inner .tui-calendar-body-header th {
  padding-bottom: 4px;
  color: #999999;
  font-size: 14px;
  font-weight: 400;
  line-height: 160%;
}
.tui-datepicker .tui-datepicker-type-date .tui-calendar-body .tui-calendar-week .tui-calendar-date {
  position: relative;
  padding: 2px 0;
  height: 38px;
  color: #000000;
  text-align: center;
  z-index: 1;
}
.tui-datepicker .tui-datepicker-type-date .tui-calendar-body .tui-calendar-week .tui-calendar-date.tui-is-selected {
  background-color: transparent;
  color: #FFFFFF;
}
.tui-datepicker .tui-datepicker-type-date .tui-calendar-body .tui-calendar-week .tui-calendar-date.tui-is-selected::before {
  content: "";
  position: absolute;
  top: calc(50% - 19px);
  left: calc(50% - 19px);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 38px;
  height: 38px;
  border-radius: 19px;
  background-color: #000000;
  z-index: -1;
}
.tui-datepicker .tui-datepicker-type-date .tui-calendar-body .tui-calendar-week .tui-calendar-date.tui-is-blocked, .tui-datepicker .tui-datepicker-type-date .tui-calendar-body .tui-calendar-week .tui-calendar-date.tui-calendar-prev-month, .tui-datepicker .tui-datepicker-type-date .tui-calendar-body .tui-calendar-week .tui-calendar-date.tui-calendar-next-month {
  color: #999999;
}
.tui-datepicker .tui-calendar.tui-calendar-month {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 40px;
  position: relative;
  padding: 58px 16px 0;
}
.tui-datepicker .tui-calendar.tui-calendar-month .tui-calendar-header {
  margin-bottom: 0;
}
.tui-datepicker .tui-calendar.tui-calendar-month .tui-calendar-header .tui-calendar-header-inner {
  position: relative;
}
.tui-datepicker .tui-calendar.tui-calendar-month .tui-calendar-header .tui-calendar-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  height: 112px;
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  line-height: 160%;
  text-align: center;
}
.tui-datepicker .tui-calendar.tui-calendar-month .tui-calendar-header .tui-calendar-btn {
  position: absolute;
  left: 0;
  width: 46px;
  height: 24px;
  z-index: 1;
}
.tui-datepicker .tui-calendar.tui-calendar-month .tui-calendar-header .tui-calendar-btn::after {
  top: 0;
  left: 0;
  width: 46px;
  height: 24px;
}
.tui-datepicker .tui-calendar.tui-calendar-month .tui-calendar-header .tui-calendar-btn-prev-year {
  top: 0;
}
.tui-datepicker .tui-calendar.tui-calendar-month .tui-calendar-header .tui-calendar-btn-prev-year::after {
  background-image: url("/assets/images/common/icon/ico24_datepicker_year_prev.svg");
}
.tui-datepicker .tui-calendar.tui-calendar-month .tui-calendar-header .tui-calendar-btn-next-year {
  top: inherit;
  bottom: 0;
}
.tui-datepicker .tui-calendar.tui-calendar-month .tui-calendar-header .tui-calendar-btn-next-year::after {
  background-image: url("/assets/images/common/icon/ico24_datepicker_year_next.svg");
}
.tui-datepicker .tui-calendar.tui-calendar-month .tui-calendar-header .tui-calendar-header-info {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
}
.tui-datepicker .tui-calendar.tui-calendar-month .tui-calendar-body {
  width: 100%;
}
.tui-datepicker .tui-calendar.tui-calendar-month .tui-calendar-body .tui-calendar-month-group td {
  position: relative;
  margin-top: 8px;
  height: 38px;
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
  text-align: center;
}
.tui-datepicker .tui-calendar.tui-calendar-month .tui-calendar-body .tui-calendar-month-group td.tui-is-selected {
  color: #FFFFFF;
}
.tui-datepicker .tui-calendar.tui-calendar-month .tui-calendar-body .tui-calendar-month-group td.tui-is-selected::before {
  content: "";
  position: absolute;
  top: calc(50% - 19px);
  left: calc(50% - 19px);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 38px;
  height: 38px;
  border-radius: 19px;
  background-color: #000000;
  z-index: -1;
}
.tui-datepicker .tui-calendar.tui-calendar-month .tui-calendar-body .tui-calendar-month-group td.tui-is-blocked {
  color: #999999;
}
.tui-datepicker .tui-calendar-year .tui-calendar-header-inner {
  position: relative;
  text-align: center;
}
.tui-datepicker .tui-calendar-year .tui-calendar-header .tui-calendar-title {
  position: relative;
  display: block;
  margin-bottom: 16px;
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  line-height: 160%;
  text-align: center;
}
.tui-datepicker .tui-calendar-year .tui-calendar-header .tui-calendar-btn {
  position: absolute;
  top: 0;
  width: 24px;
  height: 24px;
  z-index: 1;
}
.tui-datepicker .tui-calendar-year .tui-calendar-header .tui-calendar-btn:after {
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
}
.tui-datepicker .tui-calendar-year .tui-calendar-header .tui-calendar-btn-prev-year {
  left: 0;
}
.tui-datepicker .tui-calendar-year .tui-calendar-header .tui-calendar-btn-prev-year::after {
  background-image: url("/assets/images/common/icon/ico24_datepicker_prev.svg");
}
.tui-datepicker .tui-calendar-year .tui-calendar-header .tui-calendar-btn-next-year {
  right: 0;
}
.tui-datepicker .tui-calendar-year .tui-calendar-header .tui-calendar-btn-next-year::after {
  background-image: url("/assets/images/common/icon/ico24_datepicker_next.svg");
}
.tui-datepicker .tui-calendar-year .tui-calendar-year-group .tui-is-selectable,
.tui-datepicker .tui-calendar-year .tui-calendar-year-group .tui-is-blocked {
  position: relative;
  height: 68px;
  text-align: center;
}
.tui-datepicker .tui-calendar-year .tui-calendar-year-group .tui-is-selectable.tui-is-selected,
.tui-datepicker .tui-calendar-year .tui-calendar-year-group .tui-is-blocked.tui-is-selected {
  background-color: transparent;
  color: #FFFFFF;
}
.tui-datepicker .tui-calendar-year .tui-calendar-year-group .tui-is-selectable.tui-is-selected::before,
.tui-datepicker .tui-calendar-year .tui-calendar-year-group .tui-is-blocked.tui-is-selected::before {
  content: "";
  position: absolute;
  top: calc(50% - 34px);
  left: calc(50% - 34px);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 68px;
  height: 68px;
  border-radius: 34px;
  background-color: #000000;
  z-index: -1;
}
.tui-datepicker .tui-calendar-year .tui-calendar-year-group .tui-is-selectable.tui-is-blocked,
.tui-datepicker .tui-calendar-year .tui-calendar-year-group .tui-is-blocked.tui-is-blocked {
  color: #999999;
}

.flip-clock-container {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: auto;
  margin: 0 auto;
}
.flip-clock-container [class|=flip-item] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.flip-clock-container [class|=flip-item]::before {
  content: "";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0 4px;
  width: 2px;
  height: 7px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("/assets/images/common/time_division.svg");
}
.flip-clock-container [class|=flip-item]:last-child::before {
  display: none;
}
.flip-clock-container [class|=flip-item] .flip-digit {
  width: 22px;
  height: 34px;
  position: relative;
  margin: 0 2px;
}
.flip-clock-container [class|=flip-item] .flip-digit > span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  -webkit-perspective: 200px;
          perspective: 200px;
  border-radius: 8px;
  overflow: hidden;
}
.flip-clock-container [class|=flip-item] .flip-digit > span::after, .flip-clock-container [class|=flip-item] .flip-digit > span::before {
  content: attr(data-digit);
  position: absolute;
  left: 0;
  width: 100%;
  height: calc(50% - 1px);
  font-size: 24px;
  line-height: 140%;
  letter-spacing: -0.5px;
  font-weight: 700;
  overflow: hidden;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  text-align: center;
  color: #303030;
}
.flip-clock-container [class|=flip-item] .flip-digit > span::before {
  top: 0;
  line-height: 34px;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(219, 219, 219)), color-stop(56.0000002384%, rgb(220, 220, 220)), color-stop(75.9999990463%, rgb(227, 227, 227)), color-stop(91.0000026226%, rgb(239, 239, 239)), to(rgb(252, 252, 252)));
  background: linear-gradient(180deg, rgb(219, 219, 219) 0%, rgb(220, 220, 220) 56.0000002384%, rgb(227, 227, 227) 75.9999990463%, rgb(239, 239, 239) 91.0000026226%, rgb(252, 252, 252) 100%);
}
.flip-clock-container [class|=flip-item] .flip-digit > span::after {
  bottom: 0;
  line-height: 0;
  -webkit-transform-origin: top;
  transform-origin: top;
  background: #FFFFFF;
}
.flip-clock-container [class|=flip-item] .flip-digit.flipping .flip-digit-next {
  z-index: 0;
  -webkit-animation: afterZIndexAnim 0.5s linear forwards;
          animation: afterZIndexAnim 0.5s linear forwards;
}
.flip-clock-container [class|=flip-item] .flip-digit.flipping .flip-digit-next::before {
  -webkit-animation: afterUpShadowAnim 0.5s linear forwards;
          animation: afterUpShadowAnim 0.5s linear forwards;
}
.flip-clock-container [class|=flip-item] .flip-digit.flipping .flip-digit-next::after {
  -webkit-animation: afterFlipAnim 0.5s linear forwards, afterDownShadowAnim 0.5s linear forwards;
          animation: afterFlipAnim 0.5s linear forwards, afterDownShadowAnim 0.5s linear forwards;
}
.flip-clock-container [class|=flip-item] .flip-digit.flipping .flip-digit-current {
  z-index: 1;
  -webkit-animation: currentZIndexAnim 0.5s linear forwards;
          animation: currentZIndexAnim 0.5s linear forwards;
}
.flip-clock-container [class|=flip-item] .flip-digit.flipping .flip-digit-current::before {
  -webkit-animation: currentFlipAnim 0.5s linear forwards, currentUpShadowAnim 0.5s linear forwards;
          animation: currentFlipAnim 0.5s linear forwards, currentUpShadowAnim 0.5s linear forwards;
}
.flip-clock-container [class|=flip-item] .flip-digit.flipping .flip-digit-current::after {
  -webkit-animation: currentDownShadowAnim 0.5s linear forwards;
          animation: currentDownShadowAnim 0.5s linear forwards;
}

@-webkit-keyframes afterZIndexAnim {
  0% {
    z-index: 0;
  }
  100% {
    z-index: 1;
  }
}

@keyframes afterZIndexAnim {
  0% {
    z-index: 0;
  }
  100% {
    z-index: 1;
  }
}
@-webkit-keyframes currentZIndexAnim {
  0% {
    z-index: 1;
  }
  100% {
    z-index: 0;
  }
}
@keyframes currentZIndexAnim {
  0% {
    z-index: 1;
  }
  100% {
    z-index: 0;
  }
}
@-webkit-keyframes afterFlipAnim {
  0% {
    -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg);
  }
  100% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
  }
}
@keyframes afterFlipAnim {
  0% {
    -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg);
  }
  100% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
  }
}
@-webkit-keyframes afterUpShadowAnim {
  0% {
    -webkit-box-shadow: inset 0 -100px 20px -10px white;
            box-shadow: inset 0 -100px 20px -10px white;
  }
  100% {
    -webkit-box-shadow: inset 0 0 20px -10px rgba(255, 255, 255, 0);
            box-shadow: inset 0 0 20px -10px rgba(255, 255, 255, 0);
  }
}
@keyframes afterUpShadowAnim {
  0% {
    -webkit-box-shadow: inset 0 -100px 20px -10px white;
            box-shadow: inset 0 -100px 20px -10px white;
  }
  100% {
    -webkit-box-shadow: inset 0 0 20px -10px rgba(255, 255, 255, 0);
            box-shadow: inset 0 0 20px -10px rgba(255, 255, 255, 0);
  }
}
@-webkit-keyframes afterDownShadowAnim {
  0% {
    -webkit-box-shadow: inset 0 100px 20px -10px black;
            box-shadow: inset 0 100px 20px -10px black;
  }
  100% {
    -webkit-box-shadow: inset 0 0 20px -10px rgba(0, 0, 0, 0);
            box-shadow: inset 0 0 20px -10px rgba(0, 0, 0, 0);
  }
}
@keyframes afterDownShadowAnim {
  0% {
    -webkit-box-shadow: inset 0 100px 20px -10px black;
            box-shadow: inset 0 100px 20px -10px black;
  }
  100% {
    -webkit-box-shadow: inset 0 0 20px -10px rgba(0, 0, 0, 0);
            box-shadow: inset 0 0 20px -10px rgba(0, 0, 0, 0);
  }
}
@-webkit-keyframes currentFlipAnim {
  0% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
  }
  100% {
    -webkit-transform: rotateX(-180deg);
            transform: rotateX(-180deg);
  }
}
@keyframes currentFlipAnim {
  0% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
  }
  100% {
    -webkit-transform: rotateX(-180deg);
            transform: rotateX(-180deg);
  }
}
@-webkit-keyframes currentUpShadowAnim {
  0% {
    -webkit-box-shadow: inset 0 0 15px -10px rgba(0, 0, 0, 0);
            box-shadow: inset 0 0 15px -10px rgba(0, 0, 0, 0);
  }
  50% {
    -webkit-box-shadow: inset 0 -24px 25px -10px black;
            box-shadow: inset 0 -24px 25px -10px black;
  }
  100% {
    -webkit-box-shadow: inset 0 -34px 11px -5px black;
            box-shadow: inset 0 -34px 11px -5px black;
  }
}
@keyframes currentUpShadowAnim {
  0% {
    -webkit-box-shadow: inset 0 0 15px -10px rgba(0, 0, 0, 0);
            box-shadow: inset 0 0 15px -10px rgba(0, 0, 0, 0);
  }
  50% {
    -webkit-box-shadow: inset 0 -24px 25px -10px black;
            box-shadow: inset 0 -24px 25px -10px black;
  }
  100% {
    -webkit-box-shadow: inset 0 -34px 11px -5px black;
            box-shadow: inset 0 -34px 11px -5px black;
  }
}
@-webkit-keyframes currentDownShadowAnim {
  0% {
    -webkit-box-shadow: inset 0 0 15px -10px rgba(255, 255, 255, 0);
            box-shadow: inset 0 0 15px -10px rgba(255, 255, 255, 0);
  }
  50% {
    -webkit-box-shadow: inset 0 -24px 25px -10px white;
            box-shadow: inset 0 -24px 25px -10px white;
  }
  100% {
    -webkit-box-shadow: inset 0 -34px 11px -5px white;
            box-shadow: inset 0 -34px 11px -5px white;
  }
}
@keyframes currentDownShadowAnim {
  0% {
    -webkit-box-shadow: inset 0 0 15px -10px rgba(255, 255, 255, 0);
            box-shadow: inset 0 0 15px -10px rgba(255, 255, 255, 0);
  }
  50% {
    -webkit-box-shadow: inset 0 -24px 25px -10px white;
            box-shadow: inset 0 -24px 25px -10px white;
  }
  100% {
    -webkit-box-shadow: inset 0 -34px 11px -5px white;
            box-shadow: inset 0 -34px 11px -5px white;
  }
}
.header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  width: 100%;
  max-width: 767px;
  height: 48px;
  background-color: #FFFFFF;
  z-index: 9;
}
.header.transparent {
  background-color: transparent;
}
.header.scroll {
  background-color: #FFFFFF;
}
.header .btn-menu-prev {
  position: absolute;
  top: 8px;
  left: 14px;
  width: 32px;
  height: 32px;
}
.header .btn-menu-prev span {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute;
}
.header .btn-menu-alram,
.header .btn-menu-cart,
.header .btn-menu-own,
.header .btn-menu-home,
.header .btn-menu-search,
.header .btn-menu-order {
  position: relative;
  width: 32px;
  height: 32px;
  isolation: isolate;
}
.header .btn-menu-alram .ico,
.header .btn-menu-cart .ico,
.header .btn-menu-own .ico,
.header .btn-menu-home .ico,
.header .btn-menu-search .ico,
.header .btn-menu-order .ico {
  mix-blend-mode: difference;
}
.header .btn-menu-alram span,
.header .btn-menu-cart span,
.header .btn-menu-own span,
.header .btn-menu-home span,
.header .btn-menu-search span,
.header .btn-menu-order span {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute;
}
.header .btn-menu-alram .num,
.header .btn-menu-cart .num,
.header .btn-menu-own .num,
.header .btn-menu-home .num,
.header .btn-menu-search .num,
.header .btn-menu-order .num {
  position: absolute;
  top: 0;
  right: -2px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  background-color: #FC604C;
  color: #FFFFFF;
  font-size: 9px;
  font-weight: 700;
}
.header .header-title {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 12px 90px 11px;
  width: 100%;
  text-align: center;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
}
.header .header-search-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 12px;
  margin: 0 auto;
  width: calc(100% - 108px);
}
.header .header-search-box .form-item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.header .header-search-box .form-item .form-input-wrapper .form-txt {
  width: 100%;
  color: #444444;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 400;
}
.header .header-search-box .form-item .form-input-wrapper .form-txt::-webkit-input-placeholder {
  color: #999999;
}
.header .header-search-box .form-item .form-input-wrapper .form-txt::-moz-placeholder {
  color: #999999;
}
.header .header-search-box .form-item .form-input-wrapper .form-txt:-ms-input-placeholder {
  color: #999999;
}
.header .header-search-box .form-item .form-input-wrapper .form-txt::-ms-input-placeholder {
  color: #999999;
}
.header .header-search-box .form-item .form-input-wrapper .form-txt::placeholder {
  color: #999999;
}
.header .header-search-box .form-item .form-input-wrapper .form-txt:focus {
  border-color: #444444;
}
.header .header-search-box .form-item .form-input-wrapper .form-input {
  padding: 9px 84px 9px 12px;
  height: 40px;
  background-color: #FFFFFF;
}
.header .header-search-box .form-item .button-clear {
  position: absolute;
  right: 48px;
}
.header .header-search-box .button-search {
  position: absolute;
  top: 8px;
  right: 12px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.header .header-search-box .button-search span {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute;
}
.header .header-cont {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 48px;
}
.header .header-cont .logo {
  display: none;
}
.header .header-cont .btn-group {
  position: absolute;
  top: 8px;
  right: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 12px;
  margin-left: auto;
}
.header .header-cont.cart-home {
  background-color: transparent;
}
.header.transparent .header-title {
  color: #FFFFFF;
}

.wrap {
  margin: 0 auto;
  max-width: 767px;
}

.container {
  position: relative;
  min-height: 100vh;
}

.content {
  position: relative;
  background-color: #EEEEEE;
  min-height: 100vh;
}
.content:has(.only-section) .only-section {
  min-height: 100vh;
}
.content:has(.only-section) .tab-section {
  background-color: #FFFFFF;
}
.content:has(.only-section):has(.bottom-fixed-cont) {
  padding-bottom: 0;
}
.content:has(:first-child + .round-section-gray.note-cont-list) [class^=round-section]:first-child {
  min-height: calc(100vh - var(--noteListHeight) - 8px);
}
.content:has(.bottom-fixed-cont) {
  padding-bottom: var(--bottomFixedHeight);
}
.content:has(.bottom-fixed-cont):has(:last-of-type.round-section-gray.note-cont-list) {
  padding-bottom: calc(var(--bottomFixedHeight) - 40px);
}
.content:has(.bottom-fixed-cont):has([class^=round-section]:first-child + .round-section-gray.note-cont-list) [class^=round-section]:first-child {
  min-height: calc(100vh - var(--bottomFixedHeight) - var(--noteListHeight) + 32px);
}

.sub-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  margin-bottom: 16px;
  width: 100%;
  color: #222222;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
}
.flex-cont-box .sub-title {
  margin-bottom: 0;
}
.sub-title > .num {
  padding-left: 4px;
  color: #3ACA83;
}
.sub-title.line {
  margin-top: 12px;
  margin-bottom: 16px;
  padding-top: 12px;
  border-top: 1px solid #EEEEEE;
}

[class^=round-section] {
  position: relative;
  border-radius: 16px;
  background-color: #FFFFFF;
  padding-top: 32px;
  padding-right: 20px;
  padding-bottom: 32px;
  padding-left: 20px;
}
[class^=round-section]:first-child {
  border-radius: 0 0 16px 16px;
  padding-top: 68px;
}
[class^=round-section] + [class^=round-section] {
  margin-top: 8px;
}
[class^=round-section].current {
  padding-top: 48px !important;
}
[class^=round-section].current-top {
  padding: 48px 0 0;
}
[class^=round-section].current-top + .round-section {
  margin-top: 0 !important;
  padding-top: 24px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
[class^=round-section].current-top + .notification-wrap {
  padding-top: 0;
}
[class^=round-section].top-none-round {
  padding: 48px 20px 16px;
  border-radius: 0 !important;
}
[class^=round-section].top-none-round .current-change-cont {
  margin: 0 -20px;
}
[class^=round-section].top-none-round .data-setting-wrap {
  padding-top: 12px;
}
[class^=round-section].top-none-round .select-all-cont {
  margin: 0 -20px;
  padding-bottom: 0;
}
[class^=round-section].top-none-round .select-all-cont:only-child {
  padding-bottom: 0;
}
[class^=round-section].top-none-round + .order-wrap {
  margin-top: 0;
  padding-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
[class^=round-section].tab-section {
  padding: 48px 0 0 0 !important;
}
[class^=round-section].tab-section:has(.round-section) .tab-content {
  background-color: #EEEEEE;
}
[class^=round-section].tab-section:has(.round-section) .tab-content .round-section:first-child {
  padding-top: 20px;
}
.content [class^=round-section]:only-child {
  border-radius: 0;
}
[class^=round-section].only-section {
  border-radius: 0;
}
[class^=round-section]:has(.current-change-cont):first-child {
  padding-top: 48px;
}

.round-section-gray {
  background-color: #F8F8F8 !important;
}

.round-section-primary {
  background-color: var(--primary) !important;
  color: var(--brand-font);
}

.bottom-fixed-cont {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0 auto;
  width: 100%;
  max-width: 767px;
  background-color: #FFFFFF;
  z-index: 1;
  padding: 10px 20px 20px;
  height: auto;
}
.bottom-fixed-cont .text-wrap {
  padding: 2px 0 12px;
}
.bottom-fixed-cont .text-desc {
  color: #444444;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  text-align: center;
}
.useragent-ios .bottom-fixed-cont {
  padding-bottom: calc(env(safe-area-inset-bottom) + 0px);
}
.useragent-android .bottom-fixed-cont {
  padding-bottom: 20px !important;
}
.bottom-fixed-cont .amount-area {
  margin-top: 12px;
  margin-bottom: 12px;
}
.bottom-fixed-cont .amount-area .tooltip.top-left {
  top: -42px;
  left: 36px;
}
.bottom-fixed-cont .current-change-cont {
  margin: 0 -20px;
  padding-top: 2px;
}
.bottom-fixed-cont .current-change-cont ~ .amount-area {
  position: relative;
}
.bottom-fixed-cont .current-change-cont ~ .amount-area::before {
  content: "";
  display: block;
  position: absolute;
  top: -12px;
  left: -20px;
  right: -20px;
  height: 1px;
  background-color: #EEEEEE;
}

.current-change-cont {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0 8px;
  padding: 12px 20px;
  background-color: #FFFFFF;
  z-index: 1;
}
.current-change-cont.line {
  margin: 0 -20px;
}
.current-change-cont .current-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
}
.current-change-cont .current-select .store-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #444444;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.current-change-cont .current-select .store-use {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 4px;
}
.current-change-cont .current-select .store-use::before {
  content: "";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 4px;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background-color: #DDDDDD;
}
.current-change-cont .current-select .store-use > span {
  color: #999999;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.current-change-cont .current-select .tooltip {
  left: -6px;
  bottom: -39px !important;
}
.current-change-cont .button-s {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-left: auto;
}
.current-change-cont ~ .tab-scroll {
  margin-top: 16px;
}
.current-change-cont .table-number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 4px 8px;
  height: 27px;
  background-color: #222222;
  border-radius: 20px;
  color: #FFFFFF;
}
.current-change-cont .table-number .txt-table {
  margin-left: 6px;
  font-size: 12px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  white-space: nowrap;
}
.current-change-cont .table-number .number {
  margin-left: 3px;
  font-size: 12px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 700;
}
.flex-cont-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 8px;
  width: 100%;
}
.flex-cont-box .right-cont {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-left: auto;
}

.radius-shape-824 {
  padding: 20px;
  border-radius: 8px 24px 8px 8px;
}

.menu-price {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  color: #222222;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.menu-price > strong {
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 700;
}
.menu-price .original-price {
  display: block;
  color: #999999;
  font-size: 16px;
  font-weight: 400;
  line-height: 25.6px;
  text-decoration: line-through;
}
.menu-price .discount-percent {
  padding-right: 4px;
  color: #FC604C;
  font-size: 24px;
  line-height: 140%;
  letter-spacing: -0.5px;
  font-weight: 700;
}
.menu-price .price-discount {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #222222;
  font-size: 24px;
  line-height: 140%;
  letter-spacing: -0.5px;
  font-weight: 700;
}
.menu-price .price-discount .num {
  color: #222222;
  font-size: 24px;
  line-height: 140%;
  letter-spacing: -0.5px;
  font-weight: 700;
}
.cart .menu-price .original-price {
  margin-right: 8px;
  font-size: 12px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 400;
}
.cart .menu-price .price-discount {
  color: #222222;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.cart .menu-price .price-discount .num {
  color: #222222;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 700;
}

.data-setting-wrap.line {
  margin-bottom: 12px;
  padding-bottom: 13px;
}
.data-setting-wrap .data-setting {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0 8px;
  width: 100%;
}
.data-setting-wrap .data-setting .date-view {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 4px;
}
.data-setting-wrap .data-setting .date-view .date-text {
  color: #757575;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.data-setting-wrap .data-setting .button-s {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-left: 8px;
}
.data-setting-wrap .dot-text {
  margin-top: 4px;
}
.data-setting-wrap .list {
  margin-top: 12px;
}

.data-info-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0 8px;
  margin-bottom: 16px;
  padding-bottom: 12px;
}
.data-info-wrap .info-text {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.data-info-wrap .info-text > span {
  color: #444444;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.data-info-wrap .info-text > span:not(:first-child)::before {
  content: "";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0 5px;
  width: 1px;
  height: 12px;
  background-color: #CCCCCC;
}
.data-info-wrap .button-s {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-left: auto;
}

.use-list-cont {
  margin-top: 16px;
  padding-top: 16px;
}
.use-list-cont ul li:not(:first-child) {
  margin-top: 24px;
}

.use-cont-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0 8px;
  width: 100%;
}
.use-cont-wrap .use-info .title-text {
  color: #444444;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
}
.use-cont-wrap .use-info .date-text {
  margin-top: 4px;
  color: #757575;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.use-cont-wrap .use-info .effective-date {
  margin-top: 4px;
  color: #757575;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.use-cont-wrap .use-info .benefits-received {
  margin-top: 4px;
  color: #757575;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.use-cont-wrap .price-text {
  color: #444444;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 600;
}
.use-cont-wrap .deduct-amount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.use-cont-wrap .deduct-amount .menu-img {
  width: 32px;
  height: 32px;
  border-radius: 16px;
  background-color: #F5F5F5;
}
.use-cont-wrap .deduct-amount .use-mount {
  margin-left: 4px;
  color: #444444;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
}

.select-wrap-right {
  text-align: right;
}
.coupon-list .select-wrap-right {
  padding: 24px 0 16px;
}

.text-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.text-link a {
  position: relative;
  color: #757575;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.text-link a:not(:first-child) {
  padding-left: 25px;
  color: #222222;
}
.text-link a:not(:first-child)::before {
  content: "";
  position: absolute;
  top: calc(50% - 6px);
  left: 12px;
  width: 1px;
  height: 12px;
  background-color: #DDDDDD;
}

.title-box {
  margin-bottom: 32px;
}
.title-box .title {
  color: #222222;
  font-size: 20px;
  line-height: 140%;
  letter-spacing: -0.5px;
  font-weight: 700;
}
.title-box .sub-title {
  margin-bottom: 12px;
}
.title-box .title-text {
  color: #444444;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
}
.title-box .desc {
  color: #444444;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.title-box .desc.underline {
  padding-bottom: 32px;
}
.title-box .desc-text {
  color: #757575;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.title-box .subject-text {
  color: #444444;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
}
.title-box .date-text {
  color: #757575;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.title-box.other {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0 8px;
  margin-bottom: 0;
}
.title-box.other .stamp-text,
.title-box.other .point-text,
.title-box.other .price-text {
  color: #222222;
  white-space: nowrap;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.title-box.other .stamp-text > strong,
.title-box.other .point-text > strong,
.title-box.other .price-text > strong {
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 700;
}
.title-box.other .table-number {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  color: #444444;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 400;
}
.title-box.store-type {
  margin-top: 20px;
}
.title-box.line {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #EEEEEE;
}

.footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
.footer p ~ p {
  padding-top: 2px;
}
.footer .company-info p {
  color: #757575;
  word-break: break-all;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.footer .company-info .company-name {
  padding-bottom: 8px;
}
.footer .company-info .company-name strong {
  color: #444444;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 600;
}
.footer .company-info .company-number {
  padding-left: 16px;
}
.footer .company-info .right-cont {
  float: right;
}
.footer .company-info .underline {
  position: relative;
  line-height: 1;
}
.footer .company-info .underline::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #757575;
  line-height: 1;
}
.footer .company-copyright p {
  color: #757575;
  font-size: 12px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.footer .sns-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 16px;
}
.footer .sns-link a {
  display: block;
}
.footer .sns-link a span {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

.bg-primary {
  background-color: var(--primary);
}

.bg-menu-detail {
  background-color: #F9F5EF;
}

.skeleton .skeleton-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.skeleton .skeleton-list .skeleton-wrap {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
}
.skeleton .skeleton-list .skeleton-wrap .skeleton-img {
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  border-radius: 4px;
  background: -webkit-gradient(linear, left top, right top, from(#eeeeee), color-stop(20%, #f2f2f2), color-stop(40%, #eeeeee), to(#eeeeee));
  background: linear-gradient(to right, #eeeeee 0%, #f2f2f2 20%, #eeeeee 40%, #eeeeee 100%);
  -webkit-animation: skeleton-bg 8s linear infinite;
          animation: skeleton-bg 8s linear infinite;
}
.skeleton .skeleton-list .skeleton-wrap .skeleton-text-wrap {
  width: 100%;
}
.skeleton .skeleton-list .skeleton-wrap .skeleton-text-wrap .skeleton-name,
.skeleton .skeleton-list .skeleton-wrap .skeleton-text-wrap .skeleton-description,
.skeleton .skeleton-list .skeleton-wrap .skeleton-text-wrap .skeleton-price {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 16px;
  border-radius: 4px;
  background: -webkit-gradient(linear, left top, right top, from(#eeeeee), color-stop(20%, #f3f3f3), color-stop(40%, #eeeeee), to(#eeeeee));
  background: linear-gradient(to right, #eeeeee 0%, #f3f3f3 20%, #eeeeee 40%, #eeeeee 100%);
  -webkit-animation: skeleton-bg 8s linear infinite;
          animation: skeleton-bg 8s linear infinite;
}
.skeleton .skeleton-list.store {
  margin-bottom: 16px;
  border-bottom: 1px solid #EEEEEE;
}
.skeleton .skeleton-list.store li {
  padding: 16px 0;
  border-top: 1px solid #EEEEEE;
}
.skeleton .skeleton-list.store li .skeleton-wrap {
  gap: 0 20px;
  min-height: 72px;
}
.skeleton .skeleton-list.store li .skeleton-wrap .skeleton-img {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 72px;
  height: 72px;
}
.skeleton .skeleton-list.store li .skeleton-wrap .skeleton-text-wrap .skeleton-name {
  width: 42.38%;
}
.skeleton .skeleton-list.store li .skeleton-wrap .skeleton-text-wrap .skeleton-description {
  margin-top: 8px;
  width: 100%;
}
.skeleton .skeleton-list.store li .skeleton-wrap .skeleton-text-wrap .skeleton-price {
  margin-top: 16px;
  width: 75.3%;
}
.skeleton .skeleton-list.menu li .skeleton-wrap {
  gap: 0 16px;
  min-height: 120px;
}
.skeleton .skeleton-list.menu li .skeleton-wrap .skeleton-img {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin: 16px 0;
  width: 120px;
  height: 120px;
}
.skeleton .skeleton-list.menu li .skeleton-wrap .skeleton-text-wrap {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 16px 0;
  min-height: 120px;
}
.skeleton .skeleton-list.menu li .skeleton-wrap .skeleton-text-wrap .skeleton-name {
  width: 89.74%;
}
.skeleton .skeleton-list.menu li .skeleton-wrap .skeleton-text-wrap .skeleton-description {
  margin-top: 8px;
  width: 100%;
}
.skeleton .skeleton-list.menu li .skeleton-wrap .skeleton-text-wrap .skeleton-price {
  margin-top: 16px;
  width: 51.28%;
}
.skeleton .skeleton-list.stock {
  overflow-x: scroll;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 0 16px;
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}
.skeleton .skeleton-list.stock li {
  padding: 24px 15px 16px;
  border-radius: 8px 24px 8px 8px;
  background-color: #FFFFFF;
  scroll-snap-align: start;
}
.skeleton .skeleton-list.stock li .skeleton-wrap {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.skeleton .skeleton-list.stock li .skeleton-wrap .skeleton-img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
}
.skeleton .skeleton-list.stock li .skeleton-wrap .skeleton-text-wrap {
  text-align: center;
}
.skeleton .skeleton-list.stock li .skeleton-wrap .skeleton-text-wrap .skeleton-name {
  margin: 12px auto 0;
  width: 53.33%;
}
.skeleton .skeleton-list.stock li .skeleton-wrap .skeleton-text-wrap .skeleton-description {
  margin: 16px auto 0;
  width: 80%;
}
.skeleton .skeleton-list.stock li .skeleton-wrap .skeleton-text-wrap .skeleton-price {
  margin: 8px auto 0;
  width: 40%;
}
.skeleton .skeleton-list.time-sale {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 24px 15px;
}
.skeleton .skeleton-list.time-sale li .skeleton-wrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 24px 15px;
}
.skeleton .skeleton-list.time-sale li .skeleton-wrap .skeleton-img {
  padding-top: 100%;
  width: 100%;
  min-width: 160px;
  height: 0;
  min-height: 160px;
}
.skeleton .skeleton-list.time-sale li .skeleton-wrap .skeleton-text-wrap {
  margin-top: 12px;
}
.skeleton .skeleton-list.time-sale li .skeleton-wrap .skeleton-text-wrap .skeleton-name {
  width: 100%;
}
.skeleton .skeleton-list.time-sale li .skeleton-wrap .skeleton-text-wrap .skeleton-description {
  margin-top: 8px;
  width: 81.25%;
}
.skeleton .skeleton-list.time-sale li .skeleton-wrap .skeleton-text-wrap .skeleton-price {
  margin-top: 24px;
  width: 56.25%;
}
.skeleton .skeleton-list.horizon-80 .skeleton-wrap {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 20px;
  min-height: 80px;
}
.skeleton .skeleton-list.horizon-80 .skeleton-wrap .skeleton-img {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 80px;
  height: 80px;
  border-radius: 50%;
}
.skeleton .skeleton-list.horizon-80 .skeleton-wrap .skeleton-text-wrap {
  text-align: center;
}
.skeleton .skeleton-list.horizon-80 .skeleton-wrap .skeleton-text-wrap .skeleton-name {
  width: 74.46%;
}
.skeleton .skeleton-list.horizon-80 .skeleton-wrap .skeleton-text-wrap .skeleton-description {
  margin-top: 8px;
  width: 100%;
}
.skeleton .skeleton-list.horizon-80 .skeleton-wrap .skeleton-text-wrap .skeleton-price {
  margin-top: 16px;
  width: 42.55%;
}
.skeleton .skeleton-list.vertical-156 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.skeleton .skeleton-list.vertical-156 .skeleton-wrap {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.skeleton .skeleton-list.vertical-156 .skeleton-wrap .skeleton-img {
  width: 156px;
  height: 156px;
}
.skeleton .skeleton-list.vertical-156 .skeleton-wrap .skeleton-text-wrap {
  margin-top: 12px;
  text-align: center;
}
.skeleton .skeleton-list.vertical-156 .skeleton-wrap .skeleton-text-wrap .skeleton-name {
  margin: 0 auto;
  width: 74.35%;
}
.skeleton .skeleton-list.vertical-156 .skeleton-wrap .skeleton-text-wrap .skeleton-description {
  margin: 8px auto 0;
  width: 57.69%;
}

@-webkit-keyframes skeleton-bg {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 375px 0;
  }
}

@keyframes skeleton-bg {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 375px 0;
  }
}
.map-api-area {
  position: relative;
}
.map-api-area .store-img {
  overflow: hidden;
  position: relative;
  padding-top: 100%;
  height: 0;
}
.map-api-area .store-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.map-api-area .ico-map {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  width: 38px;
  height: 49px;
  background-color: var(--primary);
  -webkit-mask-image: url("/assets/images/common/icon/ico_map_primary_bg.svg");
          mask-image: url("/assets/images/common/icon/ico_map_primary_bg.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center left;
          mask-position: center left;
  -webkit-mask-size: contain;
          mask-size: contain;
  z-index: 2;
}
.map-api-area .ico-map::before {
  content: "";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 4px;
  left: calc(50% - 16px);
  width: 32px;
  height: 32px;
  background-image: url("/assets/images/common/icon/ico_32_map_api.svg");
  background-size: 32px 32px;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
}

.img-banner.app-down {
  margin-top: 16px;
}
.img-banner.app-down img {
  border-radius: 8px;
}

.ico {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.ico.distance-16 {
  width: 16px;
  height: 16px;
  background-image: url("/assets/images/common/icon/ico16_distance.svg");
}
.ico.cart-16 {
  width: 16px;
  height: 16px;
  background-image: url("/assets/images/common/icon/ico16_cart.svg");
}
.ico.qr-order-16 {
  width: 16px;
  height: 16px;
  background-image: url("/assets/images/common/icon/ico16_table_order.svg");
}
.ico.store-16 {
  width: 16px;
  height: 16px;
  background-image: url("/assets/images/common/icon/ico16_store_white.svg");
}
.waiting .ico.store-16 {
  background-image: url("/assets/images/common/icon/ico16_store_gray.svg");
}
.ico.coupon-24 {
  margin-right: 8px;
  width: 24px;
  height: 24px;
  background-image: url("/assets/images/common/icon/ico24_coupon.svg");
}
.ico.creditcard-24 {
  margin-right: 8px;
  width: 24px;
  height: 24px;
  background-image: url("/assets/images/common/icon/ico24_creditcard.svg");
}
.ico.giftcard-24 {
  margin-right: 8px;
  width: 24px;
  height: 24px;
  background-image: url("/assets/images/common/icon/ico24_giftcard.svg");
}
.ico.store-24 {
  margin-right: 8px;
  width: 24px;
  height: 24px;
  background-image: url("/assets/images/common/icon/ico24_store.svg");
}
.ico.store-24 {
  margin-right: 8px;
  width: 24px;
  height: 24px;
  background-image: url("/assets/images/common/icon/ico24_store.svg");
}
.ico.time-24 {
  width: 24px;
  height: 24px;
  background-image: url("/assets/images/common/icon/ico24_time.svg");
}
.ico.notice-24 {
  margin-right: 4px;
  width: 24px;
  height: 24px;
  background-image: url("/assets/images/common/icon/ico24_notice.svg");
}
.ico.notice-24-gray {
  margin-right: 4px;
  width: 24px;
  height: 24px;
  background-image: url("/assets/images/common/icon/ico24_notice_gray.svg");
}
.ico.search-24 {
  width: 24px;
  height: 24px;
  background-image: url("/assets/images/common/icon/ico24_search.svg");
}
.ico.question-24 {
  width: 24px;
  height: 24px;
  background-image: url("/assets/images/common/icon/ico24_question.svg");
}
.ico.address-24 {
  margin-right: 4px;
  width: 24px;
  height: 24px;
  background-image: url("/assets/images/common/icon/ico24_address.svg");
}
.ico.text-clear-24 {
  width: 24px;
  height: 24px;
  background-image: url("/assets/images/common/icon/ico24_text_clear.svg");
}
.ico.pw-on-24 {
  width: 24px;
  height: 24px;
  background-image: url("/assets/images/common/icon/ico24_eye_on.svg");
}
.ico.pw-off-24 {
  width: 24px;
  height: 24px;
  background-image: url("/assets/images/common/icon/ico24_eye_off.svg");
}
.ico.chevron-24 {
  width: 24px;
  height: 24px;
  background-image: url("/assets/images/common/icon/ico24_arrow_down.svg");
}
.ico.current-location-24 {
  width: 24px;
  height: 24px;
  background-image: url("/assets/images/common/icon/ico24_location.svg");
}
.ico.cart-24 {
  margin-right: 4px;
  width: 24px;
  height: 24px;
  background-image: url("/assets/images/common/icon/ico24_cart.svg");
}
.ico.arrow-right-24 {
  margin-right: 4px;
  width: 24px;
  height: 24px;
  background-image: url("/assets/images/common/icon/ico24_arrow_right.svg");
}
.ico.del-24 {
  width: 24px;
  height: 24px;
  background-image: url("/assets/images/common/icon/ico24_delete.svg");
}
.ico.del-24-gray {
  width: 24px;
  height: 24px;
  background-image: url("/assets/images/common/icon/ico24_delete_gray.svg");
}
.ico.warning-24 {
  width: 24px;
  height: 24px;
  background-image: url("/assets/images/common/icon/ico24_warning.svg");
}
.ico.refresh-24 {
  width: 24px;
  height: 24px;
  background-image: url("/assets/images/common/icon/ico24_refresh.svg");
}
.ico.calendar-24 {
  width: 24px;
  height: 24px;
  background-image: url("/assets/images/common/icon/ico24_calendar.svg");
}
:disabled .ico.calendar-24 {
  background-image: url("/assets/images/common/icon/ico24_calendar_disabled.svg");
}
.ico.search-link-24 {
  width: 24px;
  height: 24px;
  background-image: url("/assets/images/common/icon/ico24_search_link.svg");
}
.ico.plus-24 {
  width: 24px;
  height: 24px;
  background-image: url("/assets/images/common/icon/ico24_plus.svg");
}
.ico.add-24 {
  width: 24px;
  height: 24px;
  background-image: url("/assets/images/common/icon/ico24_add.svg");
}
.ico.alarm-24 {
  width: 24px;
  height: 24px;
  background-image: url("/assets/images/common/icon/ico24_alarm.svg");
}
.ico.calendar {
  width: 24px;
  height: 24px;
  background-image: url("/assets/images/common/icon/ico24_calendar.svg");
}
.ico.time {
  width: 24px;
  height: 24px;
  background-image: url("/assets/images/common/icon/ico24_time.svg");
}
.ico.card-24 {
  width: 24px;
  height: 24px;
  background-image: url("/assets/images/common/icon/ico24_card.svg");
}
.ico.prev {
  width: 32px;
  height: 32px;
  background-image: url("/assets/images/common/icon/ico32_prev.png");
}
.transparent .ico.prev {
  background-image: url("/assets/images/common/icon/ico32_prev_white.svg");
}
.menu-detail .transparent .ico.prev {
  background-image: url("/assets/images/common/icon/ico32_prev.png");
}
.ico.home {
  width: 32px;
  height: 32px;
  background-image: url("/assets/images/common/icon/ico32_home.png");
}
.transparent .ico.home {
  background-image: url("/assets/images/common/icon/ico32_home_white.svg");
}
.menu-detail .transparent .ico.home {
  background-image: url("/assets/images/common/icon/ico32_home.png");
}
.ico.cart {
  width: 32px;
  height: 32px;
  background-image: url("/assets/images/common/icon/ico32_cart.png");
}
.transparent .ico.cart {
  background-image: url("/assets/images/common/icon/ico32_cart_white.svg");
}
.menu-detail .transparent .ico.cart {
  background-image: url("/assets/images/common/icon/ico32_cart.png");
}
.ico.search {
  width: 32px;
  height: 32px;
  background-image: url("/assets/images/common/icon/ico32_search.svg");
}
.ico.my-own {
  width: 32px;
  height: 32px;
  background-image: url("/assets/images/common/icon/ico32_mu_own.svg");
}
.ico.order {
  width: 32px;
  height: 32px;
  background-image: url("/assets/images/common/icon/ico32_order.svg");
}
.ico.order-line {
  background-image: url("/assets/images/common/icon/ico32_order_white.svg");
}
.ico.loocation-32 {
  width: 32px;
  height: 32px;
  background-image: url("/assets/images/common/icon/ico32_location.svg");
}
.ico.address-32 {
  width: 32px;
  height: 32px;
  background-image: url("/assets/images/common/icon/ico32_address.svg");
}
.ico.check-32 {
  width: 32px;
  height: 32px;
  background-image: url("/assets/images/common/icon/ico32_circle_check_white.svg");
}
.ico.unavailable-32 {
  width: 32px;
  height: 32px;
  background-image: url("/assets/images/common/icon/ico32_unavailable.svg");
}
.ico.expiration-32 {
  width: 32px;
  height: 32px;
  background-image: url("/assets/images/common/icon/ico32_expiration.svg");
}
.ico.used-32 {
  width: 32px;
  height: 32px;
  background-image: url("/assets/images/common/icon/ico32_used.svg");
}
.ico.success-32 {
  width: 32px;
  height: 32px;
  background-image: url("/assets/images/common/icon/ico32_check_success.svg");
}
.ico.sale-32 {
  width: 32px;
  height: 32px;
  background-image: url("/assets/images/common/icon/ico32_sale.svg");
}
.ico.sale-32 {
  width: 32px;
  height: 32px;
  background-image: url("/assets/images/common/icon/ico32_sale.svg");
}
.ico.charging-32 {
  width: 32px;
  height: 32px;
  background-image: url("/assets/images/common/icon/ico32_charging.svg");
}
.ico.refund-32 {
  width: 32px;
  height: 32px;
  background-image: url("/assets/images/common/icon/ico32_refund.svg");
}
.ico.delete-32 {
  width: 32px;
  height: 32px;
  background-image: url("/assets/images/common/icon/ico32_delete.svg");
}
.ico.add-32-gray {
  width: 32px;
  height: 32px;
  background-image: url("/assets/images/common/icon/ico32_add_gray.svg");
}
.ico.instargram-36 {
  width: 36px;
  height: 36px;
  background-image: url("/assets/images/common/icon/ico36_instargram.svg");
}
.ico.youtube-36 {
  width: 36px;
  height: 36px;
  background-image: url("/assets/images/common/icon/ico36_youtube.svg");
}
.ico.facebook-36 {
  width: 36px;
  height: 36px;
  background-image: url("/assets/images/common/icon/ico36_facebook.svg");
}
.ico.naver-blog-36 {
  width: 36px;
  height: 36px;
  background-image: url("/assets/images/common/icon/ico36_naver.svg");
}
.ico.store-32 {
  width: 32px;
  height: 32px;
  background-image: url("/assets/images/common/icon/ico32_store.svg");
}
:disabled .ico.store-32 {
  background-image: url("/assets/images/common/icon/ico32_store_disabled.svg");
}
.ico.pickup-32 {
  width: 32px;
  height: 32px;
  background-image: url("/assets/images/common/icon/ico32_pickup.svg");
}
:disabled .ico.pickup-32 {
  background-image: url("/assets/images/common/icon/ico32_pickup_disabled.svg");
}
.ico.barcode-32 {
  width: 32px;
  height: 32px;
  background-image: url("/assets/images/common/icon/ico32_barcode.svg");
}
.ico.creditcard-48 {
  width: 48px;
  height: 48px;
  background-image: url("/assets/images/common/icon/ico48_creditcard.svg");
}
.ico.naver-48 {
  width: 48px;
  height: 48px;
  background-image: url("/assets/images/common/icon/ico48_naver.svg");
}
.ico.kakao-48 {
  width: 48px;
  height: 48px;
  background-image: url("/assets/images/common/icon/ico48_kakao.svg");
}
.ico.order-list {
  width: 72px;
  height: 72px;
  border-radius: 9px;
  background-color: var(--primary);
  background-image: url("/assets/images/common/icon/ico72_order_list.svg");
}
.ico.order-member {
  width: 72px;
  height: 72px;
  border-radius: 9px;
  background-color: var(--primary);
  background-image: url("/assets/images/common/icon/ico72_order_member.svg");
}
.ico.coupon-96-none {
  width: 96px;
  height: 96px;
  background-image: url("/assets/images/common/icon/ico96_coupon_none.svg");
}
.ico.stamp-96-none {
  width: 96px;
  height: 96px;
  background-image: url("/assets/images/common/icon/ico96_stamp_none.svg");
}
.ico.point-96-none {
  width: 96px;
  height: 96px;
  background-image: url("/assets/images/common/icon/ico96_point_none.svg");
}
.ico.delivery-96-none {
  width: 96px;
  height: 96px;
  background-image: url("/assets/images/common/icon/ico96_delivery_none.svg");
}
.ico.search-96-none {
  width: 96px;
  height: 96px;
  background-image: url("/assets/images/common/icon/ico96_search_none.svg");
}
.ico.store-96-none {
  width: 96px;
  height: 96px;
  background-image: url("/assets/images/common/icon/ico96_store_none.svg");
}
.ico.cart-96-none {
  width: 96px;
  height: 96px;
  background-image: url("/assets/images/common/icon/ico96_cart_none.svg");
}
.ico.document-96-none {
  width: 96px;
  height: 96px;
  background-image: url("/assets/images/common/icon/ico96_document_none.svg");
}
.ico.event-96-none {
  width: 96px;
  height: 96px;
  background-image: url("/assets/images/common/icon/ico96_event_none.svg");
}
.ico.timesale-96-none {
  width: 96px;
  height: 96px;
  background-image: url("/assets/images/common/icon/ico96_event_none.svg");
}
.ico.qr-96-none {
  width: 96px;
  height: 96px;
  background-image: url("/assets/images/common/icon/ico96_qr_none.svg");
}
.ico.store-96 {
  width: 96px;
  height: 96px;
  background-image: url("/assets/images/common/icon/ico96_store.svg");
}
.ico.delivery-96 {
  width: 96px;
  height: 96px;
  background-image: url("/assets/images/common/icon/ico96_delivery.svg");
}
.ico.check-96 {
  position: relative;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background-color: var(--primary);
  background-image: url("/assets/images/common/icon/ico96_check.svg");
}
.ico.alarm-96 {
  width: 96px;
  height: 96px;
  background-image: url("/assets/images/common/icon/ico96_alarm.svg");
}
.ico.shoppingbag-96 {
  width: 96px;
  height: 96px;
  background-image: url("/assets/images/common/icon/ico96_shoppingbag.svg");
}

.table-data-cont {
  overflow-x: auto;
}
.table-data-cont table.table-info {
  table-layout: fixed;
  width: auto;
  min-width: 100%;
  border-collapse: collapse;
}
.table-data-cont table.table-info tr {
  position: relative;
}
.table-data-cont table.table-info thead th {
  padding: 8px 12px;
  border-right: 1px solid #EEEEEE;
  background-color: #F8F8F8;
  color: #444444;
  text-align: center;
  white-space: nowrap;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 600;
}
.table-data-cont table.table-info thead th:first-child {
  position: sticky;
  top: 0;
  left: 0;
  border-right: 1px solid #EEEEEE;
  z-index: 1;
}
.table-data-cont table.table-info thead th:last-child {
  border-right: none;
}
.table-data-cont table.table-info tbody th,
.table-data-cont table.table-info tbody td {
  padding: 8px 12px;
  border-right: 1px solid #EEEEEE;
  border-bottom: 1px solid #EEEEEE;
  background-color: #FFFFFF;
  color: #757575;
  text-align: center;
  white-space: nowrap;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.table-data-cont table.table-info tbody th:first-child,
.table-data-cont table.table-info tbody td:first-child {
  position: sticky;
  top: 0;
  left: 0;
  border-right: 1px solid #EEEEEE;
  z-index: 1;
}
.table-data-cont table.table-info tbody th:last-child,
.table-data-cont table.table-info tbody td:last-child {
  border-right: none;
}
.table-data-cont:not(:first-child) {
  margin-top: 24px;
}

.button-p {
  color: var(--brand-font);
  background: var(--primary);
}
.button-p:disabled {
  color: #CCCCCC;
  background: #F5F5F5;
}

.button-s {
  border: 1px solid #CCCCCC;
  color: #222222;
  background: #FFFFFF;
}
.button-s:disabled {
  border-color: #F5F5F5;
  color: #CCCCCC;
  background-color: #F5F5F5;
}

.button-p,
.button-s,
.button-option {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  gap: 0 4px;
  white-space: nowrap;
}
.button-p.xl56,
.button-s.xl56,
.button-option.xl56 {
  padding: 0 20px;
  height: 56px;
  border-radius: 12px;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 700;
}
.button-p.l48,
.button-s.l48,
.button-option.l48 {
  padding: 0 16px;
  height: 48px;
  border-radius: 8px;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 700;
}
.button-p.m40,
.button-s.m40,
.button-option.m40 {
  padding: 0 16px;
  height: 40px;
  border-radius: 8px;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
}
.button-p.s32,
.button-s.s32,
.button-option.s32 {
  padding: 0 12px;
  height: 32px;
  border-radius: 4px;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
}
.button-p.xs24,
.button-s.xs24,
.button-option.xs24 {
  padding: 0 8px;
  height: 24px;
  border-radius: 4px;
  font-size: 12px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
}
.button-p.size64,
.button-s.size64,
.button-option.size64 {
  padding: 0 8px;
  height: 64px;
  border-radius: 8px;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
}
.button-p.wide,
.button-s.wide,
.button-option.wide {
  width: 100%;
}
.button-p.wide ~ .wide,
.button-s.wide ~ .wide,
.button-option.wide ~ .wide {
  margin-top: 16px;
}

.button-t {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #000000;
}
.button-t.l16 {
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 400;
}
.button-t.m14 {
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 400;
}
.button-t.s12 {
  font-size: 12px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 400;
}
.button-t::after {
  content: "";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 16px;
  height: 16px;
  background-color: #000000;
  -webkit-mask: url("/assets/images/common/icon/ico16_next_arrow.svg") no-repeat center center/contain;
          mask: url("/assets/images/common/icon/ico16_next_arrow.svg") no-repeat center center/contain;
}
.button-t.gray {
  color: #757575;
}
.button-t.gray::after {
  background-color: #757575;
}
.button-t:disabled {
  color: #CCCCCC;
}
.button-t:disabled::after {
  background-image: url("/assets/images/common/icon/ico16_next_arrow_ccc.svg");
}
.button-t.arrow-none::after {
  display: none;
}
.button-t.under-line {
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: underline;
}
.button-t.under-line::after {
  display: none;
}

.button-arrow {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #000000;
}
.button-arrow::after {
  content: "";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 24px;
  height: 24px;
  background: url("/assets/images/common/icon/ico24_next_arrow.svg");
}
.button-arrow span {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

.button-option {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 13px 5px;
  width: 100%;
  border: 2px solid #F5F5F5;
  border-radius: 8px;
  background-color: #F5F5F5;
  color: #757575;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 400;
}
.button-option.active {
  border-color: #222222;
  background-color: #FFFFFF;
  color: #222222;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
}
.button-option.l48 {
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 400;
}
.button-option.l48.active {
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
}

.button-delete {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 24px;
  height: 24px;
}
.button-delete > span {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

.button-favorite-store {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 48px;
  height: 48px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("/assets/images/common/icon/ico48_favorite_off.svg");
}
.button-favorite-store.active {
  background-image: url("/assets/images/common/icon/ico48_favorite_on.svg");
}
.button-favorite-store span {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

.button-favorite-store-s {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 24px;
  height: 24px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("/assets/images/common/icon/ico32_favorite_off.svg");
}
.button-favorite-store-s.active {
  background-image: url("/assets/images/common/icon/ico32_favorite_on.svg");
}
.button-favorite-store-s span {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

.button-favorite-menu {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 48px;
  height: 48px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("/assets/images/common/icon/ico48_favorite_menu_off.svg");
}
.button-favorite-menu.active {
  background-image: url("/assets/images/common/icon/ico48_favorite_menu_on.svg");
}
.button-favorite-menu span {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

.button-favorite-menu-s {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 32px;
  height: 32px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("/assets/images/common/icon/ico24_favorite_menu_off.svg");
}
.button-favorite-menu-s.active {
  background-image: url("/assets/images/common/icon/ico24_favorite_menu_on.svg");
}
.button-favorite-menu-s span {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

.button-current-location {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 16px;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.button-current-location .ico {
  margin-right: 4px;
}

.button-nutrition-infor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 16px;
  width: 100%;
  color: #444444;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 600;
}
.button-nutrition-infor::after {
  content: "";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: auto;
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("/assets/images/common/icon/ico24_next_arrow.svg");
}
.button-nutrition-infor > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  color: #444444;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 600;
  margin-left: 2px;
}
.button-nutrition-infor > span ~ span {
  margin-left: 0;
}
.button-nutrition-infor > span ~ span::before {
  content: "";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-item-align: center;
      align-self: center;
  margin: 0 8px;
  width: 1px;
  height: 12px;
  border-radius: 4px;
  background-color: #DDDDDD;
}

.button-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0 8px;
}
.button-group .button-p,
.button-group .button-s {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.button-group-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0 8px;
}
.button-group-fixed {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0 8px;
  margin: 0 auto;
  width: 100%;
  max-width: 767px;
  background-color: #FFFFFF;
  z-index: 10;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
}
.button-group-grid-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
  padding-bottom: 32px;
}
.button-group-grid-3 [class^=button] {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: calc((100% - 16px) / 3);
}
.bottom-sheet .button-group-grid-3 {
  padding-bottom: 32px;
}
.button-group-grid-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
.button-group-grid-2 [class^=button] {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: calc((100% - 8px) / 2);
}
.bottom-sheet .button-group-grid-2 {
  padding-bottom: 32px;
}
.button-group.center {
  text-align: center;
}

.button-select {
  position: relative;
  padding: 13px 40px 13px 16px;
  width: 100%;
  height: 48px;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  color: #444444;
  text-align: left;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 400;
}
.button-select::before {
  content: "";
  position: absolute;
  top: calc(50% - 12px);
  right: 16px;
  width: 24px;
  height: 24px;
  background: url("/assets/images/common/icon/ico24_arrow_down.svg") no-repeat center/24px;
}

.button-add-product {
  width: 100%;
  padding: 12px;
}
.button-add-product:disabled .ico {
  -webkit-filter: invert(1);
          filter: invert(1);
}
.button-add-product .ico {
  -ms-flex-item-align: center;
      align-self: center;
  margin-right: 4px;
}
.button-add-product span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.button-calling-staff {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: fixed;
  right: 20px;
  bottom: 54px;
  width: 56px;
  height: 56px;
  background-color: #FFFFFF;
  border-radius: 28px;
  -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
}
.button-calling-staff .text {
  color: #757575;
  font-size: 10px;
}

.label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 6px;
  height: 20px;
  border-radius: 4px;
  font-size: 10px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  color: #FFFFFF;
}
.label.solid {
  background-color: #222222;
}
.label.line {
  background-color: #FFFFFF;
  border: 1px solid #222222;
  color: #222222;
}
.label.replying {
  border: 1px solid #3C88F9;
  color: #3C88F9;
}
.label.answer-complete {
  border: 1px solid #3ACA83;
  color: #3ACA83;
}
.label.best {
  background-color: #222222;
}
.label.new {
  background-color: #FC604C;
}
.label.membership {
  background-color: #4C3663;
}
.label.stamp {
  background-color: #36635B;
}
.label.store {
  background-color: #3F4D80;
}
.label.event {
  background-color: #E46B12;
}
.label.app {
  background-color: #5F92A2;
}
.label.off-line {
  background-color: #A38569;
}
.label.current-delivery {
  background-color: #757575;
}
.label.only {
  background-color: #36633B;
}
.label.sale {
  background-color: #C845AA;
}
.label.essential {
  background-color: #222222;
}
.label.stamp-store {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 20px;
  border-radius: 4px;
  background-color: var(--primary);
  color: #FFFFFF;
  font-size: 10px;
  line-height: 140%;
}

.label-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  gap: 2px 4px;
}
.label-wrap + .menu-name {
  margin-top: 4px;
}

.popup {
  display: none;
}
.popup.active {
  display: block;
}
.popup.active ~ .popup.active::before {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  z-index: 101;
}
.popup .popup-wrap {
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: fixed;
  right: 0;
  left: 0;
  margin: 0 auto;
  width: 100%;
  max-width: 767px;
  background-color: #FFFFFF;
  z-index: 101;
}
.popup .popup-head {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px 48px 8px 20px;
  min-height: 48px;
  background-color: #FFFFFF;
}
.popup .popup-head .popup-title {
  width: 100%;
  color: #222222;
  text-align: left;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
}
.popup .popup-head .popup-title.left {
  text-align: left;
}
.popup .popup-head .popup-title.center {
  text-align: center;
}
.popup .popup-head .popup-title .blind {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute;
}
.popup .popup-head .popup-title-description {
  margin-top: 4px;
  color: #757575;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.popup .popup-head .button-refresh {
  position: absolute;
  top: 16px;
  right: 48px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 24px;
  height: 24px;
}
.popup .popup-head .button-refresh::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("/assets/images/common/icon/ico32_refresh.svg");
}
.popup .popup-head .button-refresh span {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute;
}
.popup .popup-head .button-cart {
  position: absolute;
  top: 8px;
  right: 56px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 32px;
  height: 32px;
}
.popup .popup-head .button-cart::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("/assets/images/common/icon/ico32_cart.svg");
}
.popup .popup-head .button-cart span {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute;
}
.popup .popup-head .popup-close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 24px;
  height: 24px;
}
.popup .popup-head .popup-close::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 24px;
  height: 24px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("/assets/images/common/icon/ico24_close.svg");
}
.popup .popup-head .popup-close span {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute;
}
.popup .popup-head .button-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  margin-left: auto;
}
.popup .popup-body {
  overflow-y: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 16px 20px 10px;
  height: 100%;
  max-height: 100%;
  max-height: calc(100vh - 104px);
}
.popup .popup-body.gray-bg {
  padding-top: 0;
  padding-right: 0;
  padding-left: 0;
  background-color: #EEEEEE;
}
.popup .popup-body .button-group-fixed {
  position: absolute;
}
.popup .popup-body.menu-detail-wrap {
  padding: 16px 0 0;
}
.popup .popup-body.store-list-wrap {
  padding: 16px 0 32px;
}
.popup .popup-body [class^=round-section]:first-child {
  padding-top: 0;
}
.popup .popup-body [class^=round-section].current {
  padding-top: 0;
}
.popup .popup-body [class^=round-section].top-none-round {
  padding-top: 20px;
  padding-bottom: 16px;
  border-radius: 0;
}
.popup .popup-body.terms-policy-cont {
  padding-right: 0;
  padding-left: 0;
}
.popup .bottom-sheet {
  overflow: hidden;
  bottom: -100%;
  padding-bottom: env(safe-area-inset-bottom);
  border-radius: 16px 16px 0 0;
  background-color: #FFFFFF;
  -webkit-transition: bottom 0.4s ease-in-out;
  transition: bottom 0.4s ease-in-out;
}
.popup .bottom-sheet .popup-head {
  display: block;
}
.popup .bottom-sheet .popup-body {
  padding-bottom: calc(env(safe-area-inset-bottom) + 10px);
}
.popup.active .bottom-sheet {
  bottom: 0;
}
.popup .alert {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  top: -100%;
  right: 32px;
  left: 32px;
  margin: 0 auto;
  width: calc(100% - 64px);
  max-width: 296px;
  border-radius: 8px 24px 8px 8px;
  -webkit-transition: top 0.2s ease-in-out;
  transition: top 0.2s ease-in-out;
}
.popup .alert.wide {
  right: 20px;
  left: 20px;
}
.popup .alert .popup-body {
  padding: 18px 16px;
}
.popup .alert .popup-content {
  padding-top: 8px;
  color: #757575;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.popup .alert .popup-content .text {
  color: #757575;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.popup .alert .popup-content .button-group-flex {
  margin-top: 16px;
}
.popup.active .alert {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.popup > .center {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  top: -100%;
  right: 20px;
  left: 20px;
  margin: 0 auto;
  width: calc(100% - 40px);
  border-radius: 8px 24px 8px 8px;
  -webkit-transition: top 0.2s ease-in-out;
  transition: top 0.2s ease-in-out;
  z-index: 101;
}
.popup > .center.small {
  max-width: 296px;
}
.popup > .center .popup-body {
  padding: 8px 20px 20px;
}
.popup > .center .button-group-flex {
  margin-top: 16px;
}
.popup.active > .center {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.full-popup {
  display: none;
}
.full-popup.active {
  display: block;
}
.full-popup.active ~ .popup.active::before {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  z-index: 101;
}
.full-popup .popup-wrap {
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: fixed;
  right: 0;
  bottom: -100%;
  left: 0;
  margin: 0 auto;
  padding-bottom: env(safe-area-inset-bottom);
  width: 100%;
  max-width: 767px;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  background-color: #FFFFFF;
  -webkit-transition: bottom 0.2s ease-in-out;
  transition: bottom 0.2s ease-in-out;
  z-index: 100;
}
.full-popup .popup-head {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 8px 48px;
  min-height: 48px;
  background-color: #FFFFFF;
}
.full-popup .popup-head .popup-title {
  width: 100%;
  color: #222222;
  text-align: center;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
}
.full-popup .popup-head .popup-title.left {
  text-align: left;
}
.full-popup .popup-head .popup-title .blind {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute;
}
.full-popup .popup-head .button-refresh {
  position: absolute;
  top: 16px;
  right: 48px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 24px;
  height: 24px;
}
.full-popup .popup-head .button-refresh::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("/assets/images/common/icon/ico32_refresh.svg");
}
.full-popup .popup-head .button-refresh span {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute;
}
.full-popup .popup-head .button-cart {
  position: absolute;
  top: 8px;
  right: 56px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 32px;
  height: 32px;
}
.full-popup .popup-head .button-cart::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("/assets/images/common/icon/ico32_cart.svg");
}
.full-popup .popup-head .button-cart span {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute;
}
.full-popup .popup-head .popup-close {
  position: absolute;
  top: 8px;
  right: 14px;
  width: 32px;
  height: 32px;
}
.full-popup .popup-head .popup-close::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 32px;
  height: 32px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 32px 32px;
  background-image: url("/assets/images/common/icon/ico32_close.svg");
}
.full-popup .popup-head .popup-close span {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute;
}
.full-popup .popup-head .button-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  margin-left: auto;
}
.full-popup .popup-body {
  overflow-y: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 16px 20px 10px;
  padding-top: 20px;
  padding-bottom: 48px;
  padding-bottom: calc(env(safe-area-inset-bottom) + 48px);
  height: 100%;
  max-height: 100%;
  max-height: calc(100vh - 48px);
}
.full-popup .popup-body.gray-bg {
  padding-top: 0;
  padding-right: 0;
  padding-left: 0;
  min-height: 100vh;
  background-color: #EEEEEE;
}
.useragent-ios .full-popup .popup-body .button-group-fixed {
  padding-bottom: env(safe-area-inset-bottom);
}
.full-popup .popup-body.menu-detail-wrap {
  padding: 16px 0 0;
}
.full-popup .popup-body.store-list-wrap {
  padding: 16px 0 32px;
}
.full-popup .popup-body [class^=round-section]:first-child {
  padding-top: 0;
}
.full-popup .popup-body [class^=round-section].current {
  padding-top: 0;
}
.full-popup .popup-body [class^=round-section].top-none-round {
  padding-top: 20px;
  padding-bottom: 16px;
  border-radius: 0;
}
.full-popup .popup-body.terms-policy-cont {
  padding-right: 0;
  padding-left: 0;
}
.full-popup .popup-body.padding-top-none {
  padding-top: 0 !important;
}
.full-popup .popup-body.tab-section {
  padding: 0;
}
.full-popup .popup-body.tab-section .tab-fixed {
  top: 0;
}
.full-popup .popup-body.tab-section .tab-content {
  padding: 0 20px;
}
.full-popup .popup-body.tab-section.top-none-round {
  padding-top: 20px;
  padding-bottom: 16px;
  border-radius: 0;
}
.full-popup .popup-body:has(.bottom-fixed-cont) {
  padding-bottom: var(--bottomFixedHeight);
}
.full-popup .menu-all.full {
  background-color: #EEEEEE;
}
.full-popup .menu-all.full .popup-head {
  background-color: var(--primary);
}
.full-popup .menu-all.full .popup-head .button-setting {
  position: absolute;
  top: 8px;
  right: 52px;
  margin-left: auto;
  width: 32px;
  height: 32px;
}
.full-popup .menu-all.full .popup-head .button-setting::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 32px;
  height: 32px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("/assets/images/common/icon/ico32_setting_white.svg");
}
.full-popup .menu-all.full .popup-head .button-setting span {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute;
}
.full-popup .menu-all.full .popup-head .popup-close::after {
  background-image: url("/assets/images/common/icon/ico32_close_white.svg");
}
.full-popup .menu-all.full .popup-body {
  padding: 0;
}
.full-popup .menu-all.full .popup-body .user-info {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-transition: 0.1s ease-in-out;
  transition: 0.1s ease-in-out;
}
.full-popup .menu-all.full .popup-body .user-info .user-login {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.full-popup .menu-all.full .popup-body .user-info .user-login .user-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.full-popup .menu-all.full .popup-body .user-info .user-login .button-join {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-left: auto;
  border-color: #FFFFFF;
  color: #FFFFFF;
  background-color: transparent;
}
.full-popup .menu-all.full .popup-body .user-info .user-login .user-name {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: -0.05em;
}
.full-popup .menu-all.full .popup-body .user-info .user-login .user-name::after {
  content: "";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 24px;
  height: 24px;
  background-image: url("/assets/images/common/icon/ico24_next_arrow_white.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.full-popup .menu-all.full .popup-body .user-info .user-login .user-grade {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding-left: 24px;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 600;
}
.full-popup .menu-all.full .popup-body .user-info .user-login .user-grade::before {
  content: "";
  position: absolute;
  top: calc(50% - 10px);
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.full-popup .menu-all.full .popup-body .user-info .user-login .user-grade.basic::before {
  background-image: url("/assets/images/common/icon/ico20_grade_basic.svg");
}
.full-popup .menu-all.full .popup-body .user-info .user-login .user-grade.gold::before {
  background-image: url("/assets/images/common/icon/ico20_grade_gold.svg");
}
.full-popup .menu-all.full .popup-body .user-info .user-login .user-grade.royal::before {
  background-image: url("/assets/images/common/icon/ico20_grade_royal.svg");
}
.full-popup .menu-all.full .popup-body .user-info .user-login .user-grade.silver::before {
  background-image: url("/assets/images/common/icon/ico20_grade_silver.svg");
}
.full-popup .menu-all.full .popup-body .user-info .user-login .user-grade.vip::before {
  background-image: url("/assets/images/common/icon/ico20_grade_vip.svg");
}
.full-popup .menu-all.full .popup-body .user-info .user-login .button-text {
  position: absolute;
  top: 50%;
  right: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0;
  text-decoration: underline;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.full-popup .menu-all.full .popup-body .user-info .user-login.before {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
.full-popup .menu-all.full .popup-body .user-info .user-login.before .user-link span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.full-popup .menu-all.full .popup-body .user-info .user-login.before .user-link span:not(:first-child) {
  margin-top: 8px;
}
.full-popup .menu-all.full .popup-body .user-info .user-login.before .user-link span.sub-text {
  font-size: 22px;
  line-height: 140%;
  letter-spacing: -0.5px;
  font-weight: 700;
}
.full-popup .menu-all.full .popup-body .user-info .user-login.before .user-link span.button-t::after {
  background-image: url("/assets/images/common/icon/ico16_next_arrow_white.svg");
}
.full-popup .menu-all.full .popup-body .user-info .user-menu {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 16px;
  padding: 24px 0;
  width: 100%;
  border-radius: 8px 24px 8px 8px;
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
  text-align: center;
  background-color: #FFFFFF;
}
.full-popup .menu-all.full .popup-body .user-info .user-menu li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 70px;
  text-align: center;
}
.full-popup .menu-all.full .popup-body .user-info .user-menu li:not(:first-child) {
  margin-left: 18px;
  padding-left: 18px;
}
.full-popup .menu-all.full .popup-body .user-info .user-menu li:not(:first-child)::before {
  content: "";
  position: absolute;
  top: calc(50% - 8px);
  left: 0;
  width: 1px;
  height: 16px;
  background-color: #CCCCCC;
}
.full-popup .menu-all.full .popup-body .user-info .user-menu li .num {
  color: var(--primary);
  font-size: 24px;
  line-height: 140%;
  letter-spacing: -0.5px;
  font-weight: 700;
}
.full-popup .menu-all.full .popup-body .user-info .user-menu li .num em {
  color: #999999;
}
.full-popup .menu-all.full .popup-body .user-info .user-menu li .text {
  padding-top: 4px;
  color: #444444;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.full-popup .menu-all.full.on-scroll .popup-head {
  background-color: #FFFFFF;
}
.full-popup .menu-all.full.on-scroll .popup-head .button-setting::after {
  background-image: url("/assets/images/common/icon/ico32_setting.svg");
}
.full-popup .menu-all.full.on-scroll .popup-head .button-setting span {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute;
}
.full-popup .menu-all.full.on-scroll .popup-head .popup-close::after {
  background-image: url("/assets/images/common/icon/ico32_close.svg");
}
.full-popup .menu-all.full.on-scroll .popup-body .user-info {
  padding-top: 0;
  color: #757575;
  background-color: transparent;
}
.full-popup .menu-all.full.on-scroll .popup-body .user-info .user-login {
  position: fixed;
  top: 11px;
  gap: 8px;
  padding-top: 0;
  width: initial;
  z-index: 10;
}
.full-popup .menu-all.full.on-scroll .popup-body .user-info .user-login .user-link {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.full-popup .menu-all.full.on-scroll .popup-body .user-info .user-login .user-link .user-name {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: #222222;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
}
.full-popup .menu-all.full.on-scroll .popup-body .user-info .user-login .user-link .user-name::after {
  display: none;
}
.full-popup .menu-all.full.on-scroll .popup-body .user-info .user-login .user-link .user-grade {
  margin-left: 8px;
  color: #222222;
}
.full-popup .menu-all.full.on-scroll .popup-body .user-info .user-login .button-text {
  display: none;
}
.full-popup .menu-all.full.on-scroll .popup-body .user-info .user-login.before {
  display: none;
}
.full-popup .menu-all.full .all-menu .list > li:not(:first-child) {
  padding-top: 24px;
  border-top: 1px solid #DDDDDD;
}
.full-popup .menu-all.full .all-menu .all-menu-title {
  margin-bottom: 16px;
}
.full-popup .menu-all.full .all-menu .all-menu-title .title-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0 8px;
  width: 100%;
}
.full-popup .menu-all.full .all-menu .all-menu-title .title-wrap .title {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
  width: 100%;
  color: #222222;
  word-break: break-all;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
}
.full-popup .menu-all.full .all-menu .all-menu-title .title-wrap .sub-text {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-right: 8px;
  word-break: break-all;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 600;
}
.full-popup .menu-all.full .all-menu .depth-menu {
  padding: 0 0 8px;
}
.full-popup .menu-all.full .all-menu .depth-menu li {
  display: inline-block;
  padding: 0 0 16px 0;
  width: calc((100% - 15px) / 2);
}
.full-popup .menu-all.full .all-menu .depth-menu li a {
  color: #444444;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 400;
}
.full-popup.active .full {
  bottom: 0;
}

.dimmer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 0;
  z-index: 10;
}
.dimmer.is-active {
  display: block;
  opacity: 1;
}

.toast-cont {
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: fixed;
  left: 50%;
  visibility: hidden;
  padding: 9px 8px;
  width: calc(100% - 40px);
  border-radius: 8px;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: -0.5px;
  text-align: left;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: opacity 0.2s, visibility 0.2s, -webkit-transform 0.2s;
  transition: opacity 0.2s, visibility 0.2s, -webkit-transform 0.2s;
  transition: opacity 0.2s, visibility 0.2s, transform 0.2s;
  transition: opacity 0.2s, visibility 0.2s, transform 0.2s, -webkit-transform 0.2s;
  opacity: 0;
  z-index: 200;
}
.toast-cont::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 8px;
  width: 24px;
  height: 24px;
  background: url("/assets/images/common/icon/ico24_toast_notice.svg") no-repeat center/24px;
}
.toast-cont .toast-text {
  overflow: hidden;
  position: relative;
  padding-left: 32px;
  color: #CCCCCC;
  text-overflow: ellipsis;
}
.toast-cont.active {
  visibility: visible;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  opacity: 1;
}

.tab-fixed {
  position: sticky;
  top: 48px;
  right: 0;
  left: 0;
  z-index: 5;
}
.tab-fixed > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background-color: #FFFFFF;
}
.tab-fixed > ul li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.tab-fixed > ul li a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 48px;
  color: #999999;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
}
.tab-fixed > ul li a::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #EEEEEE;
}
.tab-fixed > ul li a:only-child {
  width: 100%;
}
.tab-fixed > ul li a .num {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 4px;
  color: var(--primary);
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
}
.tab-fixed > ul li.active a {
  color: #000000;
}
.tab-fixed > ul li.active a::after {
  height: 2px;
  background-color: #000000;
}
.tab-fixed.sticky {
  position: fixed;
}

.tab-scroll {
  overflow-x: auto;
  position: sticky;
  top: 44px;
  background-color: #FFFFFF;
  z-index: 1;
}
.tab-scroll::-webkit-scrollbar {
  display: none;
}
.tab-scroll ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tab-scroll ul li {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.tab-scroll ul li:first-child .tab-button {
  margin-left: 0;
}
.tab-scroll ul li.active .tab-button {
  color: #444444;
}
.tab-scroll ul li.active .tab-button::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #000000;
}
.tab-scroll .tab-button {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 12px;
  height: 48px;
  color: #999999;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
}

.segment-control ul {
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 4px;
  height: 48px;
  border-radius: 8px;
  background-color: #F5F5F5;
}
.segment-control ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.segment-control ul li > a {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  color: #757575;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 600;
}
.segment-control ul li.active > a {
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
          box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  background-color: #FFFFFF;
  color: #222222;
}

.tab .tab-content {
  display: none;
}
.tab .tab-content.active {
  display: block;
}
.tab .tab-fixed ~ .tab-content .current-change-cont {
  margin: 0 -20px;
}
.login .tab .tab-fixed ~ .tab-content, .coupon .tab .tab-fixed ~ .tab-content, .reward .tab .tab-fixed ~ .tab-content, .order .tab .tab-fixed ~ .tab-content, .subscription .tab .tab-fixed ~ .tab-content {
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.option-menu {
  position: relative;
}
.option-menu.small-row ul {
  overflow-x: scroll;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 0 8px;
  padding: 0;
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}
.option-menu.small-row ul::-webkit-scrollbar {
  display: none;
}
.option-menu.small-row ul li {
  scroll-snap-align: start;
}
.option-menu.small-row ul li .button-menu {
  height: 32px;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.option-menu.small-row ul li.active .button-menu {
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.option-menu > ul {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px 6px;
  padding: 16px 0;
  background-color: #FFFFFF;
}
.option-menu > ul li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: auto;
}
.option-menu > ul li.active .button-menu {
  background-color: #444444;
  color: #FFFFFF;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 600;
}
.option-menu.scroll {
  overflow-x: auto;
}
.option-menu.scroll::-webkit-scrollbar {
  display: none;
}
.option-menu.scroll > ul {
  -ms-flex-wrap: unset;
      flex-wrap: unset;
}
.option-menu.scroll > ul li {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.option-menu .button-menu {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 6px 16px;
  width: auto;
  border: 1px solid #DDDDDD;
  border-radius: 20px;
  background-color: #FFFFFF;
  color: #444444;
  white-space: nowrap;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.option-menu .button-menu.active {
  border-color: #444444;
  background-color: #444444;
  color: #FFFFFF;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 600;
}

.tab-bar {
  position: fixed;
  bottom: 0;
  padding-bottom: 0;
  padding-bottom: env(safe-area-inset-bottom);
  width: 100%;
  z-index: 10;
}
.tab-bar .menu {
  position: relative;
  min-height: 68px;
}
.tab-bar .menu::before, .tab-bar .menu::after {
  content: "";
  position: absolute;
  bottom: 0;
  display: block;
  width: calc(50% - 22px);
  -webkit-box-shadow: 0px -2px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0px -2px 4px 0 rgba(0, 0, 0, 0.1);
  background-color: #FFFFFF;
}
.tab-bar .menu::before {
  left: 0;
  height: 55px;
  border-top-right-radius: 20px;
}
.tab-bar .menu::after {
  right: 0;
  height: 55px;
  border-top-left-radius: 20px;
}
.tab-bar .menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tab-bar .menu ul::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  height: 45px;
  background-color: #FFFFFF;
  z-index: 0;
}
.tab-bar .menu ul li {
  color: #757575;
}
.tab-bar .btn-barcode {
  position: absolute;
  top: 0;
  left: calc(50% - 32px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 64px;
  height: 64px;
  border-radius: 32px;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1019607843);
          box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1019607843);
  background-color: #FFFFFF;
  z-index: 1;
}

.note-cont-list {
  padding: 32px 20px 74px;
  background-color: #F8F8F8;
  border-radius: 16px 16px 0 0;
}
.note-cont-list.round-section-gray {
  margin-top: 8px;
  border-radius: 0;
}
.useragent-ios .note-cont-list {
  padding-bottom: 40px;
}

.note-cont-wrap {
  padding: 32px 0;
}
.note-cont-wrap .note-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #444444;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 600;
}
.note-cont-wrap .note-title.ico::before {
  content: "";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 2px;
  width: 24px;
  height: 24px;
  background-image: url("/assets/images/common/icon/ico24_notice.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.note-cont-wrap .note-title ~ .note-list {
  margin-top: 8px;
}
.note-cont-wrap.line {
  margin-top: 24px;
  padding-top: 24px;
}
.note-cont-list .note-cont-wrap {
  padding: 0;
}
.note-cont-wrap.bg-radius {
  padding: 11px 12px;
  border-radius: 8px;
  background-color: #F5F5F5;
}
.note-cont-wrap .bold-desc-text {
  margin-top: 8px;
  color: #444444;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 600;
}

.dot-text {
  position: relative;
  margin-top: 8px;
  padding-left: 14px;
  color: #757575;
  font-size: 12px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.dot-text::before {
  content: "";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: absolute;
  top: 7px;
  left: 4px;
  width: 4px;
  height: 4px;
  background-color: #999999;
  border-radius: 2px;
}
.dot-text:first-child {
  margin-top: 0;
}
.list .dot-text {
  margin-top: 4px;
}
.dot-text.size14 {
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.dot-text.bold {
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 600;
}
.dot-text .line-text {
  position: relative;
  color: #757575;
  font-size: 12px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.dot-text .line-text::before {
  content: "-";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: absolute;
  top: 0;
  left: 0;
}
.dot-text .line-text.size14 {
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.dot-text ul li {
  margin-top: 8px;
  padding-left: 10px;
}

.dot-none {
  position: relative;
  margin-top: 8px;
  padding-left: 14px;
  font-size: 12px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  color: #757575;
}
.dot-none:first-child {
  margin-top: 0;
}
.list .dot-none {
  margin-top: 4px;
}

.store-list-cont .dot-text {
  margin-top: 16px;
}
.store-list-cont .search-results-text {
  margin-bottom: 16px;
}
.store-list-cont ul {
  margin-bottom: 16px;
  border-bottom: 1px solid #EEEEEE;
}
.store-list-cont ul li {
  padding: 16px 0;
}
.store-list-cont .store-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 0 20px;
}
.store-list-cont .store-wrap .img-wrap {
  overflow: hidden;
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.store-list-cont .store-wrap .img-wrap .store-img {
  width: 72px;
  height: 72px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
.store-list-cont .store-wrap .img-wrap .label.stamp-store {
  margin-top: 8px;
}
.store-list-cont .store-wrap .img-wrap.preparing::before {
  content: "준비중";
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 72px;
  height: 72px;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 4px;
  color: #FFFFFF;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 600;
}
.store-list-cont .store-wrap .store-info {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  width: 100%;
  min-height: 72px;
}
.store-list-cont .store-wrap .store-info .button-favorite-store-s {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
.store-list-cont .store-wrap .store-info .store-name {
  padding-right: 24px;
  color: #444444;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
}
.store-list-cont .store-wrap .store-info .option-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-right: 24px;
  gap: 0 8px;
}
.store-list-cont .store-wrap .store-info .store-distance {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
}
.store-list-cont .store-wrap .store-info .store-distance strong {
  color: #444444;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 600;
}
.store-list-cont .store-wrap .store-info .store-option {
  display: inline-block;
}
.store-list-cont .store-wrap .store-info .store-option span {
  position: relative;
  color: #757575;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.store-list-cont .store-wrap .store-info .store-option span:not(:first-child) {
  padding-left: 12px;
}
.store-list-cont .store-wrap .store-info .store-option span:not(:first-child)::before {
  content: "";
  position: absolute;
  top: calc(50% - 2px);
  left: 4px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background-color: #DDDDDD;
}
.store-list-cont .store-wrap .store-info .store-address {
  margin-top: 2px;
  color: #757575;
  font-size: 12px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.store-list-cont .receipt-date {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 8px;
  padding: 6px 12px;
}
.store-list-cont .receipt-date .text {
  color: #444444;
  font-size: 12px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}

.segment-control + .store-list-cont {
  margin-top: 20px;
}

.coupon-list-wrap .coupon-list {
  padding-bottom: 20px;
}
.coupon-list-wrap .coupon-list ul li:not(:first-child) {
  margin-top: 16px;
}
.coupon-list-wrap .coupon-list .select-wrap-right {
  padding-top: 0;
}
.content:has(.coupon-list-wrap) .coupon-list-wrap {
  min-height: calc(100vh - 124px - var(--noteListHeight));
}

.list-column-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px 20px;
  padding: 21px 0;
  width: 100%;
}
.list-column-wrap .title {
  width: 100%;
}
.list-column-wrap .ico {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-left: auto;
}
.list-column-wrap .button-p,
.list-column-wrap .button-s,
.list-column-wrap .button-t {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.list-column-wrap.small {
  padding: 8px 0;
}
.list-column-wrap.small .title {
  color: #444444;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}

.list-arrow-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  padding: 19px 0;
  width: 100%;
}
.list-arrow-wrap .text-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px 0;
}
.list-arrow-wrap .text-wrap .subject-text {
  color: #444444;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
}
.list-arrow-wrap .text-wrap .date-text {
  color: #757575;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.list-arrow-wrap .title {
  width: 100%;
}
.list-arrow-wrap .ico {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-left: auto;
}
.list-arrow-wrap .button-t {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.list ul li a,
.list ul li button {
  width: 100%;
  text-align: left;
}
.list-view-wrap .board-head {
  border-radius: 0;
}
.list-view-wrap .board-head .title-text {
  padding-top: 4px;
  color: #222222;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
}
.list-view-wrap .board-head .date-text {
  color: #999999;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.list-view-wrap .board-view .board-title {
  margin-bottom: 24px;
  color: #222222;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
}
.list-view-wrap .board-content {
  padding-bottom: 50px;
  color: #757575;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.list-view-wrap .board-content strong {
  font-weight: 700;
}
.list-view-wrap .board-content em {
  font-style: italic;
}
.list-view-wrap .board-content table {
  width: 100% !important;
}
.list-view-wrap .board-content img {
  width: 100% !important;
  height: auto !important;
}

.inquiry-list ul li:not(:first-child) {
  border-top: 1px solid #EEEEEE;
}

.inquiry-wrap .inquiry-title {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 60px 20px 20px;
  width: 100%;
  color: #000000;
}
.inquiry-wrap .inquiry-title::after {
  right: 20px !important;
}
.inquiry-wrap .inquiry-title .title-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.inquiry-wrap .inquiry-title .title-wrap .title {
  color: #222222;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.inquiry-wrap strong {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-right: 8px;
  width: 24px;
  color: #757575;
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: -0.5px;
  text-align: center;
}
.inquiry-wrap.active + .inquiry-wrap {
  border-top: none;
}
.inquiry-wrap .inquiry-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 17px 20px;
  border-top: 1px solid #EEEEEE;
  background-color: #F8F8F8;
  color: #222222;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}

.no-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 72px 0 32px;
  background-color: #FFFFFF;
}
.no-data .text {
  margin-top: 16px;
  color: #222222;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  text-align: center;
}
.no-data .text .title {
  display: block;
  padding-bottom: 16px;
  color: #222222;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
}
.no-data .text p {
  color: #222222;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.no-data .text .text-description {
  color: #757575;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.no-data .button-p,
.no-data .button-s {
  margin-top: 32px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.accordion .accordion-button {
  position: relative;
  width: 100%;
  text-align: left;
}
.accordion .accordion-button::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("/assets/images/common/icon/ico24_arrow_down.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: -webkit-transform 0.1s;
  transition: -webkit-transform 0.1s;
  transition: transform 0.1s;
  transition: transform 0.1s, -webkit-transform 0.1s;
}
.accordion.active .accordion-button::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}

.button-clear {
  position: absolute;
  top: calc(50% - 12px);
  right: 12px;
  width: 24px;
  height: 24px;
  display: none;
}
.button-clear span {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

.button-pw-view {
  position: absolute;
  top: calc(50% - 12px);
  right: 12px;
  width: 24px;
  height: 24px;
}
.button-pw-view.on i.pw-off-24 {
  background-image: url("/assets/images/common/icon/ico24_eye_on.svg");
}
.button-pw-view span {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

.button-search {
  position: absolute;
  top: calc(50% - 12px);
  right: 12px;
  width: 24px;
  height: 24px;
}
.button-search span {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

.button-success {
  position: absolute;
  top: calc(50% - 16px);
  right: 12px;
  width: 32px;
  height: 32px;
  display: none;
}
.button-success span {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

.form-wrap {
  position: relative;
}

.form-item {
  position: relative;
  display: block;
  margin-top: 8px;
  width: 100%;
}
.form-item .form-txt {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.form-item .warning-text {
  display: none;
}
.form-item .max-text {
  display: block;
  margin-left: auto;
  color: #444444;
  font-size: 12px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  text-align: right;
}

.form-input-wrapper {
  position: relative;
  width: 100%;
}
.form-input-wrapper .form-input,
.form-input-wrapper .form-textarea {
  position: relative;
  outline: none;
  width: 100%;
  color: #444444;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 400;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.form-input-wrapper .form-input {
  padding: 12px 48px 12px 16px;
}
.form-input-wrapper .form-textarea {
  display: block;
  padding: 16px 12px;
  min-height: 112px;
}
.form-input-wrapper .placeholder {
  position: absolute;
  left: 16px;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.form-input-wrapper .form-input ~ .placeholder {
  top: 50%;
  color: #999999;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.form-input-wrapper .form-textarea ~ .placeholder {
  top: 12px;
  color: #999999;
  -webkit-transform: none;
          transform: none;
}
.form-input-wrapper .form-input:focus,
.form-input-wrapper .form-textarea:focus {
  border-color: #999999;
}
.form-input-wrapper .form-input:-moz-read-only, .form-input-wrapper .form-textarea:-moz-read-only {
  color: #999999;
  border-color: #CCCCCC;
  background-color: #F8F8F8;
}
.form-input-wrapper .form-input:disabled, .form-input-wrapper .form-input:read-only,
.form-input-wrapper .form-textarea:disabled,
.form-input-wrapper .form-textarea:read-only {
  color: #999999;
  border-color: #CCCCCC;
  background-color: #F8F8F8;
}
.form-input-wrapper .form-input:-moz-read-only ~ .placeholder, .form-input-wrapper .form-textarea:-moz-read-only ~ .placeholder {
  top: -9px;
  padding: 0 4px;
  color: #444444;
  background: transparent url("/assets/images/common/bg_disabled.jpg") repeat-x;
  transform: translateY(0);
  font-size: 12px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.form-input-wrapper .form-input:disabled ~ .placeholder, .form-input-wrapper .form-input:read-only ~ .placeholder,
.form-input-wrapper .form-textarea:disabled ~ .placeholder,
.form-input-wrapper .form-textarea:read-only ~ .placeholder {
  top: -9px;
  padding: 0 4px;
  color: #444444;
  background: transparent url("/assets/images/common/bg_disabled.jpg") repeat-x;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  font-size: 12px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.form-input-wrapper .form-input::-webkit-input-placeholder, .form-input-wrapper .form-textarea::-webkit-input-placeholder {
  color: #999999;
}
.form-input-wrapper .form-input::-moz-placeholder, .form-input-wrapper .form-textarea::-moz-placeholder {
  color: #999999;
}
.form-input-wrapper .form-input:-ms-input-placeholder, .form-input-wrapper .form-textarea:-ms-input-placeholder {
  color: #999999;
}
.form-input-wrapper .form-input::-ms-input-placeholder, .form-input-wrapper .form-textarea::-ms-input-placeholder {
  color: #999999;
}
.form-input-wrapper .form-input::placeholder,
.form-input-wrapper .form-textarea::placeholder {
  color: #999999;
}

.form-input-wrapper.active .placeholder {
  top: -9px;
  padding: 0 4px;
  color: #444444;
  font-size: 12px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  background-color: #FFFFFF;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.form-input-wrapper.active .form-textarea ~ .placeholder {
  top: -9px;
  -webkit-transform: none;
          transform: none;
}

.form-item.warning .form-input,
.form-item.warning .form-textarea {
  border-color: #FC604C;
}
.form-item.warning .warning-text {
  display: block;
  margin-top: 2px;
  color: #FC604C;
  font-size: 12px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.form-item.warning .max-text {
  position: absolute;
  right: 0;
  bottom: 0;
}

.form-item.password .form-input,
.form-item.search .form-input {
  padding-right: 84px;
}
.form-item.password .button-clear,
.form-item.search .button-clear {
  right: 48px;
}

.form-item.birthday .form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 9px;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  gap: 13px 8px;
}
.form-item.birthday .warning-text {
  margin-top: 2px;
  color: #FC604C;
  font-size: 12px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.form-item.birthday .masking {
  min-width: 104px;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 400;
}
.form-item.birthday .form-txt {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: calc(50% - 16px);
}
.form-item.birthday .form-txt .form-input-wrapper.active {
  margin-top: 0;
}
.form-item.birthday .form-txt .form-input {
  padding: 13px 16px;
  border: none;
}
.form-item.birthday .form-txt.single-digit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.form-item.birthday .form-txt.single-digit .form-input-wrapper {
  max-width: 14px;
}
.form-item.birthday .form-txt.single-digit .form-input {
  padding: 0;
  min-width: 14px;
}

.form-item.birthday.warning .form-group {
  border-color: #FC604C;
}

.form-item.birthday.disabled .form-group {
  background-color: #F8F8F8;
}

.form-item.verification .form-input {
  padding-right: 153px;
}
.form-item.verification .button-clear {
  right: 117px;
}
.form-item.verification .btn-group {
  position: absolute;
  top: 50%;
  right: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  gap: 12px;
}
.form-item.verification .btn-group .time {
  color: #3C88F9;
  font-size: 12px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  line-height: 1;
}

.form-item.verification.success .button-success {
  display: block;
}
.form-item.verification.success .form-input {
  padding-right: 52px;
}
.form-item.verification.success .form-input-wrapper.active .form-input {
  border-color: #3ACA83;
}

.form-item.inquiry .form-input,
.form-item.certification .form-input {
  padding-right: 136px;
}
.form-item.inquiry .button-clear,
.form-item.certification .button-clear {
  right: 100px;
}
.form-item.inquiry .btn-group,
.form-item.certification .btn-group {
  position: absolute;
  top: 50%;
  right: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  gap: 12px;
}

.form-item.card-number .form-input {
  padding-right: 136px;
}
.form-item.card-number .button-clear {
  right: 100px;
}

.form-item.price .form-input {
  padding-right: 136px;
}
.form-item.price .button-clear {
  right: 100px;
}
.form-item.price .btn-group {
  position: absolute;
  top: 50%;
  right: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  gap: 12px;
}

.form-item.date .button-clear,
.form-item.unit-add .button-clear {
  right: 54px;
}
.form-item.date .btn-group,
.form-item.unit-add .btn-group {
  position: absolute;
  top: 50%;
  right: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  gap: 12px;
}
.form-item.date .button-calendar span,
.form-item.unit-add .button-calendar span {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute;
}
.form-item.date .unit-text,
.form-item.unit-add .unit-text {
  position: absolute;
  top: 50%;
  right: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  gap: 12px;
}
.form-item.date .start-date-picker-container,
.form-item.date .end-date-picker-container,
.form-item.unit-add .start-date-picker-container,
.form-item.unit-add .end-date-picker-container {
  position: relative;
  display: block;
}

.form-select {
  position: relative;
}
.form-select .select {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 13px 48px 13px 16px;
  width: 100%;
  height: 48px;
  color: #444444;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  background-color: #FFFFFF;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 400;
}
.form-select .select ~ .chevron {
  content: "";
  position: absolute;
  top: 11px;
  right: 16px;
  width: 24px;
  height: 24px;
  background: url("/assets/images/common/icon/ico24_arrow_down.svg") no-repeat 0 0;
  background-size: 24px;
}
.form-select .select:focus {
  border-color: #444444;
}
.form-select .select:disabled {
  color: #999999;
  background-color: #F5F5F5;
}
.form-select .select:disabled ~ .chevron {
  background-image: url("/assets/images/common/icon/ico24_arrow_gray.svg");
}

.form-select.warning .select {
  border-color: #FC604C;
}
.form-select.warning .warning-text {
  color: #FC604C;
  font-size: 12px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}

.form-select.small {
  display: inline-block;
}
.form-select.small .select {
  display: inline-block;
  padding: 5px 36px 5px 12px;
  width: auto;
  height: 32px;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.form-select.small .select ~ .chevron {
  top: 8px;
  right: 8px;
  width: 16px;
  height: 16px;
  background: url("/assets/images/common/icon/ico24_arrow_down.svg") no-repeat 0 0;
  background-size: 16px;
}

.form-check {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.form-check .check-wrapper {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form-check .check-wrapper .txt {
  margin-left: 8px;
  color: #444444;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.form-check .check-wrapper input {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute;
}
.form-check .check-wrapper input ~ .check {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  display: inline-block;
  margin: 1px;
  width: 22px;
  height: 22px;
  border: 1px solid #999999;
  border-radius: 50%;
  background-color: #FFFFFF;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.form-check .check-wrapper input ~ .check::before, .form-check .check-wrapper input ~ .check::after {
  content: "";
  position: absolute;
  top: 7px;
  left: 5px;
  width: 10px;
  height: 7px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 10px 7px;
}
.form-check .check-wrapper input ~ .check::before {
  width: 10px;
  background-image: url("/assets/images/common/icon/ico_check_line_off.svg");
}
.form-check .check-wrapper input ~ .check::after {
  width: 0;
  background-image: url("/assets/images/common/icon/ico_check_line_wh.svg");
  -webkit-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}
.form-check .check-wrapper input:checked ~ .check {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  border-color: var(--primary);
  background-color: var(--primary);
}
.form-check .check-wrapper input:checked ~ .check::before {
  width: 0;
  opacity: 0;
}
.form-check .check-wrapper input:checked ~ .check::after {
  width: 10px;
}
.form-check .check-wrapper input:disabled ~ .check {
  border-color: #CCCCCC;
  background-color: #F8F8F8;
}
.form-check .check-wrapper input:disabled ~ .check::before {
  background-image: url("/assets/images/common/icon/ico_check_line_off.svg");
}
.form-check .check-wrapper input:checked:disabled ~ .check {
  border-color: #444444;
  background-color: #444444;
}
.form-check .check-wrapper input:checked:disabled ~ .check::before {
  width: 0;
  opacity: 0;
}
.form-check .check-wrapper input:checked:disabled ~ .check::after {
  width: 10px;
}
.form-check.line input ~ .check {
  border: 1px solid transparent;
  -webkit-transition: none;
  transition: none;
}
.form-check.line input ~ .check::before {
  width: 10px;
  background-image: url("/assets/images/common/icon/ico_check_line_off.svg");
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.form-check.line input ~ .check::after {
  display: none;
}
.form-check.line input:checked ~ .check {
  border-color: transparent;
  background-color: transparent;
}
.form-check.line input:checked ~ .check::before {
  width: 10px;
  background-image: url("/assets/images/common/icon/ico_check_line_on.svg");
  opacity: 1;
}
.form-check.line input:disabled ~ .check {
  border-color: transparent;
  background-color: transparent;
}
.form-check.line input:disabled ~ .check::before {
  background-image: url("/assets/images/common/icon/ico_check_line_off.svg");
}

.form-radio .radio-wrapper {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form-radio .radio-wrapper .txt {
  margin-left: 8px;
  color: #999999;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.form-radio .radio-wrapper input[type=radio] {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute;
}
.form-radio .radio-wrapper input[type=radio] ~ .radio-mark {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  display: inline-block;
  margin: 1px;
  width: 22px;
  height: 22px;
  border: 1px solid #999999;
  border-radius: 50%;
  background-color: #FFFFFF;
}
.form-radio .radio-wrapper input[type=radio] ~ .radio-mark::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: var(--primary);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  opacity: 0;
}
.form-radio .radio-wrapper input[type=radio]:checked ~ .radio-mark {
  border-color: var(--primary);
}
.form-radio .radio-wrapper input[type=radio]:checked ~ .radio-mark::before {
  opacity: 1;
}
.form-radio .radio-wrapper input[type=radio]:checked ~ .radio-mark ~ .txt {
  color: #222222;
}
.form-radio .radio-wrapper input[type=radio]:disabled ~ .radio-mark {
  border-color: #CCCCCC;
}
.form-radio .radio-wrapper input[type=radio]:disabled ~ .radio-mark::before {
  width: 100%;
  height: 100%;
  background-color: #F8F8F8;
  opacity: 1;
}
.form-radio .radio-wrapper input[type=radio]:checked:disabled ~ .radio-mark {
  border-color: #CCCCCC;
}
.form-radio .radio-wrapper input[type=radio]:checked:disabled ~ .radio-mark::before {
  width: 12px;
  height: 12px;
  background-color: #444444;
  opacity: 1;
}

.form-switch {
  position: relative;
  display: inline-block;
}
.form-switch label {
  display: inline-block;
}
.form-switch .slider {
  position: relative;
  display: inline-block;
  width: 46px;
  height: 24px;
  vertical-align: top;
  cursor: pointer;
  border-radius: 22px;
  background-color: #999999;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.form-switch .slider::after {
  content: "";
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  bottom: calc(50% - 11px);
  left: 1px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #FFFFFF;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.form-switch input {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute;
}
.form-switch input:checked + label .slider {
  background-color: var(--primary);
}
.form-switch input:checked + label .slider::after {
  background-color: #FFFFFF;
  -webkit-transform: translateX(22px);
          transform: translateX(22px);
}
.form-switch input:disabled + label .slider {
  cursor: default;
  background-color: #DDDDDD;
}
.form-switch input:checked:disabled + label .slider {
  background-color: var(--primary);
  opacity: 0.4;
}

.coupon-cont {
  position: relative;
  border-radius: 8px 24px 8px 8px;
  border: 1px solid #EEEEEE;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
          box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
}
.coupon-cont::before, .coupon-cont::after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 64px;
  z-index: 1;
  width: 16px;
  height: 8px;
  background-color: #FFFFFF;
  border: 1px solid #EEEEEE;
  border-radius: 8px 8px 0 0;
  border-bottom: none;
}
.coupon-cont::before {
  top: -1px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.coupon-cont::after {
  bottom: -1px;
  height: 9px;
  border-radius: 8px 8px 0 0;
  -webkit-box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.06);
          box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.06);
  border-bottom: none;
  border-right: none;
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.coupon-cont .coupon-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  padding: 16px 20px;
  width: calc(100% - 72px);
  min-height: 147px;
}
.coupon-cont .coupon-info .label-wrap {
  padding-right: 25px;
}
.coupon-cont .coupon-info .coupon-name {
  margin-top: 4px;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
  color: #444444;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.coupon-cont .coupon-info .coupon-date {
  margin-top: 4px;
  font-size: 12px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  color: #757575;
}
.coupon-cont .coupon-info .use-store-condition {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 26px;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  color: #757575;
}
.coupon-cont .coupon-info .use-store-condition .store-name {
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  color: #757575;
  white-space: nowrap;
}
.coupon-cont .coupon-info .use-store-condition .use-condition {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 4px;
  white-space: nowrap;
}
.detail-view .coupon-cont .coupon-info::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 16px;
  right: 20px;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("/assets/images/common/icon/ico20_line_arrow.svg");
}
.coupon-cont .use-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 72px;
  height: 100%;
  border-radius: 0 24px 8px 0;
  background-color: var(--primary);
  color: #FFFFFF;
}
.coupon-cont .use-status .set-date {
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 700;
  z-index: 1;
}
.coupon-cont .use-status .use-type {
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 600;
  z-index: 1;
}
.coupon-cont .use-status .use-date {
  font-size: 12px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  color: #FFFFFF;
  z-index: 1;
}
.coupon-cont .use-status .ico {
  z-index: 1;
}
.coupon-cont.completed .use-status {
  overflow: hidden;
  background-color: var(--primary);
  color: var(--brand-font);
  z-index: 1;
}
.coupon-cont.completed .use-status::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #06151B;
  opacity: 0.4;
}
.coupon-cont.unavailable .use-status {
  background-color: #D4DBE2;
  color: #757575;
}
.coupon-cont.expiration .use-status {
  background-color: #D4DBE2;
  color: #FFFFFF;
}
.coupon-cont.used .use-status {
  background-color: #D4DBE2;
  color: #FFFFFF;
}

.coupon-detail-wrap .coupon-detail-cont {
  padding: 12px 0 0;
}
.coupon-detail-wrap .coupon-detail-cont .img-wrap {
  overflow: hidden;
  position: relative;
  margin: 0 auto;
  text-align: center;
}
.coupon-detail-wrap .coupon-detail-cont .img-wrap.round {
  width: 120px;
  height: 120px;
  border-radius: 50%;
}
.coupon-detail-wrap .coupon-detail-cont .title-box {
  text-align: center;
}
.coupon-detail-wrap .coupon-detail-cont .title-box .title {
  color: #444444;
}
.coupon-detail-wrap .coupon-detail-cont .title-box .label-wrap {
  margin-top: 8px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.coupon-detail-wrap .coupon-detail-cont .barcode-wrap {
  position: relative;
  max-width: 253px;
  width: 100%;
  margin: 0 auto;
}
.coupon-detail-wrap .coupon-detail-cont .barcode-wrap .barcode-number {
  font-size: 12px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  text-align: center;
}
.coupon-detail-wrap .coupon-detail-cont.expiration .barcode-wrap::before, .coupon-detail-wrap .coupon-detail-cont.used .barcode-wrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0.9;
}
.coupon-detail-wrap .coupon-detail-info {
  margin-top: 32px;
  padding-top: 16px;
  border-top: 1px solid #EEEEEE;
}
.coupon-detail-wrap .coupon-detail-info .item-between-wrap {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.coupon-detail-wrap .coupon-detail-info .item-between-wrap .item-title {
  width: 100px;
  color: #757575;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.coupon-detail-wrap .coupon-detail-info .item-between-wrap .item-desc {
  display: -ms-flexbox;
  display: flex;
  width: calc(100% - 100px);
  color: #444444;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-align: right;
}
.coupon-detail-wrap .coupon-detail-info .item-between-wrap .item-desc.toggle-button {
  width: auto;
}
.coupon-detail-wrap .coupon-detail-info .item-between-wrap ~ .item-between-wrap {
  margin-top: 4px;
}
.coupon-detail-wrap .coupon-detail-info .item-between-wrap.toggle-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.coupon-detail-wrap .coupon-detail-info .item-between-wrap.toggle-wrap .item-title {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 40%;
          flex: 1 1 40%;
}
.coupon-detail-wrap .coupon-detail-info .item-between-wrap.toggle-wrap .item-desc {
  position: relative;
  padding-right: 24px;
}
.coupon-detail-wrap .coupon-detail-info .item-between-wrap.toggle-wrap .toggle-button {
  position: relative;
}
.coupon-detail-wrap .coupon-detail-info .item-between-wrap.toggle-wrap .toggle-button::before {
  content: "";
  position: absolute;
  top: calc(50% - 8px);
  right: 0;
  width: 16px;
  height: 16px;
  background-position: 0 0;
  background-image: url("/assets/images/common/icon/ico16_arrow_down.svg");
  background-size: 16px;
  background-repeat: no-repeat;
}
.coupon-detail-wrap .coupon-detail-info .item-between-wrap.toggle-wrap .toggle-content {
  padding: 8px 0 16px;
  color: #444444;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.coupon-detail-wrap .coupon-detail-info .item-between-wrap.toggle-wrap.active .toggle-button::before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.coupon-detail-wrap .coupon-detail-info ~ .button-group-flex {
  margin-top: 24px;
}
.coupon-detail-wrap .date-box {
  background-color: #F5F5F5;
  border-radius: 8px;
}
.coupon-detail-wrap .date-box .item-between-wrap {
  padding: 13px 20px;
}
.coupon-detail-wrap .date-box .item-between-wrap .item-title {
  color: #444444;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 600;
}
.coupon-detail-wrap .date-box .item-between-wrap .item-desc {
  color: #FC604C;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.coupon-detail-wrap .form-wrap .form-item ~ .form-item {
  margin-top: 12px;
}

.search-menu .popup-head {
  padding: 4px 54px 4px 20px !important;
}
.search-menu .header-search-box {
  width: 100%;
}
.search-menu .header-search-box .form-item {
  margin-top: 0;
}
.search-menu .header-search-box .form-item .form-txt .form-input-wrapper .form-input {
  padding: 9px 12px;
  width: 100%;
  height: 40px;
  background-color: #FFFFFF;
}
.search-menu .header-search-box .form-item .form-txt .button-clear {
  position: absolute;
  right: 48px;
}

.auto-keyword-list {
  position: absolute;
  top: 48px;
  left: 0;
  width: 100%;
  height: calc(100vh - 48px);
  background-color: #FFFFFF;
}
.auto-keyword-list .list-wrap {
  overflow-y: auto;
  padding: 20px;
  height: 100%;
}

.search-list-wrap .search-result-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0 8px;
  margin-bottom: 16px;
  width: 100%;
}
.search-list-wrap .search-result-top .title {
  color: #757575;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.search-list-wrap .search-result-top .title-result {
  color: #444444;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.search-list-wrap .search-result-top .button-all-delete {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  color: #444444;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.word-text-wrap > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0 8px;
  width: 100%;
}
.word-text-wrap .word-text {
  color: #444444;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 400;
}
.word-text-wrap .word-text > em {
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
}
.word-text-wrap .search-link-24,
.word-text-wrap .button-delete {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-left: auto;
}
.word-text-wrap:not(:first-child) {
  margin-top: 16px;
}

.single-option > ul {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 8px;
}
.single-option > ul li.active .button-menu {
  border-color: var(--primary);
  border-width: 2px;
  background-color: #FFFFFF;
  color: #222222;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
}
.single-option .button-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 13px 16px;
  width: 100%;
  height: 48px;
  border: 1px solid #CCCCCC;
  border-radius: 8px;
  background-color: #FFFFFF;
  color: #757575;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 400;
  text-align: center;
}
.single-option .button-menu:disabled, .single-option .button-menu.disabled {
  border-color: #F5F5F5;
  background-color: #F5F5F5;
  color: #CCCCCC;
}

.multi-option > ul .form-check {
  padding: 8px 0;
  height: 56px;
}
.multi-option > ul .form-check .check-wrapper {
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.multi-option .option-desc {
  display: block;
  margin-bottom: 8px;
  color: #757575;
  font-size: 12px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.multi-option .option-info-group {
  width: calc(100% - 32px);
}
.multi-option .option-info-group .option-name {
  margin-left: 0;
}
.multi-option .option-info-group .option-name span {
  padding-left: 0;
  color: #222222;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.multi-option .option-info-group .option-name span::before {
  display: none;
}
.multi-option .option-info-group .option-price {
  min-width: 80px;
  color: #444444;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  text-align: right;
}

.order-option-list {
  margin: 0 -20px;
}
.order-option-list > .list > li {
  border-bottom: 1px solid #EEEEEE;
}
.order-option-list > .list > li:first-child {
  border-top: 1px solid #EEEEEE;
}
.order-option-list .order-option-title {
  padding: 16px 20px;
}
.order-option-list .order-option-title.accordion-button::after {
  top: 28px;
  right: 20px;
}
.order-option-list .order-option-title .title-wrap .title {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
  padding-right: 24px;
  width: 100%;
  color: #222222;
  word-break: break-all;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.order-option-list .order-option-title .title-wrap .label {
  padding: 2px 8px;
  border-radius: 10px;
}
.order-option-list .order-option-title .title-wrap .label.choice {
  background-color: #F5F5F5;
  color: #757575;
}
.order-option-list .order-option-title .title-wrap .label.essential {
  background-color: #222222;
  color: #FFFFFF;
}
.order-option-list .order-option-title .title-wrap .sub-text {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-right: 8px;
  word-break: break-all;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 600;
}
.order-option-list .order-option-title .option-info-group {
  margin-top: 2px;
}
.order-option-list .order-option-title .option-info-group .option-name {
  margin-left: 0;
  color: #757575;
  font-size: 12px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.order-option-list .order-option-title .option-info-group .option-name span {
  padding-left: 0;
  font-size: 12px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.order-option-list .order-option-title .option-info-group .option-name span::before {
  display: none;
}
.order-option-list .order-option-title .option-info-group .option-price {
  color: #757575;
  font-size: 12px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.order-option-list .order-option-detail {
  padding: 0 20px 16px;
}
.order-option-list .order-option-detail .note-cont-wrap {
  padding: 16px 0 0;
}
.order-option-list .order-option-detail .note-cont-wrap .dot-text {
  margin-top: 4px;
}
.order-option-list .order-option-detail .note-cont-wrap .dot-text:first-child {
  margin-top: 0;
}

.popup .popup-wrap:has(.menu-order-option-wrap) .popup-head .popup-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.button-tooltip {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 24px;
  height: 24px;
}
.button-tooltip span {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

.tooltip-white {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
}
.tooltip-white.active {
  display: block;
}

.membership-info-cont .flex-cont-box {
  margin-bottom: 24px;
}
.membership-info-cont .flex-cont-box .user-grade {
  margin-bottom: 0;
}
.membership-info-cont .flex-cont-box .right-cont {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.membership-info-cont .button-barcode {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.membership-info-cont .button-barcode span {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute;
}
.membership-info-cont .user-grade {
  margin-bottom: 24px;
  font-size: 22px;
  line-height: 140%;
  letter-spacing: -0.5px;
  font-weight: 700;
  color: var(--brand-font);
}
.membership-info-cont .membership-achieving {
  padding: 24px 20px;
  background-color: #FFFFFF;
  color: #444444;
}
.membership-info-cont .membership-achieving .description-text {
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  color: #444444;
}

.my-grade-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 16px;
}
.my-grade-cont .ico {
  width: 48px;
  height: 48px;
}
.my-grade-cont .grade-period .grade-text {
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
  color: #222222;
}
.my-grade-cont .grade-period .date-text {
  margin-top: 2px;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  color: #999999;
}

.membership-gauge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  mask-type: 12px;
  gap: 0 12px;
  border-radius: 4px;
}
.membership-gauge .gauge-background {
  position: relative;
  width: 100%;
  height: 8px;
}
.membership-gauge .gauge-background .percentage-value {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-radius: 4px;
  z-index: 1;
}
.membership-gauge .gauge-background .percentage-value > .price {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute;
}
.grade-welcome .membership-gauge .gauge-background .percentage-value {
  background: -webkit-gradient(linear, right top, left top, from(#9B8CBE), to(#CEC2ED));
  background: linear-gradient(270deg, #9B8CBE 0%, #CEC2ED 100%);
}
.grade-basic .membership-gauge .gauge-background .percentage-value {
  background: -webkit-gradient(linear, right top, left top, from(#7FBD40), to(#BBEE87));
  background: linear-gradient(270deg, #7FBD40 0%, #BBEE87 100%);
}
.grade-silver .membership-gauge .gauge-background .percentage-value {
  background: -webkit-gradient(linear, left top, right top, from(#CBDCED), to(#9AAEC5));
  background: linear-gradient(90deg, #CBDCED 0%, #9AAEC5 100%);
}
.grade-gold .membership-gauge .gauge-background .percentage-value {
  background: -webkit-gradient(linear, right top, left top, from(#EDBC2C), color-stop(0.01%, #E7BD42), to(#FFE084));
  background: linear-gradient(270deg, #EDBC2C 0%, #E7BD42 0.01%, #FFE084 100%);
}
.grade-vip .membership-gauge .gauge-background .percentage-value {
  background: -webkit-gradient(linear, right top, left top, from(#F484B2), to(#FFAFDF));
  background: linear-gradient(270deg, #F484B2 0%, #FFAFDF 100%);
}
.grade-royal .membership-gauge .gauge-background .percentage-value {
  background: -webkit-gradient(linear, right top, left top, from(#9B8CBE), to(#CEC2ED));
  background: linear-gradient(270deg, #9B8CBE 0%, #CEC2ED 100%);
}
.membership-gauge .gauge-background .percentage-background {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  background-color: #EEEEEE;
  opacity: 0.5;
}
.membership-gauge .grade-text {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 600;
  color: #444444;
}

.membership-benefits-cont .sub-title {
  margin-bottom: 0;
}

.membership-benefit-wrap ul li {
  margin-top: 24px;
}

.membership-benefit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 0 24px;
}
.membership-benefit .img {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  overflow: hidden;
  width: 56px;
  height: 56px;
}
.membership-benefit .text {
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
  color: #444444;
}

.stamp-infor-cont .dot-text {
  margin-top: 32px;
}

.stamp-total .total-num {
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
  color: #222222;
}

.container.coupon .tab-fixed > ul li.active a .num {
  color: var(--primary);
}

.my-stamp-list {
  padding-top: 16px;
}
.my-stamp-list ul {
  display: grid;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-template-rows: repeat(2, minmax(48px, auto));
  gap: 24px 0;
}
.my-stamp-list .stamp {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 48px;
  height: 48px;
  border: 1px dashed #CCCCCC;
  border-radius: 50%;
}
.my-stamp-list .stamp > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  border: 2px solid #FFFFFF;
  border-radius: 50%;
  background-color: #EEEEEE;
  font-size: 24px;
  line-height: 140%;
  letter-spacing: -0.5px;
  font-weight: 700;
  color: #CCCCCC;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.my-stamp-list .stamp.active {
  border-style: solid;
  border-color: var(--primary);
}
.my-stamp-list .stamp.active > span {
  background-color: var(--primary);
  color: var(--brand-font);
}
.my-stamp-list .stamp.get-today {
  position: relative;
  border-color: var(--primary);
}
.my-stamp-list .stamp.get-today > span {
  background-color: var(--secondary-03);
  color: var(--primary);
}
.my-stamp-list .stamp.get-today .txt-get {
  position: absolute;
  bottom: -16px;
  font-size: 10px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  color: #757575;
  white-space: nowrap;
}
.my-stamp-list.stamp-8 ul {
  grid-template-columns: repeat(4, minmax(48px, auto));
}
.my-stamp-list.stamp-10 ul {
  grid-template-columns: repeat(5, minmax(48px, auto));
}
.my-stamp-list.stamp-12 ul {
  grid-template-columns: repeat(6, minmax(48px, auto));
}

.stamp-num {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 4px;
  position: relative;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
  color: #444444;
}
.stamp-num::before {
  content: "S";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-right: 4px;
  padding: 3px;
  width: 28px;
  height: 28px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  margin: 1px;
  border: 1px solid #FFFFFF;
  background-color: var(--primary);
  border-radius: 14px;
  font-size: 16px;
  line-height: 22.4px;
  font-weight: 700;
  color: var(--brand-font);
}
.stamp-num::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  border: 1px solid var(--primary);
  border-radius: 15px;
}

.point-box {
  background-color: var(--primary);
  color: var(--brand-font);
}
.point-box .point-title {
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
}
.point-box .point-text {
  margin-top: 8px;
  font-size: 24px;
  line-height: 140%;
  letter-spacing: -0.5px;
  font-weight: 700;
}
.point-box ~ .dot-text {
  margin-top: 16px;
}

.stamp-store-wrap {
  padding-top: 32px;
}
.stamp-store-wrap .title-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.stamp-store-wrap .title-wrap .button-s {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-left: 8px;
}

.stamp-store-cont {
  margin-top: 16px;
  padding: 16px;
  border: 1px solid #EEEEEE;
  border-radius: 12px;
}
.stamp-store-cont .stamp-store-list ul > li:not(:first-child) {
  margin-top: 16px;
}

.stamp-store-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow-y: hidden;
}
.stamp-store-group.get-coupon .store-name {
  background-image: url("/assets/images/common/icon/ico24_stamp_on.svg");
}
.stamp-store-group .store-name {
  padding-left: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  overflow: hidden;
  background: url("/assets/images/common/icon/ico24_stamp_off.svg") no-repeat center left/24px;
}
.stamp-store-group .store-name span {
  position: relative;
  color: #444444;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.stamp-store-group .stamp-counter {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-left: auto;
  color: #444444;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 400;
}

.stamp-use-list {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #EEEEEE;
}
.stamp-use-list ul > li:not(:first-child) {
  margin-top: 32px;
}

.stamp-use-wrap .title-text {
  color: #444444;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
}

.stamp-detail-cont {
  margin-top: 12px;
  padding: 12px 16px;
  border: 1px solid #EEEEEE;
  border-radius: 8px;
}
.stamp-detail-cont .item-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow: hidden;
}
.stamp-detail-cont .item-wrap .item-title {
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  color: #757575;
}
.stamp-detail-cont .item-wrap .item-value {
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  color: #444444;
}

.object-wrap {
  position: relative;
  width: 100%; /* 상위 flex영역 이슈 */
}
.object-wrap .object-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.object-wrap .object-item .quantity-txt {
  color: #444444;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.object-wrap .object-item .quantity-txt .txt {
  padding-left: 4px;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 600;
}
.object-wrap .object-item .counter-txt {
  margin-left: 8px;
  color: #FC604C;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.object-wrap .object-item .menu-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  gap: 2px;
  margin-top: 0;
  margin-left: auto;
}
.bottom-fixed-cont .object-wrap .object-item .menu-price {
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
}
.bottom-fixed-cont .object-wrap .object-item .menu-price .num {
  font-size: 24px;
  line-height: 140%;
  letter-spacing: -0.5px;
  font-weight: 700;
}
.object-wrap .price-desc {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: auto;
  color: #757575;
  text-align: right;
  font-size: 12px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.object-wrap .desc-title {
  color: #222222;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
}
.object-wrap.amount-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0 8px;
}
.object-wrap.amount-area .object-item {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
.object-wrap.amount-area .menu-price {
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.object-wrap.amount-area .menu-price .num {
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 700;
}
.object-wrap.amount-area .menu-price .price-discount {
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.object-wrap.amount-area .menu-price .price-discount .num {
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 700;
}
.object-wrap.amount-area .delivery-price {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #757575;
  font-size: 12px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.bottom-fixed-cont .object-wrap.amount-area:first-child {
  margin-top: 0;
  padding-top: 0;
}
.object-wrap.amount-area .tooltip {
  top: -34px;
}

.counter-select {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  max-width: 106px;
}
.counter-select .number {
  display: inline-block;
  min-width: 26px;
  height: 32px;
  letter-spacing: 0;
  text-align: center;
  font-size: 20px;
  line-height: 140%;
  letter-spacing: -0.5px;
  font-weight: 700;
}
.counter-select .button-minus {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  background-image: url("/assets/images/common/icon/ico32_minus.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 32px;
}
.counter-select .button-minus:disabled {
  background-image: url("/assets/images/common/icon/ico32_minus_disabled.svg");
}
.counter-select .button-plus {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  background-image: url("/assets/images/common/icon/ico32_plus.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 32px;
}
.counter-select .button-plus:disabled {
  background-image: url("/assets/images/common/icon/ico32_plus_disabled.svg");
}
.counter-select .blind {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

.tooltip {
  position: relative;
  display: none;
  padding: 6px 28px 6px 12px;
  border-radius: 6px;
  background-color: #757575;
}
.tooltip::before {
  content: "";
  position: absolute;
  right: 12px;
  bottom: -8px;
  width: 12px;
  height: 8px;
  background-image: url("/assets/images/common/icon/ico12x8_triangle.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 12px 8px;
}
.tooltip.active {
  position: absolute;
  top: -21px;
  right: 0;
  display: inline-block;
}
.tooltip.bottom-left {
  top: unset;
  right: unset;
  bottom: -30px;
  left: 0;
  z-index: 10;
}
.tooltip.bottom-left::before {
  top: -8px;
  right: unset;
  bottom: unset;
  left: 12px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.tooltip.top-left {
  top: -21px;
  right: unset;
  left: 0;
}
.tooltip.top-left::before {
  right: unset;
  left: 12px;
}
.tooltip .txt {
  color: #FFFFFF;
  font-size: 12px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.tooltip .txt span {
  font-size: 12px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 700;
}
.tooltip .button-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 28px;
  height: 30px;
}
.tooltip .button-close::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 28px;
  height: 30px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-image: url("/assets/images/common/icon/ico16_close_white.svg");
}
.tooltip .button-close span {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute;
}
.tooltip-cont {
  position: relative;
  margin-bottom: 0;
}
.tooltip-cont .tooltip {
  top: unset;
  left: 55px;
  bottom: 30px;
  right: unset;
}
.tooltip-cont .tooltip::before {
  right: unset;
  left: 12px;
}

.order .button-group-flex .vertical {
  width: 1px;
  height: 16px;
  background-color: #FFFFFF;
  opacity: 0.4;
  margin: 0 8px;
}

.cart-select-all {
  padding-top: 0;
  padding-bottom: 0 !important;
}

.cart-menu-wrap {
  margin-bottom: 8px;
}
.cart-menu-wrap:only-of-type {
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}
.cart-menu-wrap .round-section {
  margin-top: 8px;
  padding-top: 16px;
  border-radius: 16px !important;
}
.cart-menu-wrap .round-section.menu-set-wrap .amount-area {
  padding-bottom: 0;
}
.cart-menu-wrap .menu-set-wrap:not(:first-of-type) {
  margin-top: 32px;
  padding-top: 32px;
  border-top: 1px solid #EEEEEE;
}
.cart-menu-wrap .select-all-cont {
  padding: 16px 0;
}
.cart-menu-wrap .button-add-product {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 32px;
}
.cart-menu-wrap .object-wrap.amount-area {
  margin-top: 20px;
}
.cart-menu-wrap:has(.no-data) {
  min-height: calc(100vh - 8px - var(--noteListHeight));
}

.current-change-cont ~ .cart-menu-wrap {
  margin-top: 20px;
}

.select-all-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 20px;
  padding: 16px 20px;
  background-color: #FFFFFF;
}
.select-all-cont .select-all-check .check-wrapper .txt {
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
}
.select-all-cont .button-t {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-left: auto;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}

.order-select-cont {
  margin-top: 32px;
}
.order-select-cont .option-type ul li:not(:first-child) {
  margin-top: 24px;
}
.order-select-cont .radius-shape-824 {
  border: 1px solid #DDDDDD;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.order-select-cont .unit-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
}
.order-select-cont .unit-option .copy-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.order-select-cont .unit-option .copy-wrapper .order-title {
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
  color: #444444;
}
.order-select-cont .unit-option .copy-wrapper .order-price {
  color: #757575;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}

.option-detail-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 14px;
  margin-top: 8px;
  padding: 12px 16px;
  border: 1px solid #EEEEEE;
  border-radius: 8px;
}
.option-detail-cont .option-total-list {
  width: 100%;
}
.option-detail-cont .option-total-list ul > li:not(:first-child) {
  margin-top: 2px;
}
.option-detail-cont .button-s {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-left: auto;
}

.option-info-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow: hidden;
}
.option-info-group.special .option-price {
  color: #6254FF;
}

.option-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  overflow: hidden;
  margin-left: -12px;
}
.option-name span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  color: #757575;
  padding-left: 12px;
}
.option-name span::before {
  content: "";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 50%;
  left: 4px;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background-color: #DDDDDD;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.my-own-menu-wrap .option-name span {
  color: #999999;
  font-size: 12px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}

.option-price {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-left: auto;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  color: #444444;
}

.order-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.store-list-search .search-results-text {
  margin-top: 20px;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  color: #444444;
}
.order-menu-list > ul > li:not(:first-child) {
  margin-top: 32px;
  padding-top: 32px;
  border-top: 1px solid #EEEEEE;
}
.order-menu-list > ul > li .menu-wrap {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.order-menu-list > ul > li .menu-wrap .menu-price {
  margin-top: 4px;
}
.order-menu-list.line ul li {
  margin-top: 0 !important;
  padding: 16px 0;
}

.border-bottom-line {
  border-bottom: 1px solid #EEEEEE;
}

.price-text {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #222222;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.price-text > strong {
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 700;
}

.item-between-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0 8px;
}
.item-between-wrap ~ .item-between-wrap {
  margin-top: 8px;
}
.item-between-wrap .item-title {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  color: #444444;
}
.item-between-wrap .item-title .ico {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.item-between-wrap .hold-text {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  color: #999999;
}
.item-between-wrap .discount-text {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  color: #3ACA83;
}
.item-between-wrap .select-text {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 400;
  color: #999999;
}
.item-between-wrap .button-s {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-left: 8px;
}
.item-between-wrap.total-price {
  margin-top: 16px;
  padding-top: 16px;
}
.item-between-wrap.total-price .item-title {
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
}

.pay-method .title-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.pay-method .title-wrap .sub-title {
  margin-bottom: 0;
}
.pay-method .title-wrap .sub-title:has(.button-tooltip) {
  vertical-align: center;
}
.pay-method .title-wrap .sub-title:has(.button-tooltip) .button-tooltip {
  margin-left: 2px;
  height: 24px;
}
.pay-method .title-wrap [class^=button-] {
  margin-left: auto;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.pay-method .method-list:not(:last-child) {
  padding-bottom: 16px;
}
.pay-method .method-list:has(.form-wrap) .form-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 8px;
  margin-top: 16px;
}
.pay-method .method-list:has(.form-wrap) .form-wrap .form-item {
  margin-top: 0;
}
.pay-method .method-list:has(.form-wrap) .form-wrap .form-item .form-input {
  padding-right: 12px;
  text-align: right;
}
.pay-method .method-list:has(.form-wrap) .form-wrap [class^=button-] {
  margin-left: auto;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.pay-method .method-list ~ .method-list {
  padding-top: 16px;
}
.pay-method .method-list .title-wrap ~ .method-select {
  margin-top: 16px;
}

.method-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.method-select:not(:first-child) {
  margin-top: 8px;
}
.method-select .item-title {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  color: #444444;
}
.method-select .item-title .ico {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.method-select .hold-text {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  color: #999999;
}
.method-select .discount-text {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  color: #6254FF;
}
.method-select .select-text {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 400;
  color: #444444;
}
.method-select .select-text:only-of-type {
  color: #999999;
}
.method-select .button-s {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-left: 8px;
}
.method-select .point-text {
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
}
.method-select .hold-amount {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-left: auto;
  color: #222222;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.method-select .hold-amount .num {
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 700;
}
.method-select.total-price {
  margin-top: 16px;
  padding-top: 16px;
}
.method-select.total-price .item-title {
  color: #222222;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
}
.method-select .price-text {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.time-sale-wrap {
  margin-top: -16px !important;
  border-radius: 0 0 16px 16px;
  background: linear-gradient(148.81deg, #4240AB 0%, #8940AB 100%);
}
.time-sale-wrap .dot-text {
  margin-top: 16px;
  color: #DDDDDD;
  opacity: 0.7;
}

.timer-cont-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 16px 20px 24px;
  z-index: 0;
}
.timer-cont-wrap::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  border-radius: 16px;
  opacity: 0.2;
  z-index: -1;
}
.timer-cont-wrap .text {
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
}

.timer-time {
  position: relative;
}
.timer-time::before {
  content: "";
  display: block;
  position: absolute;
  top: -24px;
  right: -26px;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("/assets/images/common/icon/ico32_sale.svg");
  z-index: 2;
}
.timer-time [class^=time-num] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 22px;
  height: 32px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(219, 219, 219)), color-stop(56.0000002384%, rgb(220, 220, 220)), color-stop(75.9999990463%, rgb(227, 227, 227)), color-stop(91.0000026226%, rgb(239, 239, 239)), to(rgb(252, 252, 252)));
  background: linear-gradient(180deg, rgb(219, 219, 219) 0%, rgb(220, 220, 220) 56.0000002384%, rgb(227, 227, 227) 75.9999990463%, rgb(239, 239, 239) 91.0000026226%, rgb(252, 252, 252) 100%);
  border-radius: 8px;
}
.timer-time [class^=time-num]::before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 16.5px;
  background: #FFFFFF;
  width: 22px;
  height: 0.5px;
  position: absolute;
  left: 0px;
  bottom: 0px;
}
.timer-time [class^=time-num] > em {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 22px;
  font-size: 24px;
  line-height: 140%;
  letter-spacing: -0.5px;
  font-weight: 700;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(48, 48, 48)), to(rgb(69, 69, 69)));
  background: linear-gradient(180deg, rgb(48, 48, 48) 0%, rgb(69, 69, 69) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.almost-stock-wrap {
  padding-top: 24px;
}
.almost-stock-wrap .title-box .sub-title {
  margin-bottom: 4px;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
  color: #FFFFFF;
}
.almost-stock-wrap .title-box .description-text {
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  color: #DDDDDD;
}

.almost-stock-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: hidden;
  margin-top: 13px;
  margin-right: -20px;
}
.almost-stock-list::-webkit-scrollbar {
  display: none;
}
.almost-stock-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 16px;
  overflow-x: scroll;
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}
.almost-stock-list ul::-webkit-scrollbar {
  display: none;
}
.almost-stock-list ul li {
  padding: 24px 15px 16px;
  background-color: #FFFFFF;
  border-radius: 8px 24px 8px 8px;
  scroll-snap-align: start;
}
.almost-stock-list .menu-wrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  width: 120px;
}
.almost-stock-list .menu-wrap .img-wrap {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.almost-stock-list .menu-wrap .menu-price {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: center;
}
.almost-stock-list .menu-wrap .menu-price .original-price {
  margin-top: 4px;
  width: 100%;
  font-size: 12px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 400;
}
.almost-stock-list .menu-wrap .menu-price .discount-percent {
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
}
.almost-stock-list .menu-wrap .menu-price .price-discount {
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.almost-stock-list .menu-wrap .menu-price .price-discount .num {
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 700;
}
.almost-stock-list .menu-wrap .menu-name {
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}

.time-sale-list {
  padding-top: 24px;
}
.time-sale-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 24px 15px;
}
.time-sale-list ul li {
  width: calc((100% - 15px) / 2);
}
.time-sale-list .menu-wrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.time-sale-list .menu-wrap .img-wrap {
  width: 100%;
  height: 100%;
}
.time-sale-list .menu-wrap .menu-price {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.time-sale-list .menu-wrap .menu-price .original-price {
  margin-top: 4px;
  width: 100%;
  font-size: 12px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 400;
}
.time-sale-list .menu-wrap .menu-price .discount-percent {
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
}
.time-sale-list .menu-wrap .menu-price .price-discount {
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.time-sale-list .menu-wrap .menu-price .price-discount .num {
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 700;
}
.time-sale-list .menu-wrap .menu-name {
  margin-top: 4px;
  min-height: 45px;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 400;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.order-list-wrap {
  padding-top: 48px;
}
.order-list-wrap .data-setting-wrap {
  margin-top: 20px;
}

.order-list-cont .current-change-cont {
  margin: 0 -20px;
}
.order-list-cont .data-setting-wrap {
  margin: 0 -20px;
  padding: 0 20px 12px;
  border-bottom: 1px solid #EEEEEE;
}

.order-list ul li:first-child .menu-set-wrap .menu-wrap .menu-info {
  border-top: none;
}
.order-list .menu-set-wrap .menu-wrap {
  position: relative;
  min-height: 72px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.order-list .menu-set-wrap .menu-wrap .menu-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  padding: 0 70px 20px 0;
  min-height: 72px;
}
.order-list .menu-set-wrap .menu-wrap .menu-info .menu-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.order-list .menu-set-wrap .menu-wrap .menu-info .menu-name .name-ko {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.order-list .menu-set-wrap .menu-wrap .menu-info .menu-name .other-num {
  margin-left: 4px;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
  color: #222222;
  white-space: nowrap;
}
.order-list .menu-set-wrap .menu-wrap .order-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  right: 0;
  top: calc(50% - 10px);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.order-list .menu-set-wrap .menu-wrap .order-date .status-date {
  font-size: 12px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.order-list .menu-set-wrap .menu-wrap .order-date .status-text {
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.order-list .menu-set-wrap .menu-wrap .order-date .status-text.completed {
  color: #3ACA83;
}
.order-list .menu-set-wrap .menu-wrap .order-date .status-text.cancle {
  color: #FC604C;
}

.order-process-wrap {
  position: relative;
}
.full-popup .gray-bg .order-process-wrap {
  margin-bottom: 40px;
}

.step-cont {
  position: relative;
  padding-top: 16px;
}
.step-cont .order-status-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0 8px;
  padding: 16px 0 24px;
}
.step-cont .order-status-title .title {
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
  color: #222222;
}
.step-cont .order-status-title .button-refresh {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 24px;
  height: 24px;
}
.step-cont .order-status-title .button-refresh::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("/assets/images/common/icon/ico32_refresh_gray.svg");
}
.step-cont .order-status-title .button-refresh span {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute;
}
.step-cont .order-status-title .button-cancel {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-left: auto;
}
.step-cont .order-stepper {
  position: relative;
}
.step-cont .order-stepper ~ .order-related-info {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #EEEEEE;
}
.step-cont .order-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.step-cont .order-status::before {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  left: 50%;
  width: calc(100% - 40px);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 10px;
  border-radius: 5px;
  background-color: #D9D9D9;
}
.step-cont .order-status li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  text-align: center;
}
.step-cont .order-status li::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 10px;
  background-color: var(--primary);
  top: 7px;
  left: 0;
  z-index: 0;
}
.step-cont .order-status li:first-child {
  text-align: left;
}
.step-cont .order-status li:first-child::after {
  left: 20px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.step-cont .order-status li:first-child.active::after {
  display: none;
}
.step-cont .order-status li:last-child {
  text-align: right;
}
.step-cont .order-status li:last-child::after {
  width: calc(100% - 25px);
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.step-cont .order-status li.active ~ li::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 10px;
  background-color: #D9D9D9;
  top: 7px;
  left: -50%;
  z-index: 0;
}

.order-related-info {
  padding-top: 16px;
}
.order-related-info .item-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0 8px;
  width: 100%;
}
.order-related-info .item-wrap ~ .item-wrap {
  margin-top: 4px;
}
.order-related-info .item-wrap .item-title {
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  color: #757575;
}
.order-related-info .item-wrap .item-value {
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  color: #444444;
}
.order-related-info .item-wrap .item-value.use-num {
  color: #222222;
}
.order-related-info .item-wrap .item-value.use-num .num {
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 700;
}
.top-none-round .order-related-info {
  padding-bottom: 0;
}
.order-related-info.cancel-case {
  margin-top: 16px;
  border-top: 1px solid #EEEEEE;
}
.order-related-info.cancel-case .cancel-date .item-title,
.order-related-info.cancel-case .cancel-date .date-text {
  color: #FC604C;
}

.order-value-info .item-value {
  margin-bottom: 16px;
  padding-bottom: 16px;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  color: #444444;
}
.order-value-info .item-value:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.order-info-cont {
  margin-bottom: 16px;
  padding-bottom: 16px;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  color: #444444;
}
.order-info-cont:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.order-info-cont .item-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0 8px;
}
.order-info-cont .item-wrap:not(:first-child) {
  margin-top: 4px;
}
.order-info-cont .item-wrap .item-title {
  color: #757575;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.order-info-cont .item-wrap .item-value {
  color: #444444;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}

.contact-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
  padding-top: 16px;
}
.contact-wrap .select-text {
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  color: #757575;
}
.contact-wrap .mobile-num {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-left: auto;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  color: #444444;
}

.delivery-requested .current-change-cont {
  margin: 0 -20px 16px;
}
.delivery-requested .current-change-cont + .sub-title {
  margin-top: 0;
}
.delivery-requested .sub-title {
  margin-top: 32px;
}
.delivery-requested .form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 11px 0;
}
.delivery-requested .form-group .form-item {
  margin-top: 0;
}
.round-section:has(.delivery-requested) {
  padding-top: 16px;
}

.pay .list .list-column-wrap {
  padding: 17px 0;
}
.pay .list .list-column-wrap .title {
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 400;
}

.cash-receipt-wrap .ckeck-type-radio .form-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cash-receipt-wrap .ckeck-type-radio .form-radio .radio-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.cash-receipt-wrap .form-item + .form-item {
  margin-top: 14px;
}

.menu-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0 16px;
  width: 100%;
}
.menu-wrap .img-wrap {
  position: relative;
  overflow: hidden;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 72px;
  height: 72px;
  border-radius: 4px;
}
.menu-wrap .img-wrap.round {
  width: 80px;
  height: 80px;
  border-radius: 40px;
}
.menu-wrap .img-wrap.preparing::before {
  content: "준비중";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 600;
  color: #FFFFFF;
  background-color: rgba(0, 0, 0, 0.4);
}
.menu-wrap .img-wrap.sold-out::before {
  content: "품절";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 600;
  color: #FFFFFF;
  background-color: rgba(0, 0, 0, 0.4);
}
.menu-wrap .img-wrap.cancel::before {
  content: "취소완료";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 600;
  color: #FFFFFF;
  background-color: rgba(0, 0, 0, 0.4);
}
.menu-wrap .img-wrap .menu-img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  background-color: #F5F5F5;
}
.menu-wrap .menu-info {
  overflow: hidden;
  width: 100%;
}
.menu-wrap .order-date {
  font-size: 12px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  color: #757575;
}
.menu-wrap .menu-name .name-ko {
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
  color: #222222;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.menu-wrap .menu-name .name-eng {
  font-size: 12px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  color: #999999;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.menu-wrap .menu-name .description-text {
  margin-top: 2px;
  font-size: 12px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  color: #999999;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.menu-wrap .menu-name .name-my-own {
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 600;
  color: #444444;
}
.menu-wrap .menu-name .name-real {
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  color: #757575;
}
.menu-wrap .menu-name ~ .option-info-group {
  margin-top: 12px;
}
.menu-wrap .menu-name ~ .menu-price {
  margin-top: 8px;
}
.menu-wrap .menu-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  color: #222222;
}
.menu-wrap .menu-price > strong {
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 700;
}
.menu-wrap .option-type {
  margin-top: 2px;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  color: #999999;
}
.menu-wrap .progress-status {
  margin-top: 2px;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
  color: #444444;
}
.menu-wrap .price-cart-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 8px;
  margin-top: 8px;
}
.menu-wrap .price-cart-cont .menu-price {
  margin-top: 0;
}
.menu-wrap .price-cart-cont .button-s,
.menu-wrap .price-cart-cont .button-p {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-left: auto;
}
.cart .menu-wrap {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.menu-wrap .button-s,
.menu-wrap .button-p {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-left: auto;
}
.menu-wrap .quantity {
  padding: 4px 8px;
  min-width: 54px;
  background-color: #F8F8F8;
  border-radius: 14px;
  text-align: center;
}
.menu-wrap .quantity .txt {
  color: #444444;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}

.menu-set-wrap.store-type {
  padding-top: 12px;
  border-top: 1px solid #EEEEEE;
}

.menu-detail-cont.only-section {
  min-height: calc(100vh - 48px);
}
.menu-detail-cont .menu-img-wrap .swiper-slide {
  overflow: hidden;
  max-height: 335px;
  background-color: #F5F5F5;
  border-radius: 8px;
}
.menu-detail-cont .menu-img-wrap .swiper-slide img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (min-width: 441px) {
  .menu-detail-cont .menu-img-wrap .swiper-slide img {
    width: 100%;
    max-width: 335px;
    height: 100%;
    max-height: 335px;
  }
}
.menu-detail-cont .menu-info-detail {
  padding-top: 24px;
}
.menu-detail-cont .menu-info-detail .label-wrap {
  margin-bottom: 4px;
}
.menu-detail-cont .menu-info-detail .menu-name .name-ko {
  font-size: 28px;
  line-height: 140%;
  letter-spacing: -0.5px;
  font-weight: 700;
  color: #222222;
}
.menu-detail-cont .menu-info-detail .menu-name .name-eng {
  font-size: 12px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  color: #999999;
}
.menu-detail-cont .menu-info-detail .menu-price {
  margin-top: 16px;
}
.menu-detail-cont .menu-info-detail .description-text {
  margin-top: 16px;
  padding: 16px 0 0;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  color: #757575;
}

.menu-list-cont ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.menu-list-cont.order {
  padding-top: 8px;
}
.menu-list-cont.order ul {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.menu-list-cont.order ul li .menu-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 120px;
}
.menu-list-cont.order ul li .menu-wrap .img-wrap {
  margin: 16px 0;
  width: 120px;
  height: 120px;
}
.menu-list-cont.order ul li .menu-wrap .menu-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  padding: 16px 0;
  width: 100%;
  min-height: 120px;
}
.menu-list-cont.order ul li .menu-wrap .menu-info .menu-price {
  gap: 0 4px;
}
.menu-list-cont.order ul li .menu-wrap .menu-info .discount-percent {
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
}
.menu-list-cont.order ul li .menu-wrap .menu-info .price-discount {
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.menu-list-cont.order ul li .menu-wrap .menu-info .price-discount .num {
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 700;
}
.menu-list-cont.order ul li .menu-wrap .menu-info .original-price {
  font-size: 12px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 400;
}
.menu-list-cont.order ul li:first-child .menu-wrap .menu-info {
  border-top: none;
}

.buy-together-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: scroll;
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}
.buy-together-menu::-webkit-scrollbar {
  display: none;
}
.buy-together-menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: scroll;
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
  gap: 0 16px;
}
.buy-together-menu ul::-webkit-scrollbar {
  display: none;
}
.buy-together-menu ul li {
  width: 120px;
  scroll-snap-align: start;
}
.buy-together-menu .img-wrap {
  width: 120px;
  height: 120px;
  border-radius: 4px;
}
.buy-together-menu .img-wrap .menu-img {
  width: 100%;
}
.buy-together-menu .menu-wrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 120px;
  gap: 0;
}
.buy-together-menu .menu-wrap .menu-name {
  margin-top: 12px;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 400;
}
.round-section:has(.buy-together-menu) {
  overflow: hidden;
  padding-right: 0;
}

.menu-select-wrap {
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0 20px;
  width: 100%;
}
.menu-select-wrap .button-delete {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.menu-select-wrap .button-delete:only-child {
  margin-left: auto;
}

.my-own-wrap {
  padding-top: 48px;
}
.my-own-wrap .my-own-list {
  min-height: calc(100vh - 48px);
}
.my-own-wrap .my-own-list .no-data {
  min-height: calc(100vh - 48px);
}
.my-own-wrap .round-section {
  margin-top: 8px;
  padding-top: 32px;
  border-radius: 16px !important;
}
.my-own-wrap .round-section:first-child {
  padding-top: 32px;
}
.my-own-wrap .round-section:last-child {
  margin-bottom: 8px;
  padding-bottom: 32px !important;
}

.my-own-menu-wrap .current-change-cont {
  margin-bottom: 20px;
  padding: 0;
}
.my-own-menu-wrap .option-bottom-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0 8px;
  margin-top: 20px;
}

.editor-registration-cont img {
  width: 100%;
  border-radius: 8px;
}
.editor-registration-cont p {
  color: #757575;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}

.address .content:has(.only-section) {
  padding-bottom: 0;
  min-height: calc(100vh - 68px);
  background-color: #FFFFFF;
}

.delivery-regist-cont .button-current-location {
  margin-top: 16px;
}

.current {
  height: 100vh;
}
.current .map-api-area {
  position: relative;
}

.address-list {
  margin-top: 16px;
  padding-bottom: 25px;
}
.address-list ul li:not(:first-child) {
  margin-top: 24px;
  padding-top: 24px;
}
.round-section:has(.address-list) {
  min-height: calc(100vh - 196px - 8px);
}

.address-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 20px;
}
.address-wrap .address-box {
  width: 100%;
}
.address-wrap .ico {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.address-wrap .ico + .address-box {
  margin-left: 16px;
}
.address-wrap .address-box .label ~ .address-road {
  margin-top: 8px;
}
.address-wrap .address-box .address-road {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
  color: #222222;
}
.address-wrap .address-box .address-detail {
  margin-top: 8px;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  color: #757575;
}
.address-wrap .address-box .button-group {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 16px;
}
.address-wrap .address-box .button-t {
  margin-top: 14px;
}

.set-location-wrap {
  padding: 12px 0 0;
}

.menu-detail-wrap .menu-detail-cont {
  padding-top: 0 !important;
}
.menu-detail-wrap .menu-detail-cont .button-group-flex {
  padding: 32px 20px 0;
}

.menu-order-option-wrap {
  padding-bottom: 139px;
}
.menu-order-option-wrap ~ .bottom-fixed-cont .amount-area .tooltip.top-left {
  left: 35px;
}

.pay-method-wrap .pay-method-list .method-select {
  position: relative;
  padding: 20px 0;
}
.pay-method-wrap .pay-method-list .form-radio {
  position: relative;
}
.pay-method-wrap .pay-method-list .form-radio .radio-wrapper {
  position: relative;
  width: 100%;
  gap: 0 16px;
}
.pay-method-wrap .pay-method-list .form-radio .radio-wrapper .radio-line {
  position: absolute;
  right: 0;
  top: calc(50% - 12px);
  width: 24px;
  height: 24px;
}
.pay-method-wrap .pay-method-list .form-radio .radio-wrapper input:checked ~ .radio-line {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("/assets/images/common/icon/ico24_check_line_black.svg");
}
.pay-method-wrap .pay-method-list .form-radio .radio-wrapper .txt {
  margin-left: 0;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  color: #222222;
}
.accrual-payment .barcode-cont {
  padding-top: 48px;
}

.save-point-wrap .line-top {
  padding: 16px 0;
}

.barcode-cont .user-point {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 24px;
  text-align: center;
}
.barcode-cont .user-point .user-name {
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 400;
  color: #444444;
}
.barcode-cont .user-point .point-num {
  margin-top: 8px;
  font-size: 24px;
  line-height: 140%;
  letter-spacing: -0.5px;
  font-weight: 700;
  color: #444444;
}
.barcode-cont .barcode-wrap {
  width: 100%;
  margin: 0 auto;
  padding: 86px 33px;
}
.barcode-cont .barcode-wrap:only-of-type {
  padding: 56px 33px;
}
.barcode-cont .barcode-wrap .barcode-number {
  font-size: 12px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  text-align: center;
}
.barcode-cont .bottom-fixed-cont {
  padding-bottom: 20px;
}

.qr-cont .qr-wrap {
  margin: 0 auto;
  padding: 56px 0;
  width: 144px;
}

.barcode-recognizing {
  height: calc(100vh - 48px);
}

.coupon-applied-wrap .title-box {
  margin-bottom: 0;
}

.coupon-applied-cont ul li .menu-set-wrap .menu-wrap {
  position: relative;
}
.coupon-applied-cont ul li .menu-set-wrap .menu-wrap .img-wrap {
  margin-top: 20px;
}
.coupon-applied-cont ul li .menu-set-wrap .menu-wrap .menu-info {
  padding: 20px 44px 20px 0;
}
.coupon-applied-cont ul li .menu-set-wrap .menu-wrap .form-check {
  position: absolute;
  top: 20px;
  right: 0;
}
.coupon-applied-cont ul li:first-child .menu-set-wrap .menu-wrap .menu-info {
  border-top: none;
}

.barcode-num ~ .button-group-flex {
  margin-top: 32px;
}

#nutritionInfoPopup .popup-head .popup-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#nutritionInfoPopup .popup-head .popup-title > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#nutritionInfoPopup .popup-head .popup-title > span:not(:first-child)::before {
  content: "";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0 8px;
  width: 1px;
  height: 16px;
  background-color: #DDDDDD;
}

.nutrition-info-wrap {
  padding-bottom: 32px;
}
.nutrition-info-wrap .product-name {
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
  color: #444444;
}
.nutrition-info-wrap .product-name:first-of-type {
  margin-top: 0;
}
.nutrition-info-wrap .option-list {
  border-top: 1px solid #EEEEEE;
}
.nutrition-info-wrap .option-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 16px;
}
.nutrition-info-wrap .option-list ul li {
  position: relative;
  color: #444444;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.nutrition-info-wrap .option-list ul li:not(:first-child) {
  padding-left: 20px;
}
.nutrition-info-wrap .option-list ul li:not(:first-child)::before {
  content: "";
  position: absolute;
  top: calc(50% - 2px);
  left: 8px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background-color: #DDDDDD;
}
.nutrition-info-wrap .editor-area {
  color: #757575;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}

.mobile-gift-list .sub-title {
  margin-bottom: 16px;
  padding-bottom: 16px;
}
.mobile-gift-list .form-check:not(:first-child) {
  margin-top: 16px;
}
.mobile-gift-list .form-check .check-wrapper {
  width: 100%;
}
.mobile-gift-list .form-check .check-wrapper .menu-price {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-left: auto;
}
.round-section:has(.mobile-gift-list) {
  min-height: calc(100vh - var(--noteListHeight) - var(--bottomFixedHeight) - 86px);
}

.myown-menu-wrap .form-item {
  margin-top: 24px;
}
.myown-menu-wrap .button-group-flex {
  margin-top: 26px;
}

.store-detail-wrap {
  padding-bottom: 76px;
}
.store-detail-wrap .store-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  margin-bottom: 24px;
}
.store-detail-wrap .store-info .store-img {
  overflow: hidden;
  position: relative;
  padding-top: 100%;
  height: 0;
}
.store-detail-wrap .store-info .store-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.store-detail-wrap .store-info .store-name-distance {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 8px;
  margin-top: 16px;
}
.store-detail-wrap .store-info .store-name-distance .store-name {
  font-size: 20px;
  line-height: 140%;
  letter-spacing: -0.5px;
  font-weight: 700;
  color: #444444;
}
.store-detail-wrap .store-info .store-name-distance .store-distance {
  margin-left: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 600;
  color: #444444;
}
.store-detail-wrap .store-info .store-address {
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  color: #757575;
}
.store-detail-wrap .store-info .store-warning {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  color: #FC604C;
}
.store-detail-wrap .store-info .map-api-area {
  height: 335px;
}
.store-detail-wrap .orderable-time {
  margin-top: 16px;
  padding-top: 16px;
}
.store-detail-wrap .orderable-time .title {
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
  color: #444444;
}
.store-detail-wrap .orderable-time .business-hours {
  margin-top: 8px;
}
.store-detail-wrap .orderable-time .business-hours li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0 8px;
}
.store-detail-wrap .orderable-time .business-hours li:not(:first-child) {
  margin-top: 2px;
}
.store-detail-wrap .orderable-time .business-hours li .division {
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  color: #757575;
}
.store-detail-wrap .orderable-time .business-hours li .time {
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  color: #444444;
}
.store-detail-wrap .orderable-time .business-hours li .temporary {
  color: #FC604C;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.store-detail-wrap .orderable-time .business-hours li .closed-days {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.store-detail-wrap .button-group-flex {
  margin-top: 32px;
}
.store-detail-wrap .button-group-flex .button-s {
  border-color: #EEEEEE;
  color: #999999;
}
.store-detail-wrap .button-group-flex .button-s.active {
  border-color: #444444;
  color: #444444;
}

.order-type-wrap {
  padding: 4px 0 0;
}
.order-type-wrap .title {
  font-size: 20px;
  line-height: 140%;
  letter-spacing: -0.5px;
  font-weight: 700;
  color: #222222;
}
.order-type-wrap .order-select-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 20px;
  margin-top: 20px;
}
.order-type-wrap .order-select-wrap > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.order-type-wrap .order-select-wrap .button-order-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px;
  background-color: #F5F5F5;
  border-radius: 8px 24px 8px 8px;
  width: 100%;
}
.order-type-wrap .order-select-wrap .button-order-type .type-text {
  margin-top: 16px;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
  color: #444444;
}
.order-type-wrap .order-select-wrap .button-order-type .question-text {
  margin-top: 8px;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  color: #757575;
  text-align: center;
}
.order-type-wrap .order-select-wrap .button-order-type .question-text.unable {
  color: #FC604C;
}
.bottom-sheet .order-type-wrap {
  padding-bottom: calc(env(safe-area-inset-bottom) + 32px);
}
.bottom-sheet .order-type-wrap .order-select-wrap {
  width: 100%;
  gap: 0 8px;
  margin-top: initial;
}
.bottom-sheet .order-type-wrap .button-order-type {
  border-radius: 8px;
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  padding: 20px 0;
  margin-top: initial;
  max-height: 168px;
}

.order-failed-wrap {
  padding-bottom: 86px;
  text-align: center;
}
.order-failed-wrap .store-favorite {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 24px;
  margin: 0 auto;
  min-width: 215px;
  border: 1px solid #EEEEEE;
  border-radius: 8px 24px 8px 8px;
}
.order-failed-wrap .store-favorite .store-text {
  margin-bottom: 12px;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
  color: #222222;
}
.order-failed-wrap .store-favorite .store-text .store-name {
  display: block;
}

.store-list-wrap > ul {
  border-top: 1px solid #EEEEEE;
}
.store-list-wrap > ul > li:not(:last-child) {
  border-bottom: 1px solid #EEEEEE;
}
.store-list-wrap > ul .accordion .accordion-button::after {
  right: 20px;
}
.store-list-wrap > ul .accordion.active .store-link-title {
  border-bottom: 1px solid #EEEEEE;
}
.store-list-wrap.line-reverse {
  margin-top: -16px;
  padding-bottom: 22px;
}
.store-list-wrap.line-reverse > ul {
  border-top: none;
  border-bottom: 1px solid #EEEEEE;
}
.store-list-wrap .store-name-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 0;
  width: 100%;
  color: #222222;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  text-align: left;
}
.store-list-wrap .store-name-select .store-name {
  color: #222222;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.store-list-wrap .store-name-select .num {
  margin-left: auto;
  color: #222222;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}

.store-link-cont .store-link-title {
  padding: 20px;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  color: #222222;
}
.store-link-cont ul {
  width: 100%;
  padding: 20px;
}
.store-link-cont ul > li:not(:first-child) {
  margin-top: 16px;
}
.store-link-cont .store-distance-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  color: #757575;
}
.store-link-cont .store-distance-list .store-distance {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-left: auto;
}

.stepper-cont {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  text-align: center;
  width: 50px;
  margin: 0 auto;
  white-space: nowrap;
  z-index: 1;
}
.stepper-cont .ico-dot {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0 auto;
}
.stepper-cont .ico-dot::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 24px;
  height: 24px;
  margin: 0 auto;
  border-radius: 2px;
  background-image: url("/assets/images/common/icon/ico24_stepper_off.svg");
  background-repeat: no-repeat;
  background-size: 4px 4px;
  background-position: center center;
}
.stepper-cont .status-text {
  display: block;
  margin-top: 4px;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  color: #999999;
}
.stepper-cont .status-time {
  display: block;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  color: #444444;
}
li.active .stepper-cont .ico-dot::before {
  background-image: url("/assets/images/common/icon/ico24_stepper_on.svg");
  background-color: var(--primary);
  background-size: 24px 24px;
  border-radius: 12px;
}
li.active .stepper-cont .status-text {
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 600;
  color: var(--primary);
}

.order-number .text {
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  color: #757575;
}
.order-number .number {
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  color: #444444;
}

.order-menu-cont.round-section {
  padding-top: 20px !important;
}
.order-menu-cont .current-change-cont {
  margin: 0 -20px 16px;
}

.terms-policy-cont .list-view-wrap {
  background-color: #EEEEEE;
}
.terms-policy-cont .list-view-wrap .title-text {
  padding: 0 0 15px;
}

.term-select-cont {
  padding-bottom: 80px;
}
.term-select-cont li:not(:first-child) {
  margin-top: 16px;
}
.term-select-cont li .term-select-list {
  position: relative;
  color: #757575;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  width: 100%;
  text-align: left;
}
.term-select-cont li.active .term-select-list {
  color: #222222;
}
.term-select-cont li.active .term-select-list::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  background: url("/assets/images/common/icon/ico_check_line_black_on.svg") no-repeat center/13px 9px;
}

.setting-period-wrap .option-menu {
  margin-bottom: 16px;
}
.setting-period-wrap .button-group-flex {
  margin-top: 24px;
}

.date-select-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 24px;
}
.date-select-wrap .date-input-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 12px 0 11px;
  gap: 0 8px;
  border-bottom: 1px solid #EEEEEE;
}
.date-select-wrap .date-input-wrap .form-input {
  width: 100%;
  color: #121619;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.date-select-wrap .date-input-wrap .form-input:disabled {
  color: #999999;
}
.date-select-wrap .date-input-wrap .button-date {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-left: 4px;
  height: 24px;
}
.date-select-wrap .gap-text {
  padding: 12px;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  color: #222222;
}

.induction-membership .induction-title {
  padding-bottom: 16px;
}
.induction-membership .induction-title .title {
  font-size: 20px;
  line-height: 140%;
  letter-spacing: -0.5px;
  font-weight: 700;
  color: #444444;
}
.induction-membership .induction-title .desc-text {
  margin-top: 8px;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  color: #757575;
}

.special-benefits-list {
  padding-bottom: 32px;
}
.special-benefits-list .sub-title {
  padding-top: 16px;
}
.special-benefits-list ul li:not(:first-child) {
  margin-top: 16px;
}
.special-benefits-list .icon-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 0 16px;
}
.special-benefits-list .icon-wrap .ico {
  width: 56px;
}
.special-benefits-list .icon-wrap .title-box {
  margin-bottom: 0;
}
.special-benefits-list .icon-wrap .title-box .title-text {
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
}
.special-benefits-list .icon-wrap .title-box .desc-text {
  margin-top: 4px;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  color: #757575;
}
.special-benefits-list .caption-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 16px;
  font-size: 12px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  color: #757575;
}

.menu-cart-wrap .amount-area {
  margin-top: 24px;
}
.menu-cart-wrap .amount-area .menu-price {
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
}
.menu-cart-wrap .amount-area .menu-price .num {
  font-size: 24px;
  line-height: 140%;
  letter-spacing: -0.5px;
  font-weight: 700;
}

.app-download .download-cont-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 16px;
  margin-bottom: 32px;
}
.app-download .download-cont-text .img {
  width: 80px;
}
.app-download .download-cont-text .text {
  font-size: 20px;
  line-height: 140%;
  letter-spacing: -0.5px;
  font-weight: 700;
  color: #444444;
}
.app-download .web-view-text {
  padding: 24px 0 20px;
  text-align: center;
}
.app-download .web-view-text .button-t {
  color: #757575;
}

.map-view {
  display: block;
  height: 100%;
  border: 1px solid #aaa;
}

.delivery-request-wrap {
  margin-top: -16px;
  padding-bottom: 32px;
}
.delivery-request-wrap .select-cont ul > li {
  border-bottom: 1px solid #EEEEEE;
}

.select-cont li {
  padding: 20px 0;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  text-align: left;
}
.select-cont li .select-list {
  position: relative;
  color: #222222;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  width: 100%;
  text-align: left;
}
.select-cont li.active .select-list::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  background: url("/assets/images/common/icon/ico_check_line_black_on.svg") no-repeat center/13px 9px;
}

.precaution-wrap .button-group-flex {
  margin-top: 32px;
}

.agree-list-cont ul {
  border-bottom: 1px solid #EEEEEE;
}
.agree-list-cont ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 8px;
  padding: 20px 0;
  border-top: 1px solid #EEEEEE;
}
.agree-list-cont ul li .form-check {
  overflow: hidden;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.agree-list-cont ul li .form-check .check-wrapper {
  width: calc(100% - 32px);
}
.agree-list-cont ul li .form-check .check-wrapper .check {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.agree-list-cont ul li .form-check .check-wrapper .txt {
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - 32px);
}
.agree-list-cont ul li .button-arrow {
  margin-left: auto;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.agree-list-cont .button-group-flex {
  margin-top: 32px;
}

.note-list-cont .list {
  margin-bottom: 24px;
}
.note-list-cont .list ul > li.dot-text {
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.note-list-cont .list ul > li.dot-text::before {
  top: 9px;
}
.note-list-cont .list ul > li.dot-text:not(:first-child) {
  margin-top: 24px;
}
.note-list-cont .list.prepaidcard .form-check .check-wrapper .txt {
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 400;
}
.note-list-cont .description-text {
  color: #757575;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 600;
}

.common.container .title-box {
  margin-bottom: 24px;
}

/* login */
.complete-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px 0 0;
  background-color: #FFFFFF;
}
.complete-wrap .text {
  margin-top: 26px;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  color: #757575;
  text-align: center;
}
.complete-wrap .text .title {
  display: block;
  padding-bottom: 8px;
  font-size: 20px;
  line-height: 140%;
  letter-spacing: -0.5px;
  font-weight: 700;
  color: #222222;
}
.complete-wrap + .button-group-flex {
  max-width: 288px;
  margin: 0 auto;
}
.order-complete-wrap .complete-wrap + .button-group-flex {
  margin-top: 24px;
}
.complete-wrap ~ .note-cont-wrap {
  margin-top: 16px;
}

.login-cont .title-box {
  padding-top: 12px;
}
.login-cont .title-box .title {
  font-size: 24px;
  line-height: 140%;
  letter-spacing: -0.5px;
  font-weight: 700;
}
.login-cont .form-wrap .form-item:not(:first-child) {
  margin-top: 12px;
}
.login-cont .form-check {
  padding-top: 16px;
}
.login-cont .button-group-flex {
  padding-top: 24px;
}
.login-cont .text-link {
  padding-top: 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.login-cont .text-link > a {
  color: #444444;
}

.password-modify-wrap .title-box .desc {
  padding-top: 12px;
}
.password-modify-wrap .form-wrap .form-item:not(:first-child) {
  margin-top: 24px;
}

.myinfo-wrap {
  position: relative;
}
.myinfo-wrap .list li {
  border-bottom: 1px solid #EEEEEE;
}
.myinfo-wrap .list li .title {
  color: #444444;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
}
.myinfo-wrap .bottom-fixed-cont {
  border-top: none;
}
.myinfo-wrap .login-link {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 56px;
}
.myinfo-wrap .login-link a {
  position: relative;
  display: inline-block;
  color: #444444;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.myinfo-wrap .login-link a:not(:first-child)::before {
  content: "";
  position: absolute;
  top: calc(50% - 6px);
  left: -8px;
  height: 12px;
  width: 1px;
  background-color: #CCCCCC;
}
.myinfo-wrap .login-link a ~ a {
  margin-left: 16px;
}
.content:has(.login-link) {
  min-height: 100vh;
  padding-bottom: 0;
}

.myinfo-box {
  border-top: 1px solid #EEEEEE;
  padding-top: 16px;
}
.myinfo-box .item-between-wrap .item-title {
  color: #757575;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.myinfo-box .item-between-wrap .item-desc {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  color: #444444;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.myinfo-box .item-between-wrap ~ .item-between-wrap {
  margin-top: 4px;
}

.sns-login {
  padding-top: 48px;
  text-align: center;
}
.sns-login .title {
  padding-bottom: 24px;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
}
.sns-login ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0 20px;
}
.sns-login .button-sns {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-size: 24px 24px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.sns-login .button-sns.kakao {
  background-image: url("/assets/images/common/icon/ico24_kakao.svg");
}
.sns-login .button-sns.naver {
  background-image: url("/assets/images/common/icon/ico24_naver.svg");
}
.sns-login .button-sns.google {
  background-image: url("/assets/images/common/icon/ico24_google.svg");
}
.sns-login .button-sns.apple {
  background-image: url("/assets/images/common/icon/ico24_apple.svg");
}
.sns-login .button-sns.kakao {
  background-color: #FEE500;
}
.sns-login .button-sns.google {
  border: 1px solid #CCCCCC;
}
.sns-login .button-sns.naver {
  background-color: #03C75A;
}
.sns-login .button-sns.google {
  border: 1px solid #CCCCCC;
}
.sns-login .button-sns.google {
  background-color: #FFFFFF;
}
.sns-login .button-sns.google {
  border: 1px solid #CCCCCC;
}
.sns-login .button-sns.apple {
  background-color: #222222;
}
.sns-login .button-sns.google {
  border: 1px solid #CCCCCC;
}
.sns-login .button-sns span {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

.withdrawal-cont .title-box {
  margin-bottom: 24px;
}
.withdrawal-cont .title-box .sub-title {
  margin-bottom: 8px;
}
.withdrawal-cont .title-box .desc {
  color: #757575;
}
.withdrawal-cont .form-wrap .form-item ~ .form-item {
  margin-top: 16px;
}
.withdrawal-cont .form-wrap .form-radio {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.withdrawal-cont .form-wrap ~ .caution-list {
  margin-top: 24px;
}
.withdrawal-cont .bottom-fixed-cont .form-check {
  padding: 2px 0 20px;
}
.withdrawal-cont .bottom-fixed-cont .form-check .check-wrapper .txt {
  color: #757575;
}

.caution-wrap .form-check {
  padding-top: 24px;
}

.caution-list .caution-title {
  display: block;
  padding-bottom: 8px;
  color: #444444;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
}
.caution-list ul li {
  color: #444444;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.caution-list ul li:not(:first-child) {
  padding-top: 8px;
}
.caution-list ~ .caution-list {
  padding-top: 24px;
}

.caution-cont-wrap {
  padding: 24px 0 0;
}
.caution-cont-wrap .caution-title {
  margin-bottom: 4px;
  color: #444444;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
}
.caution-cont-wrap .note-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #444444;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 600;
  line-height: 24px;
}
.caution-cont-wrap .note-title ~ .note-list {
  margin-top: 8px;
}
.caution-cont-wrap .dot-text {
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.caution-cont-wrap .dot-text::before {
  top: 9px;
}
.caution-cont-wrap .dot-text strong {
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 600;
}
.caution-cont-wrap .dot-text .line-text {
  position: relative;
  margin-top: 8px;
  padding-left: 13px;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.caution-cont-wrap .dot-text .line-text::before {
  content: "";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: absolute;
  top: 11px;
  left: 1px;
  width: 4px;
  height: 1px;
  background-color: #757575;
}

.withdrawal-confirm-cont .title-box {
  margin-bottom: 20px;
}
.withdrawal-confirm-cont .title-box .sub-title {
  margin-bottom: 8px;
}

/* join */
.join-cont .form-wrap .form-item ~ .form-item {
  margin-top: 24px;
}

.find-cont .find-wrap .title-box {
  margin-bottom: 24px;
}
.find-cont .find-wrap .title-box .label.line {
  margin-bottom: 4px;
}
.find-cont .find-wrap .title-box .sub-title {
  margin-bottom: 8px;
  color: #222222;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
}

.agree-wrap .sub-title {
  margin-bottom: 4px;
}
.agree-wrap .form-check .check-wrapper {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.agree-wrap .form-check .check-wrapper .txt {
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
}
.agree-wrap .form-check .check-wrapper .txt em {
  display: block;
  padding-top: 8px;
  color: #757575;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.agree-wrap .form-check.all-check {
  padding: 20px 20px 20px 0;
}
.agree-wrap .list-arrow-wrap {
  position: relative;
  padding: 19px 64px 20px 0;
  border-top: 1px solid #EEEEEE;
}
.agree-wrap .list-arrow-wrap .arrow-right-24 {
  width: 64px;
  height: 64px;
  position: absolute;
  top: 0;
  right: -20px;
  background: url("/assets/images/common/icon/ico24_arrow_right.svg") no-repeat center/24px 24px;
}
.agree-wrap .list-arrow-wrap .arrow-right-24 span {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

.terms-cont .sub-title {
  margin-bottom: 23px;
  color: #222222;
  font-size: 20px;
  line-height: 140%;
  letter-spacing: -0.5px;
  font-weight: 700;
}

.terms-wrap .terms-title {
  padding-bottom: 8px;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
}
.terms-wrap p {
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.terms-wrap .terms-list ~ .terms-list {
  margin: 24px 0;
}

/* common */
.setting-list-cont > ul > li:not(:first-child) {
  margin-top: 24px;
  padding-top: 24px;
}
.setting-list-cont.under-line {
  padding-bottom: 24px;
}
.content:has(.setting-list-cont) {
  min-height: 100vh;
}

.setting-cont-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  gap: 0 8px;
}
.setting-cont-wrap .setting-info .sub-title {
  margin-bottom: 0;
}
.setting-cont-wrap .setting-info .title-text {
  display: block;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
  color: #444444;
}
.setting-cont-wrap .setting-info .desc {
  display: block;
  padding-top: 16px;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  color: #757575;
}
.setting-cont-wrap .setting-info ~ .text {
  margin-left: auto;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  color: #444444;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.setting-cont-wrap .setting-info ~ .button-s {
  margin-left: auto;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.setting-cont-wrap:has(.button-s) .desc {
  padding-top: 8px;
}

.interworking-info {
  margin-top: 16px;
  width: 100%;
}
.interworking-info .info-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0 8px;
}
.interworking-info .info-wrap:not(:first-child) {
  margin-top: 4px;
}
.interworking-info .info-wrap .item-title {
  color: #757575;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.interworking-info .info-wrap .item-desc {
  color: #444444;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.interworking-info.id-info {
  padding-bottom: 24px;
}

.notification-cont .no-data .text {
  color: #222222;
}
.round-section:has(.notification-cont .no-data) {
  min-height: calc(100vh - 100px);
}

.notification-top {
  padding: 13px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: var(--secondary-03);
}
.notification-top .notification-text {
  color: #444444;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.notification-top .arrow-right-24 {
  margin-right: 0;
}
.notification-top .arrow-right-24 span {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

.notification-wrap {
  min-height: calc(100vh - 98px - var(--noteListHeight) - 8px);
}
.notification-wrap .list .notification-list {
  position: relative;
  padding: 24px 0;
  border-bottom: 1px solid #EEEEEE;
}
.notification-wrap .list .notification-list a {
  display: block;
}
.notification-wrap .list .notification-list .title-box {
  position: relative;
  padding-left: 32px;
  margin-bottom: 0;
}
.notification-wrap .list .notification-list .title-box .title-text::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background-image: url("/assets/images/common/icon/ioc24_alarm.svg");
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: contain;
}
.notification-wrap .list .notification-list .title-box .desc-text {
  margin-top: 4px;
}
.notification-wrap .list .notification-list .title-box .date-text {
  margin-top: 8px;
}
.notification-wrap .list .notification-list.latest .title-text::after {
  content: "";
  position: absolute;
  top: 3px;
  right: 3px;
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #FC604C;
}

.content:has(.inquiry-cont) {
  padding-bottom: calc(var(--bottomFixedHeight) - 40px);
}

.inquiry-cont .board-head .sub-title {
  margin-bottom: 8px;
}
.inquiry-cont .board-head .desc {
  color: #757575;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.inquiry-cont .operating-time {
  position: relative;
  margin-top: 24px;
  padding-left: 32px;
}
.inquiry-cont .operating-time::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background: url("/assets/images/common/icon/ico24_time.svg") no-repeat center/24px;
}
.inquiry-cont .operating-time strong {
  display: block;
  color: #222222;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 600;
}
.inquiry-cont .operating-time .text {
  padding-top: 5px;
  color: #757575;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}

.inquiry-view-wrap {
  min-height: calc(100vh - 263px - var(--bottomFixedHeight) + 40px);
  padding: 0;
  border-radius: 16px 16px 0 0;
}
.inquiry-view-wrap .inquiry-list .inquiry-wrap .inquiry-title {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
}
.inquiry-view-wrap .inquiry-list .desc-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.inquiry-view-wrap .inquiry-list .desc-wrap .date-text {
  color: #757575;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.inquiry-view-wrap .inquiry-list .inquiry-detail {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
.inquiry-view-wrap .inquiry-list .inquiry-detail .inquiry-detail-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.inquiry-write-wrap .form-item ~ .form-item {
  margin-top: 12px;
}

.event-list-wrap ul li:not(:first-child) {
  margin-top: 24px;
}

.event-cont-wrap {
  position: relative;
}
.event-cont-wrap .img-cont {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 8px;
}
.event-cont-wrap .text-wrap {
  margin-top: 12px;
}
.event-cont-wrap .text-wrap .subject-text {
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
  color: #222222;
}
.event-cont-wrap .text-wrap .date-text {
  margin-top: 8px;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  color: #757575;
}
.event-end .event-cont-wrap .img-cont::before {
  content: "종료";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  font-size: 28px;
  line-height: 140%;
  letter-spacing: -0.5px;
  font-weight: 700;
  color: #FFFFFF;
}

.error-cont-wrap .no-data {
  padding-bottom: 0;
}
.error-cont-wrap .no-data .title {
  font-size: 20px;
  line-height: 140%;
  letter-spacing: -0.5px;
  font-weight: 700;
}
.error-cont-wrap .button-group {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 24px;
}

.recommend-store-set .setting-cont {
  margin-bottom: 32px;
}
.recommend-store-set .setting-cont .join-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0 8px;
  margin-top: 12px;
}
.recommend-store-set .setting-cont .join-info .title-text {
  color: #757575;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.recommend-store-set .setting-cont .join-info .date-text {
  color: #444444;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.recommend-store-set .list-arrow-wrap {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-top: 1px solid #EEEEEE;
  border-bottom: 1px solid #EEEEEE;
}
.recommend-store-set .list-arrow-wrap .title {
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
}
.recommend-store-set .list-arrow-wrap .store-name {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  color: #000000;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 400;
}
.recommend-store-set .note-list {
  margin-top: 16px;
}

.app-download .app-download-cont {
  position: relative;
}
.app-download .app-download-wrap {
  position: absolute;
  top: 69%;
  left: 10px;
  right: 10px;
}
.app-download .app-download-wrap .button-group-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0 24px;
}
.app-download .app-download-wrap .button-group-flex .button-app-download {
  text-align: center;
}
.app-download .app-download-wrap .button-group-flex .button-app-download .img-cont {
  width: 76px;
  height: 76px;
  border: 1px solid #CCCCCC;
  border-radius: 16px;
}
.app-download .app-download-wrap .button-group-flex .button-app-download .text {
  margin-top: 4px;
  color: #757575;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  text-align: center;
}
.app-download .app-download-wrap .text-bottom {
  margin-top: 24px;
  padding-bottom: 56px;
  font-size: 24px;
  font-weight: 600;
  line-height: 140%;
  color: var(--primary);
  text-align: center;
}
.app-download .app-download-list .app-info-list {
  padding: 20px;
}
.app-download .app-download-list .app-info-list ul > li:not(:first-child) {
  margin-top: 20px;
}
.app-download .app-download-list .app-info-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0 20px;
  padding: 20px;
  background-color: #FFFFFF;
  border-radius: 16px;
}
.app-download .app-download-list .app-info-wrap .text-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px 0;
}
.app-download .app-download-list .app-info-wrap .text-cont .version-text {
  color: #444444;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.app-download .app-download-list .app-info-wrap .text-cont .title-text {
  color: #222222;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
}
.app-download .app-download-list .app-info-wrap .text-cont .date-text {
  color: #999999;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.app-download .app-download-list .app-info-wrap .icon-cont {
  width: 56px;
}
body:has(.app-info-list) {
  background-color: #EEEEEE;
}

.app-download .landing-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px 0;
  padding: 32px 32px 0;
  text-align: center;
}
.app-download .landing-wrap .title-wrap .landing-sub-title {
  color: var(--landing-title);
  font: 400 24px/1.4 "Pretendard", "sans-serif";
  letter-spacing: -0.5px;
}
.app-download .landing-wrap .title-wrap .landing-title-text {
  margin-top: 4px;
  color: var(--landing-title);
  font: 800 66px/1 "Pretendard", "sans-serif";
}
.app-download .landing-wrap .button-group-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0 24px;
}
.app-download .landing-wrap .button-group-flex .button-app-download .img-cont {
  width: 76px;
  height: 76px;
  border: 1px solid #CCCCCC;
  border-radius: 16px;
}
.app-download .landing-wrap .button-group-flex .button-app-download .store-type-text {
  display: block;
  margin-top: 4px;
  color: var(--landing-app-down-text);
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.app-download .landing-wrap .text-bottom {
  padding-bottom: 32px;
  color: var(--landing-bottom-text);
  font: 600 22px/1.4 "Pretendard", "sans-serif";
}
.app-download:has(.landing-wrap) .content {
  background: var(--landing-bg-img) no-repeat center top/100% auto;
}

.event-view {
  overflow: hidden;
  padding: 0 !important;
  border-radius: 16px !important;
}
.list-view-wrap .event-view .board-content {
  padding-bottom: 0;
}

.attendance-check {
  --event-primary:#1D70E8;
  --event-bg: #42B6FF;
  --event-attendance_disabled:#EEEEEE;
  --event-point-color: #ffda55;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.attendance-check .event-inner:not(:last-child) {
  margin-bottom: 16px;
}
.attendance-check .event-calender {
  position: relative;
  padding: 0 20px 56px;
  width: 100%;
  height: 100%;
  border-radius: 0 0 16px 16px;
  background-color: var(--event-bg);
}
.attendance-check .event-calender .calender-top {
  position: relative;
  padding: 13px 16px;
  height: 57px;
  background: var(--event-point-color);
  border-radius: 8px 8px 0 0;
  -webkit-box-shadow: inset 2px 4px 8px 0 rgb(248, 230, 166), inset -2px 0px 4px 0 rgb(225, 178, 6);
          box-shadow: inset 2px 4px 8px 0 rgb(248, 230, 166), inset -2px 0px 4px 0 rgb(225, 178, 6);
}
.attendance-check .event-calender .calender-top::before {
  left: 24px;
}
.attendance-check .event-calender .calender-top::after {
  right: 24px;
}
.attendance-check .event-calender .calender-top .calender-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.attendance-check .event-calender .calender-top .calender-title .title {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0;
}
.attendance-check .event-calender .calender-top .calender-title .calender-count-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 12px 5px;
  background-color: #fff;
  border-radius: 16px;
}
.attendance-check .event-calender .calender-top .calender-title .calender-count-text {
  color: #222222;
  font-size: 12px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.attendance-check .event-calender .calender-top .calender-title .calender-count {
  margin-left: 6px;
  margin-right: 1px;
  color: #222222;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 700;
}
.attendance-check .event-calender .calender {
  padding: 16px;
  border-radius: 0 0 16px 16px;
  background-color: #fff;
}
.attendance-check .event-calender .calender table thead th {
  width: 14.2857142857%;
  color: #999;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.5px;
  text-align: center;
}
.attendance-check .event-calender .calender table tbody td {
  position: relative;
  width: 14.2857142857%;
  height: 60px;
  font-size: 12px;
  text-align: center;
  vertical-align: top;
}
.attendance-check .event-calender .calender table tbody td span {
  display: block;
  height: 24px;
  line-height: 24px;
  letter-spacing: -0.5px;
}
.attendance-check .event-calender .calender table tbody td span::after {
  content: "";
  position: absolute;
  top: 24px;
  left: 50%;
  margin: 0 auto;
  width: 24px;
  height: 24px;
  font-size: 0;
  line-height: 0;
  border-radius: 50%;
  background: url("/assets/images/event/attendance/evt_attendance_disabled.svg") 0 0 no-repeat;
  background-color: var(--event-attendance_disabled);
  background-size: 24px 24px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.attendance-check .event-calender .calender table tbody td.checked span::after {
  border-radius: 100%;
  background-color: var(--event-primary);
  background-image: url("/assets/images/event/attendance/evt_attendance_checked.svg");
}
.attendance-check .button-group-flex .button-attendance-check {
  background-color: var(--event-primary);
}
.attendance-check .button-group-flex .button-attendance-check:disabled {
  background-color: #F5F5F5;
}
.attendance-check .attend-prize-list-wrap > ul > li {
  margin-top: 49px;
}
.attendance-check .attend-prize-list-wrap .prize-box {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  text-align: center;
  border-radius: 12px;
  background-color: #1A93DF;
}
.attendance-check .attend-prize-list-wrap .prize-box .prize-title {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: -17px;
  left: 50%;
  padding: 4px 20px;
  color: #0984D1;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 600;
  border: 2px solid #0984D1;
  border-radius: 26px;
  background-color: #fff;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.attendance-check .attend-prize-list-wrap .prize-box .prize-text-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 32px 24px;
  gap: 6px;
  color: #FFDF6A;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
}
.attendance-check .attend-prize-list-wrap .prize-box .prize-text {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
.attendance-check .attend-prize-list-wrap .prize-box .prize-num {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.attendance-check .attend-prize-list-wrap .prize-box .prize-num .count {
  display: inline-block;
  margin-right: 2px;
}

.event-bingo {
  background-color: #E7D8FF;
}

.bingo-wrap {
  padding: 0 20px 56px;
  max-width: 500px;
  margin: 0 auto;
  text-align: center;
}
.bingo-wrap .bingo-top {
  position: relative;
  padding: 13px 16px;
  height: 57px;
  background: #322A99;
  border-radius: 8px 8px 0 0;
  -webkit-box-shadow: inset 2px 4px 8px 0px rgba(255, 255, 255, 0.2), inset -2px 0px 4px 0px rgba(255, 255, 255, 0.2);
          box-shadow: inset 2px 4px 8px 0px rgba(255, 255, 255, 0.2), inset -2px 0px 4px 0px rgba(255, 255, 255, 0.2);
}
.bingo-wrap .bingo-top::before {
  left: 24px;
}
.bingo-wrap .bingo-top::after {
  right: 24px;
}
.bingo-wrap .bingo-top .bingo-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.bingo-wrap .bingo-top .bingo-title .title {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0;
  color: #fff;
}
.bingo-wrap .bingo-top .bingo-title .bingo-count-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 12px 5px;
  background-color: #fff;
  border-radius: 16px;
}
.bingo-wrap .bingo-top .bingo-title .bingo-count-text {
  color: #222222;
  font-size: 12px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.bingo-wrap .bingo-top .bingo-title .bingo-count {
  margin-left: 6px;
  margin-right: 1px;
  color: #222222;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 700;
}
.bingo-wrap .bingo-box {
  padding: 12px;
  border-radius: 0 0 24px 24px;
  background-color: #EF91C5;
}

.bingo-container {
  display: grid;
  grid-template-columns: repeat(3, 33.3333333333%);
  grid-template-rows: repeat(3);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fff;
  border-radius: 16px;
  padding: 15px;
}
.bingo-container .bingo {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  padding: 15px 0;
  width: 100%;
  height: auto;
  cursor: pointer;
  border-right: 2px solid #EEEEEE;
  border-bottom: 2px solid #EEEEEE;
}
.bingo-container .bingo:nth-child(3n) {
  border-right: none;
}
.bingo-container .bingo:nth-last-child(-n+3) {
  border-bottom: none;
}
.bingo-container .bingo .bingo-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  overflow: unset;
  margin: 0 auto;
}
.bingo-container .bingo span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 69px;
  height: 69px;
  border-radius: 69px;
}
.bingo-container .bingo span img {
  border-radius: 69px;
}
.bingo-container .bingo.on .bingo-button::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #EF91C5;
  background-image: url("/assets/images/event/bingo/bingo_sticker.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 69px 69px;
  border-radius: 69px;
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.bingo-container .bingo.on .bingo-item::before {
  content: "";
  display: none;
  position: absolute;
  top: -100%;
  left: calc(50% - 3.5px);
  width: 7px;
  height: 100%;
  background-color: #EF91C5;
}
.bingo-container .bingo.on .bingo-item::after {
  content: "";
  display: none;
  position: absolute;
  top: calc(50% - 3.5px);
  left: -100%;
  width: 100%;
  height: 7px;
  background-color: #EF91C5;
}
.bingo-container .bingo.on:nth-child(1) ~ .on:nth-child(2) .bingo-item::after, .bingo-container .bingo.on:nth-child(2) ~ .on:nth-child(3) .bingo-item::after, .bingo-container .bingo.on:nth-child(4) ~ .on:nth-child(5) .bingo-item::after, .bingo-container .bingo.on:nth-child(5) ~ .on:nth-child(6) .bingo-item::after, .bingo-container .bingo.on:nth-child(7) ~ .on:nth-child(8) .bingo-item::after, .bingo-container .bingo.on:nth-child(8) ~ .on:nth-child(9) .bingo-item::after, .bingo-container .bingo.on:nth-child(1) ~ .on:nth-child(4) .bingo-item::before, .bingo-container .bingo.on:nth-child(2) ~ .on:nth-child(5) .bingo-item::before, .bingo-container .bingo.on:nth-child(3) ~ .on:nth-child(6) .bingo-item::before, .bingo-container .bingo.on:nth-child(4) ~ .on:nth-child(7) .bingo-item::before, .bingo-container .bingo.on:nth-child(5) ~ .on:nth-child(8) .bingo-item::before, .bingo-container .bingo.on:nth-child(6) ~ .on:nth-child(9) .bingo-item::before {
  display: block;
}

.bingo-prize-list-wrap {
  background-color: #D5BBFF;
  padding: 0 0 56px;
}
.bingo-prize-list-wrap ul {
  padding: 0 20px;
}
.bingo-prize-list-wrap ul li {
  margin-top: 49px;
}
.bingo-prize-list-wrap ul li:first-child {
  margin-top: 17px;
}
.bingo-prize-list-wrap .prize-box {
  position: relative;
  background-color: #322A99;
  border-radius: 12px;
  text-align: center;
}
.bingo-prize-list-wrap .prize-box .prize-title {
  position: absolute;
  top: -17px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 2px solid #322A99;
  padding: 4px 20px;
  color: #322A99;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 600;
  background-color: #fff;
  border-radius: 26px;
}
.bingo-prize-list-wrap .prize-box .prize-text-wrap {
  padding: 32px 24px;
  gap: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #FFDF6A;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
}
.bingo-prize-list-wrap .prize-box .prize-text {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
.bingo-prize-list-wrap .prize-box .prize-num {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.bingo-prize-list-wrap .prize-box .prize-num .count {
  display: inline-block;
  margin-right: 2px;
}

.event-roulette {
  position: relative;
  width: 100%;
  border-radius: 0 0 16px 16px;
  background: url("/assets/images/event/roulette/roulette_bg.jpg") no-repeat 0 0/100%;
}
.event-roulette .roulette-title,
.event-roulette .roulette-howto {
  position: relative;
}
.event-roulette .roulette-howto {
  padding: 56px 0 48px;
}
.event-roulette .roulette-count-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 24px;
}
.event-roulette .roulette-count-wrap .roulette-count-text {
  color: #222222;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
}
.event-roulette .roulette-count-wrap .roulette-count {
  margin-right: 2px;
  margin-left: 6px;
  color: #542ACA;
  font-size: 24px;
  line-height: 140%;
  letter-spacing: -0.5px;
  font-weight: 700;
}

.roulette-wrap {
  position: relative;
}
.roulette-wrap::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 136px;
  height: 35px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.6)), color-stop(138.46%, rgba(0, 0, 0, 0)));
  background: linear-gradient(360deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 138.46%);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  filter: blur(30px);
  -webkit-filter: blur(30px);
}

.roulette {
  position: relative;
  margin: 0 auto;
  width: 89.06%;
  text-align: center;
  border-radius: 50%;
  background: #6DCDEC url("/assets/images/event/roulette/roulette_dot.svg") no-repeat 50% 50%/contain;
  z-index: 1;
}
.roulette::before {
  content: "";
  position: absolute;
  top: -4.19%;
  left: 50%;
  width: 11.07%;
  height: 15.11%;
  background: url("/assets/images/event/roulette/roulette_pin.png") no-repeat 50% 50%/cover;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
}
.roulette .roulette-img {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 3.59%;
}
.roulette .roulette-button {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  width: 33.33%;
  height: 33.33%;
  line-height: 0;
  border-radius: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.roulette .roulette-button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/assets/images/event/roulette/roulette_button.png") no-repeat 50% 50%/contain;
}
.roulette .roulette-button:disabled::before {
  background-image: url("/assets/images/event/roulette/roulette_button_disabled.png");
}
.roulette .roulette-button span {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

.roulette-canvas-wrap {
  position: relative;
  margin: 0 auto;
  text-align: center;
}
.roulette-canvas-wrap::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 136px;
  height: 35px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.6)), color-stop(138.46%, rgba(0, 0, 0, 0)));
  background: linear-gradient(360deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 138.46%);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  filter: blur(30px);
  -webkit-filter: blur(30px);
}
.roulette-canvas-wrap .roulette-button {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  width: 26.66%;
  max-width: 140px;
  height: 29.94%;
  max-height: 140px;
  line-height: 0;
  border-radius: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1;
}
.roulette-canvas-wrap .roulette-button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/assets/images/event/roulette/roulette_button.png") no-repeat 50% 50%/cover;
}
.roulette-canvas-wrap .roulette-button:disabled::before {
  background-image: url("/assets/images/event/roulette/roulette_button_disabled.png");
}
.roulette-canvas-wrap .roulette-button span {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

.roulette-canvas {
  position: relative;
  margin: 0 auto;
  padding: 12px;
  text-align: center;
  border-radius: 50%;
  background: #6DCDEC url("/assets/images/event/roulette/roulette_dot.svg") no-repeat 50% 50%/contain;
  z-index: 1;
}
.roulette-canvas::before {
  content: "";
  position: absolute;
  top: -4.19%;
  left: 44.315%;
  width: 11.37%;
  height: 15.26%;
  background: url("/assets/images/event/roulette/roulette_pin.png") no-repeat 50% 50%/contain;
  z-index: 1;
}
.roulette-canvas canvas {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  margin: 0 auto;
  width: 100%;
  height: auto;
  text-align: center;
  border-radius: 50%;
}

.round-section.event-view:has(.event-frequency) {
  padding: 32px 20px 20px !important;
}

.event-frequency .frequency-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
  margin: 32px 0 16px;
}
.event-frequency .title-box.inner-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
}
.event-frequency .title-box.inner-cont .right-cont {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-left: auto;
}
.event-frequency .title-box.inner-cont .sub-title {
  margin-bottom: 0;
}
.event-frequency .title-box.inner-cont .day-text {
  color: #222222;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
}
.event-frequency .editor-area {
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.event-frequency .editor-area strong {
  font-weight: 700;
}
.event-frequency .editor-area em {
  font-style: italic;
}
.event-frequency .editor-area table {
  width: 100% !important;
}
.event-frequency .editor-area img {
  margin: 0 auto;
  width: auto;
  max-width: 100%;
  height: auto !important;
}

.frequency-d-day .progress-total-day .progress-bar {
  position: relative;
  margin: 6px 0;
}
.frequency-d-day .progress-total-day .progress-bar .progress-bar-bg {
  display: block;
  width: 100%;
  height: 8px;
  background-color: #EEEEEE;
  border-radius: 3px;
}
.frequency-d-day .progress-total-day .progress-bar .progress-line {
  position: absolute;
  top: 0;
  left: 0;
  height: 8px;
  border-radius: 4px;
  background-color: var(--primary);
}
.frequency-d-day .progress-total-day .progress-bar .progress-num {
  position: absolute;
  top: 50%;
  right: -15px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 30px;
  height: 20px;
  border: 1px solid #FFFFFF;
  border-radius: 10px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #FFFFFF;
  font-size: 12px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 700;
}
.waiting .frequency-d-day .progress-total-day .progress-bar .progress-num {
  background-color: #EEEEEE;
}
.use .frequency-d-day .progress-total-day .progress-bar .progress-num {
  background-color: var(--primary);
}
.end .frequency-d-day .progress-total-day .progress-bar .progress-num {
  background-color: #999999;
}
.frequency-d-day .progress-total-day .progress-text-num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 2px;
}
.frequency-d-day .progress-total-day .progress-text-num .num {
  color: #999999;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}

.frequency-total-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0 15px;
  padding: 16px;
  border-radius: 8px;
  border: 1px solid #EEEEEE;
}
.frequency-total-box .frequency-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  width: calc((100% - 31px) / 2);
}
.frequency-total-box .frequency-type:not(:first-child)::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: -16px;
  width: 1px;
  height: 24px;
  background-color: #EEEEEE;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.frequency-total-box .frequency-type .icon {
  overflow: hidden;
  margin-right: 8px;
  width: 40px;
  height: 40px;
  background-color: #F5F5F5;
  border-radius: 50%;
}
.frequency-total-box .frequency-type .icon img {
  width: 40px;
  -o-object-fit: cover;
     object-fit: cover;
}
.frequency-total-box .frequency-type .text {
  margin-right: 4px;
  color: #757575;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.frequency-total-box .frequency-type .num {
  color: #222222;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 700;
}

.frequency-swiper {
  margin-top: 32px;
}
.frequency-swiper .swiper-slide {
  position: relative;
}
.frequency-swiper .swiper-pagination {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  gap: 0 4px;
  bottom: 88px;
  left: 0;
  right: 0;
  vertical-align: top;
}
.frequency-swiper .swiper-pagination .swiper-pagination-bullet {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  border: 1px solid #444444;
  background-color: #FFFFFF;
  opacity: 1;
}
.frequency-swiper .swiper-pagination .swiper-pagination-bullet-active {
  width: 16px;
  border-color: #000000;
  background-color: #000000;
}
.frequency-swiper .button-group-flex {
  margin-top: 32px;
}

.frequency-board-list {
  display: grid;
  grid-template-columns: repeat(5, 51px);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  row-gap: 20px;
  padding-bottom: 22px;
  width: 100%;
}
.frequency-board-list .frequency-img {
  width: 51px;
  height: 51px;
  overflow: hidden;
  background-color: #F5F5F5;
  border-radius: 50%;
}
.frequency-board-list .frequency-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.frequency-products .frequency-title {
  padding: 17px 32px 17px 0;
}
.frequency-products .frequency-detail {
  padding: 20px;
  border-top: 1px solid #EEEEEE;
  background-color: #F8F8F8;
  color: #222222;
}
.frequency-products .frequency-detail .title {
  display: block;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 600;
}
.frequency-products .frequency-detail .title:not(:first-child) {
  margin-top: 24px;
}
.frequency-products .frequency-detail .desc-text {
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}

.event-address .complete-wrap {
  padding-top: 52px;
}
.event-address .complete-wrap ~ .address-detail-cont {
  margin-top: 24px;
}
.event-address .address-detail-cont {
  margin-top: 32px;
  padding-bottom: 16px;
  border-bottom: 1px solid #EEEEEE;
  border-top: 1px solid #EEEEEE;
}
.event-address .address-detail-cont .form-item {
  margin-top: 16px;
}
.event-address .dot-text {
  margin-top: 12px;
}

.frequency-use .round-section:first-child {
  padding-top: 20px !important;
}
.round-section:has(.frequency-use-list) {
  min-height: calc(100vh - 182px);
  min-height: calc(100vh - 182px - var(--sat));
}

.frequency-use-list {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #EEEEEE;
}
.frequency-use-list ul > li:not(:first-child) {
  margin-top: 32px;
}

.frequency-use-wrap .title-text {
  color: #444444;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
}
.frequency-use-wrap .frequency-detail-cont {
  margin-top: 12px;
  padding: 12px 16px;
  border: 1px solid #EEEEEE;
  border-radius: 8px;
}
.frequency-use-wrap .frequency-detail-cont .item-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow: hidden;
}
.frequency-use-wrap .frequency-detail-cont .item-wrap .item-title {
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  color: #757575;
}
.frequency-use-wrap .frequency-detail-cont .item-wrap .item-value {
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  color: #444444;
}

.frequency-total-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 15px;
}
.frequency-total-detail .frequency-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 2px;
  position: relative;
}
.frequency-total-detail .frequency-type:not(:first-child)::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: -8px;
  width: 1px;
  height: 16px;
  background-color: #EEEEEE;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.frequency-total-detail .frequency-type .icon {
  overflow: hidden;
  width: 24px;
  height: 24px;
  background-color: #F5F5F5;
  border-radius: 50%;
}
.frequency-total-detail .frequency-type .icon img {
  width: 24px;
  -o-object-fit: cover;
     object-fit: cover;
}
.frequency-total-detail .frequency-type .text {
  margin-right: 4px;
  color: #757575;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.frequency-total-detail .frequency-type .num {
  color: #222222;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
}

.subscription-pass-wrap .title-box {
  margin-bottom: 0;
}
.subscription-pass-wrap .text-type p {
  color: #757575;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}

.subscription-cont {
  overflow: hidden;
  border-radius: 8px;
}
.subscription-cont.use {
  background-color: var(--primary);
}
.subscription-cont.use .subscription-type .type-text,
.subscription-cont.use .type-store-wrap .store-name strong {
  color: #FFFFFF;
}
.subscription-cont.waiting {
  background-color: #EEEEEE;
}
.subscription-cont.waiting .subscription-type .type-text,
.subscription-cont.waiting .type-store-wrap .store-name strong {
  color: #757575;
}
.subscription-cont.end {
  background-color: #999999;
}
.subscription-cont.end .subscription-type .type-text,
.subscription-cont.end .type-store-wrap .store-name strong {
  color: #FFFFFF;
}
.subscription-cont.completed .order-related-info .use-num {
  color: #FC604C;
}
.subscription-cont.available .order-related-info .use-num {
  color: #222222;
}

.type-store-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0 8px;
  padding: 12px 16px;
}
.type-store-wrap .subscription-type .type-text {
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.type-store-wrap .store-name {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 1px;
}
.type-store-wrap .store-name strong {
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}

.subscription-info-wrap {
  padding: 16px;
  background-color: #FFFFFF;
  border: 1px solid #EEEEEE;
  border-radius: 8px;
}
.subscription-info-wrap .order-related-info {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #EEEEEE;
}
.subscription-info-wrap .menu-wrap {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 20px;
}
.subscription-info-wrap .menu-wrap .img-wrap .menu-img {
  background-color: #F5F5F5;
}
.subscription-info-wrap .menu-wrap .menu-name .name-ko {
  white-space: unset;
}
.subscription-info-wrap .menu-wrap .use-total-num {
  margin-top: 4px;
  color: #999999;
  font-size: 12px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.subscription-info-wrap .menu-wrap .d-day {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 4px 10px;
  background-color: #222222;
  border-radius: 15px;
}
.subscription-info-wrap .menu-wrap .d-day .txt {
  color: #FFFFFF;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
  white-space: nowrap;
}

.subscription-list ul li:not(:first-child) {
  margin-top: 32px;
}
.tab-section .subscription-list {
  padding: 20px;
}
.round-section:has(.subscription-list) {
  overflow: hidden;
}

.subscription-list .swiper {
  overflow: visible;
}
.subscription-list .swiper .swiper-wrapper {
  position: relative;
}
.subscription-list .swiper .dot-indicator {
  position: relative;
  top: 0;
  bottom: 0;
  margin-top: 16px;
  font-size: 0;
  line-height: 0;
}

.benefits-received-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0 20px;
}
.benefits-received-cont .text-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.benefits-received-cont .text-wrap .title-text {
  color: #757575;
  font-size: 12px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.benefits-received-cont .text-wrap .total-price {
  color: #222222;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.benefits-received-cont .text-wrap .total-price .num {
  margin-right: 1px;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 700;
}
.benefits-received-cont ~ .subscription-cont {
  margin-top: 32px;
}
.benefits-received-cont .progress-total-benefits {
  width: 100%;
  max-width: 210px;
}
.benefits-received-cont .progress-total-benefits .progress-bar {
  position: relative;
  margin: 6px 0;
}
.benefits-received-cont .progress-total-benefits .progress-bar .progress-bar-bg {
  display: block;
  width: 100%;
  height: 8px;
  background-color: #EEEEEE;
  border-radius: 3px;
}
.benefits-received-cont .progress-total-benefits .progress-bar .progress-line {
  position: absolute;
  top: 0;
  left: 0;
  height: 8px;
  border-radius: 4px;
}
.waiting .benefits-received-cont .progress-total-benefits .progress-bar .progress-line {
  background-color: #EEEEEE;
}
.use .benefits-received-cont .progress-total-benefits .progress-bar .progress-line {
  background-color: var(--primary);
}
.end .benefits-received-cont .progress-total-benefits .progress-bar .progress-line {
  background-color: #999999;
}
.benefits-received-cont .progress-total-benefits .progress-bar .progress-num {
  position: absolute;
  top: 50%;
  right: -15px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 30px;
  height: 20px;
  border: 1px solid #FFFFFF;
  border-radius: 10px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #FFFFFF;
  font-size: 12px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 700;
}
.waiting .benefits-received-cont .progress-total-benefits .progress-bar .progress-num {
  background-color: #EEEEEE;
}
.use .benefits-received-cont .progress-total-benefits .progress-bar .progress-num {
  background-color: var(--primary);
}
.end .benefits-received-cont .progress-total-benefits .progress-bar .progress-num {
  background-color: #999999;
}
.benefits-received-cont .progress-total-benefits .progress-text-num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 2px;
}
.benefits-received-cont .progress-total-benefits .progress-text-num .num {
  color: #999999;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}

.payment-information .sub-title ~ .order-related-info {
  padding-top: 0;
}
.content:has(.payment-information) {
  padding-bottom: 40px;
}

.prepaidcard-cont .total-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 20px 20px 33px;
  padding: 16px;
  border: 1px solid #EEEEEE;
  border-radius: 8px;
}
.prepaidcard-cont .total-price .desc-title {
  color: #444444;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 400;
}
.prepaidcard-cont .total-price .price {
  color: #222222;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.prepaidcard-cont .total-price .price .num {
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 700;
}

.prepaidcard-wrap.swiper:has(.swiper-wrapper .swiper-slide:only-child) .swiper-wrapper {
  margin: 0 auto;
}
.prepaidcard-wrap.swiper:has(.swiper-wrapper .swiper-slide:only-child) .swiper-wrapper .button-group,
.prepaidcard-wrap.swiper:has(.swiper-wrapper .swiper-slide:only-child) .swiper-wrapper .text-wrap {
  opacity: 1;
  display: block;
}
.prepaidcard-wrap.swiper .button-group,
.prepaidcard-wrap.swiper .text-wrap {
  opacity: 0;
  display: none;
}
.prepaidcard-wrap .active .card-cont .card-info .text-wrap,
.prepaidcard-wrap .active .button-group,
.prepaidcard-wrap .swiper-slide-active .card-cont .card-info .text-wrap,
.prepaidcard-wrap .swiper-slide-active .button-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}

.prepaidcard-wrap .swiper-wrapper {
  width: 244px;
}
.prepaidcard-wrap .card-cont .card-info {
  text-align: center;
}
.prepaidcard-wrap .card-cont .card-info .card-img {
  overflow: hidden;
  position: relative;
  margin: 0 auto;
  border-radius: 8px;
  width: 244px;
}
.prepaidcard-wrap .card-cont .card-info .card-img:has(.button-card-add) {
  margin-bottom: 54px;
}
.prepaidcard-wrap .card-cont .card-info .cart-number,
.prepaidcard-wrap .card-cont .card-info .cart-use-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0 8px;
  margin: 8px auto 0;
  width: 244px;
  color: #999999;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.prepaidcard-wrap .card-cont .card-info .card-name-amount {
  margin-top: 24px;
  text-align: center;
}
.prepaidcard-wrap .card-cont .card-info .card-name-amount .card-name {
  color: #757575;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.prepaidcard-wrap .card-cont .card-info .card-name-amount .card-amount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 2px;
  color: #222222;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
}
.prepaidcard-wrap .card-cont .card-info .card-name-amount .card-amount .num {
  font-size: 24px;
  line-height: 140%;
  letter-spacing: -0.5px;
  font-weight: 700;
}
.prepaidcard-wrap .card-cont .card-info .text-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 24px;
}
.prepaidcard-wrap .card-cont .card-info .text-wrap .text {
  color: #222222;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.prepaidcard-wrap .card-cont.expire .card-info .card-img .text-expire {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  color: #FFFFFF;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
}
.prepaidcard-wrap .button-group {
  position: relative;
  margin-top: 24px;
  width: 100%;
  height: 56px;
}
.prepaidcard-wrap .button-group .button-inner-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: absolute;
  left: 50%;
  margin: 0 auto;
  width: 335px;
  min-height: 64px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.prepaidcard-wrap .button-card-add {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 244px;
  height: 154px;
  border: 1px dashed #DDDDDD;
  background-color: #F8F8F8;
  border-radius: 8px;
}
.prepaidcard-wrap .button-card-add span {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute;
}
.prepaidcard-wrap .button-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  margin: 0 auto;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.prepaidcard-wrap .button-icon:not(:first-child)::before {
  content: "";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 64px;
  background-color: #F5F5F5;
}
.prepaidcard-wrap .button-icon span {
  margin-top: 2px;
  color: #444444;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.prepaidcard-wrap .button-icon.disabled .ico, .prepaidcard-wrap .button-icon:disabled .ico {
  -webkit-filter: opacity(0.44);
          filter: opacity(0.44);
}
.prepaidcard-wrap .button-icon.disabled span, .prepaidcard-wrap .button-icon:disabled span {
  color: #CCCCCC;
}

.prepaidcard-pay.line {
  margin-top: 16px;
  padding-top: 16px;
}
.prepaidcard-pay .title-box.inner-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0 8px;
  position: relative;
  margin-bottom: 16px;
}
.prepaidcard-pay .title-box.inner-price .sub-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 2px;
  margin-bottom: 0;
}
.prepaidcard-pay .title-box.inner-price .sub-title .ico {
  margin-right: 0;
}
.prepaidcard-pay .title-box.inner-price .price {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.prepaidcard-pay .title-box.inner-price .price .num {
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 700;
}

.withdrawal-prepaidcard .button-group {
  margin-top: 24px;
}

.regist-from-cont .form-wrap .form-item:not(:first-child) {
  margin-top: 16px;
}
.regist-from-cont .form-wrap .form-item:first-child {
  margin-top: 0;
}
.regist-from-cont .list {
  margin: 16px 0 32px;
}
.regist-from-cont .list ul li {
  border-top: 1px solid #EEEEEE;
  border-bottom: 1px solid #EEEEEE;
}
.regist-from-cont .list .title {
  color: #444444;
}

.popup-body:has(.barcoce-list-cont) {
  padding-top: 0;
}

.barcoce-list-cont .list {
  margin-bottom: 32px;
  border-bottom: 1px solid #EEEEEE;
}

.prepaidcard-use-cont .use-change {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  gap: 0 8px;
  margin-bottom: 12px;
}
.prepaidcard-use-cont .use-change::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -12px;
  left: -20px;
  r: -20px;
  width: calc(100% + 40px);
  height: 1px;
  background-color: #EEEEEE;
}
.prepaidcard-use-cont .use-change .card-title {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 8px;
  color: #444444;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.prepaidcard-use-cont .use-change .button-s {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.prepaidcard-use-cont .use-change ~ .prepaidcard-use-list {
  padding-top: 20px;
}
.prepaidcard-use-cont .prepaidcard-use-list ul li:not(:first-child) {
  margin-top: 32px;
}
.prepaidcard-use-cont .prepaidcard-use-list .use-type-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 8px;
  margin-bottom: 12px;
}
.prepaidcard-use-cont .prepaidcard-use-list .use-type-title .title {
  color: #444444;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
}
.prepaidcard-use-cont .prepaidcard-use-list .use-type-title .button-s {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.prepaidcard-use-cont .prepaidcard-use-list .use-type-title .price {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-left: auto;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.prepaidcard-use-cont .prepaidcard-use-list .use-type-title .price .num {
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: 600;
}
.prepaidcard-use-cont .prepaidcard-use-list .use-info-cont {
  padding: 12px 16px;
  border: 1px solid #EEEEEE;
  border-radius: 8px;
}
.prepaidcard-use-cont .prepaidcard-use-list .use-info-cont .info-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0 8px;
}
.prepaidcard-use-cont .prepaidcard-use-list .use-info-cont .info-wrap:not(:first-child) {
  margin-top: 2px;
}
.prepaidcard-use-cont .prepaidcard-use-list .use-info-cont .info-wrap .title {
  color: #757575;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
.prepaidcard-use-cont .prepaidcard-use-list .use-info-cont .info-wrap .desc {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-left: auto;
  color: #444444;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}

.object-wrap.prepaidcard {
  margin-bottom: 12px;
}
.object-wrap.prepaidcard .desc-title {
  margin-bottom: 12px;
  color: #444444;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 400;
}
/*# sourceMappingURL=style.css.map */