|
|
@@ -1,8 +1,9 @@
|
|
|
-@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700");
|
|
|
-@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700");
|
|
|
+@charset "UTF-8";
|
|
|
+@import url("font.css");
|
|
|
+
|
|
|
html,body {position:relative; height:100%;}
|
|
|
html, body, header, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, label, a, p, form, input, textarea, table, hr, span, em {margin:0; padding:0; box-sizing:border-box;}
|
|
|
-body {overflow-x:hidden; font-family:"Open Sans", "Roboto", "Malgun Gothic", sans-serif; font-size:12px; background-color:#f3f3f4;}
|
|
|
+body {overflow-x:hidden; font-family:"Open Sans","Roboto","Malgun Gothic","맑은 고딕",Dotum,"돋움",sans-serif; font-size:12px; background-color:#f3f3f4;}
|
|
|
h1, h2, h3, h4, h5, h6 {display:inline-block;}
|
|
|
ul, ol {list-style:none;}
|
|
|
ul::after, ol::after {display:block; clear:both; content:'';}
|
|
|
@@ -863,8 +864,8 @@ table.mtz-monthpicker {border:1px solid #ddd; border-top:none;}
|
|
|
/* 이미지 좌표값 가져오기 */
|
|
|
#pictureOffset > li{vertical-align:top;}
|
|
|
#pictureOffset > li:nth-of-type(1){width:700px;padding-right:20px;-webkit-user-select:none;user-select:none;}
|
|
|
-#pictureOffset .picWrap{overflow:hidden;position:relative;width:700px;height:700px;background-color:#ddd;}
|
|
|
-#pictureOffset .picWrap .picture{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:auto;height:auto;max-height:100%;max-width:100%;}
|
|
|
+#pictureOffset .picWrap{overflow:hidden;position:relative;width:700px;height:700px;background-color:#ddd;text-align:center;}
|
|
|
+#pictureOffset .picWrap .thumb{height:0;padding-top:100%;background-color:#f5f5f5;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;}
|
|
|
#pictureOffset .dataWrap{min-width:727px;}
|
|
|
#pictureOffset .dataWrap th{background:#e9f7ff;}
|
|
|
#pictureOffset .dataWrap td{padding-left:20px;}
|
|
|
@@ -878,6 +879,41 @@ table.mtz-monthpicker {border:1px solid #ddd; border-top:none;}
|
|
|
#pictureOffset .pos{position:absolute;width:0px;height:0px;}
|
|
|
#pictureOffset .pos i{overflow:hidden;position:absolute;left:0;top:0;transform:translate(-50%,-50%);width:40px;height:40px;line-height:1;color:#fff;font-size:20px;text-align:center;background-color:#fd4802;border-radius:100%;box-sizing:border-box;padding-top:10px;}
|
|
|
|
|
|
+/* 고객 리뷰 */ /* 210420 */
|
|
|
+.reviewWrap{padding:10px 10px;}
|
|
|
+.reviewWrap .prodInfo{margin-bottom:20px;min-height:80px; padding:13px;border:1px solid #aaa; }
|
|
|
+.reviewWrap .prodInfo::after{content:'';display:block;clear:both;}
|
|
|
+.reviewWrap .prodImg{float:left;width:80px;height:80px;}
|
|
|
+.reviewWrap .prodImg img{width:100%;height:100%;}
|
|
|
+.reviewWrap .prodInfo dl{margin-left:120px;margin-bottom:12px !important;display:block;}
|
|
|
+.reviewWrap .prodInfo dl:last-child{margin-bottom:0 !important;}
|
|
|
+.reviewWrap .orderInfo{padding:10px 15px;background-color:#dae0ff;}
|
|
|
+.reviewWrap .user_review .star_score {overflow: hidden;position:relative;width:95px;height:14px;}
|
|
|
+.reviewWrap .user_review .star_score .star {position:absolute; top:0; width:100%; height:100%;background:#ccc;}
|
|
|
+.reviewWrap .user_review .star_score .star::after{content:'';position:absolute;top:0;left:0;z-index:2;width:100%;height:100%; background:url('../../image/star_empty.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
|
|
|
+.reviewWrap .user_review .star_score .star .progbar {position:absolute;top:50%;left:0;transform:translateY(-50%);height:13px;background:#fd4802;}
|
|
|
+.reviewWrap .user_review .star_score .score {color:#222; font-size:16px; font-weight:200; line-height:1;}
|
|
|
+.reviewWrap .user_review .star_score .score em {font-weight:500;}
|
|
|
+.reviewWrap .user_review .star_score img{position:absolute;top:0;left:0;width:95px;height:100%; }
|
|
|
+.reviewWrap .user_review dl{margin-bottom:15px;display:flex;width:auto}
|
|
|
+.reviewWrap .user_review dl::after{content:'';display:block;clear:both;}
|
|
|
+.reviewWrap .user_review dl dt{float:left;color:#888;display:table-cell;white-space: nowrap;}
|
|
|
+.reviewWrap .user_review dl dd{float:left;margin:0 50px 0 15px; color: #fd4802;display:table-cell;}
|
|
|
+.reviewWrap .user_review dl dd:last-child{margin-right:0;}
|
|
|
+.reviewWrap .user_review dl dd.cBk{color:#000}
|
|
|
+.reviewWrap .user_review .rvCont{display:flex;margin:20px 0;}
|
|
|
+.reviewWrap .user_review .rvCont::after{content:'';display:block;clear:both;}
|
|
|
+.reviewWrap .user_review .rvPic{width:500px; background:url(../../image/bg_photo.png) repeat 0 0;}
|
|
|
+.reviewWrap .user_review .rvPic a{float:left;position:relative;width:90px;height:90px;margin-right:10px;margin-bottom:10px;}
|
|
|
+.reviewWrap .user_review .rvPic a:last-child{margin-right:0;}
|
|
|
+.reviewWrap .user_review .rvPic .pic{display:block}
|
|
|
+.reviewWrap .user_review .rvPic .pic i{display:block;position:relative;padding-top:100%;height:0;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;text-indent:-9999px;}
|
|
|
+.reviewWrap .user_review .rvPic .pic.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 .rvTxt {overflow-y:auto;margin-left:10px;width:calc(100% - 510px);height:190px;padding:15px 20px;line-height:2;word-break:keep-all;background-color:#f5f5f5;}
|
|
|
+.reviewWrap .admArea{margin-bottom:10px;}
|
|
|
+.reviewWrap .admArea .date{margin-left:10px;color:#666;}
|
|
|
+
|
|
|
+
|
|
|
|
|
|
/* 반응형:GNB 유저명,등급,로그아웃 --------------- */
|
|
|
@media ( max-width:1370px ) {
|
eskim