.skip { position: absolute; width: 1px; height: 1px; left: -9999px; text-indent: -9999px; line-height: 0; font-size: 0; overflow: hidden; } 
.navi_category	{ text-align: center; padding: 20px 0; }
.navi_category ul {background: var(--default-box-color); border-radius: 15px; display: inline-block; padding: 5px 40px; color: var(--default-txt-color);}
.navi_category ul a {color: var(--default-txt-color); font-weight: 600;}
.navi_category li	{ display: inline-block;}
.navi_category li + li:before {content: '|'; padding: 0 20px;}
.review-list {display: flex; justify-content: space-between;  } 
.review-list .review-item {  } 
.review-list .review-item.notice {  } 
.review-list .review-item.notice .review-item-content { color: var(--color-default); } 
.review-list .review-item.notice .review-item-content:hover { text-decoration: underline; } 
.review-list .review-item.notice .review-item-content span { padding: 2px 10px; } 
.review-list .review-item.notice .review-item-content span.hash { background: var(--color-default); color: #fff; } 
.review-list .review-item.empty { text-align: center;  } 
.review-list .review-item .review-item-content .review-item-img { position: relative; overflow: hidden; width: 100%;
 border: 1px solid var(--theme-box-border);
    border-radius: var(--radius);} 

.review-list .review-item .review-item-content .review-item-img{aspect-ratio:8 / 9;}
.review-list .review-item .review-item-content .review-item-img img { position: relative; display: block; width: 100%; z-index: 1; object-fit: cover;
    height: 100%;} 
.review-list .review-item .review-item-content .review-item-img.no-image { width: 100%; padding-top: 100%; } 
.review-list .review-item .review-item-content .review-item-img.is-blur img { filter: blur(10px); } 
.review-list .review-item .review-item-content .review-item-img .badge { display: block; position: absolute; left: 8px; top: 8px; padding: 0 8px; border-radius: 4px; z-index: 2; color: white; background: var(--point_color); } 


.review-list{        display: grid;
        grid-template-columns: repeat(4, 1fr); gap: 10px;
    margin: 0 10px;}
 .review-view .review-view-body .review-left  .rit-head .bo_v_img {
    padding: 10px;}
.review-list .review-item .review-item-content .review-item-text .rit-head { margin-bottom: 10px; } 
.review-list .review-item .review-item-content{ display: flex;
    justify-content: space-between;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 15px 8px;
    position: relative;}
 .review-list .review-item .review-item-content .review-title {text-align: right;
    color: var(--base);
   filter: drop-shadow(1px 0px 0px var(--theme-box-border)) drop-shadow(-1px 0px 0px var(--theme-box-border)) drop-shadow(0px -1px 0px var(--theme-box-border)) drop-shadow(0px 1px 0px var(--theme-box-border)) drop-shadow(2px 2px 0px var(--theme-box-border));
        line-height: 1em;
    font-size: 2.4em;
    z-index: 2;
    font-family: var(--fontS);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
flex-direction: column-reverse;
    justify-content: space-between;
display: flex;
} 

 .review-list .review-item .review-item-content .review-title .star_point{
    text-align: left;
}

.review-list .review-item .review-item-content .review-title .star_point span{
font-family:Binggrae-Two;}

 .review-list .review-item .review-item-content .review-title span{
display: inline-block;
    overflow: hidden;
}

 .review-list .review-item .review-item-content .review-title .title{
text-align:right;}

 .review-list .review-item .review-item-content .review-title .badge{
text-align:left;
}

.review-list .review-item .review-item-content .review-item-text .rit-head .rit-title { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.review-list .review-item .review-item-content .review-item-text .rit-content { display: block; color: var(--text-color); margin-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.2; max-height: 2.4em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 
.review-list .review-item .review-item-content .review-item-text .rit-date { color: var(--text-color); margin-bottom: 10px; line-height: 1.3em; opacity: 0.5; } 
 .review-view-body .review-left  .bo_v_img { padding-bottom: 5px;}
@media only screen and (min-width: 500px) and (max-width: 900px) { 
.review-list{grid-template-columns: repeat(2, 1fr);}
} 
@media only screen and (max-width: 499px) { 
.review-list{grid-template-columns: repeat(1, 1fr);}
} 
@media only screen and (min-width: 900px) { 
  .review-list .review-item { width: 100%; } 
  .review-list .review-item:last-child { border-bottom: none; } 
  .review-list .review-item:hover .review-item-content .review-item-img { opacity: 1; filter: grayscale(0%); transition: opacity 0.5s;}
  .review-list .review-item:hover .review-item-content .review-item-img img{

}
  .review-list .review-item:hover .review-item-content .review-item-text .rit-title { text-decoration: underline; } 
  .review-list .review-item .review-item-content .review-item-img.no-image { width: 200px; height: 200px; padding-top: 0; } 
  } 

.review-view .review-view-head { margin-bottom: 10px; } 
.review-view .review-view-body .review-right .review-content .review-info { opacity: 0.5; padding-top: 10px; line-height: 1.4em;     max-height: 300px; /*원하는 높이 지정*/

    overflow: auto; } 
.review-view .review-view-body .review-right #bo_vc article { padding: 1em 0.5em; margin: 1em 0; border-bottom: 1px solid var(--color-default); color:var(--text);} 
.review-view .review-view-body .review-right #bo_vc article header { padding: 0; } 
.review-view .review-view-body .review-right #bo_vc article .comment-secret { margin: 1em 0; text-align: center; color: var(--text-color); } 
.review-view .review-view-body .review-right #bo_vc article .comment-secret.is-hide { display: none; } 
.review-view .review-view-body .review-right #bo_vc article .comment-secret div { font-weight: 800; } 
.review-view .review-view-body .review-right #bo_vc article .comment-content.is-hide { display: none; } 
.review-view .review-view-body .review-right #bo_vc article .comment-content .comment-img { margin: 5px 0; } 
.review-view .review-view-body .review-right #bo_vc article .comment-content .comment-text { margin: 5px 0; padding: 0; } 
.review-view .review-view-body .review-right #bo_vc article .comment-date { padding: 0; opacity: 0.5; font-size: 0.9em; } 
.review-view .review-view-body .review-right #bo_vc article footer::after { content: ""; display: table; clear: both; } 
.review-view .review-view-body .review-right #bo_vc article footer .bo_vc_act { float: right; } 
.review-view .review-view-body .review-right #bo_vc article footer .bo_vc_act li { float: left; } 

  .review-view-body { display: block; } 
  .review-view-body .review-left { flex: 0 0 300px; margin-right: 20px;     display: block;
    position: sticky;
    top: 0px;
    left: 0px;
height: 170px;
border-bottom:1px solid black;
z-index:2;width: 100%;
}
  .review-view-body .review-left  .review-info{
position: absolute;
       bottom: -12px;
        left: 10px;
z-index:1;
color:var(--base);
    filter: drop-shadow(1px 0px 0px var(--theme-box-border)) drop-shadow(-1px 0px 0px var(--theme-box-border)) drop-shadow(0px -1px 0px var(--theme-box-border)) drop-shadow(0px 1px 0px var(--theme-box-border)) drop-shadow(2px 2px 0px var(--theme-box-border));
} 

  .review-view-body .review-left  .review-info em{
        font-size: 1.2em;
        margin-left: 12px;
        line-height: 2em;
}
  .review-view-body .review-left  .review-info strong{
font-size:4em; font-family: var(--fontS);  line-height: 1em;

}
  .review-view-body .review-left  .review-bak{
        height: inherit;
        width: 100%;        background-position: center;
        background-size: cover;
} 


  .review-view-body .review-right#bo_v_con { margin-top: 0;         padding: 0px 20px;}