|
|
@@ -1415,14 +1415,17 @@
|
|
|
.modal.pd_pop[class*="reviewdetail_pop"] .modal-body .pd_review .area_rv_all .review_list{border-top:0;}
|
|
|
.modal.pd_pop[class*="reviewdetail_pop"] .area_slider .thumb{position:relative; width:100%; height:100%; min-height:45.6rem;}
|
|
|
.modal.pd_pop[class*="reviewdetail_pop"] .area_slider .thumb img,
|
|
|
-.modal.pd_pop[class*="reviewdetail_pop"] .area_slider .thumb video{position: absolute; left: 50%; right: 0; top: 45%; bottom: auto; transform: translate(-50%, -50%); width: auto; height: auto; max-height: 100%; max-width: 100%; margin: auto 0; cursor: pointer;}
|
|
|
-.modal.pd_pop[class*="reviewdetail_pop"] .area_slider .thumb iframe{position: absolute; top: 0;left: 0; right: 0; bottom: auto; transform: translate(0, 100%); height: auto; max-height: 100%; max-width: 100%; margin: auto 0; cursor: pointer;}
|
|
|
+.modal.pd_pop[class*="reviewdetail_pop"] .area_slider .thumb video{position: absolute; left: 50%; right: 0; top: 50%; bottom: auto; transform: translate(-50%, -50%); width: auto; height: auto; max-height: 100%; max-width: 100%; margin: auto 0; cursor: pointer;}
|
|
|
.modal.pd_pop[class*="reviewdetail_pop"] .area_slider .thumb{position:relative; background-color:#ddd; /*background-position:center center; background-repeat:no-repeat; background-size:contain;*/}
|
|
|
.modal.pd_pop[class*="reviewdetail_pop"] .area_slider .thumb.nodata:before{display:block; content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.5); z-index:1;}
|
|
|
.modal.pd_pop[class*="reviewdetail_pop"] .area_slider .thumb.nodata:after{display:block; content:'리뷰에 등록된 이미지가 없습니다.'; position:absolute; top:50%; left:50%; width:90%; font-size:1.2rem; color:#fff; text-align:center; z-index:2; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
|
|
|
.modal.pd_pop[class*="reviewdetail_pop"] .area_slider .swiper-pagination {display: inline-block; width: auto; padding: 0.2rem 1rem; border-radius: 2rem; font-size: 1.2rem; color: #fff; background-color: rgba(34,34,34,.5);}
|
|
|
.modal.pd_pop[class*="reviewdetail_pop"] .area_slider .swiper-pagination::before {content: '';display: block;height: 2.0rem;margin-top: -2.0rem;visibility: hidden;}
|
|
|
-.modal.pd_pop[class*="reviewdetail_pop"] .area_slider .swiper-pagination-fraction {position: absolute; left: 50%; bottom: 6rem; margin:0; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
|
|
|
+.modal.pd_pop[class*="reviewdetail_pop"] .area_slider .swiper-pagination-fraction {position: absolute; left: 50%; bottom: 2.5rem; margin:0; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
|
|
|
+
|
|
|
+.modal.pd_pop[class*="reviewdetail_pop"] .area_slider .thumb.mov {position: relative; }
|
|
|
+.modal.pd_pop[class*="reviewdetail_pop"] .area_slider .btn_play{background: rgb(246 55 55 / 0%); position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;color: transparent;font-size: 0.1rem;z-index: 2;}
|
|
|
+
|
|
|
.modal.pd_pop[class*="reviewdetail_pop"] .area_rv_all{padding-top:1rem;}
|
|
|
.modal.pd_pop[class*="reviewdetail_pop"] .area_rv_all .review_list > ul > li {padding-top:1.5rem;}
|
|
|
.modal.pd_pop[class*="reviewdetail_pop"] .btn_review_open{text-indent:-999999px; background:url(/images/mo/ico_pop_arrow.png) center center no-repeat; background-size:3rem 1rem;}
|
|
|
@@ -1436,17 +1439,20 @@
|
|
|
.modal.pd_pop[class*="reviewdetail_pop"] .pd_review .area_rv_all .review_list.active .response_box2{display:block;}
|
|
|
.modal.pd_pop[class*="reviewdetail_pop"] .pd_review .area_rv_all .review_list.active .reply_box{display:block;}
|
|
|
.modal.pd_pop.pd_photoreviewdetail_pop #btn_more_photoreview{display:inline-block; margin-right:1rem; margin-top: -0.3rem; width:2rem; height:2rem; background:url(/images/mo/ico_thumblist.png) center center no-repeat; background-size:contain; vertical-align:middle;}
|
|
|
-.modal.pd_pop.pd_photoreviewdetail_pop .modal-body .pop_cont{padding-top:0; height:100%;}
|
|
|
+.modal.pd_pop.pd_photoreviewdetail_pop .modal-body .pop_cont{padding-top:0; padding-bottom: 18rem; height:100%;}
|
|
|
.modal.pd_pop.pd_photoreviewdetail_pop .modal-body .pop_cont .area_slider{height:100%;}
|
|
|
.modal.pd_pop.pd_photoreviewdetail_pop .modal-body .pop_cont .area_slider .swiper-container{height:100%;}
|
|
|
/*.modal.pd_pop.pd_bestreviewdetail_pop .pop_cont .nodata{padding-top:0;}*/
|
|
|
-.modal.photo_comment_popup.pd_bestreviewdetail_pop .modal-body .pop_cont{height:calc(var(--vh, 1vh) * 100); padding-top:0}
|
|
|
-.modal.photo_comment_popup.pd_bestreviewdetail_pop .modal-body .pop_cont .area_slider{position: relative;height: 100%;overflow: hidden;}
|
|
|
+.modal.photo_comment_popup.pd_bestreviewdetail_pop .modal-body .pop_cont{height:calc(var(--vh, 1vh) * 100); padding-top:0; padding-bottom: 18rem;}
|
|
|
+.modal.photo_comment_popup.pd_bestreviewdetail_pop .modal-body .pop_cont .area_slider{height: 100%;overflow: hidden;}
|
|
|
.modal.photo_comment_popup.pd_bestreviewdetail_pop .modal-body .pop_cont .area_slider .swiper-container{height:100%;}
|
|
|
.modal.photo_comment_popup.pd_bestreviewdetail_pop .pop_detail .review_list{border:0 none;}
|
|
|
.modal.photo_comment_popup.pd_photoreviewdetail_pop .pop_detail .review_list{border:0 none;}
|
|
|
.modal.photo_comment_popup.pd_bestreviewdetail_pop .pop_detail .review_list ul li{padding:0;}
|
|
|
-
|
|
|
+.modal.photo_comment_popup .swiper-button-next {top: 35%; margin-top: 0; right: 2rem;}
|
|
|
+.modal.photo_comment_popup .swiper-button-prev {top: 35%; margin-top: 0; left: 2rem;}
|
|
|
+.modal.photo_comment_popup .swiper-button-prev:after {content:''; display:block; position:absolute; top:0px; left:0; width:3.4rem; height:3.4rem; border:0.2rem solid #a7a7a7; border-width:0.2rem 0.2rem 0 0; transform:rotate(-135deg); -webkit-transform:rotate(-135deg);}
|
|
|
+.modal.photo_comment_popup .swiper-button-next:after {content:''; display:block; position:absolute; top:0px; right:0; width:3.4rem; height:3.4rem; border:0.2rem solid #a7a7a7; border-width:0.2rem 0.2rem 0 0; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
|
|
|
|
|
|
|
|
|
/* 리뷰 리스트 */
|