div.review_title{
    font-size: 20px;
    font-weight: 700;
    color: #333;
}
ul.review_item_list{
    margin-top: 10px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
	gap: 10px;
}
ul.review_item_list li{
    text-align: left;
}
ul.review_item_list li.no_reviews{
	width: 100%;
    text-align: center;
	border-top: 1px solid #EAEAEA;
    border-bottom: 1px solid #EAEAEA;
}

.star-rating { 
    width:100px;
}
.star-rating,.star-rating span {
    display:inline-block;
    height:18px;
    overflow:hidden;
    background:url(../img/star_new_bg.png)no-repeat;
    vertical-align: top;
    background-size: 90px;
}
.star-rating span{
    background:url(../img/star_new.png)no-repeat;
    vertical-align: top;
    display:inline-block;
    height:18px;
    overflow:hidden;
    background-size: 90px;
}

.item_review_writer{
	color: #333 !important;
    font-weight: 500;
    font-size: 13px;
    line-height: 1.2em;
    padding-left: 2px;
}
.item_review_date {
	color: #cdcdcd;
	font-size: 12px;
	line-height: 1em;
}

ul.item_review_area {
    padding: 0;
}

li.item_review_document{
	width: 100%;
	border-radius: 10px;
	border: 1px solid #e1e1e1;
	padding: 15px;
	position: relative;
	transition: background 0.3s ease;
}

li.item_review_document.active{
	background: #f1f1f1;
}

li.item_review_document:first-child{
	border-top: 1px solid #e1e1e1;
}

li.item_review_document > a{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	color: #333;
	text-decoration: none;
	cursor: default;
}

li.item_review_document button{
	display: none;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}

li.item_review_document .delete_btn{
	display: flex;
	align-items: center;
	height: 20px;
	border: 1px solid #e1e1e1;
	padding-left: 0;
}

li.item_review_document .delete_btn svg{
	height: 16px;
	color: #666;
}

.item_review_article{
	width: 100%;
	position: relative;
}

div.strip_content{
	font-size: 14px;
	line-height: 1.6;
	color: #666;
	word-break: break-word;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

li.item_review_document.active div.strip_content{
	display: block;
	-webkit-line-clamp: unset;
	overflow: visible;
}

.item_review_article .view_more{
	display: none;
	position: static !important;
	margin-top: 8px;
	padding: 0;
	border: 0;
	background: transparent;
	color: #666;
	font-size: 13px;
	line-height: 1;
	cursor: pointer;
}

.item_review_article .view_more i{
	font-size: 10px;
}

.item_review_article .view_more.hidden{
	display: none !important;
}

.item_review_article .view_more:not(.hidden){
	width: 100%;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

/* 버튼이 보이는 리뷰만 그라데이션 */
li.item_review_document.has_view_more:not(.active) .item_review_article::after{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 22px;
	height: 28px;
	background: linear-gradient(to bottom, rgba(255,255,255,0), #fff);
	pointer-events: none;
}

/* 펼치면 숨김 */
li.item_review_document.active .item_review_article::after{
	display: none;
}

/* 혹시 회색 배경에서 더 자연스럽게 하고 싶으면 active 말고 접힌 상태 색에 맞춰 아래로 바꿔도 됨 */
/*
li.item_review_document.has_view_more:not(.active) .item_review_article::after{
	background: linear-gradient(to bottom, rgba(255,255,255,0), #fff);
}
*/

.item_review_content_detail{
	display: none !important;
}
div.item_review_content div{
	display:inline-block;
    text-align: left;
}
div.item_review_content{
	display:flex;
	/* margin-left: 50px; */
    width: 100%;
    justify-content: space-between;
}
div.item_review_content_detail{
	/* width: calc(100% - 160px); */
	display: none;
	margin-left: 50px;
	font-size: 13px;
    position: relative;
}
div.item_review_content_detail img{
	display: block;
	margin: 5px;
	max-width: 100%;
}
div.item_review_content_detail p{
	margin: 5px;
	font-size: 13px;
    text-align: left;
}
div.item_review_rate{
	/* padding:10px 0;
	font-size: 24px;
	color: yellow;
	text-shadow: 0 0 3px black;
    text-align: left;
	height: 35px; */
}
div.item_review_img{
	width: 100px;
	/* height: 100px; */
	/* line-height: 100px; */
	/* border:1px solid #ededed; */
	text-align: center;
	margin-right: 30px;
}
div.item_review_img img{
	max-width: 100px;
	max-height: 100px;
	vertical-align:middle;
}
div.item_review_article{
	/* margin-right: 36px; */
	vertical-align:top;
	font-size:14px;
	color: #666;
    height: fit-content;
    overflow: hidden;
    padding: 0 5px;
	word-break: keep-all;
    position: relative;
    width: 100%;
}
div.item_review_info{
	display:flex;
	align-items: center;
	/* width:100px; */
	vertical-align:top;
	font-size:13px;
	gap: 6px;
}
button.view_more{
    position: absolute;
    bottom:10px;
    left: 10px;
    cursor: pointer;
}
button.view_more.hidden{
	display: none;
}
button.close_view_more{
    margin-top: 10px;
    margin-left: 10px;
    cursor: pointer;
    background-color: #fff;
}
div.item_review_page_navigation{
	text-align: center;
	margin: 0 auto;
}
div.item_review_page_navigation a{
	/* padding: 1px 8px; */
	width: 26px;
	height: 26px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size: 13px;
	border: 1px solid #ddd;
	/* background-color: #ddd; */
	/* color:#fff; */
	color: rgb(121, 121, 121);

	border-radius: 3px;
	margin: 0 2px;
}
div.item_review_page_navigation strong{
	/* padding: 1px 8px; */
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 26px;
	height: 26px;
	font-size: 13px;
	border: 1px solid #0C318F;
	border-radius: 3px;
	margin: 0 2px;
	color:#0C318F;
	background-color: #F5F7FF;
}
a.view_review_detail{
    display: flex;
    justify-content: flex-start;
}
div.item_review_infos{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	width: 100%;
}
li.no_reviews{
    padding: 30px 0;
}

div.item_review_wrtier_profile_image{
	/* margin-top: 9px; */
	/* min-width: 45px; */
}
div.item_review_wrtier_profile_image i{
    font-size: 30px;
	color: #e1e1e1;
}
div.item_review_wrtier_profile_image img.review_profile_image{
	width: 30px;
	height: 30px;
	border-radius: 50%;
	object-fit: cover;
}
div.strip_content{
	display: -webkit-box!important;
	/* -webkit-line-clamp: 3; */
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	height: auto;
}
/* 모바일 768px 이하 */
@media screen and (max-width: 768px){
	a.view_review_detail{
		flex-wrap: nowrap;
	}
	div.item_review_infos{
		flex-wrap: wrap;
	}
	div.item_review_info{
		/* flex-basis: 100%; */
	}
	div.item_review_content{
		margin-left: 0;
		flex-wrap: wrap;
	}
	div.strip_content{
		display: -webkit-box !important;
		-webkit-box-orient: vertical !important;
		-webkit-line-clamp: 2 !important;
		overflow: hidden !important;
		line-height: 1.6 !important;
		max-height: calc(1.6em * 2) !important;
		word-break: break-word;
	}

	li.item_review_document.active div.strip_content{
		display: block !important;
		-webkit-line-clamp: unset !important;
		max-height: none !important;
		overflow: visible !important;
	}

	li.item_review_document.has_view_more:not(.active) .item_review_article::after{
		bottom: 18px;
		height: 24px;
	}
	div.item_review_img{
		min-width: 50px;
		height: auto;
		line-height: 1;
		margin-top: 10px;
	}
	div.item_review_img img{
		max-width: 100%;
	}
	button.view_more{
		margin-top: 20px;
		position: initial;
		display: block;
	}
	
	div.item_review_content_detail{
		margin-left: 0;
	}
	div.item_review_article{
		margin-right: 0;
		/* max-height: 170px; */
		height:auto;
	}
	.item_review_writer{
		font-size: 12px;
	}
	div.strip_content{
		max-height: 100px;
		overflow: hidden;
	}
	div.item_review_content_detail p{
		margin-left: 0;
	}
	div.item_review_content_detail img{
		margin-left: 0;
	}
	button.close_view_more{
		margin-left: 0;
	}
	div.item_review_wrtier_profile_image i{
		font-size: 30px;
	}
	div.item_review_wrtier_profile_image img.review_profile_image{
		width: 30px;
		height: 30px;
	}
	li.item_review_document button{
		top: 8px;
		right: 8px;
	}
	div.item_review_page_navigation {
		margin: 6px auto 0;
	}
	div.item_review_page_navigation strong,
	div.item_review_page_navigation a{
		width: 24px;
		height: 24px;
		font-size: 12px;
		margin: 0;
	}
}