#page.board-review .tab-box { width: 100%; } 
#page.board-review .tab-box.show { display: inline-grid; grid-gap: 1rem; } 


#page.board-review .btn, #page.board-review .tab-button { padding: 1rem; font-size: 1.7rem; } 
#page.board-review .tab-btn-wr .tab-button.on { background: var(--color-point); color: #fff; } 

#page.board-review .cont-box-wr { padding: 1rem; margin-bottom:0; } 
#page.board-review .list { align-items: flex-start; padding-left: 0; padding-right: 0; } 
#page.board-review .list:not(:first-child) { margin-top: 1.3rem; } 
#page.board-review .list .thumb-img { position: relative; width: 7rem; height: 7rem; border-radius: 1.2rem; padding: 1.4rem; } 
#page.board-review .list .text-wr { width: calc(100% - 9.8rem); padding-left: 1rem; } 
#page.board-review .list .text-wr .tit, #page.board-review .list .text-wr .txt { color: var(--color-g-s-tit); } 
#page.board-review .list .text-wr .txt { flex-wrap: wrap; margin-top: 0.5em; margin-bottom: 0.4em; font-size: 1.5rem; font-weight: 400; line-height: 1.4; } 
#page.board-review .list .text-wr .txt li { position: relative; } 
#page.board-review .list .text-wr .txt li:not(:last-child):after { content: '|'; margin: 0 .4em; color: var(--color-border01); } 
#page.board-review .list .date { color: #A7A7A7; font-size: 1.2rem; line-height: 1.5 } 
#page.board-review .list .btn-st02 { display: inline-block; width: auto; margin-bottom: 0; margin-top: 1rem; padding:1rem 1.5rem; font-size: 1.5rem; } 



/*리뷰 글쓰기*/
#page.board-review .review-wrapper { grid-gap: 1rem; } 
#page.board-review .review-wrapper .tit.tit-center { text-align: center; } 

#page.board-review .review-wrapper .review-star-wr { padding-bottom: 2rem; border-bottom: 1px solid var(--color-border01); } 
#page.board-review .review-wrapper .review-star-wr .tit,
#page.board-review .review-wrapper .review-text-wr .tit,
#page.board-review .review-wrapper .review-img-wr .tit { margin-top: 1.4rem; margin-bottom: .7rem; } 

#page.board-review .review-wrapper .star-wr { position: relative; display: block; width: 20rem; height: 4rem; margin: 0 auto; } 
#page.board-review .review-wrapper .star-wr .star { width: 100%; height: 100%; } 
#page.board-review .review-wrapper .star-wr .star-btn-wr { position: absolute; width: 100%; height: 100%; z-index: 1; grid-gap: 0; } 
#page.board-review .review-wrapper textarea { width: 100%; min-height: 11rem; padding: 1rem; border-radius: .8rem; background-color: #F9F9F9; } 

#page.board-review .review-wrapper .btn-wr { margin-top: 2rem; } 
#page.board-review .review-wrapper .btn-wr .btn { margin-bottom: 0; } 



.thumb_list-wr { justify-content: space-between; height: 9rem; margin-top: 1rem; } 
.thumb_list-wr .add_img_btn { width: 22%; height: 100%; border-radius: 0.5em; background: #f3f3f3; } 
.thumb_list-wr .add_img_btn .fa-solid { line-height: 9rem; font-size: 2rem; } 
.thumb_list-wr .swiper { width: 75%; margin: 0; } 
.thumb_list-wr .thumb_list .thumb_img { border-radius: 0.5em; overflow: hidden; } 
.thumb_list-wr .swiper-button-next:after, .thumb_list-wr .swiper-button-prev:after { font-size: 2rem; font-weight: 900; } 
.thumb_list-wr .swiper-button-next,.thumb_list-wr .swiper-rtl .swiper-button-prev { right: 0; } 
.thumb_list-wr .swiper-button-prev,.thumb_list-wr .swiper-rtl .swiper-button-next { left: 0; } 
.thumb_list-wr .swiper-button-next,.thumb_list-wr .swiper-button-prev { bottom: 0; margin-top: 0; color: #000000; } 
.thumb_list-wr .p_del i { top:0; right: 0; width: 36px; height: 36px; color: #000000; text-align: center; } 
.thumb_list-wr .add_img i { line-height: 35px; } 



/*//////////////////////////////*/
/*//////////////////////////////*/
/*//////////////////////////////*/
/*작성한 리뷰목록*/
#page.board-review .tab-box2 .list .tit, #page.board-review .tab-box2 .list .txt { font-size: 1.5rem; } 
#page.board-review .tab-box2 .list { display: grid; grid-template-columns: repeat(2, auto); justify-content: start; align-items: center; } 
#page.board-review .tab-box2 .list .text-wr { width: 100%; overflow: hidden; } 
#page.board-review .tab-box2 .list .text-wr .txt { width: 100%; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
#page.board-review .tab-box2 .list .text-wr .txt li { display: inline-block; } 
#page.board-review .tab-box2 .list .thumb-img { width: 5rem; height: 5rem; padding: 1rem; } 
#page.board-review .tab-box2 .list-cont { border-top: 1px solid var(--color-border01); margin-top: 1rem; padding-top: .3rem; } 
#page.board-review .tab-box2 .list-cont .date { color: #A7A7A7; font-size: 1.3rem; font-weight: 300; } 
#page.board-review .tab-box2 .list-cont .date .icon { width: 7rem; margin-right: .5rem; } 
#page.board-review .tab-box2 .list-cont .cont { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-top: .5rem; margin-bottom: 1rem; color: #6a6a6a; font-size: 1.4rem; font-weight: 400; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; } 
#page.board-review .tab-box2 .list-cont .btn-wr { text-align: right; } 


/**/
#page.review { background: #fff; } 
#page.review .star-wr { padding-bottom: 2rem; } 
#page.review .star-wr .date { color: #5A5A5A; } 
#page.review .star-wr .date .ic-star { width: 11rem; } 
#page.review .star-wr button { margin-left: auto; } 

#page.review #starInfo { padding-bottom: 2rem; } 
#page.review #starInfo > div { justify-content: space-between; line-height: 2; } 
#page.review #starInfo .icon { width: 27%; } 
#page.review #starInfo .bar { position: relative; width: 57%; height: .6rem; background-color: #E4E9F1; } 
#page.review #starInfo .bar span { position: absolute; left: 0; top: 0; display: inline-block; width: 0; height: 100%; background-color: #FF4E00; } 
#page.review #starInfo span { width: 10%; color: #5A5A5A; font-size: 1.2rem; text-align: right; } 

#page.review .photo-wr { padding: 2rem 0; border-top: 1px solid var(--color-border01); border-bottom: 1px solid var(--color-border01); } 
#page.review .photo-wr .photo { position: relative; } 
#page.review .photo-wr .photo .more { display: grid; justify-content: center; align-content: center; text-align: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(0 0 0 / 62%); color: #fff; font-size: 1.2rem; font-weight: 200; } 
#page.review .photo-wr .photo .more strong { display: block; font-size: 1.4rem; } 

#page.review .list-cont { padding: 1.5rem 0; border-bottom: 1px solid var(--color-border01); } 
#page.review .list-cont .date { color: var(--color-g-tit); font-size: 1.5rem; font-weight: 500; } 
#page.review .list-cont .date span { color: #A7A7A7; font-size: 1.2rem; } 
#page.review .list-cont .date .ic-star { width: 7rem; margin: 0 .5rem; } 
#page.review .list-cont .date .ic-arrow { width: .6rem; margin-left: auto; opacity: .5; } 
#page.review .list-cont .cont-wr { justify-content: space-between; align-items: flex-start; margin-top: .5rem; } 
#page.review .list-cont .cont-wr .photo { width: 7rem; height: 7rem; } 
#page.review .list-cont .cont-wr .cont { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; width: calc(100% - 8rem); color: #5A5A5A; font-size: 1.4rem; overflow: hidden; text-overflow: ellipsis; } 

@media (min-width:768px){
 #page.review #starInfo .icon { width: 10%; } 
 }



/*리뷰 모달창*/
#reviewCont .modal-dialog, #photoAll .modal-dialog { margin: 0; } 
#reviewCont .modal-content, #photoAll .modal-content { position: relative; top: 0; left: 0; width: 100%; height: auto !important; border: 0; transform: none; } 
#reviewCont .swiper1 .swiper-wrapper { margin-top: 1rem; margin-bottom: 2rem; } 
#reviewCont .date { color: var(--color-g-tit); font-size: 1.5rem; font-weight: 500; } 
#reviewCont .list-cont .date span { color: #A7A7A7; font-size: 1.2rem; } 
#reviewCont .list-cont .date .ic-star { width: 7rem; margin: 0 .5rem; } 
#reviewCont .cont { color: #5A5A5A; font-size: 1.6rem; line-height: 1.4; } 














/**/