Merge remote-tracking branch 'origin/eskim' into xodud1202

merge

src/main/java/com/style24/front/biz/web/TsfGoodsController.java

@@ -1012,6 +1012,7 @@ public class TsfGoodsController extends TsfBaseController {
 	@ResponseBody
 	public GagaMap getGoodsOption2List(@RequestBody Goods goods) {
 
+		log.info("goods = {}", goods);
 		GagaMap result = new GagaMap();
 		result.set("dataList", goodsService.getGoodsOption2List(goods));
 

src/main/java/com/style24/persistence/domain/Goods.java

@@ -153,7 +153,7 @@ public class Goods extends TscBaseDomain {
 	private String regDtMonth;
 
 	private String sizeGb;		// 사이즈구분(T:상의, B:하의, S:신발)
-
+	private String optionSoldoutSkip; 	//품절제외 Y, N
 	private int floorUnit; // 절사단위(1:일원단위절사, 10:십원단위절사, 100:백원단위절사)
 	private Integer cpnId;			// 쿠폰ID
 

src/main/java/com/style24/persistence/mybatis/shop/TsfGoods.xml

@@ -267,6 +267,10 @@
 		      AND NOW() BETWEEN G.SELL_STDT AND G.SELL_EDDT           /*판매기간 확인*/
 		      GROUP BY G.GOODS_CD , G.SELF_GOODS_YN , G.MIN_ORD_QTY, G.MAX_ORD_QTY, O.OPT_CD1
 		) A
+		WHERE 1 = 1
+		<if test='optionSoldoutSkip != null and optionSoldoutSkip == "Y" '>
+		AND STOCK_QTY > 0
+		</if>
 		ORDER BY GOODS_CD, OPT_CD1
 	</select>
 		
@@ -305,6 +309,11 @@
 		      AND G.GOODS_TYPE = 'G056_N' -- 일반상품
 		      AND NOW() BETWEEN G.SELL_STDT AND G.SELL_EDDT           /*판매기간 확인*/
 		     ) B
+		WHERE 1 = 1
+		<if test='optionSoldoutSkip != null and optionSoldoutSkip == "Y" '>
+		AND STOCK_QTY > 0
+		AND SOLDOUT_YN = 'N'
+		</if>
 		ORDER BY DISP_ORD
 	</select>
 	

src/main/webapp/WEB-INF/views/mob/goods/GoodsDetailFormMob.html

@@ -336,11 +336,11 @@
 							<p class="tit normal" th:text="${goodsSafeNo.certDiv}">
 							</p>
 							<p class="normal">
-								<th:block th:if="${#strings.contains(goodsSafeNo.isCertNum, '해당')}" >
+								<th:block th:if="${#strings.contains(goodsSafeNo.certNum, '해당')}" >
 								해당 없음 
 								</th:block>
-								<th:block th:unless="${#strings.contains(goodsSafeNo.isCertNum, '해당')}" >
-								<span>인증번호:</span> <a class="num" th:href="@{http://www.safetykorea.kr/search/searchPop(certNum=${goodsSafeNo.certNum})}" target="_blank"  th:text="${goodsSafeNo.isCertNum}">CB123A123-1234</a>
+								<th:block th:unless="${#strings.contains(goodsSafeNo.certNum, '해당')}" >
+								<span>인증번호:</span> <a class="num" th:href="@{http://www.safetykorea.kr/search/searchPop(certNum=${goodsSafeNo.certNum})}" target="_blank"  th:text="${goodsSafeNo.certNum}">CB123A123-1234</a>
 								</th:block>
 							</p>
 						</div>
@@ -678,8 +678,20 @@
 									<span class="title">옵션선택</span>
 									<div class="check_excluding form_field">
 										<div>
-											<input id="soldoutSkipYn" name="soldoutSkipYn" type="checkbox" value="Y"><label for="excluding"> <span>품절제외</span> </label>
+											<input id="soldoutSkipYn" name="soldoutSkipYn" type="checkbox" value="Y" th:onclick="fnOption1(this,[[${goodsInfo.goodsCd}]],[[${goodsInfo.selfGoodsYn}]]);"><label for="soldoutSkipYn"><span>품절제외</span> </label>
 										</div>
+										<div class="guidance" >
+											<!--210409_ 추가 : .guidance에 .ontoast 추가 시, toast 팝업 작동 -->
+											<p>품절 옵션이 제외되었습니다</p>
+										</div>
+										<script>
+											function getGuidance()  {
+												if($('.pop_option_select').find('input[name=soldoutSkipYn]').is(":checked")){
+													$(".guidance").addClass("ontoast");
+													setTimeout(function(){$(".guidance").removeClass("ontoast");}, 5000);
+												}
+											}
+										</script>
 									</div>
 								</div>
 								<!-- 일반상품일때 -->
@@ -797,8 +809,6 @@
 									</div>
 								</div>
 								</th:block>
-								<!-- //셋트상품일때 -->
-								<div class="text_excluding">99개의 품절옵션이 제외되었습니다.</div>
 							</div>
 						</div>
 					</div>
@@ -1065,8 +1075,9 @@
 			
 			$objUp.append(tag);
 			
+			fnSetTotalPrice();
 			
-			fnSetTotalPrice();	
+			$('.pop_option_select').css("display", "none");
 			
 		}, "text");
 	}
@@ -1131,12 +1142,103 @@
 		}
 	}
 	
+	// 옵션1 조회
+	var fnOption1 = function(ridx,goodsCd, selfGoodsYn){
+		
+		// 품절제외 여부
+		let optionSoldoutSkip = $('.pop_option_select').find('input[name=soldoutSkipYn]').is(":checked") ? 'Y' : 'N';
+		
+		let data = {goodsCd : goodsCd
+					,optionSoldoutSkip : optionSoldoutSkip };
+		let jsonData = JSON.stringify(data);
+		gagajf.ajaxJsonSubmit('/goods/detail/option1/list', jsonData, function(result) {
+			
+			if (result.dataList != null && result.dataList.length > 0) {
+				let tag = "";
+				let $obj = null;
+				
+				$.each(result.dataList, function(idx, item) {
+					if (idx == 0){
+						
+						$('.form_field .select_custom.item_opt1.' +item.goodsCd ).attr('disabled', false)
+						//------
+						tag += '<div class="combo">\n';
+						tag += '<div class="select">선택</div>\n';
+						tag += '<ul class="list" style="display: none;">\n';
+						//------
+						tag += '<li class="selected" id="selfGoodsOpt'+item.goodsCd+'">선택</li>\n';
+						
+					}
+					let soldoutYn = ""; 
+					if ("G008_90" != item.goodsStat || item.stockQty <= 0) soldoutYn = "true";
+					tag += '<li aria-disabled="'+soldoutYn+'" data-soldout="'+soldoutYn +'" onclick="fnOption2('+ (idx+1)+', \''+ item.goodsCd+'\' , \''+ item.optCd1+'\' , \''+ item.minOrdQty+'\', \''+ item.maxOrdQty+'\', \''+item.currPrice+'\')">\n';	
+					tag += '<div>' +item.optCd1 +'</div>';
+					tag += '<input type="hidden" name="opt1" value="'+ item.goodsCd+' currPrice="'+ item.currPrice +'" selfGoodsYn="'+ selfGoodsYn+'"/>\n';
+					tag += '</li>\n';
+				});
+				
+				if (!gagajf.isNull(tag)){
+					//------
+					tag += '</ul>\n';
+					tag += '</div>\n';
+					//------	
+				}
+
+				if (selfGoodsYn == "Y"){
+					if (ridx == 1){
+						$obj = $('.pop_option_select .select_custom.item_opt1.item_opt1_1');	
+					}else if (ridx == 2){
+						$obj = $('.pop_option_select .select_custom.item_opt1.item_opt1_2');	
+					}else if (ridx == 3){
+						$obj = $('.pop_option_select .select_custom.item_opt1.item_opt1_3');
+					}else if (ridx == 4){
+						$obj = $('.pop_option_select .select_custom.item_opt1.item_opt1_4');
+					}else{
+						$obj = $('.pop_option_select .select_custom.item_opt1.item_opt1_5');
+					}
+				}else{
+					$obj = $('.pop_option_select .select_custom.item_opt1.item_opt1_1');
+				}	
+				$obj.html('');
+				$obj.append(tag);
+				if (selfGoodsYn == "Y"){
+					if (ridx == 1){
+						var opt_selecter02_1 = new sCombo('.pop_option_select .select_custom.item_opt1.item_opt1_1');	
+					}else if (ridx == 2){
+						var opt_selecter02_2 = new sCombo('.pop_option_select .select_custom.item_opt1.item_opt1_2');	
+					}else if (ridx == 3){
+						var opt_selecter02_3 = new sCombo('.pop_option_select .select_custom.item_opt1.item_opt1_3');
+					}else if (ridx == 4){
+						var opt_selecter02_4 = new sCombo('.pop_option_select .select_custom.item_opt1.item_opt1_4');
+					}else{
+						var opt_selecter02_5 = new sCombo('.pop_option_select .select_custom.item_opt1.item_opt1_5');
+					}
+					
+				}else{
+					var opt_selecter02 = new sCombo('.pop_option_select .select_custom.item_opt1.item_opt1_1');
+					$('.pop_option_select .select_custom.item_opt2 .combo .list > li').eq(0).trigger("click");
+					$('.pop_option_select .select_custom.item_opt2.item_opt2_1').attr('disabled',true)
+				}	
+				
+			}
+			
+			//품절 제외 메세지 처리
+			getGuidance();
+		});
+		
+	}
+	
 	// 옵션2 조회
 	var fnOption2 = function(ridx, goodsCd, optCd1, qty, minOrdQty, maxOrdQty , currPrice){
+		
+		// 품절제외 여부
+		let optionSoldoutSkip = $('.pop_option_select').find('input[name=soldoutSkipYn]').is(":checked") ? 'Y' : 'N';
+		
 		let selfGoodsYn = $("#cartForm  input[name=selfGoodsYn]").val();
 		let data = {goodsCd : goodsCd
 					,optCd1 : optCd1
 					,adminYn : $("#cartForm  input[name=adminYn]").val()
+					,optionSoldoutSkip : optionSoldoutSkip
 					};
 		let jsonData = JSON.stringify(data);
 	
@@ -1381,24 +1483,6 @@
 	//장바구니담기
 	var fnAddCart = function(btnType){
 		
-		// 바로구매는 로그인여부 확인
-		if (btnType == "O" && !cfCheckLogin()) {
-			
-			let btn = ["비회원 구매", "로그인후 구매"]; //버튼명[좌,우]
-			mcxDialog.confirmC("로그인 후 구매 시 다양한 혜택을 받으실 수 있습니다.", { //내용
-				btn: btn,
-				btnClick: function(index){
-					if (index == 1){ //button1 일때 처리문
-						// 비회원 URL
-						ALERT('비회원');
-					} else {	//button2 일때 처리문
-						cfnGoToPage(_PAGE_LOGIN);
-					}
-				}
-			});
-			return false;
-		}
-		
 		let params = [];
 		let goodsType = $("#cartForm  input[name=goodsType]").val();
 		let selfGoodsYn = $("#cartForm  input[name=selfGoodsYn]").val();
@@ -1409,6 +1493,7 @@
 				return;
 			}
 		
+			let compsList = [];
 			let obj = new Object();
 			obj.goodsCd = $("#cartForm  input[name=goodsCd]").val();
 			obj.optCd = $("#cartForm  input[name=optCd]").val();
@@ -1419,8 +1504,11 @@
 			obj.ithrCd =$("#cartForm  input[name=ithrCd]").val();
 			obj.contentsLoc =$("#cartForm  input[name=contentsLoc]").val();
 			obj.planDtlSq = $("#cartForm  input[name=planDtlSq]").val();
-			params.push(obj);
-
+			compsList.push(obj);
+			
+			// 장바구니담기
+			cfnAddCart(compsList);
+			
 		}else { 
 			
 			let target = null;
@@ -1451,7 +1539,13 @@
 				}
 			}
 			
-			target.each(function() {
+			let cartGoodsList = [];
+			let compsList = [];
+			let goodsList = {
+				cartCompsList : new Array()
+			}
+			
+			target.each(function() {debugger;
 			
 				let ea = parseInt($(this).val());
 				let goodsCd = $(this).parent().find('input[name="coption"]').attr('goodscd');
@@ -1469,14 +1563,15 @@
 				obj.ithrCd =$("#cartForm  input[name=ithrCd]").val();
 				obj.contentsLoc =$("#cartForm  input[name=contentsLoc]").val();
 				obj.planDtlSq = $("#cartForm  input[name=planDtlSq]").val();
-				
-				params.push(obj);
+				compsList.push(obj);
 				
 			});
+			goodsList.cartCompsList = compsList;
+			cartGoodsList.push(goodsList);
+			
+			// 장바구니담기
+			cfnAddCart(cartGoodsList);
 		}
-		
-		// 장바구니담기
-		cfnAddCart(params);
 	}
 
 	// 룩북속 상품 쇼핑백 담기
@@ -1512,7 +1607,6 @@
 		}
 	}
 	
-	
 	$(document).ready( function() {
 		
 		$('.timer_box').css('display', 'none');
@@ -1553,16 +1647,32 @@
 	
 		// selecter
 		$(function(){
-			var item_opt01 = new sCombo('.pd .pop_option_select .item_opt1');
-			var item_opt02 = new sCombo('.pd .pop_option_select .item_opt2');
+			//var item_opt01 = new sCombo('.pd .pop_option_select .item_opt1');
+			//var item_opt02 = new sCombo('.pd .pop_option_select .item_opt2');
 			var opt_select = new sCombo('.pd .op1 .opt_select .select_custom');
 		});
-		
-		$(document).on('click','.pd .pop_option_select .item_opt1',function(e){
-			$(this).toggleClass("on");
-			$(this).children(".combo").children(".list").slideToggle(0);
+
+		//옵션변경 셀렉트
+		var opt_selecter01 = new sCombo('.pd .pop_option_select .item_opt1');
+		$('.pd .pop_option_select .select_custom .combo .list > li').click(function(e) {
+			$(this).parents('.form_field').next('.form_field').find('.select_custom').attr('disabled', false);
+			return false;
+		});
+		var opt_selecter02 = new sCombo('.pd .pop_option_select .item_opt2');
+
+		var opt_selecter03 = new sCombo('.pd .pop_option_select .item_opt3');
+		$('.pd .pop_option_select .select_custom .combo .list > li').click(function(e) {
+			$(this).parents('.form_field').next('.form_field').find('.select_custom').attr('disabled', false);
+			return false;
+		});
+		var opt_selecter04 = new sCombo('.pd .pop_option_select .item_opt4');
+
+		var opt_selecter05 = new sCombo('.pd .pop_option_select .item_opt5');
+		$('.pd .pop_option_select .select_custom .combo .list > li').click(function(e) {
+			$(this).parents('.form_field').next('.form_field').find('.select_custom').attr('disabled', false);
 			return false;
 		});
+		var opt_selecter06 = new sCombo('.pd .pop_option_select .item_opt6');
 
 		if (!gagajf.isNull([[${goodsInfo.socialSq}]])){
 			$('.timer_box').css('display', 'block');

src/main/webapp/WEB-INF/views/web/goods/GoodsDetailFormWeb.html

@@ -137,9 +137,9 @@
 															(tmtbList != null and !tmtbList.empty) or
 															(freeGoodsList != null and !freeGoodsList.empty)}" >
 								<dl>
-									<div class="bnf_shopping" th:if="${(goodsCouponList != null and !goodsCouponList.empty) or 
-																		(tmtbList != null and !tmtbList.empty) or 
-																		(freeGoodsList != null and !freeGoodsListbList.empty) }">
+									<div class="bnf_shopping" th:if="${(goodsCouponList != null and !goodsCouponList.empty) or
+																		(tmtbList != null and !tmtbList.empty) or
+																		(freeGoodsList != null and !freeGoodsList.empty)}" >
 										<dt>쇼핑혜택</dt>
 											<dd>
 												<span th:if="${goodsCouponList != null and !goodsCouponList.empty}">
@@ -562,11 +562,11 @@
 							어린이제품 안전인증 / 한국건설생활시험연구원(KCL)
 						</p>
 						<p class="normal" >
-							<th:block th:if="${#strings.contains(goodsSafeNo.isCertNum, '해당')}" >
+							<th:block th:if="${#strings.contains(goodsSafeNo.certNum, '해당')}" >
 							해당 없음 
 							</th:block>
-							<th:block th:unless="${#strings.contains(goodsSafeNo.isCertNum, '해당')}" >
-							인증번호: : <th:block th:text="${goodsSafeNo.isCertNum}"></th:block>
+							<th:block th:unless="${#strings.contains(goodsSafeNo.certNum, '해당')}" >
+							인증번호: : <th:block th:text="${goodsSafeNo.certNum}"></th:block>
 							<a th:href="@{http://www.safetykorea.kr/search/searchPop(certNum=${goodsSafeNo.certNum})}" target="_blank" class="linktxt3">상세보기</a>
 							</th:block>
 						</p>
@@ -1046,24 +1046,6 @@
 	//장바구니담기
 	var fnAddCart = function(btnType){
 		
-		// 바로구매는 로그인여부 확인
-/* 		if (btnType == "O" && !cfCheckLogin()) {
-			
-			let btn = ["비회원 구매", "로그인후 구매"]; //버튼명[좌,우]
-			mcxDialog.confirmC("로그인 후 구매 시 다양한 혜택을 받으실 수 있습니다.", { //내용
-				btn: btn,
-				btnClick: function(index){
-					if (index == 1){ //button1 일때 처리문
-						// 비회원 URL
-						ALERT('비회원');
-					} else {	//button2 일때 처리문
-						cfnGoToPage(_PAGE_LOGIN);
-					}
-				}
-			});
-			return false;
-		} */
-		
 		let goodsType = $("#cartForm  input[name=goodsType]").val();
 
 		if (goodsType == 'G056_N'){

src/main/webapp/ux/mo/css/common_m.css

@@ -915,8 +915,8 @@ footer .btn_top span i{display: block; position: absolute; background: #fff;}
 footer .btn_top span i.gl1{left: 4px; top: 2px; width: 10px; height: 2px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
 footer .btn_top span i.gl2{left: 50%; top: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 2px; height: 20px;}
 footer .btn_top span i.gl3{right: 4px; top: 2px; width: 10px; height: 2px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
-footer .f1{padding: 0 0 45px; position: relative;}
-footer .f1 .inner{padding: 0 2.0rem;}
+footer .f1{background-color: #f1f1f1;padding: 0 0 4.5rem; position: relative;}
+footer .f1 .inner{padding: 0 2.0rem 2.0rem;}
 footer .f1 .link{padding-top: 20px;}
 footer .f1 .link::after{content: ''; display: block; clear: both;}
 footer .f1 .link > li{float: left; position: relative; padding: 0 1.2rem;}

src/main/webapp/ux/mo/css/layout_m.css

@@ -382,7 +382,8 @@
 .pd .pd_detail .pd_info:before {content: "";display: block;width: 100%;height: 150vw;}
 .pd .pd_detail .pd_info .pd_info1{position: absolute;position: fixed;top: 0;left: 0;right: 0;-webkit-box-sizing: border-box;box-sizing: border-box;overflow: hidden;}
 .pd .pd_detail .inner{background: #ffffff;}
-/* .pd .pd_detail .inner:after{content: '';display:inline-block;width: 100%;padding: 2.0rem 0; background: #f5f5f5;} */
+.pd_detail .pd_info > .inner:after, .pd_detail > .inner:after{content: '';width: 100%;height: 1.2rem;padding: 0;background: #f5f5f5;position: absolute;bottom: -1.2rem;left: 0;right: auto;}
+.pd_detail > .inner:last-child::after{content: '';width: 100%;height: 0rem;}
 .pd_detail .pd_info > .inner:last-child {margin-bottom: 1.2rem;padding-bottom: 3rem;}
 /* 1 */
 .pd_detail{background-color:#f5f5f5;}
@@ -393,7 +394,7 @@
 .pd_detail .pd_info > .inner.wide,
 .pd_detail > .inner.wide{padding-left:0!important; padding-right:0!important; padding-bottom:0;}
 .pd_detail .thumb_box{position: relative;}
-.pd_detail .thumb_box:after{position:absolute; content:''; left:0; bottom:0; width:100%; height:3rem; background-color:rgba(255,255,255,.95); z-index:2;}
+/* .pd_detail .thumb_box:after{position:absolute; content:''; left:0; bottom:0; width:100%; height:3rem; background-color:rgba(255,255,255,.95); z-index:2;} */
 .pd_detail .thumb_box .thumb_list{position:relative;}
 .pd_detail .thumb_box .thumb_list .thumb{position:relative; width:100%; padding-bottom: 150%;; background-color:#f5f5f5; overflow: hidden;}
 .pd_detail .thumb_box .thumb_list .thumb img{position:absolute; width:100%; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
@@ -427,7 +428,8 @@
 .pd_detail .descript_box .btn_group_flex button{border:1px solid #fd4802; color:#fd4802; background: #fff;}
 /* 2 */
 .pd_detail .desc_status{padding:1.5rem 2rem; margin-bottom:-1.2rem; color: #fd4802; border-bottom:1px solid #dddddd;}
-.pd_detail .timer_box{position: relative;position: absolute;width: 32.0rem;top:-4.5rem;left: 50%;transform: translateX(-50%);z-index: 2;}
+.pd_detail .timer_box{position: relative;width: 30rem;top:-2.0rem;left: 50%;transform: translateX(-50%);z-index: 2;}
+.pd_detail .timer_box::before{position: absolute;left: 0;bottom: 0;width: 100%;height: 3rem;background-color: rgba(255,255,255,.95);z-index: -1;} /* content: ''; */
 .pd_detail .timer_box p{padding: 0;text-align: center;background: #222;height: 3.6rem;}
 /* .pd_detail .timer_box::after{content:''; position:absolute; right:-1.2rem; bottom:-1.8rem; border:1.2rem solid transparent; border-top:1.2rem solid #fff; transform:rotate(-45deg);} */
 .pd_detail .timer_box::after{content:''; position: absolute;right: 0;bottom: 0;display: block;width: 0px;border: 0.5rem solid transparent;border-bottom-color: #fff;border-right-color: #fff;}
@@ -440,7 +442,7 @@
 .pd_detail .timer_box p .timer em::before {content:':'; position:absolute; left:-1px; top:50%; transform:translateY(-50%);}
 .pd_detail .timer_box p .timer em:first-of-type {padding-left:0.8rem;}
 .pd_detail .timer_box p .timer em:first-of-type::before {display:none;}
-.pd_detail .descript_box {padding-top: 1.5rem;}
+.pd_detail .descript_box {padding-top: 0rem;}
 .pd_detail .option_box .opt_color{padding:3rem 0;}
 .pd_detail .option_box .opt_color ul {margin:0 -2rem; padding-left:2rem; overflow-x:auto; font-size:0; white-space:nowrap;}
 .pd_detail .option_box .opt_color ul::after {content:''; position: relative; display:inline-block; width:2rem; height:1px;}
@@ -607,11 +609,11 @@
 .riview_box .ex_review .star_score {float:right; padding-right:2.5rem; height:1.4rem; margin-bottom:0.7rem; vertical-align: middle; background:url('/images/mo/pd_arrow.png') right center no-repeat; image-rendering:pixelated;}
 .riview_box .ex_review .star_score .star {display:inline-block; position:relative; width:9.5rem; height:1.4rem; background:#ddd;}
 .riview_box .ex_review .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:1.4rem; background:url('/images/mo/star_empty.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
-.riview_box .ex_review .star_score .star .progbar {display:inline-block; height:1.4rem; background:#fd4802}
+.riview_box .ex_review .star_score .star .progbar {display:inline-block;vertical-align: top; height:1.4rem; background:#fd4802}
 .riview_box .ex_review .star_score .score {color:#222; font-size:1.4rem; font-weight:500;}
 .riview_box .best_review {margin-bottom:1.4rem; text-align:left;}
 .riview_box .best_review a {display:block; position:relative; padding:2rem; border:1px solid #eee;}
-.riview_box .best_review a .star_score .star {display:inline-block; position:relative; width:8.3rem; height:1.4rem; background:#ddd;}
+.riview_box .best_review a .star_score .star {display:inline-block; position:relative; width:9.3rem; height:1.4rem; background:#ddd;}
 .riview_box .best_review a .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:1.4rem; background:url('/images/mo/star_empty.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
 .riview_box .best_review a .star_score .star .progbar {display:inline-block; height:1.4rem; background:#fd4802; vertical-align:top;}
 .riview_box .best_review a .star_score .ico {margin-left:1.0rem}
@@ -619,8 +621,10 @@
 .riview_box .best_review a .lap{display:table; width:100%;}
 .riview_box .best_review a .lap > div{display:table-cell; vertical-align:middle;}
 .riview_box .best_review a .lap > div.pic{position:relative; width:7.2rem;}
+.riview_box .best_review a .lap > div.pic.none{display: none;}
+.riview_box .best_review a .lap > .pic.none + div.txt_best_review{padding-left:0;}
 .riview_box .best_review a .lap > .pic + div.txt_best_review{padding-left:1.6rem;}
-.riview_box .best_review a .lap > div.txt_best_review p{height:7.2rem; overflow:hidden; line-height:1.6; color:#666; font-size:1.3rem; font-weight:200; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
+.riview_box .best_review a .lap > div.txt_best_review p{height:6.4rem; margin-top: 0.8rem; overflow:hidden; line-height:2.1333rem; color:#666; font-size:1.3rem; font-weight:200; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
 .riview_box .best_review a .star_score {display:block; margin-bottom:0.7rem; vertical-align:middle; image-rendering:pixelated;}
 .riview_box .best_review a .star_score .star{vertical-align:middle;}
 .riview_box .best_review a .pic .thumb {display:block; padding-top:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
@@ -723,7 +727,7 @@ header .htop.trans{position:absolute; background:transparent !important;}
 .pd .select_custom .combo .list{border:1px solid #000; border-top:0;}
 .pd .select_custom.on .combo .select{border:1px solid #000;}
 .pd .Purchase_pop .select_custom.on .combo .select{border-bottom:1px solid #dcdcdc}
-.salecoupon_pop{width:100%; max-height:80%;}
+.salecoupon_pop{width:100%; max-height:80%; position: absolute; bottom:0; left:0}
 .salecoupon_pop .btPop_close{width: 1.6rem;height: 1.6rem;background-image: url(/images/mo/ico_pop_cls_w.png); opacity: 1;position: absolute;z-index: 998;top: -3.8rem;left: 50%;transform: translate(-50%);display: block;border: 0;text-indent: -9999px;background-size: contain;background-repeat: no-repeat;background-position: center center;background-color: transparent;}
 #pd_review_close{z-index:1000;}
 #pd_photoreview_close{z-index:1000;}
@@ -735,7 +739,8 @@ header .htop.trans{position:absolute; background:transparent !important;}
 .full_pop.pd_itemthumb_pop .full_pop_container {width:100%; padding:0px;}
 .full_pop.pd_itemthumb_pop .full_pop_container .scaleview {position:relative; display:block; text-align:center; margin-top:40px; z-index:1;}
 .full_pop.pd_itemthumb_pop .full_pop_container .scaleview:first-child {margin-top:0}
-.full_pop.pd_itemthumb_pop .full_pop_container .scaleview video {width:100%;}
+.full_pop.pd_itemthumb_pop .full_pop_container .scaleview .video_controls,
+.full_pop.pd_itemthumb_pop .full_pop_container .scaleview video {display: none; width:100%;}
 .full_pop.pd_itemthumb_pop .full_pop_container .scaleview img {max-width:100%; cursor:url('/images/pc/cursor_zoomout.png') 0 0, zoom-out;}
 .pd_pop.full_pop {display:none; position:fixed; top:0; bottom:0; left:0; right:0; margin-top:160px; width:100%; height:calc(100% - 160px); overflow-y:auto; z-index:110; background:#fff; line-height:1;}
 .pd_pop .full_popup_wrap .btn_close {position:fixed; right:30px; top:30px; display:inline-block; z-index:130; cursor:pointer;}
@@ -750,6 +755,22 @@ header .htop.trans{position:absolute; background:transparent !important;}
 .pd .select_custom .combo .list{max-height:100%;}
 .opt_name {margin-bottom:-2rem;}
 .form_field.mb20{margin-bottom:2rem !important}
+/* 210412 */
+.pd_pop.Purchase_pop div[class$="Option"] .form_wrap .form_field .select{color:#777777}
+.pd_pop.Purchase_pop div[class$="Option"] .form_wrap .form_field .select:before{color:#333333}
+.pd_dealitem .item_prod .itemName{max-height: 3.3rem;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;white-space: normal;overflow-wrap: break-word;width: calc(100% - 10%);}
+.pd_together .item_prod .itemName{max-height: 3.3rem;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;white-space: normal;overflow-wrap: break-word;width: calc(100% - 10%);}
+.push_restock_pop .select{font-size:1.4rem; height:auto; padding:1.1rem; border: 1px solid #dddddd; background:#fff; color:#333333; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(/images/mo/pd_btn.png) no-repeat right center; background-size:1.2rem; background-position-x:97%;}
+.push_restock_pop .select::-ms-expand{display:none;}
+.pd_detail .option_box .opt_size .form_field input[type="radio"] + label.on{border:1px solid #fd4802}
+.pd_line_box{padding:0.7rem; background:#f5f5f5; width:100%; margin:0 -2rem; display:block; position: absolute; bottom:0;}
+/*.pd_detail .inner{margin:0 !important;}*/
+/* 210413 */
+.cs_contactUs_my .form_field .select_dress::before{content:"*"; position:absolute; left:14.6rem; font-size:1.8rem; top:0.5rem; color:red}
+/*.cs_contactUs_my .form_field input{content:"*"; position:absolute; left:14.6rem; font-size:1.7rem; top:0.4rem; color:red}*/
+.cs .cs_contactUs_1 .foldGroup .fold_head a{padding:2rem 2rem 1.4rem;}
+.pd .Purchase_pop .btPop_foot{position: absolute;width: 100%;bottom: 0; background: #fff;}
+
 
 /* 플롯팅 메뉴 > 구매하기 */
 .product_floormenu{position:fixed; bottom:0; left:0; width:100%; height:5.8rem; line-height:5.8rem; z-index:20;}
@@ -772,7 +793,7 @@ header .htop.trans{position:absolute; background:transparent !important;}
 .container.btPop_open.pd::after{position:fixed; z-index: 100;}
 /* .pd_pop.Purchase_pop .btPop_body{max-height:70rem;} */
 .pd_pop.Purchase_pop .btPop_body{max-height:calc(100% - 14%);}
-.btPop_open .btPop.Purchase_pop{bottom:0; top:auto!important; height:93%;}
+.btPop_open .btPop.Purchase_pop{bottom:0; top:auto!important; height:84%;}
 .btPop_open .btPop.Purchase_pop .btPop_close{width:1.6rem; height:1.6rem; background-image: url(/images/mo/ico_pop_cls_w.png);}
 .pd_pop.Purchase_pop .select_custom .combo .list{position:relative; top:0;}
 .pd_pop.Purchase_pop{}
@@ -807,8 +828,8 @@ header .htop.trans{position:absolute; background:transparent !important;}
 .pd_pop.Purchase_pop .form_wrap .form_field{display: block; margin-bottom:1rem;}
 
 /* 토스트팝업 > 구매하기 > 옵션선택팝업 */
-.pd_pop.Purchase_pop .pop_option_select{display:none; position:absolute; bottom:0; left:0; width:100%; box-sizing:border-box; z-index:500; background: #fff;}
-.pd_pop.Purchase_pop .pop_option_select .pp_body{position:relative; padding:2rem; overflow:auto; min-height:80rem; max-height:80rem; background-color:#fff;}
+.pd_pop.Purchase_pop .pop_option_select{display:none; position:absolute; bottom:0; left:0; width:100%; box-sizing:border-box; z-index:500; background: #fff; height:100%;}
+.pd_pop.Purchase_pop .pop_option_select .pp_body{position:relative; padding:2rem; overflow:auto; max-height:100%; background-color:#fff;}
 .pd_pop.Purchase_pop .pop_option_select .close{opacity: 1; position: absolute; z-index: 98; top: -3.8rem; left: 50%; transform: translate(-50%); display: block; border: 0; width:1.6rem; height:1.6rem; background-image: url(/images/mo/ico_pop_cls_w.png); text-indent: -9999px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-color: transparent;}
 .pd_pop.Purchase_pop .pop_option_select .opt_header{margin-bottom:2rem;}
 .pd_pop.Purchase_pop .pop_option_select .opt_header:after{display:block; content:''; clear:both;}
@@ -1002,7 +1023,7 @@ header .htop.trans{position:absolute; background:transparent !important;}
 .modal.pd_pop.push_restock_pop .item_blk {padding-bottom:2rem; border-bottom:1px solid #dddddd;}
 .modal.pd_pop.push_restock_pop .item_blk .item_prod {width:100%; display:block; line-height: 1.4;}
 .modal.pd_pop.push_restock_pop .item_blk .item_prod .item_state {padding:0;}
-.modal.pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink {display:table-cell; width:100%; height:10.5rem; padding-left:9.0rem; vertical-align:middle;}
+.modal.pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink {display:table-cell; width:100%; height:10.5rem; padding-left:9.0rem; vertical-align:middle; max-width:20rem;}
 .modal.pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemPic {position:absolute; left:0; top:0; width:7.0rem; height:10.5rem; padding:0; margin-bottom:0; z-index:2;}
 .modal.pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemBrand {display:block; margin:0; width : calc(100% - 20%)}
 /*.modal.pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemName {display:block; margin-left:0;}*/
@@ -1024,7 +1045,7 @@ header .htop.trans{position:absolute; background:transparent !important;}
 .modal.pd_pop.push_restock_pop .modal-footer {position:fixed; width:100%; bottom:0; margin-top:0;}
 
 /* pd_pop > 상품문의 페이지 */
-.modal.pd_pop.pd_qnalist_pop .modal-header {position:fixed; top:0; left:0; right:0; width:100%; height:auto; border-bottom:0; box-sizing:border-box; background:#fff; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px; z-index:11; box-sizing:border-box;}
+.modal.pd_pop.pd_qnalist_pop .modal-header {position:fixed; top:0; left:0; right:0; width:100%; height:auto; border-bottom:1px solid #eee !important; box-sizing:border-box; background:#fff; z-index:11; box-sizing:border-box;}
 .modal.pd_pop.pd_qnalist_pop .modal-body{position:relative; margin:auto; padding:9.3rem 0 3rem;}
 .modal.pd_pop.pd_qnalist_pop .ui_row{margin:0 -1.33rem!important 0; width:auto;}
 .modal.pd_pop.pd_qnalist_pop .pd_qnalist > .btn_group_flex{position:fixed; width: 100%; bottom: 0; margin-top: 0;}
@@ -1038,6 +1059,8 @@ header .htop.trans{position:absolute; background:transparent !important;}
 .pd_qnalist .qna_list .foldGroup .fold_head .fold_tit .ico_myqna::after {content:'내문의'; display:inline-block; margin-right:1rem; color:#fd4802; font-size:1.1rem; text-align:center; box-sizing:border-box; line-height:20px;}
 .pd_qnalist .qna_list .foldGroup .fold_head .fold_tit .ico_secret::after {content:''; display:inline-block; margin-right:1rem; width:1.2rem; height:1.2rem; background:url('/images/mo/ico_secret.png') no-repeat 50% 50%; background-size:contain;}
 .pd_qnalist .qna_list .foldGroup .fold_head .fold_tit span{vertical-align:middle;}
+.pd_qnalist .qna_list .foldGroup .fold_head .fold_tit .lap2 span{display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;max-height: 2.3rem;overflow: hidden;white-space: normal;overflow-wrap: break-word;}
+.pd_qnalist .qna_list .foldGroup .fold_head.on .fold_tit .lap2 span{display: inline-block;max-height: 100%;overflow: auto;}
 .pd_qnalist .qna_list .foldGroup .my_qna .fold_head {background-color:#fff6f2;}
 .pd_qnalist .qna_list .foldGroup .fold_head .fold_state{font-size:1.1rem;}
 .pd_qnalist .qna_list .foldGroup > ul > li:first-child {border-top: 1px solid #e5e5e5;}
@@ -1058,7 +1081,7 @@ header .htop.trans{position:absolute; background:transparent !important;}
 .modal.pd_pop.pd_qnawrite_pop .form_field {display:block;}
 .modal.pd_pop.pd_qnawrite_pop .form_field .lap{position:relative;}
 .modal.pd_pop.pd_qnawrite_pop .input_box {margin-top:3rem}
-.modal.pd_pop.pd_qnawrite_pop .input_box textarea {display:block; width:100%; height:20rem; padding:1.5rem; color#222; font-size: 1.2rem; font-weight: 300; box-sizing: border-box;}
+.modal.pd_pop.pd_qnawrite_pop .input_box textarea {display:block; width:100%; height:20rem; padding:1.5rem; color:#222; font-size: 1.2rem; font-weight: 300; box-sizing: border-box;}
 .modal.pd_pop.pd_qnawrite_pop .input_box .txt_cnt {display:block; position:absolute; margin-top:0; right: 1.5rem; bottom: 1.5rem; text-align: right; font-size: 1.2rem; z-index:1;}
 .modal.pd_pop.pd_qnawrite_pop .secret_box {margin-top:1rem;}
 .modal.pd_pop.pd_qnawrite_pop .push_box {margin-top:3rem;}
@@ -1070,7 +1093,7 @@ header .htop.trans{position:absolute; background:transparent !important;}
 .modal.pd_pop.pd_qnawrite_pop .modal-footer button{color: #ffffff; background-color: #222222; border-color: #222222;}
 
 /* pd_popup > 배송/반품/교환 */
-.modal.pd_pop.pd_delivery_pop .modal-header {position:fixed; top:0; left:0; right:0; width:100%; height:auto; border-bottom:0; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px; box-sizing:border-box; background:#fff; z-index:11; box-sizing:border-box;}
+.modal.pd_pop.pd_delivery_pop .modal-header {position:fixed; top:0; left:0; right:0; width:100%; height:auto; border-bottom:1px solid #eee !important;  box-sizing:border-box; background:#fff; z-index:11; box-sizing:border-box;}
 .modal.pd_pop.pd_delivery_pop .modal-title { display: flex;}
 .modal.pd_pop.pd_delivery_pop .modal-title .title_img { width: 5.5rem; height: 9rem; margin: 0 2rem 0 0; background: url(/images/pc/thumb/tmp_pdDetail1.jpg) no-repeat center; background-size: 4rem 6rem;}
 .modal.pd_pop.pd_delivery_pop .modal-title .title_text { height: 9rem;}
@@ -1092,7 +1115,7 @@ header .htop.trans{position:absolute; background:transparent !important;}
 .pd_delivery .change .pop_table tr th {width: 10rem; padding: 0 0 0 1.2rem; color:#222; font-weight:500; background: #f5f5f5; text-align:left; word-break: break-all;}
 
 /* pd_pop > 상품리뷰 페이지 */
-.modal.pd_pop.pd_review_pop .modal-header{border-bottom:0; box-shadow:0 0 5px rgba(0,0,0,.2);}
+.modal.pd_pop.pd_review_pop .modal-header{border-bottom:1px solid #eee !important;}
 .modal.pd_pop.pd_review_pop .modal-body{margin-top:9.3rem; padding:0}
 .modal.pd_pop.pd_review_pop  .modal-header{height:auto;}
 .modal.pd_pop.pd_review_pop .pd_detail{overflow: hidden;}
@@ -1282,6 +1305,7 @@ header .htop.trans{position:absolute; background:transparent !important;}
 .modal.pd_pop[class*="reviewdetail_pop"] .pd_review .area_rv_all .review_list .response_box2{display:none;}
 .modal.pd_pop[class*="reviewdetail_pop"] .pd_review .area_rv_all .review_list .reply_box{display:none;}
 /*.modal.pd_pop[class*="reviewdetail_pop"] .pd_review .area_rv_all .review_list.active{position:absolute; bottom:0; z-index:999;}*/
+.modal.pd_pop[class*="reviewdetail_pop"] .pd_review .area_rv_all .review_list.active {bottom:0; z-index:999;}
 .modal.pd_pop[class*="reviewdetail_pop"] .pd_review .area_rv_all .review_list.active .txt_review_box{height:auto; overflow:hidden;}
 .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;}
@@ -1314,7 +1338,7 @@ header .htop.trans{position:absolute; background:transparent !important;}
 .pd.deal .pd_dealitem .itemsGrp .item_prod {float:left; width:50%; padding:2rem 0.4rem 0; box-sizing:border-box;}
 .pd.deal .pd_dealitem .itemsGrp .item_prod .item_state {padding:0;}
 .pd.deal .pd_dealitem .itemLink {}
-.pd.deal .pd_dealitem .itemLink .itemPic::after {content:''; background:none; background:rgba(34,34,34,0.8) url('/images/mo/btn_deal_item_more.png') no-repeat 50% 50%; background-size:5rem; opacity:0; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; z-index:2;}
+/*.pd.deal .pd_dealitem .itemLink .itemPic::after {content:''; background:none; background:rgba(34,34,34,0.8) url('/images/mo/btn_deal_item_more.png') no-repeat 50% 50%; background-size:5rem; opacity:0; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; z-index:2;}*/
 .pd.deal .pd_dealitem .itemLink:hover .itemPic::after,
 .pd.deal .pd_dealitem .itemLink:active .itemPic::after {content:''; opacity:1;}
 .pd.deal .pd_dealitem .rank {max-height:none; padding:1rem 0 1rem; z-index:3;}
@@ -1405,7 +1429,8 @@ header .htop.trans{position:absolute; background:transparent !important;}
 .item_blk .item_prod .item_state {position: relative; display:table; width:100%; box-sizing: border-box;}
 .item_blk .item_prod .itemLink{position: relative; display:table-cell; width: 100%; height:60px; padding-left:56px; vertical-align: middle;}
 .item_blk .item_prod .item_state .itemLink .itemPic {position:absolute; left:0; top:0; padding: 0; width:40px; height:60px; z-index:2;}
-.item_blk .item_prod .item_state .itemLink .itemBrand {display:block; font-size:1rem; color:#888888; font-weight:300; margin-left:0; margin-right:0; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width : calc(100% - 20%);overflow:hidden;}
+/*.item_blk .item_prod .item_state .itemLink .itemBrand {display:block; font-size:1rem; color:#888888; font-weight:300; margin-left:0; margin-right:0; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width : calc(100% - 20%);overflow:hidden;}*/
+.item_blk .item_prod .item_state .itemLink .itemBrand {min-width:75%;}
 .item_blk .item_prod .item_state .itemLink .itemName {display:block; margin-top:0.5rem; font-size:1.3rem; max-height: 3.3rem; margin-left:0; margin-right:0; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 3.3rem; overflow: hidden; white-space: normal; overflow-wrap: break-word; width:calc(100% - 20%);}
 .item_blk .item_prod .item_state .itemLink .itemPrice{margin-left:0; margin-right:0;}
 /*select_custom > item_prod*/
@@ -2184,21 +2209,28 @@ header .htop.trans{position:absolute; background:transparent !important;}
 .modal.pop_full.sch .modal-body {padding:0;}
 .sch {font-size: 1.4rem;}
 .sch .sch_result{background-color:#f5f5f5;}
-.sch .sch_result .inner{background-color:#fff;}
-.sch .sch_result .sch_title { width: 100%; height: 4.3rem; margin: 2rem 0 0.7rem; border-bottom: 0.2rem solid black; }
-.sch .sch_result .sch_title input { width: 100%; height: 4.3rem; float: left; border: none;  padding: 0; font-size: 1.6rem; font-weight: 200; color: #888; border-bottom:0.2rem solid #000; margin-bottom:0rem;}
-.sch .sch_result .sch_title .btn_x { width: 2rem; height: 2rem; background: #aaa; border-radius: 1rem; color: #fff; font-size: 1rem; position: absolute; top: 1.2rem; right: 5.5rem; background:#aaa url(/images/mo/ico_sch_del_w.png) no-repeat center; background-size:1.1rem; text-indent:-999em;}
-.sch .sch_result .sch_title button img { width: 2rem; height: 2rem; position: absolute; top: 1.2rem; right: 2.5rem;}
-.sch .sch_result .hot-key{font-size:1.6rem; margin-bottom:1.6rem; margin-left:2rem}
+.sch .sch_result .inner{background-color:#fff; margin-bottom: 1.2rem; padding:1.3rem 2.0rem;}
+.sch .sch_result .inner.wide {padding:1.3rem 0;}
+.sch .sch_result .sch_title { width: 100%; height: 4.3rem; margin: 0 0; border-bottom: 0.2rem solid black; position: relative;}
+.sch .sch_result .sch_title input[type="text"] { width: 100%; height: 4.3rem; float: left; border: none;  padding: 0; font-size: 1.6rem; font-weight: 300; color: #222; border-bottom:0.2rem solid #000; margin-bottom:0rem;}
+.sch .sch_result .sch_title input::placeholder {color:#888; font-weight: 200;}
+.sch .sch_result .sch_title .btn_sch {position: absolute; top: 0; right: 0; width: 4rem; height: 4rem;}
+.sch .sch_result .sch_title .btn_x { width: 2rem; height: 2rem; background: #aaa; border-radius: 1rem; color: #fff; font-size: 1rem; position: absolute; top: 1rem; right: 4rem; background:#aaa url(/images/mo/ico_sch_del_w.png) no-repeat center; background-size:1.1rem; text-indent:-999em;}
+.sch .sch_result .sch_title button img { width: 2rem; height: 2rem;}
+.sch .sch_result .sch_title + .related_keyword {margin: 1.1rem -2rem 0; padding:0 2rem 1.1rem; border-bottom: 1px solid #ddd;}
+.sch .sch_result .hot-key{font-size:1.6rem; margin-bottom:1.6rem;}
+.sch .sch_result .related_keyword {margin-top: 0;}
 .sch .sch_result .related_keyword .sch_list_slide .swiper-wrapper{}
 .sch .sch_result .related_keyword .sch_list_slide .swiper-wrapper .swiper-slide{}
 .sch .sch_result .related_keyword .sch_list_slide .swiper-wrapper .swiper-slide > a{display:inline-block; background-color:#f5f5f5; padding:0.8rem 1.3rem; border-radius:2rem;}
+.sch .sch_result .related_keyword + .now_view {padding-top: 2rem;}
 
-.sch .sch_result .tabWrap{}
+.sch .sch_result .tabWrap{margin:0 -2rem;}
 /* .sch .sch_result .tabWrap > ul{display:flex; border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee;} */
 /* .sch .sch_result .tabWrap > ul > li{width:33.3%; text-align:center;} */
 /* .sch .sch_result .tabWrap > ul > li > a{display:block; padding:1.5rem 0; font-size:1.4rem; color:#000; font-weight:600; margin-top:0.3rem;} */
 /* .sch .sch_result .tabWrap > ul > li > a.on{color:#fd4802; border-bottom:0.2rem solid #fd4802;} */
+.sch .sch_result .tabIndex li a {padding:1.5rem 2vw 1rem;}
 .sch .sch_result .tabWrap > ul > li > a > span{font-size:0.8rem; color:#888888; margin-left:0.2rem}
 
 /* .sch .sch_result .store_product {padding-bottom: 4.7rem;} */
@@ -2214,8 +2246,8 @@ header .htop.trans{position:absolute; background:transparent !important;}
 .sch .sch_result .store_product.no-slide .item_prod{width:49%; float:left; margin-bottom:3.6rem; position:relative;}
 .sch .sch_result .store_product.no-slide .item_prod:nth-of-type(even){float:right;}
 .sch .sch_result .store_product.no-slide .item_prod .s-text{margin-top:1.5rem}
-.sch .sch_result .recommand_product {margin-top: 1.2rem; padding-bottom: 4.7rem;}
-.sch .sch_result .recommand_product h3{padding:4rem 0 2rem; font-size:1.5rem;}
+.sch .sch_result .recommand_product {margin-top: 1.1rem; padding-bottom: 4.7rem;}
+.sch .sch_result .recommand_product h3{padding:0 0 2rem; font-size:1.6rem;}
 .sch .sch_result .banner{margin:0 -2rem;}
 .sch .sch_result .banner > img{width:100%; margin-bottom:4rem;}
 .sch .sch_result .btPop_full{margin-top:59rem}
@@ -2224,7 +2256,9 @@ header .htop.trans{position:absolute; background:transparent !important;}
 .sch .sch_result .btPop_full .btPop_body > ul > li > a{display:block; border:0.1rem solid #eeeeee; text-align:center; padding:1.4rem 0; font-weight:600; border-radius:3rem; margin-bottom:0.8rem; color:#686868}
 .sch .sch_result .btPop_full .btPop_body > ul > li > a.on{border:0.1rem solid #fd4802; color:#fd4802}
 
-.filter-list{display:flex; justify-content:space-between; font-size:1.2rem}
+.sch .sch_result .store-list {padding-bottom: 1.4rem; border-bottom: 1px solid #eee;}
+
+.filter-list{display:flex; justify-content:space-between; font-size:1.2rem; margin-top: 1.8rem;}
 .filter-list .f_left h3 {font-size: 1.6rem;}
 .filter-list .f_left > span{color:#fd4802; font-weight:bold;}
 .filter-list .f_right .allxBtn {font-size: 1.2rem; color:#888;}
@@ -2279,7 +2313,7 @@ header .htop.trans{position:absolute; background:transparent !important;}
 .sch .sch_result .item_prod .itemEvent p:nth-of-type(1){font-size:1.4rem;}
 .sch .sch_result .item_prod .itemEvent p:nth-of-type(2){font-size:0.9rem; color:#8b8b8b}
 
-.sch .sch_result .now_view{margin-top:1.2rem; padding-bottom: 4.7rem;}
+.sch .sch_result .now_view{padding-bottom: 4.7rem;}
 .sch .sch_result .search-list{margin:0 -2rem; padding:0 2rem; max-height:41rem; overflow:hidden;}
 .sch .sch_result .search-list.nodata {margin: 0;}
 .sch .sch_result .search-list.nodata > ul {display: none;}
@@ -2290,24 +2324,29 @@ header .htop.trans{position:absolute; background:transparent !important;}
 .sch .sch_result .search-list > ul > li .xBtn {position: absolute; top: 0; right: 0; width: 3.9rem; height: 3.9rem; text-indent: -999em; background: url(/images/mo/ico_btn_cls.png) no-repeat right center; background-size:0.9rem;}
 .sch .sch_result .search-list > ul > li > a{display:flex; justify-content:space-between; padding:1rem 0 1rem 2rem;}
 .sch .sch_result .search-list > ul > li > a > p{position:relative;}
-.sch .sch_result .search-list > ul > li > a > p::after{content:""; background:url(/images/mo/shc_clock.png) no-repeat; width:1.5rem; height:1.6rem; display:inline-block; position:absolute; left:-2rem; top:-0.1rem}
+.sch .sch_result .search-list > ul > li > a > p::after{content:""; background:url(/images/mo/shc_clock.png) no-repeat; width:1.5rem; height:1.5rem; display:inline-block; position:absolute; left:-2rem; top:0.1rem; background-size:100%;}
 .sch .sch_result .search-list > ul > li > a > span{color:#8d8d8d}
 .sch .sch_result .allresult-tit{display:flex; justify-content:space-between;}
-.sch .sch_result .allresult-tit > h3{font-size:1.5rem; margin-top:2.5rem; margin-bottom:2rem}
+.sch .sch_result .allresult-tit > h3{font-size:1.5rem; padding-top:1.1rem; padding-bottom:2rem}
 .sch .sch_result .allresult-tit > p{margin-right:1.9rem; margin-top:2.5rem; font-size:1.2rem; color:#888888}
 .sch .sch_result .allresult-tit > p::after{content:""; background:url(/images/mo/shc_refresh.png) no-repeat; width:1.1rem; height:1.1rem; display:inline-block; position:absolute; margin-top:0.2rem; right:2.1rem;}
-.sch .sch_result .allresult-tit > button{padding-right:1.9rem; font-size:1.2rem; color:#888888; position: relative;}
-.sch .sch_result .allresult-tit > button::after{content:""; background:url(/images/mo/ico_btn_brand.png) no-repeat center/100%; width:1.1rem; height:1.1rem; display:inline-block; position:absolute; top: 50%; right:0; transform:translateY(-50%);}
+.sch .sch_result .allresult-tit > button.btn_refresh {height: 3rem; padding-right:1.9rem; font-size:1.2rem; color:#888888; position: relative;}
+.sch .sch_result .allresult-tit > button.btn_refresh::after{content:""; background:url(/images/mo/ico_btn_brand.png) no-repeat center/100%; width:1.1rem; height:1.1rem; display:inline-block; position:absolute; top: 50%; right:0; transform:translateY(-50%);}
 .sch .sch_result .itemTag{border:0.1rem solid #fd4802; display:inline-block; padding:0.3rem 0.6rem; border-radius:1rem; position:relative; font-size:0.6rem; color:#fd4802}
-.sch .sch_result .relative-list{margin:0 -2rem; padding:0 2rem; max-height:33rem; overflow-y:scroll;}
+.sch .sch_result .relative-list{margin:0 -2rem; padding:0 2rem; max-height:33rem; overflow-y:hidden;}
+.sch .sch_result .relative-list .nodata_txt {display: none;}
+.sch .sch_result .relative-list.nodata {margin: 0;}
+.sch .sch_result .relative-list.nodata ul {display: none;}
+.sch .sch_result .relative-list.nodata .nodata_txt {display: block; width: 100%; height: 100%; margin:0; padding:14rem 0;}
 .sch .sch_result .relative-list > ul{padding-top:1.4rem;}
 .sch .sch_result .relative-list > ul > li > a {display:block; padding:0.6rem 0;}
 .sch .sch_result .relative-list > ul > li > a > p{font-weight:500;}
 .sch .sch_result .relative-list > ul > li > a > p > span{color:#fd4802;}
-.sch .sch_result .sch_category{margin-top:1.2rem;}
-.sch .sch_result .sch_category > h3{font-size:1.6rem; padding-top:2.4rem}
-.sch .sch_result .sch_category > ul{margin-top:1.5rem}
+.sch .sch_result .sch_category{padding-bottom: 4.7rem; margin-top: 1.1rem;}
+.sch .sch_result .sch_category > h3{font-size:1.6rem;}
+.sch .sch_result .sch_category > ul{margin-top:2rem}
 .sch .sch_result .sch_category > ul > li {width: 100%; font-size: 0; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; margin-bottom: 1.5rem;}
+.sch .sch_result .sch_category > ul > li:last-child {margin-bottom: 0;}
 .sch .sch_result .sch_category > ul > li span {position: relative; display: inline-block; font-size: 1.2rem; color: #888; padding-right: 2.5rem; line-height: 1;}
 .sch .sch_result .sch_category > ul > li span:before {content:''; background: url(/images/mo/ico_cate_arrow.png) no-repeat center/100%; position: absolute; top: 0.2rem; right: 1rem; width: 0.5rem; height: 0.9rem;}
 .sch .sch_result .sch_category > ul > li span:last-child {padding-right: 0;}
@@ -2349,14 +2388,13 @@ header .htop.trans{position:absolute; background:transparent !important;}
 .sch .sch_result.brand_all .filter-list{margin-bottom:0 !important; border-bottom: 0;}
 .sch .sch_result.brand_all .related_keyword{border-bottom:0.1rem solid #eeeeee; margin:-1.3rem -2rem 0; padding:0 2rem 1.3rem;}
 
-
-/* 전시상품리스트 공통(default) */
-.sch .sub_category{padding:0.8rem 0; position:relative; top:-0.7rem;}
+.sch .sub_category{padding:0 0; position:relative;}
 .sch .sub_category:after {content:''; position: absolute; top: 0; right: 0; height: 100%; width: 6rem; background: linear-gradient(90deg, rgba(0,0,0,0) 0%, #fff 100%);}
-.sch .sub_category .cate_wrap{position: relative; width: 100%; white-space:nowrap; overflow-x:scroll;}
+.sch .sub_category{}
+.sch .sub_category .cate_wrap {position: relative; width: 100%; white-space:nowrap; overflow-x:scroll;}
 .sch .sub_category .cate_wrap a{float:none; display:inline-block; margin-bottom:0; background: #f5f5f5; padding:1.2rem 1.4rem; font-size: 1.3rem; color: #000; border-radius:2rem; line-height: 1;}
-.sch .sub_category .cate_wrap a:first-child{margin-left:2rem;}
-.sch .sub_category .cate_wrap a:last-child{margin-right:2rem;}
+/* .sch .sub_category .cate_wrap a:first-child{margin-left:2rem;}
+.sch .sub_category .cate_wrap a:last-child{margin-right:2rem;} */
 /* .sch .sub_category .cate_wrap a.on{border:1px solid #fe4904; color:#fe4904;} */
 
 /* 기획전 - dp_exhibition */
@@ -2385,7 +2423,6 @@ header .htop.trans{position:absolute; background:transparent !important;}
 .sch .sch_result .list_content.nodata .list_defult{display:block;} 
 .sch .sch_result .list_item.pro .itemName{font-size:1.1rem; color:#000; width:20rem;}
 .sch .sch_result .list_item.pro .itemPrice .itemPrice_sale{font-size:0.9rem; color:#888888}
-.sch .sch_result .now_view{}
 .sch .sch_result .list_last{ padding: 2.5rem 0;margin-top: 5rem; font-size: 1.1rem; color: #888888; font-weight: 300; text-align: center; border-top:1px solid #f5f5f5;}
 .sch .tab_cont{background-color:#f5f5f5;}
 .sch .tab_cont > div{padding:0 2rem; background-color:#fff;}
@@ -2399,6 +2436,7 @@ header .htop.trans{position:absolute; background:transparent !important;}
 .sch .count_wrap > div:nth-child(1) p {font-size:1.2rem; color:#888;}
 .sch .count_wrap > div:nth-child(1) p span {color:#fd4802; font-weight:bold;}
 .sch .count_wrap > div:nth-child(2) {float: right; }
+
 .sch .sch_util{display:block; float:right; text-align:right; font-size: 0;}
 .sch .sch_util li {display:inline-block; margin-left:2rem; vertical-align:middle;}
 .sch .sch_util li:first-child{margin-left:0;}
@@ -2409,6 +2447,7 @@ header .htop.trans{position:absolute; background:transparent !important;}
 .sch .sch_util li a.refresh:after{content:''; position:relative; top:0.1rem;  margin-left:0.8rem; display:inline-block; width:1.1rem; height:1.1rem; background: url(/images/mo/icon_best_refresh.png) center center no-repeat; background-size:contain;}
 
 /* select 커스텀 (필터용) */
+.sch .sch_util .sch_sort a {display: inline-block; font-size: 1.2rem; font-weight: 300; padding-right: 1.4rem; background: url('/images/mo/ico_sort_arrow.png') no-repeat right center; background-size:0.7rem 0.43rem;}
 .sch .sch_util .select {cursor: pointer;display: inline-block;position: relative;top:-1px; font-size: 1.2rem;color: #333333;width: 100%;height:1.6rem; line-height:1.6rem;}
 .sch .sch_util .select+.select{margin-left: 1.0rem;}
 .sch .sch_util .select_hidden {display: none;visibility: hidden;padding-right: 1.0rem;}

src/main/webapp/ux/mo/css/style24_m.css

@@ -992,7 +992,7 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 .part_goods .goods_detail .od_opt .option, .part_goods .goods_detail .od_exchange_opt .option {display:block;}
 .part_goods .goods_detail .od_opt .option span, .part_goods .goods_detail .od_exchange_opt span {color: #fd4802;}
 .part_goods .goods_detail .od_opt .count, .part_goods .goods_detail .od_exchange_opt .count {display:block; margin-top:12px;}
-.part_goods .goods_detail .od_opt em, .part_goods .goods_detail .od_exchange_opt em {position:relative; font-size: 1.1rem; color: #888; font-weight: 300;}
+.part_goods .goods_detail .od_opt em, .part_goods .goods_detail .od_exchange_opt em {position:relative; font-size: 1.1rem; color: #888; font-weight: 300; word-break: break-all;}
 .part_goods .goods_detail .od_opt em:after, .part_goods .goods_detail .od_exchange_opt em:after {content:'/'; margin:0 0.3rem;}
 .part_goods .goods_detail .od_opt em:last-child:after, .part_goods .goods_detail .od_exchange_opt em:last-child:after {content:'';}
 
@@ -1052,7 +1052,7 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 .my .review .part_goods .goods_detail .info_box .od_name .brand {padding-top: 1.5rem; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
 .my .review .part_goods .goods_detail .info_box .od_name .brand span {width: 100%; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
 .my .review .part_goods .goods_detail .info_box .od_name .name{-webkit-line-clamp: 1; word-break: break-all;}
-.my .review .part_goods .goods_detail .od_opt .option {overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
+.my .review .part_goods .goods_detail .od_opt .option {}
 .my .review .part_goods .goods_btn_wrap {margin-top: 1.5rem;}
 .my .review .tip_close {position: absolute; top: 0; right: 0; width: 3rem; height: 3rem; background: url(/images/mo/ico_btn_cls.png) no-repeat center; background-size: 1rem; background-position: center;}
 
@@ -1462,7 +1462,7 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 .my .have_amount .total_amount {color:#222; font-size:1.5rem; font-weight:400;text-align: left;position: relative;}
 .my .have_amount .total_amount span {color:#fd4802;font-size: 2.2rem;font-weight: 600;position: absolute;right: 0;text-align: right; line-height: 1;}
 .my .have_amount .total_amount span em {font-size: 2.2rem;font-weight: 600;}
-.my .have_amount dl {display:block; display:block; margin-bottom:1.0rem; font-size:1.4rem; font-weight:300;}
+.my .have_amount dl {display:block; display:block; padding-bottom:1.0rem; font-size:1.4rem; font-weight:300;}
 .my .have_amount dl::after {content:''; clear:both; display:block;}
 .my .have_amount dl div {padding: 0px 0.5rem;}
 .my .have_amount dl div:after {content:''; display: block; clear:both;}
@@ -1522,7 +1522,9 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 .my .my_coupon .content_area .coupon_list::after {content:''; clear:both; display:block;}
 .my .my_coupon .content_area .coupon_list ul {}
 .my .my_coupon .content_area .coupon_list li {margin-bottom:3rem;}
-.my .my_coupon .have_amount dl:last-child {margin-bottom: 2rem;}
+.my .my_coupon .have_amount dl:last-child {padding-bottom: 2rem;}
+.my .my_coupon .have_amount dl:last-child div {}
+.my .have_amount dl div {}
 
 /* popup_쿠폰사용안내 */
 .modal.couponInfo_pop {max-width:none; height:auto;}

src/main/webapp/ux/mo/js/common_m.js

@@ -56,30 +56,33 @@ $(document).ready(function() {
 
             // 210409_스크롤시 헤더 백그라운드 흰색
             var st = $(this).scrollTop();
-            if (st > lastScrollTop){
-                $(".app .gnb").css("position", "fixed");
-                $(".htop").css("background", "#fff");
-                $(".app .gnb .btn-expand").css("position", "fixed");
-                $(".tabbar").removeClass("fixed");
-            } else {
-                $(".app .gnb").css("position", "fixed");
-                $(".htop").css("background", "#fff");
-                $(".app .gnb .btn-expand").css("position", "fixed");
-                $(".tabbar").addClass("fixed");
-                setTimeout(function(){
-                    if($(window).scrollTop() === 0){
-                        $(".app .gnb").css("position", "relative");
-                        $(".app .gnb .btn-expand").css("position", "absolute");
-                    }
-                },300)
-            }
-            if(st < 10) {
-                $(".htop").css("background", "transparent");
+            if($('header').hasClass("main") !== true){
+                if (st > lastScrollTop){
+                    $(".app .gnb").css("position", "fixed");
+                    $(".htop").css("background", "#fff");
+                    $(".app .gnb .btn-expand").css("position", "fixed");
+                    $(".tabbar").removeClass("fixed");
+                } else {
+                    $(".app .gnb").css("position", "fixed");
+                    $(".htop").css("background", "#fff");
+                    $(".app .gnb .btn-expand").css("position", "fixed");
+                    $(".tabbar").addClass("fixed");
+                    setTimeout(function(){
+                        if($(window).scrollTop() === 0){
+                            $(".app .gnb").css("position", "relative");
+                            $(".app .gnb .btn-expand").css("position", "absolute");
+                        }
+                    },300)
+                }
+                if(st < 10) {
+                    $(".htop").css("background", "transparent");
+                }
+                lastScrollTop = st;
             }
-            lastScrollTop = st;
+            
 
-            var posiGap = $(window).scrollTop();
-            console.log(posiGap);
+            //var posiGap = $(window).scrollTop();
+            //console.log(posiGap);
 
         });
 
@@ -680,69 +683,69 @@ $(document).ready(function () {
         });
 
         // 210407_사이즈 선택유지 스크립트
-        $('.option_box .form_field div label').click(function(){
-            var a = [];
-            a = document.querySelectorAll(".option_box .form_field div label span");
-            sizeLine = document.querySelectorAll(".option_box .form_field div label");
-            sizeGap = this.innerText;
-
-            if(sizeGap === "90"){
-                for(var i=0; i<a.length; i++){
-                    sizeLine[i].style.border="1px solid #ddd";
-                    if(a[i].innerText === "90"){
-                        sizeLine[i].style.border="1px solid #fd4802";
-                    }
-                }
-            }
-            if(sizeGap === "95"){
-                for(var i=0; i<a.length; i++){
-                    sizeLine[i].style.border="1px solid #ddd";
-                    if(a[i].innerText === "95"){
-                        sizeLine[i].style.border="1px solid #fd4802";
-                    }
-                }
-            }
-            if(sizeGap === "100"){
-                for(var i=0; i<a.length; i++){
-                    sizeLine[i].style.border="1px solid #ddd";
-                    if(a[i].innerText === "100"){
-                        sizeLine[i].style.border="1px solid #fd4802";
-                    }
-                }
-            }
-            if(sizeGap === "105"){
-                for(var i=0; i<a.length; i++){
-                    sizeLine[i].style.border="1px solid #ddd";
-                    if(a[i].innerText === "105"){
-                        sizeLine[i].style.border="1px solid #fd4802";
-                    }
-                }
-            }
-            if(sizeGap === "110"){
-                for(var i=0; i<a.length; i++){
-                    sizeLine[i].style.border="1px solid #ddd";
-                    if(a[i].innerText === "110"){
-                        sizeLine[i].style.border="1px solid #fd4802";
-                    }
-                }
-            }
-            if(sizeGap === "115"){
-                for(var i=0; i<a.length; i++){
-                    sizeLine[i].style.border="1px solid #ddd";
-                    if(a[i].innerText === "115"){
-                        sizeLine[i].style.border="1px solid #fd4802";
-                    }
-                }
-            }
-            if(sizeGap === "free"){
-                for(var i=0; i<a.length; i++){
-                    sizeLine[i].style.border="1px solid #ddd";
-                    if(a[i].innerText === "free"){
-                        sizeLine[i].style.border="1px solid #fd4802";
-                    }
-                }
-            }
-        });
+        //$('.option_box .form_field div label').click(function(){
+        //    var a = [];
+        //    a = document.querySelectorAll(".option_box .form_field div label span");
+        //    sizeLine = document.querySelectorAll(".option_box .form_field div label");
+        //    sizeGap = this.innerText;
+
+        //    if(sizeGap === "90"){
+        //        for(var i=0; i<a.length; i++){
+        //            sizeLine[i].style.border="1px solid #ddd";
+        //            if(a[i].innerText === "90"){
+        //                sizeLine[i].style.border="1px solid #fd4802";
+        //            }
+        //        }
+        //    }
+        //    if(sizeGap === "95"){
+        //        for(var i=0; i<a.length; i++){
+        //            sizeLine[i].style.border="1px solid #ddd";
+        //            if(a[i].innerText === "95"){
+        //                sizeLine[i].style.border="1px solid #fd4802";
+        //            }
+        //        }
+        //    }
+        //    if(sizeGap === "100"){
+        //        for(var i=0; i<a.length; i++){
+        //            sizeLine[i].style.border="1px solid #ddd";
+        //            if(a[i].innerText === "100"){
+        //                sizeLine[i].style.border="1px solid #fd4802";
+        //            }
+        //        }
+        //    }
+        //    if(sizeGap === "105"){
+        //        for(var i=0; i<a.length; i++){
+        //            sizeLine[i].style.border="1px solid #ddd";
+        //            if(a[i].innerText === "105"){
+        //                sizeLine[i].style.border="1px solid #fd4802";
+        //            }
+        //        }
+        //    }
+        //    if(sizeGap === "110"){
+        //        for(var i=0; i<a.length; i++){
+        //            sizeLine[i].style.border="1px solid #ddd";
+        //            if(a[i].innerText === "110"){
+        //                sizeLine[i].style.border="1px solid #fd4802";
+        //            }
+        //        }
+        //    }
+        //    if(sizeGap === "115"){
+        //        for(var i=0; i<a.length; i++){
+        //            sizeLine[i].style.border="1px solid #ddd";
+        //            if(a[i].innerText === "115"){
+        //                sizeLine[i].style.border="1px solid #fd4802";
+        //            }
+        //        }
+        //    }
+        //    if(sizeGap === "free"){
+        //        for(var i=0; i<a.length; i++){
+        //            sizeLine[i].style.border="1px solid #ddd";
+        //            if(a[i].innerText === "free"){
+        //                sizeLine[i].style.border="1px solid #fd4802";
+        //            }
+        //        }
+        //    }
+        //});
 
         // 210407_텍스트 카운팅
         $('.doc_itemqna').keyup(function (e){