:root {
	--reviewthumbnail : calc(((var(--bodywidth) - (var(--interval) * 4)) / 5 ) - 10px);
}

.subtab {
	margin:20px 0 50px;
}

.subtab .wrap ul {
	list-style: none;
	margin:0px;
	padding:0px;
	font-size:0px;
}

.subtab .wrap ul li {
	width:calc(33% - 37px);
	display:inline-block;
	font-size:15px;
	padding:25px 20px;
	text-align:center;
	cursor: pointer;
	font-weight: 300;
	letter-spacing: -0.5px;
	line-height: 160%;
	color:#777777;
	border-bottom:1px solid #dddddd;
}

.subtab .wrap ul li span {
	font-size:20px;
	font-weight: 400;
	color:#000000;
}

.subtab .wrap ul li.active {
	font-size:17px;
	background-color:#ffcc00;
	color:#333333;
}

.subtab .wrap ul li.active span {
	color:#000000;
	font-size:26px;
	font-weight: 500;
}


.subtab .wrap p {
	width:800px;
	display:inline-block;
	text-align:left;
	font-size:14px;
	margin:50px 0 0 30px;
}

.subtab .wrap p i {
	color:#bbbbbb;
}

.subtab .wrap button {
	display:inline-block;
	float:right;
	padding:15px 30px;
	font-size:14px;
	font-weight: 400;
	margin:50px 30px 0px 0px;
	background-color:#ffffff;
	border:1px solid #bbbbbb;
	vertical-align:top;
	border-radius: 0px;
}

.review-list .wrap ul {
	list-style: none;
	margin:0px;
	padding:0px;
}

.review-list .wrap ul li {
	display:inline-block;
	border:1px solid #ffffff;
	width:var(--reviewthumbnail);
	margin-right:var(--interval);
	margin-bottom:50px;
	vertical-align: top;
}

.review-list .wrap ul li:nth-child(5n) {
	margin-right:0px;
}

.review-list .wrap ul li p.content {
	height:auto;
	padding:8px 10px 10px 10px;
	margin:2px 0 0 0;
	font-size:14px;
	letter-spacing:-1px;
	line-height: 140%;
	word-break: break-all;
	font-weight:300;
	color:#777777;
}

.review-list .wrap ul li p.name {
	padding:0px 10px;
	margin:0px;
	font-size:12px;
	color:#999999;
	letter-spacing:-1px;
	vertical-align: top;
}

.review-list .wrap ul li img.prdImg {
	float:left;
	width:40px;
	height:40px;
	margin:0px 5px 10px 10px;
}

.review-list .wrap ul li p.vote {
	padding:10px 10px 0 10px;
	margin:0px;
	font-size:11px;
	letter-spacing:0px;
	color:#ffcc00;
	background-color:#ffffff;
	border:0;
}

.review-list .wrap ul li p.option {
	
	padding:10px 10px 0 10px;
	margin:0px;
	font-size:12px;
	letter-spacing: -0.5px;
	color:#999999;
}

.review-list .wrap ul li p.prdname {
	padding:0px;
	margin:0px;
	font-size:13px;
	color:#333333;
	letter-spacing:-1px;
	vertical-align: top;
	overflow:hidden;
	white-space : nowrap;
}

.review-list .wrap ul li p.review {
	margin:2px 0px 0px 0px;
	padding:0px;
	font-size:13px;
	color:#aaaaaa;
	font-weight: 500;
	letter-spacing:-1px;
	vertical-align: top;
}

.review-list .wrap ul li p.review span {
	font-weight: 800;
	color:#000000;
	margin-left:3px;
}

.review-list .wrap ul li hr {
	margin:15px 0;
	border:0px;
	border-bottom:1px solid #eeeeee;
}


.thumbnail {
	width:120px;
	height:120px;
}

.cartframe {
	width:180px;
	height:180px;
	background-color:#f4f4f4;
	/* background-color: rgba(0,0,0,0.3); */
	vertical-align: middle;
}

.cartframe table {
	border-collapse: collapse;
	margin:0px auto;
	border-spacing: 0px;
	padding:0px;
	border:0px;
}

.cartframe table.frametable {
	margin:0 auto;
}
.cartframe table.frametable tbody tr {
	border:0px;
}

.cartframe .mulasec_space table tbody tr td {
	padding:0px;
}

.commenttitle {
	font-size:12px;
	padding:0 10px 5px;
	margin:0;
	font-weight:600;
	color:#bbbbbb;
}

.comment {
	font-size:13px;
	color:#777777;
	font-weight:300;
	letter-spacing:-1px;
	padding:0 10px 10px;
	margin:0;
	
}

/* 뷰페이지 */

.viewTitle {
	margin:10px 0;
}

.viewTitle a {
	color:#000000;
	text-decoration: none;
	font-size:12px;
}

.wrap p.vote {
	font-size:12px;
	font-weight: 400;
	padding:10px;
	margin:0;
	background-color:#fafafa;
	border:1px solid #f4f4f4;
}

.wrap p.vote i {
	color:#ffcc00;
}

.wrap .votetext {
	font-size:14px;
	line-height:140%;
	margin:50px 10px;
	letter-spacing: -0.5px;
}

.wrap .votetext img {
	margin-bottom:10px;
}

.wrap p img {
	max-width:1380px;
	max-height:1380px;
	border:1px solid #f4f4f4;
}

.prdbox {
	border:1px solid #f4f4f4;
	background-color:#fafafa;
	padding:10px;
	margin:0 0 20px;
	font-size:0;
	cursor: pointer;
}

.prdThumb {
	width:var(--reviewthumbnail);
	height:var(--reviewthumbnail);
	background-size:cover;
	background-position:center center;
	background-repeat: no-repeat;
	cursor:pointer;
	border-radius:10px;
}

.prdthumbnail {
	display:inline-block;
	width:112px;
	height:112px;
	background-size:cover;
	vertical-align: top;
	border:1px solid #f4f4f4;
	
}

.review_prdname {
	display:inline-block;
	margin-left:10px;
	font-size:12px;
	line-height: 140%;
}

.commentbox {
	font-size:14px;
	border:1px solid #dddddd;
	padding:20px;
	letter-spacing:-0.5px;
	margin-bottom:80px;
	border-radius:5px;
}

.avgboxwrap {
	width:calc(100% - 72px);
	height:200px;
	border:6px solid #eeeeee;
	padding:30px;
	margin-bottom:40px;
	border-radius:12px;
}
/* ───────── 2026-10-18 구매후기 목록·보기 디자인 정리 (rvb-) — 예전 규칙과 겹치지 않게 rvb- 이름만 씀 ───────── */
.rvb { color:#222222; letter-spacing:-0.3px; }
.rvb * { box-sizing:border-box; }
.rvb-stars { display:inline-flex; gap:1px; vertical-align:middle; }
.rvb-stars svg { display:block; fill:#e3e3e3; } .rvb-stars svg.on { fill:#ffb800; }
/* 고객만족지수 */
.rvb-sum { display:flex; align-items:center; gap:56px; margin:10px 0 34px; padding:32px 44px; border-radius:16px; background:#f6f6f4; }
.rvb-score { flex:0 0 250px; }
.rvb-sum-k { margin:0; font-size:15px; font-weight:600; color:#666666; }
.rvb-sum-big { margin:6px 0 10px; font-size:64px; font-weight:800; line-height:1; letter-spacing:-2px; color:#111111; }
.rvb-sum-big small { margin-left:4px; font-size:30px; font-weight:700; letter-spacing:0; }
.rvb-sum-sub { display:flex; align-items:center; gap:8px; margin:0; font-size:14px; color:#666666; }
.rvb-sum-sub b { font-size:15px; color:#222222; }
.rvb-sum-n:before { content:'·'; margin-right:8px; color:#bbbbbb; }
.rvb-dist { flex:1; margin:0; padding:0; list-style:none; }
.rvb-dist li { display:flex; align-items:center; gap:12px; padding:5px 0; font-size:13px; color:#666666; }
.rvb-dk { flex:0 0 76px; } .rvb-dt { flex:0 0 58px; }
.rvb-dist i { position:relative; flex:1; height:8px; border-radius:8px; background:#e7e7e3; overflow:hidden; }
.rvb-dist i s { position:absolute; left:0; top:0; bottom:0; border-radius:8px; background:#ffb800; }
.rvb-dist b { flex:0 0 52px; text-align:right; font-size:13px; color:#222222; }
.rvb-filter { display:flex; align-items:center; justify-content:space-between; margin:0 0 18px; padding:14px 18px; border:1px solid #ececec; border-radius:12px; font-size:15px; }
.rvb-filter a { font-size:14px; color:#0099aa; text-decoration:none; }
.rvb-empty { padding:100px 0; text-align:center; font-size:15px; color:#999999; }
/* 카드 */
.rvb-grid { display:grid; grid-template-columns:repeat(5, 1fr); gap:36px 22px; margin:0; padding:0; list-style:none; }
.rvb-card { display:flex; flex-direction:column; min-width:0; }
.rvb-photo { position:relative; display:block; height:0; padding-top:100%; border-radius:12px; overflow:hidden; background:#f2f2f0; }
.rvb-photo img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; transition:transform .3s; }
.rvb-card:hover .rvb-photo img { transform:scale(1.03); }
.rvb-pc { position:absolute; right:8px; top:8px; min-width:24px; height:22px; padding:0 7px; border-radius:11px; background:rgba(0,0,0,.55); color:#ffffff; font-size:12px; line-height:22px; text-align:center; }
.rvb-pc:before { content:''; display:inline-block; width:10px; height:8px; margin-right:4px; border:1.5px solid #ffffff; border-radius:2px; vertical-align:0; }
.rvb-body { padding:12px 2px 0; }
.rvb-rate { display:flex; align-items:center; gap:6px; margin:0; }
.rvb-rate em { font-size:12px; font-style:normal; font-weight:600; color:#555555; }
.rvb-opt { margin:6px 0 0; font-size:12px; color:#0099aa; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.rvb-txt { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; margin:8px 0 0; font-size:14px; line-height:1.55; color:#333333; text-decoration:none; word-break:break-all; }
.rvb-txt:hover { text-decoration:underline; }
.rvb-who { margin:8px 0 0; font-size:12px; color:#999999; }
.rvb-who span:before { content:'·'; margin:0 5px; color:#cccccc; }
.rvb-reply { margin:10px 0 0; padding:9px 11px; border-radius:8px; background:#f6f6f4; font-size:12px; line-height:1.5; color:#666666; word-break:break-all; }
.rvb-reply span { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
.rvb-reply b { margin-right:6px; color:#222222; }
.rvb-prd { display:flex; align-items:center; gap:10px; margin-top:auto; padding:14px 0 0; text-decoration:none; color:#222222; }
.rvb-card .rvb-body { flex:1 0 auto; padding-bottom:14px; border-bottom:1px solid #f0f0f0; }
.rvb-prd img { flex:0 0 40px; width:40px; height:40px; border-radius:6px; object-fit:cover; background:#f2f2f0; }
.rvb-prd span { min-width:0; }
.rvb-prd b { display:block; font-size:13px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.rvb-prd em { display:block; margin-top:2px; font-size:12px; font-style:normal; color:#999999; }
.rvb-prd:hover b { text-decoration:underline; }
/* 쪽 번호 */
.rvb-paging { margin:44px 0 0; text-align:center; font-size:0; }
.rvb-paging a, .rvb-paging b { display:inline-block; min-width:36px; height:36px; margin:0 2px; padding:0 8px; border-radius:18px; font-size:14px; line-height:36px; color:#666666; text-decoration:none; }
.rvb-paging a:hover { background:#f2f2f2; } .rvb-paging b { background:#222222; color:#ffffff; }
/* 적립금 안내 */
.rvb-info { display:flex; align-items:center; justify-content:space-between; gap:40px; margin:50px 0 70px; padding:26px 30px; border:1px solid #ececec; border-radius:14px; }
.rvb-info h2 { margin:0 0 8px; font-size:16px; font-weight:700; }
.rvb-info ul { margin:0; padding:0 0 0 18px; font-size:13px; line-height:1.8; color:#666666; }
.rvb .rvb-btn { flex:0 0 auto; height:48px; margin:0; padding:0 26px; border:0; border-radius:10px; background:#222222; color:#ffffff; font-family:inherit; font-size:15px; font-weight:700; cursor:pointer; }
/* 보기 */
.rvb-back { display:inline-block; margin:6px 0 18px; font-size:14px; color:#666666; text-decoration:none; }
.rvb-back:hover { color:#222222; }
.rvb-v-grid { display:flex; align-items:flex-start; gap:48px; margin:0 0 90px; }
.rvb-v-media { flex:1 1 auto; min-width:0; }
.rvb-v-main { display:flex; align-items:center; justify-content:center; height:760px; max-height:78vh; border-radius:16px; background:#f4f4f2; overflow:hidden; }
.rvb-v-main img { display:block; max-width:100%; max-height:100%; object-fit:contain; }
.rvb-v-thumbs { display:flex; flex-wrap:wrap; gap:10px; margin:14px 0 0; }
.rvb-v-thumbs button { width:76px; height:76px; margin:0; padding:0; border:2px solid transparent; border-radius:10px; background:#f2f2f0; overflow:hidden; cursor:pointer; }
.rvb-v-thumbs button.on { border-color:#222222; }
.rvb-v-thumbs img { display:block; width:100%; height:100%; object-fit:cover; }
.rvb-v-side { flex:0 0 400px; position:sticky; top:20px; }
.rvb-v-side .rvb-rate em { font-size:14px; }
.rvb-v-side .rvb-opt { margin-top:10px; font-size:13px; white-space:normal; }
.rvb-v-text { margin:18px 0 0; font-size:16px; line-height:1.75; color:#222222; word-break:break-all; }
.rvb-mute { color:#999999; }
.rvb-v-side .rvb-who { margin-top:16px; font-size:13px; }
.rvb-v-reply { margin:22px 0 0; padding:16px 18px; border-radius:12px; background:#f6f6f4; font-size:14px; line-height:1.7; color:#444444; word-break:break-all; }
.rvb-v-reply b { display:block; margin:0 0 6px; font-size:13px; color:#222222; }
.rvb-v-reply img { max-width:100%; height:auto; }
.rvb-v-prd { display:flex; align-items:center; gap:14px; margin:26px 0 0; padding:16px; border:1px solid #ececec; border-radius:14px; color:#222222; text-decoration:none; transition:border-color .15s; }
.rvb-v-prd:hover { border-color:#222222; }
.rvb-v-prd img { flex:0 0 64px; width:64px; height:64px; border-radius:8px; object-fit:cover; background:#f2f2f0; }
.rvb-v-prd span { flex:1; min-width:0; }
.rvb-v-prd b { display:block; font-size:15px; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.rvb-v-prd em { display:block; margin-top:3px; font-size:12px; font-style:normal; color:#888888; }
.rvb-v-prd i { flex:0 0 auto; font-size:13px; font-style:normal; font-weight:600; color:#0099aa; }