@charset "utf-8";

#atc_reviews{position:relative;padding:var(--sec-pad) 0;width:100%;min-width:var(--main-size);background-color:#ebf7f9}
#atc_reviews .rv_wrap{margin:60px auto 0;width:var(--wrap);max-width:calc(100% - var(--wrap-gap) * 2)}

/* 평점 요약 */
#atc_reviews .rv_head{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:34px}
#atc_reviews .rv_score_sum{display:flex;align-items:center;gap:14px}
#atc_reviews .rv_score_num{font-size:34px;font-weight:700;line-height:1;color:var(--black)}
#atc_reviews .rv_score_cnt{font-size:16px;font-weight:500;color:#666}
#atc_reviews .rv_head_desc{font-size:16px;font-weight:400;color:#777}
#atc_reviews .rv_stars{font-size:19px;letter-spacing:0.06em;line-height:1;color:var(--primary)}

/* 리뷰 카드 */
#atc_reviews .rv_grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:24px}
#atc_reviews .rv_card{display:flex;flex-direction:column;padding:32px 32px 26px;border-radius:10px;background-color:#fff;transition:all .3s}
#atc_reviews .rv_card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgb(17, 17, 17, 0.08)}
#atc_reviews .rv_card_top{display:flex;align-items:center;gap:12px}
#atc_reviews .rv_avatar{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:42px;height:42px;border-radius:50%;font-size:16px;font-weight:700;color:#fff;background-color:var(--primary)}
#atc_reviews .rv_who{flex:1 1 auto;min-width:0}
#atc_reviews .rv_who strong{display:block;font-size:16px;font-weight:700;color:var(--black)}
#atc_reviews .rv_badge{display:inline-block;margin-top:5px;padding:2px 8px;border-radius:3px;font-size:11px;font-weight:600;color:var(--primary);background-color:#ebf7f9}
#atc_reviews .rv_text{margin-top:20px;flex:1 1 auto;font-size:16px;font-weight:400;line-height:1.75;color:#555}
#atc_reviews .rv_imgs{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
#atc_reviews .rv_img_btn{display:block;padding:0;border:none;background:none;cursor:zoom-in;border-radius:8px;overflow:hidden;transition:transform .2s, box-shadow .2s}
#atc_reviews .rv_img_btn:hover{transform:scale(1.04);box-shadow:0 6px 16px rgb(17, 17, 17, 0.12)}
#atc_reviews .rv_img_btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
#atc_reviews .rv_img{width:72px;height:72px;border-radius:8px;object-fit:cover;background-color:#f5f5f5;display:block}
#atc_reviews .rv_card_foot{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:18px;border-top:1px solid #eee}
#atc_reviews .rv_type{font-size:14px;font-weight:600;color:var(--primary)}
#atc_reviews .rv_date{font-size:14px;font-weight:400;color:#999}

/* 전체보기 */
#atc_reviews .rv_more{display:flex;justify-content:center;align-items:center;gap:10px;margin:48px auto 0;width:260px;height:60px;border:2px solid var(--primary);border-radius:30px;font-size:17px;font-weight:600;color:#fff;background-color:var(--primary);transition:all .3s}
#atc_reviews .rv_more svg{width:18px;height:18px;stroke-width:2px}
#atc_reviews .rv_more:hover{color:var(--primary);background-color:#fff}

/* 리뷰 사진 라이트박스 */
body.rv_lightbox_open{overflow:hidden}
.rv_lightbox{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:24px}
.rv_lightbox.is_open{display:flex}
.rv_lightbox_backdrop{position:absolute;inset:0;background:rgb(0, 0, 0, 0.78)}
.rv_lightbox_panel{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;width:min(960px, calc(100vw - 48px));max-height:calc(100vh - 48px)}
.rv_lightbox_figure{position:relative;margin:0;max-width:calc(100% - 96px);max-height:calc(100vh - 96px)}
.rv_lightbox_img{display:block;max-width:100%;max-height:calc(100vh - 120px);margin:0 auto;border-radius:12px;object-fit:contain;background:#111;box-shadow:0 20px 60px rgb(0, 0, 0, 0.35)}
.rv_lightbox_count{display:block;margin-top:12px;font-size:14px;font-weight:500;text-align:center;color:#fff}
.rv_lightbox_close{position:absolute;top:-44px;right:0;width:40px;height:40px;border:none;border-radius:50%;font-size:28px;line-height:1;color:#fff;background:rgb(255, 255, 255, 0.14);cursor:pointer;transition:background .2s}
.rv_lightbox_close:hover{background:rgb(255, 255, 255, 0.24)}
.rv_lightbox_prev,.rv_lightbox_next{flex-shrink:0;width:44px;height:44px;border:none;border-radius:50%;font-size:28px;line-height:1;color:#fff;background:rgb(255, 255, 255, 0.14);cursor:pointer;transition:background .2s}
.rv_lightbox_prev:hover:not(:disabled),.rv_lightbox_next:hover:not(:disabled){background:rgb(255, 255, 255, 0.24)}
.rv_lightbox_prev:disabled,.rv_lightbox_next:disabled{opacity:0.35;cursor:default}

@media (max-width:1980px){
#atc_reviews .rv_card{padding:28px 26px 24px}
#atc_reviews .rv_text{font-size:15px}
}