@charset "UTF-8";
.touch-top .st-up .page-utility:not(.modal-header):not(.st-dark) {
  background-color: transparent;
}

/* #ISSUE-260 */
body.st-sticky-button #floating-nav {
  bottom: 22.2222222222vw;
  bottom: calc(22.2222222222vw + constant(safe-area-inset-bottom));
  bottom: calc(22.2222222222vw + env(safe-area-inset-bottom));
}
body.st-sticky-button.stickyNav.st-down header.page-utility:not(.modal-header):not(.is-sticky-hidden) {
  transform: translateY(0);
}

#contents {
  padding-top: 0 !important;
  padding-bottom: 5.5555555556vw;
}

.view-goods-section {
  margin-top: 5.5555555556vw;
}
.view-goods-section.view-goods-general {
  margin-top: 0;
}
.view-goods-section .breadcrumb {
  background-color: #fff;
}

.view-goods-hero .carousel-img {
  aspect-ratio: 3/4;
  object-fit: cover;
}
.view-goods-hero .catalog-notice {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
}
.view-goods-hero .view-goods-violators {
  position: absolute;
  bottom: 2.7777777778vw;
  right: 1.3888888889vw;
  z-index: 2;
}
.view-goods-hero .violator {
  font-size: 3.0555555556vw;
  line-height: 5.8333333333vw;
}

.view-goods-benefit {
  position: relative;
  margin-top: 6.6666666667vw;
  border: 0.2777777778vw solid #6b91ff;
  background-color: #fafbff;
  border-radius: 1.1111111111vw;
  height: 13.8888888889vw;
}
.view-goods-benefit:before {
  content: "";
  position: absolute;
  width: 3.8888888889vw;
  height: 1.9444444444vw;
  background: url("../img/view-goods-get-coupon-mask.png");
  background-size: 3.8888888889vw 1.9444444444vw;
  top: -0.2777777778vw;
  right: 11.9444444444vw;
}
.view-goods-benefit:after {
  content: "";
  position: absolute;
  width: 3.8888888889vw;
  height: 1.9444444444vw;
  background: url("../img/view-goods-get-coupon-mask.png");
  background-size: 3.8888888889vw 1.9444444444vw;
  bottom: -0.2777777778vw;
  right: 11.9444444444vw;
  rotate: 180deg;
}
.view-goods-benefit .view-goods-rate {
  font-size: 3.8888888889vw;
  line-height: 5.5555555556vw;
  color: #144fff;
}
.view-goods-benefit .view-goods-get-coupon {
  display: flex;
  flex: none;
  width: 14.1666666667vw;
}
.view-goods-benefit .view-goods-get-coupon .icon {
  align-self: center;
  margin: 0 auto;
}
.view-goods-benefit .view-goods-off {
  font-size: 3.8888888889vw;
  line-height: 5vw;
}
.view-goods-benefit .view-goods-price {
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  font-size: 3.8888888889vw;
  line-height: 5.5555555556vw;
  font-weight: 600;
}
.view-goods-benefit .view-goods-price small {
  font-size: 3.3333333333vw;
  line-height: 5vw;
  font-weight: 600;
}
.view-goods-benefit .tooltip-box .tooltip-label .tooltip-text {
  font-weight: 600;
}
.view-goods-benefit .tooltip-box .tooltip-window {
  margin-top: 2.7777777778vw;
  left: -5.8333333333vw;
}
.view-goods-benefit .violator-text {
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}
.view-goods-benefit .balloon-text {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.view-goods-benefit .balloon-text.is-active {
  opacity: 1;
  visibility: visible;
}
.view-goods-benefit .balloon-text.st-sm.st-primary {
  display: flex;
  justify-content: center;
  min-width: unset;
  gap: 0.8333333333vw;
  top: 0;
  left: auto;
  right: 0;
  transform: translateX(-2.2222222222vw) translateY(-5.8333333333vw);
  font-weight: 400;
}

.view-goods-coordi {
  overflow: hidden;
  margin-top: 8.3333333333vw !important;
  padding-bottom: 11.1111111111vw;
  border-bottom: 2.7777777778vw solid #fafafa;
}
.view-goods-coordi .view-goods-body {
  position: relative;
}
.view-goods-coordi .view-goods-current-item {
  width: 48.6111111111vw;
}
.view-goods-coordi .view-goods-text.carousel {
  text-align: center;
}
.view-goods-coordi .view-goods-text.carousel .carousel-item {
  background-color: #fff;
}
.view-goods-coordi .view-goods-thumbs {
  width: 100%;
  position: absolute;
  top: 19.4444444444vw;
  left: 0;
  right: 0;
  z-index: 1;
}
.view-goods-coordi .view-goods-thumbs.carousel {
  width: 27.7777777778vw;
  margin: 0 auto;
  overflow: visible;
}
.view-goods-coordi .view-goods-thumbs .carousel-item:first-child {
  margin-left: 11.9444444444vw !important;
}
.view-goods-coordi .view-goods-thumbs .view-goods-thumb {
  width: 27.7777777778vw;
  display: block;
}

.view-goods-now-item {
  overflow: hidden;
  margin-top: 5.5555555556vw !important;
  padding-bottom: 5.5555555556vw;
  border-bottom: 2.7777777778vw solid #fafafa;
}

.view-goods-review {
  margin-top: 8.3333333333vw;
}

.view-goods-imgs {
  position: relative;
  height: 361.1111111111vw;
  overflow: hidden;
  /*#ISSUE-193: 상세페이지 있는 product-image*/
}
.view-goods-imgs img {
  width: 100% !important;
  height: auto !important;
  vertical-align: middle;
  margin-top: 2.7777777778vw;
}
.view-goods-imgs.mt-0 {
  /*Model Image 대응*/
}
.view-goods-imgs.mt-0 img {
  margin-top: 0;
}
.view-goods-imgs.mt-0 .row.gy-10 img {
  margin-top: var(--tt-gutter-y);
}
.view-goods-imgs .speedycat-container img {
  margin-top: 0;
}
.view-goods-imgs .view-goods-more {
  background-color: #fff;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.view-goods-imgs .view-goods-more .dimmed-mask-gradient {
  position: absolute;
  bottom: 100%;
  left: 0;
  z-index: 1;
  height: 16.6666666667vw;
}
.view-goods-imgs.active {
  height: auto;
  overflow: visible;
}

.view-goods-img-recommend {
  padding-bottom: 8.3333333333vw;
  border-bottom: 2.7777777778vw solid #fafafa;
}

.view-goods-featured {
  margin-bottom: 11.1111111111vw;
}

.sticky-button {
  text-align: right;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
  background-color: #fff;
}
.sticky-button:has(.button.st-calculator) {
  background-color: #000;
}
.sticky-button .view-goods-coupon-button {
  position: absolute;
  bottom: 100%;
  right: 0;
  z-index: 2;
  margin-bottom: 1.3888888889vw;
  margin-right: 5.5555555556vw;
  width: 33.3333333333vw;
  -webkit-border-radius: 7.2222222222vw;
  -moz-border-radius: 7.2222222222vw;
  border-radius: 7.2222222222vw;
}

#modal-hero .modal-content {
  height: 100%;
}
#modal-hero .carousel {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#modal-hero .modal-hero-text {
  text-align: center;
  position: absolute;
  bottom: calc(50% + 66.6666666667vw + 5.5555555556vw);
  left: 0;
  right: 0;
  z-index: 2;
}
#modal-hero .indicator-numeric {
  position: absolute;
  right: 5.5555555556vw;
  bottom: 11.1111111111vw;
  z-index: 1;
}

#modal-select-options.modal .modal-sheet .modal-body {
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

#viewGoodsNoticeCarousel img {
  width: 100% !important;
  height: auto !important;
}

#orbitvu-content {
  position: relative;
  z-index: 1;
}

.text-decoration-underline .crema_product_reviews_score__container {
  text-decoration: underline !important;
}

.view-goods-floating .text-bright {
  color: #aaaaaa !important;
  margin-right: 1.6666666667vw;
}

.view-goods-floating .button-icon {
  padding: 0;
  width: 5.2777777778vw;
  height: 5.2777777778vw;
  margin-right: -0.2777777778vw;
  margin-top: 0.4166666667vw;
  opacity: 0.45;
}

.view-goods-floating .button-icon .icon {
  width: 5.2777777778vw;
  height: 5.2777777778vw;
}

/* #ISSUE-115*/
.view-goods-general:not(:has(#breadcrumb)):not(:has(.breadcrumb)) .view-goods-floating {
  top: 4.1666666667vw;
}

/*#ISSUE-260*/
.view-goods-imgs.active {
  overflow: hidden;
}
.view-goods-imgs.active .contents-zoom {
  width: 100%;
  height: auto;
  overflow: hidden;
}

/* #ISSUE-358 - 굿포인트 토글 추가 */
.view-goods-collapse {
  margin-top: 2.7777777778vw;
  color: #000;
  font-size: 3.3333333333vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3333333333;
}

[data-tt-toggle=collapse].active .icon-chevron-down {
  transform: rotate(180deg);
}

/*# sourceMappingURL=view-goods.css.map */