/* 상품 리뷰 */ #review-list-page {} #review-list-page .review-write-area:after {content:''; content:''; display:block; clear:both;} #review-list-page .ui.rating .active.icon {color: #ffe623 !important;} #review-list-page .info {vertical-align: top;} #review-list-page .info .name {margin-top:15px;} #review-list-page .score { font-size:0.786rem;font-weight:bold;} #review-list-page .thumb {width:60px;} /* 노이미지 폴백 박스 */ #review-list-page .thumb-box {display:inline-block; width:60px; height:60px; position:relative;} #review-list-page .thumb-box .thumb {width:60px; height:60px; object-fit:cover;} #review-list-page .thumb-box .no-image {width:60px; height:60px; align-items:center; justify-content:center; background:#f5f5f5; border:1px solid #eee; color:#d1d1d1; font-size:1.3rem;} /* ===== 상품리뷰 목록 모바일 카드 ===== */ #review-list-page .review-list { padding: 0 16px 40px; } #review-list-page .review-list .page-title { padding: 16px 0 4px; } /* 상품리뷰 - 평점 요약 */ #review-list-page .review-summary { display: flex; align-items: center; gap: 12px; margin-bottom: 0; } #review-list-page .review-avg-rating { position:relative; font-size: 1.75rem; font-weight: 700; color: #111; line-height: 1; } #review-list-page .review-avg-rating i.star {position:relative; top:-3px; font-size:1.2rem; color:#ffe623;} #review-list-page .review-summary-text { display: flex; flex-direction: column; gap: 4px; } #review-list-page .review-stars { display: flex; gap: 1px; color: #f2b90c; font-size: 13px; } #review-list-page .list-count {margin-top:20px;} #review-list-page .total-count { padding:0; font-size: 0.8125rem; color: #777; } #review-list-page .total-count strong { color: #111; } /* 리뷰유형 탭 (전체/포토리뷰/일반리뷰) — 버튼형, 활성색 #111 */ #review-list-page .review-type-tabs { display: flex; gap: 8px; margin: 0 0 16px; border: 0; padding: 0; } #review-list-page .review-type-tabs.ui.secondary.pointing.menu { border-bottom: 0; } #review-list-page .review-type-tabs .item { flex: 1; display: flex; align-items: center; justify-content: center; padding: 9px 4px; font-size: 0.9375rem; font-weight: 600; color: #666; background: #f7f7f7; border: 1px solid #e5e5e5; border-radius: 999px; margin: 0 !important; text-align: center; } #review-list-page .review-type-tabs .item:hover { background: #eee; } #review-list-page .review-type-tabs .item.active { background: #111; color: #fff; border-color: #111; } #review-list-page .review-type-tabs .item i {padding-right:5px;} #review-list-page .review-card-list { display: flex; flex-direction: column; gap: 12px; } #review-list-page .review-card { padding: 14px; border: 1px solid #eee; border-radius: 10px; background: #fff; } #review-list-page .review-card-head { display: flex; gap: 10px; align-items: center; } #review-list-page .review-card-head .thumb-box { position: relative; flex-shrink: 0; width: 56px; height: 56px; border-radius: 8px; overflow: hidden; background: #f8f8f8; } #review-list-page .review-card-head .thumb-box img.thumb { width: 100%; height: 100%; object-fit: cover; } #review-list-page .review-card-head .thumb-box .no-image { width:100%; height:100%; display:flex; align-items:center; justify-content:center; color:#d1d1d1; font-size:1.3rem; } #review-list-page .review-card-head .head-info { flex: 1; min-width: 0; } #review-list-page .review-card-head .goods-name { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; font-size: 0.875rem; font-weight: 600; color: #222; } #review-list-page .review-card-head .rating-row { display: flex; align-items: center; gap: 6px; margin-top: 5px; } #review-list-page .review-card-head .rating-row .score { color: #111; } #review-list-page .review-body { margin: 10px 0 0; padding: 10px 12px; background: #f9f9f9; border-radius: 8px; font-size: 0.875rem; color: #444; line-height: 1.6; } #review-list-page .read-more-btn {margin-left:5px; font-size:0.875rem;} #review-list-page .review-card-foot { display: flex; align-items: center; gap: 8px; margin-top: 10px; font-size: 0.8125rem; color: #999; } #review-list-page .review-card-foot .name { font-weight: 600; color: #666; } #review-list-page .review-card-foot .date { color: #aaa; } #review-list-page .review-card-foot .btn-review-delete { margin-left: auto; padding: 4px 10px; border: 1px solid #e0605e; border-radius: 6px; color: #e0605e; font-size: 0.6875rem; line-height:1; } #review-list-page .list-empty { padding: 60px 20px; text-align: center; color: #999; } #review-list-page .list-empty i { font-size: 3rem; color: #ddd; } #review-list-page .list-empty p { margin-top: 12px; font-size: 0.875rem; } /* ── 포토리뷰 이미지: 등록폼 미리보기 썸네일 ── */ .review-photo-field { margin-bottom: 10px; } .review-photo-field .review-photo-add { width: auto !important; padding: 8px 12px !important; } .review-photo-list { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 8px; } .review-photo-list:empty { display: none; } .review-photo-thumb { position: relative; width: 68px; height: 68px; border: 1px solid #e0e0e0; border-radius: 6px; overflow: hidden; } .review-photo-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; } .review-photo-thumb .review-photo-del { position: absolute; top: 2px; right: 2px; width: 18px; height: 18px; line-height: 16px; text-align: center; background: rgba(0,0,0,0.6); color: #fff; border-radius: 50%; font-size: 13px; } .review-photo-count { opacity: 0.6; } /* 포토리뷰 이미지: 리뷰 목록 썸네일. 클릭하면 확대된다 */ .review-card .review-photos { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; } .review-card .review-photos img { width: 60px; height: 60px; object-fit: cover; border: 1px solid #e8e8e8; border-radius: 6px; cursor: pointer; } /* 리뷰유형 탭 */ .review-type-tabs { margin-bottom: 12px; flex-wrap: nowrap; overflow-x: auto; } .review-type-tabs .item { white-space: nowrap; } /* 리뷰 출처 상품 라벨 */ #review-list-page .review-goods-label { /* 링크 히트영역을 '글자 폭'으로 제한 */ display: block; width: -webkit-fit-content; width: fit-content; max-width: 100%; margin: 10px 0 6px; text-decoration: none; font-size: 0.8125rem; line-height: 1.3; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #review-list-page .review-goods-label:hover { color: #555; text-decoration: none; }