/* 상품 리뷰 */ #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 .ui.tiny.header {font-size:0.875rem; font-weight:500;} #review-list-page .info .name {margin-top:15px; color:#777;} #review-list-page .info .more-text.read-more {line-height:1.5; font-size:0.875rem; color:#555;} #review-list-page .info .read-more-btn {color:#000;} #review-list-page .score { font-size:0.786rem;font-weight:bold;} #review-list-page .thumb {width:90px;} /* 노이미지 폴백 박스 */ #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 .read-more.is-collapsed::after { content: ""; display: inline-block; position: absolute; bottom: 0; right: 0; width: 100%; height: 40px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), white 78%); border-bottom:0; } .review-header-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-bottom: 0; } .review-header-row .total-count { margin-top:15px; padding:0; font-size: 0.9375rem; color: #555; white-space: nowrap; } .review-header-row .total-count strong { color: #111; } /* 탭 메뉴는 오른쪽 정렬, 밑줄 구분선 */ .review-header-row .review-type-tabs.ui.secondary.pointing.menu { margin: 0 0 0 0; /* 상하좌우 마진 전부 제거 */ border-bottom: 0; } /* 리뷰유형 탭 (전체/포토리뷰/일반리뷰) — 버튼형, 활성색 #111 */ #review-list-page .review-type-tabs { display: flex; gap: 8px; margin: 0; 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: 0 0 140px; 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 .ui.checkbox input+label[for], #review-list-page .ui.checkbox input.hidden+label {margin-right:10px; padding-left:18px;} .review-header-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 16px; } .review-header-row .total-count { font-size: 0.9375rem; color: #555; white-space: nowrap; } .review-header-row .total-count strong { color: #111; } .review-header-row .review-type-tabs.ui.secondary.pointing.menu { margin: 0; border-bottom: 0; } /* 포토리뷰 이미지: 등록폼 미리보기 썸네일 */ .review-photo-field {margin-bottom:10px;} .review-photo-list {display:flex; flex-wrap:wrap; gap:8px; margin-bottom:5px;} .review-photo-list:empty {display:none;} .review-photo-thumb {position:relative; width:72px; height:72px; border:1px solid #e0e0e0; border-radius:4px; 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-list-page .review-photos {display:flex; flex-wrap:wrap; gap:6px; margin-top:8px;} #review-list-page .review-photos img {width:64px; height:64px; object-fit:cover; border:1px solid #e8e8e8; border-radius:4px; cursor:pointer;} /* 모바일: 화면이 좁으면 카운트 아래로 탭이 줄바꿈되게 */ @media (max-width: 480px) { .review-header-row { flex-wrap: wrap; } } /* 리뷰 출처 상품 라벨 */ #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; } /* snb */ .container.page-contents {position:relative; padding-left:260px;} #column-snb {position:relative; left:-260px; float:left; margin-right:-260px; width:200px; padding:0;} #column-snb .inner {margin:80px 0 80px 0; border-top:1px solid #000; border-bottom:1px solid #000; background:#fff;} #column-snb .inner .snb-menu {margin:0; padding:15px 0; list-style:none;} #column-snb .inner .snb-menu li {margin:0; padding:0;} #column-snb .inner .snb-menu li.ui.divider {margin:.6rem 0 !important; border-top:1px dotted rgba(34,36,38,.1);} #column-snb .inner .snb-menu li a {position:relative; display:block; padding:8px 15px; color:#222; font-size: 0.9375rem;} #column-snb .inner .snb-menu li a i {position:absolute; right:5px; top:8px; display:none; font-weight:600;} #column-snb .inner .snb-menu li a em.count {position:absolute; top:50%; right:10px; display:none; min-width:19px; margin-top:-10px; padding:0 4px; text-align:center; font-style:normal; font-size:0.875rem; line-height:1.6; font-weight:bold; color:#fff; background:#333; border-radius:50px;} #column-snb .inner .snb-menu li a:hover {background:#f9f9f9;} #column-snb .inner .snb-menu li a:hover i {display:inline-block;} #column-snb .inner .snb-menu li.selected a {background:#f9f9f9;} #column-snb .inner .snb-menu li.selected a i {display:inline-block;} .container.page-contents .page-section {float:left; width:100%;}