/* ############################## 포토리뷰 목록 (게시판목록) ##############################*/ #reviewList {max-width:1400px;margin:0 auto;padding:0 40px;box-sizing:border-box;} #one_review {} #one_review > div {} #one_review > div > ul {margin: 0;padding: 0;list-style: none;font-size: 0;} #one_review > div > ul > li {display: inline-block;vertical-align: top;box-sizing: border-box;width: calc((100% - 60px) / 4);margin: 0 20px 20px 0; border-bottom: 1px solid #7070704f;padding-bottom: 30px;} #one_review > div > ul > li:nth-child(4n){margin-right: 0;} #one_review .review_list {font-size: 12px;text-align: left;border:1px solid #e5e5e5;border-radius:5px;margin-bottom: 0;padding-bottom: 0;margin-bottom: 30px;} #one_review .review_list img {width:100%;} #one_review .review_list > * {display: block;} #one_review .review_list .item_name { padding: 0 0 0;display: flex;align-items: center;justify-content: space-between;} #one_review .review_list .item_name > ul {display: flex;align-items: center;justify-content: space-between;width: 100%;padding:20px 0;} #one_review .review_list .item_name > ul .item {display: none;} #one_review .review_list h2 { position: relative;font-size: 14px;letter-spacing: -.5px;font-weight: 600 !important;padding-bottom: 13px;} #one_review .review_list h2 span {display: block;width: 100%;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;line-height: 1.4;height: 1.4em;} #one_review .review_list .content {display: -webkit-box; height: 40px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-weight: 400;font-size: 13px;line-height: 21px;letter-spacing: -.13px;color: #575757;} #one_review .review_list .content * {color: #888 !important;font-size: 13px !important;font-weight: 500 !important;} #one_review .review_list .thumbnail {position: relative;} #one_review .review_list .thumbnail > div{position: relative;height: 100%;overflow: hidden;} #one_review .review_list .thumbnail > div > a {position: relative;display: block;overflow: hidden;height: 100%;} #one_review .review_list .thumbnail > div > a img { width: auto;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);object-fit: cover;min-width: 100%;display: none;} #one_review .review_list .description {padding:20px} #one_review .review_list .info {} #one_review .review_list .info > ul { display: flex;align-items: center;gap: 10px;border-top: 1px solid #e5e5e5;padding-top: 20px;} #one_review .review_list .info > ul > li {display: block;} #one_review .review_list .info > ul > li.item {color:#888} #one_review .review_list .info .item_thumb {width:40px;height:40px;position: relative;overflow: hidden;} #one_review .review_list .info .item_thumb > a {position: relative;display: block;padding:0;width: 100%;height: 100%;} #one_review .review_list .info .item_thumb img {width: 100%;height:100%;object-fit: cover;border-radius:8px} #one_review .review_list .info .writer {} #one_review .review_list .point {;} #one_review .review_list .point img {width: auto;height:14px} /* 베스트 리뷰 */ #bestReviewWrap {display: none;} #one_review_best {position: relative;overflow: hidden;background: #f8f8f8;padding: 80px 40px;margin:0 0 80px;display: none;} #one_review_best > div {max-width: 1400px;padding:0 0;;margin: 0 auto;overflow: hidden;position: relative;} #one_review_best > div > ul {margin: 0;padding: 0;list-style: none;font-size: 0;} #one_review_best > div > ul > li {display: inline-block;vertical-align: top;box-sizing: border-box;width: calc((100% - 90px) / 4);margin: 0 30px 30px 0;border-bottom: 1px solid #7070704f;padding-bottom: 30px;} #one_review_best > div > ul > li:nth-child(4n) {margin-right: 0;} #one_review_best .review_list {font-size: 12px;text-align: left;border: 1px solid #e5e5e5;border-radius: 5px;margin-bottom: 0;padding-bottom: 0;margin-bottom:0;background:#fff;box-sizing:border-box;} #one_review_best .review_list img {width:100%;} #one_review_best .review_list > * {display: block;} #one_review_best .review_list .item_name { padding: 0 0 0;display: flex;align-items: center;justify-content: space-between;} #one_review_best .review_list .item_name > ul {display: flex;align-items: center;justify-content: space-between;width: 100%;padding:20px 0;} #one_review_best .review_list .item_name > ul .item {display: none;} #one_review_best .review_list .item_name > ul .writer {color:#888} #one_review_best .review_list h2 { position: relative;font-size: 14px;letter-spacing: -.5px;font-weight: 600 !important;padding-bottom: 13px;} #one_review_best .review_list h2 span {display: block;width: 100%;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;line-height: 1.4;height: 1.4em;} #one_review_best .review_list .content {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-weight: 400;font-size: 13px;line-height: 21px;letter-spacing: -.13px;color: #575757;} #one_review_best .review_list .content * {color: #888 !important;font-size: 13px !important;font-weight: 500 !important;} #one_review_best .review_list .thumbnail {position: relative;} #one_review_best .review_list .thumbnail > div{position: relative;height: 100%;overflow: hidden;} #one_review_best .review_list .thumbnail > div > a {position: relative;display: block;overflow: hidden;height: 100%;} #one_review_best .review_list .thumbnail > div > a img { width: auto;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);object-fit: cover;min-width: 100%;display: none;} #one_review_best .review_list .description {padding:20px} #one_review_best .review_list .info {} #one_review_best .review_list .info > ul { display: flex;align-items: center;gap: 10px;border-top: 1px solid #e5e5e5;padding-top: 20px;} #one_review_best .review_list .info > ul > li {display: block;} #one_review_best .review_list .info > ul > li.item {color:#888} #one_review_best .review_list .info .item_thumb {width:40px;height:40px;position: relative;overflow: hidden;} #one_review_best .review_list .info .item_thumb > a {position: relative;display: block;padding:0;width: 100%;height: 100%;} #one_review_best .review_list .info .item_thumb img {width: 100%;height:100%;object-fit: cover;border-radius:8px} #one_review_best .review_list .info .writer {} #one_review_best .review_list .point {;} #one_review_best .review_list .point img {width: auto;height:14px} #one_review_best .swiper-slide {position: relative;} #one_review_best .best-badge {position: absolute;top: 10px;left: 10px;background: #00a859;color: #fff;padding: 4px 8px;font-size: 12px;font-weight: bold;border-radius: 3px;z-index: 10;} #reviewList .ec-base-paginate {display: flex;align-items: center;justify-content: center;gap:10px;;} #reviewList .ec-base-paginate * {font-size: 14px;} #one_review_best .swiper-button-prev, #one_review_best .swiper-button-next {display: block;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;background:#fff;border-radius:100px;} #one_review_best .swiper-button-prev {left:20px;} #one_review_best .swiper-button-next {right:20px;} #one_review_best .swiper-button-prev:after, #one_review_best .swiper-button-next:after {font-size: 16px;color:#000} .footArea {display: flex;flex-direction: column;gap:60px;justify-content: center;align-items: center;margin-top: 80px;} .footArea .ec-base-button {margin:0;display: flex;align-items: center;justify-content: flex-end;width: 100%;} /* 검색창 래퍼 */ .review-search { position: relative;display: flex;align-items: center;justify-content: center;gap: 5px;width: auto;max-width: 500px;margin: 0 auto;} /* select, input 공통 */ .review-search select, .review-search input {height: 40px;border: 1px solid #ddd;border-radius: 4px;font-size: 14px;outline: none;} /* select 폭 */ .review-search select {width: 120px;padding: 0 8px;} .review-search select:hover {border:1px solid #333;;} /* 검색어 입력창 */ .review-search input {width: 300px;flex: 1;padding: 0 12px;} /* 검색 버튼 */ .review-search button {height: 40px;padding: 0 20px;background-color: #fff;border:1px solid #ddd;border-radius: 4px;cursor: pointer;transition: background-color .2s;} .review-search button:hover {border-color:#333;;} /******************************* 게시판 상단 *******************************/ #one_review_select {position: relative;text-align: center;padding:0 0 60px;display: none;} #one_review_select > ul {display: flex;align-items: center;border-bottom: 1px solid #000;} #one_review_select > ul > li {position: relative;display: inline-block;vertical-align: middle;padding:21px 70px;border:1px solid #e5e5e5; border-bottom: 0;} #one_review_select > ul > li > a {position: relative;display: block;font-size: 15px;font-weight: 500;color: #000;opacity: .6;letter-spacing: -1px ;line-height: 1;} #one_review_select > ul > li.active > a {opacity: 1;font-weight: 500;} #one_review_select > ul > li.active {border-color:#000;} #one_review_select > ul > li.active:after {content: '';position: absolute;left: 0;bottom:-1px;width:100%;height:1px;background:#fff;z-index: 2;} #one_review_select > ul > li + li:not(.active) {border-left: 0;} #one_review_select .xans-board-search {width:auto;margin:33px auto 0;width:440px;height:56px;text-align: left;font-size: 0;background:#f5f5f5} #one_review_select .xans-board-search select {width:140px;display: inline-block;vertical-align: middle;height: 56px;line-height: 56px;font-size: 13px;font-weight: 300;padding:0 25px;background:transparent url(//cdn.shopify.com/s/files/1/0098/6552/t/18/assets/ico-select.svg?v=1555638…) 0 0 no-repeat;background-repeat: no-repeat;background-position: right 18px center;font-family: 'Pretendard';} #one_review_select .xans-board-search input {width: 300px;display: inline-block;vertical-align: middle;height: 56px;line-height: 56px;background:transparent;padding-left: 25px;font-size: 14px;font-family: 'Pretendard';border-left: 1px solid #ddd;} #one_review_select .xans-board-search input::-webkit-input-placeholder {font-size: 14px;font-family: 'Pretendard';color: #232323;} #one_review_select .xans-board-search a {display: none;} /******************************* 일반게시판일때 *******************************/ body.listReview #boardSearchForm {display: none;} body.listReview #one_review_select { position: relative;text-align: center;padding: 0px 0 30px} @media screen and (max-width: 767px) { /* 베스트리뷰 */ #one_review_best {margin:0 -16px;padding:23px 16px;} #one_review_best > div > ul {display: flex;flex-direction: row;flex-wrap: nowrap;overflow-x: auto;gap: 16px;padding: 0 20px;scroll-snap-type: x mandatory;} #one_review_best > div > ul > li {flex: 0 0 80%;width: auto !important;margin: 0 !important;border-bottom: none;scroll-snap-align: start;} #one_review_best .review_list {border: 1px solid #e5e5e5;border-radius: 6px;overflow: hidden;} #one_review_best .review_list .description {padding: 15px;} #one_review_best .review_list h2 {font-size: 15px;line-height: 1.4;margin-bottom: 0} #one_review_best .review_list h2 span, #one_review .review_list h2 span {height: auto;font-size: 13px;} #one_review_best .review_list .content {font-size: 14px;line-height: 1.6;-webkit-line-clamp: 3;} #one_review_best .review_list .info > ul {padding-top: 15px;gap: 8px;} #one_review_best .review_list .item_thumb {width: 36px;height: 36px;} #one_review_best .review_list .thumbnail > div {height: auto !important;} #one_review_best .review_list .thumbnail > div > a img {position: relative;width: 100% !important;height: auto !important;top: auto;left: auto;transform: none;object-fit: cover;display: block !important;} #one_review_best .swiper-button-prev, #one_review_best .swiper-button-next {display: none;} /* 포토리뷰 */ #reviewList {padding: 40px 0;} #one_review > div > ul, #one_review_best > div > ul {display: flex;flex-wrap: wrap;flex-direction: row;gap:16px 10px;justify-content: space-between;padding: 0 0;box-sizing: border-box;} #one_review > div > ul > li, #one_review_best > div > ul > li {width: calc(50% - 5px) !important; /* 2단 구성, 양쪽 여백 합계 16px */margin: 0 !important;border-bottom: none;padding-bottom: 0;} #one_review .review_list, #one_review_best .review_list {border: 1px solid #eee;border-radius: 6px;overflow: hidden;} #one_review .review_list .thumbnail > div, #one_review_best .review_list .thumbnail > div {height: auto !important;} #one_review .review_list .thumbnail > div, #one_review_best .review_list .thumbnail > div {position: relative;width: 100%;padding-top: 100%; /* 1:1 비율 유지 */overflow: hidden;} #one_review .review_list .thumbnail > div > a, #one_review_best .review_list .thumbnail > div > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;} #one_review .review_list .thumbnail > div > a img, #one_review_best .review_list .thumbnail > div > a img {width: 100% !important;height: 100% !important;object-fit: cover;display: block !important;} #one_review .review_list .description, #one_review_best .review_list .description {padding: 12px;} #one_review .review_list h2, #one_review_best .review_list h2 {font-size: 15px;line-height: 1.4;margin-bottom: 0px;} #one_review .review_list .content, #one_review_best .review_list .content {-webkit-line-clamp:1;font-size: 13px;line-height: 1.4;height: 15px;} #one_review .review_list .content *, #one_review_best .review_list .content * {font-size: 11px !important;} #one_review .review_list .info > ul, #one_review_best .review_list .info > ul {flex-direction: row;gap: 8px;padding-top: 15px;} #one_review .review_list .info > ul > li.item, #one_review_best .review_list .info > ul > li.item {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;word-break: break-all;} #one_review .review_list .info .item_thumb, #one_review_best .review_list .info .item_thumb {width: 36px;height: 36px;} #one_review_best .review_list .point {} #one_review .review_list .point img, #one_review_best .review_list .point img {height: 11px;} .footArea {gap:25px;margin-top: 40px;} #reviewList .ec-base-paginate * {font-size: 12px;} .review-search {align-items: stretch;gap: 6px;width: 100%;} .review-search * {font-size: 12px;} .review-search select {width: 80px;} .review-search input {width: 50%;} .review-search button {width: auto;} #one_review_select {padding-bottom: 40px;} #one_review_select > ul > li {width: 50%;padding:17px 0 ;text-align: center;} #one_review_select > ul > li > a {font-size: 13px;} .best-badge {font-size: 11px;padding: 3px 6px;} #one_review_best .best-badge {padding:3px 6px;font-size: 11px;} } /* ############################## 포토리뷰 클릭시 레이어 ##############################*/ #oneLayer {position: fixed;width: 1000px;height: 750px;left: calc(50% - 500px);top: calc(50% - 375px);z-index: 9999;border-radius:8px;background: #fff;box-shadow: 5px 8px 10px 5px rgb(0 0 0 / 12%);} #oneLayer iframe{border-radius:8px;} #oneLayer > ul {display: block;position: relative;width: 100%;height: 100%;} #oneLayer .btn_closeLayer {position: absolute;right: -59px;top:0px;width: 40px;height: 40px;line-height: 40px;text-align: center;font-size:14px;background: #2b2b2b;border-radius: 100%;cursor: pointer} #oneLayer .btn_closeLayer a { display: flex;align-items: center;justify-content: center;height: 40px;width: 40px; } #oneLayer .btn_closeLayer img { display: block;width: 13px;} #popup {padding-bottom: 0 !important} @media screen and (max-width: 767px) { #oneLayer {position:fixed;top:0;left:0;width:100%;height:100%;border-radius:0;z-index:9999;background:#fff;box-shadow:none;} #oneLayer > ul {width:100%;height:100%;} #oneLayer iframe {width:100%;height:100%;border:none;border-radius:0;} #oneLayer .btn_closeLayer {top:10px;right:10px;width:36px;height:36px;background:#000;z-index:10000;} #oneLayer .btn_closeLayer a {width:36px;height:36px;} #oneLayer .btn_closeLayer img {width:15px;} } /* ############################## 포토리뷰 상세 ##############################*/ #one_review_read {overflow: hidden;position: relative;margin: 0 auto} #one_review_read {color: #555;} #one_review_read .xans-board-read {height: 750px;overflow: hidden;} #one_review_read .detail {display: flex;align-items: flex-start;width: 1000px;height: 750px;margin: 0 auto;background: #fff} #one_review_read .detail > * {position: relative;} #one_review_read .detail .left {width:58%;vertical-align: middle;overflow: hidden;} #one_review_read .detail .left .img {position: relative;} #one_review_read .detail .left img {max-width: 100%;max-height: 100%;} #one_review_read .detail .left .swiper-wrapper {display: flex;align-items: center;} #one_review_read .detail .left .swiper-slide {} #one_review_read .detail .left .swiper-slide .img {text-align: center;position: relative;overflow: hidden;height:750px;} #one_review_read .detail .left .swiper-slide .img img { width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);; object-fit: cover;} #one_review_read .detail .right {overflow-y: auto;padding: 38px;box-sizing:border-box;height: 100%;width: 42%;} #one_review_read .detail .right > .rightArea {height: 100%;} #one_review_read .detail .right .item {display: flex;align-items: center;gap:16px;} #one_review_read .detail .right .item > * {display: inline-block;vertical-align: middle;} #one_review_read .detail .right .item > .img {width: 61px;} #one_review_read .detail .right .item > .img img {width: 100%;} #one_review_read .detail .right .item > .des {} #one_review_read .detail .right .item > .des > * {display: block;font-size: 13px;line-height: 1.4;} #one_review_read .detail .right .item > .des h3 a {display: block;font-size:15px;line-height: 1.4;font-weight: 600;padding-bottom: 2px;letter-spacing: -.4px;} #one_review_read .detail .right .item > .des .price {padding-top: 5px;} #one_review_read .detail .right .info {padding: 0 0 12px;} #one_review_read .detail .right .info > ul {font-size: 0;padding: 0 0 14px;box-sizing: border-box;border-bottom: 1px solid #ddd;} #one_review_read .detail .right .info > ul > li {display: block;vertical-align: middle;} #one_review_read .detail .right .info > ul > li.writer {text-align: right;} #one_review_read .detail .right .info > ul > li.writer,#one_review_read .detail .right .info > ul > li.writer * {font-size: 13px;color: #232323;} #one_review_read .detail .right .info > ul > li.writer > b {font-size: 12px;position: relative;display: inline-block;vertical-align: middle;font-weight: 600;padding-right: 7px;margin-right: 7px;} #one_review_read .detail .right .info > ul > li.writer > b:after {content: '';position: absolute;right: 0;top: 4px;width: 1px;height: 12px;background: #bbb;} #one_review_read .detail .right .info > ul > li.writer > span {display: inline-block;vertical-align: middle;font-size: 13px;color: #626262;} #one_review_read .detail .right .info .subject { position: relative;font-size: 14px;font-weight: 600;padding: 21px 0 12px;color: #222;} #one_review_read .detail .right .cons {height: fit-content;max-height:350px;overflow-y: auto;} #one_review_read .detail .right .fr-view {text-align: justify;word-wrap: break-word;} #one_review_read .detail .right .fr-view * { line-height: 1.6 !important;font-size: 13px !important;font-weight: 400 !important;letter-spacing: -.3px !important;color: #232323 !important;font-family: 'Pretendard' !important;} #one_review_read .detail .right .cons::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.15);border-radius: 10px;background-color: #f5f5f5;} #one_review_read .detail .right .cons::-webkit-scrollbar {width: 11px;background-color: #F5F5F5;border-radius: 10px;} #one_review_read .detail .right .cons::-webkit-scrollbar-thumb {border-radius: 10px;background-color: #bbb} #one_review_read .detail .right .btn {padding-top: 8px;margin-top: 20px;font-size: 0; } #one_review_read .detail .right .btn > * {display: inline-block;vertical-align: middle;} #one_review_read .detail .right .btn > .btn1 {width: 50%;} #one_review_read .detail .right .btn > .btn2 {width: 50%;text-align: right;font-size: 12px;color: #555;} #one_review_read .detail .right .btn > .btn2 > a {display: inline-block;vertical-align: middle;color:#555;padding:0 2px;} #one_review_read .detail .right .btn > .btn2 > a.admin {display: none !important;} #one_review_read .detail .right .btn > .btn1 > a {display: inline-block;vertical-align: middle;padding: 5px 0;color: #555;font-size: 14px;display: none;} #one_review_read .detail .right .btn > .btn1 > a > * {display: inline-block;vertical-align: middle;padding-right: 3px;} #one_review_read .detail .right .btn > .btn1 > a > img {height:15px;opacity: .8;} #one_review_read .detail .right .btn > .btn1 > a > b {color: #111;} #one_review_read .swiper-button-prev { left: 20px;width: 40px;height: 40px;text-align: center;background: #fbfbfb;border-radius: 5px;} #one_review_read .swiper-button-next {right: 20px;width: 40px;height: 40px;text-align: center;background: #fbfbfb;border-radius: 5px;} #one_review_read .swiper-button-prev:after, #one_review_read .swiper-button-next:after {font-size: 13px;color: #999;padding:15px;} #one_review_read .swiper-pagination-fraction {width: 100px;text-align: center;height: 30px;line-height: 30px;font-weight:500;color: #ffffff;font-size: 12px;left:50%;transform:translateX(-50%);;bottom: 20px;z-index: 2;;} /* 별점 */ #one_review_read .cont {width: 100%;overflow: hidden;} #one_review_read div.stars {position: relative;text-align: left;display: inline-block;} #one_review_read div.stars img {} #one_review_read div.stars:after {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: transparent;z-index: 2;} #one_review_read input.star {display: none;} #one_review_read label.star {float: right;padding: 5px;background-image: url('/_images/icon_review_star.png');background-size: contain;background-repeat: no-repeat;width: 2px;height: 2px;transition: all .1s;} #one_review_read input.star:checked ~ label.star {background-image: url('/_images/icon_review_star2.png');} #one_review_read .rev-box {overflow: hidden;height: 0;width: 100%;transition: all .35s;} /* 코멘트 */ #one_review_read textarea.review {background: #222;border: none;width: 100%;max-width: 100%;height: 100px;padding: 10px;box-sizing: border-box;color: #d8d8d8;} #one_review_read label.review {display: block;transition: opacity .25s;} #one_review_read input.star:checked ~ .rev-box {height: 125px;overflow: visible;} #one_review_read .cont input[type=radio] + label, #one_review_read .cont input[type=checkbox] + label {margin: 4px 2px;} #one_review_read .xans-board-commentpackage {margin-top: 17px;padding-top: 20px;border-top: 1px solid #ddd;max-height: 250px;overflow-y: auto;} #one_review_read .boardComment {} #one_review_read .boardComment > li { position: relative;display: block;padding:15px 19px;background: #f5f5f5;margin-left: 0;max-height:184px;overflow-y: auto;font-size: 13px;line-height: 1.6;text-align: justify;word-wrap: break-word;} #one_review_read .boardComment > li > .comment {} #one_review_read .boardComment > li > .comment h2 {padding-bottom: 10px} #one_review_read .boardComment > li > .comment h2, #one_review_read .boardComment > li > .comment h2 a { display: block;font-size: 13px;font-weight: 500;;color: #2d2d2d;} @media screen and (max-width: 767px) { #one_review_read .xans-board-read {height:auto;max-height:100vh;overflow:auto;} #one_review_read .detail {flex-direction:column;width:100%;height:auto;margin:0 auto;} #one_review_read .detail .left {width:100%;height:auto;} #one_review_read .detail .left .swiper-slide .img {height:auto;aspect-ratio:1/1;} /* #one_review_read .detail .left .swiper-slide .img img {position:relative;width:100%;height:auto;top:auto;left:auto;transform:none;object-fit:contain;} */ #one_review_read .detail .right {width:100%;height:auto;padding:24px;box-sizing:border-box;} #one_review_read .detail .right .item {flex-direction:row;align-items:center;gap:12px;} #one_review_read .detail .right .item .img {width:50px;} #one_review_read .detail .right .item .des h3 a {font-size:14px;} #one_review_read .detail .right .info > ul > li.writer > b, #one_review_read .detail .right .info > ul > li.writer > span {font-size:12px;} #one_review_read .detail .right .subject {font-size:14px;padding:16px 0 10px;} #one_review_read .detail .right .cons {max-height:none;overflow:visible;} #one_review_read .swiper-button-prev, #one_review_read .swiper-button-next {width:30px;height:30px;} #one_review_read .swiper-button-prev:after, #one_review_read .swiper-button-next:after {font-size:12px;padding:0;} #one_review_read .swiper-pagination-fraction {bottom:12px;font-size:11px;} #one_review_read .boardComment > li {font-size:12px;padding:12px 16px;line-height:1.5;} #one_review_read .boardComment > li > .comment h2 {font-size:12px;} #one_review_read .detail .right .btn {margin-top:16px;padding-top:12px;} #one_review_read .detail .right .btn > .btn1 > a {font-size:13px;} #one_review_read .detail .right .btn > .btn2 {font-size:12px;text-align:center;margin-top:10px;width: 100%;text-align: right;} #one_review_read .detail .right .btn > .btn2 > a {padding:0 4px;} } /* ############################## 상품상세 ##############################*/ #one_review_itemDetail {width: 100%;max-width: 1150px;margin: 0 auto;box-sizing: border-box;position: relative;} #one_review_itemDetail > .title { display: flex;justify-content: space-between;align-items: center;margin-bottom: 22px;padding: 0 22px;display: none;} #one_review_itemDetail > .title h2 {display: inline-block;margin: 0;font-size: 24px;} #one_review_itemDetail > .title h2 span {font-size: 18px;color: #2a2a2a;font-weight: 500;} #one_review_itemDetail > .title h2 b {color: #232323;font-size: 18px;font-weight: 500;} #one_review_itemDetail > .title a.btn {font-weight: 400;font-size: 14px;padding: 0;color: #000;border-radius: 5px;text-decoration: none;} #one_review_itemDetail .sectionTop {padding: 0;display: flex;flex-direction: column;gap:40px;} #one_review_itemDetail .sectionTop.none .rating-section {/* border-bottom: 0; */} #one_review_itemDetail .sectionTop.none .photo {display: none;} #one_review_itemDetail .rating-section { display: flex;padding: 30px;border: 1px solid #ddd;border-radius: 8px;justify-content: space-between;} #one_review_itemDetail .rating-section > * {display:flex;flex-direction: column;align-items: center; font-size: 13px;justify-content: center;} #one_review_itemDetail .rating-section .left {width: 25%;} #one_review_itemDetail .rating-section .right {width:38%;} #one_review_itemDetail .rating-section .left > ul {margin: 0 auto;text-align: center;width: auto;} #one_review_itemDetail .rating-section .right > ul {width: 100%;margin: 0 auto;} #one_review_itemDetail .rating-section h2 {font-size: 40px;margin: 0;color: #111;font-weight:600;font-size:40px;letter-spacing: -2px;line-height: 1;display: flex;align-items: center;gap:6px;width: 85px;justify-content: flex-start;} #one_review_itemDetail .rating-section h2:before {content: '★';color:#fccc03;font-size: 25px;} #one_review_itemDetail .rating-section p {font-size: 13px;color: #232323;font-weight: 400;padding-bottom: 10px;} #one_review_itemDetail .rating-section a.btn {display: inline-block;background:#fff;border:1px solid #d8d8d8;padding:10px 30px;border-radius: 5px;text-decoration: none;font-size: 13px;} #one_review_itemDetail .score {display: flex;flex-direction: column;gap:8px;} #one_review_itemDetail [class*='score_'] {display: flex;align-items: center;} #one_review_itemDetail [class*='score_'] > span {width: 30px;text-align: left;line-height: 1;} #one_review_itemDetail [class*='score_'] > b {width: 50px;text-align: center;display: none !important;} #one_review_itemDetail [class*='score_'] .bar {position: relative;flex-grow: 1;height: 10px;background-color: #1d1d1d21;margin: 0 10px;} #one_review_itemDetail [class*='score_'] .bar > span {content: "";position: absolute;left: 0;top: 0;width: 0;display: block;height: 100%;background-color: #232323;border-radius:0px;transition: width 0.6s;} #one_review_itemDetail .photo { position: relative;display: block;padding: 0} #one_review_itemDetail .photo .title {display: flex;align-items: center;gap:5px;margin-bottom:12px;color: #232323;;} #one_review_itemDetail .photo .title > span {font-size: 17px;font-weight: 700;} #one_review_itemDetail .photo .title > b {display: none;} #one_review_itemDetail .photo .title > p {font-size: 13px;font-weight: normal;padding-right: 0;color: #999;} #one_review_itemDetail .photo .title > .btn {margin-left: auto;} #one_review_itemDetail .photo img {width: 100%;} #one_review_itemDetail .photo .swiper-slide {width: 90px;flex-shrink: 0;} #one_review_itemDetail .photo .swiper-slide > div {min-height:50px;width: 100%;aspect-ratio: 1 / 1; /* 정사각형 유지 */;height: auto !important;overflow: hidden;border-radius: 6px;;transition:all .15s ease-in-out;border:2px solid transparent;box-sizing:border-box;} #one_review_itemDetail .photo .swiper-slide > div > a {display: block;height: 100%;} #one_review_itemDetail .photo .swiper-slide > div img {width: 100%;height: 100%;object-fit: cover;display: block;} #one_review_itemDetail .photo .swiper-slide > div:hover {/* transform:translateY(-3px); */border:2px solid #000;} #one_review_itemDetail .photo .swiper-button-disabled {opacity: 1;} #one_review_itemDetail .photo .swiper-button-prev, #one_review_itemDetail .photo .swiper-container-rtl .swiper-button-next {left: 32px;top: calc(50% + 18px);display: none !important;} #one_review_itemDetail .photo .swiper-button-next, #one_review_itemDetail .photo .swiper-container-rtl .swiper-button-prev {right: 32px;top: calc(50% + 18px);} #one_review_itemDetail .swiper-button-prev:after, #one_review_itemDetail .swiper-button-next:after {font-size: 18px;color: #6e6e6e;font-weight: bold;} #one_review_itemDetail .swiper-container {overflow: hidden;} #one_review_itemDetail .review-content {position: relative;border-top: 1px solid #d8d8d8;margin-top:50px;padding-top: 50px;} #one_review_itemDetail .review-content > ul {width: 100%;padding: 0;display: flex;flex-direction: column;} #one_review_itemDetail .review-content .list > ul {display: flex;align-items:flex-start;justify-content: space-between;} #one_review_itemDetail .review-content .list > ul > li {;color: #111;} #one_review_itemDetail .review-content .list > ul > li > a {display: inline-block;vertical-align: middle;} #one_review_itemDetail .review-content .list > ul > .left {padding: 0} #one_review_itemDetail .review-content .list > ul > .left > .cons {} #one_review_itemDetail .review-content .list > ul > .left > .cons > * {display: block;} #one_review_itemDetail .review-content .list > ul > .left > .cons > h2 {font-size: 14px;font-weight: 600;line-height: 1;letter-spacing: -.5px;opacity: 1;} #one_review_itemDetail .review-content .list > ul > .left > .cons > .num {display: none;} #one_review_itemDetail .review-content .list > ul > .left > .cons > .text { font-weight: 400;font-size:13px;line-height: 1.8;margin:10px 0;color: #232323;letter-spacing: -.3px;text-align: justify;overflow: hidden;} #one_review_itemDetail .review-content .list > ul > .left > .cons > .thumbnail {margin-bottom: 20px;} #one_review_itemDetail .review-content .list > ul > .left > .cons > .thumbnail > ul {font-size: 13px;display: flex;flex-wrap: wrap;gap: 6px;} #one_review_itemDetail .review-content .list > ul > .left > .cons > .thumbnail > ul > li {width: 90px;aspect-ratio: 1 / 1; /* 1:1 정사각형 */overflow: hidden;border-radius: 4px;} #one_review_itemDetail .review-content .list > ul > .left > .cons > .thumbnail > ul > li img {width: 100%;height: 100%;object-fit: cover;display: block;} #one_review_itemDetail .review-content .list > ul > .left > .cons > .toggle-review {opacity: .4;cursor: pointer;display: inline-block;display: flex;align-items: center;gap:5px;font-size: 13px;margin-top:12px;} #one_review_itemDetail .review-content .list > ul > .left > .cons > .toggle-review i {font-size: 10px;} #one_review_itemDetail .review-content .list > ul > .right {width:150px;display: flex;flex-direction: column;gap:10px;justify-content: flex-end;align-items: flex-end;line-height: 1;} #one_review_itemDetail .review-content .list > ul > .right .star {width: 55px;} #one_review_itemDetail .review-content .list > ul > .right .star img {height: 9px;} #one_review_itemDetail .review-content .list > ul > .right .name {position: relative;} #one_review_itemDetail .review-content .list > ul > .right p:not(.star) {display: block;font-size: 13px;color: #232323;font-weight: normal;opacity: .5;} #one_review_itemDetail .list {display: block;border-bottom: 1px solid #d8d8d8;padding-bottom: 30px;margin-bottom: 30px;} #one_review_itemDetail .list:last-child {padding-bottom: 0;margin-bottom: 0;border-bottom: 0;} #one_review_itemDetail .list > ul {display: flex;align-items: center;width: 100%;} #one_review_itemDetail .nodata {padding: 200px 0 100px 0 ;text-align: center;font-size: 13px;opacity: .8;font-weight: 300;} /* 첨부파일 클릭시 레이어 */ #imageModal.modal {display: none;position: fixed;z-index: 1000;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgba(0, 0, 0, 0.75);cursor: pointer; } #imageModal .modal-content {margin: auto;display: block;max-width: 80%;max-height: 80%;cursor: default;} #imageModal .modal-content {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} #imageModal .close {position: absolute;top: 10px;right: 25px;color: white;font-size: 35px;cursor: pointer;font-weight: 100;display: none !important;} .review-content .text {display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;white-space: normal;line-height: 1.5;max-height: 1.5em;transition: max-height 0.4s ease, opacity 0.3s ease, transform 0.3s ease;opacity: 0.8;transform: translateY(0px);} .review-content .text.expanded {-webkit-line-clamp: unset;overflow: visible;max-height: none;opacity: 1;transform: translateY(2px);} @media screen and (max-width: 767px) { #one_review_itemDetail .rating-section {padding:20px;flex-wrap:wrap;} #one_review_itemDetail .rating-section > .left {width: 35% !important;} #one_review_itemDetail .rating-section > .right {width: 65% !important;} #one_review_itemDetail .rating-section > .btns {width: 100% !important;margin:20px 0 0 ;} #one_review_itemDetail .rating-section h2 {font-size: 28px;} #one_review_itemDetail .rating-section a.btn {display: block;width: 100%;box-sizing:border-box;text-align: center;} #one_review_itemDetail .rating-section p {display: none; } #one_review_itemDetail .review-content {margin-top: 20px;padding-top: 20px;} #one_review_itemDetail .review-content .list > ul > .left > .cons > .thumbnail > ul > li {width: 65px;} #one_review_itemDetail .review-content .list > ul {flex-direction: column !important;align-items: stretch !important;} #one_review_itemDetail .review-content .list > ul > .left, #one_review_itemDetail .review-content .list > ul > .right {width: 100% !important;max-width: 100%;box-sizing: border-box;} #one_review_itemDetail .review-content .list > ul > .right {margin-top: 16px;align-items: flex-start !important;flex-direction: row;justify-content: flex-start;} #imageModal .modal-content {max-width:90%;max-height:90%;} #one_review_itemDetail .sectionTop {gap:20px;} #one_review_itemDetail .photo .swiper-slide {width: 70px;} #one_review_itemDetail .list {padding-bottom: 20px;margin-bottom: 20px;} #one_review_itemDetail .review-content .list > ul > .left > .cons > .text {line-height: 1.5;font-size: 12px !important;line-height: 1.5 !important;font-family: 'Jost','Pretendard' !important;} #one_review_itemDetail .review-content .list > ul > .left > .cons > .text * {font-size: 12px !important;line-height: 1.5 !important;font-family: 'Jost','Pretendard' !important;} .review-content .text { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.5; max-height: 4.5em; /* 💡 1.5 * 3줄 */ transition: max-height 0.4s ease, opacity 0.3s ease, transform 0.3s ease; opacity: 0.8; transform: translateY(0px); } }