Главная Обзор Помощь
Вход
style24
/
style24.front
2
0
Ответвить 0
Файлы Задачи 0 Запросы на слияние 0 Вики
Просмотр исходного кода

검색화면 임시커밋

bin2107 5 лет назад
Родитель
f37890bcc6
Сommit
c09a797808
6 измененных файлов с 1756 добавлено и 2878 удалено
Единый вид Показать статистику Diff
  1. 0 37
      src/main/java/com/style24/front/biz/web/TsfDisplayController.java
  2. 2 1
      src/main/java/com/style24/persistence/mybatis/shop/TsfDisplay.xml
  3. 0 872
      src/main/webapp/WEB-INF/views/mob/display/CategoryGoodsListScrollTestFormMob.html
  4. 0 1051
      src/main/webapp/WEB-INF/views/web/display/CategoryGoodsListScrollTestFormWeb.html
  5. 1754 0
      src/main/webapp/WEB-INF/views/web/display/SearchGoodsListFormWeb.html
  6. 0 917
      src/main/webapp/biz/goodsTest.js

+ 0 - 37
src/main/java/com/style24/front/biz/web/TsfDisplayController.java
Просмотреть файл 

@@ -1038,41 +1038,4 @@ public class TsfDisplayController extends TsfBaseController {
 
 		return mav;
 
 		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;
 
-	}
 
 }
 
 }

+ 2 - 1
src/main/java/com/style24/persistence/mybatis/shop/TsfDisplay.xml
Просмотреть файл 

@@ -681,10 +681,11 @@
 
 		SELECT DISTINCT
 
 		SELECT DISTINCT
 
 		       FILTER_GB
 
 		       FILTER_GB
 
 		     , CASE WHEN FILTER_GB = 'SIZE' THEN
 
 		     , CASE WHEN FILTER_GB = 'SIZE' THEN
 
-		                SUBSTRING_INDEX(FILTER_CD,'|',1) AS FILTER_CD
 
+		                SUBSTRING_INDEX(FILTER_CD,'|',1)
 
 		            ELSE
 
 		            ELSE
 
 		                FILTER_CD
 
 		                FILTER_CD
 
 		       END       AS FILTER_CD
 
 		       END       AS FILTER_CD
 
+		     , DISP_ORD
 
 		     , FILTER_NM
 
 		     , FILTER_NM
 
 		FROM   TB_CATE_FILTER
 
 		FROM   TB_CATE_FILTER
 
 		WHERE  SITE_CD = #{siteCd}
 
 		WHERE  SITE_CD = #{siteCd}

+ 0 - 872
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>

+ 0 - 1051
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>

+ 1754 - 0
src/main/webapp/WEB-INF/views/web/display/SearchGoodsListFormWeb.html
Просмотреть файл 

@@ -0,0 +1,1754 @@
 
+<!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  : SearchGoodsListFormWeb.html
 
+ * @desc    : 검색상품 목록 화면 Page
 
+ *============================================================================
 
+ * STYLE24
 
+ * Copyright(C) 2020 TSIT, All rights reserved.
 
+ *============================================================================
 
+ * VER  DATE         AUTHOR      DESCRIPTION
 
+ * ===  ===========  ==========  =============================================
 
+ * 1.0  2021.05.31   bin2107     최초 작성
 
+ *******************************************************************************
 
+ -->
 
+<body>
 
+
 
+<th:block layout:fragment="content">
 
+	<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>
 
+</html>

+ 0 - 917
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 **********************************