검색화면 수정

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

@@ -1044,11 +1044,12 @@ public class TsfDisplayController extends TsfBaseController {
 			pageable.setTotalCount(response.getTotalCount());
 			dataList = response.getResponse();
 
-			PlanningResponse responsePlan = diquest.getPlanningList(params.getKeyword(),params.getPageNo(),params.getPageSize());
+//			PlanningResponse responsePlan = diquest.getPlanningList(params.getKeyword(),params.getPageNo(),params.getPageSize());
 //			pageable.setTotalPlanCount(responsePlan.getTotalSize());
 //			planList = responsePlan.getResponse();
-
-			PlanningResponse responseEvent = diquest.getEventList(params.getKeyword(),params.getPageNo(),params.getPageSize());
+//			log.info("planList:::::{}",planList);
+//
+//			PlanningResponse responseEvent = diquest.getEventList(params.getKeyword(),params.getPageNo(),params.getPageSize());
 		} else { // DB를 통한 상품리스트 조회
 			pageable.setTotalCount(goodsService.getSearchGoodsCount(params));
 			params.setPageable(pageable);
@@ -1057,11 +1058,75 @@ public class TsfDisplayController extends TsfBaseController {
 
 		result.set("paging", pageable);
 		result.set("dataList", dataList);
+//		result.set("planList", planList);
+
+		return result;
+	}
+
+	/**
+	 * 검색기획전 리스트 조회
+	 * @param params - 검색엔진 정보
+	 * @return
+	 * @author bin2107
+	 * @since 2021. 6. 14
+	 */
+	@PostMapping("/search/planning/list")
+	@ResponseBody
+	public GagaMap getSearchPlanningList(@RequestBody SearchEngine params) {
+		GagaMap result = new GagaMap();
+
+		TscPageRequest pageable = new TscPageRequest((params.getPageNo() > 0 ? params.getPageNo() - 1 : 0), params.getPageSize(), params.getPageUnit());
+		if (TsfSession.isLogin()) {
+			params.setCustNo(TsfSession.getInfo().getCustNo());
+		}
+
+		params.setFrontGb(TsfSession.getFrontGb());
+		params.setCustGb(TsfSession.getCustGb());
+
+		Collection<SearchEngine> planList = new ArrayList<SearchEngine>();
+
+		PlanningResponse responsePlan = diquest.getPlanningList(params.getKeyword(),params.getPageNo(),params.getPageSize());
+		pageable.setTotalCount(responsePlan.getTotalSize());
+		planList = responsePlan.getResponse();
+
+		result.set("paging", pageable);
 		result.set("planList", planList);
 
 		return result;
 	}
 
+	/**
+	 * 검색이벤트 리스트 조회
+	 * @param params - 검색엔진 정보
+	 * @return
+	 * @author bin2107
+	 * @since 2021. 6. 14
+	 */
+	@PostMapping("/search/event/list")
+	@ResponseBody
+	public GagaMap getSearchEventList(@RequestBody SearchEngine params) {
+		GagaMap result = new GagaMap();
+
+		TscPageRequest pageable = new TscPageRequest((params.getPageNo() > 0 ? params.getPageNo() - 1 : 0), params.getPageSize(), params.getPageUnit());
+		if (TsfSession.isLogin()) {
+			params.setCustNo(TsfSession.getInfo().getCustNo());
+		}
+
+		params.setFrontGb(TsfSession.getFrontGb());
+		params.setCustGb(TsfSession.getCustGb());
+
+		Collection<SearchEngine> eventList = new ArrayList<SearchEngine>();
+
+		PlanningResponse responsePlan = diquest.getEventList(params.getKeyword(),params.getPageNo(),params.getPageSize());
+		pageable.setTotalCount(responsePlan.getTotalSize());
+		eventList = responsePlan.getResponse();
+
+		result.set("paging", pageable);
+		result.set("eventList", eventList);
+
+		return result;
+	}
+
 	/**
 	 * 인기검색어 목록
 	 * @return

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

@@ -18,7 +18,7 @@ import lombok.Data;
 public class PlanningResponse implements Serializable {
 
 	private int totalSize;				// 기획전 전체 개수
-	private Collection<Plan> planList;	// 기획전 목록
+//	private Collection<Plan> planList;	// 기획전 목록
 	private Collection<SearchEngine> response;
 
 }

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

@@ -89,6 +89,17 @@ public class SearchEngine implements Serializable {
 //	private String adminPort;		// 검색엔진포트
 	private String returnCode;		// 검색오류코드(양수: 정상, 음수: 오류)
 
+	// 기획전 리스트
+	private String mainPimg;		//메인이미지(Pc)
+	Collection<PlanningGoods> planningGoodsList;
+	private String planNm;			//기획전명
+	private Integer planSq;			//기획전일련번호(SeqPlan sequence)
+	private String dtlTitle1;		//상세제목1
+
+	// 이벤트 리스트
+	private String dispStdt;			//기획전 시작일시
+	private String dispEddt;			//기획전 종료일시
+
 	@Data
 	public class Trend {
 		// 인기검색어
@@ -97,4 +108,14 @@ public class SearchEngine implements Serializable {
 		private int ranking;	// 랭킹
 	}
 
+	@Data
+	public class PlanningGoods {
+		// 기획전,이벤트
+		private String goodsCd;				// 상품 코드
+		private String goodsNm;				// 상품 명
+		private int currPrice;			// 판매가
+		private String sysImgNm;			// 상품 이미지
+		private int listPrice;			// 최소 소비자가
+	}
+
 }

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

@@ -31,7 +31,7 @@
 				<button class="btn_gnb" title="메인메뉴 열기/닫기"><span><i></i></span></button>
 			</h1>
 			<div class="button_wrap">
-				<button class="search">
+				<button class="search" onclick="cfnSearchLayer();">
 					<img src="/images/mo/ico_btn_search_w.png" alt="검색">
 				</button>
 				<button class="store" onclick="cfnGoToPage(_PAGE_CART);">
@@ -205,11 +205,11 @@
 		});
 	}
 	
-	$(document).on("click",".htop .search",function(){
-		$("#schPop .modal-content").load("popup_sch_layer.html");
-		$("#schPop").modal("show");
-		return false;
-	});
+	// $(document).on("click",".htop .search",function(){
+	// 	$("#schPop .modal-content").load("popup_sch_layer.html");
+	// 	$("#schPop").modal("show");
+	// 	return false;
+	// });
 
 	//210510_추가 : 띠배너 닫기
 	$(document).on('click','.bnrtype_banner .bnrtype_close',function(){

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

@@ -0,0 +1,624 @@
+<!DOCTYPE html>
+<html lang="ko"
+	xmlns:th="http://www.thymeleaf.org">
+<!--
+ *******************************************************************************
+ * @source  : SearchLayerMob.html
+ * @desc    : 검색 레이어 Page
+ *============================================================================
+ * STYLE24
+ * Copyright(C) 2020 TSIT, All rights reserved.
+ *============================================================================
+ * VER  DATE         AUTHOR      DESCRIPTION
+ * ===  ===========  ==========  =============================================
+ * 1.0  2021.06.14   bin2107     최초 작성
+ *******************************************************************************
+ -->
+<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" placeholder="NBA 겨울 클리어런스+봄 프리뷰!">
+					<!-- <button class="btn_x">X</button> -->
+					<button type="button" class="btn_sch" id="btnSearchKeyword"><img src="/images/mo/ico_btn_search.png" alt=""></button>
+				</div>
+			</form>
+			<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);" onclick="fnSearchKeyword([[@{oneData}]]);">
+							<p th:text="${oneData}"></p>
+						</a>
+						<button type="button" class="xBtn" onclick="gagajf.setCookie('st24ck_today_keyword', \'[[${oneData}]]\', -1);"><span>삭제</span></button>
+					</li>
+				</ul>
+				<p class="nodata_txt" th:if="${#lists.isEmpty(recentlyKeywordList)}">최근 검색어가 없습니다.</p>
+			</div>
+			<h3 class="hot-key">STYLE24에서 검색되고 있어요</h3>
+			<div class="related_keyword">
+				<div class="sub_category">
+					<div class="cate_wrap" id="popularKeyArea">
+<!--						<a href="javascript:;" class="on">전체</a>-->
+					</div>
+				</div>
+			</div>
+		</div>
+		<!-- //1.통합검색 default -->
+
+		<!-- 2.통합검색 default_최근검색어 있음 -->
+		<div class="inner">
+			<div class="sch_title">
+				<input type="text" class="form_control" placeholder="NBA 겨울 클리어런스+봄 프리뷰!">
+				<!-- <button class="btn_x">X</button> -->
+				<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">
+			<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>
+							</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 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 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 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>
+		<!-- //3.지금 많이 보고 있어요 상품. -->
+
+		<!-- 4.검색어 타이핑 -->
+		<div class="inner">
+			<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">
+			<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">
+			<div class="sch_title">
+				<input type="text" class="form_control" placeholder="NBA 겨울 클리어런스+봄 프리뷰!">
+				<!-- <button class="btn_x">X</button> -->
+				<button class="btn_sch"><img src="/images/mo/ico_btn_search.png" alt=""></button>
+			</div>
+			<div class="relative-list nodata"> <!-- 검색결과 없을 시 nodata 클래스 추가 -->
+				<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>
+			<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>
+		<div class="inner">
+			<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>
+							<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>
+							<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>
+							<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>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+		<!-- //3.검색결과 없을때 -->
+	</section>
+</div>
+<script>
+	var swiperschProduct = new Swiper('.swiper-container.sch_product', {
+		slidesPerView: 3,
+		spaceBetween: 7,
+		autoplay: {
+			delay: 4000,
+		},
+		freeMode: true,
+		//centeredSlides: true,
+	});
+
+	var swiperschProduct = new Swiper('.swiper-container.recommand_slide', {
+		slidesPerView: 2.2,
+		spaceBetween: 8,
+		autoplay: {
+			delay: 4000,
+		},
+		freeMode: true,
+		//centeredSlides: true,
+	});
+
+	$(".itemLike").click(function () {
+		$(this).toggleClass("likeit");
+	});
+</script>
+
+</body>
+</html>

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

@@ -489,348 +489,6 @@
 											</ul>
 										</div>
 									</div>
-
-<!--									<div class="itemsGrp" id="listBox">-->
-
-<!--									</div>-->
-<!--									<div class="advertise_items"> &lt;!&ndash; 광고상품 &ndash;&gt;-->
-<!--										<div class="itemsGrp">-->
-<!--											<div class="item_prod">-->
-<!--												<div class="item_state">-->
-<!--													<button type="button" class="itemLike">관심상품 추가</button>-->
-<!--													<a href="#none" class="itemLink">-->
-<!--														<div class="shape"><span>AD</span></div>-->
-<!--														<div class="itemPic">-->
-<!--															<img class="vLHTC pd_img" src="/images/pc/thumb/prod1.jpg" alt="">-->
-<!--														</div>-->
-<!--														<p class="itemBrand">BRAND NAME</p>-->
-<!--														<div class=" itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>-->
-<!--														<p class="itemPrice">80,100-->
-<!--															<span class="itemPrice_original">89,000</span>-->
-<!--															<span class="itemPercent">10%</span>-->
-<!--														</p>-->
-<!--														<p class="itemBadge">-->
-<!--															<span class="badge13">베스트 </span>-->
-<!--														</p>-->
-<!--														<div class="itemcolorchip">-->
-<!--															<span class="chip_color35" value="ABM">BEIGE</span>-->
-<!--															<span class="chip_color54" value="BDS">BLACK</span>-->
-<!--															<span class="chip_color40" value="YBR">WHITE</span>-->
-<!--														</div>-->
-<!--														<div class="itemComment">#주문 폭주 상품</div>-->
-<!--													</a>-->
-<!--												</div>-->
-<!--											</div>-->
-<!--											<div class="item_prod">-->
-<!--												<div class="item_state">-->
-<!--													<button type="button" class="itemLike">관심상품 추가</button>-->
-<!--													<a href="#none" class="itemLink">-->
-<!--														<div class="shape"><span>AD</span></div>-->
-<!--														<div class="itemPic">-->
-<!--															<img class="vLHTC pd_img" src="/images/pc/thumb/prod1.jpg" alt="">-->
-<!--														</div>-->
-<!--														<p class="itemBrand">BRAND NAME</p>-->
-<!--														<div class=" itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>-->
-<!--														<p class="itemPrice">80,100-->
-<!--															<span class="itemPrice_original">89,000</span>-->
-<!--															<span class="itemPercent">10%</span>-->
-<!--														</p>-->
-<!--														<p class="itemBadge">-->
-<!--															<span class="badge13">베스트 </span>-->
-<!--														</p>-->
-<!--														<div class="itemcolorchip">-->
-<!--															<span class="chip_color35" value="ABM">BEIGE</span>-->
-<!--															<span class="chip_color54" value="BDS">BLACK</span>-->
-<!--															<span class="chip_color40" value="YBR">WHITE</span>-->
-<!--														</div>-->
-<!--														<div class="itemComment">#주문 폭주 상품</div>-->
-<!--													</a>-->
-<!--												</div>-->
-<!--											</div>-->
-<!--											<div class="item_prod">-->
-<!--												<div class="item_state">-->
-<!--													<a href="#none" class="itemLink">-->
-<!--														<div class="shape"><span>AD</span></div>-->
-<!--														<div class="itemPic">-->
-<!--															<img class="vLHTC pd_img" src="/images/pc/thumb/prod1.jpg" alt="">-->
-<!--															<button type="button" class="itemLike">관심상품 추가</button>-->
-<!--														</div>-->
-<!--														<p class="itemBrand">BRAND NAME</p>-->
-<!--														<div class=" itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>-->
-<!--														<p class="itemPrice">80,100-->
-<!--															<span class="itemPrice_original">89,000</span>-->
-<!--															<span class="itemPercent">10%</span>-->
-<!--														</p>-->
-<!--														<p class="itemBadge">-->
-<!--															<span class="badge13">베스트 </span>-->
-<!--														</p>-->
-<!--														<div class="itemcolorchip">-->
-<!--															<span class="chip_color35" value="ABM">BEIGE</span>-->
-<!--															<span class="chip_color54" value="BDS">BLACK</span>-->
-<!--															<span class="chip_color40" value="YBR">WHITE</span>-->
-<!--														</div>-->
-<!--														<div class="itemComment">#주문 폭주 상품</div>-->
-<!--													</a>-->
-<!--												</div>-->
-<!--											</div>-->
-<!--											<div class="item_prod">-->
-<!--												<div class="item_state">-->
-<!--													<button type="button" class="itemLike">관심상품 추가</button>-->
-<!--													<a href="#none" class="itemLink">-->
-<!--														<div class="shape"><span>AD</span></div>-->
-<!--														<div class="itemPic">-->
-<!--															<img class="vLHTC pd_img" src="/images/pc/thumb/prod1.jpg" alt="">-->
-<!--														</div>-->
-<!--														<p class="itemBrand">BRAND NAME</p>-->
-<!--														<div class=" itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>-->
-<!--														<p class="itemPrice">80,100-->
-<!--															<span class="itemPrice_original">89,000</span>-->
-<!--															<span class="itemPercent">10%</span>-->
-<!--														</p>-->
-<!--														<p class="itemBadge">-->
-<!--															<span class="badge13">베스트 </span>-->
-<!--														</p>-->
-<!--														<div class="itemcolorchip">-->
-<!--															<span class="chip_color35" value="ABM">BEIGE</span>-->
-<!--															<span class="chip_color54" value="BDS">BLACK</span>-->
-<!--															<span class="chip_color40" value="YBR">WHITE</span>-->
-<!--														</div>-->
-<!--														<div class="itemComment">#주문 폭주 상품</div>-->
-<!--													</a>-->
-<!--												</div>-->
-<!--											</div>-->
-<!--											<div class="item_prod">-->
-<!--												<div class="item_state">-->
-<!--													<button type="button" class="itemLike">관심상품 추가</button>-->
-<!--													<a href="#none" class="itemLink">-->
-<!--														<div class="shape"><span>AD</span></div>-->
-<!--														<div class="itemPic">-->
-<!--															<img class="vLHTC pd_img" src="/images/pc/thumb/prod1.jpg" alt="">-->
-<!--														</div>-->
-<!--														<p class="itemBrand">BRAND NAME</p>-->
-<!--														<div class=" itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>-->
-<!--														<p class="itemPrice">80,100-->
-<!--															<span class="itemPrice_original">89,000</span>-->
-<!--															<span class="itemPercent">10%</span>-->
-<!--														</p>-->
-<!--														<p class="itemBadge">-->
-<!--															<span class="badge13">베스트 </span>-->
-<!--														</p>-->
-<!--														<div class="itemcolorchip">-->
-<!--															<span class="chip_color35" value="ABM">BEIGE</span>-->
-<!--															<span class="chip_color54" value="BDS">BLACK</span>-->
-<!--															<span class="chip_color40" value="YBR">WHITE</span>-->
-<!--														</div>-->
-<!--														<div class="itemComment">#주문 폭주 상품</div>-->
-<!--													</a>-->
-<!--												</div>-->
-<!--											</div>-->
-<!--										</div>-->
-<!--									</div>-->
-<!--									<div class="banner">-->
-<!--										<a href=""><img src="/images/pc/thumb/bnr_sch_result.jpg" width="100%" alt=""></a>-->
-<!--									</div>-->
-<!--									<div class="sch_result_items">-->
-<!--										<div class="itemsGrp">-->
-<!--											<div class="item_prod">-->
-<!--												<div class="item_state">-->
-<!--													<button type="button" class="itemLike">관심상품 추가</button>-->
-<!--													<a href="#none" class="itemLink">-->
-<!--														<div class="itemPic">-->
-<!--															<img class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdClickother1.jpg" alt="">-->
-<!--														</div>-->
-<!--														<p class="itemBrand">BRAND NAME</p>-->
-<!--														<div class=" itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>-->
-<!--														<p class="itemPrice">80,100-->
-<!--															<span class="itemPrice_original">89,000</span>-->
-<!--															<span class="itemPercent">10%</span>-->
-<!--														</p>-->
-<!--														<p class="itemBadge">-->
-<!--															<span class="badge13">베스트 </span>-->
-<!--														</p>-->
-<!--														<div class="itemcolorchip">-->
-<!--															<span class="chip_color35" value="ABM">BEIGE</span>-->
-<!--															<span class="chip_color54" value="BDS">BLACK</span>-->
-<!--															<span class="chip_color40" value="YBR">WHITE</span>-->
-<!--														</div>-->
-<!--														<div class="itemComment">#주문 폭주 상품</div>-->
-<!--													</a>-->
-<!--												</div>-->
-<!--											</div><div class="item_prod">-->
-<!--											<div class="item_state">-->
-<!--												<button type="button" class="itemLike">관심상품 추가</button>-->
-<!--												<a href="#none" class="itemLink">-->
-<!--													<div class="itemPic">-->
-<!--														<img class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdClickother1.jpg" alt="">-->
-<!--													</div>-->
-<!--													<p class="itemBrand">BRAND NAME</p>-->
-<!--													<div class=" itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>-->
-<!--													<p class="itemPrice">80,100-->
-<!--														<span class="itemPrice_original">89,000</span>-->
-<!--														<span class="itemPercent">10%</span>-->
-<!--													</p>-->
-<!--													<p class="itemBadge">-->
-<!--														<span class="badge13">베스트 </span>-->
-<!--													</p>-->
-<!--													<div class="itemcolorchip">-->
-<!--														<span class="chip_color35" value="ABM">BEIGE</span>-->
-<!--														<span class="chip_color54" value="BDS">BLACK</span>-->
-<!--														<span class="chip_color40" value="YBR">WHITE</span>-->
-<!--													</div>-->
-<!--													<div class="itemComment">#주문 폭주 상품</div>-->
-<!--												</a>-->
-<!--											</div>-->
-<!--										</div><div class="item_prod">-->
-<!--											<div class="item_state">-->
-<!--												<button type="button" class="itemLike">관심상품 추가</button>-->
-<!--												<a href="#none" class="itemLink">-->
-<!--													<div class="itemPic">-->
-<!--														<img class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdClickother1.jpg" alt="">-->
-<!--													</div>-->
-<!--													<p class="itemBrand">BRAND NAME</p>-->
-<!--													<div class=" itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>-->
-<!--													<p class="itemPrice">80,100-->
-<!--														<span class="itemPrice_original">89,000</span>-->
-<!--														<span class="itemPercent">10%</span>-->
-<!--													</p>-->
-<!--													<p class="itemBadge">-->
-<!--														<span class="badge13">베스트 </span>-->
-<!--													</p>-->
-<!--													<div class="itemcolorchip">-->
-<!--														<span class="chip_color35" value="ABM">BEIGE</span>-->
-<!--														<span class="chip_color54" value="BDS">BLACK</span>-->
-<!--														<span class="chip_color40" value="YBR">WHITE</span>-->
-<!--													</div>-->
-<!--													<div class="itemComment">#주문 폭주 상품</div>-->
-<!--												</a>-->
-<!--											</div>-->
-<!--										</div><div class="item_prod">-->
-<!--											<div class="item_state">-->
-<!--												<button type="button" class="itemLike">관심상품 추가</button>-->
-<!--												<a href="#none" class="itemLink">-->
-<!--													<div class="itemPic">-->
-<!--														<img class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdClickother1.jpg" alt="">-->
-<!--													</div>-->
-<!--													<p class="itemBrand">BRAND NAME</p>-->
-<!--													<div class=" itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>-->
-<!--													<p class="itemPrice">80,100-->
-<!--														<span class="itemPrice_original">89,000</span>-->
-<!--														<span class="itemPercent">10%</span>-->
-<!--													</p>-->
-<!--													<p class="itemBadge">-->
-<!--														<span class="badge13">베스트 </span>-->
-<!--													</p>-->
-<!--													<div class="itemcolorchip">-->
-<!--														<span class="chip_color35" value="ABM">BEIGE</span>-->
-<!--														<span class="chip_color54" value="BDS">BLACK</span>-->
-<!--														<span class="chip_color40" value="YBR">WHITE</span>-->
-<!--													</div>-->
-<!--													<div class="itemComment">#주문 폭주 상품</div>-->
-<!--												</a>-->
-<!--											</div>-->
-<!--										</div>-->
-<!--											<div class="item_prod">-->
-<!--												<div class="item_state">-->
-<!--													<button type="button" class="itemLike">관심상품 추가</button>-->
-<!--													<a href="#none" class="itemLink">-->
-<!--														<div class="itemPic">-->
-<!--															<img class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdClickother1.jpg" alt="">-->
-<!--														</div>-->
-<!--														<p class="itemBrand">BRAND NAME</p>-->
-<!--														<div class=" itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>-->
-<!--														<p class="itemPrice">80,100-->
-<!--															<span class="itemPrice_original">89,000</span>-->
-<!--															<span class="itemPercent">10%</span>-->
-<!--														</p>-->
-<!--														<p class="itemBadge">-->
-<!--															<span class="badge13">베스트 </span>-->
-<!--														</p>-->
-<!--														<div class="itemcolorchip">-->
-<!--															<span class="chip_color35" value="ABM">BEIGE</span>-->
-<!--															<span class="chip_color54" value="BDS">BLACK</span>-->
-<!--															<span class="chip_color40" value="YBR">WHITE</span>-->
-<!--														</div>-->
-<!--														<div class="itemComment">#주문 폭주 상품</div>-->
-<!--													</a>-->
-<!--												</div>-->
-<!--											</div>-->
-<!--											<div class="item_prod">-->
-<!--												<div class="item_state">-->
-<!--													<button type="button" class="itemLike">관심상품 추가</button>-->
-<!--													<a href="#none" class="itemLink">-->
-<!--														<div class="itemPic">-->
-<!--															<img class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdClickother1.jpg" alt="">-->
-<!--														</div>-->
-<!--														<p class="itemBrand">BRAND NAME</p>-->
-<!--														<div class=" itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>-->
-<!--														<p class="itemPrice">80,100-->
-<!--															<span class="itemPrice_original">89,000</span>-->
-<!--															<span class="itemPercent">10%</span>-->
-<!--														</p>-->
-<!--														<p class="itemBadge">-->
-<!--															<span class="badge13">베스트 </span>-->
-<!--														</p>-->
-<!--														<div class="itemcolorchip">-->
-<!--															<span class="chip_color35" value="ABM">BEIGE</span>-->
-<!--															<span class="chip_color54" value="BDS">BLACK</span>-->
-<!--															<span class="chip_color40" value="YBR">WHITE</span>-->
-<!--														</div>-->
-<!--														<div class="itemComment">#주문 폭주 상품</div>-->
-<!--													</a>-->
-<!--												</div>-->
-<!--											</div>-->
-<!--											<div class="item_prod">-->
-<!--												<div class="item_state">-->
-<!--													<button type="button" class="itemLike">관심상품 추가</button>-->
-<!--													<a href="#none" class="itemLink">-->
-<!--														<div class="itemPic">-->
-<!--															<img class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdClickother1.jpg" alt="">-->
-<!--														</div>-->
-<!--														<p class="itemBrand">BRAND NAME</p>-->
-<!--														<div class=" itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>-->
-<!--														<p class="itemPrice">80,100-->
-<!--															<span class="itemPrice_original">89,000</span>-->
-<!--															<span class="itemPercent">10%</span>-->
-<!--														</p>-->
-<!--														<p class="itemBadge">-->
-<!--															<span class="badge13">베스트 </span>-->
-<!--														</p>-->
-<!--														<div class="itemcolorchip">-->
-<!--															<span class="chip_color35" value="ABM">BEIGE</span>-->
-<!--															<span class="chip_color54" value="BDS">BLACK</span>-->
-<!--															<span class="chip_color40" value="YBR">WHITE</span>-->
-<!--														</div>-->
-<!--														<div class="itemComment">#주문 폭주 상품</div>-->
-<!--													</a>-->
-<!--												</div>-->
-<!--											</div>-->
-<!--											<div class="item_prod">-->
-<!--												<div class="item_state">-->
-<!--													<button type="button" class="itemLike">관심상품 추가</button>-->
-<!--													<a href="#none" class="itemLink">-->
-<!--														<div class="itemPic">-->
-<!--															<img class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdClickother1.jpg" alt="">-->
-<!--														</div>-->
-<!--														<p class="itemBrand">BRAND NAME</p>-->
-<!--														<div class=" itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>-->
-<!--														<p class="itemPrice">80,100-->
-<!--															<span class="itemPrice_original">89,000</span>-->
-<!--															<span class="itemPercent">10%</span>-->
-<!--														</p>-->
-<!--														<p class="itemBadge">-->
-<!--															<span class="badge13">베스트 </span>-->
-<!--														</p>-->
-<!--														<div class="itemcolorchip">-->
-<!--															<span class="chip_color35" value="ABM">BEIGE</span>-->
-<!--															<span class="chip_color54" value="BDS">BLACK</span>-->
-<!--															<span class="chip_color40" value="YBR">WHITE</span>-->
-<!--														</div>-->
-<!--														<div class="itemComment">#주문 폭주 상품</div>-->
-<!--													</a>-->
-<!--												</div>-->
-<!--											</div>-->
-<!--										</div>-->
-<!--									</div>-->
 									<!-- //검색필터 결과 상품 노출 -->
 								</div>
 							</div>
@@ -851,7 +509,7 @@
 						</div>
 						<!-- //기획전 검색결과 없을 시 노출 -->
 						<div class="exhi_list"> <!-- 데이터 없을시 클래스 nodata 추가 -->
-							<div class="list_defult">
+							<div class="list_defult" style="display:none;">
 								<div>
 									<img src="/images/pc/ico_content_find.png" alt="">
 									<p>등록된 기획전이 없습니다.</p>
@@ -860,220 +518,8 @@
 									<button type="button" class="btn btn_default"><span>홈으로 가기</span></button>
 								</div>
 							</div>
-							<div class="itemsGrp">
-								<div class="exhi_item">
-									<div class="exhi_item_img">
-										<a href="">
-											<div class="shape ranker"><span>NEW</span></div>
-											<img src="/images/pc/thumb/ev_list_img01.jpg" alt=""> <!-- 430x430 사이즈 최적 -->
-											<div class="exhi_detail">
-												<p class="brand">TBJ 외</p>
-												<h3 class="tit">ATTENTION! 20FW HOLIDAY TBJ 주목할 홀리데이 TBJ 컬렉션 ATTENTION! 20FW HOLIDAY TBJ 주목할 홀리데이 TBJ 컬렉션</h3>
-												<p class="sale">신상 15%쿠폰할인</p>
-											</div>
-										</a>
-									</div>
-									<div class="exhi_item_pr">
-										<ul class="prod_list clear">
-											<li>
-												<div class="item_prod">
-													<div class="item_state">
-														<a href="#none" class="itemLink">
-															<div class="itemPic">
-																<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/dp_slide_Item01.png">
-															</div>
-															<div class="itemName">남성 로고 자카드 방풍 패딩</div>
-															<p class="itemPrice">80,100</p>
-														</a>
-													</div>
-												</div>
-											</li>
-											<li>
-												<div class="item_prod">
-													<div class="item_state">
-														<a href="#none" class="itemLink">
-															<div class="itemPic">
-																<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdTogether1.jpg">
-															</div>
-															<div class="itemName">남성 로고 자카드 방풍 패딩</div>
-															<p class="itemPrice">80,100</p>
-														</a>
-													</div>
-												</div>
-											</li>
-										</ul>
-									</div>
-								</div>
-								<div class="exhi_item">
-									<div class="exhi_item_img">
-										<a href="">
-											<div class="shape ranker"><span>NEW</span></div>
-											<img src="/images/pc/thumb/tmp_pdLookbook1.jpg" alt="">
-											<div class="exhi_detail">
-												<p class="brand">TBJ 외</p>
-												<h3 class="tit">ATTENTION! 20FW HOLIDAY TBJ 주목할 홀리데이 TBJ 컬렉션 ATTENTION! 20FW HOLIDAY TBJ 주목할 홀리데이 TBJ 컬렉션</h3>
-												<p class="sale">신상 15%쿠폰할인</p>
-											</div>
-										</a>
-									</div>
-									<div class="exhi_item_pr">
-										<ul class="prod_list clear">
-											<li>
-												<div class="item_prod">
-													<div class="item_state">
-														<a href="#none" class="itemLink">
-															<div class="itemPic">
-																<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/dp_slide_Item01.png">
-															</div>
-															<div class="itemName">남성 로고 자카드 방풍 패딩</div>
-															<p class="itemPrice">80,100</p>
-														</a>
-													</div>
-												</div>
-											</li>
-											<li>
-												<div class="item_prod">
-													<div class="item_state">
-														<a href="#none" class="itemLink">
-															<div class="itemPic">
-																<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdTogether1.jpg">
-															</div>
-															<div class="itemName">남성 로고 자카드 방풍 패딩</div>
-															<p class="itemPrice">80,100</p>
-														</a>
-													</div>
-												</div>
-											</li>
-										</ul>
-									</div>
-								</div>
-								<div class="exhi_item">
-									<div class="exhi_item_img">
-										<a href="">
-											<div class="shape ranker"><span>NEW</span></div>
-											<img src="/images/pc/thumb/tmp_pdLookbook1.jpg" alt="">
-											<div class="exhi_detail">
-												<p class="brand">TBJ 외</p>
-												<h3 class="tit">ATTENTION! 20FW HOLIDAY TBJ 주목할 홀리데이 TBJ 컬렉션 ATTENTION! 20FW HOLIDAY TBJ 주목할 홀리데이 TBJ 컬렉션</h3>
-												<p class="sale">신상 15%쿠폰할인</p>
-											</div>
-										</a>
-									</div>
-									<div class="exhi_item_pr">
-										<ul class="prod_list clear">
-											<li>
-												<div class="item_prod">
-													<div class="item_state">
-														<a href="#none" class="itemLink">
-															<div class="itemPic">
-																<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/dp_slide_Item01.png">
-															</div>
-															<div class="itemName">남성 로고 자카드 방풍 패딩</div>
-															<p class="itemPrice">80,100</p>
-														</a>
-													</div>
-												</div>
-											</li>
-											<li>
-												<div class="item_prod">
-													<div class="item_state">
-														<a href="#none" class="itemLink">
-															<div class="itemPic">
-																<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdTogether1.jpg">
-															</div>
-															<div class="itemName">남성 로고 자카드 방풍 패딩</div>
-															<p class="itemPrice">80,100</p>
-														</a>
-													</div>
-												</div>
-											</li>
-										</ul>
-									</div>
-								</div>
-								<div class="exhi_item">
-									<div class="exhi_item_img">
-										<a href="">
-											<img src="/images/pc/thumb/tmp_pdLookbook1.jpg" alt="">
-											<div class="exhi_detail">
-												<p class="brand">TBJ 외</p>
-												<h3 class="tit">ATTENTION! 20FW HOLIDAY TBJ 주목할 홀리데이 TBJ 컬렉션 ATTENTION! 20FW HOLIDAY TBJ 주목할 홀리데이 TBJ 컬렉션</h3>
-												<p class="sale">신상 15%쿠폰할인</p>
-											</div>
-										</a>
-									</div>
-									<div class="exhi_item_pr">
-										<ul class="prod_list clear">
-											<li>
-												<div class="item_prod">
-													<div class="item_state">
-														<a href="#none" class="itemLink">
-															<div class="itemPic">
-																<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/dp_slide_Item01.png">
-															</div>
-															<div class="itemName">남성 로고 자카드 방풍 패딩</div>
-															<p class="itemPrice">80,100</p>
-														</a>
-													</div>
-												</div>
-											</li>
-											<li>
-												<div class="item_prod">
-													<div class="item_state">
-														<a href="#none" class="itemLink">
-															<div class="itemPic">
-																<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdTogether1.jpg">
-															</div>
-															<div class="itemName">남성 로고 자카드 방풍 패딩</div>
-															<p class="itemPrice">80,100</p>
-														</a>
-													</div>
-												</div>
-											</li>
-										</ul>
-									</div>
-								</div>
-								<div class="exhi_item">
-									<div class="exhi_item_img">
-										<a href="">
-											<img src="/images/pc/thumb/tmp_pdLookbook1.jpg" alt="">
-											<div class="exhi_detail">
-												<p class="brand">TBJ 외</p>
-												<h3 class="tit">ATTENTION! 20FW HOLIDAY TBJ 주목할 홀리데이 TBJ 컬렉션 ATTENTION! 20FW HOLIDAY TBJ 주목할 홀리데이 TBJ 컬렉션</h3>
-												<p class="sale">신상 15%쿠폰할인</p>
-											</div>
-										</a>
-									</div>
-									<div class="exhi_item_pr">
-										<ul class="prod_list clear">
-											<li>
-												<div class="item_prod">
-													<div class="item_state">
-														<a href="#none" class="itemLink">
-															<div class="itemPic">
-																<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/dp_slide_Item01.png">
-															</div>
-															<div class="itemName">남성 로고 자카드 방풍 패딩</div>
-															<p class="itemPrice">80,100</p>
-														</a>
-													</div>
-												</div>
-											</li>
-											<li>
-												<div class="item_prod">
-													<div class="item_state">
-														<a href="#none" class="itemLink">
-															<div class="itemPic">
-																<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdTogether1.jpg">
-															</div>
-															<div class="itemName">남성 로고 자카드 방풍 패딩</div>
-															<p class="itemPrice">80,100</p>
-														</a>
-													</div>
-												</div>
-											</li>
-										</ul>
-									</div>
-								</div>
+							<div class="itemsGrp" id="planArea">
+
 							</div>
 						</div>
 					</div>
@@ -1093,116 +539,12 @@
 							<div class="sec_body">
 								<div class="area_thumb_list">
 									<div class="thumb_list">
-										<ul>
-											<li>
-												<a href="">
-													<div class="shape ranker"><span>NEW</span></div>
-													<div class="thumb">
-														<img src="/images/pc/thumb/ev_list_img01.jpg" alt="">
-													</div>
-													<div class="txt">
-														<p class="title">ATTENTION! 20FW HOLIDAY TBJ 주목할 홀리데이 TBJ 컬렉션</p>
-														<p class="date">
-															<span>2020.12.17</span> - <span>2021.01.03</span>
-														</p>
-													</div>
-												</a>
-											</li>
-											<li>
-												<a href="">
-													<div class="thumb">
-														<img src="/images/pc/thumb/ev_list_img02.jpg" alt="">
-													</div>
-													<div class="txt">
-														<p class="title">단 48시간, 퓨어캐시미어 최대 80%세일 PURE CASHMERE 48H POP-UP 단 48시간, 퓨어캐시미어 최대 80%세일 PURE CASHMERE 48H POP-UP</p>
-														<p class="date">
-															<span>2020.12.17</span> - <span>2021.01.03</span>
-														</p>
-													</div>
-												</a>
-											</li>
-											<li>
-												<a href="">
-													<div class="thumb">
-														<img src="/images/pc/thumb/ev_list_img03.jpg" alt="">
-													</div>
-													<div class="txt">
-														<p class="title">ANDEW white 20winter</p>
-														<p class="date">
-															<span>2020.12.17</span> - <span>2021.01.03</span>
-														</p>
-													</div>
-												</a>
-											</li>
-											<li>
-												<a href="">
-													<div class="thumb">
-														<img src="/images/pc/thumb/ev_list_img04.jpg" alt="">
-													</div>
-													<div class="txt">
-														<p class="title">자연스럽고 편안한  Earth Colors</p>
-														<p class="date">
-															<span>2020.12.17</span> - <span>2021.01.03</span>
-														</p>
-													</div>
-												</a>
-											</li>
-											<li>
-												<a href="">
-													<div class="thumb">
-														<img src="/images/pc/thumb/ev_list_img05.jpg" alt="">
-													</div>
-													<div class="txt">
-														<p class="title">RETRO CONTEMPORARY 3개 브랜드 BUCKAROO/NBA/ANDEW</p>
-														<p class="date">
-															<span>2020.12.17</span> - <span>2021.01.03</span>
-														</p>
-													</div>
-												</a>
-											</li>
-											<li>
-												<a href="">
-													<div class="thumb">
-														<img src="/images/pc/thumb/ev_list_img06.jpg" alt="">
-													</div>
-													<div class="txt">
-														<p class="title">스타일24만의 스타일로, TBJ 하이 스타일링</p>
-														<p class="date">
-															<span>2020.12.17</span> - <span>2021.01.03</span>
-														</p>
-													</div>
-												</a>
-											</li>
-											<li>
-												<a href="">
-													<div class="thumb">
-														<img src="/images/pc/thumb/ev_list_img07.jpg" alt="">
-													</div>
-													<div class="txt">
-														<p class="title">올 겨울, 나를 설레게하는 선물같은 브랜드 THIS IS FOUR YOU</p>
-														<p class="date">
-															<span>2020.12.17</span> - <span>2021.01.03</span>
-														</p>
-													</div>
-												</a>
-											</li>
-											<li>
-												<a href="">
-													<div class="thumb">
-														<img src="/images/pc/thumb/ev_list_img08.jpg" alt="">
-													</div>
-													<div class="txt">
-														<p class="title">한눈에 살펴보는 우리 아이 겨울 아이템</p>
-														<p class="date">
-															<span>2020.12.17</span> - <span>2021.01.03</span>
-														</p>
-													</div>
-												</a>
-											</li>
+										<ul id="eventArea">
+
 										</ul>
 									</div>
 									<!-- 등록된 이벤트가 없을 때 노출 -->
-									<div class="nodata">
+									<div class="nodata" style="display:none;">
 										<div class="txt_box">
 											<p>
 												등록된 이벤트가 없습니다.
@@ -1246,7 +588,7 @@
 			// gagajf.ajaxFormSubmit("/display/search/goods/list", document.searchGoodsForm, function(result) {
 			// 	console.log(result);
 			// }, true);
-			gagajf.ajaxFormSubmit("/display/search/goods/list", document.searchGoodsForm,  gagaInfiniteScroll.jsonToHtml, true);
+			gagajf.ajaxFormSubmit("/display/search/goods/list", document.searchGoodsForm, gagaInfiniteScroll.jsonToHtml);
 		}
 
 		var fnDrawInfiniteScrollData = function (result){
@@ -1264,10 +606,20 @@
 				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();
+				}
+				gagaInfiniteScroll.draw('not');
 			}
 
-			// let planTotalCnt = result.paging.totalPlanCount;
-			// $("#planListCnt").text('('+planTotalCnt.addComma()+')');
 		}
 
 		$(window).on("pageshow", function(event) {
@@ -1310,8 +662,100 @@
 			}else{
 				fnCategoryGoodsInfiniteScrollInit();
 				fnSearchGoodsListSearch();
+				fnGetSearchPlanningList();
+				fnGetSearchEventList();
 			}
 		});
+
+		// 이벤트 리스트
+		let fnGetSearchEventList = function (){
+			gagajf.ajaxFormSubmit("/display/search/event/list", document.searchGoodsForm, fnReturnEventList);
+		}
+
+		let fnReturnEventList = function (result){
+			if(gagajf.isNull(result.eventList.length)){
+				$("#eventListCnt").text('(0)');
+			}else{
+				$("#eventListCnt").text('('+result.eventList.length.addComma()+')');
+			}
+
+			if(result.eventList != null && result.eventList.length>0){
+				$.each(result.eventList, function (idx,item){
+					let html = '';
+					html += '<li>\n';
+					html += '	<a href="cfnGoToPlanDetail('+item.planSq+')">\n';
+					html += '		<div class="shape ranker"><span>NEW</span></div>\n';
+					html += '		<div class="thumb">\n';
+					html += '			<img src="'+_imgUrl+'/'+item.mainPimg+'" alt="">\n';
+					html += '		</div>\n';
+					html += '		<div class="txt">\n';
+					html += '			<p class="title">'+item.planNm+'</p>\n';
+					html += '			<p class="date">\n';
+					if(item.dispStdt != null && item.dispEddt != null){
+						html += '				<span>'+item.dispStdt+'</span> - <span>'+item.dispEddt+'</span>\n';
+					}
+					html += '			</p>\n';
+					html += '		</div>\n';
+					html += '	</a>\n';
+					html += '</li>\n';
+					$("#eventArea").append(html);
+				});
+			}
+		}
+
+		// 기획전 리스트
+		let fnGetSearchPlanningList = function (){
+			gagajf.ajaxFormSubmit("/display/search/planning/list", document.searchGoodsForm, fnReturnPlanningList);
+		}
+
+		let fnReturnPlanningList = function (result){
+			if(gagajf.isNull(result.planList.length)){
+				$("#planListCnt").text('(0)');
+			}else{
+				$("#planListCnt").text('('+result.planList.length.addComma()+')');
+			}
+
+			if(result.planList != null && result.planList.length>0){
+				$.each(result.planList, function (idx,item){
+					let html = '';
+					html += '<div class="exhi_item" id="planArea">\n';
+					html += '	<div class="exhi_item_img">\n';
+					html += '		<a href="cfnGoToPlanDetail('+item.planSq+')">\n';
+					html += '			<div class="shape ranker"><span>NEW</span></div>\n';
+					html += '			<img src="'+_imgUrl+'/'+item.mainPimg+'" alt="">\n';
+					html += '				<div class="exhi_detail">\n';
+					html += '					<p class="brand">TBJ 외</p>\n';
+					html += '					<h3 class="tit">'+item.planNm+'</h3>\n';
+					html += '					<p class="sale">'+item.dtlTitle1+'</p>\n';
+					html += '				</div>\n';
+					html += '		</a>\n';
+					html += '	</div>\n';
+					if(item.planningGoodsList != null && item.planningGoodsList.length>0){
+						html += '	<div class="exhi_item_pr">\n';
+						html += '		<ul class="prod_list clear">\n';
+						$.each(item.planningGoodsList, function (idx,item){
+							html += '			<li>\n';
+							html += '				<div class="item_prod">\n';
+							html += '					<div class="item_state">\n';
+							html += '						<a href="javascript:void(0);" class="itemLink">\n';
+							html += '							<div class="itemPic">\n';
+							html += '							<img alt="" class="vLHTC pd_img" src="'+item.sysImgNm+'">\n';
+							html += '							</div>\n';
+							html += '							<div class="itemName">'+item.goodsNm+'</div>\n';
+							html += '							<p class="itemPrice">'+item.currPrice.addComma()+'</p>\n';
+							html += '						</a>\n';
+							html += '					</div>\n';
+							html += '				</div>\n';
+							html += '			</li>\n';
+						});
+						html += '		</ul>\n';
+						html += '	</div>\n';
+					}
+					html += '</div>\n';
+					$("#planArea").append(html);
+				});
+			}
+		}
 	
 		$(document).ready( function() {
 			// let priceLen;

src/main/webapp/ux/style24_link.js

@@ -1416,7 +1416,8 @@ function cfnSearchLayer(brandGroupNo) {
 	var Param = new Object();
 	var str = '<div class="common_search active" id="layer_search"></div>';
 	if ("P" != _frontGb){
-		// str = '<div class="modal pop_full fade pd_pop pd_qnalist_pop" id="layer_goods_qna" tabindex="-1" role="dialog" aria-labelledby="exampleFullLabel" aria-hidden="true"></div>';
+		// str = '<div class="modal pop_full schPop sch" id="schPop" tabindex="-1" role="dialog" aria-labelledby="schPopLabel" aria-hidden="true"></div>';
+		str = '<div class="modal pop_full schPop sch" id="layer_search"></div>';
 	}
 
 	if ($('#layer_search').length == 0) {