퍼블 최신화

src/main/webapp/ux/pc/css/layout.css

@@ -1201,7 +1201,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 .goods_info .order_desc .button_box .btn {display:block; width:100%; height:42px; padding:14px; font-size:14px;}
 .goods_info .order_desc .button_box .btn:hover,
 .goods_info .order_desc .button_box .btn:focus,
-.goods_info .order_desc .button_box .btn:active{color: #333333;background-color: #ffffff;border-color: #dddddd;}
+.goods_info .order_desc .button_box .btn:active{}
 .goods_info .order_desc .button_box .btn.btn_primary_line:hover,
 .goods_info .order_desc .button_box .btn.btn_primary_line:focus,
 .goods_info .order_desc .button_box .btn.btn_primary_line:active{color:#fd4802; border-color:#fd4802;}
@@ -1811,7 +1811,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.dp .dp_detail_visual h3 {padding-top:10px; padding-bottom:80px;}
 	.dp .dp_detail_visual .cont_head > div .period {position:absolute; left:50%; bottom:40px; transform:translateX(-50%); font-size:14px; font-weight:300; color:#888; text-align:center;}
 	.dp_detail_visual .promotion_visual {position:relative; width:100%;}
-	.dp_detail_visual .promotion_visual img {}
+	.dp_detail_visual .promotion_visual img {width: 100%; height: auto;}
 	.dp_detail_visual .promotion_visual.type1 {}
 	.dp_detail_visual .promotion_visual.type1 img {position:relative; left:50%; top:0; transform:translateX(-50%);}
 	.dp_detail_visual .promotion_visual.type2 {}
@@ -2330,11 +2330,12 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.odPayment .fold_cont .area_receiveinfo {}
 	.odPayment .fold_cont .area_receiveinfo + .area_receiveinfo.none {padding-top: 25px;}
 	.odPayment .fold_cont .area_receiveinfo.none {padding:0 0 30px;}
-	.odPayment .fold_cont .area_receiveinfo > dl > div {margin-top:15px; height:16px}
+	.odPayment .fold_cont .area_receiveinfo > dl > div {margin-top:15px; min-height:16px}
 	.odPayment .fold_cont .area_receiveinfo > dl > div:first-child {margin-top:0}
+	.odPayment .fold_cont .area_receiveinfo > dl > div:last-child {margin-top: 5px;}
 	.odPayment .fold_cont .area_receiveinfo > dl > div dt {position:relative; padding-right:10px; margin-right:10px; font-weight:200;}
-	.odPayment .fold_cont .area_receiveinfo > dl > div dt::after {content:':'; position:absolute; right:-2px; top:-1px;}
-	.odPayment .fold_cont .area_receiveinfo > dl > div dd {height:16px}
+	.odPayment .fold_cont .area_receiveinfo > dl > div:last-child dt::after {content:':'; position:absolute; right:-2px; top:-1px;}
+	.odPayment .fold_cont .area_receiveinfo > dl > div dd {min-height:16px}
 	.odPayment .fold_cont .area_receiveinfo > dl > div dd .btn {vertical-align:top; margin-top:-9px; margin-left:15px}
 	.odPayment .fold_cont .area_receiveinfo > dl > div dd .btn_underline {margin-left:12px}
 	.odPayment .fold_cont .area_receiveinfo .icon_tag {margin-top:-3px; margin-left:4px}
@@ -2960,6 +2961,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	[class*="pd_descrp"] .required_box .area_infotbl .title {font-size:24px; font-weight:500; letter-spacing:-0.025em;}
 	[class*="pd_descrp"] .required_box .area_infotbl .tbl table th {width:280px; font-weight:300;}
 	[class*="pd_descrp"] .required_box .area_kcl {display:block; position:relative; min-height:160px; margin-top:100px; padding:40px 40px 40px 160px; box-sizing:border-box; background:#f5f5f5;}
+	[class*="pd_descrp"] .required_box .area_kcl.no-mark{padding-left:65px}
 	[class*="pd_descrp"] .required_box .area_kcl p {margin-top:20px; color:#222; font-size:14px; line-height:1; letter-spacing:-0.025em;}
 	[class*="pd_descrp"] .required_box .area_kcl .tit {margin-top:0; font-size:16px;}
 	[class*="pd_descrp"] .required_box .area_kcl a.linktxt3 {margin-left:20px; color:#888; font-weight:200; text-decoration:none !important;}
@@ -3851,9 +3853,18 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.br_lookbook_view.cont_visual .cont_head {margin-bottom:60px}
 	.br_lookbook_view.cont_visual .cont_body .area_slider {margin-left:-70px; margin-right:-70px;}
 	.br_lookbook_view.cont_visual .swiper-slide {width: auto; height: 660px;}
+	.br_lookbook_view.cont_visual .swiper-slide-next img,
+	.br_lookbook_view.cont_visual .swiper-slide-prev img {width: 100%; height:auto;max-height: 660px;}
 	/* .br_lookbook_view.cont_visual .swiper-slide img {width: 100%; height:auto;} */
 	.br_lookbook_view.cont_visual .swiper-slide img {width: auto; height:100%;} /* .0506.높이기준으로 변경 */
-	.br_lookbook_view.cont_visual .bt_lb_item {}
+	/* 05.07 다양한 이미지를 리사이징하기 위해 가로 기준이 생성됨 */
+	.br_lookbook_view.cont_visual .bt_lb_item {overflow: hidden;width: 100%;height: 660px;}
+	.br_lookbook_view.cont_visual .swiper-slide img {max-width: 990px;height: auto;display: block;}
+	.br_lookbook_view.cont_visual .swiper-slide .item_picker {display: none;}
+	.br_lookbook_view.cont_visual .swiper-slide-active .item_picker {display: block;}
+	.br_lookbook_view.cont_visual .swiper-slide-prev img,
+	.br_lookbook_view.cont_visual .swiper-slide-next img {transform: translate(-50%,-50%);left: 50%;top: 50%;position: relative;}
+
 	.br_lookbook_view.cont_visual .swiper-container {padding-top:60px;}
 	.br_lookbook_view.cont_visual .swiper-slide .bt_lb_item:after {content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.3);}
 	.br_lookbook_view.cont_visual .swiper-slide-active .bt_lb_item {position: relative; height: 618px; margin-top: -60px; transition: all 200ms ease;}

src/main/webapp/ux/pc/css/main.css

@@ -86,7 +86,7 @@
 .post-visual .txtWrap dl.w,
 .post-visual .txtWrap dl.w + .btn {color:#ffffff; border-color:#fff;}
 .post-visual .txtWrap dt {font-size:18px; padding-bottom:20px; font-weight:200;}
-.post-visual .txtWrap dd {font-size:62px;line-height:1;font-weight:500; display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow:hidden;}
+.post-visual .txtWrap dd {font-size:62px; max-height:122px; line-height:1;font-weight:500; display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow:hidden;}
 .post-visual .txtWrap dd.txt_xs {font-size:18px;line-height:1;font-weight:200;padding:20px 0 0px 0; display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical; max-height:37px; overflow:hidden;}
 /* .post-visual .vrt_txt{width:auto;height:auto;font-size:18px;color:#888888;position:absolute;left:-90px;bottom:-99px;top:0;-webkit-transform:rotate(-90deg);transform:rotate(-180deg); white-space: nowrap; -webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;} */
 .post-visual .vrt_txt{width: 500px;height: 20px;box-sizing: content-box;display: inline-block;text-align: left;font-size: 18px;color: #888888;position: absolute;left: -80%;bottom: 160px;position: relative;left: -65%;bottom: -160px;top: auto;-webkit-transform: rotate(-90deg);transform: rotate(-90deg);white-space: nowrap;}
@@ -154,7 +154,7 @@
 
 	.post-visual .vrt_txt {bottom:-120px !important;}
 	.post-visual.swiper-container {margin-left:0px;}
-	.main .post-visual .swiper-slide {padding-bottom:20px;}
+	.main .post-visual .swiper-slide {padding-bottom:20px; mask-size:none;}
 	.main .post-visual .swiper-slide-prev {}
 	.main .post-visual .swiper-slide-active {}
 	.main .post-visual .swiper-slide::before {display:block;}
@@ -752,11 +752,7 @@ header.minify .common_header.br_header::after {bottom:-565px;}
 
 /* brand_main :ie */
 @media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
-	.brand_main .post-visual .swiper-slide {
-		margin:0;
-		box-shadow:none;
-	}
-	.brand_main .post-visual .swiper-slide {z-index:9; padding-bottom:20px;}
+	.brand_main .post-visual .swiper-slide {z-index:9; margin:0; box-shadow:none; padding-bottom:0; width: 1520px;}
 	.brand_main .post-visual .swiper-slide:before {display:none;}
 	.brand_main .post-visual .swiper-slide-active {z-index:8;}
 	.brand_main .post-visual .swiper-slide-active:before {display:block;}

src/main/webapp/ux/pc/js/common-ui.js

@@ -82,6 +82,8 @@ $(document).ready(function() {
 				console.log(filesLength);
 			var cmtLa = $('.cmt .cmt_thumb .form_field .imgUpload label');
 			var cmtIn = $('.cmt .cmt_thumb .form_field .imgUpload input');
+			var myrvLa = $('.myReviewWrite .form_field .imgUpload label');
+			var myrvIn = $('.myReviewWrite .form_field .imgUpload input');
 			for (var i = 0; i < filesLength; i++) {
 				var f = files[i]
 				var fileReader = new FileReader();
@@ -97,6 +99,8 @@ $(document).ready(function() {
 						$(this).parent(".pics").remove();
 						cmtLa.css('display', 'block');
 						cmtIn.css('display', 'block');
+						myrvLa.css('display', 'block');
+						myrvIn.css('display', 'block');
 						$('#fileAdd').removeAttr("disabled");
 					});
 				});
@@ -105,11 +109,15 @@ $(document).ready(function() {
 				var imgFiles=$('.imgUpload .pics');
 				var cmtLa = $('.cmt .cmt_thumb .form_field .imgUpload label');
 				var cmtIn = $('.cmt .cmt_thumb .form_field .imgUpload input');
+				var myrvLa = $('.myReviewWrite .form_field .imgUpload label');
+				var myrvIn = $('.myReviewWrite .form_field .imgUpload input');
 				if (imgFiles.length >= maxFileLength-1) {
-					mcxDialog.alert('이미지는 최대' + maxFileLength +'장 까지 첨부 가능합니다.'); //210420_수정 : 시스템 alert -> dialog 변경.
+					//mcxDialog.alert('이미지는 최대' + maxFileLength +'장 까지 첨부 가능합니다.'); //210507_삭제
 					$('#fileAdd').attr("disabled",true);
 					cmtLa.css('display', 'none');
 					cmtIn.css('display', 'none');
+					myrvLa.css('display', 'none');
+					myrvIn.css('display', 'none');
 				} else if(imgFiles.length < maxFileLength){
 					$('#fileAdd').removeAttr("disabled");
 				}
@@ -244,12 +252,19 @@ function sCombo(selector){
 		});
 	}
 	sCombo.prototype.listOn = function(){
-		this.$selectBox.toggleClass('on');
 		if(this.$selectBox.hasClass('on')){
-			this.$list.css('display', 'block');
-		}else{
+			this.$selectBox.removeClass('on');
 			this.$list.css('display', 'none');
-		};
+		} else {
+			this.$selectBox.addClass('on');
+			this.$list.css('display', 'block');
+		}
+		//this.$selectBox.toggleClass('on');
+		//if(this.$selectBox.hasClass('on')){
+		//	this.$list.css('display', 'block');
+		//}else{
+		//	this.$list.css('display', 'none');
+		//};
 	}
 	sCombo.prototype.listSelect = function($target){
 		$target.addClass('selected').siblings('li').removeClass('selected');
@@ -257,6 +272,7 @@ function sCombo(selector){
 		//this.$select.text($target.text());
 		this.$select.html($target.html());
 		this.$list.css('display', 'none');
+		console.log($target.html())
 	}
 	sCombo.prototype.listOff = function($target){
 		if(!$target.is(this.$select) && this.$selectBox.hasClass('on')){