/* 리뷰 사진 보기 창 (rv_viewer.js) — 2026-09-25. 상세 리뷰 창·전체 리뷰·사진 모음 창 공용 */
#rvv {position:fixed;inset:0;z-index:10010;display:flex;align-items:flex-start;justify-content:center;padding-top:3vh;box-sizing:border-box;background:rgba(0,0,0,.85)}
#rvv .rvv_in {position:relative;display:flex;flex-direction:column;width:min(900px,94vw);max-height:94vh;background:#fff;border-radius:10px;overflow:hidden}
#rvv .rvv_close {position:absolute;top:10px;right:10px;z-index:2;height:42px;padding:0 22px;border:2px solid #fff;border-radius:8px;background:#0080EA;color:#fff;font-size:16px;font-weight:bold;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.5)}
#rvv .rvv_close:hover {background:#006fcc}
#rvv .rvv_stage {position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 auto;height:min(62vh,600px);background:#111}
#rvv .rvv_pic {position:relative;display:inline-block;max-width:100%}
#rvv .rvv_stage img {display:block;max-width:100%;max-height:min(62vh,600px);object-fit:contain}
#rvv .rvv_prev, #rvv .rvv_next {position:absolute;top:50%;width:44px;height:44px;margin-top:-22px;border:0;border-radius:50%;background:rgba(255,255,255,.9) no-repeat 50% 50%/22px;cursor:pointer}
#rvv .rvv_prev {left:10px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 4l-8 8 8 8'/%3E%3C/svg%3E")}
#rvv .rvv_next {right:10px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 4l8 8-8 8'/%3E%3C/svg%3E")}
#rvv .rvv_count {padding:8px 16px 0;color:#999;font-size:13px}
#rvv .rvv_info {flex:0 1 auto;min-height:0;padding:4px 16px 16px;overflow-y:auto;color:#111;font-size:15px;line-height:1.6}
#rvv .rvv_prd {color:#0080EA;font-size:13px}
#rvv .rvv_head {display:flex;flex-wrap:wrap;align-items:center;gap:0 8px;color:#7f7f7f;font-size:13px;line-height:26px}
#rvv .rvv_head dd {margin:0}
#rvv .rvv_head .npay_logo {height:20px;width:auto}
#rvv .rvv_head img[src*="s_star"] {width:85px;height:auto}
#rvv .rvv_head .npay_month {display:inline-block;margin-left:5px;padding:0 6px;border:1px solid #03c75a;border-radius:3px;color:#03c75a;font-size:12px;line-height:18px}
#rvv .rvv_opt {color:#999;font-size:12.5px;line-height:18px}
#rvv .rvv_txt {font-weight:500}
#rvv .rvv_txt p {margin:0}
/* 퍼가기 방지(최소): 길게 눌러 저장·끌기 막기 + 보기 창 사진 오른쪽 아래에 로고 겹침(원본 파일은 그대로) */
#rvv img, #sit_use .sit_use_side img, .sit_use_photos img, .rv_list .rv_side img, .use_gal img {-webkit-touch-callout:none;-webkit-user-drag:none;user-select:none}
/* 투명 덮개: 해제기로 메뉴가 열려도 "이미지 저장" 항목이 안 나오게 사진 위를 덮음 (로고는 그 위) */
#rvv .rvv_pic::before, .sit_use_photos a::after, .use_gal a::after {content:"";position:absolute;inset:0;z-index:1}
.use_gal a {position:relative}
#rvv .rvv_pic::after {z-index:2;content:"";position:absolute;right:10px;bottom:10px;width:min(147px,24.5%);aspect-ratio:420/172;background:url("img/rv_watermark.png?v=3") no-repeat 50% 50%/contain;pointer-events:none}

/* 2026-09-27 사진 보기 창이 떠 있는 동안 뒤 화면 고정(창은 열릴 때 생기고 닫히면 지워짐) */
html:has(#rvv), body:has(#rvv) {overflow:hidden}
#rvv, #rvv .rvv_info {overscroll-behavior:contain}