@charset "UTF-8";
.v-sub-header {
  --v-site-header-position: relative;
}
.body-scroll-up .v-sub-header {
  --v-site-header-position: sticky;
}
.v-sub-header.v-sub-header--transparent {
  --v-site-header-position: sticky;
}

.v-bottom-bar--auto-hide {
  transition: transform 0.5s;
}
.body-scroll-down .v-bottom-bar--auto-hide {
  transform: translate(0, 100%);
  transition-delay: 0.1s;
}

.v-floating-buttons {
  transition: transform 0.3s ease-in-out, bottom 0.3s ease-in-out;
}

:root {
  --safe-bottom: env(safe-area-inset-bottom, 0px);
}

:root:has(.shopping-bag__footer:not(.deactive)) .v-floating-buttons {
  --v-floating-bottom: 116px;
}
:root:has(.shopping-bag__footer.deactive) .v-floating-buttons, :root:has(.shopping-bag__footer.zero) .v-floating-buttons {
  --v-floating-bottom: 76px;
}
:root:has(.v-bottom-bar--auto-hide) .body-scroll-down .v-floating-buttons {
  --v-floating-bottom: 20px;
}

:-webkit-full-screen {
  pointer-events: auto;
}

:fullscreen {
  pointer-events: auto;
}

.ee-contents {
  --visible-header-height: 0;
  --header-height: 56px;
}
.body-scroll-up .v-sub-header ~ .ee-contents {
  --visible-header-height: 56px;
}
.jaju-header ~ .ee-contents {
  --header-height: 56px;
}
.jaju-header.has-banner ~ .ee-contents {
  --header-height: 106px;
}
.jaju-header:not(.is-hidden) ~ .ee-contents {
  --visible-header-height: 56px;
}
.jaju-header.has-banner:not(.is-hidden) ~ .ee-contents {
  --visible-header-height: 106px;
}

.category-product-list .v-sub-header,
.category-product-list .jaju-header:not(.is-hidden) {
  position: relative;
}

.swiper-slide {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

html {
  font-size: 2.6667vw;
}
html.pc body {
  position: relative;
  min-height: 100vh;
  background-color: #fff;
}
html.ios body {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  box-sizing: border-box;
  -webkit-touch-callout: none;
}
html.ios .siv-popup.transparent .popup__content {
  height: calc(var(--vh, 1vh) * 100);
}
html.ios .siv-popup.popup-poto-review_detail .popup__content {
  -webkit-overflow-scrolling: touch;
}
html.ios .flip_clock .text {
  line-height: 68px;
}
html.ios .flip_clock .bottom .text {
  line-height: 8px;
}
html .ee-contents {
  min-height: calc(100vh - 112px);
}
html .ee-contents.auto {
  min-height: auto;
}
html .gold {
  color: #d99c63;
}
html .warning {
  color: #ee230d;
}
html .gray600 {
  color: #949494;
}
html .black {
  color: #000;
}
html .no-margin {
  margin: 0;
}

body,
html {
  position: relative;
  min-height: 100%;
}

html.overflow-hidden,
body.overflow-hidden {
  height: 100%;
  min-height: 100%;
  overflow: hidden !important;
}

@media screen and (max-width: 425px) {
  small {
    transform: scale(0.8);
  }
}
.ee_loading {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.7) url(../image/loading.gif) 50% 50%/30px 30px no-repeat;
  z-index: 5000;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 0;
}

.hidden {
  display: none;
}

.header.header-popup {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 56px;
  background-color: #fff;
  box-sizing: border-box;
  z-index: 11;
  min-width: auto;
}
.header-popup__title {
  width: calc(100% - 110px);
  font-size: 18px;
  font-weight: 500;
  color: #131922;
  text-align: center;
  line-height: 26px;
}
.header-popup__title img {
  max-width: 170px;
  max-height: 35px;
}
.header-popup__title em {
  color: #787878;
}
.siv-popup.transparent .header-popup {
  position: fixed;
  background-color: transparent;
  z-index: 150;
}
.siv-popup.transparent .header-popup * {
  filter: invert(1);
}
.siv-popup.transparent .popup__content {
  position: relative;
  height: calc(var(--vh, 1vh) * 100);
}

.header-popup__btn {
  position: absolute;
  top: 12px;
  display: block;
  width: 32px;
  height: 32px;
  box-sizing: border-box;
  background-size: cover;
  background-repeat: no-repeat;
  font-size: 0;
}
.popup-mini .header-popup__btn {
  width: 20px;
  height: 20px;
}

.header-popup__btn.back {
  font-size: 0;
  overflow: hidden;
  text-indent: -9999px;
  left: 16px;
  background-image: url(../image/icon_arrow_left.svg);
}
.header-popup__btn.close {
  font-size: 0;
  overflow: hidden;
  text-indent: -9999px;
  right: 16px;
  background: url(../image/04IconClose.svg) no-repeat center/cover;
}
.header-popup__btn.center {
  top: 50%;
  transform: translateY(-50%);
}

.gray-bar {
  height: 8px;
  background: #f0f0f0;
}

.gnb-small {
  position: relative;
  margin-bottom: 8px;
  overflow: auto;
}
.gnb-small__wrap {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  height: 48px;
  padding: 0 24px;
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
}
.gnb-small__btn {
  flex-shrink: 0;
  max-width: 320px;
  font-size: 16px;
  color: #929292;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.gnb-small__btn + .gnb-small__btn {
  margin-left: 18px;
}
.gnb-small__btn.on {
  color: #131922;
}
.gnb-small .show-hide {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 42%, white 100%);
  border: none;
}
.gnb-small .show-hide span.arrow-down, .gnb-small .show-hide span.arrow-up {
  display: block;
  width: 16px;
  height: 16px;
  background: url(../image/Icon_ArrowDown.svg) no-repeat center/contain;
}
.gnb-small .show-hide span.arrow-down {
  transform: rotate(0deg);
}
.gnb-small .show-hide span.arrow-up {
  transform: rotate(180deg);
}
.gnb-small .show-hide span.refresh {
  display: block;
  width: 32px;
  height: 32px;
  background: url(../image/icon_filters_refresh.svg) no-repeat center/contain;
}

.siv-membership-popup .toast__close {
  padding-bottom: 20px;
}

.bottom_bar__membership {
  height: auto;
  padding: 0 30px 24px;
  background-color: #fff;
  box-sizing: border-box;
}
.bottom_bar__membership-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bottom_bar__membership-info-name {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 24px;
  color: #000;
  white-space: nowrap;
}
.bottom_bar__membership-info-name .membership-badge {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
  margin-right: 8px;
}
.bottom_bar__membership-info-name .membership-badge.diamond-class {
  background-image: url(../image/badge_diamond.png);
}
.bottom_bar__membership-info-name .membership-badge.platinum-class {
  background-image: url(../image/badge_platinum.png);
}
.bottom_bar__membership-info-name .membership-badge.gold-class {
  background-image: url(../image/badge_gold.png);
}
.bottom_bar__membership-info-name .membership-badge.silver-class {
  background-image: url(../image/badge_silver.png);
}
.bottom_bar__membership-info-name .membership-badge.bronze-class {
  background-image: url(../image/badge_bronze.png);
}
.bottom_bar__membership-info-name .membership-badge.family-class {
  background-image: url(../image/badge_family.png);
}
.bottom_bar__membership-info-name .membership-badge.welcome-class {
  background-image: url(../image/badge_welcome.png);
}
.bottom_bar__membership-info-name span {
  font-weight: bold;
}
.bottom_bar__membership-info-point {
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  color: #000;
}
.bottom_bar__membership-barcode img,
.bottom_bar__membership-barcode svg {
  width: 100%;
}
.bottom_bar__membership-number {
  text-align: center;
}
.bottom_bar__membership-number p {
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 4px;
  color: #929292;
}
.bottom_bar__membership-login-text {
  margin-bottom: 22px;
  font-size: 16px;
  line-height: 24px;
  color: #000;
  text-align: center;
}
.bottom_bar__membership-login-btn {
  width: 100%;
  padding: 14px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #131922;
  color: #fff;
}

.hide-scroll {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.hide-scroll::-webkit-scrollbar {
  display: none;
}

.popup-bg {
  position: fixed;
  display: none;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 145;
  background-color: rgba(0, 0, 0, 0.64);
  opacity: 0;
  transition: opacity 1s;
  touch-action: pan-x;
}
.popup-bg.active {
  opacity: 1;
  display: block;
}
.popup-bg.lower {
  z-index: 110;
}

.section-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 56px;
  margin-bottom: 16px;
  padding: 0 24px;
  box-sizing: border-box;
}
.section-head__title {
  font-size: 22px;
  line-height: 40px;
  color: #131922;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.section-head__title.white {
  color: #fff;
}
.section-head__title span {
  font-size: 24px;
}
.section-head .arrow-right {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  background: url(../image/icon_thin_arrow_right_24.png) no-repeat center/contain;
}
.section-head .arrow-right.white {
  background: url(../image/05Icon32PxBxArrowRight.png) no-repeat center/contain;
}

.product {
  overflow-x: auto;
  overflow-y: hidden;
}
.product__list {
  display: flex;
  flex-wrap: nowrap;
  padding: 0 24px;
}
.product__list.thumb-1 .product__item {
  width: 100%;
}
.product__list.thumb-1 .product__item-recommend.active {
  display: none;
}
.product__list.thumb-1 .product__data__color--wrap {
  width: 24px;
  height: 24px;
}
.product__list.thumb-1 .product__data__color--wrap img,
.product__list.thumb-1 .product__data__color--wrap span {
  width: 20px;
  height: 20px;
}
.product__list.thumb-2 .product__item {
  width: calc(50% - 4.5px);
}
.product__list.thumb-3 .product__item {
  width: calc(50% - 43px);
  padding-right: 8px;
  margin-bottom: 28px;
}
.product__list.thumb-3 .product__item:last-child {
  padding-right: 24px;
}
.product__list.thumb-3 .product__item .product__data-brand {
  word-break: keep-all;
}
.product__list.thumb-4 {
  justify-content: flex-start;
}
.product__list.thumb-4 .like-btn,
.product__list.thumb-4 .product__bedge-wrap,
.product__list.thumb-4 .sold-out,
.product__list.thumb-4 .icon-camera,
.product__list.thumb-4 .product__data,
.product__list.thumb-4 .product__data__color,
.product__list.thumb-4 .product__data__delivery {
  display: none;
}
.product__list.thumb-4 .product__item {
  width: 25%;
  margin-bottom: 2px;
  padding: 0 1px;
  box-sizing: border-box;
}
.product__list.thumb-4 .product__item-recommend.active {
  display: none;
}
.product__list.thumb-4 .product__info {
  display: none;
}
.product__list.thumb-4 .product__mktbedge {
  display: none;
}
.product__list.thumb-4 .product__info__color {
  display: none;
}
.product__list.thumb-4 .product__info__delivery {
  display: none;
}
.product__list.type-w80px .product__item {
  width: 80px;
}
.product__list.square_type .product__thum a {
  padding-top: 100%;
}
.product__list.square_type .product__thum a.icon-camera {
  padding: 0;
}
.product__list.square_type .product__thum img {
  width: auto;
  height: 100%;
}
.product__item {
  position: relative;
  width: 15.9rem;
  flex-shrink: 0;
  padding-right: 8px;
  box-sizing: content-box;
  min-width: 0;
}
.product__item:last-child {
  padding-right: 24px;
}
.product__item.type_v {
  display: flex;
  align-items: center;
  width: 100%;
  padding-right: 0;
}
.product__item.type_v .product__thum {
  width: 5.6rem;
  height: 8.4rem;
  background-color: #f8f8f8;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product__item.type_v .product__thum img {
  max-width: 100%;
  max-height: 100%;
  mix-blend-mode: multiply;
  width: auto;
}
.product__item.type_v .product__data {
  width: calc(100% - 5.6rem - 8px);
  padding: 0 0 0 8px;
}
.product__item.type_v .product__data .product__data-price {
  font-weight: bold;
  display: flex;
}
.product__item.type_v.type_mini .product__thum {
  width: 38px;
  height: 38px;
}
.product__item.type_v.type_mini .product__thum::before {
  display: none;
}
.product__item.type_v.type_mini .product__data {
  width: calc(100% - 38px);
}
.product__item.type_v.type_mini .product__data-name {
  margin: 0;
  letter-spacing: -1px;
  white-space: normal;
  -webkit-line-clamp: 1;
}
.product__item.type_v.type_mini .product__data-price {
  font-weight: bold;
}
.product__thum {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.product__thum.short a {
  padding-top: 100%;
}
.product__thum.short img {
  width: auto;
  height: 100%;
}
.product__thum .ranking {
  position: absolute;
  width: 24px;
  height: 30px;
  top: 0;
  left: 0;
  padding-top: 4px;
  line-height: 16px;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  color: #fff;
  letter-spacing: 0;
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 2;
  background: url(../image/ranking_gray_2.svg) no-repeat center/cover;
}
.product__thum .ranking-gold {
  background: url(../image/ranking_gold_2.svg) no-repeat center/cover;
}
@-webkit-keyframes like-on {
  0% {
    transform: scale(1);
  }
  60% {
    transform: scale(1.4);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes like-on {
  0% {
    transform: scale(1);
  }
  60% {
    transform: scale(1.4);
  }
  100% {
    transform: scale(1);
  }
}
.like-btn.on {
  -webkit-animation: like-on 1s;
          animation: like-on 1s;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
}

.product__thum .remove {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 8px;
  right: 8px;
  z-index: 10;
  background: url(../image/icon_close_black.svg) no-repeat center/cover;
}
.product__thum .like-btn {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 10;
}
.product__thum a, .product__thum .no-click {
  display: flex;
  width: 100%;
  padding-top: 150%;
  align-items: center;
  justify-content: center;
}
.product__thum a::after, .product__thum .no-click::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.03);
}
.product__thum a img, .product__thum .no-click img {
  width: 100%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.product__thum .tooltip {
  position: absolute;
  left: 4px;
  bottom: 0rem;
  z-index: 2;
}
.product__thum .icon-camera {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 10;
  width: 32px;
  height: 32px;
  padding: 0;
}
.product__thum .icon-camera::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background: url(../image/icon_camera.svg) no-repeat center/cover;
}
.product__mktbedge {
  position: absolute;
  top: 6px;
  left: 6px;
  width: 40px;
  height: 40px;
  background-color: #747474;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 20px;
}
.product .sold-out {
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 3.9rem;
  font-size: 14px;
  color: #fff;
  line-height: 3.9rem;
  padding-left: 10px;
  background-color: rgba(0, 0, 0, 0.35);
  box-sizing: border-box;
}
.product__bedge-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
}
.product__bedge-wrap::after {
  content: "";
  display: block;
  clear: both;
}
.product__bedge {
  float: left;
  padding: 0 4px;
  font-size: 8px;
  font-weight: 500;
  letter-spacing: 0.53px;
  line-height: 20px;
  color: #fff;
  text-transform: uppercase;
}
.product__bedge.product__bedge {
  color: #fff;
}
.product__bedge.gray {
  background-color: #929292;
}
.product__bedge.black, .product__bedge.best {
  background-color: #141a23;
}
.product__bedge.gold {
  background-color: #8c7571;
}
.product__bedge.exclusive {
  background-color: #d99c63;
}
.product__bedge.soldout {
  background-color: #c8c8c8;
}
.product__data {
  display: block;
  padding: 16px 8px;
}
.product__data-price, .product__data-release {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product__data-brand {
  width: 100%;
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  letter-spacing: -0.08px;
  color: #000;
  overflow: hidden;
}
.product__data-brand em {
  font-weight: inherit;
  color: #d99c63;
}
.product__data-name {
  width: 100%;
  margin-bottom: 2px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.06px;
  color: #404040;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.product__data-name em {
  font-weight: inherit;
  color: #d99c63;
}
.product__data-option {
  width: 100%;
  margin-bottom: 2px;
  font-size: 12px;
  line-height: 18px;
  color: #787878;
}
.product__data-price {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.06px;
  color: #000;
  gap: 1px 5px;
}
.product__data-price .origin {
  color: #a0a0a0;
}
.product__data-price--bold {
  margin-right: 4px;
  font-weight: bold;
  color: #131922;
}
.product__data-price--gray {
  margin-right: 8px;
  color: #a0a0a0;
}
.product__data-release {
  margin-top: 8px;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  letter-spacing: 0;
  color: #d99c63;
}
.product__data-ranking {
  display: flex;
  width: 27px;
  height: 20px;
  margin-bottom: 12px;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  line-height: 2px;
  color: #fff;
  background: url(../image/common_ranking_other_bg.svg) no-repeat center/contain;
}
.product__data-ranking.gold {
  color: #fff;
  background: url(../image/common_ranking_first_bg.svg) no-repeat center/contain;
}
.product__data-rating {
  display: flex;
  align-items: center;
  margin-top: 8px;
}
.product__data-rating img {
  display: inline-block;
  width: 16px;
  height: 16px;
}
.product__data-rating span {
  display: inline-block;
  font-size: 12px;
  line-height: 14px;
}
.product__data-rating .point {
  margin-left: 4px;
  color: #000;
}
.product__data-rating .number {
  margin-left: 2px;
  color: #929292;
}
.product__data.white .product__data-name {
  color: #fff;
}
.product__data.white .product__data-price {
  color: #fff;
}
.product__item:first-of-type .product__info-ranking {
  background: url(../image/ranking_gold.svg) no-repeat center/cover;
}
.product__more {
  flex-shrink: 0;
  width: 15.9rem;
  padding-right: 24px;
}
.product__more-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 15.9rem;
  height: 23.8rem;
  background-color: #f8f8f8;
  overflow: hidden;
}
.product__more-link {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.product__more-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  border: 1px solid #e0e0e0;
  background: #fff;
}
.product__more-icon img {
  width: auto;
}
.product__more-text {
  margin-top: 17px;
  color: #141a23;
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
}
.product.white .product__item * {
  color: #fff;
}
.product.no-scroll .product__list {
  flex-wrap: wrap;
  justify-content: space-between;
}
.product.no-scroll .product__item {
  width: calc(50% - 4.5px);
  padding-right: 0;
  margin-bottom: 20px;
}

.whats-on__swiper {
  margin-bottom: 48px;
}
.whats-on__swiper .swiper-scrollbar {
  display: none;
}
.whats-on__swiper .swiper-scrollbar.swiper-pagination-progressbar {
  display: block;
  position: relative;
  width: calc(100% - 48px);
  left: 24px;
  height: 4px;
  margin: 18px 0;
}
.whats-on__slide {
  display: flex;
  flex-flow: column wrap;
}
.whats-on__thum {
  position: relative;
  display: flex;
  width: 100%;
  height: 0;
  padding-top: 111.75%;
  margin-bottom: 16px;
  justify-content: center;
  overflow: hidden;
}
.whats-on__thum > a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.whats-on__thum > a img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.whats-on__thum-list {
  position: absolute;
  display: flex;
  left: 16px;
  right: 16px;
  bottom: 20px;
}
.whats-on__thum-list.square .whats-on__thum-item {
  padding-top: calc(20% - 7px);
}
.whats-on__thum-list.square .whats-on__thum-item img {
  max-width: 100%;
  max-height: 100%;
}
.whats-on__thum-item {
  position: relative;
  display: flex;
  width: calc(20% - 7px);
  height: 0;
  padding-top: calc(30% - 10px);
  align-items: center;
  background-color: #fff;
}
.whats-on__thum-item > a {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.whats-on__thum-item img {
  max-width: 100%;
  max-height: 100%;
  mix-blend-mode: multiply;
}
.whats-on__thum-item ~ .whats-on__thum-item {
  margin-left: 9px;
}
.whats-on__text {
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.whats-on__text-wrap {
  display: block;
  width: 100%;
  padding-bottom: 16px;
}
.whats-on__text.text-1 {
  margin-bottom: 6px;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 0.4px;
  color: #141a23;
}
.whats-on__text.text-2 {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #404040;
}

.brand-index__letter {
  margin-bottom: 16px;
}
.brand-index__letter.recommend {
  margin-top: 20px;
}
.brand-index__title {
  width: calc(100% - 48px);
  margin: 0 auto 9px;
  line-height: 48px;
  font-size: 16px;
  font-weight: bold;
  color: #141a23;
  letter-spacing: 0.4px;
  border-bottom: 1px solid #f0f0f0;
}
.brand-index__title img {
  width: 24px;
  height: 24px;
}
.brand-index__title.like-icon {
  background: url(../image/icon_heart_light_on.svg) no-repeat left center/24px;
}
.brand-index__list {
  padding: 0 24px;
}
.brand-index__item {
  display: flex;
  align-items: flex-start;
  padding: 20px 0;
}
.brand-index__item-ranking {
  display: flex;
  width: 27px;
  height: 20px;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #fefefe;
  background: url(../image/ranking_gray.svg) no-repeat center/cover;
}
.brand-index__item-ranking.gold {
  color: #fefefe;
  background: url(../image/ranking_gold.svg) no-repeat center/cover;
}
.brand-index__item-text {
  display: flex;
  flex-flow: column wrap;
  justify-self: flex-start;
  width: calc(100% - 38px);
  margin-right: auto;
  margin-left: 12px;
}
.brand-index__item-text-strong {
  position: relative;
  max-width: 100%;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 0;
  text-transform: uppercase;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  align-self: flex-start;
  box-sizing: border-box;
}
.brand-index__item-text-strong.gold-mark {
  padding-right: 8px;
}
.brand-index__item-text-strong.gold-mark:after {
  position: absolute;
  top: 0;
  right: 0px;
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  background-color: #d99c63;
  border-radius: 50%;
}
.brand-index__item-text-description {
  width: 100%;
  margin-top: 12px;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: -0.023rem;
  color: #131922;
  font-weight: 400;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.brand-index__item .like-btn {
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../image/icon_heart_light_off.svg);
}
.brand-index__item .like-btn.on {
  background-image: url(../image/icon_heart_light_on.svg);
  -webkit-animation: like-on 1s;
          animation: like-on 1s;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
}
.brand-index__list2 {
  padding: 16px 24px;
  flex-wrap: wrap;
  background: #f8f8f8;
}
.brand-index__item2 {
  padding: 20px 0;
}
.swiper-pagination-progressbar.black {
  background-color: rgba(0, 0, 0, 0.1);
  top: auto;
  left: 24px;
  border-radius: 0;
  overflow: visible;
}
.swiper-pagination-progressbar.black .swiper-pagination-progressbar-fill {
  background-color: #000 !important;
}
.swiper-pagination-progressbar.black .swiper-pagination-progressbar-fill::before, .swiper-pagination-progressbar.black .swiper-pagination-progressbar-fill::after {
  content: "";
  position: absolute;
  display: block;
  background-color: #000;
}
.swiper-pagination-progressbar.white {
  background-color: rgba(224, 224, 224, 0.64);
  top: auto;
  left: 24px;
  border-radius: 0;
  overflow: visible;
}
.swiper-pagination-progressbar.white .swiper-pagination-progressbar-fill {
  background-color: #fff !important;
}
.swiper-pagination-progressbar.white .swiper-pagination-progressbar-fill::before, .swiper-pagination-progressbar.white .swiper-pagination-progressbar-fill::after {
  content: "";
  position: absolute;
  display: block;
  background-color: #fff;
}
.swiper-container-horizontal .swiper-pagination-progressbar.white, .swiper-container-horizontal .swiper-pagination-progressbar.black {
  width: calc(100% - 48px);
}
.swiper-container-horizontal .swiper-pagination-progressbar.white .swiper-pagination-progressbar-fill::before, .swiper-container-horizontal .swiper-pagination-progressbar.white .swiper-pagination-progressbar-fill::after, .swiper-container-horizontal .swiper-pagination-progressbar.black .swiper-pagination-progressbar-fill::before, .swiper-container-horizontal .swiper-pagination-progressbar.black .swiper-pagination-progressbar-fill::after {
  width: 1px;
  height: 8px;
  top: 50%;
  margin-top: -4px;
}
.swiper-container-horizontal .swiper-pagination-progressbar.white .swiper-pagination-progressbar-fill::before, .swiper-container-horizontal .swiper-pagination-progressbar.black .swiper-pagination-progressbar-fill::before {
  left: 0;
}
.swiper-container-horizontal .swiper-pagination-progressbar.white .swiper-pagination-progressbar-fill::after, .swiper-container-horizontal .swiper-pagination-progressbar.black .swiper-pagination-progressbar-fill::after {
  right: 0;
}
.swiper-container-vertical .swiper-pagination-progressbar-fill::before, .swiper-container-vertical .swiper-pagination-progressbar-fill::after {
  left: 50%;
  width: 8px;
  height: 1px;
  margin-left: -4px;
}
.swiper-container-vertical .swiper-pagination-progressbar-fill::before {
  top: 0;
}
.swiper-container-vertical .swiper-pagination-progressbar-fill::after {
  bottom: 0;
}
.swiper-pagination-bullets {
  position: static;
  margin-top: 20px;
  font-size: 0;
}
.swiper-pagination-bullets .swiper-pagination-bullet {
  width: 16px;
  height: 1px;
  margin: 0 2px;
  border-radius: 0;
  background-color: #787878;
}
.swiper-pagination-bullets .swiper-pagination-bullet-active {
  background-color: #141a23;
}

.banner__img-only {
  display: block;
  overflow: hidden;
  position: relative;
  height: 8rem;
}
.banner__img-only img {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translate(0%, -50%);
}
.banner__text-only {
  display: flex;
  height: 6rem;
  padding: 0 24px;
  align-items: center;
  justify-content: space-between;
  background-color: #f5f5f5;
  position: relative;
}
.banner__text-only p {
  padding-right: 32px;
  font-size: 14px;
  font-weight: 500;
  color: #000;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.banner__text-only.black {
  background-color: #131922;
}
.banner__text-only.black .banner__text-only-text {
  color: #fff;
}
.banner__text-only .arrow-right {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 24px;
  width: 24px;
  height: 24px;
  background: url(../image/04IconArrowBxRight.png) no-repeat center/contain;
  z-index: 1;
}
.banner__text-only .arrow-right-black {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 24px;
  width: 20px;
  height: 20px;
  background: url(../image/icon_arrow_right_v_w.png) no-repeat center/contain;
  z-index: 1;
}
.banner__text-with-image {
  position: relative;
  display: block;
  height: 80px;
  background-color: #f5f5f5;
}
.banner__text-with-image-text {
  position: absolute;
  left: 24px;
  z-index: 1;
}
.banner__text-with-image-text.text-1 {
  top: 20px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  color: #000;
}
.banner__text-with-image-text.text-2 {
  bottom: 18px;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  color: #000;
}
.banner__text-with-image img {
  position: absolute;
  height: 80px;
  width: auto;
  top: 50%;
  transform: translateY(-50%);
}
.banner__text-with-image-small {
  right: 8px;
  mix-blend-mode: multiply;
}
.banner__text-box {
  --background-color: #131922;
  display: flex;
  padding: 14px 84px 13px 12px;
  align-items: center;
  justify-content: space-between;
  background-color: var(--background-color);
  position: relative;
}
.banner__text-box-swiper {
  border-radius: 4px;
  margin: 0 24px;
}
.banner__text-box-swiper [data-swiper-slide-index="1"] .banner__text-box {
  --background-color: #d99c63;
}
.banner__text-box-swiper [data-swiper-slide-index="2"] .banner__text-box {
  --background-color: #929292;
}
.banner__text-box-swiper [data-swiper-slide-index="3"] .banner__text-box {
  --background-color: #00bfa8;
}
.banner__text-box-swiper [data-swiper-slide-index="4"] .banner__text-box {
  --background-color: #8a2fed;
}
.banner__text-box-swiper [data-swiper-slide-index="5"] .banner__text-box {
  --background-color: #2f79ed;
}
.banner__text-box-swiper .swiper-pagination-custom {
  display: flex;
  justify-content: center;
  align-items: center;
  right: 12px;
  left: auto;
  top: 50%;
  bottom: auto;
  width: auto;
  min-width: 52px;
  padding: 7px 6px;
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
}
.banner__text-box-swiper .swiper-pagination-custom > span {
  display: block;
  font-size: 12px;
  font-weight: 500;
  height: 14px;
  line-height: 14px;
  color: #fff;
  overflow: hidden;
}
.banner__text-box-swiper .swiper-pagination-custom > span.swiper-pagination-total {
  opacity: 0.8;
}
.banner__text-box-swiper .swiper-pagination-custom > span.swiper-pagination-total:before {
  content: "/";
  display: inline-block;
  width: 6px;
  margin: 0 2px;
  font-size: 10px;
  line-height: 14px;
  font-weight: 300;
  text-align: center;
}
.banner__text-box p {
  font-size: 14px;
  font-weight: bold;
  line-height: 17px;
  letter-spacing: -0.4px;
  color: #fff;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.banner__swiper .swiper-pagination {
  display: none;
  position: static;
  font-size: 0;
  margin-top: 17px;
}
.banner__swiper .swiper-pagination.swiper-pagination-bullets {
  display: block;
}
.banner__swiper .swiper-pagination.swiper-pagination-bullets + .banner__arrow-right {
  top: calc(50% - 8.5px);
}
.banner__swiper .swiper-pagination.swiper-pagination-progressbar {
  display: block;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 100px;
  height: 2px;
  background: #bbb;
}
.banner__swiper .swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #000;
}
.banner__swiper .swiper-pagination-bullet {
  width: 10px;
  height: 1px;
  border-radius: 0;
  background-color: #787878;
}
.banner__swiper .swiper-pagination-bullet-active {
  background-color: #141a23;
}
.banner__swiper .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 1px;
}
.banner__swiper .banner__image img {
  width: 100%;
}
.banner__swiper .arrow-right {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 24px;
  width: 24px;
  height: 24px;
  background: url(../image/04IconArrowBxRight.png) no-repeat center/contain;
  z-index: 1;
}
.banner__swiper .arrow-right-black {
  position: absolute;
  top: calc(50% - 8.5px);
  transform: translateY(-50%);
  right: 24px;
  width: 20px;
  height: 20px;
  background: url(../image/icon_arrow_right_v_w.png) no-repeat center/contain;
  z-index: 1;
}
.banner__arrow-right {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 24px;
  width: 24px;
  height: 24px;
  background: url(../image/04IconArrowBxRight.png) no-repeat center/contain;
  z-index: 1;
}
.banner__arrow-right-black {
  position: absolute;
  top: calc(50% - 8.5px);
  transform: translateY(-50%);
  right: 24px;
  width: 20px;
  height: 20px;
  background: url(../image/icon_arrow_right_v_w.png) no-repeat center/contain;
  z-index: 1;
}
.banner__campaign {
  margin-bottom: 4px;
  background: #f5f5f5;
}
.banner__campaign:after {
  content: "";
  display: block;
  height: 17px;
  background: #fff;
}
.banner__campaign .banner__img-only {
  max-width: 375px;
  margin: 0 auto;
  height: auto;
}
.banner__campaign .banner__img-only img {
  position: static;
  transform: none;
}
.banner__campaign .swiper-pagination {
  display: none;
  position: absolute;
  bottom: 0;
  font-size: 0;
  margin-top: 0;
}
.banner__campaign .swiper-pagination.swiper-pagination-bullets {
  display: block;
}
.banner__campaign .swiper-pagination.swiper-pagination-bullets + .banner__arrow-right {
  top: calc(50% - 8.5px);
}
.banner__campaign .swiper-pagination-bullet {
  width: 10px;
  height: 1px;
  border-radius: 0;
  background-color: #787878;
}
.banner__campaign .swiper-pagination-bullet-active {
  background-color: #141a23;
}
.banner__campaign .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 1px;
}
.banner__campaign .banner__image img {
  width: 100%;
}

.banner-pagination.swiper-pagination {
  bottom: 0;
}
.banner-pagination.swiper-pagination .swiper-pagination-bullet {
  width: 16px;
  height: 1px;
  margin: 0 2px;
  border-radius: 0;
  background-color: #787878;
}
.banner-pagination.swiper-pagination .swiper-pagination-bullet-active {
  background-color: #131922;
}

.siv-selectbox {
  position: relative;
  width: 100%;
  background: #fff;
}
.siv-selectbox.disabled {
  background-color: #f8f8f8;
}
.siv-selectbox.disabled .selected {
  background-image: url(../image/icon_arrow_down_disabled.svg);
}
.siv-selectbox.disabled .selected span {
  color: #a0a0a0;
}
.siv-selectbox .selected {
  display: flex;
  width: 100%;
  height: 48px;
  align-items: center;
  box-sizing: border-box;
  border: 1px solid #e0e0e0;
  background: url(../image/ico_arrow_down.svg) no-repeat right 12px center/16px auto;
}
.siv-selectbox .selected.is-selected {
  position: relative;
  border-color: #141a23;
  z-index: 1;
}
.siv-selectbox .selected.on {
  border-color: #141a23;
  background: url(../image/icon_thin_arrow_up.svg) no-repeat right 12px center/16px auto;
}
.siv-selectbox .selected span {
  display: block;
  width: calc(100% - 48px);
  margin-left: 16px;
  font-size: 14px;
  color: #101010;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.siv-selectbox .selected span.off {
  color: #a0a0a0;
}
.siv-selectbox .selectbox-wrap {
  position: absolute;
  display: none;
  width: 100%;
  box-sizing: border-box;
  transform: translateY(-1px);
  z-index: 20;
  background-color: #fff;
  height: auto;
  max-height: 192px;
  border: 1px solid #141a23;
  overflow: scroll;
}
.siv-selectbox .selectbox .option label {
  position: relative;
  display: block;
}
.siv-selectbox .selectbox .option label input[type=radio] {
  display: none;
}
.siv-selectbox .selectbox .option label input[type=radio] ~ p {
  display: flex;
  width: 100%;
  height: 48px;
  align-items: center;
  top: 0;
  left: 0;
  padding: 0 16px;
  box-sizing: border-box;
}
.siv-selectbox .selectbox .option label input[type=radio] ~ p.disabled span {
  color: rgb(200, 200, 200);
}
.siv-selectbox .selectbox .option label input[type=radio] ~ p span {
  display: block;
  width: 100%;
  height: auto;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  margin: 0;
  font-size: 14px;
  color: #141a23;
}
.siv-selectbox .selectbox .option label input[type=radio]:checked ~ p span {
  font-weight: bold;
}
.siv-selectbox .selectbox .option label input[type=radio]:disabled ~ p span,
.siv-selectbox .selectbox .option label input[type=radio] .disabled span {
  color: rgb(200, 200, 200);
}
.selectbox-light-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-flow: row wrap;
  width: auto;
}
.selectbox-light-wrap .title {
  margin-right: auto;
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  letter-spacing: 0;
  color: #000;
}

.siv-selectbox.light {
  width: auto;
  height: 56px;
}
.siv-selectbox.light:nth-child(2) {
  margin-left: 16px;
}
.siv-selectbox.light .selected {
  height: inherit;
  padding: 0 20px 0 0;
  border: none;
  background: url(../image/ico_arrow_down.svg) no-repeat right center/16px auto;
}
.siv-selectbox.light .selected.focus {
  background: url(../image/05Icon32PxThinArrowUp.svg) no-repeat right center/16px auto;
}
.siv-selectbox.light .selected.on {
  border-color: #141a23;
  background: url(../image/icon_thin_arrow_up.svg) no-repeat right center/16px auto;
}
.siv-selectbox.light .selected span {
  width: auto;
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  text-overflow: initial;
}
.siv-selectbox.light .selectbox {
  padding: 8px 0;
}
.siv-selectbox.light .selectbox-wrap {
  right: 0;
  top: 0;
  width: auto;
  margin-top: 56px;
  white-space: nowrap;
}
.siv-selectbox.light .selectbox .option {
  height: 40px;
}
.siv-selectbox.light .selectbox .option label {
  height: inherit;
}
.siv-selectbox.light .selectbox .option label input[type=radio] {
  display: none;
}
.siv-selectbox.light .selectbox .option label input[type=radio] ~ p {
  height: 40px;
}
.siv-selectbox.light .selectbox .option label input[type=radio] ~ p span {
  text-overflow: initial;
  overflow: visible;
}

.tooltip {
  position: relative;
}
.tooltip.alarm {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #141a23 url(../image/IconBottomBarAlarmOff.svg) no-repeat center/32px auto;
}
.tooltip.alarm.on {
  background: #141a23 url(../image/IconBottomBarAlarmOn.svg) no-repeat center/32px auto;
}
.tooltip__item {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 0 12px;
  font-size: 14px;
  line-height: 40px;
  color: #fff;
  white-space: nowrap;
  background-color: #131922;
}
.tooltip__item.top {
  top: 32px;
}
.tooltip__item.top::after {
  position: absolute;
  bottom: -10px;
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-bottom: 10px solid transparent;
}
.tooltip__item.bottom {
  bottom: -22px;
}
.tooltip__item.bottom::after {
  position: absolute;
  top: -10px;
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
}
.tooltip__item.left {
  left: 32px;
}
.tooltip__item.left::after {
  left: 0;
  border-left: 8px solid #131922;
}
.tooltip__item.right {
  right: 0;
}
.tooltip__item.right::after {
  right: 0;
  border-right: 8px solid #131922;
}
.tooltip__item.left.reverse::after {
  left: unset;
  border-left: unset;
  right: 0;
  border-right: 8px solid #131922;
}
.tooltip__item.right.reverse::after {
  right: unset;
  border-right: unset;
  left: 0;
  border-left: 8px solid #131922;
}
.tooltip__item.top.center::after {
  left: 50%;
  transform: translateX(-50%);
  border-top: 12px solid #131922;
  border-bottom: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
.tooltip__item.bottom.center::after {
  left: 50%;
  transform: translateX(-50%);
  border-top: 0;
  border-bottom: 12px solid #131922;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
.tooltip.start {
  position: fixed;
  left: 10px;
  z-index: 109;
}
.tooltip.start .tooltip__item.bottom.center::after {
  top: -7px;
  left: 19px;
}
.tooltip.start.scropll {
  top: 48px;
}
.tooltip-trigger {
  width: 16px;
  height: 16px;
  background: url(../image/05Icon16Tooltip.svg) no-repeat center/cover;
  font-size: 0;
}

.dot-list li {
  padding-left: 10px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #404040;
  position: relative;
}
.dot-list li:not(:first-of-type) {
  margin-top: 8px;
}
.dot-list li::before {
  content: "";
  position: absolute;
  top: 9px;
  left: 2px;
  width: 2px;
  height: 2px;
  background: #404040;
  border-radius: 50%;
}
.dot-list li .gold {
  color: rgb(217, 156, 99);
}
.dot-list li.warning {
  color: #ee230d;
}
.dot-list li.warning::before {
  background: #ee230d;
}
.dot-list li span {
  text-decoration: underline;
}
.dot-list.type01 li {
  padding-left: 8px;
  position: relative;
  font-size: 14px;
  color: #404040;
  line-height: 20px;
}
.dot-list.type01 li.size {
  font-size: 12px;
}
.dot-list.type01 li.gold {
  color: #d99c63;
}
.dot-list.type01 li.gold::before {
  background: #d99c63;
}
.dot-list.type01 li:not(.dot-list.type01 li:first-of-type) {
  margin-top: 8px;
}
.dot-list.type01 li:before {
  position: absolute;
  content: "";
  top: 0.9rem;
  left: 0;
  width: 2px;
  height: 2px;
  background: #404040;
  border-radius: 50%;
}
.dot-list.type01.i-big .item:before {
  width: 4px;
  height: 4px;
}
.dot-list.type02 li {
  font-size: 12px;
  line-height: 18px;
  color: #787878;
}
.dot-list.type02 li::before {
  top: 7px;
  background: #929292;
}
.dot-list.type02 li.warning {
  color: #ee230d;
}
.dot-list.type02 li.warning::before {
  background: #ee230d;
}

.dot-txt {
  padding-left: 10px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #404040;
  position: relative;
}
.dot-txt:not(:first-of-type) {
  margin-top: 8px;
}
.dot-txt::before {
  content: "";
  position: absolute;
  top: 9px;
  left: 2px;
  width: 2px;
  height: 2px;
  background: #404040;
  border-radius: 50%;
}
.dot-txt.type02 {
  font-size: 12px;
  line-height: 18px;
  color: #787878;
}
.dot-txt.type02::before {
  top: 7px;
  background: #929292;
}

.no-result {
  width: 100%;
  margin: 186px 0;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  color: #787878;
}
.no-result.short {
  margin: 110px 0;
}

.product__list .no-result.short {
  margin-top: 98px;
}

.make-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.siv-popup {
  position: fixed;
  display: none;
  width: 100vw;
  height: 100%;
  top: 0;
  left: 0;
  background: #fff;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 140;
}
.siv-popup.active {
  display: block;
}
.siv-popup .has-bottom-btn {
  padding-bottom: 102px;
}
.siv-popup .header-popup__title {
  padding: 15px 0;
}

.popup__content {
  box-sizing: border-box;
  overflow-y: visible;
}
.popup__content .restock {
  padding-top: 4.7rem;
}
.popup__content .restock .popup-restock__title {
  font-size: 16px;
  line-height: 22px;
  color: #131922;
  margin-bottom: 8px;
  text-align: center;
}
.popup__content .restock .popup-restock__description {
  font-size: 14px;
  line-height: 20px;
  color: #404040;
  margin-bottom: 2.8px;
  text-align: center;
}
.popup__content .restock form {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 24px 32px;
}
.popup__content .restock form input {
  height: 48px;
  border: 1px solid #e0e0e0;
  color: #161616;
}
.popup__content .restock form .restock-mail {
  width: 100%;
  padding-left: 16px;
  margin-bottom: 16px;
  line-height: 20px;
}
.popup__content .restock form .restock-phone {
  width: 192px;
  padding: 0 16px;
  line-height: 22px;
}
.popup__content .restock form span {
  position: absolute;
  display: inline-block;
  width: 16px;
  height: 16px;
  right: 12px;
  top: 16px;
  cursor: pointer;
  background: url(../image/04IconClose.svg) no-repeat center/cover;
}
.popup__content .restock form select {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 9.5rem;
  height: 48px;
  padding-left: 16px;
  padding-right: 12px;
  border: 1px solid #e0e0e0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: url(../image/restock_select_arrow.svg) no-repeat right 12px center;
}
.popup__content .restock ul {
  padding: 0 24px 0 3.4rem;
}
.popup__content .restock ul li {
  position: relative;
  color: #787878;
  line-height: 18px;
  font-size: 12px;
}
.popup__content .restock ul li::before {
  content: "";
  position: absolute;
  display: inline-block;
  left: -8px;
  top: 8px;
  width: 2px;
  height: 2px;
  background-color: #929292;
  border-radius: 50%;
}
.popup__content .restock-btns {
  position: absolute;
  bottom: 20px;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  padding: 0 24px;
}
.popup__content .restock-btn {
  display: block;
  width: 50%;
  height: 48px;
  text-align: center;
  font-size: 14px;
  line-height: 48px;
}
.popup__content .restock-btn.gray {
  background-color: #929292;
  color: #fff;
}
.popup__content .restock-btn.black {
  background-color: #141a23;
  color: #fff;
}
.popup__bottom-btn {
  height: 5.6rem;
  font-size: 16px;
}
.popup__bottom-btn-wrap {
  position: fixed;
  bottom: 0;
  left: 0;
  display: flex;
  width: 100%;
  padding: 12px 24px 32px;
  background-color: #fff;
  box-sizing: border-box;
}
.popup__bottom-btn-wrap.up {
  position: fixed;
}
.popup-zipcode-search .input-style {
  display: flex;
  width: 100%;
  height: 48px;
  border: 1px solid #e0e0e0;
  padding: 8px 16px;
  box-sizing: border-box;
  margin-top: 8px;
}
.popup-zipcode-search .input-style.disabled {
  background: #f8f8f8;
}
.popup-zipcode-search .input-style.disabled input {
  color: #a0a0a0;
}
.popup-zipcode-search .input-style.hidden {
  display: none;
}
.popup-zipcode-search .input-style label {
  position: relative;
  display: block;
  width: 100%;
}
.popup-zipcode-search .input-style label input {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #141a23;
  border: 1px solid #e0e0e0;
}
.popup-zipcode-search .input-style label input::-moz-placeholder {
  color: #a0a0a0;
}
.popup-zipcode-search .input-style label input::placeholder {
  color: #a0a0a0;
}
.popup-zipcode-search .input-style label button {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../image/04IconClose.svg) no-repeat center/cover;
}
.popup-zipcode-search .input-style input[type=text],
.popup-zipcode-search .input-style input[type=number],
.popup-zipcode-search .input-style input[type=password],
.popup-zipcode-search .input-style input[type=tel] {
  width: 100%;
  border: none;
}
.popup-zipcode-search .input-style input[type=text]::-moz-placeholder, .popup-zipcode-search .input-style input[type=number]::-moz-placeholder, .popup-zipcode-search .input-style input[type=password]::-moz-placeholder, .popup-zipcode-search .input-style input[type=tel]::-moz-placeholder {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #a0a0a0;
}
.popup-zipcode-search .input-style input[type=text]::placeholder,
.popup-zipcode-search .input-style input[type=number]::placeholder,
.popup-zipcode-search .input-style input[type=password]::placeholder,
.popup-zipcode-search .input-style input[type=tel]::placeholder {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #a0a0a0;
}
.popup-zipcode-search .input-style input[type=text]:disabled,
.popup-zipcode-search .input-style input[type=number]:disabled,
.popup-zipcode-search .input-style input[type=password]:disabled,
.popup-zipcode-search .input-style input[type=tel]:disabled {
  background: transparent;
  color: inherit;
}
.popup-zipcode-search .input-style input[type=password] {
  font-size: 22px;
}
.popup-zipcode-search-step-2 {
  display: none;
}
.popup-zipcode__search {
  padding: 0 24px;
  margin-top: 22px;
}
.popup-zipcode__search .input-style {
  display: flex;
  width: calc(100% - 8px - 9rem);
  height: 48px;
  border: 1px solid #e0e0e0;
  padding: 8px 16px;
  box-sizing: border-box;
  margin: 0;
}
.popup-zipcode__search .input-style input {
  border: none;
}
.popup-zipcode__search button {
  width: 9rem;
  height: 48px;
  font-size: 14px;
  color: #fff;
  background-color: #787878;
}
.popup-zipcode__search-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
.popup-zipcode__search-tip {
  margin: 16px 0 5px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0;
  color: #787878;
}
.popup-zipcode__search .desc-item {
  position: relative;
  padding-left: 10px;
  font-size: 12px;
  line-height: 18px;
  color: #787878;
}
.popup-zipcode__search .desc-item::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 2px;
  width: 2px;
  height: 2px;
  background: #929292;
  border-radius: 50%;
}
.popup-zipcode__result {
  margin-top: 24px;
  padding: 0 24px;
}
.popup-zipcode__result-none {
  padding: 110px 0;
  text-align: center;
  color: #787878;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
}
.popup-zipcode__result-text {
  font-size: 14px;
  line-height: 20px;
  color: #141a23;
}
.popup-zipcode__result-table {
  margin-top: 12px;
  border-collapse: collapse;
  border-top: 1px solid #404040;
}
.popup-zipcode__result-table thead th {
  padding: 14px 10px;
  text-align: center;
  font-size: 14px;
  line-height: 18px;
  color: #000;
  letter-spacing: 0;
  font-weight: 500;
  border-bottom: 1px solid #e0e0e0;
  box-sizing: content-box;
}
.popup-zipcode__result-table thead th:first-of-type {
  width: 7rem;
}
.popup-zipcode__result-table tbody th,
.popup-zipcode__result-table tbody td {
  padding: 16px 10px;
  vertical-align: middle;
  color: #404040;
  border-bottom: 1px solid #f0f0f0;
}
.popup-zipcode__result-table tbody th button {
  width: 7rem;
  text-align: center;
  color: #404040;
  font-size: 14px;
  line-height: 18px;
}
.popup-zipcode__result-table tbody td button {
  width: 100%;
  color: #141a23;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  text-align: left;
  word-break: keep-all;
}
.popup-zipcode__result-table tbody td button:not(:last-of-type) {
  margin-bottom: 8px;
}
.popup-zipcode__detail {
  margin-top: 22px;
  padding: 0 24px;
}
.popup-zipcode__detail-zip {
  font-size: 16px;
  line-height: 20px;
  color: #000;
}
.popup-zipcode__detail-address {
  display: flex;
  flex-direction: column;
  margin-top: 16px;
  gap: 8px;
}
.popup-zipcode__detail-address p {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0;
  color: #000;
}
.popup-zipcode__detail .input-style {
  margin-top: 16px;
}
.popup-zipcode__detail-btn {
  display: flex;
  margin-top: 16px;
  gap: 7px;
}
.popup-zipcode__detail-btn button {
  flex: 1;
  height: 48px;
  color: #fff;
  font-size: 14px;
}
.popup-zipcode__detail-btn button.prev {
  background-color: #787878;
}
.popup-zipcode__detail-btn button.submit {
  background-color: #141a23;
}
.popup-zipcode .order-common-btn {
  display: static;
}
.popup__gifts {
  position: relative;
  width: 100%;
  padding: 18px 20px 28px;
  box-sizing: border-box;
}
.popup__gifts-head {
  position: relative;
}
.popup__gifts-head-title {
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  letter-spacing: 0;
  color: #141a23;
  text-align: left;
}
.popup__gifts-close {
  position: absolute;
  top: 1px;
  right: 0;
  width: 20px;
  height: 20px;
}
.popup__gifts-close img {
  width: 100%;
}
.popup__gifts-wrap img {
  width: 100%;
}
.popup__gifts-text {
  margin-top: 12px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #131922;
  text-align: left;
}
.popup-restock-notification .popup__content {
  display: flex;
  flex-direction: column;
  min-height: calc(100% - 56px);
}
.popup-restock-notification .popup__restock {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.popup__restock-title {
  padding-top: 40px;
  font-size: 20px;
  font-weight: bold;
  line-height: 26px;
  color: #131922;
  text-align: center;
}
.popup__restock-description {
  margin-top: 16px;
  font-size: 14px;
  line-height: 20px;
  color: #404040;
  text-align: center;
}
.popup__restock-wrap {
  padding: 0 24px;
}
.popup__restock-wrap .form_input {
  margin: 0;
}
.popup__restock-input {
  display: flex;
  flex-direction: column;
  margin: 40px 0;
}
.popup__restock-input li {
  display: flex;
}
.popup__restock-input li:first-child {
  margin-bottom: 8px;
}
.popup__restock-input li .form_input {
  width: 100%;
}
.popup__restock-input li .siv-selectbox {
  width: 95px;
  margin-right: 8px;
}
.popup__restock-input li .siv-selectbox ~ .form_input {
  width: calc(100% - 103px);
}
.popup__restock-popup {
  display: flex;
  justify-content: flex-end;
  margin: 21px 0 9px;
}
.popup__restock-popup button {
  font-size: 12px;
  text-decoration: underline;
  letter-spacing: 0;
  line-height: 20px;
  color: #a0a0a0;
}
.popup__restock-selectbox {
  display: flex;
  flex-direction: column;
}
.popup__restock-selectbox li p {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0;
  color: #141a23;
}
.popup__restock-selectbox li .siv-selectbox {
  margin-top: 8px;
}
.popup__restock-selectbox li .siv-selectbox .selectbox .option {
  margin-bottom: 0;
}
.popup__restock-selectbox li .siv-selectbox .selectbox .option p {
  font-weight: 400;
}
.popup__restock-selectbox li:not(:last-child) {
  margin-bottom: 24px;
}
.popup__restock-notice {
  display: flex;
  flex-direction: column;
  padding: 24px 0;
}
.popup__restock-notice li {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0;
  color: #787878;
  padding-left: 10px;
  background: url(../image/04IconBulletSmallGray.svg) no-repeat top 7px left/2px;
}
.popup__restock-notice li:not(:last-child) {
  margin-bottom: 8px;
}
.popup__restock-btn {
  position: sticky;
  position: -webkit-sticky;
  display: flex;
  bottom: 0;
  margin-top: auto;
  padding: 12px 0 0 0;
  background-color: #fff;
}
.popup__restock-btn .btn-wide {
  flex: 1;
  height: 56px;
  font-size: 16px;
}
.popup-category .header-popup__title {
  word-break: keep-all;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.popup-category__head {
  display: flex;
  align-items: center;
  height: 48px;
  padding: 0 24px;
}
.popup-category__head-root {
  display: block;
  width: 16px;
  height: 48px;
  line-height: 48px;
  background: url(../image/breadcrumb_home.svg) no-repeat center/contain;
}
.popup-category__head-root.no_bg {
  width: auto;
  background: none;
  font-size: 12px;
}
.popup-category__head-depth {
  position: relative;
  max-width: 80px;
  height: 48px;
  padding-left: 16px;
  font-size: 12px;
  line-height: 48px;
  color: #404040;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.popup-category__head-depth::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: block;
  width: 16px;
  height: 16px;
  background: url(../image/05Icon16ArrowGray.svg) no-repeat center/contain;
}
.popup-category__back-icon {
  display: block;
  width: 16px;
  height: 16px;
  margin-right: 4px;
  background: url(../image/icon_arrow_left_16.svg) no-repeat center/contain;
}
.popup-category__back-text {
  font-size: 12px;
  letter-spacing: 0.3px;
  color: #000;
}
.popup-category__item a,
.popup-category__item button {
  display: block;
  width: 100%;
  height: 56px;
  padding: 0 24px;
  font-size: 20px;
  line-height: 56px;
  color: #131922;
  box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.popup-category__item a.on,
.popup-category__item button.on {
  font-weight: bold;
}
.popup-category__item a:active,
.popup-category__item button:active {
  text-decoration: underline;
}
.popup-category__item a.popup-category__back,
.popup-category__item button.popup-category__back {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0 23px;
}
.popup__review {
  box-sizing: border-box;
  padding: 0 24px;
  padding-bottom: 20px;
}
.popup__review-title {
  margin-bottom: 20px;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: 0;
  color: #141a23;
}
.popup__review-title span {
  color: #d99c63;
}
.popup__review-product {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}
.popup__review-product-thum {
  display: flex;
  width: 80px;
  height: 120px;
  margin-right: 19px;
  align-items: center;
  overflow: hidden;
  background-color: #f5f5f5;
}
.popup__review-product-thum img {
  width: 100%;
  height: auto;
  font-size: 0;
}
.popup__review-product-info {
  width: 227px;
  margin-right: 0;
}
.popup__review-product-info--strong {
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  letter-spacing: -0.08px;
  color: #141a23;
}
.popup__review-product-info--description {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  color: #404040;
}
.popup__review-product-info--price {
  font-size: 14px;
  font-weight: bold;
  color: #141a23;
  line-height: 20px;
  letter-spacing: -0.08px;
}
.popup__review-product-info--star {
  display: inline-flex;
  width: 100%;
  margin-top: 8px;
  margin-bottom: 10px;
}
.popup__review-product-info--star .star {
  display: block;
  width: 16px;
  height: 32px;
  background-image: url(../image/icon_star_white.svg);
  background-repeat: no-repeat;
  background-size: 32px;
  filter: invert(0.2);
}
.popup__review-product-info--star .star.on {
  background-image: url(../image/ico_star_gold.svg);
  filter: invert(0);
  background-size: 32px;
}
.popup__review-product-info--star .star:nth-of-type(odd) {
  background-position: left center;
}
.popup__review-product-info--star .star:nth-of-type(even) {
  margin-right: 4px;
  background-position: right center;
}
.popup__review-product-review {
  display: flex;
  align-items: center;
}
.popup__review-product-review .star_toggle {
  display: block;
  width: 20%;
  height: 32px;
  box-sizing: border-box;
}
.popup__review-product-review .star_toggle img {
  max-width: 100%;
}
.popup__review-product-review .text {
  font-size: 24px;
  line-height: 36px;
  letter-spacing: -0.18px;
  color: #141a23;
}
.popup__review-list {
  padding-top: 40px;
  margin-bottom: 36px;
  border-top: 1px solid #e0e0e0;
}
.popup__review-item {
  font-size: 0;
}
.popup__review-item:not(:first-of-type) {
  margin-top: 36px;
}
.popup__review-item-question {
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0;
}
.popup__review-item-answer label {
  display: inline-block;
  padding-top: 8px;
}
.popup__review-item-answer label:not(:last-of-type) {
  margin-right: 8px;
}
.popup__review-item-answer label:not(:last-of-type):nth-last-of-type(1), .popup__review-item-answer label:not(:last-of-type):nth-child(-n+2) {
  margin-top: 0;
}
.popup__review-item-answer input[type=radio] {
  display: none;
}
.popup__review-item-answer input[type=radio] ~ span {
  display: inline-block;
  width: auto;
  height: 100%;
  margin: 0;
  padding: 0 14px;
  font-size: 16px;
  line-height: 48px;
  color: #000;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
}
.popup__review-item-answer input[type=radio]:checked ~ span {
  border-color: #141a23;
}
.popup__review-write {
  margin-bottom: 16px;
  padding-top: 40px;
  box-sizing: border-box;
}
.popup__review-write-title {
  margin-bottom: 24px;
  word-break: keep-all;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0;
  color: #141a23;
}
.popup__review-write-textarea {
  position: relative;
  width: 100%;
  height: 170px;
  border: 1px solid #e0e0e0;
  padding: 16px 16px 0 16px;
  box-sizing: border-box;
}
.popup__review-write-textarea textarea {
  width: 100%;
  height: 120px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  resize: none;
  border: none;
  overflow: hidden;
}
.popup__review-write-textarea textarea::-moz-placeholder {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #a0a0a0;
}
.popup__review-write-textarea textarea::placeholder {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #a0a0a0;
}
.popup__review-write-textarea .text-counter {
  position: absolute;
  bottom: 16px;
  right: 16px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.06px;
  color: #787878;
}
.popup__review-img {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 17px;
}
.popup__review-img label {
  width: 58px;
  height: 58px;
}
.popup__review-img .added {
  position: relative;
  display: flex;
  align-items: center;
  border: 1px solid #e0e0e0;
  background-color: #f5f5f5;
  overflow: hidden;
}
.popup__review-img .added .added-image {
  mix-blend-mode: multiply;
  width: 100%;
  height: 100%;
}
.popup__review-img .added .remove-image {
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 16px;
  font-size: 0;
  background: #d0d0d0 url(../image/icon_close.svg) no-repeat center/contain;
}
.popup__review-img .more {
  border: 1px dotted #e0e0e0;
}
.popup__review-img .more input {
  display: none;
}
.popup__review-img .more span {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../image/icon_add_black.svg) no-repeat center/32px;
}
.popup__review-notice {
  padding-bottom: 40px;
}
.popup__review-notice-title {
  margin-bottom: 12px;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0;
  color: #141a23;
}
.popup__review-notice-item {
  padding-left: 10px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0;
  color: #787878;
  word-break: keep-all;
  background: url(../image/04IconBulletSmallGray.svg) no-repeat left top 8px/2px 1.8px;
}
.popup__review-notice-item:not(:last-of-type) {
  margin-bottom: 8px;
}
.popup__review-notice-item span {
  color: #000;
  text-decoration: underline;
}
.popup__review-btn {
  display: flex;
  margin-top: 32px;
}
.popup__review-btn button {
  width: 50%;
  height: 56px;
  font-size: 16px;
}
.popup__review-btn button.close {
  background-color: #929292;
  color: #fff;
}
.popup__review-btn button.submit {
  background-color: #141a23;
  color: #fff;
}
.popup__review-benefit-list li {
  padding: 16px 20px;
  background-color: #f8f8f8;
}
.popup__review-benefit-list li:not(:last-of-type) {
  margin-bottom: 16px;
}
.popup__review-benefit-list li p {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #787878;
  text-align: left;
}
.popup__review-benefit-list li p:not(:last-of-type) {
  margin-bottom: 8px;
}
.popup__review-benefit-list li p span {
  font-weight: bold;
  color: #131922;
}
.popup__review-benefit-list li .bold {
  font-weight: bold;
  color: #131922;
}
.popup-report .has-bottom-btn {
  padding-bottom: 150px;
}
.popup-report .report-wrap {
  margin-top: 8px;
}
.popup-report .report-section {
  padding: 0 24px;
  margin-top: 16px;
}
.popup-report .report-section:first-of-type {
  margin-top: 8px;
}
.popup-report .report-section.type-inline {
  display: flex;
  align-items: center;
}
.popup-report .report-section.type-inline .report-title {
  width: 87px;
}
.popup-report .report-section.type-inline > p {
  margin-left: auto;
  justify-self: right;
  width: 245px;
  font-size: 14px;
  line-height: 24px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.popup-report .report-title {
  display: block;
  font-size: 16px;
  line-height: 48px;
}
.popup-report .report-radio-list li label {
  margin-bottom: 8px;
}
.popup-report .report-phone-box {
  display: flex;
}
.popup-report .report-phone-box .siv-selectbox:first-of-type {
  width: 87px;
}
.popup-report .popup__qna-form-textarea {
  display: none;
  margin-top: 0;
}
.popup-report .checkbox__label {
  margin: 16px 0;
}
.popup-report .dot-list {
  padding: 0 24px;
}
.popup-report .dot-list li {
  color: #787878;
}
.popup-qna-writing {
  overflow-y: hidden;
}
.popup-qna-writing .popup__content {
  height: calc(100% - 56px);
  overflow-y: auto;
  padding-bottom: 94px;
}
.popup-qna-writing.focusing .popup__content {
  padding-bottom: 0;
}
.popup-qna-writing.focusing .popup__qna-btn {
  position: relative;
}
.popup__qna-ad {
  padding: 26px 24px;
  background-color: #f8f8f8;
}
.popup__qna-ad-text {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: #131922;
}
.popup__qna-form {
  padding: 24px 24px 0;
}
.popup__qna-form-mail {
  position: relative;
  display: flex;
  align-items: center;
  border: 1px solid #e0e0e0;
}
.popup__qna-form-mail input {
  width: 100%;
  height: 48px;
  line-height: 48px;
  padding: 0 16px;
  font-size: 14px;
  border: 0;
  box-sizing: border-box;
}
.popup__qna-form-mail input::-moz-placeholder {
  color: #a0a0a0;
  letter-spacing: 0;
}
.popup__qna-form-mail input::placeholder {
  color: #a0a0a0;
  letter-spacing: 0;
}
.popup__qna-form-mail-btn {
  display: none;
  width: 16px;
  height: 16px;
  margin-right: 12px;
  background: url(../image/04IconClose.svg) no-repeat center/cover;
}
.popup__qna-form-checkbox {
  margin-top: 12px;
}
.popup__qna-form-checkbox .chk2_label2 {
  display: flex;
  padding: 16px;
  align-items: flex-start;
  background: #f8f8f8;
}
.popup__qna-form-checkbox .chk2_label2 span {
  margin-top: 4px;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #787878;
}
.popup__qna-form-checkbox .chk2_label2 span strong {
  display: block;
  margin-bottom: 7px;
  font-size: 14px;
  font-weight: 500;
  color: #000;
}
.popup__qna-form-checkbox label {
  display: flex;
  align-items: center;
}
.popup__qna-form-checkbox label input {
  display: inline-block;
  height: 24px;
  padding-left: 32px;
  font-size: 14px;
  color: #101010;
  background: url("../image/icon_checkbox_off.svg") no-repeat left center/24px 24px;
}
.popup__qna-form-checkbox label input:checked {
  background: url("../image/icon_checkbox_on_black.svg") no-repeat left center/24px 24px;
}
.popup__qna-form-textarea {
  position: relative;
  margin-top: 24px;
  padding: 16px 16px 52px;
  border: 1px solid #e0e0e0;
}
.popup__qna-form-textarea .textbox {
  width: 100%;
  height: 92px;
  font-size: 14px;
  line-height: 20px;
  border: 0;
  box-sizing: border-box;
  resize: none;
}
.popup__qna-form-textarea .textbox::-moz-placeholder {
  color: #a0a0a0;
  letter-spacing: 0;
}
.popup__qna-form-textarea .textbox::placeholder {
  color: #a0a0a0;
  letter-spacing: 0;
}
.popup__qna-form-textarea .max-num {
  position: absolute;
  bottom: 16px;
  right: 16px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.06px;
  color: #787878;
}
.popup__qna-list {
  padding: 20px 24px 80px;
}
.popup__qna-item {
  position: relative;
  margin-top: 8px;
  padding-left: 10px;
  font-size: 12px;
  line-height: 18px;
  color: #787878;
}
.popup__qna-item::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 4px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: #787878;
}
.popup__qna-item.margin {
  margin-top: 0;
}
.popup__qna-btn {
  position: fixed;
  bottom: 0;
  left: 0;
  display: flex;
  width: 100%;
  padding: 12px 24px 32px;
  background-color: #fff;
  box-sizing: border-box;
  z-index: 100;
}
.popup__qna-btn button {
  width: 50%;
  height: 48px;
  font-size: 14px;
}
.popup__qna-btn button.close {
  background-color: #929292;
  color: #fff;
}
.popup__qna-btn button.next {
  background-color: #f0f0f0;
  color: #c8c8c8;
}
.popup__qna-btn button.submit {
  background-color: #141a23;
  color: #fff;
}
.popup-foreigner-private-terms .popup__content {
  padding-bottom: 84px;
}
.popup__seller--list {
  margin-bottom: 26px;
}
.popup__seller--item {
  padding: 0 24px;
  font-size: 16px;
  line-height: 44px;
  color: #000;
}
.popup-installment .popup__content, .popup__card-benefits .popup__content {
  padding-bottom: 80px;
}
.popup__benefits-empty {
  font-size: 14px;
  text-align: center;
  line-height: 20px;
  letter-spacing: 0;
  color: #787878;
  padding-top: 221px;
  margin-top: 32px;
}
.popup__benefits-list {
  display: flex;
  height: 48px;
  align-items: center;
  text-align: center;
}
.popup__benefits-item {
  display: flex;
  width: 100%;
  height: 100%;
}
.popup__benefits-item a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.1px;
  line-height: 48px;
  color: #929292;
  text-align: center;
  border-bottom: 1px solid #e0e0e0;
  box-sizing: border-box;
}
.popup__benefits-item a.on {
  border-bottom: 2px solid #000;
  color: #000;
}
.popup__benefits-wrap {
  padding: 42px 24px 0;
}
.popup__benefits-wrap ~ .popup__benefits-wrap {
  border-top: 8px solid #f0f0f0;
}
.popup__benefits-notice {
  padding: 16px 24px 8px;
}
.popup__benefits-notice p {
  padding: 12px;
  font-size: 12px;
  line-height: 18px;
  color: #787878;
  background-color: #f8f8f8;
}
.popup__benefits-notice p span {
  position: relative;
  padding-left: 8px;
  display: block;
}
.popup__benefits-notice p span:after {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 2px;
  height: 2px;
  background-color: #929292;
}
.popup__benefits-notice + .popup__benefits-wrap {
  padding-top: 30px;
}
.popup__benefits-head {
  padding-bottom: 20px;
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  letter-spacing: 0.4px;
  color: #141a23;
  border-bottom: 1px solid #141a23;
}
.popup__benefits-box {
  display: flex;
  align-items: flex-start;
  padding: 24px 0;
  border-bottom: 1px solid #f0f0f0;
}
.popup__benefits-box.two {
  align-items: center;
}
.popup__benefits-logo {
  display: flex;
  flex: 0 0 64px;
  width: 64px;
  height: 64px;
  padding: 6px 4px;
  font-size: 14px;
  letter-spacing: -0.9px;
  line-height: 17px;
  text-align: center;
  color: #404040;
  background-position: center;
  background-size: 40px;
  border: 1px solid #e0e0e0;
  border-radius: 24px;
  box-sizing: border-box;
  overflow: hidden;
  align-items: center;
  justify-content: center;
}
.popup__benefits-logo img {
  max-width: 40px;
  align-self: center;
}
.popup__benefits-text {
  margin-left: 24px;
}
.popup__benefits-text-title {
  position: relative;
  margin-bottom: 6px;
  padding-left: 8px;
  font-size: 14px;
  line-height: 20px;
  color: #404040;
  letter-spacing: 0;
  word-break: break-word;
}
.popup__benefits-text-title::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 2px;
  height: 2px;
  background: url(../image/icon_bullet_small.svg) no-repeat center/contain;
}
.popup__benefits-text-title:last-child {
  margin-bottom: 0;
}
.popup__benefits-none {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 392px;
  padding: 32px 24px 38px;
}
.popup__benefits-none img {
  width: 40px;
  height: 40px;
}
.popup__benefits-none-text {
  margin-top: 12px;
  font-size: 14px;
  color: #787878;
}
.popup-ranking .popup__content, .popup-integrated-point .popup__content {
  padding-bottom: 40px;
}
.popup-club-beauty-act-info .popup__content {
  padding-bottom: 48px;
}
.popup-club-beauty-act-info .guide-head {
  margin-top: 0;
}
.popup__coupon-list {
  display: flex;
  height: 48px;
  align-items: center;
  text-align: center;
}
.popup__coupon-item {
  display: flex;
  width: 100%;
  height: 100%;
}
.popup__coupon-item a {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.1px;
  line-height: 48px;
  color: #929292;
  border-bottom: 1px solid #e0e0e0;
  box-sizing: border-box;
}
.popup__coupon-item a.on {
  color: #000;
  border-bottom: 2px solid #000;
}
.popup__coupon-text {
  padding: 24px 24px 58px;
}
.popup__coupon-text-title {
  position: relative;
  padding-left: 8px;
  font-size: 12px;
  line-height: 18px;
  color: #787878;
}
.popup__coupon-text-title:not(:last-of-type) {
  margin-bottom: 8px;
}
.popup__coupon-text-title::before {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: 1px;
  width: 2px;
  height: 2px;
  background-color: #787878;
  border-radius: 50%;
}
.popup__coupon-guide-text {
  position: initial;
  width: auto;
  margin: 0 20px;
  background-color: #fff;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: initial;
  border-bottom: 1px solid #e0e0e0;
}
.popup__coupon-guide-title {
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  color: #000;
}
.popup__coupon-guide-btn {
  width: 20px;
  height: 20px;
  margin-left: auto;
  background: url("../image/icon_close_black.svg") no-repeat center/cover;
}
.popup__coupon-guide-description {
  padding: 20px 20px 24px;
  background: #fff;
}
.popup__coupon-guide-description p {
  position: relative;
  padding-left: 10px;
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #404040;
  text-align: left;
}
.popup__coupon-guide-description p::before {
  position: absolute;
  display: block;
  content: "";
  width: 2px;
  height: 2px;
  top: 9px;
  left: 0px;
  background-image: url(../image/icon_bullet_small.svg);
  background-repeat: no-repeat;
  background-size: cover;
}
.popup__coupon-guide-description p:last-child {
  margin-bottom: 0;
}
.popup__coupon-coupon-list {
  padding: 32px 24px 0;
}
.popup__coupon-coupon-item {
  position: relative;
  width: 327px;
  height: 164px;
  padding: 20px 80px 20px 24px;
  box-sizing: border-box;
  background: url("../image/bg_solid.png") no-repeat center/cover;
  box-sizing: border-box;
  margin: 0 auto;
}
.popup__coupon-coupon-item:not(:last-of-type) {
  margin-bottom: 8px;
}
.popup__coupon-coupon-item.disable {
  opacity: 0.4;
}
.popup__coupon-coupon-item.disable p {
  color: #e0e0e0;
}
.popup__coupon-coupon-item-gold {
  height: 36px;
  font-size: 13px;
  line-height: 18px;
  font-weight: 300;
  color: #d99c63;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.popup__coupon-coupon-item-big {
  height: 48px;
  margin-top: 16px;
  font-size: 33px;
  line-height: 48px;
  color: #fff;
}
.popup__coupon-coupon-item-big span {
  margin-left: 4px;
  font-size: 20px;
}
.popup__coupon-coupon-item-big .maximum-discount {
  margin-left: 7px;
  font-size: 12px;
  color: #e0e0e0;
  line-height: 18px;
}
.popup__coupon-coupon-item-big .maximum-discount i {
  font-style: normal;
}
.popup__coupon-coupon-item-small {
  margin-top: 6px;
  font-size: 12px;
  line-height: 18px;
  color: rgba(255, 255, 255, 0.85);
}
.popup__coupon-coupon-item-small .coupon-kinds {
  position: relative;
  padding-left: 20px;
}
.popup__coupon-coupon-item-small .coupon-kinds:after {
  content: "";
  position: absolute;
  display: block;
  width: 1px;
  height: 10px;
  top: calc(50% - 5px);
  left: 8px;
  background-color: rgba(255, 255, 255, 0.5);
}
.popup__coupon-coupon-item button {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  background-color: #000;
  width: 32px;
  height: 32px;
}
.popup__coupon-coupon-item button img {
  width: 100%;
  background: #000;
}
.popup__coupon-none-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 392px;
  padding: 32px 24px 0;
}
.popup__coupon-none-box img {
  width: 40px;
  height: 40px;
}
.popup__coupon-none-box-text {
  margin-top: 12px;
  font-size: 14px;
  color: #787878;
}
.popup__coupon-btn, .popup__coupon-btn.btn-wide {
  width: calc(100% - 48px);
  margin: 24px auto 80px;
}
.popup__body-size {
  padding: 0 24px;
}
.popup__body-size .popup__body-info,
.popup__body-size .desc-list-type2 .item {
  font-size: 14px;
  margin-top: 8px;
  color: #404040;
  line-height: 20px;
}
.popup__body-size .desc-list-type2 .item {
  position: relative;
  padding-left: 10px;
}
.popup__body-size .desc-list-type2 .item:before {
  content: "";
  position: absolute;
  top: 7px;
  left: 2px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: #929292;
}
.popup__body-size .item-importance {
  font-size: 16px;
}
.popup__present {
  padding: 20px 20px 32px;
}
.popup__present .present-card {
  overflow: hidden;
    aspect-ratio: 39/20;
}
.popup__present .present-card img {
  width: 100%;
    height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.popup__present .present-text {
  padding-top: 24px;
}
.popup__present .present-text > * {
  font-size: 12px;
  color: #000;
}
.popup__present .present-person {
  display: flex;
  align-items: flex-end;
  gap: 3px;
  font-weight: 500;
  line-height: 18px;
}
.popup__present .present-message {
  font-size: 12px;
  line-height: 18px;
  margin-top: 8px;
  overflow: hidden;
}
.popup__present .present-item {
  padding-top: 24px;
  margin-top: 24px;
  border-top: 1px dashed #e0e0e0;
}
.popup__present .present-item .product__basic + .product__basic {
  margin-top: 24px;
}
.popup__present .present-item .product__info {
  display: grid;
  grid-template-columns: 80px minmax(calc(100% - 100px), auto);
  -moz-column-gap: 20px;
       column-gap: 20px;
  align-items: flex-start;
}
.popup__present .present-item .product__info-thum {
  display: flex;
  aspect-ratio: 2/3;
  background-color: #f8f8f8;
  align-items: center;
  overflow: hidden;
}
.popup__present .present-item .product__info-thum img {
  max-width: 100%;
  max-height: 100%;
  mix-blend-mode: multiply;
}
.popup__present .present-item .product__info-detail span {
  display: block;
}
.popup__present .present-item .product__info-detail span.brand-name {
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  letter-spacing: -0.08px;
  color: #141a23;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.popup__present .present-item .product__info-detail span.product-name {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.06px;
  color: #404040;
  margin-top: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.popup__present .present-item .product__info-options {
  margin-top: 4px;
}
.popup__present .present-item .product__info-option {
  font-size: 12px;
  line-height: 18px;
  color: #787878;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.popup__present-msg {
  padding: 20px 20px 32px;
}
.popup__present-msg-wrap .msg-method:not(:first-child) {
  margin-top: 16px;
}
.popup__present-msg-wrap .msg-method input.radio-circle {
  width: 23px;
  height: 23px;
  border: 1px solid #e0e0e0;
  border-radius: 50%;
  display: grid;
  place-items: center;
}
.popup__present-msg-wrap .msg-method input.radio-circle:checked {
  border-color: #131922;
}
.popup__present-msg-wrap .msg-method input.radio-circle:checked::after {
  content: "";
  width: 11px;
  height: 11px;
  border: 1px solid #131922;
  border-radius: 50%;
  background-color: #131922;
}
.popup__present-msg-wrap .msg-method label {
  display: flex;
  align-items: center;
  gap: 8px;
}
.popup__present-msg-wrap .msg-method span {
  font-size: 14px;
  color: #404040;
  line-height: 20px;
  flex: 1;
}
.popup__present-msg-number {
  margin-top: 32px;
  display: none;
}
.popup__present-msg-number.show {
  display: block;
}
.popup__present-msg-number .number-input {
  display: grid;
  grid-template-columns: 78px auto;
  -moz-column-gap: 7px;
       column-gap: 7px;
}
.popup__present-msg-number .number-input input[type=number] {
  outline: none;
  padding: 13px 13px 13px 16px;
}
.popup__present-msg-number .number-input input[type=number]::-webkit-outer-spin-button, .popup__present-msg-number .number-input input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.popup__present-msg-number .number-import-button {
  display: flex;
  height: 40px;
  text-align: center;
  font-size: 14px;
  line-height: 20;
  width: 100%;
  justify-content: center;
  align-items: center;
  color: #fff;
  background-color: #787878;
}
.popup__present-msg-number .number-msg-notice {
  margin-top: 16px;
  font-size: 12px;
  line-height: 18px;
  color: #787878;
}
.popup__marketing-terms .marketing-terms,
.popup__shinsegae-tomboy .marketing-terms,
.popup-common-terms .marketing-terms {
  width: 100vw;
  position: relative;
  left: -24px;
}
.popup__marketing-terms .marketing-terms__novice,
.popup__shinsegae-tomboy .marketing-terms__novice,
.popup-common-terms .marketing-terms__novice {
  padding: 32px 0;
  margin-bottom: 28px;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  color: #404040;
  background-color: #f8f8f8;
}
.popup__marketing-terms .marketing-terms__padding,
.popup__shinsegae-tomboy .marketing-terms__padding,
.popup-common-terms .marketing-terms__padding {
  padding: 0 26px;
}
.popup__marketing-terms .marketing-terms__notice,
.popup__shinsegae-tomboy .marketing-terms__notice,
.popup-common-terms .marketing-terms__notice {
  margin-bottom: 24px;
}
.popup__marketing-terms .marketing-terms__notice li,
.popup__shinsegae-tomboy .marketing-terms__notice li,
.popup-common-terms .marketing-terms__notice li {
  position: relative;
  padding-left: 10px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0;
  color: #787878;
}
.popup__marketing-terms .marketing-terms__notice li::before,
.popup__shinsegae-tomboy .marketing-terms__notice li::before,
.popup-common-terms .marketing-terms__notice li::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background-color: #929292;
}
.popup__marketing-terms .marketing-terms__table,
.popup__shinsegae-tomboy .marketing-terms__table,
.popup-common-terms .marketing-terms__table {
  border-collapse: collapse;
  margin-top: auto;
}
.popup__marketing-terms .marketing-terms__th, .popup__marketing-terms .marketing-terms__td,
.popup__shinsegae-tomboy .marketing-terms__th,
.popup__shinsegae-tomboy .marketing-terms__td,
.popup-common-terms .marketing-terms__th,
.popup-common-terms .marketing-terms__td {
  padding: 24px 0 !important;
  vertical-align: top;
  text-align: left;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  border-width: 1px 0px 1px 0px !important;
  background: none !important;
}
.popup__marketing-terms .marketing-terms__th,
.popup__shinsegae-tomboy .marketing-terms__th,
.popup-common-terms .marketing-terms__th {
  width: 82px !important;
  font-size: 12px;
  font-weight: bold;
  line-height: 20px;
  color: #787878;
}
.popup__marketing-terms .marketing-terms__td,
.popup__shinsegae-tomboy .marketing-terms__td,
.popup-common-terms .marketing-terms__td {
  padding: 24px 12px;
}
.popup__marketing-terms .marketing-terms__td h3,
.popup__marketing-terms .marketing-terms__td h4,
.popup__shinsegae-tomboy .marketing-terms__td h3,
.popup__shinsegae-tomboy .marketing-terms__td h4,
.popup-common-terms .marketing-terms__td h3,
.popup-common-terms .marketing-terms__td h4 {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #000;
}
.popup__marketing-terms .marketing-terms__td h3,
.popup__shinsegae-tomboy .marketing-terms__td h3,
.popup-common-terms .marketing-terms__td h3 {
  font-weight: 500;
}
.popup__marketing-terms .marketing-terms__td p,
.popup__shinsegae-tomboy .marketing-terms__td p,
.popup-common-terms .marketing-terms__td p {
  margin-top: 8px;
  font-size: 12px;
  line-height: 18px;
  color: #787878;
}

.layer_termsInfoContLayer .marketing-terms__td h3 {
  font-size: 16px;
  font-weight: 500;
}
.layer_termsInfoContLayer .marketing-terms__td p {
  font-size: 16px;
  font-weight: 500;
  color: #000;
}

.popup-mini {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    width: 311.5px;
    max-height: calc(100vh - 162.5px);
    -webkit-font-smoothing: antialiased;
    background-color: #fff;
    overflow-y: auto;
    z-index: 150;
}
.popup-mini .popup_padding {
  padding: 20px 20px 28px;
}
.popup-mini .popup__content {
  max-height: calc(100vh - 62px - 56px);
  overflow-x: hidden;
  overflow-y: auto;
}
.popup-mini .popup__content p {
    word-break: keep-all;
}
.popup-mini__head {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(100% - 40px);
  height: 57px;
  margin: 0 auto;
  border-bottom: 1px solid #f0f0f0;
  box-sizing: border-box;
}
.popup-mini__head h3 {
  font-size: 16px;
  font-weight: bold;
  color: #000;
}
.popup-mini__head h3.has-icon {
    font-size: 14px;
}
.popup-mini__head h3.has-icon .icon {
    position: relative;
    top: -2px;
    margin-right: 5px;
}
.popup-mini__head .close {
  display: flex;
  width: 20px;
  height: 20px;
  font-size: 0;
  background: url(../image/04IconClose.svg) no-repeat center/contain;
  overflow: hidden;
  text-indent: -9999px;
}
.popup-mini .header-popup {
  position: relative;
  justify-content: flex-start;
  margin: 0 20px;
  padding: 18px 0 16px;
  width: auto;
  min-height: 25px;
  border-bottom: 1px solid #f0f0f0;
  box-sizing: border-box;
}
.popup-mini .header-popup.no-title {
  border: 0;
}
.popup-mini .header-popup__btn.close {
  top: 19px;
  right: 0;
  background: url(../image/icon_close_20.svg) no-repeat center/cover;
}
.popup-mini .header-popup__title {
  text-align: left;
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  color: #000;
  width: 100%;
}
.popup-mini__text {
  padding: 32px 20px;
  text-align: center;
  font-size: 14px;
  color: #131922;
  letter-spacing: 0;
  line-height: 20px;
  word-break: keep-all;
  box-sizing: border-box;
}
.popup-mini__text .bold {
  font-weight: bold;
}
.popup-mini__text .text {
  display: inline-block;
  margin-bottom: 8px;
  font-weight: bold;
}
.popup-mini__text .banned-word-title {
  display: inline-block;
  margin-bottom: 8px;
  font-weight: bold;
}
.popup-mini__text--block {
  display: block;
  margin-bottom: 8px;
}
.popup-mini__btns {
  display: flex;
  justify-content: space-between;
}
.popup-mini__btn {
  flex-basis: fit-content;
  display: inline-flex;
  height: 48px;
  text-align: center;
  flex: 1;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}
.popup-mini__btn.gray {
  background-color: #929292;
  color: #fff;
}
.popup-mini__btn.black {
  background-color: #141a23;
  color: #fff;
}
.popup-mini__common {
  background-color: #fff;
}
.popup-mini__common-text {
  height: 104px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.popup-mini__common-text-title {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #131922;
  text-align: center;
}
.popup-mini__common-text-title span {
  font-weight: bold;
}
.popup-mini__common-text-title .gold {
  color: #d99c63;
}
.popup-mini__common-text-title .margin {
  display: block;
  margin-bottom: 8px;
}
.popup-mini__common-btn {
  display: flex;
  justify-content: center;
}
.popup-mini__common-btn button {
  width: 100%;
  padding: 14px 20px;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  background: #131922;
}
.popup-mini__common-btn .gray {
  background: #929292;
}
.popup-mini__guide-text {
  margin: 0 20px;
  padding: 18px 0 17px;
  background-color: #fff;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e0e0e0;
}
.popup-mini__guide-text2 {
  padding: 20px 20px 28px;
  font-size: 14px;
  line-height: 20px;
  color: #000;
  box-sizing: border-box;
}
.popup-mini__guide-title {
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  color: #000;
}
.popup-mini__guide-close {
  width: 20px;
  height: 20px;
  margin-left: auto;
  background: url("../image/icon_close_black.svg") no-repeat center/contain;
}
.popup-mini__guide-description {
  padding: 20px 24px;
  background: #fff;
}
.popup-mini__guide-description p {
  position: relative;
  padding-bottom: 8px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #404040;
  text-align: left;
}
.popup-mini__guide-description p::before {
  position: absolute;
  display: block;
  content: "";
  width: 2px;
  height: 2px;
  top: 9px;
  left: -8px;
  background-image: url(../image/icon_bullet_small.svg);
  background-repeat: no-repeat;
  background-size: cover;
}
.popup-mini__guide-description p:last-child {
  padding-bottom: 0;
}
.popup-mini__guide-description p.dot-none::before {
  display: none;
}
.popup-mini__guide-description p.text {
  padding-left: 8px;
  font-size: 12px;
  line-height: 18px;
  color: #787878;
}
.popup-mini__guide-description p.text::before {
  left: 0;
}
.popup-mini__guide-description p .gray {
  color: #929292;
}
.popup-mini__guide-description-type2 {
    background: #fff;
}
.popup-mini__guide-description-type2 p {
    position: relative;
    padding-bottom: 8px;
    padding-left: 10px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    text-align: left;
}
.popup-mini__guide-description-type2 p::before {
    position: absolute;
    display: block;
    content: "";
    width: 2px;
    height: 2px;
    border-radius: 50%;
    top: 9px;
    left: 0;
    background-color: #000;
}
.popup-mini__guide-description-type2 p:last-child {
    padding-bottom: 0;
}
.popup-mini__guide-html {
  padding: 16px 20px;
  margin: 0 20px 28px;
  background-color: #f8f8f8;
  box-sizing: border-box;
}
.popup-mini__guide-wrap {
  margin-bottom: 28px;
  padding: 0 24px;
}
.popup-mini__guide-wrap-text {
  padding: 16px 20px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  text-align: center;
  color: #404040;
  background-color: #f8f8f8;
}
.popup-mini__guide-wrap-text span {
  color: #d99c63;
}
.popup-mini__guide-wrap-description {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #787878;
}
.popup-mini__guide-btn {
  display: flex;
  justify-content: center;
}
.popup-mini__guide-btn button {
  width: 100%;
  padding: 14px 20px;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  background: #131922;
}
.popup-mini__guide-btn button.gray {
  background-color: #929292;
}
.popup-mini__guide-list {
  padding: 20px;
}
.popup-mini__guide-item {
  padding: 20px;
  background-color: #f8f8f8;
}
.popup-mini__guide-item.white {
  padding: 12px 20px 24px 20px;
  background-color: #fff;
}
.popup-mini__guide-box {
  display: flex;
  justify-content: space-between;
}
.popup-mini__guide-title-2 {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #131922;
}
.popup-mini__guide-title-2 span {
  font-weight: bold;
}
.popup-mini__guide-text-2 {
  margin-top: 4px;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0;
  color: #787878;
}
.popup-mini__guide-text-2.gold {
  color: #d99c63;
}
.popup-mini__guide-text-3 {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #787878;
}
.popup-mini__guide-text-3.bold {
  font-weight: bold;
  color: #131922;
  text-decoration: underline;
}
.popup-mini__guide-text-3.bold-none {
  font-weight: bold;
  color: #131922;
}
.popup-mini__gift-img {
  padding: 18px 20px 28px;
  box-sizing: border-box;
}
.popup-mini__gift-img-head {
  position: relative;
}
.popup-mini__gift-img-head-title {
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  letter-spacing: 0;
  color: #141a23;
  text-align: left;
}
.popup-mini__gift-img-close {
  position: absolute;
  top: 1px;
  right: 0;
  width: 20px;
  height: 20px;
}
.popup-mini__gift-img-close img {
  width: 100%;
}
.popup-mini__gift-img-wrap {
  margin: 16px auto 12px;
}
.popup-mini__gift-img-wrap img {
  width: 100%;
}
.popup-mini__gift-img-text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #131922;
  text-align: left;
}
.popup-mini__strong {
  display: block;
  padding-bottom: 8px;
}
.popup-mini .discount-detail {
  display: flex;
  flex-direction: column;
  margin: 0 20px;
  padding: 20px 0 30px;
}
.popup-mini .discount-detail__price {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 20px;
  font-size: 14px;
  color: #141a23;
  letter-spacing: 0;
}
.popup-mini .discount-detail__price:not(.total) {
  margin-bottom: 12px;
}
.popup-mini .discount-detail__price span {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
}
.popup-mini .discount-detail__price.total {
  margin-top: 2px;
  padding-top: 16px;
  border-top: 1px solid #a0a0a0;
}
.popup-mini .discount-detail__price.total span:first-of-type {
  font-weight: bold;
}
.popup-mini .discount-detail__price.total span b {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0;
  color: #141a23;
}
.popup-mini .gifts {
  padding: 20px 20px 28px 20px;
}
.popup-mini .gifts-img img {
  width: 100%;
}
.popup-mini .gifts-desc {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  margin-top: 12px;
}
.popup-mini.popup-mini-after-profit-price .popup__gifts {
  padding: 23px 20px 32px;
}
.popup-mini.popup-mini-after-profit-price .popup__gifts .popup__gifts-text {
  margin-top: 0;
}
.popup-mini.layer_confirm .popup-mini__dormancy-util {
  display: block;
  margin: 15px 0 -15px;
  text-align: left;
  color: #404040;
  letter-spacing: -0.3px;
}

.popup-mini.popup-sent-card {
  max-height: -webkit-fit-content;
  max-height: -moz-fit-content;
  max-height: fit-content;
}
.popup-mini.popup-mini-si-e-point .header-popup {
  margin: 0 24px;
}
.popup-mini.popup-mini-si-e-point .popup-mini__guide-description {
  padding: 20px 20px 28px;
}
.popup-mini.popup-mini-si-e-point .popup-mini__guide-description p {
  position: relative;
  padding-left: 10px;
  word-break: keep-all;
  overflow-wrap: break-word;
}
.popup-mini.popup-mini-si-e-point .popup-mini__guide-description p::before {
  content: "";
  position: absolute;
  left: var(--v-bullet-x, 0px);
  top: var(--v-bullet-y, calc((var(--v-bullet-list-font-size, 14px) * var(--v-bullet-list-line-height, 1.3) - var(--v-bullet-size, 2px)) / 2));
  width: var(--v-bullet-size, 2px);
  height: var(--v-bullet-size, 2px);
  background: var(--v-bullet-color, currentColor);
  border-radius: 50%;
}

.layer_alert .layerContent em {
  color: #d99c63;
  font-weight: bold;
}
.layer_alert .popup-mini__btns {
  position: -webkit-sticky;
  position: sticky;
  width: 100%;
  bottom: 0;
}

.siv-toast {
  position: fixed;
  width: 100vw;
  max-height: 85%;
  padding: 0;
  bottom: 0;
  box-sizing: border-box;
  background: #fff;
  z-index: 150;
  transform: translateY(100%);
  opacity: 0;
  overflow: hidden;
}
.siv-toast.active {
  -webkit-animation: toastPopup 0.8s forwards;
          animation: toastPopup 0.8s forwards;
  overflow-y: auto;
}
.siv-toast.deactive {
  -webkit-animation: toastPopupClose 0.8s forwards;
          animation: toastPopupClose 0.8s forwards;
}
.siv-toast.disabled {
  overflow-y: hidden;
}
.siv-toast .toast__bottom-btn {
  width: 50%;
}

.toast__close {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding-top: 8px;
  padding-bottom: 28px;
  background: #fff;
  width: 100%;
  z-index: 2;
}
.toast__close-btn {
  display: block;
  width: 48px;
  height: 4px;
  margin: 0 auto;
  font-size: 0;
  font-weight: 500;
  border-radius: 2px;
  background: #e0e0e0;
}

.toast__title {
  padding: 20px 24px 26px;
  font-size: 24px;
  line-height: 29px;
  color: #131922;
}
.toast__title.null {
  height: 0;
  padding: 0;
  margin: 0;
  display: none;
}

.filter__title {
  position: relative;
  width: 100%;
  height: 56px;
  padding: 0 26px 0 24px;
  font-size: 20px;
  line-height: 56px;
  color: #131922;
  text-align: left;
  background: url(../image/icon_arrow_down_on.svg);
  background-repeat: no-repeat;
  background-position: center right 26px;
  background-size: 20px 20px;
}
.filter__title.on {
  background: url(../image/icon_arrow_up_on.svg);
  background-repeat: no-repeat;
  background-position: center right 26px;
  background-size: 20px 20px;
}
.filter__title.padding {
  margin-top: 22px;
}

.siv_filter:first-of-type {
  color: black;
}
.siv_filter:first-of-type .filter__title.on {
  margin-top: 0;
}

.brand__search {
  padding: 0 24px;
}
.brand__search-wrap {
  margin-bottom: 16px;
}
.brand__search-input {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 11px 0;
  border-bottom: 1px solid #929292;
  box-sizing: border-box;
}
.brand__search-input.write .brand__search-btns .icon-delete {
  display: inline-block;
}
.brand__search-input input[type=text] {
  border: 0;
  width: 76%;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}
.brand__search-input input::-moz-placeholder {
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
  color: #929292;
}
.brand__search-input input::placeholder {
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
  color: #929292;
}
.brand__search-input input:focus::-webkit-input-placeholder {
  color: transparent;
}
.brand__search-input input:focus::-moz-placeholder {
  color: transparent;
}
.brand__search-input input:focus:-ms-input-placeholder {
  color: transparent;
}
.brand__search-input input:focus::-ms-input-placeholder {
  color: transparent;
}
.brand__search-btns button {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
}
.brand__search-btns .icon-delete {
  display: none;
  width: 20px;
  height: 20px;
  background: url(../image/iconCloseFill_s.svg) no-repeat center/contain;
}
.brand__search-btns .icon-search {
  margin-left: 10px;
  background: url(../image/icon_search_thin_s.svg) no-repeat center/contain;
}

.toast__small-title {
  display: flex;
  height: 56px;
  padding: 0 24px;
  justify-content: space-between;
  align-items: center;
  transition: margin-top 1s;
}
.toast__small-title .back {
  position: absolute;
  display: block;
  width: 32px;
  height: 32px;
  box-sizing: border-box;
  background-size: cover;
  background-repeat: no-repeat;
  font-size: 0;
  left: 16px;
  background-image: url(../image/icon_arrow_left.svg);
}
.toast__small-title.margin {
  margin-top: 16px;
}
.toast__small-title span {
  font-size: 20px;
  color: #141a23;
}
.toast__small-title button {
  width: 20px;
  height: 20px;
  background: url(../image/04IconArrowUp_b.svg) no-repeat center/cover;
}
.toast__small-title button.arrow-up {
  transform: rotate(0deg);
}
.toast__small-title button.arrow-down {
  transform: rotate(180deg);
}
.toast__small-btn {
  position: relative;
  width: 100%;
  height: 56px;
  padding: 0 26px 0 24px;
  font-size: 20px;
  line-height: 56px;
  color: #131922;
  text-align: left;
  background: url(../image/icon_arrow_up_on.svg);
  background-repeat: no-repeat;
  background-position: center right 26px;
  background-size: 20px 20px;
}
.toast__small-btn.on {
  background: url(../image/icon_arrow_down_on.svg);
  background-repeat: no-repeat;
  background-position: center right 26px;
  background-size: 20px 20px;
}
.toast__small-btn.padding {
  margin-top: 22px;
}
.toast__btn-wrap {
  margin: 16px 24px 0;
}
.toast__btn-wrap button {
  width: 100%;
}
.toast__bottom-btn {
  height: 48px;
  font-size: 14px;
}
.toast__bottom-btn-wrap {
  display: flex;
  bottom: 0;
  left: 0;
  padding: 12px 24px 34px 24px;
  background-color: #fff;
  z-index: 1;
}
.toast__bottom-btn-wrap.up {
  position: -webkit-sticky;
  position: sticky;
}
.toast__bottom-btn-wrap.down {
  position: static;
}
.toast_filter .toast__bottom-btn-wrap,
.toast_benefits .toast__bottom-btn-wrap {
  position: -webkit-sticky;
  position: sticky;
}

.toast__rescan {
  margin-bottom: 16px;
  padding-bottom: 32px;
  border-bottom: 8px solid #f4f4f4;
}
.toast__rescan-search {
  padding: 0 24px;
}
.toast__rescan-input {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 11px 0;
  border-bottom: 1px solid #000;
  box-sizing: border-box;
}
.toast__rescan-input.write .toast__search-btns .icon-delete {
  display: inline-block;
}
.toast__rescan-input input[type=text] {
  border: 0;
  width: 76%;
  line-height: 2.2rem;
}
.toast__rescan-input input::-moz-placeholder {
  font-size: 16px;
  line-height: 22px;
  color: #929292;
}
.toast__rescan-input input::placeholder {
  font-size: 16px;
  line-height: 22px;
  color: #929292;
}
.toast__rescan-btns button {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
}
.toast__rescan-btns .icon-delete {
  display: none;
  width: 20px;
  height: 20px;
  background: url(../image/iconCloseFill_s.svg) no-repeat center/contain;
}
.toast__rescan-btns .icon-search {
  margin-left: 10px;
  background: url(../image/icon_search_thin_s.svg) no-repeat center/contain;
}
.toast__rescan .options {
  display: flex;
  flex-wrap: wrap;
  padding: 32px 24px 0;
}
.toast__rescan .options .option {
  width: 50%;
}
.toast__rescan .options .option-detail {
  display: flex;
  align-items: center;
}
.toast__rescan .options .option-detail p {
  margin-left: 8px;
  font-size: 16px;
  line-height: 22px;
  color: #000;
}
.toast__option {
  display: flex;
  flex-wrap: wrap;
  padding: 0 24px;
}
.toast__option-item {
  width: 50%;
  margin-bottom: 24px;
}
.toast__option-detail {
  display: flex;
  align-items: center;
  position: relative;
}
.toast__option-detail input[type=checkbox] {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.toast__option-detail p {
  margin-left: 8px;
  font-size: 16px;
  line-height: 22px;
  color: #000;
}
.toast__share-list {
  display: flex;
  justify-content: center;
  padding: 8px 24px 58px;
  background: #fff;
}
.toast__share-list li {
  margin: 0 12px;
}
.toast__share-item {
  border-radius: 50%;
}
.toast__share-item.facebook {
  background: rgb(59, 90, 152);
}
.toast__share-item.kakao {
  background: rgb(254, 219, 0);
}
.toast__share-item.story {
  background: rgb(254, 219, 0);
}
.toast__share-item.line {
  background-color: #3acd01;
}
.toast__share-item.url {
  background: #141a23;
}
.toast__share a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
}
.toast__share a img {
  width: 32px;
}
.toast_solt {
  height: 60%;
  max-height: none;
}
.toast-sort__list {
  padding-bottom: 48px;
}
.toast-sort__item label input[type=radio] {
  display: none;
}
.toast-sort__item label input[type=radio] ~ span {
  font-size: 16px;
  display: block;
  padding: 0 24px;
  line-height: 48px;
  color: #787878;
}
.toast-sort__item label input[type=radio]:checked ~ span {
  color: #000;
  background: url(../image/icon_check_new.svg) no-repeat right 24px center;
}
.toast__color .toast__show-hide {
  padding-bottom: 32px;
}
.toast__color .options {
  padding-top: 16px;
}
.toast__msg {
  position: fixed;
  bottom: 106px;
  right: 24px;
  left: 24px;
  height: 40px;
  padding: 10px 0;
  border-radius: 1px;
  background-color: rgba(0, 0, 0, 0.85);
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  box-sizing: border-box;
  opacity: 0;
  z-index: 121;
}
.toast__msg.on {
  -webkit-animation: toastMsgOn 0.8s forwards;
          animation: toastMsgOn 0.8s forwards;
}
.toast__msg.off {
  -webkit-animation: toastMsgOff 0.8s forwards;
          animation: toastMsgOff 0.8s forwards;
}
.toast_filtering_option {
  height: 60%;
  max-height: none;
}
.toast_filtering__list {
  position: -webkit-sticky;
  position: sticky;
  top: 40px;
  padding: 0 24px;
  border-bottom: 1px solid #e0e0e0;
  background-color: #fff;
  z-index: 5;
}
.toast_filtering__slide:not(:first-child) {
  padding-left: 24px;
}
.toast_filtering__slide.is-active .toast_filtering__button {
  color: #131922;
}
.toast_filtering__slide.is-active .toast_filtering__button:after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #131922;
}
.toast_filtering__button {
  font-size: 16px;
  position: relative;
  padding: 12px 0;
  color: #929292;
  line-height: 24px;
  white-space: nowrap;
}
.toast_filtering__contents {
  position: relative;
  display: none;
}
.toast_filtering__contents.is-active {
  display: block;
}
.toast_filtering__contents .siv_filter .filter__option {
  display: block;
  border: 0 none;
  padding: 0;
}
.toast_filtering__contents .siv_filter .filter__option .options {
  padding: 24px 24px 0;
}
.toast_filtering__contents .siv_filter .filter__option .options.filter__color, .toast_filtering__contents .siv_filter .filter__option .options.filter__category, .toast_filtering__contents .siv_filter .filter__option .options.filter__brand {
  padding-top: 12px;
}
.toast_filtering__contents .siv_filter .filter__option--brand {
  padding-bottom: 175px;
}

.categories {
  padding: 0 24px;
}
.categories__list .categories__list {
  display: none;
  padding-left: 12px;
}
.categories__item.is-active > .categories__list {
  display: block;
}
.categories__item.is-active > .categories__inner .button__update {
  font-weight: bold;
}
.categories__item.is-active > .categories__inner .button__cancel {
  display: block;
}
.categories__item.is-disabled {
  display: none;
}
.categories__inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  height: 48px;
}
.categories__count {
  margin-left: 6px;
  color: #929292;
}
.categories .button {
  position: relative;
}
.categories .button__update {
  font-size: 16px;
  color: #000;
  line-height: 22px;
}
.categories .button__cancel {
  display: none;
  width: 26px;
  height: 26px;
}
.categories .button__cancel:before {
  content: "";
  display: block;
  height: 100%;
  background: url(../image/15close_ico.svg) no-repeat center;
  background-size: contain;
}

.all-brand {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #fff;
  transform: translateX(100%);
  overflow: hidden;
  z-index: 1;
  transition: transform 0.3s ease-in-out;
}
.all-brand__title {
  position: relative;
  display: flex;
  height: 56px;
  padding: 12px 24px 0;
  justify-content: center;
  align-items: center;
}
.all-brand__title .text {
  font-size: 18px;
  color: #131922;
  line-height: 26px;
}
.all-brand__title .back {
  position: absolute;
  width: 32px;
  height: 32px;
  box-sizing: border-box;
  background-size: cover;
  background-repeat: no-repeat;
  font-size: 0;
  left: 16px;
  background-image: url(../image/icon_arrow_left.svg);
}
.all-brand .siv_filter .filter__option .options.filter__brand {
  padding-top: 0;
}
.all-brand.is-active {
  height: auto;
  transform: translateX(0%);
}
.fiter__more-detail .toast__small-title span {
  font-size: 18px;
  display: block;
  width: 100%;
  text-align: center;
  line-height: 26px;
}
.fiter__more-detail .siv_filter .filter__option {
  padding-bottom: 34px;
  border-bottom: 0;
}
.fiter__more-detail .siv_filter .filter__option .filter__brand {
  padding-top: 0;
}
.fiter__more-detail .toast__bottom-btn-wrap {
  position: -webkit-sticky;
  position: sticky;
}

.siv_filter .filter__option {
  display: none;
  padding-bottom: 32px;
  border-bottom: 8px solid #f4f4f4;
}
.siv_filter .filter__option.on {
  display: block;
}
.siv_filter .filter__option .options {
  display: flex;
  flex-wrap: wrap;
  padding: 12px 24px 0;
}
.siv_filter .filter__option .options .option {
  width: 50%;
  margin-bottom: 24px;
}
.siv_filter .filter__option .options .option label {
  display: flex;
  align-items: center;
}
.siv_filter .filter__option .options .option label p {
  flex: 1;
  margin-left: 8px;
  font-size: 16px;
  line-height: 22px;
  color: #000;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.siv_filter .filter__option .options.filter__color .option-color {
  width: 50%;
  padding: 10px 0;
}
.siv_filter .filter__option .options.filter__color .option-color label.option-detail {
  display: grid;
  grid-template-columns: 28px auto;
  align-items: center;
  gap: 10px;
}
.siv_filter .filter__option .options.filter__color .option-color input[type=checkbox] {
  display: none;
}
.siv_filter .filter__option .options.filter__color .option-color input[type=checkbox] ~ .color-wrap {
  border: 1px solid transparent;
}
.siv_filter .filter__option .options.filter__color .option-color input[type=checkbox]:checked ~ .color-wrap {
  border: 1px solid #131922;
}
.siv_filter .filter__option .options.filter__color .option-color .color-wrap {
  width: 28px;
  height: 28px;
  padding: 1px;
  box-sizing: border-box;
  position: relative;
  flex-shrink: 0;
}
.siv_filter .filter__option .options.filter__color .option-color .color-wrap img {
  width: 100%;
}
.siv_filter .filter__option .options.filter__color .option-color .color-name {
  font-size: 16px;
  line-height: 22px;
  color: #000;
}
.siv_filter .filter__option .options.filter__color .option-color:last-child {
  padding-bottom: 24px;
}
.siv_filter .filter__option.padding {
  padding: 0 28px 28px;
}
.siv_filter .filter__brand .toast__show-hide {
  padding-bottom: 32px;
}
.siv_filter .filter__brand.options {
  display: block;
  overflow: hidden;
  padding: 16px 24px 0;
  box-sizing: content-box;
}
.siv_filter .filter__brand.options.all {
  display: none;
  overflow-y: auto;
}
.siv_filter .filter__brand.options.write .option {
  display: none;
}
.siv_filter .filter__brand.options.write .option.match {
  display: flex;
}
.siv_filter .filter__brand.options .option {
  display: flex;
  width: 100%;
  margin-bottom: 0;
  align-items: center;
}
.siv_filter .filter__brand.options .option .list__icon {
  flex: none;
  width: 28px;
  margin-right: 14px;
}
.siv_filter .filter__brand.options .option .list__icon.heart {
  display: inline-block;
  height: 24px;
  margin-right: 14px;
  background: url(../image/icon_heart_black_on.svg) no-repeat center/contain;
}
.siv_filter .filter__brand.options .option .list__icon.best {
  display: inline-block;
  margin-right: 12px;
  height: 20px;
  background: url(../image/icon_badge_best.png) no-repeat center/contain;
}
.siv_filter .filter__brand.options .option .list__icon + .option-detail .list__brandname {
  max-width: 100%;
}
.siv_filter .filter__brand.options .option .option-detail {
  width: 100%;
  min-width: calc(100% - 42px);
  height: 48px;
}
.siv_filter .filter__brand.options .option .list__item {
  font-size: 16px;
  width: 100%;
  min-width: calc(100% - 34px);
  display: flex;
  gap: 8px;
  margin-left: 0;
  color: #000;
}
.siv_filter .filter__brand.options .option .list__item .list__brandname,
.siv_filter .filter__brand.options .option .list__item .list__brandname-kr {
  white-space: nowrap;
  text-overflow: ellipsis;
  text-transform: uppercase;
  overflow: hidden;
}
.siv_filter .filter__brand.options .option .list__item .list__brandname-kr,
.siv_filter .filter__brand.options .option .list__item .list__count {
  color: #929292;
}
.siv_filter .filter__brand.options .option .list__item .list__brandname {
  flex: none;
  max-width: calc(100% - 40px);
}
.siv_filter .filter__brand.options .option .list__item .list__count {
  flex: 1;
}
.siv_filter .filter__brand.options .option .checkbox {
  flex: none;
  margin-left: 10px;
}
.siv_filter .filter__brand.no-search {
  height: auto;
}
.siv_filter .filter__brand.no-search p {
  height: 240px;
  font-size: 14px;
  line-height: 200px;
  color: #787878;
  text-align: center;
}
.siv_filter .filter__brand ~ .toast__btn-wrap {
  margin: 20px 24px;
}
.siv_filter .filter__brand .btn-wide {
  margin-top: 16px;
}
.siv_filter .filter__brand .btn-open.hide {
  display: none;
}
.siv_filter .filter_price .slider {
  position: relative;
  z-index: 1;
  height: 1px;
}
.siv_filter .filter_price .slider .track {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 5px;
  background-color: #e0e0e0;
  z-index: 1;
}
.siv_filter .filter_price .slider .range {
  position: absolute;
  top: 0;
  left: 40%;
  right: 40%;
  bottom: 0;
  background-color: #141a23;
  z-index: 2;
}
.siv_filter .filter_price .slider .thumb {
  position: absolute;
  z-index: 3;
  width: 15px;
  height: 15px;
  background-color: #131922;
  border-radius: 50%;
}
.siv_filter .filter_price .slider .left {
  left: 25%;
  transform: translate(-50%, -50%);
}
.siv_filter .filter_price .slider .right {
  right: 25%;
  transform: translate(50%, -50%);
}
.siv_filter .filter_price input[type=range] {
  position: absolute;
  z-index: 2;
  height: 10px;
  width: 90%;
  pointer-events: none;
  opacity: 0;
}
.siv_filter .filter_price input[type=range]::-webkit-slider-thumb {
  pointer-events: all;
  width: 30px;
  height: 30px;
  border-radius: 0;
  border: 0 none;
  -webkit-appearance: none;
}
.siv_filter .filter_price .min_max_price {
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
}
.siv_filter .filter_price .min_max_price span {
  font-size: 14px;
  line-height: 20px;
  color: #929292;
}
.siv_filter .filter_price .selected_price {
  display: flex;
  align-items: center;
  margin-top: 8px;
  font-size: 14px;
  line-height: 20px;
}
.siv_filter .filter_price .selected_price span {
  position: relative;
  width: 50%;
}
.siv_filter .filter_price .selected_price span::after {
  content: "원";
  position: absolute;
  top: 0;
  right: 9px;
  font-size: 16px;
  font-weight: bold;
  line-height: 46px;
}
.siv_filter .filter_price .selected_price span:first-child {
  margin-right: 8px;
}
.siv_filter .filter_price .selected_price span:last-child {
  margin-left: 8px;
}
.siv_filter .filter_price .selected_price input {
  width: 100%;
  height: 46px;
  padding: 11px 25px 11px 8px;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  text-align: right;
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
}
.siv_filter .filter__category.options {
  padding: 0 24px;
}
.siv_filter .filter__category.options .option {
  display: flex;
  align-items: center;
  width: 100%;
  height: 48px;
  margin-bottom: 0;
}
.siv_filter .filter__category.options .option.on .items:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: -3px;
  left: 0;
  background: #000;
}
.siv_filter .filter__category.options .option .badge {
  margin-right: 12px;
  padding: 0 4px;
  font-size: 8px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.53px;
  color: #fff;
  background-color: #000;
  box-sizing: border-box;
}
.siv_filter .filter__category.options .option button {
  font-size: 16px;
  line-height: 48px;
  color: #000;
}
.siv_filter .filter__category.options .option button span {
  margin-left: 6px;
  color: #929292;
}
.siv_filter .filter__category.options .option .items {
  position: relative;
  display: flex;
  width: calc(100% - 48px);
  height: 20px;
}
.siv_filter .filter__category.options .option .items .item {
  position: relative;
  display: inline-block;
  max-width: 50%;
  font-size: 16px;
  line-height: 22px;
  color: #000;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.siv_filter .filter__category.options .option .items .item:nth-child(2) {
  padding-left: 18px;
}
.siv_filter .filter__category.options .option .items .item:nth-child(2)::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 2px;
  transform: translateY(-50%);
  display: block;
  width: 12px;
  height: 8px;
  background: url(../image/invalidName.png) no-repeat center/contain;
}
.siv_filter .filter__category .toast__show-hide {
  padding-bottom: 32px;
}
.siv_filter .filter__category.detail {
  height: 54.7rem;
  padding-top: 16px;
  border-top: 8px solid #f4f4f4;
}
.siv_filter .filter__category-list {
  padding: 0 24px;
}
.siv_filter .filter__category-list li {
  height: 48px;
  line-height: 48px;
}
.siv_filter .filter__category-list li a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 16px;
  letter-spacing: 0;
}
.siv_filter .filter__category-list li a .count {
  color: #929292;
}
.siv_filter .fiter__more-detail {
  height: 54.7rem;
  padding-top: 16px;
  border-top: 8px solid #f4f4f4;
}
.siv_filter .fiter__more-detail .toast__small-title {
  justify-content: center;
}
.siv_filter .fiter__more-detail .toast__show-hide {
  border-bottom: 0;
}
.siv_filter .fiter__more-detail .back {
  position: absolute;
  display: block;
  width: 32px;
  height: 32px;
  box-sizing: border-box;
  background-size: cover;
  background-repeat: no-repeat;
  font-size: 0;
  left: 16px;
  background-image: url(../image/icon_arrow_left.svg);
}

.toast_benefits .toast__title {
  padding: 0 24px 0;
  background: #fff;
  border-bottom: 1px solid #e0e0e0;
  display: flex;
  gap: 24px;
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  top: 40px;
  z-index: 5;
}
.toast_benefits .toast__title button {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.4px;
  color: #131922;
  color: #929292;
  position: relative;
  padding-bottom: 12px;
}
.toast_benefits .toast__title button.active {
  color: #000;
  font-weight: 500;
}
.toast_benefits .toast__title button.active::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  height: 2px;
  width: 100%;
  background: #000;
}
.toast_benefits .toast-filter__content {
  display: none;
  height: 40.8866995074vh;
  overflow-y: auto;
}
.toast_benefits .toast-filter__content.active {
  display: block;
}
.toast_benefits .toast__option {
  padding-top: 25px;
}
.toast_benefits .filter__title {
  background: none;
  pointer-events: none;
}
.toast_benefits .filter__option {
  padding-bottom: 40px;
  border-bottom: none;
}
.toast_benefits .filter__brand label.option-detail p {
  display: flex;
  align-items: center;
  -moz-column-gap: 6px;
       column-gap: 6px;
}
.toast_benefits .filter__brand label.option-detail p .list__number {
  color: #929292;
}
.toast_benefits .filter__brand.no-search {
  height: auto;
}
.toast_benefits .filter__brand.no-search p {
  height: 240px;
  font-size: 14px;
  line-height: 200px;
  color: #787878;
  text-align: center;
}

.toast-more {
  position: -webkit-sticky;
  position: sticky;
  display: none;
  width: 100vw;
  max-height: 100vh;
  padding: 0;
  bottom: 0;
  box-sizing: border-box;
  background: #fff;
  z-index: 150;
  overflow-y: auto;
}
.toast-more.active {
  display: block;
}
.toast-brand-all {
  height: 85vh;
}
.toast-brand-all .toast__title {
  margin-bottom: 16px;
  border-bottom: 8px solid #f4f4f4;
}
.toast-brand-all .fiter__category.detail {
  height: calc(100vw - 210px);
  box-sizing: border-box;
}

.toast-category .toast__title {
  margin-bottom: 16px;
  border-bottom: 8px solid #f4f4f4;
}

.toast-category-big {
  height: 85vh;
}
.toast-category-big .toast__small-title {
  margin-bottom: 16px;
}
.toast-category-big .popup-category__item a,
.toast-category-big .popup-category__item button {
  display: flex;
  font-size: 16px !important;
  color: #000;
}
.toast-category-big .popup-category__item a span:first-child,
.toast-category-big .popup-category__item button span:first-child {
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.toast-category-big .popup-category__item a span:last-child,
.toast-category-big .popup-category__item button span:last-child {
  flex: 0 0 auto;
  display: inline-block;
  margin-left: 6px;
  color: #929292;
}

.toast-notice {
  position: fixed;
  bottom: 0;
  transform: translateY(100%);
  width: 100vw;
  max-height: calc(var(--vh, 1vh) * 100 - 15vh);
  padding: 0 0 16px 0;
  background: #fff;
  box-sizing: border-box;
  opacity: 0;
  overflow-y: hidden;
  z-index: 150;
}
.toast-notice.active {
  -webkit-animation: toastPopup 1s forwards;
          animation: toastPopup 1s forwards;
  overflow-y: visible;
}
.toast-notice.deactive {
  -webkit-animation: toastPopupClose 1s forwards;
          animation: toastPopupClose 1s forwards;
}
.toast-notice .toast__content-shopbag {
  position: relative;
}
.toast-notice .toast__notice-swiper .swiper-wrapper {
  align-items: center;
}
.toast-notice .toast__notice-swiper .swiper-slide {
  display: flex;
  align-items: center;
}
.toast-notice .toast__notice-swiper a {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  overflow: hidden;
}
.toast-notice .toast__notice-swiper img {
  width: 100%;
}
.toast-notice .swiper-pagination-bullets {
  position: absolute;
  margin: 0;
  bottom: 28px;
}
.toast-notice .swiper-pagination-bullets .swiper-pagination-bullet {
  height: 2px;
  background-color: #e0e0e0;
  opacity: 0.64;
}
.toast-notice .swiper-pagination-bullets .swiper-pagination-bullet-active {
  background-color: #fefefe;
  opacity: 1;
}
.toast-notice .toast__close {
  position: static;
  top: auto;
  margin-top: 16px;
  padding: 0 24px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  box-sizing: border-box;
  z-index: auto;
}
.toast-notice .toast__close .toast__close-today {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.11px;
  color: #131922;
}
.toast-notice .toast__close .toast__close-today input[type=checkbox] {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 6px;
  background: url(../image/icon_checkbox_v.png) no-repeat 0 0;
  background-size: 90%;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
.toast-notice .toast__close .toast__close-btn {
  font-size: 14px;
  width: auto;
  height: auto;
  margin: 0;
  color: #131922;
  letter-spacing: -0.11px;
  border-radius: 0;
  background: none;
}
.toast-notice-bg {
  position: fixed;
  display: none;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 145;
  background-color: rgba(0, 0, 0, 0.64);
  opacity: 0;
  transition: all 1s;
}
.toast-notice-bg.active {
  opacity: 1;
  display: block;
}
.toast-notice-bg.lower {
  z-index: 110;
}

.toast-option__head {
  margin: 0 24px 24px;
  padding: 16px;
  background-color: #f8f8f8;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.toast-option__head-title {
  font-size: 14px;
  line-height: 20px;
  color: #131922;
}
.toast-option__head-bold {
  margin-bottom: 8px;
  font-weight: bold;
}
.toast-option__head-description {
  font-size: 12px;
  color: #787878;
  line-height: 18px;
}
.toast-option__head-message {
  font-size: 12px;
  line-height: 18px;
  color: #DB3C3C;
}
.toast-option__button {
  margin: 0 24px 17px 24px;
  font-size: 12px;
  height: 20px;
  letter-spacing: 0;
  color: #a0a0a0;
  text-decoration: underline;
}
.toast-option__radio {
  position: relative;
  display: flex;
  align-items: centerw;
  padding: 0 24px 20px;
}
.toast-option__radio-title {
  margin: 24px 24px 8px 24px;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  color: #141a23;
}
.toast-option__radio p {
  width: 57px;
  margin-top: 4px;
  padding-top: 10px;
  font-size: 14px;
  font-weight: 500;
  color: #404040;
}
.toast-option__radio-options {
  display: flex;
  flex-wrap: wrap;
  width: 54%;
}
.toast-option__radio-options label {
  position: relative;
  box-sizing: border-box;
  display: flex;
  width: auto;
  height: 40px;
  margin-top: 4px;
}
.toast-option__radio-options label:not(:last-of-type) {
  margin-right: 4px;
}
.toast-option__radio-options label input[type=radio] {
  display: none;
}
.toast-option__radio-options label input[type=radio] ~ input[type=hidden] {
  display: none;
}
.toast-option__radio-options label input[type=radio] ~ .text {
  position: relative;
  display: block;
  width: auto;
  min-width: 40px;
  height: 40px;
  padding: 0 8px;
  font-size: 12px;
  line-height: 40px;
  color: #131922;
  text-align: center;
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
}
.toast-option__radio-options label input[type=radio]:checked ~ span {
  border-color: #141a23;
}
.toast-option__radio-options label input[type=radio]:disabled ~ span, .toast-option__radio-options label input[type=radio] ~ .disabled {
  border: none;
  color: #c8c8c8;
}
.toast-option__radio-options label input[type=radio]:disabled ~ span::after, .toast-option__radio-options label input[type=radio] ~ .disabled::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(/mo/assets/comm/image/detail_product_item_color_disable_x.svg) no-repeat center;
  background-size: 100% 100%;
}
.toast-option__radio-options label input[type=radio]:checked ~ .disabled {
  line-height: 38px;
  background-color: #f0f0f0;
}
.toast-option__radio-options label input[type=radio]:checked ~ .disabled::after {
  background: url(/mo/assets/comm/image/detail_product_item_color_disable_select_x.svg) no-repeat center/cover;
  border: 1px solid #141a23;
  box-sizing: border-box;
}
.toast-option__radio button {
  margin-left: auto;
  font-size: 12px;
  letter-spacing: 0;
  color: #a0a0a0;
  text-decoration: underline;
}
.toast-option__color {
  display: flex;
  padding: 0 24px 16px;
}
.toast-option__color p {
  width: 57px;
  margin-top: 4px;
  padding-top: 10px;
  font-size: 14px;
  font-weight: 500;
  color: #404040;
}
.toast-option__color-wrap {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 57px);
}
.toast-option__color-wrap label {
  position: relative;
  display: flex;
  width: 40px;
  height: 40px;
  margin: 4px 4px 0 0;
  box-sizing: border-box;
}
.toast-option__color-wrap label:hover strong {
  display: block;
}
.toast-option__color-wrap label:hover strong.off:before {
  content: "재입고알림신청" !important;
}
.toast-option__color-wrap label:hover strong:before {
  position: absolute;
  top: -51px;
  left: 50%;
  transform: translateX(-50%);
  content: attr(data-color);
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: 40px;
  padding: 0 12px;
  line-height: 40px;
  background: #131922;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  text-align: center;
}
.toast-option__color-wrap label:hover strong:after {
  position: absolute;
  bottom: 32px;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  display: block;
  width: 40px;
  height: 38px;
  background: url(/mo/assets/comm/image/tooltip_shape.svg) no-repeat 50% 50%;
  background-size: cover;
}
.toast-option__color-wrap label strong {
  display: none;
  text-indent: 0;
  z-index: 5;
}
.toast-option__color-wrap label strong.off:before {
  content: "재입고알림신청" !important;
}
.toast-option__color-wrap label strong:before {
  position: absolute;
  top: -51px;
  left: 50%;
  transform: translateX(-50%);
  content: attr(data-color);
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: 40px;
  padding: 0 12px;
  line-height: 40px;
  background: #131922;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  text-align: center;
  box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.2);
}
.toast-option__color-wrap label strong:after {
  position: absolute;
  bottom: 32px;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  display: block;
  width: 40px;
  height: 38px;
  background: url(/mo/assets/comm/image/tooltip_shape.svg) no-repeat 50% 50%;
  background-size: cover;
}
.toast-option__color-wrap label input[type=radio] {
  display: none;
}
.toast-option__color-wrap label input[type=radio] ~ input[type=hidden] {
  display: none;
}
.toast-option__color-wrap label input[type=radio] ~ span {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  border: 1px solid #e0e0e0;
}
.toast-option__color-wrap label input[type=radio] ~ span img,
.toast-option__color-wrap label input[type=radio] ~ span i {
  position: absolute;
  display: block;
  width: 32px;
  height: 32px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0;
  text-indent: -9999px;
  overflow: hidden;
}
.toast-option__color-wrap label input[type=radio] ~ .img img,
.toast-option__color-wrap label input[type=radio] ~ .img i {
  width: 100%;
  height: 100%;
}
.toast-option__color-wrap label input[type=radio]:checked ~ span:not(.disabled) {
  border: 1px solid #141a23;
}
.toast-option__color-wrap label input[type=radio]:checked ~ span:not(.disabled)::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 3px solid #fff;
  box-sizing: border-box;
  z-index: 1;
}
.toast-option__color-wrap label input[type=radio]:disabled ~ span, .toast-option__color-wrap label input[type=radio] ~ .disabled {
  border: none;
}
.toast-option__color-wrap label input[type=radio]:disabled ~ span::after, .toast-option__color-wrap label input[type=radio] ~ .disabled::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(/mo/assets/comm/image/detail_product_item_color_disable_x.svg) no-repeat center/cover;
  z-index: 1;
}
.toast-option__color-wrap label input[type=radio]:checked ~ .disabled::after {
  background: url(/mo/assets/comm/image/detail_product_item_color_disable_select_x.svg) no-repeat center/cover;
  border: 1px solid #141a23;
  box-sizing: border-box;
}
.toast-option__size {
  position: relative;
  display: flex;
  margin: 0 24px 16px 24px;
}
.toast-option__size p {
  width: 57px;
  font-size: 14px;
  font-weight: 500;
  line-height: 48px;
}
.toast-option__size-selectbox {
  width: calc(100% - 57px);
}
.toast-option .size_button {
  font-size: 12px;
  letter-spacing: 0;
  text-decoration: underline;
  text-align: right;
  color: #a0a0a0;
}
.toast-option .size_button-wrap {
  padding: 0 24px 13px;
  text-align: right;
}
.toast-option__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 28px 0;
}
.toast-option__link p {
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #404040;
  text-align: center;
}
.toast-option__link a {
  display: flex;
  align-items: center;
}
.toast-option__link a span {
  text-decoration: underline;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0;
  color: #141a23;
}
.toast-option__link a::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  background: url(/mo/assets/comm/image/04IconArrowRight.svg) no-repeat center/contain;
}
.toast-option__amount {
  display: flex;
  margin: 4px 24px 0;
  border: 1px solid #e0e0e0;
}
.toast-option__amount button {
  width: 48px;
  height: 48px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
}
.toast-option__amount button.minus {
  background-image: url(/mo/assets/comm/image/05Icon32PxThinSubtraction.svg);
}
.toast-option__amount button.plus {
  background-image: url(/mo/assets/comm/image/icon_add_black.svg);
}
.toast-option__amount input {
  width: calc(100% - 96px);
  text-align: center;
  border: none;
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  font-size: 14px;
  letter-spacing: 0;
  color: #141a23;
}
.toast-option__selector + .toast-option__amount {
  margin-top: 16px;
}
.toast-option__price {
  display: flex;
  justify-content: space-between;
  padding: 20px 24px 12px;
  align-items: center;
}
.toast-option__price-left {
  font-size: 14px;
  letter-spacing: 0;
  color: #404040;
}
.toast-option__price-right {
  font-size: 16px;
  color: #141a23;
  letter-spacing: 0;
}
.toast-option__price-right b {
  display: inline-block;
  margin-right: 2px;
  font-size: 24px;
}
.toast-option__selector {
  padding: 0 24px;
}
.toast-option__selector .size_slecttype {
  margin-top: 16px;
}
.toast-option__selector .size_slecttype .product_name {
  font-size: 14px;
  line-height: 20px;
  color: #141a23;
  margin-bottom: 8px;
  font-weight: bold;
}
.toast-option__selector .size_slecttype .toast__option-text {
  display: flex;
  justify-content: flex-end;
  margin-top: 9px;
}
.toast-option__selector .size_slecttype .toast__option-text-title {
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  color: #a0a0a0;
  text-decoration: underline;
  margin-right: 0;
}
.toast-option__selector .size_slecttype .siv-selectbox .selectbox-wrap {
  max-height: 120px;
}
.toast-option__selector .size_slecttype .siv-selectbox + .siv-selectbox {
  margin-top: -1px;
}
.toast-option__selector .size_slecttype .alarm {
  position: absolute;
  top: 50%;
  right: 2.3rem;
  transform: translateY(-50%);
  display: block;
  width: 5.2rem;
  height: 20px;
  background: #131922;
  font-size: 10px;
  font-weight: bold;
  font-style: normal;
  line-height: 20px;
  color: #fff;
  text-align: center;
  z-index: 1;
}

@-webkit-keyframes toastPopup {
  from {
    transform: translateY(100%);
    opacity: 0;
  }
  to {
    transform: translateY(0%);
    opacity: 1;
  }
}

@keyframes toastPopup {
  from {
    transform: translateY(100%);
    opacity: 0;
  }
  to {
    transform: translateY(0%);
    opacity: 1;
  }
}
@-webkit-keyframes toastPopupClose {
  from {
    transform: translateY(0%);
    opacity: 1;
  }
  to {
    transform: translateY(100%);
    opacity: 0;
  }
}
@keyframes toastPopupClose {
  from {
    transform: translateY(0%);
    opacity: 1;
  }
  to {
    transform: translateY(100%);
    opacity: 0;
  }
}
@-webkit-keyframes toastMsgOn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes toastMsgOn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes toastMsgOff {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes toastMsgOff {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.btn-wrap {
  display: flex;
  align-items: center;
}
.btn-wrap:not(.type-v) .btn-wide ~ .btn-wide {
  margin-left: 8px;
}
.btn-wrap.type-v {
  flex-direction: column;
}
.btn-wrap.type-v .btn-wide ~ .btn-wide {
  margin-top: 8px;
}
.btn-wide {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  width: 100%;
  height: 48px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.23px;
  text-align: center;
  background-color: #fff;
  white-space: nowrap;
  box-sizing: border-box;
}
.btn-wide span {
  display: inline-block;
  margin-left: 6px;
}
.btn-wide span.download {
  width: 24px;
  height: 24px;
  background: url(../image/icon_v_symbol_coupon_black.svg) no-repeat center/contain;
}
.btn-wide span.arrow-down {
  width: 16px;
  height: 16px;
  background: url(../image/ico_arrow_down.svg) no-repeat center/contain;
}
.btn-wide.mid {
  height: 40px;
}
.btn-wide.sml {
  height: 32px;
  font-size: 12px;
  font-weight: 400;
}
.btn-gray, .btn-gray2 {
  color: #fff;
  background: #787878;
}
.btn-gray:link, .btn-gray:focus, .btn-gray:active, .btn-gray:hover, .btn-gray2:link, .btn-gray2:focus, .btn-gray2:active, .btn-gray2:hover {
  color: #fff;
}
.btn-vlack {
  color: #fff;
  background: #131922;
}
.btn-vlack:link, .btn-vlack:focus, .btn-vlack:active, .btn-vlack:hover {
  color: #fff;
}
.btn-vlack:disabled {
  color: #c8c8c8;
  background-color: #f0f0f0;
}
.btn-line-gray {
  color: #000;
  background: #fff;
  border: 1px solid #e0e0e0;
}
.btn-line-gray:link, .btn-line-gray:focus, .btn-line-gray:active, .btn-line-gray:hover {
  color: #000;
}
.btn-plus {
  position: relative;
  top: 0.3rem;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 4px;
  background: url(../image/icon_more.svg) no-repeat center/contain;
}
.btn-arrow-down {
  position: relative;
  top: 0.3rem;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 4px;
  background: url(../image/icon_arrow_down_thin.svg) no-repeat center/contain;
}

input[type=checkbox] {
  display: none;
}
input[type=checkbox] ~ .checkbox {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../image/icon_checkbox_off.svg) no-repeat center/contain;
}
input[type=checkbox]:checked ~ .checkbox {
  background: url(../image/icon_checkbox_on_black.svg) no-repeat center/contain;
}

input[type=checkbox]:disabled ~ .checkbox {
  background: url(../image/icon_checkbox_disabled.svg) no-repeat center/contain;
}

input[type=checkbox]:disabled:checked ~ .checkbox {
  background: url(../image/icon_checkbox_disabled_checked.svg) no-repeat center/contain;
}

input[type=checkbox] ~ .checkbox-v {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../image/icon_checkbox_v.png) no-repeat center/contain;
  opacity: 0.2;
}
input[type=checkbox]:checked ~ .checkbox-v {
  opacity: 1;
}

input[type=checkbox] ~ .checkbox-text {
  display: inline-block;
  margin-left: 10px;
  font-size: 16px;
  letter-spacing: 0;
  color: #000;
}

.tab-rectangle {
  position: relative;
  width: 100%;
  height: 48px;
  background-color: #fff;
  overflow: hidden;
  z-index: 20;
}
.tab-rectangle-list {
  display: flex;
  align-items: flex-start;
  height: 48px;
  padding: 4px 0 0 24px;
  background: #fff;
  overflow-x: auto;
  overflow-y: hidden;
}
.tab-rectangle-list::after {
  content: "";
  display: block;
  width: 64px;
  height: 100%;
  flex-shrink: 0;
}
.tab-rectangle-list button {
  flex-shrink: 0;
  height: 40px;
  margin: 0 4px 4px 0;
  padding: 0 16px;
  font-size: 14px;
  line-height: 38px;
  letter-spacing: 0.8px;
  color: #131922;
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
}
.tab-rectangle-list button.on {
  color: #fff;
  background-color: #131922;
  border-color: #131922;
}
.tab-rectangle-list button:last-child {
  margin-right: 0;
}
.tab-rectangle.show {
  overflow: visible;
}
.tab-rectangle.show .tab-rectangle-list {
  flex-wrap: wrap;
  width: 100%;
  height: auto;
  padding: 4px 48px 12px 24px;
  box-sizing: border-box;
}
.tab-rectangle.show .tab-rectangle-list button {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tab-rectangle.hide .tab-rectangle-list {
  flex-wrap: nowrap;
}
.tab-rectangle .show-hide {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 20%, white 100%);
  border: none;
}
.tab-rectangle .show-hide span.arrow-down, .tab-rectangle .show-hide span.arrow-up {
  display: block;
  width: 16px;
  height: 16px;
  background: url(../image/ico_arrow_down.png) no-repeat center/contain;
}
.tab-rectangle .show-hide span.arrow-down {
  transform: rotate(0deg);
}
.tab-rectangle .show-hide span.arrow-up {
  transform: rotate(180deg);
}
.tab-rectangle .show-hide span.refresh {
  display: block;
  width: 32px;
  height: 32px;
  background: url(../image/icon_filters_refresh.svg) no-repeat center/contain;
}
.tab-rectangle .show-hide.on {
  display: flex;
}

@-webkit-keyframes categorySlideOpen {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0%);
  }
}

@keyframes categorySlideOpen {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0%);
  }
}
@-webkit-keyframes categorySlideClose {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes categorySlideClose {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-100%);
  }
}
.category {
  overflow-x: hidden;
}
.category-slide {
  position: fixed;
  top: 0;
  left: 0;
  transform: translateX(-100%);
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
  background-color: #fff;
  z-index: 135;
  overflow-x: hidden;
  overflow-y: auto;
}
.category-slide.active {
  -webkit-animation: categorySlideOpen 1s forwards;
          animation: categorySlideOpen 1s forwards;
}
.category-slide.deactive {
  overflow-y: hidden;
  -webkit-animation: categorySlideClose 1s forwards;
          animation: categorySlideClose 1s forwards;
}
.category-slide__special {
  overflow: auto;
}
.category-slide__special-icon {
  display: flex;
  padding: 16px 24px 24px;
  flex-wrap: nowrap;
}
.category-slide__special-icon-btn {
  flex-shrink: 0;
  padding-right: 16px;
}
.category-slide__special-icon-btn:last-of-type {
  padding-right: 24px;
}
.category-slide__special-icon-img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  margin-bottom: 6px;
  border-radius: 32px;
  overflow: hidden;
}
.category-slide__special-icon-img img {
  width: 100%;
}
.category-slide__special-icon-text {
  display: block;
  width: 64px;
  max-height: 40px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #131922;
  text-align: center;
  text-overflow: clip;
  overflow: hidden;
}
.category-slide__special.category_jaju {
  margin: 48px 0;
}
.category-slide__special.category_jaju .category-slide__special-icon {
  padding: 0 24px;
  font-size: 0;
}
.category-slide__special.category_jaju .category-slide__special-icon a {
  display: inline-block;
  padding-right: 28px;
}
.category-slide__special.category_jaju .category-slide__special-icon .category-slide__special-icon-text {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 12px;
  line-height: 20px;
  color: #555555;
}
.category-slide__list-1 {
  background-color: #f8f8f8;
  padding: 16px 0;
}
.category-slide__list-1 .category-slide__item a,
.category-slide__list-1 .category-slide__item button {
  display: flex;
  align-items: center;
  height: 56px;
  padding: 0 64px 0 24px;
  font-size: 20px;
  line-height: 56px;
  color: #131922;
  background: url(../image/04IconArrowRight.svg) no-repeat right 26px center/20px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.category-slide__list-2 {
  padding: 16px 0;
}
.category-slide__list-2 .category-slide__item a,
.category-slide__list-2 .category-slide__item button {
  display: flex;
  align-items: baseline;
  padding: 0 24px;
}
.category-slide__list-2 .category-slide__item-text {
  display: inline-flex;
  align-items: center;
  height: 56px;
  line-height: 56px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.category-slide__list-2 .category-slide__item-text.text-1 {
  position: relative;
  max-width: 110px;
  margin-right: 12px;
  font-size: 20px;
  font-weight: normal;
  color: #131922;
}
.category-slide__list-2 .category-slide__item-text.text-1 sup {
  position: absolute;
  display: block;
  width: 4px;
  height: 4px;
  top: 50%;
  transform: translate(180%, -280%);
  right: 0;
  border-radius: 50%;
  background-color: #d99c63;
}
.category-slide__list-2 .category-slide__item-text.text-2 {
  color: #929292;
}
.category-slide__border {
  width: calc(100% - 48px);
  height: 1px;
  margin: 0 auto;
  border: 0;
  background: #f0f0f0;
}
.category-slide__list-3 {
  padding: 16px 0 48px;
}
.category-slide__list-3 .category-slide__item a,
.category-slide__list-3 .category-slide__item button {
  display: block;
  padding: 0 24px;
  font-size: 16px;
  line-height: 44px;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.category-slide__setting {
  padding: 19px 24px 68px 24px;
  border-top: 8px solid #f4f4f4;
}
.category-slide__setting.need-login {
  display: flex;
  height: 56px;
  padding: 0 16px 0 24px;
  align-items: center;
  justify-content: space-between;
  border-top: none;
}
.category-slide__setting.need-login .close-category {
  display: block;
  width: 32px;
  height: 32px;
  background: url(../image/icon_close_black.svg) no-repeat center/contain;
}
.category-slide__setting .setting__info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
}
.category-slide__setting .setting__info p {
  font-size: 18px;
  line-height: 24px;
  color: #131922;
}
.category-slide__setting .setting__wrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1;
}
.category-slide__setting a {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding-right: 20px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  color: #131922;
  background: url(../image/icon_arrow_right.svg) no-repeat right center/16px 16px;
}
.category-slide__setting a.setting {
  width: 32px;
  height: 32px;
  padding-right: 8px;
  background: url(../image/category_setting_btn.svg) no-repeat right 8px center/contain;
  color: #929292;
}
.category__logout {
  margin-top: -24px;
  padding-bottom: 49px;
  border-top: 8px solid rgb(244, 244, 244);
}
.category__logout button {
  display: block;
  width: 100%;
  padding: 19px 24px;
  font-size: 14px;
  font-weight: 500;
  color: #000;
  text-align: left;
  box-sizing: border-box;
}
.category__gnb {
  width: 100%;
  height: 48px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 15;
}
.pseudo-category__gnb {
  width: 100%;
  height: 48px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 15;
  background: #fff;
}

.body-scroll-up .category__gnb-depth ~ .pseudo-category__gnb {
  top: 47px;
  z-index: 101;
  box-sizing: border-box;
}

.body-scroll-up .category__gnb-depth ~ .category__gnb {
  top: 47px;
  z-index: 101;
  box-sizing: border-box;
}
.category__gnb.medium {
  margin-bottom: 16px;
}
.category__gnb a,
.category__gnb button {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  min-height: 48px;
  padding-right: 24px;
  font-size: 16px;
  line-height: 48px;
  letter-spacing: 0.4px;
  color: #929292;
  box-sizing: border-box;
}
.category__gnb a.on,
.category__gnb button.on {
  font-weight: 500;
  color: #131922;
}
.category__gnb-depth {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  height: 48px;
  padding: 0 16px 0 24px;
  background-color: #fff;
  border-bottom: 1px solid #f0f0f0;
  box-sizing: border-box;
  z-index: 100;
}
.body-scroll-down .category__gnb-depth {
  top: -48px;
}
.category__gnb-depth .breadcrumb {
  display: flex;
  max-width: calc(100% - 68px);
  min-width: 0;
}
.category__gnb-depth .breadcrumb__item {
  display: block;
  position: relative;
  align-items: center;
}
.category__gnb-depth .breadcrumb__item .category-name {
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 16px 18px 13px 0;
  font-size: 16px;
  letter-spacing: 0.4px;
  line-height: 19px;
  color: #000;
  border: 0;
  box-sizing: border-box;
  background-color: transparent;
  text-align: left;
  max-width: 100%;
}
.category__gnb-depth .breadcrumb__item .category-name:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
}
.category__gnb-depth .breadcrumb__item:not(.breadcrumb__item--current) {
  min-width: 50px;
  box-sizing: border-box;
}
.category__gnb-depth .breadcrumb__item:not(.breadcrumb__item--current) .category-name:after {
  width: 18px;
  height: 18px;
  background: url(/mo/assets/comm/image/05Icon16ArrowGray.svg) no-repeat 0 0;
}
.category__gnb-depth .breadcrumb__item.breadcrumb__item--prev {
  position: relative;
  padding-left: 18px;
  min-width: 70px;
}
.category__gnb-depth .breadcrumb__item.breadcrumb__item--prev:before {
  position: absolute;
  left: 0;
  top: 50%;
  content: "";
  width: 18px;
  height: 18px;
  transform: translate(0, -50%);
  background: url(../image/05Icon16ArrowGray.svg) no-repeat 0 0;
}
.category__gnb-depth .breadcrumb__item.breadcrumb__item--prev ~ .breadcrumb__item--current {
  max-width: calc(100% - 70px);
}
.category__gnb-depth .breadcrumb__item.breadcrumb__item--current {
  flex: 1 0 auto;
  max-width: calc(100% - 50px);
}
.category__gnb-depth .breadcrumb__item.breadcrumb__item--current .category-name:after {
  width: 14px;
  height: 14px;
  background: url(../image/breadcrumb_arrow.svg) no-repeat 0 0;
}
.category__gnb-depth .breadcrumb__item:first-child:last-child {
  max-width: 100%;
}
.category__gnb-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-left: 24px;
  background-color: #fff;
  box-sizing: border-box;
  z-index: 15;
  border-bottom: 1px solid #e0e0e0;
}
.category__gnb-all {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
  padding-left: 24px;
  background: #fff;
  overflow: hidden;
  z-index: 1;
}
.category__gnb-menu {
  display: flex;
  align-items: center;
  flex-flow: nowrap;
  width: calc(100% - 32px);
  min-height: 48px;
  overflow-x: auto;
  overflow-y: hidden;
}
.category__gnb-menu a:first-child {
  text-indent: 57px;
}
.category__gnb-text {
  display: none;
  font-size: 14px;
  line-height: 48px;
  color: #787878;
  text-align: left;
}
.category__gnb p {
  display: flex;
  height: 48px;
  padding: 0 16px;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 20%, white 100%);
  z-index: 15;
}
.category__gnb p .btn__category {
  display: block;
  width: 16px;
  height: 16px;
  padding: 0;
  font-size: 0;
  background: url(../image/Icon_Arrow_Down16.svg) no-repeat center/contain;
}
.category__gnb.open {
  height: auto;
  min-height: 48px;
}
.category__gnb.open .category__gnb-wrap {
  padding-bottom: 16px;
}
.category__gnb.open .category__gnb-text {
  display: block;
}
.category__gnb.open .category__gnb-all {
  top: 48px;
}
.category__gnb.open .category__gnb-menu {
  top: 48px;
  flex-flow: wrap;
}
.category__gnb.open .category__gnb-menu a {
  max-width: 100%;
}
.category__gnb.open .btn__category {
  background: url(../image/icon_close_thin_b.svg) no-repeat center/contain;
}
.category__all-product .section-head {
  margin-top: 16px;
  margin-bottom: 0;
  padding-right: 16px;
}
.category__all-product .section-head__icon {
  display: flex;
  justify-content: center;
  margin-left: auto;
  -moz-column-gap: 4px;
       column-gap: 4px;
}
.category__all-product .section-head__icon button {
  width: 40px;
  height: 40px;
}
.category__all-product .section-head__icon button.viewmode-btn {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url(../image/viewmode_2.svg);
}
.category__all-product .section-head__icon button.viewmode-btn[data-viewmode-current="1"] {
  background-image: url(../image/viewmode_1.svg);
}
.category__all-product .section-head__icon button.viewmode-btn[data-viewmode-current="2"] {
  background-image: url(../image/viewmode_2.svg);
}
.category__all-product .section-head__icon button.viewmode-btn[data-viewmode-current="4"] {
  background-image: url(../image/viewmode_4.svg);
}
.category__all-product .section-head__icon button.viewmode-btn:before {
  content: attr(data-viewmode-current) "열 보기에서 " attr(data-viewmode-next) "열 보기로 ";
  position: absolute;
  left: 0;
  top: 0;
  text-indent: 100%;
  overflow: hidden;
}
.category__all-product .section-head__icon button.sort {
  background: url(../image/ico_filters_sort.svg) no-repeat center/contain;
}
.category__all-product .section-head__icon button.filter {
  background: url(../image/ico_filters_filter.svg) no-repeat center/contain;
}
.category__all-product .section-head.margin {
  margin-top: 16px;
}
.body-scroll-up .category__gnb-depth ~ .category__all-product.is-sticky .section-head__icon {
  position: fixed;
  top: 8px;
  right: 16px;
  z-index: 111;
}
.body-scroll-up .category__gnb-depth ~ .category__all-product.is-sticky .section-head__icon button {
  width: 32px;
  height: 32px;
}
.body-scroll-up .category__gnb-depth ~ .category__all-product.is-sticky .section-head__icon button.viewmode-btn {
  background-image: url(../image/viewmode_2_mini.svg);
}
.body-scroll-up .category__gnb-depth ~ .category__all-product.is-sticky .section-head__icon button.viewmode-btn[data-viewmode-current="1"] {
  background-image: url(../image/viewmode_1_mini.svg);
}
.body-scroll-up .category__gnb-depth ~ .category__all-product.is-sticky .section-head__icon button.viewmode-btn[data-viewmode-current="2"] {
  background-image: url(../image/viewmode_2_mini.svg);
}
.body-scroll-up .category__gnb-depth ~ .category__all-product.is-sticky .section-head__icon button.viewmode-btn[data-viewmode-current="4"] {
  background-image: url(../image/viewmode_4_mini.svg);
}
.category__all-product .product {
  margin-top: 16px;
}
.category__all-product .product__list {
  flex-wrap: wrap;
  justify-content: space-between;
}
.category__all-product .product__list.thumb-4 {
  justify-content: flex-start;
  margin-bottom: 34px;
}
.category__all-product .product__item {
  padding-right: 0;
  margin-bottom: 36px;
}
.category__all-product .product__item-recommend {
  display: none;
  width: calc(100% + 48px);
  margin: 0 -24px 36px;
  background: #f5f5f5;
}
.category__all-product .product__item-recommend.active {
  display: block;
}
.category__all-product .product__item-recommend .detail__wrap-title {
  display: flex;
  min-height: 66px;
  padding: 24px 24px 4px;
  line-height: 20px;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
}
.category__all-product .product__item-recommend .detail__wrap-title > p:not(.description) {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.4px;
  line-height: 22px;
  color: #000;
}
.category__all-product .product__item-recommend .detail__wrap-title p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.category__all-product .product__item-recommend .product__list {
  flex-wrap: nowrap;
}
.category__all-product .product__item-recommend .product__list .product__item {
  width: calc(50% - 43px);
  padding-right: 8px;
  margin-bottom: 20px;
}
.category__all-product .product__item-recommend .product__list .product__item:last-child {
  padding-right: 24px;
}
.category__all-product .product__item-recommend .product__list .product__item .product__thum.gray {
  background: #fff;
}
.category__all-product .product__item-recommend .product__list .product__item .product__thum a:after {
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0);
}
.category__all-product .product__item-recommend .product__list .product__item .product__data-brand {
  word-break: keep-all;
}
.category__all-product-no-result {
  padding: 134px 0 190px;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  color: #929292;
}
.category_wrap {
  display: flex;
  flex-wrap: nowrap;
  height: calc(100% - 48px);
  transform: translateX(0vw);
  transition: all 0.5s;
}
.category_wrap.dapth_02 {
  transform: translateX(-100vw);
}
.category_wrap.dapth_02 .popup-category__item a,
.category_wrap.dapth_02 .popup-category__item button {
  height: 48px;
  font-size: 18px;
  line-height: 48px;
}
.category_wrap.dapth_03 {
  transform: translateX(-200vw);
}
.category_wrap.dapth_03 .popup-category__item a,
.category_wrap.dapth_03 .popup-category__item button {
  height: 48px;
  font-size: 16px;
  line-height: 48px;
}
.category_wrap.dapth_04 {
  transform: translateX(-300vw);
}
.category_wrap.dapth_04 .popup-category__item a,
.category_wrap.dapth_04 .popup-category__item button {
  height: 48px;
  font-size: 16px;
  line-height: 48px;
}
.category_wrap.dapth_05 {
  transform: translateX(-400vw);
}
.category_wrap.dapth_05 .popup-category__item a,
.category_wrap.dapth_05 .popup-category__item button {
  height: 48px;
  font-size: 16px;
  line-height: 48px;
}
.category_wrap.dapth_06 {
  transform: translateX(-500vw);
}
.category_wrap.dapth_06 .popup-category__item a,
.category_wrap.dapth_06 .popup-category__item button {
  height: 48px;
  font-size: 16px;
  line-height: 48px;
}
.category_wrap > div {
  width: 100%;
  height: 100%;
  flex: 0 0 100vw;
  overflow-y: auto;
}
.category_wrap > div .dep2 {
  display: none;
}
.category_wrap > div .dep3 {
  display: none;
}
.category_wrap > div .dep4 {
  display: none;
}
.category_wrap > div .dep5 {
  display: none;
}
.category_wrap > div .dep6 {
  display: none;
}
.category_wrap .popup-category__list {
  height: 100%;
}

.filter-result {
  position: relative;
  left: 0;
  margin: 0 0 -4px;
  width: 100%;
  height: 68px;
  box-sizing: border-box;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 12;
  transform: translate3d(0, 0, 0);
}
.pseudo-category__gnb ~ .category__all-product .filter-result, .category__gnb ~ .category__all-product .filter-result {
  top: 48px;
}
.body-scroll-up .category__gnb-depth ~ .category__all-product .filter-result {
  top: 48px;
}
.body-scroll-up .category__gnb-depth ~ .pseudo-category__gnb ~ .category__all-product .filter-result, .body-scroll-up .category__gnb-depth ~ .category__gnb ~ .category__all-product .filter-result {
  top: 96px;
}
.category__all-product.is-sticky .filter-result .filtering {
  border-bottom: 1px solid #f0f0f0;
}
.search__result__category.is-sticky .search-filter.products .filter-result {
  border-bottom: 1px solid #f0f0f0;
}
.search__result__category.is-sticky .search-filter.event .filter-result {
  border-bottom: 1px solid #f0f0f0;
}
.search__result__category.is-sticky > .filter-result .filtering {
  border-bottom: 1px solid #f0f0f0;
}

.filter-result-select {
  display: flex;
  flex-wrap: nowrap;
  height: 40px;
  padding-left: 24px;
  overflow-x: auto;
}
.filter-result-select::after {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 64px;
  height: 100%;
}
.filter-result-text {
  display: flex;
  align-items: center;
  height: 40px;
  margin-right: 4px;
  padding: 0 16px;
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
}
.filter-result-text:last-child {
  margin-right: 0;
}
.filter-result-text span {
  display: inline-block;
  font-size: 14px;
  letter-spacing: 0.8px;
  line-height: 40px;
  color: #131922;
  white-space: nowrap;
}
.filter-result-text .delete-btn {
  display: block;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  background: url(../image/05Icon16PxThinClose.png) no-repeat center/contain;
}
.filter-result-refresh {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 40px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 20%, white 100%);
  border: 0;
}
.filter-result-refresh button {
  display: block;
  width: 32px;
  height: 32px;
  background: url(../image/icon_refresh.png) no-repeat center/contain;
}

.filtering {
  padding: 16px 0;
  background-color: #fff;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto;
  grid-template-areas: "a b" "c c";
  gap: 0 8px;
}
.filtering__list {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: a;
  box-sizing: border-box;
  min-width: 0;
  overflow: hidden;
  padding-left: 24px;
}
.filtering__list.swiper-container-initialized {
  padding-left: 0;
}
.filtering__list .swiper-wrapper {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.filtering__slide:not(:first-child) {
  margin-left: 9px;
}
.filtering__slide.is-active {
  display: flex;
}
.filtering__slide.is-active .filtering__button {
  padding-right: 0;
  color: #fff;
  border-right: 0 none;
  border-color: #131922;
  background-color: #131922;
}
.filtering__slide.is-active .filtering__button--cancel {
  display: flex;
  padding-inline: 2px 12px;
}
.filtering__slide.is-active .filtering__button--cancel:after {
  content: "";
  position: relative;
  left: 2px;
  width: 16px;
  height: 16px;
  background: url(../image/Icon32PxThinClose.svg) no-repeat center;
  background-size: cover;
  filter: invert(1);
}
.filtering__button {
  font-size: 14px;
  display: flex;
  align-items: center;
  padding: 11px 12px 10px;
  color: #131922;
  line-height: 17px;
  border: 1px solid #e0e0e0;
  white-space: nowrap;
}
.filtering__button--cancel {
  display: none;
  border-left: 0 none;
  margin-left: -1px;
  color: transparent;
  text-indent: -9999px;
  overflow: hidden;
}
.filtering__option {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: c;
  position: relative;
  display: flex;
  padding-left: 24px;
  margin-top: 16px;
  margin-bottom: -4px;
}
.filtering__option .checkbox__label > span {
  margin-right: 12px;
  color: #131922;
  transform: translateY(1px);
}
.filtering__option .checkbox__label--input {
  width: 20px;
  height: 20px;
}
.filtering .filter-result-refresh {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  display: none;
  flex: none;
  margin-right: 16px;
  width: 32px;
  height: 40px;
  background-color: #fff;
  grid-area: b;
}
.filtering .filter-result-refresh button {
  height: 100%;
}
.filtering:not(.is-active) .filtering__list .filtering__slide:last-child {
  padding-right: 24px;
}
.filtering.is-active .filter-result-refresh {
  display: flex;
}

.popup-category-recent .popup__content {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100 - 56px);
  overflow-x: hidden;
  overflow-y: auto;
  padding-bottom: 52px;
}
.popup-category-recent .no-result {
  margin: 110px 0;
}
.popup-category-recent .product {
  padding-top: 24px;
}
.popup-category-recent .product__list {
  flex-wrap: wrap;
  justify-content: space-between;
}
.popup-category-recent .product__item {
  padding: 0;
}

.popup .popup-dp-no {
  display: none;
}
.popup-common-terms .popup__content {
  padding-bottom: 120px;
}
.popup-common-terms__notice {
  width: calc(100% - 48px);
  margin: 8px auto 0 auto;
}
.popup-common-terms table {
  min-width: 0;
  margin: 2.5rem auto 0 auto;
  border-collapse: collapse;
  width: auto !important;
  table-layout: auto !important;
  border-top: 1px solid #f0f0f0 !important;
}
.popup-common-terms table th,
.popup-common-terms table td {
  text-align: center;
  font-size: 12px !important;
  line-height: 18px;
  letter-spacing: 0;
  border: 1px solid #f0f0f0 !important;
}
.popup-common-terms table th {
  width: auto !important;
  padding: 8px 10px !important;
  font-weight: 500;
  font-size: 12px !important;
  line-height: 18px;
  color: #000;
  border: 1px solid #f0f0f0 !important;
  background-color: #f8f8f8 !important;
}
.popup-common-terms table td {
  padding: 11px 10px;
  color: #404040;
  background-color: #fff;
}
.popup-common-terms table td p {
  font-size: 12px;
  font-weight: 500;
}
.popup-common-terms table td b {
  font-size: 12px !important;
  font-weight: bold !important;
}
.popup-common-terms table [size="4"] {
  font-size: 16px !important;
}
.popup-common-terms table [size="4"] * {
  font-size: 16px !important;
}
.popup-marketing-guide .popup__content {
  padding: 0 24px;
}
.popup-marketing-guide .popup__marketing {
  padding-top: 40px;
}
.popup-marketing-guide .popup__marketing-text {
  font-size: 20px;
  font-weight: bold;
  line-height: 26px;
  color: #000;
  text-align: center;
}
.popup-marketing-guide .popup__marketing-description {
  margin-top: 16px;
  font-size: 14px;
  line-height: 20px;
  color: #404040;
  text-align: center;
}
.popup-marketing-guide .btn-vlack {
  height: 70px;
  margin-top: 40px;
  margin-bottom: 12px;
  font-size: 14px;
  flex-flow: column;
  color: #000;
  border: 1px solid #e0e0e0;
  background-color: #fff;
}
.popup-marketing-guide .btn-vlack span {
  display: block;
  font-size: 12px;
  color: #000;
  margin-left: 0;
}
.popup-marketing-guide .btn-line-gray {
  font-weight: 400;
}
.popup-review_writing {
  overflow-y: hidden;
}
.popup-review_writing .popup__content {
  height: calc(100% - 56px);
  overflow-y: auto;
}
.popup-review_writing .toast__review {
  box-sizing: border-box;
  padding: 28px 24px 94px;
}
.popup-review_writing .toast__review-title2 {
  position: relative;
  margin-top: 15px;
  margin-bottom: 43px;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  color: #131922;
  text-align: center;
}
.popup-review_writing .toast__review-title2 span {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.popup-review_writing .toast__review-title {
  margin-bottom: 20px;
  font-size: 22px;
  line-height: 30px;
  letter-spacing: 0;
  color: #141a23;
}
.popup-review_writing .toast__review-title span {
  color: #312E81;
}
.popup-review_writing .toast__review-product {
  display: flex;
  align-items: center;
  margin-bottom: 48px;
}
.popup-review_writing .toast__review-product-thum {
  display: flex;
  width: 80px;
  height: 120px;
  margin-right: 19px;
  align-items: center;
  overflow: hidden;
  background-color: #f5f5f5;
}
.popup-review_writing .toast__review-product-thum img {
  width: 100%;
  height: auto;
  font-size: 0;
  mix-blend-mode: multiply;
}
.popup-review_writing .toast__review-product-info {
  width: 22.7rem;
  margin-right: 0;
}
.popup-review_writing .toast__review-product-info--strong {
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  letter-spacing: -0.08px;
  color: #141a23;
}
.popup-review_writing .toast__review-product-info--description {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.08px;
  color: #404040;
}
.popup-review_writing .toast__review-product-info--price {
  font-size: 14px;
  font-weight: bold;
  color: #141a23;
  line-height: 20px;
  letter-spacing: -0.08px;
}
.popup-review_writing .toast__review-product-info--star {
  display: inline-flex;
  width: 100%;
  margin: 8px 0 10px;
}
.popup-review_writing .toast__review-product-info--star .star {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../image/star_base.svg);
  background-repeat: no-repeat;
  background-size: 32px;
}
.popup-review_writing .toast__review-product-info--star .star.on {
  background-image: url(../image/star_fill.svg);
}
.popup-review_writing .toast__review-product-review {
  display: flex;
  align-items: center;
}
.popup-review_writing .toast__review-product-review .star_toggle {
  display: block;
  width: 20%;
  height: 32px;
  box-sizing: border-box;
}
.popup-review_writing .toast__review-product-review .star_toggle img {
  max-width: 100%;
}
.popup-review_writing .toast__review-product-review .text {
  font-size: 24px;
  line-height: 36px;
  letter-spacing: -0.18px;
  color: #141a23;
}
.popup-review_writing .toast__review-list {
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid #f0f0f0;
}
.popup-review_writing .toast__review-item {
  font-size: 0;
}
.popup-review_writing .toast__review-item:not(:first-of-type) {
  margin-top: 36px;
}
.popup-review_writing .toast__review-item-question {
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0;
}
.popup-review_writing .toast__review-item-answer {
  font-size: 0;
  margin: -4px;
}
.popup-review_writing .toast__review-item-answer label {
  display: inline-block;
  margin: 4px;
}
.popup-review_writing .toast__review-item-answer input[type=radio] {
  display: none;
}
.popup-review_writing .toast__review-item-answer input[type=radio] ~ span {
  display: inline-block;
  width: auto;
  height: 100%;
  margin: 0;
  padding: 0 14px;
  font-size: 16px;
  line-height: 48px;
  color: #000;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
}
.popup-review_writing .toast__review-item-answer input[type=radio]:checked ~ span {
  border-color: #141a23;
}
.popup-review_writing .toast__review-item-answer input[type=radio]:disabled ~ span {
  background-color: #f8f8f8;
  color: #a0a0a0;
}
.popup-review_writing .toast__review-write {
  margin-bottom: 16px;
  box-sizing: border-box;
}
.popup-review_writing .toast__review-write-title {
  margin-bottom: 24px;
  word-break: keep-all;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0;
  color: #141a23;
}
.popup-review_writing .toast__review-write-textarea {
  position: relative;
  width: 100%;
  height: 170px;
  border: 1px solid #e0e0e0;
  padding: 16px 16px 0 16px;
  box-sizing: border-box;
}
.popup-review_writing .toast__review-write-textarea textarea {
  width: 100%;
  height: 120px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  resize: none;
  border: none;
}
.popup-review_writing .toast__review-write-textarea textarea::-moz-placeholder {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #a0a0a0;
}
.popup-review_writing .toast__review-write-textarea textarea::placeholder {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #a0a0a0;
}
.popup-review_writing .toast__review-write-textarea .text-counter {
  position: absolute;
  bottom: 16px;
  right: 16px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.06px;
  color: #787878;
}
.popup-review_writing .toast__review-img {
  display: flex;
  flex-wrap: wrap;
  margin: -4px -4px 1.3rem -4px;
}
.popup-review_writing .toast__review-img label {
  width: 59px;
  height: 59px;
  margin: 4px;
  box-sizing: border-box;
}
.popup-review_writing .toast__review-img .added {
  position: relative;
  display: flex;
  align-items: center;
  background-color: #f5f5f5;
  border: 1px solid #e0e0e0;
  overflow: hidden;
}
.popup-review_writing .toast__review-img .added .added-image {
  width: 100%;
  height: auto;
  mix-blend-mode: multiply;
}
.popup-review_writing .toast__review-img .added .remove-image {
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 16px;
  font-size: 0;
  background: #e0e0e0 url(../image/05Icon16PxThinClose.png) no-repeat center/cover;
}
.popup-review_writing .toast__review-img .more {
  background: url(../image/dote.png) no-repeat center/contain;
}
.popup-review_writing .toast__review-img .more input {
  display: none;
}
.popup-review_writing .toast__review-img .more span {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../image/icon_add_black.svg) no-repeat center/32px;
}
.popup-review_writing .toast__review-notice {
  padding-bottom: 36px;
}
.popup-review_writing .toast__review-notice-title {
  margin-bottom: 12px;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0;
  color: #141a23;
}
.popup-review_writing .toast__review-notice-item {
  padding-left: 0.9rem;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0;
  color: #787878;
  word-break: keep-all;
  background: url(../image/04IconBulletSmallGray.svg) no-repeat left top 8px/2px 2px;
}
.popup-review_writing .toast__review-notice-item:not(:last-of-type) {
  margin-bottom: 8px;
}
.popup-review_writing .toast__review-notice-item span {
  color: #000;
  text-decoration: underline;
}
.popup-review_writing .toast__review-btn {
  position: fixed;
  bottom: 0;
  left: 0;
  display: flex;
  width: 100%;
  padding: 12px 24px 32px;
  background-color: #fff;
  box-sizing: border-box;
  z-index: 100;
}
.popup-review_writing .toast__review-btn button {
  width: 50%;
  height: 48px;
  font-size: 14px;
}
.popup-review_writing .toast__review-btn button.close {
  background-color: #929292;
  color: #fff;
}
.popup-review_writing .toast__review-btn button.next {
  background-color: #f0f0f0;
  color: #c8c8c8;
}
.popup-review_writing .toast__review-btn button.submit {
  background-color: #141a23;
  color: #fff;
}
.popup-review_writing .toast__review-body-size {
  display: flex;
  flex-wrap: wrap;
}
.popup-review_writing .toast__review-body-size-title {
  flex: 1 100%;
  font-size: 16px;
  margin-bottom: 16px;
  color: #131922;
  line-height: 22px;
}
.popup-review_writing .toast__review-body-size .form_input {
  flex: 1;
  margin: 0;
  display: flex;
  align-items: center;
}
.popup-review_writing .toast__review-body-size .form_input input[type=text] {
  width: calc(100% - 34px);
}
.popup-review_writing .toast__review-body-size .form_input .writing {
  max-width: calc(100% - 78px);
}
.popup-review_writing .toast__review-body-size .form_input .writing ~ .measure {
  margin-left: 52px;
}
.popup-review_writing .toast__review-body-size .form_input .writing ~ .input-focus-controler {
  right: 34px;
}
.popup-review_writing .toast__review-body-size .form_input + .form_input {
  margin-left: 19px;
}
.popup-review_writing .toast__review-body-size .body-size__agree {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.popup-review_writing .toast__review-body-size .icon-arrow-right {
  width: 16px;
  height: 16px;
  margin-top: 5px;
  background: url(../image/05Icon32PxThinArrowRight.svg) no-repeat center/cover;
}
.popup-review_writing .toast__review-body-size .measure {
  font-size: 14px;
  margin-left: 8px;
  color: #000;
}
.popup-review_writing .toast__review-body-size .siv-selectbox {
  flex: 1 100%;
  margin-top: 16px;
}
.popup-review_writing .toast__review-body-size .body-size__consent {
  width: 100%;
  margin-top: 36px;
}
.popup-review_writing .toast__review-body-size .toast__review-notice-list {
  margin-top: 20px;
  padding: 12px 0 36px;
  border-top: 1px solid #f0f0f0;
}
.popup-review_writing .toast__review-body-size .point-text {
  color: #312E81;
}
.popup-review_writing .toast__review-beauty-info-title {
  font-size: 16px;
  margin-bottom: 16px;
  color: #131922;
  line-height: 22px;
}
.popup-review_writing .toast__review-beauty-info .my-beauty {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding-bottom: 40px;
}
.popup-review_writing .toast__review-beauty-info .my-beauty__keyword {
  position: relative;
}
.popup-review_writing .toast__review-beauty-info .my-beauty__keyword:after {
  content: "";
  position: absolute;
  top: 37px;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 70%);
}
.popup-review_writing .toast__review-beauty-info .my-beauty__keyword.is-details:after {
  content: none;
}
.popup-review_writing .toast__review-beauty-info .my-beauty__keyword.is-details .my-beauty__list {
  max-height: none;
  overflow: initial;
}
.popup-review_writing .toast__review-beauty-info .my-beauty__keyword.is-details .button-keyword-more {
  display: none;
}
.popup-review_writing .toast__review-beauty-info .my-beauty__head {
  display: flex;
  align-items: center;
}
.popup-review_writing .toast__review-beauty-info .my-beauty__title {
  font-size: 16px;
  padding-left: 9px;
  color: #131922;
  line-height: 22px;
  background: url(../image/04IconBulletSmallGray.svg) no-repeat left top 8px/2px 2px;
}
.popup-review_writing .toast__review-beauty-info .my-beauty__tooltip {
  position: relative;
}
.popup-review_writing .toast__review-beauty-info .my-beauty__tooltip .tooltip-content {
  font-size: 14px;
  display: none;
  position: absolute;
  top: 27px;
  left: 50%;
  padding: 11px 12px;
  color: #fff;
  line-height: 20px;
  white-space: nowrap;
  background-color: #131922;
  transform: translateX(-40%);
  z-index: 1;
}
.popup-review_writing .toast__review-beauty-info .my-beauty__tooltip .tooltip-content:before {
  content: "";
  position: absolute;
  top: -14px;
  left: 37.65%;
  border: 7px solid transparent;
  border-bottom-color: #131922;
}
.popup-review_writing .toast__review-beauty-info .my-beauty__tooltip .button-tooltip {
  position: relative;
  display: block;
  width: 16px;
  height: 16px;
  margin-left: 2px;
  background: url(../image/04Icon16Info.svg) no-repeat 0 0;
}
.popup-review_writing .toast__review-beauty-info .my-beauty__tooltip .button-tooltip:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  padding: 5px;
  transform: translate(-50%, -50%);
}
.popup-review_writing .toast__review-beauty-info .my-beauty__tooltip .blind {
  position: absolute;
  margin: -1px;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
}
.popup-review_writing .toast__review-beauty-info .my-beauty__tooltip.is-active .tooltip-content {
  display: block;
}
.popup-review_writing .toast__review-beauty-info .my-beauty__max-number {
  font-size: 14px;
  margin-left: 4px;
  color: #312E81;
  line-height: 20px;
}
.popup-review_writing .toast__review-beauty-info .my-beauty__list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
  max-height: 148px;
  overflow: hidden;
}
.popup-review_writing .toast__review-beauty-info .my-beauty__list .my-beauty__item .selections-item {
  font-size: 16px;
  position: relative;
  display: block;
  padding: 11px 14px 10px;
  color: #000;
  line-height: 19px;
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
}
.popup-review_writing .toast__review-beauty-info .my-beauty__input {
  position: absolute;
  z-index: -1;
}
.popup-review_writing .toast__review-beauty-info .my-beauty__input:checked + .selections-item {
  border-color: #000;
}
.popup-review_writing .toast__review-beauty-info .my-beauty__input:disabled + .selections-item {
  background-color: #f8f8f8;
  color: #a0a0a0;
}
.popup-review_writing .toast__review-beauty-info .my-beauty .button-keyword-more {
  font-size: 14px;
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 48px;
  color: #000;
  font-weight: 500;
  border: 1px solid #131922;
  background-color: #fff;
  box-sizing: border-box;
  z-index: 2;
}
.popup-review_writing .toast__review-beauty-info .my-beauty .button-keyword-more:after {
  content: "";
  width: 16px;
  height: 16px;
  margin-left: 4px;
  background: url(../image/05Icon16PxThickArrowDown.png) no-repeat center/cover;
}
.popup-review_writing .toast__review-beauty-info .my-beauty__selector .selector__inner {
  display: flex;
  align-items: center;
}
.popup-review_writing .toast__review-beauty-info .my-beauty__selector .selector__inner:not(:first-child) {
  margin-top: 16px;
}
.popup-review_writing .toast__review-beauty-info .my-beauty__selector .selector__title {
  font-size: 14px;
  flex: none;
  width: 100px;
  padding-left: 9px;
  color: #101010;
  background: url(../image/04IconBulletSmallGray.svg) no-repeat left top 8px/2px 2px;
}
.popup-review_writing .toast__review-beauty-info .my-beauty__selector .selector__info {
  width: 100%;
}
.popup-review_writing .toast__review-beauty-info .simple-terms {
  margin-inline: -24px;
  padding: 42px 24px 40px;
  border-top: 8px solid #f0f0f0;
}
.popup-review_writing .toast__review-beauty-info .simple-terms__item {
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
  margin-bottom: 12px;
  border-bottom: 1px solid #f0f0f0;
}
.popup-review_writing .toast__review-beauty-info .simple-terms .checkbox__label > span {
  color: #131922;
}
.popup-review_writing .toast__review-beauty-info .simple-terms .icon-arrow-right {
  width: 16px;
  height: 16px;
  margin-top: 5px;
  background: url(../image/05Icon32PxThinArrowRight.svg) no-repeat center/cover;
}
.popup-review_writing.focusing .toast__review {
  padding-bottom: 0;
}
.popup-review_writing.focusing .toast__review-btn {
  position: relative;
  padding-right: 0;
  padding-left: 0;
}
.popup-review_writing .write-succession {
  margin: 0 -24px;
  padding: 32px 24px 20px;
  align-items: flex-start;
  border-top: 8px solid #f0f0f0;
}
.popup-review_writing .write-succession .select-checkbox {
  position: relative;
  display: flex;
  margin-right: 12px;
}
.popup-review_writing .write-succession .select-checkbox input[type=checkbox]:checked ~ .replace-text {
  opacity: 1;
  filter: invert(1);
}
.popup-review_writing .write-succession .select-checkbox .replace-text {
  display: block;
  width: 24px;
  height: 24px;
  background: url("../image/icon_checkbox.svg") no-repeat center/cover;
  opacity: 0.2;
}
.popup-review_writing .write-succession .select-checkbox .all-text {
  font-size: 14px;
  margin-left: 8px;
  color: #131922;
  line-height: 20px;
}
.popup-review_writing .write-succession .toast__review-product-thum {
  flex: none;
}
.popup-review_writing .write-succession .toast__review-product-info {
  width: auto;
}
.popup-review_writing .write-succession .point-text {
  margin-top: 15px;
  color: #312E81;
}
.popup-experience_review_writing .toast__review {
  box-sizing: border-box;
  padding: 24px 24px 94px;
}
.popup-experience_review_writing .toast__review-title {
  margin-bottom: 20px;
  font-size: 22px;
  line-height: 30px;
  letter-spacing: 0;
  color: #141a23;
}
.popup-experience_review_writing .toast__review-title span {
  color: #d99c63;
}
.popup-experience_review_writing .toast__review-product-list {
  margin-bottom: 32px;
}
.popup-experience_review_writing .toast__review-product-item {
  display: flex;
  align-items: center;
}
.popup-experience_review_writing .toast__review-product-item > .radio__label {
  margin-right: 10px;
  flex-shrink: 0;
}
.popup-experience_review_writing .toast__review-product-item.disabled .toast__review-product {
  opacity: 0.5;
}
.popup-experience_review_writing .toast__review-product-item:not(.disabled):has(.radio__label-input:not(:checked)) .toast__review-product {
  opacity: 0.5;
}
.popup-experience_review_writing .toast__review-product-item ~ .toast__review-product-item {
  margin-top: 16px;
}
.popup-experience_review_writing .toast__review-product {
  display: flex;
  align-items: center;
  min-width: 0;
  flex-grow: 1;
}
.popup-experience_review_writing .toast__review-product-thum {
  position: relative;
  flex-shrink: 0;
  display: flex;
  width: 62px;
  height: 62px;
  margin-right: 15px;
  align-items: center;
  overflow: hidden;
  background-color: #f5f5f5;
}
.popup-experience_review_writing .toast__review-product-thum img {
  width: 100%;
  height: auto;
  font-size: 0;
  mix-blend-mode: multiply;
}
.popup-experience_review_writing .toast__review-product-thum .tag {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;
  background: #222;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  white-space: nowrap;
  color: #fff;
  overflow: hidden;
}
.popup-experience_review_writing .toast__review-product-info {
  min-width: 0;
}
.popup-experience_review_writing .toast__review-product-info--strong {
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  color: #222;
}
.popup-experience_review_writing .toast__review-product-info--description {
  font-size: 12px;
  line-height: 18px;
  color: #212121;
}
.popup-experience_review_writing .toast__review-product-info--price {
  font-size: 11px;
  line-height: 17px;
  color: #777;
}
.popup-experience_review_writing .toast__review-rating {
  margin-bottom: 32px;
}
.popup-experience_review_writing .toast__review-rating-title {
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 30px;
  color: #131922;
}
.popup-experience_review_writing .toast__review-rating-star {
  display: flex;
}
.popup-experience_review_writing .toast__review-rating-star .star {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../image/ico_star_gray.svg);
  background-repeat: no-repeat;
  background-size: 32px;
}
.popup-experience_review_writing .toast__review-rating-star .star.on {
  background-image: url(../image/ico_star_gold.svg);
}
.popup-experience_review_writing .toast__review-write {
  margin-bottom: 16px;
  box-sizing: border-box;
}
.popup-experience_review_writing .toast__review-write-title {
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 24px;
  color: #131922;
}
.popup-experience_review_writing .toast__review-write-textarea {
  position: relative;
  width: 100%;
  height: 170px;
  border: 1px solid #e0e0e0;
  padding: 16px 16px 0 16px;
  box-sizing: border-box;
}
.popup-experience_review_writing .toast__review-write-textarea textarea {
  width: 100%;
  height: 120px;
  font-size: 14px;
  line-height: 20px;
  color: #000;
  resize: none;
  border: none;
}
.popup-experience_review_writing .toast__review-write-textarea textarea::-moz-placeholder {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #a0a0a0;
}
.popup-experience_review_writing .toast__review-write-textarea textarea::placeholder {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #a0a0a0;
}
.popup-experience_review_writing .toast__review-write-textarea .text-counter {
  position: absolute;
  bottom: 16px;
  right: 16px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.06px;
  color: #787878;
}
.popup-experience_review_writing .toast__review-attachment {
  margin-bottom: 32px;
}
.popup-experience_review_writing .toast__review-attachment .toast__review-notice-list .toast__review-notice-item {
  color: #666;
}
.popup-experience_review_writing .toast__review-attachment .toast__review-notice-list .toast__review-notice-item:not(:last-of-type) {
  margin-bottom: 4px;
}
.popup-experience_review_writing .toast__review-img {
  margin-bottom: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.popup-experience_review_writing .toast__review-img label {
  width: 62px;
  height: 62px;
  box-sizing: border-box;
}
.popup-experience_review_writing .toast__review-img .added {
  position: relative;
  display: flex;
  align-items: center;
  background-color: #f5f5f5;
  border: 1px solid #e0e0e0;
  overflow: hidden;
}
.popup-experience_review_writing .toast__review-img .added .added-image {
  width: 100%;
  height: auto;
  mix-blend-mode: multiply;
}
.popup-experience_review_writing .toast__review-img .added .remove-image {
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 16px;
  font-size: 0;
  background: #e0e0e0 url(../image/05Icon16PxThinClose.png) no-repeat center/cover;
}
.popup-experience_review_writing .toast__review-img .more {
  border: 1px solid #e0e0e0;
}
.popup-experience_review_writing .toast__review-img .more input {
  display: none;
}
.popup-experience_review_writing .toast__review-img .more span {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../image/icon_add_black.svg) no-repeat center/32px;
}
.popup-experience_review_writing .toast__review-upload .added {
  position: relative;
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid #f0f0f0;
  padding: 10px 0;
}
.popup-experience_review_writing .toast__review-upload .added:first-child {
  margin-top: 16px;
  border-top: 1px solid #f0f0f0;
}
.popup-experience_review_writing .toast__review-upload .added__image {
  flex-shrink: 0;
  width: 62px;
  height: 62px;
}
.popup-experience_review_writing .toast__review-upload .added__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.popup-experience_review_writing .toast__review-upload .added__filename {
  padding: 20px 27px 0 18px;
  font-size: 11px;
  line-height: 17px;
  color: #777;
  min-width: 0;
}
.popup-experience_review_writing .toast__review-upload .added .delete-image {
  position: absolute;
  top: 10px;
  right: 0;
  width: 22px;
  height: 22px;
  font-size: 0;
  background: url(../image/05Icon32PxThinClose@2x.png) no-repeat center/cover;
}
.popup-experience_review_writing .toast__review-notice {
  margin-bottom: 32px;
}
.popup-experience_review_writing .toast__review-notice-title {
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
  letter-spacing: 0;
  color: #212121;
}
.popup-experience_review_writing .toast__review-notice-list .nested-notice {
  padding: 8px 0 0 8px;
}
.popup-experience_review_writing .toast__review-notice-list .nested-notice-item {
  font-size: 12px;
  line-height: 18px;
  color: #787878;
  word-break: keep-all;
  list-style-type: decimal;
}
.popup-experience_review_writing .toast__review-notice-item {
  padding-left: 8px;
  font-size: 12px;
  line-height: 18px;
  color: #787878;
  word-break: keep-all;
  background: url(../image/04IconBulletSmallGray.svg) no-repeat left top 8px/2px 2px;
}
.popup-experience_review_writing .toast__review-notice-item:not(:last-of-type) {
  margin-bottom: 8px;
}
.popup-experience_review_writing .toast__review-notice-item .warning {
  color: #db3c3c;
  text-decoration: underline;
}
.popup-experience_review_writing .toast__review-notice-item span {
  color: #000;
  text-decoration: underline;
}
.popup-experience_review_writing .toast__review-btn {
  position: fixed;
  bottom: 0;
  left: 0;
  display: flex;
  width: 100%;
  padding: 16px 24px 32px;
  background-color: #fff;
  box-sizing: border-box;
  z-index: 100;
}
.popup-experience_review_writing .toast__review-btn button {
  width: 50%;
  height: 56px;
  font-size: 14px;
}
.popup-experience_review_writing .toast__review-btn button.close {
  background-color: #929292;
  color: #fff;
}
.popup-experience_review_writing .toast__review-btn button.next {
  background-color: #f0f0f0;
  color: #c8c8c8;
}
.popup-experience_review_writing .toast__review-btn button.submit {
  background-color: #141a23;
  color: #fff;
}

.guide-area {
  padding: 0 24px 40px;
  padding-bottom: 40px;
  border-top: 8px solid #f0f0f0;
}
.guide-area.no-border {
  border: none;
}
.my__club-benefit .guide-area:nth-of-type(1) {
  border-top: none;
}

.popup__content > .guide-area:first-child {
  padding-top: 8px;
}
.popup__content > .guide-area:first-child .guide-head {
  margin-top: 0;
}

.guide-area.close {
  padding-bottom: 0;
}
.guide-area.close .guide-head__btn:after {
  transform: translateY(-50%);
}
.guide-head {
  display: flex;
  height: 64px;
  margin-top: 20px;
  justify-content: space-between;
  align-items: center;
}
.guide-head__btn {
  position: relative;
  width: 100%;
  text-align: left;
}
.guide-head__btn:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../image/ico_arrow_down.svg) no-repeat center/cover;
  transform: rotate(180deg) translateY(50%);
}
.guide-head__btn-right {
  width: 16px;
  height: 16px;
  background: url(../image/icon_arrow_right.svg) no-repeat center/cover;
}
.guide-head.sub-head {
  margin-top: 0;
}
.guide-title {
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
  letter-spacing: 0;
  color: #131922;
}
.guide-title.title_14 {
  font-size: 14px;
  text-align: left;
}
.guide-title.title_16 {
  font-size: 16px;
}
.guide-title .checkbox__label > span {
  font-size: 18px;
}
.guide-txt {
  padding-bottom: 18px;
  color: #404040;
  font-size: 16px;
  line-height: 22px;
  color: #404040;
}
.guide-txt-small {
  font-size: 14px;
  line-height: 20px;
}
.guide-txt.mb16 {
  margin-bottom: 16px;
}
.guide-btn-text {
  display: inline-block;
  font-size: 12px;
  line-height: 22px;
  padding-right: 14px;
  color: #787878;
  background: url(../image/icon_arrow_right_gray.svg) no-repeat right center/12px 12px;
}
.guide-btn-text-wrap {
  margin-top: 16px;
}

.membership-integrated__list {
  margin-bottom: 16px;
}
.membership-integrated__item {
  display: flex;
  padding: 24px 0;
  border-top: 1px solid #e0e0e0;
}
.membership-integrated__item:last-child {
  border-bottom: 1px solid #e0e0e0;
}
.membership-integrated__title-2 {
  width: 82px;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0;
  color: #787878;
}
.membership-integrated__description-2 {
  width: 233px;
  font-size: 16px;
  font-weight: bold;
}
.membership-integrated__description-2.margin {
  margin-top: 8px;
}
.membership-integrated__description-3 {
  margin-top: 8px;
  font-size: 14px;
  color: #787878;
}
.membership-integrated__box {
  width: 233px;
}
.membership-integrated__list-2 {
  padding: 0 24px;
}
.membership-integrated__item-2 {
  padding-left: 10px;
  position: relative;
  font-size: 14px;
  letter-spacing: 0;
  color: #404040;
}
.membership-integrated__item-2:not(.membership-integrated__item-2:first-of-type) {
  margin-top: 8px;
}
.membership-integrated__item-2::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 2px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: #404040;
}
.membership-ranking {
  padding-top: 8px;
}
.membership-ranking__list:nth-child(n+2) {
  border-top: 1px solid #e0e0e0;
}
.membership-ranking__list img {
  width: 100%;
}
.membership-ranking__item {
  display: flex;
  padding: 24px 0;
  border-bottom: 1px solid #e0e0e0;
}
.membership-ranking__item.bronze {
  align-items: center;
}
.membership-ranking__badge {
  width: 81px;
  text-align: center;
  margin-right: 12px;
}
.membership-ranking__badge img {
  width: 45px;
}
.membership-ranking__badge-text {
  margin-top: 10px;
  font-size: 12px;
  font-weight: bold;
  color: #404040;
}
.popup-ranking .membership-ranking__badge img {
  width: 32px;
}

.membership-ranking__title {
  font-size: 16px;
  font-weight: bold;
  color: #000;
}
.membership-ranking__title span {
  font-weight: 400;
}
.membership-ranking__wrap {
  padding-top: 8px;
}
.membership-ranking__text-2 {
  margin: 8px 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #000;
}
.membership-ranking__desc {
  display: flex;
  flex-flow: column wrap;
  margin-top: 24px;
}
.membership-ranking__desc li {
  position: relative;
  padding-left: 10px;
  margin-bottom: 8px;
  color: #404040;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
}
.membership-ranking__desc li:last-child {
  margin-bottom: 0;
}
.membership-ranking__desc li::before {
  content: "";
  position: absolute;
  display: block;
  width: 2px;
  height: 2px;
  background-color: #404040;
  border-radius: 50%;
  top: 8px;
  left: 0;
}

.club-ranking__head {
  padding: 40px 0 22px;
}
.guide-head + .guide-area > .club-ranking__head {
  padding-top: 20px;
  border-top: 1px solid #e0e0e0;
}

.club-ranking__logo {
  margin-bottom: 16px;
  text-align: center;
}
.club-ranking__logo img {
  display: inline-block;
}
.club-ranking__logo img.jaju {
  width: 71px;
  height: 20px;
}
.club-ranking__logo img.sib {
  width: 150px;
  height: 20px;
}
.club-ranking__logo img.du {
  width: 15px;
  height: 32px;
}
.club-ranking__h1 {
  margin-bottom: 14px;
  color: #141a23;
  font-size: 18px;
  line-height: 22px;
  font-weight: bold;
  text-align: center;
}
.club-ranking__h3 {
  margin-bottom: 8px;
  padding: 0 24px;
  color: #141a23;
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
}
.club-ranking__txt {
  color: #787878;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
}
.club-ranking__txt--sub {
  color: #404040;
  font-size: 16px;
  line-height: 20px;
}
.club-ranking__coupon--visual {
  position: relative;
  max-width: 327px;
  width: 100%;
  height: 164px;
  margin: 0 auto 16px;
  background: url(../image/eventDetailCouponBg.png) no-repeat center/100% 100%;
}
.club-ranking__coupon--visual > a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.club-ranking__coupon--visual p {
  position: absolute;
  left: 24px;
}
.club-ranking__coupon--visual .text-1 {
  top: 20px;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  color: #d99c63;
}
.club-ranking__coupon--visual .text-2 {
  bottom: 44px;
  font-size: 33px;
  line-height: 48px;
  color: #fff;
}
.club-ranking__coupon--visual .text-2 .unit {
  margin-left: 4px;
  font-size: 20px;
}
.club-ranking__coupon--visual .text-3 {
  bottom: 20px;
  left: 24px;
  font-size: 12px;
  line-height: 18px;
  color: rgba(255, 255, 255, 0.85);
}
.club-ranking__coupon--visual .icon-download {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  background: url(../image/icon_v_symbol_coupon_white.svg) no-repeat center/cover;
}

.club-benefit__head {
  padding: 40px 0 22px;
}
.guide-head + .guide-area > .club-ranking__head {
  padding-top: 20px;
  border-top: 1px solid #e0e0e0;
}

.club-benefit__logo {
  margin-bottom: 16px;
  text-align: center;
}
.club-benefit__logo img {
  display: inline-block;
}
.club-benefit__logo img.jaju {
  width: 72px;
  height: 21px;
}
.club-benefit__h1 {
  margin-bottom: 14px;
  color: #141a23;
  font-size: 18px;
  line-height: 22px;
  font-weight: bold;
  text-align: center;
}
.club-benefit__h3 {
  margin-bottom: 8px;
  padding: 0 24px;
  color: #141a23;
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
}
.club-benefit__txt {
  color: #787878;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
}
.club-benefit__txt--sub {
  color: #404040;
  font-size: 16px;
  line-height: 20px;
}
.club-benefit__list {
  margin: 0 -9px;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.05);
}
.popup-club-join-jaju .club-benefit__list {
  box-shadow: none;
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
  border-radius: 0;
  margin: 0 auto;
}
.club-benefit__item {
  padding: 20px 0;
  margin: 0 20px;
  display: flex;
  gap: 20px;
  align-items: center;
}
.club-benefit__item:not(:last-child) {
  border-bottom: 1px solid #eee;
}
.popup-club-join-jaju .club-benefit__item {
  margin: 0;
}
.club-benefit__item::before {
  content: "";
  display: block;
  width: 77px;
  height: 77px;
  flex-shrink: 0;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.popup-club-join-jaju .club-benefit__item::before {
  padding-left: 10px;
}
.club-benefit__item:first-child {
  padding-top: 30px;
}
.club-benefit__item:last-child {
  padding-bottom: 30px;
}
.club-benefit__item.item-new::before {
  background-image: url(/mo/assets/jaju/image/logo/club-benefit-new.png);
}
.club-benefit__item.item-monthly::before {
  background-image: url(/mo/assets/jaju/image/logo/club-benefit-monthly.png);
}
.club-benefit__item.item-additional::before {
  background-image: url(/mo/assets/jaju/image/logo/club-benefit-additional.png);
}
.club-benefit__text {
  min-width: 0;
}
.club-benefit__title {
  font-size: 15px;
  line-height: 21px;
  color: #222222;
  font-weight: bold;
}
.club-benefit__sub {
  display: block;
  font-size: 13px;
  line-height: 19px;
  color: #222222;
  margin-top: 5px;
}
.club-benefit__desc {
  margin-top: 8px;
}
.club-benefit__desc .dot-list li {
  font-size: 12px;
  line-height: 24px;
  color: #999;
}
.club-benefit__coupon--visual {
  position: relative;
  max-width: 327px;
  width: 100%;
  height: 164px;
  margin: 0 auto 16px;
  background: url(../image/eventDetailCouponBg.png) no-repeat center/100% 100%;
}
.club-benefit__coupon--visual > a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.club-benefit__coupon--visual p {
  position: absolute;
  left: 24px;
}
.club-benefit__coupon--visual .text-1 {
  top: 20px;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  color: #d99c63;
}
.club-benefit__coupon--visual .text-2 {
  bottom: 44px;
  font-size: 33px;
  line-height: 48px;
  color: #fff;
}
.club-benefit__coupon--visual .text-2 .unit {
  margin-left: 4px;
  font-size: 20px;
}
.club-benefit__coupon--visual .text-3 {
  bottom: 20px;
  left: 24px;
  font-size: 12px;
  line-height: 18px;
  color: rgba(255, 255, 255, 0.85);
}
.club-benefit__coupon--visual .icon-download {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  background: url(../image/icon_v_symbol_coupon_white.svg) no-repeat center/cover;
}

.terms__wrap {
  padding: 0 24px;
}
.terms__wrap .my__club-benefit--section .sub-tit {
  margin: 8px 0 0;
}
.terms__wrap .my__club-benefit--section .notice-list {
  margin: 0;
}
.terms__wrap .my__club-benefit--section .agreed-article {
  margin: 0;
}

.my__club-benefit {
  /* 혜택리스트 */
}
.my__club-benefit .sub-tit {
  padding: 22px 0 20px;
  margin-top: 8px;
}
.my__club-benefit .sub-tit .checkbox__label > span {
  color: #141a23;
  font-size: 18px;
  font-weight: bold;
}
.my__club-benefit .sub-txt {
  padding-bottom: 8px;
  color: #404040;
  font-size: 14px;
  line-height: 20px;
}
.my__club-benefit .cnt-tit {
  font-size: 16px;
}
.my__club-benefit .cnt-txt {
  padding-bottom: 18px;
  color: #404040;
  font-size: 16px;
  line-height: 22px;
}
.my__club-benefit .cnt-txt-small {
  font-size: 14px;
  line-height: 20px;
}
.my__club-benefit .cnt-sub {
  padding-bottom: 8px;
  color: #141a23;
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
}
.my__club-benefit .dot-list {
  margin-top: 8px;
}
.my__club-benefit .dot-list ~ .activity-article-set {
  margin-top: 20px;
}
.my__club-benefit .inner-cont + .inner-cont {
  padding-top: 2.8px;
}
.my__club-benefit .inner-line {
  margin: 0 -24px;
  padding: 28px 24px;
  border-bottom: 1px solid #f0f0f0;
}
.my__club-benefit .inner-line:nth-of-type(1) {
  padding-top: 22px;
}
.my__club-benefit .inner-line:nth-last-of-type(1) {
  padding-bottom: 0;
  border-bottom: 0;
}
.my__club-benefit--header {
  padding: 22px 0;
  text-align: center;
}
.my__club-benefit--header .logo {
  margin-bottom: 16px;
}
.my__club-benefit--header .logo.jaju img {
  width: 7.09rem;
  height: 20px;
}
.my__club-benefit--header .logo.beauty img {
  width: 15rem;
  height: 20px;
}
.my__club-benefit--header .logo.du img {
  width: 1.53rem;
  height: 32px;
}
.my__club-benefit--header .head-tit {
  padding: 0;
  margin-bottom: 14px;
}
.my__club-benefit--header .note {
  color: #787878;
  font-size: 14px;
  line-height: 22px;
}
.my__club-benefit--section {
  padding-bottom: 40px;
  border-top: 0;
}
.my__club-benefit--section .agreed-article-set {
  padding: 16px 0 10px;
}
.my__club-benefit--section .agreed-article {
  padding: 24px 0;
  margin: 0 24px;
  border-top: 1px solid #f0f0f0;
}
.my__club-benefit--section .agreed-article:nth-last-of-type(1) {
  border-bottom: 1px solid #f0f0f0;
}
.my__club-benefit--section .agreed-article dl dd {
  word-break: keep-all;
  word-wrap: break-word;
}
.my__club-benefit--section .agreed-article dl dd ul li {
  position: relative;
  padding-left: 0.83rem;
  margin-top: 8px;
  color: #404040;
  font-size: 14px;
  line-height: 20px;
  word-break: keep-all;
  word-wrap: break-word;
}
.my__club-benefit--section .agreed-article dl dd ul li:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 8px;
  left: 0;
  width: 2px;
  height: 2px;
  background: #404040;
  border-radius: 50%;
  transform: translateY(-50%);
}
.my__club-benefit--section .agreed-tbl {
  position: relative;
}
.my__club-benefit--section .agreed-tbl dt {
  position: absolute;
  top: 0;
  left: 0;
  width: 7rem;
  color: #787878;
  font-size: 12px;
  line-height: 18px;
  font-size: 12px;
  text-align: left;
}
.my__club-benefit--section .agreed-tbl dd {
  padding-left: 82px;
  color: #000;
  font-size: 14px;
  line-height: 20px;
}
.my__club-benefit--section .agreed-tbl dd ul li {
  color: #000;
}
.my__club-benefit--section .agreed-tbl dd ul li:before {
  color: #000;
}
.my__club-benefit--section:nth-last-of-type(1) {
  padding-bottom: 0;
}
.my__club-benefit--section + .my__club-benefit--section {
  border-top: 8px solid #f0f0f0;
}
.my__club-benefit--section .notice-list ~ .benefit-article-set .benefit-article {
  border-top: 1px solid #f0f0f0;
}
.my__club-benefit--section .notice-list ~ .activity-article-set {
  margin-top: 20px;
}
.my__club-benefit .activity-article-set {
  padding-bottom: 10px;
}
.my__club-benefit .activity-article {
  padding: 24px 0;
  border-top: 1px solid #f0f0f0;
}
.my__club-benefit .activity-article:nth-last-of-type(1) {
  border-bottom: 1px solid #f0f0f0;
}
.my__club-benefit .activity-score dt {
  position: relative;
  padding-left: 95px;
  margin-bottom: 4px;
  color: #000;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
}
.my__club-benefit .activity-score dt:before {
  content: "";
  position: absolute;
  top: 17px;
  left: 20px;
  display: block;
  width: 55px;
  height: 55px;
}
.my__club-benefit .activity-score dt.actv-itm-1:before {
  background: url("../image/icon_actv_itm_1.png") no-repeat 50%;
  background-size: 64.5px auto;
}
.my__club-benefit .activity-score dt.actv-itm-2:before {
  background: url("../image/icon_actv_itm_2.png") no-repeat 50%;
  background-size: 63px auto;
}
.my__club-benefit .activity-score dt.actv-itm-3:before {
  background: url("../image/icon_actv_itm_3.png") no-repeat 50%;
  background-size: 70.5px auto;
}
.my__club-benefit .activity-score dt.actv-itm-4:before {
  background: url("../image/icon_actv_itm_4.png") no-repeat 50%;
  background-size: 58.5px auto;
}
.my__club-benefit .activity-score dt.actv-itm-5:before {
  background: url("../image/icon_actv_itm_5.png") no-repeat 50%;
  background-size: 67.5px auto;
}
.my__club-benefit .activity-score dt.actv-itm-6:before {
  background: url("../image/icon_actv_itm_6.png") no-repeat 50%;
  background-size: 82.5px auto;
}
.my__club-benefit .activity-score dd {
  padding-left: 95px;
  margin-bottom: 6px;
  color: #787878;
  font-size: 12px;
  line-height: 20px;
}
.my__club-benefit .activity-score dd ul {
  display: flex;
}
.my__club-benefit .activity-score dd ul li {
  display: flex;
}
.my__club-benefit .activity-score dd ul li:not(:last-child) {
  margin-right: 10px;
}
.my__club-benefit .activity-score dd ul li b,
.my__club-benefit .activity-score dd ul li em {
  color: #000;
  font-size: 14px;
  line-height: 20px;
}
.my__club-benefit .activity-score dd ul li b {
  margin-right: 8px;
}
.my__club-benefit .activity-score .bp {
  color: #d99c63;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
}
.my__club-benefit .benefit-article-set.tb {
  padding: 16px 0 8px;
}
.my__club-benefit .benefit-article {
  padding: 24px 0;
  border-top: 1px solid #f0f0f0;
}
.my__club-benefit .benefit-article:nth-of-type(1) {
  border-top: 0;
}
.my__club-benefit .benefit-article:nth-last-of-type(1) {
  border-bottom: 1px solid #f0f0f0;
}
.my__club-benefit .benefit-article dl dd {
  word-break: keep-all;
  word-wrap: break-word;
}
.my__club-benefit .benefit-article dl dd ul li {
  position: relative;
  padding-left: 0.83rem;
  margin-top: 8px;
  color: #404040;
  font-size: 14px;
  line-height: 20px;
  word-break: keep-all;
  word-wrap: break-word;
}
.my__club-benefit .benefit-article dl dd ul li:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 8px;
  left: 0;
  width: 2px;
  height: 2px;
  background: #404040;
  border-radius: 50%;
  transform: translateY(-50%);
}
.my__club-benefit .benefit-badge dt {
  position: relative;
  padding-left: 9.33rem;
  margin-bottom: 17px;
  color: #000;
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
  text-transform: uppercase;
}
.my__club-benefit .benefit-badge dt:before {
  content: "";
  position: absolute;
  top: -2px;
  left: 18px;
  display: block;
  width: 4.5rem;
  height: 4.5rem;
}
.my__club-benefit .benefit-badge dd {
  padding-left: 9.33rem;
  margin-bottom: 8px;
  color: #000;
  font-size: 14px;
  line-height: 22px;
}
.my__club-benefit .benefit-badge.jaju dt.welcome:before {
  background: url("../image/badge_jaju_welcome.png") no-repeat 50%/contain;
}
.my__club-benefit .benefit-badge.jaju dt.good:before {
  background: url("../image/badge_jaju_good.png") no-repeat 50%/contain;
}
.my__club-benefit .benefit-badge.jaju dt.great:before {
  background: url("../image/badge_jaju_great.png") no-repeat 50%/contain;
}
.my__club-benefit .benefit-badge.jaju dt.best:before {
  background: url("../image/badge_jaju_best.png") no-repeat 50%/contain;
}
.my__club-benefit .benefit-badge.beauty dt.welcome:before {
  background: url("../image/badge_beauty_welcome.svg") no-repeat 50%/contain;
}
.my__club-benefit .benefit-badge.beauty dt.friend:before {
  background: url("../image/badge_beauty_friend.svg") no-repeat 50%/contain;
}
.my__club-benefit .benefit-badge.beauty dt.family:before {
  background: url("../image/badge_beauty_family.svg") no-repeat 50%/contain;
}
.my__club-benefit .benefit-badge.beauty dt.royal:before {
  background: url("../image/badge_beauty_royal.svg") no-repeat 50%/contain;
}
.my__club-benefit .benefit-badge.beauty dt.prestige:before {
  background: url("../image/badge_beauty_prestige.svg") no-repeat 50%/contain;
}
.my__club-benefit .benefit-badge.beauty dt span {
  font-weight: normal;
}
.my__club-benefit .benefit-badge.du dt.level0:before {
  background: url("../image/du_level0.svg") no-repeat 50%/contain;
}
.my__club-benefit .benefit-badge.du dt.level1:before {
  background: url("../image/du_level1.svg") no-repeat 50%/contain;
}
.my__club-benefit .benefit-badge.du dt.level2:before {
  background: url("../image/du_level2.svg") no-repeat 50%/contain;
}
.my__club-benefit .benefit-badge.du dt.level3:before {
  background: url("../image/du_level3.svg") no-repeat 50%/contain;
}
.my__club-benefit .benefit-badge.du dt.level4:before {
  background: url("../image/du_level4.svg") no-repeat 50%/contain;
}
.my__club-benefit .benefit-badge.du dt.level5:before {
  background: url("../image/du_level5.svg") no-repeat 50%/contain;
}
.my__club-benefit .benefit-badge.du dt span {
  font-weight: normal;
}
.my__club-benefit .benefit-coupon {
  padding: 8px 0;
  text-align: center;
}
.my__club-benefit .benefit-coupon img {
  width: 32.7rem;
  height: 164px;
}
.my__club-benefit .benefit-agree {
  position: relative;
}
.my__club-benefit .benefit-agree dt {
  position: absolute;
  top: 0;
  left: 0;
  width: 7rem;
  color: #787878;
  font-size: 12px;
  line-height: 18px;
  font-size: 12px;
  text-align: left;
}
.my__club-benefit .benefit-agree dd {
  padding-left: 82px;
  color: #000;
  font-size: 14px;
  line-height: 20px;
}
.my__club-benefit .benefit-agree dd ul li {
  color: #000;
}
.my__club-benefit .benefit-agree dd ul li:before {
  color: #000;
}
.my__club-benefit .follow-article-set {
  padding-bottom: 8px;
}
.my__club-benefit .follow-article {
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
}
.my__club-benefit .follow-article li {
  display: flex;
  gap: 5rem;
  padding: 12px 10px 14px;
  border-bottom: 1px dotted #f0f0f0;
}
.my__club-benefit .follow-article li:nth-last-of-type(1) {
  border-bottom: 0;
}
.my__club-benefit .follow-article li span,
.my__club-benefit .follow-article li em {
  font-size: 14px;
  line-height: 20px;
}
.my__club-benefit .follow-article li span {
  width: 10rem;
  color: #787878;
}
.my__club-benefit .follow-article li span b {
  font-weight: blod;
}
.my__club-benefit .follow-article li span b.l1 {
  color: #9c9398;
}
.my__club-benefit .follow-article li span b.l2 {
  color: #655f61;
}
.my__club-benefit .follow-article li span b.l3 {
  color: #4f3e46;
}
.my__club-benefit .follow-article li span b.l4 {
  color: #640000;
}
.my__club-benefit .follow-article li span b.l5 {
  color: #a80a25;
}
.my__club-benefit .follow-article li span b.l6 {
  color: #e60000;
}
.my__club-benefit .follow-article li em {
  color: #000;
}
.my__club-benefit .follow-article-set + .notice-list {
  margin-top: 8px;
}
.my__club-benefit .agreed-article-set {
  padding: 16px 0 10px;
}
.my__club-benefit .agreed-article {
  padding: 24px 0;
  border-top: 1px solid #f0f0f0;
}
.my__club-benefit .agreed-article:nth-last-of-type(1) {
  border-bottom: 1px solid #f0f0f0;
}
.my__club-benefit .agreed-article dl dd {
  word-break: keep-all;
  word-wrap: break-word;
}
.my__club-benefit .agreed-article dl dd ul li {
  position: relative;
  padding-left: 0.83rem;
  margin-top: 8px;
  color: #404040;
  font-size: 14px;
  line-height: 20px;
  word-break: keep-all;
  word-wrap: break-word;
}
.my__club-benefit .agreed-article dl dd ul li:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 8px;
  left: 0;
  width: 2px;
  height: 2px;
  background: #404040;
  border-radius: 50%;
  transform: translateY(-50%);
}
.my__club-benefit .agreed-tbl {
  position: relative;
}
.my__club-benefit .agreed-tbl dt {
  position: absolute;
  top: 0;
  left: 0;
  width: 7rem;
  color: #787878;
  font-size: 12px;
  line-height: 18px;
  font-size: 12px;
  text-align: left;
}
.my__club-benefit .agreed-tbl dd {
  padding-left: 82px;
  color: #000;
  font-size: 14px;
  line-height: 20px;
}
.my__club-benefit .agreed-tbl dd ul li {
  color: #000;
}
.my__club-benefit .agreed-tbl dd ul li:before {
  color: #000;
}

.float-side-menu {
  position: fixed;
  bottom: 76px;
  right: 13px;
  transition: transform 0.3s ease-in-out;
  font-size: 0;
  display: flex;
  flex-direction: column;
  touch-action: manipulation;
  gap: 12px;
  padding-bottom: var(--safe-bottom, 0px);
  z-index: var(--v-floating-z, calc(var(--v-bottom-bar-z, 120) - 1));
}
.float-side-menu :is(button, a) {
  width: 44px;
  height: 44px;
  display: block;
}
.float-side-menu img {
  max-width: 100%;
  max-height: 100%;
}
.show-top-button .float-side-menu {
  transform: translateY(-56px);
  transition-duration: 0.3s;
}

body:has(.v-floating-buttons > :nth-child(2):last-child) .float-side-menu {
  bottom: 132px;
}

.product__data__color,
.product__data__img {
  display: flex;
  flex-wrap: wrap;
  padding-left: 8px;
  font-size: 0;
}
.product__data__color--wrap,
.product__data__img--wrap {
  position: relative;
  display: inline-block;
  width: 19px;
  height: 19px;
  margin: 0 6px 6px 0;
  font-size: 0;
  vertical-align: top;
  border: 1px solid #e0e0e0;
}
.product__data__color--wrap:last-child,
.product__data__img--wrap:last-child {
  margin-right: 0;
}
.product__data__color--wrap.over,
.product__data__img--wrap.over {
  width: 24px;
  height: 24px;
}
.product__data__color--wrap:disabled::after, .product__data__color--wrap.disabled::after,
.product__data__img--wrap:disabled::after,
.product__data__img--wrap.disabled::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: url(../image/detail_product_item_color_disable_x.svg) no-repeat center/cover;
}
.product__data__color--wrap.black,
.product__data__img--wrap.black {
  border: 1px solid #000;
}
.product__data__color--wrap.black.disabled::after,
.product__data__img--wrap.black.disabled::after {
  border: none;
  background: url(../image/detail_product_item_color_disable_select_xs.svg) no-repeat center/cover;
}
.product__data__color--wrap img,
.product__data__img--wrap img {
  width: 15px;
  vertical-align: top;
}
.product__data__color--wrap span,
.product__data__img--wrap span {
  display: inline-block;
  height: 15px;
  width: 15px;
  vertical-align: top;
}
.product__data__color .product__data__color--wrap.img.black:not(.disabled)::after,
.product__data__img .product__data__color--wrap.img.black:not(.disabled)::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  border: 1px solid #fff;
  box-sizing: border-box;
}

.product__data__delivery {
  margin-top: 2px;
  padding-left: 8px;
  line-height: 18px;
  font-size: 12px;
  font-weight: bold;
  color: #d99c63;
}

.product__data + .product__data__delivery {
  margin-top: -8px;
}

.toast-like {
  position: fixed;
  bottom: 80px;
  width: 32.7rem;
  margin: 0 24px;
  padding: 10px 0;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.75);
  opacity: 0;
  z-index: -11;
}
.toast-like.on {
  display: block;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-name: fadeinout;
          animation-name: fadeinout;
  z-index: 200;
}

@-webkit-keyframes fadeinout {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fadeinout {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.order-common-tab {
  display: flex;
  align-items: flex-start;
  background-color: #fff;
}
.order-common-tab a {
  display: inline-block;
  flex: 1;
  height: 48px;
  font-size: 16px;
  text-align: center;
  line-height: 48px;
  letter-spacing: -0.01px;
  color: #929292;
  border-bottom: 1px solid #e0e0e0;
}
.order-common-tab a.on {
  font-weight: 500;
  color: #000;
  border-bottom: 2px solid #131922;
}
.order-common-btn {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  width: 100%;
  height: auto;
  padding: 12px 0 var(--safe-bottom, 0px) 0;
  background-color: #fff;
  box-sizing: border-box;
  z-index: 2;
}
.order-common-btn.static {
  position: static;
}
.order-common-btn.box {
  padding: 20px 24px 34px;
}
.order-common-btn button {
  width: 100%;
  height: 56px;
  box-sizing: border-box;
  font-size: 16px;
  text-align: center;
  transform: translateZ(0);
}
.order-common-btn button:not(.btn-line-gray) {
  background-color: #141a23;
  color: #fff;
}
.order-common-btn button.more {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.order-common-btn button span {
  transform: translateZ(0);
}
.order__common-list {
  padding: 24px 24px 0;
}
.order__common-btn {
  display: block;
  width: 100%;
  height: 48px;
  font-size: 14px;
  color: #000;
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
}
.order__common-item {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
  font-size: 0;
}
.order__common-item.two-btn button {
  width: 16rem;
}
.order__common-item:last-child {
  margin-bottom: 0;
}
.order__common-item.margin_8 {
  margin-bottom: 8px;
}
.order__common-item.margin_16 {
  margin-bottom: 16px;
}
.order__common-search {
  width: 9rem;
  height: 48px;
  line-height: 48px;
  color: #fff;
  text-align: center;
  background: #929292;
}
.order__common-close {
  display: none;
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background: url(../image/icon_close_s.svg) no-repeat center/contain;
}
.order__common-description {
  position: relative;
  padding-left: 8px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0;
  color: #787878;
}
.order__common-description::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 2px;
  height: 2px;
  background: url(../image/icon_bullet_small.svg) no-repeat center/contain;
}
.order__common-checkbox {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  background: url(../image/icon_checkbox_off.svg) no-repeat center/contain;
}
.order__common-i {
  display: inline-block;
  font-size: 14px;
  font-style: inherit;
  line-height: 20px;
  color: #404040;
  vertical-align: top;
}
.order__common-address {
  margin-top: 4px;
}
.order__common-address p {
  width: 26.7rem;
  margin-bottom: 12px;
}
.order__common-address p:last-child {
  margin-bottom: 8px;
}
.order__common label input:checked + span {
  background: url(../image/icon_checkbox_on_black.svg) no-repeat center/contain;
}
.order__common label.textarea {
  width: 100%;
  padding: 16px 16px 4.4rem;
  border: 1px solid #e0e0e0;
}
.order__common label.textarea .count {
  position: absolute;
  right: 16px;
  bottom: 16px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.06px;
  color: #787878;
}
.order__common label.textarea .count i {
  font-style: normal;
  color: #787878;
}
.order__common label.address {
  width: 100%;
}
.order__common label.address textarea {
  height: 48px;
  padding: 1.3rem 16px;
  color: #e0e0e0;
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
  resize: none;
  overflow: hidden;
}
.order__common label.address textarea:last-child {
  border-top: 0;
}
.order__common input {
  width: 32.7rem;
  height: 48px;
  padding: 0 16px;
  font-size: 14px;
  color: #101010;
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
}
.order__common input::-moz-placeholder {
  color: #c8c8c8;
}
.order__common input::placeholder {
  color: #c8c8c8;
}
.order__common input.search {
  width: 22.9rem;
}
.order__common input.number {
  width: 224px;
  color: #000;
}
.order__common input.border {
  border-top: 0;
}
.order__common input.gray {
  background-color: #fefefe;
}
.order__common input.black {
  color: #000;
}
.order__common select {
  width: 9.5rem;
  height: 48px;
  padding: 0 16px;
  font-size: 14px;
  background: url(../image/ico_arrow_down.svg) no-repeat 90% center/16px 16px;
  border: 1px solid #e0e0e0;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  box-sizing: border-box;
}
.order__common textarea {
  width: 100%;
  color: #141a23;
  resize: none;
  word-break: break-all;
  white-space: break-spaces;
  border: 0;
  box-sizing: border-box;
}
.order__common textarea::-moz-placeholder {
  color: #c8c8c8;
}
.order__common textarea::placeholder {
  color: #c8c8c8;
}
.order__common .siv-selectbox {
  width: 100%;
  margin-left: 0;
}
.order__common-tab {
  position: -webkit-sticky;
  position: sticky;
  z-index: 11;
  top: 56px;
  left: 0;
  display: inline-flex;
  align-items: flex-start;
  background-color: #fff;
}
.order__common-tab a {
  display: inline-block;
  width: 18.7rem;
  height: 48px;
  font-size: 16px;
  text-align: center;
  line-height: 48px;
  letter-spacing: -0.01px;
  color: #929292;
  border-bottom: 1px solid #e0e0e0;
}
.order__common-tab a.on {
  color: #141a23;
  border-bottom: 2px solid #141a23;
}
.order__address-list {
  padding: 12px 24px 0;
}
.order__address-item {
  padding: 26px 0 24px;
  border-bottom: 1px solid #e0e0e0;
}
.order__address-item .name-wrap {
  max-width: 216px;
}
.order__address-item .address-edit {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}
.order__address-item .address-edit button {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 18px;
  letter-spacing: 0;
  font-size: 12px;
  color: #787878;
}
.order__address-item .address-edit button:not(:first-of-type)::before {
  content: "";
  display: block;
  width: 1px;
  height: 10px;
  margin: 0 8px;
  background-color: #e0e0e0;
}
.order__address-item.basics .delete_address {
  display: none;
}
.order__address-item .phone-number {
  padding-top: 8px;
  padding-left: 32px;
}
.order__address-item .phone-number span {
  font-size: 14px;
  line-height: 20px;
  color: #787878;
}
.order__address-item .phone-number span:not(:first-child)::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  background-color: #e0e0e0;
  margin: 0 8px;
}
.order__address-item .address {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #404040;
  width: calc(100% - 32px);
  margin: 8px 0 0 32px;
  font-weight: 500;
}
.order__address-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.order__address-top label {
  display: flex;
  align-items: center;
}
.order__address-top label input {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  background: url(../image/selection_controls_off.svg) no-repeat center/contain;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
.order__address-top label input:checked {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  background: url(../image/selection_controls_on.svg) no-repeat center/contain;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
.order__address-top .name {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 1.9rem;
  color: #141a23;
  font-weight: 500;
}
.order__address-top .address-name {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 1.9rem;
  color: #787878;
}
.order__address-top .address-name::before {
  content: " | ";
  position: relative;
  top: -0.1rem;
  left: -0.1rem;
}
.order__address-top .address-label {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 1.9rem;
  color: #787878;
}
.order__address-top .basic-badge {
  line-height: 20px;
  height: 20px;
  font-size: 8px;
  font-weight: bold;
  color: #fff;
  background-color: #141a23;
  padding: 0 7px;
  box-sizing: border-box;
  margin-left: 8px;
}
.order__address-top .delete-btn {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../image/icon_close_s.svg) no-repeat center/contain;
  font-size: 0;
  overflow: hidden;
  text-indent: -9999px;
}
.order__address-empty-msg {
  font-size: 14px;
  text-align: center;
  line-height: 20px;
  color: #787878;
  margin-top: 218px;
}
.order__address-new-list .new-address {
  padding: 32px 24px 28px 24px;
}
.order__address-new-list .new-address-setting {
  margin-top: 26px;
  display: flex;
}
.order__address-new-list .new-address-setting .checkbox__label {
  width: 50%;
}
.address_input_box {
  margin-top: 12px;
  display: flex;
  flex-flow: column wrap;
  gap: 4px;
}
.address_input_box p {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0;
  color: #141a23;
}

.order__address-new-list .address-search-btn {
  width: 80px;
  height: 40px;
  font-size: 14px;
  color: #000;
  background-color: #fff;
  border: 1px solid #e0e0e0;
}
.order__address-new-list .agreement {
  padding: 22px 24px;
  border-bottom: 1px solid #e0e0e0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.order__address-new-list .agreement .checkbox__label {
  margin-top: 0;
}
.order__address-new-list .agreement .checkbox__label--input {
  width: 24px;
  height: 24px;
}
.order__address-new-list .agreement .checkbox__label p {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #141a23;
  transform: translateY(2px);
}
.order__address-new-list .agreement .arrow-down {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../image/icon_arrow_down_thin.svg) no-repeat center/contain;
}
.order__address-new-list .agreement .arrow-down.up {
  transform: rotate(180deg);
}
.order__address-new-list .desc {
  padding: 20px 24px 24px;
}
.order__address-new-list .desc li {
  display: flex;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #787878;
}
.order__address-new-list .desc li span {
  margin-right: 8px;
}
.order__address-agreement {
  display: none;
  padding: 20px 24px 28px;
  background-color: #f8f8f8;
}
.order__address-agreement > p {
  font-size: 14px;
  line-height: 20px;
  color: #404040;
}
.order__address-agreement-box {
  margin-top: 16px;
  background-color: #fff;
  border: 1px solid #f0f0f0;
}
.order__address-agreement .desc {
  padding: 16px 20px;
}
.order__address-agreement .desc-item:not(:last-of-type) {
  margin-bottom: 8px;
}

.order__commonform-item {
  display: flex;
  padding: 0;
  justify-content: space-between;
  align-items: center;
}
.order__commonform-item:not(:first-of-type) {
  margin-top: 8px;
}
.order__commonform-item.zipcode {
  position: relative;
  margin-top: 24px;
  padding-bottom: 12px;
  border-bottom: 1px solid #141a23;
}
.order__commonform-item.zipcode input {
  width: calc(100% - 80px);
  height: 22px;
  border: none;
}
.order__commonform-item.zipcode input::-moz-placeholder {
  color: #787878;
}
.order__commonform-item.zipcode input::placeholder {
  color: #787878;
}
.order__commonform-item.zipcode input:disabled {
  background-color: transparent;
}
.order__commonform-item.padding-style {
  padding: 0 24px;
}
.order__commonform-item .siv-selectbox {
  width: 95px;
  margin: 0;
}
.order__commonform-item .siv-selectbox span {
  width: 100%;
}
.order__commonform-item.delete-func .delete-btn {
  display: none;
  position: absolute;
  right: 36px;
  z-index: 2;
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(../image/05Icon16PxThinClose.svg) no-repeat center/16px;
}
.order__commonform-item.delete-func .delete-btn.hidden {
  display: none;
}
.order__commonform-input-style {
  margin-top: 0;
}
.order__commonform-label {
  width: 100%;
}
.order__commonform-name {
  position: relative;
  width: 100%;
  height: 48px;
  font-size: 14px;
  border: 1px solid #e0e0e0;
  padding: 0 44px 0 16px;
  box-sizing: border-box;
}
.order__commonform-name::-moz-placeholder {
  color: #a0a0a0;
}
.order__commonform-name::placeholder {
  color: #a0a0a0;
}
.order__commonform-num {
  width: calc(100% - 103px);
  height: 48px;
  padding: 0 16px;
  border: 1px solid #e0e0e0;
  margin-left: 8px;
  box-sizing: border-box;
}
.order__commonform-num.form_input {
  padding: 0;
  border: none;
}
.order__commonform-login {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f0f0f0;
  height: 48px;
  font-size: 14px;
  letter-spacing: 0;
  color: #404040;
}
.order__commonform-login a {
  font-weight: bold;
  color: #141a23;
  text-decoration: underline;
}
.order__client--form .item .address-search-btn {
  width: 9rem;
  height: 48px;
  font-size: 14px;
  text-align: center;
  line-height: 20px;
  color: #fff;
  background-color: #929292;
  margin-left: 8px;
}
.order-delivery-list {
  padding-bottom: 94px;
}
.order-delivery-new {
  padding-bottom: 94px;
}

.replace-text {
  font-size: 0;
  overflow: hidden;
  text-indent: -9999px;
}

.search_layer {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  background: #fff;
  overflow-y: auto;
  z-index: 130;
}
.search_layer,
.search_layer div,
.search_layer li,
.search_layer input,
.search_layer p,
.search_layer button {
  font-family: var(--v-font-sans);
  letter-spacing: 0;
}
.search_layer.on {
  display: block;
}
.search_layer .head {
  display: flex;
  align-items: center;
  height: 56px;
  background-color: #fff;
}
.search_layer .head .prev {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-left: 16px;
  background: url(../image/04IconArrowLeft.png) no-repeat center/contain;
}
.search_layer .head .imglogo-wrap {
  display: flex;
  align-items: center;
}
.search_layer .head .logotext {
  font-size: 20px;
}
.search_layer .head .logotext.off {
  display: none;
}
.search_layer .head .logo {
  display: inline-block;
  width: auto;
  height: 16px;
}
.search_layer .head .logo.siv {
  height: 50px;
  padding-bottom: 6px;
  box-sizing: content-box;
}
.search_layer .head .logo.off {
  display: none;
}
.search_layer .head .logo-btn {
  display: flex;
  align-items: center;
  margin-left: 10px;
  padding-right: 20px;
  background: url(../image/icon_arrow_down.svg) no-repeat right center/14px;
}
.search_layer .head .arrow-down {
  position: relative;
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(../image/icon_arrow_down.svg) no-repeat center/contain;
  margin-left: 5px;
}
.search_layer .head .search_menu {
  font-size: 20px;
}
.search_layer .head .search_menu img {
  display: none;
}
.search_layer .head .search_menu.text img {
  display: none;
}
.search_layer .head .search_menu.text b {
  display: block;
  font-weight: 500;
  line-height: 26px;
  color: #000;
}
.search_layer .head .search_menu.sivillage .siv {
  display: block;
}
.search_layer .head .search_menu.sivillage b {
  display: none;
}
.search_layer .head .search_menu.jaju .jaju {
  display: block;
}
.search_layer .head .search_menu.jaju b {
  display: none;
}
.search_layer .head .search_menu.du .du {
  display: block;
  height: 36px;
}
.search_layer .head .search_menu.du b {
  display: none;
}
.search_layer .input-search {
  background-color: #fff;
}

.popup-camera {
  width: 100%;
  height: 100vh;
  background: url("../image/search_camera_bg.png") no-repeat center/100% 100%;
}
.popup-camera.dimmed::before {
  content: "";
  position: absolute;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.64);
}
.popup-camera.dimmed .popup-camera__btn--img,
.popup-camera.dimmed .popup-camera__btn--reverse {
  display: none;
}
.popup-camera__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 64px;
  padding: 0 16px;
  position: relative;
  z-index: 10;
}
.popup-camera__head .btn-flash {
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.popup-camera__head .btn-flash.normal {
  background-image: url("../image/icon_flash_normal.svg");
}
.popup-camera__head .btn-flash.no {
  background-image: url("../image/icon_flash_no.svg");
}
.popup-camera__head .btn-flash.auto {
  background-image: url("../image/icon_flash_auto.svg");
}
.popup-camera__head .btn-camera {
  width: 40px;
  height: 40px;
  background: url("../image/icon_camera_dark.svg") no-repeat center/cover;
}
.popup-camera__head .btn-help {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: url("../image/04IconImageSearchInfo.png") no-repeat center/cover;
}
.popup-camera__head .text {
  text-align: center;
  font-size: 14px;
  color: #fff;
}
.popup-camera__head .btn-close {
  position: static;
  width: 40px;
  height: 40px;
  background: url("../image/icon_close_white.svg") no-repeat center/cover;
}
.popup-camera .loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  background-color: #000;
  opacity: 0.64;
  z-index: 99;
}
.popup-camera .loading-img {
  width: 48px;
  height: 48px;
}
.popup-camera .loading-img img {
  width: 100%;
  height: 100%;
  mix-blend-mode: screen;
}
.popup-camera .loading--text {
  font-size: 12px;
  margin-top: 12px;
  color: #fff;
  opacity: 1;
}
.popup-camera .loading--text.round {
  margin-top: 2px;
}
.popup-camera .loading-round {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  opacity: 1;
}
.popup-camera .loading-round img {
  -webkit-animation: loadingRotate 10s linear infinite;
          animation: loadingRotate 10s linear infinite;
}
@-webkit-keyframes loadingRotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loadingRotate {
  100% {
    transform: rotate(360deg);
  }
}
.popup-camera .popup-camera__zoom {
  width: calc(100% - 48px);
  position: absolute;
  left: 24px;
  top: 87px;
  height: 65vh;
  background-image: url("../image/icon_focus_line_left_top.svg"), url("../image/icon_focus_line_right_top.svg"), url("../image/icon_focus_line_left_bottom.svg"), url("../image/icon_focus_line_right_bottom.svg"), url("../image/search_camera_bg.png");
  background-size: 32px 32px, 32px 32px, 32px 32px, 32px 32px, 100vw 100vh;
  background-position: left top, right top, left bottom, right bottom, center -87px;
  background-repeat: no-repeat;
  z-index: 20;
}
.popup-camera__btn {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 48px;
  padding: 0 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
}
.popup-camera__btn.center {
  justify-content: center;
}
.popup-camera__btn--img {
  width: 40px;
  height: 40px;
  background: url("../image/icon_img.svg") no-repeat center/cover;
}
.popup-camera__btn--shot {
  width: 72px;
  height: 72px;
  margin: 0 auto;
  background: url("../image/03ButtonImageSearchCameraNormal.png") no-repeat center/cover;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-self: center;
  z-index: 60;
}
.popup-camera__btn--shot img {
  width: 40px;
}
.popup-camera__btn--shot.highlight {
  background: url("../image/03Button03IconImageSearchCameraHighlight.png") no-repeat center/cover;
}
.popup-camera__btn--reverse {
  width: 40px;
  height: 40px;
  background: url("../image/icon_reverse.svg");
}

.popup-img-search-guide {
  position: fixed;
  display: none;
  width: calc(100% - 64px);
  padding: 0 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  background-color: #fff;
  z-index: 200;
  padding: 0 20px 28px 20px;
}
.popup-img-search-guide__head {
  display: flex;
  height: 57px;
  margin-bottom: 20px;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #f0f0f0;
}
.popup-img-search-guide__head h3 {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0;
  color: #000;
}
.popup-img-search-guide__head .close {
  width: 20px;
  height: 20px;
  background: url(../image/04IconClose.svg) no-repeat center/cover;
}
.popup-img-search-guide__body .txt-1 {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
}
.popup-img-search-guide__body .txt-2 {
  padding-left: 8px;
  position: relative;
  color: #787878;
  font-size: 12px;
  margin-top: 20px;
}
.popup-img-search-guide__body .txt-2::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 4px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: #787878;
}
.popup-img-search-guide-txt-1 {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
}
.popup-img-search-guide-txt-2 {
  padding-left: 8px;
  position: relative;
  color: #787878;
  font-size: 12px;
  margin-top: 20px;
}
.popup-img-search-guide-txt-2::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 4px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: #787878;
}
.popup-img-search-guide-bg {
  position: fixed;
  display: none;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 200;
  background-color: rgba(0, 0, 0, 0.64);
  opacity: 0;
  transition: all 1s;
}
.popup-img-search-guide-bg.active {
  opacity: 1;
  display: block;
}

.input-search {
  position: relative;
  z-index: inherit;
  padding: 0 24px;
  margin-bottom: 8px;
}
.input-search__wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #000;
  padding: 10px 0 7px;
}
.input-search__wrap.writing .btns .icon-camera,
.input-search__wrap.writing .btns .icon-barcode {
  display: none;
}
.input-search__wrap.writing .btns .icon-delete {
  display: inline-block;
}
.input-search input[type=text] {
  border: 0;
  width: 76%;
  font-size: 16px;
  line-height: 22px;
  color: #000;
  outline-style: none;
}
.input-search input[type=text]::-moz-placeholder {
  color: #929292;
}
.input-search input[type=text]::placeholder {
  color: #929292;
}
.input-search input[type=text]:focus {
  outline: none;
}
.input-search input[type=search] {
  border: none;
  width: 78%;
  font-size: 16px;
  line-height: 22px;
  outline-style: none;
}
.input-search input[type=search]:focus {
  outline: none;
}
.input-search input::-moz-placeholder {
  font-size: 16px;
  line-height: 22px;
  color: #929292;
}
.input-search input::placeholder {
  font-size: 16px;
  line-height: 22px;
  color: #929292;
}
.input-search .btns {
  width: auto;
}
.input-search .btns button,
.input-search .btns a {
  float: none;
  display: inline-block;
  width: 28px;
  height: 28px;
  padding: 0;
  vertical-align: middle;
}
.input-search .btns .icon-camera {
  background: url(../image/icon_camera.svg) no-repeat center/contain;
}
.input-search .btns .icon-barcode {
  background: url(../image/icon_barcode.svg) no-repeat center/contain;
}
.input-search .btns .icon-search {
  position: relative;
  margin-left: 10px;
  background: url(../image/icon_search_thin.svg) no-repeat center/contain;
}
.input-search .btns .icon-delete {
  width: 20px;
  height: 20px;
  background: url(../image/iconCloseFill_s.svg) no-repeat center/contain;
  display: none;
}
.input-search.ad input::-moz-placeholder {
  font-weight: normal;
  color: #929292;
}
.input-search.ad input::placeholder {
  font-weight: normal;
  color: #929292;
}
.input-search .input-align {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 87%;
  /* IE의 경우 */
  /* 크롬의 경우 */
}
.input-search .input-align input::-ms-clear,
.input-search .input-align input::-ms-reveal {
  display: none;
}
.input-search .input-align input::-webkit-search-decoration,
.input-search .input-align input::-webkit-search-cancel-button,
.input-search .input-align input::-webkit-search-results-button,
.input-search .input-align input::-webkit-search-results-decoration {
  display: none;
}
.input-search .input-align .btn-clear {
  position: relative;
  width: 20px;
  height: 20px;
  background: url(../image/icon_close_fill.svg) no-repeat center/contain;
}

.etc-search {
  position: absolute;
  top: 46px;
  left: 0;
  right: 0;
  z-index: inherit;
  overflow: hidden;
  height: 0;
}
.etc-search.active {
  overflow: visible;
  height: auto;
}
.etc-search__cont {
  -webkit-animation: slideDownKeyFrame 0.5s forwards;
          animation: slideDownKeyFrame 0.5s forwards;
  position: relative;
  padding: 20px 0 18px;
  background: #fff;
  text-align: center;
}
.etc-search__cont.active {
  -webkit-animation: slideUpKeyFrame 0.5s forwards;
          animation: slideUpKeyFrame 0.5s forwards;
}
.etc-search__dimed {
  display: none;
  position: fixed;
  top: 102px;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.64);
  touch-action: pan-x;
}
.etc-search__dimed.active {
  display: block;
}
.etc-search .icon-camera2 > span {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #000;
}
.etc-search .icon-camera2 > span::before {
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-right: 8px;
  background: url(../image/icon_camera.svg) no-repeat center/contain;
  content: "";
}
.etc-search .icon-barcode2 {
  margin-left: 48px;
}
.etc-search .icon-barcode2 > span {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #000;
}
.etc-search .icon-barcode2 > span::before {
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-right: 8px;
  background: url(../image/icon_barcode.svg) no-repeat center/contain;
  content: "";
}

@-webkit-keyframes slideDownKeyFrame {
  from {
    opacity: 1;
    transform: translateY(0%);
  }
  to {
    opacity: 0;
    transform: translateY(-5%);
  }
}

@keyframes slideDownKeyFrame {
  from {
    opacity: 1;
    transform: translateY(0%);
  }
  to {
    opacity: 0;
    transform: translateY(-5%);
  }
}
@-webkit-keyframes slideUpKeyFrame {
  from {
    opacity: 0.2;
    transform: translateY(-5%);
  }
  to {
    opacity: 1;
    transform: translateY(0%);
  }
}
@keyframes slideUpKeyFrame {
  from {
    opacity: 0.2;
    transform: translateY(-5%);
  }
  to {
    opacity: 1;
    transform: translateY(0%);
  }
}
.search__dashboard {
  padding-bottom: calc(50px + var(--safe-bottom, 0px));
}
.search__dashboard .search-keyword {
  position: relative;
}
.search__dashboard .search-keyword__header {
  width: 100%;
  height: 48px;
  position: relative;
  padding: 0 24px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
}
.search__dashboard .search-keyword__header .search-keyword__title {
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #131922;
}
.search__dashboard .search-keyword__content .keyword-list {
  padding: 0 24px;
  display: flex;
}
.search__dashboard .search-keyword__content .keyword-list .keyword-item {
  display: flex;
  font-size: 14px;
  color: #131922;
  padding: 11px;
  border: 1px solid #e0e0e0;
  flex-shrink: 0;
  line-height: 16px;
  white-space: nowrap;
  box-sizing: border-box;
}
.search__dashboard .search-keyword__content .keyword-list .no-data {
  padding: 12px 0 8px;
}
.search__dashboard .search-keyword__content .no-data {
  width: 100%;
  text-align: center;
  color: #929292;
  padding: 12px 0 24px;
  font-size: 14px;
  line-height: 20px;
}
.search__dashboard .search-keyword__content .swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.search__dashboard .search-keyword__content .swiper-wrapper {
  overflow: visible;
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.search__dashboard .search-keyword__content .swiper-pagination-bullets {
  position: relative;
  bottom: auto;
  top: auto;
  left: auto;
}
.search__dashboard .search-keyword--recent .search-keyword__header {
  position: relative;
}
.search__dashboard .search-keyword--recent .search-keyword__header .search-keyword__more {
  display: block;
  margin-right: -8px;
  width: 32px;
  height: 32px;
  background: url("../image/05Icon32PxThinMore.svg") no-repeat 100%/contain;
}
.search__dashboard .search-keyword--recent .search-keyword__header .search-keyword__edit-complete {
  display: none;
  line-height: 22px;
  font-size: 12px;
  color: #787878;
  background-color: #fff;
}
.search__dashboard .search-keyword--recent .search-keyword__context {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 48px;
  right: 16px;
  z-index: 10;
  background-color: #fff;
  border: 1px solid #131922;
  padding: 13px 16px;
  display: none;
}
.search__dashboard .search-keyword--recent .search-keyword__context.active {
  display: flex;
}
.search__dashboard .search-keyword--recent .search-keyword__context .context__button {
  display: block;
  height: 30px;
  color: #131922;
  font-size: 14px;
  line-height: 30px;
  text-align: left;
}
.search__dashboard .search-keyword--recent .search-keyword__context .context__button:disabled {
  color: #929292;
  cursor: default;
}
.search__dashboard .search-keyword--recent .search-keyword__context .context__button[data-history-save=on] {
  display: none;
}
.search__dashboard .search-keyword--recent .search-keyword__context .context__button ~ .context__button {
  margin-top: 10px;
}
.search__dashboard .search-keyword--recent .search-keyword__context.is-empty-list .context__button[data-history-delete] {
  color: #929292;
  cursor: default;
  pointer-events: none;
}
.search__dashboard .search-keyword--recent .search-keyword__content {
  overflow: auto;
}
.search__dashboard .search-keyword--recent .search-keyword__content .keyword-list {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.search__dashboard .search-keyword--recent .search-keyword__content > .auto-save-message {
  display: none;
}
.search__dashboard .search-keyword--recent.is-auto-save-disabled .search-keyword__context .context__button[data-history-save=off] {
  display: none;
}
.search__dashboard .search-keyword--recent.is-auto-save-disabled .search-keyword__context .context__button[data-history-save=on] {
  display: block;
}
.search__dashboard .search-keyword--recent.is-auto-save-disabled .search-keyword__context .context__button[data-history-delete] {
  color: #929292;
  cursor: default;
}
.search__dashboard .search-keyword--recent.is-auto-save-disabled .search-keyword__content .keyword-list {
  display: none;
}
.search__dashboard .search-keyword--recent.is-auto-save-disabled .search-keyword__content > .auto-save-message {
  display: block;
}
.search__dashboard .search-keyword--recent.is-delete-mode .search-keyword__more {
  display: none;
}
.search__dashboard .search-keyword--recent.is-delete-mode .search-keyword__edit-complete {
  display: block;
}
.search__dashboard .search-keyword--recent.is-delete-mode .keyword-list .keyword-item {
  padding-right: 30px;
}
.search__dashboard .search-keyword--recent.is-delete-mode .keyword-list .keyword-item__del {
  display: block;
}
.search__dashboard .search-keyword--recent .keyword-list {
  padding-bottom: 16px;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.search__dashboard .search-keyword--recent .keyword-list .keyword-group {
  position: relative;
}
.search__dashboard .search-keyword--recent .keyword-list .keyword-item__del {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.search__dashboard .search-keyword--recent .keyword-list .keyword-item__del:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  width: 16px;
  height: 16px;
  background: url("../image/05Icon32PxThinCloseBlack.svg") no-repeat 100%/contain;
  transform: translate(0, -50%);
}
.search__dashboard .search-keyword--trend .search-keyword__content {
  overflow: auto;
}
.search__dashboard .search-keyword--trend .search-keyword__content .keyword-list {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.search__dashboard .search-keyword--trend .keyword-list {
  flex-direction: column;
  row-gap: 8px;
  padding-bottom: 24px;
}
.search__dashboard .search-keyword--trend .keyword-list .keyword-group {
  display: flex;
  flex-wrap: nowrap;
  -moz-column-gap: 8px;
       column-gap: 8px;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.search__dashboard .search-keyword--trend .keyword-list .keyword-item {
  display: block;
  color: #cc8542;
  background-color: rgba(217, 156, 99, 0.15);
  border: none;
}
.search__dashboard .search-keyword--best .search-keyword__header .search-keyword__description {
  font-size: 12px;
  color: #999;
  flex-shrink: 0;
}
.search__dashboard .search-keyword--best .keyword__swiper-slide {
  padding: 0 24px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  box-sizing: border-box;
}
.search__dashboard .search-keyword--best .keyword__swiper-slide .keyword__best-rank {
  width: 47%;
}
.search__dashboard .search-keyword--best .keyword__swiper-slide .keyword__best-rank .best-rank {
  display: flex;
  align-items: center;
  height: 40px;
  line-height: 22px;
}
.search__dashboard .search-keyword--best .keyword__swiper-slide .keyword__best-rank .best-rank__ranking {
  width: 19px;
  margin-right: 4px;
  flex-shrink: 0;
  font-size: 12px;
}
.search__dashboard .search-keyword--best .keyword__swiper-slide .keyword__best-rank .best-rank__brand {
  display: block;
  margin-right: 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 14px;
}
.search__dashboard .search-keyword--best .keyword__swiper-slide .keyword__best-rank .best-rank__step {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  line-height: 22px;
  margin-left: auto;
  font-size: 0;
  font-weight: 500;
  word-break: keep-all;
}
.search__dashboard .search-keyword--best .keyword__swiper-slide .keyword__best-rank .best-rank__step::before {
  display: block;
  margin-right: 4px;
}
.search__dashboard .search-keyword--best .keyword__swiper-slide .keyword__best-rank .best-rank__step.up {
  color: #000;
  font-size: 12px;
}
.search__dashboard .search-keyword--best .keyword__swiper-slide .keyword__best-rank .best-rank__step.up::before {
  content: "▲";
}
.search__dashboard .search-keyword--best .keyword__swiper-slide .keyword__best-rank .best-rank__step.down {
  color: #929292;
  font-size: 12px;
}
.search__dashboard .search-keyword--best .keyword__swiper-slide .keyword__best-rank .best-rank__step.down::before {
  content: "▼";
}
.search__dashboard .search-keyword--best .keyword__swiper-slide .keyword__best-rank .best-rank__step.new {
  color: #d99c63;
}
.search__dashboard .search-keyword--best .keyword__swiper-slide .keyword__best-rank .best-rank__step.new::before {
  content: "NEW";
  font-weight: bold;
  font-size: 12px;
}
.search__dashboard .search-keyword--best .keyword__swiper-slide .keyword__best-rank .best-rank__step.no-change::before {
  content: "-";
  width: 12px;
  height: 1.8px;
  background-color: #c8c8c8;
}
.search__dashboard .search-keyword--best .keyword__swiper-slide .keyword__best-rank .best-rank__step span {
  display: block;
  margin-left: 3px;
  word-break: keep-all;
}
.search__dashboard .search-keyword--best .keyword__swiper .swiper-pagination-bullets {
  margin: 16px auto 24px;
}
.search__dashboard .search-keyword--best .keyword__swiper .swiper-pagination-bullets .swiper-pagination-bullet {
  width: 10px;
}
.search__dashboard .search-keyword--best .keyword__swiper .swiper-pagination-bullets .swiper-pagination-bullet-active {
  background-color: #131922;
}
.search__dashboard .search-keyword--best .keyword__swiper .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 1px;
}
.search__dashboard .search-keyword--best .keyword__list {
  padding: 0 24px 24px 24px;
  box-sizing: border-box;
  color: #000;
}
.search__dashboard .search-keyword--best .keyword__list-item {
  display: flex;
  flex-direction: column;
}
.search__dashboard .search-keyword--best .keyword__list-item .keyword__best-rank .best-rank {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-block: 12px;
  font-size: 16px;
  line-height: 1.3;
}
.search__dashboard .search-keyword--best .keyword__list-item .keyword__best-rank .best-rank__ranking {
  width: 18px;
  flex-shrink: 0;
}
.search__dashboard .search-keyword--best .keyword__list-item .keyword__best-rank .best-rank__brand {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
.search__dashboard .search-keyword--best .keyword__list-item .keyword__best-rank .best-rank__step {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 0;
}
.search__dashboard .search-keyword--best .keyword__list-item .keyword__best-rank .best-rank__step.siv-up::after, .search__dashboard .search-keyword--best .keyword__list-item .keyword__best-rank .best-rank__step.siv-down::after, .search__dashboard .search-keyword--best .keyword__list-item .keyword__best-rank .best-rank__step.siv-no-change::after {
  content: "";
  width: 12px;
  height: 12px;
}
.search__dashboard .search-keyword--best .keyword__list-item .keyword__best-rank .best-rank__step.siv-up::after {
  background: url(../image/search-new-rank-up.svg) no-repeat center/cover;
}
.search__dashboard .search-keyword--best .keyword__list-item .keyword__best-rank .best-rank__step.siv-down::after {
  background: url(../image/search-new-rank-down.svg) no-repeat center/cover;
}
.search__dashboard .search-keyword--best .keyword__list-item .keyword__best-rank .best-rank__step.siv-no-change::after {
  background: url(../image/search-new-rank-no-change.svg) no-repeat center/cover;
}
.search__dashboard .search-keyword--event-banner .event-banner__swiper .swiper-link {
  display: block;
  width: 100%;
  height: 100%;
}
.search__dashboard .search-keyword--event-banner .event-banner__swiper .swiper-link img {
  display: block;
  width: 100%;
  max-width: 100%;
}
.search__dashboard .search-keyword--event-banner .event-banner__swiper .swiper-pagination-bullets {
  margin-top: 17px;
}
.search__dashboard .search-keyword--event-banner .event-banner__swiper .swiper-pagination-bullets .swiper-pagination-bullet {
  width: 10px;
}
.search__dashboard .search-keyword--event-banner .event-banner__swiper .swiper-pagination-bullets .swiper-pagination-bullet-active {
  background-color: #131922;
}
.search__dashboard .search-keyword--event-banner .event-banner__swiper .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 1px;
}
.search__dashboard:has(.search-keyword--best .keyword__list) .search-keyword--recent {
  padding-top: 20px;
}
.search__dashboard:has(.search-keyword--best .keyword__list) .search-keyword--recent .keyword-list {
  padding-top: 5px;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
.search__dashboard:has(.search-keyword--best .keyword__list) .search-keyword--recent.is-delete-mode .keyword-list {
  -moz-column-gap: 16px;
       column-gap: 16px;
}
.search__dashboard:has(.search-keyword--best .keyword__list) .search-keyword--recent .keyword-group {
  display: flex;
  gap: 4px;
  align-items: center;
}
.search__dashboard:has(.search-keyword--best .keyword__list) .search-keyword--recent .keyword-item {
  font-size: 16px;
  color: #000;
  padding: 0;
  border: 0;
  line-height: 1.3;
}
.search__dashboard:has(.search-keyword--best .keyword__list) .search-keyword--recent .keyword-item__del {
  position: relative;
  width: 12px;
  height: 12px;
  top: auto;
  left: auto;
}
.search__dashboard:has(.search-keyword--best .keyword__list) .search-keyword--recent .keyword-item__del:before {
  width: 100%;
  height: 100%;
  right: auto;
  left: 0;
  top: 0;
  transform: translate(0, 0);
  background-image: url(../image/search-keyword-delete.svg);
}
.search__dashboard:has(.search-keyword--best .keyword__list) .search-keyword--best {
  padding-top: 10px;
}
.search__dashboard:has(.search-keyword--best .keyword__list) .search-keyword__content .no-data {
  background: #f6f6f6;
  padding: 24px;
  font-size: 16px;
  line-height: 1.3;
  color: #000;
  margin: 5px 24px 20px;
  width: auto;
}
.search__dashboard:has(.search-keyword--best .keyword__list) .search-keyword__content .keyword-list .no-data {
  margin: 0 0 4px;
  width: 100%;
}

.search__auto-complete {
  min-height: calc(100% - 132px);
  margin-top: 30px;
  padding-bottom: calc(20px + var(--safe-bottom, 0px));
  padding: 0 24px 56px;
  background-color: #fff;
  box-sizing: border-box;
}
.search__auto-complete__brand {
  display: flex;
  align-items: center;
  height: 48px;
  background-image: url(../image/icon_arrow_right.svg);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 20px 20px;
}
.search__auto-complete__brand--icon {
  height: 20px;
  font-size: 8px;
  font-weight: bold;
  text-align: center;
  line-height: 20px;
  padding: 0 6px;
  box-sizing: border-box;
  background-color: #000;
  color: #fff;
}
.search__auto-complete__brand--title {
  font-size: 16px;
  line-height: 48px;
  margin-left: 8px;
}
.search__auto-complete__search-result li {
  padding: 14px 0 12px 0;
}
.search__auto-complete__search-result li a {
  font-size: 16px;
  line-height: 22px;
}
.search__auto-complete__search-result li a span {
  color: #d99c63;
}

.detail__info-bedge {
  display: flex;
  padding: 0 24px;
  margin: -1px;
  flex-wrap: wrap;
}
.detail__info-bedge .bedge {
  display: inline-flex;
  height: 20px;
  margin: 1px;
  padding: 0 4px;
  align-items: center;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0;
  box-sizing: border-box;
}
.detail__info-bedge .bedge-black {
  background-color: #141a23;
}
.detail__info-bedge .bedge-gray--dark {
  background-color: #929292;
}
.detail__info-bedge .bedge-gray--light {
  background-color: #c8c8c8;
}
.detail__info-bedge .bedge-gold {
  background-color: #d99c63;
}
.detail__info-bedge .bedge-gold-line {
  color: #d99c63;
  border: 1px solid #d99c63;
  letter-spacing: 0.3px;
}

.shopping-bag__order-body-info-icon .bedge,
.product__info-badges .bedge {
  display: inline-flex;
  height: 20px;
  margin: 1px;
  padding: 0 4px;
  align-items: center;
  color: #fff;
  font-size: 8px;
  letter-spacing: 0.053rem;
}
.shopping-bag__order-body-info-icon .bedge-black,
.product__info-badges .bedge-black {
  background-color: #141a23;
}
.shopping-bag__order-body-info-icon .bedge-gray--dark,
.product__info-badges .bedge-gray--dark {
  background-color: #929292;
}
.shopping-bag__order-body-info-icon .bedge-gray--light,
.product__info-badges .bedge-gray--light {
  background-color: #c8c8c8;
}
.shopping-bag__order-body-info-icon .bedge-gold,
.product__info-badges .bedge-gold {
  background-color: #d99c63;
}

.info__badge {
  display: flex;
  flex-flow: row wrap;
  gap: 2px;
}
.info__badge span {
  display: block;
  height: 20px;
  line-height: 20px;
  padding: 0 6px;
  background-color: #141a23;
  font-weight: bold;
  font-size: 10px;
  color: #fff;
  letter-spacing: 0;
}

.size_btntype {
  margin-top: 16px;
}
.size_btntype .btn_wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: -2px;
}
.size_btntype .product_name {
  font-size: 14px;
  line-height: 20px;
  color: #141a23;
  margin-bottom: 8px;
  font-weight: bold;
}
.size_btntype button:not(.toast__option-text-title) {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  margin: 2px;
  padding: 0 9px;
  font-size: 12px;
  color: #131922;
  text-align: center;
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
}
.size_btntype button:not(.toast__option-text-title).on {
  border-color: #141a23;
}
.size_btntype button:not(.toast__option-text-title):disabled, .size_btntype button:not(.toast__option-text-title).disabled {
  border: none;
  color: #c8c8c8;
}
.size_btntype button:not(.toast__option-text-title):disabled::after, .size_btntype button:not(.toast__option-text-title).disabled::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../image/detail_product_item_color_disable_x.svg) no-repeat center;
  background-size: 100% 100%;
}
.size_btntype button:not(.toast__option-text-title).disabled.on {
  background-color: #f0f0f0;
}
.size_btntype button:not(.toast__option-text-title).disabled.on::after {
  background: url(../image/detail_product_item_color_disable_select_x.svg) no-repeat center/cover;
  border: 1px solid #141a23;
  box-sizing: border-box;
}
.size_btntype .toast__option-text {
  justify-content: flex-end;
  margin-top: 9px;
}
.size_btntype .toast__option-text-title {
  margin-right: 0;
}

.like-btn {
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../image/icon_heart_light_off.svg);
}
.like-btn.on {
  background-image: url(../image/icon_heart_light_on.svg);
}
.like-btn.white {
  background-image: url(../image/05Icon24PxThinHeartBOffWhite.svg);
}
.like-btn.white.on {
  background-image: url(../image/05Icon24PxThinHeartBOnWhite.svg);
}
.like-btn.big {
  width: 40px;
  height: 40px;
  background-image: url(../image/05Icon40PxThinHeartAOff.svg);
}
.like-btn.big.on {
  background-image: url(../image/05Icon40PxThinHeartAOn.svg);
}
.like-btn.big.white {
  background-image: url(../image/05Icon40PxThinHeartBOffWhite.svg);
}
.like-btn.big.white.on {
  background-image: url(../image/05Icon40PxThinHeartBOnWhite.svg);
}

.option_quantity {
  display: flex;
  margin-top: 16px;
}
.option_quantity button {
  width: 48px;
  height: 48px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
}
.option_quantity .minus {
  background-image: url(../image/05Icon24PxThinSubtraction.png);
  border: 1px solid #e0e0e0;
  border-right: 0;
  box-sizing: border-box;
}
.option_quantity .number {
  width: calc(100% - 96px);
  height: 48px;
  text-align: center;
  line-height: 48px;
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
}
.option_quantity .number input {
  width: 100%;
  height: 100%;
  text-align: center;
  border: 0;
  font-size: 14px;
  color: #141a23;
  vertical-align: top;
}
.option_quantity .plus {
  background-image: url(../image/05Icon24PxThinAdd.png);
  border: 1px solid #e0e0e0;
  border-left: 0;
  box-sizing: border-box;
}

.qna__toggle {
  padding-bottom: 24px;
}
.qna__toggle-wrap .wrap__title {
  display: flex;
  height: 64px;
  padding: 0 24px;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  color: #141a23;
}
.qna__toggle-wrap .wrap__title a {
  font-size: 12px;
  text-decoration: underline;
  color: #141a23;
  font-weight: normal;
  padding-right: 20px;
  background: url(../image/icon_arrow_right_thin.svg) no-repeat right center/16px;
}
.qna__toggle-wrap .toggle__item,
.qna__toggle-wrap .normal__item {
  border-bottom: 1px solid #f0f0f0;
}
.qna__toggle-wrap .toggle__item .item__btns,
.qna__toggle-wrap .normal__item .item__btns {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding: 24px;
  box-sizing: border-box;
  z-index: 10;
}
.qna__toggle-wrap .toggle__item .item__btns .item__title,
.qna__toggle-wrap .normal__item .item__btns .item__title {
  font-size: 14px;
  line-height: 20px;
  text-align: left;
}
.qna__toggle-wrap .toggle__item .item__btns .item__title.black,
.qna__toggle-wrap .normal__item .item__btns .item__title.black {
  color: #000;
}
.qna__toggle-wrap .toggle__item .item__btns .item__title.gray,
.qna__toggle-wrap .normal__item .item__btns .item__title.gray {
  color: #787878;
}
.qna__toggle-wrap .toggle__item .item__btns .icon-toggle-arrow,
.qna__toggle-wrap .normal__item .item__btns .icon-toggle-arrow {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url(../image/icon_arrow_down_thin.svg);
  margin-left: auto;
}
.qna__toggle-wrap .toggle__item .item__btns .icon-toggle-arrow.up,
.qna__toggle-wrap .normal__item .item__btns .icon-toggle-arrow.up {
  background-image: url(../image/icon_arrow_up_thin.svg);
}
.qna__toggle-wrap .toggle__item .toggle_contents,
.qna__toggle-wrap .normal__item .toggle_contents {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #404040;
  background-color: #f8f8f8;
  padding: 24px;
}
.qna__toggle-wrap .toggle__item .toggle_contents.hidden,
.qna__toggle-wrap .normal__item .toggle_contents.hidden {
  display: none;
}
.qna__toggle-wrap .more_btns {
  padding: 0 24px;
  margin: 24px 0 80px 0;
}
.qna__toggle-wrap .more_btns button {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.023rem;
  color: #000;
}
.qna__toggle-wrap .more_btns button .icon-toggle-arrow {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-left: 4px;
  background-image: url(../image/icon_arrow_down.svg);
}
.qna__toggle-wrap .more_btns button .icon-toggle-arrow.up {
  background-image: url(../image/icon_arrow_up.svg);
}
.qna__toggle-wrap-empty {
  font-size: 14px;
  text-align: center;
  line-height: 20px;
  letter-spacing: 0;
  color: #787878;
  padding: 110px 0;
}
.qna__toggle-wrap .qna__sub-category {
  padding: 0 24px;
  display: flex;
  flex-flow: row wrap;
  gap: 8px;
  margin-bottom: 10px;
}
.qna__toggle-wrap .qna__sub-category button {
  min-width: 66px;
  letter-spacing: 0.8px;
  width: auto;
  display: grid;
  place-items: center;
  height: 40px;
  padding: 0 15px;
  color: #000;
  border: 1px solid #e0e0e0;
  font-size: 14px;
}
.qna__toggle-wrap .qna__sub-category button.on {
  border-color: #141a23;
  background-color: #141a23;
  color: #fff;
}

.tab__btns {
  display: flex;
  flex-flow: row wrap;
}
.tab__btns a,
.tab__btns button {
  display: inline-flex;
  width: auto;
  height: 40px;
  margin: 0 8px 8px 0;
  padding: 0 16px;
  font-size: 14px;
  letter-spacing: -0.08px;
  color: #141a23;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  border: 1px solid #e0e0e0;
}
.tab__btns a.on,
.tab__btns button.on {
  border-color: #141a23;
  background-color: #141a23;
  color: #fff;
}

.result-empty {
  font-size: 14px;
  text-align: center;
  line-height: 20px;
  letter-spacing: 0;
  color: #787878;
  padding: 110px 0;
}

.checkbox__label {
  display: flex;
  align-items: flex-start;
}
.checkbox__label input {
  position: relative;
  display: inline-block;
  margin-right: 8px;
  width: 24px;
  height: 24px;
  min-width: 20px;
  background: url(../image/icon_checkbox_off.svg) no-repeat center/contain;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  flex-shrink: 0;
}
.checkbox__label input:checked {
  background: url(../image/icon_checkbox_on_black.svg) no-repeat center/contain;
}
.checkbox__label input:disabled {
  background: url(../image/icon_checkbox_disabled.svg) no-repeat center/contain;
}
.checkbox__label input:disabled ~ span {
  color: #c8c8c8;
}
.checkbox__label input:disabled:checked {
  background: url(../image/icon_checkbox_disabled_checked.svg) no-repeat center/contain;
}
.checkbox__label > span {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #404040;
  margin-right: 6px;
  transform: translateY(2px);
  font-weight: 500;
}

.radio__label {
  display: flex;
  align-items: flex-start;
}
.radio__label input {
  width: 24px;
  height: 24px;
  min-width: 24px;
  margin-right: 8px;
  font-size: 14px;
  color: #404040;
  background: url(../image/radio_selected_off.svg) no-repeat center/contain;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
.radio__label input:checked {
  background: url(../image/radio_selected_on.svg) no-repeat center/contain;
}
.radio__label input:disabled {
  background: url(../image/radio_selected_disabled.svg) no-repeat center/contain;
}
.radio__label input:disabled.not-checked {
  background: url(../image/radio_disabled.svg) no-repeat center/contain;
}
.radio__label input:disabled ~ span {
  color: #c8c8c8;
}
.radio__label > span {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #404040;
  margin-top: 2px;
  margin-right: 6px;
}

.form_input,
.order_input {
  position: relative;
  display: block;
  margin-bottom: 8px;
}
.form_input input:not(.flatpickr-input),
.form_input textarea,
.order_input input:not(.flatpickr-input),
.order_input textarea {
  box-sizing: border-box;
  width: 100%;
  height: 48px;
  padding: 14px 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #131922;
  border: 1px solid #e0e0e0;
  margin: 0;
}
.form_input input:not(.flatpickr-input).error,
.form_input textarea.error,
.order_input input:not(.flatpickr-input).error,
.order_input textarea.error {
  border: 1px solid #ee230d;
}
.form_input input:not(.flatpickr-input).error ~ .input-focus-controler,
.form_input textarea.error ~ .input-focus-controler,
.order_input input:not(.flatpickr-input).error ~ .input-focus-controler,
.order_input textarea.error ~ .input-focus-controler {
  border-color: #ee230d;
}
.form_input input:not(.flatpickr-input):-moz-read-only, .form_input textarea:-moz-read-only, .order_input input:not(.flatpickr-input):-moz-read-only, .order_input textarea:-moz-read-only {
  color: #a0a0a0;
  background-color: #f8f8f8;
  border: 1px solid #e0e0e0;
}
.form_input input:not(.flatpickr-input):disabled, .form_input input:not(.flatpickr-input):read-only,
.form_input textarea:disabled,
.form_input textarea:read-only,
.order_input input:not(.flatpickr-input):disabled,
.order_input input:not(.flatpickr-input):read-only,
.order_input textarea:disabled,
.order_input textarea:read-only {
  color: #a0a0a0;
  background-color: #f8f8f8;
  border: 1px solid #e0e0e0;
}
.form_input input:not(.flatpickr-input):-moz-read-only + button, .form_input input:not(.flatpickr-input):-moz-read-only + button + .input-focus-controler, .form_input textarea:-moz-read-only + button, .form_input textarea:-moz-read-only + button + .input-focus-controler, .order_input input:not(.flatpickr-input):-moz-read-only + button, .order_input input:not(.flatpickr-input):-moz-read-only + button + .input-focus-controler, .order_input textarea:-moz-read-only + button, .order_input textarea:-moz-read-only + button + .input-focus-controler {
  display: none;
}
.form_input input:not(.flatpickr-input):disabled + button, .form_input input:not(.flatpickr-input):disabled + button + .input-focus-controler, .form_input input:not(.flatpickr-input):read-only + button, .form_input input:not(.flatpickr-input):read-only + button + .input-focus-controler,
.form_input textarea:disabled + button,
.form_input textarea:disabled + button + .input-focus-controler,
.form_input textarea:read-only + button,
.form_input textarea:read-only + button + .input-focus-controler,
.order_input input:not(.flatpickr-input):disabled + button,
.order_input input:not(.flatpickr-input):disabled + button + .input-focus-controler,
.order_input input:not(.flatpickr-input):read-only + button,
.order_input input:not(.flatpickr-input):read-only + button + .input-focus-controler,
.order_input textarea:disabled + button,
.order_input textarea:disabled + button + .input-focus-controler,
.order_input textarea:read-only + button,
.order_input textarea:read-only + button + .input-focus-controler {
  display: none;
}
.form_input input:not(.flatpickr-input)::-moz-placeholder, .form_input textarea::-moz-placeholder, .order_input input:not(.flatpickr-input)::-moz-placeholder, .order_input textarea::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #a0a0a0;
  opacity: 1;
  /* Firefox */
}
.form_input input:not(.flatpickr-input)::placeholder,
.form_input textarea::placeholder,
.order_input input:not(.flatpickr-input)::placeholder,
.order_input textarea::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #a0a0a0;
  opacity: 1;
  /* Firefox */
}
.form_input input:not(.flatpickr-input):-ms-input-placeholder,
.form_input textarea:-ms-input-placeholder,
.order_input input:not(.flatpickr-input):-ms-input-placeholder,
.order_input textarea:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #a0a0a0;
}
.form_input input:not(.flatpickr-input)::-ms-input-placeholder,
.form_input textarea::-ms-input-placeholder,
.order_input input:not(.flatpickr-input)::-ms-input-placeholder,
.order_input textarea::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #a0a0a0;
}
.form_input input:not(.flatpickr-input).writing:enabled:not(:-moz-read-only), .form_input textarea.writing:enabled:not(:-moz-read-only), .order_input input:not(.flatpickr-input).writing:enabled:not(:-moz-read-only), .order_input textarea.writing:enabled:not(:-moz-read-only) {
  width: calc(100% - 44px);
  padding-right: 0;
  border-right: none;
}
.form_input input:not(.flatpickr-input).writing:enabled:not(:read-only),
.form_input textarea.writing:enabled:not(:read-only),
.order_input input:not(.flatpickr-input).writing:enabled:not(:read-only),
.order_input textarea.writing:enabled:not(:read-only) {
  width: calc(100% - 44px);
  padding-right: 0;
  border-right: none;
}
.form_input button,
.order_input button {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(../image/04IconClose.svg) no-repeat center/16px;
}
.form_input button.hidden,
.order_input button.hidden {
  display: none;
}
.form_input .input-focus-controler,
.order_input .input-focus-controler {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  width: 48px;
  height: 48px;
  font-size: 0;
  border: 1px solid #e0e0e0;
  border-left: none;
  box-sizing: border-box;
}
.form_input textarea,
.order_input textarea {
  resize: none;
  height: 66px;
}

.responsive_wrap .responsive_inner {
  width: 100%;
}
.responsive_wrap .responsive_inner .title {
  display: none;
}
.responsive_wrap .responsive_inner .responsive_content {
  width: 100%;
  margin: 0 auto;
}
.responsive_wrap .responsive_inner .responsive_full {
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .responsive_wrap {
    background-color: #f0f0f0;
    padding-top: 60px;
    padding-bottom: 120px;
  }
  .responsive_wrap .responsive_inner {
    width: 1000px;
    height: auto;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    margin: 0 auto;
    padding: 40px 0;
  }
  .responsive_wrap .responsive_inner .title {
    display: block;
    font-size: 32px;
    text-align: center;
    line-height: 40px;
  }
  .responsive_wrap .responsive_inner .responsive_content {
    width: 375px;
    margin: 0 auto;
  }
  .responsive_wrap .responsive_inner .responsive_full {
    width: 100%;
  }
}
.card-cont {
  padding: 0 24px;
}
.card-cont__installment-benefit {
  display: none;
}
.card-cont__none {
  margin-top: 218px;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  color: #787878;
}
.card-cont__wrap:first-of-type {
  margin-top: 8px;
}
.card-cont__wrap:not(:last-of-type) {
  margin-bottom: 2.8px;
}
.card-cont__wrap:last-of-type {
  margin-bottom: 80px;
}
.card-cont__title {
  display: flex;
  height: 64px;
  align-items: center;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0;
  color: #141a23;
  border-bottom: 1px solid #f0f0f0;
}
.card-cont__title.vlack {
  border-bottom: 1px solid #141a23;
}
.card-cont__list > li {
  display: flex;
  padding: 24px 0;
  align-items: flex-start;
  border-bottom: 1px solid #f0f0f0;
}
.card-cont__list.center > li {
  align-items: center;
}
.card-cont__icon {
  display: flex;
  width: 64px;
  height: 64px;
  margin-right: 16px;
  box-sizing: border-box;
  border-radius: 24px;
  border: 1px solid #e0e0e0;
  align-items: center;
  justify-content: center;
}
.card-cont__icon img {
  max-width: 40px;
  max-height: 40px;
}
.card-cont__text {
  display: flex;
  width: calc(100% - 64px - 16px);
  flex-direction: column;
  gap: 6px;
}
.card-cont__text > li {
  padding-left: 8px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  word-break: keep-all;
  color: #404040;
  background: url(../image/04IconBulletSmallGray.svg) no-repeat left top 8px/2px;
}

.size__wrap {
  overflow-y: auto;
  height: calc(100% - 5rem);
  padding: 0 1.5rem;
}
.size__wrap .siv-selectbox-wrap {
  padding: 0;
}

.product_measurement .select_ul2 {
  width: 100%;
  margin-top: -1px;
  box-sizing: border-box;
  z-index: 20;
  background-color: #fff;
  height: 192px;
  padding: 0 16px;
  border: 1px solid #141a23;
  overflow: scroll;
  border-top: none;
  display: none;
  position: absolute;
  left: 0;
  top: 48px;
}
.product_measurement .select_ul2 li {
  display: flex;
  width: 100%;
  height: 48px;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  font-size: 14px;
  color: #141a23;
  box-sizing: border-box;
}
.product_measurement .select_ul2 li.on {
  font-weight: bold;
}
.product_measurement .table_content2 {
  margin-top: 20px;
  display: none;
}
.product_measurement .table_content2:first-of-type {
  display: block;
}
.product_measurement .selecCont .measuringWrap .measuringImg {
  text-align: center;
}
.product_measurement .selecCont .measuringWrap .measuringImg img {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.product_measurement .selecCont .measuringWrap .measure-size {
  display: none;
}
.product_measurement .selecCont .measuringWrap .measuringinfo {
  margin-top: 3rem;
  width: 100%;
}
.product_measurement .selecCont .measuringWrap .measuringinfo li {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.product_measurement .selecCont .measuringWrap .measuringinfo li:last-child {
  margin-bottom: 0;
}
.product_measurement .selecCont .measuringWrap .measuringinfo li .typeA {
  box-sizing: border-box;
  border-radius: 100%;
  width: 16px;
  height: 16px;
  margin-right: 4px;
  line-height: 16px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background: #131922;
}
.product_measurement .selecCont .measuringWrap .measuringinfo li .miCont {
  display: flex;
  align-items: center;
}
.product_measurement .selecCont .measuringWrap .measuringinfo li .miCont dt {
  width: 7rem;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #787878;
}
.product_measurement .selecCont .measuringWrap .measuringinfo li .miCont dd {
  font-size: 14px;
  font-weight: 500;
  color: #131922;
}

.size__wrap [data-nation-code=INT] [data-nation-code]:not([data-nation-code=INT]):not([data-nation-code=KR]):not([data-nation-code=INT]) {
  display: none;
}
.size__wrap [data-nation-code=INT] [data-nation-code]:not([data-nation-code=INT]):not([data-nation-code=KR]):not([data-nation-code=INT]) th,
.size__wrap [data-nation-code=INT] [data-nation-code]:not([data-nation-code=INT]):not([data-nation-code=KR]):not([data-nation-code=INT]) td {
  display: none;
}
.size__wrap [data-nation-code=INT] thead th[data-nation-code=INT]:after {
  content: "";
  width: 4px;
  height: 4px;
  margin: 2px 0 0 2px;
  background-color: #929292;
  border-radius: 100%;
  display: inline-block;
  vertical-align: top;
}
.size__wrap [data-nation-code=INT] thead th[colspan="3"] {
  width: 50%;
}
.size__wrap [data-nation-code=INT] .has-sub-header tr.sub-header th,
.size__wrap [data-nation-code=INT] .has-sub-header tr.sub-header td {
  background: #f5f5f5;
}
.size__wrap [data-nation-code=INT] .has-sub-header tr.sub-header ~ tr:nth-of-type(2n) th,
.size__wrap [data-nation-code=INT] .has-sub-header tr.sub-header ~ tr:nth-of-type(2n) td {
  background: #f5f5f5;
}
.size__wrap [data-nation-code=INT] .has-sub-header tr.sub-header.INT {
  display: table-row;
}
.size__wrap [data-nation-code=INT] .has-sub-header tr.sub-header.INT th,
.size__wrap [data-nation-code=INT] .has-sub-header tr.sub-header.INT td {
  display: table-cell;
}
.size__wrap [data-nation-code=INT] .has-sub-header tr.sub-header.INT ~ tr:nth-of-type(2n) th,
.size__wrap [data-nation-code=INT] .has-sub-header tr.sub-header.INT ~ tr:nth-of-type(2n) td {
  background: transparent;
}
.size__wrap [data-nation-code=INT] .has-sub-header tr.sub-header.INT ~ tr:nth-of-type(2n-1) th,
.size__wrap [data-nation-code=INT] .has-sub-header tr.sub-header.INT ~ tr:nth-of-type(2n-1) td {
  background: #f5f5f5;
}
.size__wrap [data-nation-code=KR] [data-nation-code]:not([data-nation-code=INT]):not([data-nation-code=KR]):not([data-nation-code=KR]) {
  display: none;
}
.size__wrap [data-nation-code=KR] [data-nation-code]:not([data-nation-code=INT]):not([data-nation-code=KR]):not([data-nation-code=KR]) th,
.size__wrap [data-nation-code=KR] [data-nation-code]:not([data-nation-code=INT]):not([data-nation-code=KR]):not([data-nation-code=KR]) td {
  display: none;
}
.size__wrap [data-nation-code=KR] thead th[data-nation-code=KR]:after {
  content: "";
  width: 4px;
  height: 4px;
  margin: 2px 0 0 2px;
  background-color: #929292;
  border-radius: 100%;
  display: inline-block;
  vertical-align: top;
}
.size__wrap [data-nation-code=KR] thead th[colspan="3"] {
  width: 50%;
}
.size__wrap [data-nation-code=KR] .has-sub-header tr.sub-header th,
.size__wrap [data-nation-code=KR] .has-sub-header tr.sub-header td {
  background: #f5f5f5;
}
.size__wrap [data-nation-code=KR] .has-sub-header tr.sub-header ~ tr:nth-of-type(2n) th,
.size__wrap [data-nation-code=KR] .has-sub-header tr.sub-header ~ tr:nth-of-type(2n) td {
  background: #f5f5f5;
}
.size__wrap [data-nation-code=KR] .has-sub-header tr.sub-header.KR {
  display: table-row;
}
.size__wrap [data-nation-code=KR] .has-sub-header tr.sub-header.KR th,
.size__wrap [data-nation-code=KR] .has-sub-header tr.sub-header.KR td {
  display: table-cell;
}
.size__wrap [data-nation-code=KR] .has-sub-header tr.sub-header.KR ~ tr:nth-of-type(2n) th,
.size__wrap [data-nation-code=KR] .has-sub-header tr.sub-header.KR ~ tr:nth-of-type(2n) td {
  background: transparent;
}
.size__wrap [data-nation-code=KR] .has-sub-header tr.sub-header.KR ~ tr:nth-of-type(2n-1) th,
.size__wrap [data-nation-code=KR] .has-sub-header tr.sub-header.KR ~ tr:nth-of-type(2n-1) td {
  background: #f5f5f5;
}
.size__wrap [data-nation-code=US] [data-nation-code]:not([data-nation-code=INT]):not([data-nation-code=KR]):not([data-nation-code=US]) {
  display: none;
}
.size__wrap [data-nation-code=US] [data-nation-code]:not([data-nation-code=INT]):not([data-nation-code=KR]):not([data-nation-code=US]) th,
.size__wrap [data-nation-code=US] [data-nation-code]:not([data-nation-code=INT]):not([data-nation-code=KR]):not([data-nation-code=US]) td {
  display: none;
}
.size__wrap [data-nation-code=US] thead th[data-nation-code=US]:after {
  content: "";
  width: 4px;
  height: 4px;
  margin: 2px 0 0 2px;
  background-color: #929292;
  border-radius: 100%;
  display: inline-block;
  vertical-align: top;
}
.size__wrap [data-nation-code=US] thead th[colspan="3"] {
  width: 50%;
}
.size__wrap [data-nation-code=US] .has-sub-header tr.sub-header th,
.size__wrap [data-nation-code=US] .has-sub-header tr.sub-header td {
  background: #f5f5f5;
}
.size__wrap [data-nation-code=US] .has-sub-header tr.sub-header ~ tr:nth-of-type(2n) th,
.size__wrap [data-nation-code=US] .has-sub-header tr.sub-header ~ tr:nth-of-type(2n) td {
  background: #f5f5f5;
}
.size__wrap [data-nation-code=US] .has-sub-header tr.sub-header.US {
  display: table-row;
}
.size__wrap [data-nation-code=US] .has-sub-header tr.sub-header.US th,
.size__wrap [data-nation-code=US] .has-sub-header tr.sub-header.US td {
  display: table-cell;
}
.size__wrap [data-nation-code=US] .has-sub-header tr.sub-header.US ~ tr:nth-of-type(2n) th,
.size__wrap [data-nation-code=US] .has-sub-header tr.sub-header.US ~ tr:nth-of-type(2n) td {
  background: transparent;
}
.size__wrap [data-nation-code=US] .has-sub-header tr.sub-header.US ~ tr:nth-of-type(2n-1) th,
.size__wrap [data-nation-code=US] .has-sub-header tr.sub-header.US ~ tr:nth-of-type(2n-1) td {
  background: #f5f5f5;
}
.size__wrap [data-nation-code=UK] [data-nation-code]:not([data-nation-code=INT]):not([data-nation-code=KR]):not([data-nation-code=UK]) {
  display: none;
}
.size__wrap [data-nation-code=UK] [data-nation-code]:not([data-nation-code=INT]):not([data-nation-code=KR]):not([data-nation-code=UK]) th,
.size__wrap [data-nation-code=UK] [data-nation-code]:not([data-nation-code=INT]):not([data-nation-code=KR]):not([data-nation-code=UK]) td {
  display: none;
}
.size__wrap [data-nation-code=UK] thead th[data-nation-code=UK]:after {
  content: "";
  width: 4px;
  height: 4px;
  margin: 2px 0 0 2px;
  background-color: #929292;
  border-radius: 100%;
  display: inline-block;
  vertical-align: top;
}
.size__wrap [data-nation-code=UK] thead th[colspan="3"] {
  width: 50%;
}
.size__wrap [data-nation-code=UK] .has-sub-header tr.sub-header th,
.size__wrap [data-nation-code=UK] .has-sub-header tr.sub-header td {
  background: #f5f5f5;
}
.size__wrap [data-nation-code=UK] .has-sub-header tr.sub-header ~ tr:nth-of-type(2n) th,
.size__wrap [data-nation-code=UK] .has-sub-header tr.sub-header ~ tr:nth-of-type(2n) td {
  background: #f5f5f5;
}
.size__wrap [data-nation-code=UK] .has-sub-header tr.sub-header.UK {
  display: table-row;
}
.size__wrap [data-nation-code=UK] .has-sub-header tr.sub-header.UK th,
.size__wrap [data-nation-code=UK] .has-sub-header tr.sub-header.UK td {
  display: table-cell;
}
.size__wrap [data-nation-code=UK] .has-sub-header tr.sub-header.UK ~ tr:nth-of-type(2n) th,
.size__wrap [data-nation-code=UK] .has-sub-header tr.sub-header.UK ~ tr:nth-of-type(2n) td {
  background: transparent;
}
.size__wrap [data-nation-code=UK] .has-sub-header tr.sub-header.UK ~ tr:nth-of-type(2n-1) th,
.size__wrap [data-nation-code=UK] .has-sub-header tr.sub-header.UK ~ tr:nth-of-type(2n-1) td {
  background: #f5f5f5;
}
.size__wrap [data-nation-code=IT] [data-nation-code]:not([data-nation-code=INT]):not([data-nation-code=KR]):not([data-nation-code=IT]) {
  display: none;
}
.size__wrap [data-nation-code=IT] [data-nation-code]:not([data-nation-code=INT]):not([data-nation-code=KR]):not([data-nation-code=IT]) th,
.size__wrap [data-nation-code=IT] [data-nation-code]:not([data-nation-code=INT]):not([data-nation-code=KR]):not([data-nation-code=IT]) td {
  display: none;
}
.size__wrap [data-nation-code=IT] thead th[data-nation-code=IT]:after {
  content: "";
  width: 4px;
  height: 4px;
  margin: 2px 0 0 2px;
  background-color: #929292;
  border-radius: 100%;
  display: inline-block;
  vertical-align: top;
}
.size__wrap [data-nation-code=IT] thead th[colspan="3"] {
  width: 50%;
}
.size__wrap [data-nation-code=IT] .has-sub-header tr.sub-header th,
.size__wrap [data-nation-code=IT] .has-sub-header tr.sub-header td {
  background: #f5f5f5;
}
.size__wrap [data-nation-code=IT] .has-sub-header tr.sub-header ~ tr:nth-of-type(2n) th,
.size__wrap [data-nation-code=IT] .has-sub-header tr.sub-header ~ tr:nth-of-type(2n) td {
  background: #f5f5f5;
}
.size__wrap [data-nation-code=IT] .has-sub-header tr.sub-header.IT {
  display: table-row;
}
.size__wrap [data-nation-code=IT] .has-sub-header tr.sub-header.IT th,
.size__wrap [data-nation-code=IT] .has-sub-header tr.sub-header.IT td {
  display: table-cell;
}
.size__wrap [data-nation-code=IT] .has-sub-header tr.sub-header.IT ~ tr:nth-of-type(2n) th,
.size__wrap [data-nation-code=IT] .has-sub-header tr.sub-header.IT ~ tr:nth-of-type(2n) td {
  background: transparent;
}
.size__wrap [data-nation-code=IT] .has-sub-header tr.sub-header.IT ~ tr:nth-of-type(2n-1) th,
.size__wrap [data-nation-code=IT] .has-sub-header tr.sub-header.IT ~ tr:nth-of-type(2n-1) td {
  background: #f5f5f5;
}
.size__wrap [data-nation-code=FR] [data-nation-code]:not([data-nation-code=INT]):not([data-nation-code=KR]):not([data-nation-code=FR]) {
  display: none;
}
.size__wrap [data-nation-code=FR] [data-nation-code]:not([data-nation-code=INT]):not([data-nation-code=KR]):not([data-nation-code=FR]) th,
.size__wrap [data-nation-code=FR] [data-nation-code]:not([data-nation-code=INT]):not([data-nation-code=KR]):not([data-nation-code=FR]) td {
  display: none;
}
.size__wrap [data-nation-code=FR] thead th[data-nation-code=FR]:after {
  content: "";
  width: 4px;
  height: 4px;
  margin: 2px 0 0 2px;
  background-color: #929292;
  border-radius: 100%;
  display: inline-block;
  vertical-align: top;
}
.size__wrap [data-nation-code=FR] thead th[colspan="3"] {
  width: 50%;
}
.size__wrap [data-nation-code=FR] .has-sub-header tr.sub-header th,
.size__wrap [data-nation-code=FR] .has-sub-header tr.sub-header td {
  background: #f5f5f5;
}
.size__wrap [data-nation-code=FR] .has-sub-header tr.sub-header ~ tr:nth-of-type(2n) th,
.size__wrap [data-nation-code=FR] .has-sub-header tr.sub-header ~ tr:nth-of-type(2n) td {
  background: #f5f5f5;
}
.size__wrap [data-nation-code=FR] .has-sub-header tr.sub-header.FR {
  display: table-row;
}
.size__wrap [data-nation-code=FR] .has-sub-header tr.sub-header.FR th,
.size__wrap [data-nation-code=FR] .has-sub-header tr.sub-header.FR td {
  display: table-cell;
}
.size__wrap [data-nation-code=FR] .has-sub-header tr.sub-header.FR ~ tr:nth-of-type(2n) th,
.size__wrap [data-nation-code=FR] .has-sub-header tr.sub-header.FR ~ tr:nth-of-type(2n) td {
  background: transparent;
}
.size__wrap [data-nation-code=FR] .has-sub-header tr.sub-header.FR ~ tr:nth-of-type(2n-1) th,
.size__wrap [data-nation-code=FR] .has-sub-header tr.sub-header.FR ~ tr:nth-of-type(2n-1) td {
  background: #f5f5f5;
}
.size__wrap [data-nation-code=SE] [data-nation-code]:not([data-nation-code=INT]):not([data-nation-code=KR]):not([data-nation-code=SE]) {
  display: none;
}
.size__wrap [data-nation-code=SE] [data-nation-code]:not([data-nation-code=INT]):not([data-nation-code=KR]):not([data-nation-code=SE]) th,
.size__wrap [data-nation-code=SE] [data-nation-code]:not([data-nation-code=INT]):not([data-nation-code=KR]):not([data-nation-code=SE]) td {
  display: none;
}
.size__wrap [data-nation-code=SE] thead th[data-nation-code=SE]:after {
  content: "";
  width: 4px;
  height: 4px;
  margin: 2px 0 0 2px;
  background-color: #929292;
  border-radius: 100%;
  display: inline-block;
  vertical-align: top;
}
.size__wrap [data-nation-code=SE] thead th[colspan="3"] {
  width: 50%;
}
.size__wrap [data-nation-code=SE] .has-sub-header tr.sub-header th,
.size__wrap [data-nation-code=SE] .has-sub-header tr.sub-header td {
  background: #f5f5f5;
}
.size__wrap [data-nation-code=SE] .has-sub-header tr.sub-header ~ tr:nth-of-type(2n) th,
.size__wrap [data-nation-code=SE] .has-sub-header tr.sub-header ~ tr:nth-of-type(2n) td {
  background: #f5f5f5;
}
.size__wrap [data-nation-code=SE] .has-sub-header tr.sub-header.SE {
  display: table-row;
}
.size__wrap [data-nation-code=SE] .has-sub-header tr.sub-header.SE th,
.size__wrap [data-nation-code=SE] .has-sub-header tr.sub-header.SE td {
  display: table-cell;
}
.size__wrap [data-nation-code=SE] .has-sub-header tr.sub-header.SE ~ tr:nth-of-type(2n) th,
.size__wrap [data-nation-code=SE] .has-sub-header tr.sub-header.SE ~ tr:nth-of-type(2n) td {
  background: transparent;
}
.size__wrap [data-nation-code=SE] .has-sub-header tr.sub-header.SE ~ tr:nth-of-type(2n-1) th,
.size__wrap [data-nation-code=SE] .has-sub-header tr.sub-header.SE ~ tr:nth-of-type(2n-1) td {
  background: #f5f5f5;
}
.size__wrap [data-nation-code=TR] [data-nation-code]:not([data-nation-code=INT]):not([data-nation-code=KR]):not([data-nation-code=TR]) {
  display: none;
}
.size__wrap [data-nation-code=TR] [data-nation-code]:not([data-nation-code=INT]):not([data-nation-code=KR]):not([data-nation-code=TR]) th,
.size__wrap [data-nation-code=TR] [data-nation-code]:not([data-nation-code=INT]):not([data-nation-code=KR]):not([data-nation-code=TR]) td {
  display: none;
}
.size__wrap [data-nation-code=TR] thead th[data-nation-code=TR]:after {
  content: "";
  width: 4px;
  height: 4px;
  margin: 2px 0 0 2px;
  background-color: #929292;
  border-radius: 100%;
  display: inline-block;
  vertical-align: top;
}
.size__wrap [data-nation-code=TR] thead th[colspan="3"] {
  width: 50%;
}
.size__wrap [data-nation-code=TR] .has-sub-header tr.sub-header th,
.size__wrap [data-nation-code=TR] .has-sub-header tr.sub-header td {
  background: #f5f5f5;
}
.size__wrap [data-nation-code=TR] .has-sub-header tr.sub-header ~ tr:nth-of-type(2n) th,
.size__wrap [data-nation-code=TR] .has-sub-header tr.sub-header ~ tr:nth-of-type(2n) td {
  background: #f5f5f5;
}
.size__wrap [data-nation-code=TR] .has-sub-header tr.sub-header.TR {
  display: table-row;
}
.size__wrap [data-nation-code=TR] .has-sub-header tr.sub-header.TR th,
.size__wrap [data-nation-code=TR] .has-sub-header tr.sub-header.TR td {
  display: table-cell;
}
.size__wrap [data-nation-code=TR] .has-sub-header tr.sub-header.TR ~ tr:nth-of-type(2n) th,
.size__wrap [data-nation-code=TR] .has-sub-header tr.sub-header.TR ~ tr:nth-of-type(2n) td {
  background: transparent;
}
.size__wrap [data-nation-code=TR] .has-sub-header tr.sub-header.TR ~ tr:nth-of-type(2n-1) th,
.size__wrap [data-nation-code=TR] .has-sub-header tr.sub-header.TR ~ tr:nth-of-type(2n-1) td {
  background: #f5f5f5;
}
.size__wrap [data-nation-code=EUR] [data-nation-code]:not([data-nation-code=INT]):not([data-nation-code=KR]):not([data-nation-code=EUR]) {
  display: none;
}
.size__wrap [data-nation-code=EUR] [data-nation-code]:not([data-nation-code=INT]):not([data-nation-code=KR]):not([data-nation-code=EUR]) th,
.size__wrap [data-nation-code=EUR] [data-nation-code]:not([data-nation-code=INT]):not([data-nation-code=KR]):not([data-nation-code=EUR]) td {
  display: none;
}
.size__wrap [data-nation-code=EUR] thead th[data-nation-code=EUR]:after {
  content: "";
  width: 4px;
  height: 4px;
  margin: 2px 0 0 2px;
  background-color: #929292;
  border-radius: 100%;
  display: inline-block;
  vertical-align: top;
}
.size__wrap [data-nation-code=EUR] thead th[colspan="3"] {
  width: 50%;
}
.size__wrap [data-nation-code=EUR] .has-sub-header tr.sub-header th,
.size__wrap [data-nation-code=EUR] .has-sub-header tr.sub-header td {
  background: #f5f5f5;
}
.size__wrap [data-nation-code=EUR] .has-sub-header tr.sub-header ~ tr:nth-of-type(2n) th,
.size__wrap [data-nation-code=EUR] .has-sub-header tr.sub-header ~ tr:nth-of-type(2n) td {
  background: #f5f5f5;
}
.size__wrap [data-nation-code=EUR] .has-sub-header tr.sub-header.EUR {
  display: table-row;
}
.size__wrap [data-nation-code=EUR] .has-sub-header tr.sub-header.EUR th,
.size__wrap [data-nation-code=EUR] .has-sub-header tr.sub-header.EUR td {
  display: table-cell;
}
.size__wrap [data-nation-code=EUR] .has-sub-header tr.sub-header.EUR ~ tr:nth-of-type(2n) th,
.size__wrap [data-nation-code=EUR] .has-sub-header tr.sub-header.EUR ~ tr:nth-of-type(2n) td {
  background: transparent;
}
.size__wrap [data-nation-code=EUR] .has-sub-header tr.sub-header.EUR ~ tr:nth-of-type(2n-1) th,
.size__wrap [data-nation-code=EUR] .has-sub-header tr.sub-header.EUR ~ tr:nth-of-type(2n-1) td {
  background: #f5f5f5;
}
.size__wrap [data-nation-code="FR/EUR"] [data-nation-code]:not([data-nation-code=INT]):not([data-nation-code=KR]):not([data-nation-code="FR/EUR"]) {
  display: none;
}
.size__wrap [data-nation-code="FR/EUR"] [data-nation-code]:not([data-nation-code=INT]):not([data-nation-code=KR]):not([data-nation-code="FR/EUR"]) th,
.size__wrap [data-nation-code="FR/EUR"] [data-nation-code]:not([data-nation-code=INT]):not([data-nation-code=KR]):not([data-nation-code="FR/EUR"]) td {
  display: none;
}
.size__wrap [data-nation-code="FR/EUR"] thead th[data-nation-code="FR/EUR"]:after {
  content: "";
  width: 4px;
  height: 4px;
  margin: 2px 0 0 2px;
  background-color: #929292;
  border-radius: 100%;
  display: inline-block;
  vertical-align: top;
}
.size__wrap [data-nation-code="FR/EUR"] thead th[colspan="3"] {
  width: 50%;
}
.size__wrap [data-nation-code="FR/EUR"] .has-sub-header tr.sub-header th,
.size__wrap [data-nation-code="FR/EUR"] .has-sub-header tr.sub-header td {
  background: #f5f5f5;
}
.size__wrap [data-nation-code="FR/EUR"] .has-sub-header tr.sub-header ~ tr:nth-of-type(2n) th,
.size__wrap [data-nation-code="FR/EUR"] .has-sub-header tr.sub-header ~ tr:nth-of-type(2n) td {
  background: #f5f5f5;
}
.size__wrap [data-nation-code="FR/EUR"] .has-sub-header tr.sub-header.FR\/EUR {
  display: table-row;
}
.size__wrap [data-nation-code="FR/EUR"] .has-sub-header tr.sub-header.FR\/EUR th,
.size__wrap [data-nation-code="FR/EUR"] .has-sub-header tr.sub-header.FR\/EUR td {
  display: table-cell;
}
.size__wrap [data-nation-code="FR/EUR"] .has-sub-header tr.sub-header.FR\/EUR ~ tr:nth-of-type(2n) th,
.size__wrap [data-nation-code="FR/EUR"] .has-sub-header tr.sub-header.FR\/EUR ~ tr:nth-of-type(2n) td {
  background: transparent;
}
.size__wrap [data-nation-code="FR/EUR"] .has-sub-header tr.sub-header.FR\/EUR ~ tr:nth-of-type(2n-1) th,
.size__wrap [data-nation-code="FR/EUR"] .has-sub-header tr.sub-header.FR\/EUR ~ tr:nth-of-type(2n-1) td {
  background: #f5f5f5;
}
.size__wrap [data-nation-code=JP] [data-nation-code]:not([data-nation-code=INT]):not([data-nation-code=KR]):not([data-nation-code=JP]) {
  display: none;
}
.size__wrap [data-nation-code=JP] [data-nation-code]:not([data-nation-code=INT]):not([data-nation-code=KR]):not([data-nation-code=JP]) th,
.size__wrap [data-nation-code=JP] [data-nation-code]:not([data-nation-code=INT]):not([data-nation-code=KR]):not([data-nation-code=JP]) td {
  display: none;
}
.size__wrap [data-nation-code=JP] thead th[data-nation-code=JP]:after {
  content: "";
  width: 4px;
  height: 4px;
  margin: 2px 0 0 2px;
  background-color: #929292;
  border-radius: 100%;
  display: inline-block;
  vertical-align: top;
}
.size__wrap [data-nation-code=JP] thead th[colspan="3"] {
  width: 50%;
}
.size__wrap [data-nation-code=JP] .has-sub-header tr.sub-header th,
.size__wrap [data-nation-code=JP] .has-sub-header tr.sub-header td {
  background: #f5f5f5;
}
.size__wrap [data-nation-code=JP] .has-sub-header tr.sub-header ~ tr:nth-of-type(2n) th,
.size__wrap [data-nation-code=JP] .has-sub-header tr.sub-header ~ tr:nth-of-type(2n) td {
  background: #f5f5f5;
}
.size__wrap [data-nation-code=JP] .has-sub-header tr.sub-header.JP {
  display: table-row;
}
.size__wrap [data-nation-code=JP] .has-sub-header tr.sub-header.JP th,
.size__wrap [data-nation-code=JP] .has-sub-header tr.sub-header.JP td {
  display: table-cell;
}
.size__wrap [data-nation-code=JP] .has-sub-header tr.sub-header.JP ~ tr:nth-of-type(2n) th,
.size__wrap [data-nation-code=JP] .has-sub-header tr.sub-header.JP ~ tr:nth-of-type(2n) td {
  background: transparent;
}
.size__wrap [data-nation-code=JP] .has-sub-header tr.sub-header.JP ~ tr:nth-of-type(2n-1) th,
.size__wrap [data-nation-code=JP] .has-sub-header tr.sub-header.JP ~ tr:nth-of-type(2n-1) td {
  background: #f5f5f5;
}
.size__wrap [data-nation-code=DE] [data-nation-code]:not([data-nation-code=INT]):not([data-nation-code=KR]):not([data-nation-code=DE]) {
  display: none;
}
.size__wrap [data-nation-code=DE] [data-nation-code]:not([data-nation-code=INT]):not([data-nation-code=KR]):not([data-nation-code=DE]) th,
.size__wrap [data-nation-code=DE] [data-nation-code]:not([data-nation-code=INT]):not([data-nation-code=KR]):not([data-nation-code=DE]) td {
  display: none;
}
.size__wrap [data-nation-code=DE] thead th[data-nation-code=DE]:after {
  content: "";
  width: 4px;
  height: 4px;
  margin: 2px 0 0 2px;
  background-color: #929292;
  border-radius: 100%;
  display: inline-block;
  vertical-align: top;
}
.size__wrap [data-nation-code=DE] thead th[colspan="3"] {
  width: 50%;
}
.size__wrap [data-nation-code=DE] .has-sub-header tr.sub-header th,
.size__wrap [data-nation-code=DE] .has-sub-header tr.sub-header td {
  background: #f5f5f5;
}
.size__wrap [data-nation-code=DE] .has-sub-header tr.sub-header ~ tr:nth-of-type(2n) th,
.size__wrap [data-nation-code=DE] .has-sub-header tr.sub-header ~ tr:nth-of-type(2n) td {
  background: #f5f5f5;
}
.size__wrap [data-nation-code=DE] .has-sub-header tr.sub-header.DE {
  display: table-row;
}
.size__wrap [data-nation-code=DE] .has-sub-header tr.sub-header.DE th,
.size__wrap [data-nation-code=DE] .has-sub-header tr.sub-header.DE td {
  display: table-cell;
}
.size__wrap [data-nation-code=DE] .has-sub-header tr.sub-header.DE ~ tr:nth-of-type(2n) th,
.size__wrap [data-nation-code=DE] .has-sub-header tr.sub-header.DE ~ tr:nth-of-type(2n) td {
  background: transparent;
}
.size__wrap [data-nation-code=DE] .has-sub-header tr.sub-header.DE ~ tr:nth-of-type(2n-1) th,
.size__wrap [data-nation-code=DE] .has-sub-header tr.sub-header.DE ~ tr:nth-of-type(2n-1) td {
  background: #f5f5f5;
}
.size__wrap tbody [data-nation-code=INT] + [data-nation-code=INT] {
  border-left-color: transparent;
}
.size__wrap tbody [data-nation-code=KR] + [data-nation-code=KR] {
  border-left-color: transparent;
}
.size__wrap tbody [data-nation-code=US] + [data-nation-code=US] {
  border-left-color: transparent;
}
.size__wrap tbody [data-nation-code=UK] + [data-nation-code=UK] {
  border-left-color: transparent;
}
.size__wrap tbody [data-nation-code=IT] + [data-nation-code=IT] {
  border-left-color: transparent;
}
.size__wrap tbody [data-nation-code=FR] + [data-nation-code=FR] {
  border-left-color: transparent;
}
.size__wrap tbody [data-nation-code=SE] + [data-nation-code=SE] {
  border-left-color: transparent;
}
.size__wrap tbody [data-nation-code=TR] + [data-nation-code=TR] {
  border-left-color: transparent;
}
.size__wrap tbody [data-nation-code=EUR] + [data-nation-code=EUR] {
  border-left-color: transparent;
}
.size__wrap tbody [data-nation-code="FR/EUR"] + [data-nation-code="FR/EUR"] {
  border-left-color: transparent;
}
.size__wrap tbody [data-nation-code=JP] + [data-nation-code=JP] {
  border-left-color: transparent;
}
.size__wrap tbody [data-nation-code=DE] + [data-nation-code=DE] {
  border-left-color: transparent;
}

.data__wrap {
  overflow-y: auto;
  height: calc(100% - 50px);
  padding: 15px 0;
  padding-bottom: 90px;
}
.data__wrap .data__item {
  padding: 0;
  overflow: visible;
}
.data__wrap .data__item .data_title {
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 18px;
  color: #555;
}
.data__wrap .data__item .data_info {
  border-top: 1px solid #e5e5e5;
  padding-top: 16px;
  font-size: 12px;
  line-height: 18px;
  color: #131922;
}
.data__wrap .data__item .size-radio-group {
  margin-top: 50px;
  border: 1px solid red;
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.data__wrap .data__item .size-radio-group label {
  padding: 5px 5px;
  border: 1px solid #ccc;
}
.data__wrap .data__item .size-radio-group input[type=radio]:checked + span {
  color: red;
}
.data__wrap .data__item .size-radio-group input[type=radio]:disabled + span {
  opacity: 0.3;
}
.data__wrap .data__item table {
  width: 100%;
  min-width: 100%;
  margin-bottom: 34px;
  border-top: 1px solid #f0f0f0;
}
.data__wrap .data__item table thead th {
  height: 47px;
  padding: 16px 0 13px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  text-align: center;
  color: #131922;
  background: transparent;
  box-sizing: border-box;
}
.data__wrap .data__item table tbody tr th,
.data__wrap .data__item table tbody tr td {
  height: 34px;
  padding: 5px 0;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  text-align: center;
  color: #131922;
  border-left: 1px solid #e0e0e0;
  box-sizing: content-box;
}
.data__wrap .data__item table tbody tr th:first-child,
.data__wrap .data__item table tbody tr td:first-child {
  border-left: 0;
}
.data__wrap .data__item table tbody:not(.has-sub-header) tr:nth-of-type(odd) th,
.data__wrap .data__item table tbody:not(.has-sub-header) tr:nth-of-type(odd) td {
  background: #f5f5f5;
}
.data__wrap .data__item table tbody.has-sub-header .sub-header th,
.data__wrap .data__item table tbody.has-sub-header .sub-header td {
  display: none;
}
.data__wrap .no_data {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 400px;
  height: auto;
  color: #a0a0a0;
  font-size: 14px;
  letter-spacing: 0;
}

.data__item .measuringWrap .measuringinfo li {
  align-items: flex-start;
}
.data__item .measuringWrap .measuringinfo li p {
  margin-top: 3px;
}
.data__item .measuringWrap .measuringImg {
  width: 188px;
  margin: 0 auto;
}
.data__item .measuringWrap .measuringinfo li dl {
  display: flex;
  align-items: flex-start;
}
.data__item .measuringWrap .measuringinfo li dl dt {
  display: block;
  white-space: nowrap;
}
.data__item .measuringWrap .measuringinfo li dl dd {
  justify-content: flex-end;
  font-size: 14px;
}

.data__content .conTxt .tit {
  margin: 0 0 5px;
  font-size: 13px;
  line-height: 18px;
  color: #555;
}
.data__content .conTxt .popContent .select select {
  border: none;
  -webkit-appearance: none;
  font-size: 14px;
  line-height: 20px;
  width: 100%;
  height: 48px;
  align-items: center;
  box-sizing: border-box;
  border: 1px solid #e0e0e0;
  outline: none;
  color: #999;
  background: url(../image/ico_arrow_down.svg) no-repeat right 12px center/16px auto;
}
.data__content .conTxt .popContent .prdList {
  overflow-x: auto;
  min-width: 100%;
}
.data__content .conTxt .popContent .prdList table th {
  font-weight: bold;
  text-align: center;
  border: 1px solid #f3f3f3;
}
.data__content .conTxt .popContent .prdList table.head {
  width: auto;
  min-width: 100%;
  white-space: nowrap;
  table-layout: auto;
  width: 100%;
  max-width: initial;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f3f3f3;
  overflow: hidden;
}
.data__content .conTxt .popContent .prdList table.head.first {
  border-left: 1px solid #f0f0f0;
  font-weight: bold;
  text-align: center;
}
.data__content .conTxt .popContent .prdList table thead tr th {
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  padding-left: 7px;
  padding-right: 7px;
  padding: 10px 15px;
  border-bottom: 1px solid #f3f3f3;
  background: #f9f9f9;
  font-size: 12px;
  color: #212121;
  background-color: #e5e5e5 !important;
}
.data__content .conTxt .popContent .prdList table thead tr th.first {
  border-left: none;
}
.data__content .conTxt .popContent .prdList table tbody th,
.data__content .conTxt .popContent .prdList table tbody td {
  padding: 15px 10px;
  border-top: 1px solid #f3f3f3;
  font-size: 12px;
  text-align: center;
  vertical-align: middle;
  word-break: keep-all;
  border: 1px solid #f3f3f3;
}
.data__content .conTxt .popContent .prdList table tbody tr td {
  padding: 13px 10px;
  font-size: 12px;
}
.data__content .conTxt .popContent .prdList table tbody tr td.hover {
  position: relative;
  color: #fff !important;
  background: #666666;
}
.data__content .conTxt .popContent .prdList table tbody tr td.hover:before {
  position: absolute;
  top: -100vh;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 10000px;
  background: #f3f3f3;
  z-index: -1;
}
.data__content .conTxt .popContent .prdList table tbody tr td.activeCol {
  background: #f3f3f3;
}

.ee_tbl-wrap > .selecCont {
  display: block !important;
}

.table_content {
  margin-top: 20px;
  display: none;
}
.table_content:first-of-type {
  display: flex;
}

.select_wrap {
  position: relative;
}
.select_wrap .size_select {
  margin-top: 22px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 48px;
  line-height: 4.6rem;
  padding: 0 16px;
  margin-bottom: 1px;
  border: 1px solid #e0e0e0;
}
.select_wrap .size_select span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  font-size: 14px;
  color: #141a23;
}
.select_wrap .size_select.on img {
  transform: rotate(-180deg);
}
.select_wrap .size_select img {
  width: 20px;
  transform: rotate(0deg);
}
.select_wrap .select_ul {
  width: 100%;
  margin-top: -1px;
  box-sizing: border-box;
  z-index: 20;
  background-color: #fff;
  height: 192px;
  padding: 0 16px;
  border: 1px solid #141a23;
  overflow: scroll;
  position: absolute;
  left: 0;
  top: 48px;
  display: none;
}
.select_wrap .select_ul.on {
  display: block;
}
.select_wrap .select_ul li {
  display: flex;
  width: 100%;
  height: 48px;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  font-size: 14px;
  color: #141a23;
  box-sizing: border-box;
}
.select_wrap .select_ul li.on {
  font-weight: bold;
}

.measuringWrap {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  width: 100%;
}
.measuringWrap .measuringinfo {
  display: flex;
  flex-flow: column wrap;
  width: 100%;
}
.measuringWrap .measuringinfo li {
  display: inline-flex;
  min-height: 24px;
  align-items: center;
  margin-top: 8px;
}
.measuringWrap .measuringinfo li p {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin-right: 4px;
  font-size: 10px;
  letter-spacing: -0.06px;
  color: #fff;
  background: #000;
  border-radius: 8px;
}
.measuringWrap .measuringinfo li dl {
  display: block;
  width: calc(100% - 20px);
}
.measuringWrap .measuringinfo li dl dt {
  display: none;
}
.measuringWrap .measuringinfo li dl dd {
  font-size: 14px;
  color: #787878;
  letter-spacing: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.measuringWrap .measuringinfo li dl span {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  color: #141a23;
  margin-left: auto;
}
.measuringWrap .measuringImg {
  width: 100%;
}
.measuringWrap .measuringImg .measure-size {
  display: none;
}
.measuringWrap .measuringImg img {
  width: 100%;
}

.starpoint {
  width: 120px;
  height: 16px;
  background: rgb(200, 200, 200);
}
.starpoint__wrap {
  position: relative;
  height: 100%;
}
.starpoint__box {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.starpoint__box img {
  width: 100%;
  vertical-align: top;
}
.starpoint__now {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0;
  font-size: 0;
  background: #000;
  text-indent: -9999px;
  overflow: hidden;
}
.starpoint__now.gold {
  background-color: #d99c63;
}

body .flatpickr-calendar {
  border-radius: 0;
  position: fixed;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
}
body .flatpickr-calendar.animate.open {
  animation: none;
  -webkit-animation: none;
}
body .flatpickr-calendar::before {
  position: fixed;
  height: 100vh;
  width: 100vw;
  left: calc(-50vw + 50%) !important;
  top: calc(-50vh + 50%) !important;
  background-color: rgba(0, 0, 0, 0.64);
  border-top: 0;
}
body .flatpickr-calendar::after {
  content: none;
}
body .flatpickr-calendar .flatpickr-months {
  position: relative;
  top: 1px;
  padding-top: 0;
  color: #131922;
  fill: #131922;
  background-color: #fff;
  z-index: 1;
}
body .flatpickr-calendar .flatpickr-months .flatpickr-month {
  height: 60px;
  padding: 20px 20px 16px;
  color: #131922;
  fill: #131922;
  box-sizing: border-box;
}
body .flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: flex-end;
  gap: 8px;
  height: 24px;
  padding-top: 0;
  line-height: 24px;
  color: inherit;
}
body .flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month input.cur-year {
  font-size: 18px;
  font-weight: bold;
  width: auto;
  min-width: 0;
  max-width: 4ch;
  padding: 0;
  text-align: right;
  color: #131922;
  background: none;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}
body .flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month input.cur-year::-webkit-outer-spin-button,
body .flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month input.cur-year input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
body .flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month input.cur-year[disabled], body .flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month input.cur-year[disabled]:hover {
  color: #131922;
  -webkit-text-fill-color: #131922;
  opacity: 1 !important;
}
body .flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month .flatpickr-monthDropdown-months {
  font-size: 18px;
  font-weight: bold;
  padding: 0;
  color: #131922;
  background: none;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}
body .flatpickr-calendar .flatpickr-months .flatpickr-month .numInputWrapper {
  white-space: nowrap;
  color: inherit;
  box-sizing: border-box;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
body .flatpickr-calendar .flatpickr-months .flatpickr-month .numInputWrapper span {
  display: none;
}
body .flatpickr-calendar .flatpickr-months .flatpickr-month .numInputWrapper::after {
  content: "년";
  display: inline;
  font-size: 18px;
  font-weight: bold;
  color: #131922;
}
body .flatpickr-calendar .flatpickr-months .flatpickr-prev-month,
body .flatpickr-calendar .flatpickr-months .flatpickr-next-month {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 20px;
  width: 24px;
  height: 24px;
}
body .flatpickr-calendar .flatpickr-months .flatpickr-prev-month svg,
body .flatpickr-calendar .flatpickr-months .flatpickr-next-month svg {
  fill: #000;
}
body .flatpickr-calendar .flatpickr-months .flatpickr-prev-month.flatpickr-disabled svg,
body .flatpickr-calendar .flatpickr-months .flatpickr-next-month.flatpickr-disabled svg {
  fill: #c8c8c8;
}
body .flatpickr-calendar .flatpickr-months .flatpickr-prev-month {
  left: 20px;
}
body .flatpickr-calendar .flatpickr-months .flatpickr-next-month {
  right: 20px;
}
body .flatpickr-calendar .flatpickr-innerContainer {
  position: relative;
  padding: 8px 20px 18px;
  z-index: 1;
  background-color: #fff;
}
body .flatpickr-calendar .flatpickr-innerContainer span.flatpickr-weekday {
  font-size: 14px;
  color: #141a23;
}
body .flatpickr-calendar .flatpickr-innerContainer .flatpickr-days {
  width: 100%;
}
body .flatpickr-calendar .flatpickr-innerContainer .flatpickr-days .dayContainer {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}
body .flatpickr-calendar .flatpickr-innerContainer .flatpickr-day {
  font-size: 14px;
  color: #131922;
  font-weight: 700;
}
body .flatpickr-calendar .flatpickr-innerContainer .flatpickr-day:nth-child(7n) {
  color: #0a7aff;
}
body .flatpickr-calendar .flatpickr-innerContainer .flatpickr-day:nth-child(7n-6) {
  color: #ee230d;
}
body .flatpickr-calendar .flatpickr-innerContainer .flatpickr-day.today {
  border-color: transparent;
}
body .flatpickr-calendar .flatpickr-innerContainer .flatpickr-day.selected {
  background: #141a23;
  color: #fff;
  font-weight: bold;
  border-color: #141a23;
}
body .flatpickr-calendar .flatpickr-innerContainer .flatpickr-day.prevMonthDay, body .flatpickr-calendar .flatpickr-innerContainer .flatpickr-day.nextMonthDay, body .flatpickr-calendar .flatpickr-innerContainer .flatpickr-day.flatpickr-disabled {
  color: #e0e0e0;
  font-weight: 400;
}

.siv-pagination {
  display: flex;
  height: 24px;
  align-items: center;
  justify-content: center;
}
.siv-pagination__btn {
  width: 20px;
  height: 20px;
  margin: 0 1px;
  font-size: 14px;
  color: #a0a0a0;
}
.siv-pagination__btn.on {
  font-weight: 500;
  color: #000;
}
.siv-pagination__btn--prevLeap, .siv-pagination__btn--prev, .siv-pagination__btn--next, .siv-pagination__btn--nextLeap {
  font-size: 0;
  text-indent: -9999px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
}
.siv-pagination__btn--prevLeap {
  margin-right: -4px;
  background-image: url(../image/05Icon32PxThinArrowLeftDouble.png);
}
.siv-pagination__btn--prev {
  background-image: url(../image/05Icon32PxThinArrowLeft.png);
}
.siv-pagination__btn--next {
  background-image: url(../image/05Icon32PxThinArrowRight.png);
}
.siv-pagination__btn--nextLeap {
  margin-left: -4px;
  background-image: url(../image/05Icon32PxThinArrowRightDouble.png);
}

.calander__select .calander__wrap {
  display: none;
}
.calander__select .calander__wrap.on {
  display: flex;
}
.calander__select .selectbox-wrap {
  max-height: 30rem;
}

.calander__wrap {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.calander__wrap .form_input,
.calander__wrap .order_input {
  position: relative;
  width: 100%;
  margin: 0;
}
.calander__wrap .form_input input:-moz-read-only, .calander__wrap .order_input input:-moz-read-only {
  height: 40px;
  width: 100%;
  padding: 10px 12px;
  font-size: 12px;
  text-overflow: ellipsis;
  color: #000;
  background: #fff;
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
  background: url(../image/icon_calander.svg) no-repeat center right 8px/20px;
}
.calander__wrap .form_input input:read-only,
.calander__wrap .order_input input:read-only {
  height: 40px;
  width: 100%;
  padding: 10px 12px;
  font-size: 12px;
  text-overflow: ellipsis;
  color: #000;
  background: #fff;
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
  background: url(../image/icon_calander.svg) no-repeat center right 8px/20px;
}
.calander__wrap .form_input input:-moz-read-only:focus-visible, .calander__wrap .order_input input:-moz-read-only:focus-visible {
  outline: none;
}
.calander__wrap .form_input input:read-only:focus-visible,
.calander__wrap .order_input input:read-only:focus-visible {
  outline: none;
}
.calander__wrap .form_input .icon-calander,
.calander__wrap .order_input .icon-calander {
  display: none;
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url(../image/icon_calander.svg) no-repeat center/contain;
}
.calander__wrap .order_input input:-moz-read-only {
  height: 48px;
  font-size: 14px;
  font-weight: 500;
}
.calander__wrap .order_input input:read-only {
  height: 48px;
  font-size: 14px;
  font-weight: 500;
}
.calander__wrap > span {
  padding: 0 6px;
  font-size: 7px;
  flex-grow: 0.5;
}
.calander__wrap > .btn-wide {
  height: 40px;
  margin-left: 12px;
  width: 82px;
  flex: 0 0 82px;
}
.calander__wrap.checked input:-moz-read-only {
  background: url(../image/icon_calander_black.svg) no-repeat center right 8px/20px;
  padding-right: 30px;
}
.calander__wrap.checked input:read-only {
  background: url(../image/icon_calander_black.svg) no-repeat center right 8px/20px;
  padding-right: 30px;
}

.calander__notice {
  display: none;
}
.calander__notice.padding-style {
  padding-bottom: 24px;
  padding-top: 8px;
}
.calander__notice.on {
  display: block;
}
.calander__notice-text {
  position: relative;
  padding: 0 0 8px 8px;
  font-size: 12px;
  line-height: 18px;
  color: #787878;
}
.calander__notice-text:last-child {
  padding-bottom: 0;
}
.calander__notice-text::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 2px;
  width: 2px;
  height: 2px;
  background: #929292;
  border-radius: 50%;
}

.popup__coupon1 {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  width: 311px;
  height: 100vh;
  background-color: #fff;
  border-left: 1px solid #fff;
  z-index: 150;
  overflow-y: scroll;
  z-index: 9999 !important;
}
.popup__coupon1 .title {
  position: relative;
}
.popup__coupon1 .title p {
  text-align: center;
  height: 5.6rem;
  line-height: 5.6rem;
}
.popup__coupon1 .title p em {
  font-size: 18px;
  font-weight: 400;
  color: #787878;
}
.popup__coupon1 .title button {
  top: 50%;
  transform: translateY(-50%);
}
.popup__coupon1 .cupon1_area.none p {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32.7rem;
  min-height: 392px;
  margin: 0 auto;
}
.popup__coupon1 #cupon1_area2 {
  display: none;
}
.popup__coupon1 .coupon_txt {
  display: block;
  padding-top: 20px;
  padding-bottom: 16px;
  margin-bottom: 18px;
  border-bottom: 1px solid #a0a0a0;
}
.popup__coupon1 .coupon_txt.coupon_txt2 {
  display: none;
  border-bottom: 0;
}
.popup__coupon1 .coupon_txt ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.popup__coupon1 .coupon_txt ul:last-child {
  margin-bottom: 0;
}
.popup__coupon1 .coupon_txt ul li {
  font-size: 14px;
  font-weight: 400;
  color: #131922;
}
.popup__coupon1 .coupon_txt ul li.color {
  color: rgb(217, 156, 99);
}
.popup__coupon1 .coupon_txt ul li span {
  display: block;
  font-size: 12px;
  font-weight: 400;
  color: #787878;
}
.popup__coupon1 .coupon_txt ul li span img {
  margin-right: 4px;
}
.popup__coupon1 .coupon_txt ul:first-child li:last-child {
  font-weight: bold;
}
.popup__coupon1 .coupon_txt ul:first-child li:last-child em {
  font-weight: 500;
}
.popup__coupon1 dl {
  display: flex;
  margin-top: 24px;
  margin-bottom: 8px;
}
.popup__coupon1 dl dt {
  margin-right: 8px;
}
.popup__coupon1 dl dt,
.popup__coupon1 dl dd {
  font-size: 12px;
  font-weight: 400;
  color: #787878;
  word-break: keep-all;
}
.popup__coupon1 .price ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2.1px;
}
.popup__coupon1 .price ul li {
  font-size: 14px;
  font-weight: bold;
  color: #131922;
}
.popup__coupon1 .price ul li em {
  font-weight: 500;
}
.popup__coupon1 .price ul li:last-child {
  font-size: 18px;
  font-weight: bold;
}
.popup__coupon1 .price span.check_txt {
  display: block;
  font-size: 11px;
  font-weight: 400;
  color: #787878;
  text-align: right;
}
.popup__coupon1 .price .check {
  border-bottom: 1px dotted #e0e0e0;
  padding-bottom: 20px;
  text-align: right;
}
.popup__coupon1 .price .check.on p img {
  transform: rotate(180deg);
  transition: all 0.3s;
}
.popup__coupon1 .price .check p {
  display: inline-block;
  margin-top: 0.5rem;
  font-size: 12px;
  font-weight: 400;
  text-decoration: underline;
  color: #131922;
}
.popup__coupon1 .price .check p img {
  transform: rotate(0deg);
  transition: all 0.3s;
}
.popup__coupon1 .price dl {
  display: flex;
  margin-bottom: 8px;
}
.popup__coupon1 .price dl dt {
  margin-right: 8px;
}
.popup__coupon1 .price dl dt,
.popup__coupon1 .price dl dd {
  font-size: 12px;
  font-weight: 400;
  color: #787878;
  word-break: keep-all;
}

.terms-common {
  padding: 0 2.4rem;
  margin-top: 16px;
}
.terms-common .text-1 {
  font-size: 16px;
  font-weight: bold;
  line-height: 2.2rem;
  letter-spacing: 0;
  word-wrap: break-word;
  margin-bottom: 2rem;
}
.terms-common .text-2 {
  font-size: 14px;
  line-height: 2.2rem;
  color: #787878;
  word-wrap: break-word;
}
.terms-common .contents .margin-top-20 {
  margin-top: 2rem;
}
.terms-common .contents-list {
  counter-reset: circle 0;
}
.terms-common .contents-item {
  position: relative;
  padding-left: 1.7rem;
}
.terms-common .contents-item::before {
  content: counter(circle);
  counter-increment: circle 1;
  position: absolute;
  top: 0;
  left: 0.3rem;
  font-size: 10px;
}
.terms-common .contents-item::after {
  content: "";
  position: absolute;
  top: 0.4rem;
  left: 0;
  display: inline-block;
  border: 1px solid #787878;
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
}
.terms-common .contents-item:not(:first-child) {
  margin-top: 0.8rem;
}
.terms-common .contents-item-2 {
  position: relative;
  padding-left: 3.8rem;
}
.terms-common .contents-item-2::before {
  content: counter(circle) ".";
  counter-increment: circle 1;
  position: absolute;
  top: 0;
  left: 1.8rem;
  font-size: 14px;
}
.terms-common .contents-item-3 {
  position: relative;
  padding-left: 1.5rem;
}
.terms-common .contents-item-3::before {
  content: "";
  position: absolute;
  top: 0.6rem;
  left: 0.4rem;
  width: 0.4rem;
  height: 0.4rem;
  background-color: #787878;
  border-radius: 50%;
}
.terms-common .contents-sub {
  margin-top: 0.8rem;
  padding-left: 1.5rem;
}
.terms-common .contents-sub li {
  list-style-type: decimal;
}
.terms-common .contents-sub li:not(:first-child) {
  margin-top: 0.2rem;
}
.terms-common .btns {
  margin: 3.2rem 0 8rem;
  overflow: visible;
}
.terms-common .btns button:last-of-type {
  margin-top: 1.6rem;
}
.terms-common .btns button.space-between {
  justify-content: space-between;
  padding: 0 1.6rem;
}
.terms-common .btns .siv-selectbox button:last-of-type {
  margin-top: 0;
}
.terms-common .btns .siv-selectbox .selectbox-wrap {
  top: 48px;
}
.terms-common .btns::after {
  content: "";
  display: block;
  clear: both;
}
.terms-common * {
  font-family: var(--v-font-sans) !important;
}
.terms-common p,
.terms-common div {
  font-size: 14px !important;
  line-height: 22px !important;
  color: #787878 !important;
}
.terms-common p strong,
.terms-common div strong {
  display: inline-flex !important;
  height: 64px !important;
  align-items: center !important;
  font-size: 16px !important;
  font-weight: bold !important;
  color: #000 !important;
  letter-spacing: 0 !important;
  line-height: 22px !important;
}
.terms-common p *:not(strong) {
  font-size: inherit !important;
  font-family: inherit !important;
  color: inherit !important;
  border: none !important;
  letter-spacing: inherit !important;
}
.terms-common table {
  width: 100% !important;
  border-collapse: collapse !important;
  table-layout: auto;
}
.terms-common table th {
  background-color: #f8f8f8 !important;
}
.terms-common table td,
.terms-common table th {
  width: auto !important;
  border: 1px solid #f0f0f0 !important;
  padding: 16px 4px !important;
  text-align: center !important;
  font-size: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
  word-break: break-all;
  white-space: normal;
}
.terms-common table td p,
.terms-common table th p {
  display: inline-block !important;
  font-size: 12px !important;
  line-height: 18px !important;
  color: #404040 !important;
  word-break: break-all !important;
}
.terms-common table td a,
.terms-common table th a {
  display: block !important;
  font-weight: 500 !important;
  text-align: center !important;
  font-size: 12px !important;
  line-height: 20px !important;
  color: #a0a0a0 !important;
}
.terms-common table tr:first-of-type td {
  background-color: #f8f8f8 !important;
}
.terms-common table tr:first-of-type td p {
  font-weight: 500 !important;
  color: #000 !important;
}
.policy-guide .policy-target {
  margin-top: 45px;
}
.policy-guide .policy-target .target-list {
  display: flex;
  flex-wrap: wrap;
  max-width: 270px;
  margin: 0 auto;
  justify-content: space-between;
}
.policy-guide .policy-target .target-item:nth-child(1n+4) {
  margin-top: 30px;
}
.policy-guide .policy-target .target-item .target-anchor {
  display: block;
  text-align: center;
}
.policy-guide .policy-target .target-item .target-anchor:before {
  content: "";
  display: block;
  margin-bottom: 14px;
  width: 70px;
  height: 70px;
  background-image: url(https://image.shinsegaev.com/design/image/common/icon_policy-2x.png);
  background-size: cover;
}
.policy-guide .policy-target .target-item .target-sequence-01:before {
  background-position: 0 0;
}
.policy-guide .policy-target .target-item .target-sequence-02:before {
  background-position-x: -73px;
}
.policy-guide .policy-target .target-item .target-sequence-03:before {
  background-position-x: -147px;
}
.policy-guide .policy-target .target-item .target-sequence-04:before {
  background-position-x: -221px;
}
.policy-guide .policy-target .target-item .target-sequence-05:before {
  background-position-x: -295px;
}
.policy-guide .policy-target .target-item .target-sequence-06:before {
  background-position-x: right;
}
.policy-guide .policy-target .target-text {
  font-size: 12px;
  margin: 14px 0 7px;
  line-height: 1;
  font-weight: bold;
}
.policy-guide .policy-section:not(:first-child) {
  margin-top: 22px;
}
.policy-guide .policy-section .policy-title {
  font-size: 16px;
  color: #000;
  line-height: 64px;
  font-weight: bold;
  text-indent: -2px;
}
.policy-guide .policy-section .policy-text,
.policy-guide .policy-section .policy-item,
.policy-guide .policy-section .policy-item a {
  font-size: 14px !important;
  color: #787878 !important;
  line-height: 22px !important;
  word-break: keep-all;
}
.policy-guide .policy-section .policy-item strong {
  font-size: 14px !important;
  display: block !important;
  height: auto !important;
  color: #787878 !important;
  font-weight: normal !important;
}
.policy-guide .policy-section .policy-text + .policy-text, .policy-guide .policy-section .policy-text + .policy-list, .policy-guide .policy-section .policy-text + .plicy-column {
  margin-top: 22px;
}
.policy-guide .policy-section .policy-list {
  padding-left: 16px;
  text-indent: -20px;
}
.policy-guide .policy-section .policy-list .plicy-column {
  margin-top: 22px;
}
.policy-guide .policy-section .policy-list strong ~ .policy-text {
  margin-top: 8px;
  padding-left: 0;
  text-indent: 0;
}
.policy-guide .policy-section .policy-list--space > .policy-item:not(:first-child) {
  margin-top: 15px;
}
.policy-guide .policy-section .policy-list .policy-list,
.policy-guide .policy-section .plicy-column + .policy-list {
  margin-top: 8px;
}
.policy-guide .policy-section .plicy-column {
  border-collapse: collapse;
  border: 1px solid #f0f0f0;
}
.policy-guide .policy-section .plicy-column th,
.policy-guide .policy-section .plicy-column td {
  font-size: 14px;
  padding: 16px 4px;
  color: #000;
  line-height: 22px;
  text-align: center;
  border: 1px solid #f0f0f0;
}
.policy-guide .policy-section .plicy-column th {
  font-weight: 500;
  word-break: keep-all;
  background: #f8f8f8;
}
.policy-guide .policy-section .plicy-column plicy-column td {
  color: #404040 !important;
  background: none !important;
}
.policy-guide .policy-section .plicy-column td a {
  font-size: 12px;
  color: #a0a0a0;
  font-weight: 500;
}

#LayerTermsContentList > p:nth-of-type(112), #LayerTermsContentList > p:nth-of-type(115), #LayerTermsContentList > p:nth-of-type(118), #LayerTermsContentList > p:nth-of-type(121), #LayerTermsContentList > p:nth-of-type(123), #LayerTermsContentList > p:nth-of-type(125), #LayerTermsContentList > p:nth-of-type(127), #LayerTermsContentList > p:nth-of-type(129), #LayerTermsContentList > p:nth-of-type(132), #LayerTermsContentList > p:nth-of-type(135), #LayerTermsContentList > p:nth-of-type(138), #LayerTermsContentList > p:nth-of-type(141), #LayerTermsContentList > p:nth-of-type(144) {
  display: inline-flex !important;
  height: 64px !important;
  align-items: center !important;
  font-size: 16px !important;
  font-weight: bold !important;
  color: #000 !important;
  letter-spacing: 0 !important;
  line-height: 22px !important;
}

.terms-common--title {
  font-size: 24px;
  font-weight: bold;
  line-height: 64px;
  color: #000;
}
.terms-common--text {
  font-size: 16px;
  line-height: 24px;
  color: #787878;
}
.terms-common--text span {
  display: inline-block;
  margin-right: 8px;
}
.terms-common--description {
  margin-bottom: 16px;
}
.terms-common--description:last-child {
  margin-bottom: 0;
}
.terms-common--description .terms__content--text:nth-child(2) {
  margin-top: 8px;
  padding-left: 20px;
}
.terms-common--table {
  margin: 24px 0 32px;
}
.terms-common--table.margin {
  margin-bottom: 0;
}
.terms-common--table th,
.terms-common--table td {
  padding: 20px;
  font-size: 16px;
  text-align: center;
  border: 1px solid #f0f0f0;
}
.terms-common--table th {
  font-weight: 500;
  color: #000;
  background-color: #f8f8f8;
}
.terms-common--table td {
  color: #404040;
}
.terms-common--box {
  display: flex;
  justify-content: space-between;
}
.terms-common--box .siv-selectbox {
  width: 456px;
}
.terms-common--box .btn-wide {
  width: 456px;
  flex-grow: 0;
  font-size: 16px;
}

.recent_wrap .product__list {
  flex-wrap: wrap;
  justify-content: space-between;
}
.recent_wrap .product__list .product__item {
  padding: 0;
}

.pop_change_add .order__address-item:last-child {
  border-bottom: 0;
}
.pop_change_add .order-common-btn {
  position: fixed;
}
.pop_change_add .popup__content {
  height: 100%;
}

.etc_terms_pop {
  width: 100%;
}

.etc_terms_pop h3 {
  border-bottom: 1px solid #f0f0f0;
  padding: 16px 0;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
}

.etc_terms_pop h4 {
  margin-bottom: 10px;
  font-size: 15px;
  line-height: 20px;
}

.etc_terms_pop .etc_terms {
  padding-top: 14px;
  border-top: none;
}

.etc_terms_pop .etc_terms p {
  font-size: 14px;
  line-height: 22px;
  color: #787878;
}

.etc_terms_pop .etc_terms p strong {
  display: block;
  padding: 20px 0;
  line-height: 22px;
  font-size: 16px;
  font-weight: bold;
  color: rgb(19, 25, 34);
}

.etc_terms_pop .etc_terms li {
  font-size: 14px;
  line-height: 22px;
  color: #787878;
}

.etc_terms_pop .etc_terms_sel {
  padding-bottom: 20px;
  padding-top: 32px;
}

.etc_terms_pop .etc_terms_sel select {
  height: 48px;
  line-height: 48px;
  padding: 0 15px;
  border: 1px solid #e0e0e0;
}

.module-cody-recom {
  padding: 16px 0 72px;
}
.module-cody-recom__tab .product__list.type-w80px .product__item {
  padding-right: 16px;
}
.module-cody-recom__tab .product__list.type-w80px .product__thum > a {
  position: relative;
}
.module-cody-recom__tab .product__list.type-w80px .product__thum > a.active img {
  opacity: 1;
}
.module-cody-recom__tab .product__list.type-w80px .product__thum > a.active .module-cody-recom__bedge {
  background: #d99c63;
}
.module-cody-recom__tab .product__list.type-w80px .product__thum > a.active::after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
  border: 1px solid #d99c63;
  content: "";
}
.module-cody-recom__tab .product__list.type-w80px .product__thum > a img {
  opacity: 0.5;
}
.module-cody-recom__result {
  padding-top: 16px;
}
.module-cody-recom__bedge {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 20px;
  padding: 0 8px;
  background-color: #929292;
  font-size: 10px;
  line-height: 20px;
  font-weight: 500;
  color: #fff;
}

.popup-review-reward-guide .header.header-popup {
  position: -webkit-sticky;
  position: sticky;
  padding: 18px 20px 16px;
  margin: 0;
  border-bottom: 0;
}
.popup-review-reward-guide .header.header-popup:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 20px;
  right: 20px;
  border-bottom: 1px solid #f0f0f0;
}
.popup-review-reward-guide .header-popup__btn.close {
  right: 20px;
}
.popup-review-reward-guide .popup__content {
  padding: 20px 20px 40px;
  overflow: visible;
  max-height: none;
}
.popup-review-reward-guide .v-ui-tab ~ .review-reward {
  margin-top: 20px;
}
.popup-review-reward-guide .review-reward__detail .reward {
  padding: 16px 20px;
  background-color: #f8f8f8;
}
.popup-review-reward-guide .review-reward__detail .reward ~ .reward {
  margin-top: 16px;
}
.popup-review-reward-guide .review-reward__detail .reward__title {
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  color: #131922;
}
.popup-review-reward-guide .review-reward__detail .reward__content {
  margin-top: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
}
.popup-review-reward-guide .review-reward__detail .reward__case {
  font-size: 14px;
  line-height: 20px;
  color: #787878;
}
.popup-review-reward-guide .review-reward__detail .reward__point {
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  color: #131922;
}
.popup-review-reward-guide .review-reward .v-ui-notice {
  margin-top: 20px;
}

.v-ui-tab {
  display: flex;
  height: 48px;
  box-sizing: border-box;
}
.v-ui-tab .v-ui-tab__item {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 16px;
  line-height: 45px;
  text-align: center;
  color: #929292;
  padding-top: 2px;
  border-bottom: 1px solid #e0e0e0;
  box-sizing: border-box;
}
.v-ui-tab .v-ui-tab__item--active {
  border-bottom: 2px solid #141a23;
  line-height: 44px;
  color: #141a23;
  font-weight: 500;
}
.v-ui-tab.v-ui-tab--box {
  height: 40px;
  border-bottom: 1px solid #131922;
}
.v-ui-tab.v-ui-tab--box .v-ui-tab__item {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  font-size: 14px;
  line-height: 36px;
  text-align: center;
  color: #929292;
  padding-top: 2px;
  box-sizing: border-box;
  border-top: 1px solid #c8c8c8;
  border-right: 0;
  border-bottom: 0;
  border-left: 1px solid #c8c8c8;
}
.v-ui-tab.v-ui-tab--box .v-ui-tab__item:last-child {
  border-right: 1px solid #c8c8c8;
}
.v-ui-tab.v-ui-tab--box .v-ui-tab__item--active {
  border-top-color: #131922;
  border-left-color: #131922;
  line-height: 36px;
  color: #141a23;
  font-weight: 500;
}
.v-ui-tab.v-ui-tab--box .v-ui-tab__item--active:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: -2px;
  left: 0;
  background: #fff;
}
.v-ui-tab.v-ui-tab--box .v-ui-tab__item--active:last-child {
  border-right-color: #131922;
}
.v-ui-tab.v-ui-tab--box .v-ui-tab__item--active + .v-ui-tab__item {
  border-left-color: #131922;
}

.v-ui-notice__item {
  position: relative;
  padding-left: 10px;
  font-size: 12px;
  line-height: 18px;
  color: #787878;
}
.v-ui-notice__item + .v-ui-notice__item {
  margin-top: 8px;
}
.v-ui-notice__item:before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 2px;
  height: 2px;
  border-radius: 100%;
  background: #929292;
}
.v-ui-notice__item strong {
  font-weight: bold;
}
.v-ui-notice__item.hilite:before {
  background-color: #d99c63;
}
.v-ui-notice .hilite {
  color: #d99c63;
}

.header-category-menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 0 8px;
  box-sizing: border-box;
}
.header-category-menu .back {
  position: relative;
  min-width: 48px;
  width: 48px;
  height: 48px;
  left: auto;
  background: none;
}
.header-category-menu .back:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 32px;
  height: 32px;
  transform: translate(-50%, -50%);
  background: url(../image/icon_arrow_left.svg) no-repeat 0 0;
}
.header-category-menu .styled-input {
  flex-grow: 1;
  margin: 0 16px 0 8px;
  padding: 4px 0 8px 0;
}
.header-category-menu .styled-input .placeholder {
  position: relative;
  width: 100%;
  display: block;
  padding: 10px 0 8px 24px;
  border-bottom: 1px solid #000;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 17px;
  color: #787878;
  text-align: left;
  letter-spacing: -0.035em;
}
.header-category-menu .styled-input .placeholder:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 20px;
  height: 20px;
  transform: translate(0, -50%);
  background: url("../image/05icon16PxSearchNew.svg") no-repeat 0 0/100%;
}
.header-category-menu .app-menu {
  height: 100%;
  margin-left: -8px;
  display: flex;
  align-items: center;
}
.header-category-menu .app-menu .icon {
  position: relative;
  display: block;
  width: 48px;
  height: 48px;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
}
.header-category-menu .app-menu .icon:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 32px;
  height: 32px;
  transform: translate(-50%, -50%);
}
.header-category-menu .app-menu .notification.on:after {
  content: "";
  position: absolute;
  top: 10px;
  right: 10px;
  width: 5px;
  height: 5px;
  background-color: #d99c63;
  border-radius: 50%;
}
.header-category-menu .app-menu .notification:before {
  background: url(../image/05Icon32PxThinAlarmLightOff.svg) no-repeat 50% 50%/cover;
}
.header-category-menu .app-menu .settings:before {
  background: url(../image/category_setting_btn.svg) no-repeat 50% 50%/cover;
}

.ee-contents.category-menu {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: calc(var(--vh, 1vh) * 100 - 56px - 56px);
  height: calc(100dvh - 56px - 56px);
  min-height: 0;
}
.ee-contents.category-menu .category-menu__header {
  position: relative;
  width: 100%;
}
.ee-contents.category-menu .category-menu__header .quick-menu {
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  background-image: linear-gradient(to bottom, #fff, #f8f8f8);
}
.ee-contents.category-menu .category-menu__header .quick-menu::-webkit-scrollbar {
  display: none;
}
.ee-contents.category-menu .category-menu__header .menu-list {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  padding: 0 23px 0 24px;
}
.ee-contents.category-menu .category-menu__header .menu-item {
  width: 5.6rem;
  padding: 12px 0;
}
.ee-contents.category-menu .category-menu__header .menu-item + .menu-item {
  margin-left: 12px;
}
.ee-contents.category-menu .category-menu__header .menu-item .img {
  display: block;
}
.ee-contents.category-menu .category-menu__header .menu-item .img img {
  width: 100%;
}
.ee-contents.category-menu .category-menu__header .menu-item .name {
  margin-top: 6px;
  font-size: 12px;
  line-height: 16px;
  color: #131922;
  text-align: center;
  overflow: hidden;
  display: block;
  max-height: 32px;
}
.ee-contents.category-menu .category-menu__body {
  position: relative;
  flex: 1 1 0%;
  width: 100%;
  height: 100%;
  min-height: 0;
  display: flex;
  border-top: 1px solid #f0f0f0;
  contain: size;
}
.ee-contents.category-menu .category-menu__body .category-menu-main {
  padding-bottom: 16px;
}
.ee-contents.category-menu .category-menu__body .category-menu-main .category-item {
  display: block;
  width: 100%;
}
.ee-contents.category-menu .category-menu__body .category-menu-main .category-item .name {
  display: block;
  font-size: 14px;
  line-height: 22px;
  color: #a0a0a0;
  padding: 14px 12px 12px 24px;
}
.ee-contents.category-menu .category-menu__body .category-menu-main .category-item input[type=radio] {
  display: none;
}
.ee-contents.category-menu .category-menu__body .category-menu-main .category-item input[type=radio]:checked + .name {
  color: #fff;
  font-weight: bold;
  background-color: #131922;
}
.ee-contents.category-menu .category-menu__body .category-menu-sub {
  padding-bottom: 16px;
}
.ee-contents.category-menu .category-menu__body .category-menu-sub:not(.active) {
  display: none;
}
.ee-contents.category-menu .category-menu__body .category-menu-sub .category-banner {
  display: block;
  padding: 20px 20px 16px;
}
.ee-contents.category-menu .category-menu__body .category-menu-sub .category-banner .banner {
  position: relative;
  display: block;
}
.ee-contents.category-menu .category-menu__body .category-menu-sub .category-banner .banner-text {
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
}
.ee-contents.category-menu .category-menu__body .category-menu-sub .category-banner .banner-text .title,
.ee-contents.category-menu .category-menu__body .category-menu-sub .category-banner .banner-text .sub-title {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #fff;
}
.ee-contents.category-menu .category-menu__body .category-menu-sub .category-banner .banner-text .title {
  font-size: 12px;
  line-height: 15px;
}
.ee-contents.category-menu .category-menu__body .category-menu-sub .category-banner .banner-text .sub-title {
  margin: 4px 0 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
}
.ee-contents.category-menu .category-menu__body .category-menu-sub .category-banner .banner-image {
  position: relative;
  display: block;
}
.ee-contents.category-menu .category-menu__body .category-menu-sub .category-banner .banner-image:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.24;
  background-color: #000;
}
.ee-contents.category-menu .category-menu__body .category-menu-sub .category-banner .banner-image img {
  width: 100%;
}
.ee-contents.category-menu .category-menu__body .category-menu-sub .category-item .name {
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 22px;
  color: #000;
  padding: 14px 52px 12px 24px;
  display: flex;
  align-items: flex-start;
}
.ee-contents.category-menu .category-menu__body .category-menu-sub .category-item .name:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 24px;
  width: 16px;
  height: 16px;
  transform: translate(0, -50%);
  background: url("../image/05Icon32PxThinArrowRight.svg") no-repeat 0 0;
  background-size: cover;
}
.ee-contents.category-menu .category-menu__body .category-menu-sub .category-item.highlight .name:after {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  margin: 2px 0 0 4px;
  background: #d99c63;
  border-radius: 50%;
}
.ee-contents.category-menu .category-menu__left {
  min-width: 118px;
  width: 32%;
  overflow: auto;
  overflow-x: hidden;
  flex: 1 1 0%;
}
.ee-contents.category-menu .category-menu__right {
  flex: 1 1 auto;
  overflow: auto;
  overflow-x: hidden;
  border-left: 1px solid #f0f0f0;
}
.ee-contents.category-menu .category-menu__left, .ee-contents.category-menu .category-menu__right {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.ee-contents.category-menu .category-menu__left::-webkit-scrollbar, .ee-contents.category-menu .category-menu__right::-webkit-scrollbar {
  display: none;
}
.ee-contents.category-menu .category-menu__footer {
  position: relative;
  width: 100%;
  height: 30px;
}

/* 마케팅 목적의 개인정보 수집 및 이용 동의 팝업*/
.agreement-content .agreement-content__title {
  font-size: 18px;
}
.agreement-content .agreement-content__text > p {
  font-size: 14px;
  line-height: 20px;
  position: relative;
}
.agreement-content .agreement-content__text > p:not(:first-child) {
  margin-top: 10px;
}
.agreement-content .agreement-content__text > p.marker {
  padding-left: 10px;
}
.agreement-content .agreement-content__text > p.marker::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 2px;
  height: 2px;
  border-radius: 100%;
  background-color: #929292;
}
.agreement-content .agreement-content__table {
  margin: 25px 0;
  border-collapse: collapse;
  min-width: 0;
  width: auto;
  table-layout: auto;
  border-top: 1px solid #f0f0f0;
}
.agreement-content .agreement-content__table th,
.agreement-content .agreement-content__table td {
  text-align: center;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0;
  border: 1px solid #f0f0f0;
}
.agreement-content .agreement-content__table td {
  vertical-align: top;
  padding: 11px 10px;
  color: #404040;
  background-color: #fff;
}
.agreement-content .agreement-content__table th {
  width: auto;
  padding: 8px 10px;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #000;
  border: 1px solid #f0f0f0;
  background-color: #f8f8f8;
}
.agreement-content .agreement-content__bold {
  display: block;
  font-weight: bold;
  font-size: 16px;
  text-decoration: underline;
  line-height: 1.38;
}
.agreement-content .agreement-content__flex {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.discount-rate {
  font-size: inherit;
  font-weight: bold;
  color: #d99c63;
}

.siv-service-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.64);
  z-index: 10000;
  display: flex;
  overflow: auto;
}
.siv-service-popup .popup-content {
  padding: 32px;
  max-width: 360px;
  min-width: 320px;
  margin: auto;
  box-sizing: border-box;
}
.siv-service-popup .popup-content a {
  display: block;
}
.siv-service-popup .popup-content img {
  width: 100%;
  vertical-align: top;
}

.chat-to-cs {
  position: relative;
  height: calc(100vh - 56px);
  padding: 55px 24px 0;
  border-top: 1px solid #f0f0f0;
  overflow: hidden;
  box-sizing: border-box;
}
.chat-to-cs .title {
  font-size: 20px;
  line-height: 28px;
  color: #131922;
  font-weight: bold;
}
.chat-to-cs .link {
  margin-top: 36px;
  display: inline-block;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: #131922;
  text-decoration: underline;
}
.chat-to-cs::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 184.8%;
  background: url(../../comm/image/chat_to_cs_bg.png) no-repeat;
  background-size: contain;
  background-position: 50% 100%;
  pointer-events: none;
}
@media screen and (min-width: 376px) {
  .chat-to-cs::before {
    bottom: 0;
  }
}

.delivery-guaranteed {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}
.delivery-guaranteed__badge {
    display: grid;
    place-items: center;
    border: 1px solid #d99c63;
    color: #d99c63;
    box-sizing: border-box;
    height: 20px;
    padding: 4px 6px;
    font-size: 10px;
    line-height: 12px;
    font-weight: bold;
    flex-shrink: 0;
}
.delivery-guaranteed__date {
    font-size: 14px;
    line-height: 18px;
    color: #d99c63;
    font-weight: bold;
    transform: translateY(1px);
}
.delivery-guaranteed__time {
    width: 100%;
    font-size: 14px;
    line-height: 20px;
}
.delivery-guaranteed__address {
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    gap: 1px;
}
.delivery-guaranteed__address::before {
    content: "";
    width: 18px;
    height: 18px;
    background: url(../image/05-icon-32-px-thin-store.svg) no-repeat center/cover;
}
.delivery-guaranteed__tooltip {
    width: 20px;
    height: 20px;
    font-size: 0;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../image/05Icon16Tooltip.svg) no-repeat center/16px;
  flex-shrink: 0;
}
.popover-tooltip {
    position: absolute;
    right: 15px;
    bottom: calc(100% + 10px);
    z-index: 1;
}
.popover-tooltip__content {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.5s ease;
    padding: 8px 6px 8px 10px;
    background-color: #131922;
    border-radius: 4px;
    white-space: nowrap;
}
.popover-tooltip__content::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 53%;
    border-top: 8px solid #131922;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}
.popover-tooltip__content .popover-tooltip__info p {
    margin: 0;
    font-size: 12px;
    color: #fff;
    text-align: center;
}
.popover-tooltip.is-visible .popover-tooltip__content {
    opacity: 1;
    visibility: visible;
}