/* BASIC css start */
.reviewking_wrap{font-family:'Pretendard','Noto Sans KR',sans-serif;box-sizing:border-box;color:#333;line-height:1.5;background:#fff;padding:40px 0 20px;width:100%}
.reviewking_wrap *{box-sizing:border-box;text-decoration:none;color:inherit;word-break:keep-all}
.reviewking_wrap img{display:block;width:100%;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}
.reviewking_container{width:100%;padding:0 15px;margin:0 auto;display:block}
.reviewking_intro{width:100%;margin-bottom:60px}
.rk_intro_info h2{font-size:30px;font-weight:700;margin:20px 0 22px;color:#000;letter-spacing:-1.5px;line-height:1.2;text-align:center}
.rk_desc{font-size:17px;color:#666666;margin-bottom:30px;line-height:1.4;text-align:center}
.rk_benefit_box{border:none;border-top:2px solid #000;padding:10px 0;width:100%; background:#fff}
.rk_benefit_tit{font-size:18px;font-weight:800;text-align:center;margin-bottom:15px;color:#000}
.rk_benefit_list{list-style:none;padding:0;margin:0}
.rk_benefit_list li{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #eee;font-size:15px; margin:0 30px; 0}
.rk_benefit_list li:last-child{border-bottom:none}
.rk_benefit_list li strong{font-weight:700;color:#333;font-size:17px}
.rk_benefit_list li span{color:#d35460;font-weight:900;font-size:19px}
.rk_blue_guide{background:#fff;width:100%;padding-top:0}
.bg_point_wrap{display:flex;justify-content:space-between;text-align:center;padding:20px 0;border-top:1px solid #eee;border-bottom:1px solid #eee}
.bg_p_item{width:33.33%;border-right:none}
.bg_p_item:last-child{border-right:none}
.bg_tit{display:block;font-size:13px;font-weight:600;margin-bottom:5px;color:#666}
.bg_num{display:block;font-size:18px;font-weight:800;color:#000}
.bg_btn_write{display:block;width:100%;height:50px;line-height:50px;background:#000;color:#fff!important;text-align:center;font-size:16px;font-weight:700;border-radius:0; margin-bottom:30px;}
.reviewking_content{width:100%}
.rk_section_head {
margin-bottom: 20px;
margin-top: 60px;
padding-top: 40px;
border-top: 1px solid #e5e5e5;
border-bottom: 2px solid #000;
padding-bottom: 15px;
}
.rk_section_head.first {
margin-top: 0;
padding-top: 0;
border-top: none;
}
.rk_title_row{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.rk_title_row h3{font-size:26px;font-weight:800;margin:0;color:#000;line-height:1}
.rk_badge_box{display:inline-block;color:#fff;font-size:16px;font-weight:600;padding:10px 16px;border-radius:50px;line-height:1}
.rk_badge_box.gold{background-color:#e5bb4f}
.rk_badge_box.silver{background-color:#86c0cc}
.rk_badge_box.bronze{background-color:#ed8f90}
.rk_desc_txt{font-size:16px;color:#1a1a1a;font-weight:500}
.rk_product_box{display:flex;align-items:center;gap:15px;border:0;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;padding:15px 10px;width:100%;margin-bottom:15px;background:#fff}
.rk_pd_thumb{width:70px;height:70px;flex-shrink:0;overflow:hidden;background:#fff;}
.rk_pd_thumb img{width:100%;height:100%;object-fit:cover}
.rk_pd_info{flex:1;overflow:hidden}
.rk_pd_name{font-size:14px;font-weight:500;color:#333;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;line-height:1.3}
.rk_pd_meta{font-size:12px;color:#888}
.rk_pd_meta i{color:#d35460;font-style:normal;font-weight:800;font-size:13px;letter-spacing:1px}
.rk_rank1_card{background:#fff;margin-bottom:50px;display:block;width:100%;border:none}
.rk_rank1_card .rk_img_wrap{width:100%;aspect-ratio:1/1;margin-bottom:20px}
.rk_rank1_card .rk_img_wrap img{width:100%;height:100%;object-fit:cover}
.rk_rank1_card .rk_card_body{padding:0}
.rk_review_txt{font-size:14px;line-height:1.6;color:#444;margin-bottom:20px;display:block;overflow:visible;height:auto;max-height:none;padding:0 15px}
.rk_writer{text-align:right;font-size:13px;color:#999;margin-top:auto;    padding-right:10px;}

.rk_grid.slider_wrap{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:15px;margin-bottom:0px;padding-bottom:20px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;cursor:default;align-items:stretch}
.rk_grid.slider_wrap.active{cursor:default;scroll-snap-type:none}
.rk_grid.slider_wrap::-webkit-scrollbar{display:none}
.rk_card{flex:0 0 85%!important;width:85%!important;display:flex;flex-direction:column;background:#fff;scroll-snap-align:center;border:none;height:auto;align-self:stretch!important}
.rk_card .rk_img_wrap{display:block;width:100%;aspect-ratio:1/1;overflow:hidden;margin-bottom:20px;flex-shrink:0}
.rk_card .rk_img_wrap img{width:100%;height:100%;object-fit:cover}
.rk_card .rk_card_body{padding:0;display:flex;flex-direction:column;flex:1}
@media(min-width:768px){
.reviewking_container{padding:0 30px}
.rk_card{flex:0 0 45%!important;width:45%!important}
}


/* --- 2등 리뷰 슬라이드 : 아이디 하단 완벽 정렬 & 불필요한 여백 제거 --- */

/* 1. 카드를 격자(Grid) 구조로 강제 변경하여 브라우저 버그 차단 */
.reviewking_wrap .rk_card {
    display: grid !important;
    grid-template-rows: auto 1fr !important; /* 이미지 공간과 글 공간을 완벽히 분리 */
}

/* 2. 글 공간을 끝까지 채우고, 아이디를 바닥으로 밀어내기 */
.reviewking_wrap .rk_card_body {
    display: flex !important;
    flex-direction: column !important;
}
.reviewking_wrap .rk_writer {
    margin-top: auto !important; 
}

/* 3. 1등 리뷰와 하단 회색 선 간격 똑같이 맞추기 */
.reviewking_wrap .rk_grid.slider_wrap {
    padding-bottom: 0 !important;
}
/* BASIC css end */

