Merge branch 'develop' of

http://112.172.147.34:4936/style24/style24.front.git into develop

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

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

@@ -696,6 +696,30 @@ public class TsfDisplayController extends TsfBaseController {
 //			params.setCateNo(params.getCate1No());
 //		}
 
+		StringBuilder sql = new StringBuilder();
+		if(params.getPriceArr() != null && params.getPriceArr().length > 0){
+			for(int i=0; i<params.getPriceArr().length; i++){
+				String[] price = params.getPriceArr()[i].split(",");
+				if(i>0){
+					sql.append(" OR ");
+				}
+				sql.append(" ( G.CURR_PRICE >= ").append(price[0]).append(" AND G.CURR_PRICE  <= ").append(price[1]).append(" )");
+			}
+			params.setPriceSql(sql.toString());
+		}
+
+		StringBuilder sql2 = new StringBuilder();
+		if(params.getDcRateArr() != null && params.getDcRateArr().length > 0){
+			for(int i=0; i<params.getDcRateArr().length; i++){
+				String[] dcRate = params.getDcRateArr()[i].split(",");
+				if(i>0){
+					sql2.append(" OR ");
+				}
+				sql2.append(" ( ((IF(G.LIST_PRICE = 0,0,G.LIST_PRICE) - G.CURR_PRICE) / IF(G.LIST_PRICE = 0,0,G.LIST_PRICE) * 100) >= ").append(dcRate[0]).append(" AND ((IF(G.LIST_PRICE = 0,0,G.LIST_PRICE) - G.CURR_PRICE) / IF(G.LIST_PRICE = 0,0,G.LIST_PRICE) * 100) <= ").append(dcRate[1]).append(" )");
+			}
+			params.setDcRateSql(sql2.toString());
+		}
+
 		pageable.setTotalCount(goodsService.getCategoryGoodsCount(params));
 		params.setPageable(pageable);
 		result.set("paging", pageable);
@@ -1024,41 +1048,4 @@ public class TsfDisplayController extends TsfBaseController {
 		return mav;
 	}
 
-	/**
-	 * 카테고리 상품 목록 (스크롤TEST)
-	 * @param params - 검색엔진 정보
-	 * @return
-	 * @author bin2107
-	 * @since 2021. 5. 26
-	 */
-	@GetMapping("/category/goods/list/scrolltest/form")
-	public ModelAndView categoryGoodsListSScrollTestForm(SearchEngine params) {
-		ModelAndView mav = new ModelAndView(super.getDeviceViewName("display/CategoryGoodsListScrollTestForm"));
-
-		// 브랜드그룹 정보 : 브랜드메인 링크에 설정된 기획전으로 들어올때 GNB 변경때문에 사용
-		if (params.getBrandGroupNo() != null && params.getBrandGroupNo() > 0) {
-			mav.addObject("brandGroupInfo", displayService.getGnbBrandGroup(params.getBrandGroupNo()));
-//		} else {
-//			mav.addObject("brandGroupInfo", null);
-		}
-
-		mav.addObject("cateInfo", params);
-
-		// 카테고리 목록
-		mav.addObject("cateList", displayService.getAllCategoryList(params.getCateGb()));
-
-		// 상품리스트 카테고리별 필터 목록
-		Collection<Filter> filterList = displayService.getGoodsListCategoryFilterList(params);
-
-		// 필터 설정
-		mav.addObject("filterBrandList", displayService.getCategoryFilterList(filterList, "BRAND"));
-		mav.addObject("filterSizeList", displayService.getCategoryFilterList(filterList, "SIZE"));
-		mav.addObject("filterPriceList", displayService.getCategoryFilterList(filterList, "PRICE"));
-		mav.addObject("filterAgeList", displayService.getCategoryFilterList(filterList, "AGE"));
-		mav.addObject("filterSeasonList", displayService.getCategoryFilterList(filterList, "SEASON"));
-		mav.addObject("filterColorList", displayService.getCategoryFilterList(filterList, "COLOR"));
-		mav.addObject("filterBenefitList", displayService.getCategoryFilterList(filterList, "BENEFIT"));
-
-		return mav;
-	}
 }

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

@@ -281,6 +281,7 @@ public class TsfGoodsController extends TsfBaseController {
 			}
 			mav.addObject("bestReviewList", reviewService.getReviewList(review));
 
+			//다다익선
 			if (!"P".equals(goods.getFrontGb())) {
 				paramsGoods.setMaxRownum(20);
 				mav.addObject("goodsList", goodsService.getTmtbGoodsList(paramsGoods));
@@ -939,7 +940,7 @@ public class TsfGoodsController extends TsfBaseController {
 	 * @since 2021. 3. 8
 	 */
 	@PostMapping("/detail/tmtb/frame")
-	public ModelAndView goodsTmtbForm(Goods goods) {
+	public ModelAndView goodsTmtbForm(@RequestBody Goods goods) {
 
 		ModelAndView mav = new ModelAndView();
 		// 상품관련 기본값 설정(회원 등급, 앱, PC/모바일 등)
@@ -961,7 +962,7 @@ public class TsfGoodsController extends TsfBaseController {
 	 * @since 2021. 3. 8
 	 */
 	@PostMapping("/detail/together/frame")
-	public ModelAndView goodsTogetherForm(Goods goods) {
+	public ModelAndView goodsTogetherForm(@RequestBody Goods goods) {
 
 		ModelAndView mav = new ModelAndView();
 		// 상품관련 기본값 설정(회원 등급, 앱, PC/모바일 등)
@@ -1018,7 +1019,7 @@ public class TsfGoodsController extends TsfBaseController {
 	 * @since 2021. 3. 8
 	 */
 	@PostMapping("/detail/recommend/frame")
-	public ModelAndView goodsRecommendForm(Goods goods) {
+	public ModelAndView goodsRecommendForm(@RequestBody Goods goods) {
 
 		ModelAndView mav = new ModelAndView();
 		// 상품관련 기본값 설정(회원 등급, 앱, PC/모바일 등)
@@ -1077,7 +1078,7 @@ public class TsfGoodsController extends TsfBaseController {
 	 * @since 2021. 3. 8
 	 */
 	@PostMapping("/detail/like/frame")
-	public ModelAndView goodsLikeForm(Goods goods) {
+	public ModelAndView goodsLikeForm(@RequestBody Goods goods) {
 
 		ModelAndView mav = new ModelAndView();
 		// 상품관련 기본값 설정(회원 등급, 앱, PC/모바일 등)
@@ -1421,11 +1422,12 @@ public class TsfGoodsController extends TsfBaseController {
 	 * @since 2021. 3. 26
 	 */
 	@PostMapping("/detail/qna/frame")
-	public ModelAndView goodsDetailQnaForm(Goods paramsGoods) {
+	public ModelAndView goodsDetailQnaForm(@RequestBody Goods paramsGoods) {
 		ModelAndView mav = new ModelAndView();
 		// 상품관련 기본값 설정(회원 등급, 앱, PC/모바일 등)
 		setGoods(paramsGoods);
 
+		log.info("[goodsDetailQnaForm]  paramsGoods= {}", paramsGoods);
 //		Goods goods = goodsService.getGoodsInfo(paramsGoods);
 //
 //		// 상품 기본정보

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

@@ -2489,4 +2489,57 @@ public class TsfMypageController extends TsfBaseController {
 		return mav;
 	}
 
+	/**
+	 * 마이페이지 주문목록 사전 정보 조회 (모바일)
+	 *
+	 * @param Order
+	 * @return ModelAndView
+	 * @author card007
+	 * @since 2021. 05. 27
+	 */
+	@ResponseBody
+	@PostMapping("/cre/list/pre/info")
+	public GagaMap getCreListPreInfo(@RequestBody OrderChange orderChange) {
+		GagaMap result = new GagaMap();
+		
+		orderChange.setCustNo(TsfSession.getInfo().getCustNo());
+
+		// 페이징 처리 설정
+		TscPageRequest pageable = new TscPageRequest((orderChange.getPageNo() > 0 ? orderChange.getPageNo() - 1 : 0), orderChange.getPageSize(), orderChange.getPageUnit());
+		pageable.setTotalCount(orderChangeService.getPagingCreListCount(orderChange));
+		orderChange.setPageable(pageable);
+
+		result.set("paging"		, pageable);
+		result.set("creList"	, orderChangeService.getPagingCreList(orderChange));
+
+		return result;
+	}
+
+	/**
+	 * 마이페이지 주문목록 조회 (모바일)
+	 *
+	 * @param Order
+	 * @return ModelAndView
+	 * @author card007
+	 * @since 2021. 05. 27
+	 */
+	@ResponseBody
+	@PostMapping("/cre/list/info")
+	public ModelAndView getCreListInfo2(@RequestBody OrderChange orderChange) {
+		// 주문목록조회
+		ModelAndView mav = new ModelAndView();
+
+		orderChange.setCustNo(TsfSession.getInfo().getCustNo());
+
+		Collection<GagaMap> creList = orderChangeService.getCreList(orderChange);
+
+		mav.addObject("creList"			, 	creList);
+		mav.addObject("creListCnt"		, 	creList.size());
+		mav.addObject("pageNo"			, 	orderChange.getPageNo());
+
+		mav.setViewName(super.getDeviceViewName("mypage/MypageCreListInfo"));
+
+		return mav;
+	}
+
 }

src/main/java/com/style24/persistence/domain/searchengine/SearchEngine.java

@@ -54,9 +54,15 @@ public class SearchEngine implements Serializable {
 	private String[] colorArr;		// 색상배열
 	@JsonFormat(with = JsonFormat.Feature.ACCEPT_SINGLE_VALUE_AS_ARRAY)
 	private String[] benefitArr;	// 혜택배열
+	@JsonFormat(with = JsonFormat.Feature.ACCEPT_SINGLE_VALUE_AS_ARRAY)
+	private String[] priceArr;	// 가격배열
+	@JsonFormat(with = JsonFormat.Feature.ACCEPT_SINGLE_VALUE_AS_ARRAY)
+	private String[] dcRateArr;	// 할인율배열
 	private String unisex;			// 남여공용만보기(성별구분:G007_Z)
 	private String newGoods;		// 신상품만보기(혜택구분:40)
 	private String sortingType;		// 정렬순서(BELOVED: 인기상품순, REVIEW: 리뷰많은순 그외는 최신상품순)
+	private String priceSql;
+	private String dcRateSql;
 	private int pageNo = 1;			// 페이지번호
 	private int pageSize = 50;		// 페이지사이즈
 	private int pageUnit = 10;		// 페이지단위

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

@@ -705,7 +705,7 @@
 		     , SYS_IMG_NM
 		     , Z.BRAND_GROUP_NM
 		ORDER  BY Z.DELV_FEE_CD DESC
-		     , Z.GOODS_CD DESC
+		     , Z.CART_SQ DESC
 	</select>
 
 	<!-- 장바구니 업체별 배송비 -->

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

@@ -681,10 +681,11 @@
 		SELECT DISTINCT
 		       FILTER_GB
 		     , CASE WHEN FILTER_GB = 'SIZE' THEN
-		                SUBSTRING_INDEX(FILTER_CD,'|',1) AS FILTER_CD
+		                SUBSTRING_INDEX(FILTER_CD,'|',1)
 		            ELSE
 		                FILTER_CD
 		       END       AS FILTER_CD
+		     , DISP_ORD
 		     , FILTER_NM
 		FROM   TB_CATE_FILTER
 		WHERE  SITE_CD = #{siteCd}
@@ -896,8 +897,6 @@
 		GROUP BY C.STR_TITLE2, C.DISP_ORD , BG.BRAND_GROUP_NO
 		) Z
 		WHERE	1=1
-		ORDER BY (CASE  WHEN ASCII(SUBSTRING(Z.BRAND_GROUP_NM,1)) BETWEEN 48 AND 57 THEN 3
-		WHEN ASCII(SUBSTRING(Z.BRAND_GROUP_NM,1)) <![CDATA[<]]> 128 THEN 2 ELSE 1 END), Z.BRAND_GROUP_NM
 	</select>
 
 	<!-- 브랜드 전체 조회 -->
@@ -914,8 +913,8 @@
 		      SELECT  BG.BRAND_GROUP_NO
 		            , (CASE WHEN BG.DISP_NM_LANG = 'EN' THEN BG.BRAND_GROUP_ENM ELSE BG.BRAND_GROUP_KNM END) AS BRAND_GROUP_NM
 		            , BG.DISP_NM_LANG
-		            , B.BRAND_ENM AS BRAND_GROUP_ENM
-		            , B.BRAND_KNM AS BRAND_GROUP_KNM
+		            , BG.BRAND_GROUP_ENM
+		            , BG.BRAND_GROUP_KNM
 		            , BG.LOGO_FILE_NM
 		      FROM  TB_BRAND B
 		      INNER JOIN TB_BRAND_GROUP BG ON B.BRAND_GROUP_NO = BG.BRAND_GROUP_NO

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

@@ -34,7 +34,7 @@
 		      , A.ORD_NO
 		      , A.ORD_DTL_NO
 		      , A.REG_NO
-		      , A.REG_DT
+		      , DATE_FORMAT(A.REG_DT,'%Y.%m.%d %H:%i:%S') AS REG_DT
 		      , A.UPD_NO
 		      , A.UPD_DT
 		      , B.GOODS_CD 

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

@@ -1843,7 +1843,7 @@
 		INNER  JOIN (SELECT G.GOODS_CD
 		                  , MIN(VS.OPT_CD) AS OPT_CD
 		                  , MIN(CASE WHEN D.DISP_NM_LANG = 'EN' THEN D.BRAND_GROUP_ENM ELSE D.BRAND_GROUP_KNM END) AS BRAND_NM
-		             FROM   TB_GOODS G
+		             FROM   TB_GOODS G USE INDEX(IX_GOODS_11)
 		             INNER  JOIN TB_BRAND BR
 		             ON     G.BRAND_CD = BR.BRAND_CD
 		             INNER  JOIN TB_BRAND_GROUP D
@@ -1855,10 +1855,10 @@
 		             ON     G.GOODS_CD = VS.GOODS_CD
 		             WHERE  1=1
 		             AND    G.GOODS_STAT = 'G008_90'
+		             AND    NOW() BETWEEN G.SELL_STDT AND G.SELL_EDDT
 		             AND    G.GOODS_TYPE = 'G056_N'
 		             AND    G.SELF_MALL_YN = 'Y'
 		             AND    G.MIN_ORD_QTY = 1
-		             AND    NOW() BETWEEN G.SELL_STDT AND G.SELL_EDDT
 		             AND    VS.SOLDOUT_YN = 'N'
 		             AND    VS.CURR_STOCK_QTY > 0
 		             AND    BR.USE_YN = 'Y'
@@ -2016,6 +2016,12 @@
 		    <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>
+		    <if test="priceArr != null and priceArr.length>0">
+		     AND (${priceSql})
+		    </if>
+		    <if test="dcRateArr != null and dcRateArr.length>0">
+		    AND (${dcRateSql})
+		    </if>
 		)
 		, TAB_OPT_SIZE AS (
 		    /*옵션 사이즈 목록 조회*/
@@ -2243,6 +2249,12 @@
 		        <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>
+		        <if test="priceArr != null and priceArr.length>0">
+		            AND (${priceSql})
+		        </if>
+		        <if test="dcRateArr != null and dcRateArr.length>0">
+		            AND (${dcRateSql})
+		        </if>
 		)
 		, TAB_OPT_SIZE AS (
 		    /*옵션 사이즈 목록 조회*/
@@ -2343,7 +2355,7 @@
 		    LIMIT #{pageable.limitStartRow} , #{pageable.pageSize}
 		</if>
 		)
-		SELECT G.BRAND_GROUP_NM
+		SELECT DISTINCT G.BRAND_GROUP_NM
 		      , G.GOODS_CD
 		      , FN_GET_GOODS_NM(G.GOODS_NM,G.GOODS_GB,G.FOREIGN_BUY_YN,G.PARALLEL_IMPORT_YN,G.ORDER_MADE_YN) AS GOODS_FULL_NM /*상품FULL명*/
 		      , G.GOODS_TNM

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

@@ -86,7 +86,7 @@
 		                   WHEN 'G069_99' THEN '유효기간 경과 소멸'
 		                   END                                          AS  OCCUR_DTL_DESC
 		            , CPH.PNT_AMT
-		            , CPH.UPD_DT AS PNT_UPLOAD_DT
+		            , DATE_FORMAT(CPH.UPD_DT, '%Y.%m.%d %H:%i:%S') AS PNT_UPLOAD_DT
 		       FROM TB_CUST_POINT_HST CPH
 		       LEFT JOIN TB_ORDER_DETAIL OD
 		       ON  CPH.ORD_NO = OD.ORD_NO
@@ -182,7 +182,7 @@
 		                   WHEN 'G069_99' THEN '유효기간 경과 소멸'
 		                   END                                          AS  OCCUR_DTL_DESC
 		            , CPH.PNT_AMT
-		            , CPH.UPD_DT AS PNT_UPLOAD_DT
+		            , DATE_FORMAT(CPH.UPD_DT, '%Y.%m.%d %H:%i:%S') AS PNT_UPLOAD_DT
 		       FROM TB_CUST_POINT_HST CPH
 		       LEFT JOIN TB_ORDER_DETAIL OD
 		       ON  CPH.ORD_NO = OD.ORD_NO
@@ -278,7 +278,7 @@
 		                   WHEN 'G069_99' THEN '유효기간 경과 소멸'
 		                   END                                          AS  OCCUR_DTL_DESC
 		            , CPH.PNT_AMT
-		            , CPH.UPD_DT AS PNT_UPLOAD_DT
+		            , DATE_FORMAT(CPH.UPD_DT, '%Y.%m.%d %H:%i:%S') AS PNT_UPLOAD_DT
 		       FROM TB_CUST_POINT_HST CPH
 		       LEFT JOIN TB_ORDER_DETAIL OD
 		       ON  CPH.ORD_NO = OD.ORD_NO

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

@@ -412,7 +412,7 @@
 		  FROM (SELECT O.ORD_NO
 		             , O.REG_DT 
 					 , DATE_FORMAT(O.ORD_DT, '%Y.%m.%d') AS ORD_DT
-					 , DATE_FORMAT(O.PAY_DT, '%Y-%m-%d') AS PAY_DT 
+					 , DATE_FORMAT(O.PAY_DT, '%Y.%m.%d') AS PAY_DT 
 					 , DATE_FORMAT(OD.DELV_EDDT, '%m/%d')								AS DELV_EDDT
 					 , OD.ORD_DTL_NO
 					 , OD.ORD_EXCH_GB
@@ -534,6 +534,7 @@
 		     , Z.SHOT_DELV_YN
 		     , Z.CHANGEABLE_YN
 		     , Z.RETURNABLE_YN
+		     , Z.REG_DT
 		     , Z.SELF_GOODS_YN
 		     , Z.BRAND_NM
 		     , Z.BRAND_ENM
@@ -578,7 +579,7 @@
 			 </if>
 		  FROM (SELECT O.ORD_NO
 					 , DATE_FORMAT(O.ORD_DT, '%Y.%m.%d') AS ORD_DT
-					 , DATE_FORMAT(O.PAY_DT, '%Y-%m-%d') AS PAY_DT 
+					 , DATE_FORMAT(O.PAY_DT, '%Y.%m.%d') AS PAY_DT 
 					 , DATE_FORMAT(OD.DELV_EDDT, '%m/%d')								AS DELV_EDDT
 					 , OD.ORD_DTL_NO
 					 , OD.ORD_EXCH_GB
@@ -610,6 +611,7 @@
 					 , OD.SHOT_DELV_YN
 					 , OD.CHANGEABLE_YN
 					 , OD.RETURNABLE_YN
+					 , DATE_FORMAT(OD.REG_DT, '%Y.%m.%d') AS REG_DT 
 					 , G.SELF_GOODS_YN
 				     , CONCAT(B.BRAND_ENM, ' ', B.BRAND_KNM)							AS BRAND_NM
 				     , B.BRAND_ENM
@@ -1020,7 +1022,7 @@
 		             , ROW_NUMBER() OVER(ORDER BY Z.ORD_DT DESC) AS RNUM
 		       FROM (SELECT O.ORD_NO
 		                  , DATE_FORMAT(O.ORD_DT, '%Y.%m.%d') AS ORD_DT
-		                  , DATE_FORMAT(O.PAY_DT, '%Y-%m-%d') AS PAY_DT 
+		                  , DATE_FORMAT(O.PAY_DT, '%Y.%m.%d') AS PAY_DT 
 		                  , DATE_FORMAT(OD.DELV_EDDT, '%m/%d')								AS DELV_EDDT
 		                  , OD.ORD_DTL_NO
 		                  , OD.ORD_EXCH_GB
@@ -1104,12 +1106,12 @@
 		                   , R.CONFIRM_UNO
 		                   , R.CONFIRM_DT
 		                   , R.REG_NO
-		                   , DATE_FORMAT(R.REG_DT , '%Y-%m-%d') AS REG_DT
+		                   , DATE_FORMAT(R.REG_DT , '%Y.%m.%d') AS REG_DT
 		                   , R.UPD_NO
-		                   , DATE_FORMAT(R.UPD_DT , '%Y-%m-%d') AS UPD_DT
+		                   , DATE_FORMAT(R.UPD_DT , '%Y.%m.%d') AS UPD_DT
 		                   , R.ADM_RPL
 		                   , R.ADM_RPL_REG_NO
-		                   , DATE_FORMAT(R.ADM_RPL_DT , '%Y-%m-%d %H:%i:%s') AS ADM_RPL_DT
+		                   , DATE_FORMAT(R.ADM_RPL_DT , '%Y.%m.%d') AS ADM_RPL_DT
 		                   , DATEDIFF( DATE_ADD(O.PAY_DT,INTERVAL  #{reviewExpireDay} DAY),NOW()) AS REMAIN_DT -- 남은시간
 		    FROM TB_ORDER O
 		   INNER JOIN TB_ORDER_DETAIL OD

src/main/webapp/WEB-INF/views/mob/cart/CartChangeOptionPopupMob.html

@@ -147,7 +147,7 @@
 											<div class="select" th:classappend="|size_${comp.goodsCd}_size_nm|" th:text="${comp.optCd2}" th:data="${color.goodsCd}"></div>
 											<ul class="list setSizeSelect" th:classappend="|size_${comp.goodsCd}|" th:data="${comp.goodsCd}">
 												<th:block th:each="size, i : ${color.cartSizeList}" th:if="${color.optCd1.equals(size.optCd1)}">
-													<li th:classappend="${size.cartOptCd != null} ? selected" th:addPrice="${size.addPrice}" th:optCd="${size.optCd}" th:value="${size.optCd}" th:text="${size.optCd2}" th:aria-disabled="${color.soldoutYn.equals('Y') or size.soldoutYn.equals('Y') or size.minOrdQty > size.currStockQty ? true : false}"></li>
+													<li th:classappend="${size.cartOptCd != null} ? selected" th:addPrice="${size.addPrice}" th:optCd="${size.optCd}" th:value="${size.optCd}" th:text="${size.optCd2}" th:aria-disabled="${color.soldoutYn.equals('Y') or size.soldoutYn.equals('Y') or size.minOrdQty > size.currStockQty or comp.qty > size.currStockQty ? true : false}"></li>
 												</th:block>
 											</ul>
 										</div>

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

@@ -18,10 +18,16 @@
 	<header class="main">
 		<section class="htop" id="htopMain">
 			<h1>
-				<a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_MAIN);fnClickGnbTab('');" >
-					<img th:if="${brandGroupInfo?.brandGroupNo == null}" src="/images/mo/logo_STYLE24.png" alt="STYLE24">
-					<p th:if="${brandGroupInfo?.brandGroupNo != null}" th:text="${brandGroupInfo?.brandGroupNm}"></p>
-				</a>
+				<th:block th:if="${brandGroupInfo?.brandGroupNo == null}">
+					<a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_MAIN);fnClickGnbTab('');" >
+						<img src="/images/mo/logo_STYLE24.png" alt="STYLE24">
+					</a>
+				</th:block>
+				<th:block th:unless="${brandGroupInfo?.brandGroupNo == null}">
+					<a href="javascript:void(0);" th:onclick="cfnGoToBrandMain([[${brandGroupInfo?.brandGroupNo}]]);fnClickGnbTab('');" >
+						<p th:text="${brandGroupInfo?.brandGroupNm}"></p>
+					</a>
+				</th:block>
 				<button class="btn_gnb" title="메인메뉴 열기/닫기"><span><i></i></span></button>
 			</h1>
 			<div class="button_wrap">

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

@@ -171,7 +171,7 @@
 											<a href="javascript:void(0)">
 												<div class="form_field">
 													<div>
-														<input id="discount1" name="dcRate" type="checkbox" value="0,10" onclick="filterDcRateMob(this,'dcRate','off','1');"><label for="discount1"> <span id="dcRateText1">10% 이하</span> </label>
+														<input id="discount1" name="dcRate" type="checkbox" value="0,10" data-id="10% 이하" onclick="filterDcRateMob(this,'dcRate','off','1');"><label for="discount1"> <span id="dcRateText1">10% 이하</span> </label>
 													</div>
 												</div>
 											</a>
@@ -180,7 +180,7 @@
 											<a href="javascript:void(0)">
 												<div class="form_field">
 													<div>
-														<input id="discount2" name="dcRate" type="checkbox" value="10,20" onclick="filterDcRateMob(this,'dcRate','off','2');"><label for="discount2"> <span id="dcRateText2">10~20%</span> </label>
+														<input id="discount2" name="dcRate" type="checkbox" value="10,20" data-id="10~20%" onclick="filterDcRateMob(this,'dcRate','off','2');"><label for="discount2"> <span id="dcRateText2">10~20%</span> </label>
 													</div>
 												</div>
 											</a>
@@ -189,7 +189,7 @@
 											<a href="javascript:void(0)">
 												<div class="form_field">
 													<div>
-														<input id="discount3" name="dcRate" type="checkbox" value="20,30" onclick="filterDcRateMob(this,'dcRate','off','3');"><label for="discount3"> <span id="dcRateText3">20~30%</span> </label>
+														<input id="discount3" name="dcRate" type="checkbox" value="20,30" data-id="20~30%" onclick="filterDcRateMob(this,'dcRate','off','3');"><label for="discount3"> <span id="dcRateText3">20~30%</span> </label>
 													</div>
 												</div>
 											</a>
@@ -198,7 +198,7 @@
 											<a href="javascript:void(0)">
 												<div class="form_field">
 													<div>
-														<input id="discount4" name="dcRate" type="checkbox" value="30,40" onclick="filterDcRateMob(this,'dcRate','off','4');"><label for="discount4"> <span id="dcRateText4">30~40%</span> </label>
+														<input id="discount4" name="dcRate" type="checkbox" value="30,40" data-id="30~40%" onclick="filterDcRateMob(this,'dcRate','off','4');"><label for="discount4"> <span id="dcRateText4">30~40%</span> </label>
 													</div>
 												</div>
 											</a>
@@ -207,7 +207,7 @@
 											<a href="javascript:void(0)">
 												<div class="form_field">
 													<div>
-														<input id="discount5" name="dcRate" type="checkbox" value="40,50" onclick="filterDcRateMob(this,'dcRate','off','5');"><label for="discount5"> <span id="dcRateText5">40~50%</span> </label>
+														<input id="discount5" name="dcRate" type="checkbox" value="40,50" data-id="40~50%" onclick="filterDcRateMob(this,'dcRate','off','5');"><label for="discount5"> <span id="dcRateText5">40~50%</span> </label>
 													</div>
 												</div>
 											</a>
@@ -216,7 +216,7 @@
 											<a href="javascript:void(0)">
 												<div class="form_field">
 													<div>
-														<input id="discount6" name="dcRate" type="checkbox" value="50,60" onclick="filterDcRateMob(this,'dcRate','off','6');"><label for="discount6"> <span id="dcRateText6">50~60%</span> </label>
+														<input id="discount6" name="dcRate" type="checkbox" value="50,60" data-id="50~60%" onclick="filterDcRateMob(this,'dcRate','off','6');"><label for="discount6"> <span id="dcRateText6">50~60%</span> </label>
 													</div>
 												</div>
 											</a>
@@ -225,7 +225,7 @@
 											<a href="javascript:void(0)">
 												<div class="form_field">
 													<div>
-														<input id="discount7" name="dcRate" type="checkbox" value="60,70" onclick="filterDcRateMob(this,'dcRate','off','7');"><label for="discount7"> <span id="dcRateText7">60~70%</span> </label>
+														<input id="discount7" name="dcRate" type="checkbox" value="60,70" data-id="60~70%" onclick="filterDcRateMob(this,'dcRate','off','7');"><label for="discount7"> <span id="dcRateText7">60~70%</span> </label>
 													</div>
 												</div>
 											</a>
@@ -234,7 +234,7 @@
 											<a href="javascript:void(0)">
 												<div class="form_field">
 													<div>
-														<input id="discount8" name="dcRate" type="checkbox" value="70,80" onclick="filterDcRateMob(this,'dcRate','off','8');"><label for="discount8"> <span id="dcRateText8">70~80%</span> </label>
+														<input id="discount8" name="dcRate" type="checkbox" value="70,80" data-id="70~80%" onclick="filterDcRateMob(this,'dcRate','off','8');"><label for="discount8"> <span id="dcRateText8">70~80%</span> </label>
 													</div>
 												</div>
 											</a>
@@ -243,7 +243,7 @@
 											<a href="javascript:void(0)">
 												<div class="form_field">
 													<div>
-														<input id="discount9" name="dcRate" type="checkbox" value="80,90" onclick="filterDcRateMob(this,'dcRate','off','9');"><label for="discount9"> <span id="dcRateText9">80~90%</span> </label>
+														<input id="discount9" name="dcRate" type="checkbox" value="80,90" data-id="80~90%" onclick="filterDcRateMob(this,'dcRate','off','9');"><label for="discount9"> <span id="dcRateText9">80~90%</span> </label>
 													</div>
 												</div>
 											</a>
@@ -252,7 +252,7 @@
 											<a href="javascript:void(0)">
 												<div class="form_field">
 													<div>
-														<input id="discount10" name="dcRate" type="checkbox" value="90,0" onclick="filterDcRateMob(this,'dcRate','off','10');"><label for="discount10"> <span id="dcRateText10">90이상</span> </label>
+														<input id="discount10" name="dcRate" type="checkbox" value="90,0" data-id="90%이상" onclick="filterDcRateMob(this,'dcRate','off','10');"><label for="discount10"> <span id="dcRateText10">90이상</span> </label>
 													</div>
 												</div>
 											</a>
@@ -408,7 +408,7 @@
 					priceHtml += '	<a href="javascript:void(0)">\n';
 					priceHtml += '		<div class="form_field">\n';
 					priceHtml += '			<div>\n';
-					priceHtml += '				<input type="checkbox" id="price'+(i+1)+'" name="price" value="'+minPrice+','+maxPrice+'" onclick="filterPriceMob(this,\'price\',\'off\',\''+(i+1)+'\');"><label for="price'+(i+1)+'">\n';
+					priceHtml += '				<input type="checkbox" id="price'+(i+1)+'" name="price" value="'+minPrice+','+maxPrice+'" data-id="'+minPrice.addComma()+'원 ~ '+maxPrice.addComma()+'원" onclick="filterPriceMob(this,\'price\',\'off\',\''+(i+1)+'\');"><label for="price'+(i+1)+'">\n';
 					priceHtml += '				<span id="pricdSpan'+(i+1)+'">'+minPrice.addComma()+'원 ~ '+maxPrice.addComma()+'원</span> </label>\n';
 					priceHtml += '			</div>\n';
 					priceHtml += '		</div>\n';
@@ -618,10 +618,11 @@
 			$("#searchGoodsForm input:hidden[name=seasonArr]").remove();
 			$("#searchGoodsForm input:hidden[name=colorArr]").remove();
 			$("#searchGoodsForm input:hidden[name=benefitArr]").remove();
+			$("#searchGoodsForm input:hidden[name=newGoods]").val('');
 			$("#unisex").prop('checked',false);
 			$("#unisex").attr('onclick','fnFilterOption(this,\'on\');');
 			$("#searchGoodsForm input:hidden[name=unisex]").remove();
-			$("#newGoods").prop('checked',true);
+			$("#newGoods").prop('checked',false);
 			$("#newGoods").attr('onclick','fnFilterOption(this,\'on\');');
 			$('.allFilter .chkFilter').find('input[type=checkbox]').each(function (idx){
 				$(this).prop('checked',false);
@@ -769,7 +770,7 @@
 					if(brandGroupNo > 0){
 						if(gagajf.isNull(cate1No)){
 							let tag = '';
-							tag += '<a href="javascript:void(0);" onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\', \'\' ';
+							tag += '<a href="javascript:void(0);" class="on" onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\', \'\' ';
 							if(formalGb=='G009_20'){
 								tag += ' ,\'\',\'\',\'\',\'\',\''+formalGb+'\'';
 							}
@@ -842,7 +843,7 @@
 			if (cate1 != null) {
 				if(cate1.cate1No == cate1No){
 					if(gagajf.isNull(cate2No)){
-						tag += '<a href="javascript:void(0);" onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ' ';
+						tag += '<a href="javascript:void(0);" class="on" onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ' ';
 						if(formalGb=='G009_20'){
 							tag += ' ,\'\',\'\',\'\',\'\',\''+formalGb+'\'';
 						}
@@ -860,7 +861,7 @@
 								if(cate2.cate2No == cate2No){
 									if(cate2.leafYn == 'N' && cate2.cate3List.length > 0){
 										if(gagajf.isNull(cate3No)){
-											tag += '<a href="javascript:void(0);" onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ',' + cate2.cate2No + ' ';
+											tag += '<a href="javascript:void(0);" class="on" onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ',' + cate2.cate2No + ' ';
 											if(formalGb=='G009_20'){
 												tag += ' ,\'\',\'\',\'\',\''+formalGb+'\'';
 											}
@@ -877,7 +878,7 @@
 												if(cate3.cate3No == cate3No){
 													if(cate3.leafYn == 'N' && cate3.cate4List.length > 0){
 														if(gagajf.isNull(cate4No)){
-															tag += '<a href="javascript:void(0);" onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ',' + cate2.cate2No + ',' + cate3.cate3No + ' ';
+															tag += '<a href="javascript:void(0);" class="on" onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ',' + cate2.cate2No + ',' + cate3.cate3No + ' ';
 															if(formalGb=='G009_20'){
 																tag += ' ,\'\',\'\',\''+formalGb+'\'';
 															}
@@ -894,7 +895,7 @@
 																if(cate4.cate4No == cate4No){
 																	if(cate4.leafYn == 'N' && cate4.cate5List.length > 0){
 																		if(gagajf.isNull(cate5No)){
-																			tag += '<a href="javascript:void(0);" onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ',' + cate2.cate2No + ',' + cate3.cate3No + ',' + cate4.cate4No + ' ';
+																			tag += '<a href="javascript:void(0);" class="on" onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ',' + cate2.cate2No + ',' + cate3.cate3No + ',' + cate4.cate4No + ' ';
 																			if(formalGb=='G009_20'){
 																				tag += ' ,\'\',\''+formalGb+'\'';
 																			}
@@ -909,7 +910,7 @@
 																				tag += ');">'+cate5.cate5Nm+'</a>';
 																			}else{
 																				if(cate5.cate5No == cate5No){
-																					tag += '<a href="javascript:void(0);" onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ',' + cate2.cate2No + ',' + cate3.cate3No + ',' + cate4.cate4No + ',' + cate5.cate5No + ' ';
+																					tag += '<a href="javascript:void(0);" class="on" onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ',' + cate2.cate2No + ',' + cate3.cate3No + ',' + cate4.cate4No + ',' + cate5.cate5No + ' ';
 																					if(formalGb=='G009_20'){
 																						tag += ' ,\''+formalGb+'\'';
 																					}
@@ -1038,6 +1039,9 @@
 			$('#filterForm input[name=benefit]:checked').each(function(){
 				$(this).attr('checked', true);
 			});
+			$('#filterForm input[name=price]:checked').each(function(){
+				$(this).attr('checked', true);
+			});
 			if ( (event.originalEvent && event.originalEvent.persisted) || (window.performance && window.performance.navigation.type == 2)) {
 				// if( history.scrollRestoration ) window.history.scrollRestoration = 'manual';
 				var historyData = sessionStorage.getItem(document.location.href);
@@ -1058,7 +1062,7 @@
 				if(typeof historyData.totalCount!='undefined' && historyData.totalCount!=''){
 					$("#totCntId").text(historyData.totalCount);
 				}
-				if(filterPriceList.length > 0){
+				/*if(filterPriceList.length > 0){
 					let min = 0;
 					let max = 0;
 					var val = '';
@@ -1075,7 +1079,7 @@
 							$(this).prop("checked",true);
 						}
 					});
-				}
+				}*/
 				fnReCheckFilterList();
 				if(typeof historyData.sortingType!='undefined' && historyData.sortingType!=''){
 					$("#searchGoodsForm input:hidden[name=sortingType]").val(historyData.sortingType);

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

@@ -1,872 +0,0 @@
-<!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/BrandLayoutMob">
-<!--
- *******************************************************************************
- * @source  : CategoryGoodsListFormMob.html
- * @desc    : 카테고리별 상품 리스트 Page
- *============================================================================
- * STYLE24
- * Copyright(C) 2020 TSIT, All rights reserved.
- *============================================================================
- * VER  DATE         AUTHOR      DESCRIPTION
- * ===  ===========  ==========  =============================================
- * 1.0  2021.05.12   bin2107     최초 작성
- *******************************************************************************
- -->
-<body>
-
-<th:block layout:fragment="content">
-
-
-	<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" id="leafCateList">
-						<!-- 하위카테고리 리스트 -->
-					</div>
-				</div>
-			</div>
-
-			<div class="inner">
-				<!-- 상품리스트 -->
-				<div class="list_content"> <!-- 데이터 없을시 클래스 nodata 추가 -->
-					<div class="count_wrap">
-						<div>
-							<p><span id="totCntId"></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="javascript:void(0);" class="filter open_filter">필터</a></li>-->
-							</ul>
-						</div>
-					</div>
-					<div class="list_defult" style="display:none;">
-						<div>
-							<p>선택하신 조건에 맞는 상품이 없습니다.<br>필터를 변경해 보세요.</p>
-						</div>
-						<button type="button" class="btn btn_default" onclick="fnMobFilterReset();"><span>선택한 필터 초기화</span></button>
-					</div>
-
-					<div id="infiniteContainer">
-						<div id="listBoxOuter">
-							<ul id="listBox" class="itemsGrp">
-							</ul>
-						</div>
-					</div>
-
-					<!--					<div id="infiniteContainer">-->
-					<!--						<div id="listBoxOuter" class="itemsGrp">-->
-					<!--							<ul class="productlist quarter" >-->
-					<!--							</ul>-->
-					<!--						</div>-->
-					<!--					</div>-->
-
-					<!--					<div class="itemsGrp" id="listBox"> &lt;!&ndash; itemsGrp rank hot deal &ndash;&gt;-->
-
-					<!--					</div>-->
-					<div class="list_last" id="endPage" style="display:none;">마지막페이지 입니다.</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" id="sortArea">
-						<button type="button" id="sortingNEW" class="on" onclick="fnSortingChange(this,'NEW','','Mob');"><span>최신상품순</span></button>
-						<button type="button" id="sortingBEST" onclick="fnSortingChange(this,'BEST','','Mob');"><span>인기많은순</span></button>
-						<button type="button" id="sortingREVIEW" onclick="fnSortingChange(this,'REVIEW','','Mob');"><span>리뷰많은순</span></button>
-					</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" id="cateDepth">
-
-								</ul>
-							</li>
-						</ul>
-					</div>
-					<!-- //카테고리 선택 -->
-				</div>
-			</div>
-		</div>
-	</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.scroll.js"></script>
-	<script src="/ux/plugins/jquery/jquery.history.min.js"></script>
-	<script th:src="@{'/biz/goodsTest.js?v=' + ${#calendars.format(#calendars.createNow(), 'yyyyMMddHHmmss')}}" src="/biz/goodsTest.js"></script>
-
-	<script th:inline="javascript">
-		var filterPriceList = [[${filterPriceList}]];
-
-		$(document).ready(function(){
-
-
-			// TOP 동일 카테고리
-			fnCreateDepthList();
-			// 상단노출 하위 카테고리
-			fnCreateCategoryList();
-
-
-			//네비
-			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;
-					}
-				});
-
-				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;
-					});
-				}
-			}
-			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"});
-				});
-			}
-			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();
-					}else{
-						$(this).addClass("on");
-						$(this).next(dap2).slideDown();
-					}
-				});
-
-				dap2A.on("click",function(){
-					if($(this).hasClass("on")){
-						$(this).removeClass("on");
-						$(this).next(dap3).slideUp();
-					}else{
-						$(this).addClass("on");
-						$(this).next(dap3).slideDown();
-					}
-				});
-
-				dap3A.on("click",function(){
-					if($(this).hasClass("on")){
-						$(this).removeClass("on");
-						$(this).next(dap4).slideUp();
-					}else{
-						$(this).addClass("on");
-						$(this).next(dap4).slideDown();
-					}
-				});
-
-				dap4A.on("click",function(){
-					if($(this).hasClass("on")){
-						$(this).removeClass("on");
-						$(this).next(dap5).slideUp();
-					}else{
-						$(this).addClass("on");
-						$(this).next(dap5).slideDown();
-					}
-				});
-
-				dap5A.on("click",function(){
-					if($(this).hasClass("on")){
-						$(this).removeClass("on");
-						//$(this).next(dap6).slideUp();
-					}else{
-						$(this).addClass("on");
-						//$(this).next(dap6).slideDown();
-					}
-				});
-			}
-			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).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)");
-				}
-			});
-
-			//210510_추가 : 토스트 팝업 button 클릭 시 팝업 닫기.
-			$(document).on('click','.popup_box.odDatePop .button_list button',function(){
-				$(this).parents('.popup_box.odDatePop').hide().removeClass('active');
-				$("body").css({"overflow":"visible"});
-			});
-
-			$(".nav_close").click();
-
-		});
-
-		// TOP 카테고리 노출
-		var fnCreateDepthList = function (){
-			let cateList = [[${cateList}]];
-			var brandGroupNo = [[${cateInfo.brandGroupNo}]];
-			var cateGb =  [[${cateInfo.cateGb}]];
-			var formalGb = [[${cateInfo.formalGb}]];
-			var cate1No = [[${cateInfo.cate1No}]];
-			var cate2No = [[${cateInfo.cate2No}]];
-			var cate3No = [[${cateInfo.cate3No}]];
-			var cate4No = [[${cateInfo.cate4No}]];
-			var cate5No = [[${cateInfo.cate5No}]];
-			var tag = '';
-			$("#cateDepth").html('');
-
-			let actionUrl = '';
-			if(gagajf.isNull(brandGroupNo) || brandGroupNo == 0){
-				if( [[${cateInfo.formalGb}]] == 'G009_20'){
-					actionUrl = '/display/outlet/cate/list?cate1No='+cate1No+'&formalGb='+ [[${cateInfo.formalGb}]];
-				}else{
-					actionUrl = '/display/category/reload/list?cateGb='+[[${cateInfo.cateGb}]];
-				}
-			}else{
-				actionUrl = '/display/brand/cate/list?brandGroupNo=' + [[${cateInfo.brandGroupNo}]];
-			}
-
-			$.getJSON(actionUrl, function (result, status){
-				if(result.length>0){
-					if(!gagajf.isNull(cate5No)){
-
-					}else if(!gagajf.isNull(cate4No)) {
-						$.each(result, function (idx, cate){
-							$.each(cate.cate2List, function (idx2,cate2){
-								if(cate2.leafYn == 'N' && cate2.cate3List != null){
-									$.each(cate2.cate3List, function (idx3, cate3){
-										if(cate3.leafYn == 'N' && cate3.cate4List != null){
-											$.each(cate3.cate4List, function (idx4, cate4){
-												if(cate4.cate4No == cate4No){
-													$("#htopTitle").append(fnDisplayTitle(cate4.cate4Nm));
-												}
-												if(cate4.cate3No==cate3No){
-													tag += '<li><a href="javascript:void(0);" onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate4.cate1No + ',' + cate4.cate2No + ',' + cate4.cate3No + ',' + cate4.cate4No + ' ';
-													if(formalGb=='G009_20'){
-														tag += ' ,\'\',\''+formalGb+'\'';
-													}
-													tag += ');">'+cate4.cate4Nm+'</a></li>';
-												}
-											});
-										}
-									});
-								}
-							});
-						});
-						$("#cateDepth").append(tag);
-					}else if(!gagajf.isNull(cate3No)){
-						$.each(result, function (idx, cate){
-							$.each(cate.cate2List, function (idx2,cate2){
-								if(cate2.leafYn == 'N' && cate2.cate3List != null){
-									$.each(cate2.cate3List, function (idx3, cate3){
-										if(cate3.cate3No == cate3No){
-											$("#htopTitle").append(fnDisplayTitle(cate3.cate3Nm));
-										}
-										if(cate3.cate2No==cate2No){
-											tag += '<li><a href="javascript:void(0);" onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate3.cate1No + ',' + cate3.cate2No + ',' + cate3.cate3No + ' ';
-											if(formalGb=='G009_20'){
-												tag += ' ,\'\',\'\',\''+formalGb+'\'';
-											}
-											tag += ');">'+cate3.cate3Nm+'</a></li>';
-										}
-									});
-								}
-							});
-						});
-						$("#cateDepth").append(tag);
-					}else if(!gagajf.isNull(cate2No)){
-						$.each(result, function (idx, cate){
-							$.each(cate.cate2List, function (idx2,cate2){
-								if(cate2.cate2No == cate2No){
-									$("#htopTitle").append(fnDisplayTitle(cate2.cate2Nm));
-								}
-								if(cate2.cate1No==cate1No){
-									tag += '<li><a href="javascript:void(0);" onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate2.cate1No + ',' + cate2.cate2No + ' ';
-									if(formalGb=='G009_20'){
-										tag += ' ,\'\',\'\',\'\',\''+formalGb+'\'';
-									}
-									tag += ');">'+cate2.cate2Nm+'</a></li>';
-								}
-							});
-						});
-						$("#cateDepth").append(tag);
-					}else{
-						$.each(result, function (idx, cate1){
-							if(cate1.cate1No == cate1No){
-								$("#htopTitle").append(fnDisplayTitle(cate1.cate1Nm));
-							}
-							tag += '<li><a href="javascript:void(0);" onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ' ';
-							if(formalGb=='G009_20'){
-								tag += ' ,\'\',\'\',\'\',\'\',\''+formalGb+'\'';
-							}
-							tag += ');">'+cate1.cate1Nm+'</a></li>';
-						});
-						$("#cateDepth").append(tag);
-					}
-				}
-			});
-		}
-
-		// 상단 하위카테고리 노출
-		var fnCreateCategoryList = function (){
-			let actionUrl = '';
-			let brandGroupNo = [[${cateInfo.brandGroupNo}]];
-			let cate1No = [[${cateInfo.cate1No}]];
-			// console.log('cateList brandGroupNo::'+brandGroupNo+'>>cate1No::'+cate1No);
-
-			if(gagajf.isNull(brandGroupNo) || brandGroupNo == 0){
-				if( [[${cateInfo.formalGb}]] == 'G009_20'){
-					actionUrl = '/display/outlet/cate/list?cate1No='+cate1No+'&formalGb='+ [[${cateInfo.formalGb}]];
-				}else{
-					actionUrl = '/display/category/reload/list?cateGb='+[[${cateInfo.cateGb}]];
-				}
-			}else{
-				actionUrl = '/display/brand/cate/list?brandGroupNo=' + [[${cateInfo.brandGroupNo}]];
-			}
-
-			$.getJSON(actionUrl, function(result, status){
-				if(result.length > 0){
-					let formalGb = [[${cateInfo.formalGb}]];
-					if(formalGb == 'G009_10'){
-						formalGb = '';
-					}
-					let cateGb = 'G032_101';
-					$("#leafCateList").html('');
-
-					let allCate = [[${cateList}]];
-					if(brandGroupNo > 0){
-						if(gagajf.isNull(cate1No)){
-							let tag = '';
-							tag += '<a href="javascript:void(0);" onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\', \'\' ';
-							if(formalGb=='G009_20'){
-								tag += ' ,\'\',\'\',\'\',\'\',\''+formalGb+'\'';
-							}
-							tag += ');">전체</a>';
-							$.each(result, function(idx, item) {
-								tag += '<a href="javascript:void(0);" onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + [[${cateInfo.cateGb}]] + '\', ' + item.cate1No + ' ';
-								if(formalGb=='G009_20'){
-									tag += ' ,\'\',\'\',\'\',\'\',\''+formalGb+'\'';
-								}
-								tag += ');">'+item.cate1Nm+'</a>';
-							});
-							$('#leafCateList').append(tag);
-							$('#htopTitle').append('상품');
-						}else{
-							$.each(result, function(idx, item) {
-								$.each(allCate, function(allCateIdx, allCateItem) {
-									if (item.cate1No == allCateItem.cate1No) {
-										$('#leafCateList').append(fnGetCategoryList(item));
-									}
-								});
-							});
-						}
-					}else{
-						if(gagajf.isNull(cate1No)){
-							let tag = '';
-							tag += '<a href="javascript:void(0);" onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\', \'\' ';
-							if(formalGb=='G009_20'){
-								tag += ' ,\'\',\'\',\'\',\'\',\''+formalGb+'\'';
-							}
-							tag += ');">전체</a>';
-							$.each(result, function(idx, item) {
-								tag += '<a href="javascript:void(0);" onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + [[${cateInfo.cateGb}]] + '\', ' + item.cate1No + ' ';
-								if(formalGb=='G009_20'){
-									tag += ' ,\'\',\'\',\'\',\'\',\''+formalGb+'\'';
-								}
-								tag += ');">'+item.cate1Nm+'</a>';
-							});
-							$('#leafCateList').append(tag);
-							$('#htopTitle').append('전체');
-						}else{
-							$.each(result, function(idx, item) {
-								$.each(allCate, function(allCateIdx, allCateItem) {
-									if (item.cate1No == allCateItem.cate1No) {
-										$('#leafCateList').append(fnGetCategoryList(item));
-									}
-								});
-							});
-						}
-					}
-				}
-			});
-		}
-
-		let fnGetCategoryList = function (cate1){
-			var brandGroupNo = [[${cateInfo.brandGroupNo}]];
-			var cateGb =  [[${cateInfo.cateGb}]];
-			var formalGb = [[${cateInfo.formalGb}]];
-			var cate1No = [[${cateInfo.cate1No}]];
-			var cate2No = [[${cateInfo.cate2No}]];
-			var cate3No = [[${cateInfo.cate3No}]];
-			var cate4No = [[${cateInfo.cate4No}]];
-			var cate5No = [[${cateInfo.cate5No}]];
-
-			let tag = '';
-
-			if(formalGb!='G009_20'){
-				formalGb = '';
-			}
-
-			if (cate1 != null) {
-				if(cate1.cate1No == cate1No){
-					if(gagajf.isNull(cate2No)){
-						tag += '<a href="javascript:void(0);" onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ' ';
-						if(formalGb=='G009_20'){
-							tag += ' ,\'\',\'\',\'\',\'\',\''+formalGb+'\'';
-						}
-						tag += ');">전체</a>';
-					}
-					if(cate1.leafYn == 'N' && cate1.cate2List.length > 0){
-						$.each(cate1.cate2List, function (idx2, cate2){
-							if(gagajf.isNull(cate2No)){
-								tag += '<a href="javascript:void(0);" onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ',' + cate2.cate2No + ' ';
-								if(formalGb=='G009_20'){
-									tag += ' ,\'\',\'\',\'\',\''+formalGb+'\'';
-								}
-								tag += ');">'+cate2.cate2Nm+'</a>';
-							}else{
-								if(cate2.cate2No == cate2No){
-									if(cate2.leafYn == 'N' && cate2.cate3List.length > 0){
-										if(gagajf.isNull(cate3No)){
-											tag += '<a href="javascript:void(0);" onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ',' + cate2.cate2No + ' ';
-											if(formalGb=='G009_20'){
-												tag += ' ,\'\',\'\',\'\',\''+formalGb+'\'';
-											}
-											tag += ');">전체</a>';
-										}
-										$.each(cate2.cate3List, function (idx3, cate3){
-											if(gagajf.isNull(cate3No)){
-												tag += '<a href="javascript:void(0);" onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ',' + cate2.cate2No + ',' + cate3.cate3No + ' ';
-												if(formalGb=='G009_20'){
-													tag += ' ,\'\',\'\',\''+formalGb+'\'';
-												}
-												tag += ');">'+cate3.cate3Nm+'</a>';
-											}else{
-												if(cate3.cate3No == cate3No){
-													if(cate3.leafYn == 'N' && cate3.cate4List.length > 0){
-														if(gagajf.isNull(cate4No)){
-															tag += '<a href="javascript:void(0);" onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ',' + cate2.cate2No + ',' + cate3.cate3No + ' ';
-															if(formalGb=='G009_20'){
-																tag += ' ,\'\',\'\',\''+formalGb+'\'';
-															}
-															tag += ');">전체</a>';
-														}
-														$.each(cate3.cate4List, function (idx4, cate4){
-															if(gagajf.isNull(cate4No)){
-																tag += '<a href="javascript:void(0);" onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ',' + cate2.cate2No + ',' + cate3.cate3No + ',' + cate4.cate4No + ' ';
-																if(formalGb=='G009_20'){
-																	tag += ' ,\'\',\''+formalGb+'\'';
-																}
-																tag += ');">'+cate4.cate4Nm+'</a>';
-															}else{
-																if(cate4.cate4No == cate4No){
-																	if(cate4.leafYn == 'N' && cate4.cate5List.length > 0){
-																		if(gagajf.isNull(cate5No)){
-																			tag += '<a href="javascript:void(0);" onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ',' + cate2.cate2No + ',' + cate3.cate3No + ',' + cate4.cate4No + ' ';
-																			if(formalGb=='G009_20'){
-																				tag += ' ,\'\',\''+formalGb+'\'';
-																			}
-																			tag += ');">전체</a>';
-																		}
-																		$.each(cate4.cate5List, function (idx5, cate5){
-																			if(gagajf.isNull(cate5No)){
-																				tag += '<a href="javascript:void(0);" onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ',' + cate2.cate2No + ',' + cate3.cate3No + ',' + cate4.cate4No + ',' + cate5.cate5No + ' ';
-																				if(formalGb=='G009_20'){
-																					tag += ' ,\''+formalGb+'\'';
-																				}
-																				tag += ');">'+cate5.cate5Nm+'</a>';
-																			}else{
-																				if(cate5.cate5No == cate5No){
-																					tag += '<a href="javascript:void(0);" onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ',' + cate2.cate2No + ',' + cate3.cate3No + ',' + cate4.cate4No + ',' + cate5.cate5No + ' ';
-																					if(formalGb=='G009_20'){
-																						tag += ' ,\''+formalGb+'\'';
-																					}
-																					tag += ');">'+cate5.cate5Nm+'</a>';
-																				}
-																			}
-																		});
-																	}else{
-																		tag += '<a href="javascript:void(0);" onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ',' + cate2.cate2No + ',' + cate3.cate3No + ',' + cate4.cate4No + ' ';
-																		if(formalGb=='G009_20'){
-																			tag += ' ,\'\',\''+formalGb+'\'';
-																		}
-																		tag += ');">전체</a>';
-																		tag += '<a href="javascript:void(0);" onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ',' + cate2.cate2No + ',' + cate3.cate3No + ',' + cate4.cate4No + ' ';
-																		if(formalGb=='G009_20'){
-																			tag += ' ,\'\',\''+formalGb+'\'';
-																		}
-																		tag += ');">'+cate4.cate4Nm+'</a>';
-																	}
-																}
-															}
-														});
-													}
-												}
-											}
-										});
-									}
-								}
-							}
-						});
-					}
-				}
-			}
-
-			return tag;
-		}
-
-		var fnGoodsListSearch = function (){
-			console.log('a');
-			gagaInfiniteScroll.getHistory();
-			console.log('a-1');
-		}
-
-		// 상품 검색
-		var fnGetInfiniteScrollDataList = function (pageNum){
-			console.log('b');
-			$("#searchGoodsForm input[name=pageNo]").val(pageNum+1);
-			gagajf.ajaxFormSubmit("/display/category/goods/list", document.searchGoodsForm,  gagaInfiniteScroll.jsonToHtml);
-		}
-
-		var fnDrawInfiniteScrollData = function (result){
-			console.log('c');
-			let totalCnt = result.paging.totalCount;
-			//$("#totCntId").text(totalCnt.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","));
-			$("#totCntId").text(totalCnt.addComma());
-			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{
-					// 마지막 페이지 일때
-					$('#endPage').show();
-					//$('.list_content .count_wrap').hide();
-				}
-				gagaInfiniteScroll.draw('not');
-			}
-		}
-
-
-		// 사파리 - event.persisted || 크롬 - window.performance.navigation.type 이 1이면 새로고침, 2면 페이지 이동을 통한 캐쉬페이징
-		$(window).on("pageshow", function(event) {
-			// $('#filterForm input[name=brandGroup]:checked').each(function(){
-			// 	$(this).attr('checked', true);
-			// });
-			// $('#filterForm input[name=size]:checked').each(function(){
-			// 	$(this).attr('checked', true);
-			// });
-			// $('#filterForm input[name=dcRate]:checked').each(function(){
-			// 	$(this).attr('checked', true);
-			// });
-			// $('#filterForm input[name=age]:checked').each(function(){
-			// 	$(this).attr('checked', true);
-			// });
-			// $('#filterForm input[name=season]:checked').each(function(){
-			// 	$(this).attr('checked', true);
-			// });
-			// $('#filterForm input[name=color]:checked').each(function(){
-			// 	$(this).attr('checked', true);
-			// });
-			// $('#filterForm input[name=benefit]:checked').each(function(){
-			// 	$(this).attr('checked', true);
-			// });
-			if ( (event.originalEvent && event.originalEvent.persisted) || (window.performance && window.performance.navigation.type == 2)) {
-				if(typeof History.getState().data.filterHtml!='undefined' && History.getState().data.filterHtml!=''){
-					console.log('filterHtml>>>'+History.getState().data.filterHtml);
-					$("#searchGoodsForm").append(History.getState().data.filterHtml);
-					filterHtml = History.getState().data.filterHtml;
-				}
-				// if(typeof History.getState().data.filterStatHtml!='undefined' && History.getState().data.filterStatHtml!=''){
-				// 	console.log('filterStatHtm>>>'+History.getState().data.filterStatHtml);
-				// 	$("#filterForm").append(History.getState().data.filterStatHtml);
-				// 	filterStatHtml = History.getState().data.filterStatHtml;
-				// }
-				if(typeof History.getState().data.totalCount!='undefined' && History.getState().data.totalCount!=''){
-					$("#totCntId").text(History.getState().data.totalCount);
-				}
-				// if(filterPriceList.length > 0){
-				// 	let min = 0;
-				// 	let max = 0;
-				// 	var val = '';
-				// 	if(!gagajf.isNull($("#searchGoodsForm").find("input:hidden[name=priceFrom]").val())){
-				// 		min = $("#searchGoodsForm").find("input:hidden[name=priceFrom]").val();
-				// 	}
-				// 	if(!gagajf.isNull($("#searchGoodsForm").find("input:hidden[name=priceTo]").val())){
-				// 		max = $("#searchGoodsForm").find("input:hidden[name=priceTo]").val();
-				// 	}
-				// 	val = min+','+max;
-				//
-				// 	$('#filterForm input[name=price]').each(function (){
-				// 		if(val == $(this).val()){
-				// 			$(this).prop("checked",true);
-				// 		}
-				// 	});
-				// }
-				// fnReCheckFilterList();
-				// if(typeof History.getState().data.sortingType!='undefined' && History.getState().data.sortingType!=''){
-				// 	$("#searchGoodsForm input:hidden[name=sortingType]").val(History.getState().data.sortingType);
-				// 	fnSortingChange(this,History.getState().data.sortingType,'back','Mob');
-				// }else{
-				// 	fnGoodsListSearch();
-				// }
-				console.log('d');
-			}else{
-				console.log('e');
-				fnCategoryGoodsInfiniteScrollInit();
-			}
-
-			var sortingType = $("#searchGoodsForm input:hidden[name=sortingType]").val();
-			if(sortingType=='BEST' || sortingType=='REVIEW'){
-				console.log('f');
-				fnSortingChange(this,sortingType,'','Mob');
-			}else{
-				console.log('g');
-				fnGoodsListSearch();
-			}
-		});
-
-		$(window).on('popstate', function(event) {
-			var data = History.getState().data;
-			data.sortingType = $("#searchGoodsForm input:hidden[name=sortingType]").val();
-			data.sortingTypeNm = '' //$("#sortArea").find('li').hasClass("on").text();
-			data.filterHtml = filterHtml;
-			data.filterStatHtml = filterStatHtml;
-			data.totalCount = $("#totCntId").text();
-			History.replaceState(data, "", "");
-		});
-
-		// var iframe= document.createElement('iframe');
-		// iframe.setAttribute('allowFullScreen', '');
-		// iframe.setAttribute('allow', 'fullscreen');
-		// var controller;
-		// var player = document.getElementById('player');
-		//
-		// player.onload = function() {
-		// 	try {
-		// 		var controller = new VgControllerClient({
-		// 			target_window: document.getElementById('pdThumbVideo').contentWindow
-		// 			// target_window: document.getElementsByClassName('pd_mov').contentWindow
-		// 		});
-		// 		var playMov;
-		//
-		// 		controller.on('ready', function(){
-		// 			//플레이어 준비 완료
-		// 			controller.set_ratio('fill');
-		// 			//  contain : 비율에 맞게 채웁니다.
-		// 			//fill : 화면에 꽉 차게 채웁니다.
-		// 			//enlargement : 세로 높이를 꽉 차게 맞춥니다. 좌우로 스크롤이 가능합니다
-		// 			controller.play();
-		// 		});
-		// 		controller.on('done', function(){
-		// 			//플레이어 재생 완료
-		// 			controller.play();
-		// 		});
-		//
-		// 	} catch(e) {
-		// 		// Videogateweay Controller Library는 window.postMessage API를 이용하기 때문에
-		// 		// 해당 기능을 지원하지 않는 웹브라우져에서는 동작하지 않습니다.
-		// 		// 이 부분에 적절한 fail-over 코드를 추가하여 주십시요.
-		// 	}
-		//
-		// }
-
-		var fnDisplayTitle = function (cateNm){
-			$("#htopTitle").html('');
-			var tag = '';
-
-			tag += '<span>'+cateNm+'</span>\n';
-			tag += '<button class="dp_list_btn_gnbs" title="서브타이틀 메뉴 열기/닫기">\n';
-			tag += '	<span><i></i></span>\n';
-			tag += '</button>\n';
-
-			return tag;
-		}
-
-		var fnTest = function (){
-			let actionUrl = '/display/brand/cate/list?brandGroupNo=' + [[${cateInfo.brandGroupNo}]];
-			let brandGroupNo = [[${cateInfo.brandGroupNo}]];
-			let cate1No = [[${cateInfo.cate1No}]];
-			let allCate = [[${cateList}]];
-			let tag = '';
-			$.getJSON(actionUrl, function(result, status){
-				$.each(allCate, function(allCateIdx, allCateItem) {
-					if (item.cate1No == allCateItem.cate1No) {
-						$.each(allCate, function(allCateIdx, allCateItem) {
-							if (item.cate1No == allCateItem.cate1No) {
-								tag += '<li>';
-								tag += '<a href="javascript:void(0);" onclick="cfnGoToGoodsList('+brandGroupNo+',\'' + cateGb + '\',' + item.cate1No + ',' + item.cate2No + ',' + item.cate3No + ',' + item.cate4No + ',' + item.cate5No + ')">'+item.cate1Nm+'</a>';
-								tag += '</li>\n';
-							}
-						});
-					}
-				});
-			});
-			$('#cateDepth').append(tag);
-		}
-
-	</script>
-
-	<script>
-		//(진행 중)
-		/* 210427_수정 : err 이미지 스크립트 */
-		function noneImg(noneSrc){
-			$(noneSrc).parents('.itemPic').css({'background':'url(/images/pc/thumb/bg_item_none.png)'});
-			$(noneSrc).css({'opacity':'0'});
-			//$(noneSrc).attr("src", no_src);
-		}
-	</script>
-
-
-</th:block>
-</body>
-</html>

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

@@ -33,7 +33,9 @@
 												<img th:src="${@environment.getProperty('domain.image') + item.imgPath2}" alt="">
 											</div>
 											<div class="txtWrap">
-												<p th:text="${item.strTitle1}">오랫동안 기다려온<br>겨울세일 시작</p>
+												<p class="subject">
+													<input type="hidden" name="mainTitle" th:value="${item.strTitle1}"/>
+												</p>
 												<p class="txt_xs" th:text="${item.subText1}">재고있을 때 미리 득템</p>
 											</div>
 										</a>
@@ -172,6 +174,15 @@
 			});
 			$('.dp_cate_list').html(tag);
 		}
+
+		$('.subject').each(function (){
+			let tag = '';
+			if(!gagajf.isNull($(this).find("input[name=mainTitle]").val())) {
+				var brText = $(this).find("input[name=mainTitle]").val();
+				tag = brText.replace(/(<br>|<br\/>|<br \/>)/g, '<br>');
+				$(this).append(tag);
+			}
+		});
 	</script>
 
 </th:block>

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

@@ -280,90 +280,6 @@
 							</th:block>
 						</div>
 					</div>
-					<!-- 옵션선택팝업 -->
-					<div class="pop_option_select">
-						<div class="close">닫기</div>
-						<div class="pp_body">
-							<div class="pp_cont">
-								<div class="opt_select">
-									<div class="opt_header">
-										<span class="title">옵션선택</span>
-										<div class="check_excluding form_field">
-											<div>
-												<input id="soldoutSkipYn" name="soldoutSkipYn" type="checkbox" value="Y" th:onclick="fnDealCompsGoods('Up',[[${goodsInfo.goodsCd}]]);"><label for="soldoutSkipYn"><span>품절제외</span> </label>
-											</div>
-											<div class="guidance" >
-												<!--210409_ 추가 : .guidance에 .ontoast 추가 시, toast 팝업 작동 -->
-												<p>품절 옵션이 제외되었습니다</p>
-											</div>
-											<script>
-												function getGuidance()  {
-													if($('.pop_option_select').find('input[name=soldoutSkipYn]').is(":checked")){
-														$(".guidance").addClass("ontoast");
-														setTimeout(function(){$(".guidance").removeClass("ontoast");}, 5000);
-													}
-												}
-											</script>
-										</div>
-									</div>
-									<div class="form_wrap">
-										<div class="form_field mb10" id="form_field_item_Up">
-											<div class="select_custom deal_opt_item"> <!-- active -->
-												<div class="combo">
-													<div class="select">선택</div>
-													<ul class="list">
-														<!-- 선택처리 class="selected" / 선택불가 aria-disabled="true" / 품절표기 data-soldout="true" 추가  -->
-														<li th:each="goodsInfo, status : ${goodsDealComposeList}" 
-															th:attr="aria-disabled=${(goodsInfo.goodsStat != 'G008_90' or goodsInfo.stockQty <= 0)? 'true':''}, data-soldout=${(goodsInfo.stockQty <= 0)? 'true':''}"
-															th:onclick="fnOption1('Up', [[${goodsInfo.compsGoodsCd}]], [[${goodsInfo.currPrice}]] , [[${goodsInfo.selfGoodsYn}]]);"
-															 class="">
-															<div class="item_prod" th:attr="goodsCd=${goodsInfo.compsGoodsCd}">
-																<div class="item_state">
-																	<a href="javascript:void(0);" class="itemLink">
-																		<div class="itemPic">
-																			<img alt="" class="vLHTC pd_img" th:src="${imgGoodsUrl+'/'+goodsInfo.sysImgNm+'?RS=44'}" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">
-																		</div>
-																		<div class="itemName" ><span class="tit_option" th:text="${'[상품'+status.count+']'}">[상품1]</span><th:block th:text="${goodsInfo.goodsFullNm}"></th:block></div>
-																		<p class="itemPrice">
-																			<th:block th:text="${#numbers.formatInteger(goodsInfo.currPrice, 0,'COMMA')}"> 134,100</th:block>
-																			<span class="itemPrice_original" th:if="${goodsInfo.listPrice > goodsInfo.currPrice}" th:text="${#numbers.formatInteger(goodsInfo.listPrice, 0,'COMMA')}">89,000</span>
-																			<span class="itemPercent" th:if="${goodsInfo.dcRate > 0}" th:text="|${#numbers.formatDecimal(goodsInfo.dcRate,0,0)}%|">10%</span>
-																		</p>
-																	</a>
-																	<input type="hidden" name="selectGoods" th:attr="goodsNm=${'[상품'+status.count+']' +goodsInfo.goodsFullNm}, currPrice=${goodsInfo.currPrice}, goodsCd=${goodsInfo.compsGoodsCd}" />
-																</div>
-															</div>
-														</li>
-													</ul>
-												</div>
-											</div>
-										</div>
-										<div class="form_field" id="form_field1_Up">
-											<div class="select_custom item_opt1" disabled>
-												<div class="combo">
-													<div class="select">선택</div>
-													<ul class="list" id="goodsDealOptUp1">
-														<!--  옵션 1 -->
-													</ul>
-												</div>
-											</div>
-										</div>
-										<div class="form_field"  id="form_field2_Up">
-											<div class="select_custom item_opt2" disabled>
-												<div class="combo">
-													<div class="select">선택</div>
-													<ul class="list" id="goodsDealOptUp2">
-														<!--  옵션 2 -->
-													</ul>
-												</div>
-											</div>
-										</div>
-									</div>
-								</div>
-							</div>
-						</div>
-					</div>
-					<!-- //옵션선택팝업 -->
 				</div>
 				<div class="body btPop_foot btPopAuto_foot">
 					<!-- 총 결재금액, 하단버튼 -->
@@ -394,9 +310,94 @@
 				</div>
 			</div>
 			<!-- 구매하기팝업 -->
+			
+			<!-- 210528_옵션선택팝업 분리 -->
+			<!-- 옵션선택팝업 -->
+			<div class="pop_option_select">
+				<div class="close">닫기</div>
+				<div class="pp_body">
+					<div class="pp_cont">
+						<div class="opt_select">
+							<div class="opt_header">
+								<span class="title">옵션선택</span>
+								<div class="check_excluding form_field">
+									<div>
+										<input id="soldoutSkipYn" name="soldoutSkipYn" type="checkbox" value="Y" th:onclick="fnDealCompsGoods('Up',[[${goodsInfo.goodsCd}]]);"><label for="soldoutSkipYn"><span>품절제외</span> </label>
+									</div>
+									<div class="guidance" >
+										<!--210409_ 추가 : .guidance에 .ontoast 추가 시, toast 팝업 작동 -->
+										<p>품절 옵션이 제외되었습니다</p>
+									</div>
+									<script>
+										function getGuidance()  {
+											if($('.pop_option_select').find('input[name=soldoutSkipYn]').is(":checked")){
+												$(".guidance").addClass("ontoast");
+												setTimeout(function(){$(".guidance").removeClass("ontoast");}, 5000);
+											}
+										}
+									</script>
+								</div>
+							</div>
+							<div class="form_wrap">
+								<div class="form_field mb10" id="form_field_item_Up">
+									<div class="select_custom deal_opt_item"> <!-- active -->
+										<div class="combo">
+											<div class="select">선택</div>
+											<ul class="list">
+												<!-- 선택처리 class="selected" / 선택불가 aria-disabled="true" / 품절표기 data-soldout="true" 추가  -->
+												<li th:each="goodsInfo, status : ${goodsDealComposeList}" 
+													th:attr="aria-disabled=${(goodsInfo.goodsStat != 'G008_90' or goodsInfo.stockQty <= 0)? 'true':''}, data-soldout=${(goodsInfo.stockQty <= 0)? 'true':''}"
+													th:onclick="fnOption1('Up', [[${goodsInfo.compsGoodsCd}]], [[${goodsInfo.currPrice}]] , [[${goodsInfo.selfGoodsYn}]]);"
+													 class="">
+													<div class="item_prod" th:attr="goodsCd=${goodsInfo.compsGoodsCd}">
+														<div class="item_state">
+															<a href="javascript:void(0);" class="itemLink">
+																<div class="itemPic">
+																	<img alt="" class="vLHTC pd_img" th:src="${imgGoodsUrl+'/'+goodsInfo.sysImgNm+'?RS=44'}" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">
+																</div>
+																<div class="itemName" ><span class="tit_option" th:text="${'[상품'+status.count+']'}">[상품1]</span><th:block th:text="${goodsInfo.goodsFullNm}"></th:block></div>
+																<p class="itemPrice">
+																	<th:block th:text="${#numbers.formatInteger(goodsInfo.currPrice, 0,'COMMA')}"> 134,100</th:block>
+																	<span class="itemPrice_original" th:if="${goodsInfo.listPrice > goodsInfo.currPrice}" th:text="${#numbers.formatInteger(goodsInfo.listPrice, 0,'COMMA')}">89,000</span>
+																	<span class="itemPercent" th:if="${goodsInfo.dcRate > 0}" th:text="|${#numbers.formatDecimal(goodsInfo.dcRate,0,0)}%|">10%</span>
+																</p>
+															</a>
+															<input type="hidden" name="selectGoods" th:attr="goodsNm=${'[상품'+status.count+']' +goodsInfo.goodsFullNm}, currPrice=${goodsInfo.currPrice}, goodsCd=${goodsInfo.compsGoodsCd}" />
+														</div>
+													</div>
+												</li>
+											</ul>
+										</div>
+									</div>
+								</div>
+								<div class="form_field" id="form_field1_Up">
+									<div class="select_custom item_opt1" disabled>
+										<div class="combo">
+											<div class="select">선택</div>
+											<ul class="list" id="goodsDealOptUp1">
+												<!--  옵션 1 -->
+											</ul>
+										</div>
+									</div>
+								</div>
+								<div class="form_field"  id="form_field2_Up">
+									<div class="select_custom item_opt2" disabled>
+										<div class="combo">
+											<div class="select">선택</div>
+											<ul class="list" id="goodsDealOptUp2">
+												<!--  옵션 2 -->
+											</ul>
+										</div>
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+			<!-- //옵션선택팝업 -->
 		</div>
 		<!-- 팝업영역 -->
-
 	</section>
 	<!-- ★ 컨텐츠 종료 -->	
 
@@ -1251,11 +1252,12 @@
 
 		//팝업 - 구매하기 > 옵션선택 > 옵션셀렉트팝업
 		$(document).on('click','.Purchase_pop .option_result .option_open',function(e){
-			 $(".Purchase_pop .pop_option_select").show();
+		 	$(".pop_option_select").show();
 			 return false;
 		 });
 		$(document).on('click','.Purchase_pop .close',function(e){
-			 $(".Purchase_pop .pop_option_select").hide();
+			$(".pop_option_select").hide();
+			$('.option_result .option_open').removeClass('on');
 			 return false;
 		 })
 //			//팝업 - 딜상세정보 옵션선택 > 옵션셀렉트팝업 ==> fnGoodsDealOptionOpen()대체

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

@@ -1127,108 +1127,6 @@
 						</th:block>
 					</div>
 				</div>
-				<!-- 옵션선택팝업 -->
-				<div class="pop_option_select">
-					<div class="close">닫기</div>
-					<div class="pp_body">
-						<div class="pp_cont">
-							<div class="opt_select">
-								<div class="opt_header">
-									<span class="title">옵션선택</span>
-									<div class="check_excluding form_field">
-										<div>
-											<input id="soldoutSkipYn" name="soldoutSkipYn" type="checkbox" value="Y" th:onclick="fnOption1(1,[[${goodsInfo.goodsCd}]]);"><label for="soldoutSkipYn"><span>품절제외</span> </label>
-										</div>
-										<div class="guidance" >
-											<!--210409_ 추가 : .guidance에 .ontoast 추가 시, toast 팝업 작동 -->
-											<p>품절 옵션이 제외되었습니다</p>
-										</div>
-										<script>
-											function getGuidance()  {
-												if($('.pop_option_select').find('input[name=soldoutSkipYn]').is(":checked")){
-													$(".guidance").addClass("ontoast");
-													setTimeout(function(){$(".guidance").removeClass("ontoast");}, 5000);
-												}
-											}
-										</script>
-									</div>
-								</div>
-								<!-- 일반상품일때 -->
-								<th:block th:if="${goodsInfo.selfGoodsYn =='N' }"> <!--  입점상품 -->
-								<div class="nomOption">
-									<div class="form_wrap">
-										<div class="form_field" th:id="${'form_field1_'+goodsInfo.goodsCd}">
-											<div class="select_custom item_opt1 item_opt1_1"  th:classappend="${goodsInfo.goodsCd}" th:attr="id=${goodsInfo.goodsCd}">
-												<div class="combo">
-													<div class="select">선택</div>
-													<ul class="list" style="display: none;">
-														<!-- <li class="selected" th:id="|selfGoodsOpt1${goodsInfo.goodsCd}|" >선택</li>  -->
-														<th:block th:each="goodsOption, optionStatus : ${goodsOption1List}" >
-														<li th:onclick="fnOption2([[${optionStatus.count}]], [[${goodsOption.goodsCd}]],[[${goodsOption.optCd1}]],[[${goodsInfo.minOrdQty}]], [[${goodsInfo.maxOrdQty}]])"
-															th:attr="aria-disabled=${(goodsOption.goodsStat != 'G008_90' or goodsOption.stockQty <= 0)? 'true':''}, data-soldout=${(goodsOption.goodsStat != 'G008_90'  or goodsOption.stockQty <= 0)? 'true':''}">
-															<div th:text="${goodsOption.optCd1}">상품옵션</div>
-															<div th:if="${goodsOption.addPrice > 0}" th:text="|${#numbers.formatInteger(goodsOption.addPrice, 0,'COMMA')}원|">0원</div>
-															<input type="hidden" name="opt" th:value="${goodsOption.goodsCd}" th:attr="selfGoodsYn=${goodsOption.selfGoodsYn}"/>
-														</li>
-														</th:block>
-													</ul>
-												</div>
-											</div>
-										</div>
-										<div class="form_field" th:id="${'form_field2_'+goodsInfo.goodsCd}"> 
-											<div class="select_custom item_opt2 item_opt2_1" th:classappend="${goodsInfo.goodsCd}"  disabled th:attr="qty=${goodsInfo.minOrdQty}">
-												<div class="combo">
-													<div class="select">선택</div>
-													<ul class="list" th:id="|goodsOpt2${goodsInfo.goodsCd}|" >
-														<!-- 옵션2 -->
-													</ul>
-												</div>
-											</div>
-										</div>
-									</div>
-								</div>
-								</th:block>
-								<!-- //일반상품일때 -->
-								<!-- 셋트상품일때 -->
-								<th:block th:if="${goodsInfo.goodsType =='G056_S' }">	<!-- 세트상품 -->
-								<div class="setOption" th:if="${goodsComposeList != null and !goodsComposeList.empty}" >
-									<div class="form_wrap"  th:each="goodsCompose, status : ${goodsComposeList}">
-										<div class="form_field" th:id="${'form_field1_'+goodsCompose.compsGoodsCd}">
-											<p class="title" th:text="${goodsCompose.compsGoodsFullNm}">슬림핏</p>
-											<div class="select_custom item_opt1" th:classappend="${'item_opt1_'+status.count +' '+goodsCompose.compsGoodsCd}" th:attr="id=${goodsCompose.compsGoodsCd}, qty=${goodsCompose.qty}"
-																				th:if="${goodsCompose.goodsOption1List != null and !goodsCompose.goodsOption1List.empty}" >
-												<div class="combo">
-													<div class="select">선택</div>
-													<ul class="list" style="display: none;">
-														<th:block th:each="goodsOption, optionStatus : ${goodsCompose.goodsOption1List}" >
-														<!-- <li class="selected" th:id="|selfGoodsOpt1${goodsCompose.compsGoodsCd}|" th:if=${optionStatus.first}>선택</li> --> 
-														<li th:onclick="fnOption2([[${status.count}]], [[${goodsOption.goodsCd}]],[[${goodsOption.optCd1}]],[[${goodsInfo.minOrdQty}]], [[${goodsInfo.maxOrdQty}]])"
-															th:attr="aria-disabled=${(goodsCompose.goodsStat != 'G008_90' or goodsOption.stockQty <= 0)? 'true':''}, data-soldout=${(goodsOption.stockQty <= 0)? 'true':''}"
-															><th:block th:text="${goodsOption.optCd1Nm}"></th:block>
-															<input type="hidden" name="opt" th:value="${goodsOption.goodsCd}" th:attr="optCd1=${goodsOption.optCd1},optCd1Nm=${goodsOption.optCd1Nm},optCd2=${goodsOption.optCd2},optCd=${goodsOption.optCd}"/>
-														</li>
-														</th:block>
-													</ul>
-												</div>
-											</div>
-										</div>
-										<div class="form_field" th:id="${'form_field2_'+goodsCompose.compsGoodsCd}">
-											<div class="select_custom item_opt2" th:classappend="${'item_opt2_'+status.count +' '+goodsCompose.compsGoodsCd}" disabled>
-												<div class="combo">
-													<div class="select">선택</div>
-													<ul class="list" th:id="|goodsOpt2${goodsCompose.compsGoodsCd}|">
-													</ul>
-												</div>
-											</div>
-										</div>
-									</div>
-								</div>
-								</th:block>
-							</div>
-						</div>
-					</div>
-				</div>
-				<!-- //옵션선택팝업 -->
 			</div>
 			<div class="body btPop_foot btPopAuto_foot">
 				<!-- 총 결재금액, 하단버튼 -->
@@ -1257,6 +1155,111 @@
 			</div>
 		</div>
 		<!-- 구매하기팝업 -->
+		
+		<!-- 옵션선택팝업 -->
+		<div class="pop_option_select">
+			<div class="close">닫기</div>
+			<div class="pp_body">
+				<div class="pp_cont">
+					<div class="opt_select">
+						<div class="opt_header">
+							<span class="title">옵션선택</span>
+							<div class="check_excluding form_field">
+								<div>
+									<input id="soldoutSkipYn" name="soldoutSkipYn" type="checkbox" value="Y" th:onclick="fnOption1(1,[[${goodsInfo.goodsCd}]]);"><label for="soldoutSkipYn"><span>품절제외</span> </label>
+								</div>
+								<div class="guidance" >
+									<!--210409_ 추가 : .guidance에 .ontoast 추가 시, toast 팝업 작동 -->
+									<p>품절 옵션이 제외되었습니다</p>
+								</div>
+								<script>
+									function getGuidance()  {
+										if($('.pop_option_select').find('input[name=soldoutSkipYn]').is(":checked")){
+											$(".guidance").addClass("ontoast");
+											setTimeout(function(){$(".guidance").removeClass("ontoast");}, 5000);
+										}
+									}
+								</script>
+							</div>
+						</div>
+						<!-- 일반상품일때 -->
+						<th:block th:if="${goodsInfo.selfGoodsYn =='N' }"> <!--  입점상품 -->
+						<div class="nomOption">
+							<div class="form_wrap">
+								<div class="form_field" th:id="${'form_field1_'+goodsInfo.goodsCd}">
+									<div class="select_custom item_opt1 item_opt1_1"  th:classappend="${goodsInfo.goodsCd}" th:attr="id=${goodsInfo.goodsCd}">
+										<div class="combo">
+											<div class="select">선택</div>
+											<ul class="list" style="display: none;">
+												<!-- <li class="selected" th:id="|selfGoodsOpt1${goodsInfo.goodsCd}|" >선택</li>  -->
+												<th:block th:each="goodsOption, optionStatus : ${goodsOption1List}" >
+												<li th:onclick="fnOption2([[${optionStatus.count}]], [[${goodsOption.goodsCd}]],[[${goodsOption.optCd1}]],[[${goodsInfo.minOrdQty}]], [[${goodsInfo.maxOrdQty}]])"
+													th:attr="aria-disabled=${(goodsOption.goodsStat != 'G008_90' or goodsOption.stockQty <= 0)? 'true':''}, data-soldout=${(goodsOption.goodsStat != 'G008_90'  or goodsOption.stockQty <= 0)? 'true':''}">
+													<div th:text="${goodsOption.optCd1}">상품옵션</div>
+													<div th:if="${goodsOption.addPrice > 0}" th:text="|${#numbers.formatInteger(goodsOption.addPrice, 0,'COMMA')}원|">0원</div>
+													<input type="hidden" name="opt" th:value="${goodsOption.goodsCd}" th:attr="selfGoodsYn=${goodsOption.selfGoodsYn}"/>
+												</li>
+												</th:block>
+											</ul>
+										</div>
+									</div>
+								</div>
+								<div class="form_field" th:id="${'form_field2_'+goodsInfo.goodsCd}"> 
+									<div class="select_custom item_opt2 item_opt2_1" th:classappend="${goodsInfo.goodsCd}"  disabled th:attr="qty=${goodsInfo.minOrdQty}">
+										<div class="combo">
+											<div class="select">선택</div>
+											<ul class="list" th:id="|goodsOpt2${goodsInfo.goodsCd}|" >
+												<!-- 옵션2 -->
+											</ul>
+										</div>
+									</div>
+								</div>
+							</div>
+						</div>
+						</th:block>
+						<!-- //일반상품일때 -->
+						<!-- 셋트상품일때 -->
+						<th:block th:if="${goodsInfo.goodsType =='G056_S' }">	<!-- 세트상품 -->
+						<div class="setOption" th:if="${goodsComposeList != null and !goodsComposeList.empty}" >
+							<div class="form_wrap"  th:each="goodsCompose, status : ${goodsComposeList}">
+								<div class="form_field" th:id="${'form_field1_'+goodsCompose.compsGoodsCd}">
+									<p class="title" th:text="${goodsCompose.compsGoodsFullNm}">슬림핏</p>
+									<div class="select_custom item_opt1" th:classappend="${'item_opt1_'+status.count +' '+goodsCompose.compsGoodsCd}" th:attr="id=${goodsCompose.compsGoodsCd}, qty=${goodsCompose.qty}"
+																		th:if="${goodsCompose.goodsOption1List != null and !goodsCompose.goodsOption1List.empty}" >
+										<div class="combo">
+											<div class="select">선택</div>
+											<ul class="list" style="display: none;">
+												<th:block th:each="goodsOption, optionStatus : ${goodsCompose.goodsOption1List}" >
+												<!-- <li class="selected" th:id="|selfGoodsOpt1${goodsCompose.compsGoodsCd}|" th:if=${optionStatus.first}>선택</li> --> 
+												<li th:onclick="fnOption2([[${status.count}]], [[${goodsOption.goodsCd}]],[[${goodsOption.optCd1}]],[[${goodsInfo.minOrdQty}]], [[${goodsInfo.maxOrdQty}]])"
+													th:attr="aria-disabled=${(goodsCompose.goodsStat != 'G008_90' or goodsOption.stockQty <= 0)? 'true':''}, data-soldout=${(goodsOption.stockQty <= 0)? 'true':''}"
+													><th:block th:text="${goodsOption.optCd1Nm}"></th:block>
+													<input type="hidden" name="opt" th:value="${goodsOption.goodsCd}" th:attr="optCd1=${goodsOption.optCd1},optCd1Nm=${goodsOption.optCd1Nm},optCd2=${goodsOption.optCd2},optCd=${goodsOption.optCd}"/>
+												</li>
+												</th:block>
+											</ul>
+										</div>
+									</div>
+								</div>
+								<div class="form_field" th:id="${'form_field2_'+goodsCompose.compsGoodsCd}">
+									<div class="select_custom item_opt2" th:classappend="${'item_opt2_'+status.count +' '+goodsCompose.compsGoodsCd}" disabled>
+										<div class="combo">
+											<div class="select">선택</div>
+											<ul class="list" th:id="|goodsOpt2${goodsCompose.compsGoodsCd}|">
+											</ul>
+										</div>
+									</div>
+								</div>
+							</div>
+						</div>
+						</th:block>
+					</div>
+				</div>
+			</div>
+		</div>
+		<!-- //옵션선택팝업 -->
+		
+		
 	</section>
 	<!-- ★ 컨텐츠 종료 -->	
 
@@ -2570,16 +2573,16 @@
 		
 		//팝업 - 구매하기 > 옵션선택 > 옵션셀렉트팝업
 		$(document).on('click','.Purchase_pop .option_result .option_open',function(e){
-			$(".Purchase_pop .pop_option_select").show(); 
-			//$(".Purchase_pop .pop_option_select").find('.select_custom.item_opt1.item_opt1_1').addClass('on');
-			//$(".Purchase_pop .pop_option_select").find('.select_custom.item_opt1.item_opt1_1 .list').css('display','block');
+			$(".pop_option_select").show();
+			
 			return false;
 		});
 		
-		$(document).on('click','.Purchase_pop .close',function(e){
-			$(".Purchase_pop .pop_option_select").hide();
-			return false;
-		});
+		$(document).on('click','.pop_option_select .close',function(e){
+            $(".pop_option_select").hide();
+			$('.option_result .option_open').removeClass('on');
+            return false;
+        });
 
 		 //관심상품 등록
 		$(document).on('click','.pd .itemLike',function(e){

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

@@ -46,7 +46,27 @@
 	
 	// 구성 상품 상세 문의
 	var fnGoodsDetailQna = function(params) {
-		gagajf.ajaxSubmit("/goods/detail/qna/frame", "html", "goodsDealQna", params);
+		//gagajf.ajaxSubmit("/goods/detail/qna/frame", "html", "goodsDealQna", params);
+
+		$.ajax( {
+			type		: "POST",
+			url 		: '/goods/detail/qna/frame',
+			data		: JSON.stringify(params),
+			dataType 	: 'html',
+			beforeSend : function(xhr, settings) {
+				xhr.setRequestHeader("AJAX"			, "true");
+				xhr.setRequestHeader('Accept'		, 'application/json');
+				xhr.setRequestHeader('Content-Type'	, 'application/json');
+			},
+			success 	: function(result) {
+				if (result != null) {
+					$("#goodsDealQna").css("display", "block");
+					$("#goodsDealQna").html(result);
+				}
+			}
+		});
+			
+		
 	}
 	
 	$(document).ready( function() {
@@ -58,6 +78,9 @@
 		fnGoodsDetailQna(params);  // ajax html
 		
 	});	
+	
+	
+	
 /*]]>*/
 </script>
 

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

@@ -91,10 +91,17 @@
 </div>		
 <!-- //주문상태 선택 팝업 -->
 
+<script src="/ux/plugins/gaga/gaga.infinite.scrollSession.js"></script>
+<script src="/ux/plugins/jquery/jquery.history.min.js"></script>
+
 <script th:inline="javascript">
 //AJAX 로드를 위한 변수 설정
 let custNo 		= [[${custNo}]];
 let totalCnt 	= [[${totalCnt}]];
+var jsonObj 	= {};
+var totalPage	= 0;
+var remainList	= 0;
+var pageNo		= 0;
 
 /*<![CDATA[*/
 $(document).ready(function() {
@@ -108,124 +115,155 @@ $(document).ready(function() {
 		, "chgStat" 		: ""
 		, "stDate" 			: ""
 		, "edDate" 			: ""
-		, "custNo"			: custNo
 	}
 	
 	// AJAX 변수 설정
-	jsonData = JSON.stringify(jsonObj);
+	//jsonData = JSON.stringify(jsonObj);
 	
 	// 전체페이지 구하기
-	totalPage 	= parseInt(totalCnt / 10);
-	remainList 	= totalCnt % 10; 
+	//totalPage 	= parseInt(totalCnt / 10);
+	//remainList 	= totalCnt % 10; 
 	
 	// 나머지가 있으면 전체 페이지 + 1
-	if (remainList > 0) {
-		totalPage = totalPage + 1;
-	}
+	//if (remainList > 0) {
+	//	totalPage = totalPage + 1;
+	//}
 	
-	fnSetSearchPeriod(3);
+	//fnSetSearchPeriod(3);
 	
-	var win = $(window);
+	//var win = $(window);
 	 
 	// Each time the user scrolls
-	win.scroll(function() {
+	//win.scroll(function() {
 		// End of the document reached?
-		if ($(document).height() - win.height() == win.scrollTop()) {
-			if (scrollTemp) {
-				var tempPage 	= parseInt($("#searchForm input[name=pageNo]").val());
-				tempPage 		= tempPage + 1;
-				
-				if (totalPage > tempPage) {
-					scrollTemp = false;
-					fnGetInfiniteScrollDataList(tempPage);
-				}
-			}
-		}
-	});
+		//if ($(document).height() - win.height() == win.scrollTop()) {
+		//	if (scrollTemp) {
+		//		var tempPage 	= parseInt($("#searchForm input[name=pageNo]").val());
+		//		tempPage 		= tempPage + 1;
+		//
+		//		if (totalPage > tempPage) {
+		//			scrollTemp = false;
+		//			fnGetInfiniteScrollDataList(tempPage);
+		//		}
+		//	}
+		//}
+	//});
 	
-	// 주문상세상태코드 셀렉트박스 변경 이벤트
-	$('#odStatusPop .popup_con .button_list .ordDtlStat').on('click', function() {
-		let code = $(this).attr('code');
-		$('#searchForm input[name=chgStat]').val(code);
-		jsonObj.chgStat = code;
-
-		$("#odStatusPop .popup_con button").removeClass("on");
-
-		// 상태값설정
-		$("#odStatusPop .popup_con button").each(function() {
-			var tempCode = $(this).attr("code");
-			if (tempCode == code) {
-				$(this).addClass("on");
-
-				// 상태값 명칭
-				var ordDtlStatNm = $(this).find("span").text();
-				$(".container .my_return .od_status_btn").text(ordDtlStatNm);
-			}
-		});
-
-		// 리헷
-		$("#listBox").html("");
-
-		// 초기화설정
-		fnGetInfiniteScrollDataList(1);
+	
+});
 
-		// 팝업닫기
-		$(".popup_close").trigger("click");
-	});
+//사파리 - 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 = {};
+		}
+	} else {
+		// 2021.05.28 인피니티스크롤 초기화
+		fnMypageCreListInfiniteScrollInit();
+		fnGetInfiniteScrollDataList();
+	}
 });
 
 //취소,반품,교환목록조회
-var fnGetInfiniteScrollDataList = function(pageNo) {
-
-	// 페이지번호가 없으면 1페이지 설정
-	if (pageNo == null || pageNo == 0) {
-		pageNo = 1;
+var fnGetInfiniteScrollDataList = function() {
+	
+	// 2021.05.28 페이지 기능 수정
+	if (pageNo <= totalPage) {
+		pageNo++;
+	} else {
+		return false;
 	}
 	
 	// 페이지설정
 	$("#searchForm input[name=pageNo]").val(pageNo);
 	
-	jsonObj.pageNo = pageNo;
-	jsonObj.stDate = $("#searchForm input[name=stDate]").val();
-	jsonObj.edDate = $("#searchForm input[name=edDate]").val();
+	jsonObj.pageNo	= pageNo;
+	jsonObj.stDate	= $("#searchForm input[name=stDate]").val();
+	jsonObj.edDate	= $("#searchForm input[name=edDate]").val();
+	jsonObj.chgStat	= $('#searchForm input[name=chgStat]').val();
 	
-	$.ajax( {
-		type		: "POST",
-		url 		: '/mypage/cre/listInfo',
-		data		: JSON.stringify(jsonObj),
-		dataType 	: 'html',
-		beforeSend : function(xhr, settings) {
-			xhr.setRequestHeader("AJAX"			, "true");
-			xhr.setRequestHeader('Accept'		, 'application/json');
-			xhr.setRequestHeader('Content-Type'	, 'application/json');
-		},
-		success 	: function(result) {
-			if (result != null) {
-				$("#listBox").css("display", "block");
-				$("#listBox").append(result);
-				
-				scrollTemp = true;
-				
-			}
+	gagajf.ajaxJsonSubmit('/mypage/cre/list/pre/info', JSON.stringify(jsonObj), function(result) {
+		let totalCount 	= result.paging.totalCount;
+		totalCnt 		= totalCount;
+		
+		getTotalPage(totalCount);
+		
+		gagaInfiniteScroll.pageStatus.totalCount = totalCount;
+		
+		let ordChgSqArr = [];
+		$.each(result.creList, function(idx, item) {
+			ordChgSqArr.push(item.ordChgSq);
+		});
+		
+		jsonObj.ordChgSqArr = ordChgSqArr;
+		
+		if (ordChgSqArr.length > 0) {
+			$.ajax({
+				type: "POST",
+				url: '/mypage/cre/list/info',
+				data: JSON.stringify(jsonObj),
+				dataType: 'html',
+				beforeSend: function (xhr, settings) {
+					xhr.setRequestHeader("AJAX", "true");
+					xhr.setRequestHeader('Accept', 'application/json');
+					xhr.setRequestHeader('Content-Type', 'application/json');
+				},
+				success: function (result) {
+					if (result != null) {
+						// 2021.05.28
+						$("#listBox").css("display", "block");
+						gagaInfiniteScroll.draw(result);
+					}
+				}
+			});
 		}
-	});
+	}, true);
+	//$.ajax( {
+	//	type		: "POST",
+	//	url 		: '/mypage/cre/listInfo',
+	//	data		: JSON.stringify(jsonObj),
+	//	dataType 	: 'html',
+	//	beforeSend : function(xhr, settings) {
+	//		xhr.setRequestHeader("AJAX"			, "true");
+	//		xhr.setRequestHeader('Accept'		, 'application/json');
+	//		xhr.setRequestHeader('Content-Type'	, 'application/json');
+	//	},
+	//	success 	: function(result) {
+	//		if (result != null) {
+	//			$("#listBox").css("display", "block");
+	//			$("#listBox").append(result);
+	//			
+	//			scrollTemp = true;
+	//			
+	//		}
+	//	}
+	//});
 }
 
 //검색기간 버튼 클릭 이벤트 처리
 var fnSetSearchPeriod = function(period) {
 	let date 		= new Date();
-	let edDate 		= date.getFullYear() + '-' + ('0' + (date.getMonth() + 1)).slice(-2) + '-' + ('0' + (date.getDate() + 1)).slice(-2);
+	let edDate 		= getFormatDate(date);
+	
+	let day = date.getDate();
+	let lastDay = (new Date(date.getFullYear(), (date.getMonth() + 1) - period, 0)).getDate();
+	
+	if (day - lastDay > 0) {
+		date.setDate(date.getDate() - (day - lastDay));
+	}
+	
 	date.setMonth(date.getMonth() - period);
-	let stDate 		= date.getFullYear() + '-' + ('0' + (date.getMonth() + 1)).slice(-2) + '-' + ('0' + (date.getDate() + 1)).slice(-2);
+	let stDate 		= getFormatDate(date);
 
 	$('#searchForm input[name=edDate]').val(edDate);
 	$('#searchForm input[name=stDate]').val(stDate);
 	
-	// 리헷
-	$("#listBox").html("");
-	
-	// 초기화설정
-	fnGetInfiniteScrollDataList(1);
+	// 인피니티스크롤 초기화
+	fnMypageOrderListInfiniteScrollInit();
 	
 	$("#odDatePop .popup_con button").removeClass("on");
 	
@@ -240,13 +278,57 @@ var fnSetSearchPeriod = function(period) {
 			$(".container .my_return .od_date_btn").text(periodStr);
 		}
 	});
+	
+	fnGetInfiniteScrollDataList();
+	
+	// 팝업닫기
+	$(".popup_close").trigger("click");
+}
 
+// 주문상세상태코드 셀렉트박스 변경 이벤트
+$('#odStatusPop .popup_con .button_list .ordDtlStat').on('click', function() {
+	let code = $(this).attr('code');
+	$('#searchForm input[name=chgStat]').val(code);
+	jsonObj.chgStat = code;
+	
+	$("#odStatusPop .popup_con button").removeClass("on");
+	
+	// 상태값설정
+	$("#odStatusPop .popup_con button").each(function() {
+		var tempCode = $(this).attr("code");
+		if (tempCode == code) {
+			$(this).addClass("on");
+			
+			// 상태값 명칭
+			var ordDtlStatNm = $(this).find("span").text();
+			$(".container .my_return .od_status_btn").text(ordDtlStatNm);
+		}
+	});
+	
+	// 인피니티스크롤 초기화
+	fnMypageOrderListInfiniteScrollInit();
+	fnGetInfiniteScrollDataList();
+	
 	// 팝업닫기
 	$(".popup_close").trigger("click");
+});
+
+// 2021.04.21 인피니티 스크롤 기능 구현전 추후 수정
+var fnMypageCreListInfiniteScrollInit = function(){
+	sessionStorage.removeItem(document.location.href);
+	
+	pageNo = 0;
+	
+	// History 초기화
+	$("#listBox").html("");
 }
 
 // 취반교 상세 페이지 이동
 var fnGoToCreDetail = function(param) {
+	// 2021.05.27 인피니스크롤위치이동
+	let scrollpos = $(window).scrollTop();
+	localStorage.setItem('scrollpos', scrollpos);
+	
 	let ordNo = $(param).attr('ordNo');
 	let ordChgSq = $(param).attr('ordChgSq');
 	let chgGb = $(param).attr('chgGb');
@@ -266,6 +348,19 @@ var fnGoToCreDetail = function(param) {
 
 	cfnGoToPage(_frontUrl + url);
 }
+
+var getTotalPage = function(param) {
+	// 전체페이지 구하기
+	totalPage 	= parseInt(param / 10);
+	remainList 	= param % 10;
+	
+	// 나머지가 있으면 전체 페이지 + 1
+	if (remainList > 0) {
+		totalPage = totalPage + 1;
+	}
+}
+
+$(function() { gagaInfiniteScroll.getHistory(); });
 /*]]>*/
 </script>
 
@@ -313,35 +408,6 @@ var fnGoToCreDetail = function(param) {
 		});
 	});
 	/* //210409_추가 : alert 모음 */
-	
-	// 등급쿠폰 다운 클릭 이벤트
-	var fnDownloadCoupon = function() {
-		let url = '/mypage/coupon/download/all';
-
-		let data = {};
-		data.custNo = customerInfo.custNo;
-
-		let jsonData = JSON.stringify(data);
-
-		gagajf.ajaxJsonSubmit(url, jsonData, function() {
-			fnReloadCouponCount();
-		});
-	}
-	
-	// 보유쿠폰 수량 업데이트 처리
-	var fnReloadCouponCount = function() {
-		let url = '/mypage/coupon/count';
-		
-		let data = {};
-		data.custNo = customerInfo.custNo;
-		
-		let jsonData = JSON.stringify(data);
-		
-		gagajf.ajaxJsonSubmit(url, jsonData, function(result) {
-			$('#couponCnt').text(result.couponCnt);
-			$('#expiredSoonCouponCnt').text(result.expiredSoonCouponCnt);
-		});
-	}
 </script>
 
 </th:block>

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

@@ -23,7 +23,7 @@
 							<p class="dlvr_desc"><th:block th:text="|${cre.chgDate} ${cre.chgTime}|"></p>
 						</div>
 						<div class="goods_detail">
-							<a href="javascript:void(0);">
+							<a href="javascript:void(0)" th:attr="goodsCd=${cre.goodsCd}" onclick="fnGoToGoodsDetail(this)">
 								<div class="thumb_box">
 									<img th:src="${imageUrl + '/' + cre.sysImgNm}" src="/" width="100%" alt="">
 								</div>

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

@@ -210,6 +210,7 @@
 		</form>
 	</section>
 </main>
+<script th:src="@{'/biz/customer.js?v=' + ${#calendars.format(#calendars.createNow(), 'yyyyMMddHHmmss')}}" src="/biz/customer.js"></script>
 <script th:inline="javascript">
 	/*<![CDATA[*/
 	let sEncData = [[${sEncData}]];   //인증 후 해당 페이지로 리다이렉트함

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

@@ -209,34 +209,6 @@ $(document).ready(function() {
 		$('#htopTitle').text('주문확인/배송조회');
 	}
 	
-	// 주문상세상태코드 셀렉트박스 변경 이벤트
-	$('#odStatusPop .popup_con .button_list .ordDtlStat').on('click', function() {
-		let code = $(this).attr('code');
-		$('#searchForm input[name=ordDtlStat]').val(code);
-		jsonObj.ordDtlStat = code;
-
-		$("#odStatusPop .popup_con button").removeClass("on");
-
-		// 상태값설정
-		$("#odStatusPop .popup_con button").each(function() {
-			var tempCode = $(this).attr("code");
-			if (tempCode == code) {
-				$(this).addClass("on");
-
-				// 상태값 명칭
-				var ordDtlStatNm = $(this).find("span").text();
-				$(".container .my_order .od_status_btn").text(ordDtlStatNm);
-			}
-		});
-		
-		// 인피니티스크롤 초기화
-		fnMypageOrderListInfiniteScrollInit();
-		fnGetInfiniteScrollDataList();
-
-		// 팝업닫기
-		$(".popup_close").trigger("click");
-	});
-
 	// GNB Background Color 변경
 	if (mypageMainYn == 'Y') {
 		$('#htopSub').addClass('my_main');
@@ -331,22 +303,27 @@ var fnGetInfiniteScrollDataList = function() {
 				}
 			});
 		}
-	});
+	}, true);
 }
 
 // 검색기간 버튼 클릭 이벤트 처리
 var fnSetSearchPeriod = function(period) {
 	let date 		= new Date();
-	let edDate 		= date.getFullYear() + '-' + ('0' + (date.getMonth() + 1)).slice(-2) + '-' + ('0' + (date.getDate() + 1)).slice(-2);
+	let edDate 		= getFormatDate(date);
+	
+	let day = date.getDate();
+	let lastDay = (new Date(date.getFullYear(), (date.getMonth() + 1) - period, 0)).getDate();
+	
+	if (day - lastDay > 0) {
+		date.setDate(date.getDate() - (day - lastDay));
+	}
+	
 	date.setMonth(date.getMonth() - period);
-	let stDate 		= date.getFullYear() + '-' + ('0' + (date.getMonth() + 1)).slice(-2) + '-' + ('0' + (date.getDate() + 1)).slice(-2);
+	let stDate 		= getFormatDate(date);
 
 	$('#searchForm input[name=edDate]').val(edDate);
 	$('#searchForm input[name=stDate]').val(stDate);
 	
-	// 리헷
-	$("#listBox").html("");
-	
 	// 인피니티스크롤 초기화
 	fnMypageOrderListInfiniteScrollInit();
 	
@@ -363,15 +340,47 @@ var fnSetSearchPeriod = function(period) {
 			$(".container .my_order .od_date_btn").text(periodStr);
 		}
 	});
-
+	
+	fnGetInfiniteScrollDataList();
+	
 	// 팝업닫기
 	$(".popup_close").trigger("click");
 }
 
+// 주문상세상태코드 셀렉트박스 변경 이벤트
+$('#odStatusPop .popup_con .button_list .ordDtlStat').on('click', function() {
+	let code = $(this).attr('code');
+	$('#searchForm input[name=ordDtlStat]').val(code);
+	jsonObj.ordDtlStat = code;
+	
+	$("#odStatusPop .popup_con button").removeClass("on");
+	
+	// 상태값설정
+	$("#odStatusPop .popup_con button").each(function() {
+		var tempCode = $(this).attr("code");
+		if (tempCode == code) {
+			$(this).addClass("on");
+			
+			// 상태값 명칭
+			var ordDtlStatNm = $(this).find("span").text();
+			$(".container .my_order .od_status_btn").text(ordDtlStatNm);
+		}
+	});
+	
+	// 인피니티스크롤 초기화
+	fnMypageOrderListInfiniteScrollInit();
+	fnGetInfiniteScrollDataList();
+	
+	// 팝업닫기
+	$(".popup_close").trigger("click");
+});
+
 // 2021.04.21 인피니티 스크롤 기능 구현전 추후 수정
 var fnMypageOrderListInfiniteScrollInit = function(){
 	sessionStorage.removeItem(document.location.href);
 	
+	pageNo = 0;
+	
 	// History 초기화
 	$("#listBox").html("");
 }

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

@@ -328,9 +328,17 @@ var fnGetInfiniteScrollDataList = function(pageNo) {
 //검색기간 버튼 클릭 이벤트 처리
 var fnSetSearchPeriod = function(period) {
 	let date 		= new Date();
-	let edDate 		= date.getFullYear() + '-' + ('0' + (date.getMonth() + 1)).slice(-2) + '-' + ('0' + (date.getDate() + 1)).slice(-2);
+	let edDate 		= getFormatDate(date);
+	
+	let day = date.getDate();
+	let lastDay = (new Date(date.getFullYear(), (date.getMonth() + 1) - period, 0)).getDate();
+	
+	if (day - lastDay > 0) {
+		date.setDate(date.getDate() - (day - lastDay));
+	}
+	
 	date.setMonth(date.getMonth() - period);
-	let stDate 		= date.getFullYear() + '-' + ('0' + (date.getMonth() + 1)).slice(-2) + '-' + ('0' + (date.getDate() + 1)).slice(-2);
+	let stDate 		= getFormatDate(date);
 
 	$('#searchForm input[name=edDate]').val(edDate);
 	$('#searchForm input[name=stDate]').val(stDate);

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

@@ -29,7 +29,7 @@
 						<input type="hidden" name="reviewSq" th:if="${reviewStat == 'u'}" th:value="${reviewInfo.reviewSq}">
 					<div class="inner bg_gray">
 						<ul class="note">
-							<li>일반 리뷰 작성시 150P, 일반 리뷰 작성시 150P, 포토/영상 리뷰는 350P가 추가 적립됩니다.</li>
+							<li>일반 리뷰 작성시 150P, 포토/영상 리뷰는 350P가  적립됩니다.</li>
 							<li>월 최대 10,000P까지 적립 가능합니다.(합산 후 월 1회 지급)</li>
 							<li>베스트 리뷰로 선정되면 10,000P가 추가 적립됩니다.</li>
 							<li>리뷰 작성시 욕설, 비방, 선정적인 내용 등이 있을 경우 통보 없이관리자에 의해 삭제 될 수 있습니다.</li>
@@ -46,7 +46,7 @@
 										</div>
 										<div class="info_box">
 											<div class="od_name">
-												<div class="goods_date"><span class="date" th:text="${reviewInfo.payDt}"></span>구매</div>
+												<div class="goods_date"><span class="date" th:text="${reviewInfo.regDt}"></span> 구매</div>
 												<div class="brand">
 													<span th:text="${reviewInfo.brandEnm}"></span>
 												</div>
@@ -328,7 +328,7 @@ function rating(score) {
 // 리뷰  취소
 var reviewCancel = function() {
 	
-	mcxDialog.confirm('취소하시겠습니까"?', {
+	mcxDialog.confirm('취소하시겠습니까?', {
         cancelBtnText: "취소",
         sureBtnText: "확인",
         sureBtnClick: function(){
@@ -637,7 +637,7 @@ var fnChooseFile = function(obj) {
 							$(".pics").children().last().append("<input type='hidden' name='sysFileNmArr' id='sysFileNm"+(picLength+1)+"' value='"+result.newFileName+"'>");
 						}
 				); 
-		}else if((new RegExp("mp4", "i")).test(file.name)){
+		}else if((new RegExp("mp4", "i")).test(file.name) || (new RegExp("x-m4v", "i")).test(file.name)){
 			setTimeout(function(){
 				$(".imgUpload").find('.pics').last().addClass("mov");
 				$(".pics").children().last().append("<input type='hidden' name='kufKeyArr' id='kufKey"+(picLength+1)+"'>");

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

@@ -22,7 +22,7 @@
 			</th:block>
 			<th:block th:unless="${review.bestYn == 'Y'}">
 			<h5 class="modal-title" id="exampleFullLabel">
-				<button type="button" id="btn_more_photoreview"></button>
+				<button type="button" id="btn_more_photoreview" th:onclick="cfGoodsReviewPhoto([[${params.goodsCd}]])" ></button>
 				포토/영상리뷰
 			</h5>
 			</th:block>
@@ -44,6 +44,7 @@
 											<img th:src="${imgUrl+'/'+reviewAttach.sysFileNm}" alt="">
 										</th:block>
 									</div>
+									
 								</div>
 								</th:block>
 								</th:block>
@@ -57,96 +58,101 @@
 					</div>
 				<!-- //리뷰사진영역 -->
 				<!-- 리뷰내용 -->
-				<div class="pd_review best">
-					<div class="area_rv_all">
-						<div class="btn_review_open">리뷰오픈</div>
-						<div class="review_list">
-							<ul>
-								<li>
-									<div class="review">
-										<div class="info_box">
-											<div class="star_score" th:with="starScore=${#numbers.formatDecimal((review.iscore*100/5), 0,0)}">
-												<span class="star">
-													<em class="progbar" th:style="${'width:'+starScore+'%;' }"></em> <!-- 평점 style로 표기 -->
-												</span>
+					<div class="pop_detail">
+						<button type="button" class="pop_open_btn"><span class="sr-only"></span></button>
+						<div class="comment_wrap">
+							<div class="review_list">
+								<ul>
+									<li>
+										<div class="review">
+											<div class="info_box">
+												<div class="star_score" th:with="starScore=${#numbers.formatDecimal((review.iscore*100/5), 0,0)}">
+													<span class="star">
+														<em class="progbar" th:style="${'width:'+starScore+'%;' }"></em> <!-- 평점 style로 표기 -->
+													</span>
+												</div>
+												<div class="writer">
+													<span class="wr_id" th:text="${review.maskingCustId}">ab2****</span>
+													<span class="wr_date" th:text="${review.regDt}">2020.07.15</span>
+												</div>
 											</div>
-											<div class="writer">
-												<span class="wr_id" th:text="${review.maskingCustId}">ab2****</span>
-												<span class="wr_date" th:text="${review.regDt}">2020.07.15</span>
+											<div class="response_box">
+												<div>
+													<dl>
+														<div th:if="${review.goodsOptionList != null and !review.goodsOptionList.empty}" >
+															<dt >구매옵션</dt>
+															<dd> 
+															<th:block th:each="reviewGoods, goodsStatus : ${review.goodsOptionList}">
+															<th:block th:text="${reviewGoods.optCd1Nm +' / '+ reviewGoods.optCd2}">베이지 / 100</th:block>
+															<th:block th:if="${not goodsStatus.last}" th:text="${','}"></th:block>
+															</th:block>
+															</dd>
+														</div>
+														<div>
+															<dt>키/몸무게</dt>
+															<dd><th:block th:if="${not #strings.isEmpty(review.height)}" th:text="|${review.height}cm / |"></th:block> 
+																<th:block th:if="${not #strings.isEmpty(review.weight)}" th:text="|${review.weight}kg|"></th:block>
+															</dd>
+														</div>
+													</dl>
+												</div>
 											</div>
-										</div>
-										<div class="response_box">
-											<div>
-												<dl>
-													<div th:if="${review.goodsOptionList != null and !review.goodsOptionList.empty}" th:each="reviewGoods, goodsStatus : ${review.goodsOptionList}">
-														<dt >구매옵션</dt>
-														<dd th:text="${reviewGoods.optCd1 +' / '+ reviewGoods.optCd2}">베이지 / 100</dd>
-													</div>
-													<div>
-														<dt>키/몸무게</dt>
-														<dd><th:block th:if="${not #strings.isEmpty(review.height)}" th:text="|${review.height}cm / |"></th:block> 
-															<th:block th:if="${not #strings.isEmpty(review.weight)}" th:text="|${review.weight}kg|"></th:block>
-														</dd>
-													</div>
-												</dl>
+											<div class="txt_review_box">
+												<p th:utext="${#strings.unescapeJava(#strings.escapeJava(review.reviewContent))}">옷</p>
 											</div>
-										</div>
-										<div class="txt_review_box">
-											<p th:utext="${#strings.unescapeJava(#strings.escapeJava(review.reviewContent))}">옷</p>
-										</div>
-										<div class="response_box2"  th:if="${not #strings.isEmpty(review.sizeGb)}">
-											<div>
-												<dl>
-													<div>
-														<dt>사이즈</dt>
-														<dd th:text="${review.scoreSizeNm}">작음</dd>
-													</div>
-													<div>
-														<dt>컬러</dt>
-														<dd th:text="${review.scoreColorNm}">밝음</dd>
-													</div>
-													<th:block th:if="${review.sizeGb == 'T' or review.sizeGb == 'B'}">
-													<div>
-														<dt>핏</dt>
-														<dd th:text="${review.scoreFitNm}">레귤러</dd>
-													</div>
-													<div>
-														<dt>두께감</dt>
-														<dd th:text="${review.scoreThickNm}">적당함</dd>
-													</div>
-													</th:block>
-													<th:block th:unless="${review.sizeGb == 'T' or review.sizeGb == 'B'}">
-													<div>
-														<dt>무게감</dt>
-														<dd th:text="${review.scoreWeightNm}">레귤러</dd>
+											<div class="response_box2"  th:if="${not #strings.isEmpty(review.sizeGb)}">
+												<div>
+													<dl>
+														<div>
+															<dt>사이즈</dt>
+															<dd th:text="${review.scoreSizeNm}">작음</dd>
+														</div>
+														<div>
+															<dt>컬러</dt>
+															<dd th:text="${review.scoreColorNm}">밝음</dd>
+														</div>
+														<th:block th:if="${review.sizeGb == 'T' or review.sizeGb == 'B'}">
+														<div>
+															<dt>핏</dt>
+															<dd th:text="${review.scoreFitNm}">레귤러</dd>
+														</div>
+														<div>
+															<dt>두께감</dt>
+															<dd th:text="${review.scoreThickNm}">적당함</dd>
+														</div>
+														</th:block>
+														<th:block th:unless="${review.sizeGb == 'T' or review.sizeGb == 'B'}">
+														<div>
+															<dt>무게감</dt>
+															<dd th:text="${review.scoreWeightNm}">레귤러</dd>
+														</div>
+														<div>
+															<dt>볼너비</dt>
+															<dd th:text="${review.scoreBallNm}">적당함</dd>
+														</div>
+														</th:block>
+													</dl>
+												</div>
+											</div>
+											<div class="reply_box" th:if="${not #strings.isEmpty(review.admRpl)}">
+												<div class="reply">
+													<div class="reply_writer">
+														<span class="wr_name">관리자</span>
+														<span class="wr_date" th:text="${review.admRplDt}" >2020.07.15</span>
 													</div>
-													<div>
-														<dt>볼너비</dt>
-														<dd th:text="${review.scoreBallNm}">적당함</dd>
+													<div class="reply_txt">
+														<p th:utext="${#strings.unescapeJava(#strings.escapeJava(review.admRpl))}">
+															안녕하세요, 스타일24 관리자입니다.
+														</p>
 													</div>
-													</th:block>
-												</dl>
-											</div>
-										</div>
-										<div class="reply_box" th:if="${not #strings.isEmpty(review.admRpl)}">
-											<div class="reply">
-												<div class="reply_writer">
-													<span class="wr_name">관리자</span>
-													<span class="wr_date" th:text="${review.admRplDt}" >2020.07.15</span>
-												</div>
-												<div class="reply_txt">
-													<p th:utext="${#strings.unescapeJava(#strings.escapeJava(review.admRpl))}">
-														안녕하세요, 스타일24 관리자입니다.
-													</p>
 												</div>
 											</div>
 										</div>
-									</div>
-								</li>
-							</ul>
+									</li>                               
+								</ul>
+							</div>
 						</div>
 					</div>
-				</div>
 				<!-- //리뷰내용 -->
 			</div>
 		</div>
@@ -180,6 +186,11 @@
             $(this).next(".review_list").toggleClass('active');
             return false;
         });
+        
+     // 상품평 상세 토글
+	$(document).on('click','.pop_open_btn',function(){
+		$('.modal.photo_comment_popup .pop_detail').toggleClass('active');
+	});
 
 	});
 	

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

@@ -58,7 +58,6 @@
 									</div>
 								</div>
 								<!-- tab_cont Start -->
-							<div>
 								<div class="inner" id="reviewList">
 
 								</div>
@@ -68,7 +67,6 @@
 								<div class="ui_foot" style="display:none;">
 									<button class="btn btnM btnIcon_more" id="btnMore2"  style="width: 100%;">더보기</button>
 								</div>
-							</div>
 							<!-- // tab_cont End -->
 							</div>
 
@@ -116,7 +114,7 @@
 					html += '					</div>\n';
 					html += '					<div class="info_box">\n';
 					html += '						<div class="od_name">\n';
-					html += '							<div class="goods_date"><span class="date">'+item.payDt+'</span>구매</div>\n';
+					html += '							<div class="goods_date"><span class="date">'+item.payDt+'</span> 구매</div>\n';
 					html += '							<div class="brand">\n';
 					html += '								<span>'+item.brandNm+'</span>\n';
 					html += '							</div>\n';
@@ -300,7 +298,7 @@
 				html += '							<div class="option">\n';
 				if (item.goodsType =='G056_S') {
 					$.each(item.colorNmArr, function (index2, option) {
-						html += '							<em>' + item.itemNmArr[index2] + ' / ' + option + '</em>\n';
+						html += '							<em>' + item.itemNmArr[index2] + ' / ' + option + '</em><br>\n';
 					})
 				}else{
 					html += '							<em>'+item.colorNm+'</em>\n';

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

@@ -233,9 +233,17 @@ var fnGetInfiniteScrollDataList = function(pageNo) {
 //검색기간 버튼 클릭 이벤트 처리
 var fnSetSearchPeriod = function(period) {
 	let date 		= new Date();
-	let edDate 		= date.getFullYear() + '-' + ('0' + (date.getMonth() + 1)).slice(-2) + '-' + ('0' + (date.getDate() + 1)).slice(-2);
+	let edDate 		= getFormatDate(date);
+	
+	let day = date.getDate();
+	let lastDay = (new Date(date.getFullYear(), (date.getMonth() + 1) - period, 0)).getDate();
+	
+	if (day - lastDay > 0) {
+		date.setDate(date.getDate() - (day - lastDay));
+	}
+	
 	date.setMonth(date.getMonth() - period);
-	let stDate 		= date.getFullYear() + '-' + ('0' + (date.getMonth() + 1)).slice(-2) + '-' + ('0' + (date.getDate() + 1)).slice(-2);
+	let stDate 		= getFormatDate(date);
 
 	$('#searchForm input[name=edDate]').val(edDate);
 	$('#searchForm input[name=stDate]').val(stDate);
@@ -266,6 +274,10 @@ var fnSetSearchPeriod = function(period) {
 
 // 취반교 상세 페이지 이동
 var fnGoToCreDetail = function(param) {
+	// 2021.05.27 인피니스크롤위치이동
+	let scrollpos = $(window).scrollTop();
+	localStorage.setItem('scrollpos', scrollpos);
+	
 	let ordChgSq = $(param).attr('ordChgSq');
 	let chgGb = $(param).attr('chgGb');
 	let url = '';

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

@@ -278,9 +278,17 @@ var fnGetInfiniteScrollDataList = function(pageNo) {
 //검색기간 버튼 클릭 이벤트 처리
 var fnSetSearchPeriod = function(period) {
 	let date 		= new Date();
-	let edDate 		= date.getFullYear() + '-' + ('0' + (date.getMonth() + 1)).slice(-2) + '-' + ('0' + (date.getDate() + 1)).slice(-2);
+	let edDate 		= getFormatDate(date);
+	
+	let day = date.getDate();
+	let lastDay = (new Date(date.getFullYear(), (date.getMonth() + 1) - period, 0)).getDate();
+	
+	if (day - lastDay > 0) {
+		date.setDate(date.getDate() - (day - lastDay));
+	}
+	
 	date.setMonth(date.getMonth() - period);
-	let stDate 		= date.getFullYear() + '-' + ('0' + (date.getMonth() + 1)).slice(-2) + '-' + ('0' + (date.getDate() + 1)).slice(-2);
+	let stDate 		= getFormatDate(date);
 
 	$('#searchForm input[name=edDate]').val(edDate);
 	$('#searchForm input[name=stDate]').val(stDate);

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

@@ -1104,7 +1104,11 @@ $(document).ready(function(){
         $("body").css({"overflow":"hidden"});
     });
 	
-	
+    $('#replyText').bind('input paste', function() {
+		  $(this).trigger('keyup');
+	});
+
+    
   //팝업_닫기
     $('.popup_close').on("click",function(){
         $('.popup_box').hide().removeClass('active');

src/main/webapp/WEB-INF/views/web/cart/CartChangeOptionPopupWeb.html

@@ -83,7 +83,7 @@
 													<div class="select" th:classappend="|size_${comp.goodsCd}_size_nm|" th:text="${comp.optCd2}" th:data="${color.goodsCd}"></div>
 													<ul class="list setSizeSelect" th:classappend="|size_${comp.goodsCd}|" th:data="${comp.goodsCd}">
 														<th:block th:each="size, i : ${color.cartSizeList}" th:if="${color.optCd1.equals(size.optCd1)}">
-															<li th:classappend="${size.cartOptCd != null} ? selected" th:optCd="${size.optCd}" th:value="${size.optCd}" th:text="${size.optCd2}" th:aria-disabled="${color.soldoutYn.equals('Y') or size.soldoutYn.equals('Y') or size.minOrdQty > size.currStockQty ? true : false}"></li>
+															<li th:classappend="${size.cartOptCd != null} ? selected" th:optCd="${size.optCd}" th:value="${size.optCd}" th:text="${size.optCd2}" th:aria-disabled="${color.soldoutYn.equals('Y') or size.soldoutYn.equals('Y') or size.minOrdQty > size.currStockQty or comp.qty > size.currStockQty ? true : false}"></li>
 														</th:block>
 													</ul>
 												</div>

src/main/webapp/WEB-INF/views/web/common/advertisements/GoodsDetailScriptsWeb.html

@@ -44,8 +44,9 @@
 	 { event: "setEmail", email: hEmail}, // 유저가 로그인이 안되 있는 경우 빈 문자열을 전달
 	 { event: "setSiteType", type: deviceType},
 	 { event: "viewItem", item:  [[${goodsInfo.goodsCd}]]+''}); 
--->
+
 	</script>
+-->	
 	<!-- END Criteo 상품 태그 -->
 
 	<!-- 모비온 -->
@@ -74,8 +75,9 @@
     document.getElementById("btnGoodsCart").onmouseup = sendCart;
     function sendCart() {
       sh.sendCart(); 
--->
+
 	</script>
+-->	
 	<!-- END 모비온 상품 태그 -->
 	
 </th:block>

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

@@ -1581,6 +1581,7 @@
 	}
 	
 	$(document).ready( function() {
+/*		
 		// 퀵메뉴탭 조회
 		fnCreateQuickMenuTab();
 		
@@ -1669,12 +1670,142 @@
 		
 						
 
-		/* 메인 공지 팝업 닫기 */
+		// 메인 공지 팝업 닫기 
 		$(document).on('click','#btnPopupClose',function(e){
 			$('#popupMainNotice').hide();
 			return false;
 		});		
+*/
+		
+		
+	});
+	
+	
+	//퀵메뉴탭 조회
+	var tabAnchor = $('.quick_btn button'),
+		tabPanel = $('#quick_menu .quick_con');
+	
+	$(document).on('click','.quick_btn button:not(#top_btn)',function(e){
+		e.preventDefault();
+		$('body').addClass('lock');
+		$('#quick_menu').addClass('active');
+		tabAnchor.removeClass('active');
+		$(this).addClass('active');
+		var NewLink = $(this).attr('data-tab');
+		tabPanel.hide();
+		$('.' + NewLink).show();
+	});
+
+	//Family Site
+	$('.family_link').on('click','.btn',function(e){
+		e.preventDefault();
+		$(this).parents('.family_link').find('#family_site').slideToggle(100);
+		$(this).find('.ico.ico_ft_arrow_b').toggleClass('ico_ft_arrow_t');
+	});
+	
+	var tabAnchor = $('.quick_btn button'),
+	tabPanel = $('#quick_menu .quick_con');
+
+	$(document).on('click','.quick_btn button:not(#top_btn)',function(e){
+		e.preventDefault();
+		$('body').addClass('lock');
+		$('#quick_menu').addClass('active');
+		tabAnchor.removeClass('active');
+		$(this).addClass('active');
+		var NewLink = $(this).attr('data-tab');
+		tabPanel.hide();
+		$('.' + NewLink).show();
+	});
+	
+	//퀵메뉴_쿠폰
+	var couponAnchor = $('.coupon_tab a'),
+	couponPanel = $('.coupon_area');
+
+	$(document).on('click','.coupon_tab a',function(e){
+		e.preventDefault();
+		couponAnchor.removeClass('active');
+		$(this).addClass('active');
+		var NewLink = $(this).attr('href');
+		
+		couponPanel.hide();
+		$(NewLink).show();
+		
+	});
+
+	//퀵메뉴 닫을 때
+	$(document).on('click','#quick_menu .quick_close_btn',function(e){
+		e.preventDefault();
+		$('body').removeClass('lock');
+		$('#quick_menu').removeClass('active');
+		$('#quick_menu .quick_con').hide();
+	});
+
+	//퀵메뉴 카테고리 메뉴 클릭시
+	$(document).on('click','#quick_menu .category .quick_cate_wrap > li',function(e){
+		$(this).toggleClass('active');
+		$(this).find('> ul').slideToggle(300);
+		$(this).siblings('li').find('> ul').slideUp(300);
+		$(this).siblings('li').removeClass('active');
+	});
+
+	//퀵메뉴 탑버튼 클릭 시
+	$(document).on('click','#top_btn',function(e){
+		$('body,html').animate({scrollTop:0});
+	});
+
+	//퀵메뉴_쿠폰 사용안내 팝업
+	$(".coupon_pop_btn").click(function() {
+		$(".coupon_popup").modal("show");
+	});
+	
+	// 메인 공지 팝업 닫기
+	$(document).on('click','#btnPopupClose',function(e){
+		$('#popupMainNotice').hide();
+		return false;
+	});	
+	
+	
+	//퀵메뉴
+	$('#ulQuickMenuCate').load('FooterWeb.html', function() {
+		fnCreateQuickMenuTab();
 	});
+	
+	//Family Site load 후
+	$('#family_site').load('FooterWeb.html', function() {
+		fnGetFamilySite();
+	}); 
+	
+	//최근본상품 조회
+	$('#quickMenuTodayGoods').load('FooterWeb.html', function() {
+		fnGetRecentlyGoods();
+	});
+	
+	// 장바구니 조회
+	$('#quick_menu .shopingbag.quick_con.quick02 .quick_body').load('FooterWeb.html', function() {
+		fnGetCartGoodsList();
+	});
+	
+	// 위시리스트
+	$('#quickMenuWishList').load('FooterWeb.html', function() {
+		fnGetWishList();
+	});
+	
+	// 팝업조회
+	//$('#layer_popup').load('footer.html', function() {
+		fnGetPopup();
+	//});
+	
+	// 쿠폰조회
+	$('#issueCoupon').load('FooterWeb.html', function() {
+		//$("#issueCouponBtn").trigger("click");
+		
+		couponAnchor.eq(0).trigger('click');
+	});
+	//$("#issueCouponBtn").trigger("click");
+	
+	//couponAnchor.eq(0).trigger('click');
+	
+	
 /*]]>*/
 </script>
 

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

@@ -478,12 +478,13 @@
 			$("#searchGoodsForm input:hidden[name=seasonArr]").remove();
 			$("#searchGoodsForm input:hidden[name=colorArr]").remove();
 			$("#searchGoodsForm input:hidden[name=benefitArr]").remove();
+			$("#searchGoodsForm input:hidden[name=newGoods]").val('');
 			$("#unisex").prop('checked',false);
 			$("#unisex").attr('onclick','fnFilterOption(this,\'on\');');
 			$("#searchGoodsForm input:hidden[name=unisex]").remove();
-			$("#newGoods").prop('checked',true);
-			$("#newGoods").attr('onclick','fnFilterOption(this,\'off\');');
-			$("#searchGoodsForm input:hidden[name=newGoods]").val('40');
+			$("#newGoods").prop('checked',false);
+			$("#newGoods").attr('onclick','fnFilterOption(this,\'on\');');
+			// $("#searchGoodsForm input:hidden[name=newGoods]").val('40');
 
 			fnFilterSliderMove(0,5);
 			fnDcRateFilterSliderMove(0,10);

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

@@ -1,1051 +0,0 @@
-<!DOCTYPE html>
-<html lang="ko"
-	  xmlns:th="http://www.thymeleaf.org"
-	  xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
-	  layout:decorator="web/common/layout/BrandLayoutWeb">
-<!--
- *******************************************************************************
- * @source  : CategoryGoodsListFormWeb.html
- * @desc    : 카테고리 상품목록 Page
- *============================================================================
- * STYLE24
- * Copyright(C) 2020 TSIT, All rights reserved.
- *============================================================================
- * VER  DATE         AUTHOR      DESCRIPTION
- * ===  ===========  ==========  =============================================
- * 1.0  2021.04.02   bin2107     최초 작성
- *******************************************************************************
- -->
-<body>
-
-<th:block layout:fragment="content">
-	<div id="container" class="container dp">
-		<div class="breadcrumb">
-			<ul id="navArea">
-				<li class="bread_home" id="idHome"><a href="javascript:void(0);" id="navHome">홈</a></li>
-				<li class="bread_2depth" id="mainNm" style="display: none;"></li>
-				<li class="bread_2depth" id="brandNm" style="display: none;"></li>
-				<li class="bread_2depth" id="navNm"></li>
-			</ul>
-		</div>
-		<div class="wrap">
-			<div class="content dp_list"> <!-- 페이지특정 클래스 = dp_list -->
-				<div class="cont_head">
-					<div>
-						<h3 id="formTitle"></h3>
-					</div>
-				</div>
-				<div class="lnb">
-					<div class="lnb_tit">
-						<h3>카테고리</h3>
-					</div>
-					<div class="lnb_category">
-						<ul class="category" id="ulAllCate">
-
-						</ul>
-					</div>
-				</div>
-				<div class="cont">
-					<form id="filterForm">
-						<div class="cont_body">
-							<div class="filter_list">
-								<!-- 1depth -->
-<!--								<ul>-->
-<!--									<li data-id="tap02" th:if="${filterBrandList != null and !filterBrandList.empty}">-->
-<!--										<a href="javascript:void(0)">브랜드</a>-->
-<!--									</li>-->
-<!--									<li data-id="tap03" th:if="${filterSizeList != null and !filterSizeList.empty}">-->
-<!--										<a href="javascript:void(0)">사이즈</a>-->
-<!--									</li>-->
-<!--									<li data-id="tap04" th:if="${filterPriceList != null and !filterPriceList.empty}">-->
-<!--										<a href="javascript:void(0)">가격</a>-->
-<!--									</li>-->
-<!--									<li data-id="tap05">-->
-<!--										<a href="javascript:void(0)">할인율</a>-->
-<!--									</li>-->
-<!--									<li data-id="tap06" th:if="${filterAgeList != null and !filterAgeList.empty}">-->
-<!--										<a href="javascript:void(0)">연령</a>-->
-<!--									</li>-->
-<!--									<li data-id="tap07" th:if="${filterSeasonList != null and !filterSeasonList.empty}">-->
-<!--										<a href="javascript:void(0)">시즌</a>-->
-<!--									</li>-->
-<!--									<li data-id="tap08" th:if="${filterColorList != null and !filterColorList.empty}">-->
-<!--										<a href="javascript:void(0)">컬러</a>-->
-<!--									</li>-->
-<!--									<li data-id="tap09" th:if="${filterBenefitList != null and !filterBenefitList.empty}">-->
-<!--										<a href="javascript:void(0)">혜택</a>-->
-<!--									</li>-->
-<!--								</ul>-->
-								<div class="form_field">
-									<div>
-										<input id="unisex" type="checkbox" onclick="fnFilterOption(this,'on');"><label for="unisex"> <span>남여 공용만 보기</span> </label>
-									</div>
-									<div th:unless="${cateInfo.formalGb=='G009_20'}">
-										<input id="newGoods" type="checkbox" onclick="fnFilterOption(this,'off');" checked="checked"><label for="newGoods"> <span>신상품만 보기</span> </label>
-									</div>
-								</div>
-							</div>
-<!--							<div class="filter_content">-->
-<!--								&lt;!&ndash; 브랜드 &ndash;&gt;-->
-<!--								<div class="sort tap02" th:if="${filterBrandList != null and !filterBrandList.empty}" id="brandGroupFilterDiv">-->
-<!--									<ul>-->
-<!--										<th:block th:each="oneData, status : ${filterBrandList}">-->
-<!--											<li>-->
-<!--												<label class="brand_btn">-->
-<!--													<input type="checkbox" group="filterValue" th:id="${'chkFilterBrand' + status.index}" name="brandGroup" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm}" onclick="filterSel(this,'brandGroup','off');"><span th:text="${oneData.filterNm}"></span>-->
-<!--												</label>-->
-<!--											</li>-->
-<!--										</th:block>-->
-<!--									</ul>-->
-<!--									<a href="javascript:void(0)" class="tap_close">delete-btn</a>-->
-<!--								</div>-->
-<!--								&lt;!&ndash; //브랜드 &ndash;&gt;-->
-<!--								&lt;!&ndash; 사이즈 &ndash;&gt;-->
-<!--								<div class="sort tap03" th:if="${filterSizeList != null and !filterSizeList.empty}" id="sizeFilterDiv">-->
-<!--									<ul>-->
-<!--										<li id="sizeLi1">-->
-<!--											<strong>상의</strong>-->
-<!--											<th:block th:each="oneData, status : ${filterSizeList}" th:if="${#strings.startsWith(oneData.filterCd,'T')}">-->
-<!--												<label class="size_btn">-->
-<!--													<input type="checkbox" group="filterValue" th:id="${'chkFilterTSize' + status.index}" name="size" th:vale="${oneData.filterNm}" th:data-id="${oneData.filterNm}" data-idx="1" onclick="filterSel(this,'size','off','1');"><span th:text="${oneData.filterNm}">80</span>-->
-<!--												</label>-->
-<!--											</th:block>-->
-<!--										</li>-->
-<!--										<li id="sizeLi2">-->
-<!--											<strong>하의</strong>-->
-<!--											<th:block th:each="oneData, status : ${filterSizeList}" th:if="${#strings.startsWith(oneData.filterCd,'B')}">-->
-<!--												<label class="size_btn">-->
-<!--													<input type="checkbox" group="filterValue" th:id="${'chkFilterBSize' + status.index}" name="size" th:vale="${oneData.filterNm}" th:data-id="${oneData.filterNm}" data-idx="2" onclick="filterSel(this,'size','off','2');"><span th:text="${oneData.filterNm}">80</span>-->
-<!--												</label>-->
-<!--											</th:block>-->
-<!--										</li>-->
-<!--										<li id="sizeLi3">-->
-<!--											<strong>신발</strong>-->
-<!--											<th:block th:each="oneData, status : ${filterSizeList}" th:if="${#strings.startsWith(oneData.filterCd,'S')}">-->
-<!--												<label class="size_btn">-->
-<!--													<input type="checkbox" group="filterValue" th:id="${'chkFilterSSize' + status.index}" name="size" th:vale="${oneData.filterNm}" th:data-id="${oneData.filterNm}" data-idx="3" onclick="filterSel(this,'size','off','3');"><span th:text="${oneData.filterNm}">80</span>-->
-<!--												</label>-->
-<!--											</th:block>-->
-<!--										</li>-->
-<!--									</ul>-->
-<!--									<a href="javascript:void(0)" class="tap_close">delete-btn</a>-->
-<!--								</div>-->
-<!--								&lt;!&ndash; //사이즈 &ndash;&gt;-->
-<!--								&lt;!&ndash; 가격 &ndash;&gt;-->
-<!--								<div class="sort tap04" id="priceFilterDiv">-->
-<!--									<div class="range">-->
-<!--										<input type="text" class="js-range-slider01" name="" value="" />-->
-<!--										<input type="hidden" id="price_input_from" name="price_input_from" value=""/>-->
-<!--										<input type="hidden" id="price_input_to" name="price_input_to" value=""/>-->
-<!--										<input type="hidden" id="hPriceFrom" name="hPriceFrom" value=""/>-->
-<!--										<input type="hidden" id="hPriceTo" name="hPriceTo" value=""/>-->
-<!--									</div>-->
-<!--									<a href="javascript:void(0)" class="tap_close">delete-btn</a>-->
-<!--								</div>-->
-<!--								&lt;!&ndash; //가격 &ndash;&gt;-->
-<!--								&lt;!&ndash; 할인율 &ndash;&gt;-->
-<!--								<div class="sort tap05" id="dcrateFilterDiv">-->
-<!--									<ul style="display:none;">-->
-<!--										<li><input type="checkbox" id="percent01" name="range" value="0"><label for="percent01"><span></span><span>0%</span></label></li>-->
-<!--										<li><input type="checkbox" id="percent02" name="range" value="10"><label for="percent02"><span></span><span>10%</span></label></li>-->
-<!--										<li><input type="checkbox" id="percent03" name="range" value="20"><label for="percent03"><span></span><span>20%</span></label></li>-->
-<!--										<li><input type="checkbox" id="percent04" name="range" value="30"><label for="percent04"><span></span><span>30%</span></label></li>-->
-<!--										<li><input type="checkbox" id="percent05" name="range" value="40"><label for="percent05"><span></span><span>40%</span></label></li>-->
-<!--										<li><input type="checkbox" id="percent06" name="range" value="50"><label for="percent06"><span></span><span>50%</span></label></li>-->
-<!--										<li><input type="checkbox" id="percent07" name="range" value="60"><label for="percent07"><span></span><span>60%</span></label></li>-->
-<!--										<li><input type="checkbox" id="percent08" name="range" value="70"><label for="percent08"><span></span><span>70%</span></label></li>-->
-<!--										<li><input type="checkbox" id="percent09" name="range" value="80"><label for="percent09"><span></span><span>80%</span></label></li>-->
-<!--										<li><input type="checkbox" id="percent10" name="range" value="100"><label for="percent10"><span></span><span>100%</span></label></li>-->
-<!--									</ul>-->
-<!--									<div class="range">-->
-<!--										<input type="text" class="js-range-slider02" name="" value="" />-->
-<!--										<input type="hidden" id="dcrate_input_from" name="dcrate_input_from" value=""/>-->
-<!--										<input type="hidden" id="dcrate_input_to" name="dcrate_input_to" value=""/>-->
-<!--										<input type="hidden" id="hDcRateFrom" name="hDcRateFrom" value=""/>-->
-<!--										<input type="hidden" id="hDcRateTo" name="hDcRateTo" value=""/>-->
-<!--									</div>-->
-<!--									<a href="javascript:void(0)" class="tap_close">delete-btn</a>-->
-<!--								</div>-->
-<!--								&lt;!&ndash; //할인율 &ndash;&gt;-->
-<!--								&lt;!&ndash; 연령 &ndash;&gt;-->
-<!--								<div class="sort tap06" th:if="${filterAgeList != null and !filterAgeList.empty}" id="ageFilterDiv">-->
-<!--									<ul>-->
-<!--										<th:block th:each="oneData, status : ${filterAgeList}">-->
-<!--											<li>-->
-<!--												<label class="Age_btn">-->
-<!--													<input type="checkbox" group="filterValue" th:id="${'chkFilterAge' + status.index}" name="age" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm}" onclick="filterSel(this,'age','off');"><span th:text="${oneData.filterNm}">베이비(0~18개월)</span>-->
-<!--												</label>-->
-<!--											</li>-->
-<!--										</th:block>-->
-<!--									</ul>-->
-<!--									<a href="javascript:void(0)" class="tap_close">delete-btn</a>-->
-<!--								</div>-->
-<!--								&lt;!&ndash; //연령 &ndash;&gt;-->
-<!--								&lt;!&ndash; 시즌 &ndash;&gt;-->
-<!--								<div class="sort tap07" th:if="${filterSeasonList != null and !filterSeasonList.empty}" id="seasonFilterDiv">-->
-<!--									<ul>-->
-<!--										<th:block th:each="oneData, status : ${filterSeasonList}">-->
-<!--											<li>-->
-<!--												<label class="Season_btn">-->
-<!--													<input type="checkbox" group="filterValue"  th:id="${'chkFilterSeason' + status.index}" name="season" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm}" onclick="filterSel(this,'season','off');"><span th:text="${oneData.filterNm}">봄</span>-->
-<!--												</label>-->
-<!--											</li>-->
-<!--										</th:block>-->
-<!--									</ul>-->
-<!--									<a href="javascript:void(0)" class="tap_close">delete-btn</a>-->
-<!--								</div>-->
-<!--								&lt;!&ndash; //시즌 &ndash;&gt;-->
-<!--								&lt;!&ndash; 컬러 &ndash;&gt;-->
-<!--								<div class="sort tap08" th:if="${filterColorList != null and !filterColorList.empty}" id="colorFilterDiv">-->
-<!--									<ul>-->
-<!--										<th:block th:each="oneData, status : ${filterColorList}">-->
-<!--											<li>-->
-<!--												<label class="color-check">-->
-<!--													<input type="checkbox" group="filterValue" th:id="${'chkFilterColor' + status.index}" name="color" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm.replace('#','')}" onclick="filterSel(this,'color','off');">-->
-<!--													<span class="pdColor-color" th:if="${oneData.filterNm=='#FFFFFF'}" th:style="${'background-color:'+oneData.filterNm+';'+' border:1px solid #aaa;'}" th:value="${oneData.filterCd}"></span>-->
-<!--													<span class="pdColor-color" th:if="${oneData.filterNm!='#FFFFFF'}" th:style="${'background-color:'+oneData.filterNm}" th:value="${oneData.filterCd}"></span>-->
-<!--												</label>-->
-<!--											</li>-->
-<!--										</th:block>-->
-<!--									</ul>-->
-<!--									<a href="javascript:void(0)" class="tap_close">delete-btn</a>-->
-<!--								</div>-->
-<!--								&lt;!&ndash; //컬러 &ndash;&gt;-->
-<!--								&lt;!&ndash; 혜택 &ndash;&gt;-->
-<!--								<div class="sort tap09" th:if="${filterBenefitList != null and !filterBenefitList.empty}" id="benefitFilterDiv">-->
-<!--									<ul>-->
-<!--										<th:block th:each="oneData, status : ${filterBenefitList}">-->
-<!--											<li>-->
-<!--												<label class="Benefits_btn">-->
-<!--													<input type="checkbox" group="filterValue" th:id="${'chkFilterBenefits' + status.index}" name="benefit" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm}" onclick="filterSel(this,'benefit','off');"><span th:text="${oneData.filterNm}"></span>-->
-<!--												</label>-->
-<!--											</li>-->
-<!--										</th:block>-->
-<!--									</ul>-->
-<!--									<a href="javascript:void(0)" class="tap_close">delete-btn</a>-->
-<!--								</div>-->
-<!--								&lt;!&ndash; //혜택 &ndash;&gt;-->
-<!--								&lt;!&ndash; 필터 &ndash;&gt;-->
-<!--								<div class="fillter">-->
-<!--									<div class="fillter_box" id="filterData">-->
-<!--									</div>-->
-<!--									<button type="button" class="fillter_reset" onclick="fnFilterReset();"><span>전체 초기화</span></button>-->
-<!--								</div>-->
-<!--								&lt;!&ndash; //필터 &ndash;&gt;-->
-<!--							</div>-->
-							<div class="list_content"> <!-- 데이터 없을시 클래스 nodata 추가 -->
-								<div class="list_defult" id="noFilterData">
-									<div>
-										<p>선택하신 조건에 맞는 상품이 없습니다.<br>필터를 변경해 보세요.</p>
-									</div>
-									<div class="ui_row">
-										<button type="button" class="btn btn_default btn_md" onclick="fnFilterReset();"><span>선택한 필터 초기화</span></button>
-									</div>
-								</div>
-								<div class="count_wrap">
-									<div>
-										<p><span id="totCntId"></span>개의 상품</p>
-									</div>
-									<div>
-										<ul id="sortArea">
-											<li>
-												<a href="javascript:void(0);" id="sortingNEW" class="on" onclick="fnSortingChange(this,'NEW');">최신상품순</a>
-											</li>
-											<li>
-												<a href="javascript:void(0);" id="sortingBEST" onclick="fnSortingChange(this,'BEST');">인기상품순</a>
-											</li>
-											<li>
-												<a href="javascript:void(0);" id="sortingREVIEW" onclick="fnSortingChange(this,'REVIEW');">리뷰 많은순</a>
-											</li>
-										</ul>
-									</div>
-								</div>
-
-								<div id="infiniteContainer">
-									<div id="listBoxOuter" >
-										<ul class="itemsGrp" id="listBox">
-										</ul>
-									</div>
-								</div>
-
-							</div>
-							<div class="last_page" id="endPage" style="display:none;">
-								<span>마지막 페이지입니다.</span>
-							</div>
-						</div>
-					</form>
-				</div>
-			</div>
-		</div>
-	</div>
-	<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.scroll.js"></script>
-	<script src="/ux/plugins/jquery/jquery.history.min.js"></script>
-	<script th:src="@{'/biz/goodsTest.js?v=' + ${#calendars.format(#calendars.createNow(), 'yyyyMMddHHmmss')}}" src="/biz/goodsTest.js"></script>
-	<script th:inline="javascript">
-		/*<![CDATA[*/
-		var filterPriceList = [[${filterPriceList}]];
-		var custom_values = [];
-		var custom_values02  = [];
-		var currUrl = document.location.href;
-		var brandGroupInfo =  [[${brandGroupInfo}]];
-		var brandGroupNm = '';
-		if(!gagajf.isNull(brandGroupInfo)){
-			brandGroupNm = brandGroupInfo.brandGroupNm;
-		}
-
-		// 컨텐츠 호출
-		$(document).ready( function() {
-			//가격 슬라이드
-			//var custom_values = ['9,000원', '230,000원', '487,000원', '700,000원', '1,360,000원', '1,799,000원'];
-			// let priceLen;
-			// if(!gagajf.isNull(filterPriceList)){
-			// 	priceLen = filterPriceList.length-1;
-			// 	$.each(filterPriceList, function (priceIdx, priceItem){
-			// 		custom_values[priceIdx] = priceItem.filterNm;
-			// 		if(priceLen==0){
-			// 			custom_values[1] = priceItem.filterNm;
-			// 		}
-			// 	});
-			// 	let my_from;
-			// 	let my_to;
-			// 	if(filterPriceList.length > 1){
-			// 		my_from = custom_values.indexOf(custom_values[0]);
-			// 		my_to = custom_values.indexOf(custom_values[priceLen]);
-			// 	}else{
-			// 		my_from = 0;
-			// 		my_to = 1;
-			// 	}
-			//
-			// 	if(gagajf.isNull($("#filterForm input:hidden[name=priceFrom]").val())){
-			// 		my_from = $("#filterForm input:hidden[name=priceFrom]").val();
-			// 	}
-			// 	if(gagajf.isNull($("#filterForm input:hidden[name=priceTo]").val())){
-			// 		my_to = $("#filterForm input:hidden[name=priceTo]").val();
-			// 	}
-			// 	let minValue;
-			// 	let maxValue;
-			// 	if(filterPriceList.length > 1){
-			// 		minValue = custom_values[0];
-			// 		maxValue = custom_values[priceLen];
-			// 	}else{
-			// 		minValue = custom_values[0];
-			// 		maxValue = custom_values[1];
-			// 	}
-			//
-			// 	$(".dp .js-range-slider01, .sch_result .js-range-slider01").ionRangeSlider({
-			// 		type: "double",
-			// 		min: minValue,
-			// 		max: maxValue,
-			// 		from: my_from,
-			// 		to: my_to,
-			// 		grid: true,
-			// 		skin: "round",
-			// 		postfix: "원",
-			// 		prettify_separator: ",",
-			// 		values: custom_values,
-			// 		min_interval: 1,
-			// 		// onStart : function(data){
-			// 		//  	fnCheckPrice(data);
-			// 		// },
-			// 		// onChange : fnCheckPrice,
-			// 		onFinish : function(data,priceLen){
-			// 			fnCheckPrice(data,priceLen);
-			// 		}
-			// 	});
-			// }
-
-			fnCreateCategoryList();
-
-			// if ($('#sizeLi1').find('label').length == 0) $('#sizeLi1').hide();
-			// if ($('#sizeLi2').find('label').length == 0) $('#sizeLi2').hide();
-			// if ($('#sizeLi3').find('label').length == 0) $('#sizeLi3').hide();
-		});
-
-		// var fnFilterOption = function (obj, stat){
-		// 	var thisId = $(obj).attr('id');
-		// 	var tag = '';
-		//
-		// 	if(thisId == 'unisex'){
-		// 		if(stat=='on'){
-		// 			$(obj).attr('onclick','fnFilterOption(this,\'off\');');
-		// 			tag += '<input type="hidden" name="unisex" value="G007_Z"/>\n';
-		// 			$("#searchGoodsForm").append(tag);
-		// 		}else{
-		// 			$(obj).attr('onclick','fnFilterOption(this,\'on\');');
-		// 			$("#searchGoodsForm input:hidden[name=unisex]").remove();
-		// 		}
-		// 	}else{
-		// 		if(stat=='on'){
-		// 			$(obj).attr('onclick','fnFilterOption(this,\'off\');');
-		// 			tag += '<input type="hidden" name="newGoods" value="40"/>\n';
-		// 			$("#searchGoodsForm").append(tag);
-		// 		}else{
-		// 			$(obj).attr('onclick','fnFilterOption(this,\'on\');');
-		// 			$("#searchGoodsForm input:hidden[name=newGoods]").remove();
-		// 		}
-		// 	}
-		// 	fnCategoryGoodsInfiniteScrollInit();
-		// 	fnGoodsListSearch();
-		// 	fnPushHistory();
-		// }
-
-		// 필터 가격 확인
-		// var fnCheckPrice = function (data,priceLen){
-		// 	$("#priceSpan").remove();
-		// 	$("#searchGoodsForm input:hidden[name=priceFrom]").remove();
-		// 	$("#searchGoodsForm input:hidden[name=priceTo]").remove();
-		// 	let min = data.from;
-		// 	let max = data.to;
-		// 	$("#price_input_from").val(custom_values[0]);
-		// 	$("#price_input_to").val(custom_values[priceLen]);
-		//
-		// 	fnFilterSlider('price' , custom_values[min].addComma(), custom_values[max].addComma());
-		// }
-
-		// 필터 할인율 확인
-		// var fnCheckDcRate = function (data){
-		// 	$("#dcrateSpan").remove();
-		// 	$("#searchGoodsForm input:hidden[name=dcRateFrom]").remove();
-		// 	$("#searchGoodsForm input:hidden[name=dcRateTo]").remove();
-		// 	let min = data.from;
-		// 	let max = data.to;
-		// 	$("#price_input_from").val(0);
-		// 	$("#price_input_to").val(100);
-		//
-		// 	fnFilterSlider('dcrate' , custom_values02[min].replace('%',''), custom_values02[max].replace('%',''));
-		// }
-
-		// 필터 초기화
-		// var fnFilterReset = function (){
-		// 	//document.location.href = currUrl;
-		// 	$("#searchGoodsForm input:hidden[name=brandGroupArr]").remove();
-		// 	$("#searchGoodsForm input:hidden[name=sizeArr]").remove();
-		// 	$("#searchGoodsForm input:hidden[name=dcRateFrom]").remove();
-		// 	$("#searchGoodsForm input:hidden[name=dcRateTo]").remove();
-		// 	$("#searchGoodsForm input:hidden[name=priceFrom]").remove();
-		// 	$("#searchGoodsForm input:hidden[name=priceTo]").remove();
-		// 	$("#searchGoodsForm input:hidden[name=ageArr]").remove();
-		// 	$("#searchGoodsForm input:hidden[name=seasonArr]").remove();
-		// 	$("#searchGoodsForm input:hidden[name=colorArr]").remove();
-		// 	$("#searchGoodsForm input:hidden[name=benefitArr]").remove();
-		// 	$("#unisex").prop('checked',false);
-		// 	$("#unisex").attr('onclick','fnFilterOption(this,\'on\');');
-		// 	$("#searchGoodsForm input:hidden[name=unisex]").remove();
-		// 	$("#newGoods").prop('checked',true);
-		// 	$("#newGoods").attr('onclick','fnFilterOption(this,\'off\');');
-		// 	$("#searchGoodsForm input:hidden[name=newGoods]").val('40');
-		//
-		// 	fnFilterSliderMove(0,5);
-		// 	fnDcRateFilterSliderMove(0,10);
-		// 	$('.filter_content .sort').find('input[type=checkbox]').each(function (idx){
-		// 		$(this).prop('checked',false);
-		// 	});
-		// 	$("#filterData").html('');
-		// 	fnCategoryGoodsInfiniteScrollInit();
-		// 	fnGoodsListSearch();
-		// 	fnPushHistory();
-		// }
-
-		var fnImgOnoff = function (){
-			var nowFocus = $('.dp .itemPic');
-			var nowMov = $('.itemPic').children('.pd_mov');
-			var nowImg = $('.itemPic').children('.pd_img');
-			var ogrSrc;
-			var overSrc;
-			var srcName = nowImg.attr('src');
-			overSrc = srcName.substring(0, srcName.lastIndexOf('.'));
-
-			var srcImg;
-			var srcdat;
-
-			$(nowFocus).on('mouseover', function() {
-				$(this).children('.pd_mov').siblings(".itemOpt").addClass('on');
-				$(this).children('.pd_mov').css("opacity","0");
-			});
-			$(nowFocus).on('mouseleave', function() {
-				$(this).children('.pd_mov').siblings(".itemOpt").removeClass('on');
-				$(this).children('.pd_mov').css("opacity","1");
-			});
-			$(nowFocus).on('mouseover', function() {
-				$(this).children('.pd_img').siblings(".itemOpt").addClass('on');
-				srcImg = $(this).children('.pd_img').attr('src');
-				srcdat = $(this).children('.pd_img').attr('data-img');
-				$(this).children('.pd_img').attr('src',srcdat);
-			});
-			$(nowFocus).on('mouseleave', function() {
-				$(this).parents('.itemPic').removeClass();
-				$(this).children('.pd_img').siblings(".itemOpt").removeClass('on');
-				$(this).children('.pd_img').attr('src', srcImg);
-				$(this).children('.pd_img').css("opacity","1");
-			});
-		}
-
-		var fnGoodsListSearch = function (){
-			gagaInfiniteScroll.getHistory();
-		}
-
-		// 상품 검색
-		var fnGetInfiniteScrollDataList = function (pageNum){
-			if(!gagajf.isNull($("#searchGoodsForm input[name=priceFrom]").val())){
-				let price = $("#searchGoodsForm input[name=priceFrom]").val();
-				$("#searchGoodsForm input[name=priceFrom]").val(price.replace(",", ""));
-			}
-			if(!gagajf.isNull($("#searchGoodsForm input[name=priceTo]").val())){
-				let price = $("#searchGoodsForm input[name=priceTo]").val();
-				$("#searchGoodsForm input[name=priceTo]").val(price.replace(",", ""));
-			}
-			$("#searchGoodsForm input[name=pageNo]").val(pageNum+1);
-			gagajf.ajaxFormSubmit("/display/category/goods/list", document.searchGoodsForm,  gagaInfiniteScroll.jsonToHtml);
-		}
-
-		var fnDrawInfiniteScrollData = function (result){
-			let totalCnt = result.paging.totalCount;
-			$("#totCntId").text(totalCnt.addComma());
-			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);
-				gagaInfiniteScroll.draw(htm);
-				fnImgOnoff();
-			}else {
-				if($("#searchGoodsForm input[name=pageNo]").val()==1){
-					// 필터 값으로 조회 데이터 없을때
-					$('#noFilterData').show();
-					$('.list_content .count_wrap').hide();
-					$('#endPage').hide();
-				}else{
-					// 마지막 페이지 일때
-					$('#endPage').show();
-					$('#noFilterData').hide();
-					//$('.list_content .count_wrap').hide();
-				}
-				gagaInfiniteScroll.draw('not');
-			}
-		}
-
-		// 사파리 - event.persisted || 크롬 - window.performance.navigation.type 이 1이면 새로고침, 2면 페이지 이동을 통한 캐쉬페이징
-		$(window).on("pageshow", function(event) {
-			//할인율
-			// custom_values02 = ['0%', '10%', '20%', '30%', '40%', '50%', '60%', '70%', '80%', '90%', '100%'];
-			// var my_from02 = custom_values02.indexOf('0%');
-			// var my_to02 = custom_values02.indexOf('100%');
-			// if(gagajf.isNull($('#searchGoodsForm').find("input[name=dcRateFrom]").val())){
-			// 	my_from02 = $('#searchGoodsForm').find("input[name=dcRateFrom]").val();
-			// }
-			// if(gagajf.isNull($('#searchGoodsForm').find("input[name=dcRateTo]").val())){
-			// 	my_to02 = $('#searchGoodsForm').find("input[name=dcRateTo]").val();
-			// }
-			//
-			// $(".dp .js-range-slider02, .sch_result .js-range-slider02").ionRangeSlider({
-			// 	type: "double",
-			// 	min: 0,
-			// 	max: 100,
-			// 	from: my_from02,
-			// 	to: my_to02,
-			// 	grid: true,
-			// 	skin: "round",
-			// 	postfix: "%",
-			// 	prettify_separator: ",",
-			// 	values: custom_values02,
-			// 	min_interval: 1,
-			// 	onFinish : function (data){
-			// 		fnCheckDcRate(data);
-			// 	}
-			// });
-
-			if ( (event.originalEvent && event.originalEvent.persisted) || (window.performance && window.performance.navigation.type == 2)) {
-				// console.log('History.getState().data:::'+History.getState().data.sortingType);
-				if(typeof History.getState().data.sortingType!='undefined' && History.getState().data.sortingType!=''){
-					$("#searchGoodsForm input:hidden[name=sortingType]").val(History.getState().data.sortingType);
-				}
-				if(typeof History.getState().data.filterHtml!='undefined' && History.getState().data.filterHtml!=''){
-					console.log('filterHtml::'+History.getState().data.filterHtml);
-					$("#searchGoodsForm").append(History.getState().data.filterHtml);
-					filterHtml = History.getState().data.filterHtml;
-				}
-				if(typeof History.getState().data.filterStatHtml!='undefined' && History.getState().data.filterStatHtml!=''){
-					$("#filterData").append(History.getState().data.filterStatHtml);
-					filterStatHtml = History.getState().data.filterStatHtml;
-				}
-				if(typeof History.getState().data.totalCount!='undefined' && History.getState().data.totalCount!=''){
-					$("#totCntId").text(History.getState().data.totalCount);
-					totalCount = History.getState().data.totalCount;
-				}
-			}else{
-				fnCategoryGoodsInfiniteScrollInit();
-			}
-
-			var sortingType = $("#searchGoodsForm input:hidden[name=sortingType]").val();
-			if(sortingType=='BEST' || sortingType=='REVIEW'){
-				console.log('111');
-				$("#sortArea").find('li').each(function (){
-					$(this).find('a').attr('class','off');
-				});
-
-				$(this).addClass("on");
-				fnSortingChange(this, sortingType);
-			}else{
-				console.log('222');
-				fnGoodsListSearch();
-			}
-
-			fnImgOnoff();
-		});
-
-		$(window).on('popstate', function(event) {
-			var data = History.getState().data;
-			data.sortingType = $("#searchGoodsForm input:hidden[name=sortingType]").val();
-			data.sortingTypeNm = '' //$("#sortArea").find('li').hasClass("on").text();
-			data.filterHtml = filterHtml;
-			data.filterStatHtml = filterStatHtml;
-			data.totalCount = $("#totCntId").text();
-			History.replaceState(data, "", "");
-		});
-
-		var fnSetPriceFilter = function (){
-			if(!gagajf.isNull(filterPriceList)){
-				let min = 0;
-				let max = 5;
-				let priceFrom = '';
-				let priceTo = '';
-				if(!gagajf.isNull($("#searchGoodsForm").find("input:hidden[name=priceFrom]").val())){
-					priceFrom = $("#searchGoodsForm").find("input:hidden[name=priceFrom]").val().replace(',','');
-				}
-				if(!gagajf.isNull($("#searchGoodsForm").find("input:hidden[name=priceTo]").val())){
-					priceTo = $("#searchGoodsForm").find("input:hidden[name=priceTo]").val().replace(',','');
-				}
-				// console.log('priceFrom>>'+priceFrom);
-				// console.log('priceTo>>'+priceTo);
-				$.each(filterPriceList, function (priceIdx, priceItem){
-					custom_values[priceIdx] = priceItem.filterNm;
-					// console.log('custom_values[priceIdx]>>'+custom_values[priceIdx])
-					if(custom_values[priceIdx] == priceFrom){
-						min = priceIdx;
-					}
-					if(custom_values[priceIdx] == priceTo){
-						max = priceIdx;
-					}
-				});
-				fnFilterSliderMove(min,max);
-			}
-		}
-
-		var fnCreateCategoryList = function (){
-			let actionUrl = '';
-			let brandGroupNo = [[${cateInfo.brandGroupNo}]];
-			let cate1No = [[${cateInfo.cate1No}]];
-			if(gagajf.isNull(brandGroupNo) || brandGroupNo == 0){
-				if( [[${cateInfo.formalGb}]] == 'G009_20'){
-					actionUrl = '/display/outlet/cate/list?cate1No='+cate1No+'&formalGb='+ [[${cateInfo.formalGb}]];
-				}else{
-					actionUrl = '/display/category/reload/list?cateGb='+[[${cateInfo.cateGb}]];
-				}
-			}else{
-				actionUrl = '/display/brand/cate/list?brandGroupNo=' + [[${cateInfo.brandGroupNo}]];
-			}
-
-			$.getJSON(actionUrl
-					, function(result, status) {
-						//if (status == 'success') {
-						if (result.length > 0) {
-							let formalGb = [[${cateInfo.formalGb}]];
-							if(formalGb == 'G009_10'){
-								formalGb = '';
-							}
-							let cateGb = 'G032_101';
-							let navNm = '';
-							$('#ulAllCate').html('');
-							if(brandGroupNo>0) {
-								$("#brandNm").show();
-								$("#brandNm").text(brandGroupNm);
-								$("#navNm").hide();
-								$('#ulAllCate').append('<li><a href="javascript:void(0);" onclick="cfnGoToGoodsList(\''+brandGroupNo+'\',\''+cateGb+'\');" class="on">전체</a></li>\n');
-								navNm += '<li class="bread_2depth" id="navNm1">전체</li>';
-							}else{
-								if(formalGb=='G009_20'){
-									$("#navNm").hide();
-									$('#ulAllCate').append('<li><a href="javascript:void(0);" onclick="cfnGoToGoodsList(0,\''+cateGb+'\',\'\',\'\',\'\',\'\',\'\',\''+formalGb+'\');">전체</a></li>\n');
-									navNm += '<li class="bread_2depth" id="navNm">아울렛</li><li class="bread_2depth" id="navNm1">전체</li>';
-								}else{
-									$("#navNm").hide();
-									// $('#ulAllCate').append('<li><a href="javascript:void(0);" onclick="cfnGoToGoodsList(0,\''+cateGb+'\');">전체</a></li>\n');
-									// navNm += '<li class="bread_2depth" id="navNm1">전체</li>';
-								}
-							}
-
-							if(gagajf.isNull($("#searchGoodsForm").find("[name=cate1No]").val())){
-								$("#navArea").append(navNm);
-								$("#formTitle").text('전체');
-							}
-
-							let allCate = [[${cateList}]];
-							if(brandGroupNo > 0){
-								$.each(result, function(idx, item) {
-									$.each(allCate, function(brandCateIdx, brandCateItem) {
-										if (item.cate1No == brandCateItem.cate1No) {
-											$('#ulAllCate').append(fnGetBrandCategoryList(item));
-										}
-									});
-								});
-							}else{
-								if(formalGb == 'G009_20'){
-									$.each(result, function(idx, item) {
-										$.each(allCate, function(allCateIdx, allCateItem) {
-											if (item.cate1No == allCateItem.cate1No) {
-												$('#ulAllCate').append(fnGetCategoryList(item));
-											}
-										});
-									});
-								}else{
-									$.each(result, function(idx, item) {
-										$.each(allCate, function(allCateIdx, allCateItem) {
-											if (item.cate1No == allCateItem.cate1No) {
-												$('#ulAllCate').append(fnGetCategoryList(item));
-											}
-										});
-									});
-								}
-							}
-						}
-						//}
-					});
-		}
-
-		let fnGetBrandCategoryList = function (cate1){
-			var brandGroupNo = [[${cateInfo.brandGroupNo}]];
-			var cateGb =  [[${cateInfo.cateGb}]];
-			var formalGb = [[${cateInfo.formalGb}]];
-			var cate1No = [[${cateInfo.cate1No}]];
-			var cate2No = [[${cateInfo.cate2No}]];
-			var cate3No = [[${cateInfo.cate3No}]];
-			var cate4No = [[${cateInfo.cate4No}]];
-
-			var navNm = "";
-			var formTitle = "";
-			let tag = '';
-
-			if(formalGb!='G009_20'){
-				formalGb = '';
-			}
-
-			if(cate1 != null){
-				tag += '<li';
-				if (cate1.cate1No == cate1No) {
-					tag += ' class="on"';
-				}
-				tag += '>\n';
-				tag += '	<a href="javascript:void(0);"';
-				if (cate1.cate1No == cate1No && cate2No == null) {
-					tag += ' class="on"';
-					formTitle = cate1.cate1Nm;
-					$("#formTitle").text(formTitle);
-					$("#navNm").hide();
-					navNm += '<li class="bread_2depth" id="navNm1">' + cate1.cate1Nm + '</li>';
-					$("#navHome").attr('onclick', 'cfnGoToBrandMain(' + brandGroupNo + ');');
-					$("#navArea").append(navNm);
-				}else if(cate1.cate1No == cate1No && cate3No == null){
-					$("#navNm").hide();
-
-					navNm += '<li class="bread_2depth" id="navNm1">' + cate1.cate1Nm + '</li>';
-					$("#navArea").append(navNm);
-				}else if(cate3No != null){
-					$("#navNm").hide();
-				}
-				tag += '	onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ');" >' + cate1.cate1Nm + '</a>\n';
-
-				if (cate1.leafYn == 'N' && cate1.cate2List.length > 0) {
-					if (cate1.cate1No == cate1No) {
-						tag += '<div class="sub_cate" style="display: block;">\n';
-					}else{
-						tag += '<div class="sub_cate">\n';
-					}
-
-					tag += '	<ul>\n';
-					$.each(cate1.cate2List, function (idx2, cate2) {
-						tag += '		<li';
-						if (cate2.cate2No == cate2No && cate3No == null) {
-							tag += ' class="on"';
-						}
-						tag += '		>\n';
-						tag += '		<a href="javascript:void(0);" ';
-						if (cate2.cate2No == cate2No && cate3No == null) {
-							tag += ' class="on"';
-							navNm = '<li class="bread_2depth" id="navNm2">' + cate2.cate2Nm + '</li>';
-							$("#navArea").append(navNm);
-							$("#formTitle").text(cate2.cate2Nm);
-						}else if(cate2.cate2No == cate2No){
-							navNm += '<li class="bread_2depth" id="navNm1">' + cate1.cate1Nm + '</li>';
-							$("#navArea").append(navNm);
-						}
-						tag += '	onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ',' + cate2.cate2No + ');">' + cate2.cate2Nm + '</a>\n';
-
-						if (cate2.leafYn == 'N' && cate2.cate3List != null && cate2.cate3List.length > 0) {
-							tag += '<div class="sub_cate"';
-							if (cate2.cate2No == cate2No) {
-								tag += ' style="display: block;"';
-							}
-							tag += '>\n';
-							tag += '	<ul>\n';
-							$.each(cate2.cate3List, function (idx3, cate3) {
-								tag += '<li';
-								if (cate3.cate3No == cate3No && cate4No == null) {
-									tag += ' class="on"';
-								}
-								tag += '>';
-								tag += '		<a href="javascript:void(0);" ';
-								if (cate3.cate3No == cate3No && cate4No == null) {
-									tag += ' class="on"';
-									navNm = '<li class="bread_2depth" id="navNm2">' + cate2.cate2Nm + '</li><li class="bread_2depth" id="navNm3">' + cate3.cate3Nm + '</li>';
-									$("#navArea").append(navNm);
-									$("#formTitle").text(cate3.cate3Nm);
-								}else if(cate3.cate3No == cate3No){
-									navNm = '<li class="bread_2depth" id="navNm2">' + cate2.cate2Nm + '</li><li class="bread_2depth" id="navNm3">' + cate3.cate3Nm + '</li>';
-								}
-								tag += ' onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ',' + cate2.cate2No + ',' + cate3.cate3No + ');">' + cate3.cate3Nm + '</a>';
-
-								if (cate3.leafYn == 'N' && cate3.cate4List != null && cate3.cate4List.length > 0) {
-									tag += '<div class="sub_cate"';
-									if (cate3.cate3No == cate3No) {
-										tag += ' style="display: block;"';
-									}
-									tag += '>\n';
-									tag += '	<ul>\n';
-									$.each(cate3.cate4List, function (idx4, cate4) {
-										tag += '<li';
-										if (cate4.cate4No == cate4No) {
-											tag += ' class="on"';
-										}
-										tag += '>';
-										tag += '		<a href="javascript:void(0);" ';
-										if (cate4.cate4No == cate4No) {
-											tag += ' class="on"';
-											navNm = '<li class="bread_2depth" id="navNm3">' + cate2.cate2Nm + '</li><li class="bread_2depth" id="navNm3">' + cate3.cate3Nm + '</li><li class="bread_2depth" id="navNm3">' + cate4.cate4Nm + '</li>';
-											$("#navArea").append(navNm);
-											$("#formTitle").text(cate4.cate4Nm);
-										}
-										if (formalGb == 'G009_20') {
-											tag += ' onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ',' + cate2.cate2No + ',' + cate3.cate3No + ',' + cate4.cate4No + ',\'\',\'' + formalGb + '\');">' + cate4.cate4Nm + '</a>';
-										} else {
-											tag += ' onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ',' + cate2.cate2No + ',' + cate3.cate3No + ',' + cate4.cate4No + ');">' + cate4.cate4Nm + '</a>';
-										}
-										tag += '</li>';
-									});
-									tag += '</ul>\n';
-									tag += '</div>\n';
-								}
-								tag += '</li>';
-							});
-							tag += '</ul>\n';
-							tag += '</div>\n';
-						}
-						tag += '</li>';
-					});
-					tag += '</ul>';
-					tag += '</div>';
-				}
-				tag += '</li>\n';
-			}
-			return tag;
-		}
-
-		let fnGetCategoryList = function (cate1){
-			var brandGroupNo = [[${cateInfo.brandGroupNo}]];
-			var cateGb =  [[${cateInfo.cateGb}]];
-			var formalGb = [[${cateInfo.formalGb}]];
-			var cate1No = [[${cateInfo.cate1No}]];
-			var cate2No = [[${cateInfo.cate2No}]];
-			var cate3No = [[${cateInfo.cate3No}]];
-			var cate4No = [[${cateInfo.cate4No}]];
-
-			var navNm = "";
-			var formTitle = "";
-			let tag = '';
-
-			if(formalGb!='G009_20'){
-				formalGb = '';
-			}
-
-			if (cate1 != null) {
-				tag += '<li';
-				if (cate1.cate1No == cate1No) {
-					tag += ' class="on"';
-				}
-				tag += '>\n';
-				tag += '	<a href="javascript:void(0);"';
-				if (cate1.cate1No == cate1No && cate2No == null) {
-					tag += ' class="on"';
-					formTitle = cate1.cate1Nm;
-					$("#formTitle").text(formTitle);
-					$("#navNm").hide();
-					if(formalGb=='G009_20'){
-						navNm += '<li class="bread_2depth" id="navNm1">아울렛</li>';
-					}
-					navNm += '<li class="bread_2depth" id="navNm1">' + cate1.cate1Nm + '</li>';
-					if (brandGroupNo == 0) {
-						$("#navHome").attr('href', '/');
-						$("#navArea").append(navNm);
-					} else {
-						$("#navHome").attr('onclick', 'cfnGoToBrandMain(' + brandGroupNo + ');');
-						$("#navArea").append(navNm);
-					}
-				}else if(cate1.cate1No == cate1No && cate3No == null){
-					$("#navNm").hide();
-					if(formalGb=='G009_20'){
-						navNm += '<li class="bread_2depth" id="navNm1">아울렛</li>';
-					}
-					navNm += '<li class="bread_2depth" id="navNm1">' + cate1.cate1Nm + '</li>';
-					$("#navArea").append(navNm);
-					//$("#navNm").text(cate1.cate1Nm);
-				}else if(cate3No != null){
-					$("#navNm").hide();
-				}
-				if(formalGb=='G009_20'){
-					tag += '	onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ',\'\',\'\',\'\',\'\',\'' + formalGb + '\');" >' + cate1.cate1Nm + '</a>\n';
-				}else{
-					tag += '	onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ');" >' + cate1.cate1Nm + '</a>\n';
-				}
-
-				if (cate1.leafYn == 'N' && cate1.cate2List.length > 0) {
-					tag += '<div class="sub_cate"';
-					if (cate1.cate1No == cate1No) {
-						tag += ' style="display: block;"';
-					}
-					tag += '>\n';
-					tag += '	<ul>\n';
-					$.each(cate1.cate2List, function (idx2, cate2) {
-						tag += '		<li';
-						if (cate2.cate2No == cate2No && cate3No == null) {
-							tag += ' class="on"';
-						}
-						tag += '		>\n';
-						tag += '		<a href="javascript:void(0);" ';
-						if (cate2.cate2No == cate2No && cate3No == null) {
-							tag += ' class="on"';
-							navNm = '<li class="bread_2depth" id="navNm2">' + cate2.cate2Nm + '</li>';
-							$("#navArea").append(navNm);
-							$("#formTitle").text(cate2.cate2Nm);
-						}else if(cate2.cate2No == cate2No){
-							if(formalGb=='G009_20'){
-								navNm += '<li class="bread_2depth" id="navNm1">아울렛</li>';
-							}
-							navNm += '<li class="bread_2depth" id="navNm1">' + cate1.cate1Nm + '</li>';
-							$("#navArea").append(navNm);
-						}
-						if(formalGb=='G009_20'){
-							tag += '	onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ',' + cate2.cate2No + ',\'\',\'\',\'\',\'' + formalGb + '\');">' + cate2.cate2Nm + '</a>\n';
-						}else{
-							tag += '	onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ',' + cate2.cate2No + ');">' + cate2.cate2Nm + '</a>\n';
-						}
-
-						if (cate2.leafYn == 'N' && cate2.cate3List != null && cate2.cate3List.length > 0) {
-							tag += '<div class="sub_cate"';
-							if (cate2.cate2No == cate2No) {
-								tag += ' style="display: block;"';
-							}
-							tag += '>\n';
-							tag += '	<ul>\n';
-							$.each(cate2.cate3List, function (idx3, cate3) {
-								tag += '<li';
-								if (cate3.cate3No == cate3No && cate4No == null) {
-									tag += ' class="on"';
-								}
-								tag += '>';
-								tag += '		<a href="javascript:void(0);" ';
-								if (cate3.cate3No == cate3No && cate4No == null) {
-									tag += ' class="on"';
-									navNm = '<li class="bread_2depth" id="navNm2">' + cate2.cate2Nm + '</li><li class="bread_2depth" id="navNm3">' + cate3.cate3Nm + '</li>';
-									$("#navArea").append(navNm);
-									$("#formTitle").text(cate3.cate3Nm);
-								}else if(cate3.cate3No == cate3No){
-									navNm = '<li class="bread_2depth" id="navNm2">' + cate2.cate2Nm + '</li><li class="bread_2depth" id="navNm3">' + cate3.cate3Nm + '</li>';
-								}
-								if(formalGb=='G009_20'){
-									tag += ' onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ',' + cate2.cate2No + ',' + cate3.cate3No + ',\'\',\'\',\'' + formalGb + '\');">' + cate3.cate3Nm + '</a>';
-								}else{
-									tag += ' onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ',' + cate2.cate2No + ',' + cate3.cate3No + ');">' + cate3.cate3Nm + '</a>';
-								}
-
-								if (cate3.leafYn == 'N' && cate3.cate4List != null && cate3.cate4List.length > 0) {
-									tag += '<div class="sub_cate"';
-									if (cate3.cate3No == cate3No) {
-										tag += ' style="display: block;"';
-									}
-									tag += '>\n';
-									tag += '	<ul>\n';
-									$.each(cate3.cate4List, function (idx4, cate4) {
-										tag += '<li';
-										if (cate4.cate4No == cate4No) {
-											tag += ' class="on"';
-										}
-										tag += '>';
-										tag += '		<a href="javascript:void(0);" ';
-										if (cate4.cate4No == cate4No) {
-											tag += ' class="on"';
-											navNm = '<li class="bread_2depth" id="navNm3">' + cate2.cate2Nm + '</li><li class="bread_2depth" id="navNm3">' + cate3.cate3Nm + '</li><li class="bread_2depth" id="navNm3">' + cate4.cate4Nm + '</li>';
-											$("#navArea").append(navNm);
-											$("#formTitle").text(cate4.cate4Nm);
-										}
-										if(formalGb=='G009_20'){
-											tag += ' onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ',' + cate2.cate2No + ',' + cate3.cate3No + ',' + cate4.cate4No + ',\'\',\'' + formalGb + '\');">' + cate4.cate4Nm + '</a>';
-										}else{
-											tag += ' onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ',' + cate2.cate2No + ',' + cate3.cate3No + ',' + cate4.cate4No + ');">' + cate4.cate4Nm + '</a>';
-										}
-										tag += '</li>';
-									});
-									tag += '	</ul>\n';
-									tag += '</div>';
-								}
-
-								tag += '</li>';
-							});
-							tag += '	</ul>\n';
-							tag += '</div>';
-						}
-
-						tag += '</li>';
-					});
-					tag += '	</ul>\n';
-					tag += '</div>\n';
-				}
-				tag += '</li>\n';
-			}
-			return tag;
-		}
-
-	</script>
-
-	<script>
-		/* 210427_수정 : err 이미지 스크립트 */
-		function noneImg(noneSrc){
-			$(noneSrc).parents('.itemPic').css({'background':'url(/images/pc/thumb/bg_item_none.png)'});
-			$(noneSrc).css({'opacity':'0'});
-			//$(noneSrc).attr("src", no_src);
-		}
-	</script>
-
-</th:block>
-
-</body>
-</html>

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

@@ -47,7 +47,9 @@
 										<img th:src="${@environment.getProperty('domain.image') + item.imgPath1}" alt="서브메인 썸네일">
 									</div>
 									<div class="txt">
-										<p class="subject" th:text="${item.strTitle1}"></p>
+										<p class="subject">
+											<input type="hidden" name="mainTitle" th:value="${item.strTitle1}"/>
+										</p>
 										<span th:text="${item.subText1}"></span>
 									</div>
 								</a>
@@ -238,7 +240,15 @@
 		});
 		$('.dp_cate_list').html(tag);
 		// $('.cate1Nm').html(cate1.cate1Nm);
-		
+
+		$('.subject').each(function (){
+			let tag = '';
+			if(!gagajf.isNull($(this).find("input[name=mainTitle]").val())) {
+				var brText = $(this).find("input[name=mainTitle]").val();
+				tag = brText.replace(/(<br>|<br\/>|<br \/>)/g, '<br>');
+				$(this).append(tag);
+			}
+		});
 	}
 /*]]>*/
 </script>

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

@@ -6,25 +6,1748 @@
 <!--
  *******************************************************************************
  * @source  : SearchGoodsListFormWeb.html
- * @desc    : 검색상품목록 Page
+ * @desc    : 검색상품 목록 화면 Page
  *============================================================================
  * STYLE24
  * Copyright(C) 2020 TSIT, All rights reserved.
  *============================================================================
  * VER  DATE         AUTHOR      DESCRIPTION
  * ===  ===========  ==========  =============================================
- * 1.0  2021.05.31   gagamel     최초 작성
+ * 1.0  2021.05.31   bin2107     최초 작성
  *******************************************************************************
  -->
 <body>
 
 <th:block layout:fragment="content">
-	
-<script th:inline="javascript">
-/*<![CDATA[*/
-	
-/*]]>*/
-</script>
+	<div id="container" class="container sch">
+		<div class="breadcrumb">
+			<ul>
+				<li class="bread_home"><a href="index.html">홈</a></li>
+				<li class="bread_2depth">검색결과</li>
+			</ul>
+		</div>
+		<div class="wrap">
+			<div class="content sch_result"> <!-- 페이지특정 클래스 = sch_result -->
+				<div class="cont_head">
+					<h2 class="sr-only">검색결과</h2>
+					<div class="area_info">
+						<div class="inner_search">
+							<form id="InnerSearchForm" name="InnerSearchForm">
+								<fieldset>
+									<legend>결과 내 재검색</legend>
+									<input type="text" id="search" name="search" value="티비제이 제기장 스웨터" placeholder="" class="search_input" title="검색어 입력" maxlength="100">
+									<button type="button" class="sch_btn"><span>검색</span></button>
+								</fieldset>
+							</form>
+							<div class="autokeyword">
+								<h3 class="sr-only">자동완성 검색어</h3>
+								<ul>
+									<li><a href=""><em>가</em>을컬리수</a></li>
+									<li><a href=""><em>가</em>드상하</a></li>
+									<li><a href=""><em>가</em>죽자켓</a></li>
+									<li><a href=""><em>가</em>죽밸트</a></li>
+									<li><a href=""><em>가</em>운</a></li>
+									<li><a href=""><em>가</em>을</a></li>
+									<li><a href=""><em>가</em>디건</a></li>
+									<li><a href=""><em>가</em>디건형니트</a></li>
+									<li><a href=""><em>가</em>드밴드레깅스</a></li>
+									<li><a href=""><em>가</em>을잠옷</a></li>
+								</ul>
+							</div>
+						</div>
+						<div class="related_keyword">
+							<span class="title">연관검색어</span>
+							<ul>
+								<li><a href="">연관검색어1</a></li>
+								<li><a href="">연관검색어2</a></li>
+								<li><a href="">연관검색어3</a></li>
+								<li><a href="">연관검색어4</a></li>
+								<li><a href="">연관검색어5</a></li>
+								<li><a href="">연관검색어6</a></li>
+								<li><a href="">연관검색어7</a></li>
+								<li><a href="">연관검색어8</a></li>
+								<li><a href="">연관검색어9</a></li>
+								<li><a href="">연관검색어10</a></li>
+								<li><a href="">연관검색어11</a></li>
+								<li><a href="">연관검색어12</a></li>
+								<li><a href="">연관검색어13</a></li>
+								<li><a href="">연관검색어14</a></li>
+								<li><a href="">연관검색어15</a></li>
+							</ul>
+						</div>
+					</div>
+					<!-- 결과내 재검색 결과 없을 시 노출 -->
+					<div class="nodata">
+						<div class="txt_box">
+							<p>
+								<span>‘티비제이 제기장 스웨터’</span>대한<br>
+								검색결과가 없습니다.
+							</p>
+						</div>
+						<div class="btn_box">
+							<button class="btn btn_default"><span>돌아가기</span></button>
+						</div>
+					</div>
+					<!-- //결과내 재검색 결과 없을 시 노출 -->
+					<div class="taps">
+						<div>
+							<ul>
+								<li class="active"><a href="">상품<span>(123,456)</span></a></li>
+								<li><a href="">기획전<span>(56)</span></a></li>
+								<li><a href="">이벤트<span>(40)</span></a></li>
+							</ul>
+						</div>
+					</div>
+				</div>
+				<div class="cont_body">
+					<!-- 검색결과 : 상품 -->
+					<div class="sch_result_cont" style="display:block;">
+						<!-- 통합 상품 검색결과 없을 시 노출 -->
+						<div class="nodata">
+							<div class="txt_box">
+								<p>
+									<span>‘티비제이 제기장 스웨터’</span> 에 대한 상품 검색결과가 없습니다.
+								</p>
+							</div>
+						</div>
+						<!-- //통합 상품 검색결과 없을 시 노출 -->
+						<!-- 추천상품 노출 -->
+						<div class="sch_recommend">
+							<h3>이런 상품은 어떤가요?</h3>
+							<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 alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdTogether1.jpg">
+											</div>
+											<p class="itemBrand">BRAND NAME1</p>
+											<div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
+											<p class="itemPrice">80,100
+												<span class="itemPrice_original">89,000</span>
+												<span class="itemPercent">10%</span>
+											</p>
+											<p class="itemBadge">
+												<span class="badge13">베스트 </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>
+											<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 alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdTogether1.jpg">
+											</div>
+											<p class="itemBrand">BRAND NAME1</p>
+											<div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
+											<p class="itemPrice">80,100
+												<span class="itemPrice_original">89,000</span>
+												<span class="itemPercent">10%</span>
+											</p>
+											<p class="itemBadge">
+												<span class="badge13">베스트 </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>
+											<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 alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdTogether1.jpg">
+											</div>
+											<p class="itemBrand">BRAND NAME1</p>
+											<div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
+											<p class="itemPrice">80,100
+												<span class="itemPrice_original">89,000</span>
+												<span class="itemPercent">10%</span>
+											</p>
+											<p class="itemBadge">
+												<span class="badge13">베스트 </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>
+											<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 alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdTogether1.jpg">
+											</div>
+											<p class="itemBrand">BRAND NAME1</p>
+											<div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
+											<p class="itemPrice">80,100
+												<span class="itemPrice_original">89,000</span>
+												<span class="itemPercent">10%</span>
+											</p>
+											<p class="itemBadge">
+												<span class="badge13">베스트 </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>
+											<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 alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdTogether1.jpg">
+											</div>
+											<p class="itemBrand">BRAND NAME1</p>
+											<div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
+											<p class="itemPrice">80,100
+												<span class="itemPrice_original">89,000</span>
+												<span class="itemPercent">10%</span>
+											</p>
+											<p class="itemBadge">
+												<span class="badge13">베스트 </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>
+											<div class="itemComment">#주문 폭주 상품</div>
+										</a>
+									</div>
+								</div>
+							</div>
+						</div>
+						<!-- //추천상품 노출 -->
+						<!-- lnb -->
+						<div class="lnb">
+							<div class="lnb_tit">
+								<h3>카테고리</h3>
+							</div>
+							<div class="lnb_category">
+								<ul class="category">
+									<li>
+										<a href="javascript:;">전체</a>
+									</li>
+									<li>
+										<a href="javascript:;">여성</a>
+										<!-- 2뎁스 -->
+										<div class="sub_cate">
+											<ul>
+												<li><a href="javascript:;">원피스</a></li>
+												<li>
+													<a href="javascript:;">니트/가디건/베스트</a>
+													<div class="sub_cate">
+														<ul>
+															<li><a href="javascript:;">티셔츠/셔츠01</a></li>
+															<li><a href="javascript:;">니트/가디건/베스트01</a></li>
+															<li><a href="javascript:;">팬츠/레깅스01</a></li>
+														</ul>
+													</div>
+												</li>
+												<li>
+													<a href="javascript:;">팬츠/레깅스</a>
+													<!-- 3뎁스 -->
+													<div class="sub_cate">
+														<ul>
+															<li>
+																<a href="javascript:;">티셔츠/셔츠02</a>
+																<!-- 4뎁스 -->
+																<div class="sub_cate">
+																	<ul>
+																		<li><a href="javascript:;">티셔츠/셔츠03</a></li>
+																		<li><a href="javascript:;">니트/가디건/베스트03</a></li>
+																		<li><a href="javascript:;">팬츠/레깅스03</a></li>
+																	</ul>
+																</div>
+															</li>
+															<li><a href="javascript:;">니트/가디건/베스트02</a></li>
+															<li><a href="javascript:;">팬츠/레깅스02</a></li>
+														</ul>
+													</div>
+												</li>
+											</ul>
+										</div>
+									</li>
+									<li>
+										<a href="javascript:;">남성</a>
+										<div class="sub_cate">
+											<ul>
+												<li><a href="javascript:;">티셔츠/셔츠</a></li>
+												<li><a href="javascript:;">트레이닝/스포츠</a></li>
+												<li><a href="javascript:;">언더웨어</a></li>
+											</ul>
+										</div>
+									</li>
+									<li>
+										<a href="javascript:;">유아동</a>
+										<div class="sub_cate">
+											<ul>
+												<li><a href="javascript:;">티셔츠/셔츠</a></li>
+												<li><a href="javascript:;">언더웨어</a></li>
+											</ul>
+										</div>
+									</li>
+									<li>
+										<a href="javascript:;">라이프</a>
+										<div class="sub_cate">
+											<ul>
+												<li><a href="javascript:;">잡화</a></li>
+											</ul>
+										</div>
+									</li>
+								</ul>
+							</div>
+						</div>
+						<!-- //lnb -->
+						<!-- cont -->
+						<div class="cont">
+							<div class="sec_body">
+								<div class="area_filter">
+									<div class="filter_list">
+										<!-- 1depth -->
+										<ul>
+											<li data-id="tap02">
+												<a href="javascript:void(0)">브랜드</a>
+											</li>
+											<li data-id="tap03">
+												<a href="javascript:void(0)">사이즈</a>
+											</li>
+											<li data-id="tap04">
+												<a href="javascript:void(0)">가격</a>
+											</li>
+											<li data-id="tap05">
+												<a href="javascript:void(0)">할인율</a>
+											</li>
+											<li data-id="tap06">
+												<a href="javascript:void(0)">연령</a>
+											</li>
+											<li data-id="tap07">
+												<a href="javascript:void(0)">시즌</a>
+											</li>
+											<li data-id="tap08">
+												<a href="javascript:void(0)">컬러</a>
+											</li>
+											<li data-id="tap09">
+												<a href="javascript:void(0)">혜택</a>
+											</li>
+										</ul>
+										<div class="form_field">
+											<div>
+												<input id="price" type="checkbox"><label for="price"> <span>남여 공용만 보기</span> </label>
+											</div>
+											<div>
+												<input id="chk-2" type="checkbox" checked=""><label for="chk-2"> <span>신상품만 보기</span> </label>
+											</div>
+										</div>
+									</div>
+									<div class="filter_content">
+										<!-- 브랜드 -->
+										<div class="sort tap02">
+											<ul>
+												<li>
+													<label class="brand_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterBrand00" data-name="chkFilterBrand00" name="filterBrandCds" value=""><span>모이몰른</span>
+													</label>
+												</li>
+												<li>
+													<label class="brand_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterBrand01" data-name="chkFilterBrand01" name="filterBrandCds" value=""><span>컬리수</span>
+													</label>
+												</li>
+												<li>
+													<label class="brand_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterBrand02" data-name="chkFilterBrand02" name="filterBrandCds" value=""><span>NBA</span>
+													</label>
+												</li>
+												<li>
+													<label class="brand_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterBrand03" data-name="chkFilterBrand03" name="filterBrandCds" value=""><span>밀크마일</span>
+													</label>
+												</li>
+												<li>
+													<label class="brand_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterBrand04" data-name="chkFilterBrand04" name="filterBrandCds" value=""><span>ANDEW</span>
+													</label>
+												</li>
+												<li>
+													<label class="brand_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterBrand05" data-name="chkFilterBrand05" name="filterBrandCds" value=""><span>nba Kid's</span>
+													</label>
+												</li>
+												<li>
+													<label class="brand_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterBrand06" data-name="chkFilterBrand06" name="filterBrandCds" value=""><span>몰리멜리</span>
+													</label>
+												</li>
+												<li>
+													<label class="brand_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterBrand07" data-name="chkFilterBrand07" name="filterBrandCds" value=""><span>ab.plus</span>
+													</label>
+												</li>
+												<li>
+													<label class="brand_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterBrand08" data-name="chkFilterBrand08" name="filterBrandCds" value=""><span>milkmile</span>
+													</label>
+												</li>
+												<li>
+													<label class="brand_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterBrand09" data-name="chkFilterBrand09" name="filterBrandCds" value=""><span>버커루</span>
+													</label>
+												</li>
+												<li>
+													<label class="brand_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterBrand10" data-name="chkFilterBrand10" name="filterBrandCds" value=""><span>BUCKAROO</span>
+													</label>
+												</li>
+												<li>
+													<label class="brand_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterBrand11" data-name="chkFilterBrand11" name="filterBrandCds" value=""><span>sellys</span>
+													</label>
+												</li>
+												<li>
+													<label class="brand_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterBrand12" data-name="chkFilterBrand12" name="filterBrandCds" value=""><span>올리비에스클로젯</span>
+													</label>
+												</li>
+												<li>
+													<label class="brand_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterBrand13" data-name="chkFilterBrand13" name="filterBrandCds" value=""><span>FRJ</span>
+													</label>
+												</li>
+												<li>
+													<label class="brand_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterBrand14" data-name="chkFilterBrand14" name="filterBrandCds" value=""><span>Olivier's CLOSET</span>
+													</label>
+												</li>
+												<li>
+													<label class="brand_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterBrand15" data-name="chkFilterBrand15" name="filterBrandCds" value=""><span>지오지아</span>
+													</label>
+												</li>
+												<li>
+													<label class="brand_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterBrand16" data-name="chkFilterBrand16" name="filterBrandCds" value=""><span>LPGA</span>
+													</label>
+												</li>
+												<li>
+													<label class="brand_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterBrand17" data-name="chkFilterBrand17" name="filterBrandCds" value=""><span>TRUZEN</span>
+													</label>
+												</li>
+											</ul>
+											<a href="javascript:void(0)" class="tap_close">delete-btn</a>
+										</div>
+										<!-- //브랜드 -->
+										<!-- 사이즈 -->
+										<div class="sort tap03">
+											<ul>
+												<li>
+													<strong>상의</strong>
+													<label class="size_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterSize01" data-name="chkFilterSize01" name="filterSizeCds" value=""><span>80</span>
+													</label>
+													<label class="size_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterSize02" data-name="chkFilterSize02" name="filterSizeCds" value=""><span>85</span>
+													</label>
+													<label class="size_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterSize03" data-name="chkFilterSize03" name="filterSizeCds" value=""><span>90</span>
+													</label>
+													<label class="size_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterSize04" data-name="chkFilterSize04" name="filterSizeCds" value=""><span>95</span>
+													</label>
+													<label class="size_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterSize05" data-name="chkFilterSize05" name="filterSizeCds" value=""><span>100</span>
+													</label>
+													<label class="size_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterSize06" data-name="chkFilterSize06" name="filterSizeCds" value=""><span>105</span>
+													</label>
+													<label class="size_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterSize07" data-name="chkFilterSize07" name="filterSizeCds" value=""><span>110</span>
+													</label>
+													<label class="size_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterSize08" data-name="chkFilterSize08" name="filterSizeCds" value=""><span>115</span>
+													</label>
+													<label class="size_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterSize09" data-name="chkFilterSize09" name="filterSizeCds" value=""><span>S</span>
+													</label>
+													<label class="size_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterSize10" data-name="chkFilterSize10" name="filterSizeCds" value=""><span>M</span>
+													</label>
+													<label class="size_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterSize11" data-name="chkFilterSize11" name="filterSizeCds" value=""><span>L</span>
+													</label>
+													<label class="size_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterSize12" data-name="chkFilterSize12" name="filterSizeCds" value=""><span>XL</span>
+													</label>
+													<label class="size_btn" onclick="filterSel();">
+														<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" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterSize14" data-name="chkFilterSize14" name="filterSizeCds" value=""><span>44</span>
+													</label>
+													<label class="size_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterSize15" data-name="chkFilterSize15" name="filterSizeCds" value=""><span>55</span>
+													</label>
+													<label class="size_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterSize16" data-name="chkFilterSize16" name="filterSizeCds" value=""><span>66</span>
+													</label>
+													<label class="size_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterSize17" data-name="chkFilterSize17" name="filterSizeCds" value=""><span>77</span>
+													</label>
+													<label class="size_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterSize18" data-name="chkFilterSize18" name="filterSizeCds" value=""><span>26</span>
+													</label>
+													<label class="size_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterSize19" data-name="chkFilterSize19" name="filterSizeCds" value=""><span>27</span>
+													</label>
+													<label class="size_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterSize20" data-name="chkFilterSize20" name="filterSizeCds" value=""><span>28</span>
+													</label>
+													<label class="size_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterSize21" data-name="chkFilterSize21" name="filterSizeCds" value=""><span>29</span>
+													</label>
+													<label class="size_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterSize22" data-name="chkFilterSize22" name="filterSizeCds" value=""><span>30</span>
+													</label>
+													<label class="size_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterSize23" data-name="chkFilterSize23" name="filterSizeCds" value=""><span>32</span>
+													</label>
+													<label class="size_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterSize24" data-name="chkFilterSize24" name="filterSizeCds" value=""><span>33</span>
+													</label>
+													<label class="size_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterSize25" data-name="chkFilterSize25" name="filterSizeCds" value=""><span>34</span>
+													</label>
+													<label class="size_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterSize26" data-name="chkFilterSize26" name="filterSizeCds" value=""><span>M</span>
+													</label>
+													<label class="size_btn" onclick="filterSel();">
+														<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" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterSize28" data-name="chkFilterSize28" name="filterSizeCds" value=""><span>120</span>
+													</label>
+													<label class="size_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterSize29" data-name="chkFilterSize29" name="filterSizeCds" value=""><span>130</span>
+													</label>
+													<label class="size_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterSize30" data-name="chkFilterSize30" name="filterSizeCds" value=""><span>140</span>
+													</label>
+													<label class="size_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterSize31" data-name="chkFilterSize31" name="filterSizeCds" value=""><span>150</span>
+													</label>
+													<label class="size_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterSize32" data-name="chkFilterSize32" name="filterSizeCds" value=""><span>140</span>
+													</label>
+													<label class="size_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterSize33" data-name="chkFilterSize33" name="filterSizeCds" value=""><span>150</span>
+													</label>
+													<label class="size_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterSize34" data-name="chkFilterSize34" name="filterSizeCds" value=""><span>220</span>
+													</label>
+													<label class="size_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterSize35" data-name="chkFilterSize35" name="filterSizeCds" value=""><span>230</span>
+													</label>
+													<label class="size_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterSize36" data-name="chkFilterSize36" name="filterSizeCds" value=""><span>235</span>
+													</label>
+													<label class="size_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterSize37" data-name="chkFilterSize37" name="filterSizeCds" value=""><span>240</span>
+													</label>
+													<label class="size_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterSize38" data-name="chkFilterSize38" name="filterSizeCds" value=""><span>245</span>
+													</label>
+													<label class="size_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterSize39" data-name="chkFilterSize39" name="filterSizeCds" value=""><span>250</span>
+													</label>
+													<label class="size_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterSize40" data-name="chkFilterSize40" name="filterSizeCds" value=""><span>255</span>
+													</label>
+													<label class="size_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterSize41" data-name="chkFilterSize41" name="filterSizeCds" value=""><span>260</span>
+													</label>
+													<label class="size_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterSize42" data-name="chkFilterSize42" name="filterSizeCds" value=""><span>265</span>
+													</label>
+													<label class="size_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterSize43" data-name="chkFilterSize43" name="filterSizeCds" value=""><span>270</span>
+													</label>
+													<label class="size_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterSize44" data-name="chkFilterSize44" name="filterSizeCds" value=""><span>275</span>
+													</label>
+													<label class="size_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterSize45" data-name="chkFilterSize45" name="filterSizeCds" value=""><span>280</span>
+													</label>
+													<label class="size_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterSize46" data-name="chkFilterSize46" name="filterSizeCds" value=""><span>285</span>
+													</label>
+													<label class="size_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterSize47" data-name="chkFilterSize47" name="filterSizeCds" value=""><span>290</span>
+													</label>
+												</li>
+											</ul>
+											<a href="javascript:void(0)" class="tap_close">delete-btn</a>
+										</div>
+										<!-- //사이즈 -->
+										<!-- 가격 -->
+										<div class="sort tap04">
+											<div class="range">
+												<input type="text" class="js-range-slider01" name="my_range01" value="" />
+											</div>
+											<a href="javascript:void(0)" class="tap_close">delete-btn</a>
+										</div>
+										<!-- //가격 -->
+										<!-- 할인율 -->
+										<div class="sort tap05">
+											<ul style="display:none;">
+												<li><input type="checkbox" id="percent01" name="range" value="0"><label for="percent01"><span></span><span>0%</span></label></li>
+												<li><input type="checkbox" id="percent02" name="range" value="10"><label for="percent02"><span></span><span>10%</span></label></li>
+												<li><input type="checkbox" id="percent03" name="range" value="20"><label for="percent03"><span></span><span>20%</span></label></li>
+												<li><input type="checkbox" id="percent04" name="range" value="30"><label for="percent04"><span></span><span>30%</span></label></li>
+												<li><input type="checkbox" id="percent05" name="range" value="40"><label for="percent05"><span></span><span>40%</span></label></li>
+												<li><input type="checkbox" id="percent06" name="range" value="50"><label for="percent06"><span></span><span>50%</span></label></li>
+												<li><input type="checkbox" id="percent07" name="range" value="60"><label for="percent07"><span></span><span>60%</span></label></li>
+												<li><input type="checkbox" id="percent08" name="range" value="70"><label for="percent08"><span></span><span>70%</span></label></li>
+												<li><input type="checkbox" id="percent09" name="range" value="80"><label for="percent09"><span></span><span>80%</span></label></li>
+												<li><input type="checkbox" id="percent10" name="range" value="100"><label for="percent10"><span></span><span>100%</span></label></li>
+											</ul>
+											<div class="range">
+												<input type="text" class="js-range-slider02" name="my_range02" value="" />
+											</div>
+											<a href="javascript:void(0)" class="tap_close">delete-btn</a>
+										</div>
+										<!-- //할인율 -->
+										<!-- 연령 -->
+										<div class="sort tap06">
+											<ul>
+												<li>
+													<label class="Age_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterAge00" data-name="chkFilterAge00" name="filterAgeCds" value=""><span>베이비(0~18개월)</span>
+													</label>
+												</li>
+												<li>
+													<label class="Age_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterAge00" data-name="chkFilterAge00" name="filterAgeCds" value=""><span>토들러(18~36개월)</span>
+													</label>
+												</li>
+												<li>
+													<label class="Age_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterAge00" data-name="chkFilterAge00" name="filterAgeCds" value=""><span>키즈(4~7세)</span>
+													</label>
+												</li>
+												<li>
+													<label class="Age_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterAge00" data-name="chkFilterAge00" name="filterAgeCds" value=""><span>주니어(7~13세)</span>
+													</label>
+												</li>
+											</ul>
+											<a href="javascript:void(0)" class="tap_close">delete-btn</a>
+										</div>
+										<!-- //연령 -->
+										<!-- 시즌 -->
+										<div class="sort tap07">
+											<ul>
+												<li>
+													<label class="Season_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterSeason00" data-name="chkFilterSeason00" name="filterSeasonCds" value=""><span>봄</span>
+													</label>
+												</li>
+												<li>
+													<label class="Season_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterSeason00" data-name="chkFilterSeason00" name="filterSeasonCds" value=""><span>여름</span>
+													</label>
+												</li>
+												<li>
+													<label class="Season_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterSeason00" data-name="chkFilterSeason00" name="filterSeasonCds" value=""><span>가을</span>
+													</label>
+												</li>
+												<li>
+													<label class="Season_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterSeason00" data-name="chkFilterSeason00" name="filterSeasonCds" value=""><span>겨울</span>
+													</label>
+												</li>
+											</ul>
+											<a href="javascript:void(0)" class="tap_close">delete-btn</a>
+										</div>
+										<!-- //시즌 -->
+										<!-- 컬러 -->
+										<div class="sort tap08">
+											<ul>
+												<li>
+													<label class="color-check" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterColor0" data-name="chkFilterColor0" name="filterColorCds" value="DM^BEIGE^color35,E1^BEIGE^color35,T3^BEIGE^color35,VM^BEIGE^color35" filtervalue="">
+														<span class="pdColor-color01"></span>
+													</label>
+												</li>
+												<li>
+													<label class="color-check" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterColor0" data-name="chkFilterColor0" name="filterColorCds" value="DM^BEIGE^color35,E1^BEIGE^color35,T3^BEIGE^color35,VM^BEIGE^color35" filtervalue="">
+														<span class="pdColor-color02"></span>
+													</label>
+												</li>
+												<li>
+													<label class="color-check" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterColor0" data-name="chkFilterColor0" name="filterColorCds" value="DM^BEIGE^color35,E1^BEIGE^color35,T3^BEIGE^color35,VM^BEIGE^color35" filtervalue="">
+														<span class="pdColor-color03"></span>
+													</label>
+												</li>
+												<li>
+													<label class="color-check" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterColor0" data-name="chkFilterColor0" name="filterColorCds" value="DM^BEIGE^color35,E1^BEIGE^color35,T3^BEIGE^color35,VM^BEIGE^color35" filtervalue="">
+														<span class="pdColor-color04"></span>
+													</label>
+												</li>
+												<li>
+													<label class="color-check" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterColor0" data-name="chkFilterColor0" name="filterColorCds" value="DM^BEIGE^color35,E1^BEIGE^color35,T3^BEIGE^color35,VM^BEIGE^color35" filtervalue="">
+														<span class="pdColor-color05"></span>
+													</label>
+												</li>
+												<li>
+													<label class="color-check" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterColor0" data-name="chkFilterColor0" name="filterColorCds" value="DM^BEIGE^color35,E1^BEIGE^color35,T3^BEIGE^color35,VM^BEIGE^color35" filtervalue="">
+														<span class="pdColor-color06"></span>
+													</label>
+												</li>
+												<li>
+													<label class="color-check" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterColor0" data-name="chkFilterColor0" name="filterColorCds" value="DM^BEIGE^color35,E1^BEIGE^color35,T3^BEIGE^color35,VM^BEIGE^color35" filtervalue="">
+														<span class="pdColor-color07"></span>
+													</label>
+												</li>
+												<li>
+													<label class="color-check" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterColor0" data-name="chkFilterColor0" name="filterColorCds" value="DM^BEIGE^color35,E1^BEIGE^color35,T3^BEIGE^color35,VM^BEIGE^color35" filtervalue="">
+														<span class="pdColor-color08"></span>
+													</label>
+												</li>
+												<li>
+													<label class="color-check" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterColor0" data-name="chkFilterColor0" name="filterColorCds" value="DM^BEIGE^color35,E1^BEIGE^color35,T3^BEIGE^color35,VM^BEIGE^color35" filtervalue="">
+														<span class="pdColor-color09"></span>
+													</label>
+												</li>
+												<li>
+													<label class="color-check" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterColor0" data-name="chkFilterColor0" name="filterColorCds" value="DM^BEIGE^color35,E1^BEIGE^color35,T3^BEIGE^color35,VM^BEIGE^color35" filtervalue="">
+														<span class="pdColor-color10"></span>
+													</label>
+												</li>
+												<li>
+													<label class="color-check" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterColor0" data-name="chkFilterColor0" name="filterColorCds" value="DM^BEIGE^color35,E1^BEIGE^color35,T3^BEIGE^color35,VM^BEIGE^color35" filtervalue="">
+														<span class="pdColor-color11"></span>
+													</label>
+												</li>
+												<li>
+													<label class="color-check" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterColor0" data-name="chkFilterColor0" name="filterColorCds" value="DM^BEIGE^color35,E1^BEIGE^color35,T3^BEIGE^color35,VM^BEIGE^color35" filtervalue="">
+														<span class="pdColor-color12"></span>
+													</label>
+												</li>
+												<li>
+													<label class="color-check" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterColor0" data-name="chkFilterColor0" name="filterColorCds" value="DM^BEIGE^color35,E1^BEIGE^color35,T3^BEIGE^color35,VM^BEIGE^color35" filtervalue="">
+														<span class="pdColor-color13"></span>
+													</label>
+												</li>
+												<li>
+													<label class="color-check" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterColor0" data-name="chkFilterColor0" name="filterColorCds" value="DM^BEIGE^color35,E1^BEIGE^color35,T3^BEIGE^color35,VM^BEIGE^color35" filtervalue="">
+														<span class="pdColor-color14"></span>
+													</label>
+												</li>
+												<li>
+													<label class="color-check" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterColor0" data-name="chkFilterColor0" name="filterColorCds" value="DM^BEIGE^color35,E1^BEIGE^color35,T3^BEIGE^color35,VM^BEIGE^color35" filtervalue="">
+														<span class="pdColor-color15"></span>
+													</label>
+												</li>
+											</ul>
+											<a href="javascript:void(0)" class="tap_close">delete-btn</a>
+										</div>
+										<!-- //컬러 -->
+										<!-- 혜택 -->
+										<div class="sort tap09">
+											<ul>
+												<li>
+													<label class="Benefits_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterBenefits00" data-name="chkFilterBenefits00" name="filterBenefitsCds" value=""><span>할인쿠폰</span>
+													</label>
+												</li>
+												<li>
+													<label class="Benefits_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterBenefits00" data-name="chkFilterBenefits00" name="filterBenefitsCds" value=""><span>사은품</span>
+													</label>
+												</li>
+												<li>
+													<label class="Benefits_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterBenefits00" data-name="chkFilterBenefits00" name="filterBenefitsCds" value=""><span>단독특가</span>
+													</label>
+												</li>
+												<li>
+													<label class="Benefits_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterBenefits00" data-name="chkFilterBenefits00" name="filterBenefitsCds" value=""><span>온라인단독</span>
+													</label>
+												</li>
+												<li>
+													<label class="Benefits_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterBenefits00" data-name="chkFilterBenefits00" name="filterBenefitsCds" value=""><span>무료배송</span>
+													</label>
+												</li>
+												<li>
+													<label class="Benefits_btn" onclick="filterSel();">
+														<input type="checkbox" group="filterValue" id="chkFilterBenefits00" data-name="chkFilterBenefits00" name="filterAgeCds" value=""><span>총알배송</span>
+													</label>
+												</li>
+											</ul>
+											<a href="javascript:void(0)" class="tap_close">delete-btn</a>
+										</div>
+										<!-- //혜택 -->
+										<!-- 필터 -->
+										<div class="fillter">
+											<div class="fillter_box">
+												<span>
+													모이몰른
+													<a href="javascript:;" class="filter_delete"></a >
+												</span>
+												<span>
+													85
+													<a href="javascript:;" class="filter_delete"></a>
+												</span>
+												<span>
+													버커루
+													<a href="javascript:;" class="filter_delete"></a>
+												</span>
+												<span>
+													TBJ
+													<a href="javascript:;" class="filter_delete"></a >
+												</span>
+												<span>
+													ANDEW
+													<a href="javascript:;" class="filter_delete"></a >
+												</span>
+												<span>
+													모이몰른
+													<a href="javascript:;" class="filter_delete"></a >
+												</span>
+												<span>
+													85
+													<a href="javascript:;" class="filter_delete"></a>
+												</span>
+												<span>
+													버커루
+													<a href="javascript:;" class="filter_delete"></a>
+												</span>
+												<span>
+													TBJ
+													<a href="javascript:;" class="filter_delete"></a >
+												</span>
+												<span>
+													ANDEW
+													<a href="javascript:;" class="filter_delete"></a >
+												</span>
+												<span>
+													모이몰른
+													<a href="javascript:;" class="filter_delete"></a >
+												</span>
+												<span>
+													85
+													<a href="javascript:;" class="filter_delete"></a>
+												</span>
+												<span>
+													버커루
+													<a href="javascript:;" class="filter_delete"></a>
+												</span>
+												<span>
+													TBJ
+													<a href="javascript:;" class="filter_delete"></a >
+												</span>
+												<span>
+													ANDEW
+													<a href="javascript:;" class="filter_delete"></a >
+												</span>
+												<span>
+													모이몰른
+													<a href="javascript:;" class="filter_delete"></a >
+												</span>
+												<!-- 컬러 표시 -->
+												<span>
+													<span class="pdColor-color12"></span>
+													<a href="javascript:;" class="filter_delete"></a >
+												</span>
+												<span>
+													<span class="pdColor-color13"></span>
+													<a href="javascript:;" class="filter_delete"></a >
+												</span>
+												<!-- 컬러 표시 -->
+											</div>
+											<button class="fillter_reset"><span>전체 초기화</span></button>
+										</div>
+										<!-- //필터 -->
+									</div>
+								</div>
+								<div class="area_list">
+									<!-- 검색필터 결과 없을 시 노출 -->
+									<div class="nodata">
+										<div class="txt_box">
+											<p>
+												선택하신 조건에 맞는 상품이 없습니다. <br>
+												필터를 다시 선택하신 후 다시 검색해 보세요!
+											</p>
+										</div>
+										<div class="btn_box">
+											<button class="btn btn_default"><span>초기화</span></button>
+										</div>
+									</div>
+									<!-- //검색필터 결과 없을 시 노출 -->
+									<!-- 검색필터 결과 상품 노출 -->
+									<div class="count_wrap">
+										<div>
+											<p><span>9999</span>개의 상품</p>
+										</div>
+										<div>
+											<ul>
+												<li>
+													<a href="" class="on">최신상품순</a>
+												</li>
+												<li>
+													<a href="">인기상품순</a>
+												</li>
+												<li>
+													<a href="">리뷰 많은순</a>
+												</li>
+											</ul>
+										</div>
+									</div>
+									<div class="advertise_items"> <!-- 광고상품 -->
+										<div class="itemsGrp">
+											<div class="item_prod">
+												<div class="item_state">
+													<button type="button" class="itemLike">관심상품 추가</button>
+													<a href="#none" class="itemLink">
+														<div class="shape"><span>AD</span></div>
+														<div class="itemPic">
+															<img class="vLHTC pd_img" src="/images/pc/thumb/prod1.jpg" alt="">
+														</div>
+														<p class="itemBrand">BRAND NAME</p>
+														<div class=" itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
+														<p class="itemPrice">80,100
+															<span class="itemPrice_original">89,000</span>
+															<span class="itemPercent">10%</span>
+														</p>
+														<p class="itemBadge">
+															<span class="badge13">베스트 </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>
+														<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="shape"><span>AD</span></div>
+														<div class="itemPic">
+															<img class="vLHTC pd_img" src="/images/pc/thumb/prod1.jpg" alt="">
+														</div>
+														<p class="itemBrand">BRAND NAME</p>
+														<div class=" itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
+														<p class="itemPrice">80,100
+															<span class="itemPrice_original">89,000</span>
+															<span class="itemPercent">10%</span>
+														</p>
+														<p class="itemBadge">
+															<span class="badge13">베스트 </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>
+														<div class="itemComment">#주문 폭주 상품</div>
+													</a>
+												</div>
+											</div>
+											<div class="item_prod">
+												<div class="item_state">
+													<a href="#none" class="itemLink">
+														<div class="shape"><span>AD</span></div>
+														<div class="itemPic">
+															<img class="vLHTC pd_img" src="/images/pc/thumb/prod1.jpg" alt="">
+															<button type="button" class="itemLike">관심상품 추가</button>
+														</div>
+														<p class="itemBrand">BRAND NAME</p>
+														<div class=" itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
+														<p class="itemPrice">80,100
+															<span class="itemPrice_original">89,000</span>
+															<span class="itemPercent">10%</span>
+														</p>
+														<p class="itemBadge">
+															<span class="badge13">베스트 </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>
+														<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="shape"><span>AD</span></div>
+														<div class="itemPic">
+															<img class="vLHTC pd_img" src="/images/pc/thumb/prod1.jpg" alt="">
+														</div>
+														<p class="itemBrand">BRAND NAME</p>
+														<div class=" itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
+														<p class="itemPrice">80,100
+															<span class="itemPrice_original">89,000</span>
+															<span class="itemPercent">10%</span>
+														</p>
+														<p class="itemBadge">
+															<span class="badge13">베스트 </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>
+														<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="shape"><span>AD</span></div>
+														<div class="itemPic">
+															<img class="vLHTC pd_img" src="/images/pc/thumb/prod1.jpg" alt="">
+														</div>
+														<p class="itemBrand">BRAND NAME</p>
+														<div class=" itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
+														<p class="itemPrice">80,100
+															<span class="itemPrice_original">89,000</span>
+															<span class="itemPercent">10%</span>
+														</p>
+														<p class="itemBadge">
+															<span class="badge13">베스트 </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>
+														<div class="itemComment">#주문 폭주 상품</div>
+													</a>
+												</div>
+											</div>
+										</div>
+									</div>
+									<div class="banner">
+										<a href=""><img src="/images/pc/thumb/bnr_sch_result.jpg" width="100%" alt=""></a>
+									</div>
+									<div class="sch_result_items">
+										<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/pc/thumb/tmp_pdClickother1.jpg" alt="">
+														</div>
+														<p class="itemBrand">BRAND NAME</p>
+														<div class=" itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
+														<p class="itemPrice">80,100
+															<span class="itemPrice_original">89,000</span>
+															<span class="itemPercent">10%</span>
+														</p>
+														<p class="itemBadge">
+															<span class="badge13">베스트 </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>
+														<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/pc/thumb/tmp_pdClickother1.jpg" alt="">
+													</div>
+													<p class="itemBrand">BRAND NAME</p>
+													<div class=" itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
+													<p class="itemPrice">80,100
+														<span class="itemPrice_original">89,000</span>
+														<span class="itemPercent">10%</span>
+													</p>
+													<p class="itemBadge">
+														<span class="badge13">베스트 </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>
+													<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/pc/thumb/tmp_pdClickother1.jpg" alt="">
+													</div>
+													<p class="itemBrand">BRAND NAME</p>
+													<div class=" itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
+													<p class="itemPrice">80,100
+														<span class="itemPrice_original">89,000</span>
+														<span class="itemPercent">10%</span>
+													</p>
+													<p class="itemBadge">
+														<span class="badge13">베스트 </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>
+													<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/pc/thumb/tmp_pdClickother1.jpg" alt="">
+													</div>
+													<p class="itemBrand">BRAND NAME</p>
+													<div class=" itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
+													<p class="itemPrice">80,100
+														<span class="itemPrice_original">89,000</span>
+														<span class="itemPercent">10%</span>
+													</p>
+													<p class="itemBadge">
+														<span class="badge13">베스트 </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>
+													<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/pc/thumb/tmp_pdClickother1.jpg" alt="">
+														</div>
+														<p class="itemBrand">BRAND NAME</p>
+														<div class=" itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
+														<p class="itemPrice">80,100
+															<span class="itemPrice_original">89,000</span>
+															<span class="itemPercent">10%</span>
+														</p>
+														<p class="itemBadge">
+															<span class="badge13">베스트 </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>
+														<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/pc/thumb/tmp_pdClickother1.jpg" alt="">
+														</div>
+														<p class="itemBrand">BRAND NAME</p>
+														<div class=" itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
+														<p class="itemPrice">80,100
+															<span class="itemPrice_original">89,000</span>
+															<span class="itemPercent">10%</span>
+														</p>
+														<p class="itemBadge">
+															<span class="badge13">베스트 </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>
+														<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/pc/thumb/tmp_pdClickother1.jpg" alt="">
+														</div>
+														<p class="itemBrand">BRAND NAME</p>
+														<div class=" itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
+														<p class="itemPrice">80,100
+															<span class="itemPrice_original">89,000</span>
+															<span class="itemPercent">10%</span>
+														</p>
+														<p class="itemBadge">
+															<span class="badge13">베스트 </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>
+														<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/pc/thumb/tmp_pdClickother1.jpg" alt="">
+														</div>
+														<p class="itemBrand">BRAND NAME</p>
+														<div class=" itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
+														<p class="itemPrice">80,100
+															<span class="itemPrice_original">89,000</span>
+															<span class="itemPercent">10%</span>
+														</p>
+														<p class="itemBadge">
+															<span class="badge13">베스트 </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>
+														<div class="itemComment">#주문 폭주 상품</div>
+													</a>
+												</div>
+											</div>
+										</div>
+									</div>
+									<!-- //검색필터 결과 상품 노출 -->
+								</div>
+							</div>
+						</div>
+						<!-- //cont -->
+					</div>
+					<!-- //검색결과 : 상품 -->
+					<!-- 검색결과 : 기획전 -->
+					<div class="sch_result_cont">
+						<!-- 기획전 검색결과 없을 시 노출 -->
+						<div class="nodata">
+							<div class="txt_box">
+								<p>
+									<span>‘티비제이 제기장 스웨터’</span> 에 대한 기획전 검색결과가 없습니다.
+								</p>
+							</div>
+						</div>
+						<!-- //기획전 검색결과 없을 시 노출 -->
+						<div class="exhi_list"> <!-- 데이터 없을시 클래스 nodata 추가 -->
+							<div class="list_defult">
+								<div>
+									<img src="/images/pc/ico_content_find.png" alt="">
+									<p>등록된 기획전이 없습니다.</p>
+								</div>
+								<div class="ui_row">
+									<button type="button" class="btn btn_default"><span>홈으로 가기</span></button>
+								</div>
+							</div>
+							<div class="itemsGrp">
+								<div class="exhi_item">
+									<div class="exhi_item_img">
+										<a href="">
+											<div class="shape ranker"><span>NEW</span></div>
+											<img src="/images/pc/thumb/ev_list_img01.jpg" alt=""> <!-- 430x430 사이즈 최적 -->
+											<div class="exhi_detail">
+												<p class="brand">TBJ 외</p>
+												<h3 class="tit">ATTENTION! 20FW HOLIDAY TBJ 주목할 홀리데이 TBJ 컬렉션 ATTENTION! 20FW HOLIDAY TBJ 주목할 홀리데이 TBJ 컬렉션</h3>
+												<p class="sale">신상 15%쿠폰할인</p>
+											</div>
+										</a>
+									</div>
+									<div class="exhi_item_pr">
+										<ul class="prod_list clear">
+											<li>
+												<div class="item_prod">
+													<div class="item_state">
+														<a href="#none" class="itemLink">
+															<div class="itemPic">
+																<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/dp_slide_Item01.png">
+															</div>
+															<div class="itemName">남성 로고 자카드 방풍 패딩</div>
+															<p class="itemPrice">80,100</p>
+														</a>
+													</div>
+												</div>
+											</li>
+											<li>
+												<div class="item_prod">
+													<div class="item_state">
+														<a href="#none" class="itemLink">
+															<div class="itemPic">
+																<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdTogether1.jpg">
+															</div>
+															<div class="itemName">남성 로고 자카드 방풍 패딩</div>
+															<p class="itemPrice">80,100</p>
+														</a>
+													</div>
+												</div>
+											</li>
+										</ul>
+									</div>
+								</div>
+								<div class="exhi_item">
+									<div class="exhi_item_img">
+										<a href="">
+											<div class="shape ranker"><span>NEW</span></div>
+											<img src="/images/pc/thumb/tmp_pdLookbook1.jpg" alt="">
+											<div class="exhi_detail">
+												<p class="brand">TBJ 외</p>
+												<h3 class="tit">ATTENTION! 20FW HOLIDAY TBJ 주목할 홀리데이 TBJ 컬렉션 ATTENTION! 20FW HOLIDAY TBJ 주목할 홀리데이 TBJ 컬렉션</h3>
+												<p class="sale">신상 15%쿠폰할인</p>
+											</div>
+										</a>
+									</div>
+									<div class="exhi_item_pr">
+										<ul class="prod_list clear">
+											<li>
+												<div class="item_prod">
+													<div class="item_state">
+														<a href="#none" class="itemLink">
+															<div class="itemPic">
+																<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/dp_slide_Item01.png">
+															</div>
+															<div class="itemName">남성 로고 자카드 방풍 패딩</div>
+															<p class="itemPrice">80,100</p>
+														</a>
+													</div>
+												</div>
+											</li>
+											<li>
+												<div class="item_prod">
+													<div class="item_state">
+														<a href="#none" class="itemLink">
+															<div class="itemPic">
+																<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdTogether1.jpg">
+															</div>
+															<div class="itemName">남성 로고 자카드 방풍 패딩</div>
+															<p class="itemPrice">80,100</p>
+														</a>
+													</div>
+												</div>
+											</li>
+										</ul>
+									</div>
+								</div>
+								<div class="exhi_item">
+									<div class="exhi_item_img">
+										<a href="">
+											<div class="shape ranker"><span>NEW</span></div>
+											<img src="/images/pc/thumb/tmp_pdLookbook1.jpg" alt="">
+											<div class="exhi_detail">
+												<p class="brand">TBJ 외</p>
+												<h3 class="tit">ATTENTION! 20FW HOLIDAY TBJ 주목할 홀리데이 TBJ 컬렉션 ATTENTION! 20FW HOLIDAY TBJ 주목할 홀리데이 TBJ 컬렉션</h3>
+												<p class="sale">신상 15%쿠폰할인</p>
+											</div>
+										</a>
+									</div>
+									<div class="exhi_item_pr">
+										<ul class="prod_list clear">
+											<li>
+												<div class="item_prod">
+													<div class="item_state">
+														<a href="#none" class="itemLink">
+															<div class="itemPic">
+																<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/dp_slide_Item01.png">
+															</div>
+															<div class="itemName">남성 로고 자카드 방풍 패딩</div>
+															<p class="itemPrice">80,100</p>
+														</a>
+													</div>
+												</div>
+											</li>
+											<li>
+												<div class="item_prod">
+													<div class="item_state">
+														<a href="#none" class="itemLink">
+															<div class="itemPic">
+																<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdTogether1.jpg">
+															</div>
+															<div class="itemName">남성 로고 자카드 방풍 패딩</div>
+															<p class="itemPrice">80,100</p>
+														</a>
+													</div>
+												</div>
+											</li>
+										</ul>
+									</div>
+								</div>
+								<div class="exhi_item">
+									<div class="exhi_item_img">
+										<a href="">
+											<img src="/images/pc/thumb/tmp_pdLookbook1.jpg" alt="">
+											<div class="exhi_detail">
+												<p class="brand">TBJ 외</p>
+												<h3 class="tit">ATTENTION! 20FW HOLIDAY TBJ 주목할 홀리데이 TBJ 컬렉션 ATTENTION! 20FW HOLIDAY TBJ 주목할 홀리데이 TBJ 컬렉션</h3>
+												<p class="sale">신상 15%쿠폰할인</p>
+											</div>
+										</a>
+									</div>
+									<div class="exhi_item_pr">
+										<ul class="prod_list clear">
+											<li>
+												<div class="item_prod">
+													<div class="item_state">
+														<a href="#none" class="itemLink">
+															<div class="itemPic">
+																<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/dp_slide_Item01.png">
+															</div>
+															<div class="itemName">남성 로고 자카드 방풍 패딩</div>
+															<p class="itemPrice">80,100</p>
+														</a>
+													</div>
+												</div>
+											</li>
+											<li>
+												<div class="item_prod">
+													<div class="item_state">
+														<a href="#none" class="itemLink">
+															<div class="itemPic">
+																<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdTogether1.jpg">
+															</div>
+															<div class="itemName">남성 로고 자카드 방풍 패딩</div>
+															<p class="itemPrice">80,100</p>
+														</a>
+													</div>
+												</div>
+											</li>
+										</ul>
+									</div>
+								</div>
+								<div class="exhi_item">
+									<div class="exhi_item_img">
+										<a href="">
+											<img src="/images/pc/thumb/tmp_pdLookbook1.jpg" alt="">
+											<div class="exhi_detail">
+												<p class="brand">TBJ 외</p>
+												<h3 class="tit">ATTENTION! 20FW HOLIDAY TBJ 주목할 홀리데이 TBJ 컬렉션 ATTENTION! 20FW HOLIDAY TBJ 주목할 홀리데이 TBJ 컬렉션</h3>
+												<p class="sale">신상 15%쿠폰할인</p>
+											</div>
+										</a>
+									</div>
+									<div class="exhi_item_pr">
+										<ul class="prod_list clear">
+											<li>
+												<div class="item_prod">
+													<div class="item_state">
+														<a href="#none" class="itemLink">
+															<div class="itemPic">
+																<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/dp_slide_Item01.png">
+															</div>
+															<div class="itemName">남성 로고 자카드 방풍 패딩</div>
+															<p class="itemPrice">80,100</p>
+														</a>
+													</div>
+												</div>
+											</li>
+											<li>
+												<div class="item_prod">
+													<div class="item_state">
+														<a href="#none" class="itemLink">
+															<div class="itemPic">
+																<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdTogether1.jpg">
+															</div>
+															<div class="itemName">남성 로고 자카드 방풍 패딩</div>
+															<p class="itemPrice">80,100</p>
+														</a>
+													</div>
+												</div>
+											</li>
+										</ul>
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
+					<!-- //검색결과 : 기획전 -->
+					<!-- 검색결과 : 이벤트 -->
+					<div class="sch_result_cont">
+						<!-- 이벤트 검색결과 없을 시 노출 -->
+						<div class="nodata">
+							<div class="txt_box">
+								<p>
+									<span>‘티비제이 제기장 스웨터’</span> 에 대한 이벤트 검색결과가 없습니다.
+								</p>
+							</div>
+						</div>
+						<!-- //이벤트 검색결과 없을 시 노출 -->
+						<div class="cont">
+							<div class="sec_body">
+								<div class="area_thumb_list">
+									<div class="thumb_list">
+										<ul>
+											<li>
+												<a href="">
+													<div class="shape ranker"><span>NEW</span></div>
+													<div class="thumb">
+														<img src="/images/pc/thumb/ev_list_img01.jpg" alt="">
+													</div>
+													<div class="txt">
+														<p class="title">ATTENTION! 20FW HOLIDAY TBJ 주목할 홀리데이 TBJ 컬렉션</p>
+														<p class="date">
+															<span>2020.12.17</span> - <span>2021.01.03</span>
+														</p>
+													</div>
+												</a>
+											</li>
+											<li>
+												<a href="">
+													<div class="thumb">
+														<img src="/images/pc/thumb/ev_list_img02.jpg" alt="">
+													</div>
+													<div class="txt">
+														<p class="title">단 48시간, 퓨어캐시미어 최대 80%세일 PURE CASHMERE 48H POP-UP 단 48시간, 퓨어캐시미어 최대 80%세일 PURE CASHMERE 48H POP-UP</p>
+														<p class="date">
+															<span>2020.12.17</span> - <span>2021.01.03</span>
+														</p>
+													</div>
+												</a>
+											</li>
+											<li>
+												<a href="">
+													<div class="thumb">
+														<img src="/images/pc/thumb/ev_list_img03.jpg" alt="">
+													</div>
+													<div class="txt">
+														<p class="title">ANDEW white 20winter</p>
+														<p class="date">
+															<span>2020.12.17</span> - <span>2021.01.03</span>
+														</p>
+													</div>
+												</a>
+											</li>
+											<li>
+												<a href="">
+													<div class="thumb">
+														<img src="/images/pc/thumb/ev_list_img04.jpg" alt="">
+													</div>
+													<div class="txt">
+														<p class="title">자연스럽고 편안한  Earth Colors</p>
+														<p class="date">
+															<span>2020.12.17</span> - <span>2021.01.03</span>
+														</p>
+													</div>
+												</a>
+											</li>
+											<li>
+												<a href="">
+													<div class="thumb">
+														<img src="/images/pc/thumb/ev_list_img05.jpg" alt="">
+													</div>
+													<div class="txt">
+														<p class="title">RETRO CONTEMPORARY 3개 브랜드 BUCKAROO/NBA/ANDEW</p>
+														<p class="date">
+															<span>2020.12.17</span> - <span>2021.01.03</span>
+														</p>
+													</div>
+												</a>
+											</li>
+											<li>
+												<a href="">
+													<div class="thumb">
+														<img src="/images/pc/thumb/ev_list_img06.jpg" alt="">
+													</div>
+													<div class="txt">
+														<p class="title">스타일24만의 스타일로, TBJ 하이 스타일링</p>
+														<p class="date">
+															<span>2020.12.17</span> - <span>2021.01.03</span>
+														</p>
+													</div>
+												</a>
+											</li>
+											<li>
+												<a href="">
+													<div class="thumb">
+														<img src="/images/pc/thumb/ev_list_img07.jpg" alt="">
+													</div>
+													<div class="txt">
+														<p class="title">올 겨울, 나를 설레게하는 선물같은 브랜드 THIS IS FOUR YOU</p>
+														<p class="date">
+															<span>2020.12.17</span> - <span>2021.01.03</span>
+														</p>
+													</div>
+												</a>
+											</li>
+											<li>
+												<a href="">
+													<div class="thumb">
+														<img src="/images/pc/thumb/ev_list_img08.jpg" alt="">
+													</div>
+													<div class="txt">
+														<p class="title">한눈에 살펴보는 우리 아이 겨울 아이템</p>
+														<p class="date">
+															<span>2020.12.17</span> - <span>2021.01.03</span>
+														</p>
+													</div>
+												</a>
+											</li>
+										</ul>
+									</div>
+									<!-- 등록된 이벤트가 없을 때 노출 -->
+									<div class="nodata">
+										<div class="txt_box">
+											<p>
+												등록된 이벤트가 없습니다.
+											</p>
+										</div>
+										<div class="btn_box">
+											<button class="btn btn_default"><span>홈으로 가기</span></button>
+										</div>
+									</div>
+									<!-- //등록된 이벤트가 없을 때 노출 -->
+								</div>
+							</div>
+						</div>
+					</div>
+					<!-- //검색결과 : 이벤트 -->
+				</div>
+			</div>
+		</div>
+	</div>
+
+	<script th:inline="javascript">
+		$(document).ready( function() {
+//결과내 재 검색 - 검색어 입력 시
+			$(document).on('keyup','.sch_result .area_info .inner_search input',function(e){
+				var reSearchValue = $(this).val();
+				if(reSearchValue.length > 0) {
+					$('.inner_search .autokeyword').show();
+				} else if (reSearchValue.length == 0) {
+					$('.inner_search .autokeyword').hide();
+				}
+			});
+
+			//가격 슬라이드
+			var custom_values = ['9,000원', '230,000원', '487,000원', '700,000원', '1,360,000원', '1,799,000원'];
+			var my_from = custom_values.indexOf('9,000원');
+			var my_to = custom_values.indexOf('230,000원');
+			$(".dp .js-range-slider01, .sch_result .js-range-slider01").ionRangeSlider({
+				type: "double",
+				min: 9000,
+				max: 1799000,
+				from: my_from,
+				to: my_to,
+				grid: true,
+				skin: "round",
+				postfix: "원",
+				prettify_separator: ",",
+				values: custom_values
+			});
+
+			//할인율
+			var custom_values02 = ['0%', '10%', '20%', '30%', '40%', '50%', '60%', '70%', '80%', '90%', '100%'];
+			var my_from02 = custom_values02.indexOf('0%');
+			var my_to02 = custom_values02.indexOf('10%');
+			$(".dp .js-range-slider02, .sch_result .js-range-slider02").ionRangeSlider({
+				type: "double",
+				min: 0,
+				max: 100,
+				from: my_from02,
+				to: my_to02,
+				grid: true,
+				skin: "round",
+				postfix: "%",
+				prettify_separator: ",",
+				values: custom_values02
+			});
+
+			//검색결과 탭
+			$(document).on('click','.sch_result .taps ul li',function(e){
+				$(this).addClass('active').siblings().removeClass('active');
+				$('.sch_result .sch_result_cont').hide();
+				$('.sch_result .sch_result_cont').eq($(this).index()).show();
+				return false;
+			});
+
+			$(document).on('click','.lnb .lnb_category ul li a',function(e){
+				$(this).toggleClass('on');
+				$(this).parent('li').siblings('li').children('a').removeClass('on');
+				$(this).parent('li').siblings('li').removeClass('on');
+				$(this).parent('li').siblings('li').find('a').removeClass('on');
+
+				$(this).parent('li').toggleClass('on');
+				$(this).parent('li').siblings('li').find('.sub_cate').hide();
+				$(this).parent('li').children(".sub_cate").toggle();
+			});
+		});
+	</script>
+
 </th:block>
 
 </body>

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

@@ -364,11 +364,79 @@
 <script th:inline="javascript">
 /*<![CDATA[*/
 	
+	let socialSq = [[${goodsInfo.socialSq}]];	
+	let socialEddt = [[${goodsInfo.socialEddt}]];
+	
+	function promotionTimer() {
+		var endTime = new Date(socialEddt); // 남은시간 지정	30 March 2021 9:56:00 GMT+0900	
+			endTime = (Date.parse(endTime) / 1000);
+
+			var now = new Date();
+			now = (Date.parse(now) / 1000);
+
+			var timeLeft = endTime - now;
+
+			var days = Math.floor(timeLeft / 86400); 
+			var hours = Math.floor((timeLeft - (days * 86400)) / 3600);
+			var minutes = Math.floor((timeLeft - (days * 86400) - (hours * 3600 )) / 60);
+			var seconds = Math.floor((timeLeft - (days * 86400) - (hours * 3600) - (minutes * 60)));
+
+			if (hours < '10') { hours = '0' + hours; }
+			if (minutes < '10') { minutes = '0' + minutes; }
+			if (seconds < '10') { seconds = '0' + seconds; }
+			
+			if (Number(days) > 0 ){
+				hours = Number(hours) + (Number(days) * 24);
+			}
+			
+			$('#d-hours').html(hours);
+			$('#d-minutes').html(minutes);
+			$('#d-seconds').html(seconds);		
+	}
+
+	if (!gagajf.isNull(socialSq)){
+		$('.timer_box').css('display', 'block');
+		setInterval(function() { promotionTimer(); }, 1000);
+	};
+
+	
 	var cateNm = "";
 	
 	// 함께본 상품
 	var fnGoodsTogetherSearch = function(params) {
-		gagajf.ajaxSubmit("/goods/detail/together/frame", "html", "goodsTogetherbArea", params);
+		//gagajf.ajaxSubmit("/goods/detail/together/frame", "html", "goodsTogetherbArea", params);
+		
+		$.ajax( {
+			type		: "POST",
+			url 		: '/goods/detail/together/frame',
+			data		: JSON.stringify(params),
+			dataType 	: 'html',
+			beforeSend : function(xhr, settings) {
+				xhr.setRequestHeader("AJAX"			, "true");
+				xhr.setRequestHeader('Accept'		, 'application/json');
+				xhr.setRequestHeader('Content-Type'	, 'application/json');
+			},
+			success 	: function(result) {
+				if (result != null) {
+					$("#goodsTogetherbArea").css("display", "block");
+					$("#goodsTogetherbArea").html(result);
+					var otherItemSwiper1 = new Swiper('.pd .pd_clickother .area_slider .swiper-container', {
+					     slidesPerView: 5,
+					     slidesToScroll: 5,
+					     slidesPerGroup: 5,
+					     spaceBetween: 20,
+					     navigation: {
+					         nextEl: '.pd_clickother .swiper-button-next',
+					         prevEl: '.pd_clickother .swiper-button-prev',
+					     },
+					     pagination: {
+					         el: '.pd_clickother .swiper-pagination',
+					         clickable: true,
+					     },
+					 });   
+				}
+			}
+		});
 	}
 	
 	// 옵션1 조회
@@ -910,7 +978,6 @@
 		// 장바구니담기
 		cfnAddCart(compsList);
 		
-		
 	}
 	
 	// 선택상품 삭제
@@ -919,70 +986,73 @@
 		fnSetTotalPrice();
 	}
 	
-	$(document).ready( function() {
-		
-		$('.timer_box').css('display', 'none');
-		
-		//공유 버튼 토글 
-		$("button[data-name=openShare]").on("click", function(){
-			$(this).toggleClass("on").next(".shareWrap").toggleClass("on");
-			return false;
-		});
-		//영역밖 클릭으로 공유토글 닫기
-		$("body").on('click', function(e) { 
-			if(!$(".shareWrap.on").parent().has(e.target).length) {
-				$("button[data-name=openShare]").removeClass("on");
-				$(".shareWrap").removeClass("on");
-			};
-		});
-		
-		var params = new Object();
-		params.goodsCd = [[${params.goodsCd}]];
-		params.colorCd = [[${params.colorCd}]];
-		params.viewDt = [[${params.viewDt}]];
-		params.preview = [[${params.preview}]];
-		params.adminYn = [[${params.adminYn}]];
-		params.goodsType = [[${params.goodsType}]];
-		params.supplyCompCd = [[${params.supplyCompCd}]];
-		params.brandGroupNm = [[${goodsInfo.brandGroupNm}]];
-		
-		// 함께본 상품(ajax html)
+	//공유 버튼 토글 
+	$("button[data-name=openShare]").on("click", function(){
+		$(this).toggleClass("on").next(".shareWrap").toggleClass("on");
+		return false;
+	});
+	//영역밖 클릭으로 공유토글 닫기
+	$("body").on('click', function(e) { 
+		if(!$(".shareWrap.on").parent().has(e.target).length) {
+			$("button[data-name=openShare]").removeClass("on");
+			$(".shareWrap").removeClass("on");
+		};
+	});
+
+
+	var params = new Object();
+	params.goodsCd = [[${params.goodsCd}]];
+	params.colorCd = [[${params.colorCd}]];
+	params.viewDt = [[${params.viewDt}]];
+	params.preview = [[${params.preview}]];
+	params.adminYn = [[${params.adminYn}]];
+	params.goodsType = [[${params.goodsType}]];
+	params.supplyCompCd = [[${params.supplyCompCd}]];
+	params.brandGroupNm = [[${goodsInfo.brandGroupNm}]];
+
+	//함께본 상품(ajax html)
+	$('#goodsTogetherbArea').load('GoodsDetailFormWeb.html', function() {
 		params.goodsOtherGb = "together";
 		params.ithrCd = "tmtb";
 		params.contentsLoc = "tmtb";
 		fnGoodsTogetherSearch(params);
-
-		if (!gagajf.isNull([[${goodsInfo.socialSq}]])){
-			$('.timer_box').css('display', 'block');
-			/* 행사 남은시간 */
-			function promotionTimer() {
-				var endTime = new Date([[${goodsInfo.socialEddt}]]); // 남은시간 지정	30 March 2021 9:56:00 GMT+0900	
-					endTime = (Date.parse(endTime) / 1000);
-	
-					var now = new Date();
-					now = (Date.parse(now) / 1000);
-	
-					var timeLeft = endTime - now;
+	});
 	
-					var days = Math.floor(timeLeft / 86400); 
-					var hours = Math.floor((timeLeft - (days * 86400)) / 3600);
-					var minutes = Math.floor((timeLeft - (days * 86400) - (hours * 3600 )) / 60);
-					var seconds = Math.floor((timeLeft - (days * 86400) - (hours * 3600) - (minutes * 60)));
+	//상품상세정보 더보기
+	$(document).on('click','.pd_descrp_pop .btn_more_box button',function(e){
+		$('.pd_descrp_pop .cont_body').toggleClass('on'); 
+		$(this).toggleClass('active');
+		$(this).parent('.btn_more_box').toggleClass('covered');
+		var descrpToggle = $(this).find('span');
+		$(descrpToggle).text($(descrpToggle).text() == '상세정보 더보기' ? '상세정보 접기' : '상세정보 더보기');
+		return false;
+	}); 
+
+	//상품상세정보 탭
+	$(document).on('click','.pd.deal .tab_detail_nav ul li',function(e){
+		$(this).addClass('active').siblings().removeClass('active');
+		$('.pd.deal .tab_detail_cont').hide();		
+		$('.pd.deal .tab_detail_cont').eq($(this).index()).show();
+		return false;
+	});
 	
-					if (hours < '10') { hours = '0' + hours; }
-					if (minutes < '10') { minutes = '0' + minutes; }
-					if (seconds < '10') { seconds = '0' + seconds; }
+	//슬라이드 - 이 상품과 함께 본 상품 
+	var otherItemSwiper = new Swiper('.pd .pd_clickother .area_slider .swiper-container', {
+		slidesPerView: 5,
+		spaceBetween: 20,
+		navigation: {
+			nextEl: '.pd_clickother .swiper-button-next',
+			prevEl: '.pd_clickother .swiper-button-prev',
+		},
+		pagination: {
+			el: '.pd_clickother .swiper-pagination',
+			clickable: true,
+		},
+	});
 	
-					if (Number(days) > 0 ){
-						hours = Number(hours) + (Number(days) * 24);
-					}
-					$('#d-hours').html(hours);
-					$('#d-minutes').html(minutes);
-					$('#d-seconds').html(seconds);		
-			}
-			setInterval(function() { promotionTimer(); }, 1000);
-		}
-
+	$(document).ready( function() {
+		
+		
 		//상품 대표설명 > 우측 상품정보 
 		/* 딜 옵션선택 후 다음 옵션 활성화 */
 		var detail_deal_option01 = new sCombo('.pd_detail .opt_select .select_custom.deal_opt_item');
@@ -1020,44 +1090,6 @@
 			$(' .option_box .result_item .number_count .minus').addClass('min_val');
 		} 
 
-		//상품상세정보 더보기
-		$(document).on('click','.pd_descrp_pop .btn_more_box button',function(e){
-			$('.pd_descrp_pop .cont_body').toggleClass('on'); 
-			$(this).toggleClass('active');
-			$(this).parent('.btn_more_box').toggleClass('covered');
-			var descrpToggle = $(this).find('span');
-			$(descrpToggle).text($(descrpToggle).text() == '상세정보 더보기' ? '상세정보 접기' : '상세정보 더보기');
-			return false;
-		}); 
-
-		//상품상세정보 탭
-		$(document).on('click','.pd.deal .tab_detail_nav ul li',function(e){
-			$(this).addClass('active').siblings().removeClass('active');
-			$('.pd.deal .tab_detail_cont').hide();		
-			$('.pd.deal .tab_detail_cont').eq($(this).index()).show();
-			
-			//상품상세정보 호출
-			//$('.pd_review .cont_body').load('pd_review_pop.html');
-			//$('.pd_qnalist .cont_body').load('pd_qnalist_pop.html');
-			//$('.pd_delivery .cont_body').load('pd_delivery_pop.html');
-			
-			return false;
-		});
-		
-		//슬라이드 - 이 상품과 함께 본 상품 
-		var otherItemSwiper = new Swiper('.pd .pd_clickother .area_slider .swiper-container', {
-			slidesPerView: 5,
-			spaceBetween: 20,
-			navigation: {
-				nextEl: '.pd_clickother .swiper-button-next',
-				prevEl: '.pd_clickother .swiper-button-prev',
-			},
-			pagination: {
-				el: '.pd_clickother .swiper-pagination',
-				clickable: true,
-			},
-		});
-
 		// 광고 스크립트용
 		var goodsNavigation = [[${goodsNavigation}]];
 		var cate1Nm = "";

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

@@ -602,8 +602,44 @@
 		</div>
 		<!-- 상품 대표설명 -->
 		<!-- 함께하면 할인되는 다다익선 상품 -->
-		<div class="content pd_together" id="goodsTmtbArea">
-			
+		<div class="content pd_together" id="goodsTmtbArea" th:if="${goodsList != null and !goodsList.empty}">
+			<div class="cont_head">
+				<h3 class="subH1 t_c mb40">
+					함께하면 할인되는 다다익선 상품
+				</h3>
+			</div>
+			<div class="cont_body">
+				<!-- CONT-BODY -->
+				<div class="area_slider">
+					<div class="swiper-container">
+						<div class="swiper-wrapper">
+							<div class="swiper-slide" th:each="goodsInfo, status : ${goodsList}">
+								<div class="item_prod">
+									<div class="item_state">
+										<button type="button" class="itemLike" th:classappend="${goodsInfo.wishYn == 'Y'}? 'active' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${goodsInfo.goodsCd}, ithrCd=${params.ithrCd}, contentsLoc=${params.contentsLoc}, planDtlSq=''">관심상품 추가</button>
+										<a href="javascript:void(0);" th:onclick="cfnGoToGoodsDetail([[${goodsInfo.goodsCd}]], '',[[${params.ithrCd}]],[[${params.contentsLoc}]],'','pc_detail');" class="itemLink" >
+											<div class="itemPic">
+												<img alt="" class="vLHTC pd_img" th:src="${imgGoodsUrl+'/'+goodsInfo.sysImgNm +'?RS=300'}" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">
+												
+											</div>
+											<p class="itemBrand" th:text="${goodsInfo.brandGroupNm}">BRAND NAME1</p>
+											<div class="itemName" th:text="${goodsInfo.goodsFullNm}">남성 로고 자카드 방풍 패딩</div>
+											<p class="itemPrice">
+													<th:block th:text="${#numbers.formatInteger(goodsInfo.currPrice, 0,'COMMA')}"></th:block>
+													<span class="itemPrice_original" th:if="${goodsInfo.listPrice > goodsInfo.currPrice}"  th:text="${#numbers.formatInteger(goodsInfo.listPrice, 0,'COMMA')}">1,000,000</span>
+													<span class="itemPercent" th:if="${goodsInfo.dcRate > 0}" th:text="|${#numbers.formatDecimal(goodsInfo.dcRate,0,0)}%|">30%</span>
+												</p>
+										</a>
+									</div>
+								</div>
+							</div>
+						</div>
+						<!-- Add Scrollbar -->
+						<div class="swiper-scrollbar"></div>
+					</div>
+				</div>
+				<!-- // CONT-BODY -->
+			</div>
 		</div>
 		<!-- // 함께하면 할인되는 다다익선 상품 -->
 		<!-- 상품상세정보 -->
@@ -1109,13 +1145,46 @@
 <script th:src="@{'/biz/goods.js?v=' + ${#calendars.format(#calendars.createNow(), 'yyyyMMddHHmmss')}}" src="/biz/goods.js"></script>
 <script th:inline="javascript">
 /*<![CDATA[*/
+	let socialSq = [[${goodsInfo.socialSq}]];	
+	let socialEddt = [[${goodsInfo.socialEddt}]];
 	
+	function promotionTimer() {
+		var endTime = new Date(socialEddt); // 남은시간 지정	30 March 2021 9:56:00 GMT+0900	
+			endTime = (Date.parse(endTime) / 1000);
+
+			var now = new Date();
+			now = (Date.parse(now) / 1000);
+
+			var timeLeft = endTime - now;
+
+			var days = Math.floor(timeLeft / 86400); 
+			var hours = Math.floor((timeLeft - (days * 86400)) / 3600);
+			var minutes = Math.floor((timeLeft - (days * 86400) - (hours * 3600 )) / 60);
+			var seconds = Math.floor((timeLeft - (days * 86400) - (hours * 3600) - (minutes * 60)));
+
+			if (hours < '10') { hours = '0' + hours; }
+			if (minutes < '10') { minutes = '0' + minutes; }
+			if (seconds < '10') { seconds = '0' + seconds; }
+			
+			if (Number(days) > 0 ){
+				hours = Number(hours) + (Number(days) * 24);
+			}
+			
+			$('#d-hours').html(hours);
+			$('#d-minutes').html(minutes);
+			$('#d-seconds').html(seconds);		
+	}
+
+	if (!gagajf.isNull(socialSq)){
+		$('.timer_box').css('display', 'block');
+		setInterval(function() { promotionTimer(); }, 1000);
+	};
 
 	var cateNm = "";
 	// 다다익선 상품
-	var fnGoodsTmtbSearch = function(params) {
-		gagajf.ajaxSubmit("/goods/detail/tmtb/frame", "html", "goodsTmtbArea", params);
-	}
+//	var fnGoodsTmtbSearch = function(params) {
+//		gagajf.ajaxSubmit("/goods/detail/tmtb/frame", "html", "goodsTmtbArea", params);
+//	}
 	
 	//사이즈 클릭시 - 단품
 	var fnViewStock = function(obj, goodsCd, optCd, optCd1, optCd2,  minOrdQty, maxOrdQty) {
@@ -1775,27 +1844,92 @@
 		}
 	}
 	
+	//슬라이드 - 함께하면 할인되는 다다익선 상품
+	var togetherItemSwiper = new Swiper('.pd .pd_together .area_slider .swiper-container', {
+		slidesPerView: 6,
+		spaceBetween: 20,
+		scrollbar: {
+			el: '.pd_together .swiper-scrollbar',
+			hide: true,
+		},
+	});  	
 	
-	$(document).ready( function() {
-		
-		$('.timer_box').css('display', 'none');
-		
+	//슬라이드 - STYLE24의 스타일링 추천
+	var rcmdItemSwiper = new Swiper('.pd .pd_recommend .area_slider .swiper-container', {
+		slidesPerView: 1,
+		spaceBetween: 0,
+		navigation: {
+			nextEl: '.pd_recommend .swiper-button-next',
+			prevEl: '.pd_recommend .swiper-button-prev',
+		},
+		pagination: {
+			el: '.pd_recommend .swiper-pagination',
+			clickable: true,
+		},
+	});			
+	
+	//상품상세정보 더보기   
+	$(document).on('click','.pd_descrp .btn_more_box button',function(e){
+		$('.pd_descrp .cont_body').toggleClass('on'); 
+		$(this).toggleClass('active');
+		$(this).parent('.btn_more_box').toggleClass('covered');
+		var descrpToggle = $(this).find('span');
+		$(descrpToggle).text($(descrpToggle).text() == '상세정보 더보기' ? '상세정보 접기' : '상세정보 더보기');
+		return false;
+	}); 
+	
+
+	//공유 버튼 토글 
+	$("button[data-name=openShare]").on("click", function(){
+		$(this).toggleClass("on").next(".shareWrap").toggleClass("on");
+		return false;
+	});
+	//영역밖 클릭으로 공유토글 닫기
+	$("body").on('click', function(e) { 
+		if(!$(".shareWrap.on").parent().has(e.target).length) {
+			$("button[data-name=openShare]").removeClass("on");
+			$(".shareWrap").removeClass("on");
+		};
+	});
+	
+	var params = new Object();
+	params.goodsCd = [[${params.goodsCd}]];
+	params.viewDt = [[${params.viewDt}]];
+	params.preview = [[${params.preview}]];
+	params.adminYn = [[${params.adminYn}]];
+	params.goodsType = [[${params.goodsType}]];
+	params.supplyCompCd = [[${params.supplyCompCd}]];
+	params.brandGroupNm = [[${goodsInfo.brandGroupNm}]];
+	
+	//함께본 상품(ajax html)
+	$('#goodsTogetherbArea').load('GoodsDetailFormWeb.html', function() {
+		params.goodsOtherGb = "together";
+		params.ithrCd = "tmtb";
+		params.contentsLoc = "tmtb";
+		fnGoodsTogetherSearch(params);
+	});
+	
+	//추천 상품(ajax html)
+	$('#goodsRecommendbArea').load('GoodsDetailFormWeb.html', function() {
+		params.goodsOtherGb = "recommend";
+		params.ithrCd = "tmtb";
+		params.contentsLoc = "tmtb";
+		fnGoodsRecommendSearch(params);
+	});
+	
+	//비슷한 상품(ajax html)
+	$('#goodsLikebArea').load('GoodsDetailFormWeb.html', function() {
+		params.goodsOtherGb = "like";
+		params.ithrCd = "tmtb";
+		params.contentsLoc = "tmtb";
+		fnGoodsLikeSearch(params);
+	});
+	
+	//$(document).ready( function() {
+	$(function(){
 		//210526_ 추가 : 이미지 style 속성 제거
 		$(".mdhtml_box style").remove();$(".mdhtml_box img").removeAttr("style");
 		
-		//공유 버튼 토글 
-		$("button[data-name=openShare]").on("click", function(){
-			$(this).toggleClass("on").next(".shareWrap").toggleClass("on");
-			return false;
-		});
-		//영역밖 클릭으로 공유토글 닫기
-		$("body").on('click', function(e) { 
-			if(!$(".shareWrap.on").parent().has(e.target).length) {
-				$("button[data-name=openShare]").removeClass("on");
-				$(".shareWrap").removeClass("on");
-			};
-		});
-		
 		var params = new Object();
 		params.goodsCd = [[${params.goodsCd}]];
 		params.viewDt = [[${params.viewDt}]];
@@ -1804,32 +1938,26 @@
 		params.goodsType = [[${params.goodsType}]];
 		params.supplyCompCd = [[${params.supplyCompCd}]];
 		params.brandGroupNm = [[${goodsInfo.brandGroupNm}]];
-		
 
-		// 다다익선 상품(ajax html)
-		params.goodsOtherGb = "tmtb";
-		params.ithrCd = "tmtb";
-		params.contentsLoc = "tmtb";
-		fnGoodsTmtbSearch(params);
-		
 		// 함께본 상품(ajax html)
 		params.goodsOtherGb = "together";
 		params.ithrCd = "tmtb";
 		params.contentsLoc = "tmtb";
-		fnGoodsTogetherSearch(params);
-		
+		//fnGoodsTogetherSearch(params);
+		//console.log("params=>" + params);
+
 		// 추천 상품(ajax html)
 		params.goodsOtherGb = "recommend";
 		params.ithrCd = "tmtb";
 		params.contentsLoc = "tmtb";
-		fnGoodsRecommendSearch(params);
+		//fnGoodsRecommendSearch(params);
 		
 		// 비슷한 상품(ajax html)
 		params.goodsOtherGb = "like";
 		params.ithrCd = "tmtb";
 		params.contentsLoc = "tmtb";
-		fnGoodsLikeSearch(params);
-	
+		//fnGoodsLikeSearch(params);
+		
 		var opt_selecter01 = new sCombo('.opt_select .select_custom.item_opt1.item_opt1_1');
 		var opt_selecter01_1 = new sCombo('.opt_set_select .select_custom.item_opt1.item_opt1_1');
 		var opt_selecter01_2 = new sCombo('.opt_set_select .select_custom.item_opt1.item_opt1_2');
@@ -1837,37 +1965,7 @@
 		var opt_selecter01_4 = new sCombo('.opt_set_select .select_custom.item_opt1.item_opt1_4');
 		var opt_selecter01_5 = new sCombo('.opt_set_select .select_custom.item_opt1.item_opt1_5');
 
-		if (!gagajf.isNull([[${goodsInfo.socialSq}]])){
-			$('.timer_box').css('display', 'block');
-			/* 행사 남은시간 */
-			function promotionTimer() {
-				var endTime = new Date([[${goodsInfo.socialEddt}]]); // 남은시간 지정	30 March 2021 9:56:00 GMT+0900	
-					endTime = (Date.parse(endTime) / 1000);
-	
-					var now = new Date();
-					now = (Date.parse(now) / 1000);
-	
-					var timeLeft = endTime - now;
-	
-					var days = Math.floor(timeLeft / 86400); 
-					var hours = Math.floor((timeLeft - (days * 86400)) / 3600);
-					var minutes = Math.floor((timeLeft - (days * 86400) - (hours * 3600 )) / 60);
-					var seconds = Math.floor((timeLeft - (days * 86400) - (hours * 3600) - (minutes * 60)));
-	
-					if (hours < '10') { hours = '0' + hours; }
-					if (minutes < '10') { minutes = '0' + minutes; }
-					if (seconds < '10') { seconds = '0' + seconds; }
-					
-					if (Number(days) > 0 ){
-						hours = Number(hours) + (Number(days) * 24);
-					}
-					
-					$('#d-hours').html(hours);
-					$('#d-minutes').html(minutes);
-					$('#d-seconds').html(seconds);		
-			}
-			setInterval(function() { promotionTimer(); }, 1000);
-		}
+
 
 		//스타일링 추천 picker 상품팝업
 /*         $(document).on('click','.pd_recommend .area_slider .item_picker button',function(e){
@@ -1878,29 +1976,6 @@
             $("#pdLookbookPop").modal("hide");
         });
  */		
-		//상품상세정보 더보기   
-		$(document).on('click','.pd_descrp .btn_more_box button',function(e){
-			$('.pd_descrp .cont_body').toggleClass('on'); 
-			$(this).toggleClass('active');
-			$(this).parent('.btn_more_box').toggleClass('covered');
-			var descrpToggle = $(this).find('span');
-			$(descrpToggle).text($(descrpToggle).text() == '상세정보 더보기' ? '상세정보 접기' : '상세정보 더보기');
-			return false;
-		}); 
-
-		//슬라이드 - STYLE24의 스타일링 추천
-		var rcmdItemSwiper = new Swiper('.pd .pd_recommend .area_slider .swiper-container', {
-			slidesPerView: 1,
-			spaceBetween: 0,
-			navigation: {
-				nextEl: '.pd_recommend .swiper-button-next',
-				prevEl: '.pd_recommend .swiper-button-prev',
-			},
-			pagination: {
-				el: '.pd_recommend .swiper-pagination',
-				clickable: true,
-			},
-		});			
 		
 		fnOptionSoldout();
 		
@@ -2000,6 +2075,38 @@
 			},
 		}); 
 		
+	}
+	
+	// 상품문의 레이어 호출후 콜백에서 호출하므로 여기에 있어야함
+	var fnQnaLayerCollBack = function(){
+		
+		// 상품평정보 
+		var params = new Object();
+		let goodsCd = [[${goodsInfo.goodsCd}]];
+		params.goodsCd = goodsCd;
+
+		//gagajf.ajaxSubmit("/goods/detail/qna/frame", "html", "goodsDealQna", params);
+
+		$.ajax( {
+			type		: "POST",
+			url 		: '/goods/detail/qna/frame',
+			data		: JSON.stringify(params),
+			dataType 	: 'html',
+			beforeSend : function(xhr, settings) {
+				xhr.setRequestHeader("AJAX"			, "true");
+				xhr.setRequestHeader('Accept'		, 'application/json');
+				xhr.setRequestHeader('Content-Type'	, 'application/json');
+			},
+			success 	: function(result) {
+				if (result != null) {
+					$("#goodsDealQna").css("display", "block");
+					$("#goodsDealQna").html(result);
+					fnGoodsQnaList();
+				}
+			}
+		});
+		
+		
 	}
 	
 	 $(document).on('click','.option_box [class^="opt_"] .select_custom .select',function(e){

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

@@ -65,7 +65,7 @@
 <script th:inline="javascript">
 /*<![CDATA[*/
 	
-	var fnGoodsQnaList = function() {
+	var fnGoodsQnaList = function() {debugger;
 		
 		// 상품문의창 닫기
 		//$("#layer_goods_qna_reg").modal("hide");
@@ -156,7 +156,7 @@
 	}
 	
 	$(document).ready(function() {
-		fnGoodsQnaList();
+		//fnGoodsQnaList();
 	});
 	
 /*]]>*/

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

@@ -65,22 +65,24 @@
 	<!-- // CONT-BODY -->
 </div>
 
-
-
 <script th:inline="javascript">
 /*<![CDATA[*/
 	
-//슬라이드 - 함께하면 할인되는 다다익선 상품
-	var togetherItemSwiper = new Swiper('.pd .pd_together .area_slider .swiper-container', {
-		slidesPerView: 6,
-		spaceBetween: 20,
-		scrollbar: {
-			el: '.pd_together .swiper-scrollbar',
-			hide: true,
-		},
-	});  	
-	
-	//슬라이드 - 브랜드 추천상품
+	var otherItemSwiper = new Swiper('.pd .pd_clickother .area_slider .swiper-container', {
+	     slidesPerView: 5,
+	     slidesToScroll: 5,
+	     slidesPerGroup: 5,
+	     spaceBetween: 20,
+	     navigation: {
+	         nextEl: '.pd_clickother .swiper-button-next',
+	         prevEl: '.pd_clickother .swiper-button-prev',
+	     },
+	     pagination: {
+	         el: '.pd_clickother .swiper-pagination',
+	         clickable: true,
+	     },
+	 });   
+		//슬라이드 - 브랜드 추천상품
 	var relateItemSwiper = new Swiper('.pd .pd_brand .area_slider .swiper-container', {
 		slidesPerView: 5,
 		spaceBetween: 20,
@@ -94,21 +96,6 @@
 		},
 	});  
 
-	
-	//슬라이드 - 이 상품과 함께 본 상품 
-	var otherItemSwiper = new Swiper('.pd .pd_clickother .area_slider .swiper-container', {
-		slidesPerView: 5,
-		spaceBetween: 20,
-		navigation: {
-			nextEl: '.pd_clickother .swiper-button-next',
-			prevEl: '.pd_clickother .swiper-button-prev',
-		},
-		pagination: {
-			el: '.pd_clickother .swiper-pagination',
-			clickable: true,
-		},
-	});	
-	
 	//슬라이드 - 이 상품과 비슷한 상품 
 	var relateItemSwiper = new Swiper('.pd .pd_relate .area_slider .swiper-container', {
 		slidesPerView: 5,
@@ -122,6 +109,8 @@
 			clickable: true,
 		},
 	});	  
+	
+
 /*]]>*/
 </script>
 </th:block>	

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

@@ -43,7 +43,7 @@
 </div>
 <script th:inline="javascript">
 /*<![CDATA[*/
-	// 구성 상품 상세 문의
+	/* // 구성 상품 상세 문의
 	var fnGoodsDetailQna = function(params) {
 		gagajf.ajaxSubmit("/goods/detail/qna/frame", "html", "goodsDealQna", params);
 	}
@@ -56,7 +56,7 @@
 		params.goodsCd = goodsCd;
 		fnGoodsDetailQna(params);  // ajax html
 		
-	});	
+	});	 */
 /*]]>*/
 </script>
 

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

@@ -200,10 +200,18 @@
 	
 	// 검색기간 버튼 클릭 이벤트 처리
 	var fnSetSearchPeriod = function(period) {
-		let date = new Date();
-		let edDate = date.getFullYear() + '-' + ('0' + (date.getMonth() + 1)).slice(-2) + '-' + ('0' + (date.getDate())).slice(-2);
+		let date 		= new Date();
+		let edDate 		= getFormatDate(date);
+		
+		let day = date.getDate();
+		let lastDay = (new Date(date.getFullYear(), (date.getMonth() + 1) - period, 0)).getDate();
+		
+		if (day - lastDay > 0) {
+			date.setDate(date.getDate() - (day - lastDay));
+		}
+		
 		date.setMonth(date.getMonth() - period);
-		let stDate = date.getFullYear() + '-' + ('0' + (date.getMonth() + 1)).slice(-2) + '-' + ('0' + (date.getDate())).slice(-2);
+		let stDate 		= getFormatDate(date);
 
 		$('#edDate').val(edDate);
 		$('#searchForm input[name=edDate]').val(edDate);
@@ -535,6 +543,10 @@
 	
 	// 취반교 상세 페이지 이동
 	var fnGoToCreDetail = function(param) {
+		// 2021.05.27 인피니스크롤위치이동
+		let scrollpos = $(window).scrollTop();
+		localStorage.setItem('scrollpos', scrollpos);
+		
 		let ordNo = $(param).attr('ordNo');
 		let ordChgSq = $(param).attr('ordChgSq');
 		let chgGb = $(param).attr('chgGb');

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

@@ -168,68 +168,68 @@
 		let giftcardUseList = result.giftcardUseList;
 
 		let tmtbHtml = "";
-		tmtbHtml += '<div class="tbl type5">';
-		tmtbHtml += '<table>';
-		tmtbHtml += '<colgroup>';
-		tmtbHtml += '<col width="10%">';
-		tmtbHtml += '<col width="*">';
-		tmtbHtml += '<col width="18%">';
-		tmtbHtml += '<col width="18%">';
-		tmtbHtml += '</colgroup>';
-		tmtbHtml += '<thead>';
-		tmtbHtml += '<tr>';
-		tmtbHtml += '<th scope="col"><span class="sr-only">차감</span></th>';
-		tmtbHtml += '<th scope="col">내용</th>';
-		tmtbHtml += '<th scope="col">사용금액</th>';
-		tmtbHtml += '<th scope="col">일자</th>';
-		tmtbHtml += '</tr>';
-		tmtbHtml += '</thead>';
+		tmtbHtml += '<div class="tbl type5">\n';
+		tmtbHtml += '<table>\n';
+		tmtbHtml += '<colgroup>\n';
+		tmtbHtml += '<col width="10%">\n';
+		tmtbHtml += '<col width="*">\n';
+		tmtbHtml += '<col width="18%">\n';
+		tmtbHtml += '<col width="18%">\n';
+		tmtbHtml += '</colgroup>\n';
+		tmtbHtml += '<thead>\n';
+		tmtbHtml += '<tr>\n';
+		tmtbHtml += '<th scope="col"><span class="sr-only">차감</span></th>\n';
+		tmtbHtml += '<th scope="col">내용</th>\n';
+		tmtbHtml += '<th scope="col">사용금액</th>\n';
+		tmtbHtml += '<th scope="col">일자</th>\n';
+		tmtbHtml += '</tr>\n';
+		tmtbHtml += '</thead>\n';
 
 		if (giftcardUseList.length <= 0) {
-			tmtbHtml += '<tbody>';
-			tmtbHtml += '</tbody>';
-			tmtbHtml += '</table>';
-			tmtbHtml += '</div>';
-			tmtbHtml += '<div class="nodata">';
-			tmtbHtml += '<div class="txt_box">';
-			tmtbHtml += '<p>상품권 사용내역이 없습니다.<br></p>';
-			tmtbHtml += '</div>';
-			tmtbHtml += '</div>';
+			tmtbHtml += '<tbody>\n';
+			tmtbHtml += '</tbody>\n';
+			tmtbHtml += '</table>\n';
+			tmtbHtml += '</div>\n';
+			tmtbHtml += '<div class="nodata">\n';
+			tmtbHtml += '<div class="txt_box">\n';
+			tmtbHtml += '<p>상품권 사용내역이 없습니다.<br></p>\n';
+			tmtbHtml += '</div>\n';
+			tmtbHtml += '</div>\n';
 
 		} else {
-			tmtbHtml += '<tbody>';
+			tmtbHtml += '<tbody>\n';
 
 			for (let i = 0; i < giftcardUseList.length; i++) {
 				let useGiftcard = giftcardUseList[i];
-				tmtbHtml += '<tr>';
+				tmtbHtml += '<tr>\n';
 				if(useGiftcard.gfcdAmt > 0){
-					tmtbHtml += '		<td><span class="tag primary">적립</span></td>';
+					tmtbHtml += '		<td><span class="tag primary">적립</span></td>\n';
 				}else{
-					tmtbHtml += '		<td><span class="tag deepgray">차감</span></td>';
+					tmtbHtml += '		<td><span class="tag deepgray">차감</span></td>\n';
 				}
-				tmtbHtml += '<td>';
-				tmtbHtml += '<div class="txt_content" style="padding-left:40px; text-align:left;">'	+ useGiftcard.goodsNm + '</div>';
-				tmtbHtml += '</td>';
+				tmtbHtml += '<td>\n';
+				tmtbHtml += '<div class="txt_content" style="padding-left:40px; text-align:left;">'	+ useGiftcard.goodsNm + '</div>\n';
+				tmtbHtml += '</td>\n';
 				if(useGiftcard.gfcdAmt<0){
-					tmtbHtml += '<td><span class="amount_minus"> <em>'
+					tmtbHtml += '<td><span class="amount_minus"> <em>\n'
 						+ ' '
 						+ useGiftcard.gfcdAmt.addComma()
-						+ '</em>원';
+						+ '</em>원\n';
 				}else{
-					tmtbHtml += '<td><span class="amount_plus" style="color:#fd4802"> <em>'
+					tmtbHtml += '<td><span class="amount_plus" style="color:#fd4802"> <em>\n'
 						+ '+'
 						+ useGiftcard.gfcdAmt.addComma()
-						+ '</em>원';
+						+ '</em>원\n';
 				}
 				
-				tmtbHtml += '</span></td>';
+				tmtbHtml += '</span></td>\n';
 				tmtbHtml += '<td>' + useGiftcard.regDt
-						+ '</td>';
-				tmtbHtml += '</tr>';
+						+ '</td>\n';
+				tmtbHtml += '</tr>\n';
 			}
-			tmtbHtml += '</tbody>';
-			tmtbHtml += '</table>';
-			tmtbHtml += '</div>';
+			tmtbHtml += '</tbody>\n';
+			tmtbHtml += '</table>\n';
+			tmtbHtml += '</div>\n';
 
 		}
 
@@ -266,42 +266,42 @@
 
 		let tmtbHtml2 = "";
 		if (giftcardOwnList.length <=0) {
-			tmtbHtml2 += '<div class="nodata">';
-			tmtbHtml2 += '<div class="txt_box">';
-			tmtbHtml2 += '<p>보유한 상품권이 없습니다.<br></p>';
-			tmtbHtml2 += '</div>';
-			tmtbHtml2 += '</div>';
+			tmtbHtml2 += '<div class="nodata">\n';
+			tmtbHtml2 += '<div class="txt_box">\n';
+			tmtbHtml2 += '<p>보유한 상품권이 없습니다.<br></p>\n';
+			tmtbHtml2 += '</div>\n';
+			tmtbHtml2 += '</div>\n';
 		} else {
 
-			tmtbHtml2 += '<div class="voucher_list">';
-			tmtbHtml2 += '<ul>';
+			tmtbHtml2 += '<div class="voucher_list">\n';
+			tmtbHtml2 += '<ul>\n';
 				for (let i = 0; i < giftcardOwnList.length; i++) {
 				let ownGiftcard = giftcardOwnList[i];
 
 				tmtbHtml2 += '<li>';
 				if (ownGiftcard.rmGfcdAmt == 0 || ownGiftcard.useYn == 'N') {
-					tmtbHtml2 += '<div class="voucher disable">';
+					tmtbHtml2 += '<div class="voucher disable">\n';
 				} else {
-					tmtbHtml2 += '<div class="voucher">';
+					tmtbHtml2 += '<div class="voucher">\n';
 				}
 
-				tmtbHtml2 += '<div>';
-				tmtbHtml2 += '<p class="vch_name">'	+ ownGiftcard.gfcdNm + '</p>';
-				tmtbHtml2 += '<p class="vch_price"><span class="tag primary_line"><em>'	+ ownGiftcard.chgGfcdAmt.addComma()	+ '</em>원권</span></p>';
+				tmtbHtml2 += '<div>\n';
+				tmtbHtml2 += '<p class="vch_name">'	+ ownGiftcard.gfcdNm + '</p>\n';
+				tmtbHtml2 += '<p class="vch_price"><span class="tag primary_line"><em>'	+ ownGiftcard.chgGfcdAmt.addComma()	+ '</em>원권</span></p>\n';
 				if (ownGiftcard.rmGfcdAmt > 0) {
-					tmtbHtml2 += '<p class="vch_remain">잔액<span><em>'+ ownGiftcard.rmGfcdAmt.addComma()+ '</em>원</span></p>';
+					tmtbHtml2 += '<p class="vch_remain">잔액<span><em>'+ ownGiftcard.rmGfcdAmt.addComma()+ '</em>원</span></p>\n';
 				} else {
-					tmtbHtml2 += '<p class="vch_remain">전액소진</p>';
+					tmtbHtml2 += '<p class="vch_remain">전액소진</p>\n';
 				}
 
-				tmtbHtml2 += '<p class="vch_code">'	+ ownGiftcard.gfcdNo + '</p>';
+				tmtbHtml2 += '<p class="vch_code">'	+ ownGiftcard.gfcdNo + '</p>\n';
 				tmtbHtml2 += '</div>';
-				tmtbHtml2 += '<div class="vch_date">~&nbsp;<span>'	+ ownGiftcard.useExpDate	+ '</span></div>';
-				tmtbHtml2 += '</div>';
-				tmtbHtml2 += '</li>';
+				tmtbHtml2 += '<div class="vch_date">~&nbsp;<span>'	+ ownGiftcard.useExpDate	+ '</span></div>\n';
+				tmtbHtml2 += '</div>\n';
+				tmtbHtml2 += '</li>\n';
 			}
-			tmtbHtml2 += '</ul>';
-			tmtbHtml2 += '</div>';
+			tmtbHtml2 += '</ul>\n';
+			tmtbHtml2 += '</div>\n';
 
 		}
 

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

@@ -409,11 +409,11 @@
 											</div>
 											<div class="include_item" th:if="${orderAmtInfo.prePntDcAmt > 0}">
 												<dt>선포인트 할인</dt>
-												<dd><em th:text="|- ${#numbers.formatInteger(orderAmtInfo.prePntDcAmt, 1, 'COMMA')}|"></em>원</dd>
+												<dd><em th:text="|- ${#numbers.formatInteger(orderAmtInfo.prePntDcAmt, 1, 'COMMA')}|"></em>P</dd>
 											</div>
 											<div class="include_item" th:if="${orderAmtInfo.pntDcAmt > 0}">
 												<dt>포인트 사용</dt>
-												<dd><em th:text="|- ${#numbers.formatInteger(orderAmtInfo.pntDcAmt, 1, 'COMMA')}|"></em>원</dd>
+												<dd><em th:text="|- ${#numbers.formatInteger(orderAmtInfo.pntDcAmt, 1, 'COMMA')}|"></em>P</dd>
 											</div>
 											<div class="include_item" th:if="${orderAmtInfo.gfcdUseAmt > 0}">
 												<dt>상품권 사용</dt>

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

@@ -222,10 +222,18 @@
 	
 	// 검색기간 버튼 클릭 이벤트 처리
 	var fnSetSearchPeriod = function(period) {
-		let date = new Date();
-		let edDate = date.getFullYear() + '-' + ('0' + (date.getMonth() + 1)).slice(-2) + '-' + ('0' + (date.getDate())).slice(-2);
+		let date 		= new Date();
+		let edDate 		= getFormatDate(date);
+		
+		let day = date.getDate();
+		let lastDay = (new Date(date.getFullYear(), (date.getMonth() + 1) - period, 0)).getDate();
+		
+		if (day - lastDay > 0) {
+			date.setDate(date.getDate() - (day - lastDay));
+		}
+		
 		date.setMonth(date.getMonth() - period);
-		let stDate = date.getFullYear() + '-' + ('0' + (date.getMonth() + 1)).slice(-2) + '-' + ('0' + (date.getDate())).slice(-2);
+		let stDate 		= getFormatDate(date);
 
 		$('#edDate').val(edDate);
 		$('#searchForm input[name=edDate]').val(edDate);

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

@@ -180,34 +180,33 @@
 		let tag = "";
 		if(param != null && param.length > 0){
 			$.each(param, function(idx,item){
-				tag += '<tr>';
-				tag += '	<td>';
+				tag += '<tr>\n';
+				tag += '	<td>\n';
 				if(item.pntAmt > 0){
-					tag += '		<span class="tag primary">적립</span>';
+					tag += '		<span class="tag primary">적립</span>\n';
 				}else{
-					tag += '		<span class="tag deepgray">차감</span>';
+					tag += '		<span class="tag deepgray">차감</span>\n';
 				}
 				
-				tag += '	</td>';
-				tag += '	<td>'+item.occurGb+'</td>';
-				tag += '	<td>';
-				tag += '		<div class="txt_content">'+ item.occurDtlDesc + '</div>';
-				tag += '	</td>';
-				tag += '	<td>';
+				tag += '	</td>\n';
+				tag += '	<td>'+item.occurGb+'</td>\n';
+				tag += '	<td>\n';
+				tag += '		<div class="txt_content">'+ item.occurDtlDesc + '</div>\n';
+				tag += '	</td>\n';
+				tag += '	<td>\n';
 				if(item.pntAmt > 0){
-					tag += '		<span class="amount_plus">';
+					tag += '		<span class="amount_plus">\n';
 					tag += '			<em>+'+item.pntAmt.addComma()+'</em>P';
-					tag += '		</span>';
+					tag += '		</span>\n';
 				}else{
-					tag += '		<span class="amount_minus">';
+					tag += '		<span class="amount_minus">\n';
 					tag += '			<em>'+item.pntAmt.addComma()+'</em>P';
-					tag += '		</span>';
+					tag += '		</span>\n';
 				}
 				
-				tag += '	</td>';
+				tag += '	</td>\n';
 				tag += '	<td>'+item.pntUploadDt;
-				tag += '	</td>';
-				tag += '</tr>		';
+				tag += '	</td>\n';
 			});
 		}else{
 			$('.nodata').show();

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

@@ -36,7 +36,7 @@
 							<div class="com_info_txt">
 								<p class="tit">리뷰 안내</p>
 								<ul>
-									<li>일반 리뷰 작성 시 150P, 포토/영상 리뷰는 350P가 추가 적립됩니다!</li>
+									<li>일반 리뷰 작성 시 150P, 포토/영상 리뷰는 350P가  적립됩니다!</li>
 									<li>월 최대 10,000 P까지 적립 가능합니다.(합산 후 월 1회 지급)</li>
 									<li>베스트 리뷰로 선정되면 10,000P가 추가 적립됩니다!</li>
 									<li>리뷰 작성시 욕설, 비방, 선정적인 내용등이 있을 경우 통보 없이 관리자에 의해 삭제 될 수 있습니다.</li>
@@ -409,7 +409,7 @@ function rating(score) {
 // 리뷰  취소
 var reviewCancel = function() {
 	
-	mcxDialog.confirm('취소하시겠습니까"?', {
+	mcxDialog.confirm('취소하시겠습니까?', {
         cancelBtnText: "취소",
         sureBtnText: "확인",
         sureBtnClick: function(){

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

@@ -142,50 +142,50 @@
 		if (result.dataList1 != null && result.dataList1.length > 0) {
 			$.each(result.dataList1, function(idx, item) {
 				let html = '';
-				html += '<div class="part_goods">                                                                                                  ';
-				html += '	<div class="goods_cont">                                                                                              ';
-				html += '		<div class="goods_info">                                                                                          ';
-				html += '			<div class="order_desc">                                                                                      ';
-				html += '				<div class="goods_box">                                                                                   ';
-				html += '					<div class="gd_item">	                                                                              ';
-				html += '						<a href="javascript:void(0)" onclick="cfnGoToGoodsDetail(\'' + item.goodsCd + '\')">                                                                                       ';
-				html += '							<span class="thumb">                                                                          ';
-				html += '								<img src="' + _uploadGoodsUrl + '/' + item.sysImgNm + '?RS=550"  width="100%" alt="">  ';
-				html += '							</span>                                                                                       ';
-				html += '							<p>                                                                                           ';
-				html += '								<span class="buy_date"><em>'+item.ordDt+'</em>&nbsp;구매</span>             ';
-				html += '							</p>                                                                                          ';
-				html += '							<p>                                                                                           ';
-				html += '								<span class="brand">'+item.brandNm+'</span>                               ';
-				html += '							</p>                                                                                          ';
-				html += '							<p>                                                                                           ';
-				html += '								<span class="name">'+item.goodsNm+'</span>									';
-				html += '							</p>                                                                                          ';
-				html += '						</a>                                                                                              ';
-				html += '					</div>                                                                                                ';
-				html += '					<div class="gd_opt">                                                                                  ';
-				html += '						<div class="option_wrap">                                                                         ';
-				html += '							<span class="title sr-only">주문 옵션</span>                                                      ';
+				html += '<div class="part_goods">\n                                                                                                  ';
+				html += '	<div class="goods_cont">\n                                                                                              ';
+				html += '		<div class="goods_info">\n                                                                                          ';
+				html += '			<div class="order_desc">\n                                                                                      ';
+				html += '				<div class="goods_box">\n                                                                                   ';
+				html += '					<div class="gd_item">\n	                                                                              ';
+				html += '						<a href="javascript:void(0)" onclick="cfnGoToGoodsDetail(\'' + item.goodsCd + '\')">\n             ';
+				html += '							<span class="thumb">\n                                                                          ';
+				html += '								<img src="' + _uploadGoodsUrl + '/' + item.sysImgNm + '?RS=550"  width="100%" alt="">\n  ';
+				html += '							</span>\n                                                                                       ';
+				html += '							<p>\n                                                                                           ';
+				html += '								<span class="buy_date"><em>'+item.ordDt+'</em>&nbsp;구매</span>\n             ';
+				html += '							</p>\n                                                                                          ';
+				html += '							<p>\n                                                                                           ';
+				html += '								<span class="brand">'+item.brandNm+'</span>\n                               ';
+				html += '							</p>\n                                                                                          ';
+				html += '							<p>\n                                                                                           ';
+				html += '								<span class="name">'+item.goodsNm+'</span>\n									';
+				html += '							</p>\n                                                                                          ';
+				html += '						</a>\n                                                                                              ';
+				html += '					</div>\n                                                                                                ';
+				html += '					<div class="gd_opt">\n                                                                                  ';
+				html += '						<div class="option_wrap">\n                                                                         ';
+				html += '							<span class="title sr-only">주문 옵션</span>\n                                                      ';
 				if (item.goodsType =='G056_S') {
 					$.each(item.colorNmArr, function (index2, option) {
 						html += '							<span class="option">' + item.itemNmArr[index2] + ' / ' + option + '</span>\n';
 					})
 				}else{
-					html += '							<span class="option">'+item.colorNm+'</span>     ';
+					html += '							<span class="option">'+item.colorNm+'</span>\n     ';
 				}
-				html += '						</div>                                                                                            ';
-				html += '					</div>                                                                                                ';
-				html += '				</div>                                                                                                    ';
-				html += '				<div class="status_box">                                                                                  ';
-				html += '					<p>'+item.remainDt+'일 남음</p>                                                                                                  ';
-				html += '				</div>                                                                                                    ';
-				html += '				<div class="button_box">                                                                                  ';
-				html += '					<p><button type="button" class="btn btn_primary_line btn_sm" onclick="fnReviewCreate('+item.ordNo+','+item.ordDtlNo+',\'' + item.goodsCd + '\')"><span>리뷰쓰기</span></button></p>           ';
-				html += '				</div>                                                                                                    ';
-				html += '			</div>                                                                                                        ';
-				html += '		</div>                                                                                                            ';
-				html += '	</div>                                                                                                                ';
-				html += '</div>                                                                                                                    ';
+				html += '						</div>\n                                                                                            ';
+				html += '					</div>\n                                                                                                ';
+				html += '				</div>\n                                                                                                    ';
+				html += '				<div class="status_box">\n                                                                                  ';
+				html += '					<p>'+item.remainDt+'일 남음</p>\n                                                                                                  ';
+				html += '				</div>\n                                                                                                    ';
+				html += '				<div class="button_box">\n                                                                                  ';
+				html += '					<p><button type="button" class="btn btn_primary_line btn_sm" onclick="fnReviewCreate('+item.ordNo+','+item.ordDtlNo+',\'' + item.goodsCd + '\')"><span>리뷰쓰기</span></button></p>\n           ';
+				html += '				</div>\n                                                                                                    ';
+				html += '			</div>\n                                                                                                        ';
+				html += '		</div>\n                                                                                                            ';
+				html += '	</div>\n                                                                                                                ';
+				html += '</div>\n                                                                                                                    ';
 				$('#reviewList').append(html);
 			})
 		}else{
@@ -205,155 +205,155 @@
 		if (result.dataList2 != null && result.dataList2.length > 0) {
 			$.each(result.dataList2, function(idx, item) {
 				let html = '';
-				html+='<div class="part_goods">';
-				html+='		<div class="goods_cont">';
-				html+='			<div class="goods_info">';
-				html+='				<div class="order_desc">';
-				html+='					<div class="goods_box">';
-				html+='						<div class="gd_item">	';
-				html+='							<a href="javascript:void(0)" onclick="cfnGoToGoodsDetail(\'' + item.goodsCd + '\')" >';
-				html+='								<span class="thumb">';
-				html+='									<img src="' + _uploadGoodsUrl + '/' + item.sysImgNm + '?RS=550" width="100%" alt="">';
-				html+='								</span>';
-				html+='								<p>';
-				html+='									<span class="buy_date"><em>'+item.ordDt+'</em>&nbsp;구매</span>';
-				html+='								</p>';
-				html+='								<p>';
-				html+='									<span class="brand">'+item.brandNm+'</span>';
-				html+='								</p>';
-				html+='								<p>';
-				html+='									<span class="name">'+item.goodsNm+'</span>																';
-				html+='								</p>';
-				html+='							</a>';
-				html+='						</div>';
-				html+='						<div class="gd_opt">';
-				html+='							<div class="option_wrap">';
-				html+='								<span class="title sr-only">주문 옵션</span>';
+				html+='<div class="part_goods">\n';
+				html+='		<div class="goods_cont">\n';
+				html+='			<div class="goods_info">\n';
+				html+='				<div class="order_desc">\n';
+				html+='					<div class="goods_box">\n';
+				html+='						<div class="gd_item">\n	';
+				html+='							<a href="javascript:void(0)" onclick="cfnGoToGoodsDetail(\'' + item.goodsCd + '\')" >\n';
+				html+='								<span class="thumb">\n';
+				html+='									<img src="' + _uploadGoodsUrl + '/' + item.sysImgNm + '?RS=550" width="100%" alt="">\n';
+				html+='								</span>\n';
+				html+='								<p>\n';
+				html+='									<span class="buy_date"><em>'+item.ordDt+'</em>&nbsp;구매</span>\n';
+				html+='								</p>\n';
+				html+='								<p>\n';
+				html+='									<span class="brand">'+item.brandNm+'</span>\n';
+				html+='								</p>\n';
+				html+='								<p>\n';
+				html+='									<span class="name">'+item.goodsNm+'</span>\n																';
+				html+='								</p>\n';
+				html+='							</a>\n';
+				html+='						</div>\n';
+				html+='						<div class="gd_opt">\n';
+				html+='							<div class="option_wrap">\n';
+				html+='								<span class="title sr-only">주문 옵션</span>\n';
 				if (item.goodsType =='G056_S') {
 					$.each(item.colorNmArr, function (index2, option) {
 						html += '							<span class="option">' + item.itemNmArr[index2] + ' / ' + option +'</span>\n';
 					})
 				}else{
-					html += '							<span class="option">'+item.colorNm+'</span>     ';
+					html += '							<span class="option">'+item.colorNm+'</span>\n     ';
 				}
-				html+='							</div>';
-				html+='						</div>';
-				html+='					</div>';
-				html+='					<div class="button_box">';
+				html+='							</div>\n';
+				html+='						</div>\n';
+				html+='					</div>\n';
+				html+='					<div class="button_box">\n';
 				if (item.admRpl == null || item.admRpl == '') {
-					html+='						<p><button type="button" class="btn btn_default btn_sm" onclick="fnReviewUpdate('+item.ordNo+','+item.ordDtlNo+',\''+item.goodsCd+'\','+item.reviewSq+')"><span>리뷰 수정</span></button></p>';
+					html+='						<p><button type="button" class="btn btn_default btn_sm" onclick="fnReviewUpdate('+item.ordNo+','+item.ordDtlNo+',\''+item.goodsCd+'\','+item.reviewSq+')"><span>리뷰 수정</span></button></p>\n';
 				}
-				html+='						<p><button type="button" class="btn btn_default btn_sm" onclick="fnDeleteReview('+item.reviewSq+')"><span>리뷰 삭제</span></button></p>';
-				html+='					</div>';
-				html+='				</div>';
-				html+='				<div class="order_review">';
-				html+='					<div class="review">';
-				html+='						<div class="info_box">';
-				html+='							<div class="star_score">';
-				html+='								<span class="star">';
-				html+='									<em class="progbar" style="width:'+(item.score*20)+'%;"></em>';
-				html+='								</span>';
-				html+='							</div>';
-				html+='							<div class="writer">';
-				html+='								<span class="wr_date">'+item.regDt+'</span>';
-				html+='							</div>';
-				html+='						</div>';
-				html+='						<div class="response_box">';
-				html+='							<div>';
-				html+='								<dl>';
-				html+='									<div>';
-				html+='										<dt>구매옵션</dt>';
-				html+='										<dd>'+item.colorNm+'</dd>';
-				html+='									</div>';
-				html+='								</dl>';
-				html+='							</div>';
-				html+='							<div>';
-				html+='								<dl>';
-				html+='									<div>';
-				html+='										<dt>키/몸무게</dt>';
-				html+='										<dd>'+item.height+'cm/'+item.weight+'kg</dd>';
-				html+='									</div>';
+				html+='						<p><button type="button" class="btn btn_default btn_sm" onclick="fnDeleteReview('+item.reviewSq+')"><span>리뷰 삭제</span></button></p>\n';
+				html+='					</div>\n';
+				html+='				</div>\n';
+				html+='				<div class="order_review">\n';
+				html+='					<div class="review">\n';
+				html+='						<div class="info_box">\n';
+				html+='							<div class="star_score">\n';
+				html+='								<span class="star">\n';
+				html+='									<em class="progbar" style="width:'+(item.score*20)+'%;"></em>\n';
+				html+='								</span>\n';
+				html+='							</div>\n';
+				html+='							<div class="writer">\n';
+				html+='								<span class="wr_date">'+item.regDt+'</span>\n';
+				html+='							</div>\n';
+				html+='						</div>\n';
+				html+='						<div class="response_box">\n';
+				html+='							<div>\n';
+				html+='								<dl>\n';
+				html+='									<div>\n';
+				html+='										<dt>구매옵션</dt>\n';
+				html+='										<dd>'+item.colorNm+'</dd>\n';
+				html+='									</div>\n';
+				html+='								</dl>\n';
+				html+='							</div>\n';
+				html+='							<div>\n';
+				html+='								<dl>\n';
+				html+='									<div>\n';
+				html+='										<dt>키/몸무게</dt>\n';
+				html+='										<dd>'+item.height+'cm/'+item.weight+'kg</dd>\n';
+				html+='									</div>\n';
 				if (item.sizeGb == 'T' || item.sizeGb == 'B' || item.sizeGb == 'S') {
-					html+='									<div>';
-					html+='										<dt>사이즈</dt>';
-					html+='										<dd>'+item.scoreSize+'</dd>';
-					html+='									</div>';
-					html+='									<div>';
-					html+='										<dt>컬러</dt>';
-					html+='										<dd>'+item.scoreColor+'</dd>';
-					html+='									</div>';
+					html+='									<div>\n';
+					html+='										<dt>사이즈</dt>\n';
+					html+='										<dd>'+item.scoreSize+'</dd>\n';
+					html+='									</div>\n';
+					html+='									<div>\n';
+					html+='										<dt>컬러</dt>\n';
+					html+='										<dd>'+item.scoreColor+'</dd>\n';
+					html+='									</div>\n';
 				}
 				if (item.sizeGb == 'T' || item.sizeGb == 'B') {
-					html+='									<div>';
-					html+='										<dt>핏</dt>';
-					html+='										<dd>'+item.scoreFit+'</dd>';
-					html+='									</div>';
-					html+='									<div>';
-					html+='										<dt>두께감</dt>';
-					html+='										<dd>'+item.scoreThick+'</dd>';
-					html+='									</div>';
+					html+='									<div>\n';
+					html+='										<dt>핏</dt>\n';
+					html+='										<dd>'+item.scoreFit+'</dd>\n';
+					html+='									</div\n>';
+					html+='									<div>\n';
+					html+='										<dt>두께감</dt>\n';
+					html+='										<dd>'+item.scoreThick+'</dd>\n';
+					html+='									</div>\n';
 				}
 				if (item.sizeGb == 'S') {
-					html+='									<div>';
-					html+='										<dt>무게감</dt>';
-					html+='										<dd>'+item.scoreWeight+'</dd>';
-					html+='									</div>';
-					html+='									<div>';
-					html+='										<dt>볼넓이</dt>';
-					html+='										<dd>'+item.scoreBall+'</dd>';
-					html+='									</div>';
+					html+='									<div>\n';
+					html+='										<dt>무게감</dt>\n';
+					html+='										<dd>'+item.scoreWeight+'</dd>\n';
+					html+='									</div>\n';
+					html+='									<div>\n';
+					html+='										<dt>볼넓이</dt>\n';
+					html+='										<dd>'+item.scoreBall+'</dd>\n';
+					html+='									</div>\n';
 				}
-				html+='								</dl>';
-				html+='							</div>';
-				html+='						</div>';
+				html+='								</dl>\n';
+				html+='							</div>\n';
+				html+='						</div>\n';
 				if (attachList != null && attachList.length >0) {
-					html+='						<div class="photo_box">';
-					html+='							<div class="photo_list">';
+					html+='						<div class="photo_box">\n';
+					html+='							<div class="photo_list">\n';
 					html+='								<ul>';
 					/* for (var i = 0; i < attachList.length; i++) { */
 					$.each(attachList, function(aIdx, attachList){
 						if (attachList.reviewSq == item.reviewSq) {
-						html+='									<li>';
-						html+='										<a>';
-						html+='											<div class="pic">';
+						html+='									<li>\n';
+						html+='										<a>\n';
+						html+='											<div class="pic">\n';
 						if (attachList.fileGb == 'M') {
-							html+='												<span onclick="cfMypageReviewDetail(\''+item.goodsCd+'\', \'Y\',\''+item.reviewSq+'\',\''+attachList.rvAtcSq+'\');" class="thumb mov" style="background-image:url(' + _kollusMediaUrl + '/poster/' + attachList.kmcKey + '?player_version=html5);"></span>';
+							html+='												<span onclick="cfMypageReviewDetail(\''+item.goodsCd+'\', \'Y\',\''+item.reviewSq+'\',\''+attachList.rvAtcSq+'\');" class="thumb mov" style="background-image:url(' + _kollusMediaUrl + '/poster/' + attachList.kmcKey + '?player_version=html5);"></span>\n';
 						}else{
-							html+='												<span onclick="cfMypageReviewDetail(\''+item.goodsCd+'\', \'Y\',\''+item.reviewSq+'\',\''+attachList.rvAtcSq+'\');" class="thumb" style="background-image:url(' + _uploadImageUrl + '/' + attachList.sysFileNm + ');"></span>';
+							html+='												<span onclick="cfMypageReviewDetail(\''+item.goodsCd+'\', \'Y\',\''+item.reviewSq+'\',\''+attachList.rvAtcSq+'\');" class="thumb" style="background-image:url(' + _uploadImageUrl + '/' + attachList.sysFileNm + ');"></span>\n';
 						}
-						html+='											</div>';
-						html+='										</a>';
-						html+='									</li>';
+						html+='											</div>\n';
+						html+='										</a>\n';
+						html+='									</li>\n';
 						}
 					})
-					html+='								</ul>';
-					html+='							</div>';
-					html+='						</div>';
+					html+='								</ul>\n';
+					html+='							</div>\n';
+					html+='						</div>\n';
 					
 				}
-				html+='						<div class="txt_review_box"  id="admin_'+item.reviewSq+'">';
-				html+='							<p>'+item.reviewContent.escapeHtml()+'</p>';
-				html+='						</div>';
+				html+='						<div class="txt_review_box"  id="admin_'+item.reviewSq+'">\n';
+				html+='							<p>'+item.reviewContent.escapeHtml()+'</p>\n';
+				html+='						</div>\n';
 				
 				if (item.admRpl != null && item.admRpl != '') {
-					html+='						<div class="reply_box" >';
-					html+='							<div class="reply">';
-					html+='								<div class="reply_writer">';
-					html+='									<span class="wr_name">관리자</span>';
-					html+='									<span class="wr_date">'+item.admRplDt+'</span>';
-					html+='								</div>';
-					html+='								<div class="reply_txt">';
-					html+='									<p>'+item.admRpl.escapeHtml()+'</p>';
-					html+='								</div>';
-					html+='							</div>';
-					html+='						</div>';
+					html+='						<div class="reply_box" >\n';
+					html+='							<div class="reply">\n';
+					html+='								<div class="reply_writer">\n';
+					html+='									<span class="wr_name">관리자</span>\n';
+					html+='									<span class="wr_date">'+item.admRplDt+'</span>\n';
+					html+='								</div>\n';
+					html+='								<div class="reply_txt">\n';
+					html+='									<p>'+item.admRpl.escapeHtml()+'</p>\n';
+					html+='								</div>\n';
+					html+='							</div>\n';
+					html+='						</div>\n';
 				}
 				
-				html+='					</div>';
-				html+='				</div>';
-				html+='			</div>';
-				html+='		</div>';
-				html+='</div>	';
+				html+='					</div>\n';
+				html+='				</div>\n';
+				html+='			</div>\n';
+				html+='		</div>\n';
+				html+='</div>\n	';
 	
 				
 				$('#reviewList').append(html);

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

@@ -65,33 +65,33 @@ var ajaxWishList = function () {
 			if (result.length>0) {
 				$(".nodata").hide();
 				for (var i = 0; i < month.length; i++) {
-					html+='<div class="monthly_wish_wrap">';
-					html+='	<div class="date">';
-					html+='		<span>'+month[i].regDt+'</span>';
-					html+='	</div>';
-					html+='	<div class="itemsGrp">';
+					html+='<div class="monthly_wish_wrap">\n';
+					html+='	<div class="date">\n';
+					html+='		<span>'+month[i].regDt+'</span>\n';
+					html+='	</div>\n';
+					html+='	<div class="itemsGrp">\n';
 					
 					$.each(result, function (idx, item) {
 						if (item.regDtMonth == month[i].regDt) {
-							html+='		<div class="item_prod">';
-							html+='			<div class="item_state">';
-							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 + '?RS=550">';
-							html+='					</div>';
-							html+='					<p class=" itemBrand">'+item.brandGroupNm+'</p>';
-							html+='					<div class=" itemName">'+item.goodsNm+'</div>';
+							html+='		<div class="item_prod">\n';
+							html+='			<div class="item_state">\n';
+							html+='				<button type="button" class="itemLike likeit" goodsCd=\''+item.goodsCd+'\' onclick="wishlistDelete(this)">관심상품 추가</button>\n';
+							html+='				<a href="javascript:void(0);" class="itemLink" onclick="cfnGoToGoodsDetail(\'' + item.goodsCd + '\')">\n';
+							html+='					<div class="itemPic">\n';
+							html+='						<img alt="" class=" vLHTC pd_img" src="' + _uploadGoodsUrl + '/' + item.sysImgNm + '?RS=550">\n';
+							html+='					</div>\n';
+							html+='					<p class=" itemBrand">'+item.brandGroupNm+'</p>\n';
+							html+='					<div class=" itemName">'+item.goodsNm+'</div>\n';
 							html+='					<p class="itemPrice">'+item.currPrice.addComma();
 							if (item.currPrice != item.listPrice) {
-								html+='						<span class="itemPrice_original">'+item.listPrice.addComma()+'</span>';
+								html+='						<span class="itemPrice_original">'+item.listPrice.addComma()+'</span>\n';
 							}
 							if (item.dcRate>0) {
-								html+='						<span class=" itemPercent">'+item.dcRate+'%</span>';
+								html+='						<span class=" itemPercent">'+item.dcRate+'%</span>\n';
 							}
 							
-							html+='					</p>';
-							html+='					<div class="itemcolorchip">';
+							html+='					</p>\n';
+							html+='					<div class="itemcolorchip">\n';
 							if(!gagajf.isNull(item.colorChips)){
 								var colorArr = item.colorChips.split(",");
 								var colorCd = '';
@@ -101,9 +101,9 @@ var ajaxWishList = function () {
 									colorCd = colorInfo[0];
 									rgbColor = colorInfo[1];
 									if(rgbColor=='#FFFFFF'){
-										html += '	<span class="chip_color" style="background-color: '+rgbColor+';border:1px solid #aaa;" value="'+colorCd+'">'+colorCd+'</span>';
+										html += '	<span class="chip_color" style="background-color: '+rgbColor+';border:1px solid #aaa;" value="'+colorCd+'">'+colorCd+'</span>\n';
 									}else{
-										html += '	<span class="chip_color" style="background-color: '+rgbColor+'" value="'+colorCd+'">'+colorCd+'</span>';
+										html += '	<span class="chip_color" style="background-color: '+rgbColor+'" value="'+colorCd+'">'+colorCd+'</span>\n';
 									}
 								}
 							}
@@ -112,37 +112,37 @@ var ajaxWishList = function () {
 								var iconArr = item.icon.split(",");
 								var iconGb = '';
 								var iconNm = '';
-								html += '	<p class="itemBadge">';
+								html += '	<p class="itemBadge">\n';
 								for(let i=0; i<iconArr.length; i++){
 									var iconInfo = iconArr[i].split(":");
 									iconGb = iconInfo[0];
 									iconNm = iconInfo[1];
-									html += '	<span class="badge13" value="'+iconGb+'">'+iconNm+' </span>';
+									html += '	<span class="badge13" value="'+iconGb+'">'+iconNm+' </span>\n';
 								}
 								html += '	</p>';
 							}
 							if (item.goodsTnm != null && item.goodsTnm != '') {
-								html+='					<div class="itemComment">'+item.goodsTnm+'</div>';
+								html+='					<div class="itemComment">'+item.goodsTnm+'</div>\n';
 							}
-							html+='				</a>';
-							html+='			</div>';
-							html+='		</div>';
+							html+='				</a>\n';
+							html+='			</div>\n';
+							html+='		</div>\n';
 						}
 						
 					});
 				}
-				html+='	</div>';
-				html+='</div>';
+				html+='	</div>\n';
+				html+='</div>\n';
 				
 			}else{
-				html += ' <div class="nodata">';
-				html += '	<div class="txt_box">';
-				html += '		<p>';
-				html += '			등록된 위시리스트가 없습니다.<br>';
+				html += ' <div class="nodata">\n';
+				html += '	<div class="txt_box">\n';
+				html += '		<p>\n';
+				html += '			등록된 위시리스트가 없습니다.<br>\n';
 				html += '			';
-				html += '		</p>';
-				html += '	</div>';
-				html += '</div>';
+				html += '		</p>\n';
+				html += '	</div>\n';
+				html += '</div>\n';
 			}
 			$('#wishList').html(html);
 		}

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

@@ -203,10 +203,18 @@
 	
 	// 검색기간 버튼 클릭 이벤트 처리
 	var fnSetSearchPeriod = function(period) {
-		let date = new Date();
-		let edDate = date.getFullYear() + '-' + ('0' + (date.getMonth() + 1)).slice(-2) + '-' + ('0' + (date.getDate())).slice(-2);
+		let date 		= new Date();
+		let edDate 		= getFormatDate(date);
+		
+		let day = date.getDate();
+		let lastDay = (new Date(date.getFullYear(), (date.getMonth() + 1) - period, 0)).getDate();
+		
+		if (day - lastDay > 0) {
+			date.setDate(date.getDate() - (day - lastDay));
+		}
+		
 		date.setMonth(date.getMonth() - period);
-		let stDate = date.getFullYear() + '-' + ('0' + (date.getMonth() + 1)).slice(-2) + '-' + ('0' + (date.getDate())).slice(-2);
+		let stDate 		= getFormatDate(date);
 
 		$('#edDate').val(edDate);
 		$('#searchForm input[name=edDate]').val(edDate);
@@ -533,6 +541,10 @@
 	
 	// 취반교 상세 페이지 이동
 	var fnGoToCreDetail = function(param) {
+		// 2021.05.27 인피니스크롤위치이동
+		let scrollpos = $(window).scrollTop();
+		localStorage.setItem('scrollpos', scrollpos);
+		
 		let ordChgSq = $(param).attr('ordChgSq');
 		let chgGb = $(param).attr('chgGb');
 		let url = '';

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

@@ -194,10 +194,18 @@
 	
 	// 검색기간 버튼 클릭 이벤트 처리
 	var fnSetSearchPeriod = function(period) {
-		let date = new Date();
-		let edDate = date.getFullYear() + '-' + ('0' + (date.getMonth() + 1)).slice(-2) + '-' + ('0' + (date.getDate())).slice(-2);
+		let date 		= new Date();
+		let edDate 		= getFormatDate(date);
+		
+		let day = date.getDate();
+		let lastDay = (new Date(date.getFullYear(), (date.getMonth() + 1) - period, 0)).getDate();
+		
+		if (day - lastDay > 0) {
+			date.setDate(date.getDate() - (day - lastDay));
+		}
+		
 		date.setMonth(date.getMonth() - period);
-		let stDate = date.getFullYear() + '-' + ('0' + (date.getMonth() + 1)).slice(-2) + '-' + ('0' + (date.getDate())).slice(-2);
+		let stDate 		= getFormatDate(date);
 
 		$('#edDate').val(edDate);
 		$('#searchForm input[name=edDate]').val(edDate);

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

@@ -262,26 +262,26 @@ let planCornerList = [[${planCornerList}]];
 if(notice.length>0){
 	var html = '';
 	
-	html += '    <div class="cont_head">';
-	html += '        <div>';
-	html += '            <h4>유의사항</h4>';
-	html += '        </div>';
-	html += '    </div>';
-	html += '    <div class="cont_body">';
-	html += '        <div class="announce_txt">';
-	html += '            <div class="note_txt">';
-	html += '                <img src="/images/pc/ico_content_find.png" alt="유의사항">';
-	html += '                <p>유의사항</p>';
-	html += '            </div>';
-	html += '            <div class="announce_list">';
-	html += '                <ul>';
+	html += '    <div class="cont_head">\n';
+	html += '        <div>\n';
+	html += '            <h4>유의사항</h4>\n';
+	html += '        </div>\n';
+	html += '    </div>\n';
+	html += '    <div class="cont_body">\n';
+	html += '        <div class="announce_txt">\n';
+	html += '            <div class="note_txt">\n';
+	html += '                <img src="/images/pc/ico_content_find.png" alt="유의사항">\n';
+	html += '                <p>유의사항</p>\n';
+	html += '            </div>\n';
+	html += '            <div class="announce_list">\n';
+	html += '                <ul>\n';
 	$.each(notice, function(idx, item)  {
-		html += '				<li>' +item.itemVal+ '</li>';
+		html += '				<li>' +item.itemVal+ '</li>\n';
 	});
-	html += '                </ul>';
-	html += '            </div>';
-	html += '        </div> ';
-	html += '    </div>';
+	html += '                </ul>\n';
+	html += '            </div>\n';
+	html += '        </div>\n ';
+	html += '    </div>\n';
 
 	$("#G082_60").append(html);
 }
@@ -908,9 +908,9 @@ var fnSearchCallback = function (result) {
 		}else{
 			html += '<div class="nodata" id="replyNoData">\n';
 			html += '	<div class="txt_box">\n             ';
-			html += '		<p>                           ';
+			html += '		<p>\n                           ';
 			html += '			등록된 댓글이 없습니다.             ';
-			html += '		</p>                          ';
+			html += '		</p>\n                          ';
 			html += '	</div>\n                            ';
 			html += '</div>\n                                ';
 		}

src/main/webapp/biz/goods.js

@@ -1,17 +1,112 @@
 //****************상품상세  start **********************************
 // 함께본 상품
 var fnGoodsTogetherSearch = function(params) {
-	gagajf.ajaxSubmit("/goods/detail/together/frame", "html", "goodsTogetherbArea", params);
+	//gagajf.ajaxSubmit("/goods/detail/together/frame", "html", "goodsTogetherbArea", params);
+
+	$.ajax( {
+		type		: "POST",
+		url 		: '/goods/detail/together/frame',
+		data		: JSON.stringify(params),
+		dataType 	: 'html',
+		beforeSend : function(xhr, settings) {
+			xhr.setRequestHeader("AJAX"			, "true");
+			xhr.setRequestHeader('Accept'		, 'application/json');
+			xhr.setRequestHeader('Content-Type'	, 'application/json');
+		},
+		success 	: function(result) {
+			if (result != null) {
+				$("#goodsTogetherbArea").css("display", "block");
+				$("#goodsTogetherbArea").html(result);
+				
+				var otherItemSwiper1 = new Swiper('.pd .pd_clickother .area_slider .swiper-container', {
+				     slidesPerView: 5,
+				     slidesToScroll: 5,
+				     slidesPerGroup: 5,
+				     spaceBetween: 20,
+				     navigation: {
+				         nextEl: '.pd_clickother .swiper-button-next',
+				         prevEl: '.pd_clickother .swiper-button-prev',
+				     },
+				     pagination: {
+				         el: '.pd_clickother .swiper-pagination',
+				         clickable: true,
+				     },
+				 });   
+			}
+		}
+	});
 }
 
 // 추천 상품
 var fnGoodsRecommendSearch = function(params) {
-	gagajf.ajaxSubmit("/goods/detail/recommend/frame", "html", "goodsRecommendbArea", params);
+	//gagajf.ajaxSubmit("/goods/detail/recommend/frame", "html", "goodsRecommendbArea", params);
+	
+	$.ajax( {
+		type		: "POST",
+		url 		: '/goods/detail/recommend/frame',
+		data		: JSON.stringify(params),
+		dataType 	: 'html',
+		beforeSend : function(xhr, settings) {
+			xhr.setRequestHeader("AJAX"			, "true");
+			xhr.setRequestHeader('Accept'		, 'application/json');
+			xhr.setRequestHeader('Content-Type'	, 'application/json');
+		},
+		success 	: function(result) {
+			if (result != null) {
+				$("#goodsRecommendbArea").css("display", "block");
+				$("#goodsRecommendbArea").html(result);
+				 var relateItemSwiper = new Swiper('.pd .pd_brand .area_slider .swiper-container', {
+		                slidesPerView: 5,
+		                spaceBetween: 20,
+		                slidesPerGroup: 5,
+		                navigation: {
+		                    nextEl: '.pd_brand .swiper-button-next',
+		                    prevEl: '.pd_brand .swiper-button-prev',
+		                },
+		                pagination: {
+		                    el: '.pd_brand .swiper-pagination',
+		                    clickable: true,
+		                },
+		            });  
+			}
+		}
+	});
 }
 
 // 비슷한 상품
 var fnGoodsLikeSearch = function(params) {
-	gagajf.ajaxSubmit("/goods/detail/like/frame", "html", "goodsLikebArea", params);
+	//gagajf.ajaxSubmit("/goods/detail/like/frame", "html", "goodsLikebArea", params);
+	
+	$.ajax( {
+		type		: "POST",
+		url 		: '/goods/detail/like/frame',
+		data		: JSON.stringify(params),
+		dataType 	: 'html',
+		beforeSend : function(xhr, settings) {
+			xhr.setRequestHeader("AJAX"			, "true");
+			xhr.setRequestHeader('Accept'		, 'application/json');
+			xhr.setRequestHeader('Content-Type'	, 'application/json');
+		},
+		success 	: function(result) {
+			if (result != null) {
+				$("#goodsLikebArea").css("display", "block");
+				$("#goodsLikebArea").html(result);
+				var relateItemSwiper = new Swiper('.pd .pd_relate .area_slider .swiper-container', {
+	                slidesPerView: 5,
+	                spaceBetween: 20,
+	                slidesPerGroup: 5,
+	                navigation: {
+	                    nextEl: '.pd_relate .swiper-button-next',
+	                    prevEl: '.pd_relate .swiper-button-prev',
+	                },
+	                pagination: {
+	                    el: '.pd_relate .swiper-pagination',
+	                    clickable: true,
+	                },
+	            });      
+			}
+		}
+	});
 }
 
 
@@ -439,6 +534,12 @@ var fnSetFilterHtml = function (gubun, staus, mobGb){
 	$('#filterForm input[name=benefit]:checked').each(function(){
 		filterHtml += '<input type="hidden" name="benefitArr" value="'+$(this).val()+'"/>\n';
 	});
+	$('#filterForm input[name=price]:checked').each(function(){
+		filterHtml += '<input type="hidden" name="priceArr" value="'+$(this).val()+'"/>\n';
+	});
+	$('#filterForm input[name=dcRate]:checked').each(function(){
+		filterHtml += '<input type="hidden" name="dcRateArr" value="'+$(this).val()+'"/>\n';
+	});
 	if(!gagajf.isNull($("#filterForm input[name=hPriceFrom]").val())){
 		filterHtml += '<input type="hidden" name="priceFrom" value="'+$("#filterForm input[name=hPriceFrom]").val()+'"/>\n';
 	}
@@ -665,6 +766,16 @@ var fnSortingChange = function (obj, sortingType, stat, appGb){
 
 // 모바일 가격 필터
 var filterPriceMob = function (obj, gubun, staus, idx){
+	if(staus=='on'){
+		$(obj).attr('onclick','filterPriceMob(this,\''+gubun+'\',\'off\',\''+idx+'\');');
+	}else{
+		$(obj).attr('onclick','filterPriceMob(this,\''+gubun+'\',\'on\',\''+idx+'\');');
+	}
+
+	fnFilterSet(gubun, 'price', 'Mob');
+}
+
+var filterPriceMobOri = function (obj, gubun, staus, idx){
 	$("#searchGoodsForm input:hidden[name=priceFrom]").remove();
 	$("#searchGoodsForm input:hidden[name=priceTo]").remove();
 
@@ -715,6 +826,15 @@ var filterPriceMob = function (obj, gubun, staus, idx){
 
 // 모바일 할인 필터
 var filterDcRateMob = function (obj, gubun, staus, idx){
+	if(staus=='on'){
+		$(obj).attr('onclick','filterDcRateMob(this,\''+gubun+'\',\'off\',\''+idx+'\');');
+	}else{
+		$(obj).attr('onclick','filterDcRateMob(this,\''+gubun+'\',\'on\',\''+idx+'\');');
+	}
+	fnFilterSet(gubun, 'dcRate', 'Mob');
+}
+
+var filterDcRateMobOri = function (obj, gubun, staus, idx){
 	$("#searchGoodsForm input:hidden[name=dcRateFrom]").remove();
 	$("#searchGoodsForm input:hidden[name=dcRateTo]").remove();
 
@@ -811,17 +931,40 @@ var fnReCheckFilterList = function (){
 		if(!gagajf.isNull(searchId)){
 			var data = '';
 			if(searchId == 'price'){
-				$('#filterForm #priceArea').find('li').each(function(index){
-					if($(this).find('input[name=price]').prop('checked') == true){
-						$("#priceFilterDiv").find('.daps1').append('<span class="pic">'+$("#pricdSpan"+(index+1)).text()+'</span>');
-					}
+				let priceSpan = '';
+				$('#searchGoodsForm').find('input[name=priceArr]').each(function (idx){
+					let formPrice = $(this).val();
+					$('#filterForm #priceArea').find('li').each(function(index){
+						let filterPrice = $(this).find('input[name=price]').val();
+						if(formPrice == filterPrice){
+							$("#price"+(index+1)).prop('checked',true);
+							if(idx>0){
+								priceSpan += ',';
+							}
+							priceSpan += $("#pricdSpan"+(index+1)).text();
+						}
+					});
 				});
+				// $('#filterForm #priceArea').find('li').each(function(index){
+				// 	if($(this).find('input[name=price]').prop('checked') == true){
+				// 		if(index > 0){
+				// 			priceSpan += ',';
+				// 		}
+				// 		priceSpan += $("#pricdSpan"+(index+1)).text();
+				// 	}
+				// });
+				$("#priceFilterDiv").find('.daps1').append('<span class="pic">'+priceSpan+'</span>');
 			}else if(searchId == 'dcRate'){
+				let dcRateSpan = '';
 				$('#filterForm #dcRateArea').find('li').each(function(index){
 					if($(this).find('input[name=dcRate]').prop('checked') == true){
-						$("#dcRateFilterDiv").find('.daps1').append('<span class="pic">'+$("#dcRateText"+(index+1)).text()+'</span>');
+						if(index > 1){
+							dcRateSpan += ',';
+						}
+						dcRateSpan += $("#dcRateText"+(index+1)).text();
 					}
 				});
+				$("#dcRateFilterDiv").find('.daps1').append('<span class="pic">'+dcRateSpan+'</span>');
 			}else{
 				$('#filterForm input[name='+searchId+']:checked').each(function(idx){
 					if(searchId=='color'){

src/main/webapp/biz/goodsTest.js

@@ -1,917 +0,0 @@
-//****************상품상세  start **********************************
-// 함께본 상품
-var fnGoodsTogetherSearch = function(params) {
-	gagajf.ajaxSubmit("/goods/detail/together/frame", "html", "goodsTogetherbArea", params);
-}
-
-// 추천 상품
-var fnGoodsRecommendSearch = function(params) {
-	gagajf.ajaxSubmit("/goods/detail/recommend/frame", "html", "goodsRecommendbArea", params);
-}
-
-// 비슷한 상품
-var fnGoodsLikeSearch = function(params) {
-	gagajf.ajaxSubmit("/goods/detail/like/frame", "html", "goodsLikebArea", params);
-}
-
-
-// EP 쿠폰조회
-var fnEpCouponDown = function(afLinkCd, goodsCd, maxRownum){
-	if (typeof (afLinkCd) == 'undefined' || gagajf.isNull(afLinkCd)){
-		return false;
-	}
-
-	let data = {afLinkCd : afLinkCd
-		, goodsCd : goodsCd
-		, maxRownum : maxRownum
-	};
-	$.getJSON('/goods/epCoupon/list', data, function(result, status) {
-		if (status === 'success') {
-			if(result.length>0){
-				let coupon = result[0];
-				let tag = '';
-				tag += '<div class="modal fade pd_pop epcoupon_pop" id="epCouponPop" tabindex="-1" role="dialog" aria-labelledby="epCouponLabel" aria-hidden="true">\n';
-				tag += '	<div class="modal-dialog" role="document">\n';
-				tag += '	  <div class="modal-content">\n';
-				tag += '		<div class="modal-header">\n';
-				tag += '			<h5 class="modal-title" id="epCouponLabel">'+coupon.cpnNm+'</h5>\n';
-				tag += '		</div>\n';
-				tag += '		<div class="modal-body">\n';
-				tag += '			<div class="pop_cont">\n';
-				tag += '				<div class="ep_coupon">\n';
-				tag += '					<div>\n';
-				tag += '						<p class="cp_title">\n';
-				tag += '							COUPON\n';
-				tag += '						</p>\n';
-				tag += '						<p class="cp_cont">\n';
-				if (coupon.dcWay == 'G240_11'){		//할인율 
-					tag += '							<span class="unit_percent">\n';
-					tag += '								최대<em class="number">'+coupon.dcVal+'</em><em class="unit">%</em>\n';
-					tag += '							</span>\n';
-
-				}else{
-					tag += '							<span class="unit_won">\n';
-					tag += '								<em class="number">'+coupon.dcVal.addComma()+'</em><em class="unit">원</em>\n';
-					tag += '							</span>\n';
-				}
-				tag += '						</p>\n';
-				tag += '					</div>\n';
-				tag += '				</div>\n';
-				tag += '				<div class="info_txt">\n';
-				tag += '					<ul>\n';
-				tag += '						<li>일부 상품은 쿠폰 사용이 제한될 수 있습니다.</li>\n';
-				tag += '						<li>할인대상 및 금액은 상시 변경됩니다.</li>\n';
-				tag += '						<li>제휴 사이트와 정보연동 시간차이로 판매정보가 불일치할 수 있습니다.</li>\n';
-				tag += '						<li>본 쿠폰은 제휴 사이트를 통해 들어온 고객님만 발급 및 사용이 가능합니다.</li>\n';
-				tag += '					</ul>\n';
-				tag += '				</div>\n';
-				tag += '			</div>\n';
-				tag += '		</div>\n';
-				tag += '		<div class="modal-footer">\n';
-				tag += '			<button type="button" id="" class="btn btn_primary btn_all_cpdown" onclick="fnEpCoupondown(\''+afLinkCd+'\',\''+goodsCd+'\');" ><span>쿠폰 받기</span></button>\n';
-				tag += '		</div>\n';
-				tag += '	  </div>\n';
-				tag += '	</div>\n';
-				tag += '	<a href="javascript:void(0);" rel="modal:close" onclick="cfCloseLayer(\'epCouponPop\')" class="close-modal">Close</a>\n';
-				tag += '</div>	\n';
-
-				$('body').append(tag);
-				$('#epCouponPop').modal("show");
-			}
-		}
-	});
-}
-
-// 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(){
-	$('#epCouponPop').find('.close-modal').trigger("click");
-}
-
-//****************상품상세  end **********************************
-
-//****************상품리스트  start **********************************
-var categoryGoodsList = [];
-var cnt = 1;
-var email = '';
-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);
-		}
-
-		tag += '<div class="item_prod" id="'+item.goodsCd+item.mainColorCd+'">';
-		tag += '	<div class="item_state';
-		if(!gagajf.isNull(item.sizes)){
-			var sizeArr = item.sizes.split(",");
-			let soldOutCnt = 0;
-			for(let i=0; i<sizeArr.length; i++){
-				var sizeInfo = sizeArr[i].split(":");
-				var sizeVal = sizeInfo[0];
-				var soldOutYn = sizeInfo[1];
-				if(soldOutYn=='Y'){
-					soldOutCnt++;
-				}
-			}
-			if(sizeArr.length==soldOutCnt){
-				tag += ' soldout';
-			}
-		}
-		tag += '">';
-		tag += '		<button type="button" class="itemLike';
-		if(item.likeIt == 'likeit'){
-			tag += ' likeit';
-		}
-		tag += ' "';
-		tag += ' onClick="cfnPutWishList(this);" goodsCd=\''+item.goodsCd+'\', ithrCd=\'\', contentsLoc=\'\', planDtlSq=\'\'>관심상품 추가</button>';
-		tag += '<a href="javascript:void(0);" class="itemLink" onclick="cfnGoToGoodsDetail(\''+item.goodsCd+'\',\''+item.mainColorCd+'\');">';
-		tag += '			<div class="itemPic">';
-		if(!gagajf.isNull(item.videos)){
-			var videoArr = item.videos.split(",");
-			var videoGb = '';
-			var videoUrl = '';
-			for(let i=0; i<videoArr.length; i++){
-				var videoInfo = videoArr[i].split(":");
-				videoGb = videoInfo[0];
-				videoUrl = videoInfo[1];
-			}
-			if(videoGb=='Y'){
-				tag += '<iframe id="pdThumbVideo" class="pd_mov" src="https://www.youtube.com/embed/'+videoUrl+'?autoplay=1&mute=1"></iframe>';
-				//tag += '<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>';
-			}else{
-				tag += '<iframe id="pdThumbVideo" class="pd_mov" src="http://v.kr.kollus.com/'+videoUrl+'?enable_initialize_focus=false&autoplay&mute&controls_activation=none" allow="fullscreen" allowFullScreen></iframe>';
-			}
-		}
-		tag += '		<img class=" vLHTC pd_img" src="'+goodsUrl+'/'+item.sysImgNm+'" data-img="'+goodsUrl+'/'+item.sysImgNm2+'" onerror="noneImg(this)">';
-		if(!gagajf.isNull(item.sizes)){
-			var sizeArr = item.sizes.split(",");
-			var minSize;
-			var maxSize;
-			var sizeVal = '';
-			var soldOutYn = '';
-			tag +='<div class="itemOpt">';
-
-			if(sizeArr.length>5){
-				for(let i=0; i<sizeArr.length; i++){
-					var sizeInfo = sizeArr[i].split(":");
-					sizeVal = sizeInfo[0];
-					soldOutYn = sizeInfo[1];
-					if(i==0){
-						minSize = sizeVal;
-					}else if(i==sizeArr.length-1){
-						maxSize = sizeVal;
-					}
-				}
-				tag +='	<div class="exc">';
-				tag +='		<span>'+minSize+'</span> ~ <span>'+maxSize+'</span> 사이즈가 있습니다.';
-				tag +='	</div>';
-			}else{
-				tag += '<ul>';
-				for(let i=0; i<sizeArr.length; i++){
-					var sizeInfo = sizeArr[i].split(":");
-					sizeVal = sizeInfo[0];
-					soldOutYn = sizeInfo[1];
-					if(soldOutYn=='N'){
-						tag +='		<li>'+sizeVal+'</li>';
-					}else{
-						tag +='		<li class="none">'+sizeVal+'</li>';
-					}
-				}
-				tag += '</ul>';
-			}
-			tag += '			</div>';
-		}
-
-		tag += '			</div>';
-
-		tag += '			<p class="itemBrand">'+item.brandGroupNm+'</p>';
-		tag += '			<div class="itemName">'+item.goodsFullNm+'</div>';
-		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 += '			<div class="itemcolorchip">';
-		if(!gagajf.isNull(item.colorChips)){
-			var colorArr = item.colorChips.split(",");
-			var colorCd = '';
-			var rgbColor = '';
-			for(let i=0; i<colorArr.length; i++){
-				var colorInfo = colorArr[i].split(":");
-				colorCd = colorInfo[0];
-				rgbColor = colorInfo[1];
-				if(rgbColor=='#FFFFFF'){
-					tag += '	<span class="chip_color" style="background-color: '+rgbColor+';border:1px solid #aaa;" value="'+colorCd+'">'+colorCd+'</span>';
-				}else{
-					tag += '	<span class="chip_color" style="background-color: '+rgbColor+'" value="'+colorCd+'">'+colorCd+'</span>';
-				}
-			}
-		}
-		tag += '			</div>';
-
-		if(!gagajf.isNull(item.benefits)){
-			var iconArr = item.benefits.split(",");
-			var iconGb = '';
-			var iconNm = '';
-			tag += '	<p class="itemBadge">';
-			let arrCnt;
-			if(iconArr.length > 2){
-				arrCnt = 3;
-			}else{
-				arrCnt = iconArr.length;
-			}
-			for(let i=0; i<arrCnt; i++){
-				var iconInfo = iconArr[i].split(":");
-				iconGb = iconInfo[0];
-				iconNm = iconInfo[1];
-				tag += '	<span class="badge13" value="'+iconGb+'">'+iconNm+' </span>';
-			}
-			tag += '	</p>';
-		}
-
-		if(item.goodsTnm != null){
-			tag += '			<div class="itemComment">'+item.goodsTnm+'</div>';
-		}
-		tag += '		</a>';
-		tag += '	</div>';
-		tag += '</div>';
-	});
-
-	if (cnt == 1) {
-		// <!-- Criteo 카테고리/리스팅 태그 -->
-		window.criteo_q = window.criteo_q || [];
-		var deviceType = /iPad/.test(navigator.userAgent) ? "t" : /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(navigator.userAgent) ? "m" : "d";
-		window.criteo_q.push(
-			{event: "setAccount", account: 26073}, // 이 라인은 업데이트하면 안됩니다
-			{event: "setEmail", email: email}, // 유저가 로그인이 안되 있는 경우 빈 문자열을 전달
-			{event: "setSiteType", type: deviceType},
-			{event: "viewList", item: categoryGoodsList} // 가장 위에있는 3개의 상품 ID를 전달
-		);
-		// <!-- END 카테고리/리스팅 태그 -->
-		cnt++;
-	}
-
-	return tag;
-}
-
-
-// 인피니트 스크롤 초기화
-var fnCategoryGoodsInfiniteScrollInit = function(){
-	// sessionStorage.removeItem(document.location.href);
-	//History 초기화
-	// $("#listBox").html("");
-	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
-		}
-		, totalCount: 0
-	}
-	//History 초기화
-	$("#listBox").html("");
-}
-
-var filterHtml = '';
-var filterStatHtml = '';
-
-// 상품상세 필터 조회
-var filterSel = function (obj, gubun, staus, sizeGb){
-	// fnCategoryGoodsInfiniteScrollInit();
-	// filterHtml = '';
-	// filterStatHtml = '';
-	// console.log('1.filterHtml++'+filterHtml);
-	// console.log('2.filterStatHtml++'+filterStatHtml);
-	gagaInfiniteScroll.pageStatus.filterHtml = filterHtml;
-	gagaInfiniteScroll.pageStatus.filterStatHtml = filterStatHtml;
-	let $obj = $(obj);
-	if(staus=='on'){
-		filterStatHtml = '';
-		if(gubun=='size'){
-			$(obj).attr('onclick','filterSel(this,\''+gubun+'\',\'off\',\''+sizeGb+'\');');
-		}else{
-			$(obj).attr('onclick','filterSel(this,\''+gubun+'\',\'off\',\'\');');
-		}
-
-		$("#filterData").find('span').each(function(idx,item) {
-			if(gubun=='color'){
-				if($obj.attr('data-id').replace('#','').trim() == $(this).closest("span").attr('id')) {
-					$(this).closest("span").remove();
-				}
-			}else{
-				if($obj.attr('data-id') == $(this).closest("span").text()) {
-					$(this).closest("span").remove();
-				}
-			}
-		});
-		filterStatHtml = $("#filterData").html();
-	}else{
-		if(gubun=='size'){
-			$(obj).attr('onclick','filterSel(this,\''+gubun+'\',\'on\',\''+sizeGb+'\');');
-		}else{
-			$(obj).attr('onclick','filterSel(this,\''+gubun+'\',\'on\',\'\');');
-		}
-
-		let tag = '';
-		if(gubun=='color'){
-			tag += '<span id="'+$obj.attr('data-id').replace('#','')+'">';
-			if($obj.attr('data-id')=='#FFFFFF'){
-				tag += '	<span class="pdColor-color" style="background-color: #'+$obj.attr('data-id')+';border:1px solid #aaa;" value="'+$obj.attr('data-id')+'"></span>';
-			}else{
-				tag += '	<span class="pdColor-color" style="background-color: #'+$obj.attr('data-id')+'" value="'+$obj.attr('data-id')+'"></span>';
-			}
-			tag += '	<a href="javascript:void(0);" class="filter_delete" onclick="fnDeleteFilter(this,\''+gubun+'\',\'on\');"></a >';
-			tag += '</span>';
-		}else{
-			tag += '<span>'+$obj.attr('data-id');
-			if(!gagajf.isNull(sizeGb)){
-				tag += '<a href="javascript:void(0);" class="filter_delete" onclick="fnDeleteFilter(this,\''+gubun+'\',\'on\',\''+sizeGb+'\');"></a >';
-			}else{
-				tag += '<a href="javascript:void(0);" class="filter_delete" onclick="fnDeleteFilter(this,\''+gubun+'\',\'on\',\'\');"></a >';
-			}
-			tag += '</span>';
-		}
-
-		$("#filterData").append(tag);
-
-		filterStatHtml += tag;
-	}
-
-	gagaInfiniteScroll.pageStatus.filterStatHtml = filterStatHtml;
-	fnFilterSet(gubun, sizeGb);
-}
-
-var fnFilterSet = function (searchId, sizeGb, appGb){
-	fnCategoryGoodsInfiniteScrollInit();
-	$("#searchGoodsForm input:hidden[name="+searchId+"Arr]").remove();
-	var tag = '';
-	var mobTag = '';
-	if(searchId=='size'){
-		$('#filterForm input[name='+searchId+']:checked').each(function(){
-			tag = '<input type="hidden" name="'+searchId+'Arr" value="'+$(this).attr('data-id')+'"/>\n';
-			$("#searchGoodsForm").append(tag);
-			// filterHtml += tag;
-		});
-	}else{
-		$('#filterForm input[name='+searchId+']:checked').each(function(){
-			tag = '<input type="hidden" name="'+searchId+'Arr" value="'+$(this).val()+'"/>\n';
-			$("#searchGoodsForm").append(tag);
-			// filterHtml += tag;
-		});
-	}
-
-	if(appGb == 'Mob'){
-		var data = '';
-		var tag = '';
-		var filterSet = '';
-		$('#'+searchId+'FilterDiv').find('.daps1').find('span').html('');
-		$('#filterForm input[name='+searchId+']:checked').each(function(idx){
-			if(searchId=='color'){
-				$('#'+searchId+'FilterDiv').find('.daps1').find('.pic').find('span').html('');
-				var mobTag = '';
-				var color = $(this).attr('data-id');
-				console.log('color::'+$(this).attr('data-id'));
-				if(color=='FFFFFF'){
-					mobTag += '<span class="pdColor-color" style="background-color:#'+color+';border:1px solid #aaa;"></span>';
-				}else{
-					mobTag += '<span class="pdColor-color" style="background-color:#'+color+'"></span>';
-				}
-				$("#"+searchId+"FilterDiv").find('.daps1').find('.pic').append(mobTag);
-			}else{
-				$('#'+searchId+'FilterDiv').find('.daps1').find('span').html('');
-				if(idx>0){
-					data += ',';
-				}
-				data += $(this).attr('data-id');
-				$("#"+searchId+"FilterDiv").find('.daps1').append('<span class="pic">'+data+'</span>');
-			}
-		});
-
-	}
-
-	fnSetFilterHtml();
-	// gagaInfiniteScroll.pageStatus.filterHtml = filterHtml;
-	// gagaInfiniteScroll.pageStatus.filterStatHtml = filterStatHtml;
-	fnPushHistory();
-	fnGoodsListSearch();
-}
-
-var fnSetFilterHtml = function (gubun, staus, mobGb){
-	filterHtml = '';
-
-	$('#filterForm input[name=size]:checked').each(function(){
-		filterHtml += '<input type="hidden" name="sizeArr" value="'+$(this).attr('data-id')+'"/>\n';
-	});
-	$('#filterForm input[name=brandGroup]:checked').each(function(){
-		filterHtml += '<input type="hidden" name="brandGroupArr" value="'+$(this).val()+'"/>\n';
-	});
-	$('#filterForm input[name=age]:checked').each(function(){
-		filterHtml += '<input type="hidden" name="ageArr" value="'+$(this).val()+'"/>\n';
-	});
-	$('#filterForm input[name=season]:checked').each(function(){
-		filterHtml += '<input type="hidden" name="seasonArr" value="'+$(this).val()+'"/>\n';
-	});
-	$('#filterForm input[name=color]:checked').each(function(){
-		filterHtml += '<input type="hidden" name="colorArr" value="'+$(this).val()+'"/>\n';
-	});
-	$('#filterForm input[name=benefit]:checked').each(function(){
-		filterHtml += '<input type="hidden" name="benefitArr" value="'+$(this).val()+'"/>\n';
-	});
-	console.log('hPriceFrom::'+$("#filterForm input[name=hPriceFrom]").val());
-	console.log('hPriceTo::'+$("#filterForm input[name=hPriceTo]").val());
-	console.log('hDcRateFrom::'+$("#filterForm input[name=hDcRateFrom]").val());
-	console.log('hDcRateTo::'+$("#filterForm input[name=hDcRateTo]").val());
-	if(!gagajf.isNull($("#filterForm input[name=hPriceFrom]").val())){
-		filterHtml += '<input type="hidden" name="priceFrom" value="'+$("#filterForm input[name=hPriceFrom]").val()+'"/>\n';
-	}
-	if(!gagajf.isNull($("#filterForm input[name=hPriceTo]").val())){
-		filterHtml += '<input type="hidden" name="priceTo" value="'+$("#filterForm input[name=hPriceTo]").val()+'"/>\n';
-	}
-	if(!gagajf.isNull($("#filterForm input[name=hDcRateFrom]").val())){
-		filterHtml += '<input type="hidden" name="dcRateFrom" value="'+$("#filterForm input[name=hDcRateFrom]").val()+'"/>\n';
-	}
-	if(!gagajf.isNull($("#filterForm input[name=hDcRateTo]").val())){
-		filterHtml += '<input type="hidden" name="dcRateTo" value="'+$("#filterForm input[name=hDcRateTo]").val()+'"/>\n';
-	}
-
-	// console.log('filterHtml>>'+filterHtml);
-	gagaInfiniteScroll.pageStatus.filterHtml = filterHtml;
-	// fnPushHistory();
-}
-
-// 상품상세 필터 삭제
-var fnDeleteFilter = function (obj, gubun, staus, sizeGb){
-	if(gubun=='size'){
-		$("#"+gubun+"FilterDiv #sizeLi"+sizeGb).each(function(idx,item) {
-			$('#sizeLi'+sizeGb+' .size_btn').each(function (){
-				if($(obj).closest("span").text() == $(this).find('input').attr('data-id')){
-					$(this).find('input').click();
-				}
-			});
-		});
-	}else{
-		$("#"+gubun+"FilterDiv > ul > li").each(function(idx,item) {
-			if(gubun == 'color'){
-				if($(obj).closest("span").attr('id') == $(this).find('input').attr('data-id').trim()){
-					$(this).find('input').click();
-				}
-			}else{
-				if($(obj).closest("span").text() == $(this).find('input').attr('data-id')){
-					$(this).find('input').click();
-				}
-			}
-		});
-	}
-
-	$(obj).closest("span").remove();
-}
-
-var fnFilterSliderMove = function (min, max){
-	var $range = $(".dp .js-range-slider01, .sch_result .js-range-slider01");
-	var $inputFrom = $("#price_input_from");
-	var $inputTo = $("#price_input_to");
-	var instance;
-
-	instance = $range.data("ionRangeSlider");
-	instance.update({
-		from: min
-	});
-	//$inputFrom.val(min);
-
-	instance.update({
-		to: max
-	});
-	//$inputTo.prop("value",max);
-	fnSetFilterHtml();
-}
-
-var fnDcRateFilterSliderMove = function (min, max){
-	var $range = $(".dp .js-range-slider02, .sch_result .js-range-slider02");
-	var $inputFrom = $("#dcrate_input_from");
-	var $inputTo = $("#dcrate_input_to");
-	var instance;
-
-	instance = $range.data("ionRangeSlider");
-	instance.update({
-		from: min
-	});
-	$inputFrom.val(min);
-
-	instance.update({
-		to: max
-	});
-	$inputTo.prop("value",max);
-	fnSetFilterHtml();
-}
-
-var fnFilterSlider = function (gubun, min, max){
-	gagaInfiniteScroll.pageStatus.filterHtml = filterHtml;
-	gagaInfiniteScroll.pageStatus.filterStatHtml = filterStatHtml;
-	fnCategoryGoodsInfiniteScrollInit();
-	let tag = '';
-	let oriMin = '';
-	let oriMax = '';
-	filterHtml = '';
-	filterStatHtml = '';
-	filterStatHtml = $("#filterData").html();
-
-	if(gubun=='price'){
-		// $("#searchGoodsForm").find('input[name=priceFrom]').remove();
-		// $("#searchGoodsForm").find('input[name=priceTo]').remove();
-		oriMin = $("#price_input_from").val();
-		oriMax = $("#price_input_to").val();
-	}else{
-		// $("#searchGoodsForm").find('input[name=dcRateFrom]').remove();
-		// $("#searchGoodsForm").find('input[name=dcRateTo]').remove();
-		oriMin = $("#dcrate_input_from").val();
-		oriMax = $("#dcrate_input_to").val();
-	}
-
-	if(gubun=='price'){
-		if(min!=max){
-			tag += '<span id="priceSpan">'+ min +'원~'+max+'원';
-		}else{
-			tag += '<span id="priceSpan">'+max+'원';
-		}
-		$("#filterForm").find('input[name=hPriceFrom]').val(min);
-		$("#filterForm").find('input[name=hPriceTo]').val(max);
-	}else{
-		if(min!=max){
-			tag += '<span id="dcrateSpan">'+ min +'~'+max+'%';
-		}else{
-			tag += '<span id="dcrateSpan">'+max+'%';
-		}
-		$("#filterForm").find('input[name=hDcRateFrom]').val(min);
-		$("#filterForm").find('input[name=hDcRateTo]').val(max);
-	}
-	tag += '<a href="javascript:void(0);" class="filter_delete" onclick="fnDeleteFilterSlider(this,\''+gubun+'\', \''+oriMin+'\', \''+oriMax+'\');"></a >';
-	tag += '</span>';
-
-	$("#filterData").append(tag);
-	filterStatHtml += tag;
-
-	var tag2 = '';
-	if(gubun=='price'){
-		tag2 += '<input type="hidden" name="priceFrom" value="'+min.replace(",", "")+'"/>\n';
-		tag2 += '<input type="hidden" name="priceTo" value="'+max.replace(",", "")+'"/>\n';
-		$("#searchGoodsForm").append(tag2);
-		// filterHtml += tag2;
-		// fnCategoryGoodsInfiniteScrollInit();
-	}else{
-		tag2 += '<input type="hidden" name="dcRateFrom" value="'+min+'"/>\n';
-		tag2 += '<input type="hidden" name="dcRateTo" value="'+max+'"/>\n';
-		$("#searchGoodsForm").append(tag2);
-		// fnCategoryGoodsInfiniteScrollInit();
-		// filterHtml += tag2;
-	}
-	// gagaInfiniteScroll.pageStatus.filterHtml = filterHtml;
-	gagaInfiniteScroll.pageStatus.filterStatHtml = filterStatHtml;
-	fnSetFilterHtml();
-	fnGoodsListSearch();
-	fnPushHistory();
-}
-
-var fnDeleteFilterSlider = function (obj, gubun, minVal, maxVal){
-	filterStatHtml = '';
-	filterStatHtml = $("#filterData").html();
-	if(gubun=='price'){
-		$("#searchGoodsForm").find("input:hidden[name=priceFrom]").remove();
-		$("#searchGoodsForm").find("input:hidden[name=priceTo]").remove();
-		var $range = $(".dp .js-range-slider01, .sch_result .js-range-slider01");
-		var $inputFrom = $("#price_input_from");
-		var $inputTo = $("#price_input_to");
-		var instance;
-
-		instance = $range.data("ionRangeSlider");
-		instance.update({
-			from: 0
-		});
-		$inputFrom.val(minVal);
-
-		instance.update({
-			to: 5
-		});
-		$inputTo.prop("value",maxVal);
-		$("#filterForm input:hidden[name=priceFrom]").remove();
-		$("#filterForm input:hidden[name=priceTo]").remove();
-	}else{
-		$("#searchGoodsForm").find("input:hidden[name=dcRateFrom]").remove();
-		$("#searchGoodsForm").find("input:hidden[name=dcRateTo]").remove();
-		var $range = $(".dp .js-range-slider02, .sch_result .js-range-slider02");
-		var $inputFrom = $("#dcrate_input_from");
-		var $inputTo = $("#dcrate_input_to");
-		var instance;
-
-		instance = $range.data("ionRangeSlider");
-		instance.update({
-			from: 0
-		});
-		$inputFrom.prop("value",minVal);
-
-		instance.update({
-			to: 10
-		});
-		$inputTo.prop("value",maxVal);
-		$("#searchGoodsForm input:hidden[name=dcRateFrom]").remove();
-		$("#searchGoodsForm input:hidden[name=dcRateTo]").remove();
-	}
-	$(obj).closest("span").remove();
-	fnSetFilterHtml();
-	fnCategoryGoodsInfiniteScrollInit();
-	fnGoodsListSearch();
-	fnPushHistory();
-}
-
-var fnPushHistory = function(){
-	gagaInfiniteScroll.pushHistory(
-		gagaInfiniteScroll.pageStatus.nowPage
-		, $(window).scrollTop()
-		, $('#container').height()
-		, gagaInfiniteScroll.pageStatus.loadPage
-		, 0
-		, gagaInfiniteScroll.obj.$ajaxBox.html());
-}
-
-// 정렬 순서
-var fnSortingChange = function (obj, sortingType, stat, appGb){
-	if(stat != 'back'){
-		if($("#searchGoodsForm input[name=sortingType]").val()==sortingType){
-			return;
-		}
-	}
-
-	if(appGb != 'Mob'){
-		$("#sortArea").find('li').each(function (){
-			$(this).find('a').attr('class','off');
-		});
-	}else{
-		$("#sortArea").find('button').each(function (){
-			$(this).removeClass("on");
-		});
-		$("#sorting"+sortingType).addClass("on");
-		$("#filter").text($("#sorting"+sortingType).find('span').text());
-	}
-
-	$(obj).addClass("on");
-	if(stat=='back'){
-		$("#sorting"+sortingType).addClass("on");
-	}
-	$("#searchGoodsForm").find("[name=sortingType]").val(sortingType);
-	gagaInfiniteScroll.pageStatus.sortingType = sortingType;
-	fnCategoryGoodsInfiniteScrollInit();
-	fnGoodsListSearch();
-	fnPushHistory();
-}
-
-// 모바일 가격 필터
-var filterPriceMob = function (obj, gubun, staus, idx){
-	$("#searchGoodsForm input:hidden[name=priceFrom]").remove();
-	$("#searchGoodsForm input:hidden[name=priceTo]").remove();
-
-	if(staus=='on'){
-		$(obj).attr('onclick','filterPriceMob(this,\''+gubun+'\',\'off\',\''+idx+'\');');
-	}else{
-		$(obj).attr('onclick','filterPriceMob(this,\''+gubun+'\',\'on\',\''+idx+'\');');
-	}
-
-	$('#filterForm input[name=price]').each(function (ind){
-		$(this).prop("checked",false);
-	});
-
-	let price = $(obj).val().split(",");
-	let min = price[0];
-	let max = price[1];
-	var tag2 = '';
-
-	if(staus=='off'){
-		$("#price"+idx).prop("checked",true);
-		if(max<1){
-			tag2 += '<input type="hidden" name="priceFrom" value="'+min.replace(",", "")+'"/>\n';
-		}else{
-			tag2 += '<input type="hidden" name="priceFrom" value="'+min.replace(",", "")+'"/>\n';
-			tag2 += '<input type="hidden" name="priceTo" value="'+max.replace(",", "")+'"/>\n';
-		}
-	}else{
-		$("#searchGoodsForm input:hidden[name=priceFrom]").remove();
-		$("#searchGoodsForm input:hidden[name=priceTo]").remove();
-	}
-	$("#filterForm").find('input[name=hPriceFrom]').val(min);
-	$("#filterForm").find('input[name=hPriceTo]').val(max);
-
-	$('#priceFilterDiv').find('.daps1').find('span').html('');
-	$('#filterForm input[name=price]:checked').each(function(index){
-		$("#priceFilterDiv").find('.daps1').append('<span class="pic">'+$("#pricdSpan"+idx).text()+'</span>');
-	});
-
-	$("#searchGoodsForm").append(tag2);
-	// filterHtml += tag2;
-	fnCategoryGoodsInfiniteScrollInit();
-
-	// gagaInfiniteScroll.pageStatus.filterHtml = filterHtml;
-	// gagaInfiniteScroll.pageStatus.filterStatHtml = filterStatHtml;
-	fnSetFilterHtml('','','Mob');
-	fnGoodsListSearch();
-	fnPushHistory();
-}
-
-// 모바일 할인 필터
-var filterDcRateMob = function (obj, gubun, staus, idx){
-	$("#searchGoodsForm input:hidden[name=dcRateFrom]").remove();
-	$("#searchGoodsForm input:hidden[name=dcRateTo]").remove();
-
-	if(staus=='on'){
-		$(obj).attr('onclick','filterDcRateMob(this,\''+gubun+'\',\'off\',\''+idx+'\');');
-	}else{
-		$(obj).attr('onclick','filterDcRateMob(this,\''+gubun+'\',\'on\',\''+idx+'\');');
-	}
-
-	$('#filterForm input[name=dcRate]').each(function (ind){
-		$(this).prop("checked",false);
-	});
-
-	let dcRate = $(obj).val().split(",");
-	let min = dcRate[0];
-	let max = dcRate[1];
-	var tag2 = '';
-
-	if(staus=='off') {
-		$("#discount" + idx).prop("checked", true);
-		if(max<1){
-			tag2 += '<input type="hidden" name="dcRateFrom" value="'+min.replace(",", "")+'"/>\n';
-		}else{
-			tag2 += '<input type="hidden" name="dcRateFrom" value="'+min.replace(",", "")+'"/>\n';
-			tag2 += '<input type="hidden" name="dcRateTo" value="'+max.replace(",", "")+'"/>\n';
-		}
-	}else{
-		$("#searchGoodsForm input:hidden[name=dcRateFrom]").remove();
-		$("#searchGoodsForm input:hidden[name=dcRateTo]").remove();
-	}
-	$("#filterForm").find('input[name=hDcRateFrom]').val(min);
-	$("#filterForm").find('input[name=hDcRateTo]').val(max);
-
-	$('#dcRateFilterDiv').find('.daps1').find('span').html('');
-	$('#filterForm input[name=dcRate]:checked').each(function(index){
-		$("#dcRateFilterDiv").find('.daps1').append('<span class="pic">'+$("#dcRateText"+idx).text()+'</span>');
-	});
-
-	$("#searchGoodsForm").append(tag2);
-	// filterHtml += tag2;
-	fnCategoryGoodsInfiniteScrollInit();
-
-	// gagaInfiniteScroll.pageStatus.filterHtml = filterHtml;
-	// gagaInfiniteScroll.pageStatus.filterStatHtml = filterStatHtml;
-	fnSetFilterHtml('','','Mob');
-	fnGoodsListSearch();
-	fnPushHistory();
-}
-
-// 상품상세 필터 조회
-var fnSelectFilerMob = function (obj, gubun, staus, sizeGb){
-	// fnCategoryGoodsInfiniteScrollInit();
-	gagaInfiniteScroll.pageStatus.filterHtml = filterHtml;
-	gagaInfiniteScroll.pageStatus.filterStatHtml = filterStatHtml;
-	let $obj = $(obj);
-	if(staus=='on'){
-		if(gubun=='size'){
-			$(obj).attr('onclick','fnSelectFilerMob(this,\''+gubun+'\',\'off\',\''+sizeGb+'\');');
-		}else{
-			$(obj).attr('onclick','fnSelectFilerMob(this,\''+gubun+'\',\'off\',\'\');');
-		}
-
-		$("#filterData").find('span').each(function(idx,item) {
-			if(gubun=='color'){
-				if($obj.attr('data-id').replace('#','').trim() == $(this).closest("span").attr('id')) {
-					$(this).closest("span").remove();
-				}
-			}else{
-				if($obj.attr('data-id') == $(this).closest("span").text()) {
-					$(this).closest("span").remove();
-				}
-			}
-		});
-	}else{
-		if(gubun=='size'){
-			$(obj).attr('onclick','fnSelectFilerMob(this,\''+gubun+'\',\'on\',\''+sizeGb+'\');');
-		}else{
-			$(obj).attr('onclick','fnSelectFilerMob(this,\''+gubun+'\',\'on\',\'\');');
-		}
-	}
-	fnFilterSet(gubun, sizeGb, 'Mob');
-}
-
-var fnReCheckFilterList = function (){
-	var searchId = '';
-	$('#filterForm').find('.allFilter').find('.chkFilter').each(function() {
-		if(!gagajf.isNull($(this).attr('id'))){
-			if($(this).attr('id') == 'sizeFilterDiv'){
-				searchId = 'size';
-			}else{
-				searchId = $(this).attr('id').replace('FilterDiv','');
-			}
-		}
-
-		if(!gagajf.isNull(searchId)){
-			var data = '';
-			if(searchId == 'price'){
-				$('#filterForm #priceArea').find('li').each(function(index){
-					if($(this).find('input[name=price]').prop('checked') == true){
-						$("#priceFilterDiv").find('.daps1').append('<span class="pic">'+$("#pricdSpan"+(index+1)).text()+'</span>');
-					}
-				});
-			}else if(searchId == 'dcRate'){
-				$('#filterForm #dcRateArea').find('li').each(function(index){
-					if($(this).find('input[name=dcRate]').prop('checked') == true){
-						$("#dcRateFilterDiv").find('.daps1').append('<span class="pic">'+$("#dcRateText"+(index+1)).text()+'</span>');
-					}
-				});
-			}else{
-				$('#filterForm input[name='+searchId+']:checked').each(function(idx){
-					if(searchId=='color'){
-						$('#'+searchId+'FilterDiv').find('.daps1').find('.pic').find('span').html('');
-						var mobTag = '';
-						var color = $(this).attr('data-id');
-						console.log('color::'+$(this).attr('data-id'));
-						if(color=='FFFFFF'){
-							mobTag += '<span class="pdColor-color" style="background-color:#'+color+';border:1px solid #aaa;"></span>';
-						}else{
-							mobTag += '<span class="pdColor-color" style="background-color:#'+color+'"></span>';
-						}
-						$("#"+searchId+"FilterDiv").find('.daps1').find('.pic').append(mobTag);
-					}else if(searchId=='brandGroup'){
-						$('#'+searchId+'FilterDiv').find('.daps1').find('span').html('');
-						if(idx>0){
-							data += ',';
-						}
-						data += $(this).attr('data-id');
-						$("#"+searchId+"FilterDiv").find('.daps1').append('<span class="pic">'+data+'</span>');
-					}else if(searchId=='size'){
-						$('#'+searchId+'FilterDiv').find('.daps1').find('span').html('');
-						if(idx>0){
-							data += ',';
-						}
-						data += $(this).attr('data-id');
-						$("#"+searchId+"FilterDiv").find('.daps1').append('<span class="pic">'+data+'</span>');
-					}else if(searchId=='season'){
-						$('#'+searchId+'FilterDiv').find('.daps1').find('span').html('');
-						if(idx>0){
-							data += ',';
-						}
-						data += $(this).attr('data-id');
-						$("#"+searchId+"FilterDiv").find('.daps1').append('<span class="pic">'+data+'</span>');
-					}else if(searchId=='benefit'){
-						$('#'+searchId+'FilterDiv').find('.daps1').find('span').html('');
-						if(idx>0){
-							data += ',';
-						}
-						data += $(this).attr('data-id');
-						$("#"+searchId+"FilterDiv").find('.daps1').append('<span class="pic">'+data+'</span>');
-					}else{
-						$('#'+searchId+'FilterDiv').find('.daps1').find('span').html('');
-						if(idx>0){
-							data += ',';
-						}
-						data += $(this).attr('data-id');
-						$("#"+searchId+"FilterDiv").find('.daps1').append('<span class="pic">'+data+'</span>');
-					}
-				});
-			}
-
-		}
-
-	});
-}
-
-//****************상품리스트  end **********************************

src/main/webapp/biz/mypage.js

@@ -506,3 +506,21 @@ var fnGoToWithdrawDelivery = function(param) {
 		}
 	});
 }
+
+// 날짜 포멧 처리
+function getFormatDate(date) {
+	let year = date.getFullYear();
+	let month = (1 + date.getMonth());
+	let day = date.getDate();
+	let lastDay = (new Date(year, month, 0)).getDate();
+
+	if (day > lastDay) {
+		day = lastDay;
+	}
+	
+	month = month >= 10 ? month : '0' + month;
+	
+	day = day >= 10 ? day : '0' + day;
+	
+	return year + '-' + month + '-' + day;
+}

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

@@ -1246,37 +1246,42 @@ input[type="file"] {
 
 /* datePicker */
 /* jquery ui datepicker month year picker */
+.ui-icon {display: none;}
 .ui-datepicker { font-family:arial,verdana,sans-serif }
+.ui-datepicker .ui-datepicker-header { height: 40px}
 .ui-datepicker .ui-datepicker-select-month td ,
-.ui-datepicker .ui-datepicker-select-year td {
-	line-height: 3.4em;
-}
+.ui-datepicker .ui-datepicker-select-year td {line-height: 3.4em;}
 .ui-datepicker .ui-datepicker-select-month td span,
 .ui-datepicker .ui-datepicker-select-month td a,
 .ui-datepicker .ui-datepicker-select-year td span,
-.ui-datepicker .ui-datepicker-select-year td a  {
-	font-size: 1.5em;
-	text-align: center;
-}
-.ui-datepicker .ui-datepicker-select-year td.outoffocus {
-	opacity: 0.5;
-}
-.ui-datepicker .ui-datepicker-prev { left: 15px;cursor: pointer;  }
-.ui-datepicker .ui-datepicker-next { right: 15px;cursor: pointer;  }
-.ui-datepicker .ui-datepicker-header { height: 40px  }
-.ui-widget.ui-widget-content { width: 300px;padding:5px 8px;border-radius: 0   }
-.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
-	border-color: #fff;background: #fff;font-size: 14px;padding: .6em 0.5em;color:#454545;text-align: center; 
-}
+.ui-datepicker .ui-datepicker-select-year td a {font-size: 1.5em;text-align: center;}
+.ui-datepicker .ui-datepicker-select-year td.outoffocus {opacity: 0.5;}
+.ui-datepicker .ui-datepicker-prev { left: 15px;cursor: pointer;}
+.ui-datepicker .ui-datepicker-next { right: 15px;cursor: pointer;}
+.ui-state-hover, 
+.ui-widget-content .ui-state-hover, 
+.ui-widget-header .ui-state-hover, 
+.ui-state-focus, 
+.ui-widget-content .ui-state-focus, 
+.ui-widget-header .ui-state-focus, 
+.ui-button:hover, .ui-button:focus {border: 0;top:3px;}
+.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{top:3px;}
+.ui-datepicker-prev:hover, .ui-datepicker-next:hover {border-width:0;top:3px;}
+.ui-datepicker-prev:before, .ui-datepicker-next:before {content: "";position:absolute;top:50%;left:50%;transform: translate3d(-50%,-50%,0);width: 8px;height: 16px;vertical-align: middle; background: url(/images/pc/slide_prev.png) no-repeat;background-size: 8px 16px;}
+.ui-datepicker-next:before {background: url(/images/pc/slide_next.png) no-repeat;background-size: 8px 16px;}
+
+
+.ui-widget.ui-widget-content { width: 300px;padding:5px 8px;border-radius: 0;}
+.ui-state-default, 
+.ui-widget-content .ui-state-default, 
+.ui-widget-header .ui-state-default, 
+.ui-button, 
+html .ui-button.ui-state-disabled:hover, 
+html .ui-button.ui-state-disabled:active{border-color: #fff;background: #fff;font-size: 14px;padding: .6em 0.5em;color:#454545;text-align: center;}
 .ui-datepicker-today a.ui-state-active, .ui-datepicker-current-day a.ui-state-active{  background-color:rgba(159,121,82,1);   }
-.ui-state-default:hover { background-color:rgba(159,121,82,0.6);color:#fff;   }
-.ui-widget-header {  font-size: 18px;font-weight: normal;line-height: 40px;background: transparent;border-width: 0;border-radius: 0;   }
-.ui-datepicker th {  border-bottom:1px #9f7952 solid;color:#9f7952; font-weight: normal;font-size: 14px }
-
-.ui-datepicker-prev:hover, .ui-datepicker-next:hover { border-width:0 ;background: transparent;  }
-.ui-datepicker-prev:before, .ui-datepicker-next:before { content: "";position:absolute;top:50%;left:50%;transform: translate3d(-50%,-50%,0);width: 8px;height: 16px;vertical-align: middle;background:url(../images/icon_bg.png) no-repeat -81px 0;   }
-.ui-icon {display: none;}
-.ui-datepicker-next:before {background-position: -95px 0}
+.ui-state-default:hover {background-color:rgba(159,121,82,0.6);color:#fff;   }
+.ui-widget-header {font-size: 18px;font-weight: normal;line-height: 40px;background: transparent;border-width: 0;border-radius: 0;   }
+.ui-datepicker th {border-bottom:1px #9f7952 solid;color:#9f7952; font-weight: normal;font-size: 14px }
 
 
 /* tab */

src/main/webapp/ux/style24_link.js

@@ -778,7 +778,7 @@ function cfGoodsQng(goodsCd) {
 	}
 
 	if ("P" == _frontGb){
-		cfnOpenFullLayer(_PAGE_GOODS_QNA_LAYER + goodsCd, 'layer_goods_qna');
+		cfnOpenFullLayer(_PAGE_GOODS_QNA_LAYER + goodsCd, 'layer_goods_qna', null, fnQnaLayerCollBack );
 	}else{
 		cfnOpenLayer(_PAGE_GOODS_QNA_LAYER + goodsCd, 'layer_goods_qna');
 	}
@@ -1350,9 +1350,8 @@ var cfnGoToMypageReview = function (ordNo,ordDtlNo,goodsCd) {
 function cfMypageReviewDetail(goodsCd, photoYn, reviewSq, rvAtcSq) {
 	var str = '<div class="modal fade pd_pop pd_photoreviewdetail_pop" id="layer_review_best" tabindex="-1" role="dialog" aria-labelledby="pdBestReviewLabel" aria-hidden="true"></div>';
 	if ("P" != _frontGb){
-		str = '<div class="modal pop_full fade pd_pop pd_photoreviewdetail_pop" id="layer_review_best" tabindex="-1" role="dialog" aria-labelledby="exampleFullLabel" aria-hidden="true"></div>';
+		str = '<div class="modal pop_full fade photo_comment_popup pd_pop pd_photoreviewdetail_pop" id="layer_review_best" tabindex="-1" role="dialog" aria-labelledby="exampleFullLabel" aria-hidden="true"></div>';
 	}
-
 	if ($('#layer_review_best').length == 0) {
 		$('body').append(str);
 	}