@charset "euc-kr";

.commentLog_list{display: flex;flex-direction: row;flex-wrap: wrap;gap: 20px;margin: 20px 0 0;}
.commentLog_list .item{position: relative;display: flex;flex-direction: column;background-color: #fff;padding:40px;text-align:left;border-radius:10px;height: auto;width: calc(50% - 10px);flex-wrap: wrap;align-items: center;border-radius: 10px;border-radius: 10px;border: 1px solid #0082FF;background: rgba(255, 255, 255, 0.90);}
.commentLog_list .item.best{border: 1px solid #0082FF;}
.commentLog_list .item.best .badge{display: flex;width: 50px;height: 25px;padding: 0;justify-content: center;align-items: center;gap: 13px;color: #fff;border-radius: 10px 0;background: #0082FF;position: absolute;top: -1px;left: -1px;font-size: 12px;letter-spacing: 0;}
.commentLog_list .item .review_tit{font-weight:700;color:#111;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;word-break:break-word;white-space:normal;word-break: break-all;width: 100%;}
.commentLog_list .item .review_con{line-height: 1.6;color:#555;margin-top:20px;margin-bottom:20px;height: 152px;overflow: auto;width: 100%;word-break: break-all;}
.commentLog_list .item .review_con::-webkit-scrollbar{width:6px;}

.commentLog_list .item .review_con::-webkit-scrollbar-track{background:#EFEFEF;padding:4px;}

.commentLog_list .item .review_con::-webkit-scrollbar-thumb{background:#AEAEAE;border-radius:10px;width:4px;}
.commentLog_list .item .review_con strong{color:#111;font-weight:700;}
.commentLog_list .item .img {position: relative;border: 1px solid var(--border-color);background-color: var(--color-light);padding: 210px 0 0;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;display: inline-flex;margin: 0 0 20px;width: 300px;}
.commentLog_list .item .img  > img{position: absolute;top: 0;left: 0;object-fit: cover;width: 100%;height: 100%;object-position: 50% 50%;}
.commentLog_list .item .img .show_img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
.commentLog_list .item .img .show_img > span {font-weight: 500;position: absolute;right: 0;bottom: 0;padding: 0 0 1px;display: flex;align-items: center;justify-content: center;width: 35px;height: 35px;background-color: rgba(17, 17, 17, 0.80);color: #fff;}

.commentLog_list .item .review_author{position: relative;display:flex;align-items: center;gap:0 14px;margin-top:auto;width: 100%;}
.commentLog_list .item .review_author .del{position: absolute;top: 5px;right: 0;}
.commentLog_list .item .review_author > span + span{position: relative;padding-left: 13px;}
.commentLog_list .item .review_author > span + span::before{content:'';position: absolute;top: 5px;left: 0;width: 1px;height: 10px;background: #b6b6b6;}
.commentLog_list .item .review_author .like{display: flex;gap: 5px;align-items: center;}
.commentLog_list .item .review_author label{display: block;position: relative;}
.commentLog_list .item .review_author label input{position: absolute;top: 0;left: 0;width: 0px;height: 0px;border: 0;min-width: 0 !important;min-height: 0 !important;}

.commentLog_list .item .review_author label input + i{background: url(https://image.megagong.net/m/2025/1001_passcom/con_img2.png) no-repeat 0 0;font-size: 0;width: 25px;height: 25px;display: block;}

.commentLog_list .item .review_author label input:checked + i{background: url(https://image.megagong.net/m/2025/1001_passcom/con_img3.png) no-repeat 0 0;}
.commentLog_list .item .review_author .txt{font-size:13px;color: #666;font-weight:500;line-height:1.4;}
.commentlogSwiper_wrap .commentLog_list{overflow: hidden;}
.commentlogSwiper_wrap .commentLog_list .item{width: 100%;}
.commentlogSwiper_wrap .swiper-button-prev, .commentlogSwiper_wrap .swiper-button-next{width: 56px;height: 58px;background: #fff url('https://img.megagong.net/m/pub/ic_review_arrow.svg') 44% 50% no-repeat;background-size: 27px;font-size:0;border-radius: 100%;top:50%;margin-top: -48px;z-index: 1;=: 3px 3px 6px 0px rgba(0,0,0,0.2);}
.commentlogSwiper_wrap .swiper-button-prev{left: -30px;}
.commentlogSwiper_wrap .swiper-button-next{right: -30px;transform:rotate(180deg);=: -3px -3px 6px 0px rgba(0,0,0,0.2);background-size: 56% 50%;}
.commentlogSwiper_wrap .swiper-button-prev:after, 
.commentlogSwiper_wrap .swiper-button-next:after{display:none;}

.commentLog_list .swiper-slide {height: auto;background: #fff;border: 1px solid #0082FF;border-radius: 10px;}
.commentLog_list .swiper-slide .item.best{background:none;border:0}

.passcom_popupViewImg {width: max-content; max-width: 53%;}
.passcom_popupViewImg button.mfp-close {width: auto;height: auto; top: -40px; right: 0; font-weight: 300; font-size: 27px; color: #fff;opacity: 1;background: none; font-family: var(--font);}
.passcom_popupViewImg .content_area .content_inner {padding:36px;}
.passcom_popupTargetImg{max-height: calc(100vh - 210px);}


/*Æнº*/
.evReview .commentlogSwiper_wrap .commentLog_list {margin-top: 60px;}



@media screen and (max-width: 1200px){


    .commentLog_list .item{padding:25px 20px 20px}
    .commentLog_list .item .img{width: 80%;padding: 44% 0 0;}
    .commentlogSwiper_wrap .commentLog_list{margin-left: 0;margin-right: 0;}

    .passcom_popupViewImg { width: fit-content; max-width: 90%;}
    .passcom_popupViewImg .content_area .content_inner {padding:15px;}


    /*Æнº*/
    .evReview .commentlogSwiper_wrap .commentLog_list {margin-top: 8%;}
    .evReview .commentLog_list{gap:10px;padding: 2px;}
    .evReview .swiper-pagination{gap:0;margin-top: 10px;}
    .evReview .swiper-pagination-bullet {width:8px;height: 8px;}
}

@media screen and (max-width: 992px){



}





@media screen and (max-width: 768px) { 



    .commentLog_list{margin-top: 30px;}
    .commentLog_list .item .review_con{margin: 10px 0 15px;}
    .commentlogSwiper_wrap .swiper-button-prev, .commentlogSwiper_wrap .swiper-button-next{width: 36px;height: 36px;}
    .commentlogSwiper_wrap .swiper-button-prev{left: 0;}
    .commentlogSwiper_wrap .swiper-button-next{right: 0;}

}






@media screen and (max-width: 576px) { 

    .commentLog_list .item{width: 100%;}
    .commentLog_list .item.best .badge{height: 20px;}
    .commentLog_list .item .review_con{height: 100px;}
    .commentLog_list .item .img{width: 70%;}

}