Преглед изворни кода

Merge branch 'develop' of http://112.172.147.34:4936/style24/style24.front.git into develop

eskim пре 4 година
родитељ
комит
ea2836bc27

+ 1 - 13
src/main/java/com/style24/front/biz/service/TsfCartService.java

@@ -402,11 +402,9 @@ public class TsfCartService {
 					cart.setCartSq(cartSqList.iterator().next().getCartSq());
 					cartSqs.add(cart.getCartSq());
 					cartDao.updateCartInfo(cart);               // 장바구니 정보 수정
-					cartDao.insertCartHst(cart);                // 장바구니 수정 이력 저장
 				}
 			} else {
 				cartDao.insertCartInfo(cart);					// 장바구니 마스터 정보 저장
-				cartDao.insertCartHst(cart);                    // 장바구니 이력 정보 저장
 
 				cartSqs.add(cart.getCartSq());
 				sendCartSqList.add(cart.getCartSq() + "");
@@ -418,7 +416,6 @@ public class TsfCartService {
 					param.setUpdNo(cart.getUpdNo());
 
 					cartDao.insertCartDetailInfo(param);		// 장바구니 상세 저장
-					cartDao.insertCartDetailHst(param);         // 장바구니 상세 이력 저장
 				}
 			}
 		}
@@ -489,13 +486,10 @@ public class TsfCartService {
 					item.setCartSq(cartSqList.iterator().next());
 					cartSqs.add(item.getCartSq());
 					cartDao.updateCartInfo(item);
-					cartDao.insertCartHst(item);                // 장바구니 수정 이력 저장
 				}
 			} else {
 				cartDao.insertCartInfo(item);					// 장바구니 마스터 정보 저장
-				cartDao.insertCartHst(item);					// 장바구니 수정 이력 저장
 				cartDao.insertCartDetailInfo(item);				// 장바구니 상세 저장
-				cartDao.insertCartDetailHst(item);				// 장바구니 수정 이력 저장
 
 				cartSqs.add(item.getCartSq());
 				sendCartSqList.add(item.getCartSq() + "");
@@ -1285,7 +1279,6 @@ public class TsfCartService {
 					cart.setRegNo(param.getRegNo());
 
 					cartDao.updateCartInfo(cart);				// 장바구니 정보 수정
-					cartDao.insertCartHst(cart);				// 장바구니 수정 이력 저장
 
 					// 장바구니 삭제
 					int[] cartSqArr = {param.getCartSq()};
@@ -1295,14 +1288,12 @@ public class TsfCartService {
 				}
 			} else {		// 동일 상품 없을 시 UPDATE
 				cartDao.updateCartGoodsQty(param);						// 장바구니 마스터 정보 저장
-				cartDao.insertCartHst(param);					// 장바구니 이력 정보 저장
 				for(int i = 0 ; i < param.getCartDtlSqArr().length ; i++) {
 					param.setItemCd(param.getItemCds()[i]);
 					param.setCartDtlSq(param.getCartDtlSqArr()[i]);
 					param.setOptCd(param.getOptCds()[i]);
 
 					cartDao.updateCartDetail(param);		// 장바구니 상세 저장
-					cartDao.insertCartDetailHst(param);		// 장바구니 상세 이력 저장
 				}
 			}
 		} else {
@@ -1318,7 +1309,6 @@ public class TsfCartService {
 				} else {
 					param.setCartSq(cartSqList.iterator().next());
 					cartDao.updateCartInfo(param);				// 장바구니 기존 데이터에 UPDATE(수량증가)
-					cartDao.insertCartHst(param);				// 장바구니 수정 이력 저장
 
 					// 이전 장바구니에 수정되었으므로 현재 수정된 장바구니 데이터 삭제
 					int[] delCartSq = {param.getNotCartSq()};
@@ -1327,15 +1317,13 @@ public class TsfCartService {
 					cartDao.deleteCartDetail(param);			// 현재 장바구니 삭제
 				}
 			} else {
-				cartDao.updateCartGoodsQty(param);						// 장바구니 마스터 정보 저장
-				cartDao.insertCartHst(param);					// 장바구니 수정 이력 저장
+				cartDao.updateCartGoodsQty(param);				// 장바구니 마스터 정보 저장
 
 				param.setItemCd(param.getItemCds()[0]);
 				param.setCartDtlSq(param.getCartDtlSqArr()[0]);
 				param.setOptCd(param.getOptCds()[0]);
 
 				cartDao.updateCartDetail(param);                // 장바구니 상세 저장
-				cartDao.insertCartDetailHst(param);                // 장바구니 수정 이력 저장
 			}
 		}
 

+ 7 - 1
src/main/java/com/style24/front/biz/service/TsfOrderService.java

@@ -400,11 +400,16 @@ public class TsfOrderService {
 				result.setPayMeans(TscConstants.PayMeans.CREDIT_CARD.value());
 			}
 
-			// 모바일 주문의 경우 result에서 고객 번호 보유중.
 			if(TscConstants.FrontGb.PC.value().equals(TsfSession.getFrontGb())) {
 				result.setUpdNo(param.getCustNo());
 				result.setRegNo(param.getCustNo());
 			}
+
+			if(result.getCustNo() < 1) {
+				result.setCustNo(param.getCustNo());
+				result.setRegNo(param.getCustNo());
+				result.setUpdNo(param.getCustNo());
+			}
 			
 			// 결제구분 처리
 			if (StringUtils.isBlank(param.getPayGb())) {
@@ -2043,6 +2048,7 @@ public class TsfOrderService {
 			
 			// 장바구니 이력등록
 			cartDao.insertCartHst(cart);
+			cartDao.insertCartDetailHst(cart);
 		}
 
 		return "SUCCESS";

+ 1 - 1
src/main/java/com/style24/persistence/mybatis/shop/TsfCart.xml

@@ -260,7 +260,7 @@
 			 , #{regNo}
 			 , CURRENT_TIMESTAMP
 		FROM   TB_CART_DETAIL CD
-		WHERE  CD.CART_DTL_SQ = #{cartDtlSq}
+		WHERE  CD.CART_SQ = #{cartSq}
 	</insert>
 
 	<!-- 다다익선 기본 상품 조회 -->

+ 9 - 9
src/main/java/com/style24/persistence/mybatis/shop/TsfDisplay.xml

@@ -1212,14 +1212,14 @@
 	<select id="getBrandImgList" parameterType="BrandGroup" resultType="BrandGroup">
 		/* TsfDisplay.getBrandImgList */
 		WITH TAB AS (
-		    SELECT  STR_TITLE3
-		    FROM  TB_CONTENTS
-		    WHERE 1=1
-		    AND   CONTENTS_LOC = 'STAB001'
-		    AND   DISP_STDT <![CDATA[<=]]> NOW()
-		    AND   DISP_EDDT <![CDATA[>=]]> NOW()
-		    GROUP BY STR_TITLE3
-		    ORDER BY STR_TITLE3
+		    SELECT  CAST(STR_TITLE3 AS UNSIGNED) AS STR_TITLE3
+		    FROM   TB_CONTENTS
+		    WHERE  1=1
+		    AND    CONTENTS_LOC = 'STAB001'
+		    AND    DISP_STDT <![CDATA[<=]]> NOW()
+		    AND    DISP_EDDT <![CDATA[>=]]> NOW()
+		    GROUP BY  CAST(STR_TITLE3 AS UNSIGNED)
+		    ORDER BY  CAST(STR_TITLE3 AS UNSIGNED)
 		    LIMIT 1
 		)
 		SELECT	Z.BRAND_GROUP_NO
@@ -1244,7 +1244,7 @@
 		    AND		B.USE_YN = 'Y'
 		    AND		BG.USE_YN = 'Y'
 		<if test='selfYn != null and selfYn == "Y"'>
-		    AND		B.SELF_YN = 'Y'
+		    <!-- AND		B.SELF_YN = 'Y'  21.07.28 기획 한리더 요청으로 입점 브랜드도 노출하도록 수정 -->
 		    AND		(BG.LOGO_FILE_NM <![CDATA[<>]]> '' AND BG.LOGO_FILE_NM IS NOT NULL)
 		</if>
 		<if test="brandGroupNo != null and brandGroupNo != ''">

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

@@ -163,10 +163,10 @@
 					<div class="filter_header">
 						<div class="form_field">
 							<div>
-								<input id="unisex" type="checkbox" onclick="fnFilterOption(this,'on');"><label for="unisex"> <span>남여 공용만 보기</span> </label>
+								<input id="unisex" type="checkbox" onclick="fnResetListIdx();fnFilterOption(this,'on');"><label for="unisex"> <span>남여 공용만 보기</span> </label>
 							</div>
 							<div>
-								<input id="newGoods" type="checkbox" onclick="fnFilterOption(this,'on');"><label for="newGoods"> <span>신상품만 보기</span> </label>
+								<input id="newGoods" type="checkbox" onclick="fnResetListIdx();fnFilterOption(this,'on');"><label for="newGoods"> <span>신상품만 보기</span> </label>
 							</div>
 						</div>
 					</div>
@@ -176,7 +176,7 @@
 							<li class="categori chkFilter" id="categoryFilterDiv">
 								<a href="javascript:void(0)" class="daps1">카테고리<span class="pic"></span></a>
 								<ul class="daps2" id="categoryArea">
-									<li><a href="javascript:void(0);" onclick="fnSetMobCateFilter(this, 'ALL');">전체</a></li>
+									<li><a href="javascript:void(0);" onclick="fnResetListIdx();fnSetMobCateFilter(this, 'ALL');">전체</a></li>
 								</ul>
 							</li>
 							<li class="brand chkFilter" th:if="${filterBrandList != null and !filterBrandList.empty}" id="brandGroupFilterDiv">
@@ -186,7 +186,7 @@
 										<a href="javascript:void(0)">
 											<div class="form_field">
 												<div>
-													<input th:id="${'chkFilterBrand' + status.index}" name="brandGroup" type="checkbox" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm}" onclick="fnSelectFilerMob(this,'brandGroup','off','');"><label th:for="${'chkFilterBrand' + status.index}"><span th:text="${oneData.filterNm}"></span></label>
+													<input th:id="${'chkFilterBrand' + status.index}" name="brandGroup" type="checkbox" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm}" onclick="fnResetListIdx();fnSelectFilerMob(this,'brandGroup','off','');"><label th:for="${'chkFilterBrand' + status.index}"><span th:text="${oneData.filterNm}"></span></label>
 												</div>
 											</div>
 										</a>
@@ -201,7 +201,7 @@
 											<strong>상의</strong>
 											<th:block th:each="oneData, status : ${filterSizeList}" th:if="${#strings.startsWith(oneData.filterCd,'T')}">
 												<label class="size_btn">
-													<input type="checkbox" group="filterValue" th:id="${'chkFilterTSize' + status.index}" name="size" th:vale="${oneData.filterNm}" th:data-id="${oneData.filterNm}" data-idx="1" onclick="fnSelectFilerMob(this,'size','off','1');"><span th:text="${oneData.filterNm}">80</span>
+													<input type="checkbox" group="filterValue" th:id="${'chkFilterTSize' + status.index}" name="size" th:vale="${oneData.filterNm}" th:data-id="${oneData.filterNm}" data-idx="1" onclick="fnResetListIdx();fnSelectFilerMob(this,'size','off','1');"><span th:text="${oneData.filterNm}">80</span>
 												</label>
 											</th:block>
 										</li>
@@ -209,7 +209,7 @@
 											<strong>하의</strong>
 											<th:block th:each="oneData, status : ${filterSizeList}" th:if="${#strings.startsWith(oneData.filterCd,'B')}">
 												<label class="size_btn">
-													<input type="checkbox" group="filterValue" th:id="${'chkFilterBSize' + status.index}" name="size" th:vale="${oneData.filterNm}" th:data-id="${oneData.filterNm}" data-idx="2" onclick="fnSelectFilerMob(this,'size','off','2');"><span th:text="${oneData.filterNm}">44</span>
+													<input type="checkbox" group="filterValue" th:id="${'chkFilterBSize' + status.index}" name="size" th:vale="${oneData.filterNm}" th:data-id="${oneData.filterNm}" data-idx="2" onclick="fnResetListIdx();fnSelectFilerMob(this,'size','off','2');"><span th:text="${oneData.filterNm}">44</span>
 												</label>
 											</th:block>
 										</li>
@@ -217,7 +217,7 @@
 											<strong>신발</strong>
 											<th:block th:each="oneData, status : ${filterSizeList}" th:if="${#strings.startsWith(oneData.filterCd,'S')}">
 												<label class="size_btn">
-													<input type="checkbox" group="filterValue" th:id="${'chkFilterSSize' + status.index}" name="size" th:vale="${oneData.filterNm}" th:data-id="${oneData.filterNm}" data-idx="3" onclick="fnSelectFilerMob(this,'size','off','3');"><span th:text="${oneData.filterNm}">120</span>
+													<input type="checkbox" group="filterValue" th:id="${'chkFilterSSize' + status.index}" name="size" th:vale="${oneData.filterNm}" th:data-id="${oneData.filterNm}" data-idx="3" onclick="fnResetListIdx();fnSelectFilerMob(this,'size','off','3');"><span th:text="${oneData.filterNm}">120</span>
 												</label>
 											</th:block>
 										</li>
@@ -241,7 +241,7 @@
 										<a href="javascript:void(0)">
 											<div class="form_field">
 												<div>
-													<input id="discount1" name="dcRate" type="checkbox" value="0,10" data-id="10% 이하" onclick="filterDcRateMob(this,'dcRate','off','1');"><label for="discount1"> <span id="dcRateText1">10% 이하</span> </label>
+													<input id="discount1" name="dcRate" type="checkbox" value="0,10" data-id="10% 이하" onclick="fnResetListIdx();filterDcRateMob(this,'dcRate','off','1');"><label for="discount1"> <span id="dcRateText1">10% 이하</span> </label>
 												</div>
 											</div>
 										</a>
@@ -250,7 +250,7 @@
 										<a href="javascript:void(0)">
 											<div class="form_field">
 												<div>
-													<input id="discount2" name="dcRate" type="checkbox" value="10,20" data-id="10~20%" onclick="filterDcRateMob(this,'dcRate','off','2');"><label for="discount2"> <span id="dcRateText2">10~20%</span> </label>
+													<input id="discount2" name="dcRate" type="checkbox" value="10,20" data-id="10~20%" onclick="fnResetListIdx();filterDcRateMob(this,'dcRate','off','2');"><label for="discount2"> <span id="dcRateText2">10~20%</span> </label>
 												</div>
 											</div>
 										</a>
@@ -259,7 +259,7 @@
 										<a href="javascript:void(0)">
 											<div class="form_field">
 												<div>
-													<input id="discount3" name="dcRate" type="checkbox" value="20,30" data-id="20~30%" onclick="filterDcRateMob(this,'dcRate','off','3');"><label for="discount3"> <span id="dcRateText3">20~30%</span> </label>
+													<input id="discount3" name="dcRate" type="checkbox" value="20,30" data-id="20~30%" onclick="fnResetListIdx();filterDcRateMob(this,'dcRate','off','3');"><label for="discount3"> <span id="dcRateText3">20~30%</span> </label>
 												</div>
 											</div>
 										</a>
@@ -268,7 +268,7 @@
 										<a href="javascript:void(0)">
 											<div class="form_field">
 												<div>
-													<input id="discount4" name="dcRate" type="checkbox" value="30,40" data-id="30~40%" onclick="filterDcRateMob(this,'dcRate','off','4');"><label for="discount4"> <span id="dcRateText4">30~40%</span> </label>
+													<input id="discount4" name="dcRate" type="checkbox" value="30,40" data-id="30~40%" onclick="fnResetListIdx();filterDcRateMob(this,'dcRate','off','4');"><label for="discount4"> <span id="dcRateText4">30~40%</span> </label>
 												</div>
 											</div>
 										</a>
@@ -277,7 +277,7 @@
 										<a href="javascript:void(0)">
 											<div class="form_field">
 												<div>
-													<input id="discount5" name="dcRate" type="checkbox" value="40,50" data-id="40~50%" onclick="filterDcRateMob(this,'dcRate','off','5');"><label for="discount5"> <span id="dcRateText5">40~50%</span> </label>
+													<input id="discount5" name="dcRate" type="checkbox" value="40,50" data-id="40~50%" onclick="fnResetListIdx();filterDcRateMob(this,'dcRate','off','5');"><label for="discount5"> <span id="dcRateText5">40~50%</span> </label>
 												</div>
 											</div>
 										</a>
@@ -286,7 +286,7 @@
 										<a href="javascript:void(0)">
 											<div class="form_field">
 												<div>
-													<input id="discount6" name="dcRate" type="checkbox" value="50,60" data-id="50~60%" onclick="filterDcRateMob(this,'dcRate','off','6');"><label for="discount6"> <span id="dcRateText6">50~60%</span> </label>
+													<input id="discount6" name="dcRate" type="checkbox" value="50,60" data-id="50~60%" onclick="fnResetListIdx();filterDcRateMob(this,'dcRate','off','6');"><label for="discount6"> <span id="dcRateText6">50~60%</span> </label>
 												</div>
 											</div>
 										</a>
@@ -295,7 +295,7 @@
 										<a href="javascript:void(0)">
 											<div class="form_field">
 												<div>
-													<input id="discount7" name="dcRate" type="checkbox" value="60,70" data-id="60~70%" onclick="filterDcRateMob(this,'dcRate','off','7');"><label for="discount7"> <span id="dcRateText7">60~70%</span> </label>
+													<input id="discount7" name="dcRate" type="checkbox" value="60,70" data-id="60~70%" onclick="fnResetListIdx();filterDcRateMob(this,'dcRate','off','7');"><label for="discount7"> <span id="dcRateText7">60~70%</span> </label>
 												</div>
 											</div>
 										</a>
@@ -304,7 +304,7 @@
 										<a href="javascript:void(0)">
 											<div class="form_field">
 												<div>
-													<input id="discount8" name="dcRate" type="checkbox" value="70,80" data-id="70~80%" onclick="filterDcRateMob(this,'dcRate','off','8');"><label for="discount8"> <span id="dcRateText8">70~80%</span> </label>
+													<input id="discount8" name="dcRate" type="checkbox" value="70,80" data-id="70~80%" onclick="fnResetListIdx();filterDcRateMob(this,'dcRate','off','8');"><label for="discount8"> <span id="dcRateText8">70~80%</span> </label>
 												</div>
 											</div>
 										</a>
@@ -313,7 +313,7 @@
 										<a href="javascript:void(0)">
 											<div class="form_field">
 												<div>
-													<input id="discount9" name="dcRate" type="checkbox" value="80,90" data-id="80~90%" onclick="filterDcRateMob(this,'dcRate','off','9');"><label for="discount9"> <span id="dcRateText9">80~90%</span> </label>
+													<input id="discount9" name="dcRate" type="checkbox" value="80,90" data-id="80~90%" onclick="fnResetListIdx();filterDcRateMob(this,'dcRate','off','9');"><label for="discount9"> <span id="dcRateText9">80~90%</span> </label>
 												</div>
 											</div>
 										</a>
@@ -322,7 +322,7 @@
 										<a href="javascript:void(0)">
 											<div class="form_field">
 												<div>
-													<input id="discount10" name="dcRate" type="checkbox" value="90,0" data-id="90%이상" onclick="filterDcRateMob(this,'dcRate','off','10');"><label for="discount10"> <span id="dcRateText10">90이상</span> </label>
+													<input id="discount10" name="dcRate" type="checkbox" value="90,0" data-id="90%이상" onclick="fnResetListIdx();filterDcRateMob(this,'dcRate','off','10');"><label for="discount10"> <span id="dcRateText10">90이상</span> </label>
 												</div>
 											</div>
 										</a>
@@ -336,7 +336,7 @@
 										<a href="javascript:void(0)">
 											<div class="form_field">
 												<div>
-													<input th:id="${'chkFilterAge' + status.index}" name="age" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm}" onclick="fnSelectFilerMob(this,'age','off','');" type="checkbox"><label th:for="${'chkFilterAge' + status.index}"> <span th:text="${oneData.filterNm}"></span> </label>
+													<input th:id="${'chkFilterAge' + status.index}" name="age" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm}" onclick="fnResetListIdx();fnSelectFilerMob(this,'age','off','');" type="checkbox"><label th:for="${'chkFilterAge' + status.index}"> <span th:text="${oneData.filterNm}"></span> </label>
 												</div>
 											</div>
 										</a>
@@ -350,7 +350,7 @@
 										<a href="javascript:void(0)">
 											<div class="form_field">
 												<div>
-													<input th:id="${'chkFilterSeason' + status.index}" name="season" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm}" onclick="fnSelectFilerMob(this,'season','off','');" type="checkbox"><label th:for="${'chkFilterSeason' + status.index}"> <span th:text="${oneData.filterNm}">봄</span> </label>
+													<input th:id="${'chkFilterSeason' + status.index}" name="season" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm}" onclick="fnResetListIdx();fnSelectFilerMob(this,'season','off','');" type="checkbox"><label th:for="${'chkFilterSeason' + status.index}"> <span th:text="${oneData.filterNm}">봄</span> </label>
 												</div>
 											</div>
 										</a>
@@ -365,7 +365,7 @@
 									<ul class="colorbox">
 										<li th:each="oneData, status : ${filterColorList}">
 											<label class="color-check">
-												<input type="checkbox" group="filterValue" th:id="${'chkFilterColor' + status.index}" name="color" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm.replace('#','')}" onclick="fnSelectFilerMob(this,'color','off','');">
+												<input type="checkbox" group="filterValue" th:id="${'chkFilterColor' + status.index}" name="color" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm.replace('#','')}" onclick="fnResetListIdx();fnSelectFilerMob(this,'color','off','');">
 												<span class="pdColor-color" th:if="${oneData.filterNm=='#FFFFFF'}" th:style="${'background-color:'+oneData.filterNm+';'+' border:1px solid #aaa;'}" th:value="${oneData.filterCd}"></span>
 												<span class="pdColor-color" th:if="${oneData.filterNm!='#FFFFFF'}" th:style="${'background-color:'+oneData.filterNm}" th:value="${oneData.filterCd}"></span>
 											</label>
@@ -380,7 +380,7 @@
 										<a href="javascript:void(0)">
 											<div class="form_field">
 												<div>
-													<input th:id="${'chkFilterBenefits' + status.index}" name="benefit" th:value="${oneData.filterCd}+':'+${oneData.filterNm}"  th:data-id="${oneData.filterNm}" onclick="fnSelectFilerMob(this,'benefit','off','');" type="checkbox"><label th:for="${'chkFilterBenefits' + status.index}"> <span th:text="${oneData.filterNm}"></span> </label>
+													<input th:id="${'chkFilterBenefits' + status.index}" name="benefit" th:value="${oneData.filterCd}+':'+${oneData.filterNm}"  th:data-id="${oneData.filterNm}" onclick="fnResetListIdx();fnSelectFilerMob(this,'benefit','off','');" type="checkbox"><label th:for="${'chkFilterBenefits' + status.index}"> <span th:text="${oneData.filterNm}"></span> </label>
 												</div>
 											</div>
 										</a>
@@ -430,6 +430,8 @@
 	var adBannerList = [[${adBannerList}]];
 	var adBannerTag = '';
 	var filterPriceList = [[${filterPriceList}]];
+	// 상품리스트 페이지 확인용
+	var listIdx = 1;
 
 	$(window).on("pageshow", function(event) {
 		$('#filterForm input[name=brandGroup]:checked').each(function(){
@@ -482,7 +484,7 @@
 				$("#searchGoodsForm input:hidden[name=sortingType]").val(historyData.sortingType);
 				fnSortingChange(this,historyData.sortingType,'back','Mob');
 			}else{
-				idx++;
+				listIdx++;
 				fnSearchGoodsListSearch();
 			}
 		}else{
@@ -504,7 +506,6 @@
 	}
 
 	var totalCnt = 0;
-	var idx = 1;
 	// 상품 검색
 	var fnGetInfiniteScrollDataList = function (pageNum) {
 		$("#searchGoodsForm input[name=pageNo]").val(pageNum + 1);
@@ -544,10 +545,10 @@
 			var keyWord = $("#InnerSearchForm").find("input[name=keyword]").val();
 			var htm = fnCreateGoodsList(result, ithrCd, contentLoc, goodsUrl, lastPage, endRow, 'Mob',keyWord);
 			gagaInfiniteScroll.draw(htm);
-			idx++;
+			listIdx++;
 			//fnImgOnoff();
 		}else{
-			if(idx > 1){ // 데이터가 1건 이상
+			if(listIdx > 1){ // 데이터가 1건 이상
 				if(totalCnt > Number($("#searchGoodsForm").find("input[name=pageSize]").val())){
 					if($("#searchGoodsForm input[name=pageNo]").val()==1){
 						// 필터 값으로 조회 데이터 없을때
@@ -724,7 +725,7 @@
 				priceHtml += '	<a href="javascript:void(0)">\n';
 				priceHtml += '		<div class="form_field">\n';
 				priceHtml += '			<div>\n';
-				priceHtml += '				<input type="checkbox" id="price'+(i+1)+'" name="price" value="'+minPrice+','+maxPrice+'" data-id="'+minPrice.addComma()+'원 ~ '+maxPrice.addComma()+'원" onclick="filterPriceMob(this,\'price\',\'off\',\''+(i+1)+'\');"><label for="price'+(i+1)+'">\n';
+				priceHtml += '				<input type="checkbox" id="price'+(i+1)+'" name="price" value="'+minPrice+','+maxPrice+'" data-id="'+minPrice.addComma()+'원 ~ '+maxPrice.addComma()+'원" onclick="fnResetListIdx();filterPriceMob(this,\'price\',\'off\',\''+(i+1)+'\');"><label for="price'+(i+1)+'">\n';
 				priceHtml += '				<span id="pricdSpan'+(i+1)+'">'+minPrice.addComma()+'원 ~ '+maxPrice.addComma()+'원</span> </label>\n';
 				priceHtml += '			</div>\n';
 				priceHtml += '		</div>\n';
@@ -897,21 +898,21 @@
 		let tag = '';
 		if(cate1 != null){
 			tag += '<li>\n';
-			tag += '	<a href="javascript:void(0)" data-depth="1" onclick="fnSetMobCateFilter(this, \''+cate1.cate1No+'\');" cateFullNm="'+cate1.cate1Nm+'">'+cate1.cate1Nm+'</a>';
+			tag += '	<a href="javascript:void(0)" data-depth="1" onclick="fnResetListIdx();fnSetMobCateFilter(this, \''+cate1.cate1No+'\');" cateFullNm="'+cate1.cate1Nm+'">'+cate1.cate1Nm+'</a>';
 			if(cate1.leafYn == 'N' && cate1.cate2List.length > 0){
 				tag += '	<ul class="daps3">\n';
 				$.each(cate1.cate2List, function (idx2,cate2){
 					tag += '		<li>\n';
-					tag += '			<a href="javascript:void(0)" data-depth="2" onclick="fnSetMobCateFilter(this, \''+cate1.cate1No+'\',\''+cate2.cate2No+'\');" cateFullNm="'+cate1.cate1Nm+'>'+cate2.cate2Nm+'">'+cate2.cate2Nm+'</a>';
+					tag += '			<a href="javascript:void(0)" data-depth="2" onclick="fnResetListIdx();fnSetMobCateFilter(this, \''+cate1.cate1No+'\',\''+cate2.cate2No+'\');" cateFullNm="'+cate1.cate1Nm+'>'+cate2.cate2Nm+'">'+cate2.cate2Nm+'</a>';
 					if(cate2.leafYn == 'N' && cate2.cate3List.length > 0){
 						tag += '	<ul class="daps4">\n';
 						$.each(cate2.cate3List, function (idx3,cate3){
 							tag += '<li>\n';
-							tag += '<a href="javascript:void(0)" data-depth="3" onclick="fnSetMobCateFilter(this,\''+cate1.cate1No+'\',\''+cate2.cate2No+'\',\''+cate3.cate3No+'\');" cateFullNm="'+cate1.cate1Nm+'>'+cate2.cate2Nm+'>'+cate3.cate3Nm+'">'+cate3.cate3Nm+'</a>\n';
+							tag += '<a href="javascript:void(0)" data-depth="3" onclick="fnResetListIdx();fnSetMobCateFilter(this,\''+cate1.cate1No+'\',\''+cate2.cate2No+'\',\''+cate3.cate3No+'\');" cateFullNm="'+cate1.cate1Nm+'>'+cate2.cate2Nm+'>'+cate3.cate3Nm+'">'+cate3.cate3Nm+'</a>\n';
 							if(cate3.leafYn == 'N' && cate3.cate4List.length >0){
 								tag += '<ul class="daps5">\n';
 								$.each(cate3.cate4List, function (idx4,cate4){
-									tag += '<li><a href="javascript:void(0)" data-depth="4" onclick="fnSetMobCateFilter(this,\''+cate1.cate1No+'\',\''+cate2.cate2No+'\',\''+cate3.cate3No+'\',\''+cate4.cate4No+'\');" cateFullNm="'+cate1.cate1Nm+'>'+cate2.cate2Nm+'>'+cate3.cate3Nm+'>'+cate4.cate4Nm+'">'+cate4.cate4Nm+'</a></li>\n';
+									tag += '<li><a href="javascript:void(0)" data-depth="4" onclick="fnResetListIdx();fnSetMobCateFilter(this,\''+cate1.cate1No+'\',\''+cate2.cate2No+'\',\''+cate3.cate3No+'\',\''+cate4.cate4No+'\');" cateFullNm="'+cate1.cate1Nm+'>'+cate2.cate2Nm+'>'+cate3.cate3Nm+'>'+cate4.cate4Nm+'">'+cate4.cate4Nm+'</a></li>\n';
 								});
 								tag += '</ul>\n';
 							}
@@ -997,6 +998,14 @@
 		freeMode: true,
 	});
 
+	var fnResetListIdx = function (){
+		gagaInfiniteScroll.pageStatus.loadPage = 0;
+		gagaInfiniteScroll.pageStatus.pageNum = [];
+		listIdx = 1;
+		$('#endPage').hide();
+		$('#noFilterData').hide();
+	}
+
 	/*]]>*/
 </script>
 

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

@@ -100,10 +100,10 @@
 						<div class="filter_header">
 							<div class="form_field">
 								<div>
-									<input id="unisex" type="checkbox" onclick="fnFilterOption(this,'on');"><label for="unisex"> <span>남여 공용만 보기</span> </label>
+									<input id="unisex" type="checkbox" onclick="fnResetListIdx();fnFilterOption(this,'on');"><label for="unisex"> <span>남여 공용만 보기</span> </label>
 								</div>
 								<div th:unless="${cateInfo.formalGb=='G009_20'}">
-									<input id="newGoods" type="checkbox" checked="checked" onclick="fnFilterOption(this,'off');"><label for="newGoods"> <span>신상품만 보기</span> </label>
+									<input id="newGoods" type="checkbox" checked="checked" onclick="fnResetListIdx();fnFilterOption(this,'off');"><label for="newGoods"> <span>신상품만 보기</span> </label>
 								</div>
 							</div>
 						</div>
@@ -117,7 +117,7 @@
 											<a href="javascript:void(0)">
 												<div class="form_field">
 													<div>
-														<input th:id="${'chkFilterBrand' + status.index}" name="brandGroup" type="checkbox" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm}" onclick="fnSelectFilerMob(this,'brandGroup','off','');"><label th:for="${'chkFilterBrand' + status.index}"><span th:text="${oneData.filterNm}"></span></label>
+														<input th:id="${'chkFilterBrand' + status.index}" name="brandGroup" type="checkbox" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm}" onclick="fnResetListIdx();fnSelectFilerMob(this,'brandGroup','off','');"><label th:for="${'chkFilterBrand' + status.index}"><span th:text="${oneData.filterNm}"></span></label>
 													</div>
 												</div>
 											</a>
@@ -132,7 +132,7 @@
 												<strong>상의</strong>
 												<th:block th:each="oneData, status : ${filterSizeList}" th:if="${#strings.startsWith(oneData.filterCd,'T')}">
 													<label class="size_btn">
-														<input type="checkbox" group="filterValue" th:id="${'chkFilterTSize' + status.index}" name="size" th:vale="${oneData.filterNm}" th:data-id="${oneData.filterNm}" data-idx="1" onclick="fnSelectFilerMob(this,'size','off','1');"><span th:text="${oneData.filterNm}">80</span>
+														<input type="checkbox" group="filterValue" th:id="${'chkFilterTSize' + status.index}" name="size" th:vale="${oneData.filterNm}" th:data-id="${oneData.filterNm}" data-idx="1" onclick="fnResetListIdx();fnSelectFilerMob(this,'size','off','1');"><span th:text="${oneData.filterNm}">80</span>
 													</label>
 												</th:block>
 											</li>
@@ -140,7 +140,7 @@
 												<strong>하의</strong>
 												<th:block th:each="oneData, status : ${filterSizeList}" th:if="${#strings.startsWith(oneData.filterCd,'B')}">
 													<label class="size_btn">
-														<input type="checkbox" group="filterValue" th:id="${'chkFilterBSize' + status.index}" name="size" th:vale="${oneData.filterNm}" th:data-id="${oneData.filterNm}" data-idx="2" onclick="fnSelectFilerMob(this,'size','off','2');"><span th:text="${oneData.filterNm}">44</span>
+														<input type="checkbox" group="filterValue" th:id="${'chkFilterBSize' + status.index}" name="size" th:vale="${oneData.filterNm}" th:data-id="${oneData.filterNm}" data-idx="2" onclick="fnResetListIdx();fnSelectFilerMob(this,'size','off','2');"><span th:text="${oneData.filterNm}">44</span>
 													</label>
 												</th:block>
 											</li>
@@ -148,7 +148,7 @@
 												<strong>신발</strong>
 												<th:block th:each="oneData, status : ${filterSizeList}" th:if="${#strings.startsWith(oneData.filterCd,'S')}">
 													<label class="size_btn">
-														<input type="checkbox" group="filterValue" th:id="${'chkFilterSSize' + status.index}" name="size" th:vale="${oneData.filterNm}" th:data-id="${oneData.filterNm}" data-idx="3" onclick="fnSelectFilerMob(this,'size','off','3');"><span th:text="${oneData.filterNm}">120</span>
+														<input type="checkbox" group="filterValue" th:id="${'chkFilterSSize' + status.index}" name="size" th:vale="${oneData.filterNm}" th:data-id="${oneData.filterNm}" data-idx="3" onclick="fnResetListIdx();fnSelectFilerMob(this,'size','off','3');"><span th:text="${oneData.filterNm}">120</span>
 													</label>
 												</th:block>
 											</li>
@@ -171,7 +171,7 @@
 											<a href="javascript:void(0)">
 												<div class="form_field">
 													<div>
-														<input id="discount1" name="dcRate" type="checkbox" value="0,10" data-id="10% 이하" onclick="filterDcRateMob(this,'dcRate','off','1');"><label for="discount1"> <span id="dcRateText1">10% 이하</span> </label>
+														<input id="discount1" name="dcRate" type="checkbox" value="0,10" data-id="10% 이하" onclick="fnResetListIdx();filterDcRateMob(this,'dcRate','off','1');"><label for="discount1"> <span id="dcRateText1">10% 이하</span> </label>
 													</div>
 												</div>
 											</a>
@@ -180,7 +180,7 @@
 											<a href="javascript:void(0)">
 												<div class="form_field">
 													<div>
-														<input id="discount2" name="dcRate" type="checkbox" value="10,20" data-id="10~20%" onclick="filterDcRateMob(this,'dcRate','off','2');"><label for="discount2"> <span id="dcRateText2">10~20%</span> </label>
+														<input id="discount2" name="dcRate" type="checkbox" value="10,20" data-id="10~20%" onclick="fnResetListIdx();filterDcRateMob(this,'dcRate','off','2');"><label for="discount2"> <span id="dcRateText2">10~20%</span> </label>
 													</div>
 												</div>
 											</a>
@@ -189,7 +189,7 @@
 											<a href="javascript:void(0)">
 												<div class="form_field">
 													<div>
-														<input id="discount3" name="dcRate" type="checkbox" value="20,30" data-id="20~30%" onclick="filterDcRateMob(this,'dcRate','off','3');"><label for="discount3"> <span id="dcRateText3">20~30%</span> </label>
+														<input id="discount3" name="dcRate" type="checkbox" value="20,30" data-id="20~30%" onclick="fnResetListIdx();filterDcRateMob(this,'dcRate','off','3');"><label for="discount3"> <span id="dcRateText3">20~30%</span> </label>
 													</div>
 												</div>
 											</a>
@@ -198,7 +198,7 @@
 											<a href="javascript:void(0)">
 												<div class="form_field">
 													<div>
-														<input id="discount4" name="dcRate" type="checkbox" value="30,40" data-id="30~40%" onclick="filterDcRateMob(this,'dcRate','off','4');"><label for="discount4"> <span id="dcRateText4">30~40%</span> </label>
+														<input id="discount4" name="dcRate" type="checkbox" value="30,40" data-id="30~40%" onclick="fnResetListIdx();filterDcRateMob(this,'dcRate','off','4');"><label for="discount4"> <span id="dcRateText4">30~40%</span> </label>
 													</div>
 												</div>
 											</a>
@@ -207,7 +207,7 @@
 											<a href="javascript:void(0)">
 												<div class="form_field">
 													<div>
-														<input id="discount5" name="dcRate" type="checkbox" value="40,50" data-id="40~50%" onclick="filterDcRateMob(this,'dcRate','off','5');"><label for="discount5"> <span id="dcRateText5">40~50%</span> </label>
+														<input id="discount5" name="dcRate" type="checkbox" value="40,50" data-id="40~50%" onclick="fnResetListIdx();filterDcRateMob(this,'dcRate','off','5');"><label for="discount5"> <span id="dcRateText5">40~50%</span> </label>
 													</div>
 												</div>
 											</a>
@@ -216,7 +216,7 @@
 											<a href="javascript:void(0)">
 												<div class="form_field">
 													<div>
-														<input id="discount6" name="dcRate" type="checkbox" value="50,60" data-id="50~60%" onclick="filterDcRateMob(this,'dcRate','off','6');"><label for="discount6"> <span id="dcRateText6">50~60%</span> </label>
+														<input id="discount6" name="dcRate" type="checkbox" value="50,60" data-id="50~60%" onclick="fnResetListIdx();filterDcRateMob(this,'dcRate','off','6');"><label for="discount6"> <span id="dcRateText6">50~60%</span> </label>
 													</div>
 												</div>
 											</a>
@@ -225,7 +225,7 @@
 											<a href="javascript:void(0)">
 												<div class="form_field">
 													<div>
-														<input id="discount7" name="dcRate" type="checkbox" value="60,70" data-id="60~70%" onclick="filterDcRateMob(this,'dcRate','off','7');"><label for="discount7"> <span id="dcRateText7">60~70%</span> </label>
+														<input id="discount7" name="dcRate" type="checkbox" value="60,70" data-id="60~70%" onclick="fnResetListIdx();filterDcRateMob(this,'dcRate','off','7');"><label for="discount7"> <span id="dcRateText7">60~70%</span> </label>
 													</div>
 												</div>
 											</a>
@@ -234,7 +234,7 @@
 											<a href="javascript:void(0)">
 												<div class="form_field">
 													<div>
-														<input id="discount8" name="dcRate" type="checkbox" value="70,80" data-id="70~80%" onclick="filterDcRateMob(this,'dcRate','off','8');"><label for="discount8"> <span id="dcRateText8">70~80%</span> </label>
+														<input id="discount8" name="dcRate" type="checkbox" value="70,80" data-id="70~80%" onclick="fnResetListIdx();filterDcRateMob(this,'dcRate','off','8');"><label for="discount8"> <span id="dcRateText8">70~80%</span> </label>
 													</div>
 												</div>
 											</a>
@@ -243,7 +243,7 @@
 											<a href="javascript:void(0)">
 												<div class="form_field">
 													<div>
-														<input id="discount9" name="dcRate" type="checkbox" value="80,90" data-id="80~90%" onclick="filterDcRateMob(this,'dcRate','off','9');"><label for="discount9"> <span id="dcRateText9">80~90%</span> </label>
+														<input id="discount9" name="dcRate" type="checkbox" value="80,90" data-id="80~90%" onclick="fnResetListIdx();filterDcRateMob(this,'dcRate','off','9');"><label for="discount9"> <span id="dcRateText9">80~90%</span> </label>
 													</div>
 												</div>
 											</a>
@@ -252,7 +252,7 @@
 											<a href="javascript:void(0)">
 												<div class="form_field">
 													<div>
-														<input id="discount10" name="dcRate" type="checkbox" value="90,0" data-id="90%이상" onclick="filterDcRateMob(this,'dcRate','off','10');"><label for="discount10"> <span id="dcRateText10">90이상</span> </label>
+														<input id="discount10" name="dcRate" type="checkbox" value="90,0" data-id="90%이상" onclick="fnResetListIdx();filterDcRateMob(this,'dcRate','off','10');"><label for="discount10"> <span id="dcRateText10">90이상</span> </label>
 													</div>
 												</div>
 											</a>
@@ -266,7 +266,7 @@
 											<a href="javascript:void(0)">
 												<div class="form_field">
 													<div>
-														<input th:id="${'chkFilterAge' + status.index}" name="age" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm}" onclick="fnSelectFilerMob(this,'age','off','');" type="checkbox"><label th:for="${'chkFilterAge' + status.index}"> <span th:text="${oneData.filterNm}"></span> </label>
+														<input th:id="${'chkFilterAge' + status.index}" name="age" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm}" onclick="fnResetListIdx();fnSelectFilerMob(this,'age','off','');" type="checkbox"><label th:for="${'chkFilterAge' + status.index}"> <span th:text="${oneData.filterNm}"></span> </label>
 													</div>
 												</div>
 											</a>
@@ -280,7 +280,7 @@
 											<a href="javascript:void(0)">
 												<div class="form_field">
 													<div>
-														<input th:id="${'chkFilterSeason' + status.index}" name="season" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm}" onclick="fnSelectFilerMob(this,'season','off','');" type="checkbox"><label th:for="${'chkFilterSeason' + status.index}"> <span th:text="${oneData.filterNm}">봄</span> </label>
+														<input th:id="${'chkFilterSeason' + status.index}" name="season" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm}" onclick="fnResetListIdx();fnSelectFilerMob(this,'season','off','');" type="checkbox"><label th:for="${'chkFilterSeason' + status.index}"> <span th:text="${oneData.filterNm}">봄</span> </label>
 													</div>
 												</div>
 											</a>
@@ -297,7 +297,7 @@
 										<ul class="colorbox">
 											<li th:each="oneData, status : ${filterColorList}">
 												<label class="color-check">
-													<input type="checkbox" group="filterValue" th:id="${'chkFilterColor' + status.index}" name="color" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm.replace('#','')}" onclick="fnSelectFilerMob(this,'color','off','');">
+													<input type="checkbox" group="filterValue" th:id="${'chkFilterColor' + status.index}" name="color" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm.replace('#','')}" onclick="fnResetListIdx();fnSelectFilerMob(this,'color','off','');">
 													<span class="pdColor-color" th:if="${oneData.filterNm=='#FFFFFF'}" th:style="${'background-color:'+oneData.filterNm+';'+' border:1px solid #aaa;'}" th:value="${oneData.filterCd}"></span>
 													<span class="pdColor-color" th:if="${oneData.filterNm!='#FFFFFF'}" th:style="${'background-color:'+oneData.filterNm}" th:value="${oneData.filterCd}"></span>
 												</label>
@@ -312,7 +312,7 @@
 											<a href="javascript:void(0)">
 												<div class="form_field">
 													<div>
-														<input th:id="${'chkFilterBenefits' + status.index}" name="benefit" th:value="${oneData.filterCd}+':'+${oneData.filterNm}" th:data-id="${oneData.filterNm}" onclick="fnSelectFilerMob(this,'benefit','off','');" type="checkbox"><label th:for="${'chkFilterBenefits' + status.index}"> <span th:text="${oneData.filterNm}"></span> </label>
+														<input th:id="${'chkFilterBenefits' + status.index}" name="benefit" th:value="${oneData.filterCd}+':'+${oneData.filterNm}" th:data-id="${oneData.filterNm}" onclick="fnResetListIdx();fnSelectFilerMob(this,'benefit','off','');" type="checkbox"><label th:for="${'chkFilterBenefits' + status.index}"> <span th:text="${oneData.filterNm}"></span> </label>
 													</div>
 												</div>
 											</a>
@@ -391,6 +391,8 @@
 
 	<script th:inline="javascript">
 		var filterPriceList = [[${filterPriceList}]];
+		// 상품리스트 페이지 확인용
+		var listIdx = 1;
 
 		$(document).ready(function(){
 			if(filterPriceList.length > 0){
@@ -928,7 +930,7 @@
 		}
 
 		var totalCnt = 0;
-		var idx = 1;
+
 		// 상품 검색
 		var fnGetInfiniteScrollDataList = function (pageNum){
 			$("#searchGoodsForm input[name=pageNo]").val(pageNum+1);
@@ -952,7 +954,7 @@
 
 			// result.dataList != null && result.dataList.length > 0
 			if (dataListLen > 0) {
-				idx++;
+				listIdx++;
 				$('.list_content .list_defult').hide();
 				//$('.list_content .count_wrap').show();
 				var goodsUrl = [[${@environment.getProperty('upload.goods.view')}]];
@@ -961,7 +963,7 @@
 				var htm = fnCreateGoodsList(result, ithrCd, contentLoc, goodsUrl, lastPage, endRow, 'Mob');
 				gagaInfiniteScroll.draw(htm);
 			}else {
-				if(idx > 1) { // 데이터가 1건 이상
+				if(listIdx > 1) { // 데이터가 1건 이상
 					if(totalCnt > Number($("#searchGoodsForm").find("input[name=pageSize]").val())){
 						if($("#searchGoodsForm input[name=pageNo]").val()==1){
 							// 필터 값으로 조회 데이터 없을때
@@ -991,24 +993,24 @@
 
 			if(thisId == 'unisex'){
 				if(stat=='on'){
-					$(obj).attr('onclick','fnFilterOption(this,\'off\');');
+					$(obj).attr('onclick','fnResetListIdx();fnFilterOption(this,\'off\');');
 					$(obj).attr('checked', true);
 					tag += '<input type="hidden" name="unisex" value="G007_Z"/>\n';
 					$("#searchGoodsForm").append(tag);
 				}else{
-					$(obj).attr('onclick','fnFilterOption(this,\'on\');');
+					$(obj).attr('onclick','fnResetListIdx();fnFilterOption(this,\'on\');');
 					$(obj).attr('checked', false);
 					$("#searchGoodsForm input:hidden[name=unisex]").remove();
 				}
 			}else{
 				if(stat=='on'){
-					$(obj).attr('onclick','fnFilterOption(this,\'off\');');
+					$(obj).attr('onclick','fnResetListIdx();fnFilterOption(this,\'off\');');
 					$(obj).attr('checked', true);
 					tag += '<input type="hidden" name="newGoods" value="40"/>\n';
 					// tag += '<input type="hidden" name="benefitArr" value="40:신상"/>\n';
 					$("#searchGoodsForm").append(tag);
 				}else{
-					$(obj).attr('onclick','fnFilterOption(this,\'on\');');
+					$(obj).attr('onclick','fnResetListIdx();fnFilterOption(this,\'on\');');
 					$(obj).attr('checked', false);
 					$("#searchGoodsForm input:hidden[name=newGoods]").remove();
 					$("#searchGoodsForm input:hidden[name=benefitArr]").each(function(){
@@ -1073,18 +1075,18 @@
 					$("#totCntId").text(historyData.totalCount);
 				}
 				if(gagajf.isNull($("#searchGoodsForm").find("input[name=unisex]").val())){
-					$("#unisex").attr('onclick','fnFilterOption(this,\'on\');');
+					$("#unisex").attr('onclick','fnResetListIdx();fnFilterOption(this,\'on\');');
 					$("#unisex").attr('checked', false);
 				}else{
-					$("#unisex").attr('onclick','fnFilterOption(this,\'off\');');
+					$("#unisex").attr('onclick','fnResetListIdx();fnFilterOption(this,\'off\');');
 					$("#unisex").attr('checked', true);
 				}
 
 				if(gagajf.isNull($("#searchGoodsForm").find("input[name=newGoods]").val())){
-					$("#newGoods").attr('onclick','fnFilterOption(this,\'on\');');
+					$("#newGoods").attr('onclick','fnResetListIdx();fnFilterOption(this,\'on\');');
 					$("#newGoods").attr('checked', false);
 				}else{
-					$("#newGoods").attr('onclick','fnFilterOption(this,\'off\');');
+					$("#newGoods").attr('onclick','fnResetListIdx();fnFilterOption(this,\'off\');');
 					$("#newGoods").attr('checked', true);
 				}
 				/*if(filterPriceList.length > 0){
@@ -1694,6 +1696,12 @@
 				let tag = '';
 				if(brandGroupNo > 0 ){
 					$("#htopTitle").text('전체');
+					var titleTag = '';
+					titleTag += '<button class="btn_gnbs" title="서브타이틀 메뉴 열기/닫기">\n';
+					titleTag += '	<span><i></i></span>\n';
+					titleTag += '</button>\n';
+					$("#htopTitle").append(titleTag);
+
 					tag += '<ul class="daps2">\n';
 					tag += '<li>';
 					tag += '<a href="javascript:void(0);" onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',\'\'';
@@ -1707,6 +1715,12 @@
 				}
 				if(formalGb == 'G009_20'){
 					$("#htopTitle").text('아울렛');
+					var titleTag = '';
+					titleTag += '<button class="btn_gnbs" title="서브타이틀 메뉴 열기/닫기">\n';
+					titleTag += '	<span><i></i></span>\n';
+					titleTag += '</button>\n';
+					$("#htopTitle").append(titleTag);
+
 					tag += '<ul class="daps2">\n';
 					tag += '<li>';
 					tag += '<a href="javascript:void(0);" onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',\'\'';
@@ -1739,6 +1753,13 @@
 			}
 		}
 
+		var fnResetListIdx = function (){
+			gagaInfiniteScroll.pageStatus.loadPage = 0;
+			gagaInfiniteScroll.pageStatus.pageNum = [];
+			listIdx = 1;
+			$('#endPage').hide();
+		}
+
 	</script>
 
 	<script>

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

@@ -235,10 +235,10 @@
 					<div class="filter_header">
 						<div class="form_field">
 							<div>
-								<input id="unisex" type="checkbox" onclick="fnFilterOption(this,'on');"><label for="unisex"> <span>남여 공용만 보기</span> </label>
+								<input id="unisex" type="checkbox" onclick="fnResetListIdx();fnFilterOption(this,'on');"><label for="unisex"> <span>남여 공용만 보기</span> </label>
 							</div>
 							<div>
-								<input id="newGoods" type="checkbox" onclick="fnFilterOption(this,'on');"><label for="newGoods"> <span>신상품만 보기</span> </label>
+								<input id="newGoods" type="checkbox" onclick="fnResetListIdx();fnFilterOption(this,'on');"><label for="newGoods"> <span>신상품만 보기</span> </label>
 							</div>
 						</div>
 					</div>
@@ -248,7 +248,7 @@
 							<li class="categori chkFilter" id="categoryFilterDiv">
 								<a href="javascript:void(0)" class="daps1">카테고리<span class="pic"></span></a>
 								<ul class="daps2" id="categoryArea">
-									<li><a href="javascript:void(0);" onclick="fnSetMobCateFilter(this, 'ALL');">전체</a></li>
+									<li><a href="javascript:void(0);" onclick="fnResetListIdx();fnSetMobCateFilter(this, 'ALL');">전체</a></li>
 								</ul>
 							</li>
 							<li class="brand chkFilter" th:if="${filterBrandList != null and !filterBrandList.empty}" id="brandGroupFilterDiv">
@@ -258,7 +258,7 @@
 										<a href="javascript:void(0)">
 											<div class="form_field">
 												<div>
-													<input th:id="${'chkFilterBrand' + status.index}" name="brandGroup" type="checkbox" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm}" onclick="fnSelectFilerMob(this,'brandGroup','off','');"><label th:for="${'chkFilterBrand' + status.index}"><span th:text="${oneData.filterNm}"></span></label>
+													<input th:id="${'chkFilterBrand' + status.index}" name="brandGroup" type="checkbox" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm}" onclick="fnResetListIdx();fnSelectFilerMob(this,'brandGroup','off','');"><label th:for="${'chkFilterBrand' + status.index}"><span th:text="${oneData.filterNm}"></span></label>
 												</div>
 											</div>
 										</a>
@@ -273,7 +273,7 @@
 											<strong>상의</strong>
 											<th:block th:each="oneData, status : ${filterSizeList}" th:if="${#strings.startsWith(oneData.filterCd,'T')}">
 												<label class="size_btn">
-													<input type="checkbox" group="filterValue" th:id="${'chkFilterTSize' + status.index}" name="size" th:vale="${oneData.filterNm}" th:data-id="${oneData.filterNm}" data-idx="1" onclick="fnSelectFilerMob(this,'size','off','1');"><span th:text="${oneData.filterNm}">80</span>
+													<input type="checkbox" group="filterValue" th:id="${'chkFilterTSize' + status.index}" name="size" th:vale="${oneData.filterNm}" th:data-id="${oneData.filterNm}" data-idx="1" onclick="fnResetListIdx();fnSelectFilerMob(this,'size','off','1');"><span th:text="${oneData.filterNm}">80</span>
 												</label>
 											</th:block>
 										</li>
@@ -281,7 +281,7 @@
 											<strong>하의</strong>
 											<th:block th:each="oneData, status : ${filterSizeList}" th:if="${#strings.startsWith(oneData.filterCd,'B')}">
 												<label class="size_btn">
-													<input type="checkbox" group="filterValue" th:id="${'chkFilterBSize' + status.index}" name="size" th:vale="${oneData.filterNm}" th:data-id="${oneData.filterNm}" data-idx="2" onclick="fnSelectFilerMob(this,'size','off','2');"><span th:text="${oneData.filterNm}">44</span>
+													<input type="checkbox" group="filterValue" th:id="${'chkFilterBSize' + status.index}" name="size" th:vale="${oneData.filterNm}" th:data-id="${oneData.filterNm}" data-idx="2" onclick="fnResetListIdx();fnSelectFilerMob(this,'size','off','2');"><span th:text="${oneData.filterNm}">44</span>
 												</label>
 											</th:block>
 										</li>
@@ -289,7 +289,7 @@
 											<strong>신발</strong>
 											<th:block th:each="oneData, status : ${filterSizeList}" th:if="${#strings.startsWith(oneData.filterCd,'S')}">
 												<label class="size_btn">
-													<input type="checkbox" group="filterValue" th:id="${'chkFilterSSize' + status.index}" name="size" th:vale="${oneData.filterNm}" th:data-id="${oneData.filterNm}" data-idx="3" onclick="fnSelectFilerMob(this,'size','off','3');"><span th:text="${oneData.filterNm}">120</span>
+													<input type="checkbox" group="filterValue" th:id="${'chkFilterSSize' + status.index}" name="size" th:vale="${oneData.filterNm}" th:data-id="${oneData.filterNm}" data-idx="3" onclick="fnResetListIdx();fnSelectFilerMob(this,'size','off','3');"><span th:text="${oneData.filterNm}">120</span>
 												</label>
 											</th:block>
 										</li>
@@ -313,7 +313,7 @@
 										<a href="javascript:void(0)">
 											<div class="form_field">
 												<div>
-													<input id="discount1" name="dcRate" type="checkbox" value="0,10" data-id="10% 이하" onclick="filterDcRateMob(this,'dcRate','off','1');"><label for="discount1"> <span id="dcRateText1">10% 이하</span> </label>
+													<input id="discount1" name="dcRate" type="checkbox" value="0,10" data-id="10% 이하" onclick="fnResetListIdx();filterDcRateMob(this,'dcRate','off','1');"><label for="discount1"> <span id="dcRateText1">10% 이하</span> </label>
 												</div>
 											</div>
 										</a>
@@ -322,7 +322,7 @@
 										<a href="javascript:void(0)">
 											<div class="form_field">
 												<div>
-													<input id="discount2" name="dcRate" type="checkbox" value="10,20" data-id="10~20%" onclick="filterDcRateMob(this,'dcRate','off','2');"><label for="discount2"> <span id="dcRateText2">10~20%</span> </label>
+													<input id="discount2" name="dcRate" type="checkbox" value="10,20" data-id="10~20%" onclick="fnResetListIdx();filterDcRateMob(this,'dcRate','off','2');"><label for="discount2"> <span id="dcRateText2">10~20%</span> </label>
 												</div>
 											</div>
 										</a>
@@ -331,7 +331,7 @@
 										<a href="javascript:void(0)">
 											<div class="form_field">
 												<div>
-													<input id="discount3" name="dcRate" type="checkbox" value="20,30" data-id="20~30%" onclick="filterDcRateMob(this,'dcRate','off','3');"><label for="discount3"> <span id="dcRateText3">20~30%</span> </label>
+													<input id="discount3" name="dcRate" type="checkbox" value="20,30" data-id="20~30%" onclick="fnResetListIdx();filterDcRateMob(this,'dcRate','off','3');"><label for="discount3"> <span id="dcRateText3">20~30%</span> </label>
 												</div>
 											</div>
 										</a>
@@ -340,7 +340,7 @@
 										<a href="javascript:void(0)">
 											<div class="form_field">
 												<div>
-													<input id="discount4" name="dcRate" type="checkbox" value="30,40" data-id="30~40%" onclick="filterDcRateMob(this,'dcRate','off','4');"><label for="discount4"> <span id="dcRateText4">30~40%</span> </label>
+													<input id="discount4" name="dcRate" type="checkbox" value="30,40" data-id="30~40%" onclick="fnResetListIdx();filterDcRateMob(this,'dcRate','off','4');"><label for="discount4"> <span id="dcRateText4">30~40%</span> </label>
 												</div>
 											</div>
 										</a>
@@ -349,7 +349,7 @@
 										<a href="javascript:void(0)">
 											<div class="form_field">
 												<div>
-													<input id="discount5" name="dcRate" type="checkbox" value="40,50" data-id="40~50%" onclick="filterDcRateMob(this,'dcRate','off','5');"><label for="discount5"> <span id="dcRateText5">40~50%</span> </label>
+													<input id="discount5" name="dcRate" type="checkbox" value="40,50" data-id="40~50%" onclick="fnResetListIdx();filterDcRateMob(this,'dcRate','off','5');"><label for="discount5"> <span id="dcRateText5">40~50%</span> </label>
 												</div>
 											</div>
 										</a>
@@ -358,7 +358,7 @@
 										<a href="javascript:void(0)">
 											<div class="form_field">
 												<div>
-													<input id="discount6" name="dcRate" type="checkbox" value="50,60" data-id="50~60%" onclick="filterDcRateMob(this,'dcRate','off','6');"><label for="discount6"> <span id="dcRateText6">50~60%</span> </label>
+													<input id="discount6" name="dcRate" type="checkbox" value="50,60" data-id="50~60%" onclick="fnResetListIdx();filterDcRateMob(this,'dcRate','off','6');"><label for="discount6"> <span id="dcRateText6">50~60%</span> </label>
 												</div>
 											</div>
 										</a>
@@ -367,7 +367,7 @@
 										<a href="javascript:void(0)">
 											<div class="form_field">
 												<div>
-													<input id="discount7" name="dcRate" type="checkbox" value="60,70" data-id="60~70%" onclick="filterDcRateMob(this,'dcRate','off','7');"><label for="discount7"> <span id="dcRateText7">60~70%</span> </label>
+													<input id="discount7" name="dcRate" type="checkbox" value="60,70" data-id="60~70%" onclick="fnResetListIdx();filterDcRateMob(this,'dcRate','off','7');"><label for="discount7"> <span id="dcRateText7">60~70%</span> </label>
 												</div>
 											</div>
 										</a>
@@ -376,7 +376,7 @@
 										<a href="javascript:void(0)">
 											<div class="form_field">
 												<div>
-													<input id="discount8" name="dcRate" type="checkbox" value="70,80" data-id="70~80%" onclick="filterDcRateMob(this,'dcRate','off','8');"><label for="discount8"> <span id="dcRateText8">70~80%</span> </label>
+													<input id="discount8" name="dcRate" type="checkbox" value="70,80" data-id="70~80%" onclick="fnResetListIdx();filterDcRateMob(this,'dcRate','off','8');"><label for="discount8"> <span id="dcRateText8">70~80%</span> </label>
 												</div>
 											</div>
 										</a>
@@ -385,7 +385,7 @@
 										<a href="javascript:void(0)">
 											<div class="form_field">
 												<div>
-													<input id="discount9" name="dcRate" type="checkbox" value="80,90" data-id="80~90%" onclick="filterDcRateMob(this,'dcRate','off','9');"><label for="discount9"> <span id="dcRateText9">80~90%</span> </label>
+													<input id="discount9" name="dcRate" type="checkbox" value="80,90" data-id="80~90%" onclick="fnResetListIdx();filterDcRateMob(this,'dcRate','off','9');"><label for="discount9"> <span id="dcRateText9">80~90%</span> </label>
 												</div>
 											</div>
 										</a>
@@ -394,7 +394,7 @@
 										<a href="javascript:void(0)">
 											<div class="form_field">
 												<div>
-													<input id="discount10" name="dcRate" type="checkbox" value="90,0" data-id="90%이상" onclick="filterDcRateMob(this,'dcRate','off','10');"><label for="discount10"> <span id="dcRateText10">90이상</span> </label>
+													<input id="discount10" name="dcRate" type="checkbox" value="90,0" data-id="90%이상" onclick="fnResetListIdx();filterDcRateMob(this,'dcRate','off','10');"><label for="discount10"> <span id="dcRateText10">90이상</span> </label>
 												</div>
 											</div>
 										</a>
@@ -408,7 +408,7 @@
 										<a href="javascript:void(0)">
 											<div class="form_field">
 												<div>
-													<input th:id="${'chkFilterAge' + status.index}" name="age" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm}" onclick="fnSelectFilerMob(this,'age','off','');" type="checkbox"><label th:for="${'chkFilterAge' + status.index}"> <span th:text="${oneData.filterNm}"></span> </label>
+													<input th:id="${'chkFilterAge' + status.index}" name="age" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm}" onclick="fnResetListIdx();fnSelectFilerMob(this,'age','off','');" type="checkbox"><label th:for="${'chkFilterAge' + status.index}"> <span th:text="${oneData.filterNm}"></span> </label>
 												</div>
 											</div>
 										</a>
@@ -422,7 +422,7 @@
 										<a href="javascript:void(0)">
 											<div class="form_field">
 												<div>
-													<input th:id="${'chkFilterSeason' + status.index}" name="season" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm}" onclick="fnSelectFilerMob(this,'season','off','');" type="checkbox"><label th:for="${'chkFilterSeason' + status.index}"> <span th:text="${oneData.filterNm}">봄</span> </label>
+													<input th:id="${'chkFilterSeason' + status.index}" name="season" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm}" onclick="fnResetListIdx();fnSelectFilerMob(this,'season','off','');" type="checkbox"><label th:for="${'chkFilterSeason' + status.index}"> <span th:text="${oneData.filterNm}">봄</span> </label>
 												</div>
 											</div>
 										</a>
@@ -437,7 +437,7 @@
 									<ul class="colorbox">
 										<li th:each="oneData, status : ${filterColorList}">
 											<label class="color-check">
-												<input type="checkbox" group="filterValue" th:id="${'chkFilterColor' + status.index}" name="color" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm.replace('#','')}" onclick="fnSelectFilerMob(this,'color','off','');">
+												<input type="checkbox" group="filterValue" th:id="${'chkFilterColor' + status.index}" name="color" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm.replace('#','')}" onclick="fnResetListIdx();fnSelectFilerMob(this,'color','off','');">
 												<span class="pdColor-color" th:if="${oneData.filterNm=='#FFFFFF'}" th:style="${'background-color:'+oneData.filterNm+';'+' border:1px solid #aaa;'}" th:value="${oneData.filterCd}"></span>
 												<span class="pdColor-color" th:if="${oneData.filterNm!='#FFFFFF'}" th:style="${'background-color:'+oneData.filterNm}" th:value="${oneData.filterCd}"></span>
 											</label>
@@ -452,7 +452,7 @@
 										<a href="javascript:void(0)">
 											<div class="form_field">
 												<div>
-													<input th:id="${'chkFilterBenefits' + status.index}" name="benefit" th:value="${oneData.filterCd}+':'+${oneData.filterNm}"  th:data-id="${oneData.filterNm}" onclick="fnSelectFilerMob(this,'benefit','off','');" type="checkbox"><label th:for="${'chkFilterBenefits' + status.index}"> <span th:text="${oneData.filterNm}"></span> </label>
+													<input th:id="${'chkFilterBenefits' + status.index}" name="benefit" th:value="${oneData.filterCd}+':'+${oneData.filterNm}"  th:data-id="${oneData.filterNm}" onclick="fnResetListIdx();fnSelectFilerMob(this,'benefit','off','');" type="checkbox"><label th:for="${'chkFilterBenefits' + status.index}"> <span th:text="${oneData.filterNm}"></span> </label>
 												</div>
 											</div>
 										</a>
@@ -501,6 +501,8 @@
 	var adBannerList = [[${adBannerList}]];
 	var adBannerTag = '';
 	var filterPriceList = [[${filterPriceList}]];
+	// 상품리스트 페이지 확인용
+	var listIdx = 1;
 
 	$(window).on("pageshow", function(event) {
 		$('#filterForm input[name=brandGroup]:checked').each(function(){
@@ -539,18 +541,18 @@
 				historyData = {};
 			}
 			if(gagajf.isNull($("#searchGoodsForm").find("input[name=unisex]").val())){
-				$("#unisex").attr('onclick','fnFilterOption(this,\'on\');');
+				$("#unisex").attr('onclick','fnResetListIdx();fnFilterOption(this,\'on\');');
 				$("#unisex").attr('checked', false);
 			}else{
-				$("#unisex").attr('onclick','fnFilterOption(this,\'off\');');
+				$("#unisex").attr('onclick','fnResetListIdx();fnFilterOption(this,\'off\');');
 				$("#unisex").attr('checked', true);
 			}
 
 			if(gagajf.isNull($("#searchGoodsForm").find("input[name=newGoods]").val())){
-				$("#newGoods").attr('onclick','fnFilterOption(this,\'on\');');
+				$("#newGoods").attr('onclick','fnResetListIdx();fnFilterOption(this,\'on\');');
 				$("#newGoods").attr('checked', false);
 			}else{
-				$("#newGoods").attr('onclick','fnFilterOption(this,\'off\');');
+				$("#newGoods").attr('onclick','fnResetListIdx();fnFilterOption(this,\'off\');');
 				$("#newGoods").attr('checked', true);
 			}
 			// if(typeof historyData.filterHtml!='undefined' && historyData.filterHtml!=''){
@@ -574,7 +576,7 @@
 				$("#searchGoodsForm input:hidden[name=sortingType]").val(historyData.sortingType);
 				fnSortingChange(this,historyData.sortingType,'back','Mob');
 			}else{
-				idx++;
+				listIdx++;
 				fnSearchGoodsListSearch();
 				fnGetSearchPlanningList();
 				fnGetSearchEventList();
@@ -598,7 +600,7 @@
 	}
 
 	var totalCnt = 0;
-	var idx = 1;
+
 	// 상품 검색
 	var fnGetInfiniteScrollDataList = function (pageNum) {
 		$("#searchGoodsForm input[name=pageNo]").val(pageNum + 1);
@@ -637,10 +639,10 @@
 			var keyWord = $("#InnerSearchForm").find("input[name=keyword]").val();
 			var htm = fnCreateGoodsList(result, ithrCd, contentLoc, goodsUrl, lastPage, endRow, 'Mob',keyWord);
 			gagaInfiniteScroll.draw(htm);
-			idx++;
+			listIdx++;
 			//fnImgOnoff();
 		}else{
-			if(idx > 1){ // 데이터가 1건 이상
+			if(listIdx > 1){ // 데이터가 1건 이상
 				if(totalCnt > Number($("#searchGoodsForm").find("input[name=pageSize]").val())){
 					if($("#searchGoodsForm input[name=pageNo]").val()==1){
 						// 필터 값으로 조회 데이터 없을때
@@ -817,7 +819,7 @@
 				priceHtml += '	<a href="javascript:void(0)">\n';
 				priceHtml += '		<div class="form_field">\n';
 				priceHtml += '			<div>\n';
-				priceHtml += '				<input type="checkbox" id="price'+(i+1)+'" name="price" value="'+minPrice+','+maxPrice+'" data-id="'+minPrice.addComma()+'원 ~ '+maxPrice.addComma()+'원" onclick="filterPriceMob(this,\'price\',\'off\',\''+(i+1)+'\');"><label for="price'+(i+1)+'">\n';
+				priceHtml += '				<input type="checkbox" id="price'+(i+1)+'" name="price" value="'+minPrice+','+maxPrice+'" data-id="'+minPrice.addComma()+'원 ~ '+maxPrice.addComma()+'원" onclick="fnResetListIdx();filterPriceMob(this,\'price\',\'off\',\''+(i+1)+'\');"><label for="price'+(i+1)+'">\n';
 				priceHtml += '				<span id="pricdSpan'+(i+1)+'">'+minPrice.addComma()+'원 ~ '+maxPrice.addComma()+'원</span> </label>\n';
 				priceHtml += '			</div>\n';
 				priceHtml += '		</div>\n';
@@ -990,21 +992,21 @@
 		let tag = '';
 		if(cate1 != null){
 			tag += '<li>\n';
-			tag += '	<a href="javascript:void(0)" data-depth="1" onclick="fnSetMobCateFilter(this, \'\', \''+cate1.cate1No+'\');" cateFullNm="'+cate1.cate1Nm+'">'+cate1.cate1Nm+'</a>';
+			tag += '	<a href="javascript:void(0)" data-depth="1" onclick="fnResetListIdx();fnSetMobCateFilter(this, \'\', \''+cate1.cate1No+'\');" cateFullNm="'+cate1.cate1Nm+'">'+cate1.cate1Nm+'</a>';
 			if(cate1.leafYn == 'N' && cate1.cate2List.length > 0){
 				tag += '	<ul class="daps3">\n';
 				$.each(cate1.cate2List, function (idx2,cate2){
 					tag += '		<li>\n';
-					tag += '			<a href="javascript:void(0)" data-depth="2" onclick="fnSetMobCateFilter(this,\'\', \''+cate1.cate1No+'\',\''+cate2.cate2No+'\');" cateFullNm="'+cate1.cate1Nm+'>'+cate2.cate2Nm+'">'+cate2.cate2Nm+'</a>';
+					tag += '			<a href="javascript:void(0)" data-depth="2" onclick="fnResetListIdx();fnSetMobCateFilter(this,\'\', \''+cate1.cate1No+'\',\''+cate2.cate2No+'\');" cateFullNm="'+cate1.cate1Nm+'>'+cate2.cate2Nm+'">'+cate2.cate2Nm+'</a>';
 					if(cate2.leafYn == 'N' && cate2.cate3List.length > 0){
 						tag += '	<ul class="daps4">\n';
 						$.each(cate2.cate3List, function (idx3,cate3){
 							tag += '<li>\n';
-							tag += '<a href="javascript:void(0)" data-depth="3" onclick="fnSetMobCateFilter(this,\'\',\''+cate1.cate1No+'\',\''+cate2.cate2No+'\',\''+cate3.cate3No+'\');" cateFullNm="'+cate1.cate1Nm+'>'+cate2.cate2Nm+'>'+cate3.cate3Nm+'">'+cate3.cate3Nm+'</a>\n';
+							tag += '<a href="javascript:void(0)" data-depth="3" onclick="fnResetListIdx();fnSetMobCateFilter(this,\'\',\''+cate1.cate1No+'\',\''+cate2.cate2No+'\',\''+cate3.cate3No+'\');" cateFullNm="'+cate1.cate1Nm+'>'+cate2.cate2Nm+'>'+cate3.cate3Nm+'">'+cate3.cate3Nm+'</a>\n';
 							if(cate3.leafYn == 'N' && cate3.cate4List.length >0){
 								tag += '<ul class="daps5">\n';
 								$.each(cate3.cate4List, function (idx4,cate4){
-									tag += '<li><a href="javascript:void(0)" data-depth="4" onclick="fnSetMobCateFilter(this,\'\',\''+cate1.cate1No+'\',\''+cate2.cate2No+'\',\''+cate3.cate3No+'\',\''+cate4.cate4No+'\');" cateFullNm="'+cate1.cate1Nm+'>'+cate2.cate2Nm+'>'+cate3.cate3Nm+'>'+cate4.cate4Nm+'">'+cate4.cate4Nm+'</a></li>\n';
+									tag += '<li><a href="javascript:void(0)" data-depth="4" onclick="fnResetListIdx();fnSetMobCateFilter(this,\'\',\''+cate1.cate1No+'\',\''+cate2.cate2No+'\',\''+cate3.cate3No+'\',\''+cate4.cate4No+'\');" cateFullNm="'+cate1.cate1Nm+'>'+cate2.cate2Nm+'>'+cate3.cate3Nm+'>'+cate4.cate4Nm+'">'+cate4.cate4Nm+'</a></li>\n';
 								});
 								tag += '</ul>\n';
 							}
@@ -1071,6 +1073,14 @@
 		});
 	}
 
+	var fnResetListIdx = function (){
+		gagaInfiniteScroll.pageStatus.loadPage = 0;
+		gagaInfiniteScroll.pageStatus.pageNum = [];
+		listIdx = 1;
+		$('#endPage').hide();
+		$('#noFilterData').hide();
+	}
+
 	//TabWrap, TabIndex
 	$(document).on('click', '.tabIndex li a', function() {
 		var $this = $(this),

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

@@ -125,7 +125,7 @@
 							</div>
 							<div class="lnb_category">
 								<ul class="category" id="ulAllCate">
-									<li><a href="javascript:void(0);" id="cateAll" onclick="fnSetSearchCate(this, 'off');" class="on">전체</a></li>
+									<li><a href="javascript:void(0);" id="cateAll" onclick="fnResetListIdx();fnSetSearchCate(this, 'off');" class="on">전체</a></li>
 								</ul>
 							</div>
 						</div>
@@ -165,10 +165,10 @@
 										</ul>
 										<div class="form_field">
 											<div>
-												<input id="unisex" type="checkbox" onclick="fnFilterOption(this,'on');"><label for="unisex"> <span>남여 공용만 보기</span> </label>
+												<input id="unisex" type="checkbox" onclick="fnResetListIdx();fnFilterOption(this,'on');"><label for="unisex"> <span>남여 공용만 보기</span> </label>
 											</div>
 											<div>
-												<input id="newGoods" type="checkbox" onclick="fnFilterOption(this,'on');"><label for="newGoods"> <span>신상품만 보기</span> </label>
+												<input id="newGoods" type="checkbox" onclick="fnResetListIdx();fnFilterOption(this,'on');"><label for="newGoods"> <span>신상품만 보기</span> </label>
 											</div>
 										</div>
 									</div>
@@ -179,7 +179,7 @@
 												<th:block th:each="oneData, status : ${filterBrandList}">
 													<li>
 														<label class="brand_btn" >
-															<input type="checkbox" group="filterValue" th:id="${'chkFilterBrand' + status.index}" name="brandGroup" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm}" onclick="filterSel(this,'brandGroup','off');"><span th:text="${oneData.filterNm}"></span>
+															<input type="checkbox" group="filterValue" th:id="${'chkFilterBrand' + status.index}" name="brandGroup" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm}" onclick="fnResetListIdx();filterSel(this,'brandGroup','off');"><span th:text="${oneData.filterNm}"></span>
 														</label>
 													</li>
 												</th:block>
@@ -194,7 +194,7 @@
 													<strong>상의</strong>
 													<th:block th:each="oneData, status : ${filterSizeList}" th:if="${#strings.startsWith(oneData.filterCd,'T')}">
 														<label class="size_btn">
-															<input type="checkbox" group="filterValue" th:id="${'chkFilterTSize' + status.index}" name="size" th:vale="${oneData.filterNm}" th:data-id="${oneData.filterNm}" data-idx="1" onclick="filterSel(this,'size','off','1');"><span th:text="${oneData.filterNm}">80</span>
+															<input type="checkbox" group="filterValue" th:id="${'chkFilterTSize' + status.index}" name="size" th:vale="${oneData.filterNm}" th:data-id="${oneData.filterNm}" data-idx="1" onclick="fnResetListIdx();filterSel(this,'size','off','1');"><span th:text="${oneData.filterNm}">80</span>
 														</label>
 													</th:block>
 												</li>
@@ -202,7 +202,7 @@
 													<strong>하의</strong>
 													<th:block th:each="oneData, status : ${filterSizeList}" th:if="${#strings.startsWith(oneData.filterCd,'B')}">
 														<label class="size_btn">
-															<input type="checkbox" group="filterValue" th:id="${'chkFilterBSize' + status.index}" name="size" th:vale="${oneData.filterNm}" th:data-id="${oneData.filterNm}" data-idx="2" onclick="filterSel(this,'size','off','2');"><span th:text="${oneData.filterNm}">80</span>
+															<input type="checkbox" group="filterValue" th:id="${'chkFilterBSize' + status.index}" name="size" th:vale="${oneData.filterNm}" th:data-id="${oneData.filterNm}" data-idx="2" onclick="fnResetListIdx();filterSel(this,'size','off','2');"><span th:text="${oneData.filterNm}">80</span>
 														</label>
 													</th:block>
 												</li>
@@ -210,7 +210,7 @@
 													<strong>신발</strong>
 													<th:block th:each="oneData, status : ${filterSizeList}" th:if="${#strings.startsWith(oneData.filterCd,'S')}">
 														<label class="size_btn">
-															<input type="checkbox" group="filterValue" th:id="${'chkFilterSSize' + status.index}" name="size" th:vale="${oneData.filterNm}" th:data-id="${oneData.filterNm}" data-idx="3" onclick="filterSel(this,'size','off','3');"><span th:text="${oneData.filterNm}">80</span>
+															<input type="checkbox" group="filterValue" th:id="${'chkFilterSSize' + status.index}" name="size" th:vale="${oneData.filterNm}" th:data-id="${oneData.filterNm}" data-idx="3" onclick="fnResetListIdx();filterSel(this,'size','off','3');"><span th:text="${oneData.filterNm}">80</span>
 														</label>
 													</th:block>
 												</li>
@@ -260,7 +260,7 @@
 												<th:block th:each="oneData, status : ${filterAgeList}">
 													<li>
 														<label class="Age_btn">
-															<input type="checkbox" group="filterValue" th:id="${'chkFilterAge' + status.index}" name="age" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm}" onclick="filterSel(this,'age','off');"><span th:text="${oneData.filterNm}">베이비(0~18개월)</span>
+															<input type="checkbox" group="filterValue" th:id="${'chkFilterAge' + status.index}" name="age" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm}" onclick="fnResetListIdx();filterSel(this,'age','off');"><span th:text="${oneData.filterNm}">베이비(0~18개월)</span>
 														</label>
 													</li>
 												</th:block>
@@ -274,7 +274,7 @@
 												<th:block th:each="oneData, status : ${filterSeasonList}">
 													<li>
 														<label class="Season_btn">
-															<input type="checkbox" group="filterValue"  th:id="${'chkFilterSeason' + status.index}" name="season" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm}" onclick="filterSel(this,'season','off');"><span th:text="${oneData.filterNm}">봄</span>
+															<input type="checkbox" group="filterValue"  th:id="${'chkFilterSeason' + status.index}" name="season" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm}" onclick="fnResetListIdx();filterSel(this,'season','off');"><span th:text="${oneData.filterNm}">봄</span>
 														</label>
 													</li>
 												</th:block>
@@ -288,7 +288,7 @@
 												<th:block th:each="oneData, status : ${filterColorList}">
 													<li>
 														<label class="color-check">
-															<input type="checkbox" group="filterValue" th:id="${'chkFilterColor' + status.index}" name="color" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm.replace('#','')}" onclick="filterSel(this,'color','off');">
+															<input type="checkbox" group="filterValue" th:id="${'chkFilterColor' + status.index}" name="color" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm.replace('#','')}" onclick="fnResetListIdx();filterSel(this,'color','off');">
 															<span class="pdColor-color" th:if="${oneData.filterNm=='#FFFFFF'}" th:style="${'background-color:'+oneData.filterNm+';'+' border:1px solid #aaa;'}" th:value="${oneData.filterCd}"></span>
 															<span class="pdColor-color" th:if="${oneData.filterNm!='#FFFFFF'}" th:style="${'background-color:'+oneData.filterNm}" th:value="${oneData.filterCd}"></span>
 														</label>
@@ -304,7 +304,7 @@
 												<th:block th:each="oneData, status : ${filterBenefitList}">
 													<li>
 														<label class="Benefits_btn">
-															<input type="checkbox" group="filterValue" th:id="${'chkFilterBenefits' + status.index}" name="benefit" th:value="${oneData.filterCd}+':'+${oneData.filterNm}" th:data-id="${oneData.filterNm}" onclick="filterSel(this,'benefit','off');"><span th:text="${oneData.filterNm}"></span>
+															<input type="checkbox" group="filterValue" th:id="${'chkFilterBenefits' + status.index}" name="benefit" th:value="${oneData.filterCd}+':'+${oneData.filterNm}" th:data-id="${oneData.filterNm}" onclick="fnResetListIdx();filterSel(this,'benefit','off');"><span th:text="${oneData.filterNm}"></span>
 														</label>
 													</li>
 												</th:block>
@@ -402,13 +402,15 @@
 		var adBannerTag = '';
 		var filterPriceList = [[${filterPriceList}]];
 		var custom_values = [];
+		// 상품리스트 페이지 확인용
+		var listIdx = 1;
 
 		var fnSearchGoodsListSearch = function (){
 			gagaInfiniteScroll.getHistory();
 		}
 
 		var totalCnt = 0;
-		var idx = 1;
+
 		// 상품 검색
 		var fnGetInfiniteScrollDataList = function (pageNum) {
 			$("#searchGoodsForm input[name=pageNo]").val(pageNum + 1);
@@ -445,11 +447,11 @@
 				var keyWord = $("#InnerSearchForm").find("input[name=keyword]").val();
 				var htm = fnCreateGoodsList(result, ithrCd, contentLoc, goodsUrl, lastPage, endRow,'',keyWord);
 				gagaInfiniteScroll.draw(htm);
-				idx++;
+				listIdx++;
 				//fnImgOnoff();
 			}else{
 				// console.log('idx:::'+idx);
-				if(idx > 1){ // 데이터가 1건 이상
+				if(listIdx > 1){ // 데이터가 1건 이상
 					if(totalCnt > Number($("#searchGoodsForm").find("input[name=pageSize]").val())){
 						if($("#searchGoodsForm input[name=pageNo]").val()==1){
 							// 필터 값으로 조회 데이터 없을때
@@ -486,28 +488,28 @@
 		$(window).on("pageshow", function(event) {
 			$('#filterForm input[name=brandGroup]:checked').each(function(){
 				let filterGb = 'brandGroup';
-				$(this).attr('onclick','filterSel(this,\''+filterGb+'\',\'on\');');
+				$(this).attr('onclick','fnResetListIdx();filterSel(this,\''+filterGb+'\',\'on\');');
 				$(this).parent().addClass("active");
 			});
 			$('#filterForm input[name=size]:checked').each(function(){
 				let filterGb = 'size';
 				let rowNum = $(this).attr('data-idx');
-				$(this).attr('onclick','filterSel(this,\''+filterGb+'\',\'on\',\''+rowNum+'\');');
+				$(this).attr('onclick','fnResetListIdx();filterSel(this,\''+filterGb+'\',\'on\',\''+rowNum+'\');');
 				$(this).parent().addClass("active");
 			});
 			$('#filterForm input[name=season]:checked').each(function(){
 				let filterGb = 'season';
-				$(this).attr('onclick','filterSel(this,\''+filterGb+'\',\'on\');');
+				$(this).attr('onclick','fnResetListIdx();filterSel(this,\''+filterGb+'\',\'on\');');
 				$(this).parent().addClass("active");
 			});
 			$('#filterForm input[name=color]:checked').each(function(){
 				let filterGb = 'color';
-				$(this).attr('onclick','filterSel(this,\''+filterGb+'\',\'on\');');
+				$(this).attr('onclick','fnResetListIdx();filterSel(this,\''+filterGb+'\',\'on\');');
 				$(this).parent().addClass("active");
 			});
 			$('#filterForm input[name=benefit]:checked').each(function(){
 				let filterGb = 'benefit';
-				$(this).attr('onclick','filterSel(this,\''+filterGb+'\',\'on\');');
+				$(this).attr('onclick','fnResetListIdx();filterSel(this,\''+filterGb+'\',\'on\');');
 				$(this).parent().addClass("active");
 			});
 
@@ -535,6 +537,7 @@
 				values: custom_values02,
 				min_interval: 1,
 				onFinish : function (data){
+					fnResetListIdx();
 					fnCheckDcRate(data);
 				}
 			});
@@ -575,7 +578,7 @@
 					fnSortingChange(this,historyData.sortingType,'back');
 					$(".fillter").show();
 				}else{
-					idx++;
+					listIdx++;
 					$(".fillter").show();
 					fnSearchGoodsListSearch();
 					fnSetPriceFilter();
@@ -685,6 +688,7 @@
 					// },
 					// onChange : fnCheckPrice,
 					onFinish : function(data,priceLen){
+						fnResetListIdx();
 						fnCheckPrice(data,priceLen);
 					}
 				});
@@ -809,74 +813,22 @@
 			let tag = '';
 			if(cate1 != null){
 				tag += '<li>\n';
-				tag += '	<a href="javascript:void(0);" onclick="fnSetSearchCate(this, \'off\', \''+cate1.cate1No+'\');" cateFullNm="'+cate1.cate1Nm+'" data-open="N" data-depth="1" data1="'+cate1.cate1No+'" data-value="'+cate1.cate1No+'">'+cate1.cate1Nm+'</a>';
-				if(cate1.leafYn == 'N' && cate1.cate2List.length > 0){
-					tag += '<div class="sub_cate">\n';
-					tag += '	<ul>\n';
-					$.each(cate1.cate2List, function (idx2,cate2){
-						tag += '<li><a href="javascript:void(0);" onclick="fnSetSearchCate(this, \'off\', \''+cate1.cate1No+'\',\''+cate2.cate2No+'\');" cateFullNm="'+cate1.cate1Nm+'>'+cate2.cate2Nm+'" data-open="N" data-depth="2" data1="'+cate1.cate1No+'" data2="'+cate2.cate2No+'" data-value="'+cate2.cate2No+'">'+cate2.cate2Nm+'</a>\n';
-						if(cate2.leafYn == 'N' && cate2.cate3List.length > 0){
-							tag += '<div class="sub_cate">\n';
-							tag += '	<ul>\n';
-							$.each(cate2.cate3List, function (idx3,cate3){
-								tag += '<li><a href="javascript:void(0);" onclick="fnSetSearchCate(this, \'off\', \''+cate1.cate1No+'\',\''+cate2.cate2No+'\',\''+cate3.cate3No+'\');" cateFullNm="'+cate1.cate1Nm+'>'+cate2.cate2Nm+'>'+cate3.cate3Nm+'" data-open="N" data-depth="3" data1="'+cate1.cate1No+'" data2="'+cate2.cate2No+'" data3="'+cate3.cate3No+'" data-value="'+cate3.cate3No+'">'+cate3.cate3Nm+'</a>\n';
-								if(cate3.leafYn == 'N' && cate3.cate4List.length >0){
-									tag += '<div class="sub_cate">\n';
-									tag += '	<ul>\n';
-									$.each(cate3.cate4List, function (idx4,cate4){
-										tag += '<li><a href="javascript:void(0);" onclick="fnSetSearchCate(this, \'off\', \''+cate1.cate1No+'\',\''+cate2.cate2No+'\',\''+cate3.cate3No+'\',\''+cate4.cate4No+'\');" cateFullNm="'+cate1.cate1Nm+'>'+cate2.cate2Nm+'>'+cate3.cate3Nm+'>'+cate4.cate4Nm+'" data-open="N" data-depth="4" data1="'+cate1.cate1No+'" data2="'+cate2.cate2No+'" data3="'+cate3.cate3No+'" data4="'+cate4.cate4No+'" data-value="'+cate4.cate4No+'">'+cate4.cate4Nm+'</a>\n';
-										/*if(cate4.leafYn = 'N' && cate4.cate5List.length>0){
-											tag += '<div class="sub_cate">\n';
-											tag += '	<ul>\n';
-											$.each(cate4.cate5List, function (idx5,cate5){
-												tag += '<li><a href="javascript:;">'+cate5.cate5Nm+'</a>\n';
-												tag += '</li>\n';
-											});
-											tag += '	</ul>\n';
-											tag += '</div>\n';
-										}*/
-										tag += '</li>\n';
-									});
-									tag += '	</ul>\n';
-									tag += '</div>\n';
-								}
-								tag += '</li>\n';
-							});
-							tag += '	</ul>\n';
-							tag += '</div>\n';
-						}
-						tag += '</li>\n';
-						// tag += '		<li><a href="javascript:;>'+cate2.cate2Nm+'</a></li>\n';
-					});
-					tag += '	</ul>\n';
-					tag += '</div>\n';
-				}
-				tag += '</li>\n';
-			}
-			return tag;
-		}
-
-		// 카테고리 그리기
-		let fnGetSearchCategoryList2 = function (cate1){
-			let tag = '';
-			if(cate1 != null){
-				tag += '<li>\n';
-				tag += '	<a href="javascript:void(0);" onclick="fnSetCateFilter(\''+cate1.cate1No+'\');">'+cate1.cate1Nm+'</a>';
+				tag += '	<a href="javascript:void(0);" onclick="fnResetListIdx();fnSetSearchCate(this, \'off\', \''+cate1.cate1No+'\');" cateFullNm="'+cate1.cate1Nm+'" data-open="N" data-depth="1" data1="'+cate1.cate1No+'" data-value="'+cate1.cate1No+'">'+cate1.cate1Nm+'</a>';
 				if(cate1.leafYn == 'N' && cate1.cate2List.length > 0){
 					tag += '<div class="sub_cate">\n';
 					tag += '	<ul>\n';
 					$.each(cate1.cate2List, function (idx2,cate2){
-						tag += '<li><a href="javascript:void(0);" onclick="fnSetCateFilter(\''+cate1.cate1No+'\',\''+cate2.cate2No+'\');">'+cate2.cate2Nm+'</a>\n';
+						tag += '<li><a href="javascript:void(0);" onclick="fnResetListIdx();fnSetSearchCate(this, \'off\', \''+cate1.cate1No+'\',\''+cate2.cate2No+'\');" cateFullNm="'+cate1.cate1Nm+'>'+cate2.cate2Nm+'" data-open="N" data-depth="2" data1="'+cate1.cate1No+'" data2="'+cate2.cate2No+'" data-value="'+cate2.cate2No+'">'+cate2.cate2Nm+'</a>\n';
 						if(cate2.leafYn == 'N' && cate2.cate3List.length > 0){
 							tag += '<div class="sub_cate">\n';
 							tag += '	<ul>\n';
 							$.each(cate2.cate3List, function (idx3,cate3){
-								tag += '<li><a href="javascript:void(0);" onclick="fnSetCateFilter(\''+cate1.cate1No+'\',\''+cate2.cate2No+'\',\''+cate3.cate3No+'\');">'+cate3.cate3Nm+'</a>\n';
+								tag += '<li><a href="javascript:void(0);" onclick="fnResetListIdx();fnSetSearchCate(this, \'off\', \''+cate1.cate1No+'\',\''+cate2.cate2No+'\',\''+cate3.cate3No+'\');" cateFullNm="'+cate1.cate1Nm+'>'+cate2.cate2Nm+'>'+cate3.cate3Nm+'" data-open="N" data-depth="3" data1="'+cate1.cate1No+'" data2="'+cate2.cate2No+'" data3="'+cate3.cate3No+'" data-value="'+cate3.cate3No+'">'+cate3.cate3Nm+'</a>\n';
 								if(cate3.leafYn == 'N' && cate3.cate4List.length >0){
 									tag += '<div class="sub_cate">\n';
 									tag += '	<ul>\n';
 									$.each(cate3.cate4List, function (idx4,cate4){
-										tag += '<li><a href="javascript:void(0);" onclick="fnSetCateFilter(\''+cate1.cate1No+'\',\''+cate2.cate2No+'\',\''+cate3.cate3No+'\',\''+cate4.cate4No+'\');">'+cate4.cate4Nm+'</a>\n';
+										tag += '<li><a href="javascript:void(0);" onclick="fnResetListIdx();fnSetSearchCate(this, \'off\', \''+cate1.cate1No+'\',\''+cate2.cate2No+'\',\''+cate3.cate3No+'\',\''+cate4.cate4No+'\');" cateFullNm="'+cate1.cate1Nm+'>'+cate2.cate2Nm+'>'+cate3.cate3Nm+'>'+cate4.cate4Nm+'" data-open="N" data-depth="4" data1="'+cate1.cate1No+'" data2="'+cate2.cate2No+'" data3="'+cate3.cate3No+'" data4="'+cate4.cate4No+'" data-value="'+cate4.cate4No+'">'+cate4.cate4Nm+'</a>\n';
 										/*if(cate4.leafYn = 'N' && cate4.cate5List.length>0){
 											tag += '<div class="sub_cate">\n';
 											tag += '	<ul>\n';
@@ -988,7 +940,13 @@
 			});
 		}
 
-
+		var fnResetListIdx = function (){
+			gagaInfiniteScroll.pageStatus.loadPage = 0;
+			gagaInfiniteScroll.pageStatus.pageNum = [];
+			listIdx = 1;
+			$('#endPage').hide();
+			$('#noFilterData').hide();
+		}
 	</script>
 
 	<!-- //2021.06.18 검색화면 로그스크립트 삽입 -->

+ 39 - 28
src/main/webapp/WEB-INF/views/web/display/CategoryGoodsListFormWeb.html

@@ -78,10 +78,10 @@
 								</ul>
 								<div class="form_field">
 									<div>
-										<input id="unisex" type="checkbox" onclick="fnFilterOption(this,'on');"><label for="unisex"> <span>남여 공용만 보기</span> </label>
+										<input id="unisex" type="checkbox" onclick="fnResetListIdx();fnFilterOption(this,'on');"><label for="unisex"> <span>남여 공용만 보기</span> </label>
 									</div>
 									<div th:unless="${cateInfo.formalGb=='G009_20'}">
-										<input id="newGoods" type="checkbox" onclick="fnFilterOption(this,'off');" checked="checked"><label for="newGoods"> <span>신상품만 보기</span> </label>
+										<input id="newGoods" type="checkbox" onclick="fnResetListIdx();fnFilterOption(this,'off');" checked="checked"><label for="newGoods"> <span>신상품만 보기</span> </label>
 									</div>
 								</div>
 							</div>
@@ -92,7 +92,7 @@
 										<th:block th:each="oneData, status : ${filterBrandList}">
 											<li>
 												<label class="brand_btn">
-													<input type="checkbox" group="filterValue" th:id="${'chkFilterBrand' + status.index}" name="brandGroup" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm}" onclick="filterSel(this,'brandGroup','off');"><span th:text="${oneData.filterNm}"></span>
+													<input type="checkbox" group="filterValue" th:id="${'chkFilterBrand' + status.index}" name="brandGroup" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm}" onclick="fnResetListIdx();filterSel(this,'brandGroup','off');"><span th:text="${oneData.filterNm}"></span>
 												</label>
 											</li>
 										</th:block>
@@ -107,7 +107,7 @@
 											<strong>상의</strong>
 											<th:block th:each="oneData, status : ${filterSizeList}" th:if="${#strings.startsWith(oneData.filterCd,'T')}">
 												<label class="size_btn">
-													<input type="checkbox" group="filterValue" th:id="${'chkFilterTSize' + status.index}" name="size" th:vale="${oneData.filterNm}" th:data-id="${oneData.filterNm}" data-idx="1" onclick="filterSel(this,'size','off','1');"><span th:text="${oneData.filterNm}">80</span>
+													<input type="checkbox" group="filterValue" th:id="${'chkFilterTSize' + status.index}" name="size" th:vale="${oneData.filterNm}" th:data-id="${oneData.filterNm}" data-idx="1" onclick="fnResetListIdx();filterSel(this,'size','off','1');"><span th:text="${oneData.filterNm}">80</span>
 												</label>
 											</th:block>
 										</li>
@@ -115,7 +115,7 @@
 											<strong>하의</strong>
 											<th:block th:each="oneData, status : ${filterSizeList}" th:if="${#strings.startsWith(oneData.filterCd,'B')}">
 												<label class="size_btn">
-													<input type="checkbox" group="filterValue" th:id="${'chkFilterBSize' + status.index}" name="size" th:vale="${oneData.filterNm}" th:data-id="${oneData.filterNm}" data-idx="2" onclick="filterSel(this,'size','off','2');"><span th:text="${oneData.filterNm}">80</span>
+													<input type="checkbox" group="filterValue" th:id="${'chkFilterBSize' + status.index}" name="size" th:vale="${oneData.filterNm}" th:data-id="${oneData.filterNm}" data-idx="2" onclick="fnResetListIdx();filterSel(this,'size','off','2');"><span th:text="${oneData.filterNm}">80</span>
 												</label>
 											</th:block>
 										</li>
@@ -123,7 +123,7 @@
 											<strong>신발</strong>
 											<th:block th:each="oneData, status : ${filterSizeList}" th:if="${#strings.startsWith(oneData.filterCd,'S')}">
 												<label class="size_btn">
-													<input type="checkbox" group="filterValue" th:id="${'chkFilterSSize' + status.index}" name="size" th:vale="${oneData.filterNm}" th:data-id="${oneData.filterNm}" data-idx="3" onclick="filterSel(this,'size','off','3');"><span th:text="${oneData.filterNm}">80</span>
+													<input type="checkbox" group="filterValue" th:id="${'chkFilterSSize' + status.index}" name="size" th:vale="${oneData.filterNm}" th:data-id="${oneData.filterNm}" data-idx="3" onclick="fnResetListIdx();filterSel(this,'size','off','3');"><span th:text="${oneData.filterNm}">80</span>
 												</label>
 											</th:block>
 										</li>
@@ -173,7 +173,7 @@
 										<th:block th:each="oneData, status : ${filterAgeList}">
 											<li>
 												<label class="Age_btn">
-													<input type="checkbox" group="filterValue" th:id="${'chkFilterAge' + status.index}" name="age" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm}" onclick="filterSel(this,'age','off');"><span th:text="${oneData.filterNm}">베이비(0~18개월)</span>
+													<input type="checkbox" group="filterValue" th:id="${'chkFilterAge' + status.index}" name="age" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm}" onclick="fnResetListIdx();filterSel(this,'age','off');"><span th:text="${oneData.filterNm}">베이비(0~18개월)</span>
 												</label>
 											</li>
 										</th:block>
@@ -187,7 +187,7 @@
 										<th:block th:each="oneData, status : ${filterSeasonList}">
 											<li>
 												<label class="Season_btn">
-													<input type="checkbox" group="filterValue"  th:id="${'chkFilterSeason' + status.index}" name="season" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm}" onclick="filterSel(this,'season','off');"><span th:text="${oneData.filterNm}">봄</span>
+													<input type="checkbox" group="filterValue"  th:id="${'chkFilterSeason' + status.index}" name="season" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm}" onclick="fnResetListIdx();filterSel(this,'season','off');"><span th:text="${oneData.filterNm}">봄</span>
 												</label>
 											</li>
 										</th:block>
@@ -201,7 +201,7 @@
 										<th:block th:each="oneData, status : ${filterColorList}">
 											<li>
 												<label class="color-check">
-													<input type="checkbox" group="filterValue" th:id="${'chkFilterColor' + status.index}" name="color" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm.replace('#','')}" onclick="filterSel(this,'color','off');">
+													<input type="checkbox" group="filterValue" th:id="${'chkFilterColor' + status.index}" name="color" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm.replace('#','')}" onclick="fnResetListIdx();filterSel(this,'color','off');">
 													<span class="pdColor-color" th:if="${oneData.filterNm=='#FFFFFF'}" th:style="${'background-color:'+oneData.filterNm+';'+' border:1px solid #aaa;'}" th:value="${oneData.filterCd}"></span>
 													<span class="pdColor-color" th:if="${oneData.filterNm!='#FFFFFF'}" th:style="${'background-color:'+oneData.filterNm}" th:value="${oneData.filterCd}"></span>
 												</label>
@@ -217,7 +217,7 @@
 										<th:block th:each="oneData, status : ${filterBenefitList}">
 											<li>
 												<label class="Benefits_btn">
-													<input type="checkbox" group="filterValue" th:id="${'chkFilterBenefits' + status.index}" name="benefit" th:value="${oneData.filterCd}+':'+${oneData.filterNm}" th:data-id="${oneData.filterNm}" onclick="filterSel(this,'benefit','off');"><span th:text="${oneData.filterNm}"></span>
+													<input type="checkbox" group="filterValue" th:id="${'chkFilterBenefits' + status.index}" name="benefit" th:value="${oneData.filterCd}+':'+${oneData.filterNm}" th:data-id="${oneData.filterNm}" onclick="fnResetListIdx();filterSel(this,'benefit','off');"><span th:text="${oneData.filterNm}"></span>
 												</label>
 											</li>
 										</th:block>
@@ -313,6 +313,8 @@
 		if(!gagajf.isNull(brandGroupInfo)){
 			brandGroupNm = brandGroupInfo.brandGroupNm;
 		}
+		// 상품리스트 페이지 확인용
+		var listIdx = 1;
 
 		// 컨텐츠 호출
 		$(document).ready( function() {
@@ -384,6 +386,7 @@
 					// },
 					// onChange : fnCheckPrice,
 					onFinish : function(data,priceLen){
+						fnResetListIdx();
 						fnCheckPrice(data,priceLen);
 					}
 				});
@@ -729,24 +732,24 @@ console.log(allCateList);
 
 			if(thisId == 'unisex'){
 				if(stat=='on'){
-					$(obj).attr('onclick','fnFilterOption(this,\'off\');');
+					$(obj).attr('onclick','fnResetListIdx();fnFilterOption(this,\'off\');');
 					$(obj).attr('checked', true);
 					tag += '<input type="hidden" name="unisex" value="G007_Z"/>\n';
 					$("#searchGoodsForm").append(tag);
 				}else{
-					$(obj).attr('onclick','fnFilterOption(this,\'on\');');
+					$(obj).attr('onclick','fnResetListIdx();fnFilterOption(this,\'on\');');
 					$(obj).attr('checked', false);
 					$("#searchGoodsForm input:hidden[name=unisex]").remove();
 				}
 			}else{
 				if(stat=='on'){
-					$(obj).attr('onclick','fnFilterOption(this,\'off\');');
+					$(obj).attr('onclick','fnResetListIdx();fnFilterOption(this,\'off\');');
 					$(obj).attr('checked', true);
 					tag += '<input type="hidden" name="newGoods" value="40"/>\n';
 					// tag += '<input type="hidden" name="benefitArr" value="40:신상"/>\n';
 					$("#searchGoodsForm").append(tag);
 				}else{
-					$(obj).attr('onclick','fnFilterOption(this,\'on\');');
+					$(obj).attr('onclick','fnResetListIdx();fnFilterOption(this,\'on\');');
 					$(obj).attr('checked', false);
 					$("#searchGoodsForm input:hidden[name=newGoods]").remove();
 					$("#searchGoodsForm input:hidden[name=benefitArr]").each(function(){
@@ -797,10 +800,10 @@ console.log(allCateList);
 		}
 
 		var totalCnt = 0;
-		var idx = 1;
+
 		// 상품 검색
 		var fnGetInfiniteScrollDataList = function (pageNum){
-			console.log('here7');
+			console.log('here7:::'+pageNum);
 			$("#searchGoodsForm input[name=pageNo]").val(pageNum+1);
 			// if(idx==1 || totalCnt > Number($("#searchGoodsForm").find("input[name=pageSize]").val())){
 			// 	idx++;
@@ -823,7 +826,7 @@ console.log(allCateList);
 
 			// result.dataList != null && result.dataList.length > 0
 			if (dataListLen > 0) {
-				idx++;
+				listIdx++;
 				$('.list_content .list_defult').hide();
 				$('.list_content .count_wrap').show();
 				var goodsUrl = [[${@environment.getProperty('upload.goods.view')}]];
@@ -833,7 +836,7 @@ console.log(allCateList);
 				gagaInfiniteScroll.draw(htm);
 				fnImgOnoff();
 			}else {
-				if(idx > 1){ // 데이터가 1건 이상
+				if(listIdx > 1){ // 데이터가 1건 이상
 					if(totalCnt > Number($("#searchGoodsForm").find("input[name=pageSize]").val())){
 						if($("#searchGoodsForm input[name=pageNo]").val()==1){
 							// 필터 값으로 조회 데이터 없을때
@@ -1316,28 +1319,28 @@ console.log(allCateList);
 		$(window).on("pageshow", function(event) {
 			$('#filterForm input[name=brandGroup]:checked').each(function(){
 				let filterGb = 'brandGroup';
-				$(this).attr('onclick','filterSel(this,\''+filterGb+'\',\'on\');');
+				$(this).attr('onclick','fnResetListIdx();filterSel(this,\''+filterGb+'\',\'on\');');
 				$(this).parent().addClass("active");
 			});
 			$('#filterForm input[name=size]:checked').each(function(){
 				let filterGb = 'size';
 				let rowNum = $(this).attr('data-idx');
-				$(this).attr('onclick','filterSel(this,\''+filterGb+'\',\'on\',\''+rowNum+'\');');
+				$(this).attr('onclick','fnResetListIdx();filterSel(this,\''+filterGb+'\',\'on\',\''+rowNum+'\');');
 				$(this).parent().addClass("active");
 			});
 			$('#filterForm input[name=season]:checked').each(function(){
 				let filterGb = 'season';
-				$(this).attr('onclick','filterSel(this,\''+filterGb+'\',\'on\');');
+				$(this).attr('onclick','fnResetListIdx();filterSel(this,\''+filterGb+'\',\'on\');');
 				$(this).parent().addClass("active");
 			});
 			$('#filterForm input[name=color]:checked').each(function(){
 				let filterGb = 'color';
-				$(this).attr('onclick','filterSel(this,\''+filterGb+'\',\'on\');');
+				$(this).attr('onclick','fnResetListIdx();filterSel(this,\''+filterGb+'\',\'on\');');
 				$(this).parent().addClass("active");
 			});
 			$('#filterForm input[name=benefit]:checked').each(function(){
 				let filterGb = 'benefit';
-				$(this).attr('onclick','filterSel(this,\''+filterGb+'\',\'on\');');
+				$(this).attr('onclick','fnResetListIdx();filterSel(this,\''+filterGb+'\',\'on\');');
 				$(this).parent().addClass("active");
 			});
 
@@ -1365,6 +1368,7 @@ console.log(allCateList);
 				values: custom_values02,
 				min_interval: 1,
 				onFinish : function (data){
+					fnResetListIdx();
 					fnCheckDcRate(data);
 				}
 			});
@@ -1407,20 +1411,20 @@ console.log(allCateList);
 				if(!gagajf.isNull($("#searchGoodsForm").find('input[name=dcRateTo]').val())){
 					$("#filterForm").find('input[name=hDcRateTo]').val($("#searchGoodsForm").find('input[name=dcRateTo]').val());
 				}
-				idx++;
+				listIdx++;
 				if(gagajf.isNull($("#searchGoodsForm").find("input[name=unisex]").val())){
-					$("#unisex").attr('onclick','fnFilterOption(this,\'on\');');
+					$("#unisex").attr('onclick','fnResetListIdx();fnFilterOption(this,\'on\');');
 					$("#unisex").attr('checked', false);
 				}else{
-					$("#unisex").attr('onclick','fnFilterOption(this,\'off\');');
+					$("#unisex").attr('onclick','fnResetListIdx();fnFilterOption(this,\'off\');');
 					$("#unisex").attr('checked', true);
 				}
 
 				if(gagajf.isNull($("#searchGoodsForm").find("input[name=newGoods]").val())){
-					$("#newGoods").attr('onclick','fnFilterOption(this,\'on\');');
+					$("#newGoods").attr('onclick','fnResetListIdx();fnFilterOption(this,\'on\');');
 					$("#newGoods").attr('checked', false);
 				}else{
-					$("#newGoods").attr('onclick','fnFilterOption(this,\'off\');');
+					$("#newGoods").attr('onclick','fnResetListIdx();fnFilterOption(this,\'off\');');
 					$("#newGoods").attr('checked', true);
 				}
 				if(typeof historyData.sortingType!='undefined' && historyData.sortingType!=''){
@@ -1484,6 +1488,13 @@ console.log(allCateList);
 			}
 		}
 
+		var fnResetListIdx = function (){
+			gagaInfiniteScroll.pageStatus.loadPage = 0;
+			gagaInfiniteScroll.pageStatus.pageNum = [];
+			listIdx = 1;
+			$('#endPage').hide();
+			$('#noFilterData').hide();
+		}
 
 		/*]]>*/
 

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

@@ -151,7 +151,7 @@
 							</div>
 							<div class="lnb_category">
 								<ul class="category" id="ulAllCate">
-									<li><a href="javascript:void(0);" id="cateAll" onclick="fnSetSearchCate(this, 'off');" class="on">전체</a></li>
+									<li><a href="javascript:void(0);" id="cateAll" onclick="fnResetListIdx();fnSetSearchCate(this, 'off');" class="on">전체</a></li>
 								</ul>
 							</div>
 						</div>
@@ -191,10 +191,10 @@
 										</ul>
 										<div class="form_field">
 											<div>
-												<input id="unisex" type="checkbox" onclick="fnFilterOption(this,'on');"><label for="unisex"> <span>남여 공용만 보기</span> </label>
+												<input id="unisex" type="checkbox" onclick="fnResetListIdx();fnFilterOption(this,'on');"><label for="unisex"> <span>남여 공용만 보기</span> </label>
 											</div>
 											<div>
-												<input id="newGoods" type="checkbox" onclick="fnFilterOption(this,'on');"><label for="newGoods"> <span>신상품만 보기</span> </label>
+												<input id="newGoods" type="checkbox" onclick="fnResetListIdx();fnFilterOption(this,'on');"><label for="newGoods"> <span>신상품만 보기</span> </label>
 											</div>
 										</div>
 									</div>
@@ -205,7 +205,7 @@
 												<th:block th:each="oneData, status : ${filterBrandList}">
 													<li>
 														<label class="brand_btn" >
-															<input type="checkbox" group="filterValue" th:id="${'chkFilterBrand' + status.index}" name="brandGroup" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm}" onclick="filterSel(this,'brandGroup','off');"><span th:text="${oneData.filterNm}"></span>
+															<input type="checkbox" group="filterValue" th:id="${'chkFilterBrand' + status.index}" name="brandGroup" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm}" onclick="fnResetListIdx();filterSel(this,'brandGroup','off');"><span th:text="${oneData.filterNm}"></span>
 														</label>
 													</li>
 												</th:block>
@@ -220,7 +220,7 @@
 													<strong>상의</strong>
 													<th:block th:each="oneData, status : ${filterSizeList}" th:if="${#strings.startsWith(oneData.filterCd,'T')}">
 														<label class="size_btn">
-															<input type="checkbox" group="filterValue" th:id="${'chkFilterTSize' + status.index}" name="size" th:vale="${oneData.filterNm}" th:data-id="${oneData.filterNm}" data-idx="1" onclick="filterSel(this,'size','off','1');"><span th:text="${oneData.filterNm}">80</span>
+															<input type="checkbox" group="filterValue" th:id="${'chkFilterTSize' + status.index}" name="size" th:vale="${oneData.filterNm}" th:data-id="${oneData.filterNm}" data-idx="1" onclick="fnResetListIdx();filterSel(this,'size','off','1');"><span th:text="${oneData.filterNm}">80</span>
 														</label>
 													</th:block>
 												</li>
@@ -228,7 +228,7 @@
 													<strong>하의</strong>
 													<th:block th:each="oneData, status : ${filterSizeList}" th:if="${#strings.startsWith(oneData.filterCd,'B')}">
 														<label class="size_btn">
-															<input type="checkbox" group="filterValue" th:id="${'chkFilterBSize' + status.index}" name="size" th:vale="${oneData.filterNm}" th:data-id="${oneData.filterNm}" data-idx="2" onclick="filterSel(this,'size','off','2');"><span th:text="${oneData.filterNm}">80</span>
+															<input type="checkbox" group="filterValue" th:id="${'chkFilterBSize' + status.index}" name="size" th:vale="${oneData.filterNm}" th:data-id="${oneData.filterNm}" data-idx="2" onclick="fnResetListIdx();filterSel(this,'size','off','2');"><span th:text="${oneData.filterNm}">80</span>
 														</label>
 													</th:block>
 												</li>
@@ -236,7 +236,7 @@
 													<strong>신발</strong>
 													<th:block th:each="oneData, status : ${filterSizeList}" th:if="${#strings.startsWith(oneData.filterCd,'S')}">
 														<label class="size_btn">
-															<input type="checkbox" group="filterValue" th:id="${'chkFilterSSize' + status.index}" name="size" th:vale="${oneData.filterNm}" th:data-id="${oneData.filterNm}" data-idx="3" onclick="filterSel(this,'size','off','3');"><span th:text="${oneData.filterNm}">80</span>
+															<input type="checkbox" group="filterValue" th:id="${'chkFilterSSize' + status.index}" name="size" th:vale="${oneData.filterNm}" th:data-id="${oneData.filterNm}" data-idx="3" onclick="fnResetListIdx();filterSel(this,'size','off','3');"><span th:text="${oneData.filterNm}">80</span>
 														</label>
 													</th:block>
 												</li>
@@ -286,7 +286,7 @@
 												<th:block th:each="oneData, status : ${filterAgeList}">
 													<li>
 														<label class="Age_btn">
-															<input type="checkbox" group="filterValue" th:id="${'chkFilterAge' + status.index}" name="age" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm}" onclick="filterSel(this,'age','off');"><span th:text="${oneData.filterNm}">베이비(0~18개월)</span>
+															<input type="checkbox" group="filterValue" th:id="${'chkFilterAge' + status.index}" name="age" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm}" onclick="fnResetListIdx();filterSel(this,'age','off');"><span th:text="${oneData.filterNm}">베이비(0~18개월)</span>
 														</label>
 													</li>
 												</th:block>
@@ -300,7 +300,7 @@
 												<th:block th:each="oneData, status : ${filterSeasonList}">
 													<li>
 														<label class="Season_btn">
-															<input type="checkbox" group="filterValue"  th:id="${'chkFilterSeason' + status.index}" name="season" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm}" onclick="filterSel(this,'season','off');"><span th:text="${oneData.filterNm}">봄</span>
+															<input type="checkbox" group="filterValue"  th:id="${'chkFilterSeason' + status.index}" name="season" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm}" onclick="fnResetListIdx();filterSel(this,'season','off');"><span th:text="${oneData.filterNm}">봄</span>
 														</label>
 													</li>
 												</th:block>
@@ -314,7 +314,7 @@
 												<th:block th:each="oneData, status : ${filterColorList}">
 													<li>
 														<label class="color-check">
-															<input type="checkbox" group="filterValue" th:id="${'chkFilterColor' + status.index}" name="color" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm.replace('#','')}" onclick="filterSel(this,'color','off');">
+															<input type="checkbox" group="filterValue" th:id="${'chkFilterColor' + status.index}" name="color" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm.replace('#','')}" onclick="fnResetListIdx();filterSel(this,'color','off');">
 															<span class="pdColor-color" th:if="${oneData.filterNm=='#FFFFFF'}" th:style="${'background-color:'+oneData.filterNm+';'+' border:1px solid #aaa;'}" th:value="${oneData.filterCd}"></span>
 															<span class="pdColor-color" th:if="${oneData.filterNm!='#FFFFFF'}" th:style="${'background-color:'+oneData.filterNm}" th:value="${oneData.filterCd}"></span>
 														</label>
@@ -330,7 +330,7 @@
 												<th:block th:each="oneData, status : ${filterBenefitList}">
 													<li>
 														<label class="Benefits_btn">
-															<input type="checkbox" group="filterValue" th:id="${'chkFilterBenefits' + status.index}" name="benefit" th:value="${oneData.filterCd}+':'+${oneData.filterNm}" th:data-id="${oneData.filterNm}" onclick="filterSel(this,'benefit','off');"><span th:text="${oneData.filterNm}"></span>
+															<input type="checkbox" group="filterValue" th:id="${'chkFilterBenefits' + status.index}" name="benefit" th:value="${oneData.filterCd}+':'+${oneData.filterNm}" th:data-id="${oneData.filterNm}" onclick="fnResetListIdx();filterSel(this,'benefit','off');"><span th:text="${oneData.filterNm}"></span>
 														</label>
 													</li>
 												</th:block>
@@ -491,12 +491,15 @@
 		var filterPriceList = [[${filterPriceList}]];
 		var custom_values = [];
 
+		// 상품리스트 페이지 확인용
+		var listIdx = 1;
+
 		var fnSearchGoodsListSearch = function (){
 			gagaInfiniteScroll.getHistory();
 		}
 
 		var totalCnt = 0;
-		var idx = 1;
+
 		// 상품 검색
 		var fnGetInfiniteScrollDataList = function (pageNum) {
 			$("#searchGoodsForm input[name=pageNo]").val(pageNum + 1);
@@ -533,11 +536,11 @@
 				var keyWord = $("#InnerSearchForm").find("input[name=keyword]").val();
 				var htm = fnCreateGoodsList(result, ithrCd, contentLoc, goodsUrl, lastPage, endRow,'',keyWord);
 				gagaInfiniteScroll.draw(htm);
-				idx++;
+				listIdx++;
 				//fnImgOnoff();
 			}else{
 				// console.log('idx:::'+idx);
-				if(idx > 1){ // 데이터가 1건 이상
+				if(listIdx > 1){ // 데이터가 1건 이상
 					if(totalCnt > Number($("#searchGoodsForm").find("input[name=pageSize]").val())){
 						if($("#searchGoodsForm input[name=pageNo]").val()==1){
 							// 필터 값으로 조회 데이터 없을때
@@ -574,28 +577,28 @@
 		$(window).on("pageshow", function(event) {
 			$('#filterForm input[name=brandGroup]:checked').each(function(){
 				let filterGb = 'brandGroup';
-				$(this).attr('onclick','filterSel(this,\''+filterGb+'\',\'on\');');
+				$(this).attr('onclick','fnResetListIdx();filterSel(this,\''+filterGb+'\',\'on\');');
 				$(this).parent().addClass("active");
 			});
 			$('#filterForm input[name=size]:checked').each(function(){
 				let filterGb = 'size';
 				let rowNum = $(this).attr('data-idx');
-				$(this).attr('onclick','filterSel(this,\''+filterGb+'\',\'on\',\''+rowNum+'\');');
+				$(this).attr('onclick','fnResetListIdx();filterSel(this,\''+filterGb+'\',\'on\',\''+rowNum+'\');');
 				$(this).parent().addClass("active");
 			});
 			$('#filterForm input[name=season]:checked').each(function(){
 				let filterGb = 'season';
-				$(this).attr('onclick','filterSel(this,\''+filterGb+'\',\'on\');');
+				$(this).attr('onclick','fnResetListIdx();filterSel(this,\''+filterGb+'\',\'on\');');
 				$(this).parent().addClass("active");
 			});
 			$('#filterForm input[name=color]:checked').each(function(){
 				let filterGb = 'color';
-				$(this).attr('onclick','filterSel(this,\''+filterGb+'\',\'on\');');
+				$(this).attr('onclick','fnResetListIdx();filterSel(this,\''+filterGb+'\',\'on\');');
 				$(this).parent().addClass("active");
 			});
 			$('#filterForm input[name=benefit]:checked').each(function(){
 				let filterGb = 'benefit';
-				$(this).attr('onclick','filterSel(this,\''+filterGb+'\',\'on\');');
+				$(this).attr('onclick','fnResetListIdx();filterSel(this,\''+filterGb+'\',\'on\');');
 				$(this).parent().addClass("active");
 			});
 
@@ -623,6 +626,7 @@
 				values: custom_values02,
 				min_interval: 1,
 				onFinish : function (data){
+					fnResetListIdx();
 					fnCheckDcRate(data);
 				}
 			});
@@ -658,18 +662,18 @@
 					$("#prodListCnt").text('(0)');
 				}
 				if(gagajf.isNull($("#searchGoodsForm").find("input[name=unisex]").val())){
-					$("#unisex").attr('onclick','fnFilterOption(this,\'on\');');
+					$("#unisex").attr('onclick','fnResetListIdx();fnFilterOption(this,\'on\');');
 					$("#unisex").attr('checked', false);
 				}else{
-					$("#unisex").attr('onclick','fnFilterOption(this,\'off\');');
+					$("#unisex").attr('onclick','fnResetListIdx();fnFilterOption(this,\'off\');');
 					$("#unisex").attr('checked', true);
 				}
 
 				if(gagajf.isNull($("#searchGoodsForm").find("input[name=newGoods]").val())){
-					$("#newGoods").attr('onclick','fnFilterOption(this,\'on\');');
+					$("#newGoods").attr('onclick','fnResetListIdx();fnFilterOption(this,\'on\');');
 					$("#newGoods").attr('checked', false);
 				}else{
-					$("#newGoods").attr('onclick','fnFilterOption(this,\'off\');');
+					$("#newGoods").attr('onclick','fnResetListIdx();fnFilterOption(this,\'off\');');
 					$("#newGoods").attr('checked', true);
 				}
 				if(!gagajf.isNull($("#searchGoodsForm").find('input[name=priceArr]').val())){
@@ -684,7 +688,7 @@
 					fnSortingChange(this,historyData.sortingType,'back');
 					$(".fillter").show();
 				}else{
-					idx++;
+					listIdx++;
 					$(".fillter").show();
 					fnSearchGoodsListSearch();
 					fnGetSearchPlanningList();
@@ -901,6 +905,7 @@
 					// },
 					// onChange : fnCheckPrice,
 					onFinish : function(data,priceLen){
+						fnResetListIdx();
 						fnCheckPrice(data,priceLen);
 					}
 				});
@@ -1026,22 +1031,22 @@
 			let tag = '';
 			if(cate1 != null){
 				tag += '<li>\n';
-				tag += '	<a href="javascript:void(0);" onclick="fnSetSearchCate(this, \'off\', \''+cate1.cate1No+'\');" cateFullNm="'+cate1.cate1Nm+'" data-open="N" data-depth="1" data1="'+cate1.cate1No+'" data-value="'+cate1.cate1No+'">'+cate1.cate1Nm+'</a>';
+				tag += '	<a href="javascript:void(0);" onclick="fnResetListIdx();fnSetSearchCate(this, \'off\', \''+cate1.cate1No+'\');" cateFullNm="'+cate1.cate1Nm+'" data-open="N" data-depth="1" data1="'+cate1.cate1No+'" data-value="'+cate1.cate1No+'">'+cate1.cate1Nm+'</a>';
 				if(cate1.leafYn == 'N' && cate1.cate2List.length > 0){
 					tag += '<div class="sub_cate">\n';
 					tag += '	<ul>\n';
 					$.each(cate1.cate2List, function (idx2,cate2){
-						tag += '<li><a href="javascript:void(0);" onclick="fnSetSearchCate(this, \'off\', \''+cate1.cate1No+'\',\''+cate2.cate2No+'\');" cateFullNm="'+cate1.cate1Nm+'>'+cate2.cate2Nm+'" data-open="N" data-depth="2" data1="'+cate1.cate1No+'" data2="'+cate2.cate2No+'" data-value="'+cate2.cate2No+'">'+cate2.cate2Nm+'</a>\n';
+						tag += '<li><a href="javascript:void(0);" onclick="fnResetListIdx();fnSetSearchCate(this, \'off\', \''+cate1.cate1No+'\',\''+cate2.cate2No+'\');" cateFullNm="'+cate1.cate1Nm+'>'+cate2.cate2Nm+'" data-open="N" data-depth="2" data1="'+cate1.cate1No+'" data2="'+cate2.cate2No+'" data-value="'+cate2.cate2No+'">'+cate2.cate2Nm+'</a>\n';
 						if(cate2.leafYn == 'N' && cate2.cate3List.length > 0){
 							tag += '<div class="sub_cate">\n';
 							tag += '	<ul>\n';
 							$.each(cate2.cate3List, function (idx3,cate3){
-								tag += '<li><a href="javascript:void(0);" onclick="fnSetSearchCate(this, \'off\', \''+cate1.cate1No+'\',\''+cate2.cate2No+'\',\''+cate3.cate3No+'\');" cateFullNm="'+cate1.cate1Nm+'>'+cate2.cate2Nm+'>'+cate3.cate3Nm+'" data-open="N" data-depth="3" data1="'+cate1.cate1No+'" data2="'+cate2.cate2No+'" data3="'+cate3.cate3No+'" data-value="'+cate3.cate3No+'">'+cate3.cate3Nm+'</a>\n';
+								tag += '<li><a href="javascript:void(0);" onclick="fnResetListIdx();fnSetSearchCate(this, \'off\', \''+cate1.cate1No+'\',\''+cate2.cate2No+'\',\''+cate3.cate3No+'\');" cateFullNm="'+cate1.cate1Nm+'>'+cate2.cate2Nm+'>'+cate3.cate3Nm+'" data-open="N" data-depth="3" data1="'+cate1.cate1No+'" data2="'+cate2.cate2No+'" data3="'+cate3.cate3No+'" data-value="'+cate3.cate3No+'">'+cate3.cate3Nm+'</a>\n';
 								if(cate3.leafYn == 'N' && cate3.cate4List.length >0){
 									tag += '<div class="sub_cate">\n';
 									tag += '	<ul>\n';
 									$.each(cate3.cate4List, function (idx4,cate4){
-										tag += '<li><a href="javascript:void(0);" onclick="fnSetSearchCate(this, \'off\', \''+cate1.cate1No+'\',\''+cate2.cate2No+'\',\''+cate3.cate3No+'\',\''+cate4.cate4No+'\');" cateFullNm="'+cate1.cate1Nm+'>'+cate2.cate2Nm+'>'+cate3.cate3Nm+'>'+cate4.cate4Nm+'" data-open="N" data-depth="4" data1="'+cate1.cate1No+'" data2="'+cate2.cate2No+'" data3="'+cate3.cate3No+'" data4="'+cate4.cate4No+'" data-value="'+cate4.cate4No+'">'+cate4.cate4Nm+'</a>\n';
+										tag += '<li><a href="javascript:void(0);" onclick="fnResetListIdx();fnSetSearchCate(this, \'off\', \''+cate1.cate1No+'\',\''+cate2.cate2No+'\',\''+cate3.cate3No+'\',\''+cate4.cate4No+'\');" cateFullNm="'+cate1.cate1Nm+'>'+cate2.cate2Nm+'>'+cate3.cate3Nm+'>'+cate4.cate4Nm+'" data-open="N" data-depth="4" data1="'+cate1.cate1No+'" data2="'+cate2.cate2No+'" data3="'+cate3.cate3No+'" data4="'+cate4.cate4No+'" data-value="'+cate4.cate4No+'">'+cate4.cate4Nm+'</a>\n';
 										/*if(cate4.leafYn = 'N' && cate4.cate5List.length>0){
 											tag += '<div class="sub_cate">\n';
 											tag += '	<ul>\n';
@@ -1204,6 +1209,14 @@
 			});
 		}
 
+		var fnResetListIdx = function (){
+			gagaInfiniteScroll.pageStatus.loadPage = 0;
+			gagaInfiniteScroll.pageStatus.pageNum = [];
+			listIdx = 1;
+			$('#endPage').hide();
+			$('#noFilterData').hide();
+		}
+
 	</script>
 
 	<!-- //2021.06.18 검색화면 로그스크립트 삽입 -->

+ 20 - 20
src/main/webapp/biz/goods.js

@@ -451,9 +451,9 @@ var filterSel = function (obj, gubun, staus, sizeGb){
 	if(staus=='on'){
 		filterStatHtml = '';
 		if(gubun=='size'){
-			$(obj).attr('onclick','filterSel(this,\''+gubun+'\',\'off\',\''+sizeGb+'\');');
+			$(obj).attr('onclick','fnResetListIdx();filterSel(this,\''+gubun+'\',\'off\',\''+sizeGb+'\');');
 		}else{
-			$(obj).attr('onclick','filterSel(this,\''+gubun+'\',\'off\',\'\');');
+			$(obj).attr('onclick','fnResetListIdx();filterSel(this,\''+gubun+'\',\'off\',\'\');');
 		}
 
 		$("#filterData").find('span').each(function(idx,item) {
@@ -470,9 +470,9 @@ var filterSel = function (obj, gubun, staus, sizeGb){
 		filterStatHtml = $("#filterData").html();
 	}else{
 		if(gubun=='size'){
-			$(obj).attr('onclick','filterSel(this,\''+gubun+'\',\'on\',\''+sizeGb+'\');');
+			$(obj).attr('onclick','fnResetListIdx();filterSel(this,\''+gubun+'\',\'on\',\''+sizeGb+'\');');
 		}else{
-			$(obj).attr('onclick','filterSel(this,\''+gubun+'\',\'on\',\'\');');
+			$(obj).attr('onclick','fnResetListIdx();filterSel(this,\''+gubun+'\',\'on\',\'\');');
 		}
 
 		let tag = '';
@@ -848,9 +848,9 @@ var fnSortingChange = function (obj, sortingType, stat, appGb){
 // 모바일 가격 필터
 var filterPriceMob = function (obj, gubun, staus, idx){
 	if(staus=='on'){
-		$(obj).attr('onclick','filterPriceMob(this,\''+gubun+'\',\'off\',\''+idx+'\');');
+		$(obj).attr('onclick','fnResetListIdx();filterPriceMob(this,\''+gubun+'\',\'off\',\''+idx+'\');');
 	}else{
-		$(obj).attr('onclick','filterPriceMob(this,\''+gubun+'\',\'on\',\''+idx+'\');');
+		$(obj).attr('onclick','fnResetListIdx();filterPriceMob(this,\''+gubun+'\',\'on\',\''+idx+'\');');
 	}
 
 	fnFilterSet(gubun, 'price', 'Mob');
@@ -861,9 +861,9 @@ var filterPriceMobOri = function (obj, gubun, staus, idx){
 	$("#searchGoodsForm input:hidden[name=priceTo]").remove();
 
 	if(staus=='on'){
-		$(obj).attr('onclick','filterPriceMob(this,\''+gubun+'\',\'off\',\''+idx+'\');');
+		$(obj).attr('onclick','fnResetListIdx();filterPriceMob(this,\''+gubun+'\',\'off\',\''+idx+'\');');
 	}else{
-		$(obj).attr('onclick','filterPriceMob(this,\''+gubun+'\',\'on\',\''+idx+'\');');
+		$(obj).attr('onclick','fnResetListIdx();filterPriceMob(this,\''+gubun+'\',\'on\',\''+idx+'\');');
 	}
 
 	$('#filterForm input[name=price]').each(function (ind){
@@ -908,9 +908,9 @@ var filterPriceMobOri = function (obj, gubun, staus, idx){
 // 모바일 할인 필터
 var filterDcRateMob = function (obj, gubun, staus, idx){
 	if(staus=='on'){
-		$(obj).attr('onclick','filterDcRateMob(this,\''+gubun+'\',\'off\',\''+idx+'\');');
+		$(obj).attr('onclick','fnResetListIdx();filterDcRateMob(this,\''+gubun+'\',\'off\',\''+idx+'\');');
 	}else{
-		$(obj).attr('onclick','filterDcRateMob(this,\''+gubun+'\',\'on\',\''+idx+'\');');
+		$(obj).attr('onclick','fnResetListIdx();filterDcRateMob(this,\''+gubun+'\',\'on\',\''+idx+'\');');
 	}
 	fnFilterSet(gubun, 'dcRate', 'Mob');
 }
@@ -920,9 +920,9 @@ var filterDcRateMobOri = function (obj, gubun, staus, idx){
 	$("#searchGoodsForm input:hidden[name=dcRateTo]").remove();
 
 	if(staus=='on'){
-		$(obj).attr('onclick','filterDcRateMob(this,\''+gubun+'\',\'off\',\''+idx+'\');');
+		$(obj).attr('onclick','fnResetListIdx();filterDcRateMob(this,\''+gubun+'\',\'off\',\''+idx+'\');');
 	}else{
-		$(obj).attr('onclick','filterDcRateMob(this,\''+gubun+'\',\'on\',\''+idx+'\');');
+		$(obj).attr('onclick','fnResetListIdx();filterDcRateMob(this,\''+gubun+'\',\'on\',\''+idx+'\');');
 	}
 
 	$('#filterForm input[name=dcRate]').each(function (ind){
@@ -972,9 +972,9 @@ var fnSelectFilerMob = function (obj, gubun, staus, sizeGb){
 	let $obj = $(obj);
 	if(staus=='on'){
 		if(gubun=='size'){
-			$(obj).attr('onclick','fnSelectFilerMob(this,\''+gubun+'\',\'off\',\''+sizeGb+'\');');
+			$(obj).attr('onclick','fnResetListIdx();fnSelectFilerMob(this,\''+gubun+'\',\'off\',\''+sizeGb+'\');');
 		}else{
-			$(obj).attr('onclick','fnSelectFilerMob(this,\''+gubun+'\',\'off\',\'\');');
+			$(obj).attr('onclick','fnResetListIdx();fnSelectFilerMob(this,\''+gubun+'\',\'off\',\'\');');
 		}
 
 		$("#filterData").find('span').each(function(idx,item) {
@@ -990,9 +990,9 @@ var fnSelectFilerMob = function (obj, gubun, staus, sizeGb){
 		});
 	}else{
 		if(gubun=='size'){
-			$(obj).attr('onclick','fnSelectFilerMob(this,\''+gubun+'\',\'on\',\''+sizeGb+'\');');
+			$(obj).attr('onclick','fnResetListIdx();fnSelectFilerMob(this,\''+gubun+'\',\'on\',\''+sizeGb+'\');');
 		}else{
-			$(obj).attr('onclick','fnSelectFilerMob(this,\''+gubun+'\',\'on\',\'\');');
+			$(obj).attr('onclick','fnResetListIdx();fnSelectFilerMob(this,\''+gubun+'\',\'on\',\'\');');
 		}
 	}
 	fnFilterSet(gubun, sizeGb, 'Mob');
@@ -1154,10 +1154,10 @@ var fnFilterReset = function (){
 	$("#searchGoodsForm input:hidden[name=benefitArr]").remove();
 	$("#searchGoodsForm input:hidden[name=newGoods]").val('');
 	$("#unisex").prop('checked',false);
-	$("#unisex").attr('onclick','fnFilterOption(this,\'on\');');
+	$("#unisex").attr('onclick','fnResetListIdx();fnFilterOption(this,\'on\');');
 	$("#searchGoodsForm input:hidden[name=unisex]").remove();
 	$("#newGoods").prop('checked',false);
-	$("#newGoods").attr('onclick','fnFilterOption(this,\'on\');');
+	$("#newGoods").attr('onclick','fnResetListIdx();fnFilterOption(this,\'on\');');
 	// $("#searchGoodsForm input:hidden[name=newGoods]").val('40');
 
 	fnFilterSliderMove(0,5);
@@ -1187,10 +1187,10 @@ var fnMobFilterReset = function (){
 	$("#searchGoodsForm input:hidden[name=benefitArr]").remove();
 	$("#searchGoodsForm input:hidden[name=newGoods]").val('');
 	$("#unisex").prop('checked',false);
-	$("#unisex").attr('onclick','fnFilterOption(this,\'on\');');
+	$("#unisex").attr('onclick','fnResetListIdx();fnFilterOption(this,\'on\');');
 	$("#searchGoodsForm input:hidden[name=unisex]").remove();
 	$("#newGoods").prop('checked',false);
-	$("#newGoods").attr('onclick','fnFilterOption(this,\'on\');');
+	$("#newGoods").attr('onclick','fnResetListIdx();fnFilterOption(this,\'on\');');
 	$('.allFilter .chkFilter').find('input[type=checkbox]').each(function (idx){
 		$(this).prop('checked',false);
 	});

+ 25 - 25
src/main/webapp/biz/search.js

@@ -216,24 +216,24 @@ var fnFilterOption = function (obj, stat){
 
 	if(thisId == 'unisex'){
 		if(stat=='on'){
-			$(obj).attr('onclick','fnFilterOption(this,\'off\');');
+			$(obj).attr('onclick','fnResetListIdx();fnFilterOption(this,\'off\');');
 			$(obj).attr('checked', true);
 			tag += '<input type="hidden" name="unisex" value="G007_Z"/>\n';
 			$("#searchGoodsForm").append(tag);
 		}else{
-			$(obj).attr('onclick','fnFilterOption(this,\'on\');');
+			$(obj).attr('onclick','fnResetListIdx();fnFilterOption(this,\'on\');');
 			$(obj).attr('checked', false);
 			$("#searchGoodsForm input:hidden[name=unisex]").remove();
 		}
 	}else{
 		if(stat=='on'){
-			$(obj).attr('onclick','fnFilterOption(this,\'off\');');
+			$(obj).attr('onclick','fnResetListIdx();fnFilterOption(this,\'off\');');
 			$(obj).attr('checked', true);
 			tag += '<input type="hidden" name="newGoods" value="40"/>\n';
 			// tag += '<input type="hidden" name="benefitArr" value="40:신상"/>\n';
 			$("#searchGoodsForm").append(tag);
 		}else{
-			$(obj).attr('onclick','fnFilterOption(this,\'on\');');
+			$(obj).attr('onclick','fnResetListIdx();fnFilterOption(this,\'on\');');
 			$(obj).attr('checked', false);
 			$("#searchGoodsForm input:hidden[name=newGoods]").remove();
 			$("#searchGoodsForm input:hidden[name=benefitArr]").each(function(){
@@ -256,9 +256,9 @@ var filterSel = function (obj, gubun, staus, sizeGb){
 	if(staus=='on'){
 		filterStatHtml = '';
 		if(gubun=='size'){
-			$(obj).attr('onclick','filterSel(this,\''+gubun+'\',\'off\',\''+sizeGb+'\');');
+			$(obj).attr('onclick','fnResetListIdx();filterSel(this,\''+gubun+'\',\'off\',\''+sizeGb+'\');');
 		}else{
-			$(obj).attr('onclick','filterSel(this,\''+gubun+'\',\'off\',\'\');');
+			$(obj).attr('onclick','fnResetListIdx();filterSel(this,\''+gubun+'\',\'off\',\'\');');
 		}
 
 		$("#filterData").find('span').each(function(idx,item) {
@@ -275,9 +275,9 @@ var filterSel = function (obj, gubun, staus, sizeGb){
 		filterStatHtml = $("#filterData").html();
 	}else{
 		if(gubun=='size'){
-			$(obj).attr('onclick','filterSel(this,\''+gubun+'\',\'on\',\''+sizeGb+'\');');
+			$(obj).attr('onclick','fnResetListIdx();filterSel(this,\''+gubun+'\',\'on\',\''+sizeGb+'\');');
 		}else{
-			$(obj).attr('onclick','filterSel(this,\''+gubun+'\',\'on\',\'\');');
+			$(obj).attr('onclick','fnResetListIdx();filterSel(this,\''+gubun+'\',\'on\',\'\');');
 		}
 
 		let tag = '';
@@ -518,14 +518,14 @@ var fnSetSearchCate = function (obj, status, cate1No, cate2No, cate3No, cate4No,
 	$("#ulAllCate").find('li > a').each(function (){
 		$(this).parent().find('li').removeClass("on");
 		$(this).removeClass("on");
-		$(this).attr('onclick','fnSetSearchCate(this, \'off\','+$(this).attr('data1')+','+$(this).attr('data2')+','+$(this).attr('data3')+','+$(this).attr('data4')+','+$(this).attr('data5')+');');
+		$(this).attr('onclick','fnResetListIdx();fnSetSearchCate(this, \'off\','+$(this).attr('data1')+','+$(this).attr('data2')+','+$(this).attr('data3')+','+$(this).attr('data4')+','+$(this).attr('data5')+');');
 	});
 
 	if(status=='on'){
 		// 필터 제거
 		filterStatHtml = '';
 		if($(obj).attr('data-depth') > 1){
-			$(obj).attr('onclick','fnSetSearchCate(this, \'off\','+$(obj).attr('data1')+','+$(obj).attr('data2')+','+$(obj).attr('data3')+','+$(obj).attr('data4')+','+$(obj).attr('data5')+');');
+			$(obj).attr('onclick','fnResetListIdx();fnSetSearchCate(this, \'off\','+$(obj).attr('data1')+','+$(obj).attr('data2')+','+$(obj).attr('data3')+','+$(obj).attr('data4')+','+$(obj).attr('data5')+');');
 			$(obj).removeClass("on");
 			$(obj).click();
 			gagaInfiniteScroll.pageStatus.filterStatHtml = filterStatHtml;
@@ -550,15 +550,15 @@ var fnSetSearchCate = function (obj, status, cate1No, cate2No, cate3No, cate4No,
 			$("#ulAllCate").find('li > a').each(function (){
 				$(this).parent().find('li').removeClass("on");
 				$(this).removeClass("on");
-				$(this).attr('onclick','fnSetSearchCate(this, \'off\','+$(this).attr('data1')+','+$(this).attr('data2')+','+$(this).attr('data3')+','+$(this).attr('data4')+','+$(this).attr('data5')+');');
+				$(this).attr('onclick','fnResetListIdx();fnSetSearchCate(this, \'off\','+$(this).attr('data1')+','+$(this).attr('data2')+','+$(this).attr('data3')+','+$(this).attr('data4')+','+$(this).attr('data5')+');');
 			});
 			$("#ulAllCate").find('li').each(function (){
 				$(this).find('.sub_cate').css('display','none');
 			});
-			$(obj).attr('onclick','fnSetSearchCate(this, \'off\','+$(obj).attr('data1')+','+$(obj).attr('data2')+','+$(obj).attr('data3')+','+$(obj).attr('data4')+','+$(obj).attr('data5')+');');
+			$(obj).attr('onclick','fnResetListIdx();fnSetSearchCate(this, \'off\','+$(obj).attr('data1')+','+$(obj).attr('data2')+','+$(obj).attr('data3')+','+$(obj).attr('data4')+','+$(obj).attr('data5')+');');
 			$(obj).addClass("on");
 		}else{
-			$(obj).attr('onclick','fnSetSearchCate(this, \'on\','+$(obj).attr('data1')+','+$(obj).attr('data2')+','+$(obj).attr('data3')+','+$(obj).attr('data4')+','+$(obj).attr('data5')+');');
+			$(obj).attr('onclick','fnResetListIdx();fnSetSearchCate(this, \'on\','+$(obj).attr('data1')+','+$(obj).attr('data2')+','+$(obj).attr('data3')+','+$(obj).attr('data4')+','+$(obj).attr('data5')+');');
 			$(obj).addClass("on");
 		}
 		let tag = '';
@@ -786,9 +786,9 @@ var fnSelectFilerMob = function (obj, gubun, staus, sizeGb){
 	let $obj = $(obj);
 	if(staus=='on'){
 		if(gubun=='size'){
-			$(obj).attr('onclick','fnSelectFilerMob(this,\''+gubun+'\',\'off\',\''+sizeGb+'\');');
+			$(obj).attr('onclick','fnResetListIdx();fnSelectFilerMob(this,\''+gubun+'\',\'off\',\''+sizeGb+'\');');
 		}else{
-			$(obj).attr('onclick','fnSelectFilerMob(this,\''+gubun+'\',\'off\',\'\');');
+			$(obj).attr('onclick','fnResetListIdx();fnSelectFilerMob(this,\''+gubun+'\',\'off\',\'\');');
 		}
 
 		$("#filterData").find('span').each(function(idx,item) {
@@ -804,9 +804,9 @@ var fnSelectFilerMob = function (obj, gubun, staus, sizeGb){
 		});
 	}else{
 		if(gubun=='size'){
-			$(obj).attr('onclick','fnSelectFilerMob(this,\''+gubun+'\',\'on\',\''+sizeGb+'\');');
+			$(obj).attr('onclick','fnResetListIdx();fnSelectFilerMob(this,\''+gubun+'\',\'on\',\''+sizeGb+'\');');
 		}else{
-			$(obj).attr('onclick','fnSelectFilerMob(this,\''+gubun+'\',\'on\',\'\');');
+			$(obj).attr('onclick','fnResetListIdx();fnSelectFilerMob(this,\''+gubun+'\',\'on\',\'\');');
 		}
 	}
 	fnFilterSet(gubun, sizeGb, 'Mob');
@@ -910,9 +910,9 @@ var fnSetMobCateFilter = function (obj, gubun, cate1No, cate2No, cate3No, cate4N
 // 모바일 할인 필터
 var filterDcRateMob = function (obj, gubun, staus, idx){
 	if(staus=='on'){
-		$(obj).attr('onclick','filterDcRateMob(this,\''+gubun+'\',\'off\',\''+idx+'\');');
+		$(obj).attr('onclick','fnResetListIdx();filterDcRateMob(this,\''+gubun+'\',\'off\',\''+idx+'\');');
 	}else{
-		$(obj).attr('onclick','filterDcRateMob(this,\''+gubun+'\',\'on\',\''+idx+'\');');
+		$(obj).attr('onclick','fnResetListIdx();filterDcRateMob(this,\''+gubun+'\',\'on\',\''+idx+'\');');
 	}
 	fnFilterSet(gubun, 'dcRate', 'Mob');
 }
@@ -920,9 +920,9 @@ var filterDcRateMob = function (obj, gubun, staus, idx){
 // 모바일 가격 필터
 var filterPriceMob = function (obj, gubun, staus, idx){
 	if(staus=='on'){
-		$(obj).attr('onclick','filterPriceMob(this,\''+gubun+'\',\'off\',\''+idx+'\');');
+		$(obj).attr('onclick','fnResetListIdx();filterPriceMob(this,\''+gubun+'\',\'off\',\''+idx+'\');');
 	}else{
-		$(obj).attr('onclick','filterPriceMob(this,\''+gubun+'\',\'on\',\''+idx+'\');');
+		$(obj).attr('onclick','fnResetListIdx();filterPriceMob(this,\''+gubun+'\',\'on\',\''+idx+'\');');
 	}
 
 	fnFilterSet(gubun, 'price', 'Mob');
@@ -1070,10 +1070,10 @@ var fnMobFilterReset = function (pageGb){
 	$("#searchGoodsForm input:hidden[name=benefitArr]").remove();
 	$("#searchGoodsForm input:hidden[name=newGoods]").val('');
 	$("#unisex").prop('checked',false);
-	$("#unisex").attr('onclick','fnFilterOption(this,\'on\');');
+	$("#unisex").attr('onclick','fnResetListIdx();fnFilterOption(this,\'on\');');
 	$("#searchGoodsForm input:hidden[name=unisex]").remove();
 	$("#newGoods").prop('checked',false);
-	$("#newGoods").attr('onclick','fnFilterOption(this,\'on\');');
+	$("#newGoods").attr('onclick','fnResetListIdx();fnFilterOption(this,\'on\');');
 	$('.allFilter .chkFilter').find('input[type=checkbox]').each(function (idx){
 		$(this).prop('checked',false);
 	});
@@ -1125,10 +1125,10 @@ var fnFilterReset = function (){
 	$("#searchGoodsForm input:hidden[name=cate5No]").remove();
 	$("#searchGoodsForm input:hidden[name=newGoods]").remove();
 	$("#unisex").prop('checked',false);
-	$("#unisex").attr('onclick','fnFilterOption(this,\'on\');');
+	$("#unisex").attr('onclick','fnResetListIdx();fnFilterOption(this,\'on\');');
 	$("#searchGoodsForm input:hidden[name=unisex]").remove();
 	$("#newGoods").prop('checked',false);
-	$("#newGoods").attr('onclick','fnFilterOption(this,\'on\');');
+	$("#newGoods").attr('onclick','fnResetListIdx();fnFilterOption(this,\'on\');');
 
 	$("#ulAllCate").find('.sub_cate').each(function (idx){
 		$(this).css('display','none');