/* BASIC css start */
/* START : 이미지 상품리뷰 */
.review_img_info {margin-top:20px;display:blcok;}
.review_img_info .name {float:left;margin-right:10px;display:block;}
.review_img_info .date {margin-top:5px;color:#000;display:flex;align-items:center;}
.review_img_info .date img {width:18px;margin-right:5px;}
.review_score {display:flex;float:left;justify-content: center;align-items: center;}
.review_score li {position:relative;margin-right:5px;}
.review_score li:last-child {margin-right:0;}
.review_score li > img {position: relative;z-index: 5;width:15px;height:auto;display:block;}
.review_score li > span.rating {position: absolute;z-index: 4;top: 0;left: 0;display: block;width: 90%;height: 90%;background-color: #f27370;}

.review_img_title {margin:20px 0;}
.review_img_title b {font-size:16px;margin-right:5px;font-weight:bold;}
.review_img_wrap:after {content:'';display:black;width:100vw;height:100%;background:#f3f3f3;z-index:-1;position:absolute;top:0;left: 50%;transform: translate(-50%, 0);}
.review_img_wrap {width: 100%;margin:0 auto;padding:20px 0;position:relative;background:#f3f3f3;}
.review_img_wrap H3 {text-align: center;margin-bottom: 40px;color: #333;font-family: 'Jost', sans-serif;font-size: 32px;font-weight: bold;letter-spacing: 13px;}
.review_img_wrap .swiper-wrapper {overfhow:hidden;}
.review_img_wrap .img {margin-top:10px;width:200px;height:200px;overflow:hidden;display:flex;align-items: center;flex-direction: row;justify-content: center;border-radius:50%;position:relative;z-index:4;}
.review_img_wrap .img img {min-width:100%;min-height:100%;height:auto}
.review_img_wrap .content {position:relative;cursor: pointer;}
.review_img_wrap .content:hover .review_title {font-weight:bold;}
.review_img_wrap .content:before {  content: '';  position: absolute;  top: -7px;  left: -7px;  width: 214px;  height: 214px;  border-radius: 50%;  background: conic-gradient(#2c75ff, #aa01d3, #84f2ff, #2c75ff);  z-index: 1; /* 이미지 뒤로 */opacity:0;transition:0.2s}
.review_img_wrap .content:after { content: '';  position: absolute;  top: -3px;  left: -3px;  width: 206px;  height: 206px;  border-radius: 50%;  background:#fff; z-index: 2; /* 이미지 뒤로 */opacity:0;transition:0.2s}
.review_img_wrap .content:hover:before,
.review_img_wrap .content:hover:after {opacity:1}


div#reviewBnr {padding:0 10px}
.review_img_wrap .review_img_info .name  {color:#aaaaaa;}
.review_img_wrap .swiper-button-prev {left:-90px;color:#bcbcbc;width:70px;height:70px;transition:0.2s;border-radius:50%;top:130px;}
.review_img_wrap .swiper-button-next {right:-90px;color:#bcbcbc;width:70px;height:70px;transition:0.2s;border-radius:50%;top:130px;}
.review_img_wrap .swiper-button-prev:after,
.review_img_wrap .swiper-button-next:after {    font-size: 30px;}
.review_img_wrap .swiper-button-prev:hover,
.review_img_wrap .swiper-button-next:hover {background:#dadada;color:#fff;}
.review_img_wrap .review_img_info {overflow:hidden;display: flex;justify-content: center;padding:15px 0;margin-top:10px;border-bottom:1px solid #e5e5e5;}
.review_img_wrap .review_img_info .date {display:none;}
.review_img_wrap .review_title {font-size:15px;margin-top:15px;display: -webkit-box;overflow:hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;word-break: keep-all;text-align:center;position:relative;transition:0.2s;}
.review_img_wrap .review_content {display:none;}
.review_img_wrap .review_content_wrap {display: flex;flex-direction: column-reverse;}

.review_layer_popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(147 147 147 / 34%);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.review_layer_popup .popup_inner {
    background: #fff;
    padding: 30px 30px 30px;
    max-width: 800px;
    width: 90%;
    position: relative;

}

.review_layer_popup .popup_top {position:relative;border-bottom:1px solid #000;font-size:20px;padding-bottom:20px;font-weight:bold;}
.review_layer_popup .popup_top .btn_close {width:30px;height:30px;position: absolute;top: 0;right: 0;background: none;border: none;font-size: 18px;cursor: pointer;}
.review_layer_popup .popup_top .btn_close img {width:100%;height:auto}
.review_layer_popup #popupContent {padding-top:30px;min-height:530px;display:flex;align-items: flex-start;}
.review_layer_popup #popupContent img {max-width:100%}
.review_layer_popup #popupContent .img {width:50%;max-height:50vh;overflow:hidden; display: flex;justify-content: center;align-items: center;}

.review_layer_popup #popupContent .review_content_wrap {padding-left:20px;width:50%;    overflow: hidden; overflow-y: auto; height: 480px;}

.review_layer_popup #popupContent .review_title {font-size:20px;font-weight:bold;word-break: keep-all;}
.review_layer_popup #popupContent .review_img_info {border:1px solid #000;border-left:0;border-right:0;position:relative;display:flex;align-items: center;margin-bottom:40px;}
.review_layer_popup #popupContent .review_img_info > * {padding: 15px 0;width: 50%;box-sizing: border-box;float: left;margin: 0;text-align:center;}
.review_layer_popup #popupContent .review_img_info > * + * {border-left: 1px solid #000;}
.review_layer_popup #popupContent .review_img_info .date {border:0;padding:0;position:absolute;bottom:-30px;right:0;width:auto;display:none;}
.review_layer_popup #popupContent .review_content {line-height: 21px;}
.review_layer_popup .review_score li > img {width:20px;}
.review_pop_list_wrap {padding:20px 60px 0;position:relative;border-top:1px solid #000;margin-top:30px;}
.review_pop_list_wrap #popupSlide .img {overflow:hidden;display:flex;justify-content:center;align-items:center;width:95px;height:95px;}
.review_pop_list_wrap #popupSlide .img img {min-width:100%;width:100%;height:auto;min-height:100%;}
.review_pop_list_wrap .content {cursor: pointer;overflow:hidden;transition:0.2s;border:1px solid #fff;}
.review_pop_list_wrap .swiper-button-prev,
.review_pop_list_wrap .swiper-button-next {color:#000;top:70px;}
.review_pop_list_wrap .swiper-button-prev:after,
.review_pop_list_wrap .swiper-button-next:after {font-size:30px}
.review_layer_popup .content {transform:0.2s;box-sizing:border-box;}
.review_pop_list_wrap .swiper-slide.on .content {opacity:0.5;border:1px solid #000;}
/* END : 이미지 상품리뷰 */
/* BASIC css end */