@charset "utf-8";

/* ===== 구매후기 레이아웃 스타일 공통 20-10-07 시작 ===== */
/* .layoutReviews.listPart {overflow:hidden;} */
.layoutReviews.listPart .inWrap {border-bottom:1px solid #e5e5e5;}
.layoutReviews.listPart .inWrap div[class*="inner-"] {padding:1.5vw;}
.layoutReviews.listPart .inWrap .inner-tit {border-top:1px solid transparent;}
.layoutReviews.listPart .inWrap:first-child .inner-tit {border-top:1px solid #e5e5e5;}
.layoutReviews.listPart .inWrap .inner-tit article {margin-top:10px; overflow:hidden;}
.layoutReviews.listPart .inWrap .inner-tit article span {font-size:14px; float:left; display:inline-block; margin:0 10px; padding-left:7px; position:relative;}
.layoutReviews.listPart .inWrap .inner-tit article span:nth-child(1) {margin-left:0; padding-left:0;}
.layoutReviews.listPart .inWrap .inner-tit article span:nth-child(1):before {display:none;}
.layoutReviews.listPart .inWrap .inner-tit article span:before {
	position:absolute; top:12px; left:0;
	display:block; content:""; width:2px; height:2px; background:#aaa;
}
.layoutReviews.listPart .inWrap .inner-tit .review-text {margin-top:5px; overflow:hidden;}
.layoutReviews.listPart .inWrap .inner-tit .review-text>* {display:inline-block; float:left;}
.layoutReviews.listPart .inWrap .inner-tit .review-text.include-img>div {width:85%; padding-right:80px;}
.layoutReviews.listPart .inWrap .inner-tit .review-text>div p {width:100%; word-break:keep-all; font-size:var(--fs16); color:#000; font-weight:300; line-height:1.8; overflow:hidden;}
.layoutReviews.listPart .inWrap .inner-tit .review-text>aside {width:15%;}
.layoutReviews.listPart .inWrap .inner-tit .review-text a.moreRead {
	display:inline-block; margin-top:10px; font-size:14px; color:#000;
	padding:8px 25px; background:#eee; border:1px solid #ddd; border-radius:50px !important;
	line-height:1;
}	
.layoutReviews.listPart .inWrap .inner-con {display:none;}
.layoutReviews.listPart .inWrap.on .inner-con {display:block; background:#f9f9f9;}
.layoutReviews.listPart .inWrap .inner-tit {background-repeat:no-repeat; background-position:calc(100% - 1.5vw) 2vw; background-image:url(/images/common/arrow-down.png); background-size:20px;}
.layoutReviews.listPart .inWrap.noCon .inner-tit {background-image:none;}
.layoutReviews.listPart .inWrap.on .inner-tit {border-top:1px solid #aaa; background-color:#f9f9f9; background-image:url(/images/common/arrow-up.png);}
.layoutReviews.listPart .inWrap.on .inner-tit .review-text a.moreRead {
	background:#e73c64; color:#fff; border:1px solid #e73c64;
}

.review-text aside.img1more {position:relative;}
.review-text aside.img1more>span.imgCount {
	position:absolute; bottom:0; right:0; width:30px; height:30px; background:rgba(0,0,0,.4); text-align:center;
	line-height:30px;
	font-size:13px; color:#fff; font-weight:300;
	letter-spacing:3px;
	z-index:1;
}

.layoutReviews.listPart .inWrap .inner-con {font-size:15px; color:#000; line-height:1.6; padding-top:0 !important;}
.layoutReviews.listPart .inWrap .inner-con img {max-width:100%; margin:5px 0;}

.layoutReviews.listPart h4 {position:relative;}
.layoutReviews.listPart div.state {position:absolute; top:0; right:0;}
.layoutReviews.listPart div.state ul {overflow:hidden;}
.layoutReviews.listPart div.state ul li {float:left;}
.layoutReviews.listPart div.state ul li+li {margin-left:30px;}
.layoutReviews.listPart div.state ul li span {display:inline-block; vertical-align:middle; font-size:14px; color:#333;}
.layoutReviews.listPart div.state ul li span.con {font-size:20px; font-weight:700; color:#000;}
.layoutReviews.listPart div.state ul li span.con span {font-size:14px; font-weight:300; margin:-5px 2px 0;}


.layoutReviews.listPart .starZone {margin-bottom:10px; position:relative; }
.layoutReviews.listPart .inWrap.noCon .starZone {padding-right:0 !important;}
.layoutReviews.listPart .starZone>.starCount {position:absolute; top:4px; left:125px; font-size:18px; line-height:1.4; font-weight:700; color:#000;}
.layoutReviews.listPart .starZone span {
	display:inline-block; vertical-align:middle; width:20px; height:17px;
	background-image:url(/images/common/star.png);
	background-position:center;
	background-size:cover;
	background-repeat:no-repat;
}
.layoutReviews.listPart .starZone span.full {
	background-image:url(/images/common/star-full.png);
}

/* ===== 구매후기 레이아웃 스타일 공통 20-10-07 끝 ===== */
@media (max-width: 1199px) {
	
	.layoutReviews.listPart .inWrap .inner-tit .review-text>div p {height:300px;}
	
	
}

@media (max-width: 767px) {
	.layoutReviews.listPart .inWrap .inner-tit .review-text>div p {height:100px;}
	
	
	
	
}