Browse Source

Merge branch 'develop' of http://112.172.147.34:4936/style24/style24.front into develop

jsshin 4 years ago
parent
commit
7e1d7f0708

+ 2 - 1
src/main/webapp/WEB-INF/views/mob/display/BrandSearchGoodsListFormMob.html

@@ -23,6 +23,7 @@
 		<section class="sch_result">
 		<section class="sch_result">
 			<div class="inner">
 			<div class="inner">
 				<form id="InnerSearchForm" name="InnerSearchForm">
 				<form id="InnerSearchForm" name="InnerSearchForm">
+					<input type="hidden" name="brandGroupNo" th:value="${params.brandGroupNo}">
 					<div class="sch_title">
 					<div class="sch_title">
 						<input type="text" class="form_control" id="keyword" name="keyword" th:value="${params.keyword}" placeholder="" maxlength="100">
 						<input type="text" class="form_control" id="keyword" name="keyword" th:value="${params.keyword}" placeholder="" maxlength="100">
 						<!-- <button class="btn_x">X</button> -->
 						<!-- <button class="btn_x">X</button> -->
@@ -787,7 +788,7 @@
 		let keyword = $("#InnerSearchForm").find("input[name=keyword]").val();
 		let keyword = $("#InnerSearchForm").find("input[name=keyword]").val();
 		let brandGroupNo = $("#InnerSearchForm").find("input[name=brandGroupNo]").val();
 		let brandGroupNo = $("#InnerSearchForm").find("input[name=brandGroupNo]").val();
 		$("#searchGoodsForm").find('input[name=keyword]').val($("#InnerSearchForm").find("input[name=keyword]").val());
 		$("#searchGoodsForm").find('input[name=keyword]').val($("#InnerSearchForm").find("input[name=keyword]").val());
-		cfnGoToSearchGoodsListForm(keyword,brandGroupNo);
+		cfnGoToBrnadSearchGoodsListForm(keyword,brandGroupNo);
 	}
 	}
 
 
 
 

+ 460 - 456
src/main/webapp/WEB-INF/views/mob/display/BrandSearchLayerMob.html

@@ -15,498 +15,502 @@
  *******************************************************************************
  *******************************************************************************
  -->
  -->
 <body>
 <body>
-<div class="modal-header htop">
-	<h5 class="modal-title sr-only" id="schPopLabel">통합검색</h5>
-</div>
-<div class="modal-body">
-	<section class="sch_result">
-		<!-- 1.통합검색 default -->
-		<div class="inner">
-			<form id="searchMainForm" name="searchMainForm">
-				<input type="hidden" name="brandGroupNo" th:value="${brandGroupNo}"/>
-				<div class="brand_title">
-					<input type="text" class="form_control" name="keyword" placeholder="검색어를 입력하세요." onkeyup="fnOnkeyupKeyword(this);">
-					<button type="button" class="btn_x" id="deleteKeyword" style="display:none;">X</button>
-					<button type="button" class="btn_sch" id="btnSearchKeyword"><img src="/images/mo/ico_btn_search.png" alt=""></button>
-				</div>
-			</form>
+<div class="modal-dialog" role="document">
+	<div class="modal-content">
+		<div class="modal-header htop">
+			<h5 class="modal-title sr-only" id="schPopLabel">통합검색</h5>
 		</div>
 		</div>
-
-		<div class="inner" id="defaultArea">
-			<div class="filter-list">
-				<div class="f_left">
-					<h3>최근 검색어</h3>
-				</div>
-				<div class="f_right">
+		<div class="modal-body">
+			<section class="sch_result">
+				<!-- 1.통합검색 default -->
+				<div class="inner">
+					<form id="searchMainForm" name="searchMainForm">
+						<input type="hidden" name="brandGroupNo" th:value="${brandGroupNo}"/>
+						<div class="sch_title">
+							<input type="text" class="form_control" name="keyword" placeholder="검색어를 입력하세요." onkeyup="fnOnkeyupKeyword(this);">
+							<button type="button" class="btn_x" id="deleteKeyword" style="display:none;">X</button>
+							<button type="button" class="btn_sch" id="btnSearchKeyword"><img src="/images/mo/ico_btn_search.png" alt=""></button>
+						</div>
+					</form>
 				</div>
 				</div>
-			</div>
-			<div class="search-list" th:classappend="${#lists.isEmpty(recentlyKeywordList)?'nodata':''}"> <!-- 검색데이터 없을시 nodata 클래스 추가. -->
-				<ul>
-					<li th:if="${recentlyKeywordList}" th:each="oneData, status : ${recentlyKeywordList}">
-						<a href="javascript:void(0);" th:onclick="fnSearchKeyword([[${oneData}]])">
-							<p th:text="${oneData}"></p>
-						</a>
-						<button type="button" class="xBtn" th:onclick="fnDeleteCookie(this,[[${oneData}]]);"><span>삭제</span></button>
-					</li>
-				</ul>
-				<p class="nodata_txt" th:if="${#lists.isEmpty(recentlyKeywordList)}">최근 검색어가 없습니다.</p>
-			</div>
-			<h3 class="hot-key" th:if="${brandGroupNo==null}">STYLE24에서 검색되고 있어요</h3>
-			<div class="related_keyword" th:if="${brandGroupNo==null}">
-				<div class="sub_category">
-					<div class="cate_wrap" id="popularKeyArea">
-<!--						<a href="javascript:;" class="on">전체</a>-->
+
+				<div class="inner" id="defaultArea">
+					<div class="filter-list">
+						<div class="f_left">
+							<h3>최근 검색어</h3>
+						</div>
+						<div class="f_right">
+						</div>
+					</div>
+					<div class="search-list" th:classappend="${#lists.isEmpty(recentlyKeywordList)?'nodata':''}"> <!-- 검색데이터 없을시 nodata 클래스 추가. -->
+						<ul>
+							<li th:if="${recentlyKeywordList}" th:each="oneData, status : ${recentlyKeywordList}">
+								<a href="javascript:void(0);" th:onclick="fnSearchKeyword([[${oneData}]])">
+									<p th:text="${oneData}"></p>
+								</a>
+								<button type="button" class="xBtn" th:onclick="fnDeleteCookie(this,[[${oneData}]]);"><span>삭제</span></button>
+							</li>
+						</ul>
+						<p class="nodata_txt" th:if="${#lists.isEmpty(recentlyKeywordList)}">최근 검색어가 없습니다.</p>
+					</div>
+					<h3 class="hot-key" th:if="${brandGroupNo==null}">STYLE24에서 검색되고 있어요</h3>
+					<div class="related_keyword" th:if="${brandGroupNo==null}">
+						<div class="sub_category">
+							<div class="cate_wrap" id="popularKeyArea">
+		<!--						<a href="javascript:;" class="on">전체</a>-->
+							</div>
+						</div>
 					</div>
 					</div>
 				</div>
 				</div>
-			</div>
-		</div>
-		<!-- //1.통합검색 default -->
+				<!-- //1.통합검색 default -->
 
 
-		<!-- 2.통합검색 default_최근검색어 있음 -->
-<!--		<div class="inner">-->
-<!--			<div class="sch_title">-->
-<!--				<input type="text" class="form_control" placeholder="NBA 겨울 클리어런스+봄 프리뷰!">-->
-<!--				&lt;!&ndash; <button class="btn_x">X</button> &ndash;&gt;-->
-<!--				<button type="button" class="btn_sch"><img src="/images/mo/ico_btn_search.png" alt=""></button>-->
-<!--			</div>-->
-<!--			<div class="filter-list">-->
-<!--				<div class="f_left">-->
-<!--					<h3>최근 검색어</h3>-->
-<!--				</div>-->
-<!--				<div class="f_right">-->
-<!--					<button class="allxBtn"><span>전체삭제</span></button>-->
-<!--				</div>-->
-<!--			</div>-->
-<!--			<div class="search-list">-->
-<!--				<ul>-->
-<!--					<li>-->
-<!--						<a href="javascript:void(0);">-->
-<!--							<p>01슬랙스</p>-->
-<!--						</a>-->
-<!--						<button type="button" class="xBtn"><span>삭제</span></button>-->
-<!--					</li>-->
-<!--					<li>-->
-<!--						<a href="javascript:void(0);">-->
-<!--							<p>02특가세일</p>-->
-<!--						</a>-->
-<!--						<button type="button" class="xBtn"><span>삭제</span></button>-->
-<!--					</li>-->
-<!--					<li>-->
-<!--						<a href="javascript:void(0);">-->
-<!--							<p>03모이몰른 티셔츠</p>-->
-<!--						</a>-->
-<!--						<button type="button" class="xBtn"><span>삭제</span></button>-->
-<!--					</li>-->
-<!--					<li>-->
-<!--						<a href="javascript:void(0);">-->
-<!--							<p>04모이몰른 티셔츠</p>-->
-<!--						</a>-->
-<!--						<button type="button" class="xBtn"><span>삭제</span></button>-->
-<!--					</li>-->
-<!--					<li>-->
-<!--						<a href="javascript:void(0);">-->
-<!--							<p>05모이몰른 티셔츠</p>-->
-<!--						</a>-->
-<!--						<button type="button" class="xBtn"><span>삭제</span></button>-->
-<!--					</li>-->
-<!--					<li>-->
-<!--						<a href="javascript:void(0);">-->
-<!--							<p>06모이몰른 티셔츠</p>-->
-<!--						</a>-->
-<!--						<button type="button" class="xBtn"><span>삭제</span></button>-->
-<!--					</li>-->
-<!--					<li>-->
-<!--						<a href="javascript:void(0);">-->
-<!--							<p>07모이몰른 티셔츠</p>-->
-<!--						</a>-->
-<!--						<button type="button" class="xBtn"><span>삭제</span></button>-->
-<!--					</li>-->
-<!--					<li>-->
-<!--						<a href="javascript:void(0);">-->
-<!--							<p>08모이몰른 티셔츠</p>-->
-<!--						</a>-->
-<!--						<button type="button" class="xBtn"><span>삭제</span></button>-->
-<!--					</li>-->
-<!--					<li>-->
-<!--						<a href="javascript:void(0);">-->
-<!--							<p>09모이몰른 티셔츠</p>-->
-<!--						</a>-->
-<!--						<button type="button" class="xBtn"><span>삭제</span></button>-->
-<!--					</li>-->
-<!--					<li>-->
-<!--						<a href="javascript:void(0);">-->
-<!--							<p>10모이몰른 티셔츠</p>-->
-<!--						</a>-->
-<!--						<button type="button" class="xBtn"><span>삭제</span></button>-->
-<!--					</li>-->
-<!--				</ul>-->
-<!--				<p class="nodata_txt">최근 검색어가 없습니다.</p>-->
-<!--			</div>-->
-<!--			<h3 class="hot-key">STYLE24에서 검색되고 있어요</h3>-->
-<!--			<div class="related_keyword">-->
-<!--				<div class="sub_category">-->
-<!--					<div class="cate_wrap">-->
-<!--						<a href="javascript:;" class="on">전체</a>-->
-<!--						<a href="javascript:;"><span>#</span> 티셔츠/셔츠</a>-->
-<!--						<a href="javascript:;"><span>#</span> 니트/가디건/베스트</a>-->
-<!--						<a href="javascript:;"><span>#</span> 원피스/스커트</a>-->
-<!--						<a href="javascript:;"><span>#</span> 팬츠/데님/레깅스</a>-->
-<!--						<a href="javascript:;"><span>#</span> 가죽/모피</a>-->
-<!--						<a href="javascript:;"><span>#</span> 여성 잡화</a>-->
-<!--						<a href="javascript:;"><span>#</span> 언더웨어</a>-->
-<!--						<a href="javascript:;"><span>#</span> 세트</a>-->
-<!--						<a href="javascript:;"><span>#</span> 니트/가디건/베스트</a>-->
-<!--						<a href="javascript:;"><span>#</span> 원피스/스커트</a>-->
-<!--						<a href="javascript:;"><span>#</span> 가죽/모피</a>-->
-<!--						<a href="javascript:;"><span>#</span> 여성 잡화</a>-->
-<!--					</div>-->
-<!--				</div>-->
-<!--			</div>-->
-<!--		</div>-->
-		<!-- //2.통합검색 default_최근검색어 있음 -->
-		<!-- 3.지금 많이 보고 있어요 상품. -->
-		<div class="inner" id="popularArea">
-			<div class="now_view">
-				<div class="store_product">
-					<div class="allresult-tit">
-						<h3>지금 많이 보고 있어요</h3>
-						<button class="btn_refresh"><span>17:30</span> 기준</button>
-					</div>
-					<div class="swiper-container sch_product">
-						<div class="swiper-wrapper">
-							<div class="swiper-slide">
-								<div class="item_prod">
-									<button type="button" class="itemLike">관심상품 추가</button>
-									<a href="#">
-										<img src="/images/mo/br_main03.png" alt="">
-										<div class="s-text">
-											<div class="itemName">여성 오버핏 투마일 웨어 아노락 에코</div>
-											<p class="itemTag">508명 보는중</p>
-										</div>
-									</a>
-								</div>
+				<!-- 2.통합검색 default_최근검색어 있음 -->
+		<!--		<div class="inner">-->
+		<!--			<div class="sch_title">-->
+		<!--				<input type="text" class="form_control" placeholder="NBA 겨울 클리어런스+봄 프리뷰!">-->
+		<!--				&lt;!&ndash; <button class="btn_x">X</button> &ndash;&gt;-->
+		<!--				<button type="button" class="btn_sch"><img src="/images/mo/ico_btn_search.png" alt=""></button>-->
+		<!--			</div>-->
+		<!--			<div class="filter-list">-->
+		<!--				<div class="f_left">-->
+		<!--					<h3>최근 검색어</h3>-->
+		<!--				</div>-->
+		<!--				<div class="f_right">-->
+		<!--					<button class="allxBtn"><span>전체삭제</span></button>-->
+		<!--				</div>-->
+		<!--			</div>-->
+		<!--			<div class="search-list">-->
+		<!--				<ul>-->
+		<!--					<li>-->
+		<!--						<a href="javascript:void(0);">-->
+		<!--							<p>01슬랙스</p>-->
+		<!--						</a>-->
+		<!--						<button type="button" class="xBtn"><span>삭제</span></button>-->
+		<!--					</li>-->
+		<!--					<li>-->
+		<!--						<a href="javascript:void(0);">-->
+		<!--							<p>02특가세일</p>-->
+		<!--						</a>-->
+		<!--						<button type="button" class="xBtn"><span>삭제</span></button>-->
+		<!--					</li>-->
+		<!--					<li>-->
+		<!--						<a href="javascript:void(0);">-->
+		<!--							<p>03모이몰른 티셔츠</p>-->
+		<!--						</a>-->
+		<!--						<button type="button" class="xBtn"><span>삭제</span></button>-->
+		<!--					</li>-->
+		<!--					<li>-->
+		<!--						<a href="javascript:void(0);">-->
+		<!--							<p>04모이몰른 티셔츠</p>-->
+		<!--						</a>-->
+		<!--						<button type="button" class="xBtn"><span>삭제</span></button>-->
+		<!--					</li>-->
+		<!--					<li>-->
+		<!--						<a href="javascript:void(0);">-->
+		<!--							<p>05모이몰른 티셔츠</p>-->
+		<!--						</a>-->
+		<!--						<button type="button" class="xBtn"><span>삭제</span></button>-->
+		<!--					</li>-->
+		<!--					<li>-->
+		<!--						<a href="javascript:void(0);">-->
+		<!--							<p>06모이몰른 티셔츠</p>-->
+		<!--						</a>-->
+		<!--						<button type="button" class="xBtn"><span>삭제</span></button>-->
+		<!--					</li>-->
+		<!--					<li>-->
+		<!--						<a href="javascript:void(0);">-->
+		<!--							<p>07모이몰른 티셔츠</p>-->
+		<!--						</a>-->
+		<!--						<button type="button" class="xBtn"><span>삭제</span></button>-->
+		<!--					</li>-->
+		<!--					<li>-->
+		<!--						<a href="javascript:void(0);">-->
+		<!--							<p>08모이몰른 티셔츠</p>-->
+		<!--						</a>-->
+		<!--						<button type="button" class="xBtn"><span>삭제</span></button>-->
+		<!--					</li>-->
+		<!--					<li>-->
+		<!--						<a href="javascript:void(0);">-->
+		<!--							<p>09모이몰른 티셔츠</p>-->
+		<!--						</a>-->
+		<!--						<button type="button" class="xBtn"><span>삭제</span></button>-->
+		<!--					</li>-->
+		<!--					<li>-->
+		<!--						<a href="javascript:void(0);">-->
+		<!--							<p>10모이몰른 티셔츠</p>-->
+		<!--						</a>-->
+		<!--						<button type="button" class="xBtn"><span>삭제</span></button>-->
+		<!--					</li>-->
+		<!--				</ul>-->
+		<!--				<p class="nodata_txt">최근 검색어가 없습니다.</p>-->
+		<!--			</div>-->
+		<!--			<h3 class="hot-key">STYLE24에서 검색되고 있어요</h3>-->
+		<!--			<div class="related_keyword">-->
+		<!--				<div class="sub_category">-->
+		<!--					<div class="cate_wrap">-->
+		<!--						<a href="javascript:;" class="on">전체</a>-->
+		<!--						<a href="javascript:;"><span>#</span> 티셔츠/셔츠</a>-->
+		<!--						<a href="javascript:;"><span>#</span> 니트/가디건/베스트</a>-->
+		<!--						<a href="javascript:;"><span>#</span> 원피스/스커트</a>-->
+		<!--						<a href="javascript:;"><span>#</span> 팬츠/데님/레깅스</a>-->
+		<!--						<a href="javascript:;"><span>#</span> 가죽/모피</a>-->
+		<!--						<a href="javascript:;"><span>#</span> 여성 잡화</a>-->
+		<!--						<a href="javascript:;"><span>#</span> 언더웨어</a>-->
+		<!--						<a href="javascript:;"><span>#</span> 세트</a>-->
+		<!--						<a href="javascript:;"><span>#</span> 니트/가디건/베스트</a>-->
+		<!--						<a href="javascript:;"><span>#</span> 원피스/스커트</a>-->
+		<!--						<a href="javascript:;"><span>#</span> 가죽/모피</a>-->
+		<!--						<a href="javascript:;"><span>#</span> 여성 잡화</a>-->
+		<!--					</div>-->
+		<!--				</div>-->
+		<!--			</div>-->
+		<!--		</div>-->
+				<!-- //2.통합검색 default_최근검색어 있음 -->
+				<!-- 3.지금 많이 보고 있어요 상품. -->
+				<div class="inner" id="popularArea">
+					<div class="now_view">
+						<div class="store_product">
+							<div class="allresult-tit">
+								<h3>지금 많이 보고 있어요</h3>
+								<button class="btn_refresh"><span>17:30</span> 기준</button>
 							</div>
 							</div>
-							<div class="swiper-slide">
-								<div class="item_prod">
-									<button type="button" class="itemLike">관심상품 추가</button>
-									<a href="#">
-										<img src="/images/mo/br_main03.png" alt="">
-										<div class="s-text">
-											<div class="itemName">여성 오버핏 투마일 웨어 아노락 에코</div>
-											<p class="itemTag">508명 보는중</p>
+							<div class="swiper-container sch_product">
+								<div class="swiper-wrapper">
+									<div class="swiper-slide">
+										<div class="item_prod">
+											<button type="button" class="itemLike">관심상품 추가</button>
+											<a href="#">
+												<img src="/images/mo/br_main03.png" alt="">
+												<div class="s-text">
+													<div class="itemName">여성 오버핏 투마일 웨어 아노락 에코</div>
+													<p class="itemTag">508명 보는중</p>
+												</div>
+											</a>
 										</div>
 										</div>
-									</a>
-								</div>
-							</div>
-							<div class="swiper-slide">
-								<div class="item_prod">
-									<button type="button" class="itemLike">관심상품 추가</button>
-									<a href="#">
-										<img src="/images/mo/br_main03.png" alt="">
-										<div class="s-text">
-											<div class="itemName">여성 오버핏 투마일 웨어 아노락 에코</div>
-											<p class="itemTag">508명 보는중</p>
+									</div>
+									<div class="swiper-slide">
+										<div class="item_prod">
+											<button type="button" class="itemLike">관심상품 추가</button>
+											<a href="#">
+												<img src="/images/mo/br_main03.png" alt="">
+												<div class="s-text">
+													<div class="itemName">여성 오버핏 투마일 웨어 아노락 에코</div>
+													<p class="itemTag">508명 보는중</p>
+												</div>
+											</a>
 										</div>
 										</div>
-									</a>
-								</div>
-							</div>
-							<div class="swiper-slide">
-								<div class="item_prod">
-									<button type="button" class="itemLike">관심상품 추가</button>
-									<a href="#">
-										<img src="/images/mo/br_main03.png" alt="">
-										<div class="s-text">
-											<div class="itemName">여성 오버핏 투마일 웨어 아노락 에코</div>
-											<p class="itemTag">508명 보는중</p>
+									</div>
+									<div class="swiper-slide">
+										<div class="item_prod">
+											<button type="button" class="itemLike">관심상품 추가</button>
+											<a href="#">
+												<img src="/images/mo/br_main03.png" alt="">
+												<div class="s-text">
+													<div class="itemName">여성 오버핏 투마일 웨어 아노락 에코</div>
+													<p class="itemTag">508명 보는중</p>
+												</div>
+											</a>
 										</div>
 										</div>
-									</a>
-								</div>
-							</div>
-							<div class="swiper-slide">
-								<div class="item_prod">
-									<button type="button" class="itemLike">관심상품 추가</button>
-									<a href="#">
-										<img src="/images/mo/br_main03.png" alt="">
-										<div class="s-text">
-											<div class="itemName">여성 오버핏 투마일 웨어 아노락 에코</div>
-											<p class="itemTag">508명 보는중</p>
+									</div>
+									<div class="swiper-slide">
+										<div class="item_prod">
+											<button type="button" class="itemLike">관심상품 추가</button>
+											<a href="#">
+												<img src="/images/mo/br_main03.png" alt="">
+												<div class="s-text">
+													<div class="itemName">여성 오버핏 투마일 웨어 아노락 에코</div>
+													<p class="itemTag">508명 보는중</p>
+												</div>
+											</a>
 										</div>
 										</div>
-									</a>
-								</div>
-							</div>
-							<div class="swiper-slide">
-								<div class="item_prod">
-									<button type="button" class="itemLike">관심상품 추가</button>
-									<a href="#">
-										<img src="/images/mo/br_main03.png" alt="">
-										<div class="s-text">
-											<div class="itemName">여성 오버핏 투마일 웨어 아노락 에코</div>
-											<p class="itemTag">508명 보는중</p>
+									</div>
+									<div class="swiper-slide">
+										<div class="item_prod">
+											<button type="button" class="itemLike">관심상품 추가</button>
+											<a href="#">
+												<img src="/images/mo/br_main03.png" alt="">
+												<div class="s-text">
+													<div class="itemName">여성 오버핏 투마일 웨어 아노락 에코</div>
+													<p class="itemTag">508명 보는중</p>
+												</div>
+											</a>
 										</div>
 										</div>
-									</a>
-								</div>
-							</div>
-							<div class="swiper-slide">
-								<div class="item_prod">
-									<button type="button" class="itemLike">관심상품 추가</button>
-									<a href="#">
-										<img src="/images/mo/br_main03.png" alt="">
-										<div class="s-text">
-											<div class="itemName">여성 오버핏 투마일 웨어 아노락 에코</div>
-											<p class="itemTag">508명 보는중</p>
+									</div>
+									<div class="swiper-slide">
+										<div class="item_prod">
+											<button type="button" class="itemLike">관심상품 추가</button>
+											<a href="#">
+												<img src="/images/mo/br_main03.png" alt="">
+												<div class="s-text">
+													<div class="itemName">여성 오버핏 투마일 웨어 아노락 에코</div>
+													<p class="itemTag">508명 보는중</p>
+												</div>
+											</a>
 										</div>
 										</div>
-									</a>
-								</div>
-							</div>
-							<div class="swiper-slide">
-								<div class="item_prod">
-									<button type="button" class="itemLike">관심상품 추가</button>
-									<a href="#">
-										<img src="/images/mo/br_main03.png" alt="">
-										<div class="s-text">
-											<div class="itemName">여성 오버핏 투마일 웨어 아노락 에코</div>
-											<p class="itemTag">508명 보는중</p>
+									</div>
+									<div class="swiper-slide">
+										<div class="item_prod">
+											<button type="button" class="itemLike">관심상품 추가</button>
+											<a href="#">
+												<img src="/images/mo/br_main03.png" alt="">
+												<div class="s-text">
+													<div class="itemName">여성 오버핏 투마일 웨어 아노락 에코</div>
+													<p class="itemTag">508명 보는중</p>
+												</div>
+											</a>
+										</div>
+									</div>
+									<div class="swiper-slide">
+										<div class="item_prod">
+											<button type="button" class="itemLike">관심상품 추가</button>
+											<a href="#">
+												<img src="/images/mo/br_main03.png" alt="">
+												<div class="s-text">
+													<div class="itemName">여성 오버핏 투마일 웨어 아노락 에코</div>
+													<p class="itemTag">508명 보는중</p>
+												</div>
+											</a>
 										</div>
 										</div>
-									</a>
+									</div>
 								</div>
 								</div>
 							</div>
 							</div>
 						</div>
 						</div>
 					</div>
 					</div>
 				</div>
 				</div>
-			</div>
-		</div>
-		<!-- //3.지금 많이 보고 있어요 상품. -->
-
-		<!-- 4.검색어 타이핑 -->
-		<div class="inner" id="keyupArea" th:if="${brandGroupNo==null}">
-<!--			<div class="sch_title">-->
-<!--				<input type="text" class="form_control" value="티비제이 제기장 스웨터" placeholder="NBA 겨울 클리어런스+봄 프리뷰!">-->
-<!--				<button class="btn_x"><span>검색어 지우기</span></button>-->
-<!--				<button class="btn_sch"><img src="/images/mo/ico_btn_search.png" alt=""></button>-->
-<!--			</div>-->
-			<div class="filter-list store-list">
-<!--				<div class="f_left">-->
-<!--					<h3>티비제이 공식 스토어</h3>-->
-<!--				</div>-->
-<!--				<div class="f_right">-->
-<!--					<a href="#none">바로가기</a>-->
-<!--				</div>-->
-			</div>
-			<div class="relative-list">
-<!--				<ul>-->
-<!--					<li>-->
-<!--						<a href="#">-->
-<!--							<p><span>티비제이</span></p>-->
-<!--						</a>-->
-<!--					</li>-->
-<!--					<li>-->
-<!--						<a href="#">-->
-<!--							<p><span>티비제이</span> 기모청바지</p>-->
-<!--						</a>-->
-<!--					</li>-->
-<!--					<li>-->
-<!--						<a href="#">-->
-<!--							<p>TBJ 겨울 팬츠</p>-->
-<!--						</a>-->
-<!--					</li>-->
-<!--					<li>-->
-<!--						<a href="#">-->
-<!--							<p><span>제기장 스웨터</span></p>-->
-<!--						</a>-->
-<!--					</li>-->
-<!--					<li>-->
-<!--						<a href="#">-->
-<!--							<p><span>티비제이</span> 드라마 연예인 스웨터</p>-->
-<!--						</a>-->
-<!--					</li>-->
-<!--					<li>-->
-<!--						<a href="#">-->
-<!--							<p>가을겨울 긴팔 롱 <span>스웨터</span></p>-->
-<!--						</a>-->
-<!--					</li>-->
-<!--					<li>-->
-<!--						<a href="#">-->
-<!--							<p><span>스웨터</span></p>-->
-<!--						</a>-->
-<!--					</li>-->
-<!--					<li>-->
-<!--						<a href="#">-->
-<!--							<p>롱 <span>스웨터</span></p>-->
-<!--						</a>-->
-<!--					</li>-->
-<!--					<li>-->
-<!--						<a href="#">-->
-<!--							<p><span>티비제이</span> 여성 <span>스웨터</span></p>-->
-<!--						</a>-->
-<!--					</li>-->
-<!--					<li>-->
-<!--						<a href="#">-->
-<!--							<p>가을겨울 긴팔 롱 <span>스웨터</span></p>-->
-<!--						</a>-->
-<!--					</li>-->
-<!--				</ul>-->
-<!--				<p class="nodata_txt">&lsquo;<span>스웨터 제기장</span>&rsquo; 에 맞는 상품을 찾지 못했습니다.<br>검색어를 변경해 보세요.</p>-->
-			</div>
-		</div>
-		<!-- //4.검색어 타이핑 -->
+				<!-- //3.지금 많이 보고 있어요 상품. -->
 
 
-		<!-- 3.검색결과 없을때 -->
-		<div class="inner" id="noDataArea">
-<!--			<div class="sch_title">-->
-<!--				<input type="text" class="form_control" placeholder="NBA 겨울 클리어런스+봄 프리뷰!">-->
-<!--				&lt;!&ndash; <button class="btn_x">X</button> &ndash;&gt;-->
-<!--				<button class="btn_sch"><img src="/images/mo/ico_btn_search.png" alt=""></button>-->
-<!--			</div>-->
-			<div class="relative-list nodata"> <!-- 검색결과 없을 시 nodata 클래스 추가 -->
-				<p class="nodata_txt">&lsquo;<span id="noDataKeyword"></span>&rsquo; 에 맞는 상품을 찾지 못했습니다.<br>검색어를 변경해 보세요.</p>
-			</div>
-			<h3 class="hot-key">STYLE24에서 검색되고 있어요</h3>
-			<div class="related_keyword">
-				<div class="sub_category">
-					<div class="cate_wrap">
-						<a href="javascript:;" class="on">전체</a>
-						<a href="javascript:;"><span>#</span> 티셔츠/셔츠</a>
-						<a href="javascript:;"><span>#</span> 니트/가디건/베스트</a>
-						<a href="javascript:;"><span>#</span> 원피스/스커트</a>
-						<a href="javascript:;"><span>#</span> 팬츠/데님/레깅스</a>
-						<a href="javascript:;"><span>#</span> 가죽/모피</a>
-						<a href="javascript:;"><span>#</span> 여성 잡화</a>
-						<a href="javascript:;"><span>#</span> 언더웨어</a>
-						<a href="javascript:;"><span>#</span> 세트</a>
-						<a href="javascript:;"><span>#</span> 니트/가디건/베스트</a>
-						<a href="javascript:;"><span>#</span> 원피스/스커트</a>
-						<a href="javascript:;"><span>#</span> 가죽/모피</a>
-						<a href="javascript:;"><span>#</span> 여성 잡화</a>
+				<!-- 4.검색어 타이핑 -->
+				<div class="inner" id="keyupArea" th:if="${brandGroupNo==null}">
+		<!--			<div class="sch_title">-->
+		<!--				<input type="text" class="form_control" value="티비제이 제기장 스웨터" placeholder="NBA 겨울 클리어런스+봄 프리뷰!">-->
+		<!--				<button class="btn_x"><span>검색어 지우기</span></button>-->
+		<!--				<button class="btn_sch"><img src="/images/mo/ico_btn_search.png" alt=""></button>-->
+		<!--			</div>-->
+					<div class="filter-list store-list">
+		<!--				<div class="f_left">-->
+		<!--					<h3>티비제이 공식 스토어</h3>-->
+		<!--				</div>-->
+		<!--				<div class="f_right">-->
+		<!--					<a href="#none">바로가기</a>-->
+		<!--				</div>-->
+					</div>
+					<div class="relative-list">
+		<!--				<ul>-->
+		<!--					<li>-->
+		<!--						<a href="#">-->
+		<!--							<p><span>티비제이</span></p>-->
+		<!--						</a>-->
+		<!--					</li>-->
+		<!--					<li>-->
+		<!--						<a href="#">-->
+		<!--							<p><span>티비제이</span> 기모청바지</p>-->
+		<!--						</a>-->
+		<!--					</li>-->
+		<!--					<li>-->
+		<!--						<a href="#">-->
+		<!--							<p>TBJ 겨울 팬츠</p>-->
+		<!--						</a>-->
+		<!--					</li>-->
+		<!--					<li>-->
+		<!--						<a href="#">-->
+		<!--							<p><span>제기장 스웨터</span></p>-->
+		<!--						</a>-->
+		<!--					</li>-->
+		<!--					<li>-->
+		<!--						<a href="#">-->
+		<!--							<p><span>티비제이</span> 드라마 연예인 스웨터</p>-->
+		<!--						</a>-->
+		<!--					</li>-->
+		<!--					<li>-->
+		<!--						<a href="#">-->
+		<!--							<p>가을겨울 긴팔 롱 <span>스웨터</span></p>-->
+		<!--						</a>-->
+		<!--					</li>-->
+		<!--					<li>-->
+		<!--						<a href="#">-->
+		<!--							<p><span>스웨터</span></p>-->
+		<!--						</a>-->
+		<!--					</li>-->
+		<!--					<li>-->
+		<!--						<a href="#">-->
+		<!--							<p>롱 <span>스웨터</span></p>-->
+		<!--						</a>-->
+		<!--					</li>-->
+		<!--					<li>-->
+		<!--						<a href="#">-->
+		<!--							<p><span>티비제이</span> 여성 <span>스웨터</span></p>-->
+		<!--						</a>-->
+		<!--					</li>-->
+		<!--					<li>-->
+		<!--						<a href="#">-->
+		<!--							<p>가을겨울 긴팔 롱 <span>스웨터</span></p>-->
+		<!--						</a>-->
+		<!--					</li>-->
+		<!--				</ul>-->
+		<!--				<p class="nodata_txt">&lsquo;<span>스웨터 제기장</span>&rsquo; 에 맞는 상품을 찾지 못했습니다.<br>검색어를 변경해 보세요.</p>-->
 					</div>
 					</div>
 				</div>
 				</div>
-			</div>
-		</div>
-		<div class="inner" id="recommandArea">
-			<div class="recommand_product">
-				<div class="store_product">
-					<div class="swiper-container recommand_slide">
-						<h3>이런 상품은 어떤가요?</h3>
-						<div class="swiper-wrapper">
-							<div class="swiper-slide">
-								<div class="item_prod">
-									<div class="item_state">
-										<button type="button" class="itemLike">관심상품 추가</button>
-										<a href="#none" class="itemLink">
-											<div class="itemPic">
-												<img class="vLHTC pd_img" src="/images/mo/thumb/br_main03.png" alt="">
-											</div>
-											<p class="itemBrand">BRAND NAME</p>
-											<div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
-											<p class="itemPrice">
-												<span class="itemPrice_original">89,000</span>
-												80,100
-												<span class="itemPercent">10%</span>
-											</p>
-											<div class="itemcolorchip">
-												<span class="chip_color35" value="ABM">BEIGE</span>
-												<span class="chip_color54" value="BDS">BLACK</span>
-												<span class="chip_color40" value="YBR">WHITE</span>
-											</div>
-											<p class="itemBadge">
-												<span class="badge13">베스트 </span>
-											</p>
-											<div class="itemComment">#주문 폭주 상품</div>
-										</a>
-									</div>
-								</div>
+				<!-- //4.검색어 타이핑 -->
 
 
+				<!-- 3.검색결과 없을때 -->
+				<div class="inner" id="noDataArea">
+		<!--			<div class="sch_title">-->
+		<!--				<input type="text" class="form_control" placeholder="NBA 겨울 클리어런스+봄 프리뷰!">-->
+		<!--				&lt;!&ndash; <button class="btn_x">X</button> &ndash;&gt;-->
+		<!--				<button class="btn_sch"><img src="/images/mo/ico_btn_search.png" alt=""></button>-->
+		<!--			</div>-->
+					<div class="relative-list nodata"> <!-- 검색결과 없을 시 nodata 클래스 추가 -->
+						<p class="nodata_txt">&lsquo;<span id="noDataKeyword"></span>&rsquo; 에 맞는 상품을 찾지 못했습니다.<br>검색어를 변경해 보세요.</p>
+					</div>
+					<h3 class="hot-key">STYLE24에서 검색되고 있어요</h3>
+					<div class="related_keyword">
+						<div class="sub_category">
+							<div class="cate_wrap">
+								<a href="javascript:;" class="on">전체</a>
+								<a href="javascript:;"><span>#</span> 티셔츠/셔츠</a>
+								<a href="javascript:;"><span>#</span> 니트/가디건/베스트</a>
+								<a href="javascript:;"><span>#</span> 원피스/스커트</a>
+								<a href="javascript:;"><span>#</span> 팬츠/데님/레깅스</a>
+								<a href="javascript:;"><span>#</span> 가죽/모피</a>
+								<a href="javascript:;"><span>#</span> 여성 잡화</a>
+								<a href="javascript:;"><span>#</span> 언더웨어</a>
+								<a href="javascript:;"><span>#</span> 세트</a>
+								<a href="javascript:;"><span>#</span> 니트/가디건/베스트</a>
+								<a href="javascript:;"><span>#</span> 원피스/스커트</a>
+								<a href="javascript:;"><span>#</span> 가죽/모피</a>
+								<a href="javascript:;"><span>#</span> 여성 잡화</a>
 							</div>
 							</div>
-							<div class="swiper-slide">
-								<div class="item_prod">
-									<div class="item_state">
-										<button type="button" class="itemLike">관심상품 추가</button>
-										<a href="#none" class="itemLink">
-											<div class="itemPic">
-												<img class="vLHTC pd_img" src="/images/mo/thumb/br_main03.png" alt="">
-											</div>
-											<p class="itemBrand">BRAND NAME</p>
-											<div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
-											<p class="itemPrice">
-												<span class="itemPrice_original">89,000</span>
-												80,100
-												<span class="itemPercent">10%</span>
-											</p>
-											<div class="itemcolorchip">
-												<span class="chip_color35" value="ABM">BEIGE</span>
-												<span class="chip_color54" value="BDS">BLACK</span>
-												<span class="chip_color40" value="YBR">WHITE</span>
+						</div>
+					</div>
+				</div>
+				<div class="inner" id="recommandArea">
+					<div class="recommand_product">
+						<div class="store_product">
+							<div class="swiper-container recommand_slide">
+								<h3>이런 상품은 어떤가요?</h3>
+								<div class="swiper-wrapper">
+									<div class="swiper-slide">
+										<div class="item_prod">
+											<div class="item_state">
+												<button type="button" class="itemLike">관심상품 추가</button>
+												<a href="#none" class="itemLink">
+													<div class="itemPic">
+														<img class="vLHTC pd_img" src="/images/mo/thumb/br_main03.png" alt="">
+													</div>
+													<p class="itemBrand">BRAND NAME</p>
+													<div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
+													<p class="itemPrice">
+														<span class="itemPrice_original">89,000</span>
+														80,100
+														<span class="itemPercent">10%</span>
+													</p>
+													<div class="itemcolorchip">
+														<span class="chip_color35" value="ABM">BEIGE</span>
+														<span class="chip_color54" value="BDS">BLACK</span>
+														<span class="chip_color40" value="YBR">WHITE</span>
+													</div>
+													<p class="itemBadge">
+														<span class="badge13">베스트 </span>
+													</p>
+													<div class="itemComment">#주문 폭주 상품</div>
+												</a>
 											</div>
 											</div>
-											<p class="itemBadge">
-												<span class="badge13">베스트 </span>
-											</p>
-											<div class="itemComment">#주문 폭주 상품</div>
-										</a>
+										</div>
+
 									</div>
 									</div>
-								</div>
-							</div>
-							<div class="swiper-slide">
-								<div class="item_prod">
-									<div class="item_state">
-										<button type="button" class="itemLike">관심상품 추가</button>
-										<a href="#none" class="itemLink">
-											<div class="itemPic">
-												<img class="vLHTC pd_img" src="/images/mo/thumb/br_main03.png" alt="">
+									<div class="swiper-slide">
+										<div class="item_prod">
+											<div class="item_state">
+												<button type="button" class="itemLike">관심상품 추가</button>
+												<a href="#none" class="itemLink">
+													<div class="itemPic">
+														<img class="vLHTC pd_img" src="/images/mo/thumb/br_main03.png" alt="">
+													</div>
+													<p class="itemBrand">BRAND NAME</p>
+													<div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
+													<p class="itemPrice">
+														<span class="itemPrice_original">89,000</span>
+														80,100
+														<span class="itemPercent">10%</span>
+													</p>
+													<div class="itemcolorchip">
+														<span class="chip_color35" value="ABM">BEIGE</span>
+														<span class="chip_color54" value="BDS">BLACK</span>
+														<span class="chip_color40" value="YBR">WHITE</span>
+													</div>
+													<p class="itemBadge">
+														<span class="badge13">베스트 </span>
+													</p>
+													<div class="itemComment">#주문 폭주 상품</div>
+												</a>
 											</div>
 											</div>
-											<p class="itemBrand">BRAND NAME</p>
-											<div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
-											<p class="itemPrice">
-												<span class="itemPrice_original">89,000</span>
-												80,100
-												<span class="itemPercent">10%</span>
-											</p>
-											<div class="itemcolorchip">
-												<span class="chip_color35" value="ABM">BEIGE</span>
-												<span class="chip_color54" value="BDS">BLACK</span>
-												<span class="chip_color40" value="YBR">WHITE</span>
-											</div>
-											<p class="itemBadge">
-												<span class="badge13">베스트 </span>
-											</p>
-											<div class="itemComment">#주문 폭주 상품</div>
-										</a>
+										</div>
 									</div>
 									</div>
-								</div>
-							</div>
-							<div class="swiper-slide">
-								<div class="item_prod">
-									<div class="item_state">
-										<button type="button" class="itemLike">관심상품 추가</button>
-										<a href="#none" class="itemLink">
-											<div class="itemPic">
-												<img class="vLHTC pd_img" src="/images/mo/thumb/br_main03.png" alt="">
+									<div class="swiper-slide">
+										<div class="item_prod">
+											<div class="item_state">
+												<button type="button" class="itemLike">관심상품 추가</button>
+												<a href="#none" class="itemLink">
+													<div class="itemPic">
+														<img class="vLHTC pd_img" src="/images/mo/thumb/br_main03.png" alt="">
+													</div>
+													<p class="itemBrand">BRAND NAME</p>
+													<div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
+													<p class="itemPrice">
+														<span class="itemPrice_original">89,000</span>
+														80,100
+														<span class="itemPercent">10%</span>
+													</p>
+													<div class="itemcolorchip">
+														<span class="chip_color35" value="ABM">BEIGE</span>
+														<span class="chip_color54" value="BDS">BLACK</span>
+														<span class="chip_color40" value="YBR">WHITE</span>
+													</div>
+													<p class="itemBadge">
+														<span class="badge13">베스트 </span>
+													</p>
+													<div class="itemComment">#주문 폭주 상품</div>
+												</a>
 											</div>
 											</div>
-											<p class="itemBrand">BRAND NAME</p>
-											<div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
-											<p class="itemPrice">
-												<span class="itemPrice_original">89,000</span>
-												80,100
-												<span class="itemPercent">10%</span>
-											</p>
-											<div class="itemcolorchip">
-												<span class="chip_color35" value="ABM">BEIGE</span>
-												<span class="chip_color54" value="BDS">BLACK</span>
-												<span class="chip_color40" value="YBR">WHITE</span>
+										</div>
+									</div>
+									<div class="swiper-slide">
+										<div class="item_prod">
+											<div class="item_state">
+												<button type="button" class="itemLike">관심상품 추가</button>
+												<a href="#none" class="itemLink">
+													<div class="itemPic">
+														<img class="vLHTC pd_img" src="/images/mo/thumb/br_main03.png" alt="">
+													</div>
+													<p class="itemBrand">BRAND NAME</p>
+													<div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
+													<p class="itemPrice">
+														<span class="itemPrice_original">89,000</span>
+														80,100
+														<span class="itemPercent">10%</span>
+													</p>
+													<div class="itemcolorchip">
+														<span class="chip_color35" value="ABM">BEIGE</span>
+														<span class="chip_color54" value="BDS">BLACK</span>
+														<span class="chip_color40" value="YBR">WHITE</span>
+													</div>
+													<p class="itemBadge">
+														<span class="badge13">베스트 </span>
+													</p>
+													<div class="itemComment">#주문 폭주 상품</div>
+												</a>
 											</div>
 											</div>
-											<p class="itemBadge">
-												<span class="badge13">베스트 </span>
-											</p>
-											<div class="itemComment">#주문 폭주 상품</div>
-										</a>
+										</div>
 									</div>
 									</div>
 								</div>
 								</div>
 							</div>
 							</div>
 						</div>
 						</div>
 					</div>
 					</div>
 				</div>
 				</div>
-			</div>
+				<!-- //3.검색결과 없을때 -->
+			</section>
 		</div>
 		</div>
-		<!-- //3.검색결과 없을때 -->
-	</section>
+	</div>
 </div>
 </div>
 <script src="/ux/plugins/gaga/gaga.paging.js"></script>
 <script src="/ux/plugins/gaga/gaga.paging.js"></script>
 <script th:inline="javascript">
 <script th:inline="javascript">

+ 5 - 3
src/main/webapp/WEB-INF/views/mob/display/SearchGoodsListFormMob.html

@@ -756,9 +756,11 @@
 						$('#noDataFilter').hide();
 						$('#noDataFilter').hide();
 					}
 					}
 				}else{
 				}else{
-					// 필터 값으로 조회 데이터 없을때
-					$('#noDataFilter').show();
-					$('#endPage').hide();
+					if($("#searchGoodsForm input[name=pageNo]").val()==1){
+						// 필터 값으로 조회 데이터 없을때
+						$('#noDataFilter').show();
+						$('#endPage').hide();
+					}
 				}
 				}
 			}else{
 			}else{
 				$('#goodsNodata').show();
 				$('#goodsNodata').show();

+ 500 - 496
src/main/webapp/WEB-INF/views/mob/display/SearchLayerMob.html

@@ -15,535 +15,539 @@
  *******************************************************************************
  *******************************************************************************
  -->
  -->
 <body>
 <body>
-<div class="modal-header htop">
-	<h5 class="modal-title sr-only" id="schPopLabel">통합검색</h5>
-</div>
-<div class="modal-body">
-	<section class="sch_result">
-		<!-- 1.통합검색 default -->
-		<div class="inner">
-			<form id="searchMainForm" name="searchMainForm">
-				<input type="hidden" name="brandGroupNo" th:value="${brandGroupNo}"/>
-				<div class="sch_title">
-					<input type="text" class="form_control" name="keyword" placeholder="검색어를 입력하세요." onkeyup="fnOnkeyupKeyword(this);">
-					<button type="button" class="btn_x" id="deleteKeyword" style="display:none;">X</button>
-					<button type="button" class="btn_sch" id="btnSearchKeyword"><img src="/images/mo/ico_btn_search.png" alt=""></button>
-				</div>
-			</form>
+<div class="modal-dialog" role="document">
+	<div class="modal-content">
+		<div class="modal-header htop">
+			<h5 class="modal-title sr-only" id="schPopLabel">통합검색</h5>
 		</div>
 		</div>
-
-		<div class="inner" id="defaultArea">
-			<div class="filter-list">
-				<div class="f_left">
-					<h3>최근 검색어</h3>
-				</div>
-				<div class="f_right">
+		<div class="modal-body">
+			<section class="sch_result">
+				<!-- 1.통합검색 default -->
+				<div class="inner">
+					<form id="searchMainForm" name="searchMainForm">
+						<input type="hidden" name="brandGroupNo" th:value="${brandGroupNo}"/>
+						<div class="sch_title">
+							<input type="text" class="form_control" name="keyword" placeholder="검색어를 입력하세요." onkeyup="fnOnkeyupKeyword(this);">
+							<button type="button" class="btn_x" id="deleteKeyword" style="display:none;">X</button>
+							<button type="button" class="btn_sch" id="btnSearchKeyword"><img src="/images/mo/ico_btn_search.png" alt=""></button>
+						</div>
+					</form>
 				</div>
 				</div>
-			</div>
-			<div class="search-list" th:classappend="${#lists.isEmpty(recentlyKeywordList)?'nodata':''}"> <!-- 검색데이터 없을시 nodata 클래스 추가. -->
-				<ul>
-					<li th:if="${recentlyKeywordList}" th:each="oneData, status : ${recentlyKeywordList}">
-						<a href="javascript:void(0);" th:onclick="fnSearchKeyword([[${oneData}]])">
-							<p th:text="${oneData}"></p>
-						</a>
-						<button type="button" class="xBtn" th:onclick="fnDeleteCookie(this,[[${oneData}]]);"><span>삭제</span></button>
-					</li>
-				</ul>
-				<p class="nodata_txt" th:if="${#lists.isEmpty(recentlyKeywordList)}">최근 검색어가 없습니다.</p>
-			</div>
-			<h3 class="hot-key" th:if="${brandGroupNo==null}">STYLE24에서 검색되고 있어요</h3>
-			<div class="related_keyword" th:if="${brandGroupNo==null}">
-				<div class="sub_category">
-					<div class="cate_wrap" id="popularKeyArea">
-<!--						<a href="javascript:;" class="on">전체</a>-->
+
+				<div class="inner" id="defaultArea">
+					<div class="filter-list">
+						<div class="f_left">
+							<h3>최근 검색어</h3>
+						</div>
+						<div class="f_right">
+						</div>
 					</div>
 					</div>
-				</div>
-			</div>
-		</div>
-		<!-- //1.통합검색 default -->
-
-		<!-- 2.통합검색 default_최근검색어 있음 -->
-<!--		<div class="inner">-->
-<!--			<div class="sch_title">-->
-<!--				<input type="text" class="form_control" placeholder="NBA 겨울 클리어런스+봄 프리뷰!">-->
-<!--				&lt;!&ndash; <button class="btn_x">X</button> &ndash;&gt;-->
-<!--				<button type="button" class="btn_sch"><img src="/images/mo/ico_btn_search.png" alt=""></button>-->
-<!--			</div>-->
-<!--			<div class="filter-list">-->
-<!--				<div class="f_left">-->
-<!--					<h3>최근 검색어</h3>-->
-<!--				</div>-->
-<!--				<div class="f_right">-->
-<!--					<button class="allxBtn"><span>전체삭제</span></button>-->
-<!--				</div>-->
-<!--			</div>-->
-<!--			<div class="search-list">-->
-<!--				<ul>-->
-<!--					<li>-->
-<!--						<a href="javascript:void(0);">-->
-<!--							<p>01슬랙스</p>-->
-<!--						</a>-->
-<!--						<button type="button" class="xBtn"><span>삭제</span></button>-->
-<!--					</li>-->
-<!--					<li>-->
-<!--						<a href="javascript:void(0);">-->
-<!--							<p>02특가세일</p>-->
-<!--						</a>-->
-<!--						<button type="button" class="xBtn"><span>삭제</span></button>-->
-<!--					</li>-->
-<!--					<li>-->
-<!--						<a href="javascript:void(0);">-->
-<!--							<p>03모이몰른 티셔츠</p>-->
-<!--						</a>-->
-<!--						<button type="button" class="xBtn"><span>삭제</span></button>-->
-<!--					</li>-->
-<!--					<li>-->
-<!--						<a href="javascript:void(0);">-->
-<!--							<p>04모이몰른 티셔츠</p>-->
-<!--						</a>-->
-<!--						<button type="button" class="xBtn"><span>삭제</span></button>-->
-<!--					</li>-->
-<!--					<li>-->
-<!--						<a href="javascript:void(0);">-->
-<!--							<p>05모이몰른 티셔츠</p>-->
-<!--						</a>-->
-<!--						<button type="button" class="xBtn"><span>삭제</span></button>-->
-<!--					</li>-->
-<!--					<li>-->
-<!--						<a href="javascript:void(0);">-->
-<!--							<p>06모이몰른 티셔츠</p>-->
-<!--						</a>-->
-<!--						<button type="button" class="xBtn"><span>삭제</span></button>-->
-<!--					</li>-->
-<!--					<li>-->
-<!--						<a href="javascript:void(0);">-->
-<!--							<p>07모이몰른 티셔츠</p>-->
-<!--						</a>-->
-<!--						<button type="button" class="xBtn"><span>삭제</span></button>-->
-<!--					</li>-->
-<!--					<li>-->
-<!--						<a href="javascript:void(0);">-->
-<!--							<p>08모이몰른 티셔츠</p>-->
-<!--						</a>-->
-<!--						<button type="button" class="xBtn"><span>삭제</span></button>-->
-<!--					</li>-->
-<!--					<li>-->
-<!--						<a href="javascript:void(0);">-->
-<!--							<p>09모이몰른 티셔츠</p>-->
-<!--						</a>-->
-<!--						<button type="button" class="xBtn"><span>삭제</span></button>-->
-<!--					</li>-->
-<!--					<li>-->
-<!--						<a href="javascript:void(0);">-->
-<!--							<p>10모이몰른 티셔츠</p>-->
-<!--						</a>-->
-<!--						<button type="button" class="xBtn"><span>삭제</span></button>-->
-<!--					</li>-->
-<!--				</ul>-->
-<!--				<p class="nodata_txt">최근 검색어가 없습니다.</p>-->
-<!--			</div>-->
-<!--			<h3 class="hot-key">STYLE24에서 검색되고 있어요</h3>-->
-<!--			<div class="related_keyword">-->
-<!--				<div class="sub_category">-->
-<!--					<div class="cate_wrap">-->
-<!--						<a href="javascript:;" class="on">전체</a>-->
-<!--						<a href="javascript:;"><span>#</span> 티셔츠/셔츠</a>-->
-<!--						<a href="javascript:;"><span>#</span> 니트/가디건/베스트</a>-->
-<!--						<a href="javascript:;"><span>#</span> 원피스/스커트</a>-->
-<!--						<a href="javascript:;"><span>#</span> 팬츠/데님/레깅스</a>-->
-<!--						<a href="javascript:;"><span>#</span> 가죽/모피</a>-->
-<!--						<a href="javascript:;"><span>#</span> 여성 잡화</a>-->
-<!--						<a href="javascript:;"><span>#</span> 언더웨어</a>-->
-<!--						<a href="javascript:;"><span>#</span> 세트</a>-->
-<!--						<a href="javascript:;"><span>#</span> 니트/가디건/베스트</a>-->
-<!--						<a href="javascript:;"><span>#</span> 원피스/스커트</a>-->
-<!--						<a href="javascript:;"><span>#</span> 가죽/모피</a>-->
-<!--						<a href="javascript:;"><span>#</span> 여성 잡화</a>-->
-<!--					</div>-->
-<!--				</div>-->
-<!--			</div>-->
-<!--		</div>-->
-		<!-- //2.통합검색 default_최근검색어 있음 -->
-		<!-- 3.지금 많이 보고 있어요 상품. -->
-		<div class="inner" id="popularArea">
-			<div class="now_view">
-				<div class="store_product">
-					<div class="allresult-tit">
-						<h3>지금 많이 보고 있어요</h3>
-						<button class="btn_refresh"><span>17:30</span> 기준</button>
+					<div class="search-list" th:classappend="${#lists.isEmpty(recentlyKeywordList)?'nodata':''}"> <!-- 검색데이터 없을시 nodata 클래스 추가. -->
+						<ul>
+							<li th:if="${recentlyKeywordList}" th:each="oneData, status : ${recentlyKeywordList}">
+								<a href="javascript:void(0);" th:onclick="fnSearchKeyword([[${oneData}]])">
+									<p th:text="${oneData}"></p>
+								</a>
+								<button type="button" class="xBtn" th:onclick="fnDeleteCookie(this,[[${oneData}]]);"><span>삭제</span></button>
+							</li>
+						</ul>
+						<p class="nodata_txt" th:if="${#lists.isEmpty(recentlyKeywordList)}">최근 검색어가 없습니다.</p>
 					</div>
 					</div>
-					<div class="swiper-container sch_product">
-						<div class="swiper-wrapper">
-							<div class="swiper-slide">
-								<div class="item_prod">
-									<button type="button" class="itemLike">관심상품 추가</button>
-									<a href="#">
-										<img src="/images/mo/br_main03.png" alt="">
-										<div class="s-text">
-											<div class="itemName">여성 오버핏 투마일 웨어 아노락 에코</div>
-											<p class="itemTag">508명 보는중</p>
-										</div>
-									</a>
-								</div>
+					<h3 class="hot-key" th:if="${brandGroupNo==null}">STYLE24에서 검색되고 있어요</h3>
+					<div class="related_keyword" th:if="${brandGroupNo==null}">
+						<div class="sub_category">
+							<div class="cate_wrap" id="popularKeyArea">
+		<!--						<a href="javascript:;" class="on">전체</a>-->
 							</div>
 							</div>
-							<div class="swiper-slide">
-								<div class="item_prod">
-									<button type="button" class="itemLike">관심상품 추가</button>
-									<a href="#">
-										<img src="/images/mo/br_main03.png" alt="">
-										<div class="s-text">
-											<div class="itemName">여성 오버핏 투마일 웨어 아노락 에코</div>
-											<p class="itemTag">508명 보는중</p>
-										</div>
-									</a>
-								</div>
+						</div>
+					</div>
+				</div>
+				<!-- //1.통합검색 default -->
+
+				<!-- 2.통합검색 default_최근검색어 있음 -->
+		<!--		<div class="inner">-->
+		<!--			<div class="sch_title">-->
+		<!--				<input type="text" class="form_control" placeholder="NBA 겨울 클리어런스+봄 프리뷰!">-->
+		<!--				&lt;!&ndash; <button class="btn_x">X</button> &ndash;&gt;-->
+		<!--				<button type="button" class="btn_sch"><img src="/images/mo/ico_btn_search.png" alt=""></button>-->
+		<!--			</div>-->
+		<!--			<div class="filter-list">-->
+		<!--				<div class="f_left">-->
+		<!--					<h3>최근 검색어</h3>-->
+		<!--				</div>-->
+		<!--				<div class="f_right">-->
+		<!--					<button class="allxBtn"><span>전체삭제</span></button>-->
+		<!--				</div>-->
+		<!--			</div>-->
+		<!--			<div class="search-list">-->
+		<!--				<ul>-->
+		<!--					<li>-->
+		<!--						<a href="javascript:void(0);">-->
+		<!--							<p>01슬랙스</p>-->
+		<!--						</a>-->
+		<!--						<button type="button" class="xBtn"><span>삭제</span></button>-->
+		<!--					</li>-->
+		<!--					<li>-->
+		<!--						<a href="javascript:void(0);">-->
+		<!--							<p>02특가세일</p>-->
+		<!--						</a>-->
+		<!--						<button type="button" class="xBtn"><span>삭제</span></button>-->
+		<!--					</li>-->
+		<!--					<li>-->
+		<!--						<a href="javascript:void(0);">-->
+		<!--							<p>03모이몰른 티셔츠</p>-->
+		<!--						</a>-->
+		<!--						<button type="button" class="xBtn"><span>삭제</span></button>-->
+		<!--					</li>-->
+		<!--					<li>-->
+		<!--						<a href="javascript:void(0);">-->
+		<!--							<p>04모이몰른 티셔츠</p>-->
+		<!--						</a>-->
+		<!--						<button type="button" class="xBtn"><span>삭제</span></button>-->
+		<!--					</li>-->
+		<!--					<li>-->
+		<!--						<a href="javascript:void(0);">-->
+		<!--							<p>05모이몰른 티셔츠</p>-->
+		<!--						</a>-->
+		<!--						<button type="button" class="xBtn"><span>삭제</span></button>-->
+		<!--					</li>-->
+		<!--					<li>-->
+		<!--						<a href="javascript:void(0);">-->
+		<!--							<p>06모이몰른 티셔츠</p>-->
+		<!--						</a>-->
+		<!--						<button type="button" class="xBtn"><span>삭제</span></button>-->
+		<!--					</li>-->
+		<!--					<li>-->
+		<!--						<a href="javascript:void(0);">-->
+		<!--							<p>07모이몰른 티셔츠</p>-->
+		<!--						</a>-->
+		<!--						<button type="button" class="xBtn"><span>삭제</span></button>-->
+		<!--					</li>-->
+		<!--					<li>-->
+		<!--						<a href="javascript:void(0);">-->
+		<!--							<p>08모이몰른 티셔츠</p>-->
+		<!--						</a>-->
+		<!--						<button type="button" class="xBtn"><span>삭제</span></button>-->
+		<!--					</li>-->
+		<!--					<li>-->
+		<!--						<a href="javascript:void(0);">-->
+		<!--							<p>09모이몰른 티셔츠</p>-->
+		<!--						</a>-->
+		<!--						<button type="button" class="xBtn"><span>삭제</span></button>-->
+		<!--					</li>-->
+		<!--					<li>-->
+		<!--						<a href="javascript:void(0);">-->
+		<!--							<p>10모이몰른 티셔츠</p>-->
+		<!--						</a>-->
+		<!--						<button type="button" class="xBtn"><span>삭제</span></button>-->
+		<!--					</li>-->
+		<!--				</ul>-->
+		<!--				<p class="nodata_txt">최근 검색어가 없습니다.</p>-->
+		<!--			</div>-->
+		<!--			<h3 class="hot-key">STYLE24에서 검색되고 있어요</h3>-->
+		<!--			<div class="related_keyword">-->
+		<!--				<div class="sub_category">-->
+		<!--					<div class="cate_wrap">-->
+		<!--						<a href="javascript:;" class="on">전체</a>-->
+		<!--						<a href="javascript:;"><span>#</span> 티셔츠/셔츠</a>-->
+		<!--						<a href="javascript:;"><span>#</span> 니트/가디건/베스트</a>-->
+		<!--						<a href="javascript:;"><span>#</span> 원피스/스커트</a>-->
+		<!--						<a href="javascript:;"><span>#</span> 팬츠/데님/레깅스</a>-->
+		<!--						<a href="javascript:;"><span>#</span> 가죽/모피</a>-->
+		<!--						<a href="javascript:;"><span>#</span> 여성 잡화</a>-->
+		<!--						<a href="javascript:;"><span>#</span> 언더웨어</a>-->
+		<!--						<a href="javascript:;"><span>#</span> 세트</a>-->
+		<!--						<a href="javascript:;"><span>#</span> 니트/가디건/베스트</a>-->
+		<!--						<a href="javascript:;"><span>#</span> 원피스/스커트</a>-->
+		<!--						<a href="javascript:;"><span>#</span> 가죽/모피</a>-->
+		<!--						<a href="javascript:;"><span>#</span> 여성 잡화</a>-->
+		<!--					</div>-->
+		<!--				</div>-->
+		<!--			</div>-->
+		<!--		</div>-->
+				<!-- //2.통합검색 default_최근검색어 있음 -->
+				<!-- 3.지금 많이 보고 있어요 상품. -->
+				<div class="inner" id="popularArea">
+					<div class="now_view">
+						<div class="store_product">
+							<div class="allresult-tit">
+								<h3>지금 많이 보고 있어요</h3>
+								<button class="btn_refresh"><span>17:30</span> 기준</button>
 							</div>
 							</div>
-							<div class="swiper-slide">
-								<div class="item_prod">
-									<button type="button" class="itemLike">관심상품 추가</button>
-									<a href="#">
-										<img src="/images/mo/br_main03.png" alt="">
-										<div class="s-text">
-											<div class="itemName">여성 오버핏 투마일 웨어 아노락 에코</div>
-											<p class="itemTag">508명 보는중</p>
+							<div class="swiper-container sch_product">
+								<div class="swiper-wrapper">
+									<div class="swiper-slide">
+										<div class="item_prod">
+											<button type="button" class="itemLike">관심상품 추가</button>
+											<a href="#">
+												<img src="/images/mo/br_main03.png" alt="">
+												<div class="s-text">
+													<div class="itemName">여성 오버핏 투마일 웨어 아노락 에코</div>
+													<p class="itemTag">508명 보는중</p>
+												</div>
+											</a>
 										</div>
 										</div>
-									</a>
-								</div>
-							</div>
-							<div class="swiper-slide">
-								<div class="item_prod">
-									<button type="button" class="itemLike">관심상품 추가</button>
-									<a href="#">
-										<img src="/images/mo/br_main03.png" alt="">
-										<div class="s-text">
-											<div class="itemName">여성 오버핏 투마일 웨어 아노락 에코</div>
-											<p class="itemTag">508명 보는중</p>
+									</div>
+									<div class="swiper-slide">
+										<div class="item_prod">
+											<button type="button" class="itemLike">관심상품 추가</button>
+											<a href="#">
+												<img src="/images/mo/br_main03.png" alt="">
+												<div class="s-text">
+													<div class="itemName">여성 오버핏 투마일 웨어 아노락 에코</div>
+													<p class="itemTag">508명 보는중</p>
+												</div>
+											</a>
 										</div>
 										</div>
-									</a>
-								</div>
-							</div>
-							<div class="swiper-slide">
-								<div class="item_prod">
-									<button type="button" class="itemLike">관심상품 추가</button>
-									<a href="#">
-										<img src="/images/mo/br_main03.png" alt="">
-										<div class="s-text">
-											<div class="itemName">여성 오버핏 투마일 웨어 아노락 에코</div>
-											<p class="itemTag">508명 보는중</p>
+									</div>
+									<div class="swiper-slide">
+										<div class="item_prod">
+											<button type="button" class="itemLike">관심상품 추가</button>
+											<a href="#">
+												<img src="/images/mo/br_main03.png" alt="">
+												<div class="s-text">
+													<div class="itemName">여성 오버핏 투마일 웨어 아노락 에코</div>
+													<p class="itemTag">508명 보는중</p>
+												</div>
+											</a>
 										</div>
 										</div>
-									</a>
-								</div>
-							</div>
-							<div class="swiper-slide">
-								<div class="item_prod">
-									<button type="button" class="itemLike">관심상품 추가</button>
-									<a href="#">
-										<img src="/images/mo/br_main03.png" alt="">
-										<div class="s-text">
-											<div class="itemName">여성 오버핏 투마일 웨어 아노락 에코</div>
-											<p class="itemTag">508명 보는중</p>
+									</div>
+									<div class="swiper-slide">
+										<div class="item_prod">
+											<button type="button" class="itemLike">관심상품 추가</button>
+											<a href="#">
+												<img src="/images/mo/br_main03.png" alt="">
+												<div class="s-text">
+													<div class="itemName">여성 오버핏 투마일 웨어 아노락 에코</div>
+													<p class="itemTag">508명 보는중</p>
+												</div>
+											</a>
 										</div>
 										</div>
-									</a>
-								</div>
-							</div>
-							<div class="swiper-slide">
-								<div class="item_prod">
-									<button type="button" class="itemLike">관심상품 추가</button>
-									<a href="#">
-										<img src="/images/mo/br_main03.png" alt="">
-										<div class="s-text">
-											<div class="itemName">여성 오버핏 투마일 웨어 아노락 에코</div>
-											<p class="itemTag">508명 보는중</p>
+									</div>
+									<div class="swiper-slide">
+										<div class="item_prod">
+											<button type="button" class="itemLike">관심상품 추가</button>
+											<a href="#">
+												<img src="/images/mo/br_main03.png" alt="">
+												<div class="s-text">
+													<div class="itemName">여성 오버핏 투마일 웨어 아노락 에코</div>
+													<p class="itemTag">508명 보는중</p>
+												</div>
+											</a>
 										</div>
 										</div>
-									</a>
-								</div>
-							</div>
-							<div class="swiper-slide">
-								<div class="item_prod">
-									<button type="button" class="itemLike">관심상품 추가</button>
-									<a href="#">
-										<img src="/images/mo/br_main03.png" alt="">
-										<div class="s-text">
-											<div class="itemName">여성 오버핏 투마일 웨어 아노락 에코</div>
-											<p class="itemTag">508명 보는중</p>
+									</div>
+									<div class="swiper-slide">
+										<div class="item_prod">
+											<button type="button" class="itemLike">관심상품 추가</button>
+											<a href="#">
+												<img src="/images/mo/br_main03.png" alt="">
+												<div class="s-text">
+													<div class="itemName">여성 오버핏 투마일 웨어 아노락 에코</div>
+													<p class="itemTag">508명 보는중</p>
+												</div>
+											</a>
 										</div>
 										</div>
-									</a>
+									</div>
+									<div class="swiper-slide">
+										<div class="item_prod">
+											<button type="button" class="itemLike">관심상품 추가</button>
+											<a href="#">
+												<img src="/images/mo/br_main03.png" alt="">
+												<div class="s-text">
+													<div class="itemName">여성 오버핏 투마일 웨어 아노락 에코</div>
+													<p class="itemTag">508명 보는중</p>
+												</div>
+											</a>
+										</div>
+									</div>
+									<div class="swiper-slide">
+										<div class="item_prod">
+											<button type="button" class="itemLike">관심상품 추가</button>
+											<a href="#">
+												<img src="/images/mo/br_main03.png" alt="">
+												<div class="s-text">
+													<div class="itemName">여성 오버핏 투마일 웨어 아노락 에코</div>
+													<p class="itemTag">508명 보는중</p>
+												</div>
+											</a>
+										</div>
+									</div>
 								</div>
 								</div>
 							</div>
 							</div>
 						</div>
 						</div>
 					</div>
 					</div>
 				</div>
 				</div>
-			</div>
-		</div>
-		<!-- //3.지금 많이 보고 있어요 상품. -->
-
-		<!-- 4.검색어 타이핑 -->
-		<div class="inner" id="keyupArea" th:if="${brandGroupNo==null}">
-<!--			<div class="sch_title">-->
-<!--				<input type="text" class="form_control" value="티비제이 제기장 스웨터" placeholder="NBA 겨울 클리어런스+봄 프리뷰!">-->
-<!--				<button class="btn_x"><span>검색어 지우기</span></button>-->
-<!--				<button class="btn_sch"><img src="/images/mo/ico_btn_search.png" alt=""></button>-->
-<!--			</div>-->
-			<div class="filter-list store-list">
-<!--				<div class="f_left">-->
-<!--					<h3>티비제이 공식 스토어</h3>-->
-<!--				</div>-->
-<!--				<div class="f_right">-->
-<!--					<a href="#none">바로가기</a>-->
-<!--				</div>-->
-			</div>
-			<div class="relative-list">
-<!--				<ul>-->
-<!--					<li>-->
-<!--						<a href="#">-->
-<!--							<p><span>티비제이</span></p>-->
-<!--						</a>-->
-<!--					</li>-->
-<!--					<li>-->
-<!--						<a href="#">-->
-<!--							<p><span>티비제이</span> 기모청바지</p>-->
-<!--						</a>-->
-<!--					</li>-->
-<!--					<li>-->
-<!--						<a href="#">-->
-<!--							<p>TBJ 겨울 팬츠</p>-->
-<!--						</a>-->
-<!--					</li>-->
-<!--					<li>-->
-<!--						<a href="#">-->
-<!--							<p><span>제기장 스웨터</span></p>-->
-<!--						</a>-->
-<!--					</li>-->
-<!--					<li>-->
-<!--						<a href="#">-->
-<!--							<p><span>티비제이</span> 드라마 연예인 스웨터</p>-->
-<!--						</a>-->
-<!--					</li>-->
-<!--					<li>-->
-<!--						<a href="#">-->
-<!--							<p>가을겨울 긴팔 롱 <span>스웨터</span></p>-->
-<!--						</a>-->
-<!--					</li>-->
-<!--					<li>-->
-<!--						<a href="#">-->
-<!--							<p><span>스웨터</span></p>-->
-<!--						</a>-->
-<!--					</li>-->
-<!--					<li>-->
-<!--						<a href="#">-->
-<!--							<p>롱 <span>스웨터</span></p>-->
-<!--						</a>-->
-<!--					</li>-->
-<!--					<li>-->
-<!--						<a href="#">-->
-<!--							<p><span>티비제이</span> 여성 <span>스웨터</span></p>-->
-<!--						</a>-->
-<!--					</li>-->
-<!--					<li>-->
-<!--						<a href="#">-->
-<!--							<p>가을겨울 긴팔 롱 <span>스웨터</span></p>-->
-<!--						</a>-->
-<!--					</li>-->
-<!--				</ul>-->
-<!--				<p class="nodata_txt">&lsquo;<span>스웨터 제기장</span>&rsquo; 에 맞는 상품을 찾지 못했습니다.<br>검색어를 변경해 보세요.</p>-->
-			</div>
-		</div>
-		<div class="inner" id="keyupCateArea" th:if="${brandGroupNo==null}">
-			<div class="sch_category">
-<!--				<h3>카테고리</h3>-->
-<!--				<ul>-->
-<!--					<li>-->
-<!--						<a href="">-->
-<!--							<span>여성</span>-->
-<!--							<span>티셔츠/셔츠</span>-->
-<!--							<span><em>긴팔셔츠</em></span>-->
-<!--							<span>스트라이프 퍼프 스트라이프 퍼프</span>-->
-<!--						</a>-->
-<!--					</li>-->
-<!--					<li>-->
-<!--						<a href="">-->
-<!--							<span>여성</span>-->
-<!--							<span><em>니트/가디건/베스트</em></span>-->
-<!--							<span>가디건</span>-->
-<!--							<span>롱가디건</span>-->
-<!--						</a>-->
-<!--					</li>-->
-<!--					<li>-->
-<!--						<a href="">-->
-<!--							<span><em>여성</em></span>-->
-<!--							<span>자켓/점퍼/코트</span>-->
-<!--							<span>코트</span>-->
-<!--							<span>롱코트</span>-->
-<!--						</a>-->
-<!--					</li>-->
-					<!-- <li>
-                        <p>여성 > <span>니트/가디건/베스트</span> > 가디건 > 롱가디건</p>
-                    </li>
-                    <li>
-                        <p><span>여성</span> > 자켓/점퍼/코트 > 코트 > 롱코트</p>
-                    </li> -->
-<!--				</ul>-->
-			</div>
-		</div>
-		<!-- //4.검색어 타이핑 -->
-
-		<!-- 3.검색결과 없을때 -->
-		<div class="inner" id="noDataArea">
-<!--			<div class="sch_title">-->
-<!--				<input type="text" class="form_control" placeholder="NBA 겨울 클리어런스+봄 프리뷰!">-->
-<!--				&lt;!&ndash; <button class="btn_x">X</button> &ndash;&gt;-->
-<!--				<button class="btn_sch"><img src="/images/mo/ico_btn_search.png" alt=""></button>-->
-<!--			</div>-->
-			<div class="relative-list nodata"> <!-- 검색결과 없을 시 nodata 클래스 추가 -->
-				<p class="nodata_txt">&lsquo;<span id="noDataKeyword"></span>&rsquo; 에 맞는 상품을 찾지 못했습니다.<br>검색어를 변경해 보세요.</p>
-			</div>
-			<h3 class="hot-key">STYLE24에서 검색되고 있어요</h3>
-			<div class="related_keyword">
-				<div class="sub_category">
-					<div class="cate_wrap">
-						<a href="javascript:;" class="on">전체</a>
-						<a href="javascript:;"><span>#</span> 티셔츠/셔츠</a>
-						<a href="javascript:;"><span>#</span> 니트/가디건/베스트</a>
-						<a href="javascript:;"><span>#</span> 원피스/스커트</a>
-						<a href="javascript:;"><span>#</span> 팬츠/데님/레깅스</a>
-						<a href="javascript:;"><span>#</span> 가죽/모피</a>
-						<a href="javascript:;"><span>#</span> 여성 잡화</a>
-						<a href="javascript:;"><span>#</span> 언더웨어</a>
-						<a href="javascript:;"><span>#</span> 세트</a>
-						<a href="javascript:;"><span>#</span> 니트/가디건/베스트</a>
-						<a href="javascript:;"><span>#</span> 원피스/스커트</a>
-						<a href="javascript:;"><span>#</span> 가죽/모피</a>
-						<a href="javascript:;"><span>#</span> 여성 잡화</a>
+				<!-- //3.지금 많이 보고 있어요 상품. -->
+
+				<!-- 4.검색어 타이핑 -->
+				<div class="inner" id="keyupArea" th:if="${brandGroupNo==null}">
+		<!--			<div class="sch_title">-->
+		<!--				<input type="text" class="form_control" value="티비제이 제기장 스웨터" placeholder="NBA 겨울 클리어런스+봄 프리뷰!">-->
+		<!--				<button class="btn_x"><span>검색어 지우기</span></button>-->
+		<!--				<button class="btn_sch"><img src="/images/mo/ico_btn_search.png" alt=""></button>-->
+		<!--			</div>-->
+					<div class="filter-list store-list">
+		<!--				<div class="f_left">-->
+		<!--					<h3>티비제이 공식 스토어</h3>-->
+		<!--				</div>-->
+		<!--				<div class="f_right">-->
+		<!--					<a href="#none">바로가기</a>-->
+		<!--				</div>-->
+					</div>
+					<div class="relative-list">
+		<!--				<ul>-->
+		<!--					<li>-->
+		<!--						<a href="#">-->
+		<!--							<p><span>티비제이</span></p>-->
+		<!--						</a>-->
+		<!--					</li>-->
+		<!--					<li>-->
+		<!--						<a href="#">-->
+		<!--							<p><span>티비제이</span> 기모청바지</p>-->
+		<!--						</a>-->
+		<!--					</li>-->
+		<!--					<li>-->
+		<!--						<a href="#">-->
+		<!--							<p>TBJ 겨울 팬츠</p>-->
+		<!--						</a>-->
+		<!--					</li>-->
+		<!--					<li>-->
+		<!--						<a href="#">-->
+		<!--							<p><span>제기장 스웨터</span></p>-->
+		<!--						</a>-->
+		<!--					</li>-->
+		<!--					<li>-->
+		<!--						<a href="#">-->
+		<!--							<p><span>티비제이</span> 드라마 연예인 스웨터</p>-->
+		<!--						</a>-->
+		<!--					</li>-->
+		<!--					<li>-->
+		<!--						<a href="#">-->
+		<!--							<p>가을겨울 긴팔 롱 <span>스웨터</span></p>-->
+		<!--						</a>-->
+		<!--					</li>-->
+		<!--					<li>-->
+		<!--						<a href="#">-->
+		<!--							<p><span>스웨터</span></p>-->
+		<!--						</a>-->
+		<!--					</li>-->
+		<!--					<li>-->
+		<!--						<a href="#">-->
+		<!--							<p>롱 <span>스웨터</span></p>-->
+		<!--						</a>-->
+		<!--					</li>-->
+		<!--					<li>-->
+		<!--						<a href="#">-->
+		<!--							<p><span>티비제이</span> 여성 <span>스웨터</span></p>-->
+		<!--						</a>-->
+		<!--					</li>-->
+		<!--					<li>-->
+		<!--						<a href="#">-->
+		<!--							<p>가을겨울 긴팔 롱 <span>스웨터</span></p>-->
+		<!--						</a>-->
+		<!--					</li>-->
+		<!--				</ul>-->
+		<!--				<p class="nodata_txt">&lsquo;<span>스웨터 제기장</span>&rsquo; 에 맞는 상품을 찾지 못했습니다.<br>검색어를 변경해 보세요.</p>-->
 					</div>
 					</div>
 				</div>
 				</div>
-			</div>
-		</div>
-		<div class="inner" id="recommandArea">
-			<div class="recommand_product">
-				<div class="store_product">
-					<div class="swiper-container recommand_slide">
-						<h3>이런 상품은 어떤가요?</h3>
-						<div class="swiper-wrapper">
-							<div class="swiper-slide">
-								<div class="item_prod">
-									<div class="item_state">
-										<button type="button" class="itemLike">관심상품 추가</button>
-										<a href="#none" class="itemLink">
-											<div class="itemPic">
-												<img class="vLHTC pd_img" src="/images/mo/thumb/br_main03.png" alt="">
-											</div>
-											<p class="itemBrand">BRAND NAME</p>
-											<div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
-											<p class="itemPrice">
-												<span class="itemPrice_original">89,000</span>
-												80,100
-												<span class="itemPercent">10%</span>
-											</p>
-											<div class="itemcolorchip">
-												<span class="chip_color35" value="ABM">BEIGE</span>
-												<span class="chip_color54" value="BDS">BLACK</span>
-												<span class="chip_color40" value="YBR">WHITE</span>
-											</div>
-											<p class="itemBadge">
-												<span class="badge13">베스트 </span>
-											</p>
-											<div class="itemComment">#주문 폭주 상품</div>
-										</a>
-									</div>
-								</div>
-
+				<div class="inner" id="keyupCateArea" th:if="${brandGroupNo==null}">
+					<div class="sch_category">
+		<!--				<h3>카테고리</h3>-->
+		<!--				<ul>-->
+		<!--					<li>-->
+		<!--						<a href="">-->
+		<!--							<span>여성</span>-->
+		<!--							<span>티셔츠/셔츠</span>-->
+		<!--							<span><em>긴팔셔츠</em></span>-->
+		<!--							<span>스트라이프 퍼프 스트라이프 퍼프</span>-->
+		<!--						</a>-->
+		<!--					</li>-->
+		<!--					<li>-->
+		<!--						<a href="">-->
+		<!--							<span>여성</span>-->
+		<!--							<span><em>니트/가디건/베스트</em></span>-->
+		<!--							<span>가디건</span>-->
+		<!--							<span>롱가디건</span>-->
+		<!--						</a>-->
+		<!--					</li>-->
+		<!--					<li>-->
+		<!--						<a href="">-->
+		<!--							<span><em>여성</em></span>-->
+		<!--							<span>자켓/점퍼/코트</span>-->
+		<!--							<span>코트</span>-->
+		<!--							<span>롱코트</span>-->
+		<!--						</a>-->
+		<!--					</li>-->
+							<!-- <li>
+		                        <p>여성 > <span>니트/가디건/베스트</span> > 가디건 > 롱가디건</p>
+		                    </li>
+		                    <li>
+		                        <p><span>여성</span> > 자켓/점퍼/코트 > 코트 > 롱코트</p>
+		                    </li> -->
+		<!--				</ul>-->
+					</div>
+				</div>
+				<!-- //4.검색어 타이핑 -->
+
+				<!-- 3.검색결과 없을때 -->
+				<div class="inner" id="noDataArea">
+		<!--			<div class="sch_title">-->
+		<!--				<input type="text" class="form_control" placeholder="NBA 겨울 클리어런스+봄 프리뷰!">-->
+		<!--				&lt;!&ndash; <button class="btn_x">X</button> &ndash;&gt;-->
+		<!--				<button class="btn_sch"><img src="/images/mo/ico_btn_search.png" alt=""></button>-->
+		<!--			</div>-->
+					<div class="relative-list nodata"> <!-- 검색결과 없을 시 nodata 클래스 추가 -->
+						<p class="nodata_txt">&lsquo;<span id="noDataKeyword"></span>&rsquo; 에 맞는 상품을 찾지 못했습니다.<br>검색어를 변경해 보세요.</p>
+					</div>
+					<h3 class="hot-key">STYLE24에서 검색되고 있어요</h3>
+					<div class="related_keyword">
+						<div class="sub_category">
+							<div class="cate_wrap">
+								<a href="javascript:;" class="on">전체</a>
+								<a href="javascript:;"><span>#</span> 티셔츠/셔츠</a>
+								<a href="javascript:;"><span>#</span> 니트/가디건/베스트</a>
+								<a href="javascript:;"><span>#</span> 원피스/스커트</a>
+								<a href="javascript:;"><span>#</span> 팬츠/데님/레깅스</a>
+								<a href="javascript:;"><span>#</span> 가죽/모피</a>
+								<a href="javascript:;"><span>#</span> 여성 잡화</a>
+								<a href="javascript:;"><span>#</span> 언더웨어</a>
+								<a href="javascript:;"><span>#</span> 세트</a>
+								<a href="javascript:;"><span>#</span> 니트/가디건/베스트</a>
+								<a href="javascript:;"><span>#</span> 원피스/스커트</a>
+								<a href="javascript:;"><span>#</span> 가죽/모피</a>
+								<a href="javascript:;"><span>#</span> 여성 잡화</a>
 							</div>
 							</div>
-							<div class="swiper-slide">
-								<div class="item_prod">
-									<div class="item_state">
-										<button type="button" class="itemLike">관심상품 추가</button>
-										<a href="#none" class="itemLink">
-											<div class="itemPic">
-												<img class="vLHTC pd_img" src="/images/mo/thumb/br_main03.png" alt="">
-											</div>
-											<p class="itemBrand">BRAND NAME</p>
-											<div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
-											<p class="itemPrice">
-												<span class="itemPrice_original">89,000</span>
-												80,100
-												<span class="itemPercent">10%</span>
-											</p>
-											<div class="itemcolorchip">
-												<span class="chip_color35" value="ABM">BEIGE</span>
-												<span class="chip_color54" value="BDS">BLACK</span>
-												<span class="chip_color40" value="YBR">WHITE</span>
+						</div>
+					</div>
+				</div>
+				<div class="inner" id="recommandArea">
+					<div class="recommand_product">
+						<div class="store_product">
+							<div class="swiper-container recommand_slide">
+								<h3>이런 상품은 어떤가요?</h3>
+								<div class="swiper-wrapper">
+									<div class="swiper-slide">
+										<div class="item_prod">
+											<div class="item_state">
+												<button type="button" class="itemLike">관심상품 추가</button>
+												<a href="#none" class="itemLink">
+													<div class="itemPic">
+														<img class="vLHTC pd_img" src="/images/mo/thumb/br_main03.png" alt="">
+													</div>
+													<p class="itemBrand">BRAND NAME</p>
+													<div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
+													<p class="itemPrice">
+														<span class="itemPrice_original">89,000</span>
+														80,100
+														<span class="itemPercent">10%</span>
+													</p>
+													<div class="itemcolorchip">
+														<span class="chip_color35" value="ABM">BEIGE</span>
+														<span class="chip_color54" value="BDS">BLACK</span>
+														<span class="chip_color40" value="YBR">WHITE</span>
+													</div>
+													<p class="itemBadge">
+														<span class="badge13">베스트 </span>
+													</p>
+													<div class="itemComment">#주문 폭주 상품</div>
+												</a>
 											</div>
 											</div>
-											<p class="itemBadge">
-												<span class="badge13">베스트 </span>
-											</p>
-											<div class="itemComment">#주문 폭주 상품</div>
-										</a>
+										</div>
+
 									</div>
 									</div>
-								</div>
-							</div>
-							<div class="swiper-slide">
-								<div class="item_prod">
-									<div class="item_state">
-										<button type="button" class="itemLike">관심상품 추가</button>
-										<a href="#none" class="itemLink">
-											<div class="itemPic">
-												<img class="vLHTC pd_img" src="/images/mo/thumb/br_main03.png" alt="">
-											</div>
-											<p class="itemBrand">BRAND NAME</p>
-											<div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
-											<p class="itemPrice">
-												<span class="itemPrice_original">89,000</span>
-												80,100
-												<span class="itemPercent">10%</span>
-											</p>
-											<div class="itemcolorchip">
-												<span class="chip_color35" value="ABM">BEIGE</span>
-												<span class="chip_color54" value="BDS">BLACK</span>
-												<span class="chip_color40" value="YBR">WHITE</span>
+									<div class="swiper-slide">
+										<div class="item_prod">
+											<div class="item_state">
+												<button type="button" class="itemLike">관심상품 추가</button>
+												<a href="#none" class="itemLink">
+													<div class="itemPic">
+														<img class="vLHTC pd_img" src="/images/mo/thumb/br_main03.png" alt="">
+													</div>
+													<p class="itemBrand">BRAND NAME</p>
+													<div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
+													<p class="itemPrice">
+														<span class="itemPrice_original">89,000</span>
+														80,100
+														<span class="itemPercent">10%</span>
+													</p>
+													<div class="itemcolorchip">
+														<span class="chip_color35" value="ABM">BEIGE</span>
+														<span class="chip_color54" value="BDS">BLACK</span>
+														<span class="chip_color40" value="YBR">WHITE</span>
+													</div>
+													<p class="itemBadge">
+														<span class="badge13">베스트 </span>
+													</p>
+													<div class="itemComment">#주문 폭주 상품</div>
+												</a>
 											</div>
 											</div>
-											<p class="itemBadge">
-												<span class="badge13">베스트 </span>
-											</p>
-											<div class="itemComment">#주문 폭주 상품</div>
-										</a>
+										</div>
 									</div>
 									</div>
-								</div>
-							</div>
-							<div class="swiper-slide">
-								<div class="item_prod">
-									<div class="item_state">
-										<button type="button" class="itemLike">관심상품 추가</button>
-										<a href="#none" class="itemLink">
-											<div class="itemPic">
-												<img class="vLHTC pd_img" src="/images/mo/thumb/br_main03.png" alt="">
+									<div class="swiper-slide">
+										<div class="item_prod">
+											<div class="item_state">
+												<button type="button" class="itemLike">관심상품 추가</button>
+												<a href="#none" class="itemLink">
+													<div class="itemPic">
+														<img class="vLHTC pd_img" src="/images/mo/thumb/br_main03.png" alt="">
+													</div>
+													<p class="itemBrand">BRAND NAME</p>
+													<div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
+													<p class="itemPrice">
+														<span class="itemPrice_original">89,000</span>
+														80,100
+														<span class="itemPercent">10%</span>
+													</p>
+													<div class="itemcolorchip">
+														<span class="chip_color35" value="ABM">BEIGE</span>
+														<span class="chip_color54" value="BDS">BLACK</span>
+														<span class="chip_color40" value="YBR">WHITE</span>
+													</div>
+													<p class="itemBadge">
+														<span class="badge13">베스트 </span>
+													</p>
+													<div class="itemComment">#주문 폭주 상품</div>
+												</a>
 											</div>
 											</div>
-											<p class="itemBrand">BRAND NAME</p>
-											<div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
-											<p class="itemPrice">
-												<span class="itemPrice_original">89,000</span>
-												80,100
-												<span class="itemPercent">10%</span>
-											</p>
-											<div class="itemcolorchip">
-												<span class="chip_color35" value="ABM">BEIGE</span>
-												<span class="chip_color54" value="BDS">BLACK</span>
-												<span class="chip_color40" value="YBR">WHITE</span>
+										</div>
+									</div>
+									<div class="swiper-slide">
+										<div class="item_prod">
+											<div class="item_state">
+												<button type="button" class="itemLike">관심상품 추가</button>
+												<a href="#none" class="itemLink">
+													<div class="itemPic">
+														<img class="vLHTC pd_img" src="/images/mo/thumb/br_main03.png" alt="">
+													</div>
+													<p class="itemBrand">BRAND NAME</p>
+													<div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
+													<p class="itemPrice">
+														<span class="itemPrice_original">89,000</span>
+														80,100
+														<span class="itemPercent">10%</span>
+													</p>
+													<div class="itemcolorchip">
+														<span class="chip_color35" value="ABM">BEIGE</span>
+														<span class="chip_color54" value="BDS">BLACK</span>
+														<span class="chip_color40" value="YBR">WHITE</span>
+													</div>
+													<p class="itemBadge">
+														<span class="badge13">베스트 </span>
+													</p>
+													<div class="itemComment">#주문 폭주 상품</div>
+												</a>
 											</div>
 											</div>
-											<p class="itemBadge">
-												<span class="badge13">베스트 </span>
-											</p>
-											<div class="itemComment">#주문 폭주 상품</div>
-										</a>
+										</div>
 									</div>
 									</div>
 								</div>
 								</div>
 							</div>
 							</div>
 						</div>
 						</div>
 					</div>
 					</div>
 				</div>
 				</div>
-			</div>
+				<!-- //3.검색결과 없을때 -->
+			</section>
 		</div>
 		</div>
-		<!-- //3.검색결과 없을때 -->
-	</section>
+	</div>
 </div>
 </div>
 <script src="/ux/plugins/gaga/gaga.paging.js"></script>
 <script src="/ux/plugins/gaga/gaga.paging.js"></script>
 <script th:inline="javascript">
 <script th:inline="javascript">