Merge branch 'stage_tsit' into jmh

src/main/java/com/style24/front/biz/service/TsfCartService.java

@@ -15,6 +15,8 @@ import org.springframework.stereotype.Service;
 import org.springframework.transaction.annotation.Transactional;
 import org.thymeleaf.util.StringUtils;
 
+import com.gagaframework.web.parameter.GagaMap;
+import com.gagaframework.web.parameter.GagaParameterUtil;
 import com.style24.core.biz.dao.TscEnvsetDao;
 import com.style24.core.biz.service.TscKcpService;
 import com.style24.core.biz.service.TscOrderService;
@@ -31,9 +33,6 @@ import com.style24.persistence.domain.Order;
 
 import lombok.extern.slf4j.Slf4j;
 
-import com.gagaframework.web.parameter.GagaMap;
-import com.gagaframework.web.parameter.GagaParameterUtil;
-
 /**
  * 장바구니 Service
  *
@@ -1024,7 +1023,7 @@ public class TsfCartService {
 
 		// 자사 배송비 등록
 		if (params.size() > 0) {
-			if (wmsSumPrice > wmsMinOrdAmt) {
+			if (wmsSumPrice >= wmsMinOrdAmt) {
 				order.setWmsDelvFee(0);
 			} else {
 				order.setWmsDelvFee(wmsDelvFee);

src/main/resources/i18n/messages/message_ko_KR.properties

@@ -92,7 +92,7 @@ SABANGNET_0010=\uCD9C\uACE0\uB97C \uC704\uD574 ERP\uB85C \uC804\uC1A1\uD558\uC60
 
 #\uCFE0\uD3F0
 COUPON_0001=\uCD1D {0}\uC7A5\uC758 \uCFE0\uD3F0\uC744 \uB2E4\uC6B4\uB85C\uB4DC \uD558\uC600\uC2B5\uB2C8\uB2E4.
-COUPON_0002=\uC774\uBBF8 \uB2E4\uC6B4\uB85C\uB4DC\uB97C \uC644\uB8CC \uD558\uC168\uC2B5\uB2C8\uB2E4.
+COUPON_0002=\uBC1B\uC744 \uCFE0\uD3F0\uC774 \uC5C6\uC2B5\uB2C8\uB2E4. 1\uAC74 \uAD6C\uB9E4 \uD558\uC2DC\uACE0 \uB2E4\uC74C\uB2EC \uB4F1\uAE09 \uCFE0\uD3F0\uC744 \uBC1B\uC544\uBCF4\uC138\uC694!
 
 #\uAD50\uD658
 EXCHANGE_0001=\uAD50\uD658 \uC2E0\uCCAD\uC774 \uC811\uC218\uB418\uC5C8\uC2B5\uB2C8\uB2E4.

src/main/webapp/WEB-INF/views/mob/common/fragments/FooterMob.html

@@ -12,7 +12,7 @@
 			<a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_WISHLIST);" class="btn-wish">Wish</a>
 			<a href="javascript:void(0);" onclick="hstr()" class="btn-history">History</a>
 		</div>
-			<!-- 
+			<!--
 				<span class="txt-balloon" id="tutorial_mycloset" style=""> 툴팁예제</span>
 			-->
 	</nav>
@@ -28,7 +28,7 @@
 					<li><a href="javascript:void(0);" onclick="cfnUseTermsLayer();">이용약관</a></li>
 					<li><a href="javascript:void(0);" onclick="cfnPrivacyPolicyLayer();">개인정보취급방침</a></li>
 				</ul>
-	
+
 				<div class="collapse">
 					<div class="btnWrap">
 						<button class="btn_infos">아이스타일이십사 주식회사</button>
@@ -43,7 +43,7 @@
 						<li class="fn">호스팅 서비스 : 아이스타일이십사㈜</li>
 					</ul>
 				</div>
-				
+
 				<ul class="link">
 					<li><a href="http://www.ftc.go.kr/bizCommPop.do?wrkr_no=2298137000" target="_blank" title="새창 열림">사업자정보확인</a></li>
 					<li><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_VIEW_NORMAL);">PC버전</a></li>
@@ -61,7 +61,7 @@
 			</div>
 		</section>
 	</footer>
-	
+
 	<div id="menuFull">
 		<div class="fullHead">
 			<div class="goHome"><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_MAIN);"><img th:src="${@environment.getProperty('domain.uximage')} + '/images/mo/logo_STYLE24_full.png'" alt=""></a></div>
@@ -86,7 +86,7 @@
 			</div>
 		</div>
 	</div>
-	
+
 	<!-- 배송지관리_팝업 -->
 	<div class="modal pop_full adrsChange_Pop" id="adrsChangePop" tabindex="-1" role="dialog" aria-labelledby="adrsChangeLabel" aria-hidden="true">
 		<div class="modal-dialog" role="document">
@@ -95,7 +95,7 @@
 		</div>
 	</div>
 	<!-- //배송지관리_팝업 -->
-	
+
 	<!-- 배송지추가_팝업 -->
 	<div class="modal pop_full adrsAdd_pop" id="adrsAddPop" tabindex="-1" role="dialog" aria-labelledby="adrsAddLabel" aria-hidden="true">
 		<div class="modal-dialog" role="document">
@@ -105,7 +105,7 @@
 		<a href="#close-modal" rel="modal:close" id="refundPop_close" class="close-modal">Close</a>
 	</div>
 	<!-- //배송지추가_팝업 -->
-	
+
 	<!-- 배송지수정_팝업 -->
 	<div class="modal pop_full adrsModify_pop" id="adrsModifyPop" tabindex="-1" role="dialog" aria-labelledby="adrsModifyLabel" aria-hidden="true">
 		<div class="modal-dialog" role="document">
@@ -115,7 +115,7 @@
 		<a href="#close-modal" rel="modal:close" id="adrsAddPop_close" class="close-modal">Close</a>
 	</div>
 	<!-- //배송지수정_팝업 -->
-	
+
 	<!-- daum 우편번호_팝업 -->
 	<!-- 2021.04.02 다음우편번호 공통화 작업 -->
 	<!-- 다음우편번호 팝업 -->
@@ -126,9 +126,9 @@
 			</div>
 		</div>
 	</div>
-	
+
 	<!-- 2021.04.15 스크립트오류때문에 임시 소스 -->
-	<div class="btPopAuto"> 
+	<div class="btPopAuto">
 		<div class="btPopAuto_head"></div>
 		<div class="btPopAuto_body"></div>
 	</div>
@@ -162,7 +162,7 @@
 		</div>
 	</div>
 	<!-- // 210623_ 추가 : 최근본상품 -->
-	
+
 	<!-- 앱 접근 권한 안내 -->
 	<aside class="etcApp" id="accHide" style="display: none;">
 		<div class="accWrap">
@@ -236,12 +236,12 @@
 		$("#menuFull").addClass('on');
 		return false;
 	}
-	
+
 	function menu_cls() {
 		$("#menuFull").removeClass('on');
 		return false;
 	}
-	
+
 	function hstr() { // 210623_ 추가 : 최근본상품 열고 닫기
 		$("#hstrFull").addClass('on');
 		return false;
@@ -259,7 +259,7 @@
 		$(this).parents('li').siblings('li').find('.depthCate').slideUp(300);
 		return false;
 	});
-	
+
 	// 퀵메뉴카테고리
 	let fnGetQuickMenuCategory = function(cate1) {
 		let tag = '';
@@ -279,7 +279,7 @@
 		}
 		return tag;
 	}
-	
+
 	// 퀵메뉴탭 생성
 	let fnCreateQuickMenuTab = function() {
 		$.getJSON('/display/gnb/tab/list'
@@ -288,7 +288,7 @@
 					if (result.length > 0) {
 						$('#ulQuickMenuCate').html('');
 						$('#ulQuickMenuCate').append('<li><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_ALL_BRAND);"><span>브랜드</span></a></li>\n');
-						
+
 						let allCate = [[${allCateList}]];
 						$.each(result, function(idx, item) {
 							if (item.contentsType == 'C') { // 컨텐츠유형: 카테고리
@@ -307,13 +307,13 @@
 				}
 			});
 	}
-	
+
 	// 최근 본 상품
 	let fnGetRecentlyGoods = function() {
 		$.getJSON('/goods/recently/list', function(result, status) {
 			if (status == 'success') {
 				$('#quickMenuTodayGoods').html('');
-				
+
 				$('#quickMenuTodayCount').html(result.length);
 				let tag = '';
 				if (result.length > 0) {
@@ -329,7 +329,7 @@
 						tag += '	</div>\n';
 						tag += '</div>\n';
 					})
-					
+
 				}else {
 					// tag += '<div class="list_defult">';
 					// tag += '	<div>';
@@ -339,11 +339,11 @@
 					$("#hstArea").addClass("nodata");
 				}
 				$('#quickMenuTodayGoods').html(tag);
-				
+
 			}
 		});
 	}
-	
+
 	// 팝업
 	let fnGetPopup = function(){
 		let data = {viewPage : [[${viewPage}]]
@@ -366,13 +366,13 @@
 					tag += '<div id="popupMainNotice" class="popup_main_notice '+pClass+' active">\n';  <!-- half 팝업일 경우 : half 클래스 포함 -->
 					tag += '	<div class="popup_content">\n';
 					if ("H" == result.popupGb){
-						
+
 						$.each(result.dataList, function(idx, item) {
 							if(document.cookie.match('(^|;)?style_popup_'+item.popupSq+'=([^;]*)(;|$)')==null) {
 								popupSq += item.popupSq +"|";
 							}
-						});	
-						
+						});
+
 					tag += '		<div class="popup_header">\n';
 					tag += '			<a href="javascript:void(0);" onclick="fnLayerPopupUnexpDaysClose(\''+popupSq+'\',1);" class="btn_underline"> 하루 보지 않기</a>\n';
 					tag += '			<a href="javascript:void(0);" id="btnPopupClose" onclick="fnLayerPopupClose();" class="btn_popup_close">닫기</a>\n';
@@ -389,7 +389,7 @@
 								if ("N" == item.linkTarget){
 									linkTarget = "target=\"_blank\"";
 								}
-							tag += '						<a href="'+ item.linkUrl1 +'" '+linkTarget+' >\n';	
+							tag += '						<a href="'+ item.linkUrl1 +'" '+linkTarget+' >\n';
 							}
 							tag += '						<img src="'+ _imgUrl+'/'+item.imgUrl1+'" alt="">\n';
 							if(!gagajf.isNull(item.linkUrl1) && item.linkUrl1 !== "#"){
@@ -399,7 +399,7 @@
 							popupYn = "Y";
 							popupSq += item.popupSq +"|";
 						}
-					});	
+					});
 					tag += '				</div>\n';
 					tag += '				<div class="swiper-pagination"></div>\n';
 					tag += '			</div>\n';
@@ -412,13 +412,13 @@
 					}
 					tag += '	</div>\n';
 					tag += '</div>\n';
-					
+
 					if (popupYn == "Y"){
 						if ($('#popupMainNotice').length === 0) {
 							$('body').append(tag);
-						}	
+						}
 					}
-					
+
 					/* SLIDE - 메인 공지 팝업 210521_ 수정 : 슬라이드 1개일때 롤링 제거. */
 					var popNoticeCont = $('.popup_main_notice .swiper-slide');
 					var popNoticeLength = popNoticeCont.length;
@@ -441,7 +441,7 @@
 								el: '.popup_main_notice .swiper-pagination',
 								type: 'fraction',
 							},
-						});	
+						});
 					} else {
 						var popup_main_notice_slide = new Swiper ('.popup_main_notice .swiper-container', {
 							loop: true,
@@ -460,15 +460,28 @@
 								el: '.popup_main_notice .swiper-pagination',
 								type: 'fraction',
 							},
-						});	
-					}			
+						});
+					}
 
+					//백그라운드 스크롤 방지처리 2021-09-06 월
 					if($(".popup_main_notice").hasClass("active")){
 						$("body").css({"overflow":"hidden"});
+						$("html").css({
+									"height":"100%",
+									"min-height":"100%",
+									"overflow":"hidden !important",
+									"touch-action":"none"
+						});
 					}else{
 						$("body").css({"overflow":"visible"});
+						$("html").css({
+									"height":"",
+									"min-height":"",
+									"overflow":"",
+									"touch-action":""
+						});
 					};
-					
+
 				}
 			}
 		});
@@ -481,38 +494,51 @@
 			//todayDate = new Date(parseInt(todayDate.getTime() / 86400000) * 86400000 + 54000000);
 			todayDate = new Date(parseInt(todayDate.getTime() / 86400000) * 86400000);	// 당일 자정처리
 			todayDate.setDate(todayDate.getDate() + unexpDays);
-			
+
 			$.each(arrSeq, function (idx, item) {
 				if (!gagajf.isNull(item)){
-					document.cookie = "style_popup_"+item+"=Y; path=/; expires=" + todayDate.toGMTString() + ";";	
+					document.cookie = "style_popup_"+item+"=Y; path=/; expires=" + todayDate.toGMTString() + ";";
 				}
 			});
 		}
-		
+
 		fnLayerPopupClose();
 	}
 	// 창 닫기
 	let fnLayerPopupClose = function(){
 		$(".popup_main_notice").removeClass("active");
 
-		if(!$(".popup_main_notice").hasClass("active")){
-			$("body").css({"overflow":"visible"});
-		}else{
+		//백그라운드 스크롤 방지처리 2021-09-06 월
+		if($(".popup_main_notice").hasClass("active")){
 			$("body").css({"overflow":"hidden"});
+			$("html").css({
+						"height":"100%",
+						"min-height":"100%",
+						"overflow":"hidden !important",
+						"touch-action":"none"
+			});
+		}else{
+			$("body").css({"overflow":"visible"});
+			$("html").css({
+						"height":"",
+						"min-height":"",
+						"overflow":"",
+						"touch-action":""
+			});
 		};
 		$('#popupMainNotice').remove();
 	}
-	
+
 	$(document).ready(function() {
 		// 퀵메뉴탭 조회
 		fnCreateQuickMenuTab();
-		
+
 		// 최근 본 상품 조회
 		fnGetRecentlyGoods();
-		
+
 		// 팝업조회
 		fnGetPopup();
-		
+
 		$.getJSON('/cart/goods/not/soldout/cnt', function (order, status) {
 			let cartCnt;
 			if (order.cartGoodsList.length > 99) {
@@ -600,13 +626,26 @@
 		});
 	});
 
+	//백그라운드 스크롤 방지처리 2021-09-06 월
 	if($(".popup_main_notice").hasClass("active")){
 		$("body").css({"overflow":"hidden"});
+		$("html").css({
+					"height":"100%",
+					"min-height":"100%",
+					"overflow":"hidden !important",
+					"touch-action":"none"
+		});
 	}else{
 		$("body").css({"overflow":"visible"});
+		$("html").css({
+					"height":"",
+					"min-height":"",
+					"overflow":"",
+					"touch-action":""
+		});
 	};
-	
-	
+
+
 /*]]>*/
 </script>
 
@@ -622,7 +661,7 @@ var cfnGetDaumRoadAddr = function(data) {
 	// 내려오는 변수가 값이 없는 경우엔 공백('') 값을 가지므로, 이를 참고하여 분기한다.
 	let fullRoadAddr = data.roadAddress; // 도로명 주소 변수
 	let extraRoadAddr = ''; // 도로명 조합형 주소 변수
-	
+
 	// 법정동명이 있을 경우 추가한다. (법정리는 제외)
 	// 법정동의 경우 마지막 문자가 "동/로/가"로 끝난다.
 	if (data.bname !== '' && /[동|로|가]$/g.test(data.bname)) {
@@ -635,29 +674,29 @@ var cfnGetDaumRoadAddr = function(data) {
 	if (data.buildingName !== '') {
 		extraRoadAddr += (extraRoadAddr !== '' ? ', ' + data.buildingName : data.buildingName);
 	}
-	
+
 	// 도로명, 지번 조합형 주소가 있을 경우, 괄호까지 추가한 최종 문자열을 만든다.
 	if (extraRoadAddr !== '') {
 		extraRoadAddr = ' (' + extraRoadAddr + ')';
 	}
-	
+
 	// 도로명, 지번 주소의 유무에 따라 해당 조합형 주소를 추가한다.
 	if (fullRoadAddr !== '') {
 		fullRoadAddr += extraRoadAddr;
 	}
-	
+
 	return fullRoadAddr;
 }
 
 var cfnOpenDaumAddr = function(daumZip) {
 	// 다은우편번호팝업 노출
 	$("#daumZipcodePop").modal("show");
-	
+
 	if ($('html').hasClass('is-ie')) {
 		daumZip.open();
 	} else {
 		daumZip.embed(element_layer);
-		
+
 		// iframe을 넣은 element를 보이게 한다.
 		element_layer.style.display = 'block';
 
@@ -667,10 +706,10 @@ var cfnOpenDaumAddr = function(daumZip) {
 }
 
 var cfnCloseDaumAddr = function() {
-	
+
 	// iframe을 넣은 element를 안보이게 한다.
 	element_layer.style.display = 'none';
-	
+
 	// 다음우편번호팝업 닫기
 	$("#daumZipcodePop").modal("hide");
 }
@@ -687,13 +726,13 @@ var cfnInitLayerPosition = function() {
 	//element_layer.style.width = width + 'px';
 	//element_layer.style.height = height + 'px';
 	element_layer.style.border = borderWidth + 'px solid';
-	
+
 	// 실행되는 순간의 화면 너비와 높이 값을 가져와서 중앙에 뜰 수 있도록 위치를 계산한다.
 	/*
 	element_layer.style.left = (((window.innerWidth || document.documentElement.clientWidth) - width) / 2 - borderWidth) + 'px';
 	element_layer.style.top = (((window.innerHeight || document.documentElement.clientHeight) - height) / 2 - borderWidth) + 'px';
 	*/
-	
+
 	// 다음 레이어 적용
 	$("#__daum__layer_1").css("z-index", 3000);
 }

src/main/webapp/WEB-INF/views/mob/common/fragments/HeadMob.html

@@ -59,9 +59,9 @@
 	<link rel="icon" th:href="${@environment.getProperty('domain.uximage')} + '/images/favicon-16x16.png'" sizes="16x16" type="image/png"/>
 
 	<link rel="stylesheet" type="text/css" th:href="${@environment.getProperty('domain.uximage')} + '/ux/mo/css/swiper.min.css'"/>
-	<link rel="stylesheet" type="text/css" th:href="${@environment.getProperty('domain.uximage')} + '/ux/mo/css/common_m.css?v=2021'" href="/ux/mo/css/common_m.css"/>
-	<link rel="stylesheet" type="text/css" th:href="${@environment.getProperty('domain.uximage')} + '/ux/mo/css/layout_m.css?v=2021'" href="/ux/mo/css/layout_m.css"/>
-	<link rel="stylesheet" type="text/css" th:href="${@environment.getProperty('domain.uximage')} + '/ux/mo/css/style24_m.css?v=2021'" href="/ux/mo/css/style24_m.css"/>
+	<link rel="stylesheet" type="text/css" th:href="${@environment.getProperty('domain.uximage')} + '/ux/mo/css/common_m.css'" href="/ux/mo/css/common_m.css"/>
+	<link rel="stylesheet" type="text/css" th:href="${@environment.getProperty('domain.uximage')} + '/ux/mo/css/layout_m.css'" href="/ux/mo/css/layout_m.css"/>
+	<link rel="stylesheet" type="text/css" th:href="${@environment.getProperty('domain.uximage')} + '/ux/mo/css/style24_m.css'" href="/ux/mo/css/style24_m.css"/>
 
 	<script th:src="${@environment.getProperty('domain.uximage')} + '/ux/mo/js/jquery-3.5.1.min.js'"></script>
 	<script th:src="${@environment.getProperty('domain.uximage')} + '/ux/mo/js/jquery.modal.min.js'"></script>

src/main/webapp/WEB-INF/views/mob/customer/ConsentUseInfoFormMob.html

@@ -53,12 +53,12 @@
 </div>
 <script th:inline="javascript">
 	/*<![CDATA[*/
-	let custAppAgreeYn;
-	let custMkAgreeYn;
-	let phoneAppAgreeYn;
-	let phoneMkAgreeYn;
-	let custNo;
-	let returnUrl;
+	let ysCustAppAgreeYn;
+	let ysCustMkAgreeYn;
+	let ysPhoneAppAgreeYn;
+	let ysPhoneMkAgreeYn;
+	let ysCustNo;
+	let ysReturnUrl;
 
 	$('#btnAgree').on('click', function () {
 		let jsonData = JSON.stringify({});
@@ -133,12 +133,12 @@
 	var fnReloadAfterLogin = function(result) {
 		if (result.status === 'OK') {
 			if (_isApp === 'true') {
-				custAppAgreeYn = result.appAgreeYn;
-				custMkAgreeYn = result.mkAgreeYn;
-				custNo = result.custNo;
-				returnUrl = result.returnUrl;
+				ysCustAppAgreeYn = result.appAgreeYn;
+				ysCustMkAgreeYn = result.mkAgreeYn;
+				ysCustNo = result.custNo;
+				ysReturnUrl = result.returnUrl;
 				setTimeout(function () {
-					document.location.href = "idsend://?id=" + custNo + "^link=" + returnUrl;
+					document.location.href = "idsend://?id=" + ysCustNo + "^link=" + ysReturnUrl;
 				}, 1000); // 정보성 PUSH, 마케팅 PUSH 수신여부 확인이 정상적으로 처리되지 않을 때
 				fnIsPushEnable(); // 정보성 PUSH, 마케팅 PUSH 수신여부 확인
 			} else {
@@ -158,9 +158,9 @@
 	// 앱에서 호출되는 함수(앱푸시)
 	var settingsSwitchPush = function(onOff) {
 		if (onOff === 'ON') {
-			phoneAppAgreeYn = 'Y';
+			ysPhoneAppAgreeYn = 'Y';
 		} else if (onOff === 'OFF'){
-			phoneAppAgreeYn = 'N';
+			ysPhoneAppAgreeYn = 'N';
 		}
 		fnIsAdEnable();
 	}
@@ -168,17 +168,17 @@
 	// 앱에서 호출되는 함수(마케팅동의)
 	var settingsSwitchAdvertise = function (onOff) {
 		if (onOff === 'ON') {
-			phoneMkAgreeYn = 'Y';
+			ysPhoneMkAgreeYn = 'Y';
 		} else if (onOff === 'OFF'){
-			phoneMkAgreeYn = 'N';
+			ysPhoneMkAgreeYn = 'N';
 		}
 
 		// 기기에 등록된 정보성 PUSH, 마케팅 PUSH 수신여부와
 		// 고객DB 수신여부 비교 후 다르면 기기에 등록된 데이터로 업데이트
-		if (phoneAppAgreeYn !== custAppAgreeYn || phoneMkAgreeYn !== custMkAgreeYn ) {
-			fnUpdatePush(phoneAppAgreeYn, phoneMkAgreeYn);
+		if (ysPhoneAppAgreeYn !== ysCustAppAgreeYn || ysPhoneMkAgreeYn !== ysCustMkAgreeYn ) {
+			fnUpdatePush(ysPhoneAppAgreeYn, ysPhoneMkAgreeYn);
 		}
-		document.location.href = "idsend://?id=" + custNo + "^link=" + returnUrl;
+		document.location.href = "idsend://?id=" + ysCustNo + "^link=" + ysReturnUrl;
 	}
 
 	// 정보성 PUSH ON, OFF 여부 확인

src/main/webapp/WEB-INF/views/mob/display/BrandLookbookMainFormMob.html

@@ -240,7 +240,7 @@
 						tag2 += '<li>\n';
 						tag2 += '	<a href="javascript:void(0);" onclick="cfnGoToLookbookDetail(\''+lookbookGb+'\','+item.lookbookSq+','+item.brandCd+')">\n';
 						tag2 += '		<div class="ev_img">\n';
-						tag2 += '			<img src="' + _imgUrl + item.orgTnfileNm + '" alt="ATTENTION! 20FW HOLIDAY TBJ 주목할 홀리데이 TBJ 컬렉션">\n';
+						tag2 += '			<img src="' + _imgUrl + item.orgTnfileNm + '" alt="">\n';
 						tag2 += '		</div>\n';
 						tag2 += '		<div class="ev_txt">\n';
 						if(lookbookGb != 'BL') {

src/main/webapp/WEB-INF/views/mob/display/BrandMainFormMob.html

@@ -527,7 +527,7 @@
 		});
 
 
-// 		if(typeof VgControllerClient == 'object'){
+		if(typeof VgControllerClient == 'object' && document.getElementById('pdThumbVideo')){
 			var controller = new VgControllerClient({
 				target_window: document.getElementById('pdThumbVideo').contentWindow
 			});
@@ -536,7 +536,7 @@
 				controller.set_control_visibility(false);
 				controller.play();
 			});
-// 		}
+		}
 
 
 

src/main/webapp/WEB-INF/views/mob/display/BrandSearchGoodsListFormMob.html

@@ -720,6 +720,8 @@
 				adBannerTag += '</div>\n';
 			});
 			$("#adBannerArea").append(adBannerTag);
+		}else{
+			$("#adBannerArea").remove();
 		}
 
 		if(filterPriceList.length > 0){
@@ -808,7 +810,7 @@
 		// 210819_ 스크립트 위치 이동 및 내용 보완 (공통아님, 카운터필터 사용할 경우에만)
 		const schFilterOrg=$('.sch .sch_result .count_wrap').offset().top - 60;
 		$(window).scroll(function (event) {
-			var schScrollTop= $(window).scrollTop(); 
+			var schScrollTop= $(window).scrollTop();
 			var schFilterTop=$('.sch .sch_result .count_wrap').offset().top - 60;
 			//console.log('schFilterOrg : '+ schFilterOrg);
 			//console.log('schScrollTop : '+ schScrollTop);
@@ -821,7 +823,7 @@
 				return false;
 			}
 		});
-		
+
 		// 카테고리 필터 생성
 		fnCreateCategoryFilter();
 
@@ -1009,7 +1011,7 @@
 				});
 			}
 			$("#recommendItemArea").append(html);
-	
+
 			if( "" == html){
 				$("#recomArea").hide();
 			}else{
@@ -1022,7 +1024,7 @@
 					},
 					freeMode: true,
 				});
-			}			
+			}
 		});
 	}
 

src/main/webapp/WEB-INF/views/mob/display/BrandSearchLayerMob.html

@@ -204,7 +204,7 @@
 		if (!gagajf.validation($('#searchMainForm'))) {
 			return false;
 		}
-		
+
 		// 검색결과 상품목록 호출(있으면 검색결과 페이지로 이동)
 		gagajf.ajaxFormSubmit("/display/search/goods/list_cnt", document.searchMainForm, function(result) {
 			if( "0" == result.response_cnt){
@@ -213,12 +213,12 @@
 				$('.sch_result .empty_box2').hide();
 				$('.sch_result .empty_box').show();
 				$("#noDataArea").find('#noDataKeyword').text($("#searchMainForm").find('input[name=keyword]').val());
-				
+
 				// 검색어 연관 상품 추천
 				fnRecommendItemList($("#searchMainForm").find('input[name=keyword]').val());
 				// 인기검색어
 				fnTrendKeywordList();
-				
+
 			}else{
 				let keyword = encodeURIComponent($('#searchMainForm input[name=keyword]').val());
 
@@ -226,7 +226,7 @@
 				fnSetKeywordCookie(keyword);
 
 				let actionUrl = _PAGE_BRAND_SEARCH_GOODS + '?keyword=' + keyword + '&brandGroupNo=' + $('#searchMainForm input[name=brandGroupNo]').val();
-				
+
 				cfnGoToPage(actionUrl);
 			}
 		});
@@ -240,12 +240,12 @@
 	// 검색어 찾기 결과
 	var fnAutoCompleteList = function (result){
 		if( enterBool ) return;
-		
-		if(result.autoKeywords.length==0 && gagajf.isNull(result.goodsList)){
+
+		if(result && result.autoKeywords && result.autoKeywords.length==0 && gagajf.isNull(result.goodsList)){
 			$('.sch_result .default_box').hide();
 			$('.sch_result .searching_box').hide();
 			$('.sch_result .empty_box2').hide();
-						
+
 		}else{
 			$('.sch_result .default_box').hide();
 			$('.sch_result .searching_box').show();
@@ -319,7 +319,7 @@
 			// }else{
 			// 	$("#keyupCateArea").find(".sch_category").html('');
 			// }
-			
+
 			if(!gagajf.isNull(result.goodsList)){
 				$("#relateGoodsDiv").show();
 				$("#relateArea").html('');
@@ -388,8 +388,8 @@
 				$('.sch_result .empty_box2').hide();
 			}
 		}else{
-			// 엔터친 후, 그 전에 검색한 결과가 오고있으므로 
-			enterBool = true;	
+			// 엔터친 후, 그 전에 검색한 결과가 오고있으므로
+			enterBool = true;
 		}
 	}
 
@@ -418,7 +418,7 @@
 		$(obj).closest('li').remove();
 		gagajf.setCookie('st24ck_today_keyword',keyword, -1);
 	}
-	
+
 	// 검색어 입력 후 엔터키
 	$('#searchMainForm input[name=keyword]').keypress(function (event) {
 		if (event.which === 13) {
@@ -452,7 +452,7 @@
 		$.getJSON('/display/recommend/item/list', data, function (result){
 			$("#recommendItemArea").html('');
 			$("#recommandArea").show();
-			
+
 			if(result.length > 0){
 				$.each(result, function (idx, item){
 					html += '<div class="swiper-slide">\n';
@@ -480,7 +480,7 @@
 					html += '</div>\n';
 				});
 				$("#recommendItemArea").append(html);
-				
+
 				var swiperschProduct4 = new Swiper('.swiper-container.recommand_slide', {
 					slidesPerView: 2.2,
 					spaceBetween: 8,
@@ -494,7 +494,7 @@
 				$("#recommendItemArea").html('');
 				$("#recommandArea").hide();
 			}
-			
+
 		});
 	}
 

src/main/webapp/WEB-INF/views/mob/display/CategoryGoodsListFormMob.html

@@ -725,7 +725,7 @@
 
 		// 사파리 - event.persisted || 크롬 - window.performance.navigation.type 이 1이면 새로고침, 2면 페이지 이동을 통한 캐쉬페이징
 		$(window).on("pageshow", function(event) {
-			// if( history.scrollRestoration ) window.history.scrollRestoration = 'manual';
+			if( history.scrollRestoration ) window.history.scrollRestoration = 'manual';
 			$('#filterForm input[name=brandGroup]:checked').each(function(){
 				$(this).attr('checked', true);
 			});
@@ -751,7 +751,7 @@
 				$(this).attr('checked', true);
 			});
 			if ( (event.originalEvent && event.originalEvent.persisted) || (window.performance && window.performance.navigation.type == 2)) {
-				// if( history.scrollRestoration ) window.history.scrollRestoration = 'manual';
+				if( history.scrollRestoration ) window.history.scrollRestoration = 'manual';
 				$("#searchGoodsForm input:hidden[name=unisex]").remove();
 				$("#searchGoodsForm input:hidden[name=newGoods]").remove();
 				var historyData = sessionStorage.getItem(document.location.href);

src/main/webapp/WEB-INF/views/mob/display/LookbookDetailFormMob.html

@@ -140,7 +140,7 @@
 									<div class="swiper-slide">
 										<a th:href="|javascript:cfnGoToLookbookDetail('${lookbookInfo.lookbookGb}','${oneData.lookbookSq}','${oneData.brandCd}')|">
 											<div class="thumb">
-												<img th:src="${@environment.getProperty('domain.image')+oneData.sysFileNm}" style="height:100%" alt="">
+												<img th:src="${@environment.getProperty('domain.image')+oneData.sysFileNm}" alt="">
 											</div>
 											<div class="txt">
 												<p class="tt" th:text="${oneData.title}"></p>

src/main/webapp/WEB-INF/views/mob/display/MallMainFormMob.html

@@ -152,13 +152,11 @@
 						<div class="inner">
 							<div class="main_it">
 								<div class="titWrap">
-<!--								<th:block th:each="ContentsData, ContentsStat : ${mainData.ContentsList}">-->
 									<!-- 2021.08.30 card007 메인 잇 아이템 전체보기 주석처리 추후 주석 제거 필요 -->
-<!--									<a href="javascript:void(0)" onclick="cfnGoToPage(_PAGE_BEST_MAIN);">-->
-<!--										<h2 th:text="${contentsTitle}"></h2>-->
-<!--									</a>-->
+									<a href="javascript:void(0)" onclick="cfnGoToPage(_PAGE_BEST_MAIN);">
+										<h2 th:text="${mainData.contentsTitle.replace('<br>','')}"></h2>
+									</a>
 									<!-- //2021.08.30 card007 메인 잇 아이템 전체보기 주석처리 추후 주석 제거 필요 -->
-<!--								</th:block>-->
 								</div>
 								<div class="inner_head">
 									<ul class="it_nav">

src/main/webapp/WEB-INF/views/mob/display/SearchGoodsListFormMob.html

@@ -805,6 +805,8 @@
 				adBannerTag += '</div>\n';
 			});
 			$("#adBannerArea").append(adBannerTag);
+		}else{
+			$("#adBannerArea").remove();
 		}
 
 		if(filterPriceList.length > 0){
@@ -884,12 +886,12 @@
 			$(this).parents('.popup_box.schSortPop').hide();
 			$("body").css({"overflow":"visible"});
 		});
-		
+
 		// 210813_ 추가 : 검색 결과 스크롤 이동 시, 필터 고정
 		// 210819_ 스크립트 위치 이동 및 내용 보완 (공통아님, 카운터필터 사용할 경우에만)
 		const schFilterOrg=$('.sch .sch_result .count_wrap').offset().top - 60;
 		$(window).scroll(function (event) {
-			var schScrollTop= $(window).scrollTop(); 
+			var schScrollTop= $(window).scrollTop();
 			var schFilterTop=$('.sch .sch_result .count_wrap').offset().top - 60;
 			//console.log('schFilterOrg : '+ schFilterOrg);
 			//console.log('schScrollTop : '+ schScrollTop);

src/main/webapp/WEB-INF/views/mob/display/SearchLayerMob.html

@@ -159,7 +159,7 @@
 
 	var swiperschProduct = new Swiper('.swiper-container.sch_product', {
 		slidesPerView: 3,
-		spaceBetween: 7,
+		spaceBetween: 6,
 		autoplay: {
 			delay: 4000,
 		},
@@ -167,15 +167,68 @@
 		//centeredSlides: true,
 	});
 
-	var swiperschProduct = new Swiper('.swiper-container.recommand_slide', {
-		slidesPerView: 2.2,
-		spaceBetween: 8,
-		autoplay: {
-			delay: 4000,
-		},
-		freeMode: true,
-		//centeredSlides: true,
-	});
+
+	var schProdLength = $('.sch_product .swiper-slide').length;
+	if (schProdLength < 4) {
+		var swiperschProduct = new Swiper('.swiper-container.sch_product', {
+			slidesPerView: 3,
+			spaceBetween: 6,
+			autoplay: false,
+			freeMode: false,
+			loop:false,
+			a11y: {
+				enabled: true,
+				notificationClass: 'swiper-notification',
+			},
+		});
+	} else {
+		var swiperschProduct = new Swiper('.swiper-container.sch_product', {
+			slidesPerView: 3,
+			spaceBetween: 6,
+			autoplay: {
+				delay: 4000,
+			},
+			freeMode: true,
+			loop:true,
+			a11y: {
+				enabled: true,
+				notificationClass: 'swiper-notification',
+				firstSlideMessage: '첫번째 슬라이드 입니다',
+				lastSlideMessage: '마지막 슬라이드 입니다',
+			},
+		});
+	};
+
+	var schRecommendLength = $('.recommand_slide .swiper-slide').length;
+	if (schRecommendLength < 3) {
+		var swiperschProduct = new Swiper('.swiper-container.recommand_slide', {
+			slidesPerView: 2.2,
+			spaceBetween: 8,
+			autoplay: false,
+			freeMode: false,
+			loop:false,
+			a11y: {
+				enabled: true,
+				notificationClass: 'swiper-notification',
+			},
+		});
+	} else {
+		var swiperschProduct = new Swiper('.swiper-container.recommand_slide', {
+			slidesPerView: 2.2,
+			spaceBetween: 8,
+			autoplay: {
+				delay: 4000,
+			},
+			freeMode: true,
+			loop:true,
+			a11y: {
+				enabled: true,
+				notificationClass: 'swiper-notification',
+				firstSlideMessage: '첫번째 슬라이드 입니다',
+				lastSlideMessage: '마지막 슬라이드 입니다',
+			},
+		});
+	};
 
 	$(".itemLike").click(function () {
 		$(this).toggleClass("likeit");
@@ -210,7 +263,7 @@
 		if (!gagajf.validation($('#searchMainForm'))) {
 			return false;
 		}
-		
+
 		// 검색결과 상품목록 호출(있으면 검색결과 페이지로 이동)
 		gagajf.ajaxFormSubmit("/display/search/goods/list_cnt", document.searchMainForm, function(result) {
 			if( "0" == result.response_cnt){
@@ -219,12 +272,12 @@
 				$('.sch_result .empty_box2').hide();
 				$('.sch_result .empty_box').show();
 				$("#noDataArea").find('#noDataKeyword').text($("#searchMainForm").find('input[name=keyword]').val());
-				
+
 				// 검색어 연관 상품 추천
 				fnRecommendItemList($("#searchMainForm").find('input[name=keyword]').val());
 				// 인기검색어
 				fnTrendKeywordList();
-				
+
 			}else{
 				let keyword = encodeURIComponent($('#searchMainForm input[name=keyword]').val());
 
@@ -245,11 +298,11 @@
 	// 검색어 찾기 결과
 	var fnAutoCompleteList = function (result){
 		if( enterBool ) return;
-		
+
 		if(result.autoKeywords.length==0 && gagajf.isNull(result.brand.brandGroupNo) && result.cateList.length == 0 && gagajf.isNull(result.goodsList)){
 			$('.sch_result .default_box').hide();
 			$('.sch_result .searching_box').hide();
-						
+
 		}else{
 			$('.sch_result .default_box').hide();
 			$('.sch_result .searching_box').show();
@@ -340,7 +393,7 @@
 				$("#keyupCateArea").find(".sch_category").html('');
 				$("#keyupCateArea").hide();
 			}
-			
+
 			if(!gagajf.isNull(result.goodsList)){
 				$("#relateArea").show();
 				$("#relateItemArea").html('');
@@ -408,8 +461,8 @@
 				$('.sch_result .empty_box2').hide();
 			}
 		}else{
-			// 엔터친 후, 그 전에 검색한 결과가 오고있으므로 
-			enterBool = true;	
+			// 엔터친 후, 그 전에 검색한 결과가 오고있으므로
+			enterBool = true;
 		}
 	}
 
@@ -434,7 +487,7 @@
 		}else{
 			$("#popularKeyArea").html('');
 		}
-		
+
 		$("#keyupArea").hide();
 		$("#keyupCateArea").hide();
 		$("#deleteKeyword").hide();
@@ -533,7 +586,7 @@
 		$.getJSON('/display/recommend/item/list', data, function (result){
 			$("#recommendItemArea").html('');
 			$("#recommandArea").show();
-			
+
 			if(result.length > 0){
 				$.each(result, function (idx, item){
 					html += '<div class="swiper-slide">\n';
@@ -565,9 +618,9 @@
 					html += '	</div>\n';
 					html += '</div>\n';
 				});
-				
+
 				$("#recommendItemArea").append(html);
-				
+
 				var swiperschProduct3 = new Swiper('.swiper-container.recommand_slide', {
 					slidesPerView: 2.2,
 					spaceBetween: 8,
@@ -577,7 +630,7 @@
 					freeMode: true,
 					//centeredSlides: true,
 				});
-				
+
 			}else{
 				$("#recommendItemArea").html('');
 				$("#recommandArea").hide();

src/main/webapp/WEB-INF/views/mob/mypage/MypageOrderListFormMob.html

@@ -456,7 +456,7 @@ var fnMypageOrderListInfiniteScrollInit = function(){
 		
 		let params = JSON.stringify({});
 		gagajf.ajaxJsonSubmit(url, params, function(result) {
-			let message = '이미 다운로드를 완료 하셨습니다.';
+			let message = '받을 쿠폰이 없습니다. 1건 구매 하시고 다음달 등급 쿠폰을 받아보세요!';
 			if (result.isDownload) {
 				message = '총 ' + result.downloadCnt + '장의 쿠폰을 다운로드 하였습니다.';
 			}

src/main/webapp/WEB-INF/views/mob/order/OrderFormMob.html

@@ -2690,6 +2690,9 @@ var custCpnSumAmtCal = function() {
 	
 	realOrdSumAmt = realOrdSumAmt + delvSumAmt;
 	
+	// 2021.09.07 card007 모바일 할인금액 즉시할인 추가
+	totDcSumAmt += cpn1DcSumAmt;
+	
 	$("#orderAmtForm .orgGoodsSumAmt").text(orgGoodsSumAmt);
 	$("#orderAmtForm .cpn1DcSumAmt").text(cpn1DcSumAmt);
 	$("#orderAmtForm .ordSumAmt").text(ordSumAmt);

src/main/webapp/WEB-INF/views/mob/order/OrderPaymentInfoMob.html

@@ -62,16 +62,16 @@
 										</span>
 									</label>
 								</li>
-								<!-- 
 								<th:block th:if="${order.giftPackYn} == 'N'">
+									<!-- 무통장입금 주석 처리
 									<li>
 										<input type="radio" name="rdi-paynormal" id="payVirtualBank" class="KCP" value="KCP|G014_20"> 
 										<label for="payVirtualBank">
 											<span class="payType">무통장입금</span>
 										</label>
 									</li>
+									-->
 								</th:block>
-								 -->
 								<li>
 									<input type="radio" name="rdi-paynormal" id="payPayco" class="PAYCO" value="PAYCO|G014_30"> 
 									<label for="payPayco">

src/main/webapp/WEB-INF/views/mob/planning/PlanningDetailFormMob.html

@@ -145,28 +145,30 @@
 				</div>
 				<div id="cornerGoodsList"></div>
 				</th:block>
-				<div class="inner">
-					<div class="other_promotion_slide">
-						<h2 th:if="${planInfo.planGb == 'P'}" class="dp_subtitle">다른 기획전 보기</h2>
-						<h2 th:if="${planInfo.planGb == 'E'}" class="dp_subtitle">다른 이벤트 보기</h2>
-						<div class="swiper-container">
-							<div class="swiper-wrapper">
-							  <th:block th:each="PlanData, PlanStat : ${planList}">
-								<div class="swiper-slide">
-									<a th:onclick="cfnGoToPlanDetail([[${PlanData.planSq}]])" class="dp_lookbook_item" tabindex="0">
-										<div class="img">
-											<img th:src="${@environment.getProperty('upload.image.view')+PlanData.mainImg+'?RS=960'}" th:alt="${PlanData.planNm}">
-										</div>
-										<div class="txt">
-											<div class="tit" th:text="${PlanData.planNm}"></div>
-										</div>
-									</a>
+				<th:block th:if="${planList != null and planList.size() > 0}">
+					<div class="inner">
+						<div class="other_promotion_slide">
+							<h2 th:if="${planInfo.planGb == 'P'}" class="dp_subtitle">다른 기획전 보기</h2>
+							<h2 th:if="${planInfo.planGb == 'E'}" class="dp_subtitle">다른 이벤트 보기</h2>
+							<div class="swiper-container">
+								<div class="swiper-wrapper">
+								  <th:block th:each="PlanData, PlanStat : ${planList}">
+									<div class="swiper-slide">
+										<a th:onclick="cfnGoToPlanDetail([[${PlanData.planSq}]])" class="dp_lookbook_item" tabindex="0">
+											<div class="img">
+												<img th:src="${@environment.getProperty('upload.image.view')+PlanData.mainImg+'?RS=960'}" th:alt="${PlanData.planNm}">
+											</div>
+											<div class="txt">
+												<div class="tit" th:text="${PlanData.planNm}"></div>
+											</div>
+										</a>
+									</div>
+									</th:block>
 								</div>
-							    </th:block>
 							</div>
 						</div>
 					</div>
-				</div>
+				</th:block>
 			</section>
 			
 			<!-- 코너 클릭 팝 -->
@@ -563,9 +565,10 @@ if(template.length>0){
 		if(template[j].tmplType == 'G082_50'){
 			array.push(template[j].planContSq);
 		}
-	}	
+	}
+	var html = '';
 	for (var i = 0; i < template.length; i++) {
-		var html = '';
+		html = '';
 		if(template[i].tmplType == 'G082_50' && array[0] == template[i].planContSq && typeof array[0] != 'undefined') {
 			if(template[i].title != null && template[i].title != ''){
 				$("#G082_50" +template[i].planContSq).show();
@@ -698,6 +701,7 @@ if(template.length>0){
 	}	
 	
 	for (var i = 0; i < template.length; i++) {
+		html = '';
 		if(template[i].tmplType == 'G082_52' && array[0] == template[i].planContSq && typeof array[0] != 'undefined'){
 			if(template[i].title != null && template[i].title != ''){
 				$("#G082_52" +template[i].planContSq).show();
@@ -716,34 +720,36 @@ if(template.length>0){
 			html += '	<div class="swiper-container item02">\n';
 			html += '		<div class="swiper-wrapper">\n';
 			$.each(goods4, function(idx, item) {
-				$("#G082_52" + item.planContSq).show();
-				html += '			<div class="swiper-slide">\n';
-				html += '				<div class="item_prod">\n';
-				html += '					<div class="item_state">\n';
-				html += '						<a href="javascript:void(0);" onclick="cfnGoToGoodsDetail(\'' + item.goodsCd + '\',\'\',\'IN12_01\')" class="itemLink">\n';
-				html += '							<div class="itemPic">\n';
-				html += '								<img class="vLHTC pd_img" src="'+ _uploadGoodsUrl +'/'+item.sysImgNm +'">\n';
-				html += '							</div>\n';
-				html += '							<p class="itemBrand">'+item.brandGroupNm+'</p>\n';
-				html += '							<div class="itemName">'+item.goodsNm+'</div>\n';
-				html += '							<p class="itemPrice">\n';
-				if (item.currPrice != item.listPrice) {
-					html += '								<span class="itemPrice_original">'+item.listPrice.addComma()+'</span>\n';
-				}
-				
-				html += 								item.currPrice.addComma();
-				if (item.currPrice != item.listPrice) {
-					html += '								<span class="itemPercent">'+Math.floor(item.dcRate)+'%</span>\n';
-				}
-				html += '							</p>\n';
-				if(item.goodsTnm != null){
-					html += '							<div class="itemComment">'+item.goodsTnm+'</div>\n';
+				if (item.planContSq == template[i].planContSq) {
+					$("#G082_52" + item.planContSq).show();
+					html += '			<div class="swiper-slide">\n';
+					html += '				<div class="item_prod">\n';
+					html += '					<div class="item_state">\n';
+					html += '						<a href="javascript:void(0);" onclick="cfnGoToGoodsDetail(\'' + item.goodsCd + '\',\'\',\'IN12_01\')" class="itemLink">\n';
+					html += '							<div class="itemPic">\n';
+					html += '								<img class="vLHTC pd_img" src="' + _uploadGoodsUrl + '/' + item.sysImgNm + '">\n';
+					html += '							</div>\n';
+					html += '							<p class="itemBrand">' + item.brandGroupNm + '</p>\n';
+					html += '							<div class="itemName">' + item.goodsNm + '</div>\n';
+					html += '							<p class="itemPrice">\n';
+					if (item.currPrice != item.listPrice) {
+						html += '								<span class="itemPrice_original">' + item.listPrice.addComma() + '</span>\n';
+					}
+					
+					html += item.currPrice.addComma();
+					if (item.currPrice != item.listPrice) {
+						html += '								<span class="itemPercent">' + Math.floor(item.dcRate) + '%</span>\n';
+					}
+					html += '							</p>\n';
+					if (item.goodsTnm != null) {
+						html += '							<div class="itemComment">' + item.goodsTnm + '</div>\n';
+					}
+					
+					html += '						</a>\n';
+					html += '					</div>\n';
+					html += '				</div>\n';
+					html += '			</div>\n';
 				}
-				
-				html += '						</a>\n';
-				html += '					</div>\n';
-				html += '				</div>\n';
-				html += '			</div>\n';
 			})
 			
 			html += '		</div>\n';

src/main/webapp/WEB-INF/views/web/common/fragments/HeadWeb.html

@@ -4,7 +4,7 @@
 
 <head th:fragment="head">
 	<meta charset="utf-8"/>
-	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> 
+	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
 <!-- 	<meta http-equiv="cache-control" content="no-cache"/> -->
 <!-- 	<meta http-equiv="expires" content="0"/> -->
 <!-- 	<meta http-equiv="pragma" content="no-cache"/> -->
@@ -18,7 +18,7 @@
 	<meta property="og:description" th:content="${metaInfo.ogDesc}" content="한세공식몰,TBJ,FRJ,NBA,NBA KIDS,LPGA,PGATOUR,컬리수,모이몰른,MOIMOLN,리카앤,리바이스키즈,ANDEW,BUCKAROO,나이키키즈"/>
 	<meta property="og:locale" content="ko_KR"/>
 	<meta property="og:site_name" th:content="${metaInfo.browserTitle}" content="한세공식몰 스타일24"/>
-	
+
 	<!-- 추천솔루션 meta -->
 	<meta property="eg:type" content="product" />
 	<meta property="eg:cuid" content="" />
@@ -50,7 +50,7 @@
 	<meta property="eg:locale" content="" />
 	<meta property="eg:etc1" content="" />
 	<!-- 추천솔루션 meta -->
-	
+
 	<title th:text="${metaInfo.browserTitle}">한세공식몰 스타일24</title>
 	<link rel="icon" th:href="${metaInfo.favicon}" href="[[${@environment.getProperty('domain.uximage')}]]/images/favicon.ico" type="image/x-icon"/>
 	<link rel="apple-touch-icon" th:href="${@environment.getProperty('domain.uximage')} + '/images/apple-touch-icon.png'" sizes="180x180"/>
@@ -66,7 +66,7 @@
 	<link rel="stylesheet" type="text/css" th:href="${@environment.getProperty('domain.uximage')} + '/ux/pc/css/common.css'" href="/ux/pc/css/common.css"/>
 	<link rel="stylesheet" type="text/css" th:href="${@environment.getProperty('domain.uximage')} + '/ux/pc/css/layout.css'" href="/ux/pc/css/layout.css"/>
 	<link rel="stylesheet" type="text/css" th:href="${@environment.getProperty('domain.uximage')} + '/ux/pc/css/main.css'" href="/ux/pc/css/main.css"/>
-	
+
 	<script th:src="${@environment.getProperty('domain.uximage')} + '/ux/pc/js/jquery-1.11.0.min.js'"></script>
 	<script th:src="${@environment.getProperty('domain.uximage')} + '/ux/pc/js/jquery-migrate-1.2.1.min.js'"></script>
 	<script th:src="${@environment.getProperty('domain.uximage')} + '/ux/pc/js/swiper.min.js'"></script>
@@ -75,7 +75,7 @@
 	<script th:src="${@environment.getProperty('domain.uximage')} + '/ux/pc/js/jquery-ui.js'"></script>
 	<script th:src="${@environment.getProperty('domain.uximage')} + '/ux/plugins/jquery.serializeObject.min.js'"></script>
 	<script th:src="${@environment.getProperty('domain.uximage')} + '/ux/pc/js/mcxdialog_ui.js'"></script>
-	
+
 	<script type="text/javascript" src="https://ssl.daumcdn.net/dmaps/map_js_init/postcode.v2.js"></script>
 	<script src="https://www.google.com/recaptcha/api.js" async defer></script>
 
@@ -89,7 +89,7 @@
 		gtag('config', 'G-MQWD9VX4KH');
 	</script>
 	<!--// Global site tag (gtag.js) - Google Analytics -->
-	
+
 	<th:block th:if="${sessionInfo != null}">
 		<script th:inline="javascript">
 		/*<![CDATA[*/
@@ -126,7 +126,7 @@
 		var eglqueueCuid = '1252aed4-78dc-46e8-b784-94ac42e86dd4';
 		var hCustId = gCustId ? hex_sha512(gCustId).toString().hashCode() : '';
 		var hEmail = gEmail;
-		
+
 		/* Eiengine Script (Visit) */
 		window._eglqueue = window._eglqueue || [];
 		_eglqueue.push(['setVar', 'cuid', eglqueueCuid]);
@@ -179,14 +179,14 @@
 		}
 		// 로그인 성공 시 - 끝
 	</script>
-	
+
 	<!-- Criteo 로더 파일 (Head에 위치) -->
 	<script type="text/javascript" src="//static.criteo.net/js/ld/ld.js" async="true"></script>
 	<script>
 		var criteoEmail = gEmail ? hex_sha512(gEmail).toString().hashCode() : '';
 	</script>
 	<!--// Criteo 로더 파일 (Head에 위치) -->
-	
+
 	<!-- Facebook Pixel Code -->
 	<script type="text/javascript">
 		!function (f, b, e, v, n, t, s) {
@@ -204,7 +204,7 @@
 <!-- 		<img height="1" width="1" src="https://www.facebook.com/tr?id=194350084240885&ev=PageView&noscript=1"/> -->
 <!-- 	</noscript> -->
 	<!--// Facebook Pixel Code -->
-	
+
 	<!-- Enliple(모비온) Tracker Start -->
 	<script type="text/javascript">
 		(function(a,g,e,n,t){a.enp=a.enp||function(){(a.enp.q=a.enp.q||[]).push(arguments)};n=g.createElement(e);n.async=!0;n.defer=!0;n.src="https://cdn.megadata.co.kr/dist/prod/enp_tracker_self_hosted.min.js";t=g.getElementsByTagName(e)[0];t.parentNode.insertBefore(n,t)})(window,document,"script");
@@ -212,7 +212,7 @@
 		enp('send', 'common', 'is24');
 	</script>
 	<!--// Enliple(모비온) Tracker End -->
-	
+
 	<!-- Cosem Log Gathering Script V.2.0 -->
 	<script language="javascript" type="text/javascript">
 		var cosem_Request = function () {
@@ -234,7 +234,7 @@
 		};
 		var cosemRequest = new cosem_Request();
 		cosemRequest.tracking();
-		
+
 		function cosemConvert(rn, amt, pc, pa, pp, pg, etc) {
 			var cosemProtocol = ( location.protocol=="https:" )? "https:" :"http:";
 			var image = new Image();

src/main/webapp/WEB-INF/views/web/display/BrandSearchGoodsListFormWeb.html

@@ -631,6 +631,8 @@
 					adBannerTag += '	</a>\n';
 				});
 				$("#adBannerArea").append(adBannerTag);
+			}else{
+				$("#adBannerArea").remove();
 			}
 
 			let priceLen;

src/main/webapp/WEB-INF/views/web/display/SearchGoodsListFormWeb.html

@@ -781,7 +781,7 @@
 					html += '		</div>\n';
 					html += '	</a>\n';
 					html += '</li>\n';
-					
+
 				});
 				$("#eventArea").append(html);
 			}else{
@@ -848,7 +848,7 @@
 				$("#planKeyword").text([[${params.keyword}]]);
 			}
 		}
-	
+
 		$(document).ready( function() {
 			// 광고배너체크
 			if(!gagajf.isNull(adBannerList) && adBannerList.length>0){
@@ -866,6 +866,8 @@
 					// adBannerTag += '</div>\n';
 				});
 				$("#adBannerArea").append(adBannerTag);
+			}else{
+				$("#adBannerArea").remove();
 			}
 
 			let priceLen;

src/main/webapp/WEB-INF/views/web/mypage/MypageOrderListFormWeb.html

@@ -354,7 +354,7 @@
 
 		let params = JSON.stringify({});
 		gagajf.ajaxJsonSubmit(url, params, function(result) {
-			let message = '이미 다운로드를 완료 하셨습니다.';
+			let message = '받을 쿠폰이 없습니다. 1건 구매 하시고 다음달 등급 쿠폰을 받아보세요!';
 			if (result.isDownload) {
 				message = '총 ' + result.downloadCnt + '장의 쿠폰을 다운로드 하였습니다.';
 			}

src/main/webapp/WEB-INF/views/web/order/OrderPaymentInfoWeb.html

@@ -70,12 +70,12 @@
 						<input type="radio" name="rdi-paynormal" id="payRealBank" class="KCP" value="KCP|G014_10"> 
 						<label for="payRealBank"><span class="payType">실시간계좌이체</span></label>
 					</li>
-					<!-- 
+					<!--  무통장입금 주석 처리
 					<li>
 						<input type="radio" name="rdi-paynormal" id="payVirtualBank" class="KCP" value="KCP|G014_20"> 
 						<label for="payVirtualBank"><span class="payType">무통장입금</span></label>
 					</li>
-					 -->
+					-->
 				</ul>
 			</div>
 		</div>

src/main/webapp/WEB-INF/views/web/planning/PlanningDetailFormWeb.html

@@ -150,36 +150,38 @@
 		  
             <!-- //관련상품 리스트 -->  
              <!-- 다른 기획전,이벤트 보기 -->
-            <div class="content other_promotion_slide">
-                <div class="cont_head">
-                    <div>
-                        <h4 th:if="${planInfo.planGb == 'P'}">다른 기획전 보기</h4>
-                        <h4 th:if="${planInfo.planGb == 'E'}">다른 이벤트 보기</h4>
-                        <a href="javascript:void(0);" th:if="${planInfo.planGb == 'P'}" onclick="cfnGoToPage(_PAGE_PLANNING_MAIN);">전체보기</a>
-                        <a href="javascript:void(0);" th:if="${planInfo.planGb == 'E'}" onclick="cfnGoToPage(_PAGE_EVENT_MAIN);">전체보기</a>
-                    </div>
-                </div>
-                <div class="cont_body">
-                    <div class="swiper-container">
-                        <div class="swiper-wrapper">
-                           <th:block th:each="PlanData, PlanStat : ${planList}">
-                            <div class="swiper-slide">                   
-                                <a th:onclick="cfnGoToPlanDetail([[${PlanData.planSq}]])">
-                                    <div class="thumb">
-                                        <img th:src="${@environment.getProperty('upload.image.view')+PlanData.mainImg}" th:alt="${PlanData.planNm}">
-                                    </div>
-                                    <div class="txt">
-                                        <p class="tit" th:text="${PlanData.planNm}"></p>
-                                    </div>
-                                </a>
-                            </div>
-                            </th:block>   
-                        </div>
-                    </div>
-                    <div class="swiper-button-prev"></div>
-                    <div class="swiper-button-next"></div>
-                </div>
-            </div>
+			<th:block th:if="${planList != null and planList.size() > 0}">
+				<div class="content other_promotion_slide">
+					<div class="cont_head">
+						<div>
+							<h4 th:if="${planInfo.planGb == 'P'}">다른 기획전 보기</h4>
+							<h4 th:if="${planInfo.planGb == 'E'}">다른 이벤트 보기</h4>
+							<a href="javascript:void(0);" th:if="${planInfo.planGb == 'P'}" onclick="cfnGoToPage(_PAGE_PLANNING_MAIN);">전체보기</a>
+							<a href="javascript:void(0);" th:if="${planInfo.planGb == 'E'}" onclick="cfnGoToPage(_PAGE_EVENT_MAIN);">전체보기</a>
+						</div>
+					</div>
+					<div class="cont_body">
+						<div class="swiper-container">
+							<div class="swiper-wrapper">
+							   <th:block th:each="PlanData, PlanStat : ${planList}">
+								<div class="swiper-slide">                   
+									<a th:onclick="cfnGoToPlanDetail([[${PlanData.planSq}]])">
+										<div class="thumb">
+											<img th:src="${@environment.getProperty('upload.image.view')+PlanData.mainImg}" th:alt="${PlanData.planNm}">
+										</div>
+										<div class="txt">
+											<p class="tit" th:text="${PlanData.planNm}"></p>
+										</div>
+									</a>
+								</div>
+								</th:block>   
+							</div>
+						</div>
+						<div class="swiper-button-prev"></div>
+						<div class="swiper-button-next"></div>
+					</div>
+				</div>
+			</th:block>
        </div>
   </div>       
   

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

@@ -629,13 +629,13 @@ header .htop {position: relative;height: 5.5rem;-webkit-box-sizing: border-box;b
 header .htop:after {content: '';display: block; clear: both;}
 header .htop.trans{position:absolute; background:transparent !important;}
 
-header #htopSub{border-bottom: 0 solid #e5e5e5;box-sizing: border-box;}
+header #htopSub{top:0px;border-bottom: 0 solid #e5e5e5;box-sizing: border-box;}
 header #htopSubs{border-bottom: 0 solid #000000;box-sizing: border-box;}
 header #htopSub.my_main {background-color: #f5f5f5; border-bottom: 0.1rem solid rgba(0, 0, 0, 0.0)!important;}
 header .htop h1 {display: inline-block;position: relative;width:auto;max-width: calc(100% - 14.5rem);height: 5.5rem;line-height: 5.5rem;vertical-align: middle;margin: 0 0 0 2.0rem;font-size: 1.8rem;color: #222;}
 header .htop h1#htopTitle {display: inline-block;position: relative;max-width: 18rem;width: auto;height: 100%;line-height: 5.8rem;vertical-align: middle;padding: 0 1.5rem 0 0rem;font-size: 1.8rem;color: #222;}
 header .htop h1 a {height: 100%;width: 100%;display: block;}
-header .htop h1 img {margin: 0;width: 11.5rem;height: auto;line-height: 1.6rem;vertical-align: middle;}
+header .htop h1 img {margin: 0;width: 11.5rem;height: 1.5rem;line-height: 1.6rem;vertical-align: middle;}
 header .htop h1 a p{color: #222;line-height: 5.5rem;font-size: 2.0rem;height: 5.5rem;display: inline;vertical-align: middle;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
 header .htop .btn_back {margin: 1.0rem 0 0 1.5rem;width: 3.5rem;height: 3.5rem; float: left;}
 header .htop .btn_back span {display: block;width: 2.4rem;height: 2.4rem;margin: 0 auto;position: relative;}
@@ -688,8 +688,8 @@ header.main .btn_gnb.on span i {transform: rotate(-180deg);-webkit-transform: ro
 header .hmenu {position: absolute;left: 0;bottom: 100%;background-color: rgba(0, 0, 0, 0.0);padding: 0 0 0 0;-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;height: 100vh;-webkit-transition: all 0 ease-out;transition: all 0 ease-out;z-index: -1;}
 header .hmenu .inner {padding: 0;background-color: #fff;position: relative;top: 0;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
 header .hmenu.on {bottom: 0;}
-header .hmenu.on .inner {top: 100%;}
-header .hmenu .scrollWrap {height: calc(100vh - 9.7rem);-webkit-box-sizing: border-box;box-sizing: border-box;overflow-y: auto; border-bottom: 6.5rem solid #fff;}
+header .hmenu.on .inner {top: 100%; position: fixed; width: 100%;}
+header .hmenu .scrollWrap {height: calc(100vh - 9.7rem);-webkit-box-sizing: border-box;box-sizing: border-box;overflow-y: auto; border-bottom: 8.5rem solid #fff;}
 
 header .hmenu .bng{background: #ffffff;}
 header .hmenu .bng .d1 > li{position: relative;height: 7.2rem;border-bottom: 0.1rem solid #eeeeee;}
@@ -791,7 +791,7 @@ section.main, section.ev_list, section.dp_exhibition, section.dp_lookbook, secti
 /* section.main.scr, section.ev_list.scr, section.dp_exhibition.scr, section.dp_lookbook.scr, section.dp_outlets.scr, section.dp_submain.scr, section.dp_hotdeal.scr, section.br_main.scr, section.dp_best.scr, section.br_lookbook.scr {margin-top: 5.5rem;} */
 
 /* .tabbar */
-.tabbar{-webkit-transform: translate(0, 4.3rem);-ms-transform: translate(0, 4.3rem);-moz-transform: translate(0, 4.3rem); transform: translate(0, 4.3rem);transition-duration: 0.25s; position: fixed;width: 100%;bottom: 0;background-color: #f8f8f8;z-index: 100; padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);}
+.tabbar{-webkit-transform: translate(0, 4.3rem);-ms-transform: translate(0, 4.3rem);-moz-transform: translate(0, 4.3rem); transform: translate(0, 4.3rem);transition-duration: 0.25s; position: fixed;width: 100%;bottom: -4.24rem;background-color: #f8f8f8;z-index: 100; padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);}
 /* .tabbar.fixed{-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);-moz-transform: translate(0, 0);transform: translate(0, 0);} */
 .tabbar.fixed{bottom: 4.25rem; -webkit-transform: translate(0, 4.3rem);}
 .tabbar .tabbar-inner{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-box-pack: justify;-moz-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between; padding: 0.6rem 2.0rem;}

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

@@ -5,7 +5,7 @@
 .cs .pnb ul{padding-left:1rem;}
 .cs .search_wrap{position: relative;}
 .cs .search_wrap::after{content: '';display:block;width: 100%;height:0.2rem;background-color: #000000; position: relative; top:-2.58rem; left:0;}
-.cs .cs_search_input{font-size:1.5rem; height:4.5rem; width:calc(100% - 3.5rem); border:none !important; border-bottom:0.2rem solid #000 !important; position:relative; padding:0 2.5rem 0 0;}
+.cs .cs_search_input{font-size:1.5rem; height:4.5rem; width:calc(100% - 3.5rem); border:none !important; border-bottom:0 solid #000 !important; position:relative; padding:0 2.5rem 0 0;}
 .cs .search_wrap button.btn_sch {position:absolute; top:0; right:-0.5rem; background:url('//image.istyle24.com/Style24/images/mo/cs_search_btn.png') center center no-repeat; text-indent:-9999px; width:2.2rem; height:4.5rem; padding: 0 2rem;}
 .cs .search_wrap button.btn_x {visibility: hidden; width: 2rem; height: 2rem; background: #aaa; border-radius: 1rem; color: #fff; font-size: 1rem; position: absolute; top: 1.2rem; right: 3.8rem; background:#aaa url('//image.istyle24.com/Style24/images/mo/ico_sch_del_w.png') no-repeat center; background-size:1.1rem; text-indent:-999em;}
 .cs .inner{background:#fff;}
@@ -1987,7 +1987,7 @@
 .filter_body > ul > li .daps1.on:after{background-position:0 -0.733rem;}
 .filter_body > ul > li .daps1 .pic{position:absolute; right:4.5rem; top:50%; display:block; max-width:15rem; font-size:1.1rem; color:#fd4801; text-align:right; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
 .filter_body > ul > li .daps5 a{background:url('//image.istyle24.com/Style24/images/mo/ico_bracket2.png') 4rem 40% no-repeat;}
-.filter_body > ul > li a.on{color:#222;}
+.filter_body > ul > li a.on{color: #fb6327;}
 .filter_body > ul > li.categori .daps2 > li > a.on, .filter_body > ul > li.categori .daps3 > li > a.on, .filter_body > ul > li.categori .daps4 > li > a.on {border-bottom: 0.1rem solid #ddd;}
 .filter_body > ul > li.categori .daps2 > li > a.on:after,
 .filter_body > ul > li.categori .daps3 > li > a.on:after,

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

@@ -77,14 +77,14 @@
 .post-visual .swiper-slide {
 	box-shadow: 0 0 3rem rgba(0,0,0,0.20), 0 0 3rem rgba(0,0,0,0.20);
 	position: relative;
-	mask-image: 
-	linear-gradient(to top right, transparent 49.5%, white 50.5%), 
-	linear-gradient(to top left, transparent 49.5%, white 50.5%), 
+	mask-image:
+	linear-gradient(to top right, transparent 49.5%, white 50.5%),
+	linear-gradient(to top left, transparent 49.5%, white 50.5%),
 	linear-gradient(white, white),
 	linear-gradient(white, white);
-	-webkit-mask-image: 
-	linear-gradient(to top right, transparent 49.5%, white 50.5%), 
-	linear-gradient(to top left, transparent 49.5%, white 50.5%), 
+	-webkit-mask-image:
+	linear-gradient(to top right, transparent 49.5%, white 50.5%),
+	linear-gradient(to top left, transparent 49.5%, white 50.5%),
 	linear-gradient(white, white),
 	linear-gradient(white, white);
     mask-size: 86.6072% 0%, 13.3928% 13.4285%, 86.6072% 100%, 100% 86.5715%;
@@ -122,7 +122,7 @@
 	.post-visual.swiper-container {margin-left: 0;}
 	.main .post-visual .swiper-slide {padding-bottom: 0;}
 	.main .post-visual .swiper-slide::before {display: block;}
-	.main .post-visual .swiper-slide img {box-shadow: 0 0 3rem rgba(0,0,0,0.2), 0 0 3rem rgba(0,0,0,0.2);} 
+	.main .post-visual .swiper-slide img {box-shadow: 0 0 3rem rgba(0,0,0,0.2), 0 0 3rem rgba(0,0,0,0.2);}
 	.main .post-visual .swiper-slide img::after{
 		content: '';
 		position: absolute;
@@ -155,8 +155,8 @@
 	}
 }
 .post-visual .swiper-slide img::after{content: '';position: absolute;width: 15rem;height: 15rem;bottom: 3rem;right: 3rem;background: #fff;border: 0;box-sizing: border-box;transform: rotate(135deg);box-shadow: 0 -2.5rem 1rem -0.7rem rgba(0,0,0,0.20);background: linear-gradient(135deg, #fff 10.6rem, transparent 0);}
-.post-visual .swiper-slide::after {content: '';position: absolute;top: 0;bottom: 1.5rem;left: 1rem;width: 100%;height: 100%;z-index: -1;}  
-.post-visual .txtWrap{position: absolute;padding-left: 0.0rem;top: auto;bottom: 9.0rem;left: 2.0rem;right: 2rem;z-index: 1;} 
+.post-visual .swiper-slide::after {content: '';position: absolute;top: 0;bottom: 1.5rem;left: 1rem;width: 100%;height: 100%;z-index: -1;}
+.post-visual .txtWrap{position: absolute;padding-left: 0.0rem;top: auto;bottom: 9.0rem;left: 2.0rem;right: 2rem;z-index: 1;}
 .post-visual .txtWrap dl {color: #222;}
 .post-visual .txtWrap dl.w {color: #fff;}
 .post-visual .txtWrap dt {font-size: 1.5rem;font-weight: 200;line-height: 3.6rem;}
@@ -266,7 +266,7 @@
 .main_recomm {margin: 0 auto;}
 .main_recomm .titWrap{padding: 4rem 0 2rem 0;}
 .main_recomm .swiper-slide {position: relative;margin: 0 0;width:auto;display: inline-flex !important;}
-.main_recomm .recomm-head, 
+.main_recomm .recomm-head,
 .main_recomm .recomm-post {margin-bottom: 2.5rem;overflow: visible;}
 .main_recomm .recomm-head button {height:3.5rem;font-size:1.23rem;height:4.0rem;font-size:1.28rem;border-radius: 5.0rem;transition: all 1ms ease;}
 .main_recomm .recomm-head button.active {line-height: 1;background: #222222;border-color: #222222;color: #ffffff;transition: all 200ms cubic-bezier(0.42, -0.04, 1, 1);}
@@ -282,10 +282,10 @@
 }
 .btn_shape.active:after{
 	content: "";bottom: 0;right: 0;position: absolute;height: 0;width: 0;padding: 0 0 0 0;background: #222222;
-	border-left: 0 solid #ffffff;border-top: 1rem solid #222222;border-right: 1rem solid #f5f5f5;	
+	border-left: 0 solid #ffffff;border-top: 1rem solid #222222;border-right: 1rem solid #f5f5f5;
 }
 /* 각버튼 테스트2 종료 */
-		
+
 .main_foryou {width: 100%;height:auto; padding: 0 0 4rem 0; position: relative;}
 .main_foryou::after {content: '';display: block;clear: both;}
 .main_foryou .titWrap{padding: 4rem 0 2rem 0;}
@@ -319,7 +319,7 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 
 /* 이용약관,개인정보취급방침,업체리스트 */
 .ps p {font-size:1.2rem;color:#666666;line-height:2.2rem;letter-spacing:-0.025em;}
-.ps {padding:0;} 
+.ps {padding:0;}
 .ps table {word-break:keep-all;margin-top: 3.0rem;width: 100%;border-top: 0.1rem solid #222222;}
 .ps table th,
 .ps table td {position:relative; padding:1.0rem 1.0rem; font-size:1.1rem;line-height: 1.4;color: #222222;letter-spacing:-0.025em;}
@@ -349,12 +349,12 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 .hookGrp .hook_cont h4{font-size:1.4rem;font-weight:500;color:#222222;line-height:1.6rem;letter-spacing:-0.025em;}
 .hookGrp .hook_cont p {font-size:1.2rem;color:#666666;line-height:2.2rem;letter-spacing:-0.025em;}
 .hookGrp .hook_cont p em{font-size:1.2rem;font-weight:400;color:#222222;line-height:2.2rem;letter-spacing:-0.025em;}
-.hookGrp .hook_cont ol li{font-size:1.2rem;padding-left: 0.3rem;} 
+.hookGrp .hook_cont ol li{font-size:1.2rem;padding-left: 0.3rem;}
 .ps#prvc_sel {margin-bottom: 5.0rem;}
 .ps#prvc_sel h4 {font-size:1.4rem;font-weight:500;color:#222222;line-height:1.6rem;letter-spacing:-0.025em;}
 .ps#prvc_sel p {font-size:1.2rem;color:#666666;line-height:2.2rem;letter-spacing:-0.025em;}
 .ps#prvc_sel p em{font-size:1.2rem;font-weight:400;color:#222222;line-height:2.2rem;letter-spacing:-0.025em;}
-.ps#prvc_sel ol li {font-size:1.2rem;padding-left: 0.3rem; line-height: 2.6rem;} 
+.ps#prvc_sel ol li {font-size:1.2rem;padding-left: 0.3rem; line-height: 2.6rem;}
 .ps#prvc_sel ol li a.on{font-weight: 400;}
 .pager {height: 100%;margin-top: 2.0rem;margin-bottom: 2.0rem;}
 .pager .pageNav {display: table;margin-left: auto;margin-right: auto;}
@@ -467,7 +467,7 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 .ev .survey_wrap .survey_con .survey_row.q3 .answer .txt_cnt {position: absolute; right: 1.6rem; bottom: 1.6rem; margin-top: 0; color: #888;}
 .ev .survey_wrap .survey_con .survey_row.q4 .q4_ans {width: 100%; height: 4.5rem; padding: 1rem; font-size: 1.3rem; line-height: 1.6; color: #222; font-weight: 300; resize:none;}
 .ev .survey_wrap .survey_con .btn_wrap {padding: 3rem 2rem 6rem; text-align: center; background: #fff; margin-top: -4rem;}
-.ev .survey_wrap .survey_con .btn_wrap button.btn {width: 100%; padding:1.6rem 0; font-size: 1.4rem; font-weight: 500; height:auto; } 
+.ev .survey_wrap .survey_con .btn_wrap button.btn {width: 100%; padding:1.6rem 0; font-size: 1.4rem; font-weight: 500; height:auto; }
 /* dp basic setting , ev_comment_1 */
 .dp .inner {background: #fff; padding-bottom: 0; margin-bottom:1.2rem;}
 .dp .dp_submain .inner,
@@ -600,7 +600,7 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 .ev_rank .my_rank_info.no_member {padding:3rem 2rem; min-height:auto; text-align: center;}
 .ev_rank .my_rank_info.no_member p {font-size: 1.3rem; font-weight: 200; color: #222; margin-bottom: 2rem;}
 .ev_rank .my_rank_info.no_member .login_btn {width: 100%; font-size: 1.4rem; padding:0; letter-spacing: -0.025em; height:4rem;}
-.ev .icon {position: absolute; top: 50%; left: 0; transform:translateY(-50%); width: 4.5rem; height: 4.5rem; border-radius: 50%; margin-bottom: 1.5rem; color: #fff;} 
+.ev .icon {position: absolute; top: 50%; left: 0; transform:translateY(-50%); width: 4.5rem; height: 4.5rem; border-radius: 50%; margin-bottom: 1.5rem; color: #fff;}
 .ev .icon > span {position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); font-size: 1.6rem; font-weight: 600; color: #fff;}
 .ev .icon + span {font-size: 1.6rem; color: #666; font-weight: 500;}
 .ev .icon.vip {background: #fd4802;}
@@ -691,7 +691,7 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 .my .desc_txt {margin-top: 1.5rem; font-size: 1.1rem; color: #666; font-weight: 200; position: relative; padding-left: 0.6rem;}
 .my .desc_txt:before {content:''; position: absolute; left: 0; top: 0.6rem; width: 0.2rem; height: 0.2rem; background: #888;}
 .my .required_group {margin-bottom: 3rem; padding:1.5rem 0; position: relative; background: #fff6f2; border: 0.1rem solid #ffe4d9; text-align: center;}
-.my .required_group:after, 
+.my .required_group:after,
 .my .required_group:before {content: "";position: absolute;top: 100%;left: 50%;height: 0;width: 0;border: solid transparent;pointer-events: none; z-index: 8;}
 .my .required_group:after {margin-left: -0.7rem; margin-top: 0rem; border-width: 0.7rem;border-color: rgba(255, 246, 242, 0);border-top-color: #fff6f2;}
 .my .required_group:before {margin-left: -0.9rem;border-width: 0.9rem;border-color: rgba(255, 228, 217, 0);border-top-color: #ffe4d9;}
@@ -927,7 +927,7 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 .my .review_score {margin-top: 1.4rem;padding-bottom: 2.0rem;border-bottom: 0.1rem solid #dddddd;}
 .my .review_score #star_grade {width: 14.0rem;margin:0 auto;}
 .my .review_score #star_grade button {display: inline-block; width: 2.5rem; height: 2.5rem; text-decoration: none; background: url(//image.istyle24.com/Style24/images/pc/ico_star01.png) no-repeat center;}
-.my .review_score #star_grade button.on {background: url(//image.istyle24.com/Style24/images/pc/ico_star02.png) no-repeat center;} 
+.my .review_score #star_grade button.on {background: url(//image.istyle24.com/Style24/images/pc/ico_star02.png) no-repeat center;}
 .my .review_score #star_grade span {display: inline-block; width: 1.5rem; height: 1.5rem; text-decoration: none; background: url(//image.istyle24.com/Style24/images/pc/ico_star01.png) no-repeat center/cover;}
 .my .review_score #star_grade span.on {background: url(//image.istyle24.com/Style24/images/pc/ico_star02.png) no-repeat center/cover;}
 .my .review .tbl_wrap {padding:3rem 0 0 0;}
@@ -942,7 +942,7 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 .my .review .tbl_wrap .tbl .password .btn.btn_primary {width: 100%; height: 4.5rem; background: #fff; color:#fd4802}
 .my .review .desc_txt {margin-top: 1.5rem; font-size: 1.1rem; color: #666; font-weight: 200; position: relative; padding-left: 0.6rem;}
 .my .review .desc_txt:before {content:''; position: absolute; left: 0; top: 0.6rem; width: 0.2rem; height: 0.2rem; background: #888;}
-.my .review .btn_group_flex {margin:0; background: #fff;} 
+.my .review .btn_group_flex {margin:0; background: #fff;}
 .my .review .tbl_wrap .tbl td .certi_wrap {display: block;}
 .my .review .tbl_wrap .tbl td .certi_wrap .btn {width: 8.6rem; height: 4.5rem; position: absolute; top: 0; right: 0; padding: 0; text-align: center;}
 .my .review .tbl_wrap .tbl th.ver_top {vertical-align: top; padding-top: 2.5rem;}
@@ -953,11 +953,11 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 .my .review .tbl_wrap .tbl.review_tbl td textarea {height: 20rem;}
 .my .review .tbl_wrap .tbl td .select {width: 40rem;}
 .my .review .tbl_wrap .tbl td .txt_cnt {background: #fff; width: calc(100% - 3.0rem); position: absolute; bottom: 1.7rem; right: 1.5rem; margin-top: 0; padding:0 0 0.5rem; font-size: 1.3rem; text-align: right; color: #888;}
-.my .review .tbl_wrap .tbl td .rev_height, 
+.my .review .tbl_wrap .tbl td .rev_height,
 .my .review .tbl_wrap .tbl td .rev_weight {border:0.1rem solid #ddd; position: relative;}
-.my .review .tbl_wrap .tbl td .rev_height input, 
+.my .review .tbl_wrap .tbl td .rev_height input,
 .my .review .tbl_wrap .tbl td .rev_weight input {border:none; padding:0 2rem; width: 100%; height: 4.2rem; font-size: 1.4rem; font-weight: 200;}
-.my .review .tbl_wrap .tbl td .rev_height span, 
+.my .review .tbl_wrap .tbl td .rev_height span,
 .my .review .tbl_wrap .tbl td .rev_weight span {position: absolute; top: 1.5rem; right: 2rem; font-size: 1.4rem; font-weight: 300;}
 .my .review .tbl_wrap .tbl table[data-name="rating"] tr{border-bottom: 0.1rem solid #dddddd;padding:2rem 0;}
 .my .review .tbl_wrap .tbl table[data-name="rating"] tr:first-child th{padding: 0rem 0 1rem 0;}
@@ -1038,7 +1038,7 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 /* 마이페이지_table */
 .tbl_wrap .tbl_tit {padding-bottom: 1.5rem; position: relative;}
 .tbl_wrap .tbl_tit h3 {font-size: 1.6rem;}
-.tbl_wrap .tbl {padding:1.5rem 0 0; border-top:0.1rem solid #000; border-bottom:0;} 
+.tbl_wrap .tbl {padding:1.5rem 0 0; border-top:0.1rem solid #000; border-bottom:0;}
 .tbl_wrap .tbl table {text-align:left; word-break:keep-all; width: 100%;}
 .tbl_wrap .tbl table th,
 .tbl_wrap .tbl table td {position:relative; padding:0; font-weight:300; font-size:1.3rem; padding-bottom: 1.5rem; vertical-align: top; word-break: break-all;}
@@ -1052,7 +1052,7 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 .pay_wrap .tbl dl > div:after {content:''; display: block; clear:both;}
 .pay_wrap .tbl table dt {vertical-align: top; background: url('//image.istyle24.com/Style24/images/mo/ico_bracket.png') no-repeat left top 0.2rem; background-size:0.7rem; padding-left: 1.3rem; color: #888; float:left; margin-bottom: 1.4rem; font-weight: 300;}
 .pay_wrap .tbl dl > div:last-child dt, .pay_wrap .tbl dl > div:last-child dd {margin-bottom: 0;}
-.pay_wrap .tbl table dd {text-align: right; color: #666; float:right;} 
+.pay_wrap .tbl table dd {text-align: right; color: #666; float:right;}
 .pay_wrap .tbl .btn {float: right; padding:0.6rem 1.3rem; font-size: 1.1rem; height:auto; margin-top: 1rem; display: block; margin-left:50%;}
 .pay_wrap .tbl .btn:after {content:''; clear:both; display: block;}
 /* my_order_3 */
@@ -1865,7 +1865,7 @@ main.my .my_wishlist .inner:last-child {padding-bottom: 0;}
 .od .foldGroup .fold_head.on .fold_tit span {font-weight: 500;}
 .od .foldGroup .fold_head.on .fold_tit span.fold_txt {display: none;}
 .od .foldGroup .customer_info {padding-top: 0;}
-.od .foldGroup .customer_info dd {font-weight: 300; color: #222;} 
+.od .foldGroup .customer_info dd {font-weight: 300; color: #222;}
 .od .ship_info {position: relative;}
 .od .ship_info .btn_popup {position: absolute; top: 0; right: 0; border:0.1rem solid #ddd; width: 7rem; height: 3rem; padding:0; line-height: 3rem; font-size: 1.1rem;}
 .od .ship_info .company {font-weight: 500;}
@@ -1900,7 +1900,7 @@ main.my .my_wishlist .inner:last-child {padding-bottom: 0;}
 .nonMBorder .nonMBorder_tit .text_box p {text-align: center; font-size: 1.4rem; line-height: 1.4;}
 .nonMBorder .cont_head .text_box {margin-top:2.7rem; color:#666; font-size:1.6rem; font-weight:200; line-height:2.6rem; text-align:center;}
 .nonMBorder .cont_head {text-align:center;}
-.nonMBorder .cont_head h3 {margin-bottom:4rem; font-size:4rem; font-weight:500;} 
+.nonMBorder .cont_head h3 {margin-bottom:4rem; font-size:4rem; font-weight:500;}
 .nonMBorder input[type="text"] {float:none; width:100%; height:4.5rem; padding:1.7rem 1.5rem; color:#222; font-size:1.3rem; font-weight:300;}
 .nonMBorder input[type="text"]::placeholder {color:#888; font-weight:200;}
 .nonMBorder input[placeholder="배송주소"] {padding-right: 4.5rem;}
@@ -1921,7 +1921,7 @@ main.my .my_wishlist .inner:last-child {padding-bottom: 0;}
 .nonMBorder .agree_nomb_txt_box > div {overflow:auto; max-height:16rem; color:#888; font-size:1.4rem; line-height:1.5; font-weight:200;}
 .nonMBorder .agree_nomb_txt_box > div.agree_nombPrivacy {margin-bottom: 1rem;}
 .nonMBorder .adress_area dl {padding:2rem 0 0}
-.nonMBorder .adress_area dl div {margin-top:1.5rem;} 
+.nonMBorder .adress_area dl div {margin-top:1.5rem;}
 .nonMBorder .adress_area dl div:first-of-type {margin-top:0}
 .nonMBorder .adress_area dl div dt {float:left; margin-top:-0.4rem;}
 .nonMBorder .adress_area dl div dt span {display:inline-block; width:4.6rem; height:2.2rem; padding:0.4rem 0; margin-right:1rem; border:0.1rem solid #ddd; font-size:1.2rem; text-align:center; vertical-align:top;}
@@ -2000,7 +2000,7 @@ main.container .shopping_bag .inner:last-child {padding-bottom: 0;}
 .shopping_bag .area_order .od_amount_box .t_info {margin-top:2rem; text-align:right;}
 .shopping_bag .area_order .od_amount_box .btn_link {display:inline-block; padding:0 1.3rem; height:4rem; line-height:3.8rem; color:#222; font-size:1.4rem; font-weight:300; border:0.1rem solid #a7a7a7; box-sizing:border-box;}
 .shopping_bag .info_box .od_exinfo {margin-top: 0.9rem;}
-.shopping_bag .info_box .od_exinfo a:after {content:''; display: inline-block; border-top: 0.3rem solid transparent; border-bottom: 0.3rem solid transparent; border-left: 0.3rem solid #fd4802; margin-left: 0.6rem;} 
+.shopping_bag .info_box .od_exinfo a:after {content:''; display: inline-block; border-top: 0.3rem solid transparent; border-bottom: 0.3rem solid transparent; border-left: 0.3rem solid #fd4802; margin-left: 0.6rem;}
 .shopping_bag .part_goods .goods_section > .od_calc {margin: 1rem 0 0 3rem; padding:1.3rem 0 0 0; position: relative; line-height: 1; border-top: 0.1rem solid #ddd;}
 .od .area_order .od_amount_box .btn_link::after {display:none;}
 .od .area_order .totalprice_box {padding:0 0 0}
@@ -2023,7 +2023,7 @@ main.container .shopping_bag .inner:last-child {padding-bottom: 0;}
 .od .area_salecoupon .coupon_box .coupon > div::after {content:''; position:absolute; top:50%; right:-0.1rem; transform:translateY(-50%); width:1.5rem; height:3rem; background:#fff; z-index:2; border:0.1rem solid #ddd; border-right:none; border-top-left-radius:1.5rem; border-bottom-left-radius:1.5rem; overflow:hidden;}
 .od .area_salecoupon .coupon_box .coupon p {padding:0 2rem;}
 .od .area_salecoupon .coupon_box .coupon .cp_name {padding-top:2.5rem; color:#222; font-size:1.4rem; font-weight:300;}
-.od .area_salecoupon .coupon_box .coupon .cp_cont {margin-top:1rem;} 
+.od .area_salecoupon .coupon_box .coupon .cp_cont {margin-top:1rem;}
 .od .area_salecoupon .coupon_box .coupon .cp_cont span {color:#fd4802; font-size:2.2rem; font-weight:700;}
 .od .area_salecoupon .coupon_box .coupon .cp_cont span em {font-size:2.8rem;}
 .od .area_salecoupon .coupon_box .coupon .cp_condition {margin-top:1.5rem; padding-bottom:1.5rem; color:#888; font-size:1.2rem; font-weight:300; line-height:1.4;}
@@ -2195,7 +2195,7 @@ main.container .od_extra .inner:last-child {padding-bottom: 0;}
 .popup_main_notice .popup_content .popup_body .swiper-container .swiper-pagination-fraction {top: 43%; bottom:auto; width:auto; left: 5.55%; transform:translateX(0); background: rgba(34,34,34,.5); color: #fff; font-weight: 300;padding:0.5rem 0.8rem; line-height: 1; font-size: 1.2rem; border-radius:2rem;}
 .popup_main_notice .popup_content .popup_body .swiper-container .swiper-pagination-current {font-weight: 600;}
 /* popup_메인공지 HALF */
-.popup_main_notice.half {background: rgba(0,0,0,.9); height: auto;}
+.popup_main_notice.half {background: rgba(0,0,0,.7); height: auto;}
 .popup_main_notice.half .popup_content {position: absolute; left: 0; bottom: 0; height:auto;}
 .popup_main_notice.half .popup_content .popup_body .swiper-slide img {width: 100%; position: relative; top:auto; bottom: 0; left: 0; transform:none; height: auto;}
 .popup_main_notice.half .popup_content .popup_body {position:relative; height:auto;}

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

@@ -330,11 +330,28 @@ $( document ).ready( function() {
 
 * * * * * * * * * * * * * * * * * * * * * */
 $(document).ready(function () {
+
+	// 0906_  body.gnb_on 일 경우, 반응 없음 추후 최적화 필요.
+	if($('body').is('.gnb_on') === false){
+	    $("header").css('display', 'block');
+	    $("header").css('position', 'fixed');
+	    $("#gnb").css('display', 'block');
+	    $("#gnb").css('position', 'fixed');
+	    $("#gnb").css('top', '55px');
+	    $(".tabbar").addClass("fixed");
+	    $("section.content, section.main, .bnrtype_banner").removeClass('scr');
+	}
+
         //210525_마우스 휠을 스크롤 이벤트로 변경 및 3가지 경우의 수 헤더 정리
         var lastScrollTop = 0;
         $(window).scroll(function (event) {
+            // 0906_  body.gnb_on 일 경우, 반응 없음
+            if($('body').is('.gnb_on') === false){
+                $("header").css('display', 'block');
+                $("header").css('position', 'fixed');
+            };
             //경우1 : only htopMain
-            if($('section').is('#htopMain') === true && $('div').is('#gnb') === false){
+            if($('section').is('#htopMain') === true && $('div').is('#gnb') === false && $('body').is('.gnb_on') === false){
                 var commonSt = $(this).scrollTop();
                 if (commonSt > lastScrollTop) {
                     $("header").css('display', 'none');
@@ -347,7 +364,7 @@ $(document).ready(function () {
                 }
                 lastScrollTop = commonSt;
             //경우2 : htopMian + gnb
-            } else if($('section').is('#htopMain') === true && $('div').is('#gnb') === true) {
+            } else if($('section').is('#htopMain') === true && $('div').is('#gnb') === true && $('body').is('.gnb_on') === false) {
                 var commonSt = $(this).scrollTop();
                 if (commonSt > lastScrollTop) {
                     $("header").css('display', 'none');
@@ -424,6 +441,7 @@ $(document).ready(function () {
             $(this).toggleClass("on");
             $(".hmenu").toggleClass("on");
             $("body").toggleClass("gnb_on");
+            $(".scrollWrap").scrollTop(0);
         });
         // GNB
         $(".btn_gnbs").on("click", function () {

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

@@ -331,13 +331,17 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 #quick_menu .tabs_con {display:none; position: relative; margin-right:-363px; transition:all 0.3s;}
 #quick_menu.active .tabs_con {display:block; margin-right:0px;}
 #quick_menu .quick_close_btn {position: absolute; right:30px; top: 30px; width: 22px; height: 22px; background: url('//image.istyle24.com/Style24/images/pc/ico_quick_close.png') no-repeat center/100%; z-index: 8;}
-#quick_menu .quick_con {position:relative;width:363px;height:100%;background:#fff;height:800px; display:none;}
+#quick_menu .quick_con {display:none;position:relative;background:#fff;width:363px;height: auto;max-height: 700px;min-height: 400px;}
+
+
 #quick_menu .quick_con .quick_head {position: relative; height:94px; padding: 30px; padding-bottom: 40px;}
 #quick_menu .quick_con .quick_head::after {display:none;}
 #quick_menu .quick_con .quick_head h3 {font-size: 24px; font-weight: 500; margin-bottom: 0;}
 #quick_menu .quick_con .quick_head h3 a {color: #222; position: relative; display: inline-block; padding-right: 22px;}
 #quick_menu .quick_con .quick_head h3 a:after {content:''; position: absolute; top: 50%; transform:translateY(-60%); right: 0; width: 8px; height: 15px; background: url('//image.istyle24.com/Style24/images/pc/ico_dp_arrow.png') no-repeat center/100%;}
-#quick_menu .quick_con .quick_body {padding:0 30px 30px; height: 705px; overflow-y:scroll;}
+#quick_menu .quick_con .quick_body {padding:0 30px 30px; height: auto;min-height:325px;max-height:605px;overflow-y:scroll;}
+
+
 #quick_menu .quick_con .quick_body::after {display:none;}
 #quick_menu .quick_con .product_count {margin-bottom: 20px; font-size: 16px; color: #888;}
 #quick_menu .quick_con .product_count span {font-weight: 500;}
@@ -359,8 +363,8 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 
 /* 퀵메뉴_쇼핑백 */
 .itemsGrp {margin-bottom:0;}
-#quick_menu .shopingbag .quick_body {height: 655px; overflow-y:scroll;}
-#quick_menu .shopingbag .quick_body.nodata {height: 708px;}
+#quick_menu .shopingbag .quick_body {height: auto;/*height: 655px; */overflow-y:scroll;}
+#quick_menu .shopingbag .quick_body.nodata {height: 608px;}
 #quick_menu .shopingbag .quick_body .itemsGrp.empty {display: none;}
 #quick_menu .shopingbag .quick_body.nodata .itemsGrp.existence {display: none;}
 #quick_menu .shopingbag .quick_body.nodata .itemsGrp .item_prod:first-child{padding-top: 20px;}
@@ -434,7 +438,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 #quick_menu .coupon .coupon_tab a:first-child:after {content:''; position: absolute; top: 0; right: -15px; width: 1px; height: 16px; background: #ddd;}
 #quick_menu .coupon .coupon_tab a.active {font-weight: 300; color:#222;}
 #quick_menu .coupon .more_btn {width: 100%; position: absolute; left: 50%; bottom: 30px; z-index: 90; width: 302px; height: 42px; line-height: 42px; color: #222; font-size: 14px; font-weight: 300; transform: translateX(-50%); text-align: center; border:1px solid #ddd; background:#fff url('//image.istyle24.com/Style24/images/pc/ico_more_sm.png') no-repeat left 177px center;}
-#quick_menu .coupon .coupon_area {height:552px; overflow-y:auto;}
+#quick_menu .coupon .coupon_area {height:480px;overflow-y:auto;margin-bottom: 50px;}
 #quick_menu .coupon .coupon_area::-webkit-scrollbar {width:4px;}
 #quick_menu .coupon .coupon_area::-webkit-scrollbar-thumb {background-color:#222222; border-radius:50px; -webkit-border-radius:50px; background-clip:padding-box; border:1px solid transparent;}
 #quick_menu .coupon .coupon_area::-webkit-scrollbar-track {background-color:#f8f8f8; border-radius:50px; -webkit-border-radius:50px;}
@@ -3540,6 +3544,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.sch dl::after,
 	.sch ul::after {content:''; clear:both; display:block;}
 	.sch .sch_result {padding-bottom:150px;}
+	.sch .sch_result.brand .cont_head { margin-bottom: 50px;}
 
     /* sch_result */
 	.sch_result .nodata {padding:60px 0 100px; text-align:center;}
@@ -3730,7 +3735,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.br_lookbook_view.cont_others .cont_head button span {display:inline-block; line-height:1;}
 	.br_lookbook_view.cont_others .cont_body {position:relative; padding-left:70px; padding-right:70px;}
 	.br_lookbook_view.cont_others .swiper-slide a {display:block;}
-	.br_lookbook_view.cont_others .swiper-slide a .thumb {display:block; position:relative; width:100%; height:0; padding-top:100%; background:#f5f5f5;}
+	.br_lookbook_view.cont_others .swiper-slide a .thumb {display:block; position:relative; width:100%; height:0; padding-top:100%; background:#f5f5f5;overflow:hidden;}
 	.br_lookbook_view.cont_others .swiper-slide a .thumb img {position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; z-index:1;}
 	.br_lookbook_view.cont_others .swiper-slide a .txt {margin-top:10px; padding:0px 5px 0px;}
 	.br_lookbook_view.cont_others .swiper-slide a .txt .title {display:block; display: -webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; height:56px; line-height:28px; color:#222; font-weight:500; font-size:18px; word-break:keep-all; white-space:normal;}