[모바일] 상품리스트 개발중

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

@@ -1865,157 +1865,182 @@
 	<!-- 카테고리별 상품 총건수 -->
 	<select id="getCategoryGoodsCount" parameterType="SearchEngine" resultType="int">
 		/* TsfGoods.getCategoryGoodsCount */
-		SELECT COUNT(*)
-		FROM   (
-		    SELECT CASE WHEN BG.DISP_NM_LANG = 'EN' THEN
-		           BG.BRAND_GROUP_ENM
-		           ELSE
-		           BG.BRAND_GROUP_KNM
-		           END                  AS BRAND_GROUP_NM /*브랜드그룹명*/
-		           , G.GOODS_CD                             /*상품코드*/
-		           , G.GOODS_NM                             /*상품명*/
-		           , G.GOODS_GB                             /*상품구분*/
-		           , G.SELF_GOODS_YN                        /*자사상품여부*/
-		           , G.FOREIGN_BUY_YN                       /*해외구매대행여부*/
-		           , G.PARALLEL_IMPORT_YN                   /*병행수입여부*/
-		           , G.ORDER_MADE_YN                        /*주문제작여부*/
-		           , G.GOODS_TNM                            /*상품타이틀명*/
-		           , G.MAIN_COLOR_CD                        /*대표색상코드*/
-		           , G.LIST_PRICE                           /*정상가(최초판매가)*/
-		           , CASE WHEN #{frontGb} = 'P' AND #{custGb} = 'G100_20' THEN GBP.STAFF_PC_CURR_PRICE
-		           WHEN #{frontGb} = 'M' AND #{custGb} = 'G100_20' THEN GBP.STAFF_MO_CURR_PRICE
-		           WHEN #{frontGb} = 'A' AND #{custGb} = 'G100_20' THEN GBP.STAFF_APP_CURR_PRICE
-		           WHEN #{frontGb} = 'P' AND #{custGb} != 'G100_20' THEN GBP.PC_CURR_PRICE
-		           WHEN #{frontGb} = 'M' AND #{custGb} != 'G100_20' THEN GBP.MO_CURR_PRICE
-		           WHEN #{frontGb} = 'A' AND #{custGb} != 'G100_20' THEN GBP.APP_CURR_PRICE
-		           ELSE G.CURR_PRICE
-		           END                  AS CURR_PRICE     /*현재판매가*/
-		           , G.MIN_ORD_AMT                          /*최소주문금액*/
-		           , G.FORMAL_GB                            /*정상이월구분*/
-		           , G.REG_DT                               /*등록일시*/
-		           , GS.SELL_WEEK_QTY                       /*주간판매수량*/
-		           , GS.REVIEW_REG_CNT                      /*리뷰등록건수*/
-		    FROM   TB_CATE_4SRCH C4
-		    INNER JOIN TB_CATE_GOODS CG ON C4.LEAF_CATE_NO = CG.CATE_NO
-		    INNER JOIN TB_GOODS G ON CG.GOODS_CD = G.GOODS_CD
-		    INNER JOIN TB_GOODS_STOCK S ON CG.GOODS_CD = S.GOODS_CD
-		    INNER JOIN TB_BRAND B ON G.BRAND_CD = B.BRAND_CD
-		    INNER JOIN TB_BRAND_GROUP BG ON B.BRAND_GROUP_NO = BG.BRAND_GROUP_NO
-		    INNER JOIN TB_GOODS_SUMMARY GS ON CG.GOODS_CD = GS.GOODS_CD
-		    LEFT OUTER JOIN TB_GOODS_BENEFIT_PRICE GBP ON CG.GOODS_CD = GBP.GOODS_CD
-		    WHERE  C4.SITE_CD = #{siteCd}
-		    AND    C4.CATE_GB = #{cateGb}
-		    AND    C4.CATE_TYPE = 'G031_10' /*상품카테고리*/
-		<if test="cate1No != null and cate1No != ''">
-		    AND    C4.CATE1_NO = #{cate1No}
-		</if>
-		<if test="cate2No != null and cate2No != ''">
-		    AND    C4.CATE2_NO = #{cate2No}
-		</if>
-		<if test="cate3No != null and cate3No != ''">
-		    AND    C4.CATE3_NO = #{cate3No}
-		</if>
-		<if test="cate4No != null and cate4No != ''">
-		    AND    C4.CATE4_NO = #{cate4No}
-		</if>
-		<if test="cate5No != null and cate5No != ''">
-		    AND    C4.CATE5_NO = #{cate5No}
-		</if>
-		<choose>
-		    <when test="brandGroupNo != null and brandGroupNo > 0">
-		        AND    B.BRAND_GROUP_NO = #{brandGroupNo}
-		    </when>
-		    <otherwise>
-		        AND    CG.BRAND_GROUP_NO = 0 /*브랜드메인에서 접근한 것이 아니면*/
-		    </otherwise>
-		</choose>
-		<if test="formalGb != null and formalGb !=''">
-		    AND    G.FORMAL_GB = #{formalGb}
-		</if>
-		AND    G.GOODS_STAT = 'G008_90' /*승인완료상품*/
-		AND    G.SELF_MALL_YN = 'Y' /*몰노출상품*/
-		AND    NOW() BETWEEN G.SELL_STDT AND G.SELL_EDDT /*유효한 판매기간*/
-		<if test="ageArr != null and ageArr.length > 0"> <!-- 연령대 -->
-		    AND    G.AGE_GRP_CD IN
-		    <foreach collection="agesArr" item="item" index="index"  open="(" close=")" separator=",">
-		        #{item}
-		    </foreach>
-		</if>
-		<if test="seasonArr != null and seasonArr.length > 0"> <!-- 시즌 -->
-		    AND    G.SEASON_CD IN
-		    <foreach collection="seasonArr" item="item" index="index"  open="(" close=")" separator=",">
-		        #{item}
-		    </foreach>
-		</if>
-		AND    S.STOCK_QTY > 0 /*재고있는 상품*/
-		AND    B.USE_YN = 'Y' /*사용하는 브랜드*/
-		AND    BG.USE_YN = 'Y' /*사용하는 브랜드그룹*/
-		<if test="brandGroupArr != null and brandGroupArr.length > 0">
-		    AND    BG.BRAND_GROUP_NO IN
-		    <foreach collection="brandGroupArr" item="item" index="index"  open="(" close=")" separator=",">
-		        #{item}
-		    </foreach>
-		</if>
-		<if test="unisex != null and unisex != ''">
-		    AND    G.SEX_GB = #{unisex}
-		</if>
-		<if test='sizeArr != null and sizeArr.length > 0'>
-		    AND    EXISTS (SELECT 1
-		    FROM   TB_OPTION
-		    WHERE  GOODS_CD = CG.GOODS_CD
-		    AND    OPT_CD2 IN
-		    <foreach collection="sizeArr" item="item" index="index"  open="(" close=")" separator=",">
-		    	#{item}
-		    </foreach>
-		    AND    DISP_YN = 'Y'
-		    )
-		</if>
-		<if test="colorArr != null and colorArr.length > 0">
-		    AND    EXISTS (SELECT 1
-		    FROM   TB_OPTION O
-		    , TB_COLOR C
-		    WHERE  O.GOODS_CD = G.GOODS_CD
-		    AND    O.OPT_CD1 = C.COLOR_CD
-		    AND    O.DISP_YN = 'Y'
-		    AND    C.COLOR_GRP_CD IN
-		    <foreach collection="colorArr" item="item" index="index"  open="(" close=")" separator=",">
-		    	#{item}
-		    </foreach>
-		    AND    C.USE_YN = 'Y' /*사용하는색상*/
-		    AND    G.SELF_GOODS_YN = 'Y' /*자사상품만*/
-		    )
-		</if>
-		<if test="newGoods != null and newGoods != ''">
-		    AND    EXISTS (SELECT 1
-		    FROM   TB_GOODS_BENEFIT
-		    WHERE  GOODS_CD = G.GOODS_CD
-		    AND    BENEFIT_GB = #{newGoods}
-		    )
-		</if>
-		<if test='benefitArr != null and benefitArr.length > 0'>
+		WITH TAB_GOODS AS (
+		       SELECT G.BRAND_GROUP_NM     /*브랜드그룹명*/
+		            , G.GOODS_CD           /*상품코드*/
+		            , G.GOODS_NM           /*상품명*/
+		            , G.GOODS_GB           /*상품구분*/
+		            , G.SELF_GOODS_YN      /*자사상품여부*/
+		            , G.FOREIGN_BUY_YN     /*해외구매대행여부*/
+		            , G.PARALLEL_IMPORT_YN /*병행수입여부*/
+		            , G.ORDER_MADE_YN      /*주문제작여부*/
+		            , G.GOODS_TNM          /*상품타이틀명*/
+		            , G.MAIN_COLOR_CD      /*대표색상코드*/
+		            , G.LIST_PRICE         /*정상가(최초판매가)*/
+		            , G.CURR_PRICE         /*현재판매가*/
+		            , G.FORMAL_GB          /*정상이월구분*/
+		            , G.REG_DT             /*등록일시*/
+		            , G.SELL_WEEK_QTY      /*주간판매수량*/
+		            , G.REVIEW_REG_CNT     /*리뷰등록건수*/
+		       FROM   (
+		               SELECT CASE WHEN BG.DISP_NM_LANG = 'EN' THEN BG.BRAND_GROUP_ENM
+		                      ELSE BG.BRAND_GROUP_KNM
+		                      END                   AS BRAND_GROUP_NM /*브랜드그룹명*/
+		                    , G.GOODS_CD                              /*상품코드*/
+		                    , G.GOODS_NM                              /*상품명*/
+		                    , G.GOODS_GB                              /*상품구분*/
+		                    , G.SELF_GOODS_YN                         /*자사상품여부*/
+		                    , G.FOREIGN_BUY_YN                        /*해외구매대행여부*/
+		                    , G.PARALLEL_IMPORT_YN                    /*병행수입여부*/
+		                    , G.ORDER_MADE_YN                         /*주문제작여부*/
+		                    , G.GOODS_TNM                             /*상품타이틀명*/
+		                    , G.MAIN_COLOR_CD                         /*대표색상코드*/
+		                    , G.LIST_PRICE                            /*정상가(최초판매가)*/
+		                    , CASE WHEN #{frontGb} = 'P' AND #{custGb} = 'G100_20' THEN  IFNULL(GBP.STAFF_PC_CURR_PRICE,G.CURR_PRICE)
+		                           WHEN #{frontGb} = 'M' AND #{custGb} = 'G100_20' THEN  IFNULL(GBP.STAFF_MO_CURR_PRICE,G.CURR_PRICE)
+		                           WHEN #{frontGb} = 'A' AND #{custGb} = 'G100_20' THEN  IFNULL(GBP.STAFF_APP_CURR_PRICE,G.CURR_PRICE)
+		                           WHEN #{frontGb} = 'P' AND #{custGb} != 'G100_20' THEN IFNULL(GBP.PC_CURR_PRICE,G.CURR_PRICE)
+		                           WHEN #{frontGb} = 'M' AND #{custGb} != 'G100_20' THEN IFNULL(GBP.MO_CURR_PRICE,G.CURR_PRICE)
+		                           WHEN #{frontGb} = 'A' AND #{custGb} != 'G100_20' THEN IFNULL(GBP.APP_CURR_PRICE,G.CURR_PRICE)
+		                           ELSE G.CURR_PRICE
+		                           END                   AS CURR_PRICE     /*현재판매가*/
+		                    , G.MIN_ORD_AMT                           /*최소주문금액*/
+		                    , G.FORMAL_GB                             /*정상이월구분*/
+		                    , G.REG_DT                                /*등록일시*/
+		                    , GS.SELL_WEEK_QTY                        /*주간판매수량*/
+		                    , GS.REVIEW_REG_CNT                       /*리뷰등록건수*/
+		               FROM   TB_CATE_4SRCH C4
+		               INNER JOIN TB_CATE_GOODS CG ON C4.LEAF_CATE_NO = CG.CATE_NO
+		               INNER JOIN TB_GOODS G ON CG.GOODS_CD = G.GOODS_CD
+		               INNER JOIN TB_GOODS_STOCK S ON CG.GOODS_CD = S.GOODS_CD
+		               INNER JOIN TB_BRAND B ON G.BRAND_CD = B.BRAND_CD
+		               INNER JOIN TB_BRAND_GROUP BG ON B.BRAND_GROUP_NO = BG.BRAND_GROUP_NO
+		               INNER JOIN TB_GOODS_SUMMARY GS ON CG.GOODS_CD = GS.GOODS_CD
+		               LEFT OUTER JOIN TB_GOODS_BENEFIT_PRICE GBP ON CG.GOODS_CD = GBP.GOODS_CD
+		               WHERE  C4.SITE_CD = #{siteCd}
+		               AND    C4.CATE_GB = #{cateGb}
+		               AND    C4.CATE_TYPE = 'G031_10' /*상품카테고리*/
+		               <if test="cate1No != null and cate1No != ''">
+		                 AND    C4.CATE1_NO = #{cate1No}
+		               </if>
+		               <if test="cate2No != null and cate2No != ''">
+		                 AND    C4.CATE2_NO = #{cate2No}
+		               </if>
+		               <if test="cate3No != null and cate3No != ''">
+		                 AND    C4.CATE3_NO = #{cate3No}
+		               </if>
+		               <if test="cate4No != null and cate4No != ''">
+		                 AND    C4.CATE4_NO = #{cate4No}
+		               </if>
+		               <if test="cate5No != null and cate5No != ''">
+		                 AND    C4.CATE5_NO = #{cate5No}
+		               </if>
+		            <choose>
+		                <when test="brandGroupNo != null and brandGroupNo > 0">
+		                    AND    B.BRAND_GROUP_NO = #{brandGroupNo}
+		                </when>
+		                <otherwise>
+		                    AND    CG.BRAND_GROUP_NO = 0 /*브랜드메인에서 접근한 것이 아니면*/
+		                </otherwise>
+		            </choose>
+		            <if test="formalGb != null and formalGb !=''">
+		                AND    G.FORMAL_GB = #{formalGb}
+		            </if>
+		            AND    G.GOODS_STAT = 'G008_90' /*승인완료상품*/
+		            AND    G.SELF_MALL_YN = 'Y' /*몰노출상품*/
+		            AND    NOW() BETWEEN G.SELL_STDT AND G.SELL_EDDT /*유효한 판매기간*/
+		            <if test="ageArr != null and ageArr.length > 0"> <!-- 연령대 -->
+		            AND    G.AGE_GRP_CD IN
+		            <foreach collection="agesArr" item="item" index="index"  open="(" close=")" separator=",">
+		                #{item}
+		            </foreach>
+		            </if>
+		            <if test="seasonArr != null and seasonArr.length > 0"> <!-- 시즌 -->
+		                AND    G.SEASON_CD IN
+		                <foreach collection="seasonArr" item="item" index="index"  open="(" close=")" separator=",">
+		                    #{item}
+		                </foreach>
+		            </if>
+		            AND    S.STOCK_QTY > 0 /*재고있는 상품*/
+		            AND    B.USE_YN = 'Y' /*사용하는 브랜드*/
+		            AND    BG.USE_YN = 'Y' /*사용하는 브랜드그룹*/
+		         <if test="brandGroupArr != null and brandGroupArr.length > 0">
+		            AND    BG.BRAND_GROUP_NO IN
+		            <foreach collection="brandGroupArr" item="item" index="index"  open="(" close=")" separator=",">
+		                #{item}
+		            </foreach>
+		         </if>
+		         <if test="unisex != null and unisex != ''">
+		            AND    G.SEX_GB = #{unisex}
+		         </if>
+		         <if test='sizeArr != null and sizeArr.length > 0'>
 		            AND    EXISTS (SELECT 1
-		                           FROM   TB_GOODS_BENEFIT
-		                           WHERE  GOODS_CD = G.GOODS_CD
-		                           AND    BENEFIT_GB IN
-		                           <foreach collection="benefitArr" item="item" index="index"  open="(" close=")" separator=",">
-		                               #{item}
+		                           FROM   TB_OPTION
+		                           WHERE  GOODS_CD = CG.GOODS_CD
+		                           AND    OPT_CD2 IN
+		                           <foreach collection="sizeArr" item="item" index="index"  open="(" close=")" separator=",">
+		                              #{item}
 		                           </foreach>
-		                        )
-		        </if>
-		) G
-		WHERE  1 = 1
-		<if test="priceFrom != null and priceFrom != ''">
-		    AND    G.CURR_PRICE <![CDATA[>=]]> #{priceFrom}
-		</if>
-		<if test="priceTo != null and priceTo != ''">
-		    AND    G.CURR_PRICE <![CDATA[<=]]> #{priceTo}
-		</if>
-		<if test="dcRateFrom != null and dcRateFrom != ''">
-		    AND    ((IF(G.LIST_PRICE = 0,0,G.LIST_PRICE) - G.CURR_PRICE) / IF(G.LIST_PRICE = 0,0,G.LIST_PRICE) * 100) <![CDATA[>=]]> #{dcRateFrom}
-		</if>
-		<if test="dcRateTo != null and dcRateTo != ''">
-		    AND    ((IF(G.LIST_PRICE = 0,0,G.LIST_PRICE) - G.CURR_PRICE) / IF(G.LIST_PRICE = 0,0,G.LIST_PRICE) * 100) <![CDATA[<=]]> #{dcRateTo}
-		</if>
+		                           AND    DISP_YN = 'Y'
+		            )
+		         </if>
+		         <if test="newGoods != null and newGoods != ''">
+		             AND    EXISTS (SELECT 1
+		                            FROM   TB_GOODS_BENEFIT
+		                            WHERE  GOODS_CD = G.GOODS_CD
+		                            AND    BENEFIT_GB = #{newGoods}
+		             )
+		         </if>
+		         <if test='benefitArr != null and benefitArr.length > 0'>
+		            AND    EXISTS (SELECT 1
+		                            FROM   TB_GOODS_BENEFIT
+		                            WHERE  GOODS_CD = G.GOODS_CD
+		                            AND    BENEFIT_GB IN
+		                            <foreach collection="benefitArr" item="item" index="index"  open="(" close=")" separator=",">
+		                                #{item}
+		                            </foreach>
+		            )
+		         </if>
+		       ) G
+		     WHERE  1 = 1
+		     <if test="priceFrom != null and priceFrom != ''">
+		       AND    G.CURR_PRICE <![CDATA[>=]]> #{priceFrom}
+		     </if>
+		     <if test="priceTo != null and priceTo != ''">
+		       AND    G.CURR_PRICE <![CDATA[<=]]> #{priceTo}
+		     </if>
+		     <if test="dcRateFrom != null and dcRateFrom != ''">
+		       AND    ((IF(G.LIST_PRICE = 0,0,G.LIST_PRICE) - G.CURR_PRICE) / IF(G.LIST_PRICE = 0,0,G.LIST_PRICE) * 100) <![CDATA[>=]]> #{dcRateFrom}
+		     </if>
+		     <if test="dcRateTo != null and dcRateTo != ''">
+		       AND    ((IF(G.LIST_PRICE = 0,0,G.LIST_PRICE) - G.CURR_PRICE) / IF(G.LIST_PRICE = 0,0,G.LIST_PRICE) * 100) <![CDATA[<=]]> #{dcRateTo}
+		     </if>
+		)
+		, TAB_OPTION AS (
+		    /* 자사상품 색상 목록 */
+		    SELECT O.GOODS_CD
+		         , O.OPT_CD1  AS MAIN_COLOR_CD
+		    FROM   TAB_GOODS G
+		         , TB_OPTION O
+		    WHERE  G.GOODS_CD = O.GOODS_CD
+		    AND    G.SELF_GOODS_YN = 'Y' /*자사상품만*/
+		    <if test="colorArr != null and colorArr.length > 0"> <!-- 색상 -->
+		        AND    O.OPT_CD1 IN (SELECT COLOR_CD
+		        FROM   TB_COLOR
+		        WHERE  1 = 1
+		        AND    COLOR_GRP_CD IN
+		        <foreach collection="colorArr" item="item" index="index"  open="(" close=")" separator=",">
+		            #{item}
+		        </foreach>
+		        AND    USE_YN = 'Y' /*사용하는색상*/
+		        )
+		    </if>
+		    AND    O.DISP_YN = 'Y'
+		    GROUP  BY O.GOODS_CD, O.OPT_CD1
+		)
+		SELECT COUNT(*)
+		FROM   TAB_GOODS G
+		LEFT OUTER JOIN TAB_OPTION O ON G.GOODS_CD = O.GOODS_CD
 	</select>
 
 	<!-- 카테고리별 상품 목록 -->

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

@@ -1,8 +1,8 @@
 <!DOCTYPE html>
 <html lang="ko"
-	xmlns:th="http://www.thymeleaf.org"
-	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
-	layout:decorator="mob/common/layout/PlanningLayoutMob">
+	  xmlns:th="http://www.thymeleaf.org"
+	  xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
+	  layout:decorator="mob/common/layout/PlanningLayoutMob">
 <!--
  *******************************************************************************
  * @source  : CategoryGoodsListFormMob.html
@@ -22,48 +22,48 @@
 	<main role="" id="" class="container dp">
 
 		<section class="content dp_list">
-			<div class="inner wide bg_gray">
-				<div class="sub_category">
-					<div class="cate_wrap">
-						<a href="javascript:;" class="on">전체</a>
-						<a href="javascript:;">티셔츠/셔츠</a>
-						<a href="javascript:;">니트/가디건/베스트</a>
-						<a href="javascript:;">원피스/스커트</a>
-						<a href="javascript:;">팬츠/데님/레깅스</a>
-						<a href="javascript:;">가죽/모피</a>
-						<a href="javascript:;">여성 잡화</a>
-						<a href="javascript:;">언더웨어</a>
-						<a href="javascript:;">세트</a>
-						<a href="javascript:;">니트/가디건/베스트</a>
-						<a href="javascript:;">원피스/스커트</a>
-						<a href="javascript:;">가죽/모피</a>
-						<a href="javascript:;">여성 잡화</a>
-					</div>
-				</div>
-			</div>
+			<!--			<div class="inner wide bg_gray">-->
+			<!--				<div class="sub_category">-->
+			<!--					<div class="cate_wrap">-->
+			<!--						<a href="javascript:;" class="on">전체</a>-->
+			<!--						<a href="javascript:;">티셔츠/셔츠</a>-->
+			<!--						<a href="javascript:;">니트/가디건/베스트</a>-->
+			<!--						<a href="javascript:;">원피스/스커트</a>-->
+			<!--						<a href="javascript:;">팬츠/데님/레깅스</a>-->
+			<!--						<a href="javascript:;">가죽/모피</a>-->
+			<!--						<a href="javascript:;">여성 잡화</a>-->
+			<!--						<a href="javascript:;">언더웨어</a>-->
+			<!--						<a href="javascript:;">세트</a>-->
+			<!--						<a href="javascript:;">니트/가디건/베스트</a>-->
+			<!--						<a href="javascript:;">원피스/스커트</a>-->
+			<!--						<a href="javascript:;">가죽/모피</a>-->
+			<!--						<a href="javascript:;">여성 잡화</a>-->
+			<!--					</div>-->
+			<!--				</div>-->
+			<!--			</div>-->
 			<div class="inner">
 				<!-- 상품리스트 -->
 				<div class="list_content"> <!-- 데이터 없을시 클래스 nodata 추가 -->
 					<div class="count_wrap">
 						<div>
-							<p><span>9999</span>개의 상품</p>
-						</div>
-						<div>
-							<ul class="dp_util">
-								<li>
-									<div class="open_categori">
-										<!-- 210415_select > a태그로 변경 -->
-										<a id="filter">최신상품순
-											<!--<option value="hide">최신상품순</option>
-                                            <option value="Test_SELECT_OPTION_1" rel="icon-temperature">최신상품순1</option>
-                                            <option value="Test_SELECT_OPTION_2">최신상품순2</option>
-                                            <option value="Test_SELECT_OPTION_3">최신상품순3</option>-->
-										</a>
-									</div>
-								</li>
-								<li><a href="#none" class="filter open_filter">필터</a></li>
-							</ul>
-						</div>
+							<p><span id="totCntId"></span>개의 상품</p>
+						</div>
+						<!--						<div>-->
+						<!--							<ul class="dp_util">-->
+						<!--								<li>-->
+						<!--									<div class="open_categori">-->
+						<!--										&lt;!&ndash; 210415_select > a태그로 변경 &ndash;&gt;-->
+						<!--										<a id="filter">최신상품순-->
+						<!--											&lt;!&ndash;<option value="hide">최신상품순</option>-->
+						<!--                                            <option value="Test_SELECT_OPTION_1" rel="icon-temperature">최신상품순1</option>-->
+						<!--                                            <option value="Test_SELECT_OPTION_2">최신상품순2</option>-->
+						<!--                                            <option value="Test_SELECT_OPTION_3">최신상품순3</option>&ndash;&gt;-->
+						<!--										</a>-->
+						<!--									</div>-->
+						<!--								</li>-->
+						<!--								<li><a href="#none" class="filter open_filter">필터</a></li>-->
+						<!--							</ul>-->
+						<!--						</div>-->
 					</div>
 					<div class="list_defult">
 						<div>
@@ -71,1275 +71,146 @@
 						</div>
 						<button type="button" class="btn btn_default"><span>선택한 필터 초기화</span></button>
 					</div>
-					<div class="itemsGrp"> <!-- itemsGrp rank hot deal -->
-						<div class="item_prod"> <!-- item_prod ranker d_detail -->
-							<div class="item_state AD"> <!-- item_state AD soldout -->
-								<button type="button" class="itemLike">관심상품 추가</button>
-								<a href="#none" class="itemLink">
-									<div class="itemPic">
-										<img class="vLHTC pd_img" src="/images/mo/thumb/br_main03.png" alt="">
-									</div>
-									<p class="itemBrand">BRAND NAME</p>
-									<div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
-									<p class="itemPrice">
-										<span class="itemPrice_original">89,000</span>
-										80,100
-										<span class="itemPercent">10%</span>
-									</p>
-									<div class="itemcolorchip">
-										<span class="chip_color35" value="ABM">BEIGE</span>
-										<span class="chip_color54" value="BDS">BLACK</span>
-										<span class="chip_color40" value="YBR">WHITE</span>
-									</div>
-									<p class="itemBadge">
-										<span class="badge13">베스트 </span>
-									</p>
-									<div class="itemComment">#주문 폭주 상품</div>
-								</a>
-							</div>
-						</div>
-						<div class="item_prod">
-							<div class="item_state soldout">
-								<button type="button" class="itemLike">관심상품 추가</button>
-								<a href="#none" class="itemLink">
-									<div class="itemPic">
-										<img class="vLHTC pd_img" src="/images/mo/thumb/br_main03.png" alt="">
-									</div>
-									<p class="itemBrand">BRAND NAME</p>
-									<div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
-									<p class="itemPrice">
-										<span class="itemPrice_original">89,000</span>
-										80,100
-										<span class="itemPercent">10%</span>
-									</p>
-									<div class="itemcolorchip">
-										<span class="chip_color35" value="ABM">BEIGE</span>
-										<span class="chip_color54" value="BDS">BLACK</span>
-										<span class="chip_color40" value="YBR">WHITE</span>
-									</div>
-									<p class="itemBadge">
-										<span class="badge13">베스트 </span>
-									</p>
-									<div class="itemComment">#주문 폭주 상품</div>
-								</a>
-							</div>
-						</div>
-						<div class="item_prod">
-							<div class="item_state">
-								<button type="button" class="itemLike">관심상품 추가</button>
-								<a href="#none" class="itemLink">
-									<div class="itemPic">
-										<iframe id="pdThumbVideo" class="pd_mov" src="http://v.kr.kollus.com/164MyIiv?enable_initialize_focus=false&autoplay&mute&controls_activation=none" allow="fullscreen" allowFullScreen ></iframe>
-										<!-- <img class="vLHTC pd_img" src="/images/mo/thumb/br_main03.png" alt=""> -->
-									</div>
-									<p class="itemBrand">BRAND NAME</p>
-									<div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
-									<p class="itemPrice">
-										<span class="itemPrice_original">89,000</span>
-										80,100
-										<span class="itemPercent">10%</span>
-									</p>
-									<div class="itemcolorchip">
-										<span class="chip_color35" value="ABM">BEIGE</span>
-										<span class="chip_color54" value="BDS">BLACK</span>
-										<span class="chip_color40" value="YBR">WHITE</span>
-									</div>
-									<p class="itemBadge">
-										<span class="badge13">베스트 </span>
-									</p>
-									<div class="itemComment">#주문 폭주 상품</div>
-								</a>
-							</div>
-						</div>
-						<div class="item_prod">
-							<div class="item_state">
-								<button type="button" class="itemLike">관심상품 추가</button>
-								<a href="#none" class="itemLink">
-									<div class="itemPic">
-										<img class="vLHTC pd_img" src="/images/mo/thumb/br_main03.png" alt="">
-									</div>
-									<p class="itemBrand">BRAND NAME</p>
-									<div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
-									<p class="itemPrice">
-										<span class="itemPrice_original">89,000</span>
-										80,100
-										<span class="itemPercent">10%</span>
-									</p>
-									<div class="itemcolorchip">
-										<span class="chip_color35" value="ABM">BEIGE</span>
-										<span class="chip_color54" value="BDS">BLACK</span>
-										<span class="chip_color40" value="YBR">WHITE</span>
-									</div>
-									<p class="itemBadge">
-										<span class="badge13">베스트 </span>
-									</p>
-									<div class="itemComment">#주문 폭주 상품</div>
-								</a>
-							</div>
-						</div>
-						<div class="item_prod">
-							<div class="item_state">
-								<button type="button" class="itemLike">관심상품 추가</button>
-								<a href="#none" class="itemLink">
-									<div class="itemPic">
-										<img class="vLHTC pd_img" src="/images/mo/thumb/br_main03.png" alt="">
-									</div>
-									<p class="itemBrand">BRAND NAME</p>
-									<div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
-									<p class="itemPrice">
-										<span class="itemPrice_original">89,000</span>
-										80,100
-										<span class="itemPercent">10%</span>
-									</p>
-									<div class="itemcolorchip">
-										<span class="chip_color35" value="ABM">BEIGE</span>
-										<span class="chip_color54" value="BDS">BLACK</span>
-										<span class="chip_color40" value="YBR">WHITE</span>
-									</div>
-									<p class="itemBadge">
-										<span class="badge13">베스트 </span>
-									</p>
-									<div class="itemComment">#주문 폭주 상품</div>
-								</a>
-							</div>
-						</div>
-						<div class="item_prod">
-							<div class="item_state">
-								<button type="button" class="itemLike">관심상품 추가</button>
-								<a href="#none" class="itemLink">
-									<div class="itemPic">
-										<img class="vLHTC pd_img" src="/images/mo/thumb/br_main03.png" alt="">
-									</div>
-									<p class="itemBrand">BRAND NAME</p>
-									<div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
-									<p class="itemPrice">
-										<span class="itemPrice_original">89,000</span>
-										80,100
-										<span class="itemPercent">10%</span>
-									</p>
-									<div class="itemcolorchip">
-										<span class="chip_color35" value="ABM">BEIGE</span>
-										<span class="chip_color54" value="BDS">BLACK</span>
-										<span class="chip_color40" value="YBR">WHITE</span>
-									</div>
-									<p class="itemBadge">
-										<span class="badge13">베스트 </span>
-									</p>
-									<div class="itemComment">#주문 폭주 상품</div>
-								</a>
-							</div>
-						</div>
-						<div class="item_prod">
-							<div class="item_state">
-								<button type="button" class="itemLike">관심상품 추가</button>
-								<a href="#none" class="itemLink">
-									<div class="itemPic">
-										<img class="vLHTC pd_img" src="/images/mo/thumb/br_main03.png" alt="">
-									</div>
-									<p class="itemBrand">BRAND NAME</p>
-									<div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
-									<p class="itemPrice">
-										<span class="itemPrice_original">89,000</span>
-										80,100
-										<span class="itemPercent">10%</span>
-									</p>
-									<div class="itemcolorchip">
-										<span class="chip_color35" value="ABM">BEIGE</span>
-										<span class="chip_color54" value="BDS">BLACK</span>
-										<span class="chip_color40" value="YBR">WHITE</span>
-									</div>
-									<p class="itemBadge">
-										<span class="badge13">베스트 </span>
-									</p>
-									<div class="itemComment">#주문 폭주 상품</div>
-								</a>
-							</div>
-						</div>
-						<div class="item_prod">
-							<div class="item_state">
-								<button type="button" class="itemLike">관심상품 추가</button>
-								<a href="#none" class="itemLink">
-									<div class="itemPic">
-										<img class="vLHTC pd_img" src="/images/mo/thumb/br_main03.png" alt="">
-									</div>
-									<p class="itemBrand">BRAND NAME</p>
-									<div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
-									<p class="itemPrice">
-										<span class="itemPrice_original">89,000</span>
-										80,100
-										<span class="itemPercent">10%</span>
-									</p>
-									<div class="itemcolorchip">
-										<span class="chip_color35" value="ABM">BEIGE</span>
-										<span class="chip_color54" value="BDS">BLACK</span>
-										<span class="chip_color40" value="YBR">WHITE</span>
-									</div>
-									<p class="itemBadge">
-										<span class="badge13">베스트 </span>
-									</p>
-									<div class="itemComment">#주문 폭주 상품</div>
-								</a>
-							</div>
-						</div>
-						<div class="item_prod">
-							<div class="item_state">
-								<button type="button" class="itemLike">관심상품 추가</button>
-								<a href="#none" class="itemLink">
-									<div class="itemPic">
-										<img class="vLHTC pd_img" src="/images/mo/thumb/br_main03.png" alt="">
-									</div>
-									<p class="itemBrand">BRAND NAME</p>
-									<div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
-									<p class="itemPrice">
-										<span class="itemPrice_original">89,000</span>
-										80,100
-										<span class="itemPercent">10%</span>
-									</p>
-									<div class="itemcolorchip">
-										<span class="chip_color35" value="ABM">BEIGE</span>
-										<span class="chip_color54" value="BDS">BLACK</span>
-										<span class="chip_color40" value="YBR">WHITE</span>
-									</div>
-									<p class="itemBadge">
-										<span class="badge13">베스트 </span>
-									</p>
-									<div class="itemComment">#주문 폭주 상품</div>
-								</a>
-							</div>
-						</div>
-						<div class="item_prod">
-							<div class="item_state">
-								<button type="button" class="itemLike">관심상품 추가</button>
-								<a href="#none" class="itemLink">
-									<div class="itemPic">
-										<img class="vLHTC pd_img" src="/images/mo/thumb/br_main03.png" alt="">
-									</div>
-									<p class="itemBrand">BRAND NAME</p>
-									<div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
-									<p class="itemPrice">
-										<span class="itemPrice_original">89,000</span>
-										80,100
-										<span class="itemPercent">10%</span>
-									</p>
-									<div class="itemcolorchip">
-										<span class="chip_color35" value="ABM">BEIGE</span>
-										<span class="chip_color54" value="BDS">BLACK</span>
-										<span class="chip_color40" value="YBR">WHITE</span>
-									</div>
-									<p class="itemBadge">
-										<span class="badge13">베스트 </span>
-									</p>
-									<div class="itemComment">#주문 폭주 상품</div>
-								</a>
-							</div>
-						</div>
-						<div class="item_prod">
-							<div class="item_state">
-								<button type="button" class="itemLike">관심상품 추가</button>
-								<a href="#none" class="itemLink">
-									<div class="itemPic">
-										<img class="vLHTC pd_img" src="/images/mo/thumb/br_main03.png" alt="">
-									</div>
-									<p class="itemBrand">BRAND NAME</p>
-									<div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
-									<p class="itemPrice">
-										<span class="itemPrice_original">89,000</span>
-										80,100
-										<span class="itemPercent">10%</span>
-									</p>
-									<div class="itemcolorchip">
-										<span class="chip_color35" value="ABM">BEIGE</span>
-										<span class="chip_color54" value="BDS">BLACK</span>
-										<span class="chip_color40" value="YBR">WHITE</span>
-									</div>
-									<p class="itemBadge">
-										<span class="badge13">베스트 </span>
-									</p>
-									<div class="itemComment">#주문 폭주 상품</div>
-								</a>
-							</div>
-						</div>
-						<div class="item_prod">
-							<div class="item_state">
-								<button type="button" class="itemLike">관심상품 추가</button>
-								<a href="#none" class="itemLink">
-									<div class="itemPic">
-										<img class="vLHTC pd_img" src="/images/mo/thumb/br_main03.png" alt="">
-									</div>
-									<p class="itemBrand">BRAND NAME</p>
-									<div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
-									<p class="itemPrice">
-										<span class="itemPrice_original">89,000</span>
-										80,100
-										<span class="itemPercent">10%</span>
-									</p>
-									<div class="itemcolorchip">
-										<span class="chip_color35" value="ABM">BEIGE</span>
-										<span class="chip_color54" value="BDS">BLACK</span>
-										<span class="chip_color40" value="YBR">WHITE</span>
-									</div>
-									<p class="itemBadge">
-										<span class="badge13">베스트 </span>
-									</p>
-									<div class="itemComment">#주문 폭주 상품</div>
-								</a>
-							</div>
+
+					<div id="infiniteContainer">
+						<div id="listBoxOuter" class="itemsGrp">
+							<ul class="productlist quarter" >
+							</ul>
 						</div>
 					</div>
-					<div class="list_last">마지막페이지 입니다.</div>
+
+					<div class="itemsGrp" id="listBox"> <!-- itemsGrp rank hot deal -->
+
+					</div>
+					<div class="list_last" id="endPage" style="display:none;">마지막페이지 입니다.</div>
 				</div>
 				<!-- //상품리스트 -->
 			</div>
 		</section>
 
 		<!-- 필터 -->
-		<div class="filter_box">
-			<div class="filter_list">
-				<div class="filter_top">
-					<div class="tt">필터</div>
-					<div>
-						<button class="fillter_reset"><span>초기화</span></button>
-						<button class="close">닫기</button>
-					</div>
-				</div>
-				<div class="filter_con">
-					<div class="filter_header">
-						<div class="form_field">
-							<div>
-								<input id="price" type="checkbox"><label for="price"> <span>남여 공용만 보기</span> </label>
-							</div>
-							<div>
-								<input id="chk-2" type="checkbox"><label for="chk-2"> <span>신상품만 보기</span> </label>
-							</div>
-						</div>
-					</div>
-					<div class="filter_body">
-						<!-- 필터메뉴 -->
-						<ul>
-							<li class="categori">
-								<a href="javascript:void(0)" class="daps1">카테고리<span class="pic">셔츠/블라우스</span></a>
-								<ul class="daps2">
-									<li>
-										<a href="javascript:void(0)">여성</a>
-										<ul class="daps3">
-											<li>
-												<a href="javascript:void(0)">티셔츠/셔츠</a>
-												<ul class="daps4">
-													<li>
-														<a href="javascript:void(0)">셔츠/블라우스</a>
-														<ul class="daps5">
-															<li><a href="javascript:void(0)">셔츠</a></li>
-															<li><a href="javascript:void(0)">블라우스</a></li>
-														</ul>
-													</li>
-													<li>
-														<a href="javascript:void(0)">맨투맨/모자티</a>
-														<ul class="daps5">
-															<li><a href="javascript:void(0)">맨투맨</a></li>
-															<li><a href="javascript:void(0)">모자티</a></li>
-														</ul>
-													</li>
-												</ul>
-											</li>
-										</ul>
-									</li>
-									<li>
-										<a href="javascript:void(0)">남성</a>
-										<ul class="daps3">
-											<li>
-												<a href="javascript:void(0)">티셔츠/셔츠</a>
-												<ul class="daps4">
-													<li>
-														<a href="javascript:void(0)">셔츠/블라우스</a>
-														<ul class="daps5">
-															<li><a href="javascript:void(0)">셔츠</a></li>
-															<li><a href="javascript:void(0)">블라우스</a></li>
-														</ul>
-													</li>
-												</ul>
-											</li>
-										</ul>
-									</li>
-								</ul>
-							</li>
-							<li class="brand">
-								<a href="javascript:void(0)" class="daps1">브랜드</a>
-								<ul class="daps2">
-									<li>
-										<a href="javascript:void(0)">
-											<div class="form_field">
-												<div>
-													<input id="brand1" type="checkbox"><label for="brand1"> <span>가르맨디</span> </label>
-												</div>
-											</div>
-										</a>
-									</li>
-									<li>
-										<a href="javascript:void(0)">
-											<div class="form_field">
-												<div>
-													<input id="brand2" type="checkbox"><label for="brand2"> <span>공동구매북</span> </label>
-												</div>
-											</div>
-										</a>
-									</li>
-									<li>
-										<a href="javascript:void(0)">
-											<div class="form_field">
-												<div>
-													<input id="brand3" type="checkbox"><label for="brand3"> <span>곰아저씨</span> </label>
-												</div>
-											</div>
-										</a>
-									</li>
-									<li>
-										<a href="javascript:void(0)">
-											<div class="form_field">
-												<div>
-													<input id="brand4" type="checkbox"><label for="brand4"> <span>겟유즈드</span> </label>
-												</div>
-											</div>
-										</a>
-									</li>
-									<li>
-										<a href="javascript:void(0)">
-											<div class="form_field">
-												<div>
-													<input id="brand5" type="checkbox"><label for="brand5"> <span>그랑프리골프</span> </label>
-												</div>
-											</div>
-										</a>
-									</li>
-									<li>
-										<a href="javascript:void(0)">
-											<div class="form_field">
-												<div>
-													<input id="brand6" type="checkbox"><label for="brand6"> <span>고세</span> </label>
-												</div>
-											</div>
-										</a>
-									</li>
-								</ul>
-							</li>
-							<li calss="size">
-								<a href="javascript:void(0)" class="daps1">사이즈<span class="pic">100,105,27,28</span></a>
-								<div class="daps2">
-									<ul class="sizebox">
-										<li>
-											<strong>상의</strong>
-											<label class="size_btn">
-												<input type="checkbox" group="filterValue" id="chkFilterSize01" data-name="chkFilterSize01" name="filterSizeCds" value=""><span>80</span>
-											</label>
-											<label class="size_btn">
-												<input type="checkbox" group="filterValue" id="chkFilterSize02" data-name="chkFilterSize02" name="filterSizeCds" value=""><span>85</span>
-											</label>
-											<label class="size_btn">
-												<input type="checkbox" group="filterValue" id="chkFilterSize03" data-name="chkFilterSize03" name="filterSizeCds" value=""><span>90</span>
-											</label>
-											<label class="size_btn">
-												<input type="checkbox" group="filterValue" id="chkFilterSize04" data-name="chkFilterSize04" name="filterSizeCds" value=""><span>95</span>
-											</label>
-											<label class="size_btn">
-												<input type="checkbox" group="filterValue" id="chkFilterSize05" data-name="chkFilterSize05" name="filterSizeCds" value="" checked><span>100</span>
-											</label>
-											<label class="size_btn">
-												<input type="checkbox" group="filterValue" id="chkFilterSize06" data-name="chkFilterSize06" name="filterSizeCds" value="" checked><span>105</span>
-											</label>
-											<label class="size_btn">
-												<input type="checkbox" group="filterValue" id="chkFilterSize07" data-name="chkFilterSize07" name="filterSizeCds" value=""><span>110</span>
-											</label>
-											<label class="size_btn">
-												<input type="checkbox" group="filterValue" id="chkFilterSize08" data-name="chkFilterSize08" name="filterSizeCds" value=""><span>115</span>
-											</label>
-											<label class="size_btn">
-												<input type="checkbox" group="filterValue" id="chkFilterSize09" data-name="chkFilterSize09" name="filterSizeCds" value=""><span>S</span>
-											</label>
-											<label class="size_btn">
-												<input type="checkbox" group="filterValue" id="chkFilterSize10" data-name="chkFilterSize10" name="filterSizeCds" value=""><span>M</span>
-											</label>
-											<label class="size_btn">
-												<input type="checkbox" group="filterValue" id="chkFilterSize11" data-name="chkFilterSize11" name="filterSizeCds" value=""><span>L</span>
-											</label>
-											<label class="size_btn">
-												<input type="checkbox" group="filterValue" id="chkFilterSize12" data-name="chkFilterSize12" name="filterSizeCds" value=""><span>XL</span>
-											</label>
-											<label class="size_btn">
-												<input type="checkbox" group="filterValue" id="chkFilterSize13" data-name="chkFilterSize13" name="filterSizeCds" value=""><span>FREE</span>
-											</label>
-										</li>
-										<li>
-											<strong>하의</strong>
-											<label class="size_btn">
-												<input type="checkbox" group="filterValue" id="chkFilterSize14" data-name="chkFilterSize14" name="filterSizeCds" value=""><span>44</span>
-											</label>
-											<label class="size_btn">
-												<input type="checkbox" group="filterValue" id="chkFilterSize15" data-name="chkFilterSize15" name="filterSizeCds" value=""><span>55</span>
-											</label>
-											<label class="size_btn">
-												<input type="checkbox" group="filterValue" id="chkFilterSize16" data-name="chkFilterSize16" name="filterSizeCds" value=""><span>66</span>
-											</label>
-											<label class="size_btn">
-												<input type="checkbox" group="filterValue" id="chkFilterSize17" data-name="chkFilterSize17" name="filterSizeCds" value=""><span>77</span>
-											</label>
-											<label class="size_btn">
-												<input type="checkbox" group="filterValue" id="chkFilterSize18" data-name="chkFilterSize18" name="filterSizeCds" value=""><span>26</span>
-											</label>
-											<label class="size_btn">
-												<input type="checkbox" group="filterValue" id="chkFilterSize19" data-name="chkFilterSize19" name="filterSizeCds" value="" checked><span>27</span>
-											</label>
-											<label class="size_btn">
-												<input type="checkbox" group="filterValue" id="chkFilterSize20" data-name="chkFilterSize20" name="filterSizeCds" value="" checked><span>28</span>
-											</label>
-											<label class="size_btn">
-												<input type="checkbox" group="filterValue" id="chkFilterSize21" data-name="chkFilterSize21" name="filterSizeCds" value=""><span>29</span>
-											</label>
-											<label class="size_btn">
-												<input type="checkbox" group="filterValue" id="chkFilterSize22" data-name="chkFilterSize22" name="filterSizeCds" value=""><span>30</span>
-											</label>
-											<label class="size_btn">
-												<input type="checkbox" group="filterValue" id="chkFilterSize23" data-name="chkFilterSize23" name="filterSizeCds" value=""><span>32</span>
-											</label>
-											<label class="size_btn">
-												<input type="checkbox" group="filterValue" id="chkFilterSize24" data-name="chkFilterSize24" name="filterSizeCds" value=""><span>33</span>
-											</label>
-											<label class="size_btn">
-												<input type="checkbox" group="filterValue" id="chkFilterSize25" data-name="chkFilterSize25" name="filterSizeCds" value=""><span>34</span>
-											</label>
-											<label class="size_btn">
-												<input type="checkbox" group="filterValue" id="chkFilterSize26" data-name="chkFilterSize26" name="filterSizeCds" value=""><span>M</span>
-											</label>
-											<label class="size_btn">
-												<input type="checkbox" group="filterValue" id="chkFilterSize27" data-name="chkFilterSize27" name="filterSizeCds" value=""><span>L</span>
-											</label>
-										</li>
-										<li>
-											<strong>신발</strong>
-											<label class="size_btn">
-												<input type="checkbox" group="filterValue" id="chkFilterSize28" data-name="chkFilterSize28" name="filterSizeCds" value=""><span>120</span>
-											</label>
-											<label class="size_btn">
-												<input type="checkbox" group="filterValue" id="chkFilterSize29" data-name="chkFilterSize29" name="filterSizeCds" value=""><span>130</span>
-											</label>
-											<label class="size_btn">
-												<input type="checkbox" group="filterValue" id="chkFilterSize30" data-name="chkFilterSize30" name="filterSizeCds" value=""><span>140</span>
-											</label>
-											<label class="size_btn">
-												<input type="checkbox" group="filterValue" id="chkFilterSize31" data-name="chkFilterSize31" name="filterSizeCds" value=""><span>150</span>
-											</label>
-											<label class="size_btn">
-												<input type="checkbox" group="filterValue" id="chkFilterSize32" data-name="chkFilterSize32" name="filterSizeCds" value=""><span>140</span>
-											</label>
-											<label class="size_btn">
-												<input type="checkbox" group="filterValue" id="chkFilterSize33" data-name="chkFilterSize33" name="filterSizeCds" value=""><span>150</span>
-											</label>
-											<label class="size_btn">
-												<input type="checkbox" group="filterValue" id="chkFilterSize34" data-name="chkFilterSize34" name="filterSizeCds" value=""><span>220</span>
-											</label>
-											<label class="size_btn">
-												<input type="checkbox" group="filterValue" id="chkFilterSize35" data-name="chkFilterSize35" name="filterSizeCds" value=""><span>230</span>
-											</label>
-											<label class="size_btn">
-												<input type="checkbox" group="filterValue" id="chkFilterSize36" data-name="chkFilterSize36" name="filterSizeCds" value=""><span>235</span>
-											</label>
-											<label class="size_btn">
-												<input type="checkbox" group="filterValue" id="chkFilterSize37" data-name="chkFilterSize37" name="filterSizeCds" value=""><span>240</span>
-											</label>
-											<label class="size_btn">
-												<input type="checkbox" group="filterValue" id="chkFilterSize38" data-name="chkFilterSize38" name="filterSizeCds" value=""><span>245</span>
-											</label>
-											<label class="size_btn">
-												<input type="checkbox" group="filterValue" id="chkFilterSize39" data-name="chkFilterSize39" name="filterSizeCds" value=""><span>250</span>
-											</label>
-											<label class="size_btn">
-												<input type="checkbox" group="filterValue" id="chkFilterSize40" data-name="chkFilterSize40" name="filterSizeCds" value=""><span>255</span>
-											</label>
-											<label class="size_btn">
-												<input type="checkbox" group="filterValue" id="chkFilterSize41" data-name="chkFilterSize41" name="filterSizeCds" value=""><span>260</span>
-											</label>
-											<label class="size_btn">
-												<input type="checkbox" group="filterValue" id="chkFilterSize42" data-name="chkFilterSize42" name="filterSizeCds" value=""><span>265</span>
-											</label>
-											<label class="size_btn">
-												<input type="checkbox" group="filterValue" id="chkFilterSize43" data-name="chkFilterSize43" name="filterSizeCds" value=""><span>270</span>
-											</label>
-											<label class="size_btn">
-												<input type="checkbox" group="filterValue" id="chkFilterSize44" data-name="chkFilterSize44" name="filterSizeCds" value=""><span>275</span>
-											</label>
-											<label class="size_btn">
-												<input type="checkbox" group="filterValue" id="chkFilterSize45" data-name="chkFilterSize45" name="filterSizeCds" value=""><span>280</span>
-											</label>
-											<label class="size_btn">
-												<input type="checkbox" group="filterValue" id="chkFilterSize46" data-name="chkFilterSize46" name="filterSizeCds" value=""><span>285</span>
-											</label>
-											<label class="size_btn">
-												<input type="checkbox" group="filterValue" id="chkFilterSize47" data-name="chkFilterSize47" name="filterSizeCds" value=""><span>290</span>
-											</label>
-										</li>
-									</ul>
-								</div>
-							</li>
-							<li class="price">
-								<a href="javascript:void(0)" class="daps1">가격<span class="pic">230,000원~487,000원, 700,000원~990,000원</span></a>
-								<ul class="daps2">
-									<li>
-										<a href="javascript:void(0)">
-											<div class="form_field">
-												<div>
-													<input id="price1" type="checkbox"><label for="price1"> <span>9천원 이하</span> </label>
-												</div>
-											</div>
-										</a>
-									</li>
-									<li>
-										<a href="javascript:void(0)">
-											<div class="form_field">
-												<div>
-													<input id="price2" type="checkbox"><label for="price2"> <span>9천원 ~ 23만원</span> </label>
-												</div>
-											</div>
-										</a>
-									</li>
-									<li>
-										<a href="javascript:void(0)">
-											<div class="form_field">
-												<div>
-													<input id="price3" type="checkbox" checked><label for="price3"> <span>23만원 ~ 48만원 7천원</span> </label>
-												</div>
-											</div>
-										</a>
-									</li>
-									<li>
-										<a href="javascript:void(0)">
-											<div class="form_field">
-												<div>
-													<input id="price4" type="checkbox" ><label for="price4"> <span>48만원 7천원 ~ 79만원</span> </label>
-												</div>
-											</div>
-										</a>
-									</li>
-									<li>
-										<a href="javascript:void(0)">
-											<div class="form_field">
-												<div>
-													<input id="price5" type="checkbox" checked><label for="price5"> <span>70만원 ~ 99만원</span> </label>
-												</div>
-											</div>
-										</a>
-									</li>
-									<li>
-										<a href="javascript:void(0)">
-											<div class="form_field">
-												<div>
-													<input id="price6" type="checkbox"><label for="price6"> <span>99만원 ~ 136만원</span> </label>
-												</div>
-											</div>
-										</a>
-									</li>
-									<li>
-										<a href="javascript:void(0)">
-											<div class="form_field">
-												<div>
-													<input id="price7" type="checkbox"><label for="price7"> <span>136만원 ~ 179만원 9천원</span> </label>
-												</div>
-											</div>
-										</a>
-									</li>
-								</ul>
-							</li>
-							<li class="discount">
-								<a href="javascript:void(0)" class="daps1">할인율</a>
-								<ul class="daps2">
-									<li>
-										<a href="javascript:void(0)">
-											<div class="form_field">
-												<div>
-													<input id="discount1" type="checkbox"><label for="discount1"> <span>10% 이하</span> </label>
-												</div>
-											</div>
-										</a>
-									</li>
-									<li>
-										<a href="javascript:void(0)">
-											<div class="form_field">
-												<div>
-													<input id="discount2" type="checkbox"><label for="discount2"> <span>10~20%</span> </label>
-												</div>
-											</div>
-										</a>
-									</li>
-									<li>
-										<a href="javascript:void(0)">
-											<div class="form_field">
-												<div>
-													<input id="discount3" type="checkbox"><label for="discount3"> <span>20~30%</span> </label>
-												</div>
-											</div>
-										</a>
-									</li>
-									<li>
-										<a href="javascript:void(0)">
-											<div class="form_field">
-												<div>
-													<input id="discount4" type="checkbox"><label for="discount4"> <span>30~40%</span> </label>
-												</div>
-											</div>
-										</a>
-									</li>
-									<li>
-										<a href="javascript:void(0)">
-											<div class="form_field">
-												<div>
-													<input id="discount5" type="checkbox"><label for="discount5"> <span>40~50%</span> </label>
-												</div>
-											</div>
-										</a>
-									</li>
-									<li>
-										<a href="javascript:void(0)">
-											<div class="form_field">
-												<div>
-													<input id="discount6" type="checkbox"><label for="discount6"> <span>50~60%</span> </label>
-												</div>
-											</div>
-										</a>
-									</li>
-									<li>
-										<a href="javascript:void(0)">
-											<div class="form_field">
-												<div>
-													<input id="discount7" type="checkbox"><label for="discount7"> <span>60~70%</span> </label>
-												</div>
-											</div>
-										</a>
-									</li>
-									<li>
-										<a href="javascript:void(0)">
-											<div class="form_field">
-												<div>
-													<input id="discount8" type="checkbox"><label for="discount8"> <span>70~80%</span> </label>
-												</div>
-											</div>
-										</a>
-									</li>
-									<li>
-										<a href="javascript:void(0)">
-											<div class="form_field">
-												<div>
-													<input id="discount9" type="checkbox"><label for="discount9"> <span>80~90%</span> </label>
-												</div>
-											</div>
-										</a>
-									</li>
-									<li>
-										<a href="javascript:void(0)">
-											<div class="form_field">
-												<div>
-													<input id="discount10" type="checkbox"><label for="discount10"> <span>90이상</span> </label>
-												</div>
-											</div>
-										</a>
-									</li>
-								</ul>
-							</li>
-							<li class="age">
-								<a href="javascript:void(0)" class="daps1">연령</a>
-								<ul class="daps2">
-									<li>
-										<a href="javascript:void(0)">
-											<div class="form_field">
-												<div>
-													<input id="age1" type="checkbox"><label for="age1"> <span>베이비(0~36개월)</span> </label>
-												</div>
-											</div>
-										</a>
-									</li>
-									<li>
-										<a href="javascript:void(0)">
-											<div class="form_field">
-												<div>
-													<input id="age2" type="checkbox"><label for="age2"> <span>키즈(4세~7세)</span> </label>
-												</div>
-											</div>
-										</a>
-									</li>
-									<li>
-										<a href="javascript:void(0)">
-											<div class="form_field">
-												<div>
-													<input id="age3" type="checkbox"><label for="age3"> <span>주니어(7세~13세)</span> </label>
-												</div>
-											</div>
-										</a>
-									</li>
-								</ul>
-							</li>
-							<li class="season">
-								<a href="javascript:void(0)" class="daps1">시즌</a>
-								<ul class="daps2">
-									<li>
-										<a href="javascript:void(0)">
-											<div class="form_field">
-												<div>
-													<input id="season1" type="checkbox"><label for="season1"> <span>봄</span> </label>
-												</div>
-											</div>
-										</a>
-									</li>
-									<li>
-										<a href="javascript:void(0)">
-											<div class="form_field">
-												<div>
-													<input id="season2" type="checkbox"><label for="season2"> <span>여름</span> </label>
-												</div>
-											</div>
-										</a>
-									</li>
-									<li>
-										<a href="javascript:void(0)">
-											<div class="form_field">
-												<div>
-													<input id="season3" type="checkbox"><label for="season3"> <span>가을</span> </label>
-												</div>
-											</div>
-										</a>
-									</li>
-									<li>
-										<a href="javascript:void(0)">
-											<div class="form_field">
-												<div>
-													<input id="season4" type="checkbox"><label for="season4"> <span>겨울</span> </label>
-												</div>
-											</div>
-										</a>
-									</li>
-									<li>
-										<a href="javascript:void(0)">
-											<div class="form_field">
-												<div>
-													<input id="season5" type="checkbox"><label for="season5"> <span>사계절</span> </label>
-												</div>
-											</div>
-										</a>
-									</li>
-								</ul>
-							</li>
-							<li class="color">
-								<a href="javascript:void(0)" class="daps1">컬러
-									<span class="pic">
-                                            <span class="pdColor-color01"></span><span class="pdColor-color02"></span>
-                                        </span>
-								</a>
-								<div class="daps2">
-									<ul class="colorbox">
-										<li>
-											<label class="color-check">
-												<input type="checkbox" checked>
-												<span class="pdColor-color01"></span>
-											</label>
-										</li>
-										<li>
-											<label class="color-check">
-												<input type="checkbox" checked>
-												<span class="pdColor-color02"></span>
-											</label>
-										</li>
-										<li>
-											<label class="color-check">
-												<input type="checkbox">
-												<span class="pdColor-color03"></span>
-											</label>
-										</li>
-										<li>
-											<label class="color-check">
-												<input type="checkbox">
-												<span class="pdColor-color04"></span>
-											</label>
-										</li>
-										<li>
-											<label class="color-check">
-												<input type="checkbox">
-												<span class="pdColor-color05"></span>
-											</label>
-										</li>
-										<li>
-											<label class="color-check">
-												<input type="checkbox">
-												<span class="pdColor-color06"></span>
-											</label>
-										</li>
-										<li>
-											<label class="color-check">
-												<input type="checkbox">
-												<span class="pdColor-color07"></span>
-											</label>
-										</li>
-										<li>
-											<label class="color-check">
-												<input type="checkbox">
-												<span class="pdColor-color08"></span>
-											</label>
-										</li>
-										<li>
-											<label class="color-check">
-												<input type="checkbox">
-												<span class="pdColor-color09"></span>
-											</label>
-										</li>
-										<li>
-											<label class="color-check">
-												<input type="checkbox">
-												<span class="pdColor-color10"></span>
-											</label>
-										</li>
-										<li>
-											<label class="color-check">
-												<input type="checkbox">
-												<span class="pdColor-color11"></span>
-											</label>
-										</li>
-										<li>
-											<label class="color-check">
-												<input type="checkbox">
-												<span class="pdColor-color12"></span>
-											</label>
-										</li>
-										<li>
-											<label class="color-check">
-												<input type="checkbox">
-												<span class="pdColor-color13"></span>
-											</label>
-										</li>
-										<li>
-											<label class="color-check">
-												<input type="checkbox">
-												<span class="pdColor-color14"></span>
-											</label>
-										</li>
-										<li>
-											<label class="color-check">
-												<input type="checkbox">
-												<span class="pdColor-color15"></span>
-											</label>
-										</li>
-									</ul>
-								</div>
-							</li>
-							<li class="benefit">
-								<a href="javascript:void(0)" class="daps1">혜택</a>
-								<ul class="daps2">
-									<li>
-										<a href="javascript:void(0)">
-											<div class="form_field">
-												<div>
-													<input id="benefit1" type="checkbox"><label for="benefit1"> <span>남여 공용만 보기</span> </label>
-												</div>
-											</div>
-										</a>
-									</li>
-									<li>
-										<a href="javascript:void(0)">
-											<div class="form_field">
-												<div>
-													<input id="benefit2" type="checkbox"><label for="benefit2"> <span>신상품만 보기</span> </label>
-												</div>
-											</div>
-										</a>
-									</li>
-									<li>
-										<a href="javascript:void(0)">
-											<div class="form_field">
-												<div>
-													<input id="benefit3" type="checkbox"><label for="benefit3"> <span>남여 공용만 보기</span> </label>
-												</div>
-											</div>
-										</a>
-									</li>
-									<li>
-										<a href="javascript:void(0)">
-											<div class="form_field">
-												<div>
-													<input id="benefit4" type="checkbox"><label for="benefit4"> <span>신상품만 보기</span> </label>
-												</div>
-											</div>
-										</a>
-									</li>
-									<li>
-										<a href="javascript:void(0)">
-											<div class="form_field">
-												<div>
-													<input id="benefit5" type="checkbox"><label for="benefit5"> <span>남여 공용만 보기</span> </label>
-												</div>
-											</div>
-										</a>
-									</li>
-									<li>
-										<a href="javascript:void(0)">
-											<div class="form_field">
-												<div>
-													<input id="benefit6" type="checkbox"><label for="benefit6"> <span>신상품만 보기</span> </label>
-												</div>
-											</div>
-										</a>
-									</li>
-								</ul>
-							</li>
-						</ul>
-						<!-- //필터메뉴 -->
-					</div>
-				</div>
-			</div>
-		</div>
+
 		<!-- //필터 -->
 
 		<!-- 카테고리 -->
-		<div class="category_box">
-			<div class="lap">
-				<div class="category_close">카테고리닫기</div>
-				<div class="category_list">
-					<!-- 카테고리 선택 -->
-					<div class="selcet_list">
-						<ul>
-							<li class="active"><a href="javascript:void(0)">최신상품순</a></li>
-							<li><a href="javascript:void(0)">인기많은순</a></li>
-							<li><a href="javascript:void(0)">리뷰많은순</a></li>
-						</ul>
-					</div>
-					<!-- //카테고리 선택 -->
-				</div>
-			</div>
-		</div>
+
 		<!-- //카테고리 -->
 
 		<!-- 제품네비 -->
-		<div class="nav_box">
-			<div class="lap">
-				<div class="nav_close">네비닫기</div>
-				<div class="nav_list">
-					<!-- 카테고리 선택 -->
-					<div class="nav">
-						<ul>
-							<li class="active">
-								<a href="javascript:void(0)" class="daps1">여성</a>
-								<ul class="daps2">
-									<li><a href="#none">전체</a></li>
-									<li><a href="#none">티셔츠/셔츠</a></li>
-									<li class="on"><a href="#none">니트/가디건/베스트</a></li>
-									<li><a href="#none">원피스/스커트</a></li>
-									<li><a href="#none">팬츠/데님/레깅스</a></li>
-									<li><a href="#none">자켓/점퍼/코트</a></li>
-									<li><a href="#none">여성잡화</a></li>
-									<li><a href="#none">언더웨어</a></li>
-								</ul>
-							</li>
-						</ul>
-					</div>
-					<!-- //카테고리 선택 -->
-				</div>
-			</div>
-		</div>
+
 		<!-- //제품네비 -->
 
 		<!-- 210415_최신상품순 리스트 팝업 추가 -->
-		<div id="odDatePop" class="popup_box odDatePop">
-			<div class="lap">
-				<div class="popup_close">카테고리닫기</div>
-				<div class="popup_head sr-only">
-					<h2 class="">기간 선택 팝업</h2>
-				</div>
-				<div class="popup_con">
-					<div class="button_list clear">
-						<button type="button" class="on"><span>최신상품순</span></button>
-						<button type="button"><span>인기많은순</span></button>
-						<button type="button"><span>리뷰많은순</span></button>
-					</div>
-				</div>
-			</div>
-		</div>
-	</main>
-</th:block>
-
-<script th:inline="javascript">
-	$(document).ready(function(){
-
-		//네비
-		var bodyChk = 0;
-		function navi(){
-
-			var navOpen=$("#htopTitle");
-			var navClose=$(".nav_box .nav_close");
-			var navPop=$(".nav_box");
-
-			navOpen.on("click",function(){
-				if($(this).hasClass("on")){
-					$(this).removeClass("on")
-					navPop.hide();
-					$("body").css({"overflow":"visible"});
-					bodyChk = 1;
-				}else{
-					$(this).addClass("on")
-					navPop.show();
-					navPop.addClass("on");
-					$("body").css({"overflow":"hidden"});
-					bodyChk = 0;
-				}
 
+	</main>
 
-			});
+	<form id="searchGoodsForm" name="searchGoodsForm">
+		<input type="hidden" name="pageNo" id="pageNo" value ="1"/>
+		<input type="hidden" name="pageSize" value ="30"/>
+		<!-- 		<input type="hidden" name="cateNo" th:value="${cateInfo.cateNo}"/> -->
+		<input type="hidden" name="cateGb" th:value="${cateInfo.cateGb}"/>
+		<input type="hidden" name="brandGroupNo" th:value="${cateInfo.brandGroupNo}"/>
+		<input type="hidden" name="formalGb" th:value="${cateInfo.formalGb=='G009_20'?'G009_20':''}"/>
+		<input type="hidden" name="cate1No" th:value="${cateInfo.cate1No}"/>
+		<input type="hidden" name="cate2No" th:value="${cateInfo.cate2No}"/>
+		<input type="hidden" name="cate3No" th:value="${cateInfo.cate3No}"/>
+		<input type="hidden" name="cate4No" th:value="${cateInfo.cate4No}"/>
+		<input type="hidden" name="sortingType" value="NEW"/>
+		<input type="hidden" name="newGoods" th:value="${cateInfo.formalGb=='G009_20'?'':'40'}" />
+	</form>
+
+
+	<script src="/ux/plugins/gaga/gaga.infinite.scrollSession.js"></script>
+	<script src="/ux/plugins/jquery/jquery.history.min.js"></script>
+	<script th:src="@{'/biz/goods.js?v=' + ${#calendars.format(#calendars.createNow(), 'yyyyMMddHHmmss')}}" src="/biz/goods.js"></script>
+
+	<script th:inline="javascript">
+		$(document).ready(function(){
+			//fnCreateCategoryList();
 
-			navClose.on("click",function(){
-				$(this).removeClass("on");
-				navPop.hide();
-				$("body").css({"overflow":"visible"});
-				$("#htopTitle").removeClass("on");
-			});
+		});
 
-			if(bodyChk === 0){
-				$('body').on('scroll touchmove mousewheel', function(event) { // 터치무브와 마우스휠 스크롤 방지
-					event.preventDefault();
-					event.stopPropagation();
-					return false;
-				});
-			}
+		var fnGoodsListSearch = function (){
+			gagaInfiniteScroll.getHistory();
 		}
-		navi();
 
-		//카테고리
-		function category(){
-			var categoryOpen=$(".open_categori .select_dress");
-			var categoryClose=$(".category_box .category_close");
-			var categoryPop=$(".category_box");
-
-			categoryOpen.on("click",function(){
-				categoryPop.show();
-				categoryPop.addClass("active");
-
-			});
-
-			categoryClose.on("click",function(){
-				categoryPop.hide();
-				$("body").css({"overflow":"visible"});
-			});
+		// 상품 검색
+		var fnGetInfiniteScrollDataList = function (pageNum){
+			$("#searchGoodsForm input[name=pageNo]").val(pageNum+1);
+			gagajf.ajaxFormSubmit("/display/category/goods/list", document.searchGoodsForm,  gagaInfiniteScroll.jsonToHtml);
 		}
-		category();
-
-		//필터
-		function filter(){
-			var filterOpen=$(".open_filter");
-			var filterClose=$(".filter_box .close");
-			var filterPop=$(".filter_box");
-			var filter=$(".filter_body > ul");
-			var dap1=$(".filter_body > ul .daps1");
-			var dap2=$(".filter_body > ul .daps2");
-			var dap3=$(".filter_body > ul .daps3");
-			var dap4=$(".filter_body > ul .daps4");
-			var dap5=$(".filter_body > ul .daps5");
-			var dap2A=$(".filter_body > ul .daps2 > li > a");
-			var dap3A=$(".filter_body > ul .daps3 > li > a");
-			var dap4A=$(".filter_body > ul .daps4 > li > a");
-			var dap5A=$(".filter_body > ul .daps5 > li > a");
-
-			/* 필터모달 > 열기,닫기 */
-			filterOpen.on("click",function(){
-				filterPop.addClass("active");
-				$("body").css({"overflow":"hidden"});
-			});
 
-			filterClose.on("click",function(){
-				filterPop.removeClass("active");
-				$("body").css({"overflow":"visible"});
-			});
-
-			/* 필터메뉴 > 댑스열고, 닫기 */
-			dap1.on("click",function(){
-				if($(this).hasClass("on")){
-					$(this).removeClass("on");
-					$(this).next(dap2).slideUp();
+		var fnDrawInfiniteScrollData = function (result){
+			let totalCnt = result.paging.totalCount;
+			$("#totCntId").text(totalCnt.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","));
+			gagaInfiniteScroll.pageStatus.totalCount = totalCnt;
+
+			var ithrCd = '';
+			var contentLoc = '';
+			if (result.dataList != null && result.dataList.length > 0) {
+				//$('.list_content .list_defult').hide();
+				//$('.list_content .count_wrap').show();
+				var goodsUrl = [[${@environment.getProperty('upload.goods.view')}]];;
+				let lastPage = result.paging.pageNo;
+				let endRow = result.paging.endRow - result.paging.pageSize;
+				var htm = fnCreateGoodsList(result, ithrCd, contentLoc, goodsUrl, lastPage, endRow, 'Mob');
+				gagaInfiniteScroll.draw(htm);
+			}else {
+				if($("#searchGoodsForm input[name=pageNo]").val()==1){
+					// 필터 값으로 조회 데이터 없을때
+					$('.list_content .list_defult').show();
+					$('.list_content .count_wrap').hide();
 				}else{
-					$(this).addClass("on");
-					$(this).next(dap2).slideDown();
+					// 마지막 페이지 일때
+					$('#endPage').show();
+					//$('.list_content .count_wrap').hide();
 				}
-			});
+				gagaInfiniteScroll.draw('not');
+			}
+		}
 
-			dap2A.on("click",function(){
-				if($(this).hasClass("on")){
-					$(this).removeClass("on");
-					$(this).next(dap3).slideUp();
+		// 사파리 - event.persisted || 크롬 - window.performance.navigation.type 이 1이면 새로고침, 2면 페이지 이동을 통한 캐쉬페이징
+		$(window).on("pageshow", function(event) {
+			if ( (event.originalEvent && event.originalEvent.persisted) || (window.performance && window.performance.navigation.type == 2)) {
+				var historyData = sessionStorage.getItem(document.location.href);
+				if(historyData!=null){
+					historyData = JSON.parse(historyData);
 				}else{
-					$(this).addClass("on");
-					$(this).next(dap3).slideDown();
+					historyData = {};
 				}
-			});
-
-			dap3A.on("click",function(){
-				if($(this).hasClass("on")){
-					$(this).removeClass("on");
-					$(this).next(dap4).slideUp();
-				}else{
-					$(this).addClass("on");
-					$(this).next(dap4).slideDown();
+				if(typeof historyData.filterHtml!='undefined' && historyData.filterHtml!=''){
+					$("#searchGoodsForm").append(historyData.filterHtml);
+					filterHtml = historyData.filterHtml;
 				}
-			});
-
-			dap4A.on("click",function(){
-				if($(this).hasClass("on")){
-					$(this).removeClass("on");
-					$(this).next(dap5).slideUp();
-				}else{
-					$(this).addClass("on");
-					$(this).next(dap5).slideDown();
+				if(typeof historyData.filterStatHtml!='undefined' && historyData.filterStatHtml!=''){
+					$(".filterstate .filter_div").append(historyData.filterStatHtml);
+					filterStatHtml = historyData.filterStatHtml;
 				}
-			});
-
-			dap5A.on("click",function(){
-				if($(this).hasClass("on")){
-					$(this).removeClass("on");
-					//$(this).next(dap6).slideUp();
-				}else{
-					$(this).addClass("on");
-					//$(this).next(dap6).slideDown();
+				if(typeof historyData.totalCount!='undefined' && historyData.totalCount!=''){
+					//$("#totalGoodsCnt").text(historyData.totalCount);
 				}
-			});
-		}
-		filter();
-
-		// 210415_팝업관련 추가
-		//기간 선택 팝업
-		$(document).on("click", ".open_categori", function(){
-			$('#odDatePop').show().addClass("active");
-			$("body").css({"overflow":"hidden"});
-		});
-		//팝업_닫기
-		$('.popup_close').on("click",function(){
-			$('.popup_box').hide().removeClass('active');
-			$("body").css({"overflow":"visible"});
-		});
-		// 210415_팝업 테두리 선택 추가
-		$(document).ready(function(){
-			$(document).on('click','.popup_box .button_list button',function(){
-				$('.popup_box .button_list button').removeClass('on');
-				$(this).addClass('on');
-			})
-		});
-
-		$('.dp .filter_box .filter_con').scroll(function(){
-			//$(".dp .filter_box .filter_con").css("border-bottom", "0px none");
-			//console.log($(".dp .filter_box .filter_con").scrollTop());
-			if($(".dp .filter_box .filter_con").scrollTop() === 0){
-				$(".dp .filter_box .filter_top").css("box-shadow", "none");
-				//$(".dp .filter_box .filter_con").css("border-bottom", "1px solid #eee");
-			} else {
-				$(".dp .filter_box .filter_top").css("box-shadow", "0px 3px 15px 0px rgba(0,0,0,0.30)");
+				if(typeof historyData.sortGb!='undefined' && historyData.sortGb!=''){
+					$("#sortSelect").val(historyData.sortGb);
+					$("#searchGoodsForm input:hidden[name=sortGb]").val(historyData.sortGb);
+				}
+				fnGoodsListSearch();
+			}else{
+				fnCategoryGoodsInfiniteScrollInit();
+				// var sortGb = [[${sortGb}]];
+				// if(sortGb=='new' || sortGb=='best'){
+				// 	$("#sortSelect").val(sortGb);
+				// 	$("#sortSelect").parent('div').children('span').text($("#sortSelect option:selected").text())
+				// 	fnSortChange(sortGb);
+				// }else{
+				// 	fnGoodsListSearch();
+				// }
+				fnGoodsListSearch();
 			}
-		});
 
-		//210510_추가 : 토스트 팝업 button 클릭 시 팝업 닫기.
-		$(document).on('click','.popup_box.odDatePop .button_list button',function(){
-			$(this).parents('.popup_box.odDatePop').hide().removeClass('active');
-			$("body").css({"overflow":"visible"});
-		})
+		});
 
-	});
-</script>
+	</script>
 
+</th:block>
 </body>
 </html>

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

@@ -287,7 +287,7 @@
 <!-- 		<input type="hidden" name="cateNo" th:value="${cateInfo.cateNo}"/> -->
 		<input type="hidden" name="cateGb" th:value="${cateInfo.cateGb}"/>
 		<input type="hidden" name="brandGroupNo" th:value="${cateInfo.brandGroupNo}"/>
-		<input type="hidden" name="formalGb" th:value="${cateInfo.formalGb}"/>
+		<input type="hidden" name="formalGb" th:value="${cateInfo.formalGb=='G009_20'?'G009_20':''}"/>
 		<input type="hidden" name="cate1No" th:value="${cateInfo.cate1No}"/>
 		<input type="hidden" name="cate2No" th:value="${cateInfo.cate2No}"/>
 		<input type="hidden" name="cate3No" th:value="${cateInfo.cate3No}"/>
@@ -587,6 +587,10 @@
 			var navNm = "";
 			var formTitle = "";
 			let tag = '';
+
+			if(formalGb!='G009_20'){
+				formalGb = '';
+			}
 		
 			if(cate1 != null){
 				tag += '<li';
@@ -720,6 +724,10 @@
 			var formTitle = "";
 			let tag = '';
 
+			if(formalGb!='G009_20'){
+				formalGb = '';
+			}
+
 			if (cate1 != null) {
 				tag += '<li';
 				if (cate1.cate1No == cate1No) {

src/main/webapp/biz/goods.js

@@ -163,12 +163,13 @@ var fnEpCouponDownCallBack = function(){
 var categoryGoodsList = [];
 var cnt = 1;
 var email = '';
-var fnCreateGoodsList = function(result, ithrCd, contentLoc, goodsUrl, lastPage, endRow) {
+var fnCreateGoodsList = function(result, ithrCd, contentLoc, goodsUrl, lastPage, endRow, appGb) {
 	var tag = '';
 	var rank = 0;
 	if(lastPage!='1'){
 		rank = endRow;
 	}
+
 	$.each(result.dataList, function(idx, item) {
 		if (idx < 4) {
 			categoryGoodsList.push(item.goodsCd);
@@ -260,14 +261,27 @@ var fnCreateGoodsList = function(result, ithrCd, contentLoc, goodsUrl, lastPage,
 
 		tag += '			<p class="itemBrand">'+item.brandGroupNm+'</p>';
 		tag += '			<div class="itemName">'+item.goodsFullNm+'</div>';
-		tag += '			<p class="itemPrice">'+item.currPrice.addComma();
-		tag += '				<span class="itemPrice_original">'+item.listPrice.addComma()+'</span>';
-		if(item.currPrice != item.listPrice){
-			if(item.listPrice != 0){
-				tag += '				<span class="itemPercent">'+ Math.round((item.listPrice - item.currPrice) / (item.listPrice * 1.0) * 100) +'%</span>';
+		if(appGb != 'Mob'){
+			tag += '			<p class="itemPrice">'+item.currPrice.addComma()
+			tag += '				<span class="itemPrice_original">'+item.listPrice.addComma()+'</span>';
+			if(item.currPrice != item.listPrice){
+				if(item.listPrice != 0){
+					tag += '				<span class="itemPercent">'+ Math.round((item.listPrice - item.currPrice) / (item.listPrice * 1.0) * 100) +'%</span>';
+				}
+			}
+			tag += '			</p>';
+		}else{
+			tag += '			<p class="itemPrice">';
+			tag += '				<span class="itemPrice_original">'+item.listPrice.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")+'</span>';
+			tag += item.currPrice.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+			if(item.currPrice != item.listPrice){
+				if(item.listPrice != 0){
+					tag += '				<span class="itemPercent">'+ Math.round((item.listPrice - item.currPrice) / (item.listPrice * 1.0) * 100) +'%</span>';
+				}
 			}
+			tag += '			</p>';
 		}
-		tag += '			</p>';
+
 		tag += '			<div class="itemcolorchip">';
 		if(!gagajf.isNull(item.colorChips)){
 			var colorArr = item.colorChips.split(",");