|
|
@@ -906,31 +906,37 @@ table.mtz-monthpicker {border:1px solid #ddd; border-top:none;}
|
|
|
.reviewWrap .user_review dl dd:last-child{margin-right:0;}
|
|
|
.reviewWrap .user_review dl dd.cBk{color:#000;}
|
|
|
.reviewWrap .user_review .rvPic dd{display:table;overflow:hidden;width:100%;height:80px;}
|
|
|
-.reviewWrap .user_review .rvPic dd .ufile{display:table-cell;width:890px;background:url(../../image/bg_photo.png) repeat 0 0;background-size:90px 90px;}
|
|
|
-.reviewWrap .user_review .rvPic dd .ufile a{float:left;position:relative;width:80px;height:80px;margin-right:10px;overflow:hidden;}
|
|
|
-.reviewWrap .user_review .rvPic dd .ufile a:last-child{margin-right:0;}
|
|
|
-.reviewWrap .user_review .rvPic dd .ufile a iframe{width:100%;height:100%;border:0;}
|
|
|
-.reviewWrap .user_review .rvPic dd .ufile a.mov::after{content:'';position:absolute;left:0;top:0;z-index:2;width:100%;height:100%;background: rgba(0,0,0,0.3) url('../../image/ico_play.png') no-repeat 50% 50%;}
|
|
|
-.reviewWrap .user_review .rvPic dd .ufile a img{width:100%;}
|
|
|
+.reviewWrap .user_review .rvPic dd .picList{display:table-cell;width:890px;background:url(../../image/bg_photo.png) repeat 0 0;background-size:90px 90px;}
|
|
|
+.reviewWrap .user_review .rvPic dd .picList a{float:left;position:relative;width:80px;height:80px;margin-right:10px;overflow:hidden;}
|
|
|
+.reviewWrap .user_review .rvPic dd .picList a:last-child{margin-right:0;}
|
|
|
+.reviewWrap .user_review .rvPic dd .picList a iframe{width:100%;height:100%;border:0;}
|
|
|
+.reviewWrap .user_review .rvPic dd .picList a.mov::after{content:'';position:absolute;left:0;top:0;z-index:2;width:100%;height:100%;background: rgba(0,0,0,0.3) url('../../image/ico_play.png') no-repeat 50% 50%;}
|
|
|
+.reviewWrap .user_review .rvPic dd .picList a span{display:block;padding-top:100%;height:0;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;background-color:#ddd;}
|
|
|
.reviewWrap .user_review .rvPic dd .chk{display:table-cell;position:relative;padding-left:20px;vertical-align:top;color:#000;text-align:center;}
|
|
|
.reviewWrap .user_review .rvPic dd .chk::after{content:'';position:absolute;top:0;left:20px;width:1px;height:100%;border-left:1px dashed #cfcfcf;}
|
|
|
.reviewWrap .user_review .rvPic dd .chk i{display:block;margin:3px 0 10px 0;color:#888;text-align:center;}
|
|
|
.reviewWrap .user_review .rvPic dd .chk .switchBox label:before{content:'보임';left:2px;}
|
|
|
.reviewWrap .user_review .rvPic dd .chk .switchBox label:after{content:'숨김';right:2px;}
|
|
|
-.reviewWrap .user_review .rvTxt dd{overflow-y:auto;height:160px;padding:10px 20px;line-height:2;word-break:keep-all;background-color:#f5f5f5;color:#666;}
|
|
|
+.reviewWrap .user_review .rvTxt dd{overflow-y:auto;width:100%;height:160px;padding:10px 20px;line-height:2;word-break:keep-all;background-color:#f5f5f5;color:#666;}
|
|
|
.reviewWrap .panelBar .date{margin-left:10px;color:#666;}
|
|
|
-/* 사용자 팝업 */
|
|
|
+/* 사용자 팝업 : 공통 */
|
|
|
.uPopupWrap {position:fixed;top:0;left:0;z-index:12;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);}
|
|
|
.uPopupWrap .area{position:relative;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#fff;}
|
|
|
-.uPopupWrap .reviewPic iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;}
|
|
|
-.uPopupWrap .reviewPic img{position:absolute;top:0;left:0;width:100%;height:100%;}
|
|
|
-.uPopupWrap .reviewPic button{position:absolute;top:50%;transform:translateY(-50%);width:70px;height:70px;border-radius:100%;background-color:#fff;text-indent:-9999px;box-shadow:0 0 5px 5px rgba(0,0,0,0.1);}
|
|
|
-.uPopupWrap .reviewPic button:hover{background-color:#eee;}
|
|
|
-.uPopupWrap .reviewPic button::after{content:'';position:absolute;top:22px;width:20px;height:20px;border-left:1px solid #000;border-bottom:1px solid #000;}
|
|
|
-.uPopupWrap .reviewPic button.prev{left:-100px;}
|
|
|
-.uPopupWrap .reviewPic button.prev::after{left:26px;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
|
|
|
-.uPopupWrap .reviewPic button.next{right:-100px;}
|
|
|
-.uPopupWrap .reviewPic button.next::after{right:26px;-ms-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);transform:rotate(-135deg);}
|
|
|
+/* 사용자 팝업 : 리뷰 > 업로드파일 확대보기 */
|
|
|
+.uPopupWrap .reviewPic .picList{position:relative;width:100%;height:100%;}
|
|
|
+.uPopupWrap .reviewPic .picList li{display:none;position:absolute;top:0;left:0;width:100%;height:100%;}
|
|
|
+.uPopupWrap .reviewPic .picList li.on{display:block;}
|
|
|
+.uPopupWrap .reviewPic .picList li iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;}
|
|
|
+.uPopupWrap .reviewPic .picList li .img{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;background-color:#ddd;}
|
|
|
+.uPopupWrap .reviewPic .btnArr{position:absolute;top:50%;transform:translateY(-50%);width:70px;height:70px;text-indent:-9999px;/*border-radius:100%; background-color:#fff;text-indent:-9999px; box-shadow:0 0 5px 5px rgba(0,0,0,0.1);*/}
|
|
|
+.uPopupWrap .reviewPic .btnArr:hover::after{border-color:#fd4802;}
|
|
|
+.uPopupWrap .reviewPic .btnArr::after{content:'';position:absolute;top:22px;width:20px;height:20px;border-left:2px solid #fff;border-bottom:2px solid #fff;}
|
|
|
+.uPopupWrap .reviewPic .btnArr.prev{left:-100px;}
|
|
|
+.uPopupWrap .reviewPic .btnArr.prev::after{left:26px;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
|
|
|
+.uPopupWrap .reviewPic .btnArr.next{right:-100px;}
|
|
|
+.uPopupWrap .reviewPic .btnArr.next::after{right:26px;-ms-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);transform:rotate(-135deg);}
|
|
|
+.uPopupWrap .reviewPic .btnClose{position:absolute;top:-50px;right:0;width:50px;height:50px;background:url(../../image/btn_close_lg.png) no-repeat 50% 50%;text-indent:-9999px;}
|
|
|
+
|
|
|
|
|
|
|
|
|
|
eskim