Ver código fonte

Merge remote-tracking branch 'origin/develop' into order

card007 5 anos atrás
pai
commit
8542014ecb
27 arquivos alterados com 1599 adições e 1579 exclusões
  1. 34 0
      pom.xml
  2. 16 2
      src/main/java/com/style24/persistence/mybatis/shop/TsfCoupon.xml
  3. 174 149
      src/main/java/com/style24/persistence/mybatis/shop/TsfGoods.xml
  4. 8 7
      src/main/java/com/style24/persistence/mybatis/shop/TsfPlanning.xml
  5. 3 0
      src/main/java/com/style24/persistence/mybatis/shop/TsfPoint.xml
  6. 4 3
      src/main/java/com/style24/persistence/mybatis/shop/TsfReview.xml
  7. 1 1
      src/main/java/com/style24/persistence/mybatis/shop/TsfWishlist.xml
  8. 144 1273
      src/main/webapp/WEB-INF/views/mob/display/CategoryGoodsListFormMob.html
  9. 13 10
      src/main/webapp/WEB-INF/views/mob/goods/GoodsDetailFormMob.html
  10. 1 1
      src/main/webapp/WEB-INF/views/mob/goods/GoodsDetailQnaFormMob.html
  11. 2 1
      src/main/webapp/WEB-INF/views/mob/goods/GoodsQnaDetailFormMob.html
  12. 1 1
      src/main/webapp/WEB-INF/views/mob/mypage/MypageReviewFormMob.html
  13. 999 0
      src/main/webapp/WEB-INF/views/mob/planning/PlanningDetailFormMob.html
  14. 0 74
      src/main/webapp/WEB-INF/views/mob/planning/PlanningShotGuideFormMob.html
  15. 22 30
      src/main/webapp/WEB-INF/views/mob/social/SocialMainFormMob.html
  16. 9 1
      src/main/webapp/WEB-INF/views/web/display/CategoryGoodsListFormWeb.html
  17. 2 2
      src/main/webapp/WEB-INF/views/web/goods/GoodsDetailFormWeb.html
  18. 1 1
      src/main/webapp/WEB-INF/views/web/goods/GoodsDetailQnaFormWeb.html
  19. 1 1
      src/main/webapp/WEB-INF/views/web/goods/GoodsQnaDetailFormWeb.html
  20. 1 1
      src/main/webapp/WEB-INF/views/web/mypage/MypageReviewFormWeb.html
  21. 2 3
      src/main/webapp/WEB-INF/views/web/mypage/MypageWishListFormWeb.html
  22. 13 2
      src/main/webapp/WEB-INF/views/web/planning/PlanningDetailFormWeb.html
  23. 31 14
      src/main/webapp/biz/goods.js
  24. BIN
      src/main/webapp/images/ico_logo.png
  25. 2 2
      src/main/webapp/ux/pc/css/common.css
  26. 9 0
      src/main/webapp/ux/pc/css/layout.css
  27. 106 0
      src/main/webapp/ux/style24_link.js

+ 34 - 0
pom.xml

@@ -187,6 +187,40 @@
 	</dependencies>
 	
 	<build>
+		<plugins>
+			<plugin>
+				<groupId>org.apache.maven.plugins</groupId>
+				<artifactId>maven-resources-plugin</artifactId>
+				<version>3.1.0</version>
+				<executions>
+					<execution>
+						<id>copyCore</id>
+						<phase>prepare-package</phase>
+						<goals>
+							<goal>copy-resources</goal>
+						</goals>
+						<configuration>
+							<resources>
+								<resource>
+									<directory>
+										${basedir}/../style24.core/target/classes
+									</directory>
+									<filtering>
+										false
+									</filtering>
+									<includes>
+										<include>**/*</include>
+									</includes>
+								</resource>
+							</resources>
+							<outputDirectory>
+								${basedir}/target/classes
+							</outputDirectory>
+						</configuration>
+					</execution>
+				</executions>
+			</plugin>
+		</plugins>
 		<finalName>${project.name}</finalName>
 		<resources>
 			<resource>

+ 16 - 2
src/main/java/com/style24/persistence/mybatis/shop/TsfCoupon.xml

@@ -535,8 +535,10 @@
 		                     , FN_GET_BENEFIT_PRICE(#{frontGb},G.GOODS_CD, G.CURR_PRICE,#{custGb}) AS CURR_PRICE
 		                FROM   TB_GOODS G
 		                     , TB_COUPON CP
+		                     , TB_COUPON_AF_CHANNEL CA
 		                WHERE 1 = 1
-		                AND CP.AF_LINK_CD = #{afLinkCd}	-- 제휴코드 
+		                AND CA.AF_LINK_CD = #{afLinkCd}	-- 제휴코드 
+		                AND CA.CPN_ID = CP.CPN_ID
 		                <choose>
 		                    <when test="arrGoodsCd != null and arrGoodsCd != ''">
 		                AND G.GOODS_CD IN
@@ -906,7 +908,7 @@
 		        AND    CC.CUST_NO = #{custNo} /**P*/
 		        AND    CC.USED_DT IS NULL /*사용하지않은쿠폰만*/
 		        AND    CC.AVAIL_EDDT >= DATE_ADD(NOW(), INTERVAL -3 MONTH) /*최근3개월쿠폰만*/
-		        GROUP  BY CC.CPN_ID, DATE_FORMAT(CC.AVAIL_STDT,'%Y.%m.%d %H:%i'), DATE_FORMAT(CC.AVAIL_EDDT,'%Y.%m.%d %H:%i')
+		        GROUP  BY CC.CPN_ID, DATE_FORMAT(CC.AVAIL_STDT,'%Y.%m.%d'), DATE_FORMAT(CC.AVAIL_EDDT,'%Y.%m.%d')
 		       ) CC
 		     , TB_COUPON C
 		WHERE  CC.CPN_ID = C.CPN_ID
@@ -1068,6 +1070,18 @@
 		AND C.CPN_ID = #{cpnId}
 		ORDER  BY C.EXPIRE_YN, C.AVAIL_EDDT
 		)Z
+		GROUP BY  Z.CPN_ID                                /*쿠폰ID*/
+		        , Z.CPN_NM                                /*쿠폰명*/
+		        , Z.BUY_LIMIT_AMT                         /*구매제한금액*/
+		        , Z.MAX_DC_AMT                            /*최대할인금액*/
+		        , Z.DC_VAL                                /*할인값*/
+		        , Z.DC_WAY                                /*할인방법*/
+		        , Z.USE_CONDITION                         /*사용조건*/
+		        , Z.ISSUE_CONDITION                       /*발급조건*/
+		        , Z.AVAIL_STDT                            /*유효시작일자*/
+		        , Z.AVAIL_EDDT                            /*유효종료일자*/
+		        , Z.CPN_CNT                               /*보유쿠폰수*/
+		        , Z.EXPIRE_YN                             /*만료여부*/
 	</select>
 	
 	<select id="getPlanCouponDetailInfo" resultType="Coupon" parameterType="Coupon">

+ 174 - 149
src/main/java/com/style24/persistence/mybatis/shop/TsfGoods.xml

@@ -1887,157 +1887,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>
 
 	<!-- 카테고리별 상품 목록 -->

+ 8 - 7
src/main/java/com/style24/persistence/mybatis/shop/TsfPlanning.xml

@@ -441,20 +441,20 @@
 	<!-- 웹제휴채널접근가능여부 조회 -->
 	<select id="getAfLinkAccessibleYn" parameterType="Plan" resultType="String">
 		/* TsfPlanning.getAfLinkAccessibleYn */
-		SELECT CASE WHEN CNT1 = 0 THEN
+		SELECT CASE WHEN IFNULL(SUM(CNT1),0) = 0 THEN
 		                'Y' /*접근가능*/
 		            ELSE
-		                CASE WHEN CNT2 > 0 THEN
+		                CASE WHEN SUM(CNT2) > 0 THEN
 		                         'Y' /*접근가능*/
 		                     ELSE
 		                         'N' /*접근불가*/
 		                END
 		       END AS ACCESSIBLE_YN
 		FROM   (
-		        SELECT COUNT(*)                                             AS CNT1 /*제휴채널전체건수*/
-		             , CASE WHEN AF_LINK_CD = #{afLinkCd} THEN 1 ELSE 0 END AS CNT2 /*특정제휴채널건수*/
-		        FROM   TB_PLAN_AF_CHANNEL
-		        WHERE  PLAN_SQ = #{planSq}
+		        SELECT 1                                             AS CNT1 /*제휴채널전체건수*/
+		            , CASE WHEN AF_LINK_CD = #{afLinkCd} THEN 1 ELSE 0 END AS CNT2 /*특정제휴채널건수*/
+		        FROM   TB_PLAN_AF_CHANNEL A
+		        WHERE  PLAN_SQ =  #{planSq}
 		       ) Z
 	</select>
 	
@@ -793,7 +793,6 @@
 		WHERE 1=1
 		AND C.CPN_STAT = 'G232_11'
 		AND C.SITE_CD = #{siteCd}
-		AND C.DOWN_ABL_YN  = 'N'
 		AND NOW() BETWEEN C.DOWN_STDT AND C.DOWN_EDDT
 		AND NOW()   <![CDATA[<=]]>  IF (C.PD_GB = 'D', CONCAT(CURRENT_DATE + INTERVAL C.AVAIL_DAYS DAY, ' 23:59:59'), C.AVAIL_EDDT)
 		AND (CASE WHEN 'P' = 'P' THEN C.DC_PVAL
@@ -813,6 +812,8 @@
 		           ,C.CUST_PUB_LIMIT_QTY 
 		           ,C.TOT_PUB_LIMIT_QTY
 		           ,C.MAX_DC_AMT
+		           ,PC.NOTE 
+		           ,PC.TITLE
 	</select>
 	
 	<select id="getPlanImageInfo" parameterType="Plan" resultType="Plan">

+ 3 - 0
src/main/java/com/style24/persistence/mybatis/shop/TsfPoint.xml

@@ -134,6 +134,7 @@
 		        AND CPH.PNT_UPLOAD_STAT = 'G070_30'
 		        AND DATE_FORMAT(CPH.UPD_DT,'%Y%m') = #{searchDt}
 		        AND CPH.PNT_AMT <![CDATA[>]]> 0
+		      GROUP BY CPH.OCCUR_GB, G.GOODS_NM,CPH.UPD_DT
 		) Z
 		WHERE Z.PNT_UPLOAD_DT IS NOT NULL
 		ORDER BY Z.PNT_UPLOAD_DT DESC	
@@ -229,6 +230,7 @@
 		        AND CPH.PNT_UPLOAD_STAT = 'G070_30'
 		        AND DATE_FORMAT(CPH.UPD_DT,'%Y%m') = #{searchDt}
 		        AND CPH.PNT_AMT <![CDATA[<]]> 0
+		      GROUP BY CPH.OCCUR_GB, G.GOODS_NM,CPH.UPD_DT
 		) Z
 		WHERE Z.PNT_UPLOAD_DT IS NOT NULL
 		ORDER BY Z.PNT_UPLOAD_DT DESC	
@@ -322,6 +324,7 @@
 		        AND CPH.OCCUR_GB IN ('G069_12','G069_13')
 		        AND CPH.PNT_UPLOAD_STAT = 'G070_30'
 		        AND DATE_FORMAT(CPH.UPD_DT,'%Y%m') = #{searchDt}
+		       GROUP BY CPH.OCCUR_GB, G.GOODS_NM,CPH.UPD_DT
 		) Z
 		WHERE Z.PNT_UPLOAD_DT IS NOT NULL
 		ORDER BY Z.PNT_UPLOAD_DT DESC	

+ 4 - 3
src/main/java/com/style24/persistence/mybatis/shop/TsfReview.xml

@@ -1142,7 +1142,7 @@
 		        , Z.GOODS_CD, Z.GOODS_NM, Z.LIST_PRICE, Z.SYS_IMG_NM, Z.ORD_DTL_STAT, Z.ORD_QTY, Z.CNCL_RTN_QTY, Z.ORD_AMT, Z.REAL_ORD_AMT
 		        , Z.SAVE_PNT_AMT, Z.CNCL_RTN_AMT, Z.PNT_DC_AMT, Z.GFCD_USE_AMT, Z.INVOICE_NO
 		        , Z.SUPPLY_COMP_CD, Z.DELV_FEE_CD, Z.SHOT_DELV_YN, Z.CHANGEABLE_YN, Z.SELF_GOODS_YN, Z.BRAND_NM, Z.BRAND_ENM, Z.ORD_DTL_STAT_NM
-		        , Z.ORD_REQ_CHG_QTY, Z.ORD_CAN_CHG_QTY
+		        , Z.ORD_REQ_CHG_QTY, Z.ORD_CAN_CHG_QTY, Z.REVIEW_SQ 
 		ORDER BY Z.ORD_NO DESC, Z.ORD_DTL_STAT, Z.SELF_GOODS_YN DESC, Z.SHOT_DELV_YN DESC, Z.SUPPLY_COMP_CD
 		<if test='frontGb == "P"'>
 		<include refid="selectForPagingFooter"/>
@@ -1208,10 +1208,10 @@
 	</select>
 	
 	<select id="getAdminConfirmCount" parameterType="Review" resultType="Review">
-		/* TsfReivew.getAlreadyReviewCount */
+		/* TsfReivew.getAdminConfirmCount */
 		SELECT COUNT(*) AS COUNT
 		     , R.REVIEW_SQ
-		     , MAX(ADM_RPL_DT) 
+		     , MAX(ADM_RPL_DT) AS ADM_RPL_DT
 		FROM TB_REVIEW R
 		WHERE 1=1
 		 AND CUST_NO = #{custNo}
@@ -1219,6 +1219,7 @@
 		 AND DISP_YN = 'Y'
 		 AND RPL_CFM_YN ='N'
 		 AND ADM_RPL IS NOT NULL
+		GROUP BY R.REVIEW_SQ, ADM_RPL_DT
 		ORDER BY  R.ADM_RPL_DT DESC, R.REVIEW_SQ LIMIT 1
 	</select>
 	

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

@@ -21,7 +21,7 @@
 		      ,DATE_FORMAT(W.REG_DT,'%Y.%m') AS REG_DT 
 		FROM TB_WISHLIST W
 		WHERE CUST_NO = #{custNo}
-		GROUP BY DATE_FORMAT(W.REG_DT,'%Y-%m') 
+		GROUP BY DATE_FORMAT(W.REG_DT,'%Y.%m') 
 		ORDER BY REG_DT DESC
 	</select>
 	

+ 144 - 1273
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>

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

@@ -659,7 +659,7 @@
 					<li>
 						<div class="ex_size">
 							<a href="javascript:void(0)" id="btn_pdSizeInfo_pop" th:onclick="cfGoodsSizeInfo([[${goodsInfo.goodsCd}]],[[${goodsInfo.colorCd}]] )">
-								<span class="tit">사이즈</span>
+								<span class="tit">사이즈 정보</span>
 							</a>
 						</div>
 					</li>
@@ -812,12 +812,15 @@
 								</span>
 							</div>
 							<div class="form_field">
-							<div th:each="goodsOption2, status : ${goodsOption2List}">
-								<input type="radio" name="opt"  th:id="${goodsOption2.optCd}" th:disabled="${goodsOption2.soldoutYn == 'Y' or goodsOption2.stockQty <= 0}" 
-										th:attr="addPrice=${goodsOption2.addPrice}, optCd1=${goodsOption2.optCd1}, optCd2=${goodsOption2.optCd2}, optCd=${goodsOption2.optCd}"
-										th:onclick="fnViewStock(this, [[${goodsInfo.goodsCd}]],[[${goodsOption2.optCd}]],[[${goodsOption2.optCd1}]],[[${goodsOption2.optCd2}]],[[${goodsInfo.minOrdQty}]], [[${goodsInfo.maxOrdQty}]] )" />
-								<label th:for="${goodsOption2.optCd}"><span th:text="${goodsOption2.optCd2}">90</span></label>
-							</div>
+							<th:block th:each="goodsOption2, status : ${goodsOption2List}"> <!--  품절사이즈 미노출 -->
+							<th:block th:if="${goodsOption2.soldoutYn == 'N' and goodsOption2.stockQty > 0}">
+								<div> 
+									<input type="radio" name="opt"  th:id="${goodsOption2.optCd}" 
+											th:attr="addPrice=${goodsOption2.addPrice}, optCd1=${goodsOption2.optCd1}, optCd2=${goodsOption2.optCd2}, optCd=${goodsOption2.optCd}"/>
+									<label th:for="${goodsOption2.optCd}" th:onclick="fnViewStock(this, [[${goodsInfo.goodsCd}]],[[${goodsOption2.optCd}]],[[${goodsOption2.optCd1}]],[[${goodsOption2.optCd2}]],[[${goodsInfo.minOrdQty}]], [[${goodsInfo.maxOrdQty}]] )" ><span th:text="${goodsOption2.optCd2}">90</span></label>
+								</div>
+							</th:block>
+							</th:block>
 						</div>
 						</div>
 						<!-- 해당상품 품절시 노출 -->
@@ -828,7 +831,7 @@
 								<span class="title">수량</span>
 							</div>
 							<div class="number_count">
-								<span class="minus" onclick="fnAdjustOrderEa(this);" adjust="-"><em class="sr-only">감소</em></a></span>
+								<span class="minus min_val" onclick="fnAdjustOrderEa(this);" adjust="-"><em class="sr-only">감소</em></a></span>
 								<input type="text" name="cea" maxlength="3" style="ime-mode:disabled" th:value="${goodsInfo.minOrdQty}" onblur="fnChangeOrderEa(this)"
 									th:attr="minOrdQty=${goodsInfo.minOrdQty}, maxOrdQty=${goodsInfo.maxOrdQty}" data-valid-type="numeric">
 								<input type="hidden" name="coption" value=""   th:attr="price=${goodsInfo.currPrice}">
@@ -2159,12 +2162,12 @@
 		fnEpCouponDown([[${afLinkCd}]], [[${params.goodsCd}]], 1);
 		
 		
-		 $('.Purchase_pop .btPop_close').click(function(){
+		/*  $('.Purchase_pop .btPop_close').click(function(){
 			$('html, body').css({'overflow': 'visible', 'height': '100%'});
 			$('.container').removeClass('btPop_open');
 			autome.style.top  = 100 + "%";
 			return false;
-		});
+		}); */
 		 
 	});
 	

+ 1 - 1
src/main/webapp/WEB-INF/views/mob/goods/GoodsDetailQnaFormMob.html

@@ -68,7 +68,7 @@
 /*<![CDATA[*/
 	
 	var fnGoodsQnaList = function() {
-		$('.close-modal').trigger("click");
+		$('#layer_goods_qna_reg').find('.close-modal').trigger("click");
 		gagajf.ajaxFormSubmit($('#goodsQnaForm').prop('action'), '#goodsQnaForm', fnGetListCallback);
 	}
 

+ 2 - 1
src/main/webapp/WEB-INF/views/mob/goods/GoodsQnaDetailFormMob.html

@@ -80,9 +80,10 @@
 		$('.itemqna_cnt').html("(<em class='c_primary'>"+contentQna.length+"</em>/500자)");
 		
 		if (contentQna.length > 500){
-			alert("최대 500자까지 입력 가능합니다.");
 			$(this).val(contentQna.substring(0, 500));
 			$('.itemqna_cnt').html("(<em class='c_primary'>500</em>/500자)");
+			//mcxDialog.alert("최대 500자까지 입력 가능합니다.");
+			return false;
 		}
 	});
 	

+ 1 - 1
src/main/webapp/WEB-INF/views/mob/mypage/MypageReviewFormMob.html

@@ -51,7 +51,7 @@
 						<div class="tabContents">
 							<div class="tab_cont active">
 							
-								<div class="once" th:if="${adminCount.count>0}" id="check_notice">
+								<div class="once" th:if="${adminCount != null}" id="check_notice">
 									<div class="alert" role="alert">
 										<p>관리자가 댓글을 남긴 상품평이 있습니다.</p>
 										<p class="formOnly" th:onclick="fnMove([[${adminCount.reviewSq}]])">바로확인</p>

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

@@ -0,0 +1,999 @@
+<!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/SubLayoutMob">
+<!--
+ *******************************************************************************
+ * @source  : PlanningDetailFormMob.html
+ * @desc    : 기획전/이벤트 상세 Page
+ *============================================================================
+ * STYLE24
+ * Copyright(C) 2020 TSIT, All rights reserved.
+ *============================================================================
+ * VER  DATE         AUTHOR      DESCRIPTION
+ * ===  ===========  ==========  =============================================
+ * 1.0  2021.05.12   sowon     최초 작성
+ *******************************************************************************
+ -->
+<body>
+<th:block layout:fragment="content">
+<script src="https://developers.kakao.com/sdk/js/kakao.min.js"></script>
+<main role="" id="" class="container dp">
+			<section class="content">
+				<div class="inner">
+					<div class="promotion_tit">
+						<h3 th:text="${planInfo.planNm}"></h3>
+						<div class="period">
+							<span th:text="${planInfo.dispStdt}"></span> - <span th:text="${planInfo.dispEddt}"></span>
+						</div>
+						<button type="button" class="share_btn"><img src="/images/mo/ico_share_btn.png" alt="공유" /></button>
+					</div>
+				</div>
+				<th:block th:each="a, template : ${templateOrd}">
+					<th:block th:if="${a.tmplType == 'G082_10'}">
+					</th:block>
+					<th:block th:if="${a.tmplType == 'G082_20'}">
+		                <div class="inner" th:id="${a.tmplType}">
+						</div>
+					</th:block>
+					<th:block th:if="${a.tmplType == 'G082_30'}"><!-- 이미지 -->
+						 <div class="inner wide" th:id="${a.tmplType}"> 
+						</div>
+					</th:block>
+					<th:block th:if="${a.tmplType == 'G082_50'}">
+						<div class="inner wide" th:id="${a.tmplType + a.planContSq}">
+                		</div>
+					</th:block>
+					<th:block th:if="${a.tmplType == 'G082_51'}">
+					</th:block>
+					<th:block th:if="${a.tmplType == 'G082_52'}">
+					</th:block>
+				</th:block>
+
+                <div class="inner bg_gray">
+					<div class="dp_review_cont">
+						<div class="dp_review">
+							<h2 class="dp_subtitle">구매하신 분들의 리얼 후기!</h2>
+							<div class="review">
+								<div class="swiper-container review_list">
+									<div class="swiper-wrapper">
+										<div class="swiper-slide">
+											<div>
+												<div class="best_review">
+													<a href="#none">
+														<div class="lap">
+															<div class="pic">
+																<span class="thumb mov" style="background-image:url('/images/mo/thumb/tmp_pdLookbook3.jpg');"></span><!-- 동영상의 썸네일일 경우 mov 클래스 추가 -->
+															</div>
+															<div class="info">
+																<div>
+																	<div class="star_score">
+																		<span class="star">
+																			<em class="progbar" style="width:70%;"></em> <!-- 평점 style로 표기 -->
+																		</span>
+																		<em class="ico ico_besttag"></em>
+																	</div>
+																	<div class="txt_best_review">
+																		<p>
+																			옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요. 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요.
+																		</p>
+																	</div>
+																	<div class="writer">
+																		<span class="wr_id">ab2****</span>
+																		<span class="wr_date">2020.07.15</span>
+																	</div>
+																</div>
+															</div>
+														</div>
+													</a>
+												</div>
+												<div class="product_view">
+													<div class="item_prod">
+														<div class="item_state">
+															<a href="#none" class="itemLink">
+																<div class="itemPic">
+																	<img alt="" class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg">
+																</div>
+																<div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
+																<p class="itemPrice">
+																	<span class="itemPrice_sale">89,000</span>
+																</p>
+															</a>
+														</div>
+													</div>
+												</div>
+											</div>
+										</div>
+										<div class="swiper-slide">
+											<div>
+												<div class="best_review">
+													<a href="#none">
+														<div class="lap">
+															<div class="pic">
+																<span class="thumb mov" style="background-image:url('/images/mo/thumb/tmp_pdLookbook3.jpg');"></span><!-- 동영상의 썸네일일 경우 mov 클래스 추가 -->
+															</div>
+															<div class="info">
+																<div>
+																	<div class="star_score">
+																		<span class="star">
+																			<em class="progbar" style="width:70%;"></em> <!-- 평점 style로 표기 -->
+																		</span>
+																		<em class="ico ico_besttag"></em>
+																	</div>
+																	<div class="txt_best_review">
+																		<p>
+																			옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요. 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요.
+																		</p>
+																	</div>
+																	<div class="writer">
+																		<span class="wr_id">ab2****</span>
+																		<span class="wr_date">2020.07.15</span>
+																	</div>
+																</div>
+															</div>
+														</div>
+													</a>
+												</div>
+												<div class="product_view">
+													<div class="item_prod">
+														<div class="item_state">
+															<a href="#none" class="itemLink">
+																<div class="itemPic">
+																	<img alt="" class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg">
+																</div>
+																<div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
+																<p class="itemPrice">
+																	<span class="itemPrice_sale">89,000</span>
+																</p>
+															</a>
+														</div>
+													</div>
+												</div>
+											</div>
+										</div>
+										<div class="swiper-slide">
+											<div>
+												<div class="best_review">
+													<a href="#none">
+														<div class="lap">
+															<div class="pic">
+																<span class="thumb" style="background-image:url('/images/mo/thumb/tmp_pdLookbook3.jpg');"></span><!-- 동영상의 썸네일일 경우 mov 클래스 추가 -->
+															</div>
+															<div class="info">
+																<div>
+																	<div class="star_score">
+																		<span class="star">
+																			<em class="progbar" style="width:70%;"></em> <!-- 평점 style로 표기 -->
+																		</span>
+																		<em class="ico ico_besttag"></em>
+																	</div>
+																	<div class="txt_best_review">
+																		<p>
+																			옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요. 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요.
+																		</p>
+																	</div>
+																	<div class="writer">
+																		<span class="wr_id">ab2****</span>
+																		<span class="wr_date">2020.07.15</span>
+																	</div>
+																</div>
+															</div>
+														</div>
+													</a>
+												</div>
+												<div class="product_view">
+													<div class="item_prod">
+														<div class="item_state">
+															<a href="#none" class="itemLink">
+																<div class="itemPic">
+																	<img alt="" class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg">
+																</div>
+																<div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
+																<p class="itemPrice">
+																	<span class="itemPrice_sale">89,000</span>
+																</p>
+															</a>
+														</div>
+													</div>
+												</div>
+											</div>
+										</div>
+										<div class="swiper-slide">
+											<div>
+												<div class="best_review">
+													<a href="#none">
+														<div class="lap">
+															<div class="pic">
+																<span class="thumb" style="background-image:url('/images/mo/thumb/tmp_pdLookbook3.jpg');"></span><!-- 동영상의 썸네일일 경우 mov 클래스 추가 -->
+															</div>
+															<div class="info">
+																<div>
+																	<div class="star_score">
+																		<span class="star">
+																			<em class="progbar" style="width:70%;"></em> <!-- 평점 style로 표기 -->
+																		</span>
+																		<em class="ico ico_besttag"></em>
+																	</div>
+																	<div class="txt_best_review">
+																		<p>
+																			옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요. 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요.
+																		</p>
+																	</div>
+																	<div class="writer">
+																		<span class="wr_id">ab2****</span>
+																		<span class="wr_date">2020.07.15</span>
+																	</div>
+																</div>
+															</div>
+														</div>
+													</a>
+												</div>
+												<div class="product_view">
+													<div class="item_prod">
+														<div class="item_state">
+															<a href="#none" class="itemLink">
+																<div class="itemPic">
+																	<img alt="" class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg">
+																</div>
+																<div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
+																<p class="itemPrice">
+																	<span class="itemPrice_sale">89,000</span>
+																</p>
+															</a>
+														</div>
+													</div>
+												</div>
+											</div>
+										</div>
+										<div class="swiper-slide">
+											<div>
+												<div class="best_review">
+													<a href="#none">
+														<div class="lap">
+															<div class="pic">
+																<span class="thumb" style="background-image:url('/images/mo/thumb/tmp_pdLookbook3.jpg');"></span><!-- 동영상의 썸네일일 경우 mov 클래스 추가 -->
+															</div>
+															<div class="info">
+																<div>
+																	<div class="star_score">
+																		<span class="star">
+																			<em class="progbar" style="width:70%;"></em> <!-- 평점 style로 표기 -->
+																		</span>
+																		<em class="ico ico_besttag"></em>
+																	</div>
+																	<div class="txt_best_review">
+																		<p>
+																			옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요. 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요.
+																		</p>
+																	</div>
+																	<div class="writer">
+																		<span class="wr_id">ab2****</span>
+																		<span class="wr_date">2020.07.15</span>
+																	</div>
+																</div>
+															</div>
+														</div>
+													</a>
+												</div>
+												<div class="product_view">
+													<div class="item_prod">
+														<div class="item_state">
+															<a href="#none" class="itemLink">
+																<div class="itemPic">
+																	<img alt="" class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg">
+																</div>
+																<div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
+																<p class="itemPrice">
+																	<span class="itemPrice_sale">89,000</span>
+																</p>
+															</a>
+														</div>
+													</div>
+												</div>
+											</div>
+										</div>
+									</div>
+									<div class="swiper-pagination"></div>
+								</div>
+							</div>
+						</div>        
+					</div>
+				</div>
+                <div class="inner wide">
+					<div class="mid_banner">
+						<div class="swiper-container dp_lookbook_case1">
+							<div class="swiper-wrapper">
+								<div class="swiper-slide">
+									<img src="/images/mo/thumb/dp_case1_lookbook.jpg" alt="">
+								</div>
+								<div class="swiper-slide">
+									<img src="/images/mo/thumb/dp_case1_lookbook.jpg" alt="">
+								</div>
+								<div class="swiper-slide">
+									<img src="/images/mo/thumb/dp_case1_lookbook.jpg" alt="">
+								</div>
+								<div class="swiper-slide">
+									<img src="/images/mo/thumb/dp_case1_lookbook.jpg" alt="">
+								</div>
+								<div class="swiper-slide">
+									<img src="/images/mo/thumb/dp_case1_lookbook.jpg" alt="">
+								</div>
+							</div>
+							<div class="swiper-pagination"></div>
+						</div>
+					</div>
+				</div>
+				<div class="inner">
+					<div class="dp_listItems_cont type2">
+						<h2 class="dp_subtitle"><a href="#none">겨울 아우터 추천템</a></h2>
+						<div class="swiper-container item02">
+							<div class="swiper-wrapper">
+								<div class="swiper-slide">
+									<div class="item_prod">
+										<div class="item_state">
+											<!-- 210415_위시리스트 삭제 -->
+											<!--<button type="button" class="itemLike">관심상품 추가</button>-->
+											<a href="#none" class="itemLink">
+												<div class="itemPic">
+													<img class="vLHTC pd_img" src="/images/mo/thumb/dp_case1_item.jpg" 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="itemComment">#가을 느낌 물씬!</div>
+											</a>
+										</div>
+									</div>
+								</div>
+								<div class="swiper-slide">
+									<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/dp_case1_item.jpg" 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="itemComment">#가을 느낌 물씬!</div>
+											</a>
+										</div>
+									</div>
+								</div>
+								<div class="swiper-slide">
+									<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/dp_case1_item.jpg" 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="itemComment">#가을 느낌 물씬!</div>
+											</a>
+										</div>
+									</div>
+								</div>
+								<div class="swiper-slide">
+									<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/dp_case1_item.jpg" 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="itemComment">#가을 느낌 물씬!</div>
+											</a>
+										</div>
+									</div>
+								</div>
+								<div class="swiper-slide">
+									<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/dp_case1_item.jpg" 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="itemComment">#가을 느낌 물씬!</div>
+											</a>
+										</div>
+									</div>
+								</div>
+							</div>
+							<div class="swiper-pagination"></div>
+						</div>
+					</div>
+                </div>
+				<div class="inner">
+					<div class="dp_listItems_wrap">
+						<h2 class="dp_subtitle"><a href="#none">겨울 아우터 추천템</a></h2>
+						<div class="itemsGrp">
+							<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/prod1.jpg" 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/prod1.jpg" 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/prod1.jpg" 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/prod1.jpg" 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/prod1.jpg" 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/prod1.jpg" 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>
+						<button class="btn btn_default">더보기</button>
+					</div>
+				</div>
+				<div class="inner">
+					<div class="dp_listItems_wrap type1">
+						<div class="items_option">
+							<div class="open_categori" style="position: relative; width: 100%; z-index: 0;">
+								<a id="filter"></a> 
+							</div>
+						</div>
+						<h2 class="dp_subtitle">겨울 아우터 재입고</h2>
+						<div class="list_content"> <!-- 데이터 없을시 클래스 nodata 추가 -->
+							<div class="itemsGrp">
+								<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/prod1.jpg" 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>
+						</div>
+					</div>
+				</div>
+				<div class="inner">
+					<div class="dp_listItems_wrap type2">
+						<h2 class="dp_subtitle">2021 신상 아우터</h2>
+						<div class="itemsGrp">
+                            <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/prod1.jpg" 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>
+					</div>
+				</div>
+				<div class="inner">
+					<div class="other_promotion_slide">
+						<h2 th:if="${planInfo.planGb == 'P'}" class="dp_subtitle">다른 기획전 보기</h2>
+						<h2 th:if="${planInfo.planGb == 'E'}" class="dp_subtitle">다른 이벤트 보기</h2>
+						<div class="swiper-container">
+							<div class="swiper-wrapper">
+							  <th:block th:each="PlanData, PlanStat : ${planList}">
+								<div class="swiper-slide">
+									<a th:onclick="cfnGoToPlanDetail([[${PlanData.planSq}]])" class="dp_lookbook_item" tabindex="0">
+										<div class="img">
+											<img th:src="${@environment.getProperty('upload.image.view')+PlanData.mainImg}" alt="${PlanData.planNm}">
+										</div>
+										<div class="txt">
+											<div class="tit" th:text="${PlanData.planNm}"></div>
+										</div>
+									</a>
+								</div>
+							    </th:block>
+							</div>
+						</div>
+					</div>
+				</div>
+			</section>
+			
+			<!-- 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">
+                        	<th:block th:if="${planCornerList!=null}" th:each="a, cornerStat : ${planCornerList}">
+                           	 <button type="button" th:onclick="fnCornerClick([[${cornerStat.index+1}]], [[${a.cornerNm}]])"><span th:text="${a.cornerNm}"></span></button>
+                            </th:block>
+                        </div>
+                    </div>
+                </div>
+            </div>
+			
+
+			<!-- 쿠폰사용안내 팝업 -->
+			<div class="modal fade couponInfo_pop" id="couponInfoPop" tabindex="-1" role="dialog" aria-labelledby="couponInfoLabel" aria-hidden="true">
+				<div class="modal-dialog" role="document">
+					<div class="modal-content">
+						<!-- 쿠폰사용안내 팝업 내용 -->      
+					</div>
+				</div>
+				<a href="#close-modal" rel="modal:close" id="couponInfoPop_close" class="close-modal">Close</a>
+			</div>
+		</main>
+<script th:inline="javascript">
+let review = [[${reviewInfo}]];
+let coupon = [[${couponInfo}]];
+let plan = [[${planInfo}]];
+let image = [[${imageInfo}]];
+let goods1 = [[${goods1Info}]];
+let goods2 = [[${goods2Info}]];
+let goods4 = [[${goods4Info}]];
+let template =[[${templateOrd}]];
+let replyList = [[${replyList}]];
+let replyCount = [[${replyCount}]];
+let replyAttachList = [[${replyAttachList}]];
+let planCornerGoodsList = [[${planCornerGoodsList}]];
+let planCornerList = [[${planCornerList}]];
+let _mall = [[${@environment.getProperty('domain.front')}]];
+let goodsView =[[${@environment.getProperty('upload.goods.view')}]]
+let imgUrl=[[${@environment.getProperty('upload.image.view')}]];
+
+
+if(goods1.length>0){
+	var array = [];
+
+	for (var j = 0; j < template.length; j++) {
+		if(template[j].tmplType == 'G082_50'){
+			array.push(template[j].planContSq);
+		}
+	}	
+	
+	for (var i = 0; i < template.length; i++) {
+		var html = '';
+		if(template[i].tmplType == 'G082_50' && array[0] == template[i].planContSq && typeof array[0] != 'undefined') {
+			html += '<div class="dp_listItems_cont type1">';
+			html += '	<h2 class="dp_subtitle">';
+			if (template[i].linkUrl != null && template[i].linkUrl != '') { /* 링크 변경 예정 */
+				if (template[i].linkOpenGb == 'M') { //본창
+					html += '        <a href="http://'+template[i].linkUrl+'" target="_self">'+template[i].title+' <i class="ico_arrow"></i></a>';
+				}else{
+					html += '        <a href="http://'+template[i].linkUrl+'" target="_blank">'+template[i].title+' <i class="ico_arrow"></i></a>';
+				}
+			}else{
+				html += '        <a href="javascript:void(0)">'+template[i].title+'</a>';
+			}
+			html += '   </h2>';
+			html += '	<div class="swiper-container item01">';
+			html += '		<div class="swiper-wrapper">';
+			$.each(goods1, function(idx, item)  {
+				if (item.planContSq == template[i].planContSq) {
+					html += '			<div class="swiper-slide">';
+					html += '				<div class="item_prod">';
+					html += '					<div class="item_state">';
+					html += '						<a href="#none" class="itemLink">';
+					html += '							<div class="itemPic">';
+					html += '								<img class="vLHTC pd_img" src="'+ goodsView +'/'+item.sysImgNm +'" alt="">';
+					html += '							</div>';
+					html += '							<p class="itemBrand">'+item.brandGroupNm+'</p>';
+					html += '							<div class="itemName">'+item.goodsNm+'</div>';
+					html += '							<p class="itemPrice">';
+					if (item.currPrice != item.listPrice) {
+						html += '								<span class="itemPrice_original">'+item.listPrice.addComma()+'</span>';
+					}
+					html +=                             item.currPrice.addComma();
+					if (item.currPrice != item.listPrice) {
+						html += '								<span class="itemPercent">'+Math.floor(item.dcRate)+'%</span>';
+					}
+					html += '							</p>';
+					if(item.goodsTnm != null){
+						html += '							<div class="itemComment">'+item.goodsTnm+'</div>';
+					}
+					html += '						</a>';
+					html += '					</div>';
+					html += '				</div>';
+					html += '			</div>';
+				}
+			});
+			html += '		</div>';
+			html += '		<div class="swiper-pagination"></div>';
+			html += '	</div>';
+			html += '</div>';
+			$("#G082_50" +array[0]).append(html);
+		}
+		
+		if($("#G082_50" +template[i].planContSq).length){
+			array.shift();
+		}
+		
+	}
+	
+
+	
+}
+/* 이미지 */
+if(image.length>0){
+	var html = '';
+	
+	html += '<div class="promotion_visual type2">';
+	html += '	<div class="big_banner_slide">';
+	html += '		<div class="swiper-container">';
+	html += '			<div class="swiper-wrapper">';
+	$.each(image, function(idx, item)  {
+		html += '				<div class="swiper-slide">';
+		if (item.linkOpenGb == 'M') {
+			html += '					<a href="http://'+item.linkUrl+'" target="_self"><img src="'+ imgUrl + item.itemVal +'" ></a>';
+		}else{
+			html += '					<a href="http://'+item.linkUrl+'" target="_blank"><img src="'+ imgUrl + item.itemVal +'" ></a>';
+		}
+		html += '				</div>';
+	});
+	
+	html += '			</div>';
+	html += '			<div class="swiper-pagination"></div>';
+	html += '		</div>';
+	html += '	</div>';
+	html += '</div>';
+	
+	$("#G082_30").append(html);
+}
+
+if(coupon.length>0){
+	var html = '';
+	 
+	html += '<div class="dp_coupon">';
+	html += '	<h2 class="dp_subtitle">'+coupon[0].title+'</h2>';
+	html += '	<div class="coupon_list">';
+	html += '		<ul class="clear">';
+	$.each(coupon, function(idx, item) {
+		if (item.couponStat == '쿠폰받기') {
+			html += '			<li> ';
+		}else{
+			html += '			<li class="off"> ';
+		}
+		
+		html += '				<div class="cp_top">';
+		html += '					<div class="cp_detail">';
+		html += '						<p class="tit">'+item.cpnNm+'</p>';
+		html += '						<strong class="sale_t won_t"><span>'+item.dcVal+'</span>'+item.dcWay+'</strong>';
+		html += '						<p class="cp_cont">'+item.useCondition+'</p>';
+		html += '						<span class="cp_cnt">'+item.issueCondition+'</span>';
+		html += '					</div>';
+		html += '					<span class="cp_shape"></span>';
+		html += '				</div>';
+		html += '				<div class="cp_date" id="dp_coupon1">';
+		if (item.couponStat == '쿠폰받기') {
+			html += '					<button type="button" id="coupon_'+item.cpnId+'" onclick="fnPlanCouponDown('+item.cpnId+')"><span>쿠폰 받기</span></button>';
+		}else{
+			html += '					<button type="button" id="coupon_'+item.cpnId+'" onclick="fnPlanCouponDown('+item.cpnId+')"><span>받기 완료</span></button>';
+		}
+		html += '				</div>';
+		html += '				<div class="cp_info">';
+		html += '					<button type="button" id="modalBasic" class="btn_couponInfo_pop"><span>사용안내</span></button>';
+		html += '				</div>';
+		html += '			</li>';
+	});
+	html += '		</ul>';
+	html += '	</div>';
+	html += '	<div class="announce_txt">';
+	html += '		<div class="note_txt">';
+	html += '			<img src="/images/mo/ico_content_find.png" alt="유의사항">';
+	html += '			<p>유의사항</p>';
+	html += '		</div>';
+	html += '		<div class="announce_list">';
+	html += '			<ul>';
+	html += coupon[0].note;
+	html += '			</ul>';
+	html += '		</div>';
+	html += '	</div>';
+	html += '</div>';
+		
+	$("#G082_20").append(html);
+}
+
+var fnCornerClick = function (result1,result2) {
+	var num = result1 - 1;
+	$("#filter").text(result2);
+	//var offset = $('.dp_listItems_cont.type'+(result1)).offset(); //선택한 태그의 위치를 반환
+	var offset = $('#type'+num).offset(); //선택한 태그의 위치를 반환
+	//animate()메서드를 이용해서 선택한 태그의 스크롤 위치를 지정해서 0.4초 동안 부드럽게 해당 위치로 이동함 
+	$('html').animate({scrollTop : offset.top}, 400);
+	
+}
+
+$(document).ready(function(){
+	$("#filter").text(planCornerList[0].cornerNm);
+	//상단 빅배너 슬라이드
+	var big_banner_slide = new Swiper('.big_banner_slide .swiper-container', {
+		slidesPerView: 1,
+		spaceBetween: 8,
+		centerMode: true,
+		pagination: {
+			el: '.big_banner_slide .swiper-pagination',
+		},
+	});
+	//review 슬라이드
+	var dp_reviewitem_slide = new Swiper('.review .swiper-container', {
+		slidesPerView: 1,
+		spaceBetween: 8,
+		loop: true,
+		centerMode: true,
+		pagination: {
+			el: '.review .swiper-pagination',
+			type: 'fraction',
+		},
+	});
+	// 아이템스라이드(리스트갯수1)
+	var dp_listItems_cont1 = new Swiper('.dp_listItems_cont .swiper-container.item01', {
+		slidesPerView: 1,
+		spaceBetween: 0,
+		centerMode: true,
+		pagination: {
+			el: '.dp_listItems_cont .swiper-container.item01 .swiper-pagination',
+		},
+	});
+
+	// 아이템스라이드(리스트갯수2)
+	var dp_listItems_slide3 = new Swiper('.dp_listItems_cont .swiper-container.item02', {
+		slidesPerView: 'auto',
+		slidesPerView: 2,
+		spaceBetween: 8,
+		centerMode: true,
+	});
+
+	// 아이템스라이드(리스트갯수3)
+	var dp_listItems_slide3 = new Swiper('.dp_listItems_slide .swiper-container.item03', {
+		slidesPerView: 3,
+		spaceBetween: 8,
+		centerMode: true,
+	});
+	
+	// 다른기획전
+	var other_promotion_slide = new Swiper('.other_promotion_slide .swiper-container', {
+		slidesPerView: 2,
+		spaceBetween: 8,
+		centerMode: true,
+	});
+	
+	//기간 선택 팝업
+    $(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');
+		});
+	});
+	// 210415_드롭박스 상단고정
+	$(window).scroll(function(){
+		var scrollTop= $(window).scrollTop();
+		var itemTop=$('.dp .dp_listItems_wrap.type1').offset().top;
+
+        if (scrollTop >= itemTop){
+            $('.dp .dp_listItems_wrap .items_option').addClass('fix');
+        } else {
+            $('.dp .dp_listItems_wrap .items_option').removeClass('fix');
+        }
+
+	});
+
+
+});
+</script>
+</th:block>
+
+</body>
+</html>

+ 0 - 74
src/main/webapp/WEB-INF/views/mob/planning/PlanningShotGuideFormMob.html

@@ -83,80 +83,6 @@
 					</div>
                 </div>
                 <div id="cornerList"></div>
-<!-- 				<div class="inner">
-					<div class="dp_listItems_wrap type1">
-						<h2 class="dp_subtitle">겨울 아우터 재입고</h2>
-						<div class="list_content"> 데이터 없을시 클래스 nodata 추가
-							<div class="list_defult">
-								<div>
-									<p>선택하신 조건에 맞는 상품이 없습니다.<br>필터를 변경해 보세요.</p>
-								</div>
-								<button type="button" class="btn btn_default"><span>선택한 필터 초기화</span></button>
-							</div>
-							<div class="itemsGrp">
-								<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/prod1.jpg" 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>
-						</div>
-					</div>
-				</div> -->
-<!-- 				<div class="inner">
-					<div class="dp_listItems_wrap type2">
-						<h2 class="dp_subtitle">2021 신상 아우터</h2>
-						<div class="itemsGrp">
-                            <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/prod1.jpg" 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>
-					</div>
-				</div> -->
 			</section>
 
 			<!-- 카테고리 -->

+ 22 - 30
src/main/webapp/WEB-INF/views/mob/social/SocialMainFormMob.html

@@ -44,15 +44,11 @@
                 <div class="inner">
                     <div class="list_content">
 						<div class="itemsGrp rowtype"><!-- itemsGrp rank hot deal --> <!-- rowtype 추가시 가로형태로 출력 -->
-								<section id="infiniteContainer">
-										<div id="listBoxOuter">
-											<ul id="listBox">
-											</ul>
-										</div>
-								</section>
-							<div class="last_page" id="divLastPage" style="display: none;">
-							 	<span>마지막 페이지입니다.</span>
+							<div class="list_content">
+								<div class="itemsGrp" id="listBox">
+								</div>
 							</div>
+							<div class="list_last" id="divLastPage" style="display: none;">마지막페이지 입니다.</div>
 						</div>
                     </div>
 				</div>
@@ -71,8 +67,6 @@ let socialInfo = [[${socialInfo}]];
 let goodsView =[[${@environment.getProperty('upload.goods.view')}]]
 
 
-//$(function() { gagaInfiniteScroll.getHistory(); });
-
 var socialAddCart = function (obj) {
 	let btnType = "C";
 	let params = [];
@@ -95,6 +89,7 @@ var socialAddCart = function (obj) {
 	} 
 }
 
+
 let fnGetSocialList = function(result) {
 	var html = '';
 	$.each(result.dataList, function(idx, item) {
@@ -105,9 +100,9 @@ let fnGetSocialList = function(result) {
 			html += '    <div class="item_state"> ';
 		}
 		if (item.likeIt == 'likeit') {
-			html += '        <button type="button" class="itemLike active" onclick="cfnPutWishList(this);" onClick="cfnPutWishList(this);" goodsCd=\''+item.goodsCd+'\', ithrCd=\'\', contentsLoc=\'\', planDtlSq=\'\'>관심상품 추가</button>';
+			html += '        <button type="button" class="itemLike likeit " onclick="cfnMoPutWishList(this);" goodsCd=\''+item.goodsCd+'\', ithrCd=\'\', contentsLoc=\'\', planDtlSq=\'\'>관심상품 추가</button>';
 		}else{
-			html += '        <button type="button" class="itemLike" onclick="cfnPutWishList(this);" onClick="cfnPutWishList(this);" goodsCd=\''+item.goodsCd+'\', ithrCd=\'\', contentsLoc=\'\', planDtlSq=\'\'>관심상품 추가</button>';
+			html += '        <button type="button" class="itemLike" onclick="cfnMoPutWishList(this);" goodsCd=\''+item.goodsCd+'\', ithrCd=\'\', contentsLoc=\'\', planDtlSq=\'\'>관심상품 추가</button>';
 		}
 		html += '		<a href="javascript:void(0);" class="itemLink" onclick="cfnGoToGoodsDetail(\''+item.goodsCd+'\')" >';
 		html += '			<div class="shape ranker"><span>특가</span></div>';
@@ -154,22 +149,6 @@ var fnSocialInfiniteScrollInit = function(){
 	$("#listBox").html("");
 } 
 
-//인피니트 스크롤 초기화
-/* var fnSocialInfiniteScrollInit = function(){
-	// sessionStorage.removeItem(document.location.href);
-	History.replaceState(null, null);
-	gagaInfiniteScroll.pageStatus = {
-			  pageNum : []      // [0,1,2...] 로드된 페이지 (Array)
-			, loadPage : 0      // 로드할 페이지
-			, loadAlign : 'not' // 로드 상태(prev, next, not)
-			, historyScroll : 0 //
-			, nowPage : null    // 현재 페이지
-			, pageUrl : {       // page url
-			}
-	}
-	//History 초기화
-	$("#listBox").html("");;
-} */
 
 //인피니트 스크롤 이벤트 발생 시 데이터 가져오기
 var fnGetInfiniteScrollDataList = function(pageNum) {
@@ -177,7 +156,7 @@ var fnGetInfiniteScrollDataList = function(pageNum) {
 	gagajf.ajaxFormSubmit("/social/list",document.socialForm, gagaInfiniteScroll.jsonToHtml);
 }
 
-var fnDrawInfiniteScrollData = function (result, pageNum){
+var fnDrawInfiniteScrollData = function (result){
 	let totalCnt = result.totalCnt;
 	gagaInfiniteScroll.pageStatus.totalCount = result.totalCnt;
 	
@@ -198,7 +177,20 @@ var fnDrawInfiniteScrollData = function (result, pageNum){
 	}
 }
 
-
+//사파리 - 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{
+			historyData = {};
+		}
+		fnSocialListSearch();
+	}else{
+		fnSocialListSearch();
+	}
+});
 
 $(function(){
 	fnSocialListSearch();

+ 9 - 1
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) {

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

@@ -233,8 +233,8 @@
 									<div class="opt_header">
 										<span class="title">사이즈</span>
 										<span class="size">
-											<em id="selectOptCd1"></em>
-											<em id="selectOptCd1addPrice"></em>
+											<em class="selectOptCd1"></em>
+											<em class="selectOptCd1addPrice"></em>
 										</span>
 										<button type="button" id="btn_infoSize_pop" class="btn_popup" th:onclick="cfGoodsSizeInfo([[${goodsInfo.goodsCd}]],[[${goodsInfo.colorCd}]] )"><span>사이즈정보</span></button>
 									</div>

+ 1 - 1
src/main/webapp/WEB-INF/views/web/goods/GoodsDetailQnaFormWeb.html

@@ -70,7 +70,7 @@
 		// 상품문의창 닫기
 		//$("#layer_goods_qna_reg").modal("hide");
 		//cfCloseLayer('layer_goods_qna_reg');
-		$('.close-modal').trigger("click");
+		$('#layer_goods_qna_reg').find('.close-modal').trigger("click");
 	
 		$('#goodsQnaForm  input[name="secretYn"]').val('');
 		if ($("#goodsQnaForm input:checkbox[name=except_secret]").is(':checked')){

+ 1 - 1
src/main/webapp/WEB-INF/views/web/goods/GoodsQnaDetailFormWeb.html

@@ -79,7 +79,7 @@
 		if (contentQna.length > 500){
 			$(this).val(contentQna.substring(0, 500));
 			$('#itemqna_cnt').html("(<em class='c_primary'>500</em>/500자)");
-			mcxDialog.alert("최대 500자까지 입력 가능합니다.");
+			//mcxDialog.alert("최대 500자까지 입력 가능합니다.");
 			return false;
 			
 		}

+ 1 - 1
src/main/webapp/WEB-INF/views/web/mypage/MypageReviewFormWeb.html

@@ -53,7 +53,7 @@
 									</ul>
 								</div>
 							</div>
-							<div class="check_notice" th:if="${adminCount.count>0}">
+							<div class="check_notice" th:if="${adminCount != null}">
 								<p>
 									관리자가 댓글을 남긴 상품평이 있습니다.
 									<a href="javascript:void(0);" th:onclick="fnMove([[${adminCount.reviewSq}]])">

+ 2 - 3
src/main/webapp/WEB-INF/views/web/mypage/MypageWishListFormWeb.html

@@ -51,8 +51,7 @@ let month = [[${wishMonth}]];
 
 // 마이페이지 위시리스트 해제
 var wishlistDelete = function(obj) {
-	
-	cfnPutWishList(obj);
+	cfnMoPutWishList(obj);
 	ajaxWishList();
 
 }
@@ -76,7 +75,7 @@ var ajaxWishList = function () {
 						if (item.regDtMonth == month[i].regDt) {
 							html+='		<div class="item_prod">';
 							html+='			<div class="item_state">';
-							html+='				<button type="button" class="itemLike active" goodsCd=\''+item.goodsCd+'\' onclick="wishlistDelete(this)">관심상품 추가</button>';
+							html+='				<button type="button" class="itemLike likeit" goodsCd=\''+item.goodsCd+'\' onclick="wishlistDelete(this)">관심상품 추가</button>';
 							html+='				<a href="javascript:void(0);" class="itemLink" onclick="cfnGoToGoodsDetail(\'' + item.goodsCd + '\')">';
 							html+='					<div class="itemPic">';
 							html+='						<img alt="" class=" vLHTC pd_img" src="' + _uploadGoodsUrl + '/' + item.sysImgNm + '">';

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

@@ -171,7 +171,6 @@
                     <div>
                         <h4 th:if="${planInfo.planGb == 'P'}">다른 기획전 보기</h4>
                         <h4 th:if="${planInfo.planGb == 'E'}">다른 이벤트 보기</h4>
-                        <h4 th:if="${planInfo.planGb == 'C'}">다른 이벤트 보기</h4>
                         <a href="javascript:void(0);" th:if="${planInfo.planGb == 'P'}" onclick="cfnGoToPage(_PAGE_PLANNING_MAIN);">전체보기</a>
                         <a href="javascript:void(0);" th:if="${planInfo.planGb == 'E'}" onclick="cfnGoToPage(_PAGE_EVENT_MAIN);">전체보기</a>
                     </div>
@@ -278,7 +277,19 @@ if(planCornerList.length>0){
 		html += '             <div class="item_header">';
 		html += '                 <h4>'+item.cornerNm+'</h4>';
 		html += '             </div>';
-		html += '             <div class="itemsGrp">';
+		html += '             <div class="itemsGrp';
+		if (item.cornerDispType == 'G045_1') {
+			html += ' cut1';
+		}else if(item.cornerDispType == 'G045_2'){
+			html += ' cut2';
+		}else if(item.cornerDispType == 'G045_3'){
+			html += ' cut3';
+		}else if(item.cornerDispType == 'G045_4'){
+			html += ' cut4';
+		}else if(item.cornerDispType == 'G045_5'){
+			html += ' cut5';
+		}
+		html += '">';
 		$.each(planCornerGoodsList, function(idx2, item2)  {
 			if (item2.cornerNm == item.cornerNm) {
 				html += '                 <div class="item_prod">';

+ 31 - 14
src/main/webapp/biz/goods.js

@@ -22,12 +22,12 @@ var fnViewStock = function(obj, goodsCd, optCd, optCd1, optCd2,  minOrdQty, maxO
 	if (selfGoodsYn == "Y"){
 		$target = $obj;
 		$target.prop("checked",true);
-		$("#selectOptCd1").html(optCd2);
+		$(".selectOptCd1").html(optCd2);
 	}else{
 		$target = $obj.find('input[name="opt2"]');
 	}
 	let addPrice  = $target.attr("addPrice");
-	$("#selectOptCd1addPrice").html('');
+	$(".selectOptCd1addPrice").html('');
 	if (Number(addPrice) > 0) $("#selectOptCd1addPrice").html("(+" + addPrice.addComma() + ")");
 	
 	$("#cartForm  input[name=optCd]").val(optCd);
@@ -66,12 +66,10 @@ var fnViewStock = function(obj, goodsCd, optCd, optCd1, optCd2,  minOrdQty, maxO
 			
 			// 모바일에서 작업해야함
 			if ('P' != _frontGb) {
+				$("#cartForm  input[name=opt]").parent().find('label').removeClass('on');
 				$("#cartForm  input[name=opt]").each(function(){
-					if ($(this).attr('id') == optCd){
-						//$("#cartForm  input[name=opt]").parent().find('label').removeClass('on');
+					if ($(this).attr('optCd') == optCd){
 						$(this).parent().find('label').addClass('on');
-					}else{
-						$(this).parent().find('label').removeClass('on');
 					}
 				});
 			}
@@ -150,11 +148,16 @@ var fnEpCouponDown = function(afLinkCd, goodsCd, maxRownum){
 
 // ep 쿠폰다운로드
 var fnEpCoupondown = function(afLinkCd, goodsCd){
+	if (!cfCheckLogin()) {
+		cfnGoToPage(_PAGE_LOGIN);
+		return false;
+	}
+	
 	gagajf.ajaxJsonSubmit(_PAGE_GOODS_EP_CPN_DOWNLOAD, JSON.stringify({goodsCd: goodsCd, afLinkCd: afLinkCd}), fnEpCouponDownCallBack);
 }
 
 var fnEpCouponDownCallBack = function(){
-	//cfCloseLayer('epCouponPop');  //dim 이 안없어져요
+	$('#epCouponPop').find('.close-modal').trigger("click");
 }
 
 //****************상품상세  end **********************************
@@ -163,12 +166,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 +264,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(",");

BIN
src/main/webapp/images/ico_logo.png


+ 2 - 2
src/main/webapp/ux/pc/css/common.css

@@ -779,8 +779,8 @@ content: "〉";font-size: 12px;padding-left: 8px;
 
 .item_prod {width: 20%;display: inline-block;font-size: 0px;vertical-align: top;color: rgb(31, 31, 31);position: relative;letter-spacing: -0.2px;}
 .item_state {position: relative; padding: 0px 10px 60px; box-sizing: border-box;}
-.itemsGrp .item_state.soldout .itemPic:before {content:'SOLD OUT'; position: absolute; top: 50%; left: 50%; font-size: 28px; font-weight: 500; color:#fff; background: rgba(0,0,0,.7); width: 100%; height: 100%; transform:translate(-50%, -50%); line-height: 420px; z-index: 20; text-align: center;}
-.itemsGrp .item_state.AD .itemPic:before {content:'AD'; position: absolute; bottom: 20px; right: 20px; font-size: 14px; font-weight: 300; letter-spacing: -0.025em; color:#888888; width: auto; height: auto; line-height: 14px; z-index: 21; text-align: right;}
+.item_state.soldout .itemPic:before {content:'SOLD OUT'; position: absolute; top: 50%; left: 50%; font-size: 28px; font-weight: 500; color:#fff; background: rgba(0,0,0,.7); width: 100%; height: 100%; transform:translate(-50%, -50%); line-height: 420px; z-index: 20; text-align: center;}
+.item_state.AD .itemPic:before {content:'AD'; position: absolute; bottom: 20px; right: 20px; font-size: 14px; font-weight: 300; letter-spacing: -0.025em; color:#888888; width: auto; height: auto; line-height: 14px; z-index: 21; text-align: right;}
 @media (max-width: 1919px) and (min-width: 1401px){/* .item_state {padding-left: 6px;padding-right: 6px;} */}
 .hgbgCa {width: 100%;height: 100%;}
 .fgRDJH {padding: 0px 40px;font-size: 0px;box-sizing: border-box;}

+ 9 - 0
src/main/webapp/ux/pc/css/layout.css

@@ -1654,6 +1654,15 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.container .wrap .content.dp_Bulletship {max-width: 1780px; overflow: hidden;}
 	.container .wrap .content.wide.dp_detail_case1 {max-width: 1920px;}*/
 	.dp .itemsGrp {margin:0 -10px;}
+	/* 정렬타입 [ cutcut1 ~ 4 ] 추가 */
+	.dp .itemsGrp.cut1 {margin:0 -10px;display: flex;justify-content: center;flex-direction: column;flex-wrap: nowrap;align-content: center;align-items: center;}
+	.dp .itemsGrp.cut1 .item_prod {display: block;}
+	.dp .itemsGrp.cut2 {margin:0 -10px;margin: 0 auto;display: inline-block;padding: 0 calc((57% - 20px)/2);}
+	.dp .itemsGrp.cut2 .item_prod {width: calc((100% - 0px)/2);}
+	.dp .itemsGrp.cut3 {margin:0 -10px;margin: 0 auto;display: inline-block;padding: 0 calc((36.8% - 20px)/2);}
+	.dp .itemsGrp.cut3 .item_prod {width: calc((100% - 0px)/3);}
+	.dp .itemsGrp.cut4 {margin:0 -10px;margin: 0 auto;display: inline-block;padding: 0 calc((15.8% - 20px)/2);}
+	.dp .itemsGrp.cut4 .item_prod {width: calc((100% - 0px)/4);}
 	.dp .wrap {padding-bottom:160px;}
 	.dp .cont_body {position:relative;}
 	.container.dp .wrap {position:relative; width:100%; min-width:auto; max-width:none; padding-left:0px; padding-right:0px;}

+ 106 - 0
src/main/webapp/ux/style24_link.js

@@ -1400,3 +1400,109 @@ function cfnSendToKakao(linkUrl, linkNm, linkImg) {
 	})
 }
 
+
+/**
+ * @type   : function
+ * @access : public
+ * @desc   : 위시리스트 담기/삭제 (모바일)
+ * <pre>
+ *	 cfnMoPutWishList(OBJ);
+ * </pre>
+ */
+function cfnMoPutWishList(a) {
+
+	if (!cfCheckLogin()) {
+		cfnGoToPage(_PAGE_LOGIN);
+		return false;
+	}
+
+	var goodsCd = $(a).attr("goodsCd");
+	var ithrCd = $(a).attr("ithrCd");
+	var contentsLoc = $(a).attr("contentsLoc");
+	var planDtlSq = $(a).attr("planDtlSq");
+	var flag = 'REG';
+	if ($(a).hasClass('likeit')) {
+		flag = 'DEL'
+	}
+
+	if (gagajf.isNull(goodsCd)) return;
+
+	var data = [];
+
+	var params = new Object();
+	params.goodsCd = goodsCd;
+
+	if (!gagajf.isNull(ithrCd)) {
+		params.ithrCd = ithrCd;
+	}
+	if (!gagajf.isNull(contentsLoc)) {
+		params.contentsLoc = contentsLoc;
+	}
+	if (!gagajf.isNull(planDtlSq)) {
+		params.planDtlSq = planDtlSq;
+	}
+	data.push(params);
+
+	var jsonData = JSON.stringify(data);
+
+	if (flag == 'REG') {
+		gagajf.ajaxJsonSubmit(_PAGE_WISHLIST_PUT, jsonData, function (result) {
+			var Msg = '';
+			if (result.status == "200") {
+				$(a).addClass('likeit');
+				if (_frontGb == "M") {
+					Msg = '위시리스트에 담겼습니다.';
+
+				} else {
+
+				//	mcxDialog.confirm("위시리스트로 이동하시겠습니까?", {
+				//		cancelBtnText: "아니요",	//취소 또는 닫기 버튼명
+				//		sureBtnText: "예",		//처리문 버튼명
+				//		sureBtnClick: function () {
+				//			cfnGoToPage(_PAGE_WISHLIST);
+				//		}
+				//	});
+				}
+				if ("P" == _frontGb){
+					fnGetWishList();	
+				}
+			} else if (result.status == "중복") {
+				Msg = '이미 등록 되어있습니다.';
+			} else {
+				//Msg = '오류로 인해 처리되지 않았습니다.';
+			}
+
+			// 메시지 처리
+			//if (!gagajf.isNull(Msg)) {
+			//	if (_frontGb == "M") {
+			//		mcxDialog.toast(Msg);
+			//	} else {
+			//		mcxDialog.alertC(Msg);
+			//	}
+			//}
+		});
+	} else {
+		gagajf.ajaxJsonSubmit(_PAGE_WISHLIST_DEL, jsonData, function (result) {
+			var Msg = '';
+			if (result.status == "200") {
+				Msg = '삭제 되었습니다.';
+				$(a).removeClass('likeit');
+				if ("P" == _frontGb){
+					fnGetWishList();	
+				}
+			} else {
+				Msg = '오류로 인해 처리되지 않았습니다.';
+			}
+
+			// 메시지 처리
+			//if (!gagajf.isNull(Msg)) {
+			//	if (_frontGb == "M") {
+			//		mcxDialog.toast(Msg);
+			//	} else {
+			//		mcxDialog.alertC(Msg);
+			//	}
+			//}
+		});
+	}
+	return false;
+}