/* 공통 */
.single-product #product {
	font-family: Pretendard;
	letter-spacing: -0.02em;
}

.single-product #product *,
.single-product #product *::before,
.single-product #product *::after {
	font-family: Pretendard;
	letter-spacing: -0.02em;
}

.single-product #product .w-1200 {
	width: 100%;
	max-width: 1136px;
	margin: 0 auto;
}

.single-product #product .w-800 {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}

.single-product #product .ellipsis-1 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.single-product #product .ellipsis-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.single-product #product .ellipsis-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.single-product #product .ellipsis-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.single-product #product .mo-block {
	display: none;
}

.single-product #product .mo-none {
	display: block;
}

.single-product #product .product-single-container {
	width: 100%;
	margin: 0 auto;
}

.single-product #product .section-title {
	color: #000;
	font-size: 22px;
	font-weight: 700;
	line-height: 160%;
	margin-bottom: 20px;
}
.single-product #product .article-title {
	color: #000;
	font-size: 18px;
	font-weight: 700;
	line-height: 100%;
	margin-bottom: 16px;
}

.single-product .side {
	position: relative;
}



/* 상품정보 */
.single-product #product .section.info {
  padding-bottom: 108px;
  border-bottom: 1px solid #BABCC0;
}

.single-product #product .section.info .wrap {
	width: 100%;
	display: flex;
	align-items: flex-start;
	gap: 40px;
}

.single-product #product .section.info .wrap .mo-product-info {
	display: none;
}

.single-product #product .section.info .wrap>.left {
	width: 540px;
}

.single-product #product .section.info .thumbnail-block {
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	margin-bottom: 20px;
}

.single-product #product .section.info div.product-image {
	position: relative;
	display: flex;
	align-items: center;
	justify-self: center;
	width: 100%;
	height: auto;
	overflow: hidden;
	aspect-ratio: 1 / 1;
}

.single-product #product .section.info div.product-image img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 60%;
	height: 60%;
	margin: 0 auto;
	object-fit: contain;
	transition: 0.3s;
}

.single-product #product .section.info .review-count-block {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 40px;
}

.single-product #product .section.info .review-count-block .rating-stars {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	margin-right: 5px;
}

.single-product #product .section.info .review-count-block .rating-stars i {
	position: relative;
	display: inline-block;
	width: 16px;
	height: 16px;
	background-size: contain;
	background-image: url('../images/star_gold.png');
	background-position-x: -2px;
	overflow: hidden;
	vertical-align: middle;
}

.single-product #product .section.info .review-count-block .rating-stars.rating-1 i:nth-of-type(1) {
	display: block;
}

.single-product #product .section.info .review-count-block .rating-stars.rating-2 i:nth-of-type(1),
.single-product #product .section.info .review-count-block .rating-stars.rating-2 i:nth-of-type(2) {
	display: block;
}

.single-product #product .section.info .review-count-block .rating-stars.rating-3 i:nth-of-type(1),
.single-product #product .section.info .review-count-block .rating-stars.rating-3 i:nth-of-type(2),
.single-product #product .section.info .review-count-block .rating-stars.rating-3 i:nth-of-type(3) {
	display: block;
}

.single-product #product .section.info .review-count-block .rating-stars.rating-4 i:nth-of-type(1),
.single-product #product .section.info .review-count-block .rating-stars.rating-4 i:nth-of-type(2),
.single-product #product .section.info .review-count-block .rating-stars.rating-4 i:nth-of-type(3),
.single-product #product .section.info .review-count-block .rating-stars.rating-4 i:nth-of-type(4) {
	display: block;
}

.single-product #product .section.info .review-count-block .rating-stars.rating-5 i:nth-of-type(1),
.single-product #product .section.info .review-count-block .rating-stars.rating-5 i:nth-of-type(2),
.single-product #product .section.info .review-count-block .rating-stars.rating-5 i:nth-of-type(3),
.single-product #product .section.info .review-count-block .rating-stars.rating-5 i:nth-of-type(4),
.single-product #product .section.info .review-count-block .rating-stars.rating-5 i:nth-of-type(5) {
	display: block;
}


.single-product .attach-thumb {
    position: relative;
    width: 80px;  /* 디자인에 맞게 조절 */
    height: 80px;
    border-radius: 8px;
    overflow: hidden;
}

/* 삭제 버튼 기본 스타일 (숨김 처리) */
.single-product .btn-del-img {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 20px;
    height: 20px;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    border: none;
    cursor: pointer;
    display: none; /* 평소엔 숨김 */
    align-items: center;
    justify-content: center;
    padding: 0;
}

/* 마우스 오버 시 삭제 버튼 표시 */
.single-product .attach-thumb:hover .btn-del-img {
    display: flex;
}

/* X 아이콘 모양 (이미지로 대체 가능) */
.single-product .btn-del-img::before, .btn-del-img::after {
    content: '';
    position: absolute;
    width: 10px;
    height: 1.5px;
    background-color: #fff;
}

.single-product #product .section.info .review-count-block .rating {
	color: #000;
	font-size: 15px;
	font-weight: 700;
	line-height: normal;
	letter-spacing: normal;
	margin-right: 10px;
}
.single-product #product .section.info .review-count-block .link {
	color: #666;
	font-size: 13px;
	font-weight: 500;
	line-height: normal;
	text-decoration-line: underline;
	letter-spacing: normal;
}

.single-product #product .section.info .gallery-slider-block {
	width: 100%;
	position: relative;
}

/*.single-product #product .section.info .gallery-slider-block::after {*/
/*	content: '';*/
/*	position: absolute;*/
/*	right: 0;*/
/*	top: 0;*/
/*	width: 41px;*/
/*	height: 100%;*/
/*	background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);*/
/*	z-index: 1;*/
/*	pointer-events: none;*/
/*}*/

.single-product #p-loading-modal {
  position: fixed;
  display: none;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  z-index: 9999999999999999999;
  background-color: rgba(0, 0, 0, 0.4);
}
.single-product #p-loading-modal.active {
  display: block;
}
.single-product #p-loading-modal .loading-spinner {
  height: 100%;
}

.single-product #product .replacement-product {
	display: flex;
	gap: 8px;
	border-radius: 6px;
	border: 1px solid #EEE;
	margin-top: 20px;
	padding: 15px 18px;
}
.single-product #product .replacement-product.replacement-mo {
	display: none;
}
.single-product #product .replacement-product.replacement-pc {
	display: flex;
}

.single-product #product .replacement-product div {
	color: #555;
	font-family: Pretendard;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; /* 18.2px */
	border-radius: 6px;
	letter-spacing: 0px;
}
.single-product #product .replacement-product span {
	color: #1351F6;
}
.single-product #product .replacement-product svg {
	flex: 16px 0 0;
	margin-top: 2px;
}

.single-product #product .section.info .gallery-slider-block .product-image {
	cursor: pointer;
	border-radius: 6px;
}

.single-product #product .section.info .gallery-slider-block .swiper-slide-thumb-active .product-image {
	border: 1px solid #000;
}



.single-product #product .section.info .wrap>.right {
	width: 556px;
}

.single-product #product .section.info .right .info-block {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	border-top: 1px solid #eee;
}

.single-product #product .section.info .right .info-item {
	display: flex;
	width: 100%;
	align-items: flex-start;
	gap: 0;
	min-width: 0;
}

.single-product #product .section.info .right .info-item>.label {
	color: #666;
	font-size: 15px;
	font-weight: 500;
	line-height: 130%;
	letter-spacing: normal;
	width: 108px;
	flex-shrink: 0;
}

.single-product #product .section.info .right .info-item>.label.blue {
  color: #1351F6;
}

.single-product #product .section.info .right .info-item>.content {
	flex: 1;
	min-width: 0;
	font-size: 15px;
	font-weight: 500;
	line-height: 130%;
	color: #888;
	letter-spacing: normal;
}

.single-product #product .section.info .right .info-item>.content .earn-li {
	margin-bottom: 8px;
}

.single-product #product .section.info .right .info-item>.content .earn_point {
	margin: 0;
}

.single-product #product .section.info .name-block {}

.single-product #product .section.info .name-block .tag {
	display: inline-block;
	border-radius: 4px;
	background: #EDF3FF;
	color: #1351F6;
	font-size: 12px;
	font-weight: 500;
	line-height: 130%;
	letter-spacing: normal;
	padding: 2px 6px;
	margin-bottom: 14px;
}

.single-product #product .section.info .name-block .category {
	color: #999;
	font-size: 15px;
	font-weight: 500;
	line-height: 130%;
	letter-spacing: normal;
	margin-bottom: 8px;
}

.single-product #product .section.info .name-block .product-name {
	color: #000;
	font-size: 22px;
	font-weight: 600;
	line-height: 130%;
	letter-spacing: normal;
	margin-bottom: 20px;
}

.single-product #product .section.info .right .price-block {
	padding: 24px 0;
	gap: 16px;
}

.single-product #product .section.info .right .price-block .label {
	transform: translateY(5px);
}

.single-product #product .section.info .right .price-block .content {
	padding-left: 4px;
}

.single-product #product .section.info .right .regular-price {
  color: #000;
  font-size: 22px;
  font-weight: 700;
  line-height: 130%;
}



/*250716 수정함*/
.single-product #product .section.info .right .price-block .info-item-1 {
  align-items: center;
}
.single-product #product .section.info .right .price-block .info-item-2 {
}
.single-product #product .section.info .right .info-item.info-item-2 {
	display: block;
}
.single-product #product .section.info .right .info-item.info-item-2 .r-price {
	color: #888;
	font-weight: 400;
	text-decoration-line: line-through;
}
.single-product #product .section.info .right .price-block .info-item-2 .regular-price {
  display: flex;
  width: 100%;
}
.single-product #product .section.info .right .price-block .info-item-2 .price {
  display: flex;
  width: 100%;
}
.single-product #product .section.info .right .price-block .info-item-2 .label {
  width: 40px;
}
.single-product #product .section.info .right .price-block .info-item-2 .regular-price {
  margin-bottom: 10px;
}
.single-product #product .section.info .right .price-block .info-item-2 .label {
	color: #666;
	font-family: Pretendard;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: 130%; /* 19.5px */
}
.single-product #product .section.info .right .price-block .info-item-2 .content {
	color: #000;
	font-family: Pretendard;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: 130%; /* 28.6px */
	letter-spacing: -0.88px;
	margin-left: 65px;
}
.single-product #product .section.info .right .price-block .info-item-2 .content {
	color: #000;
	font-family: Pretendard;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: 130%; /* 28.6px */
	letter-spacing: -0.88px;
	margin: 0;
	margin-left: 65px;
	padding: 0;
}


.single-product #product .section.info .right .price-block .info-item-1 .label {
  transform: none;
}

.single-product #product .section.info .right .price-block .info-item-1.on-sale {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.single-product #product .section.info .right .price-block .info-item-1.on-sale .regular-price {
  color: #BBB;
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
  text-decoration-line: line-through;
}

.single-product #product .section.info .right .price-block .info-item-1.on-sale .price {
  color: #000;
  font-size: 22px;
  font-weight: 700;
  line-height: 130%;
}


.single-product #product .section.info .right .price-block .membership-price-box {
  width: 100%;
  border-radius: 4px;
  background: #F7FAFC;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 18px 20px 19px;
}

.single-product #product .section.info .right .price-block .membership-price-box .left-price {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.single-product #product .section.info .right .price-block .membership-price-box .price-name {
  display: inline-block;
  padding: 3px 6px 1px;
  border-radius: 4px;
  background: rgba(249, 70, 61, 0.08);
  color: #F9463D;
  font-size: 12px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: normal;
}

.single-product #product .section.info .right .price-block .membership-price-box .price-warp {
  display: flex;
  align-items: center;
  gap: 2px;
}

.single-product #product .section.info .right .price-block .membership-price-box .percent {
  color: #F9463D;
  font-size: 22px;
  font-weight: 700;
  line-height: 130%;
}

.single-product #product .section.info .right .price-block .membership-price-box .price {
  color: #000;
  font-size: 22px;
  font-weight: 700;
  line-height: 130%;
}

.single-product #product .section.info .right .price-block .membership-price-box .right-desc {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  text-align: right;
  font-size: 13px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: normal;
  padding-bottom: 6px;
}

.single-product #product .section.info .right .price-block .membership-price-box .right-desc .color-gray {
  color: #888;
}

.single-product #product .section.info .right .price-block .membership-price-box .right-desc .color-black {
  color: #000;
}

.single-product #product .section.info .right .price-block .membership-price-box .right-desc .color-blue {
  color: #1351F6;
}

/*250716 수정함*/


.single-product #product .section.info .right .price-block .percent {
	color: #F9463D;
}

.single-product #product .section.info .right .price-block .price {
	color: #000;
}

.single-product #product .total-price span {
	color: #F9463D;
	font-family: Pretendard;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: 130%; /* 28.6px */
	letter-spacing: -0.88px;
	padding-right: 2px;
}

.single-product #product .section.info .right .price-block .message {
	color: #888;
	font-size: 13px;
	font-weight: 500;
	line-height: 130%;
	letter-spacing: normal;
	margin-top: 20px;
}

.single-product #product .section.info .right .price-block .message p {
	display: inline-block;
	color: #1351F6;
}

.single-product #product .section.info .right .price-block .message .link {
	color: #1351F6;
	text-decoration-line: underline;
}




.single-product #product .section.info .right .option-block {
	padding: 30px 0 28px;
	gap: 28px;
}

.single-product #product .section.info .right .option-block.hd {
	display: none;
}


.single-product #product .section.info .right .info-item.option .content>div {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 10px;
}

.single-product #product .section.info .right .info-item.option label {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	cursor: pointer;
}

.single-product #product .section.info .right .info-item.option label .img {
	width: 68px;
	height: auto;
	aspect-ratio: 1 / 1;
	background: #FFF;
	border-radius: 4px;
	border: 1px solid #EEE;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 9px;
}

.single-product #product .section.info .right .info-item.option label .img img {
	width: 100%;
}

.single-product #product .section.info .right .info-item.option label.active .img {
	border: 1px solid #000;
}
.single-product #product .section.info .right .info-item.option label.active .text {
	color: #000;
}

.single-product #product .section.info .right .info-item.option label .text {
	color: #999;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	line-height: 130%;
	letter-spacing: normal;
}

.single-product #product .section.info .right .info-item.option input {
	display: none;
}

.single-product #product .section.info .right .info-item.option input:checked+label .img {
	border: 1px solid #000;
}

.single-product #product .section.info .right .info-item.option input:checked+label .text {
	color: #000;
}

.single-product #product .section.info .right .info-item.quantity .content>div,
.single-product #product .section.info .right .info-item.gift .content>div {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 10px;
}

.single-product #product .section.info .right .info-item.quantity label,
.single-product #product .section.info .right .info-item.gift label {
	min-width: 48px;
	width: auto;
	padding: 0 10px;
	height: 48px;
	background: #FFF;
	border-radius: 4px;
	border: 1px solid #EEE;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #888;
	font-size: 13px;
	font-weight: 400;
	line-height: 130%;
	letter-spacing: normal;
	cursor: pointer;
	text-align: center;
}

.single-product #product .section.info .right .info-item.quantity input,
.single-product #product .section.info .right .info-item.gift input {
	display: none;
}

.single-product #product .section.info .right .info-item.quantity input:checked+label,
.single-product #product .section.info .right .info-item.gift input:checked+label {
	border: 1px solid #000;
	color: #000;
}

.single-product #product .section.info .right .benefit-block {
	padding: 26px 0 28px;
	gap: 20px;
	border-bottom: 1px solid #eee;
	margin-bottom: 24px;
}

.single-product #product .section.info .right .benefit-block .title-box {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 5px;
}

.single-product #product .section.info .right .benefit-block .title-box .title {
	color: #000;
	font-size: 17px;
	font-weight: 700;
	line-height: 130%;
	letter-spacing: normal;
}

.single-product #product .section.info .right .benefit-block .title-box .btn-go-more {
	color: #999;
	font-size: 13px;
	font-weight: 500;
	line-height: 130%;
	text-decoration-line: underline;
	letter-spacing: normal;
}

.single-product #product .section.info .right .benefit-block .info-item .color-black {
	color: #000;
}


.single-product #product .section.info .right .benefit-block .info-item .link {
	color: #1351F6;
	text-decoration-line: underline;
}

.single-product #product .order-box {
	width: 100%;
	height: 105px;
	border-radius: 8px;
	background: #F7FAFC;
	padding: 18px 20px;
	position: relative;
	margin-bottom: 33px;
}

.single-product #product .order-box .info {
	color: #666;
	font-size: 13px;
	font-weight: 600;
	line-height: 130%;
	letter-spacing: normal;
	margin-bottom: 12px;
}

.single-product #product .order-box .stepper {
	width: 107px;
	height: 40px;
	flex-shrink: 0;
	border-radius: 6px;
	border: 1px solid #EEE;
	background: #FFF;
	display: flex;
	justify-content: space-between;
	align-items: center;
	overflow: hidden;
}

.single-product #product .order-box .stepper .btn {
	height: 100%;
	aspect-ratio: 1 / 1;
	display: flex;
	justify-content: center;
	align-items: center;
}

.single-product #product .order-box .stepper .qty {
	color: #000;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	line-height: 130%;
	letter-spacing: normal;
}

.single-product #product .order-box .price {
	position: absolute;
	right: 20px;
	bottom: 22px;
	z-index: 1;
	color: #000;
	text-align: right;
	font-size: 22px;
	font-weight: 700;
	line-height: 130%;
}

.single-product #product .order-box .btn-delete-box {
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 1;
}

.single-product #product .btn-wrapper {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
}

.single-product #product .btn-wrapper.soldout {
	display: block;
}

.single-product #product .btn-wrapper .btn {
	width: 100%;
	height: 56px;
	line-height: 54px;
	border-radius: 6px;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	border: none;
	outline: none;
	letter-spacing: normal;
}

.single-product #product .btn-wrapper .btn-white {
	color: #000;
	background-color: #fff;
	border: 1px solid #EEE;
}

.single-product #product .btn-wrapper .btn-black {
	color: #fff;
	background-color: #000;
}

.single-product #product .btn-wrapper .btn-gray {
	color: #fff;
	background-color: #ccc;
}

.single-product #product .btn-wrapper a:hover {
	opacity: 0.6;
}

.single-product #product .section.info .right .basket-btn.disable,
.single-product #product .section.info .right .buy-button.disable  {
	background: #ccc;
}

.single-product #product .section.info .right .basket-btn:hover {
	opacity: 0.6;
}





/* 탭메뉴 */
.single-product #product .section.tab-menu {
	border-bottom: 1px solid #EEE;
	position: sticky;
	top: 137px;
	background: #fff;
	z-index: 2;
	transition: .3s ease-in-out;
}

header.hidden~.main-container #product .section.tab-menu {
  top: 72px !important;
}

.admin-bar.single-product #product .section.tab-menu {
  top: calc(137px + 32px);
}

.down.single-product #product .section.tab-menu {
	top: calc(137px + 53px);
}

.admin-bar.down.single-product #product .section.tab-menu {
  top: calc(137px + 32px + 53px);
}

.single-product #product .section.tab-menu .tabs {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 80px;
}

.single-product #product .section.tab-menu .tab {
	color: #A0A0A0;
	text-align: center;
	font-size: 18px;
	font-weight: 500;
	line-height: 130%;
	position: relative;
	display: block;
	padding: 20px 0;
}

.single-product #product .section.tab-menu .tab::after {
	position: absolute;
	content: '';
	opacity: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: #1351F6;
	transition: 0.3s;
}

.single-product #product .section.tab-menu .tab.active {
	color: #1351F6;
	font-weight: 600;
}

.single-product #product .section.tab-menu .tab.active::after {
	opacity: 1;
}




/* 리뷰 섹션 */
.single-product #product .section.review {
	margin-top: 60px;
}

.single-product #product .section.review .review-tab-block {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}

.single-product #product .section.review .btn-go-more {
	color: #999;
	font-size: 14px;
	font-weight: 500;
	line-height: 130%;
	text-decoration-line: underline;
	text-underline-offset: 2px;
}

.single-product #product .section.review .review-tab {
	display: flex;
	align-items: center;
	gap: 24px;
}

.single-product #product .section.review .review-tab div {
	color: #A0A0A0;
	font-size: 22px;
	font-weight: 600;
	line-height: 160%;
	position: relative;
	cursor: pointer;
}

.single-product #product .section.review .review-tab div.active {
	color: #000;
	font-weight: 700;
}

.single-product #product .section.review .review-tab div small {
	position: absolute;
	top: -6px;
	right: -17px;
	color: #F47530;
	font-family: "Noto Sans KR";
	font-size: 9px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: -0.45px;
}

.single-product #product .section.review .graph {
	display: flex;
	border-radius: 6px;
	background: #F7FAFC;
	min-height: 170px;
	padding: 32px;
	margin-bottom: 24px;
}

.single-product #product .section.review .graph>div {
	width: 50%;
}

.single-product #product .section.review .graph .graph-left {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	position: relative;
}

.single-product #product .section.review .graph .graph-left::after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 100%;
	background-color: #eee;
	z-index: 1;
}

.single-product #product .section.review .graph-left .rating-block {
	display: flex;
	justify-content: center;
	align-content: center;
	gap: 8px;
	margin-bottom: 12px;
}

.single-product #product .section.review .graph-left .star {
	width: 30px;
}

.single-product #product .section.review .graph-left .rating {
	color: #000;
	font-size: 32px;
	font-weight: 700;
	line-height: normal;
}

.single-product #product .section.review .graph-left .message {
	color: #000;
	font-size: 13px;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 16px;
}

.single-product #product .section.review .graph-left .message .bold {
	font-weight: 600;
}

.single-product #product .section.review .graph-left .btn-link {
	display: block;
	width: fit-content;
	padding: 10px 26px;
	border-radius: 4px;
	background: #000;
	color: #FFF;
	font-size: 14px;
	font-weight: 700;
	line-height: 24px;
	margin: 0 auto;
}

.single-product #product .section.review .graph-right {
	display: flex;
	justify-content: center;
	align-content: center;
}

.single-product #product .section.review .graph-right .list {
	width: fit-content;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 14px;
}

.single-product #product .section.review .graph-right .item {
	width: 100%;
	display: flex;
	align-items: center;
}

.single-product #product .section.review .graph-right .item span {
	color: #A0A0A0;
	font-size: 12px;
	font-weight: 500;
	margin-right: 17px;
}

.single-product #product .section.review .graph-right .item.active span {
	color: #000;
	font-weight: 600;
}

.single-product #product .section.review .graph-right .bar-bg {
	position: relative;
	width: 186px;
	height: 12px;
	background: #EBEDF2;
	border-radius: 30px;
	margin-right: 12px;
	overflow: hidden;
}

.single-product #product .section.review .graph-right .bar {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	background: #8EA3F5;
	border-radius: 30px;
}

.single-product #product .section.review .graph-right .review-count {
	margin-right: 0 !important;
}


.single-product #product .section.review .review-banner {
	border-radius: 6px;
	border: 1px solid #EEE;
	background: #F9FAFB;
	padding: 15px 19px;
	display: flex;
	gap: 15px;
	align-items: center;
	margin-bottom: 27px;
	cursor: pointer;
}

.single-product #product .section.review .review-banner div p {
	color: #000;
	font-family: "Noto Sans KR";
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.6px;
	margin-bottom: 2px;
	margin-top: 1px;
}

.single-product #product .section.review .review-banner div strong {
	color: #000;
	font-family: "Noto Sans KR";
	font-size: 13px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.65px;
}

.single-product #product .section.review .review-banner img {
	width: 42px;
	height: 42px;;
}

.single-product #product .section.review .review-banner svg {
	margin-left: auto;
}

.single-product #product .section.review .noti {
	color: #888;
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
	padding-left: 21px;
	position: relative;
	margin-bottom: 20px;
}

.single-product #product .section.review .noti::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 15px;
	height: 15px;
	background: url('../images/renewal/product-single/icon-ai-system.svg') no-repeat center center / contain;
}

.single-product #product .section.review .keywords {
  border-radius: 12px;
  background: #F7FAFC;
  padding: 16px 22px;
  margin-bottom: 20px;
}

.single-product #product .section.review .keywords .swiper {
  width: 100%;
}

.single-product #product .section.review .keywords .swiper-slide {
  width: auto;
}

.single-product #product .section.review .keyword {
  color: #666;
  font-size: 15px;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: normal;
}

.single-product #product .section.review .keyword.active {
  color: #000;
  font-weight: 600;
  margin-right: 18px;
  position: relative;
}

.single-product #product .section.review .keyword.active::after {
  content: '';
  position: absolute;
  left: calc(100% + 6px);
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 10px;
  background: url('../images/renewal/home/icon-check-black.svg') no-repeat center center / contain;
}



.single-product #product .section.review .main-post-wrapper img.review-image-mobile {
	display: none;
}

.single-product #product .section.review .more-loading,
.single-product #product .section.review .init-loading {
  height: 498px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.single-product #product .section.review .review-posts .review-list {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  padding-top: 32px;
  padding-bottom: 30px;
  border-top: 1px solid #eee;
}

.single-product #product .section.review .review-item {
  display: block;
  border-radius: 12px;
  border: 1px solid #EEE;
  background: #FFF;
  padding: 24px 24px 21px;
}

.single-product #product .section.review .review-item .top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  min-width: 0;
  margin-bottom: 9px;
}

.single-product #product .section.review .review-item .top .text {
  flex: 1;
  min-width: 0;
}

.single-product #product .section.review .review-item .user-info {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}

.single-product #product .section.review .review-item .star {
  display: inline-block;
  border-radius: 6px;
  background: rgba(254, 224, 0, 0.10);
  padding: 3px 6px 3px 20px;
  position: relative;
  color: #444;
  font-family: Inter;
  font-size: 13px;
  font-weight: 500;
  line-height: normal;
  margin-right: 6px;
}

.single-product #product .section.review .review-item .star::before {
  content: '';
  position: absolute;
  left: 6px;
  top: 5px;
  width: 12px;
  height: 12px;
  background: url('../images/renewal/home/icon-star.svg') no-repeat center center / contain;
}

.single-product #product .section.review .review-item .user-block {
  display: flex;
  align-items: center;
  gap: 3px;
}

.single-product #product .section.review .review-item .membership {
  width: 19px;
  margin-right: 3px;
}

.single-product #product .section.review .review-item .user-id {
  color: #444;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  margin-right: 4px;
  width: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.single-product #product .section.review .review-item .date {
  color: #999;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
}

.single-product #product .section.review .review-item .content {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
}

.single-product #product .section.review .review-item .top .photo {
  flex-shrink: 0;
  width: 122px;
  height: auto;
  aspect-ratio: 1 / 1;
  border-radius: 10px;
  overflow: hidden;
}

.single-product #product .section.review .review-item .top .photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.single-product #product .section.review .review-item .bottom {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
}

.single-product #product .section.review .review-item .product-info {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
}

.single-product #product .section.review .review-item .product-info .img {
  width: 30px;
  height: auto;
  aspect-ratio: 1 / 1;
  border-radius: 6px;
  border: 1px solid #eee;
  overflow: hidden;
}

.single-product #product .section.review .review-item .product-info .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.single-product #product .section.review .review-item .product-name {
  color: rgba(1, 1, 1, 0.5);
  font-size: 13px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: normal;
  max-width: 13em;
}

.single-product #product .section.review .review-item .like-block {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
}

.single-product #product .section.review .review-item .like-block>div {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #999;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.single-product #product .section.review .review-item .like-block .btn-like {
  cursor: pointer;
}

.single-product #product .section.review .review-item .like-block .btn-like img.active {
  display: none;
}

.single-product #product .section.review .review-item .like-block .btn-like.active img.active {
  display: block;
}

.single-product #product .section.review .review-item .like-block .btn-like.active img.default {
  display: none;
}



.single-product #product .section.review .pagination-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 14px;
}

.single-product #product .section.review .pagination-wrap .btn {
  width: 30px;
  height: auto;
  aspect-ratio: 1 / 1;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
  cursor: pointer;
}

.single-product #product .section.review .pagination-wrap .btn svg {
  width: 6px;
}

.single-product #product .section.review .pagination-wrap .btn svg * {
  stroke: currentColor;
}

.single-product #product .section.review .pagination-wrap .btn.disabled {
  cursor: unset;
  color: rgba(0, 0, 0, 0.2);
}

.single-product #product .section.review .pagination-wrap .page {
  width: 30px;
  height: auto;
  aspect-ratio: 1 / 1;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: normal;
  color: #aaa;
}

.single-product #product .section.review .pagination-wrap .page.current {
  color: #000;
  background: #F7FAFC;
}





/* 상세정보 공통 */
.single-product #product .section.detail .youtube-block {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 330 / 185;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}

.single-product #product .section.detail .youtube-block::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.single-product #product .section.detail .youtube-block::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 38px;
  height: 38px;
  background: url('../images/renewal/product-single/icon-youtube-play.png') no-repeat center center / contain;
  z-index: 2;
}

.single-product #product .section.detail .youtube-block .img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}




/* 상세정보 */
.single-product #product .section.detail {
	padding-top: 100px;
}

.single-product #product .section.detail .bg-blue {
	background: #F7FAFC;
}

.single-product #product .section.detail .color-blue {
	color: #1351F6;
}

.single-product #product .section.detail .product-info-box {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 70px 0 100px;
}

.single-product #product .section.detail .product-info-box>div {
	width: 518px;
}

.single-product #product .section.detail .product-info-box .youtube-block {
  margin-bottom: 70px;
}

.single-product #product .section.detail .product-info-box .title-block {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 28px;
}

.single-product #product .section.detail .product-info-box .title-block .logo {
	width: 92px;
}

.single-product #product .section.detail .product-info-box .title-block .text {
	color: #999;
	text-align: right;
	font-size: 20px;
	font-weight: 400;
	line-height: 120%;
}

.single-product #product .section.detail .product-info-box .card {
	background: #FFF;
	border-radius: 24px;
	filter: drop-shadow(0px 3px 14px rgba(0, 0, 0, 0.04));
	position: relative;
}

.single-product #product .section.detail .product-info-box .card:first-child::after {
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	width: 457px;
	height: 1px;
	background-color: #f7f7f7;
	z-index: 1;
}

.single-product #product .section.detail .product-info-box .card-top {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 60px 0 64px;
}

.single-product #product .section.detail .product-info-box .card-top img {
	width: 262px;
}

.single-product #product .section.detail .product-info-box .card-bottom {
	padding: 38px 36px;
}

.single-product #product .section.detail .product-info-box .card-bottom .brand-block {
	display: flex;
	align-items: center;
	gap: 9px;
	margin-bottom: 16px;
}

.single-product #product .section.detail .product-info-box .card-bottom .brand-img {
	flex-shrink: 0;
	width: 21px;
	height: auto;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	border-radius: 50%;
	border: 1px solid #eee;
}

.single-product #product .section.detail .product-info-box .card-bottom .brand-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.single-product #product .section.detail .product-info-box .card-bottom .brand-name {
	color: #444;
	font-family: "Noto Sans KR";
	font-size: 18px;
	font-weight: 500;
	line-height: normal;
	letter-spacing: normal;
}

.single-product #product .section.detail .product-info-box .card-bottom .product-name {
	color: #000;
	font-size: 39px;
	font-weight: 700;
	line-height: 140%;
	margin-bottom: 12px;
}

.single-product #product .section.detail .product-info-box .card-bottom .product-desc {
	color: #666;
	font-size: 19.5px;
	font-weight: 400;
	line-height: 130%;
	margin-bottom: 60px;
}

.single-product #product .section.detail .product-info-box .card-bottom .info-list {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 37px;
}

.single-product #product .section.detail .product-info-box .card-bottom .info-item {
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 18px;
  min-width: 0;
  position: relative;
}

.single-product #product .section.detail .product-info-box .card-bottom .info-item::before {
  content: "";
  position: absolute;
  left: 22px;
  top: calc(47px + 6px);
  width: 3px;
  height: 31px;
  border-radius: 36.259px;
  background: #EEE;
}

.single-product #product .section.detail .product-info-box .card-bottom .info-item:last-child::before {
  display: none;
}

.single-product #product .section.detail .product-info-box .card-bottom .info-item .icon {
  width: 47px;
  flex-shrink: 0;
}

.single-product #product .section.detail .product-info-box .card-bottom .info-item .text {
  flex: 1;
  min-width: 0;
}

.single-product #product .section.detail .product-info-box .card-bottom .info-item .title {
  color: #000;
  font-size: 24px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: -0.48px;
  margin-bottom: 4px;
}

.single-product #product .section.detail .product-info-box .card-bottom .info-item .desc {
  color: #666;
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.4px;
}




.single-product #product .section.detail .target-box {
	padding: 100px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.single-product #product .section.detail .target-box .exclamation {
	width: 12px;
	margin-bottom: 36px;
}

.single-product #product .section.detail .target-box .title {
	color: #000;
	text-align: center;
	font-size: 45px;
	font-weight: 700;
	line-height: 130%;
	margin-bottom: 37px;
}

.single-product #product .section.detail .target-box .img {
	width: 518px;
	position: relative;
	margin-bottom: 48px;
}

.single-product #product .section.detail .target-box .img-wrap {
  width: 100%;
  height: auto;
  aspect-ratio: 518 / 327;
  border-radius: 24px;
  overflow: hidden;
}

.single-product #product .section.detail .target-box .img img {
	width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.single-product #product .section.detail .target-box .img .arrow {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -27px;
	width: 54px;
	height: auto;
	aspect-ratio: 1 / 1;
	background: #fff;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #f7f7f7;
	filter: drop-shadow(0px 2px 14px rgba(0, 0, 0, 0.04));
}

.single-product #product .section.detail .target-box .target-list {
	position: relative;
	padding: 57px 47px 34px;
	width: fit-content;
	min-width: 482px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 30px;
}

.single-product #product .section.detail .target-box .target-list::before,
.single-product #product .section.detail .target-box .target-list::after {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-size: 159px;
	font-weight: 100;
	line-height: 140%;
	color: rgba(0, 0, 0, 0.04);
}

.single-product #product .section.detail .target-box .target-list::before {
	content: "(";
	left: 0;
}

.single-product #product .section.detail .target-box .target-list::after {
	content: ")";
	right: 2px;
}

.single-product #product .section.detail .target-box .target-list .target-item {
  width: 100%;
	color: #000;
	font-size: 24px;
	font-weight: 300;
	line-height: 140%;
	text-align: center;
	word-break: keep-all;
}

.single-product #product .section.detail .target-box .target-list .target-item strong {
	font-weight: 700;
}



.single-product #product .section.detail .features-box {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 90px 0 100px;
  position: relative;
  overflow: hidden;
}

.single-product #product .section.detail .features-box>.block {
	width: 518px;
}

.single-product #product .section.detail .features-box .block-why {
	width: 318px;
	margin: 0 auto 57px;
	padding: 27px 44px;
	border-radius: 0 24px 24px 24px;
	border: 1px solid #F1F1F1;
	box-shadow: 0 4.5px 21px 0 rgba(0, 0, 0, 0.05);
	color: #000;
	font-size: 21px;
	font-weight: 400;
	line-height: 140%;
	background: #FFF;
  transform: translateX(-73px);
}

.single-product #product .section.detail .features-box .img-hand {
  position: absolute;
  right: 0;
  top: 40px;
  width: 257px;
}

.single-product #product .section.detail .features-box .block-title {
	text-align: center;
	color: #000;
	margin-bottom: 54px;
}

.single-product #product .section.detail .features-box .block-title .sub-title {
	font-size: 24px;
	font-weight: 600;
	line-height: 140%;
	margin-bottom: 32px;
}

.single-product #product .section.detail .features-box .block-title .title {
	font-size: 45px;
	font-weight: 700;
	line-height: 130%;
	margin-bottom: 32px;
}

.single-product #product .section.detail .features-box .block-title .title i {
	font-style: normal;
	position: relative;
}

.single-product #product .section.detail .features-box .block-title .title i::before {
	content: '';
	position: absolute;
	top: -5px;
	left: 50%;
	transform: translateX(-50%);
	width: 4.5px;
	height: auto;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	background-color: #1351F6;
}

.single-product #product .section.detail .features-box .block-title .desc {
	color: #888;
	font-size: 19.5px;
	font-weight: 400;
	line-height: 140%;
	margin-bottom: 56px;
}

.single-product #product .section.detail .features-box .block-title .bottom-arrow {
	width: 15px;
	display: block;
	margin: 0 auto;
}


.single-product #product .section.detail .features-box .block-benefit {
	border-radius: 24px;
	background: #FFF;
	padding: 3px 30px;
	margin-bottom: 90px;
}

.single-product #product .section.detail .features-box .block-benefit .list {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.single-product #product .section.detail .features-box .block-benefit .item  {
	width: 100%;
	padding: 36.5px 6px;
	border-bottom: 1px solid #eee;
	display: flex;
	align-items: center;
	gap: 20px;
	min-width: 0;
}

.single-product #product .section.detail .features-box .block-benefit .item:last-child {
	border-bottom: none;
}

.single-product #product .section.detail .features-box .block-benefit .item .icon {
	flex-shrink: 0;
	width: 75px;
}

.single-product #product .section.detail .features-box .block-benefit .item .text {
	flex: 1;
	min-width: 0;
}

.single-product #product .section.detail .features-box .block-benefit .item-title {
	color: #666;
	font-size: 18px;
	font-weight: 400;
	line-height: 100%;
	margin-bottom: 9px;
}

.single-product #product .section.detail .features-box .block-benefit .item-desc {
	color: #000;
	font-size: 19.5px;
	font-weight: 500;
	line-height: 140%;
}



.single-product #product .section.detail .features-box .block-difference {}

.single-product #product .section.detail .features-box .block-difference .title {
	color: #000;
	text-align: center;
	font-size: 45px;
	font-weight: 700;
	line-height: 130%;
	margin-bottom: 62px;
}

.single-product #product .section.detail .features-box .block-difference .graph-box {
	overflow: hidden;
	border-radius: 24px;
	margin-bottom: 30px;
}

.single-product #product .section.detail .features-box .block-difference .graph-box-title {
	width: 100%;
	color: #FFF;
	text-align: center;
	font-size: 24px;
	font-weight: 600;
	line-height: 140%;
	padding: 19px 0;
	background: linear-gradient(90deg, #1351F6 0%, rgba(19, 81, 246, 0.50) 100%);
}

.single-product #product .section.detail .features-box .block-difference .graph-box-content {
	background-color: #fff;
	position: relative;
	width: 100%;
	padding: 41px 36px 40px;
}

.single-product #product .section.detail .features-box .block-difference .graph-box .img {
	display: block;
	width: 100%;
}

.single-product #product .section.detail .features-box .block-difference .graph-box .text {
	position: absolute;
	top: 56.5px;
	left: calc(50% + 17px);
	text-align: center;
}

.single-product #product .section.detail .features-box .block-difference .graph-box .text .title {
	color: #000;
	font-size: 27px;
	font-weight: 700;
	line-height: 140%;
	margin-bottom: 2px;
}

.single-product #product .section.detail .features-box .block-difference .graph-box .text .desc {
	color: #000;
	font-size: 18px;
	font-weight: 400;
	line-height: 140%;
	margin-bottom:6.5px;
}

.single-product #product .section.detail .features-box .block-difference .graph-box .text .diff {
	color: #1351F6;
	font-size: 69px;
	font-weight: 700;
	line-height: 140%;
	position: relative;
}

.single-product #product .section.detail .features-box .block-difference .graph-box .text .diff::after {
	content: '';
	position: absolute;
	right: -12px;
	top: 24px;
	width: 61.5px;
	height: auto;
	aspect-ratio: 41 / 36;
	background: url('../images/renewal/product-single/img-blue-arrow.png') no-repeat center / contain;
}

.single-product #product .section.detail .features-box .block-difference .graph-caption {
	color: #888;
	text-align: center;
	font-size: 18px;
	font-weight: 400;
	line-height: 140%;
}


.single-product #product .section.detail .delivery-box {
	padding: 100px 0 61px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.single-product #product .section.detail .delivery-box .sub-title {
	color: #999;
	font-size: 21px;
	font-weight: 500;
	line-height: 130%;
	transform: translateY(5px);
}

.single-product #product .section.detail .delivery-box .title {
	color: #000;
	font-size: 45px;
	font-weight: 700;
	line-height: 130%;
	margin-bottom: 45px;
}

.single-product #product .section.detail .delivery-box .list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 131px;
}

.single-product #product .section.detail .delivery-box .item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
	position: relative;
}

.single-product #product .section.detail .delivery-box .item:first-child::after {
	content: '';
	position: absolute;
	right: -67px;
	top: 0;
	width: 1px;
	height: 100%;
	background-color: #eee;
}

.single-product #product .section.detail .delivery-box .item img {
	width: 78px;
}

.single-product #product .section.detail .delivery-box .item .text {
	color: #000;
	font-size: 24px;
	font-weight: 400;
	line-height: 130%;
}


.single-product #product .section.detail .etc-box {
	width: 100%;
	background-color: #000;
	padding: 36px 0 100px;
	margin-bottom: 100px;
}

.single-product #product .section.detail .etc-box .tabs {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 24px;
	margin-bottom: 87.5px;
}

.single-product #product .section.detail .etc-box .tab {
	color: #FFF;
	font-size: 21px;
	font-weight: 500;
	line-height: 140%;
	position: relative;
}

.single-product #product .section.detail .etc-box .tab.active::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -12.5px;
	width: 100%;
	height: 1px;
	background-color: #fff;
}

.single-product #product .section.detail .etc-box .contents {}

.single-product #product .section.detail .etc-box .tab-content .sub-title {
	color: #4D8EFF;
	font-size: 19.5px;
	font-weight: 600;
	line-height: 160%;
	text-align: center;
	margin-bottom: 5px;
}

.single-product #product .section.detail .etc-box .tab-content .title {
	color: #FFF;
	font-size: 42px;
	font-weight: 700;
	line-height: 140%;
	text-align: center;
	margin-bottom: 16px;
}

.single-product #product .section.detail .etc-box .tab-content .desc {
	width: 518px;
	color: rgba(255, 255, 255, 0.8);
	font-size: 19.5px;
	font-weight: 400;
	line-height: 160%;
	text-align: center;
	margin: 0 auto 47px;
}

.single-product #product .section.detail .etc-box .tab-content-1 {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.single-product #product .section.detail .etc-box .tab-content.tab-content-1 .title {
  margin-bottom: 20px;
}

.single-product #product .section.detail .etc-box .tab-content-1 .youtube-block {
  max-width: 518px;
  margin: 0 auto 20px;
}

.single-product #product .section.detail .etc-box .tab-content-1 .list {}

.single-product #product .section.detail .etc-box .tab-content-1 .swiper {
	width: 709px;
	margin: 0 auto;
	z-index: 0;
}

.single-product #product .section.detail .etc-box .tab-content-1 .swiper-wrapper {
	z-index: 0;
}

.single-product #product .section.detail .etc-box .tab-content-1 .swiper-slide {
	width: auto;
}

.single-product #product .section.detail .etc-box .tab-content-1 .item {
	width: 330px;
}

.single-product #product .section.detail .etc-box .tab-content-1 .item img {
	width: 100%;
}

.single-product #product .section.detail .etc-box .tab-content-1 .item .img-caption {
	color: #FFF;
	text-align: center;
	font-size: 19.5px;
	font-weight: 300;
	line-height: 160%;
	margin-top: 15px;
}

.single-product #product .section.detail .etc-box .tab-content-2 {
	padding: 0 45px;
}

.single-product #product .section.detail .etc-box .tab-content-2 img {
	display: block;
	width: 100%;
	margin: 0 auto;
}

.single-product #product .section.detail .etc-box .tab-content-3 {
	padding: 0 45px;
}

.single-product #product .section.detail .etc-box .tab-content-3 .title {
	margin-bottom: 45px;
}

.single-product #product .section.detail .etc-box .tab-content-3 ul {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 18px;
	width: 100%;
	max-width: max-content;
	margin: 0 auto;
	counter-reset: list-counter; /* 리스트 번호 초기화 */
	list-style: none; /* 기본 번호 제거 */
}

.single-product #product .section.detail .etc-box .tab-content-3 li {
	counter-increment: list-counter; /* 항목마다 카운트 증가 */
	color: #FFF;
	font-size: 19.5px;
	font-weight: 400;
	line-height: 160%;
	position: relative;
	padding-left: 1.5em;
}

.single-product #product .section.detail .etc-box .tab-content-3 li::before {
	content: counter(list-counter) ". ";
	position: absolute;
	left: 0;
	color: #fff;
}

.single-product #product .section.detail .etc-box .tab-content {
	display: none;
}

.single-product #product .section.detail .etc-box .tab-content.active {
	display: block;
}

.single-product #product .section.detail .etc-box .tab-content-1.active {
	display: flex;
}



.single-product #product .section.detail .info-table {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #000;
}

.single-product #product .section.detail .info-table col:nth-of-type(1) {
	width: 15.63%;
}

.single-product #product .section.detail .info-table tr {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.single-product #product .section.detail .info-table th,
.single-product #product .section.detail .info-table td {
	padding: 11px 14px;
	font-size: 13px;
	font-weight: 400;
	line-height: 140%;
	text-align: left;
}

.single-product #product .section.detail .info-table th {
	background: #F7FAFC;
	color: #333;
}

.single-product #product .section.detail .info-table td {
	color: #444;
}



/* 관련상품 */
.single-product #product .section.relation-products {
	margin-top: 100px;
	padding-bottom: 100px;
}

.single-product #product .section.relation-products .product-item {
	display: block;
}

.single-product #product .section.relation-products .product-item .img {
	width: 100%;
	aspect-ratio: 1 / 1;
	border: 1px solid #E9E9E9;
	overflow: hidden;
	border-radius: 12px;
	margin-bottom: 16px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px;
}

.single-product #product .section.relation-products .product-item .img .badge {
	position: absolute;
	left: 12px;
	top: 12px;
	z-index: 1;
}

.single-product #product .section.relation-products .product-item .img .badge.todaySale {
	width: 34px;
	height: auto;
	aspect-ratio: 1 / 1;
	background: url('../images/renewal/home/badge-today-sale.svg') no-repeat center center / contain;
}

.single-product #product .section.relation-products .product-item .img img {
	display: block;
}

.single-product #product .section.relation-products .product-item .category {
	color: rgba(136, 136, 136, 0.9);
	font-size: 13px;
	font-weight: 500;
	line-height: normal;
	letter-spacing: normal;
	margin-bottom: 8px;
}

.single-product #product .section.relation-products .product-item .product-name {
	color: #000;
	font-size: 15px;
	font-weight: 500;
	line-height: normal;
	letter-spacing: normal;
	margin-bottom: 8px;
}

.single-product #product .section.relation-products .product-item .regular-price-block {
	display: flex;
	align-items: center;
	gap: 3px;
	margin-bottom: 6px;
}

.single-product #product .section.relation-products .product-item .regular-price-block .text {
	color: #F9463D;
	font-size: 13px;
	font-weight: 500;
	line-height: normal;
}

.single-product #product .section.relation-products .product-item .regular-price {
	color: #999;
	font-family: Inter;
	font-size: 13px;
	font-weight: 400;
	text-decoration-line: line-through;
}

.single-product #product .section.relation-products .product-item .price-block {
	display: flex;
	align-items: center;
	gap: 2px;
}

.single-product #product .section.relation-products .product-item .price-block .percent {
	color: #F9463D;
	font-family: Inter;
	font-size: 16px;
	font-weight: 700;
	line-height: normal;
}

.single-product #product .section.relation-products .product-item .price {
	color: #000;
	font-family: Inter;
	font-size: 16px;
	font-weight: 700;
	line-height: normal;
}

.single-product #product .section.relation-products .swiper-pagination.custom {
	position: static;
	left: unset;
	bottom: unset;
	transform: none;
	margin-top: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 6px;
}

.single-product #product .section.relation-products .swiper-pagination.custom .swiper-pagination-bullet {
	margin: 0 !important;
	width: 6px;
	height: 6px;
	border-radius: 40px;
	background: #D9D9D9;
	opacity: 1;
}

.single-product #product .section.relation-products .swiper-pagination.custom .swiper-pagination-bullet-active {
	width: 20px;
	height: 6px;
	background: #000;
}

.single-product #product .bottom-sheet {
	display: none;
}

.single-product #product .replace-bottom-sheet {
	display: block;
	position: fixed;
	right: 0;
	left: 50%;
	bottom: 0;
	max-width: 393px;
	width: 100%;
	transform: translate(-50%, 100%);
	border-radius: 22px 22px 0 0;
	background: #FFF;
	z-index: 9999999;
	padding: 30px 20px;
	transition: transform .3s;
}
.single-product #product .replace-bottom-sheet.active {
	transform: translate(-50%, 0);
}
.single-product #product .replace-bottom-sheet .bar {
	position: absolute;
	background: #EEE;
	width: 43px;
	height: 4px;
	border-radius: 30px;
	top: 10px;
	left: 50%;
	transform: translateX(-50%);
	cursor: pointer;
}
.single-product #product .rb-overlay {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 99;
	top: 0;
	left: 0;
}
.single-product #product .rb-overlay.active {
	display: block;
}
.single-product #product .replace-bottom-sheet .rb-title {
	color: #000;
	font-family: "Noto Sans KR";
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 160%; /* 28.8px */
	margin-bottom: 18px;
}
.single-product #product .replace-bottom-sheet .rb-content {
	color: #555;
	font-family: Pretendard;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; /* 19.6px */
	margin-bottom: 18px;
}
.single-product #product .replace-bottom-sheet .rb-content span {
	color: #1351F6;
}
.single-product #product .replace-bottom-sheet .btn-wrapper .btn-white {
	max-width: 120px;
	cursor: pointer;
}
.single-product #product .replace-bottom-sheet .btn-wrapper .btn-black {
	cursor: pointer;
}
.single-product #product .replace-bottom-sheet .btn-wrapper {
	grid-template-columns: 120px 1fr;

}





/* 멤버십안내 모달 */
.single-product #product .modal {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10000;
	opacity: 0;
	visibility: hidden;
	transition: transform 0.2s;
}

.single-product #product .modal.active {
	opacity: 1;
	visibility: visible;
	z-index: 9999999999;
}

.single-product #product .modal .overlay {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	z-index: -1;
	transition: 0.2s;
}

.single-product #product .modal.active .overlay {
	opacity: 1;
	visibility: visible;
	z-index: 50;
}

.single-product #product .modal .container {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	max-width: 410px;
	height: 680px;
	z-index: 100;
	border-radius: 18px;
	background: #fff;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
  overflow: hidden;
	transition: transform 0.2s;
}

.single-product #product .modal .container::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 24px;
  width: 100%;
  height: 40px;
  background: linear-gradient(transparent, #fff);
  z-index: 1;
}

.single-product #product .modal .container::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 24px;
  background-color: #fff;
  z-index: 1;
}

.single-product #product .modal .container .modal-header,
.single-product #product .modal .container .modal-cont {
	width: 100%;
}

.single-product #product .modal .container .modal-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
  padding: 24px 24px 28px;
}

.single-product #product .modal .container .modal-title {
	color: #000;
	font-size: 18px;
	font-weight: 700;
	line-height: 160%;
}

.single-product #product .modal .container .btn-close {
	width: 18px;
}

.single-product #product .modal .container .btn-close img {
	width: 100%;
}

.single-product #product .modal .container .modal-cont {
	flex: 1;
  overflow-y: auto;
  padding-bottom: 50px;
}

.single-product #product .modal .container .modal-cont::-webkit-scrollbar {
  width: 6px;
}

.single-product #product .modal .container .modal-cont::-webkit-scrollbar-track {
  background-color: transparent;
  border: none;
}

.single-product #product .modal .container .modal-cont::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  width: 3px;
  border-right: 3px solid #fff;
}

.single-product #product .modal .container .modal-cont iframe {
	width: 100%;
	height: 1303px;
}



/* 유튜브 모달 */
.single-product #product .youtube-player-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
  transition: transform 0.2s;
}

.single-product #product .youtube-player-modal.active {
  opacity: 1;
  visibility: visible;
  z-index: 9999999999;
}

.single-product #product .youtube-player-modal .dim {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  transition: 0.2s;
}

.single-product #product .youtube-player-modal.active .dim {
  opacity: 1;
  visibility: visible;
  z-index: 50;
}

.single-product #product .youtube-player-modal .container {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1284px;
  height: auto;
  aspect-ratio: 16 / 9;
  z-index: 100;
  transition: transform 0.2s;
}

.single-product #product .youtube-player-modal .btn-close {
  position: absolute;
  top: 0;
  left: calc(100% + 8px);
  width: 20px;
  cursor: pointer;
}

.single-product #product .youtube-player-modal .btn-close img {
  width: 100%;
}

.single-product #product .youtube-player-modal .iframe-wrap {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.single-product #product .youtube-player-modal .iframe-wrap iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}



/* 리뷰작성하기 공통 모달 */
.review-list-modal .modal-wrap{
	padding:30px 0 40px 0;
	max-height: 507px;
	height: 100%;
}

.review-list-modal .modal-header {
	margin:0 20px 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
}

.review-list-modal .modal-header .bar{
  width: 43px;
  height: 4px;
  border-radius: 30px;
  background: #D7D7D7;
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
}

.review-list-modal .modal-header h1{
	font-size: 18px;
	margin-bottom: 0;
}

.review-list-modal .modal-header button.close-btn{
	top: 0;
}

.review-list-modal .modal-content{
	margin-bottom: 0;
	height: calc(100% - 51px);
	overflow-y: auto;
	padding: 0 20px;
}

.review-list-modal .modal-content::-webkit-scrollbar {
  width: 6px;
}

.review-list-modal .modal-content::-webkit-scrollbar-track {
  background-color: transparent;
  border: none;
}

.review-list-modal .modal-content::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  width: 3px;
  border-right: 3px solid #fff;
}

.review-list-modal .modal-content .review-exists{
	display: block;
}

.review-list-modal .modal-content .review-exists .item{
	border-radius: 8px;
	border: 1px solid #EEE;
	background: #FFF;
	box-shadow: 0 3px 14px 0 rgba(0, 0, 0, 0.04);
	padding: 20px 20px 18px 20px;
}

.review-list-modal .modal-content .review-exists .item:not(:last-child){
	margin-bottom: 12px;
}

.review-list-modal .modal-content .review-exists .item .top{
	display: flex;
	justify-content: start;
	align-items: center;
	gap: 14px;
	padding-bottom: 16px;
	border-bottom: 1px solid #eee;
}

.review-list-modal .modal-content .review-exists .item .top .item-img{
	background: #F7FAFC;
	border-radius: 2px;
	width: 68px;
	height: auto;
	aspect-ratio:  1 / 1;
	display: flex;
	justify-content: center;
	align-items: center;
}

.review-list-modal .modal-content .review-exists .item .top .item-img img{
	width: 49px;
	height: auto;
	aspect-ratio: 1 / 1;
}

.review-list-modal .modal-content .review-exists .item .top .item-info .title{
	font-size: 14px;
	font-weight: 600;
	line-height: 140%;
	letter-spacing: -0.28px;
	color: #000;
	margin-bottom: 8px;
}

.review-list-modal .modal-content .review-exists .item .top .item-info .option{
	display: flex;
	align-items: center;
	gap: 4px;
}

.review-list-modal .modal-content .review-exists .item .top .item-info .option span{
	font-size: 12px;
	font-weight: 400;
	letter-spacing: -0.24px;
	line-height: normal;
	color: #777;
}

.review-list-modal .modal-content .review-exists .item .top .item-info .option span strong{
	margin-right: 4px;
}


.review-list-modal .modal-content .review-exists .item .bot{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 14px;
}

.review-list-modal .modal-content .review-exists .item .bot .point span{
	font-size: 13px;
	font-weight: 500;
	line-height: 130%;
	letter-spacing: -0.26px;
}

.review-list-modal .modal-content .review-exists .item .bot .point p{
	font-size: 16px;
	font-weight: 600;
	line-height: 130%;
	letter-spacing: -0.32px;
	color: #1351F6;
}

.review-list-modal .modal-content .review-exists .item .bot button{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 4px;
	width: 134px;
	height: 42px;
	line-height: 42px;
	border-radius: 7px;
	border: 1px solid rgba(19, 81, 246, 0.12);
	background: #FFF;
	font-size: 14px;
	font-weight: 700;
	line-height: 130%;
	color: #1351F6;
	font-family:'Pretendard', sans-serif;
}

.review-list-modal .modal-content .review-exists .item .bot button img{
	width: 18px;
	height: auto;
	aspect-ratio: 1 / 1;
}

.review-list-modal .modal-content .review-empty{
	text-align: center;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	display: none;
}

.review-list-modal .modal-content .review-empty img{
	width: 60px;
	height: auto;
	aspect-ratio: 1 / 1;
}

.review-list-modal .modal-content .review-empty p{
	font-size: 14px;
	font-weight: 400;
	line-height: 140%;
	letter-spacing: -0.28px;
	color: #666;
	margin-top: 20px;
}


/* 리뷰작성하기폼모달 */
@media screen and (min-width:768px){
	.review-form-modal .modal-wrap{
		max-width: 500px;
		height: auto;
		bottom: unset;
		top: 50%;
		transform: translate(-50%, -50%);
		border-radius:0;
		padding:0 30px;
		position: relative;
		overflow: hidden;
	}

	.review-form-modal.active .modal-wrap{
		transform: translate(-50%, -50%);
	}
}

@media screen and (max-width:768px){
	.review-form-modal .modal-wrap{
			padding: 0px 20px;
	}

	.review-form-modal .modal-header{
		padding: 27px 0 25px 0 !important; 
	}

	.review-form-modal .modal-content{
		max-height: 430px !important;
		margin-bottom: 16px !important;
	}

	.review-form-modal .modal-content .product-info{
		margin-bottom: 20px !important;
	}

	.review-form-modal .modal-content .rating-radio{
		margin-bottom: 20px !important;
	}

	.review-form-modal .modal-content .fields textarea{
		padding: 13px 16px !important;
	}
}

.review-form-modal .modal-wrap a.btn{
	margin-top: 20px;
	color: #fff;
	background: #1351f6;
	display: inline-block;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.5;
	border-radius: 4px;
	padding: 6px 12px;
	transition: 0.4s;
}

.review-form-modal .modal-wrap a.btn:hover{
	opacity: 0.7;
}

.review-form-modal .modal-header {
	/*padding: 30px 20px;*/
	margin-bottom: 0;
	border-bottom: 1px solid #000;
	padding: 30px 0 20px;
}

.review-form-modal .modal-header h1{
	font-size: 18px;
	margin-bottom: 0;
}

.review-form-modal .modal-header button.close-btn{
	top: 30px;
	width: 21px;
}

.review-form-modal .modal-content{
	margin-bottom: 40px;
	max-height: 680px;
	overflow-y: auto;
	scrollbar-width: none; 
	-ms-overflow-style: none;
}

.review-form-modal .modal-content::-webkit-scrollbar {
  /*width: 6px;*/
  display: none;
}

/*.review-form-modal .modal-content::-webkit-scrollbar-track {
  background-color: transparent;
  border: none;
}

.review-form-modal .modal-content::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  width: 3px;
  border-right: 3px solid #fff;
}*/

.review-form-modal .modal-content .product-info{
	background: #fafafa;
	padding: 16px 20px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	gap: 20px;
	margin-top: 20px;
	margin-bottom: 30px;
}

.review-form-modal .modal-content .product-info .img{
	background: #fff;
	border-radius: 3px;
	width: 70px;
	height: auto;
	aspect-ratio: 1 / 1;
	display: flex;
	justify-content: center;
	align-items: center;
}

.review-form-modal .modal-content .product-info .img img{
	width: 46px;
	height: auto;
	aspect-ratio: 1 / 1;
}

.review-form-modal .modal-content .product-info .info .date{
	font-size: 12px;
	font-weight: 400;
	line-height: normal;
	color: #000;
	margin-bottom: 5px;
}

.review-form-modal .modal-content .product-info .info .name{
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
	color: #646464;
	margin-bottom: 5px;
}

.review-form-modal .modal-content .product-info .info .option{
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
	color: #878787;
}

.review-form-modal .modal-content .rating-radio{
  display:flex;
  align-items:stretch;
  margin-bottom:30px;
}

.review-form-modal .modal-content .rating-radio input[type="radio"]{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.review-form-modal .modal-content .rating-radio label{
  flex:1;
  height:40px;
  display:flex;
  justify-content:center;
  align-items:center;
  gap: 5px;
  background:#fff;
  border:1px solid #eee;
  font-family:'Pretendard', sans-serif;
  font-size:16px;
  font-weight:400;
  color:#000;
  cursor:pointer;
  user-select:none;
  position: relative;
}

.review-form-modal .modal-content .rating-radio label svg path{
	color: #DBDBDB;
}

.review-form-modal .modal-content .rating-radio label + input + label,
.review-form-modal .modal-content .rating-radio label + label{
  border-left:0;
}

.review-form-modal .modal-content .rating-radio label:first-of-type{
  border-radius:5px 0 0 5px;
}
.review-form-modal .modal-content .rating-radio label:last-of-type{
  border-radius:0 5px 5px 0;
}

.review-form-modal .modal-content .rating-radio input[type="radio"]:checked + label{
  color:#1351f6;
  border:1px solid #1351f6;
  position:relative;
  z-index:1;
}

.review-form-modal .modal-content .rating-radio input[type="radio"]:checked + label svg path{
	fill: #1351f6;
}

.review-form-modal .modal-content .rating-radio label:hover{
  color:#777;
}


.review-form-modal .modal-content .fields{
	position: relative;
	margin-bottom: 20px;
}

.review-form-modal .modal-content .fields input[type='text']{
	margin-bottom: 10px;
	padding: 0 16px;
	font-size: 14px;
	line-height: 160%;
	border:1px solid #eee;
	border-radius: 4px;
}

.review-form-modal .modal-content .fields textarea{
	width: 100%;
	height: 200px;
	border-radius: 4px;
	border:1px solid #f0f0f0;
	box-sizing: border-box;
	background: #fff;
	padding: 20px;
	font-size: 14px;
	font-weight: 500;
	line-height: 160%;
	color: #111;
	font-family:'Pretendard', sans-serif;
}

.review-form-modal .modal-content .fields textarea::placeholder{
	color:#444;
}

.review-form-modal .modal-content .fields .count{
	position: absolute;
	bottom: 16px;
	right: 16px;
	font-size: 12px;
	font-weight: 400;
	line-height: 160%;
	color: #000;
	opacity: 0.3;
}

.review-form-modal .modal-content .attach{

}

.review-form-modal .modal-content .attach-row{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 5px;
}

.review-form-modal .modal-content .attach-thumb-box{
  display: flex;
  gap: 5px;
  overflow: unset;
}

.review-form-modal .modal-content .attach-thumb{
  width: 80px;
  height: 80px;
  border-radius: 4px;
  overflow: unset;
  background: #333;
  flex: 0 0 auto;
  border-radius: 2px;
  border: 1px solid #eee;
}

.review-form-modal .modal-content .attach-thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}


.review-form-modal .modal-content .attach-guide{
  margin: 0 0 12px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  color: #1351F6;
}
.review-form-modal .modal-content .attach-guide .star{
	font-weight: 700;
}

.review-form-modal .modal-content .attach-box{
  width: 80px;
  height: 80px;
  border: 1px dashed #9a9a9e;
  border-radius: 4px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  cursor: pointer;
  user-select: none;
}

.review-form-modal .modal-content .attach-box .attach-icon img{
	width: 24px;
	height: auto;
	aspect-ratio: 1 / 1;
}

.review-form-modal .modal-content .attach-count{
  font-size: 11px;
  line-height: 1;
  color: #999;
  display: flex;
  align-items: center;
}
.review-form-modal .modal-content .attach-count .current{
  color: #1351F6;
  font-weight: 700;
}

.review-form-modal .modal-footer{
	padding-bottom: 30px;
	gap: 10px;
}

.review-form-modal .modal-footer .btn.white{
	width:calc(50% - 5px);
	color: #000;
}

.review-form-modal .modal-footer.flex .btn{
	width:calc(50% - 2.5px);
	transition: 0.4s;
	cursor: pointer;
}

.review-form-modal .modal-footer.flex .btn:hover{
	opacity: 0.6;
}

.review-form-modal .btn-del-img{
	top: -8px;
	right: -8px;
	z-index: 10;
	width: 18px;
	height: 18px;
	border:1px solid #111;
	background:url('../images/renewal/home/close-btn.png') no-repeat center / 80% #fff;
}

.review-form-modal .btn-del-img::before,
.review-form-modal .btn-del-img::after{
	display: none;
}





@media screen and (max-width: 1560px) {
  /* 유튜브 모달 */
  .single-product #product .youtube-player-modal .container {
    width: 80vw;
  }
}

@media screen and (max-width: 1176px) {
	.single-product #product .w-1200 {
		max-width: 100%;
		padding: 0 20px;
	}
}

@media screen and (max-width: 1100px) {
	.single-product #product .section.info .wrap>.left {
		width: 50%;
	}
}

@media screen and (max-width: 840px) {
	.single-product #product .w-800 {
		max-width: 100%;
		padding: 0 20px;
	}
}

@media screen and (max-width: 768px) {
	.single-product #product .w-1200,
	.single-product #product .w-800 {
		padding: 0;
	}

	.single-product #product .section.info .right .price-block .info-item-2 .label {
		width: 37px;
		color: #666;
		font-family: Pretendard;
		font-size: 14px;
		font-style: normal;
		font-weight: 500;
		line-height: 130%; /* 18.2px */
	}
	.single-product #product .section.info .right .price-block .info-item-2 .content {
		margin-left: 47px;
		color: #000;
		font-family: Pretendard;
		font-size: 20px;
		font-style: normal;
		font-weight: 700;
		line-height: 130%; /* 26px */
		letter-spacing: -0.8px;
	}

	.single-product #product .section.info {
		padding-bottom: 0px;
	}
	.single-product #product .replacement-product {
		margin-top: 20px;
	}
	.single-product #product .replacement-product div {
		word-break: keep-all;
	}
	.single-product #product .replacement-product.replacement-mo {
		display: flex;
	}
	.single-product #product .replacement-product.replacement-pc {
		display: none;
	}

	.single-product #product .replacement-product.rp-box {
		margin-top: 0;
		margin-bottom: 30px;
	}


	.single-product #product .section.info .right .info-item>.content .earn-li {
		margin-bottom: 7px;
	}

	.single-product #product .order-box .price {
		font-size: 20px;
	}

	.single-product #product .order-box .price span {
		font-size: 20px;
	}

	.single-product #product .mo-block {
		display: block;
	}

	.single-product #product .mo-none {
		display: none;
	}

	.single-product #product .section-title {
		font-size: 18px;
		margin-bottom: 18px;
	}

	.single-product #product .section.info .wrap {
		flex-direction: column;
		gap: 0;
	}

	.single-product #product .section.info .wrap .mo-product-info {
		display: block;
		margin-top: 10px;
		padding: 0 20px;
	}

	.single-product #product .section.info .name-block .tag {
		font-size: 11px;
		margin-bottom: 12px;
	}

	.single-product #product .section.info .name-block .category {
		font-size: 14px;
	}

	.single-product #product .section.info .name-block .product-name {
		width: 100%;
		font-size: 20px;
		margin-bottom: 12px;
	}

	.single-product #product .section.info .review-count-block {
		justify-content: flex-start;
		margin-bottom: 21px;
	}


	.single-product #product .section.info .wrap>.left,
	.single-product #product .section.info .wrap>.right {
		width: 100%;
	}

	.single-product #product .section.info .right {
		padding: 0 20px;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}

	.single-product #product .section.info .left .review-count-block,
	.single-product #product .section.info .gallery-slider-block,
	.single-product #product .section.info .right .name-block,
	.single-product #product .section.info .right .order-box,
	.single-product #product .section.info .right .btn-wrapper {
		display: none;
	}

	.single-product #product .section.info .thumbnail-block {
		margin-bottom: 0;
	}

	.single-product #product .section.info div.product-image {
		background: #F7FAFC;
	}

	.single-product #product .section.info .right .info-block {
		width: 100%;
		border-top: none;
		border-bottom: 1px solid #eee;
	}

	.single-product #product .section.info .right .option-block {
		order: 1;
	}

	.single-product #product .section.info .right .price-block {
		order: 2;
	}

	.single-product #product .section.info .right .benefit-block {
		order: 3;
	}

	.single-product #product .section.info .right .info-item>.label {
		font-size: 14px;
	}

	.single-product #product .section.info .right .option-block {
		gap: 24px;
		padding: 30px 0 24px;
	}

	.single-product #product .section.info .right .option-block .info-item {
		flex-direction: column;
		gap: 12px;
	}

	.single-product #product .section.info .right .option-block .info-item>.label {
		width: 100%;
	}

	.single-product #product .section.info .right .option-block .info-item>.label span {
		color: #000;
		font-size: 14px;
		font-weight: 500;
		line-height: 130%;
		letter-spacing: normal;
		margin-left: 8px;
	}

	.single-product #product .section.info .right .info-item.option .content>div,
	.single-product #product .section.info .right .info-item.quantity .content>div,
	.single-product #product .section.info .right .info-item.gift .content>div {
		gap: 8px;
	}

	.single-product #product .section.info .right .info-item.quantity label,
	.single-product #product .section.info .right .info-item.gift label {
		font-size: 12px;
	}

	.single-product #product .section.info .right .info-item.quantity label,
	.single-product #product .section.info .right .info-item.gift label {
		min-width: 46px;
	}

	.single-product #product .section.info .right .info-item>.content {
		font-size: 14px;
	}

	.single-product #product .section.info .right .price-block {
		gap: 18px;
		padding: 29px 0 28px;
	}

	.single-product #product .section.info .right .regular-price {
		font-size: 20px;
	}

	.single-product #product .section.info .right .price-block .label {
		width: 84px;
	}

	.single-product #product .section.info .right .price-block .info-item-2 .content>div {
		font-size: 20px;
	}

	.single-product #product .section.info .right .price-block .message {
		margin-top: 16px;
	}



  /*250716 수정*/
  .single-product #product .section.info .right .price-block .info-item-1.on-sale .regular-price {
    font-size: 14px;
  }

  .single-product #product .section.info .right .price-block .info-item-1.on-sale .price {
    font-size: 20px;
  }

  .single-product #product .section.info .right .price-block .membership-price-box {
    flex-direction: column;
    align-items: flex-start;
    padding: 14px 16px 16px;
    gap: 10px;
  }

  .single-product #product .section.info .right .price-block .membership-price-box .price-name {
    font-size: 11px;
    padding: 2px 5px;
  }

  .single-product #product .section.info .right .price-block .membership-price-box .percent,
  .single-product #product .section.info .right .price-block .membership-price-box .price {
    font-size: 20px;
  }

  .single-product #product .section.info .right .price-block .membership-price-box .right-desc {
    text-align: left;
    position: relative;
    align-items: flex-start;
    gap: 4px;
    padding-left: 10px;
  }

  .single-product #product .section.info .right .price-block .membership-price-box .right-desc::before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 2px;
    height: 30px;
    background-color: rgba(0, 0, 0, 0.1);
  }

  /*250716 수정*/


	.single-product #product .section.info .right .benefit-block {
		padding: 28px 0 30px;
		gap: 0;
		border-bottom: none;
	}

	.single-product #product .section.info .right .benefit-block .title-box {
		margin-bottom: 20px;
	}

	.single-product #product .section.info .right .benefit-block .info-item .color-black {
		display: block;
		margin-bottom: 10px;
	}

	.single-product #product .section.info .right .benefit-block {
		margin-bottom: 0;
	}

	.single-product #product .section.info .right .info-item>.content .earn_point {
		margin: 0;
	}

	.single-product #product .section.info .right .benefit-block .title-box .title {
		font-size: 16px;
	}

	.single-product #product .section.info {
		border-bottom: 1px solid #eee;
	}

	.single-product #product .section.tab-menu {
		display: none;
	}

	.single-product #product .section.review {
		border-top: 10px solid #f5f7fa;
		border-bottom: 1px solid #EEE;
		margin-top: 0;
		padding: 40px 20px 50px;
	}

	.single-product #product .section.review .review-tab-block {
		margin-bottom: 18px;
	}

	.single-product #product .section.review .review-tab {
		gap: 14px;
	}

	.single-product #product .section.review .review-tab div {
		font-size: 18px;
	}

	.single-product #product .section.review .graph {
		padding: 33px 30px;
		min-height: unset;
		margin-bottom: 16px;
	}

	.single-product #product .section.review .graph .graph-left {
		padding-right: 25px;
	}

	.single-product #product .section.review .graph .graph-left::after {
		display: none;
	}

	.single-product #product .section.review .graph-left .star {
		width: 26px;
	}

	.single-product #product .section.review .graph-left .rating {
		font-size: 24px;
	}

	.single-product #product .section.review .graph-left .message {
		width: 80px;
	}

	.single-product #product .section.review .graph-left .btn-link {
		display: none;
	}

	.single-product #product .section.review .graph-right {
		width: 53%;
	}

	.single-product #product .section.review .graph-right .list {
		width: 100%;
		gap: 10px;
	}

	.single-product #product .section.review .graph-right .item.active span {
		flex-shrink: 0;
	}

	.single-product #product .section.review .graph-right .item span {
		margin-right: 10px;
		width: 17px;
		font-size: 11px;
		flex-shrink: 0;
	}

	.single-product #product .section.review .graph-right .bar-bg {
		width: 132px;
		height: 8px;
		margin-right: 10px;
	}

	.single-product #product .section.review .graph+.btn-link {
		display: block;
		padding: 9px 0;
		border-radius: 4px;
		background: #000;
		color: #FFF;
		font-size: 13px;
		font-weight: 700;
		line-height: 24px;
		text-align: center;
		margin-bottom: 24px;
	}

	.single-product #product .section.review .noti {
		font-size: 13px;
	}

  .single-product #product .section.review .keywords {
    margin-bottom: 16px;
    padding: 12px 16px;
  }

  .single-product #product .section.review .keyword {
    font-size: 14px;
  }

  .single-product #product .section.review .keyword.active::after {
    left: calc(100% + 3px);
  }

  .single-product #product .section.review .more-loading,
  .single-product #product .section.review .init-loading {
    height: 854px;
  }

  .single-product #product .section.review .review-posts .review-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 20px;
    padding-bottom: 24px;
  }

  .single-product #product .section.review .review-posts .review-item {
    padding: 18px;
    position: relative;
  }

  .single-product #product .section.review .review-posts .review-item .top {
    flex-direction: column;
    gap: 0;
    height: 113px;
    margin-bottom: 14px;
  }

  .single-product #product .section.review .review-posts .review-item .user-info {
    margin-bottom: 12px;
  }

  .single-product #product .section.review .review-posts .review-item .content {
    -webkit-line-clamp: 3;
    width: calc(100% - 94px - 13px);
  }

  .single-product #product .section.review .review-posts .review-item .top .photo {
    position: absolute;
    right: 18px;
    top: 40px;
    width: 94px;
  }

  .single-product #product .section.review .review-posts .review-item .product-info .img {
    border-radius: 6px;
  }

  .single-product #product .section.review .review-posts .review-item .product-name {
    max-width: 10em;
  }



	.single-product #product .pagination {

	}

	.single-product #product .section.detail {
		border-top: 10px solid #f5f7fa;
		padding-top: 40px;
	}

	.single-product #product .section.detail .section-title {
		padding: 0 20px;
	}

	.single-product #product .section.detail .product-info-box {
		padding: 30px 24px 74px;
	}

	.single-product #product .section.detail .product-info-box>div {
		width: 100%;
		max-width: 345px;
  }

  .single-product #product .section.detail .product-info-box .youtube-block {
    margin-bottom: 40px;
  }

  .single-product #product .section.detail .product-info-box .card {
    border-radius: 20px;
  }

  .single-product #product .section.detail .product-info-box .card-top {
    padding: 39px 0 42px;
  }

  .single-product #product .section.detail .product-info-box .card-bottom {
    padding: 26px 24px;
  }

	.single-product #product .section.detail .product-info-box .card:first-child::after {
		width: 90%;
	}

  .single-product #product .section.detail .product-info-box .card img {
    width: 174px;
  }

  .single-product #product .section.detail .product-info-box .title-block {
    margin-bottom: 19px;
  }

  .single-product #product .section.detail .product-info-box .title-block .logo {
    width: 61px;
  }

  .single-product #product .section.detail .product-info-box .title-block .text {
    font-size: 13px;
  }

  .single-product #product .section.detail .product-info-box .card-bottom .brand-block {
    gap: 6px;
    margin-bottom: 10px;
  }

  .single-product #product .section.detail .product-info-box .card-bottom .brand-img {
    width: 14px;
  }

  .single-product #product .section.detail .product-info-box .card-bottom .brand-name {
    font-size: 12px;
  }

  .single-product #product .section.detail .product-info-box .card-bottom .product-name {
    font-size: 26px;
    margin-bottom: 8px;
  }

  .single-product #product .section.detail .product-info-box .card-bottom .product-desc {
    font-size: 13px;
    margin-bottom: 40px;
  }

  .single-product #product .section.detail .product-info-box .card-bottom .info-list {
    gap: 24px;
  }

  .single-product #product .section.detail .product-info-box .card-bottom .info-item {
    gap: 12px;
  }

  .single-product #product .section.detail .product-info-box .card-bottom .info-item::before {
    left: 15px;
    top: calc(32px + 4px);
    width: 2px;
    height: 28px;
    border-radius: 24.629px;
  }

  .single-product #product .section.detail .product-info-box .card-bottom .info-item .icon {
    width: 32px;
  }

  .single-product #product .section.detail .product-info-box .card-bottom .info-item .title {
    font-size: 16px;
    letter-spacing: -0.32px;
    margin-bottom: 3px;
  }

  .single-product #product .section.detail .product-info-box .card-bottom .info-item .desc {
    font-size: 14px;
    letter-spacing: -0.28px;
  }

	.single-product #product .section.detail .target-box {
		padding: 60px 24px;
	}

  .single-product #product .section.detail .target-box .exclamation {
    width: 8px;
    margin-bottom: 24px;
  }

  .single-product #product .section.detail .target-box .title {
    font-size: 30px;
    margin-bottom: 24px;
  }

	.single-product #product .section.detail .target-box .img {
		width: 100%;
		max-width: 345px;
    margin-bottom: 32px;
	}

  .single-product #product .section.detail .target-box .img-wrap {
    border-radius: 20px;
  }

  .single-product #product .section.detail .target-box .img .arrow {
    width: 36px;
    bottom: -18px;
  }

  .single-product #product .section.detail .target-box .img .arrow svg {
    width: 12px;
  }

  .single-product #product .section.detail .target-box .target-list {
    min-width: 321px;
    max-width: 345px;
    gap: 20px;
    padding: 33px 32px 22px;
  }

  .single-product #product .section.detail .target-box .target-list .target-item {
    font-size: 16px;
  }

  .single-product #product .section.detail .target-box .target-list::before,
  .single-product #product .section.detail .target-box .target-list::after {
    font-size: 106px;
  }

	.single-product #product .section.detail .features-box {
		padding: 60px 24px;
	}

	.single-product #product .section.detail .features-box>.block {
		width: 100%;
		max-width: 345px;
	}

  .single-product #product .section.detail .features-box .block-why {
    width: 212px;
    padding: 18px 29px;
    font-size: 14px;
    border-radius: 0 20px 20px 20px;
    margin-bottom: 38px;
    transform: translateX(-50px);
  }


  .single-product #product .section.detail .features-box .img-hand {
    max-width: 140px;
    width: 34vw;
    right: -15px;
  }

  .single-product #product .section.detail .features-box .block-title .sub-title {
    font-size: 16px;
    margin-bottom: 22px;
  }

  .single-product #product .section.detail .features-box .block-title .title {
    font-size: 30px;
    margin-bottom: 20px;
  }

  .single-product #product .section.detail .features-box .block-title .desc {
    font-size: 13px;
    margin-bottom: 38px;
  }

  .single-product #product .section.detail .features-box .block-title .bottom-arrow {
    width: 12px;
  }

  .single-product #product .section.detail .features-box .block-benefit {
    border-radius: 20px;
    padding: 2px 20px;
    margin-bottom: 60px;
  }

  .single-product #product .section.detail .features-box .block-benefit .item {
    padding: 24px 4px;
    gap: 14px;
  }

  .single-product #product .section.detail .features-box .block-benefit .item .icon {
    width: 50px;
  }

  .single-product #product .section.detail .features-box .block-benefit .item:nth-of-type(1) .icon svg {
    width: 22px;
  }

  .single-product #product .section.detail .features-box .block-benefit .item:nth-of-type(2) .icon svg {
    width: 30px;
  }

  .single-product #product .section.detail .features-box .block-benefit .item:nth-of-type(3) .icon svg {
    width: 32px;
  }

  .single-product #product .section.detail .features-box .block-benefit .item-title {
    font-size: 12px;
  }

  .single-product #product .section.detail .features-box .block-benefit .item-desc {
    font-size: 13px;
  }

  .single-product #product .section.detail .features-box .block-difference .title {
    font-size: 30px;
    margin-bottom: 40px;
  }

  .single-product #product .section.detail .features-box .block-difference .graph-box {
    border-radius: 20px;
    margin-bottom: 20px;
  }

  .single-product #product .section.detail .features-box .block-difference .graph-box-title {
    font-size: 16px;
    padding: 13px 0;
  }

  .single-product #product .section.detail .features-box .block-difference .graph-box-content {
    padding: 28px 24px 27px;
  }

  .single-product #product .section.detail .features-box .block-difference .graph-box .text {
    top: 28px;
    left: calc(50% + 12px);
  }

  .single-product #product .section.detail .features-box .block-difference .graph-box .text .title {
    font-size: 18px;
  }

  .single-product #product .section.detail .features-box .block-difference .graph-box .text .desc {
    font-size: 12px;
  }

  .single-product #product .section.detail .features-box .block-difference .graph-box .text .diff {
    font-size: 46px;
  }

  .single-product #product .section.detail .features-box .block-difference .graph-box .text .diff::after {
    width: 41px;
    top: 16px;
  }

  .single-product #product .section.detail .features-box .block-difference .graph-caption {
    font-size: 12px;
  }



	.single-product #product .section.detail .delivery-box {
		padding: 60px 24px 40px;
	}

  .single-product #product .section.detail .delivery-box .sub-title {
    font-size: 14px;
  }

  .single-product #product .section.detail .delivery-box .title {
    font-size: 30px;
    margin-bottom: 30px;
  }

  .single-product #product .section.detail .delivery-box .list {
    gap: 87px;
  }

  .single-product #product .section.detail .delivery-box .item {
    gap: 16px;
  }

  .single-product #product .section.detail .delivery-box .item:first-child::after {
    right: -44px;
  }

  .single-product #product .section.detail .delivery-box .item img {
    width: 52px;
  }

  .single-product #product .section.detail .delivery-box .item .text {
    font-size: 16px;
  }



	.single-product #product .section.detail .etc-box {
		padding: 24px 24px 70px;
		overflow: hidden;
		margin-bottom: 0;
	}

	.single-product #product .section.detail .etc-box .tabs {
		justify-content: flex-start;
    gap: 16px;
    margin-bottom: 58px;
	}

  .single-product #product .section.detail .etc-box .tab {
    font-size: 14px;
  }

  .single-product #product .section.detail .etc-box .tab.active::after {
    bottom: -8px;
  }

  .single-product #product .section.detail .etc-box .tab-content .sub-title {
    font-size: 13px;
    margin-bottom: 3px;
  }

  .single-product #product .section.detail .etc-box .tab-content .title {
    font-size: 28px;
    margin-bottom: 11px;
  }

  .single-product #product .section.detail .etc-box .tab-content .desc {
    font-size: 13px;
    width: 345px;
    margin-bottom: 30px;„
  }




	.single-product #product .section.detail .etc-box .tab-content-1 .swiper {
		width: 220px;
		overflow: visible;
	}

	.single-product #product .section.detail .etc-box .tab-content-1 .swiper-slide {
		position: relative;
		transform: scale(0.88);
    width: 100%;
		transition: transform .3s;
	}

	.single-product #product .section.detail .etc-box .tab-content-1 .swiper-slide::before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.4);
		z-index: 1;
		transition: .3s;
	}

	.single-product #product .section.detail .etc-box .tab-content-1 .swiper-slide-active {
		transform: scale(1);
	}

	.single-product #product .section.detail .etc-box .tab-content-1 .swiper-slide-active::before {
		opacity: 0;
	}

  .single-product #product .section.detail .etc-box .tab-content-1 .item {
    width: 100%;
  }

  .single-product #product .section.detail .etc-box .tab-content-1 .item .img-caption {
    font-size: 13px;
    margin-top: 10px;
  }

	.single-product #product .section.detail .etc-box .tab-content-2 {
		padding: 0;
	}

	.single-product #product .section.detail .etc-box .tab-content-2 img {
		max-width: 100vw;
		width: 100vw;
		transform: translateX(-24px);
	}

	.single-product #product .section.detail .etc-box .tab-content-3 {
		padding: 0;
	}

  .single-product #product .section.detail .etc-box .tab-content-3 li {
    font-size: 13px;
  }

	.single-product #product .section.detail article:nth-of-type(2) {
		padding: 60px 20px 50px;
		border-bottom: 1px solid #eee;
	}

	.single-product #product .section.detail .info-table col:nth-of-type(1) {
		width: 125px;
	}

	.single-product #product .section.relation-products {
		border-top: 10px solid #f5f7fa;
		margin-top: 0;
		padding: 40px 20px 80px;
		overflow: hidden;
	}

	.single-product #product .section.relation-products .swiper {
		overflow: visible;
	}

	.single-product #product .section.relation-products .swiper-slide {
		width: auto;
	}

	.single-product #product .section.relation-products .product-item {
		width: 148px;
	}

	.single-product #product .bottom-btn-block {
		display: block;
		position: fixed;
		right: 0;
		left: 0;
		bottom: 0;
		background: #FFF;
		filter: drop-shadow(0px -4px 14px rgba(0, 0, 0, 0.06));
		z-index: 100;
		padding: 16px 20px;
	}

	.single-product #product .bottom-btn-block .btn {
		display: block;
		width: 100%;
		height: 52px;
		line-height: 50px;
		border-radius: 4px;
		background: #000;
		text-align: center;
		color: #FFF;
		font-size: 14px;
		font-weight: 600;
	}

	.single-product #product .bottom-sheet {
		display: block;
		position: fixed;
		right: 0;
		left: 0;
		bottom: 0;
		transform: translateY(100%);
		border-radius: 22px 22px 0 0;
		background: #FFF;
		z-index: 9999999;
		padding: 28px 24px;
		transition: transform .3s;
	}

	.single-product #product .bottom-sheet.active {
		transform: translateY(0%);
	}

	.single-product #product .bottom-sheet .bar {
		position: absolute;
		background: #EEE;
		width: 43px;
		height: 4px;
		border-radius: 30px;
		top: 10px;
		left: 50%;
		transform: translateX(-50%);
	}
	.single-product #product .ellipsis-4 {
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
	}


	.single-product #product .bottom-sheet .title {
		color: #000;
		font-family: "Noto Sans KR";
		font-size: 18px;
		font-weight: 700;
		line-height: 160%;
		letter-spacing: normal;
		margin-bottom: 18px;
	}

	.single-product #product .bottom-sheet .order-box {
		margin-bottom: 28px;
	}
	.single-product #product .bottom-sheet .order-box.ar {
		margin-bottom: 10px;
	}

	.single-product #product .bottom-sheet .btn-wrapper {
		gap: 7px;
	}

	.single-product #product .bottom-sheet .btn-wrapper .btn {
		height: 52px;
		line-height: 50px;
		border-radius: 4px;
		font-size: 14px;
	}

	.single-product #product .bs-overlay {
		display: none;
		position: fixed;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.5);
		z-index: 99;
		top: 0;
		left: 0;
	}

	.single-product #product .bottom-sheet.active + .bs-overlay {
		display: block;
	}

	.single-product footer {
		padding-bottom: 100px;
	}

	.single-product footer .lately {
		bottom: calc(20px + 102px);
	}

  .single-product footer .chatbot-icon {
    bottom: calc(123px + 102px);
  }



	/* 모달 */
	.single-product #product .modal .container {
		max-width: 100%;
		height: 76vh;
		border-radius: 22px 22px 0 0;
		top: unset;
		bottom: -76vh;
		transform: translate(-50%, 0);
	}

	.single-product #product .modal.active .container {
		transform: translate(-50%, -76vh);
	}

  .single-product #product .modal .container::before,
  .single-product #product .modal .container::after {
    display: none;
  }

	.single-product #product .modal .container .modal-header {
    padding: 28px 20px;
	}



  /* 유튜브 모달 */
  .single-product #product .youtube-player-modal .container {
    width: 100%;
  }

  .single-product #product .youtube-player-modal .btn-close {
    top: unset;
    bottom: calc(100% + 10px);
    left: unset;
    right: 10px;
    width: 16px;
  }
}





@media screen and (max-width: 500px) {
	.single-product #product .section.review .review-item .discounted {
		/*left: 40%;*/
	}


  .single-product #product .modal .container .modal-cont iframe {
    height: 1350px;
  }
}