/* mypet-simple-info */
.mypet-simple-info {
  display: flex;
  align-items: center;
  gap: 2px;
  color: var(--Primary-Highlighted, #00adad);
  font-family: Pretendard;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px; /* 154.545% */
  letter-spacing: -0.033px;
}
.mypet-simple-info img {
  width: 18px;
  height: 18px;
}

/* pimg-name-date-hit */
.pimg-name-date-hit {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 8px 0 0;
}
.pimg-name-date-hit .pimg {
  position: relative;
  width: 40px;
  height: 40px;
}
.pimg-name-date-hit .pimg img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px solid var(--Light-Basic-Gray-200, #e6e6e6);
  object-fit: cover;
}
.pimg-name-date-hit .name-date-hit {
  width: calc(100% - 48px);
}
.pimg-name-date-hit .name {
  margin: 0;
  color: var(--Light-Semantic-Text-Secondary, #464646);
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px; /* 150% */
  letter-spacing: -0.036px;
}
.pimg-name-date-hit .date-hit {
  margin: 2px 0 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.pimg-name-date-hit .date-hit span {
  color: var(--Light-Semantic-Text-Sub-Secondary, #868686);
  font-family: Pretendard;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px; /* 154.545% */
  letter-spacing: -0.033px;
}

/* video-wrap */
.video-wrap {
  display: block;
  position: relative;
  width: 100%;
  padding-bottom: 56.26%;
  height: 0;
  overflow: hidden;
}
.video-wrap video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}

/* comment-list */
.comment-list {
  margin: 40px 16px 140px;
}
.comment-list > .title {
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--Light-Semantic-Text-Primary, #262626);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px; /* 128.571% */
  letter-spacing: -0.042px;
  border-bottom: 1px solid #e6e6e6;
  padding: 0 0 12px;
}
.comment-list > .title .right {
  display: flex;
  align-items: center;
  gap: 16px;
}
.comment-list > .title .right button {
  color: var(--Light-Semantic-Text-Sub-Primary, #666);
  text-align: right;

  /* Typhography/Body S */
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 150% */
  letter-spacing: -0.036px;
}
.comment-list > .title .right button:before {
  content: "";
  width: 18px;
  height: 18px;
  margin: 0 4px 0 0;
}
.comment-list > ul > li {
  display: flex;
  padding: 16px 0 0;
}
.comment-list > ul > li.re {
  margin-left: 40px;
}
.comment-list .img img {
  width: 32px;
  height: 32px;
  border-radius: 32px;
  border: 1px solid var(--Light-Basic-Gray-200, #e6e6e6);
  background: url(<path-to-image>), lightgray 50% / cover no-repeat;
  object-fit: cover;
}
.comment-list .info {
  width: calc(100% - 32px);
  padding: 0 0 0 8px;
}
.comment-list .name-date-more {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.comment-list .name {
  margin: 0;
  color: var(--Light-Semantic-Text-Secondary, #464646);
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px; /* 150% */
  letter-spacing: -0.036px;
}
.comment-list .date {
  color: var(--Light-Semantic-Text-Sub-Secondary, #868686);
  font-family: Pretendard;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px; /* 154.545% */
  letter-spacing: -0.033px;
}
.comment-list .more-layer {
  margin-top: 0;
  position: relative;
}
.comment-list .more-layer .tit {
  color: var(--Light-Semantic-Text-Sub-Secondary, #868686);
}
.comment-list .more-layer > button {
  background: url(/image/mobile/icon_more_horizontal2.png) no-repeat;
  background-size: contain;
}
.comment-list .cont {
  margin: 4px 0 0;
  color: var(--Light-Semantic-Text-Secondary, #464646);
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 153.846% */
  letter-spacing: -0.039px;
}
.comment-list .btn-reply {
  margin: 8px 0 0;
  color: var(--Light-Semantic-Text-Sub-Secondary, #868686);
  font-family: Pretendard;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: 14px; /* 127.273% */
  letter-spacing: -0.033px;
}

/* comment-form */
.comment-form {
  border-top: 1px solid var(--light-semantic-divider-primary, #e6e6e6);
  background: var(--light-semantic-background-elevated-secondary, #fff);
  position: fixed;
  bottom: 0;
  display: block;
  width: 100%;
  z-index: 50;
  max-width: 475px;
  padding: 4px 12px;
}
.comment-form.block:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0.5;
}
.comment-form .insert {
  position: relative;
  display: flex;
  border-radius: 18px !important;
  padding: 8px 16px;
  font-size: 14px;
  border: 1px solid var(--light-semantic-border-tertiary, #e6e6e6);
  background: var(--light-basic-gray-100, #f6f6f6);
}
.comment-form .insert .input-regular {
  width: calc(100% - 16px) !important;
  min-width: auto !important;
  max-width: auto !important;
  max-height: 60px !important;
  height: 36px;
  padding: 0;
  background: none !important;
  border: 0 !important;
  line-height: 1.5;
}
.comment-form .insert .btn-send {
  position: absolute;
  bottom: 4px;
  right: 4px;
  width: 28px;
  height: 28px;
  background: url(/image/mobile/icon_chat_send.png);
  background-size: contain;
}
.comment-form .reply-name {
  margin: 0 8px 0 0;
  color: var(--Primary-Highlighted, #00adad);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px; /* 150% */
  letter-spacing: -0.042px;
}
.comment-form .reply-name-btn-reset {
  display: none;
  justify-content: space-between;
  align-items: center;
  height: 44px;
  padding: 8px;
}
.comment-form .reply-name-btn-reset .reply-name-title {
  color: var(--Light-Semantic-Text-Primary, #262626);
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px; /* 123.077% */
  letter-spacing: -0.039px;
}
.comment-form .reply-name-btn-reset .btn-reset {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  background: url(/image/mobile/icon_close.png) no-repeat;
  background-size: contain;
}
.comment-form.reply .reply-name-btn-reset {
  display: flex;
}

/* show-replies */
.show-replies {
  margin: 0 0 0 40px;
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--Light-Semantic-Text-Sub-Primary, #666);
  font-family: Pretendard;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: 14px; /* 127.273% */
  letter-spacing: -0.033px;
}
.show-replies:before {
  content: "";
  width: 24px;
  height: 1px;
  background: #d6d6d6;
}

/* mypat-registration */
.mypat-registration {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 56px;
  flex-shrink: 0;
  padding: 8px 16px 8px 8px;
  border-radius: 12px;
  border: 1px solid var(--Light-Semantic-Border-Tertiary, #e6e6e6);
  background: #fff;
}
.mypat-registration > div {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--Light-Semantic-Text-Primary, #262626);
  font-family: Pretendard;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 19px; /* 126.667% */
  letter-spacing: -0.045px;
}
.mypat-registration > div img {
  width: 40px;
  height: 40px;
  border-radius: 40px;
}
.mypat-registration > img {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

.file-upload .gallery-scroll::-webkit-scrollbar {
  height: 0;
}

.file-upload.display-flex2 {
  position: relative;
  margin: 8px 0 0;
  display: flex;
  align-items: center;
}
.file-upload.display-flex2 .gallery {
  margin: 0 0 0 8px !important;
}

/* popular-keywords */
.popular-keywords {
  display: flex;
  flex-wrap: wrap;
  margin: 4px 16px 0;
}
.popular-keywords a {
  display: flex;
  height: 40px;
  padding: 8px 14px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 20px;
  border: 1px solid var(--Light-Semantic-Border-Tertiary, #e6e6e6);
  background: var(--Light-Semantic-Fill-Reverse-Primary, #fff);
  color: var(--Light-Semantic-Text-Secondary, #464646);
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.039px;
  margin: 8px 8px 0 0;
}
.popular-keywords a:before {
  content: "#";
  color: var(--Primary-Highlighted, #00adad);
  text-align: center;
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 153.846% */
  letter-spacing: -0.039px;
}

/* btn-like */
.btn-like {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--Light-Semantic-Text-Sub-Primary, #666);
  text-align: right;
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 150% */
  letter-spacing: -0.036px;
}
.btn-like:before {
  content: "";
  width: 18px;
  height: 18px;
  background: url(/image/mobile/icon_like2.png) no-repeat;
  background-size: contain;
}
.btn-like.active:before {
  background: url(/image/mobile/icon_like_active.png) no-repeat;
  background-size: contain;
}

/* product-tag */
.product-tag {
  display: inline-flex;
  padding: 4px 6px;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  text-align: center;
  font-family: Pretendard;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: 13px; /* 130% */
  letter-spacing: -0.03px;
}
.product-tag.impossible {
  border: 1px solid var(--Light-Basic-Gray-600, #868686);
  background: var(--Light-Basic-Gray-600, #868686);
  color: var(--Light-Basic-White, #fff);
}
.product-tag.upgrade {
  border: 1px solid var(--Primary, #02c2c2);
  background: #fff;
  color: var(--Primary-Highlighted, #00adad);
}
.product-tag.renewal {
  border: 1px solid #262626;
  background: #fff;
  color: #262626;
}
.product-tag.new {
  border: 1px solid #ff8514;
  background: #fff;
  color: #ff8514;
}
.product-tag.best {
  border: 1px solid #eb566a;
  background: #fff;
  color: #eb566a;
}
.product-tag.restock {
  border: 1px solid #7e9f9f;
  background: #fff;
  color: #7e9f9f;
}

body.inactive-header #header {
  display: none;
}
body.inactive-header #wrapper {
  padding: 0;
}

/* header-banner */
.header-banner {
  padding: 2px 8px;
}
.header-banner a {
  padding: 12px 8px 12px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 44px;
  flex-shrink: 0;
  border-radius: 8px;
  background: linear-gradient(90deg, #4dcece 0%, #d1dd86 100%);
  color: #fff;
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px; /* 153.846% */
  letter-spacing: -0.039px;
}
.header-banner a img {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

/* slider-banner */
.slider-banner .swiper-slide {
  position: relative;
  width: 100%;
  padding-bottom: 42.66%;
  height: 0;
  overflow: hidden;
}
.slider-banner .swiper-slide a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f2f2f2;
  color: var(--Light-Semantic-Text-Sub-Secondary, #868686);
  text-align: center;
  font-family: Pretendard;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px; /* 154.545% */
  letter-spacing: -0.033px;
}

/* category-menu */
.category-menu {
  margin: 24px 0 0;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.category-menu li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: var(--Light-Semantic-Text-Primary, #262626);
  text-align: center;
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 150% */
  letter-spacing: -0.036px;
}
.category-menu img {
  width: 48px;
  height: 48px;
  margin-bottom: 4px;
}

/* store-story-list */
.store-story-list {
  padding: 0 16px;
  margin-top: -16px;
  overflow: hidden;
}
.store-story-list > li {
  margin: 32px 0 0;
}
.store-story-list .img {
  position: relative;
  width: 100%;
  padding-bottom: 56.26%;
  height: 0;
  overflow: hidden;
}
.store-story-list .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}
.store-story-list .subject {
  margin: 8px 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.store-story-list .subject > div {
  width: calc(100% - 36px);
  color: var(--Light-Semantic-Text-Primary, #262626);
  font-family: Pretendard;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px; /* 153.333% */
  letter-spacing: -0.045px;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: keep-all;
}
.store-story-list .subject img {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

#header .right > a {
  margin-left: 0;
}

/* search */
#header .search {
  display: none;
  width: 40px;
  height: 40px;
  background: url(/image/mobile/icon_search2.png) no-repeat;
  background-size: contain;
}
body.active-search #header .search {
  display: inline-block;
}

/* cart */
#header .cart {
  display: none;
  position: relative;
  width: 40px;
  height: 40px;
  background: url(/image/mobile/icon_cart.png) no-repeat;
  background-size: contain;
}
#header .cart span {
  position: absolute;
  top: 6px;
  right: 2px;
  display: flex;
  width: 16px;
  height: 16px;
  min-width: 16px;
  padding: 2px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 999px;
  background: var(--Pink, #eb566a);
  color: var(--Light-Basic-White, #fff);
  text-align: center;
  font-family: Pretendard;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: 13px; /* 130% */
  letter-spacing: -0.03px;
}
body.active-cart #header .cart {
  display: inline-block;
}

.btn-xsmall {
  height: 21px;
  padding: 4px 6px;
  font-size: 10px;
  line-height: 130% !important;
}

/* store-comingsoon-list */
.store-comingsoon-list {
  padding: 0 16px;
}
.store-comingsoon-list > li {
  margin: 16px 0 0;
  border-radius: 8px;
  border: 1px solid var(--Light-Semantic-Border-Tertiary, #e6e6e6);
  background: var(--Light-Semantic-Background, #fff);
  padding: 16px;
}
.store-comingsoon-list .subject {
  color: var(--Light-Semantic-Text-Primary, #262626);
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px; /* 125% */
  letter-spacing: -0.048px;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: keep-all;
}
.store-comingsoon-list .price {
  margin: 8px 0 0;
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--Light-Semantic-Text-Primary, #262626);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: -0.042px;
}
.store-comingsoon-list .market-regular-price {
  margin: 4px 0 0;
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--Light-Semantic-Text-Primary, #262626);
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 150% */
  letter-spacing: -0.036px;
}
.store-comingsoon-list .market-price {
  color: var(--Light-Semantic-Text-Sub-Secondary, #868686);
  font-family: Pretendard;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px; /* 154.545% */
  letter-spacing: -0.033px;
  text-decoration: line-through;
}
.store-comingsoon-list .img {
  display: block;
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  height: 0;
  overflow: hidden;
}
.store-comingsoon-list .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid var(--Light-Basic-Gray-200, #e6e6e6);
}
.store-comingsoon-list .summary {
  color: var(--Light-Semantic-Text-Secondary, #464646);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px; /* 150% */
  letter-spacing: -0.042px;
}

.top-green-center-text {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 44px;
  flex-shrink: 0;
  background-color: #e2f6f6;
  color: var(--Primary-Highlighted, #00adad);
  text-align: center;
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px; /* 153.846% */
  letter-spacing: -0.039px;
}

.btn-small:disabled,
.btn-regular:disabled,
.btn-medium:disabled,
.btn-large:disabled,
.btn-small:hover:disabled,
.btn-regular:hover:disabled,
.btn-medium:hover:disabled,
.btn-large:hover:disabled {
  border-color: #f2f2f2 !important;
  background-color: #f2f2f2 !important;
  color: #868686 !important;
  cursor: not-allowed;
}

/* .swiper-pagination.center */
.swiper-pagination.center {
  left: 50% !important;
  transform: translateX(-50%);
  bottom: 12px !important;
}
.swiper-pagination.center .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
}
.swiper-pagination.center
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #02c2c2 !important;
}
.swiper-pagination.center .swiper-pagination-bullet {
  margin: 0 2px;
}

.slider-product-view .img {
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  height: 0;
  overflow: hidden;
}
.slider-product-view .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  object-fit: cover;
}

/* product-view */
.product-view {
  padding: 16px 16px 0;
}
.product-view .share {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.product-view .brand {
  margin: 4px 0 0;
  display: flex;
  gap: 4px;
  color: var(--Light-Semantic-Text-Secondary, #464646);
  font-family: Pretendard;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px; /* 154.545% */
  letter-spacing: -0.033px;
}
.product-view .brand img {
  width: 18px;
  height: 18px;
}
.product-view .subject {
  margin: 6px 0 0;
  color: var(--Light-Semantic-Text-Primary, #262626);
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
  letter-spacing: -0.048px;
}
.product-view .market-regular-price {
  margin: 8px 0 0;
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--Light-Semantic-Text-Primary, #262626);
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 153.846% */
  letter-spacing: -0.039px;
}
.product-view .market-price {
  color: var(--Light-Semantic-Text-Sub-Secondary, #868686);
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 150% */
  letter-spacing: -0.033px;
  text-decoration: line-through;
}
.product-view .price {
  margin: 6.5px 0 0;
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--Light-Semantic-Text-Primary, #262626);
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -0.048px;
}
.product-view .dc {
  display: inline-flex;
  padding: 4px 6px;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  background: linear-gradient(90deg, #02c2c2 0%, #009ee1 137.5%);
  color: var(--Light-Basic-White, #fff);
  text-align: center;
  font-family: Pretendard;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: 13px; /* 130% */
  letter-spacing: -0.03px;
}

.product-view .tit-con > li {
  display: flex;
}
.product-view .tit-con > li + li {
  margin: 8px 0 0;
}
.product-view .tit-con .tit {
  width: 88px;
  padding: 2px 16px 0 0;
  color: var(--Light-Semantic-Text-Sub-Secondary, #868686);
  font-family: Pretendard;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px; /* 154.545% */
  letter-spacing: -0.033px;
}
.product-view .tit-con .con {
  width: calc(100% - 88px);
  color: var(--Light-Semantic-Text-Secondary, #464646);
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 150% */
  letter-spacing: -0.036px;
}

/* membership-zero */
.membership-zero {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 48px;
  border: 2px solid transparent;
  border-radius: 8px;
  background-image: linear-gradient(#fff, #fff),
    linear-gradient(to right, #0191aa 0%, #80f490 100%);
  background-origin: border-box;
  background-clip: content-box, border-box;
}
.membership-zero > div {
  display: flex;
  align-items: center;
  color: var(--Light-Semantic-Text-Primary, #262626);
  text-align: center;
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px; /* 123.077% */
  letter-spacing: -0.039px;
}
.membership-zero > div img {
  width: 20px;
  height: 20px;
  margin-left: 12px;
}
.membership-zero img {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}

/* btn-price-true */
.btn-price-true {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 48px;
  border-radius: 8px;
  border: 1px solid var(--Light-Semantic-Border-Tertiary, #e6e6e6);
  background: var(--Light-Semantic-Fill-Reverse-Primary, #fff);
}
.btn-price-true > div {
  display: flex;
  align-items: center;
  color: var(--Light-Semantic-Text-Primary, #262626);
  text-align: center;
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px; /* 123.077% */
  letter-spacing: -0.039px;
}
.btn-price-true > div img {
  width: 20px;
  height: 20px;
  margin-left: 12px;
}
.btn-price-true img {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}

/* btn-regular */
.btn-regular {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
}
.btn-regular img {
  width: 20px;
  height: 20px;
}

/* product-detail */
.product-detail {
  padding: 16px 16px 60px;
  color: var(--Light-Semantic-Text-Secondary, #464646);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px; /* 150% */
  letter-spacing: -0.042px;
}

/* total-rating */
.total-rating {
  height: 96px;
  border-radius: 12px;
  background: var(--Light-Basic-Gray-100, #f6f6f6);
  margin: 16px 0 0;
  display: flex;
  align-items: center;
  padding: 24px 16px;
}
.total-rating > div {
  width: 43%;
}
.total-rating .tit-con {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  border-right: 1px solid #e6e6e6;
}
.total-rating .tit-con .tit {
  width: auto;
  color: var(--Light-Semantic-Text-Primary, #262626);
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px; /* 123.077% */
  letter-spacing: -0.039px;
}
.total-rating .tit-con .con {
  padding: 0 0 0 8px;
  width: auto;
  color: var(--Light-Semantic-Text-Primary, #262626);
  font-family: Pretendard;
  font-size: 26px;
  font-style: normal;
  font-weight: 800;
  line-height: 32px; /* 123.077% */
  letter-spacing: -0.026px;
}
.total-rating .star-rating {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 8px 0 8px 40px;
}
.total-rating .star-rating > div {
  margin: 4px 0 0;
  color: var(--Light-Semantic-Text-Primary, #262626);
  text-align: center;
  font-family: Pretendard;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px; /* 154.545% */
  letter-spacing: -0.033px;
}

/* review-list */
.review-list {
  padding: 0 16px;
}
.review-list > ul > li {
  position: relative;
  padding: 16px 0;
  border-bottom: 1px solid #e6e6e6;
}
.review-list .img-name-star-date-more {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.review-list .img-name-star-date {
  display: flex;
  align-items: center;
}
.review-list .img {
  position: relative;
  border: 1px solid var(--color-gray-200, #e6e6e6);
  border-radius: 50%;
}
.review-list .img img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
}
.review-list .product-tag {
  position: absolute;
  top: -8px;
  left: -8px;
  padding: 2px 4px;
  color: var(--Light-Basic-White, #fff);
  text-align: center;
  font-family: Pretendard;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: 13px; /* 130% */
  letter-spacing: -0.03px;
}
.review-list .name-star-date {
  padding: 0 0 0 8px;
}
.review-list .name {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--light-semantic-text-secondary, #464646);
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px; /* 150% */
  letter-spacing: -0.036px;
}
.review-list .name .btn-small {
  margin: 0 4px 0 0;
  height: 21px;
  padding: 0 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 10px;
}
.review-list .star-date {
  display: flex;
  align-items: center;
}
.review-list .date {
  margin: 0 0 0 8px;
  color: var(--light-semantic-text-sub-secondary, #868686);
  font-family: Pretendard;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px; /* 154.545% */
  letter-spacing: -0.033px;
}
.review-list .review-con {
  margin: 8px 0 0;
  color: var(--light-semantic-text-secondary, #464646);
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 153.846% */
  letter-spacing: -0.039px;
}
.review-list .more-layer {
  z-index: 10;
}
.review-list .more-layer > button {
  background: url(/image/mobile/icon_more_horizontal.png) no-repeat;
  background-size: contain;
  opacity: 0.5;
}

/* img-view-slide */
.swiper-container.img-view-slide {
  margin: 16px 0 0;
}
.swiper-container.img-view-slide .swiper-slide {
  position: relative;
  width: 80px !important;
  padding-bottom: 80px !important;
  height: 0;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid var(--light-basic-gray-200, #e6e6e6);
}
.swiper-container.img-view-slide .swiper-slide img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin: 0;
}
.swiper-container.img-view-slide .swiper-slide.last {
  border: 0;
}

/* product-qna-list */
.product-qna-list {
  padding: 0 16px;
}
.product-qna-list > ul {
  margin: 16px 0 0;
  border-top: 1px solid #e6e6e6;
}
.product-qna-list > ul > li {
  padding: 16px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e6e6e6;
}
.product-qna-list > ul > li a {
  width: calc(100% - 32px);
}
.product-qna-list .status-subject {
  display: flex;
  align-items: center;
  gap: 12px;
}
.product-qna-list .status {
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
  color: var(--Light-Semantic-Text-Sub-Secondary, #868686);
  font-family: Pretendard;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  line-height: 17px; /* 154.545% */
  letter-spacing: -0.033px;
}
.product-qna-list .status.complete {
  color: var(--Primary-Highlighted, #00adad) !important;
}
.product-qna-list .subject {
  width: calc(100% - 50px);
  padding-right: 24px;
  color: var(--Light-Semantic-Text-Primary, #262626);
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 153.846% */
  letter-spacing: -0.039px;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: keep-all;
}
.product-qna-list .date-id {
  margin: 4px 0 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.product-qna-list .date-id span {
  color: var(--Light-Semantic-Text-Sub-Secondary, #868686);
  font-family: Pretendard;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px; /* 154.545% */
  letter-spacing: -0.033px;
}
.product-qna-list .more-layer > button {
  background: url(/image/mobile/icon_more_horizontal.png) no-repeat;
  background-size: contain;
  opacity: 0.5;
}
.product-qna-list .more-layer .tit {
  color: var(--light-semantic-text-sub-secondary, #868686);
}

/* btn-keep-purchase */
.btn-keep-purchase {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px;
  border-top: 1px solid #e6e6e6;
}
.btn-keep-purchase .btn-keep {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  border-radius: 8px;
  border: 1px solid var(--Light-Semantic-Border-Secondary, #d6d6d6);
  background: #fff url(/image/mobile/icon_like.png) no-repeat center center;
  background-size: 24px;
}
.btn-keep-purchase .btn-keep.active {
  background: #fff url(/image/mobile/icon_like_active.png) no-repeat center
    center;
  background-size: 24px;
}
.btn-keep-purchase .btn-purchase {
  width: calc(100% - 60px);
}

/* product-qna-view */
.product-qna-view {
  padding: 16px;
}
.product-qna-view .img-info {
  display: flex;
}
.product-qna-view .img-info .img img {
  width: 100px;
  height: 100px;
  border-radius: 8px;
  border: 1px solid var(--Light-Basic-Gray-200, #e6e6e6);
}
.product-qna-view .img-info .info {
  width: calc(100% - 100px);
  padding-left: 16px;
}
.product-qna-view .subject {
  color: var(--Light-Semantic-Text-Primary, #262626);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px; /* 150% */
  letter-spacing: -0.042px;
  word-break: break-all !important;
}
.product-qna-view .subject.line2 {
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: keep-all;
}
.product-qna-view .status-date-id {
  margin: 8px 0 0;
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--Light-Semantic-Text-Sub-Secondary, #868686);
  font-family: Pretendard;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  line-height: 17px; /* 154.545% */
  letter-spacing: -0.033px;
}
.product-qna-view .cont {
  color: var(--Light-Semantic-Text-Primary, #262626);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px; /* 150% */
  letter-spacing: -0.042px;
}

.fixed-bottom-wrap .btn-close-bar {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  margin: 10px auto;
  width: 56px;
  height: 5px;
  border-radius: 999px;
  background: var(--primary-gray-gray300, #dfdfdf);
}

/* tit-con-space-between */
.tit-con-space-between {
  padding: 12px 16px 0;
}
.tit-con-space-between > ul > li {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.tit-con-space-between > ul > li + li {
  margin: 12px 0 0;
}
.tit-con-space-between .tit {
  padding-top: 4px;
  width: 100px;
  color: var(--light-semantic-text-sub-secondary, #868686);
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px; /* 133.333% */
  letter-spacing: -0.036px;
}
.tit-con-space-between .con {
  width: calc(100% - 100px);
  color: var(--light-semantic-text-primary, #262626);
  text-align: right;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px; /* 150% */
  letter-spacing: -0.05px;
  word-break: keep-all !important;
}
.tit-con-space-between .con strong {
  color: var(--Light-Semantic-Text-Primary, #262626);
  text-align: right;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px; /* 125% */
  letter-spacing: -0.048px;
}
/* wide */
.tit-con-space-between .tit.wide {
  width: 146px;
}
.tit-con-space-between .tit.wide + .con {
  width: calc(100% - 146px);
}

.margin-a16 + .tit-con-space-between {
  padding-top: 0;
}

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

.quantity-change .input {
  margin: 0 4px;
  width: 24px;
  border: 0;
  font-weight: 700;
}
.quantity-change .btn-minus {
  background: #fff url(/image/mobile/icon_minus.png) no-repeat center
    center;
  background-size: 20px;
}
.quantity-change .btn-plus {
  background: #fff url(/image/mobile/icon_plus.png) no-repeat center center;
  background-size: 20px;
}

/* option-selected */
.option-selected {
  margin: 8px 0 0;
  position: relative;
  padding: 16px;
  height: 86px;
  flex-shrink: 0;
  border-radius: 8px;
  background: var(--Light-Basic-Gray-100, #f6f6f6);
}
.option-selected .name {
  margin: 0 0 8px;
  color: var(--Light-Semantic-Text-Primary, #262626);
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 150% */
  letter-spacing: -0.036px;
}
.option-selected .price {
  color: var(--Light-Semantic-Text-Primary, #262626);
  text-align: right;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 21px; /* 150% */
  letter-spacing: -0.042px;
}
.option-selected .btn-close {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 1;
  width: 24px;
  height: 24px;
  background: url(/image/mobile/icon_close.png) no-repeat;
  background-size: contain;
  opacity: 0.6;
}

.fixed-bottom-margin {
  margin-bottom: 80px;
}

/* space-between-title */
.space-between-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 40px 16px 0;
  padding: 0 0 12px;
  border-bottom: 1px solid #e6e6e6;
}
.space-between-title .title {
  margin: 0;
  font-size: 16px !important;
}
.space-between-title .right {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--Light-Semantic-Text-Primary, #262626);
  text-align: right;
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 153.846% */
  letter-spacing: -0.039px;
}
.space-between-title .right img {
  width: 18px;
  height: 18px;
}
.space-between-title .right select.input-small {
  width: 100px;
}

/* btn-checkbox */
.btn-checkbox {
  display: flex;
  align-items: center;
  gap: 8px;
}
.btn-checkbox span {
  color: var(--Light-Semantic-Text-Primary, #262626);
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 153.846% */
  letter-spacing: -0.039px;
}

.title-medium {
  margin: 24px 16px 0;
  padding: 0 0 16px;
  color: var(--Light-Semantic-Text-Primary, #262626);
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 125%;
  letter-spacing: -0.048px;
}

.title-medium-border {
  margin: 24px 16px 0;
  padding: 0 0 16px;
  border-bottom: 1px solid #e6e6e6;
  color: var(--Light-Semantic-Text-Primary, #262626);
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px; /* 125% */
  letter-spacing: -0.048px;
}

/* btn-cart-add */
.btn-cart-add {
  display: flex;
  width: 165px;
  height: 28px;
  padding: 6px 12px 6px 8px;
  justify-content: center;
  align-items: center;
  gap: 2px;
  flex-shrink: 0;
  border-radius: 6px;
  border: 1px solid var(--Light-Semantic-Border-Secondary, #d6d6d6);
  background: var(--Light-Semantic-Fill-Reverse-Primary, #fff);
  color: var(--Light-Semantic-Text-Primary, #262626);
  text-align: center;
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px; /* 133.333% */
  letter-spacing: -0.036px;
}
.btn-cart-add img {
  width: 24px;
  height: 24px;
}

/* brand */
.brand {
  display: flex;
  gap: 4px;
  color: var(--Light-Semantic-Text-Secondary, #464646);
  font-family: Pretendard;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px; /* 154.545% */
  letter-spacing: -0.033px;
}
.brand img {
  width: 16px;
  height: 16px;
}

/* cart-list */
.cart-list {
  margin: 0 16px;
}
.cart-list > li {
  position: relative;
  padding: 16px 0;
  border-bottom: 1px solid #e6e6e6;
}
.cart-list input[type="checkbox"] {
  border-radius: 50%;
  margin: 0 8px 0 0;
}
.cart-list .img {
  position: relative;
  margin: 0 16px 0 0;
}
.cart-list .img img {
  width: 100px;
  height: 100px;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid var(--Light-Basic-Gray-200, #e6e6e6);
}
.cart-list .img .status {
  position: absolute;
  top: 4px;
  left: 4px;
}
.cart-list .info {
  width: calc(100% - 130px);
}
.cart-list .pname {
  color: var(--Light-Semantic-Text-Primary, #262626);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px; /* 150% */
  letter-spacing: -0.042px;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: keep-all;
}
.cart-list .option {
  color: var(--Light-Semantic-Text-Sub-Primary, #666);
  font-family: Pretendard;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px; /* 154.545% */
  letter-spacing: -0.033px;
}
.cart-list .benefits {
  color: var(--Primary-Highlighted, #00adad);
  font-family: Pretendard;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  line-height: 17px; /* 154.545% */
  letter-spacing: -0.033px;
}
.cart-list .price-option-quqntity {
  margin: 12px 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cart-list .price-option-quqntity > * {
  width: 50%;
}
.cart-list .price-option-quqntity .quantity-change {
  width: 88px;
}
.cart-list .price {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--Light-Semantic-Text-Primary, #262626);
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px; /* 153.846% */
  letter-spacing: -0.039px;
}
.cart-list .price span {
  color: var(--Light-Semantic-Text-Sub-Secondary, #868686);
  font-family: Pretendard;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px; /* 154.545% */
  letter-spacing: -0.033px;
  text-decoration: line-through;
}
/* checkbox 일을때 */
.cart-list input + a .img img {
  width: 80px;
  height: 80px;
}

/* dc-info */
.dc-info {
  margin: 16px 0 0;
  padding: 12px 16px;
  border-radius: 12px;
  border: 1px solid var(--Light-Semantic-Border-Tertiary, #e6e6e6);
  background: var(--Light-Semantic-Background, #fff);
}
.dc-info > div {
  display: flex;
  justify-content: space-between;
}
.dc-info > div + div {
  margin: 12px 0 0;
}
.dc-info .tit {
  padding: 4px 16px 0 0;
  color: var(--Light-Semantic-Text-Sub-Primary, #666);
  font-family: Pretendard;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px; /* 154.545% */
  letter-spacing: -0.033px;
}
.dc-info .con {
  text-align: right;
  color: var(--Light-Semantic-Text-Primary, #262626);
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.039px;
}

/* split2 */
.split2 {
  display: inline-block;
  width: calc((100% - 12px) / 2) !important;
}
.split2 + .split2 {
  margin-left: 8px;
}

/* split3 */
.split3 {
  display: inline-block;
  width: calc((100% - 24px) / 3) !important;
}
.split3 + .split3 {
  margin-left: 8px;
}

/* split4 */
.split4 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  width: calc((100% - 38px) / 4) !important;
}
.split4 + .split4 {
  margin-left: 8px;
}

/* cardinfo */
.cardinfo {
  display: block;
  margin: 16px 0 0;
  padding: 16px;
  border-radius: 12px;
  border: 1px solid var(--light-semantic-border-tertiary, #e6e6e6);
  background: var(--light-basic-gray-100, #f6f6f6);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cardinfo .tit {
  display: flex;
  align-items: center;
  color: var(--light-semantic-text-primary, #262626);
  font-family: Pretendard;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 23px; /* 153.333% */
  letter-spacing: -0.045px;
}
.cardinfo .tit span {
  display: flex;
  padding: 4px 6px;
  justify-content: center;
  align-items: center;
  margin: 0 8px 0 0;
  border-radius: 6px;
  border: 1px solid var(--light-semantic-fill-reverse-secondary, #262626);
  background: var(--light-semantic-fill-reverse-secondary, #262626);
  color: var(--light-basic-white, #fff);
  text-align: center;
  font-family: Pretendard;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: 13px; /* 130% */
  letter-spacing: -0.03px;
}
.cardinfo .tit .cardname {
  margin: 2px 0 0;
  display: block;
  font-size: 17px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.44px;
  text-align: left;
  color: #5c5c5c;
}
.cardinfo .con {
  margin: 8px 0 0;
  color: var(--light-semantic-text-sub-primary, #666);
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 150% */
  letter-spacing: -0.036px;
}
.cardinfo .btn-insert2,
.cardinfo .btn-changeNadd {
  display: flex;
  height: 28px;
  padding: 6px 12px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 6px;
  border: 1px solid var(--light-semantic-border-secondary, #d6d6d6);
  background: var(--light-semantic-fill-reverse-primary, #fff);
  color: var(--light-semantic-text-primary, #262626);
  text-align: center;
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px; /* 133.333% */
  letter-spacing: -0.036px;
}

/* point-display-flex */
.point-display-flex {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--Light-Semantic-Text-Primary, #262626);
  text-align: right;
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 153.846% */
  letter-spacing: -0.039px;
}
.point-display-flex img {
  width: 18px;
  height: 18px;
}

/* payment-method */
.payment-method {
  padding: 0 16px;
}
.payment-method > li {
  padding: 16px 0;
}
.payment-method label {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--Light-Semantic-Text-Primary, #262626);
  font-family: Pretendard;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px; /* 153.333% */
  letter-spacing: -0.045px;
}

/* credit-credit */
.credit-credit {
  margin: 16px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.credit-credit label {
  width: calc((100% - 8px) / 2);
}
.credit-credit label > div {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 0;
  height: 52px;
  border-radius: 8px;
  border: 1px solid var(--Light-Semantic-Border-Secondary, #d6d6d6);
  background: var(--Light-Semantic-Fill-Reverse-Primary, #fff);
  width: 100%;
  font-size: 14px;
  font-weight: 600;
}
.credit-credit label > div img {
  width: 24px;
  height: 24px;
}
.credit-credit label > div.pay img {
  width: auto;
  height: 24px;
}

.credit-credit input {
  display: none;
}
.credit-credit label > input:checked + div {
  border: 2px solid var(--Light-Basic-Gray-900, #262626);
}

/* guide-text-bottom-arrow */
.guide-text-bottom-arrow {
  padding: 12px 0;
  margin: 40px 16px 0;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--Light-Semantic-Text-Sub-Primary, #666);
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 150% */
  letter-spacing: -0.036px;
}
.guide-text-bottom-arrow img {
  width: 18px;
  height: 18px;
}

/* guide-text-bottom */
.guide-text-bottom {
  margin: 32px 24px 0;
  color: var(--Light-Semantic-Text-Sub-Primary, #666);
  text-align: center;
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 153.846% */
  letter-spacing: -0.039px;
}

/* address-management-list */
.address-management-list {
  padding: 0 16px;
  margin: 16px 0 0;
}
.address-management-list > ul > li {
  position: relative;
  margin: 8px 0 0;
  padding: 16px;
  gap: 16px;
  border-radius: 12px;
  border: 1px solid var(--Light-Semantic-Border-Tertiary, #e6e6e6);
  background: var(--Light-Basic-Gray-100, #f6f6f6);
}
.address-management-list .name-more {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.address-management-list .name {
  display: flex;
  align-items: center;
  color: var(--Light-Semantic-Text-Primary, #262626);
  font-family: Pretendard;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 23px; /* 153.333% */
  letter-spacing: -0.045px;
}
.address-management-list li.default .name:before {
  content: "기본 배송지";
  display: flex;
  margin: 0 8px 0 0;
  padding: 4px 6px;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  border: 1px solid var(--Light-Semantic-Fill-Reverse-Secondary, #262626);
  background: var(--Light-Semantic-Fill-Reverse-Secondary, #262626);
  color: var(--Light-Basic-White, #fff);
  text-align: center;
  font-family: Pretendard;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: 13px; /* 130% */
  letter-spacing: -0.03px;
}
.address-management-list .tel {
  margin: 8px 0 0;
  color: var(--Light-Semantic-Text-Primary, #262626);
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px; /* 153.846% */
  letter-spacing: -0.039px;
}
.address-management-list .con {
  margin: 4px 0 0;
  color: var(--Light-Semantic-Text-Sub-Primary, #666);
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 150% */
  letter-spacing: -0.036px;
}
.address-management-list .more-layer {
  position: absolute;
  top: 36px;
  right: 16px;
}
.address-management-list .more-layer > button {
  background: url(/image/mobile/icon_more_horizontal.png) no-repeat;
  background-size: contain;
  opacity: 0.5;
}
.address-management-list .more-layer .tit {
  color: var(--light-semantic-text-sub-secondary, #868686);
}

/* cardinfo-more */
.cardinfo-more {
  position: relative;
  margin: -24px 0 0;
}
.cardinfo-more > button {
  display: inline-block;
  width: 24px !important;
  height: 24px;
  background: url(/image/mobile/icon_more_horizontal.png) no-repeat center
    center;
  background-size: contain;
  cursor: pointer;
  padding: 0 !important;
}
.cardinfo-more > ul {
  display: none;
  position: absolute;
  top: 36px;
  right: 0;
  z-index: 1;
  width: 160px;
  border-radius: 12px;
  background: var(--light-semantic-background-elevated-primary, #fff);
  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08);
}
.cardinfo-more.active > ul {
  display: block;
}
.cardinfo-more > ul > li {
  color: var(--light-semantic-text-primary, #262626);
  font-family: Pretendard;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px; /* 153.333% */
  letter-spacing: -0.045px;
}
.cardinfo-more > ul > li + li {
  border-top: 1px solid #e6e6e6;
}
.cardinfo-more .tit {
  display: flex;
  align-items: center;
  padding: 8px 16px;
  color: var(--light-semantic-text-sub-secondary, #868686);
}
.cardinfo-more .tit:before {
  content: "";
  width: 24px;
  height: 24px;
  background: url(/image/mobile/icon_check2.png) no-repeat;
  background-size: contain;
  margin: 0 8px 0 0;
}
.cardinfo-more button {
  display: flex;
  padding: 8px 16px;
  width: 100%;
}

/* order-delivery-tracking */
.order-delivery-tracking {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 4px;
  padding: 16px 16px 8px;
}
.order-delivery-tracking label {
  width: calc((100% - 16px) / 5);
}
.order-delivery-tracking.col4 label {
  width: calc((100% - 12px) / 4);
}
.order-delivery-tracking.col6 label {
  width: calc((100% - 12px) / 6);
}
.order-delivery-tracking input {
  display: none;
}
.order-delivery-tracking input + div {
  height: 64px;
  flex-shrink: 0;
  border-radius: 8px;
  border: 1px solid var(--Light-Semantic-Border-Tertiary, #e6e6e6);
  background: var(--Light-Semantic-Background, #fff);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.order-delivery-tracking input:checked + div {
  border: 2px solid var(--Primary, #02c2c2);
  background: var(--Bright-Green, #f5ffff);
}
.order-delivery-tracking .tit {
  color: var(--Light-Semantic-Text-Primary, #262626);
  text-align: center;
  font-family: Pretendard;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px; /* 154.545% */
  letter-spacing: -0.033px;
}
.order-delivery-tracking .con {
  color: var(--Light-Semantic-Text-Primary, #262626);
  text-align: center;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 21px; /* 150% */
  letter-spacing: -0.042px;
}

/* order-delivery-tracking-list */
.order-delivery-tracking-list {
  margin: 0 16px;
}
.order-delivery-tracking-list > li {
  position: relative;
  padding: 16px 0;
  border-bottom: 1px solid #e6e6e6;
}
.order-delivery-tracking-list .date {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--Light-Semantic-Text-Primary, #262626);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 21px; /* 150% */
  letter-spacing: -0.042px;
}
.order-delivery-tracking-list .date img {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.order-delivery-tracking-list .img-info {
  margin: 16px 0 0;
  display: flex;
  gap: 16px;
}
.order-delivery-tracking-list .img {
  position: relative;
}
.order-delivery-tracking-list .img img {
  width: 100px;
  height: 100px;
  flex-shrink: 0;
  border-radius: 8px;
  border: 1px solid var(--Light-Basic-Gray-200, #e6e6e6);
  object-fit: cover;
}
.order-delivery-tracking-list .status {
  position: absolute;
  top: 4px;
  left: 4px;
}
.order-delivery-tracking-list .info {
  width: calc(100% - 116px);
}
.order-delivery-tracking-list .subject {
  margin: 2px 0 0;
  color: var(--Light-Semantic-Text-Primary, #262626);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px; /* 150% */
  letter-spacing: -0.042px;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: keep-all;
}
.order-delivery-tracking-list .option {
  margin: 4px 0 0;
  color: var(--Light-Semantic-Text-Sub-Primary, #666);
  font-family: Pretendard;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px; /* 154.545% */
  letter-spacing: -0.033px;
}
.order-delivery-tracking-list .price {
  margin: 2px 0 0;
  color: var(--Light-Semantic-Text-Primary, #262626);
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px; /* 153.846% */
  letter-spacing: -0.039px;
}
.order-delivery-tracking-list .point-benefits {
  position: absolute;
  bottom: 66px;
  right: 0;
}

.status.green {
  display: inline-flex;
  border-radius: 6px;
  border: 1px solid var(--Primary, #02c2c2);
  background: var(--Primary, #02c2c2);
  color: #fff !important;
}
.status.black {
  display: inline-flex;
  border-radius: 6px;
  border: 1px solid var(--Light-Basic-Gray-900, #262626);
  background: var(--Light-Basic-Gray-900, #262626);
  color: #fff !important;
}
.status.gray {
  display: inline-flex;
  border-radius: 6px;
  border: 1px solid var(--Light-Basic-Gray-600, #868686);
  background: var(--Light-Basic-Gray-600, #868686);
  color: #fff !important;
}

.point-benefits {
  height: 30px;
  padding: 8px 12px !important;
  border-radius: 6px;
  border: 1px solid var(--Bright-Deep-Green, #e2f6f6);
  background: var(--Bright-Deep-Green, #e2f6f6);
  color: var(--Primary-Highlighted, #00adad);
  text-align: center;
  font-family: Pretendard;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: 14px; /* 127.273% */
  letter-spacing: -0.033px;
}

.btn-radio-checkbox.bg input:checked + span {
  border: 2px solid var(--Primary, #02c2c2);
  background: var(--Primary, #02c2c2);
  color: var(--Light-Basic-White, #fff);
}

/* date-order-number */
.date-order-number {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 66px;
  flex-shrink: 0;
  background: var(--Light-Semantic-Background-Lowered-Primary, #f6f6f6);
}
.date-order-number .date {
  color: var(--Light-Semantic-Text-Primary, #262626);
  text-align: center;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px; /* 125% */
  letter-spacing: -0.048px;
}
.date-order-number .order-number {
  margin: 4px 0 0;
  color: var(--Light-Semantic-Text-Sub-Primary, #666);
  text-align: center;
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 150% */
  letter-spacing: -0.036px;
}

.help-text {
  line-height: 1.5;
}

.result-area.large {
  padding: 200px 16px 0;
}

/* address-management-radio-list */
.address-management-radio-list {
  margin: 0 16px;
}
.address-management-radio-list .border {
  position: relative;
  margin: 8px 0 0;
  padding: 16px;
  border-radius: 8px;
  border: solid 1px #d6d6d6;
  background-color: #fff;
}
.address-management-radio-list > li.default .default {
  display: none;
}
.address-management-radio-list label {
  cursor: pointer;
}
.address-management-radio-list input[type="radio"] {
  display: none;
}
.address-management-radio-list input[type="radio"]:checked + .border {
  border: 2px solid #02c2c2;
}
.address-management-radio-list .name {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--Light-Semantic-Text-Primary, #262626);
  font-family: Pretendard;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 23px; /* 153.333% */
  letter-spacing: -0.045px;
}
.address-management-radio-list .default .name:before {
  content: "기본 배송지";
  display: flex;
  padding: 4px 6px;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  border: 1px solid var(--Light-Semantic-Fill-Reverse-Secondary, #262626);
  background: var(--Light-Semantic-Fill-Reverse-Secondary, #262626);
  color: var(--Light-Basic-White, #fff);
  text-align: center;
  font-family: Pretendard;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: 13px; /* 130% */
  letter-spacing: -0.03px;
}
.address-management-radio-list .subject {
  margin: 8px 0 0;
  color: var(--Light-Semantic-Text-Primary, #262626);
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px; /* 153.846% */
  letter-spacing: -0.039px;
}
.address-management-radio-list .address {
  margin: 8px 0 0;
  color: var(--Light-Semantic-Text-Sub-Primary, #666);
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 150% */
  letter-spacing: -0.036px;
}
.address-management-radio-list .more-layer {
  position: absolute;
  top: 40px;
  right: 10px;
}
.address-management-radio-list .more-layer > button {
  background: url(/image/mobile/icon_more_horizontal.png) no-repeat;
  background-size: contain;
  opacity: 0.5;
}
.address-management-radio-list .more-layer .tit {
  color: var(--light-semantic-text-sub-secondary, #868686);
}
.address-management-radio-list .more-layer > ul {
  top: 24px;
  right: 32px;
}

/* creditcard-list */
.creditcard-list {
  padding: 0 16px 16px;
}
.creditcard-list .border {
  position: relative;
  margin: 16px 0 0;
  padding: 16px;
  border-radius: 8px;
  border: solid 1px #d6d6d6;
  background-color: #fff;
}
.creditcard-list input[type="radio"] {
  display: none;
}
.creditcard-list input[type="radio"]:checked + .border {
  border: 2px solid var(--Primary, #02c2c2);
}
.creditcard-list > ul > li.default .more-layer .default {
  display: none;
}
.creditcard-list > ul > li.default .number::before {
  content: "";
  width: 49px;
  height: 21px;
  margin: 0 8px 0 0;
  background: url(/image/mobile/set_default.png) no-repeat;
  background-size: contain;
}
.creditcard-list .number {
  margin: 0 8px 0 0;
  font-size: 15px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #161616;
  display: flex;
  align-items: center;
}
.creditcard-list .name {
  margin: 8px 0 0;
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #565656;
}
.creditcard-list .more-layer {
  position: absolute;
  top: 12px;
  right: 8px;
  margin: 0 !important;
}
.creditcard-list .more-layer > ul {
  top: 24px;
  right: 32px;
}
.creditcard-list .more-layer > button {
  background: url(/image/mobile/icon_more_horizontal.png) no-repeat;
  background-size: contain;
  opacity: 0.5;
}
.creditcard-list .more-layer .tit {
  color: var(--light-semantic-text-sub-secondary, #868686);
}

/* card-number-insert */
.card-number-insert {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.card-number-insert .input-medium {
  min-width: calc((100% - 24px) / 4) !important;
  width: calc((100% - 24px) / 4) !important;
  text-align: center;
}

/* expiration-period-insert */
.expiration-period-insert {
  display: flex;
  align-items: center;
}
.expiration-period-insert .input-medium {
  margin: 0 5px 0 0;
}

/* creditcard-view */
.creditcard-view > ul > li {
  margin: 16px 40px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.creditcard-view .tit {
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.6px;
  text-align: left;
  color: #565656;
}
.creditcard-view .con {
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.64px;
  text-align: right;
  color: #000;
}

/* coupon-select */
.coupon-select {
  padding: 0 16px 16px;
}
.coupon-select .border {
  position: relative;
  margin: 16px 0 0;
  padding: 16px;
  border-radius: 8px;
  border: solid 1px #d6d6d6;
  background-color: #fff;
}
.coupon-select input[type="radio"] {
  display: none;
}
.coupon-select input[type="radio"]:checked + .border {
  border: 2px solid var(--Primary, #02c2c2);
}
.coupon-select .benefits {
  color: var(--Primary-Highlighted, #00adad);
  font-family: Pretendard;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px; /* 127.273% */
  letter-spacing: -0.066px;
}
.coupon-select .name {
  margin: 8px 0 0;
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--Light-Semantic-Text-Primary, #262626);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 21px; /* 150% */
  letter-spacing: -0.042px;
}
.coupon-select .name img {
  width: 24px;
  height: 24px;
}
.coupon-select .cont {
  margin: 4px 0 0;
  color: var(--Light-Semantic-Text-Sub-Primary, #666);
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 150% */
  letter-spacing: -0.036px;
}
.coupon-select .date {
  color: var(--Light-Semantic-Text-Sub-Tertiary, #a6a6a6);
  font-family: Pretendard;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px; /* 154.545% */
  letter-spacing: -0.033px;
}

.mypage-menu .tit-btn {
  margin: 24px 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mypage-menu .tit-btn .tit {
  color: var(--Light-Semantic-Text-Primary, #262626);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 21px; /* 150% */
  letter-spacing: -0.042px;
}
.mypage-menu .tit-btn .btn-small {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.mypage-menu .tit-btn .btn-small img {
  width: 18px;
  height: 18px;
}

/* my-shopping */
.my-shopping {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 4px;
  padding: 16px 0 0;
}
.my-shopping a {
  width: calc((100% - 12px) / 4);
  height: 64px;
  flex-shrink: 0;
  border-radius: 8px;
  border: 1px solid var(--Light-Semantic-Border-Tertiary, #e6e6e6);
  background: var(--Light-Semantic-Background, #fff);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.my-shopping .tit {
  color: var(--Light-Semantic-Text-Primary, #262626);
  text-align: center;
  font-family: Pretendard;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px; /* 154.545% */
  letter-spacing: -0.033px;
}
.my-shopping .con {
  color: var(--Light-Semantic-Text-Primary, #262626);
  text-align: center;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 21px; /* 150% */
  letter-spacing: -0.042px;
}

/* community-content */
.community-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.community-content a {
  width: 33.33%;
  margin: 24px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  color: var(--Light-Semantic-Text-Secondary, #464646);
  text-align: center;
  font-family: Pretendard;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px; /* 154.545% */
  letter-spacing: -0.033px;
}
.community-content a + a {
  border-left: 1px solid #e6e6e6;
}
.community-content a img {
  width: 28px;
  height: 28px;
}

.mypage-menu .accordion .inner-wrap > ul > li .accordion-header {
  height: 53px;
}
.mypage-menu .accordion .inner-wrap > ul > li .accordion-header > p {
  line-height: 53px;
  padding-left: 0 !important;
  font-weight: 700 !important;
}
.mypage-menu .accordion .inner-wrap > ul > li .accordion-content {
  min-height: auto !important;
}
.mypage-menu .link {
  margin: 4px 0 0;
}
.mypage-menu .link a {
  display: block;
  padding: 12px 0;
  color: var(--Light-Semantic-Text-Primary, #262626);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px; /* 150% */
  letter-spacing: -0.042px;
}

.mypage-menu .profile-info .img.color-border img {
  border: 2px solid transparent;
  border-radius: 50%;
  background-image: linear-gradient(#fff, #fff),
    linear-gradient(to right, #0191aa 0%, #80f490 100%);
  background-origin: border-box;
  background-clip: content-box, border-box;
}

/* product-info */
.review-list .product-info {
  margin: 0 0 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4px;
  height: 56px;
  border-radius: 8px;
  border: 1px solid var(--Light-Semantic-Border-Secondary, #d6d6d6);
  background: var(--Light-Semantic-Background, #fff);
}
.review-list .product-info .img img {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  border: 1px solid var(--Light-Basic-Gray-200, #e6e6e6);
  background: url(<path-to-image>) lightgray 50% / cover no-repeat,
    url(<path-to-image>) lightgray 50% / cover no-repeat;
}
.review-list .product-info .info {
  width: calc(100% - 80px);
  padding: 0 16px 0 4px;
}
.review-list .product-info > img {
  width: 20px;
  height: 20px;
}
.review-list .product-info .subject {
  color: var(--Light-Semantic-Text-Primary, #262626);
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 150% */
  letter-spacing: -0.036px;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: keep-all;
}
.review-list .product-info .option {
  color: var(--Light-Semantic-Text-Sub-Primary, #666);
  font-family: Pretendard;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 13px; /* 130% */
  letter-spacing: -0.03px;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: keep-all;
}

.review-list .more-layer {
  top: 8px;
}
.review-list .admin-text {
  margin: 0 0 4px;
  color: var(--Pink, #eb566a);
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px; /* 133.333% */
  letter-spacing: -0.036px;
}

/* my-coupon-point */
.my-coupon-point {
  margin: 16px 16px 0;
  display: flex;
  height: 96px;
  padding: 0px 16px;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
  border-radius: 12px;
  border: 1px solid var(--Light-Basic-Gray-100, #f6f6f6);
  background: var(--Light-Basic-Gray-100, #f6f6f6);
}
.my-coupon-point .tit {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--Light-Semantic-Text-Primary, #262626);
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px; /* 123.077% */
  letter-spacing: -0.039px;
}
.my-coupon-point .tit img {
  width: 24px;
  height: 24px;
}
.my-coupon-point .con {
  color: var(--Light-Semantic-Text-Primary, #262626);
  text-align: right;
  font-family: Pretendard;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px; /* 127.273% */
  letter-spacing: -0.066px;
}

/* point-list-cont */
.point-list-cont > ul {
  padding: 0 16px;
}
.point-list-cont > ul > li {
  padding: 16px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e6e6e6;
}
.point-list-cont .con {
  margin: 0 0 4px;
  color: var(--Light-Semantic-Text-Primary, #262626);
  font-family: Pretendard;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 23px; /* 153.333% */
  letter-spacing: -0.045px;
}
.point-list-cont .tit {
  color: var(--Light-Semantic-Text-Primary, #262626);
  font-family: Pretendard;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px; /* 153.333% */
  letter-spacing: -0.045px;
}
.point-list-cont .date {
  margin: 4px 0 0;
  color: var(--Light-Semantic-Text-Sub-Secondary, #868686);
  font-family: Pretendard;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px; /* 154.545% */
  letter-spacing: -0.033px;
}
.point-list-cont .point {
  color: var(--Primary-color, #00adad);
  text-align: right;
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px; /* 153.846% */
  letter-spacing: -0.039px;
}
.point-list-cont .point.minus {
  color: var(--Light-Semantic-Text-Sub-Tertiary, #a6a6a6);
  text-align: right;
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px; /* 153.846% */
  letter-spacing: -0.039px;
}

/* coupon-registration */
.coupon-registration {
  margin: 16px 16px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.coupon-registration input {
  width: calc(100% - 88px);
}
.coupon-registration button {
  width: 80px;
}

/* credit */
#header .credit {
  display: none;
  width: 40px;
  height: 40px;
  background: url(/image/mobile/icon_credit2.png) no-repeat;
  background-size: contain;
}
body.active-credit #header .credit {
  display: inline-block;
}

/* credit-green */
#header .credit-green {
  display: none;
  width: 40px;
  height: 40px;
  background: url(/image/mobile/icon_credit_green.png) no-repeat;
  background-size: contain;
}
body.active-credit-green #header .credit-green {
  display: inline-block;
}

/* membership-info */
.membership-info {
  padding: 0 16px;
}
.membership-info > .title {
  margin: 24px 0 0;
  color: var(--Light-Semantic-Text-Primary, #262626);
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px; /* 123.077% */
  letter-spacing: -0.039px;
}
.membership-info > .guide-txt {
  margin: 4px 0 0;
  color: var(--Light-Semantic-Text-Sub-Primary, #666);
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 150% */
  letter-spacing: -0.036px;
}

/* membership-savings */
.membership-savings {
  margin: 8px 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 141px;
  flex-shrink: 0;
  border-radius: 12px;
  background: var(--Bright-Green, #f5ffff);
  border: 2px solid transparent;
  background-image: linear-gradient(#f5ffff, #f5ffff),
    linear-gradient(to right, #0191aa 0%, #80f490 100%);
  background-origin: border-box;
  background-clip: content-box, border-box;
}
.membership-savings .tit {
  margin: 24px 0 0;
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--Light-Semantic-Text-Primary, #262626);
  text-align: center;
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px; /* 123.077% */
  letter-spacing: -0.039px;
}
.membership-savings .tit img {
  width: 24px;
  height: 24px;
}
.membership-savings .con {
  margin: 8px 0 0;
  color: var(--Light-Semantic-Text-Primary, #262626);
  text-align: center;
  font-family: Pretendard;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px; /* 127.273% */
  letter-spacing: -0.066px;
}
.membership-savings .con span {
  color: var(--Primary-Highlighted, #00adad);
}
.membership-savings .date {
  margin: 12px 0 0;
  color: var(--Light-Semantic-Text-Sub-Primary, #666);
  text-align: center;
  font-family: Pretendard;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 13px; /* 130% */
  letter-spacing: -0.03px;
}

/* membership-registration-info */
.membership-registration-info {
  margin: 8px 0 0;
  padding: 12px 16px;
  border-radius: 12px;
  border: 1px solid var(--Light-Semantic-Border-Tertiary, #e6e6e6);
  background: var(--Light-Semantic-Background, #fff);
}
.membership-registration-info > ul > li {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.membership-registration-info > ul > li + li {
  margin: 12px 0 0;
}
.membership-registration-info .tit {
  color: var(--Light-Semantic-Text-Sub-Primary, #666);
  font-family: Pretendard;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px; /* 154.545% */
  letter-spacing: -0.033px;
}
.membership-registration-info .con {
  color: var(--Light-Semantic-Text-Primary, #262626);
  text-align: right;
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 153.846% */
  letter-spacing: -0.039px;
}
/* accordion */
.membership-info .accordion .inner-wrap > ul > li .accordion-header {
  height: auto;
}
.membership-info .accordion .inner-wrap > ul > li .accordion-header > p {
  display: flex;
  gap: 8px;
  font-size: 14px;
  line-height: 1.5;
  padding: 16px 36px 16px 0;
}
.membership-info .accordion .inner-wrap > ul > li .accordion-header > p .cate {
  display: flex;
  height: 21px;
  padding: 0 6px;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  border: 1px solid var(--Light-Basic-Gray-150, #f2f2f2);
  background: var(--Light-Basic-Gray-150, #f2f2f2);
  color: var(--Light-Semantic-Text-Sub-Primary, #666);
  text-align: center;
  font-family: Pretendard;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: 13px; /* 130% */
  letter-spacing: -0.03px;
}
.membership-info .accordion .inner-wrap > ul > li .accordion-content {
  min-height: auto;
  padding: 16px;
  background: var(--Light-Basic-Gray-100, #f6f6f6);
}
.membership-info .accordion .subject {
  color: var(--Light-Semantic-Text-Secondary, #464646);
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px; /* 123.077% */
  letter-spacing: -0.039px;
}
.membership-info .accordion .cont {
  margin: 16px 0 0;
  color: var(--Light-Semantic-Text-Secondary, #464646);
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 153.846% */
  letter-spacing: -0.039px;
}

/* order-list-membership */
.order-list-membership {
  padding: 0 16px;
}
.order-list-membership > ul > li {
  padding: 16px 0;
  border-bottom: 1px solid #e6e6e6;
}
.order-list-membership .date {
  color: var(--Light-Semantic-Text-Primary, #262626);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 21px; /* 150% */
  letter-spacing: -0.042px;
}
.order-list-membership .img-info {
  margin: 16px 0 0;
  display: flex;
}
.order-list-membership .img {
  position: relative;
}
.order-list-membership .img img {
  width: 100px;
  height: 100px;
  flex-shrink: 0;
  border-radius: 8px;
  border: 1px solid var(--Light-Basic-Gray-200, #e6e6e6);
  object-fit: cover;
}
.order-list-membership .img .status {
  position: absolute;
  top: 4px;
  left: 4px;
}
.order-list-membership .info {
  width: calc(100% - 100px);
  padding-left: 16px;
}
.order-list-membership .subject {
  color: var(--Light-Semantic-Text-Primary, #262626);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px; /* 150% */
  letter-spacing: -0.042px;
}
.order-list-membership .price {
  color: var(--Primary-Highlighted, #00adad);
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px; /* 153.846% */
  letter-spacing: -0.039px;
}

/* title-large */
.title-large {
  margin: 16px 16px 0;
  color: var(--Light-Semantic-Text-Primary, #262626);
  font-family: Pretendard;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 25px; /* 125% */
  letter-spacing: -0.06px;
}

.reason-termination textarea {
  display: none;
}

.community-list .admin-text {
  margin: 0 0 4px;
  color: var(--Pink, #eb566a);
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px; /* 133.333% */
  letter-spacing: -0.036px;
}

.community-list .number .comment {
  margin-left: 0;
}
.community-list .number .like + .comment {
  margin-left: 8px;
}

.line1 {
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: keep-all;
}
.line2 {
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: keep-all;
}

/* find-id-completed */
.find-id-completed > ul > li {
  display: flex;
  align-items: center;
  margin: 24px 16px 0;
}
.find-id-completed .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border: 1px solid #d6d6d6;
  border-radius: 50%;
}
.find-id-completed .icon.kakao {
  background-color: #fee500;
}
.find-id-completed .icon.naver {
  background-color: #27d34a;
}
.find-id-completed .icon.apple {
  background-color: #000;
}
.find-id-completed .icon img {
  width: 32px;
  height: 32px;
}
.find-id-completed .id-info {
  padding: 0 0 0 12px;
}
.find-id-completed .id {
  color: var(--light-semantic-text-primary, #262626);
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px; /* 153.846% */
  letter-spacing: -0.039px;
}
.find-id-completed .info {
  margin: 4px 0 0;
  color: var(--light-semantic-text-sub-primary, #a6a6a6);
  font-family: Pretendard;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px; /* 154.545% */
  letter-spacing: -0.033px;
}
.find-id-completed .info span {
  color: #666;
}

/* photo-editor */
.photo-editor .btn {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 0 16px;
}
.photo-editor .btn button {
  display: flex;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid var(--Primary, #02c2c2);
  background: var(--Primary, #02c2c2);
}
.photo-editor .btn button img {
  width: 20px;
  height: 20px;
}

.explanation:first-child {
  border: 0;
}

.explanation {
  color: var(--Light-Semantic-Text-Secondary, #464646);
  font-size: 14px;
  line-height: 153.846%;
}
.board-view-area .explanation {
  background: none;
  padding: 0 !important;
  margin-top: 24px;
  font-size: auto;
}

.store-comingsoon-list .explanation {
  background: none;
  padding: 0 !important;
  margin-top: 16px;
  font-size: auto;
}

/* 2024-06-12 */
.community-list .like,
.community-list .comment {
  min-width: 14px;
  width: auto;
}

.popup.full.inactive-header-fixed > .inner-wrap {
  padding: 0 0 24px;
}
.popup.full.inactive-header-fixed .popup-header {
  position: static;
}

.photo-editor .btn button {
  border: 1px solid var(--Light-Semantic-Border-Secondary, #d6d6d6);
  background: #fff;
}

.photo-editor .btn button img {
  width: 24px;
  height: 24px;
}

/* tit-con-wide */
.tit-con-wide > li {
  display: flex;
  align-items: center;
}
.tit-con-wide > li + li {
  margin: 12px 0 0;
}
.tit-con-wide .tit {
  width: 120px;
  padding-right: 16px;
  color: var(--Light-Semantic-Text-Sub-Secondary, #868686);
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px; /* 133.333% */
  letter-spacing: -0.036px;
}
.tit-con-wide .con {
  width: calc(100% - 120px);
  color: var(--Light-Semantic-Text-Primary, #262626);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px; /* 150% */
  letter-spacing: -0.042px;
}

/* hide-show */
.comment-list .hide-show {
  display: none !important;
}
.comment-list .hide-show.active {
  display: flex !important;
}

.product-detail {
  max-height: 1000px;
  overflow: hidden;
}
.product-detail.max-height-auto {
  max-height: auto !important;
  overflow: auto;
}

/* view-more-product-info */
.view-more-product-info {
  display: none;
}
.view-more-product-info.active {
  display: block;
}

/* close-product-info */
.close-product-info {
  display: none;
}
.close-product-info.active {
  display: block;
}

.cart-list > li .shipping-method-fee {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 16px;
  color: var(--Light-Semantic-Text-Primary, #262626);
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 153.846% */
  letter-spacing: -0.039px;
}
.cart-list .img .product-tag {
  position: absolute;
  top: 4px;
  left: 4px;
}

.return-shipping-cost,
.how-to-pay-for-return-shipping,
.expected-refund-amount {
  background-color: #fff !important;
  text-align: right;
}

/* radio-option-select */
.radio-option-select > li + li {
  margin: 8px 0 0;
}
.radio-option-select > li.option2,
.radio-option-select > li.option3 {
  display: none;
}
.radio-option-select .tit {
  display: flex;
  width: 100%;
  height: 40px;
  align-items: center;
  flex-shrink: 0;
  border-radius: 8px;
  border: 1px solid var(--Light-Semantic-Border-Tertiary, #e6e6e6);
  background: #fff url(/image/mobile/icon_arrow_down.png) no-repeat right
    8px center;
  background-size: 20px;
  padding: 12px 32px 12px 16px;
  cursor: pointer;
  color: var(--Light-Semantic-Text-Primary, #262626);
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 153.846% */
  letter-spacing: -0.039px;
}
.radio-option-select label {
  display: none;
}
.radio-option-select label input {
  display: none;
}
.radio-option-select label div {
  width: 100%;
  height: 40px;
  padding: 12px 12px 12px 16px;
  border-right: 1px solid var(--Light-Semantic-Border-Tertiary, #e6e6e6);
  border-bottom: 1px solid var(--Light-Semantic-Border-Tertiary, #e6e6e6);
  border-left: 1px solid var(--Light-Semantic-Border-Tertiary, #e6e6e6);
  background: var(--Light-Semantic-Background-Elevated-Primary, #fff);
  color: var(--Light-Semantic-Text-Primary, #262626);
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 150% */
  letter-spacing: -0.036px;
}
.radio-option-select label:last-child div {
  border-radius: 0px 0px 8px 8px;
}
.radio-option-select label input:checked + div,
.radio-option-select label div:hover {
  background: #f2f2f2;
  cursor: pointer;
}
.radio-option-select label div.sold-out:hover {
  background: #fff;
  cursor: default;
}
/* active */
.radio-option-select li.active {
  display: block;
}
.radio-option-select li.active .tit {
  border-radius: 8px 8px 0 0;
  background: #fff url(/image/mobile/icon_arrow_up.png) no-repeat right 8px
    center;
  background-size: 20px;
}
.radio-option-select li.active label {
  display: block;
}

/* 2024-06-20 */
/* type-b */
.category-slider.type-b {
  padding: 16px 0 0 16px;
  margin: 0 0 16px;
}
.category-slider.type-b:before {
  display: none !important;
}
.category-slider.type-b .swiper-container .swiper-wrapper .swiper-slide {
  border: 0;
  margin: 0;
  padding: 0;
}
.category-slider.type-b
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .category {
  display: flex;
  height: 28px;
  padding: 6px 12px;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
  border: 1px solid var(--Light-Semantic-Border-Tertiary, #e6e6e6);
  background: var(--Light-Semantic-Fill-Reverse-Primary, #fff);
  color: var(--Light-Semantic-Text-Secondary, #464646);
  text-align: center;
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 150% */
  letter-spacing: -0.036px;
  margin: 0 4px 0 0;
}
.category-slider.type-b
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .category.active {
  border: 0 !important;
  border: 1px solid var(--Navy-Black, #02c2c2) !important;
  background: var(--Navy-Black, #02c2c2) !important;
  color: var(--Light-Basic-White, #fff) !important;
}

.file-upload.inner-btn.profile .img-thumb.person {
  background: url(/image/mobile/img_default_profile.png) no-repeat 0 0;
  background-size: contain;
}

.btn-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 28px;
  height: 28px;
  background: url(/image/mobile/icon_play_filled.png) no-repeat center
    center;
  background-size: contain;
}

/* secondary-category-radio */
.secondary-category-radio {
  display: flex;
  flex-wrap: wrap;
  padding: 16px 16px 0;
}
.secondary-category-radio li {
  margin: 0 4px 4px 0;
}
.secondary-category-radio input {
  display: none;
}
.secondary-category-radio label span {
  display: flex;
  height: 28px;
  padding: 6px 12px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 15px;
  border: 1px solid var(--Light-Semantic-Border-Secondary, #d6d6d6);
  background: var(--Light-Semantic-Fill-Reverse-Primary, #fff);
  color: var(--Light-Semantic-Text-Secondary, #464646);
  text-align: center;
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 150% */
  letter-spacing: -0.036px;
}
.secondary-category-radio input:checked + span {
  border: 1px solid var(--Primary, #02c2c2);
  background: var(--Primary, #02c2c2);
  color: var(--Light-Basic-White, #fff);
  font-weight: 700;
}

.push-list > ul > li.read a:before {
  background: url(/image/mobile/icon_mail_open.png) no-repeat;
  background-size: contain;
}

#header .push {
  position: relative;
}
#header .push span {
  position: absolute;
  top: 0;
  right: -2px;
  display: flex;
  height: 16px;
  min-width: 16px;
  padding: 2px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 999px;
  background: var(--Pink, #eb566a);
  color: var(--Light-Basic-White, #fff);
  text-align: center;
  font-family: Pretendard;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: 13px; /* 130% */
  letter-spacing: -0.03px;
}

/*  */
.product-tag.impossible-red {
  border: 1px solid var(--Light-Basic-Gray-600, #ff223c);
  background: var(--Light-Basic-Gray-600, #ff223c);
  color: var(--Light-Basic-White, #fff);
}

/* 2024-07-01 */
/* type-c */
.category-slider.type-c {
  padding: 16px 0 0 16px;
  margin: 0 0 16px;
}
.category-slider.type-c:before {
  display: none !important;
}
.category-slider.type-c .swiper-container .swiper-wrapper .swiper-slide {
  border: 0;
  margin: 0;
  padding: 0 8px 0 0;
  border-radius: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid var(--Light-Semantic-Border-Tertiary, #e6e6e6);
}
.category-slider.type-c
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .category {
  display: flex;
  height: 28px;
  padding: 6px 4px 6px 12px;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
  color: var(--Light-Semantic-Text-Secondary, #464646);
  text-align: center;
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 150% */
  letter-spacing: -0.036px;
  margin: 0 4px 0 0;
}
.category-slider.type-c
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .category.active {
  border: 0 !important;
  background: none !important;
  color: var(--Light-Semantic-Text-Secondary, #464646) !important;
}

/* type-b */
.cart-list.type-b > li {
  position: relative;
  padding: 16px 0 0;
  border-bottom: 0;
}
.cart-list.type-b .pname {
  font-weight: 700;
}

.title-small {
  color: var(--Light-Semantic-Text-Primary, #262626);
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px; /* 123.077% */
  letter-spacing: -0.039px;
}

/* 2024-08-01 */
.btn-keep-purchase {
  background-color: #fff;
}
.comment-form .insert {
  min-height: 36px;
}
.help-text.align-right {
  justify-content: flex-end;
  align-items: center;
  gap: 4px;
}
.help-text.align-right:before {
  position: static;
}

/* 2024-08-28 */
.comment-form textarea.input-regular {
  min-height: 22px;
}

/* 2024-08-28  비디오  */
.video-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}
/* 2024-08-28 비디오 */

/* 2024-09-06 정필우 장바구니,구매창 */
/* space-between-title */
.space-between-title2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 16px;
  padding: 16px 16px 12px 16px;
  border-bottom: 1px solid #aaaaaa;
  background-color: #fafafa;
}
.space-between-title2 .title {
  margin: 0;
  font-size: 16px !important;
}
.space-between-title2 .right {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--Light-Semantic-Text-Primary, #262626);
  text-align: right;
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 153.846% */
  letter-spacing: -0.039px;
}
.space-between-title2 .right img {
  width: 18px;
  height: 18px;
}
.space-between-title2 .right select.input-small {
  width: 100px;
}

/* cart_list */
.cart-list.cart_list > li {
  position: relative;
  padding: 16px 0 0;
  border-bottom: 0;
}
.cart-list.cart_list .pname {
  font-weight: 700;
}

/* group_product */
.cart-list.group_product > li {
  position: relative;
  padding: 16px 0 0;
  border-bottom: 0;
}

/* each_product */
.cart-list.each_product > li {
  position: relative;
  padding: 16px 0;
  border-bottom: 1px solid #aaaaaa;
}
/* 2024-09-06 정필우 장바구니,구매창 */


#content .sub-title-area{display:none !important;}