: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;
}