Home Esplora Aiuto
Accedi
style24
/
style24.front
2
0
Forka 0
File Problemi 0 Pull Requests 0 Wiki
Sfoglia il codice sorgente

테스트 목적 미사용 페이지 제거

jun820624 4 anni fa
parent
935e096e04
commit
b6568ae36e
5 ha cambiato i file con 0 aggiunte e 5204 eliminazioni
Visualizzazione separata Mostra Diff Stats
  1. 0 963
      src/main/webapp/WEB-INF/views/web/display/CategoryGoodsListFormWeb2.html
  2. 0 323
      src/main/webapp/WEB-INF/views/web/display/CategoryGoodsListFormWeb3.html
  3. 0 1189
      src/main/webapp/WEB-INF/views/web/display/CategoryGoodsListFormWeb4.html
  4. 0 456
      src/main/webapp/WEB-INF/views/web/display/MallMainForm3Web.html
  5. 0 2273
      src/main/webapp/WEB-INF/views/web/display/MallMainFormWeb2.html

+ 0 - 963
src/main/webapp/WEB-INF/views/web/display/CategoryGoodsListFormWeb2.html
Vedi File 

@@ -1,963 +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="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="sexGb" type="checkbox" onclick="fnFilterOption(this,'on');"><label for="sexGb"> <span>남여 공용만 보기</span> </label>
 
-									</div>
 
-									<div>
 
-										<input id="newProd" type="checkbox" onclick="fnFilterOption(this,'on');"><label for="newProd"> <span>신상품만 보기</span> </label>
 
-									</div>
 
-								</div>
 
-							</div>
 
-							<div class="filter_content">
 
-								<!-- 브랜드 -->
 
-								<div class="sort tap02" th:if="${filterBrandList!=null and !filterBrandList.empty}" id="brandFilterDiv">
 
-									<ul>
 
-										<th:block th:each="filterBrandData, filterBrandStat : ${filterBrandList}">
 
-											<li>
 
-												<label class="brand_btn">
 
-													<input type="checkbox" group="filterValue" th:id="${'chkFilterBrand'+filterBrandStat.count}" name="brand" th:value="${filterBrandData.filterCd}" th:data-id="${filterBrandData.filterNm}" onclick="filterSel(this,'brand','off');"><span th:text="${filterBrandData.filterNm}"></span>
 
-												</label>
 
-											</li>
 
-										</th:block>
 
-									</ul>
 
-									<a href="javascript:void(0)" class="tap_close">delete-btn</a>
 
-								</div>
 
-								<!-- //브랜드 -->
 
-								<!-- 사이즈 -->
 
-								<div class="sort tap03" th:if="${filterSizeList!=null and !filterSizeList.empty}" id="sizeFilterDiv">
 
-									<ul>
 
-										<li id="sizeLi1">
 
-											<strong>상의</strong>
 
-											<th:block th:each="filterSizeData, filterSizeStat : ${filterSizeList}" th:if="${filterSizeData.filterCd == 'T'}">
 
-												<label class="size_btn">
 
-													<input type="checkbox" group="filterValue" th:id="${'chkFilterTSize'+filterSizeStat.count}" name="size" th:vale="${filterSizeData.filterNm}" th:data-id="${filterSizeData.filterNm}" onclick="filterSel(this,'size','off','1');"><span th:text="${filterSizeData.filterNm}">80</span>
 
-												</label>
 
-											</th:block>
 
-										</li>
 
-										<li id="sizeLi2">
 
-											<strong>하의</strong>
 
-											<th:block th:each="filterSizeData, filterSizeStat : ${filterSizeList}" th:if="${filterSizeData.filterCd == 'B'}">
 
-												<label class="size_btn">
 
-													<input type="checkbox" group="filterValue" th:id="${'chkFilterBSize'+filterSizeStat.count}" name="size" th:vale="${filterSizeData.filterNm}" th:data-id="${filterSizeData.filterNm}" onclick="filterSel(this,'size','off','2');"><span th:text="${filterSizeData.filterNm}">80</span>
 
-												</label>
 
-											</th:block>
 
-										</li>
 
-										<li id="sizeLi3">
 
-											<strong>신발</strong>
 
-											<th:block th:each="filterSizeData, filterSizeStat : ${filterSizeList}" th:if="${filterSizeData.filterCd == 'S'}">
 
-												<label class="size_btn">
 
-													<input type="checkbox" group="filterValue" th:id="${'chkFilterSSize'+filterSizeStat.count}" name="size" th:vale="${filterSizeData.filterNm}" th:data-id="${filterSizeData.filterNm}" onclick="filterSel(this,'size','off','3');"><span th:text="${filterSizeData.filterNm}">80</span>
 
-												</label>
 
-											</th:block>
 
-										</li>
 
-									</ul>
 
-									<a href="javascript:void(0)" class="tap_close">delete-btn</a>
 
-								</div>
 
-								<!-- //사이즈 -->
 
-								<!-- 가격 -->
 
-								<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" value="0"/>
 
-										<input type="hidden" id="price_input_to" value="0"/>
 
-									</div>
 
-									<a href="javascript:void(0)" class="tap_close">delete-btn</a>
 
-								</div>
 
-								<!-- //가격 -->
 
-								<!-- 할인율 -->
 
-								<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" value="0"/>
 
-										<input type="hidden" id="dcrate_input_to" value="0"/>
 
-									</div>
 
-									<a href="javascript:void(0)" class="tap_close">delete-btn</a>
 
-								</div>
 
-								<!-- //할인율 -->
 
-								<!-- 연령 -->
 
-								<div class="sort tap06" th:if="${filterAgeList!=null and !filterAgeList.empty}" id="ageFilterDiv">
 
-									<ul>
 
-										<th:block th:each="filterAgeData, filterAgeStat : ${filterAgeList}">
 
-											<li>
 
-												<label class="Age_btn">
 
-													<input type="checkbox" group="filterValue" th:id="${'chkFilterAge'+filterAgeStat.count}" name="age" th:value="${filterAgeData.filterCd}" th:data-id="${filterAgeData.filterNm}" onclick="filterSel(this,'age','off');"><span th:text="${filterAgeData.filterNm}">베이비(0~18개월)</span>
 
-												</label>
 
-											</li>
 
-										</th:block>
 
-									</ul>
 
-									<a href="javascript:void(0)" class="tap_close">delete-btn</a>
 
-								</div>
 
-								<!-- //연령 -->
 
-								<!-- 시즌 -->
 
-								<div class="sort tap07" th:if="${filterSeasonList!=null and !filterSeasonList.empty}" id="seasonFilterDiv">
 
-									<ul>
 
-										<th:block th:each="filterSeasonData, filterSeasonStat : ${filterSeasonList}">
 
-											<li>
 
-												<label class="Season_btn">
 
-													<input type="checkbox" group="filterValue"  th:id="${'chkFilterSeason'+filterSeasonStat.count}" name="season" th:value="${filterSeasonData.filterCd}" th:data-id="${filterSeasonData.filterNm}" onclick="filterSel(this,'season','off');"><span th:text="${filterSeasonData.filterNm}">봄</span>
 
-												</label>
 
-											</li>
 
-										</th:block>
 
-									</ul>
 
-									<a href="javascript:void(0)" class="tap_close">delete-btn</a>
 
-								</div>
 
-								<!-- //시즌 -->
 
-								<!-- 컬러 -->
 
-								<div class="sort tap08" th:if="${filterColorList!=null and !filterColorList.empty}" id="colorFilterDiv">
 
-									<ul>
 
-										<th:block th:each="filterColorData, filterColorStat : ${filterColorList}">
 
-											<li>
 
-												<label class="color-check">
 
-													<input type="checkbox" group="filterValue" th:id="${'chkFilterColor'+filterColorStat.count}" name="color" th:value="${filterColorData.filterNm}" th:data-id="${filterColorData.filterNm.replace('#','')}" onclick="filterSel(this,'color','off');">
 
-													<span class="pdColor-color" th:if="${filterColorData.filterNm=='#FFFFFF'}" th:style="${'background-color:'+filterColorData.filterNm+';'+' border:1px solid #aaa;'}" th:value="${filterColorData.filterNm}"></span>
 
-													<span class="pdColor-color" th:if="${filterColorData.filterNm!='#FFFFFF'}" th:style="${'background-color:'+filterColorData.filterNm}" th:value="${filterColorData.filterNm}"></span>
 
-												</label>
 
-											</li>
 
-										</th:block>
 
-									</ul>
 
-									<a href="javascript:void(0)" class="tap_close">delete-btn</a>
 
-								</div>
 
-								<!-- //컬러 -->
 
-								<!-- 혜택 -->
 
-								<div class="sort tap09" th:if="${filterBenefitList!=null and !filterBenefitList.empty}" id="benefitFilterDiv">
 
-									<ul>
 
-										<th:block th:each="filterBenefitData, filterBenefitStat : ${filterBenefitList}">
 
-											<li>
 
-												<label class="Benefits_btn">
 
-													<input type="checkbox" group="filterValue" th:id="${'chkFilterBenefits'+filterBenefitStat.count}" name="benefit" th:value="${filterBenefitData.filterCd}" th:data-id="${filterBenefitData.filterNm}" onclick="filterSel(this,'benefit','off');"><span th:text="${filterBenefitData.filterNm}"></span>
 
-												</label>
 
-											</li>
 
-										</th:block>
 
-									</ul>
 
-									<a href="javascript:void(0)" class="tap_close">delete-btn</a>
 
-								</div>
 
-								<!-- //혜택 -->
 
-								<!-- 필터 -->
 
-								<div class="fillter">
 
-									<div class="fillter_box" id="filterData">
 
-									</div>
 
-									<button type="button" class="fillter_reset" onclick="fnFilterReset();"><span>전체 초기화</span></button>
 
-								</div>
 
-								<!-- //필터 -->
 
-							</div>
 
-							<div class="list_content"> <!-- 데이터 없을시 클래스 nodata 추가 -->
 
-								<div class="list_defult">
 
-									<div>
 
-										<p>선택하신 조건에 맞는 상품이 없습니다.<br>필터를 변경해 보세요.</p>
 
-									</div>
 
-									<div class="ui_row">
 
-										<button type="button" class="btn btn_default btn_md"><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);" class="on" onclick="fnSortList(this,'new');">최신상품순</a>
 
-											</li>
 
-											<li>
 
-												<a href="javascript:void(0);" onclick="fnSortList(this,'best');">인기상품순</a>
 
-											</li>
 
-											<li>
 
-												<a href="javascript:void(0);" onclick="fnSortList(this,'review');">리뷰 많은순</a>
 
-											</li>
 
-										</ul>
 
-									</div>
 
-								</div>
 
-
 
-								<div id="infiniteContainer">
 
-									<div id="listBoxOuter" class="itemsGrp">
 
-										<ul class="productlist quarter" >
 
-										</ul>
 
-									</div>
 
-								</div>
 
-
 
-								<div class="itemsGrp" id="listBox">
 
-
 
-								</div>
 
-
 
-							</div>
 
-							<div class="list_content">
 
-								<div class="list_defult" id="endPage">
 
-									<div>
 
-										<p>마지막 페이지 입니다.</p>
 
-									</div>
 
-								</div>
 
-							</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}"/>
 
-		<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="sortGb" value="new"/>
 
-	</form>
 
-
 
-	<script src="/ux/plugins/gaga/gaga.infinite.scrollSession.js"></script>
 
-	<script src="/ux/plugins/jquery/jquery.history.min.js"></script>
 
-	<script th:src="@{'/biz/goods.js?v=' + ${#calendars.format(#calendars.createNow(), 'yyyyMMddHHmmss')}}" src="/biz/goods.js"></script>
 
-	<script th:inline="javascript">
 
-		/*<![CDATA[*/
 
-		var filterPriceList = [[${filterPriceList}]];
 
-		var custom_values = [];
 
-		var custom_values02  = [];
 
-		var currUrl = document.location.href;
 
-
 
-		// 컨텐츠 호출
 
-		$(document).ready( function() {
 
-			//가격 슬라이드
 
-			//var custom_values = ['9,000원', '230,000원', '487,000원', '700,000원', '1,360,000원', '1,799,000원'];
 
-			if(!gagajf.isNull(filterPriceList)){
 
-
 
-				$.each(filterPriceList, function (priceIdx, priceItem){
 
-					custom_values[priceIdx] = priceItem.filterNm;
 
-				});
 
-
 
-				var my_from = custom_values.indexOf(custom_values[0]); //custom_values.indexOf('9,000원');
 
-				var my_to = custom_values.indexOf(custom_values[5]); //custom_values.indexOf('230,000원');
 
-				var minValue = custom_values[0];
 
-				var maxValue = custom_values[5];
 
-
 
-				$(".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){
 
-						fnCheckPrice(data);
 
-					}
 
-				});
 
-			}
 
-
 
-			//할인율
 
-			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%');
 
-
 
-			$(".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,
 
-				// onStart : function(data){
 
-				// 	fnCheckDcRate(data);
 
-				// },
 
-				// onChange : fnCheckDcRate,
 
-				onFinish : function (data){
 
-					fnCheckDcRate(data);
 
-				}
 
-			});
 
-
 
-			fnCreateCategoryList();
 
-		});
 
-
 
-		var fnFilterOption = function (obj, stat){
 
-			var thisId = $(obj).attr('id');
 
-			var tag = '';
 
-
 
-			if(thisId == 'sexGb'){
 
-				if(stat=='on'){
 
-					$(obj).attr('onclick','fnFilterOption(this,\'off\');');
 
-					tag += '<input type="hidden" name="sexGb" value="G007_Z"/>\n';
 
-					$("#searchGoodsForm").append(tag);
 
-				}else{
 
-					$(obj).attr('onclick','fnFilterOption(this,\'on\');');
 
-					$("#searchGoodsForm input:hidden[name=sexGb]").remove();
 
-				}
 
-			}else{
 
-				if(stat=='on'){
 
-					$(obj).attr('onclick','fnFilterOption(this,\'off\');');
 
-					tag += '<input type="hidden" name="newProd" value="40"/>\n';
 
-					$("#searchGoodsForm").append(tag);
 
-				}else{
 
-					$(obj).attr('onclick','fnFilterOption(this,\'on\');');
 
-					$("#searchGoodsForm input:hidden[name=newProd]").remove();
 
-				}
 
-			}
 
-			fnCategoryGoodsInfiniteScrollInit();
 
-			fnGoodsListSearch();
 
-		}
 
-
 
-		// 필터 가격 확인
 
-		var fnCheckPrice = function (data){
 
-			$("#priceSpan").remove();
 
-			$("#searchGoodsForm input:hidden[name=priceRow]").remove();
 
-			$("#searchGoodsForm input:hidden[name=priceHigh]").remove();
 
-			let min = data.from;
 
-			let max = data.to;
 
-			// console.log('Price from>>'+custom_values[min]);
 
-			// console.log('Price to>>'+custom_values[max]);
 
-			$("#price_input_from").val(custom_values[0]);
 
-			$("#price_input_to").val(custom_values[5]);
 
-
 
-			fnFilterSlider('price' , custom_values[min].addComma(), custom_values[max].addComma());
 
-		}
 
-
 
-		// 필터 할인율 확인
 
-		var fnCheckDcRate = function (data){
 
-			$("#dcrateSpan").remove();
 
-			$("#searchGoodsForm input:hidden[name=dcrateRow]").remove();
 
-			$("#searchGoodsForm input:hidden[name=dcrateHigh]").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=brandSearch]").remove();
 
-			// $("#searchGoodsForm input:hidden[name=sizeSearch]").remove();
 
-			// $("#searchGoodsForm input:hidden[name=priceRow]").remove();
 
-			// $("#searchGoodsForm input:hidden[name=priceHigh]").remove();
 
-			// $("#searchGoodsForm input:hidden[name=dcrateRow]").remove();
 
-			// $("#searchGoodsForm input:hidden[name=dcrateHigh]").remove();
 
-			// $("#searchGoodsForm input:hidden[name=seasonSearch]").remove();
 
-			// $("#searchGoodsForm input:hidden[name=colorSearch]").remove();
 
-			// $("#searchGoodsForm input:hidden[name=benefitSearch]").remove();
 
-		}
 
-
 
-		var fnGoodsListSearch = function (){
 
-			gagaInfiniteScroll.getHistory();
 
-		}
 
-
 
-		// 상품 검색
 
-		var fnGetInfiniteScrollDataList = function (pageNum){
 
-			$("#searchGoodsForm input[name=pageNo]").val(pageNum+1);
 
-			gagajf.ajaxFormSubmit("/display/category/goods/list", document.searchGoodsForm,  gagaInfiniteScroll.jsonToHtml);
 
-		}
 
-
 
-		var fnDrawInfiniteScrollData = function (result){
 
-			let totalCnt = result.totalCnt;
 
-			$("#totCntId").text(totalCnt.addComma());
 
-			gagaInfiniteScroll.pageStatus.totalCount = result.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.pageable.pageNo;
 
-				let endRow = result.endRow - result.paging.pageable.pageSize;
 
-				var htm = fnCreateGoodsList(result, ithrCd, contentLoc, goodsUrl, lastPage, endRow);
 
-				gagaInfiniteScroll.draw(htm);
 
-				fnImgOnoff();
 
-			}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');
 
-			}
 
-		}
 
-
 
-		var fnCreateCategoryList = function (){
 
-			let actionUrl = '';
 
-			let brandGroupNo = [[${cateInfo.brandGroupNo}]];
 
-			if(gagajf.isNull(brandGroupNo) || brandGroupNo == 0){
 
-				actionUrl = '/display/gnb/tab/list';
 
-			}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}]];
 
-						let cateGb = 'G032_101';
 
-						let navNm = '';
 
-						$('#ulAllCate').html('');
 
-						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 = [[${allCateList}]];
 
-						if(gagajf.isNull(brandGroupNo) || brandGroupNo == 0){
 
-							$.each(result, function(idx, item) {
 
-								if (item.contentsType == 'C') { // 컨텐츠유형:카테고리
 
-									$.each(allCate, function(allCateIdx, allCateItem) {
 
-										if (item.cate1No == allCateItem.cate1No) {
 
-											$('#ulAllCate').append(fnGetCategoryList(allCateItem));
 
-										}
 
-									});
 
-								}
 
-							});
 
-						}else{
 
-							$.each(result, function(idx, item) {
 
-								$.each(allCate, function(brandCateIdx, brandCateItem) {
 
-									if (item.cate1No == brandCateItem.cate1No) {
 
-										$('#ulAllCate').append(fnGetBrandCategoryList(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 = '';
 
-			
-			console.log('cate1No>>>'+cate1No);
 
-		
-			if(cate1 != null){
 
-				tag += '<li';
 
-				if (cate1.cate1No == cate1No) {
 
-					tag += ' class="on"';
 
-				}
 
-				tag += '>\n';
 
-				tag += '	<a href="javascript: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) {
 
-					tag += '<div class="sub_cate" style="display: block;">\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: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: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: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 += '</ul>\n';
 
-									tag += '</div>\n';
 
-								}
 
-								tag += '</li>';
 
-							});
 
-							tag += '</ul>\n';
 
-							tag += '</div>\n';
 
-						}
 
-						
-						tag += '</li>';
 
-					});
 
-					tag += '</ul>';
 
-					tag += '</div>';
 
-				}
 
-			}
 
-			
-			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 (cate1 != null) {
 
-				tag += '<li';
 
-				if (cate1.cate1No == cate1No) {
 
-					tag += ' class="on"';
 
-				}
 
-				tag += '>\n';
 
-				tag += '	<a href="javascript: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: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: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 (cate2.cate2No == cate2No) {
 
-										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: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>\n';
 
-							});
 
-							tag += '	</ul>\n';
 
-							tag += '</div>\n';
 
-						}
 
-						tag += '</li>';
 
-					});
 
-					tag += '	</ul>\n';
 
-					tag += '</div>\n';
 
-				}
 
-				tag += '</li>\n';
 
-			}
 
-			return tag;
 
-		}
 
-
 
-		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() {
 
-				// [on] size opt
 
-				//$(this).siblings(".itemOpt").stop().animate({"bottom": 0}, 400,"swing");
 
-				// [on] mov none
 
-				//$(this).css("opacity","0");
 
-				// return false;
 
-				$(this).children('.pd_mov').siblings(".itemOpt").addClass('on');
 
-				$(this).children('.pd_mov').css("opacity","0");
 
-			});
 
-			$(nowFocus).on('mouseleave', function() {
 
-				// [off] size opt
 
-				//$(this).siblings(".itemOpt").stop().animate({"bottom": -120}, 400,"swing");
 
-				// [off] mov block
 
-				//$(this).css("opacity","1");
 
-				// return false;
 
-				$(this).children('.pd_mov').siblings(".itemOpt").removeClass('on');
 
-				$(this).children('.pd_mov').css("opacity","1");
 
-			});
 
-			$(nowFocus).on('mouseover', function() {
 
-				//img1 = $(this).attr('src');
 
-				//img2 = $(this).attr('data-img');
 
-				// [on] size opt
 
-				//$(this).siblings(".itemOpt").stop().animate({"bottom": 0}, 400,"swing");
 
-				// [on] re-Name
 
-				// ogrSrc = $(this).attr('src').substring(0, srcName.lastIndexOf('.'));
 
-				// overSrc = $(this).attr('src').substring(0, srcName.lastIndexOf('.'));
 
-				// $(this).attr('src', overSrc+ '_onhover.' + /[^.]+$/.exec(srcName));
 
-				//$(this).attr('src',img2);
 
-				// return false;
 
-				$(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() {
 
-				// [off] size opt
 
-				//$(this).siblings(".itemOpt").stop().animate({"bottom": -120}, 400,"swing");
 
-				// [off] re-Name
 
-				// $(this).attr('src', overSrc + '.' + /[^.]+$/.exec(srcName));
 
-				//$(this).attr('src', img1);
 
-				// return false;
 
-				$(this).children('.pd_img').siblings(".itemOpt").removeClass('on');
 
-				$(this).children('.pd_img').attr('src', srcImg);
 
-			});
 
-		}
 
-
 
-		// 사파리 - event.persisted || 크롬 - window.performance.navigation.type 이 1이면 새로고침, 2면 페이지 이동을 통한 캐쉬페이징
 
-		$(window).on("pageshow", function(event) {
 
-			$('#filterForm input[name=brand]:checked').each(function(){
 
-				$(this).parent().addClass("active");
 
-			});
 
-			$('#filterForm input[name=size]:checked').each(function(){
 
-				$(this).parent().addClass("active");
 
-			});
 
-			$('#filterForm input[name=price]:checked').each(function(){
 
-				$(this).parent().addClass("active");
 
-			});
 
-			if ( (event.originalEvent && event.originalEvent.persisted) || (window.performance && window.performance.navigation.type == 2)) {
 
-				var historyData = sessionStorage.getItem(document.location.href);
 
-				if(historyData!=null){
 
-					historyData = JSON.parse(historyData);
 
-				}else{
 
-					historyData = {};
 
-				}
 
-				if(typeof historyData.sortGbNm!='undefined' && historyData.sortGbNm!=''){
 
-					$(".arrayWrap .btn").text(historyData.sortGbNm);
 
-				}
 
-				if(typeof historyData.filterHtml!='undefined' && historyData.filterHtml!=''){
 
-					$("#searchForm").append(historyData.filterHtml);
 
-					filterHtml = historyData.filterHtml;
 
-				}
 
-				if(typeof historyData.filterStatHtml!='undefined' && historyData.filterStatHtml!=''){
 
-					$(".filterstate").append(historyData.filterStatHtml);
 
-					filterStatHtml = historyData.filterStatHtml;
 
-				}
 
-				if(typeof historyData.totalCount!='undefined' && historyData.totalCount!=''){
 
-					$("#totalGoodsCnt").text(historyData.totalCount);
 
-				}
 
-				if(typeof historyData.sortGb!='undefined' && historyData.sortGb!=''){
 
-					$("#sortSelect").val(historyData.sortGb);
 
-					$("#searchForm input:hidden[name=sortGb]").val(historyData.sortGb);
 
-					fnSortChange(historyData.sortGb);
 
-				}else{
 
-					fnGoodsListSearch();
 
-				}
 
-			}else{
 
-				fnCategoryGoodsInfiniteScrollInit();
 
-				/*var sortGb = [[${sortGb}]];
 
-				if(sortGb=='new' || sortGb=='best'){
 
-					$("#sortSelect").val(sortGb);
 
-					$("#sortSelect").parent('div').children('span').text($("#sortSelect option:selected").text())
 
-					fnSortChange(sortGb);
 
-				}else{
 
-					fnGoodsListSearch();
 
-				}*/
 
-				fnGoodsListSearch();
 
-			}
 
-		});
 
-
 
-		var fnSortList = function (obj, sortGb){
 
-			$("#sortArea").find('li').each(function (){
 
-				$(this).find('a').attr('class','off');
 
-			});
 
-
 
-			$(obj).addClass("on");
 
-			$("#searchGoodsForm").find("[name=sortGb]").val(sortGb);
 
-			fnCategoryGoodsInfiniteScrollInit();
 
-			fnGoodsListSearch();
 
-		}
 
-
 
-		/*]]>*/
 
-	</script>
 
-
 
-	<script>
 
-		//(진행 중)
 
-		$(document).ready( function() {
 
-			
-		});
 
-		
-		/* 210427_수정 : err 이미지 스크립트 */
 
-		function noneImg(noneSrc){
 
-			$(noneSrc).parents('.itemPic').css({'background':'url(' + _uximgUrl + '/images/pc/thumb/bg_item_none.png)'});
 
-			$(noneSrc).css({'opacity':'0'});
 
-			//$(noneSrc).attr("src", no_src);
 
-		}
 
-	</script>
 
-
 
-</th:block>
 
-
 
-</body>
 
-</html>

+ 0 - 323
src/main/webapp/WEB-INF/views/web/display/CategoryGoodsListFormWeb3.html
Vedi File 

@@ -1,323 +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="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="sexGb" type="checkbox" onclick="fnFilterOption(this,'on');"><label for="sexGb"> <span>남여 공용만 보기</span> </label>
 
-									</div>
 
-									<div>
 
-										<input id="newProd" type="checkbox" onclick="fnFilterOption(this,'on');"><label for="newProd"> <span>신상품만 보기</span> </label>
 
-									</div>
 
-								</div>
 
-							</div>
 
-							<div class="filter_content">
 
-								<!-- 브랜드 -->
 
-								<div class="sort tap02" th:if="${filterBrandList != null and !filterBrandList.empty}" id="brandFilterDiv">
 
-									<ul>
 
-										<th:block th:each="oneData, status : ${filterBrandList}">
 
-											<li>
 
-												<label class="brand_btn">
 
-													<input type="checkbox" group="filterValue" th:id="${'chkFilterBrand' + status.index}" name="brand" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm}" onclick="filterSel(this,'brand','off');"><span th:text="${oneData.filterNm}"></span>
 
-												</label>
 
-											</li>
 
-										</th:block>
 
-									</ul>
 
-									<a href="javascript:void(0)" class="tap_close">delete-btn</a>
 
-								</div>
 
-								<!-- //브랜드 -->
 
-								<!-- 사이즈 -->
 
-								<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}" 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}" 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}" 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>
 
-								<!-- //사이즈 -->
 
-								<!-- 가격 -->
 
-								<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" value="0"/>
 
-										<input type="hidden" id="price_input_to" value="0"/>
 
-									</div>
 
-									<a href="javascript:void(0)" class="tap_close">delete-btn</a>
 
-								</div>
 
-								<!-- //가격 -->
 
-								<!-- 할인율 -->
 
-								<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" value="0"/>
 
-										<input type="hidden" id="dcrate_input_to" value="0"/>
 
-									</div>
 
-									<a href="javascript:void(0)" class="tap_close">delete-btn</a>
 
-								</div>
 
-								<!-- //할인율 -->
 
-								<!-- 연령 -->
 
-								<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>
 
-								<!-- //연령 -->
 
-								<!-- 시즌 -->
 
-								<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>
 
-								<!-- //시즌 -->
 
-								<!-- 컬러 -->
 
-								<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.filterNm}" 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.filterNm}"></span>
 
-													<span class="pdColor-color" th:if="${oneData.filterNm!='#FFFFFF'}" th:style="${'background-color:'+oneData.filterNm}" th:value="${oneData.filterNm}"></span>
 
-												</label>
 
-											</li>
 
-										</th:block>
 
-									</ul>
 
-									<a href="javascript:void(0)" class="tap_close">delete-btn</a>
 
-								</div>
 
-								<!-- //컬러 -->
 
-								<!-- 혜택 -->
 
-								<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>
 
-								<!-- //혜택 -->
 
-								<!-- 필터 -->
 
-								<div class="fillter">
 
-									<div class="fillter_box" id="filterData">
 
-									</div>
 
-									<button type="button" class="fillter_reset" onclick="fnFilterReset();"><span>전체 초기화</span></button>
 
-								</div>
 
-								<!-- //필터 -->
 
-							</div>
 
-							<div class="list_content"> <!-- 데이터 없을시 클래스 nodata 추가 -->
 
-								<div class="list_defult">
 
-									<div>
 
-										<p>선택하신 조건에 맞는 상품이 없습니다.<br>필터를 변경해 보세요.</p>
 
-									</div>
 
-									<div class="ui_row">
 
-										<button type="button" class="btn btn_default btn_md"><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);" class="on" onclick="fnSortList(this,'new');">최신상품순</a>
 
-											</li>
 
-											<li>
 
-												<a href="javascript:void(0);" onclick="fnSortList(this,'best');">인기상품순</a>
 
-											</li>
 
-											<li>
 
-												<a href="javascript:void(0);" onclick="fnSortList(this,'review');">리뷰 많은순</a>
 
-											</li>
 
-										</ul>
 
-									</div>
 
-								</div>
 
-
 
-								<div id="infiniteContainer">
 
-									<div id="listBoxOuter" class="itemsGrp">
 
-										<ul class="productlist quarter" >
 
-										</ul>
 
-									</div>
 
-								</div>
 
-
 
-								<div class="itemsGrp" id="listBox">
 
-
 
-								</div>
 
-
 
-							</div>
 
-							<div class="list_content">
 
-								<div class="list_defult" id="endPage">
 
-									<div>
 
-										<p>마지막 페이지 입니다.</p>
 
-									</div>
 
-								</div>
 
-							</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}"/> -->
 
-<!-- 		<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="sortGb" value="new"/> -->
 
-<!-- 	</form> -->
 
-
 
-	<script src="/ux/plugins/gaga/gaga.infinite.scrollSession.js"></script>
 
-	<script src="/ux/plugins/jquery/jquery.history.min.js"></script>
 
-	<script th:src="@{'/biz/goods.js?v=' + ${#calendars.format(#calendars.createNow(), 'yyyyMMddHHmmss')}}" src="/biz/goods.js"></script>
 
-	<script th:inline="javascript">
 
-		/*<![CDATA[*/
 
-		/*]]>*/
 
-	</script>
 
-
 
-	<script>
 
-		//(진행 중)
 
-		$(document).ready( function() {
 
-			
-		});
 
-		
-		/* 210427_수정 : err 이미지 스크립트 */
 
-		function noneImg(noneSrc){
 
-			$(noneSrc).parents('.itemPic').css({'background':'url(' + _uximgUrl + '/images/pc/thumb/bg_item_none.png)'});
 
-			$(noneSrc).css({'opacity':'0'});
 
-			//$(noneSrc).attr("src", no_src);
 
-		}
 
-	</script>
 
-
 
-</th:block>
 
-
 
-</body>
 
-</html>

+ 0 - 1189
src/main/webapp/WEB-INF/views/web/display/CategoryGoodsListFormWeb4.html
Vedi File 

@@ -1,1189 +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">
 
-								<!-- 브랜드 -->
 
-								<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>
 
-								<!-- //브랜드 -->
 
-								<!-- 사이즈 -->
 
-								<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>
 
-								<!-- //사이즈 -->
 
-								<!-- 가격 -->
 
-								<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>
 
-								<!-- //가격 -->
 
-								<!-- 할인율 -->
 
-								<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>
 
-								<!-- //할인율 -->
 
-								<!-- 연령 -->
 
-								<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>
 
-								<!-- //연령 -->
 
-								<!-- 시즌 -->
 
-								<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>
 
-								<!-- //시즌 -->
 
-								<!-- 컬러 -->
 
-								<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>
 
-								<!-- //컬러 -->
 
-								<!-- 혜택 -->
 
-								<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>
 
-								<!-- //혜택 -->
 
-								<!-- 필터 -->
 
-								<div class="fillter">
 
-									<div class="fillter_box" id="filterData">
 
-									</div>
 
-									<button type="button" class="fillter_reset" onclick="fnFilterReset();"><span>전체 초기화</span></button>
 
-								</div>
 
-								<!-- //필터 -->
 
-							</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" class="itemsGrp">
 
-										<ul class="productlist quarter" id="listBox">
 
-										</ul>
 
-									</div>
 
-								</div>
 
-
 
-<!--								<div class="itemsGrp" id="listBox">-->
 
-
 
-<!--								</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.scrollSession.js"></script>
 
-	<script src="/ux/plugins/jquery/jquery.history.min.js"></script>
 
-	<script th:src="@{'/biz/goods.js?v=' + ${#calendars.format(#calendars.createNow(), 'yyyyMMddHHmmss')}}" src="/biz/goods.js"></script>
 
-	<script th:inline="javascript">
 
-		/*<![CDATA[*/
 
-		var filterPriceList = [[${filterPriceList}]];
 
-		var custom_values = [];
 
-		var custom_values02  = [];
 
-		var currUrl = document.location.href;
 
-		let brandGroupInfo =  [[${brandGroupInfo}]];
 
-		var brandGroupNm = '';
 
-		if(!gagajf.isNull(brandGroupInfo)){
 
-			brandGroupNm = brandGroupInfo.brandGroupNm;
 
-		}
 
-
 
-		// 컨텐츠 호출
 
-		$(document).ready( function() {
 
-			if(!gagajf.isNull(brandGroupInfo)){
 
-				if(!gagajf.isNull(brandGroupInfo.brandGroupNo)){
 
-					$(".br_header").css('background-color','#fff');
 
-				}
 
-			}
 
-			//가격 슬라이드
 
-			//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);
 
-					}
 
-				});
 
-			}
 
-
 
-			/*
 
-			//할인율
 
-			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%');
 
-
 
-			$(".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,
 
-				// onStart : function(data){
 
-				// 	fnCheckDcRate(data);
 
-				// },
 
-				// onChange : fnCheckDcRate,
 
-				onFinish : function (data){
 
-					fnCheckDcRate(data);
 
-				}
 
-			});*/
 
-
 
-			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();
 
-		}
 
-
 
-		// 필터 가격 확인
 
-		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();
 
-			$("#searchGoodsForm input:hidden[name=newGoods]").val('');
 
-			$("#unisex").prop('checked',false);
 
-			$("#unisex").attr('onclick','fnFilterOption(this,\'on\');');
 
-			$("#searchGoodsForm input:hidden[name=unisex]").remove();
 
-			$("#newGoods").prop('checked',false);
 
-			$("#newGoods").attr('onclick','fnFilterOption(this,\'on\');');
 
-			// $("#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();
 
-		}
 
-
 
-		var fnGoodsListSearch = function (){
 
-			gagaInfiniteScroll.getHistory();
 
-		}
 
-
 
-		// 상품 검색
 
-		var fnGetInfiniteScrollDataList = function (pageNum){
 
-			$("#searchGoodsForm input[name=pageNo]").val(pageNum+1);
 
-			gagajf.ajaxFormSubmit("/display/category/goods/list", document.searchGoodsForm,  gagaInfiniteScroll.jsonToHtml, true);
 
-		}
 
-
 
-		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');
 
-			}
 
-		}
 
-
 
-		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);" id="cateAll" onclick="cfnGoToGoodsList(\''+brandGroupNo+'\',\''+cateGb+'\');" >전체</a></li>\n');
 
-								navNm += '<li class="bread_2depth" id="navNm1">전체</li>';
 
-								if(gagajf.isNull(cate1No)){
 
-									$("#cateAll").addClass("on");
 
-								}
 
-							}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;
 
-		}
 
-
 
-		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() {
 
-				// [on] size opt
 
-				//$(this).siblings(".itemOpt").stop().animate({"bottom": 0}, 400,"swing");
 
-				// [on] mov none
 
-				//$(this).css("opacity","0");
 
-				// return false;
 
-				$(this).children('.pd_mov').siblings(".itemOpt").addClass('on');
 
-				$(this).children('.pd_mov').css("opacity","0");
 
-			});
 
-			$(nowFocus).on('mouseleave', function() {
 
-				// [off] size opt
 
-				//$(this).siblings(".itemOpt").stop().animate({"bottom": -120}, 400,"swing");
 
-				// [off] mov block
 
-				//$(this).css("opacity","1");
 
-				// return false;
 
-				$(this).children('.pd_mov').siblings(".itemOpt").removeClass('on');
 
-				$(this).children('.pd_mov').css("opacity","1");
 
-			});
 
-			$(nowFocus).on('mouseover', function() {
 
-				//img1 = $(this).attr('src');
 
-				//img2 = $(this).attr('data-img');
 
-				// [on] size opt
 
-				//$(this).siblings(".itemOpt").stop().animate({"bottom": 0}, 400,"swing");
 
-				// [on] re-Name
 
-				// ogrSrc = $(this).attr('src').substring(0, srcName.lastIndexOf('.'));
 
-				// overSrc = $(this).attr('src').substring(0, srcName.lastIndexOf('.'));
 
-				// $(this).attr('src', overSrc+ '_onhover.' + /[^.]+$/.exec(srcName));
 
-				//$(this).attr('src',img2);
 
-				// return false;
 
-				$(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() {
 
-				// [off] size opt
 
-				//$(this).siblings(".itemOpt").stop().animate({"bottom": -120}, 400,"swing");
 
-				// [off] re-Name
 
-				// $(this).attr('src', overSrc + '.' + /[^.]+$/.exec(srcName));
 
-				//$(this).attr('src', img1);
 
-				// return false;
 
-				$(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");
 
-			});
 
-		}
 
-
 
-		// 사파리 - event.persisted || 크롬 - window.performance.navigation.type 이 1이면 새로고침, 2면 페이지 이동을 통한 캐쉬페이징
 
-		$(window).on("pageshow", function(event) {
 
-			$('#filterForm input[name=brandGroup]:checked').each(function(){
 
-				let filterGb = 'brandGroup';
 
-				$(this).attr('onclick','filterSel(this,\''+filterGb+'\',\'on\');');
 
-				$(this).parent().addClass("active");
 
-			});
 
-			$('#filterForm input[name=size]:checked').each(function(){
 
-				let filterGb = 'size';
 
-				let rowNum = $(this).attr('data-idx');
 
-				$(this).attr('onclick','filterSel(this,\''+filterGb+'\',\'on\',\''+rowNum+'\');');
 
-				$(this).parent().addClass("active");
 
-			});
 
-			$('#filterForm input[name=season]:checked').each(function(){
 
-				let filterGb = 'season';
 
-				$(this).attr('onclick','filterSel(this,\''+filterGb+'\',\'on\');');
 
-				$(this).parent().addClass("active");
 
-			});
 
-			$('#filterForm input[name=color]:checked').each(function(){
 
-				let filterGb = 'color';
 
-				$(this).attr('onclick','filterSel(this,\''+filterGb+'\',\'on\');');
 
-				$(this).parent().addClass("active");
 
-			});
 
-			$('#filterForm input[name=benefit]:checked').each(function(){
 
-				let filterGb = 'benefit';
 
-				$(this).attr('onclick','filterSel(this,\''+filterGb+'\',\'on\');');
 
-				$(this).parent().addClass("active");
 
-			});
 
-
 
-			//할인율
 
-			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)) {
 
-				if( history.scrollRestoration ) window.history.scrollRestoration = 'manual';
 
-				var historyData = sessionStorage.getItem(document.location.href);
 
-				if(historyData!=null){
 
-					// console.log('historyData>>'+historyData);
 
-					historyData = JSON.parse(historyData);
 
-				}else{
 
-					historyData = {};
 
-				}
 
-				if(typeof historyData.sortingTypeNm!='undefined' && historyData.sortingTypeNm!=''){
 
-					$(".arrayWrap .btn").text(historyData.sortingTypeNm);
 
-				}
 
-				if(typeof historyData.filterHtml!='undefined' && historyData.filterHtml!=''){
 
-					// console.log('filterHtml>>'+historyData.filterHtml);
 
-					$("#searchGoodsForm").append(historyData.filterHtml);
 
-					filterHtml = historyData.filterHtml;
 
-				}
 
-				if(typeof historyData.filterStatHtml!='undefined' && historyData.filterStatHtml!=''){
 
-					// console.log('filterStatHtml>>'+historyData.filterStatHtml);
 
-					$("#filterData").append(historyData.filterStatHtml);
 
-					filterStatHtml = historyData.filterStatHtml;
 
-				}
 
-				if(typeof historyData.totalCount!='undefined' && historyData.totalCount!=''){
 
-					$("#totCntId").text(historyData.totalCount);
 
-				}
 
-				if(!gagajf.isNull($("#searchGoodsForm").find('input[name=priceFrom]').val())){
 
-					$("#filterForm").find('input[name=hPriceFrom]').val($("#searchGoodsForm").find('input[name=priceFrom]').val());
 
-				}
 
-				if(!gagajf.isNull($("#searchGoodsForm").find('input[name=priceTo]').val())){
 
-					$("#filterForm").find('input[name=hPriceTo]').val($("#searchGoodsForm").find('input[name=priceTo]').val());
 
-				}
 
-				if(!gagajf.isNull($("#searchGoodsForm").find('input[name=dcRateFrom]').val())){
 
-					$("#filterForm").find('input[name=hDcRateFrom]').val($("#searchGoodsForm").find('input[name=dcRateFrom]').val());
 
-				}
 
-				if(!gagajf.isNull($("#searchGoodsForm").find('input[name=dcRateTo]').val())){
 
-					$("#filterForm").find('input[name=hDcRateTo]').val($("#searchGoodsForm").find('input[name=dcRateTo]').val());
 
-				}
 
-				if(typeof historyData.sortingType!='undefined' && historyData.sortingType!=''){
 
-					$("#searchGoodsForm input:hidden[name=sortingType]").val(historyData.sortingType);
 
-					fnSortingChange(this,historyData.sortingType,'back');
 
-					$(".fillter").show();
 
-				}else{
 
-					$(".fillter").show();
 
-					fnGoodsListSearch();
 
-					fnSetPriceFilter();
 
-					fnImgOnoff();
 
-					// console.log('here*++ '+historyData.scroll);
 
-					// $('html, body').animate({scrollTop: historyData.backScroll});
 
-				}
 
-			}else{
 
-				fnCategoryGoodsInfiniteScrollInit();
 
-				var sortingType = $("#searchGoodsForm input:hidden[name=sortingType]").val();
 
-				if(sortingType=='BEST' || sortingType=='REVIEW'){
 
-					$("#sortArea").find('li').each(function (){
 
-						$(this).find('a').attr('class','off');
 
-					});
 
-
 
-					$(this).addClass("on");
 
-					fnSortingChange(this, sortingType);
 
-				}else{
 
-					fnGoodsListSearch();
 
-				}
 
-			}
 
-		});
 
-
 
-		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 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 코드를 추가하여 주십시요.
 
-		// 	}
 
-		//
 
-		// }
 
-	</script>
 
-
 
-	<script>
 
-		//(진행 중)
 
-		/* 210427_수정 : err 이미지 스크립트 */
 
-		// function noneImg(noneSrc){
 
-		// 	$(noneSrc).parents('.itemPic').css({'background':'url(' + _uximgUrl + '/images/pc/thumb/bg_item_none.png)'});
 
-		// 	$(noneSrc).css({'opacity':'0'});
 
-		// 	//$(noneSrc).attr("src", no_src);
 
-		// }
 
-	</script>
 
-	
-
 
-</th:block>
 
-
 
-</body>
 
-</html>

File diff suppressed because it is too large
+ 0 - 456
src/main/webapp/WEB-INF/views/web/display/MallMainForm3Web.html


+ 0 - 2273
src/main/webapp/WEB-INF/views/web/display/MallMainFormWeb2.html
Vedi File 

@@ -1,2273 +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/DefaultLayoutWeb">
 
-<!--
 
- *******************************************************************************
 
- * @source  : MallMainFormWeb.html
 
- * @desc    : 몰메인 Page
 
- *============================================================================
 
- * STYLE24
 
- * Copyright(C) 2020 TSIT, All rights reserved.
 
- *============================================================================
 
- * VER  DATE         AUTHOR      DESCRIPTION
 
- * ===  ===========  ==========  =============================================
 
- * 1.0  2021.01.28   gagamel     최초 작성
 
- *******************************************************************************
 
- -->
 
-<body>
 
-
 
-<th:block layout:fragment="content">
 
-<div id="container" class="container main"> 
-	<!-- <div class="breadcrumb"> (breadcrumb) </div> -->
 
-
 
-	<div class="wrap ">
 
-		<!-- 1. 비주얼 슬라이드 -->
 
-		<div class="content wide main_visual">
 
-			<div class="cont_head dpnone">
 
-				<p class="t_c">비주얼 슬라이드</p>
 
-			</div>
 
-			<div class="cont_body">
 
-				<div class="post-slider">
 
-					<div class="post-wrapper post-visual">
 
-						<div class="post">
 
-							<div class="txtWrap">
 
-								<p class="vrt_txt">NBA</p>
 
-								<dl class="w">
 
-									<dt>NBA</dt>
 
-									<dd>2020 FALL</dd>
 
-									<dd>NEW ARRIVAL</dd>
 
-									<dd class="txt_xs">나만의 가을 스타일 찾기</dd>
 
-								</dl>
 
-								<button type="button" class="btn"><span>VIEW MORE</span></button>
 
-							</div>
 
-							<img src="/images/thumb/main_visual01.jpg" alt="">
 
-						</div>
 
-					
-						<div class="post">
 
-							<div class="txtWrap">
 
-								<p class="vrt_txt">vertical-BrandName</p>
 
-								<dl class="w">
 
-									<dt>브랜드명</dt>
 
-									<dd>F/W SEASON</dd>
 
-									<dd>DENIM SALE</dd>
 
-									<dd class="txt_xs">데님 신상 아이템 ~20% 세일</dd>
 
-								</dl>
 
-								<button type="button" class="btn"><span>VIEW MORE</span></button>
 
-							</div>
 
-							<img src="/images/thumb/main_visual02.jpg" alt="">
 
-						</div>
 
-	
-						<div class="post">
 
-							<div class="txtWrap">
 
-								<p class="vrt_txt">vertical-BrandName</p>
 
-								<dl class="w">
 
-									<dt>브랜드명</dt>
 
-									<dd>F/W SEASON</dd>
 
-									<dd>DENIM SALE</dd>
 
-									<dd class="txt_xs">데님 신상 아이템 ~20% 세일</dd>
 
-								</dl>
 
-								<button type="button" class="btn"><span>VIEW MORE</span></button>
 
-							</div>
 
-							<img src="/images/thumb/main_visual03.jpg" alt="">
 
-						</div>
 
-						<div class="post">
 
-							<div class="txtWrap">
 
-								<p class="vrt_txt">vertical-BrandName</p>
 
-								<dl class="">
 
-									<dt>브랜드명</dt>
 
-									<dd>F/W SEASON</dd>
 
-									<dd>DENIM SALE</dd>
 
-									<dd class="txt_xs">데님 신상 아이템 ~20% 세일</dd>
 
-								</dl>
 
-								<button type="button" class="btn"><span>VIEW MORE</span></button>
 
-							</div>
 
-							<img src="/images/thumb/main_visual04.jpg" alt="">
 
-						</div>
 
-						<div class="post">
 
-							<div class="txtWrap">
 
-								<p class="vrt_txt">vertical-BrandName</p>
 
-								<dl class="">
 
-									<dt>브랜드명</dt>
 
-									<dd>F/W SEASON</dd>
 
-									<dd>DENIM SALE</dd>
 
-									<dd class="txt_xs">데님 신상 아이템 ~20% 세일</dd>
 
-								</dl>
 
-								<button type="button" class="btn"><span>VIEW MORE</span></button>
 
-							</div>
 
-							<img src="/images/thumb/main_visual05.jpg" alt="">
 
-						</div>
 
-					</div>
 
-				</div>
 
-				
-			</div>
 
-			<div class="cont_foot dpnone">
 
-				CONT-FOOT
 
-			</div>
 
-		</div>
 
-
 
-		<!-- 2. 스타일리포트 -->
 
-		<div class="content main_stylereport">
 
-			<div class="cont_head">
 
-				<p class="displayH t_c">스타일리포트</p>
 
-			</div>
 
-			<div class="cont_body">
 
-				<div class="ui_row">
 
-					<div class="ui_col_3">
 
-						<a href="#none">
 
-							<img src="/images/thumb/main_stylereport01.jpg" alt="">
 
-							<dl>
 
-								<dt>겨울 아우터 미리 준비하기</dt>
 
-								<dd>올 겨울 무엇을 입을지 고민하는</dd>
 
-								<dd>당신을 위해 준비한 아우터 픽을 만나보자</dd>
 
-							</dl>
 
-						</a>
 
-					</div>
 
-					<div class="ui_col_3">
 
-						<a href="#none">
 
-							<img src="/images/thumb/main_stylereport02.jpg" alt="">
 
-							<dl>
 
-								<dt>트렌드 스타일링</dt>
 
-								<dd>가을의 냄새가 느껴지는 요즘,</dd>
 
-								<dd>쌀쌀한 날씨에서 나를 지켜줄 아우터만 모았다</dd>
 
-							</dl>
 
-						</a>
 
-					</div>
 
-					<div class="ui_col_3">
 
-						<a href="#none">
 
-							<img src="/images/thumb/main_stylereport03.jpg" alt="">
 
-							<dl>
 
-								<dt>TBJ 가을신상 아이템</dt>
 
-								<dd>오직 스타일24 에서만 만날 수 있는</dd>
 
-								<dd>TBJ의 가을 신상 아이템들을 만나보자</dd>
 
-							</dl>
 
-						</a>
 
-					</div>
 
-					<div class="ui_col_3">
 
-						<a href="#none">
 
-							<img src="/images/thumb/main_stylereport04.jpg" alt="">
 
-							<dl>
 
-								<dt>컬리수 2020 F/W</dt>
 
-								<dd>사랑스러운 컬리수의 2020 F/W 신상</dd>
 
-								<dd>~10% 쿠폰찬스 놓치지 말자</dd>
 
-							</dl>
 
-						</a>
 
-					</div>
 
-				</div>
 
-			</div>
 
-			<div class="cont_foot dpnone">
 
-				CONT-FOOT
 
-			</div>
 
-		</div>
 
-
 
-		<!-- 3. 트렌디한 신상아이템 -->
 
-		<div class="content wide main_trendy">
 
-
 
-			<div class="cont_head">
 
-				
-				<p class="displayH t_c">트렌디한 신상 아이템 </p>
 
-			</div>
 
-			<div class="cont_body">
 
-				<div class="post-slider variable">
 
-					<div class="post-wrapper post-trendy">
 
-						<div class="post">
 
-							<div class=" item_prod inc">
 
-								<div class="item_state">
 
-									<a href="#none" class="itemLink">
 
-										<div class=" itemPic">
 
-											<img alt="BLUE-a" class=" vLHTC pd_img" src="/images/thumb/main_trendy01.jpg"> 
-											<button type="button" class="itemLike">관심상품 추가</button>
 
-										</div>
 
-										<p class="itemBrand">BRAND NAME</p>
 
-
 
-										<div class=" itemName">스타 착용 여성 퍼 아플리케 오버핏 투마일 웨어링 점퍼</div>
 
-										<p class="itemPrice">488,000</p>
 
-									</a>
 
-								</div>
 
-							</div>
 
-						</div>
 
-						<div class="post">
 
-							<div class=" item_prod shr">
 
-								<div class="item_state">
 
-									<a href="#none" class="itemLink">
 
-										<div class=" itemPic">
 
-											<img alt="BLUE-a" class=" vLHTC pd_img" src="/images/thumb/main_trendy02.jpg"> 
-											<button type="button" class="itemLike">관심상품 추가</button>
 
-										</div>
 
-										<p class="itemBrand">BRAND NAME</p>
 
-
 
-										<div class=" itemName">유니 다이아몬드 누빔 포인트포켓 거위털 밴딩 점퍼 스웨이드 집업 트러커 점퍼</div>
 
-										<p class="itemPrice">
 
-											<span>80,100</span>
 
-											<span class="itemPrice_original">89,000</span>
 
-											<span class=" itemPercent">10%</span>
 
-										</p>
 
-									</a>
 
-								</div>
 
-							</div>
 
-						</div>
 
-						<div class="post">
 
-							<div class=" item_prod shr">
 
-								<div class="item_state">
 
-									<a href="#none" class="itemLink">
 
-										<div class=" itemPic">
 
-											<img alt="BLUE-a" class=" vLHTC pd_img" src="/images/thumb/main_trendy03.jpg"> 
-											<button type="button" class="itemLike">관심상품 추가</button>
 
-										</div>
 
-										<p class="itemBrand">BRAND NAME</p>
 
-
 
-										<div class=" itemName">여성 카라리스 오버핏 메탈릭 포켓 셔츠</div>
 
-										<p class="itemPrice">488,000</p>
 
-									</a>
 
-								</div>
 
-							</div>
 
-						</div>
 
-						<div class="post">
 
-							<div class=" item_prod inc">
 
-								<div class="item_state">
 
-									<a href="#none" class="itemLink">
 
-										<div class=" itemPic">
 
-											<img alt="BLUE-a" class=" vLHTC pd_img" src="/images/thumb/main_trendy04.jpg"> 
-											<button type="button" class="itemLike">관심상품 추가</button>
 
-										</div>
 
-										<p class="itemBrand">BRAND NAME</p>
 
-
 
-										<div class=" itemName">가을 신상 면 혼방 블루종 자수 로고 포인트 자켓 유니 스몰 로고 긴팔 티셔츠</div>
 
-										<p class="itemPrice">488,000</p>
 
-									</a>
 
-								</div>
 
-							</div>
 
-						</div>
 
-						<div class="post">
 
-							<div class=" item_prod shr">
 
-								<div class="item_state">
 
-									<a href="#none" class="itemLink">
 
-										<div class=" itemPic">
 
-											<img alt="BLUE-a" class=" vLHTC pd_img" src="/images/thumb/main_trendy05.jpg"> 
-											<button type="button" class="itemLike">관심상품 추가</button>
 
-										</div>
 
-										<p class="itemBrand">BRAND NAME</p>
 
-
 
-										<div class=" itemName">가을 신상 남성 스탠다드핏 로고맨 블루 볼 캡 유니 경량다운 시보리넥 베스트</div>
 
-										<p class="itemPrice">488,000</p>
 
-									</a>
 
-								</div>
 
-							</div>
 
-						</div>
 
-						<div class="post">
 
-							<img src="/images/thumb/main_trendy03.jpg" alt="">
 
-						</div>
 
-					</div>
 
-				</div>
 
-			</div>
 
-			<div class="cont_foot dpnone">
 
-				CONT-FOOT
 
-			</div>
 
-		</div>
 
-
 
-		<!-- 4. 잇 아이템 -->
 
-		<div class="content main_it">
 
-			<div class="cont_head">
 
-				<p class="displayH">가장 사랑받은<br>잇 아이템</p>
 
-				<a href="#none"><span>전체보기</span></a>
 
-			</div>
 
-			<div class="cont_body">
 
-				<div class="it_nav">
 
-					<ul>
 
-						<li><button class="btn btn_link active" data-tab="it1"><span>여성</span></button></li>
 
-						<li><button class="btn btn_link" data-tab="it2"><div><span>남성</span></button></li>
 
-						<li><button class="btn btn_link" data-tab="it3"><div><span>유아동</span></button></li>
 
-						<li><button class="btn btn_link" data-tab="it4"><div><span>골프</span></button></li>
 
-						<li><button class="btn btn_link" data-tab="it5"><div><span>라이프</span></button></li>
 
-					</ul>
 
-				</div>
 
-				<div class="post-slider it_item active " id="it1">
 
-					<div class="post-wrapper post-it">
 
-						<div class="post">
 
-							<div class=" item_prod sUiXc "> <!-- item_prod ranker d_detail -->
 
-								
-								<div class="item_state"> <!-- item_state AD soldout -->
 
-									<a href="#none" class=" itemLink">
 
-										<div class="shape ranker"><span>1</span></div>
 
-										<div class="itemPic">
 
-											<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/thumb/prod1.jpg">
 
-											<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>
 
-									</a>
 
-								</div>
 
-							</div>
 
-						</div>
 
-						<div class="post">
 
-							<div class=" item_prod">
 
-								<div class="item_state">
 
-									<a href="#none" class="itemLink">
 
-										<div class="shape "><span>2</span></div>
 
-										<div class=" itemPic">
 
-											<img alt="BLUE-a" class=" vLHTC pd_img" src="/images/thumb/prod1.jpg">
 
-											<button type="button" class="itemLike">관심상품 추가</button>
 
-										</div>
 
-										<p class="itemBrand">BRAND NAME</p>
 
-
 
-										<div class=" itemName">여성 체인 프린트 큐롯 스커트 프린트 큐롯 스커트</div>
 
-										<p class="itemPrice">488,000 </p>
 
-									</a>
 
-								</div>
 
-							</div>
 
-						</div>
 
-						<div class="post">
 
-							<div class=" item_prod">
 
-								<div class="item_state">
 
-									<a href="#none" class="itemLink">
 
-										<div class="shape"><span>3</span></div>
 
-										<div class=" itemPic">
 
-											<img alt="BLUE-a" class=" vLHTC pd_img" src="/images/thumb/prod1.jpg"> 
-											<button type="button" class="itemLike">관심상품 추가</button>
 
-										</div>
 
-										<p class="itemBrand">BRAND NAME</p>
 
-
 
-										<div class=" itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
 
-										<p class="itemPrice">488,000 </p>
 
-									</a>
 
-								</div>
 
-							</div>
 
-						</div>
 
-						<div class="post">
 
-							<div class=" item_prod">
 
-								<div class="item_state">
 
-									<a href="#none" class="itemLink">
 
-										<div class="shape"><span>4</span></div>
 
-										<div class=" itemPic">
 
-											<img alt="BLUE-a" class=" vLHTC pd_img" src="/images/thumb/prod1.jpg"> 
-											<button type="button" class="itemLike">관심상품 추가</button>
 
-										</div>
 
-										<p class="itemBrand">BRAND NAME</p>
 
-
 
-										<div class=" itemName">[온라인 단독] 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼</div>
 
-										<p class="itemPrice">488,000 </p>
 
-									</a>
 
-								</div>
 
-							</div>
 
-						</div>
 
-						<div class="post">
 
-							<div class=" item_prod">
 
-								<div class="item_state">
 
-									<a href="#none" class="itemLink">
 
-										<div class="shape "><span>5</span></div>
 
-										<div class=" itemPic">
 
-											<img alt="BLUE-a" class=" vLHTC pd_img" src="/images/thumb/prod1.jpg"> 
-											<button type="button" class="itemLike">관심상품 추가</button>
 
-										</div>
 
-										<p class="itemBrand">BRAND NAME</p>
 
-
 
-										<div class=" itemName">[온라인 단독] 여성 겨울 부클칼라 A라인 다운베스트(구스)</div>
 
-										<p class="itemPrice">488,000 </p>
 
-									</a>
 
-								</div>
 
-							</div>
 
-						</div>
 
-						<div class="post">
 
-							<div class=" item_prod sUiXc "> 
-								<div class="item_state"> 
-									<a href="#none" class=" itemLink">
 
-										<div class="shape ranker"><span>1</span></div>
 
-										<div class="itemPic">
 
-											<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/thumb/prod1.jpg">
 
-											<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>
 
-									</a>
 
-								</div>
 
-							</div>
 
-						</div>
 
-						<div class="post">
 
-							<div class=" item_prod">
 
-								<div class="item_state">
 
-									<a href="#none" class="itemLink">
 
-									<div class="shape"><span>88</span></div>
 
-										<div class=" itemPic">
 
-											<img alt="BLUE-a" class=" vLHTC pd_img" src="/images/thumb/prod1.jpg"> 
-											<button type="button" class="itemLike">관심상품 추가</button>
 
-										</div>
 
-										<p class="itemBrand">BRAND NAME</p>
 
-
 
-										<div class=" itemName">[온라인 단독] 여성 겨울 부클칼라 A라인 다운베스트(구스)</div>
 
-										<p class="itemPrice">488,000 </p>
 
-									</a>
 
-								</div>
 
-
 
-							</div>
 
-						</div>
 
-						<div class="post">
 
-							<div class=" item_prod">
 
-								<div class="item_state">
 
-									<a href="#none" class="itemLink">
 
-									<div class="shape"><span>999</span></div>
 
-										<div class=" itemPic">
 
-											<img alt="BLUE-a" class=" vLHTC pd_img" src="/images/thumb/prod1.jpg"> 
-											<button type="button" class="itemLike">관심상품 추가</button>
 
-										</div>
 
-										<p class="itemBrand">BRAND NAME</p>
 
-
 
-										<div class=" itemName">[온라인 단독] 여성 겨울 부클칼라 A라인 다운베스트(구스)</div>
 
-										<p class="itemPrice">488,000 </p>
 
-									</a>
 
-								</div>
 
-							</div>
 
-						</div>
 
-						<div class="post">
 
-							<div class=" item_prod">
 
-								<div class="item_state">
 
-									<a href="#none" class="itemLink">
 
-									<div class="shape"><span>특가</span></div>
 
-										<div class=" itemPic">
 
-											<img alt="BLUE-a" class=" vLHTC pd_img" src="/images/thumb/prod1.jpg"> 
-											<button type="button" class="itemLike">관심상품 추가</button>
 
-										</div>
 
-										<p class="itemBrand">BRAND NAME</p>
 
-
 
-										<div class=" itemName">[온라인 단독] 여성 겨울 부클칼라 A라인 다운베스트(구스)</div>
 
-										<p class="itemPrice">488,000 </p>
 
-									</a>
 
-								</div>
 
-							</div>
 
-						</div>
 
-						<div class="post">
 
-							<div class=" item_prod">
 
-								<div class="item_state">
 
-									<a href="#none" class="itemLink">
 
-									<div class="shape dealdetail"><span>상품<br>   04</span></div>
 
-										<div class=" itemPic">
 
-											<img alt="BLUE-a" class=" vLHTC pd_img" src="/images/thumb/prod1.jpg"> 
-											<button type="button" class="itemLike">관심상품 추가</button>
 
-										</div>
 
-										<p class="itemBrand">BRAND NAME</p>
 
-
 
-										<div class=" itemName">[온라인 단독] 여성 겨울 부클칼라 A라인 다운베스트(구스)</div>
 
-										<p class="itemPrice">488,000 </p>
 
-									</a>
 
-								</div>
 
-							</div>
 
-						</div>
 
-					</div>
 
-					<div class="progress" role="progressbar" aria-valuemin="0" aria-valuemax="100">
 
-						<span class="slider__label sr-only">
 
-						</span>
 
-					</div>
 
-				</div>
 
-				<div class="post-slider it_item " id="it2">
 
-					<div class="post-wrapper post-it">
 
-						<div class="post">
 
-							<div class=" item_prod sUiXc "> <!-- item_prod ranker d_detail -->
 
-								
-								<div class="item_state"> <!-- item_state AD soldout -->
 
-									<a href="#none" class=" itemLink">
 
-										<div class="rank ranker"><span>1</span></div>
 
-										<div class="itemPic">
 
-											<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/thumb/prod1.jpg">
 
-											<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>
 
-									</a>
 
-								</div>
 
-							</div>
 
-						</div>
 
-						<div class="post">
 
-							<div class=" item_prod">
 
-								<div class="item_state">
 
-									<a href="#none" class="itemLink">
 
-										<div class="rank r⸏an⸏ke⸏r"><span>88</span></div>
 
-										<div class=" itemPic">
 
-											<img alt="BLUE-a" class=" vLHTC pd_img" src="/images/thumb/prod1.jpg">
 
-											<button type="button" class="itemLike">관심상품 추가</button>
 
-										</div>
 
-										<p class="itemBrand">BRAND NAME</p>
 
-
 
-										<div class=" itemName">여성 체인 프린트 큐롯 스커트 프린트 큐롯 스커트</div>
 
-										<p class="itemPrice">488,000 </p>
 
-									</a>
 
-								</div>
 
-							</div>
 
-						</div>
 
-						<div class="post">
 
-							<div class=" item_prod">
 
-								<div class="item_state">
 
-									<a href="#none" class="itemLink">
 
-										<div class="rank"><span>100</span></div>
 
-										<div class=" itemPic">
 
-											<img alt="BLUE-a" class=" vLHTC pd_img" src="/images/thumb/prod1.jpg"> 
-											<button type="button" class="itemLike">관심상품 추가</button>
 
-										</div>
 
-										<p class="itemBrand">BRAND NAME</p>
 
-
 
-										<div class=" itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
 
-										<p class="itemPrice">488,000 </p>
 
-									</a>
 
-								</div>
 
-							</div>
 
-						</div>
 
-						<div class="post">
 
-							<div class=" item_prod">
 
-								<div class="item_state">
 
-									<a href="#none" class="itemLink">
 
-										<div class="rank"><span>특가</span></div>
 
-										<div class=" itemPic">
 
-											<img alt="BLUE-a" class=" vLHTC pd_img" src="/images/thumb/prod1.jpg"> 
-											<button type="button" class="itemLike">관심상품 추가</button>
 
-										</div>
 
-										<p class="itemBrand">BRAND NAME</p>
 
-
 
-										<div class=" itemName">[온라인 단독] 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼</div>
 
-										<p class="itemPrice">488,000 </p>
 
-									</a>
 
-								</div>
 
-							</div>
 
-						</div>
 
-						<div class="post">
 
-							<div class=" item_prod">
 
-								<div class="item_state">
 
-									<a href="#none" class="itemLink">
 
-										<div class="rank detail"><span>상품 014</span></div>
 
-										<div class=" itemPic">
 
-											<img alt="BLUE-a" class=" vLHTC pd_img" src="/images/thumb/prod1.jpg"> 
-											<button type="button" class="itemLike">관심상품 추가</button>
 
-										</div>
 
-										<p class="itemBrand">BRAND NAME</p>
 
-
 
-										<div class=" itemName">[온라인 단독] 여성 겨울 부클칼라 A라인 다운베스트(구스)</div>
 
-										<p class="itemPrice">488,000 </p>
 
-									</a>
 
-								</div>
 
-							</div>
 
-						</div>
 
-						<div class="post">
 
-							<div class=" item_prod sUiXc "> 
-								<div class="item_state"> 
-									<a href="#none" class=" itemLink">
 
-										<div class="shape ranker"><span>1</span></div>
 
-										<div class="itemPic">
 
-											<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/thumb/prod1.jpg">
 
-											<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>
 
-									</a>
 
-								</div>
 
-							</div>
 
-						</div>
 
-						<div class="post">
 
-							<div class=" item_prod">
 
-								<div class="item_state">
 
-									<a href="#none" class="itemLink">
 
-									<div class="shape"><span>88</span></div>
 
-										<div class=" itemPic">
 
-											<img alt="BLUE-a" class=" vLHTC pd_img" src="/images/thumb/prod1.jpg"> 
-											<button type="button" class="itemLike">관심상품 추가</button>
 
-										</div>
 
-										<p class="itemBrand">BRAND NAME</p>
 
-
 
-										<div class=" itemName">[온라인 단독] 여성 겨울 부클칼라 A라인 다운베스트(구스)</div>
 
-										<p class="itemPrice">488,000 </p>
 
-									</a>
 
-								</div>
 
-
 
-							</div>
 
-						</div>
 
-						<div class="post">
 
-							<div class=" item_prod">
 
-								<div class="item_state">
 
-									<a href="#none" class="itemLink">
 
-									<div class="shape"><span>999</span></div>
 
-										<div class=" itemPic">
 
-											<img alt="BLUE-a" class=" vLHTC pd_img" src="/images/thumb/prod1.jpg"> 
-											<button type="button" class="itemLike">관심상품 추가</button>
 
-										</div>
 
-										<p class="itemBrand">BRAND NAME</p>
 
-
 
-										<div class=" itemName">[온라인 단독] 여성 겨울 부클칼라 A라인 다운베스트(구스)</div>
 
-										<p class="itemPrice">488,000 </p>
 
-									</a>
 
-								</div>
 
-							</div>
 
-						</div>
 
-						<div class="post">
 
-							<div class=" item_prod">
 
-								<div class="item_state">
 
-									<a href="#none" class="itemLink">
 
-									<div class="shape"><span>특가</span></div>
 
-										<div class=" itemPic">
 
-											<img alt="BLUE-a" class=" vLHTC pd_img" src="/images/thumb/prod1.jpg"> 
-											<button type="button" class="itemLike">관심상품 추가</button>
 
-										</div>
 
-										<p class="itemBrand">BRAND NAME</p>
 
-
 
-										<div class=" itemName">[온라인 단독] 여성 겨울 부클칼라 A라인 다운베스트(구스)</div>
 
-										<p class="itemPrice">488,000 </p>
 
-									</a>
 
-								</div>
 
-							</div>
 
-						</div>
 
-						<div class="post">
 
-							<div class=" item_prod">
 
-								<div class="item_state">
 
-									<a href="#none" class="itemLink">
 
-									<div class="shape dealdetail"><span>상품<br>   04</span></div>
 
-										<div class=" itemPic">
 
-											<img alt="BLUE-a" class=" vLHTC pd_img" src="/images/thumb/prod1.jpg"> 
-											<button type="button" class="itemLike">관심상품 추가</button>
 
-										</div>
 
-										<p class="itemBrand">BRAND NAME</p>
 
-
 
-										<div class=" itemName">[온라인 단독] 여성 겨울 부클칼라 A라인 다운베스트(구스)</div>
 
-										<p class="itemPrice">488,000 </p>
 
-									</a>
 
-								</div>
 
-							</div>
 
-						</div>
 
-					</div>
 
-					<div class="progress" role="progressbar" aria-valuemin="0" aria-valuemax="100">
 
-						<span class="slider__label sr-only">
 
-						</span>
 
-					</div>
 
-				</div>
 
-			</div>
 
-			<div class="cont_foot dpnone">
 
-				CONT-FOOT
 
-			</div>
 
-		</div>
 
-
 
-		<!-- 5. 프로모션배너 -->
 
-		<div class="content main_2stage">
 
-			<div class="cont_head dpnone">
 
-				<p class="t_c">프로모션배너</p>
 
-			</div>
 
-			<div class="cont_body">
 
-				<div class="ui_row">
 
-					<div class="ui_col_6">
 
-						<a href="#none"><img src="/images/thumb/bnn_2stage1.jpg" alt=""></a>
 
-					</div>
 
-					<div class="ui_col_6">
 
-						<a href="#none"><img src="/images/thumb/bnn_2stage2.jpg" alt=""></a>
 
-					</div>
 
-				</div>
 
-			</div>
 
-			<div class="cont_foot dpnone">
 
-				CONT-FOOT
 
-			</div>
 
-		</div>
 
-
 
-
 
-		<!-- 6. 타임딜 : 슬라이드 -->
 
-		<div class="content wide main_deal">
 
-			<div class="cont_head">
 
-				<p class="displayH">오늘만<br>이 가격에 만나요</p>
 
-				<a href="#none"><span>전체보기</span></a>
 
-
 
-				<div class="count">
 
-					<style>
 
-							/**
 
-*  Progress Bar
 
-*/
 
-.progress {
 
-display: block;
 
-width: 100%;
 
-height: 2px;
 
-border-radius: 0px;
 
-overflow: hidden;
 
-background-color: #dddddd;
 
-background-image: linear-gradient(to right, #222222, #222222);
 
-background-repeat: no-repeat;
 
-/* background-size: 0 100%; */
 
-background-size: 0% 100%;
 
-transition: background-size .4s ease-in-out;
 
-}
 
-						</style>
 
-				</div>
 
-			</div>
 
-			<div class="cont_body">
 
-				<div class="post-slider  active" id="it1">
 
-					<div class="post-wrapper post-deal">
 
-						<div class="post">
 
-							<div class=" item_prod sUiXc "> <!-- item_prod ranker d_detail -->
 
-								
-								<div class="item_state"> <!-- item_state AD soldout -->
 
-									<a href="#none" class=" itemLink">
 
-										<div class="rank ranker"><span>1</span></div>
 
-										<div class="itemPic">
 
-											<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/thumb/prod1.jpg">
 
-											<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>
 
-									</a>
 
-								</div>
 
-							</div>
 
-						</div>
 
-						<div class="post">
 
-							<div class=" item_prod">
 
-								<div class="item_state">
 
-									<a href="#none" class="itemLink">
 
-										<div class="rank r⸏an⸏ke⸏r"><span>88</span></div>
 
-										<div class=" itemPic">
 
-											<img alt="BLUE-a" class=" vLHTC pd_img" src="/images/thumb/prod2.jpg">
 
-											<button type="button" class="itemLike">관심상품 추가</button>
 
-										</div>
 
-										<p class="itemBrand">BRAND NAME</p>
 
-
 
-										<div class=" itemName">여성 체인 프린트 큐롯 스커트 프린트 큐롯 스커트</div>
 
-										<p class="itemPrice">488,000 </p>
 
-									</a>
 
-								</div>
 
-							</div>
 
-						</div>
 
-						<div class="post">
 
-							<div class=" item_prod">
 
-								<div class="item_state">
 
-									<a href="#none" class="itemLink">
 
-										<div class="rank"><span>100</span></div>
 
-										<div class=" itemPic">
 
-											<img alt="BLUE-a" class=" vLHTC pd_img" src="/images/thumb/prod3.jpg"> 
-											<button type="button" class="itemLike">관심상품 추가</button>
 
-										</div>
 
-										<p class="itemBrand">BRAND NAME</p>
 
-
 
-										<div class=" itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
 
-										<p class="itemPrice">488,000 </p>
 
-									</a>
 
-								</div>
 
-							</div>
 
-						</div>
 
-						<div class="post">
 
-							<div class=" item_prod">
 
-								<div class="item_state">
 
-									<a href="#none" class="itemLink">
 
-										<div class="rank"><span>특가</span></div>
 
-										<div class=" itemPic">
 
-											<img alt="BLUE-a" class=" vLHTC pd_img" src="/images/thumb/prod4.jpg"> 
-											<button type="button" class="itemLike">관심상품 추가</button>
 
-										</div>
 
-										<p class="itemBrand">BRAND NAME</p>
 
-
 
-										<div class=" itemName">[온라인 단독] 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼</div>
 
-										<p class="itemPrice">488,000 </p>
 
-									</a>
 
-								</div>
 
-							</div>
 
-						</div>
 
-						<div class="post">
 
-							<div class=" item_prod">
 
-								<div class="item_state">
 
-									<a href="#none" class="itemLink">
 
-										<div class="rank detail"><span>상품 014</span></div>
 
-										<div class=" itemPic">
 
-											<img alt="BLUE-a" class=" vLHTC pd_img" src="/images/thumb/prod5.jpg"> 
-											<button type="button" class="itemLike">관심상품 추가</button>
 
-										</div>
 
-										<p class="itemBrand">BRAND NAME</p>
 
-
 
-										<div class=" itemName">[온라인 단독] 여성 겨울 부클칼라 A라인 다운베스트(구스)</div>
 
-										<p class="itemPrice">488,000 </p>
 
-									</a>
 
-								</div>
 
-							</div>
 
-						</div>
 
-						<div class="post">
 
-							<div class=" item_prod sUiXc "> 
-								<div class="item_state"> 
-									<a href="#none" class=" itemLink">
 
-										<div class="shape ranker"><span>1</span></div>
 
-										<div class="itemPic">
 
-											<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/thumb/prod4.jpg">
 
-											<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>
 
-									</a>
 
-								</div>
 
-							</div>
 
-						</div>
 
-						<div class="post">
 
-							<div class=" item_prod">
 
-								<div class="item_state">
 
-									<a href="#none" class="itemLink">
 
-									<div class="shape"><span>88</span></div>
 
-										<div class=" itemPic">
 
-											<img alt="BLUE-a" class=" vLHTC pd_img" src="/images/thumb/prod5.jpg"> 
-											<button type="button" class="itemLike">관심상품 추가</button>
 
-										</div>
 
-										<p class="itemBrand">BRAND NAME</p>
 
-
 
-										<div class=" itemName">[온라인 단독] 여성 겨울 부클칼라 A라인 다운베스트(구스)</div>
 
-										<p class="itemPrice">488,000 </p>
 
-									</a>
 
-								</div>
 
-
 
-							</div>
 
-						</div>
 
-						<div class="post">
 
-							<div class=" item_prod">
 
-								<div class="item_state">
 
-									<a href="#none" class="itemLink">
 
-									<div class="shape"><span>999</span></div>
 
-										<div class=" itemPic">
 
-											<img alt="BLUE-a" class=" vLHTC pd_img" src="/images/thumb/prod5.jpg"> 
-											<button type="button" class="itemLike">관심상품 추가</button>
 
-										</div>
 
-										<p class="itemBrand">BRAND NAME</p>
 
-
 
-										<div class=" itemName">[온라인 단독] 여성 겨울 부클칼라 A라인 다운베스트(구스)</div>
 
-										<p class="itemPrice">488,000 </p>
 
-									</a>
 
-								</div>
 
-							</div>
 
-						</div>
 
-						<div class="post">
 
-							<div class=" item_prod">
 
-								<div class="item_state">
 
-									<a href="#none" class="itemLink">
 
-									<div class="shape"><span>특가</span></div>
 
-										<div class=" itemPic">
 
-											<img alt="BLUE-a" class=" vLHTC pd_img" src="/images/thumb/prod5.jpg"> 
-											<button type="button" class="itemLike">관심상품 추가</button>
 
-										</div>
 
-										<p class="itemBrand">BRAND NAME</p>
 
-
 
-										<div class=" itemName">[온라인 단독] 여성 겨울 부클칼라 A라인 다운베스트(구스)</div>
 
-										<p class="itemPrice">488,000 </p>
 
-									</a>
 
-								</div>
 
-							</div>
 
-						</div>
 
-						<div class="post">
 
-							<div class=" item_prod">
 
-								<div class="item_state">
 
-									<a href="#none" class="itemLink">
 
-									<div class="shape dealdetail"><span>상품<br>   04</span></div>
 
-										<div class=" itemPic">
 
-											<img alt="BLUE-a" class=" vLHTC pd_img" src="/images/thumb/prod5.jpg"> 
-											<button type="button" class="itemLike">관심상품 추가</button>
 
-										</div>
 
-										<p class="itemBrand">BRAND NAME</p>
 
-
 
-										<div class=" itemName">[온라인 단독] 여성 겨울 부클칼라 A라인 다운베스트(구스)</div>
 
-										<p class="itemPrice">488,000 </p>
 
-									</a>
 
-								</div>
 
-							</div>
 
-						</div>							
-					</div>
 
-					<div class="progress" role="progressbar" aria-valuemin="0" aria-valuemax="100">
 
-						<span class="slider__label sr-only">
 
-						</span>
 
-					</div>
 
-				</div>
 
-			</div>
 
-			<div class="cont_foot dpnone">
 
-				CONT-FOOT
 
-			</div>
 
-		</div>
 
-
 
-		<!-- 7. 브랜드픽 -->
 
-		<div class="content main_pick">
 
-			<div class="cont_head">
 
-				<p class="displayH t_c">브랜드 PICK</p>
 
-			</div>
 
-			<div class="cont_body">
 
-				<div class="post-slider variable">
 
-					<div class="post-wrapper post-pick-nav">
 
-						<div><span><img src="/images/thumb/main_picklogo01.png" alt="barnd name"></span></div>
 
-						<div><span><img src="/images/thumb/main_picklogo02.png" alt="barnd name"></span></div>
 
-						<div><span><img src="/images/thumb/main_picklogo03.png" alt="barnd name"></span></div>
 
-						<div><span><img src="/images/thumb/main_picklogo04.png" alt="barnd name"></span></div>
 
-						<div><span><img src="/images/thumb/main_picklogo05.png" alt="barnd name"></span></div>
 
-						<div><span><img src="/images/thumb/main_picklogo06.png" alt="barnd name"></span></div>
 
-					</div>
 
-				</div>
 
-
 
-				<div class="post-slider">
 
-					<div class="post-wrapper post-pick-for">
 
-						<div>
 
-							<div class="pick_look">
 
-								<div class="post-slider variable">
 
-									<div class="post-wrapper post-lookbook">
 
-										<div><img src="/images/thumb/main_pickImg01.jpg" alt="barnd lookbook"></div>
 
-										<div><img src="/images/thumb/main_pickImg01.jpg" alt="barnd lookbook"></div>
 
-										<div><img src="/images/thumb/main_pickImg01.jpg" alt="barnd lookbook"></div>
 
-									</div>
 
-								</div>
 
-							</div>
 
-							<div class="pick_item">
 
-								
-								<div class="item_prod">
 
-									<div class="item_state">
 
-										<a href="#none" class="itemLink" tabindex="0">
 
-											<div class="itemPic">
 
-												<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/thumb/prod1.jpg">
 
-												<button type="button" class="itemLike" tabindex="0">관심상품 추가</button>
 
-											</div>
 
-											<div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
 
-											<p class="itemPrice">80,100
 
-												<span class="itemPrice_original">89,000</span>
 
-												<span class=" itemPercent">10%</span>
 
-											</p>
 
-										</a>
 
-									</div>
 
-								</div>
 
-								<div class="item_prod">
 
-									<div class="item_state">
 
-										<a href="#none" class="itemLink" tabindex="0">
 
-											<div class="itemPic">
 
-												<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/thumb/prod1.jpg">
 
-												<button type="button" class="itemLike" tabindex="0">관심상품 추가</button>
 
-											</div>
 
-											<div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
 
-											<p class="itemPrice">80,100
 
-												<span class="itemPrice_original">89,000</span>
 
-												<span class=" itemPercent">10%</span>
 
-											</p>
 
-										</a>
 
-									</div>
 
-								</div>
 
-								<div class="item_prod">
 
-									<div class="item_state">
 
-										<a href="#none" class="itemLink" tabindex="0">
 
-											<div class="itemPic">
 
-												<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/thumb/prod1.jpg">
 
-												<button type="button" class="itemLike" tabindex="0">관심상품 추가</button>
 
-											</div>
 
-											<div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
 
-											<p class="itemPrice">80,100
 
-												<span class="itemPrice_original">89,000</span>
 
-												<span class=" itemPercent">10%</span>
 
-											</p>
 
-										</a>
 
-									</div>
 
-								</div>
 
-								
-							</div>
 
-						</div>
 
-						<div>
 
-							<div class="pick_look">
 
-								<div class="post-slider variable">
 
-									<div class="post-wrapper post-lookbook">
 
-										<div><img src="/images/thumb/main_pickImg01.jpg" alt="barnd lookbook"></div>
 
-										<div><img src="/images/thumb/main_pickImg01.jpg" alt="barnd lookbook"></div>
 
-										<div><img src="/images/thumb/main_pickImg01.jpg" alt="barnd lookbook"></div>
 
-									</div>
 
-								</div>
 
-							</div>
 
-							<div class="pick_item">
 
-								
-								<div class="item_prod">
 
-									<div class="item_state">
 
-										<a href="#none" class="itemLink" tabindex="0">
 
-											<div class="itemPic">
 
-												<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/thumb/prod2.jpg">
 
-												<button type="button" class="itemLike" tabindex="0">관심상품 추가</button>
 
-											</div>
 
-											<div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
 
-											<p class="itemPrice">80,100
 
-												<span class="itemPrice_original">89,000</span>
 
-												<span class=" itemPercent">10%</span>
 
-											</p>
 
-										</a>
 
-									</div>
 
-								</div>
 
-								<div class="item_prod">
 
-									<div class="item_state">
 
-										<a href="#none" class="itemLink" tabindex="0">
 
-											<div class="itemPic">
 
-												<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/thumb/prod2.jpg">
 
-												<button type="button" class="itemLike" tabindex="0">관심상품 추가</button>
 
-											</div>
 
-											<div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
 
-											<p class="itemPrice">80,100
 
-												<span class="itemPrice_original">89,000</span>
 
-												<span class=" itemPercent">10%</span>
 
-											</p>
 
-										</a>
 
-									</div>
 
-								</div>
 
-								<div class="item_prod">
 
-									<div class="item_state">
 
-										<a href="#none" class="itemLink" tabindex="0">
 
-											<div class="itemPic">
 
-												<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/thumb/prod2.jpg">
 
-												<button type="button" class="itemLike" tabindex="0">관심상품 추가</button>
 
-											</div>
 
-											<div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
 
-											<p class="itemPrice">80,100
 
-												<span class="itemPrice_original">89,000</span>
 
-												<span class=" itemPercent">10%</span>
 
-											</p>
 
-										</a>
 
-									</div>
 
-								</div>
 
-								
-							</div>
 
-						</div>
 
-						<div>
 
-							<div class="pick_look"></div>
 
-							<div class="pick_item"></div>
 
-						</div>
 
-						<div>
 
-							<div class="pick_look"></div>
 
-							<div class="pick_item"></div>
 
-						</div>
 
-						<div>
 
-							<div class="pick_look"></div>
 
-							<div class="pick_item"></div>
 
-						</div>
 
-						<div>
 
-							<div class="pick_look"></div>
 
-							<div class="pick_item"></div>
 
-						</div>
 
-					</div>
 
-				</div>
 
-
 
-			</div>
 
-			<div class="cont_foot dpnone">
 
-				CONT-FOOT
 
-			</div>
 
-		</div>
 
-
 
-
 
-		<!-- 8. 가로 긴 배너 슬라이드 -->
 
-		<!-- bnn_1stage -->
 
-		<div class="content wide main_1stage">
 
-			<div class="cont_head dpnone">
 
-				<p class="t_c">배너 슬라이드</p>
 
-			</div>
 
-			<div class="cont_body">
 
-				<div class="post-slider">
 
-					<div class="post-wrapper post-bnnWide">
 
-						<div class="post">
 
-							<a href="#none">
 
-								<div class="bnnbox" style="background:#e3e7ea;">
 
-									<div class="txtWrap ">
 
-										<p>TBJ 가을 신상</p>
 
-										<p>아우터 + 이너 단독세일</p>
 
-										<button type="button" class="btn">VIEW MORE</button>
 
-									</div>
 
-									<img alt="BLUE-a" class=" vLHTC pd_img" src="/images/thumb/bnn_1stage.jpg"> 
-								</div>
 
-							</a>
 
-						</div>
 
-						<div class="post">
 
-							<a href="#none">
 
-								<div class="bnnbox" style="background:#eef1f3;">
 
-									<div class="txtWrap ">
 
-										<p>TBJ 가을 신상</p>
 
-										<p>아우터 + 이너 단독세일</p>
 
-										<button type="button" class="btn">VIEW MORE</button>
 
-									</div>
 
-									<img alt="BLUE-a" class=" vLHTC pd_img" src="/images/thumb/bnn_1stage.jpg"> 
-								</div>
 
-							</a>
 
-						</div>
 
-					</div>
 
-				</div>
 
-			</div>
 
-			<div class="cont_foot dpnone">
 
-				CONT-FOOT
 
-			</div>
 
-		</div>
 
-
 
-
 
-		<!-- 9. MD추천 스타일 -->
 
-		<div class="content main_recomm">
 
-			<div class="cont_head">
 
-				<p class="displayH t_c">MD가 추천하는 스타일</p>
 
-			</div>
 
-			<div class="cont_body">
 
-				<section>
 
-					<div class="sec_head">
 
-						<div class="filter action">
 
-							<button data-filter="tag_warm" class="btn">따뜻한 무드</button>
 
-							<button data-filter="tag_daily" class="btn">일상의 데일리룩</button>
 
-							<button data-filter="tag_homeware" class="btn">집콕스타일</button>
 
-							<button data-filter="tag_point" class="btn" disabled >포인트 아이템</button>
 
-							<button data-filter="tag_classic" class="btn" disabled >클래식 자켓</button>
 
-							<button data-filter="Test" class="btn test_btn" disabled >테스트 버튼</button>
 
-						</div>
 
-					</div>
 
-					<div class="sec_body">
 
-						<div class="post-slider">
 
-							<div class="post-wrapper post-recomm">
 
-								<div class="tag_warm post">
 
-									<div class="item_prod">
 
-										<div class="item_state">
 
-											<a href="#none" class="itemLink">
 
-												<div class="itemPic">
 
-													<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/thumb/prod1.jpg">
 
-													<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>
 
-												<div class="itemComment">#주문 폭주 상품</div>
 
-											</a>
 
-										</div>
 
-									</div>
 
-									<div class="item_prod">
 
-										<div class="item_state">
 
-											<a href="#none" class="itemLink">
 
-												<div class="itemPic">
 
-													<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/thumb/prod3.jpg">
 
-													<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>
 
-												<div class="itemComment">#주문 폭주 상품</div>
 
-											</a>
 
-										</div>
 
-									</div>
 
-									<div class="item_prod">
 
-										<div class="item_state">
 
-											<a href="#none" class="itemLink">
 
-												<div class="itemPic">
 
-													<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/thumb/prod5.jpg">
 
-													<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>
 
-												<div class="itemComment">#주문 폭주 상품</div>
 
-											</a>
 
-										</div>
 
-									</div>
 
-									<div class="item_prod">
 
-										<div class="item_state">
 
-											<a href="#none" class="itemLink">
 
-												<div class="itemPic">
 
-													<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/thumb/prod3.jpg">
 
-													<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>
 
-												<div class="itemComment">#주문 폭주 상품</div>
 
-											</a>
 
-										</div>
 
-									</div>
 
-									<div class="item_prod">
 
-										<div class="item_state">
 
-											<a href="#none" class="itemLink">
 
-												<div class="itemPic">
 
-													<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/thumb/prod1.jpg">
 
-													<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>
 
-												<div class="itemComment">#주문 폭주 상품</div>
 
-											</a>
 
-										</div>
 
-									</div>
 
-								</div>
 
-								<div class="tag_warm post">
 
-									<div class="item_prod">
 
-										<div class="item_state">
 
-											<a href="#none" class="itemLink">
 
-												<div class="itemPic">
 
-													<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/thumb/prod1.jpg">
 
-													<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>
 
-												<div class="itemComment">#주문 폭주 상품</div>
 
-											</a>
 
-										</div>
 
-									</div>
 
-									<div class="item_prod">
 
-										<div class="item_state">
 
-											<a href="#none" class="itemLink">
 
-												<div class="itemPic">
 
-													<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/thumb/prod3.jpg">
 
-													<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>
 
-												<div class="itemComment">#주문 폭주 상품</div>
 
-											</a>
 
-										</div>
 
-									</div>
 
-									<div class="item_prod">
 
-										<div class="item_state">
 
-											<a href="#none" class="itemLink">
 
-												<div class="itemPic">
 
-													<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/thumb/prod5.jpg">
 
-													<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>
 
-												<div class="itemComment">#주문 폭주 상품</div>
 
-											</a>
 
-										</div>
 
-									</div>
 
-									<div class="item_prod">
 
-										<div class="item_state">
 
-											<a href="#none" class="itemLink">
 
-												<div class="itemPic">
 
-													<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/thumb/prod3.jpg">
 
-													<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>
 
-												<div class="itemComment">#주문 폭주 상품</div>
 
-											</a>
 
-										</div>
 
-									</div>
 
-									<div class="item_prod">
 
-										<div class="item_state">
 
-											<a href="#none" class="itemLink">
 
-												<div class="itemPic">
 
-													<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/thumb/prod1.jpg">
 
-													<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>
 
-												<div class="itemComment">#주문 폭주 상품</div>
 
-											</a>
 
-										</div>
 
-									</div>
 
-								</div>
 
-								<div class="tag_daily post">
 
-									<div class=" item_prod">
 
-										<div class="item_state">
 
-											<a href="#none" class="itemLink">
 
-												<div class="itemPic">
 
-													<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/thumb/prod4.jpg">
 
-													<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>
 
-												<div class="itemComment">#주문 폭주 상품</div>
 
-											</a>
 
-										</div>
 
-									</div>
 
-									<div class=" item_prod">
 
-										<div class="item_state">
 
-											<a href="#none" class="itemLink">
 
-												<div class="itemPic">
 
-													<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/thumb/prod2.jpg">
 
-													<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>
 
-												<div class="itemComment">#주문 폭주 상품</div>
 
-											</a>
 
-										</div>
 
-									</div>
 
-									<div class=" item_prod">
 
-										<div class="item_state">
 
-											<a href="#none" class="itemLink">
 
-												<div class="itemPic">
 
-													<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/thumb/prod4.jpg">
 
-													<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>
 
-												<div class="itemComment">#주문 폭주 상품</div>
 
-											</a>
 
-										</div>
 
-									</div>
 
-									<div class=" item_prod">
 
-										<div class="item_state">
 
-											<a href="#none" class="itemLink">
 
-												<div class="itemPic">
 
-													<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/thumb/prod2.jpg">
 
-													<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>
 
-												<div class="itemComment">#주문 폭주 상품</div>
 
-											</a>
 
-										</div>
 
-									</div>
 
-									<div class=" item_prod">
 
-										<div class="item_state">
 
-											<a href="#none" class="itemLink">
 
-												<div class="itemPic">
 
-													<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/thumb/prod4.jpg">
 
-													<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>
 
-												<div class="itemComment">#주문 폭주 상품</div>
 
-											</a>
 
-										</div>
 
-									</div>
 
-								</div>
 
-								<div class="tag_daily post">
 
-									<div class=" item_prod">
 
-										<div class="item_state">
 
-											<a href="#none" class="itemLink">
 
-												<div class="itemPic">
 
-													<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/thumb/prod4.jpg">
 
-													<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>
 
-												<div class="itemComment">#주문 폭주 상품</div>
 
-											</a>
 
-										</div>
 
-									</div>
 
-									<div class=" item_prod">
 
-										<div class="item_state">
 
-											<a href="#none" class="itemLink">
 
-												<div class="itemPic">
 
-													<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/thumb/prod2.jpg">
 
-													<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>
 
-												<div class="itemComment">#주문 폭주 상품</div>
 
-											</a>
 
-										</div>
 
-									</div>
 
-									<div class=" item_prod">
 
-										<div class="item_state">
 
-											<a href="#none" class="itemLink">
 
-												<div class="itemPic">
 
-													<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/thumb/prod4.jpg">
 
-													<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>
 
-												<div class="itemComment">#주문 폭주 상품</div>
 
-											</a>
 
-										</div>
 
-									</div>
 
-									<div class=" item_prod">
 
-										<div class="item_state">
 
-											<a href="#none" class="itemLink">
 
-												<div class="itemPic">
 
-													<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/thumb/prod2.jpg">
 
-													<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>
 
-												<div class="itemComment">#주문 폭주 상품</div>
 
-											</a>
 
-										</div>
 
-									</div>
 
-									<div class=" item_prod">
 
-										<div class="item_state">
 
-											<a href="#none" class="itemLink">
 
-												<div class="itemPic">
 
-													<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/thumb/prod4.jpg">
 
-													<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>
 
-												<div class="itemComment">#주문 폭주 상품</div>
 
-											</a>
 
-										</div>
 
-									</div>
 
-								</div>
 
-								<div class="tag_homeware post">
 
-									<div class=" item_prod">
 
-										<div class="item_state">
 
-											<a href="#none" class="itemLink">
 
-												<div class="itemPic">
 
-													<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/thumb/prod5.jpg">
 
-													<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>
 
-												<div class="itemComment">#주문 폭주 상품</div>
 
-											</a>
 
-										</div>
 
-									</div>
 
-									<div class=" item_prod">
 
-										<div class="item_state">
 
-											<a href="#none" class="itemLink">
 
-												<div class="itemPic">
 
-													<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/thumb/prod5.jpg">
 
-													<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>
 
-												<div class="itemComment">#주문 폭주 상품</div>
 
-											</a>
 
-										</div>
 
-									</div>
 
-									<div class=" item_prod">
 
-										<div class="item_state">
 
-											<a href="#none" class="itemLink">
 
-												<div class="itemPic">
 
-													<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/thumb/prod5.jpg">
 
-													<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>
 
-												<div class="itemComment">#주문 폭주 상품</div>
 
-											</a>
 
-										</div>
 
-									</div>
 
-									<div class=" item_prod">
 
-										<div class="item_state">
 
-											<a href="#none" class="itemLink">
 
-												<div class="itemPic">
 
-													<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/thumb/prod5.jpg">
 
-													<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>
 
-												<div class="itemComment">#주문 폭주 상품</div>
 
-											</a>
 
-										</div>
 
-									</div>
 
-									<div class=" item_prod">
 
-										<div class="item_state">
 
-											<a href="#none" class="itemLink">
 
-												<div class="itemPic">
 
-													<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/thumb/prod5.jpg">
 
-													<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>
 
-												<div class="itemComment">#주문 폭주 상품</div>
 
-											</a>
 
-										</div>
 
-									</div>
 
-								</div>
 
-								<div class="tag_homeware post">
 
-									<div class=" item_prod">
 
-										<div class="item_state">
 
-											<a href="#none" class="itemLink">
 
-												<div class="itemPic">
 
-													<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/thumb/prod5.jpg">
 
-													<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>
 
-												<div class="itemComment">#주문 폭주 상품</div>
 
-											</a>
 
-										</div>
 
-									</div>
 
-									<div class=" item_prod">
 
-										<div class="item_state">
 
-											<a href="#none" class="itemLink">
 
-												<div class="itemPic">
 
-													<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/thumb/prod5.jpg">
 
-													<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>
 
-												<div class="itemComment">#주문 폭주 상품</div>
 
-											</a>
 
-										</div>
 
-									</div>
 
-									<div class=" item_prod">
 
-										<div class="item_state">
 
-											<a href="#none" class="itemLink">
 
-												<div class="itemPic">
 
-													<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/thumb/prod5.jpg">
 
-													<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>
 
-												<div class="itemComment">#주문 폭주 상품</div>
 
-											</a>
 
-										</div>
 
-									</div>
 
-									<div class=" item_prod">
 
-										<div class="item_state">
 
-											<a href="#none" class="itemLink">
 
-												<div class="itemPic">
 
-													<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/thumb/prod5.jpg">
 
-													<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>
 
-												<div class="itemComment">#주문 폭주 상품</div>
 
-											</a>
 
-										</div>
 
-									</div>
 
-									<div class=" item_prod">
 
-										<div class="item_state">
 
-											<a href="#none" class="itemLink">
 
-												<div class="itemPic">
 
-													<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/thumb/prod5.jpg">
 
-													<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>
 
-												<div class="itemComment">#주문 폭주 상품</div>
 
-											</a>
 
-										</div>
 
-									</div>
 
-								</div>
 
-							</div>
 
-						</div>
 
-						
-					</div>
 
-					<div class="sec_foot dpnone">SECTION-FOOT</div>
 
-				</section>
 
-			</div>
 
-			<div class="cont_foot dpnone">
 
-				CONT-FOOT
 
-			</div>
 
-		</div>
 
-
 
-
 
-		<!-- 10. 당신을위한제안 -->
 
-		<div class="content wide main_foryou">
 
-			<div class="cont_head">
 
-				<p class="displayH">당신을 위한 제안</p>
 
-				<span>스타일24에서 가장 주목받는 상품을 살펴보세요</span>
 
-			</div>
 
-			<div class="cont_body">
 
-
 
-				<div class="post-slider fy_nav">
 
-					<div class="post-wrapper post-sug">
 
-						<div class="post">
 
-							<ul>
 
-								<li><button class="btn btn_shape active" data-tab="fy1"><div><span class="number">1</span><span>BUCKAROO</span></div></button><a href="#none">더보기</a></li>
 
-								<li><button class="btn btn_shape" data-tab="fy2"><div><span class="number">2</span><span>기모청바지</span></div></button><a href="#none">더보기</a></li>
 
-								<li><button class="btn btn_shape" data-tab="fy3"><div><span class="number">3</span><span>겨울 팬츠</span></div></button><a href="#none">더보기</a></li>
 
-								<li><button class="btn btn_shape" data-tab="fy4"><div><span class="number">4</span><span>컨버스 주니어</span></div></button><a href="#none">더보기</a></li>
 
-								<li><button class="btn btn_shape" data-tab="fy5"><div><span class="number">5</span><span>모이몰른</span></div></button><a href="#none">더보기</a></li>
 
-							</ul>
 
-						</div>
 
-						<div class="post">
 
-							<ul>
 
-								<li><button class="btn btn_shape" data-tab="fy6"><div><span class="number">6</span><span>컨버스 주니어</span></div></button><a href="#none">더보기</a></li>
 
-								<li><button class="btn btn_shape" data-tab="fy7"><div><span class="number">7</span><span>겨울 팬츠</span></div></button><a href="#none">더보기</a></li>
 
-								<li><button class="btn btn_shape" data-tab="fy8"><div><span class="number">8</span><span>BUCKAROO</span></div></button><a href="#none">더보기</a></li>
 
-								<li><button class="btn btn_shape" data-tab="fy9"><div><span class="number">9</span><span>모이몰른</span></div></button><a href="#none">더보기</a></li>
 
-								<li><button class="btn btn_shape" data-tab="fy10"><div><span class="number">10</span><span>기모청바지</span></div></button><a href="#none">더보기</a></li>
 
-							</ul>
 
-						</div>
 
-					</div>
 
-				</div>
 
-
 
-
 
-				<div class="fy_item active" id="fy1">
 
-					<div class="part">
 
-						<div class="item_prod">
 
-							<div class="item_state">
 
-								<a href="#none" class="itemLink" tabindex="0">
 
-									<div class="itemPic">
 
-										<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/thumb/main_sug01.jpg">
 
-										<button type="button" class="itemLike" tabindex="0">관심상품 추가</button>
 
-									</div>
 
-									<div class="itemInfo">
 
-										<p class="itemBrand">BRAND NAME</p>
 
-										<div class=" itemName">자카드 방풍 패딩 스웨터 가디건 자카드 </div>
 
-										<p class="itemPrice">80,100
 
-										</p>
 
-									</div>
 
-								</a>
 
-							</div>
 
-						</div>
 
-						<div class="item_prod">
 
-							<div class="item_state">
 
-								<a href="#none" class="itemLink" tabindex="0">
 
-									<div class="itemPic">
 
-										<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/thumb/main_sug02.jpg">
 
-										<button type="button" class="itemLike" tabindex="0">관심상품 추가</button>
 
-									</div>
 
-									<div class="itemInfo">
 
-										<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>
 
-									</div>
 
-								</a>
 
-							</div>
 
-						</div>
 
-					</div>
 
-					<div class="part lg">
 
-						<div class="item_prod">
 
-							<div class="item_state">
 
-								<a href="#none" class="itemLink" tabindex="0">
 
-									<div class="itemPic">
 
-										<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/thumb/main_sug03.jpg">
 
-										<button type="button" class="itemLike" tabindex="0">관심상품 추가</button>
 
-									</div>
 
-									<div class="itemInfo">
 
-										<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>
 
-									</div>
 
-								</a>
 
-							</div>
 
-						</div>
 
-					</div>
 
-					<div class="part">
 
-						<div class="item_prod">
 
-							<div class="item_state">
 
-								<a href="#none" class="itemLink" tabindex="0">
 
-									<div class="itemPic">
 
-										<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/thumb/main_sug04.jpg">
 
-										<button type="button" class="itemLike" tabindex="0">관심상품 추가</button>
 
-									</div>
 
-									<div class="itemInfo">
 
-										<p class="itemBrand">BRAND NAME</p>
 
-										<div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
 
-										<p class="itemPrice">80,100
 
-										</p>
 
-									</div>
 
-								</a>
 
-							</div>
 
-						</div>
 
-						<div class="item_prod">
 
-							<div class="item_state">
 
-								<a href="#none" class="itemLink" tabindex="0">
 
-									<div class="itemPic">
 
-										<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/thumb/main_sug05.jpg">
 
-										<button type="button" class="itemLike" tabindex="0">관심상품 추가</button>
 
-									</div>
 
-									<div class="itemInfo">
 
-										<p class="itemBrand">BRAND NAME</p>
 
-										<div class=" itemName">남성 로고 자카드 방풍 패딩 가디건</div>
 
-										<p class="itemPrice">80,100
 
-										</p>
 
-									</div>
 
-								</a>
 
-							</div>
 
-						</div>
 
-					</div>
 
-					<div class="part">
 
-						<div class="item_prod">
 
-							<div class="item_state">
 
-								<a href="#none" class="itemLink" tabindex="0">
 
-									<div class="itemPic">
 
-										<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/thumb/main_sug06.jpg">
 
-										<button type="button" class="itemLike" tabindex="0">관심상품 추가</button>
 
-									</div>
 
-									<div class="itemInfo">
 
-										<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>
 
-									</div>
 
-								</a>
 
-							</div>
 
-						</div>
 
-						<div class="item_prod">
 
-							<div class="item_state">
 
-								<a href="#none" class="itemLink" tabindex="0">
 
-									<div class="itemPic">
 
-										<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/thumb/main_sug07.jpg">
 
-										<button type="button" class="itemLike" tabindex="0">관심상품 추가</button>
 
-									</div>
 
-									<div class="itemInfo">
 
-										<p class="itemBrand">BRAND NAME</p>
 
-										<div class=" itemName">남성 로고 자카드 방풍 패딩 가디건 자카드 방풍 패딩 스웨터 가디건</div>
 
-										<p class="itemPrice">80,100
 
-										</p>
 
-									</div>
 
-								</a>
 
-							</div>
 
-						</div>
 
-					</div>
 
-				</div>
 
-
 
-				<div class="fy_item" id="fy2">
 
-					<div class="part">
 
-						<div class="item_prod">
 
-							<div class="item_state">
 
-								<a href="#none" class="itemLink" tabindex="0">
 
-									<div class="itemPic">
 
-										<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/thumb/main_sug04.jpg">
 
-										<button type="button" class="itemLike" tabindex="0">관심상품 추가</button>
 
-									</div>
 
-									<div class="itemInfo">
 
-										<p class="itemBrand">BRAND NAME</p>
 
-										<div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
 
-										<p class="itemPrice">80,100
 
-										</p>
 
-									</div>
 
-								</a>
 
-							</div>
 
-						</div>
 
-						<div class="item_prod">
 
-							<div class="item_state">
 
-								<a href="#none" class="itemLink" tabindex="0">
 
-									<div class="itemPic">
 
-										<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/thumb/main_sug05.jpg">
 
-										<button type="button" class="itemLike" tabindex="0">관심상품 추가</button>
 
-									</div>
 
-									<div class="itemInfo">
 
-										<p class="itemBrand">BRAND NAME</p>
 
-										<div class=" itemName">남성 로고 자카드 방풍 패딩 가디건</div>
 
-										<p class="itemPrice">80,100
 
-										</p>
 
-									</div>
 
-								</a>
 
-							</div>
 
-						</div>
 
-					</div>
 
-					<div class="part">
 
-						<div class="item_prod">
 
-							<div class="item_state">
 
-								<a href="#none" class="itemLink" tabindex="0">
 
-									<div class="itemPic">
 
-										<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/thumb/main_sug01.jpg">
 
-										<button type="button" class="itemLike" tabindex="0">관심상품 추가</button>
 
-									</div>
 
-									<div class="itemInfo">
 
-										<p class="itemBrand">BRAND NAME</p>
 
-										<div class=" itemName">자카드 방풍 패딩 스웨터 가디건 자카드 </div>
 
-										<p class="itemPrice">80,100
 
-										</p>
 
-									</div>
 
-								</a>
 
-							</div>
 
-						</div>
 
-						<div class="item_prod">
 
-							<div class="item_state">
 
-								<a href="#none" class="itemLink" tabindex="0">
 
-									<div class="itemPic">
 
-										<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/thumb/main_sug02.jpg">
 
-										<button type="button" class="itemLike" tabindex="0">관심상품 추가</button>
 
-									</div>
 
-									<div class="itemInfo">
 
-										<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>
 
-									</div>
 
-								</a>
 
-							</div>
 
-						</div>
 
-					</div>
 
-					<div class="part">
 
-						<div class="item_prod">
 
-							<div class="item_state">
 
-								<a href="#none" class="itemLink" tabindex="0">
 
-									<div class="itemPic">
 
-										<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/thumb/main_sug06.jpg">
 
-										<button type="button" class="itemLike" tabindex="0">관심상품 추가</button>
 
-									</div>
 
-									<div class="itemInfo">
 
-										<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>
 
-									</div>
 
-								</a>
 
-							</div>
 
-						</div>
 
-						<div class="item_prod">
 
-							<div class="item_state">
 
-								<a href="#none" class="itemLink" tabindex="0">
 
-									<div class="itemPic">
 
-										<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/thumb/main_sug07.jpg">
 
-										<button type="button" class="itemLike" tabindex="0">관심상품 추가</button>
 
-									</div>
 
-									<div class="itemInfo">
 
-										<p class="itemBrand">BRAND NAME</p>
 
-										<div class=" itemName">남성 로고 자카드 방풍 패딩 가디건 자카드 방풍 패딩 스웨터 가디건</div>
 
-										<p class="itemPrice">80,100
 
-										</p>
 
-									</div>
 
-								</a>
 
-							</div>
 
-						</div>
 
-					</div>
 
-					<div class="part lg">
 
-						<div class="item_prod">
 
-							<div class="item_state">
 
-								<a href="#none" class="itemLink" tabindex="0">
 
-									<div class="itemPic">
 
-										<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/thumb/main_sug03.jpg">
 
-										<button type="button" class="itemLike" tabindex="0">관심상품 추가</button>
 
-									</div>
 
-									<div class="itemInfo">
 
-										<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>
 
-									</div>
 
-								</a>
 
-							</div>
 
-						</div>
 
-					</div>
 
-				</div>
 
-
 
-			</div>
 
-			<div class="cont_foot dpnone">
 
-				CONT-FOOT
 
-			</div>
 
-		</div>
 
-
 
-
 
-		<!-- 11. 바닥 슬라이드 -->
 
-		<div class="content wide main_tv">
 
-			<div class="cont_head">
 
-				<p class="displayH t_c">STYLE24 TV</p>
 
-			</div>
 
-			<div class="cont_body">
 
-				<div class="post-slider">
 
-					<div class="post-wrapper post-tv">
 
-						<div class="post">
 
-							<div class="movbox">
 
-								<iframe width="100%" height="100%" src="https://www.youtube.com/embed/hqryeW6scd0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
 
-							</div>
 
-						</div>
 
-						<div class="post">
 
-							<div class="movbox">
 
-								<iframe width="100%" height="100%" src="https://www.youtube.com/embed/J7nowE2iTIM" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
 
-							</div>
 
-						</div>
 
-						<div class="post">
 
-							<div class="movbox">
 
-								<iframe width="100%" height="100%" src="https://www.youtube.com/embed/cRiKrFk7FTM" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
 
-							</div>
 
-						</div>
 
-						<div class="post">
 
-							<div class="movbox">
 
-								<iframe width="100%" height="100%" src="https://www.youtube.com/embed/hqryeW6scd0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
 
-							</div>
 
-						</div>
 
-						<div class="post">
 
-							<div class="movbox">
 
-								<iframe width="100%" height="100%" src="https://www.youtube.com/embed/J7nowE2iTIM" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
 
-							</div>
 
-						</div>
 
-						<div class="post">
 
-							<div class="movbox">
 
-								<iframe width="100%" height="100%" src="https://www.youtube.com/embed/cRiKrFk7FTM" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
 
-							</div>
 
-						</div>
 
-					</div>
 
-				</div>
 
-
 
-			</div>
 
-			<div class="cont_foot dpnone">
 
-				CONT-FOOT
 
-			</div>
 
-		</div>
 
-	<!-- End Of Main Contents -->
 
-	</div>
 
-</div>
 
-
 
-<script th:inline="javascript">
 
-/*<![CDATA[*/
 
-	// 컨텐츠 호출
 
-	$(document).ready(function() {
 
-// 		$("#header").load("head.html");
 
-// 		$("#footer").load("foot.html");
 
-
 
-		$('.post-visual').slick({
 
-			// autoplay: true,
 
-			// autoplaySpeed: 1000,
 
-			dots: true,
 
-			infinite: true,
 
-			centerMode: true,
 
-			slidesToShow: 1,
 
-			slidesToScroll: 1,
 
-			centerMode: true,
 
-			centerPadding: '340px',
 
-		});
 
-
 
-		$('.post-trendy').slick({
 
-			// autoplay: true,
 
-			// autoplaySpeed: 1000,
 
-			dots: true,
 
-			infinite: true,
 
-			slidesToShow: 5,
 
-			slidesToScroll: 1,
 
-			variableWidth: true,
 
-		});	
-		
-		$('.post-it').slick({
 
-			// autoplay: true,
 
-			// autoplaySpeed: 1000,
 
-			// dots: true,
 
-			infinite: false,
 
-			arrows: false,
 
-			slidesToShow: 4,
 
-			slidesToScroll: 4,
 
-			speed: 400,
 
-			variableWidth: true,
 
-			freeMode: true,
 
-		});
 
-		
-		$(".it_nav .btn").click(function(){
 
-			var itActive = $(this).attr('data-tab');
 
-			$(".it_nav .btn").removeClass('active');
 
-			$(".it_item").removeClass('active');
 
-			$(this).addClass('active');
 
-			$('#'+itActive).addClass('active');
 
-		});
 
-		
-		// $('.post-it').slick('unslick');
 
-		//#it1 progress
 
-		$it1Slider = $('#it1 .post-it');
 
-		$it1ProgressBar = $('#it1 .post-it + .progress');
 
-		$it1ProgressBarLabel = $( '#it1 .post-it + .slider__label' );
 
-		$it1Slider.on('beforeChange', function(event, slick, currentSlide, nextSlide) {   
-			var calc = ( (nextSlide) / (slick.slideCount-1) ) * 100;
 
-			$it1ProgressBar
 
-				.css('background-size', calc + '% 100%')
 
-				.attr('aria-valuenow', calc );
 
-			$it1ProgressBarLabel.text( calc + '% completed' );
 
-		});
 
-
 
-		//#it2 progress
 
-		var $it2Slider = $('#it2 .post-it');
 
-		var $it2ProgressBar = $('#it2 .post-it + .progress');
 
-		var $it2ProgressBarLabel = $( '#it2 .post-it + .slider__label' );
 
-		$it2Slider.on('beforeChange', function(event, slick, currentSlide, nextSlide) {   
-			var calc = ( (nextSlide) / (slick.slideCount-1) ) * 100;
 
-			$it2ProgressBar
 
-				.css('background-size', calc + '% 100%')
 
-				.attr('aria-valuenow', calc );
 
-			$it2ProgressBarLabel.text( calc + '% completed' );
 
-		});
 
-		
-		$('.post-deal').slick({
 
-			// dots: true,
 
-			infinite: false,
 
-			arrows: false,
 
-			slidesToShow: 4,
 
-			slidesToScroll: 2,
 
-			variableWidth: true,
 
-			speed: 400,
 
-		});
 
-		
-		//post-deal progress
 
-		var $dealSlider = $('.post-deal');
 
-		var $dealProgressBar = $('.post-deal + .progress');
 
-		var $dealProgressBarLabel = $( '.post-deal + .slider__label' );
 
-		$dealSlider.on('beforeChange', function(event, slick, currentSlide, nextSlide) {   
-			var calc = ( (nextSlide) / (slick.slideCount-1) ) * 100;
 
-			$dealProgressBar
 
-				.css('background-size', calc + '% 100%')
 
-				.attr('aria-valuenow', calc );
 
-			$dealProgressBarLabel.text( calc + '% completed' );
 
-		});
 
-
 
-		$('.post-lookbook').slick({
 
-			slidesToShow: 1,
 
-			slidesToScroll: 1,
 
-			dots: true,
 
-			arrows:false,
 
-			infinite: true,
 
-			autoplay: true,
 
-			autoplaySpeed: 1000,
 
-		});
 
-		
-		$('.post-pick-nav').slick({
 
-			infinite: true,
 
-			slidesToScroll: 1,
 
-			focusOnSelect: true,
 
-			variableWidth: true,
 
-			dots: false,
 
-			asNavFor: '.post-pick-for',
 
-		});
 
-		
-		$('.post-pick-for').slick({
 
-			slidesToShow: 1,
 
-			slidesToScroll: 1,
 
-			arrows: false,
 
-			fade: true,
 
-			asNavFor: '.post-pick-nav',
 
-		});
 
-
 
-		$('.post-bnnWide').slick({
 
-			slidesToShow: 1,
 
-			slidesToScroll: 1,
 
-			// cssEase: 'linear'
 
-			// autoplay: true,
 
-			// autoplaySpeed: 1000,
 
-		});
 
-		$('.post-recomm').slick({
 
-			slidesToShow: 1,
 
-			slidesToScroll: 1,
 
-			dots: true,
 
-			infinite: true,
 
-		});
 
-		
-		$(".action button").on('click', function(){
 
-			var filter = $(this).data('filter');
 
-			$(".post-recomm").slick('slickUnfilter');
 
-			
-			if(filter == 'tag_warm'){
 
-				$(".post-recomm").slick('slickFilter','.tag_warm');
 
-			}
 
-			else if(filter == 'tag_daily'){
 
-				$(".post-recomm").slick('slickFilter','.tag_daily');
 
-			}
 
-			else if(filter == 'tag_homeware'){
 
-				$(".post-recomm").slick('slickFilter','.tag_homeware');
 
-			}
 
-			else if(filter == 'tag_point'){
 
-				$(".post-recomm").slick('slickFilter','.tag_point');
 
-			}
 
-			else if(filter == 'tag_classic'){
 
-				$(".post-recomm").slick('slickFilter','.tag_classic');
 
-			}
 
-			else if(filter == 'all'){		
-				$(".post-recomm").slick('slickUnfilter');
 
-			}
 
-		})
 
-
 
-		$('.post-sug').slick({
 
-			slidesToShow: 1,
 
-			slidesToScroll: 1,
 
-			dots: true,
 
-			arrows: false,
 
-			fade: true,
 
-			infinite: true,
 
-			// autoplay: true,
 
-			// autoplaySpeed: 3000,
 
-		});
 
-		
-		$(".fy_nav .btn_shape").click(function(){
 
-			var fyActive = $(this).attr('data-tab');
 
-			$(".fy_nav .btn_shape").removeClass('active');
 
-			$(".fy_item").removeClass('active');
 
-			$(this).addClass('active');
 
-			$('#'+fyActive).addClass('active');
 
-		});
 
-
 
-		$('.post-tv').slick({
 
-			swipeToSlide: true,
 
-			dots: true,
 
-			infinite: true,
 
-			slidesToShow: 1,
 
-			slidesToScroll: 1,
 
-			centerMode: true,
 
-			centerPadding: '340px',
 
-			
-			// autoplay: true,
 
-			// autoplaySpeed: 850,
 
-
 
-			// 반응형대응
 
-			// responsive: [{
 
-			// 	breakpoint: 768,
 
-			// 	settings: {
 
-			// 		arrows: false,
 
-			// 		centerMode: true,
 
-			// 		centerPadding: '40px',
 
-			// 		slidesToShow: 3
 
-			// 	}
 
-			// },
 
-			// {
 
-			// 	breakpoint: 480,
 
-			// 	settings: {
 
-			// 		arrows: false,
 
-			// 		centerMode: true,
 
-			// 		centerPadding: '40px',
 
-			// 		slidesToShow: 1
 
-			// 	}
 
-			// }]
 
-		});
 
-	});
 
-	
-	// header scroll
 
-	$(function(){
 
-		$(window).scroll(function(){
 
-			var scroll = $(this).scrollTop();
 
-			var headerH = $(".header").height();
 
-			if ($(window).scrollTop() > headerH){
 
-				$(".header").addClass("minify");
 
-				return false;
 
-			}
 
-			else {
 
-				$(".header").removeClass("minify");
 
-				return false;
 
-			}
 
-		});
 
-	});
 
-/*]]>*/
 
-</script>
 
-
 
-</th:block>
 
-
 
-</body>
 
-</html>

Some files were not shown because too many files changed in this diff