.contLst__titWrap--stdRvwCont{
  width: 100%;
  border-bottom: 1px solid #D3D3D3;
  display: flex; justify-content: space-between; align-items: end;
  padding-bottom: 12px;
}

.stdRvwCont__srchTab{display: flex; gap: 20px;}
.stdRvwCont__srchTab a{
  color: rgb(22 22 22 / 50%); font-weight: 400;
  position: relative; padding-left: 11px;
}
.stdRvwCont__srchTab a::before{
  content: '';
  width: 5px; height: 5px;
  border-radius: 25px;
  background-color: rgb(22 22 22 / 50%);
  position: absolute; left: 0px; top: 50%; transform: translateY(-50%);
}
.srchTab_selected{color: var(--clr_black_mn) !important;}
.srchTab_selected::before{ background-color: var(--clr_black_mn) !important;}
/* 탭 클릭됐을 때 class = srchTab_selected  */

.stdRvwCont__rvwLstGrp{}
.stdRvwCont__rvwLst{margin-top: 21px; padding-bottom: 20px; border-bottom: var(--mix_brdr_btrDkr);}

.rvwLstIfo__strPnt{display: inline-flex; align-items: center; justify-content: flex-start; gap: 6px; margin-bottom: 6px;}
.reDeStar{width: 87px;}
.reDeStar, .starFill{
  display: inline-block;
  height: 15.2px;
  background: url(/assets/img/com/rvwStars.png) no-repeat;
  overflow: hidden;
  vertical-align: -1px;
  text-align: left;
}
.starFill{
  line-height: 0;
  vertical-align: top;
  background-position: left bottom;
  text-indent: -5000px;
}
.reDePoint{ color: var(--clr_black_mn); font-weight: 400; margin-left: 3px; margin-top: 2px;}
.rvwLstIfo_name{ color: var(--clr_black_mn); font-weight: 400; margin-bottom: 20px;}
.rvwLstTxt{color: var(--clr_black_mn-); font-weight: 400; margin-bottom: 30px;
  word-break: keep-all;}
.rvwLstHrt{
  display: flex; align-items: center; justify-content: space-between;
  font-size: 14px; font-weight: 400; line-height: 16px; color: var(--clr_black_mn);
}


/* -------------------------하트 버튼 -----------------------------*/
.likesBox{display: flex; justify-content: end; align-items: center; gap: 1px;}
.love-icon {
  --danger-color:#2D8CE6;
  --heart-color: #E6E6E6;
  --heart-active-color: var(--danger-color);
  --bg-color: white;
  position: relative; width: 15px; height: 15px; cursor: pointer;}
.loveInput {
  position: absolute; top: 0; left:0 ;
	width: 100%; height: 100%;
	margin: 0; opacity: 0; cursor: pointer;
}
.loveInput.animated ~ .heart {
  animation: scale-out-elastic 1.2s ease-out reverse forwards;
	background-color: var(--heart-active-color);
}
.loveInput.animated ~ .lines .line::before {
  animation: slide-left-right 0.4s ease-in forwards;
	background-color: var(--heart-active-color);
}
.loveInput.animated ~ .ring {
  animation: scale-out-bigger 0.75s cubic-bezier(0, 1, 0.5, 1) forwards;
	background-color: var(--heart-active-color);
}
.loveInput.animated ~ .ring::before {
  animation: scale-out 0.75s cubic-bezier(0, 1, 0.5, 1) forwards;
}
.love-icon .heart {
  position: absolute; top:0; left:0; z-index: 1;
  width: 15px; height: 15px;
  cursor: pointer;
  background-image: url(/assets/img/com/stdRvw_heart.svg);
  background-size: cover;
}

.love-icon .lines {
  position: absolute; top: 0;left: 0; z-index: 1;
	width: 100%; height: 100%; pointer-events: none;
}
.love-icon .lines .line {
  position: absolute; top: 44.1%; left: 30.5%;
  width: 10px; height: 1px; opacity: 0.6;
}
.love-icon .lines .line:nth-child(1) {transform: rotate(90deg) translate(26px);}
.love-icon .lines .line:nth-child(2) {transform: rotate(150deg) translate(26px);}
.love-icon .lines .line:nth-child(3) {transform: rotate(210deg) translate(26px);}
.love-icon .lines .line:nth-child(4) {transform: rotate(270deg) translate(26px);}
.love-icon .lines .line:nth-child(5) {transform: rotate(330deg) translate(26px);}
.love-icon .lines .line:nth-child(6) {transform: rotate(390deg) translate(26px);}
.love-icon .lines .line::before {
  position: absolute; top: 0; left: 0;
  content: ""; width: 100%; height: 100%;
  background: var(--heart-color);
  transform: scaleX(0); transform-origin: left;
}
.love-icon .ring {
  position: relative; z-index: 0;top: -0.7px;left: 0;
	width: 100%;height: 100%;
  background: transparent;
  border-radius: 50%; opacity: 0.3; pointer-events: none;
}
.love-icon .ring::before {
  content: "";
  position: absolute; top: 0.3px; left: 0;
  width: 100%; height: 100%;
  background: var(--bg-color);
  border-radius: inherit;
  transform: scale(0);
  pointer-events: none;
}
@keyframes scale-out-elastic {
  0% { transform: rotate(-45deg) scale(1); }
  4% { transform: rotate(-45deg) scale(1); }
  8% { transform: rotate(-45deg) scale(1); }
  14% {transform: rotate(-45deg) scale(1); }
  18% {transform: rotate(-45deg) scale(1); }
  26% {transform: rotate(-45deg) scale(1.01);}
  28% {transform: rotate(-45deg) scale(1.01);}
  40% {transform: rotate(-45deg) scale(0.98);}
  42% {transform: rotate(-45deg) scale(0.98);}
  56% {transform: rotate(-45deg) scale(1.05);}
  58% {transform: rotate(-45deg) scale(1.04);}
  72% {transform: rotate(-45deg) scale(0.87);}
  86% {transform: rotate(-45deg) scale(1.37);}
  100% {transform: rotate(-45deg) scale(0);  }
}
@keyframes slide-left-right {
  50% { transform: scaleX(1); transform-origin: left; }
  50.1% { transform-origin: right; }
  100% {  transform-origin: right; }
}
@keyframes scale-out { to { transform: scale(1.05); }}
@keyframes scale-out-bigger { to { transform: scale(1.2); }}

.recom{padding-left: 6px;	cursor: pointer;}
.countNum{padding-left: 5px;}

@media (max-width: 767px) {
  .stdRvwCont__srchTab{gap: 12px;}
  .stdRvwCont__srchTab a{font-size: 12px; line-height: 14px; padding-left: 8px;}
  .stdRvwCont__srchTab a::before{width: 4px; height: 4px;}
  .rvwLstIfo__strPnt{gap: 5px; margin-bottom: 5px;}
  .reDePoint{font-size: 12px;}
  .rvwLstIfo_name{font-size: 12px; line-height: 14px;}
  .rvwLstTxt{font-size: 12px; line-height: 16px;}
  .rvwLstHrt{font-size: 10px; line-height: 12px;}
  .love-icon,.love-icon .heart{width: 10px; height: 10px;}
  .bestCrl__more{gap: 5px;}
}
@media (min-width: 768px) and (max-width: 1023px) {
  .stdRvwCont__srchTab a{font-size: 14px; line-height: 16px;}
  .reDePoint{font-size: 14px; line-height: 16px;}
  .rvwLstIfo_name{font-size: 14px; line-height: 16px;}
  .rvwLstTxt{font-size: 14px; line-height: 20px;}
  .rvwLstHrt{font-size: 12px; line-height: 14px;}
}
@media (min-width:1024px) {
  .stdRvwCont__srchTab a{font-size: 16px; line-height: 19px;}
  .contLst__titWrap--stdRvwCont{padding-bottom: 20px;}
  .reDePoint{font-size: 16px; line-height: 19px; margin-top: 3px;}
  .rvwLstIfo_name{font-size: 16px; line-height: 19px;}
  .rvwLstTxt{font-size: 16px; line-height: 22px;}
  .rvwLstHrt{font-size: 14px; line-height: 16px;}
}