@charset "UTF-8";
.btn-to-top {
  position: fixed;
  right: 2.7777777778vw;
  bottom: 17.2222222222vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  background: rgba(255, 255, 255, 0.9);
  z-index: 100;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.product-top-slide {
  position: relative;
  border-bottom: 0.2777777778vw solid #E5E5E5;
}
.product-top-slide .swiper-paging {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 10;
}
.product-top-slide .swiper-paging .swiper-pagination-bullet {
  background: #CCCCCC;
  opacity: 1;
  width: 1.1111111111vw;
  height: 1.1111111111vw;
  border-radius: 1.1111111111vw;
}
.product-top-slide .swiper-paging .swiper-pagination-bullet-active {
  background: #333;
  width: 7.7777777778vw;
  height: 0.8333333333vw;
  border-radius: 0.4166666667vw;
}
.product-top-slide .labels {
  position: absolute;
  z-index: 10;
  top: 3.8888888889vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.product-top-slide .labels span {
  font-size: 2.7777777778vw;
  font-weight: 500;
  color: #fff;
  padding: 0 2.2222222222vw;
  height: 6.6666666667vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.product-top-slide .labels span.outlet {
  background-color: linear-gradient(135deg, #DD2476, #FF562F);
}
.product-top-slide .labels span.handwriting {
  background: #fff;
  color: #272727;
  border: 1px solid #c1c1c1;
}
.product-top-slide .labels span.bang-sale {
  width: 13.8888888889vw;
  height: 6.6666666667vw;
  background: linear-gradient(107deg, #FF0303, #F60D91);
  background-image: url("../images/icons/bang/label_bang_sale.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.product-top-slide .labels.left-label {
  left: 3.8888888889vw;
}
.product-top-slide .labels.left-label span {
  border-radius: 0.8333333333vw;
}
.product-top-slide .labels.right-label {
  right: 3.8888888889vw;
}
.product-top-slide .labels.right-label span {
  border-radius: 0.2em;
}

.deal-counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 3.8888888889vw;
  height: 10vw;
  background: #6555FF;
  color: #fff;
}
.deal-counter .counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.deal-counter .counter strong {
  margin-left: 1.6666666667vw;
  font-size: 3.3333333333vw;
  font-weight: 500;
  color: #fff;
  text-align: left;
}
.deal-counter span {
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #fff;
  text-align: left;
}

.mem-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
  height: 10.2777777778vw;
  margin: 4.4444444444vw 0 0;
  padding: 0 2.7777777778vw;
  border-radius: 1.3888888889vw;
  letter-spacing: -0.2777777778vw;
}
.mem-banner span {
  font-size: 3.8888888889vw;
  line-height: 5.5555555556vw;
}
.mem-banner span b {
  font-weight: 500;
}
.mem-banner.only {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mem-banner.bdplus {
  background: #EFF7FB;
}
.mem-banner.bdplus span {
  color: #005CA2;
}
.mem-banner.bdplus strong {
  font-size: 3.8888888889vw;
  line-height: 5.5555555556vw;
  color: #005CA2;
  font-weight: 500;
}
.mem-banner.bdplus strong::after {
  display: inline-block;
  content: "";
  width: 3.3333333333vw;
  height: 3.3333333333vw;
  background-color: transparent;
  background: url("../images/icons/product_view/icon_arrow_bandplus.svg") no-repeat center/100%;
}
.mem-banner.gncgold {
  background: #FCF7EB;
}
.mem-banner.gncgold span {
  color: #8E671F;
}
.mem-banner.gncgold strong {
  font-size: 3.8888888889vw;
  line-height: 5.5555555556vw;
  color: #8E671F;
  font-weight: 500;
}
.mem-banner.gncgold strong::after {
  display: inline-block;
  content: "";
  width: 3.3333333333vw;
  height: 3.3333333333vw;
  background-color: transparent;
  background: url("../images/icons/product_view/icon_arrow_gnc.svg") no-repeat center/100%;
}

.product-top-info .row1 {
  padding: 3.8888888889vw 3.8888888889vw 0;
}
.product-top-info .row1 .rate-n-share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.product-top-info .row1 .rate-n-share .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.product-top-info .row1 .rate-n-share .left > i {
  width: 0.2777777778vw;
  height: 2.7777777778vw;
  background-color: #CCCCCC;
  border-radius: 0vw;
  margin: 0 2.2222222222vw;
}
.product-top-info .row1 .rate-n-share .left a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 3.6111111111vw;
  font-weight: 400;
  color: #333;
  text-align: left;
}
.product-top-info .row1 .rate-n-share .left a::after {
  content: "";
  width: 3.3333333333vw;
  height: 3.3333333333vw;
  background-color: transparent;
  border-radius: 0vw;
  background: url("../images/icon/common/icon_arrow_gray_16.svg") no-repeat center/100%;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.product-top-info .row1 .rate-n-share .left .star-rating {
  width: 23.3333333333vw;
}
.product-top-info .row1 .rate-n-share .left .star-rating .stars i {
  margin-right: 0.8333333333vw;
}
.product-top-info .row1 .rate-n-share .left .star-rating .stars i:last-child {
  margin-right: 0;
}
.product-top-info .row1 .rate-n-share .right .share-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.product-top-info .row1 .rate-n-share .right a {
  margin-left: 1.3888888889vw;
}
.product-top-info .row2 {
  padding: 2.7777777778vw 3.8888888889vw 3.8888888889vw;
}
.product-top-info .row2 small {
  display: block;
  margin-bottom: 1.1111111111vw;
  line-height: 5.5555555556vw;
  font-size: 3.8888888889vw;
  font-weight: 400;
  color: #7E7E7E;
  text-align: left;
}
.product-top-info .row2 .sub {
  display: block;
  margin-top: 1.6666666667vw;
  font-size: 3.8888888889vw;
  font-weight: 400;
  color: #7E7E7E;
  text-align: left;
}
.product-top-info .row2 h3 {
  font-size: 5vw;
  font-weight: 500;
  color: #333;
  text-align: left;
  line-height: 6.3888888889vw;
}
.product-top-info .row2 h4 {
  margin-top: 3.8888888889vw;
  font-size: 3.3333333333vw;
  font-weight: 500;
  color: #333;
  text-align: left;
}
.product-top-info .row2 h4 .bandplus {
  display: inline-block;
  width: 60px;
  height: 16px;
  border: 1px solid rgba(0, 174, 255, 0.2);
  border-radius: 8px;
  line-height: 16px;
  text-align: center;
  font-size: 10px;
  font-weight: 300;
  color: #0B9EF8;
  padding-left: 12px;
  background: url(../images/icons/product_view/icon_prd_bandplus.png) no-repeat 4px center/12px auto;
}
.product-top-info .row2 h4 .bandplus strong {
  font-weight: 500;
}
.product-top-info .row2 .sale-information {
  display: block;
  margin-top: 2.7777777778vw;
  font-size: 3.3333333333vw;
}
.product-top-info .row2 .sale-information small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #FF7600;
  font-weight: 500;
}
.product-top-info .row2 .sale-information small b {
  display: inline-block;
  margin: 0 1.1111111111vw;
  padding: 0.8333333333vw 1.6666666667vw;
  border-radius: 8.3333333333vw;
  border: 1px solid #E5E5E5;
  background: #F8F8F8;
  font-size: 2.7777777778vw;
  color: #333;
}
.product-top-info .row2 .sale-information small.gnc-text {
  color: #333;
}
.product-top-info .row2 .sale-information small.gnc-text b {
  background: #fff;
  border-color: rgba(180, 134, 61, 0.2);
  color: #B89451;
}
.product-top-info .row2 .sale-information small.gnc-text b::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5555555556vw;
  width: 3.3333333333vw;
  height: 3.3333333333vw;
  background: url("../images/icons/product_view/icon_prd_gnc.png") no-repeat center/100% auto;
}
.product-top-info .row2 .sale-information small.band-text {
  color: #333;
}
.product-top-info .row2 .sale-information small.band-text b {
  background: #fff;
  color: #ff7600;
}
.product-top-info .row2 .sale-information small.band-text b::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5555555556vw;
  width: 3.3333333333vw;
  height: 3.3333333333vw;
  background: url("../images/icons/product_view/icon_prd_bandplus.png") no-repeat center/100% auto;
}
.product-top-info .row2 .sub-title {
  margin-bottom: 2.2222222222vw;
  font-size: 4.1666666667vw;
  line-height: 5vw;
  color: #7E7E7E;
  letter-spacing: -0.2083333333vw;
  font-weight: 300;
}
.product-top-info .row2 .prd-title {
  margin-bottom: 3.8888888889vw;
}
.product-top-info .row2 .price-info > span {
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #333;
  text-align: left;
  line-height: 5vw;
}
.product-top-info .row2 .price-info .price-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.product-top-info .row2 .price-info .price-row.by-grade {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.product-top-info .row2 .price-info .price-row.by-employee {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1.3888888889vw;
}
.product-top-info .row2 .price-info .price-row.by-employee span {
  font-size: 3.8888888889vw;
  color: #8A8A8A;
}
.product-top-info .row2 .price-info .price-row.by-employee.mg {
  margin-right: 6.3888888889vw;
}
.product-top-info .row2 .price-info .price-row .price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 6.1111111111vw;
  line-height: 6.6666666667vw;
}
.product-top-info .row2 .price-info .price-row .price span {
  font-weight: 400;
}
.product-top-info .row2 .price-info .price-row .price .sale-rate {
  margin-right: 1.6666666667vw;
  font-weight: 500;
  color: #FF7600;
}
.product-top-info .row2 .price-info .price-row .price .sale-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  font-size: 4.7222222222vw;
  line-height: 6.6666666667vw;
  letter-spacing: 0;
  font-weight: 600;
}
.product-top-info .row2 .price-info .price-row .price .sale-price strong {
  font-size: 6.1111111111vw;
  font-weight: 600;
  color: #333;
  margin-right: 0.5555555556vw;
}
.product-top-info .row2 .price-info .price-row .price .regular-price {
  font-size: 3.8888888889vw;
  font-weight: 400;
  color: #B3B3B3;
  text-align: left;
  text-decoration: line-through;
  -ms-flex-item-align: center;
      align-self: center;
}
.product-top-info .row2 .price-info .price-row .price .level-price {
  margin-right: 1.6666666667vw;
  font-size: 3.8888888889vw;
  color: #333;
}
.product-top-info .row2 .price-info .price-row .price:only-child {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.product-top-info .row2 .price-info .price-row .toggle-price {
  width: 3.3333333333vw;
}
.product-top-info .row2 .price-info .price-row + .additional-price {
  display: none;
  margin-top: 14px;
  background: #F8F8F8;
  padding: 14px;
}
.product-top-info .row2 .price-info .price-row + .additional-price li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  font-weight: 300;
  color: #555555;
  margin-bottom: 10px;
}
.product-top-info .row2 .price-info .price-row + .additional-price li:last-child {
  margin-bottom: 0;
}
.product-top-info .row2 .price-info .price-row + .additional-price li strong {
  font-weight: 500;
}
.product-top-info .row2 .price-info .price-row + .additional-price li.gap {
  position: relative;
  padding-left: 16px;
}
.product-top-info .row2 .price-info .price-row + .additional-price li.gap::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 8px;
  height: 8px;
  border-left: 1px solid #B3B3B3;
  border-bottom: 1px solid #B3B3B3;
}
.product-top-info .row2 .price-info .price-row.open .toggle-price {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.product-top-info .row2 .price-info .price-row.open + .additional-price {
  display: block;
}
.product-top-info .row2 .price-info .price-row a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-left: 1.9444444444vw;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.product-top-info .row2 .price-info .price-per-weight {
  margin-top: 1.6666666667vw;
  font-size: 3.6111111111vw;
  color: #7E7E7E;
  text-align: right;
  font-weight: 300;
}
.product-top-info .row2 .price-info .price-per-weight.mg {
  margin-right: 6.1111111111vw;
}
.product-top-info .row2 .band-txt {
  margin-top: 2.7777777778vw;
  font-size: 3.0555555556vw;
  font-weight: 400;
  color: #333;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.product-top-info .row2 .band-txt span {
  position: relative;
}
.product-top-info .row2 .band-txt span:first-child {
  margin-right: 1.1111111111vw;
  padding: 1.1111111111vw 1.6666666667vw;
  border-radius: 8.3333333333vw;
  border: 1px solid transparent;
}
.product-top-info .row2 .band-txt span:first-child.cool-band {
  color: #ff7600;
  border-color: #7FD4FF;
}
.product-top-info .row2 .band-txt span:first-child.gold-gnc {
  color: #B89451;
  border-color: #E7CA9B;
}
.product-top-info .row2 .band-txt span:first-child.new {
  border-color: #333;
}
.product-top-info .row2 .band-txt span:first-child.tree {
  color: #4B21EA;
  border-color: rgba(75, 33, 234, 0.5);
}
.product-top-info .row2 .band-txt span b {
  font-weight: 500;
}
.product-top-info .row2 .nomember-txt {
  display: block;
  margin-top: 2.2222222222vw;
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #333;
  text-align: left;
}
.product-top-info .row3 {
  padding: 0 3.8888888889vw 3.8888888889vw;
}
.product-top-info .row3 .coupon-download {
  width: 92.2222222222vw;
  height: 11.1111111111vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/img/coupon/img_coupon_bg_small.png");
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  background-size: contain;
}
.product-top-info .row3 .coupon-download span {
  width: 75vw;
  font-size: 3.8888888889vw;
  font-weight: 500;
  color: #FF5600;
  text-align: center;
}
.product-top-info .row3 .coupon-download i {
  margin-right: 5.5555555556vw;
}
.product-top-info .row4 {
  padding: 5.5555555556vw 3.8888888889vw;
}
.product-top-info .row4 ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 2.7777777778vw;
}
.product-top-info .row4 ul li:last-child {
  margin-bottom: 0;
}
.product-top-info .row4 ul li h5 {
  min-width: 22.2222222222vw;
  margin: 0 5.5555555556vw 0 0;
  font-size: 3.8888888889vw;
  font-weight: 400;
  color: #7E7E7E;
  text-align: left;
  line-height: 3.8888888889vw;
  letter-spacing: -0.2777777778vw;
}
.product-top-info .row4 ul li h5 .icon.icon-question {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 1.3888888889vw;
}
.product-top-info .row4 ul li .info.prd-view-price .sale {
  margin-bottom: 1.1111111111vw;
}
.product-top-info .row4 ul li .info.prd-view-price .sale span {
  font-size: 3.8888888889vw;
  font-weight: 400;
  color: #333;
  text-align: left;
}
.product-top-info .row4 ul li .info.prd-view-price .sale strong {
  font-size: 3.8888888889vw;
  font-weight: 500;
  color: #FF7600;
  text-align: left;
}
.product-top-info .row4 ul li .info.prd-view-price .sale:last-child {
  margin-bottom: 0;
}
.product-top-info .row4 ul li .info > span {
  position: relative;
  display: inline-block;
  vertical-align: top;
  font-size: 3.8888888889vw;
  font-weight: 400;
  color: #333;
  text-align: left;
}
.product-top-info .row4 ul li .info .delivery-price {
  font-size: 3.8888888889vw;
  font-weight: 400;
  color: #333;
  text-align: left;
  line-height: 5.5555555556vw;
  margin-top: 1.1111111111vw;
}
.product-top-info .row4 ul li .info .delivery-price strong {
  font-size: 3.8888888889vw;
  font-weight: 500;
  color: #333;
  text-align: left;
}
.product-top-info .row4 ul li .info .bundle-link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  height: 10.2777777778vw;
  padding: 2.7777777778vw;
  background-color: #F5F5F5;
}
.product-top-info .row4 ul li .info .bundle-link .text {
  font-size: 3.8888888889vw;
  font-weight: 400;
  color: #7E7E7E;
  text-align: left;
}
.product-top-info .row4 ul li .info .bundle-link .icon {
  margin-left: 0.2777777778vw;
}
.product-top-info .row4 ul li .info .bundle-link.band {
  width: 30.2777777778vw;
  color: #ff7600;
  border-color: #7ED7FF;
}
.product-top-info .row4 ul li .info .bundle-link.band::before {
  content: "";
  width: 5.5555555556vw;
  height: 5.5555555556vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/prd_view/icon_bandplus.svg");
  margin-right: 0.5555555556vw;
}
.product-top-info .row4 ul li .info .bundle-link.gnc {
  width: 27.7777777778vw;
  color: #B89451;
  border-color: #B89451;
}
.product-top-info .row4 ul li .info .bundle-link.gnc .icon-arrow {
  background-color: #B89451;
}
.product-top-info .row4 ul li .info .bundle-link.gnc::before {
  content: "";
  width: 4.4444444444vw;
  height: 3.3333333333vw;
  background-color: transparent;
  border-radius: 0vw;
  background: transparent no-repeat center/100%;
  background-image: url("../images/icon/prd_view/icon_gnc.svg");
  margin-right: 1.1111111111vw;
}
.product-top-info .row4 ul li .info .bundle-link .bubble {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: absolute;
  left: 30.5555555556vw;
  padding: 0 2.2222222222vw;
  height: 7.7777777778vw;
  border-radius: 0.5555555556vw;
  background: -webkit-gradient(linear, left top, right top, from(rgb(14, 203, 255)), to(rgb(20, 134, 255)));
  background: linear-gradient(90deg, rgb(14, 203, 255), rgb(20, 134, 255));
  font-size: 3.0555555556vw;
  font-weight: 500;
  color: #fff;
  text-align: left;
  white-space: nowrap;
}
.product-top-info .row4 ul li .info .bundle-link .bubble::before {
  content: "";
  position: absolute;
  left: 0;
  width: 0;
  height: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  border-right: 1.1111111111vw solid rgb(14, 203, 255);
  border-top: 1.1111111111vw solid transparent;
  border-left: 1.1111111111vw solid transparent;
  border-bottom: 1.1111111111vw solid transparent;
}
.product-top-info .row4 ul li .info p {
  font-size: 3.0555555556vw;
  font-weight: 400;
  color: #7E7E7E;
  text-align: left;
}
.product-top-info .row4 ul li .info p span {
  display: inline-block;
  line-height: 4.4444444444vw;
}
.product-top-info .row4 ul li .info .tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1.6666666667vw;
}
.product-top-info .row4 ul li .info .tit i {
  margin-left: 1.1111111111vw;
}
.product-top-info .row4 ul li .info.toggle {
  position: relative;
  width: 73.6111111111vw;
}
.product-top-info .row4 ul li .info.toggle .toggle-content {
  display: none;
  padding: 1.6666666667vw 0 0;
}
.product-top-info .row4 ul li .info.toggle .toggle-content span {
  margin-bottom: 1.1111111111vw;
  font-size: 3.8888888889vw;
  line-height: 5.5555555556vw;
}
.product-top-info .row4 ul li .info.toggle .toggle-content span:last-child {
  margin-bottom: 0;
}
.product-top-info .row4 ul li .info.toggle .toggle-content .content {
  margin-top: 1.6666666667vw;
  padding: 4.1666666667vw 5vw;
  background: #F8F8F8;
  border-radius: 1.1111111111vw;
}
.product-top-info .row4 ul li .info.toggle .toggle-content .content .list:nth-child(2) {
  margin-top: 5vw;
}
.product-top-info .row4 ul li .info.toggle .toggle-content .content .list strong {
  display: block;
  margin-bottom: 3.6111111111vw;
  font-size: 3.8888888889vw;
  color: #575C63;
  font-weight: 500;
}
.product-top-info .row4 ul li .info.toggle .toggle-content .content .list span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 3.8888888889vw;
  color: #7E7E7E;
}
.product-top-info .row4 ul li .info.toggle .toggle-content .content .list span::before {
  content: "";
  display: block;
  -ms-flex-item-align: center;
      align-self: center;
  width: 1.1111111111vw;
  height: 1.1111111111vw;
  background: #7E7E7E;
  margin-right: 1.3888888889vw;
  border-radius: 100%;
}
.product-top-info .row4 ul li .info.toggle .toggle-content .content .list > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.product-top-info .row4 ul li .info.toggle .toggle-content .content .list > div span:last-child::before {
  display: none;
}
.product-top-info .row4 ul li .info.toggle > i {
  position: absolute;
  right: 0;
  top: 0vw;
}
.product-top-info .row4 ul li .info.toggle.open .toggle-content {
  display: block;
}
.product-top-info .row4 ul li .info.toggle.open > i {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.product-top-info .row4 ul li .info dl {
  margin-bottom: 3.3333333333vw;
  font-size: 3.8888888889vw;
  font-weight: 400;
  color: #333;
  text-align: left;
}
.product-top-info .row4 ul li .info dl:last-child {
  margin-bottom: 0;
}
.product-top-info .row4 ul li .info dl dt {
  display: inline;
  vertical-align: top;
  line-height: 5.5555555556vw;
  color: #f7702e;
}
.product-top-info .row4 ul li .info dl dd {
  display: inline;
  vertical-align: top;
  line-height: 5.5555555556vw;
  letter-spacing: -0.2083333333vw;
}
.product-top-info .row4 ul li .info dl dd em {
  color: #458e15;
}
.product-top-info .row4 ul li .info .arrival-date {
  margin-top: 1.1111111111vw;
  font-size: 3.8888888889vw;
  font-weight: 400;
  color: #333;
  text-align: left;
  line-height: 5.5555555556vw;
}
.product-top-info .row4 ul li .info .arrival-date em {
  font-weight: 500;
  color: #0091FF;
}
.product-top-info .row4 ul li .mem-banner {
  margin: 2.5vw 0 0 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

span.line {
  display: inline-block;
  margin: 0 1.6666666667vw;
  width: 0.2777777778vw;
  height: 2.7777777778vw;
  background: #CCCCCC;
}

.prd-brand-list .product-view-brand {
  border-bottom: 0.2777777778vw solid #F2F2F2;
}
.prd-brand-list .product-view-brand a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 4.4444444444vw 3.8888888889vw;
}
.prd-brand-list .product-view-brand a .logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 14.4444444444vw;
  height: 14.4444444444vw;
  background-color: transparent;
  border-radius: 0vw;
  margin-right: 6.3888888889vw;
  margin-left: 2.5vw;
}
.prd-brand-list .product-view-brand a .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.prd-brand-list .product-view-brand a .info strong {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 3.8888888889vw;
  font-weight: 500;
  color: #333;
  text-align: left;
}
.prd-brand-list .product-view-brand a .info span {
  margin-top: 1.6666666667vw;
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #7E7E7E;
  text-align: left;
}
.prd-brand-list .product-view-brand:last-child {
  border-bottom: none;
}

.product-view-info {
  margin-bottom: 6.9444444444vw;
}
.product-view-info .info-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 12.2222222222vw;
  border-bottom: 1px solid #E5E5E5;
  background: #fff;
  width: 100%;
}
.product-view-info .info-tabs a {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  font-size: 3.6111111111vw;
  font-weight: 400;
  color: #7E7E7E;
  text-align: left;
  border-bottom: 0.5555555556vw solid transparent;
}
.product-view-info .info-tabs a span {
  display: block;
  text-align: center;
}
.product-view-info .info-tabs a span:first-child {
  font-size: 3.6111111111vw;
  font-weight: 400;
  color: #7E7E7E;
  text-align: left;
  line-height: 3.8888888889vw;
}
.product-view-info .info-tabs a span:nth-child(2) {
  position: absolute;
  left: 50%;
  bottom: 0.5555555556vw;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 3.0555555556vw;
  font-weight: 400;
  color: #B3B3B3;
  text-align: left;
}
.product-view-info .info-tabs a.ov {
  border-color: #333;
}
.product-view-info .info-tabs a.ov span {
  font-weight: 500;
  color: #333;
}
.product-view-info .info-tabs.fixed {
  position: fixed;
  left: 0;
  top: 13.3277777778vw;
  z-index: 10;
}
.product-view-info .info-item.product-detail {
  position: relative;
}
.product-view-info .info-item.product-detail .product-lists {
  padding-top: 3.8888888889vw;
}
.product-view-info .info-item.product-detail .product-lists .product-list-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: auto;
}
.product-view-info .info-item.product-detail .product-lists .product-list-info .price-info .sale-rate, .product-view-info .info-item.product-detail .product-lists .product-list-info .price-info .sale-price {
  font-size: 3.8888888889vw;
}
.product-view-info .info-item.product-detail .product-detail-img {
  position: relative;
  padding-bottom: 12.7777777778vw;
}
.product-view-info .info-item.product-detail .product-detail-img figure {
  max-height: 111.1111111111vw;
  overflow: hidden;
}
.product-view-info .info-item.product-detail .product-detail-img figure.open {
  max-height: 100%;
}
.product-view-info .info-item.product-detail .product-view-content {
  position: relative;
}
.product-view-info .info-item.product-detail .product-view-content .detailcont {
  line-height: 1.4em;
}
.product-view-info .info-item.product-detail .product-view-content .detailcont b {
  font-weight: 500;
}
.product-view-info .info-item.product-detail .product-view-content .detailcont img {
  width: 100% !important;
  height: auto !important;
}
.product-view-info .info-item.product-detail .product-view-necessary {
  position: relative;
}
.product-view-info .info-item.product-detail .product-view-necessary h4 {
  padding: 5vw 3.8888888889vw 3.8888888889vw;
  font-size: 4.4444444444vw;
  font-weight: 700;
  color: #333;
  text-align: left;
  line-height: 6.6666666667vw;
}
.product-view-info .info-item.product-detail .product-view-necessary .info {
  border-top: 0.2777777778vw solid #E5E5E5;
}
.product-view-info .info-item.product-detail .product-view-necessary .info ul {
  padding: 0 3.8888888889vw;
  overflow: hidden;
}
.product-view-info .info-item.product-detail .product-view-necessary .info ul.open {
  max-height: none;
}
.product-view-info .info-item.product-detail .product-view-necessary .info ul.open + div {
  display: none;
}
.product-view-info .info-item.product-detail .product-view-necessary .info ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 3.3333333333vw 0;
  border-bottom: 0.2777777778vw solid #F2F2F2;
}
.product-view-info .info-item.product-detail .product-view-necessary .info ul li strong {
  display: inline-block;
  margin-right: 5vw;
  width: 20vw;
  font-size: 3.3333333333vw;
  font-weight: 500;
  color: #333;
  text-align: left;
  line-height: 4.4444444444vw;
}
.product-view-info .info-item.product-detail .product-view-necessary .info ul li span {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #7E7E7E;
  text-align: left;
  line-height: 4.4444444444vw;
}
.product-view-info .info-item.product-detail .product-view-necessary .info ul li:last-child {
  border-bottom: none;
}
.product-view-info .info-item.product-detail .product-view-necessary .group {
  margin-bottom: 5.5555555556vw;
}
.product-view-info .info-item.product-detail .product-view-necessary .group ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 0 3.8888888889vw;
  overflow: hidden;
}
.product-view-info .info-item.product-detail .product-view-necessary .group ul li {
  width: 44.4444444444vw;
  margin-right: 2.7777777778vw;
}
.product-view-info .info-item.product-detail .product-view-necessary .group ul li:last-child {
  margin-right: 0;
}
.product-view-info .info-item.product-detail .product-view-necessary .group ul li span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.product-view-info .info-item.product-detail .product-view-more {
  display: none;
}
.product-view-info .info-item.product-reviews {
  padding-top: 5.5555555556vw;
}
.product-view-info .info-item.relate-products h5 {
  padding: 14px;
  font-size: 16px;
  font-weight: 700;
}
.product-view-info .info-item.relate-products .add-to-cart {
  border-top: 1px solid #E5E5E5;
  padding: 14px;
}
.product-view-info .info-item.relate-products .add-to-cart h6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
  font-weight: 500;
}
.product-view-info .info-item.relate-products .add-to-cart .btn-add-to-cart-all {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
  background: #00AAFF;
  border-radius: 0.2em;
  margin-top: 20px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}
.product-view-info .info-item.relate-products .add-to-cart .btn-add-to-cart-all img {
  width: 20px;
}
.product-view-info .info-item.relate-products .btn {
  width: 332px;
  margin: 40px auto;
}
.product-view-info .info-tabs-sv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 12.2222222222vw;
  border-bottom: 1px solid #E5E5E5;
  background: #fff;
  width: 100%;
}
.product-view-info .info-tabs-sv a {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  font-size: 3.6111111111vw;
  font-weight: 400;
  color: #7E7E7E;
  text-align: left;
  border-bottom: 0.5555555556vw solid transparent;
}
.product-view-info .info-tabs-sv a span {
  display: block;
  text-align: center;
}
.product-view-info .info-tabs-sv a span:first-child {
  font-size: 3.6111111111vw;
  font-weight: 400;
  color: #7E7E7E;
  text-align: left;
  line-height: 3.8888888889vw;
}
.product-view-info .info-tabs-sv a span:nth-child(2) {
  position: absolute;
  left: 50%;
  bottom: 0.5555555556vw;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 3.0555555556vw;
  font-weight: 400;
  color: #B3B3B3;
  text-align: left;
}
.product-view-info .info-tabs-sv a.ov {
  border-color: #333;
}
.product-view-info .info-tabs-sv a.ov span {
  font-weight: 500;
  color: #333;
}

.product-view-banner {
  padding: 4.4444444444vw 3.8888888889vw;
}
.product-view-banner img {
  border-radius: 0.5555555556vw;
}

.best-pd-list {
  padding: 5vw 0;
}
.best-pd-list h4 {
  padding: 0 3.8888888889vw;
}

.product-view-related h4 {
  padding: 0 3.8888888889vw;
  font-size: 4.4444444444vw;
  font-weight: 700;
  color: #333;
  text-align: left;
}

.photo-review-all .photo-reviews {
  overflow: scroll;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.photo-review-all .photo-reviews a {
  width: 118px;
  height: 118px;
  margin-bottom: 3px;
  margin-right: 3px;
}
.photo-review-all .photo-reviews a:nth-of-type(3n) {
  margin-right: 0;
}
.photo-review-all .photo-viewer {
  position: absolute;
  top: 48px;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  padding-bottom: 14px;
  display: none;
}
.photo-review-all .photo-viewer > span {
  font-size: 12px;
  font-weight: 300;
  width: 46px;
  height: 24px;
  background: #333333;
  border-radius: 12px;
  color: rgba(255, 255, 255, 0.8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  bottom: 14px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.photo-review-all .photo-viewer > span strong {
  color: #fff;
}
.photo-review-all .photo-viewer .info {
  padding: 14px;
}
.photo-review-all .photo-viewer .info h5 {
  margin-top: 10px;
  font-size: 12px;
  font-weight: 300;
  color: #B3B3B3;
}
.photo-review-all .photo-viewer .info p {
  margin-top: 10px;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.4em;
}
.photo-review-all .photo-viewer .info span {
  margin-top: 20px;
  display: block;
  font-size: 12px;
  font-weight: 300;
  color: #7E7E7E;
}

.btn-buy {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 15.2777777778vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #ff7600;
  font-size: 4.4444444444vw;
  font-weight: 500;
  color: #ffffff;
  text-align: left;
  z-index: 100;
}

.product-delivery-info {
  padding: 5vw 3.8888888889vw 4.4444444444vw;
}
.product-delivery-info dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.product-delivery-info dl dt {
  width: 15vw;
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #7E7E7E;
  vertical-align: middle;
  line-height: 2em;
}
.product-delivery-info dl dd {
  position: relative;
  width: calc(100% - 15vw);
  font-size: 3.3333333333vw;
  font-weight: 400;
  line-height: 3.8888888889vw;
}
.product-delivery-info dl dd p {
  margin-bottom: 1.6666666667vw;
}
.product-delivery-info dl dd p span::before {
  display: inline-block;
  content: "|";
  margin: 0 1.6666666667vw;
  color: #ccc;
}
.product-delivery-info dl dd small strong {
  font-weight: 500;
}
.product-delivery-info dl dd a {
  display: block;
  width: 4.4444444444vw;
  height: 4.4444444444vw;
  position: absolute;
  right: 0;
  top: 0;
  background: url("../images/icons/common/icon_lnb_unfold_arrow.png") no-repeat center/100%;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.product-delivery-info .product-delivery {
  display: none;
  background: #F8F8F8;
  border: 1px solid #F0F0F0;
  padding: 3.3333333333vw 3.8888888889vw 2.2222222222vw;
  margin-top: 3.8888888889vw;
}
.product-delivery-info .product-delivery h6 {
  font-size: 3.0555555556vw;
  font-weight: 500;
  line-height: 3.8888888889vw;
  color: #7E7E7E;
  margin-bottom: 2.7777777778vw;
}
.product-delivery-info .product-delivery li {
  font-size: 3.3333333333vw;
  font-weight: 400;
  line-height: 3.8888888889vw;
  margin-bottom: 1.1111111111vw;
}
.product-delivery-info.open dl dd a {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.product-delivery-info.open .product-delivery {
  display: block;
}

.product-brand-deal a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5vw 3.8888888889vw;
}
.product-brand-deal a figure {
  width: 13.3333333333vw;
  height: 13.3333333333vw;
  padding: 2.2222222222vw;
  border: 1px solid #F2F2F2;
  border-radius: 50%;
  margin-right: 3.3333333333vw;
}
.product-brand-deal a h6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 3.8888888889vw;
  font-weight: 500;
  line-height: 3.8888888889vw;
  margin-bottom: 1.6666666667vw;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.product-brand-deal a h6::after {
  display: block;
  content: "";
  margin-left: 0.8333333333vw;
  width: 3.8888888889vw;
  height: 3.8888888889vw;
  background: url("../images/icons/common/icon_viewall_arrow.png") no-repeat center/100%;
}
.product-brand-deal a p {
  font-size: 3.3333333333vw;
  font-weight: 400;
  line-height: 3.8888888889vw;
  color: #7E7E7E;
}

.product-banner {
  padding: 5vw 3.8888888889vw 5.5555555556vw;
}
.product-banner .swiper-container {
  border-radius: 0.2em;
  overflow: Hidden;
}
.product-banner .swiper-paging {
  width: auto;
  left: auto;
  right: 3.8888888889vw;
}
.product-banner .swiper-paging .swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.32);
}
.product-banner .swiper-paging .swiper-pagination-bullet-active {
  width: 1.3888888889vw;
  background: #fff;
}

.product-detail-btn {
  position: absolute;
  padding: 12.2222222222vw 3.8888888889vw 0;
  background: rgb(255, 255, 255);
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  width: 100%;
  left: 0;
  bottom: 6.6666666667vw;
}
.product-detail-btn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #1DB5F6;
  color: #fff;
  text-align: center;
  width: 100%;
  height: 12.2222222222vw;
  border-radius: 0.4em;
  font-weight: 500;
}
.product-detail-btn a::after {
  display: block;
  content: "";
  width: 3.6111111111vw;
  height: 1.6666666667vw;
  background: url("../images/icons/common/icon_down_white.svg") no-repeat center/100%;
  margin-left: 1.1111111111vw;
}

.product-detail-info {
  position: relative;
  padding-bottom: 12.7777777778vw;
}
.product-detail-info > div {
  padding: 0 3.8888888889vw;
}
.product-detail-info > div dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid #E5E5E5;
  max-height: 83.3333333333vw;
}
.product-detail-info > div dl dt {
  width: 25vw;
  font-size: 2.7777777778vw;
  font-weight: 500;
  line-height: 3.8888888889vw;
  padding: 2.7777777778vw 0;
  border-bottom: 1px solid #F2F2F2;
}
.product-detail-info > div dl dd {
  width: calc(100% - 25vw);
  font-size: 2.7777777778vw;
  font-weight: 400;
  line-height: 3.8888888889vw;
  padding: 2.7777777778vw 0;
  color: #7E7E7E;
  border-bottom: 1px solid #F2F2F2;
}
.product-detail-info > div dl.open {
  max-height: 100%;
}

.product-detail-tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5vw 3.8888888889vw 3.8888888889vw;
}
.product-detail-tit h4 {
  font-size: 4.4444444444vw;
  font-weight: 700;
  line-height: 6.6666666667vw;
}
.product-detail-tit h4 span {
  font-size: 3.3333333333vw;
  font-weight: 400;
  line-height: 5vw;
  color: #A4A4A4;
  margin-left: 1.1111111111vw;
}
.product-detail-tit a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 3.3333333333vw;
  font-weight: 400;
  line-height: 5vw;
}
.product-detail-tit a::after {
  display: inline-block;
  content: "";
  margin-left: 0.8333333333vw;
  width: 3.3333333333vw;
  height: 3.3333333333vw;
  background: url("../images/icons/common/icon_viewall_arrow.png") no-repeat center/100%;
}

.product-middle-slide {
  padding-bottom: 7.2222222222vw;
}
.product-middle-slide .list li a {
  display: block;
  position: relative;
  width: 36.1111111111vw;
  height: 36.1111111111vw;
}
.product-middle-slide .list li a img {
  border-radius: 1.1111111111vw;
  -webkit-box-shadow: 0.5555555556vw 0.5555555556vw 1.6666666667vw 0 rgba(50, 50, 50, 0.12);
          box-shadow: 0.5555555556vw 0.5555555556vw 1.6666666667vw 0 rgba(50, 50, 50, 0.12);
}
.product-middle-slide .list li a .em_icon {
  position: absolute;
  top: 2.2222222222vw;
  left: 2.2222222222vw;
  font-size: 2.5vw;
  font-weight: 500;
  color: #fff;
  width: 13.3333333333vw;
  height: 5.5555555556vw;
  line-height: 5.5555555556vw;
  text-align: center;
  border-radius: 3.3333333333vw;
  background: linear-gradient(130deg, rgb(85, 85, 85) 100%, rgb(18, 18, 18) 100%);
}
.product-middle-slide .list li a span.rank {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 6.6666666667vw;
  height: 5.5555555556vw;
  line-height: 5.5555555556vw;
  text-align: center;
  font-size: 3.3333333333vw;
  background-color: #ff7600;
  color: #FFFFFF;
  border-radius: 1.1111111111vw 0 1.1111111111vw 0;
  opacity: 0.75;
}
.product-middle-slide .list li a button.cart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  bottom: 1.6666666667vw;
  right: 1.6666666667vw;
  background: rgba(0, 0, 0, 0.3);
  width: 6.9444444444vw;
  height: 6.9444444444vw;
  border-radius: 50%;
  background-size: 4.4444444444vw;
}
.product-middle-slide .list li a button.cart img {
  width: 4.4444444444vw;
  height: 4.4444444444vw;
}
.product-middle-slide .list li p {
  margin: 2.7777777778vw 0 1.1111111111vw;
  font-size: 3.3333333333vw;
  line-height: 4.4444444444vw;
  word-break: keep-all;
}
.product-middle-slide .list li .price-info .price {
  display: block;
  font-size: 3.3333333333vw;
  font-weight: 500;
}
.product-middle-slide .list li .price-info .sale-rate {
  font-size: 3.3333333333vw;
  font-weight: 500;
  color: #FF7600;
  vertical-align: top;
}
.product-middle-slide .list li .price-info .sale-price {
  font-size: 3.3333333333vw;
  font-weight: 500;
  vertical-align: top;
}
.product-middle-slide .list li .price-info .regular-price {
  display: block;
  font-size: 3.0555555556vw;
  font-weight: 300;
  color: #B3B3B3;
  text-decoration: line-through;
}
.product-middle-slide .list li:last-child {
  margin-right: 0;
}

.review-info-all .review-info-star {
  margin: 0 3.8888888889vw;
  padding-bottom: 5.5555555556vw;
  border-bottom: 1px solid #F2F2F2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.review-info-all .review-info-star h6 {
  font-size: 5.5555555556vw;
  font-weight: 700;
  margin-left: 2.7777777778vw;
}
.review-info-all .review-info-star .star-rating {
  width: 29.4444444444vw;
}
.review-info-all .review-info-star .star-rating .stars i {
  width: 5vw;
  height: 5vw;
}

.reviewer-review {
  padding-bottom: 7.7777777778vw;
}
.reviewer-review .reviewer-review-photo {
  padding: 0 3.8888888889vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.reviewer-review .reviewer-review-photo li {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  text-align: center;
}
.reviewer-review .reviewer-review-photo li a {
  display: block;
  position: relative;
  border-radius: 0.4em;
  overflow: hidden;
}
.reviewer-review .reviewer-review-photo li p {
  font-size: 3.3333333333vw;
  font-weight: 400;
  line-height: 4.4444444444vw;
  color: #A4A4A4;
  margin-top: 2.2222222222vw;
}

.product-gift {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 4.4444444444vw 3.8888888889vw;
}
.product-gift > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.product-gift .pd-img {
  overflow: hidden;
  width: 16.3888888889vw;
  height: 16.3888888889vw;
  background-color: #fff;
  border-radius: 1.1111111111vw;
  border: 0.2777777778vw solid #E5E5E5;
  margin: 0;
}
.product-gift .info {
  margin-left: 6.6666666667vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.product-gift .info .gift-text .txt span {
  display: block;
  margin-bottom: 0.2777777778vw;
  font-size: 3.3333333333vw;
  font-weight: 500;
  color: #333;
  text-align: left;
  line-height: 5vw;
  color: #A4A4A4;
}
.product-gift .info .gift-text .txt .tit {
  font-size: 4.1666666667vw;
  font-weight: 500;
  color: #333;
  text-align: left;
  line-height: 3.8888888889vw;
}
.product-gift .info .gift-text p {
  margin-top: 1.6666666667vw;
  font-size: 3.6111111111vw;
  font-weight: 400;
  color: #7E7E7E;
  text-align: left;
}

.product-gift, .product-view-brand {
  position: relative;
}

.product-sale-many {
  padding: 5vw 3.8888888889vw 4.4444444444vw;
}
.product-sale-many .product-many-tti {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: relative;
  font-size: 3.6111111111vw;
  color: #19B77D;
  font-weight: 500;
}
.product-sale-many .product-many-tti a {
  display: block;
  width: 4.4444444444vw;
  height: 4.4444444444vw;
  background: url("../images/product/icon_toggle_price.png") no-repeat center/100%;
}
.product-sale-many .product-many-tti strong {
  font-size: 3.8888888889vw;
}
.product-sale-many .product-many-info {
  display: none;
  margin: 3.3333333333vw 0 0;
  padding: 3.3333333333vw;
  background: #F0F0F0;
  text-align: center;
}
.product-sale-many .product-many-info li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding-bottom: 2.7777777778vw;
  font-size: 3.3333333333vw;
  color: #555555;
}
.product-sale-many .product-many-info li b {
  font-weight: 500;
}
.product-sale-many .product-many-info a {
  display: inline-block;
  padding: 1.9444444444vw 5vw;
  border-radius: 8.3333333333vw;
  background: #fff;
  border: 1px solid #E5E5E5;
  font-size: 3.3333333333vw;
  font-weight: 500;
  color: #7E7E7E;
  line-height: 1.5;
}
.product-sale-many .product-many-info a::after {
  content: "";
  display: inline-block;
  vertical-align: sub;
  width: 4.1666666667vw;
  height: 4.1666666667vw;
  background: url("../images/icons/common/icon_viewall_arrow.png") no-repeat center/100% auto;
}
.product-sale-many.open .product-many-tti a {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.product-sale-many.open .product-many-info {
  display: block;
}

.product-band-link {
  padding: 0 3.8888888889vw 4.4444444444vw;
}
.product-band-link div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 2.7777777778vw 3.3333333333vw;
  background: rgba(0, 170, 255, 0.05);
}
.product-band-link div span {
  font-size: 3.6111111111vw;
  font-weight: 500;
  color: #ff7600;
  line-height: 1.5;
}
.product-band-link div span::before {
  content: "";
  margin-right: 1.6666666667vw;
  display: inline-block;
  vertical-align: sub;
  width: 4.4444444444vw;
  height: 4.4444444444vw;
  background: url("../images/icons/product_view/icon_prd_bandplus_2.png") no-repeat center/100%;
}
.product-band-link div a {
  display: inline-block;
  width: 3.3333333333vw;
  height: 3.3333333333vw;
  background: url("../images/icons/product_view/icon_prd_bandplus_arrow.png") no-repeat center/100%;
}
.product-band-link div.gnc-link-text {
  background: rgba(194, 144, 65, 0.05);
}
.product-band-link div.gnc-link-text span {
  color: #B89451;
}
.product-band-link div.gnc-link-text span::before {
  background-image: url("../images/icons/product_view/icon_prd_gnc_2.png");
}
.product-band-link div.gnc-link-text a {
  background-image: url("../images/icons/product_view/icon_prd_goldcard_arrow.png");
}

.product-reviews .desc {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-right: 3.8888888889vw;
}
.product-reviews .desc p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  white-space: normal;
  text-overflow: ellipsis;
  max-height: 20.2777777778vw;
}
.product-reviews .desc .date {
  margin-top: 2.2222222222vw;
}
.product-reviews .d-day-deal {
  margin-top: 5vw;
  padding: 0 3.8888888889vw;
}
.product-reviews .d-day-deal h4 {
  margin-bottom: 0.8333333333vw;
  font-size: 4.4444444444vw;
  font-weight: 700;
  color: #333;
  text-align: left;
}
.product-reviews .d-day-deal .deal-list-item {
  padding-top: 2.7777777778vw;
}
.product-reviews #review_photo_origin.layer-popup .swiper-slide,
.product-reviews #photo_review_view.layer-popup .swiper-slide {
  position: relative;
  height: 100vw;
  background: transparent no-repeat center/100%;
  background-image: url(https://img.dongwonmall.com/dwmall/static_root/no_img/no_product550.jpg);
}
.product-reviews.review-photo-detail .swiper-slide {
  background-size: cover;
}
.product-reviews .review-photo-gallery-thumbs .swiper-slide {
  height: 13.3333333333vw;
}

.deal-select-slide {
  position: fixed;
  width: 100vw;
  top: 13.3333333333vw;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  visibility: hidden;
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.deal-select-slide.active {
  visibility: visible;
  pointer-events: all;
  z-index: 100;
}
.deal-select-slide .swiper-container .list {
  width: 100vw;
  height: 19.4444444444vw;
  padding: 0 3.8888888889vw;
}
.deal-select-slide .swiper-container .list .swiper-slide {
  width: 15.5555555556vw;
  height: 15.5555555556vw;
  border-radius: 1.1111111111vw;
  overflow: hidden;
  position: relative;
  border: 0.5555555556vw solid transparent;
}
.deal-select-slide .swiper-container .list .swiper-slide img {
  width: 100%;
  height: 100%;
}
.deal-select-slide .swiper-container .list .swiper-slide span {
  position: absolute;
  top: 0;
  left: 0;
  width: 5.5555555556vw;
  height: 4.4444444444vw;
  background-color: transparent;
  border-radius: 0vw;
  border-bottom-right-radius: 1.1111111111vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  font-size: 2.7777777778vw;
  font-weight: 500;
  color: #fff;
  text-align: left;
  background-color: #BABABA;
}
.deal-select-slide .swiper-container .list .swiper-slide.active {
  border-color: #6555FF;
}
.deal-select-slide .swiper-container .list .swiper-slide.active span {
  background-color: #6555FF;
}
.deal-select-slide .deal-inner-product-info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-x: hidden;
  overflow-y: scroll;
}
.deal-select-slide .deal-inner-product-info::after {
  content: "";
  display: block;
  height: 22.2222222222vw;
}

.isApp .deal-select-slide {
  top: 0;
}

#product_buy {
  z-index: 99999 !important;
}

.prd-view-more {
  padding: 0 3.8888888889vw 3.8888888889vw;
}
.prd-view-more a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  font-size: 3.8888888889vw;
  font-weight: 400;
  color: #333;
  text-align: left;
}

.prd-pay-list .product-view-pay a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 5.5555555556vw 3.8888888889vw;
}
.prd-pay-list .product-view-pay a h5 {
  min-width: 22.2222222222vw;
  margin-right: 5.5555555556vw;
  font-size: 3.8888888889vw;
  font-weight: 400;
  color: #7E7E7E;
  text-align: left;
  line-height: 3.8888888889vw;
  letter-spacing: -0.2777777778vw;
}
.prd-pay-list .product-view-pay a .info {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.prd-pay-list .product-view-pay a .info span {
  display: block;
  font-size: 3.8888888889vw;
  font-weight: 400;
  color: #333;
  -moz-text-align-last: left;
       text-align-last: left;
}
.prd-pay-list .product-view-pay .benefit.pay s .info span {
  margin-bottom: 1.1111111111vw;
}
.prd-pay-list .product-view-pay .benefit.pay s .info span:last-child {
  margin-bottom: 0vw;
}

.pay-user-benefit {
  margin-bottom: 7.2222222222vw;
}
.pay-user-benefit h2 {
  margin: 3.3333333333vw 0 4.4444444444vw;
  padding-left: 5vw;
  font-size: 4.4444444444vw;
  color: #333;
  font-weight: 600;
}
.pay-user-benefit .pay-benefit-info {
  padding: 5vw;
  border-top: 1px solid #E5E5E5;
  background: rgba(196, 196, 196, 0.1215686275);
}
.pay-user-benefit .pay-benefit-info h3 {
  margin-bottom: 3.6111111111vw;
  font-size: 4.7222222222vw;
  font-weight: 500;
  color: #333;
  -moz-text-align-last: left;
       text-align-last: left;
  line-height: 6.9444444444vw;
}
.pay-user-benefit .pay-benefit-info > ul li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 2.5vw;
  font-size: 3.8888888889vw;
  font-weight: 400;
  color: #333;
  -moz-text-align-last: left;
       text-align-last: left;
  line-height: 5.5555555556vw;
}
.pay-user-benefit .pay-benefit-info > ul li::before {
  position: absolute;
  top: 2.5vw;
  left: 0;
  content: "";
  width: 1.1111111111vw;
  height: 1.1111111111vw;
  background: #7E7E7E;
  border-radius: 50%;
}
.pay-user-benefit .pay-benefit-info > ul li span {
  color: #2C2C2C;
}
.pay-user-benefit .pay-benefit-info > ul li strong {
  min-width: 60px;
  color: #7E7E7E;
}
.pay-user-benefit .pay-benefit-info > ul li + li {
  margin-top: 1.6666666667vw;
}

.product-top-info .row4 ul li .info.toggle .toggle-content .list .bundle-link .icon.down {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

#naver_popup .layer-content {
  border-radius: 0;
  width: 75vw;
  background: none;
}
#naver_popup .layer-content .layer-icons {
  margin-top: 3.8888888889vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
#naver_popup .layer-content .layer-icons a {
  font-size: 3.8888888889vw;
  font-weight: 400;
  color: #fff;
  text-align: left;
  text-align: center;
  width: 35%;
}
#naver_popup .layer-content .layer-icons a.today {
  width: 65%;
}
#naver_popup .layer-content .layer-icons i {
  width: 0.2777777778vw;
  height: 3.8888888889vw;
  background-color: #fff;
  border-radius: 0vw;
  opacity: 0.3;
}
#naver_popup .layer-content a.btn.coupondownload {
  position: absolute;
  bottom: 8.3333333333vw;
  left: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 13.8888888889vw;
  margin: 0 auto;
  background-color: transparent;
  cursor: pointer;
}
#naver_popup .layer-content a.btn.coupondownload span {
  font-size: 0;
  text-indent: -2777.5vw;
}

.cmt {
  overflow: auto;
  padding: 0 6.9444444444vw;
}
.cmt .tit {
  margin-top: 8.3333333333vw;
  margin-bottom: 5.5555555556vw;
  font-size: 5.5555555556vw;
  color: #333;
  font-weight: bold;
  letter-spacing: -0.1666666667vw;
}
.cmt .txt {
  margin-top: 20.8333333333vw;
  margin-bottom: 5.5555555556vw;
  font-size: 4.1666666667vw;
  color: #2e292d;
}
.cmt .img {
  display: block;
  margin-bottom: 5.5555555556vw;
  border-radius: 2.7777777778vw;
  overflow: hidden;
}
.cmt .img_sw {
  width: 100%;
  height: 100%;
  overflow-x: auto;
}
.cmt .img_sw img {
  width: auto;
}
.cmt .desc {
  margin: 5.5555555556vw 0 11.1111111111vw;
  font-size: 3.6111111111vw;
  color: #333;
  line-height: 6.9444444444vw;
  font-weight: 400;
}

.charts-wrap {
  background: #fff;
}

.charts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding: 26px 18px;
  background: #f5f5f5;
}

.chart-box {
  width: 100%;
  padding: 21px 0;
  background: #fff;
  border-radius: 10px;
  text-align: center;
}
.chart-box.l {
  margin-right: 8px;
}
.chart-box .total {
  margin-bottom: 8px;
  line-height: 51px;
  font-size: 35px;
  color: #232323;
  text-align: center;
  letter-spacing: -2px;
  font-weight: 600;
}
.chart-box .text {
  margin-top: 15px;
  font-size: 12px;
  color: #9e9e9e;
  text-align: center;
  letter-spacing: -1px;
}

.normal-btn {
  margin-top: 5.5555555556vw;
  padding: 0 5.2777777778vw;
  background: #ff7600;
  font-size: 3.6111111111vw;
  text-align: center;
  color: #fff;
  line-height: 11.6666666667vw;
  border-radius: 1.1111111111vw;
}
.normal-btn.black {
  background: #333333;
}

.big-btn {
  width: 100%;
  margin: 5.5555555556vw 0;
  padding: 0 5.2777777778vw;
  background: #ff7600;
  font-size: 4.4444444444vw;
  text-align: center;
  color: #fff;
  line-height: 15.5555555556vw;
  border-radius: 1.9444444444vw;
}

.review_sum {
  color: #333;
  font-size: 15px;
  text-decoration: underline;
}

.monthly .head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
  padding: 0 18px;
  letter-spacing: -1px;
}
.monthly .head h3 {
  letter-spacing: -1.4px;
  font-size: 20px;
  font-weight: bold;
}
.monthly .head span {
  font-size: 15px;
  color: #898989;
  font-weight: 400;
  margin-left: 4px;
}

.horizontal-bar {
  position: relative;
  margin-bottom: 15px;
}

.category-content {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 18px;
}
.category-content span {
  display: block;
  letter-spacing: -1px;
  font-weight: 500;
}
.category-content .title {
  width: 55px;
  line-height: 25px;
  text-align: center;
  border: 1px solid #d8d8d8;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 16px;
  font-size: 15px;
  color: #000;
}
.category-content .group {
  font-size: 16px;
  color: #333;
}
.category-content .element {
  width: calc(100% - 200px);
  height: 1px;
  margin-left: 11px;
  line-height: 1px;
  border-bottom: 1px dotted #d8d8d8;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.category-content .number {
  width: 37px;
  margin-left: 12px;
  font-size: 17px;
  text-align: left;
  color: #333;
}
.category-content .review {
  width: 33px;
  margin-left: 5px;
  font-size: 13px;
  color: #b7b7b7;
  text-align: right;
  font-weight: normal;
}

.toggle_contents > ul {
  margin-top: 6px;
  border-bottom: 1px solid #ebebeb;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-bottom: 27px;
}
.toggle_contents > ul > li {
  margin-bottom: 8px;
}

.graph-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 18px;
}
.graph-content span {
  display: block;
  letter-spacing: -1px;
}
.graph-content .group {
  font-size: 16px;
  margin-left: 65px;
  color: #b7b7b7;
}
.graph-content .element {
  width: calc(100% - 200px);
  height: 7px;
  margin-left: 11px;
}
.graph-content .number {
  margin-left: 12px;
  font-size: 17px;
  font-size: 16px;
  color: #b7b7b7;
  text-align: left;
  width: 37px;
}

.bar-graphs {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.graph {
  position: relative;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.graph .graph-bar-back {
  border-radius: 100px;
  background: #efefef;
  margin-bottom: 25px;
  display: block;
  position: relative;
}
.graph .graph-bar {
  background-color: #333;
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out;
  border-radius: 100px;
  cursor: pointer;
  margin-bottom: 25px;
  z-index: 9999;
  display: block;
  height: 7px;
  width: 0%;
}
.graph .graph-bar:hover {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background: #428D92;
}
.graph .graph-bar:hover:after {
  display: block;
}
.graph .graph-bar:last-child {
  margin-bottom: 0;
}
.graph .graph-bar:after {
  position: absolute;
  content: attr(data-value);
  display: none;
  font-size: 12px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  line-height: 20px;
  height: 20px;
  padding: 0 10px;
  margin-left: 5px;
  left: 100%;
  top: 0;
}
.graph .graph-legend {
  position: absolute;
  margin-right: 10px;
  left: -40px;
  z-index: 9999;
  font-size: 16px;
  color: #b7b7b7;
}
.graph .graph-number {
  position: absolute;
  margin-left: 10px;
  right: -40px;
  z-index: 9999;
}

.mychart {
  width: 100% !important;
  height: 100% !important;
  padding: 0 18px !important;
}

.test-case-wrap {
  margin-bottom: 60px;
}

.vertical-bars {
  overflow: hidden;
  width: 135px;
  margin: 0 auto;
  padding-top: 21px;
}
.vertical-bars li {
  float: left;
  position: relative;
  width: 27px;
  text-align: left;
}
.vertical-bars .bar .usage {
  position: relative;
  display: block;
  height: 61px;
  width: 13px;
  margin: 0 auto;
  background: #efefef;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.vertical-bars .bar .usage .usage-value {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  background: #ff7600;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.vertical-bars .bar small {
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
  height: 15px;
  margin: 0 auto;
  text-align: center;
  background: #2d2d2d;
  color: #fff;
  font-size: 10px;
  line-height: 15px;
  border-radius: 5px;
}
.vertical-bars .bar small:after {
  position: absolute;
  left: 50%;
  bottom: -3px;
  margin-left: -3px;
  content: "";
  width: 0;
  height: 0;
  border-top: 3px solid #000;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-bottom: 3px solid none;
}
.vertical-bars .bar .score {
  margin-top: 5px;
  font-size: 12px;
  color: #2d2d2d;
  text-align: center;
  letter-spacing: -1px;
}

.review-wrap .star-rating {
  display: inline-block;
  vertical-align: top;
  height: 20px;
  position: relative;
  width: 100px;
}
.review-wrap .star-rating:before {
  background-image: url(../images/review/ico_star_small_defalt.svg);
  background-repeat: repeat-x;
  background-size: 20px;
  bottom: 0;
  content: "";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100px;
}
.review-wrap .star-rating > span {
  display: block;
  text-indent: -10000px;
  width: 100px;
  height: 20px;
  position: absolute;
  overflow: hidden;
}
.review-wrap .star-rating > span:before {
  background-image: url(../images/review/ico_star_small_full.svg);
  background-repeat: repeat-x;
  background-size: 20px;
  bottom: 0;
  content: "";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  right: 0;
  text-indent: 10000px;
  top: 0;
}

.js-tb-cont {
  display: none;
}

.js-tb-cont.ov {
  display: block;
}

.tab-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.tab-wrapper .tab-controller {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 16px 14px 14px;
  background: #F8F8F8;
  height: 46px;
  border-radius: 24px;
  padding: 6px;
  border-bottom: 0 none;
}

.tab-wrapper .tab-controller a {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 13px;
  font-weight: 400;
  color: #7e7e7e;
  text-align: left;
  border-bottom: 2px solid transparent;
  border-bottom: 0 none;
  height: 100%;
  border-radius: 17px;
}

.tab-wrapper .tab-controller a.ov {
  border-color: #333;
  color: #333;
  font-weight: 500;
  border-bottom: 0 none;
  height: 100%;
  border-radius: 17px;
  -webkit-box-shadow: 4px 5px 14px 0 rgba(0, 0, 0, 0.14);
          box-shadow: 4px 5px 14px 0 rgba(0, 0, 0, 0.14);
  background: #333;
  color: #fff;
}

.tab-wrapper .tab-content {
  display: none;
  padding: 25px 0;
  background: #fff;
}

.tab-wrapper .tab-content.ov {
  display: block;
}

.mselect li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000000;
  padding: 9px 12px;
  font-size: 19px;
  height: 55px;
  line-height: 55px;
  text-align: left;
  border: 1px solid #cbcbcb;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 5px;
}
.mselect li.disabled {
  opacity: 0.4;
}
.mselect li:first-child {
  margin-top: 12px;
}
.mselect .close {
  display: block;
  margin: 25px auto 60px;
  font-weight: 600;
  font-size: 19px;
  line-height: 27px;
  color: #000;
  text-align: center;
  font-weight: 600;
}
.mselect .view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mselect .view .img {
  width: 37px;
  height: 37px;
  margin-right: 10px;
  background: #efefef;
  border-right: 5px;
}
.mselect .view .txt {
  font-size: 17px;
  color: #333333;
  line-height: 24px;
}
.mselect .ico-arrow {
  width: 12px;
  height: 12px;
  background: url(../images/review/ico_arrow.svg);
  background-size: 100%;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.mselect h3 {
  margin-top: 37px;
  font-size: 22px;
  line-height: 22px;
  color: #333;
  text-align: center;
  font-weight: 600;
  letter-spacing: -1px;
}

.normal .swiper-slide {
  border-radius: 5px;
  overflow: hidden;
}

.star-rating-small i {
  display: inline-block;
  width: 19px;
  height: 18px;
  background: url("../images/review/ico_star_desable_full.svg") no-repeat center center/100%;
}
.star-rating-small .black {
  background: url("../images/review/ico_star_black.svg") no-repeat center center/100%;
}

.photo-list-wrap {
  margin-top: 0;
  padding: 0 3.8888888889vw;
}
.photo-list-wrap .photo-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 4.4444444444vw;
     -moz-column-gap: 4.4444444444vw;
          column-gap: 4.4444444444vw;
  row-gap: 4.4444444444vw;
}
.photo-list-wrap .photo-list li {
  position: relative;
  width: 27.7777777778vw;
  height: 27.7777777778vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 1.3888888889vw;
  overflow: hidden;
  background: #fff;
  opacity: 1;
}
.photo-list-wrap .photo-list li:nth-child(3n) {
  margin-right: 0;
}
.photo-list-wrap .photo-list li a {
  width: 27.7777777778vw;
  height: 27.7777777778vw;
  display: block;
  position: relative;
  overflow: hidden;
  max-width: 100%;
  text-align: center;
  border-radius: 1.6666666667vw;
}
.photo-list-wrap .photo-list li a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  background: rgba(0, 0, 0, 0.04);
  z-index: 20;
}
.photo-list-wrap .photo-list li a img {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 0;
  z-index: 9;
}
.photo-list-wrap .photo-list li span.photo-num {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 5.5555555556vw;
  height: 5.5555555556vw;
  border-bottom-right-radius: 1.3888888889vw;
  border-top-left-radius: 1.3888888889vw;
  font-size: 2.7777777778vw;
  color: #fff;
  line-height: 5.5555555556vw;
  text-align: center;
  background: rgba(0, 0, 0, 0.6);
  z-index: 22;
}
.photo-list-wrap .photo-list li span.video-icon {
  display: block;
  position: absolute;
  width: 4.4444444444vw;
  height: 4.4444444444vw;
  top: 1.6666666667vw;
  right: 1.6666666667vw;
  border-radius: 50%;
  -webkit-box-shadow: 0.5555555556vw 0.5555555556vw 1.1111111111vw 0.8333333333vw rgba(0, 0, 0, 0.0588235294);
          box-shadow: 0.5555555556vw 0.5555555556vw 1.1111111111vw 0.8333333333vw rgba(0, 0, 0, 0.0588235294);
}

.comment .cmmt-head {
  text-align: left;
}

.texts {
  text-align: left;
}

.assess-box span {
  color: #333;
}

.main-slider {
  position: relative;
  width: 100%;
  height: auto;
}
.main-slider .reviews-list-wrap {
  margin-bottom: 25vw;
}
.main-slider .inner-slider {
  position: relative;
  width: 100%;
  overflow: hidden;
  z-index: 100;
  border-bottom: 1px solid #ebebeb;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.main-slider .inner-slider .goods {
  width: 100%;
  height: 100%;
}
.main-slider .inner-slider .swiper-button-prev {
  display: none;
  left: 0;
  width: 15.2777777778vw;
  height: 15.2777777778vw;
  margin-top: -7.6388888889vw;
  background-image: url("../images/review/ico_arrow_l_w_photo.svg");
  background-repeat: no-repeat;
  background-color: rgba(45, 45, 45, 0.7);
  background-position: 50%;
  border-top-right-radius: 11.9444444444vw;
  border-bottom-right-radius: 11.9444444444vw;
  background-size: 7.5vw 7.5vw;
}
.main-slider .inner-slider .swiper-button-prev::after {
  display: none;
}
.main-slider .inner-slider .swiper-button-next {
  display: none;
  right: 0;
  width: 15.2777777778vw;
  height: 15.2777777778vw;
  margin-top: -7.6388888889vw;
  background-image: url("../images/review/ico_arrow_r_w_photo.svg");
  background-repeat: no-repeat;
  background-color: rgba(45, 45, 45, 0.7);
  background-position: 50%;
  border-top-left-radius: 11.9444444444vw;
  border-bottom-left-radius: 11.9444444444vw;
  background-size: 7.5vw 7.5vw;
}
.main-slider .inner-slider .swiper-button-next::after {
  display: none;
}
.main-slider .inner-slider .disabled_swiper_button {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

#product_view {
  padding-bottom: 0;
  margin-bottom: 0;
}
#product_view .product-reviews .content-gap {
  display: none;
}

#product-reviews .review-wrap .charts {
  padding: 20px 0 0;
  background: none;
}

.alert-nineteen {
  margin: 5.5555555556vw auto 0;
  padding: 5.5555555556vw;
  background: #F8F8F8;
}
.alert-nineteen i {
  display: block;
  width: 5.5555555556vw;
  height: 5.5555555556vw;
  margin: 0 auto;
  background: url(../images/icon/form/icon_nineteen_20.svg) no-repeat 100%/cover;
}
.alert-nineteen span {
  display: block;
  margin-top: 2.7777777778vw;
  font-size: 4.1666666667vw;
  font-weight: 400;
  color: #333;
  text-align: center;
  line-height: 5.8333333333vw;
  letter-spacing: -0.2083333333vw;
}

.alert-nineteen-detail {
  padding: 5.5555555556vw;
  background: #F8F8F8;
}
.alert-nineteen-detail h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: bold;
}
.alert-nineteen-detail h3 i {
  margin-right: 2.2222222222vw;
  width: 5.5555555556vw;
  height: 5.5555555556vw;
  background: url(../images/icon/form/icon_nineteen_20.svg) no-repeat 100%/cover;
}
.alert-nineteen-detail span {
  display: block;
  margin-top: 2.7777777778vw;
  font-size: 3.0555555556vw;
  font-weight: 400;
  color: #333;
  text-align: center;
  line-height: 4.4444444444vw;
  letter-spacing: -0.2083333333vw;
}

.tjm-c .nineteen {
  display: block;
  position: absolute;
  left: inherit;
  right: 2.2222222222vw;
  margin-right: inherit;
  min-width: 22.2222222222vw;
  z-index: 9999;
}
.tjm-c .pd-info .pd-name {
  display: block;
  font-size: 3.6111111111vw;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 4.4444444444vw;
  min-height: 8.8888888889vw;
  color: #333333;
  letter-spacing: -0.0722222222vw;
}
.tjm-c .pd-info .price-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1.3888888889vw;
}
.tjm-c .pd-info .price-row .d-rate {
  margin-right: 1.6666666667vw;
  color: #FF7600;
  font-weight: 300;
  font-size: 4.4444444444vw;
}
.tjm-c .pd-info .price-row .sale-price {
  font-weight: 700;
  font-size: 4.4444444444vw;
}
.tjm-c .pd-info .price-row .origin-price {
  width: 100%;
  margin-top: 1.6666666667vw;
  color: #B3B3B3;
  font-weight: 300;
  font-size: 3.3333333333vw;
  line-height: 3.8888888889vw;
  text-decoration: line-through;
}
.tjm-c .tab-list {
  margin-top: 10vw;
  padding: 0 4.1666666667vw;
}
.tjm-c .tab-list .chips-wrapper .chipSwiper {
  margin: 0 -2.7777777778vw;
  padding: 0 2.7777777778vw;
}
.tjm-c .chips-wrapper {
  position: relative;
}
.tjm-c .chips-wrapper ~ .tab-cont {
  margin-top: 4.4444444444vw;
}
.tjm-c .chips-wrapper .chipSwiper {
  margin: 4.4444444444vw 0 0;
}
.tjm-c .chips-wrapper .chipSwiper .swiper-wrapper.center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tjm-c .chips-wrapper .chipSwiper .swiper-slide .chip-ctgr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 8.3333333333vw;
  padding: 0 2.7777777778vw;
  font-size: 3.6111111111vw;
  color: #7E7E7E;
  border: 1px solid #F8F8F8;
  border-radius: 4.4444444444vw;
}
.tjm-c .chips-wrapper .chipSwiper .swiper-slide .chip-ctgr.active {
  color: #fff;
  background-color: #333333;
  border-color: #333333;
}
.tjm-c .section-head-center + .chips-wrapper {
  margin-top: 5.5555555556vw;
}
.tjm-c .tab-cont {
  display: none;
}
.tjm-c .tab-cont.active {
  display: block;
}
.tjm-c .tab-cont .tab-title {
  font-weight: 500;
  font-size: 4.4444444444vw;
  line-height: 5.8333333333vw;
  text-align: center;
}
.tjm-c .tab-cont .tab-title + .thumb-list {
  margin-top: 5.5555555556vw;
}
.tjm-c .option-check {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 9;
}
.tjm-c .option-check input[type=checkbox] {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 36.1111111111vw;
  height: 36.1111111111vw;
  margin: 0;
  padding: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  visibility: hidden;
}
.tjm-c .option-check input[type=checkbox] + label {
  border: none;
}
.tjm-c .option-check input[type=checkbox] + label:before {
  content: "";
  display: block;
  width: 5.5555555556vw;
  height: 5.5555555556vw;
  background: url(../images/icons/pavilion/icon_checkbox_off.svg) no-repeat 100%/cover;
  border-radius: 0;
  border: none;
}
.tjm-c .option-check input[type=checkbox]:checked + label:before {
  background: url(../images/icons/pavilion/icon_checkbox_on.svg) no-repeat 100%/cover;
}
.tjm-c .option-check span {
  padding: 0 0 0 1.6666666667vw;
  line-height: 1;
  font-size: 3.6111111111vw;
  color: #333333;
  line-height: 5.5555555556vw;
  letter-spacing: -0.0722222222vw;
}
.tjm-c .suitable {
  display: block;
}
.tjm-c .suitable .swiper {
  margin-top: 3.0555555556vw;
}
.tjm-c .suitable .swiper .swiper-slide {
  width: auto;
}
.tjm-c .suitable .big-row-thumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
}
.tjm-c .suitable .big-row-thumb a {
  position: relative;
}
.tjm-c .suitable .big-row-thumb a.soldout::after {
  content: "SOLD OUT";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  background: rgba(0, 0, 0, 0.4);
  font-size: 4.4444444444vw;
  font-weight: 700;
  color: #fff;
  text-align: left;
  z-index: 4;
}
.tjm-c .suitable .big-row-thumb img {
  width: 100%;
}
.tjm-c .suitable .big-row-thumb .warning {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 1.1111111111vw;
  left: 1.3888888889vw;
  height: 5.8333333333vw;
  padding: 0 1.3888888889vw;
  color: #fff;
  font-weight: 500;
  font-size: 3.3333333333vw;
  background-color: #FF7600;
  border-radius: 1.1111111111vw;
}
.tjm-c .suitable .big-row-thumb .pd-info {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 2.7777777778vw;
}
.tjm-c .suitable .big-row-thumb .pd-info .pd-title {
  font-size: 4.4444444444vw;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 6.1111111111vw;
  max-height: 11.6666666667vw;
  color: #333333;
  letter-spacing: -0.0888888889vw;
  font-weight: bold;
  margin-bottom: 7.7777777778vw;
}
.tjm-c .suitable .big-row-thumb figure {
  width: 36.1111111111vw;
  height: 36.1111111111vw;
  border: 2px solid #E2E2E2;
}
.tjm-c .suitable .big-row-thumb figure.on {
  border: 2px solid #FF7600;
}
.tjm-c .suitable .big-row-thumb .option-check {
  position: absolute;
  top: 0;
  left: 0;
  width: 5.5555555556vw;
  height: 5.5555555556vw;
  z-index: 9;
}
.tjm-c .suitable .row-thumb {
  width: 36.1111111111vw;
}
.tjm-c .suitable .row-thumb a {
  position: relative;
  display: block;
  width: 36.1111111111vw;
  height: 36.1111111111vw;
}
.tjm-c .suitable .row-thumb a.soldout::after {
  content: "SOLD OUT";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  background: rgba(0, 0, 0, 0.4);
  font-size: 4.4444444444vw;
  font-weight: 700;
  color: #fff;
  text-align: left;
  z-index: 4;
}
.tjm-c .suitable .row-thumb a.cart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 8.8888888889vw;
  border-radius: 1.1111111111vw;
  border: 1px solid #DDDDDD;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 2.7777777778vw;
}
.tjm-c .suitable .row-thumb a.cart .icon {
  display: block;
  width: 4.1666666667vw;
  height: 3.8888888889vw;
}
.tjm-c .suitable .row-thumb a.cart .icon.icon-cart-b {
  margin-right: 1.1111111111vw;
  background: url(../images/icon/common/ico_cart.svg) no-repeat;
}
.tjm-c .suitable .row-thumb figure {
  width: 36.1111111111vw;
  height: 36.1111111111vw;
  border: 2px solid #E2E2E2;
}
.tjm-c .suitable .row-thumb figure.on {
  border: 2px solid #FF7600;
}
.tjm-c .suitable .row-thumb .warning {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 1.1111111111vw;
  left: 1.3888888889vw;
  height: 5.8333333333vw;
  padding: 0 1.3888888889vw;
  color: #fff;
  font-weight: 500;
  font-size: 3.3333333333vw;
  background-color: #FF7600;
  border-radius: 1.1111111111vw;
}
.tjm-c .suitable .row-thumb .pd-info {
  position: relative;
  margin-top: 2.7777777778vw;
}
.tjm-c .suitable .row-thumb .pd-info .pd-name {
  font-size: 3.6111111111vw;
  line-height: 4.4444444444vw;
  min-height: 8.8888888889vw;
  letter-spacing: -0.0722222222vw;
}
.tjm-c .suitable .row-thumb .pd-info .sale-price {
  font-size: 3.8888888889vw;
}
.tjm-c .suitable .row-thumb .option-check {
  position: absolute;
  top: 0;
  left: 0;
  width: 5.5555555556vw;
  height: 5.5555555556vw;
}
.tjm-c .suitable .pd-info a.show-goods {
  position: absolute;
  right: 0;
  width: 5.5555555556vw;
  height: 5.5555555556vw;
  background: url(../images/icons/pavilion/icon_open_goods.svg) no-repeat 100%/cover;
}
.tjm-c .suitable .pd-info a.show-goods span {
  width: 0;
  height: 0;
  font-size: 0;
  opacity: 0;
}
.tjm-c .suitable .thumb {
  border: none;
  border-radius: 0;
}
.tjm-c .suitable .thumb figure {
  border: 2px solid #E2E2E2;
}
.tjm-c .suitable .thumb figure.on {
  border: 2px solid #FF7600;
}
.tjm-c .suitable .thumb .option-check {
  position: absolute;
  top: 0;
  left: 0;
  width: 5.5555555556vw;
  height: 5.5555555556vw;
}
.tjm-c .suitable .option-quantity {
  margin-bottom: 5.5555555556vw;
}
.tjm-c .suitable .option-quantity .qty-box .quantity {
  width: 100%;
  height: 8.8888888889vw;
  border-radius: 8.8888888889vw;
}
.tjm-c .suitable .option-quantity .qty-box input {
  width: 32.2222222222vw;
}
.tjm-c .suitable .option-quantity .qty-box input:disabled {
  background: unset;
  border: unset;
  color: #555;
}
.tjm-c .select-container {
  margin-top: 3.8888888889vw;
  padding: 0 4.1666666667vw;
  background: #F8F8F8;
}
.tjm-c .select-container .all-check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 3.3333333333vw 0;
}
.tjm-c .select-container .all-check .num {
  font-size: 3.6111111111vw;
  letter-spacing: -0.0722222222vw;
  color: #FF7600;
}
.tjm-c .select-container .all-check .num strong {
  font-weight: bold;
}
.tjm-c .select-container .btn-area {
  padding-bottom: 4.4444444444vw;
}
.tjm-c .select-container .btn-area a {
  display: block;
  height: 13.8888888889vw;
  line-height: 13.8888888889vw;
  background: #FF7600;
  font-size: 4.4444444444vw;
  color: #ffffff;
  letter-spacing: -0.0888888889vw;
  text-align: center;
}

.tjm-detail .title-line {
  padding: 6.1111111111vw 0;
  font-size: 4.4444444444vw;
  color: #333333;
  line-height: 5.2777777778vw;
  letter-spacing: -0.0888888889vw;
  text-align: center;
  font-weight: bold;
  text-decoration: underline;
}
.tjm-detail .tjm-c .tab-list {
  margin-top: 0;
}
.tjm-detail .tjm-c .suitable .swiper {
  margin-top: 0;
}
.tjm-detail .btn-area-detail {
  margin-top: 5.5555555556vw;
  padding-bottom: 4.4444444444vw;
}
.tjm-detail .btn-area-detail a {
  display: block;
  height: 13.8888888889vw;
  line-height: 13.8888888889vw;
  background: #fff;
  letter-spacing: -0.0888888889vw;
  text-align: center;
  border: 1px solid #FF7600;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.tjm-detail .btn-area-detail a span {
  position: relative;
  display: inline-block;
  padding-right: 4.1666666667vw;
  font-size: 4.4444444444vw;
  color: #FF7600;
}
.tjm-detail .btn-area-detail a span::after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 0.2777777778vw;
  height: 4.7222222222vw;
  margin-top: -2.3611111111vw;
  background: #FF7600;
  content: "";
}
.tjm-detail .btn-area-detail a strong {
  padding-left: 2.7777777778vw;
  font-size: 4.4444444444vw;
  color: #FF7600;
  font-weight: bold;
}

.product-top-info.tjm-detail .row4 ul li .info.toggle .toggle-content .content {
  border-radius: 0;
}

.product-top-info.tjm-detail .row4 ul li .info.toggle .toggle-content .content .list > div {
  position: relative;
  margin-bottom: 5.5555555556vw;
}

.product-top-info.tjm-detail .row4 ul li .info.toggle .toggle-content .content .list > div:last-child {
  margin-bottom: 0vw;
}

.product-top-info.tjm-detail .row4 ul li .info.toggle .toggle-content .content .list > div::before {
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 2.2222222222vw;
  display: block;
  width: 1.1111111111vw;
  height: 1.1111111111vw;
  border-radius: 1.1111111111vw;
  background: #7E7E7E;
  content: "";
}

.product-top-info.tjm-detail .row4 ul li .info.toggle .toggle-content .content .list span {
  padding-left: 2.7777777778vw;
  font-size: 4.1666666667vw;
  line-height: 6.3888888889vw;
  color: #7E7E7E;
}

/* 상세 하단배너 */
.bannerSwiper {
  position: relative;
}
.bannerSwiper .swiper-slide {
  opacity: 0.5;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.bannerSwiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.bannerSwiper .swiper-slide-active {
  opacity: 1;
}
.bannerSwiper .changing {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  pointer-events: none;
}
.bannerSwiper .changed {
  -webkit-transition: none;
  transition: none;
}
.bannerSwiper .custom-fraction {
  position: absolute;
  top: 0;
  right: 0;
  margin: 2.7777777778vw;
  padding: 1.3888888889vw 2.7777777778vw;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 4.1666666667vw;
  color: #fff;
}
.bannerSwiper .custom-fraction span {
  color: #fff;
}

.price-info-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  height: 100%;
  padding: 0 8.3333333333vw;
  background: #fff;
  border: 1px solid #e6e6e6;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.price-info-box span {
  position: relative;
  display: inline-block;
  margin: 0;
  padding-right: 6.6666666667vw;
  font-size: 4.4444444444vw;
  font-weight: 400;
  color: #FF7600;
  text-align: left;
}
.price-info-box span::after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 0.2777777778vw;
  height: 4.4444444444vw;
  margin-top: -2.2222222222vw;
  background: #FF7600;
  content: "";
}
.price-info-box strong {
  font-size: 4.4444444444vw;
  font-weight: 600;
  color: #FF7600;
  text-align: left;
}
.price-info-box + .btn-order-right {
  width: 30.5555555556vw !important;
  height: 13.8888888889vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  font-size: 4.4444444444vw;
  font-weight: 400;
  color: #fff;
  text-align: left;
}

.content-banner {
  position: relative;
  margin: 0 0 8.3333333333vw;
}
.content-banner .notice-top {
  margin-top: 3.8888888889vw;
  text-align: center;
}
.content-banner .notice-top strong {
  display: block;
  font-size: 2.7777777778vw;
  font-weight: 500;
  color: #7E7E7E;
  text-align: center;
}
.content-banner .notice-top span {
  font-size: 2.7777777778vw;
  font-weight: 400;
  color: #7E7E7E;
  text-align: center;
}

#product_popup {
  padding-bottom: 15.2777777778vw;
  z-index: 40;
}
#product_popup .content {
  overflow-y: unset;
}
#product_popup .content .tjm-c .info-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
#product_popup .content .tjm-c .info-top .deli_info {
  position: relative;
  font-size: 3.8888888889vw;
  font-weight: 400;
  color: #333;
  text-align: left;
}
#product_popup .content .tjm-c .info-top .deli_info em {
  font-size: 3.8888888889vw;
  font-weight: 400;
  color: #FF7600;
  text-align: left;
}
#product_popup .content .tjm-c .info-top .deli_info .total::after {
  content: "";
  display: inline-block;
  width: 0.2777777778vw;
  height: 2.7777777778vw;
  margin: 0 1.9444444444vw;
  background: #CCCCCC;
}
#product_popup .content .tjm-c .info-top a {
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #7E7E7E;
  text-align: left;
  text-decoration: underline;
}
#product_popup .content .tjm-c .tab-list {
  margin: 0;
  padding: 0;
}
#product_popup .content .tjm-c .tab-list .suitable {
  overflow-y: scroll;
}
#product_popup .content .tjm-c .tab-list .suitable .row-thumb figure {
  border: none;
}
#product_popup .content .tjm-c .tab-list .suitable .row-thumb .pd-info .pd-name {
  display: block;
  min-height: 5vw;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#product_popup .content .tjm-c .tab-list .suitable .row-thumb .btn-delete-slider {
  position: absolute;
  top: 1.1111111111vw;
  right: 1.1111111111vw;
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  line-height: 6.6666666667vw;
  border-radius: 6.6666666667vw;
  text-align: center;
  background: url(../images/icons/pavilion/icon_sldr_close.png) no-repeat 100%/cover;
  font-size: 0;
}
#product_popup .content .tjm-c .tab-list .suitable .row-thumb .option-quantity {
  margin: 2.7777777778vw 0 5.5555555556vw;
}
#product_popup .content .tjm-c .tab-list .suitable .row-thumb .option-quantity .qty-box .quantity {
  height: 8.3333333333vw;
  border-radius: 8.3333333333vw;
}
#product_popup .content .tjm-c .tab-list .suitable .row-thumb .option-quantity .qty-box input {
  width: 23.8888888889vw;
}
#product_popup .content .no-product-selected {
  margin: 9.4444444444vw 0 18.3333333333vw;
}
#product_popup .content .no-product-selected i {
  display: block;
  width: 6.1111111111vw;
  height: 6.1111111111vw;
  margin: 0 auto;
  background: url(../images/icons/pavilion/icon_cart_pop.svg) no-repeat 100%/cover;
}
#product_popup .content .no-product-selected p {
  margin-top: 2.7777777778vw;
  font-size: 3.8888888889vw;
  line-height: 5vw;
  letter-spacing: -0.1944444444vw;
  color: #ccc;
  text-align: center;
}

.toast-message {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 27.7777777778vw;
  text-align: center;
  z-index: 60;
  opacity: 0;
}
.toast-message span {
  display: inline-block;
  padding: 3.3333333333vw 4.4444444444vw;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.7);
  font-size: 3.8888888889vw;
  color: #fff;
}
.toast-message.fadeinout {
  -webkit-animation: fadeinout 3s;
          animation: fadeinout 3s;
}

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

@keyframes fadeinout {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.isApp #product_view {
  margin-top: 12.5vw;
}

.countdown-wrap {
  display: none;
}
.countdown-wrap::after {
  display: none;
}
.countdown-wrap .bomb {
  position: fixed;
  top: 50%;
  left: 50%;
  display: block;
  width: 55.5555555556vw;
  height: 55.5555555556vw;
  margin-top: -27.7777777778vw;
  margin-left: -27.7777777778vw;
  z-index: 300;
  color: #fff;
  background: url("../images/icons/bang/bomb.png") no-repeat center;
  opacity: 0;
}
.countdown-wrap .bomb.ani {
  -webkit-animation: showBomb 2s linear forwards;
          animation: showBomb 2s linear forwards;
}
.countdown-wrap .firework {
  position: fixed;
  top: 50%;
  z-index: 999;
  width: 200%;
  margin-left: -50%;
  margin-top: -50%;
  display: none;
}
.countdown-wrap .firework.show {
  display: block;
}
.countdown-wrap.show {
  display: block;
}
.countdown-wrap.show::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 200;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}

@-webkit-keyframes showBomb {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
  50.01% {
    opacity: 1;
  }
  99.99% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }
}

@keyframes showBomb {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
  50.01% {
    opacity: 1;
  }
  99.99% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }
}