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

src/main/java/com/style24/front/biz/dao/TsfCounselDao.java

@@ -85,6 +85,15 @@ public interface TsfCounselDao {
 	 */
 	int deleteOneToOneQnaImage(Counsel counsel);
 
+	/**
+	 * 1:1문의 사진 리스트
+	 * @param counsel -상담정보
+	 * @return
+	 * @author sowon
+	 * @since 2021. 06. 214
+	 */
+	Collection<Counsel> getOneToOneImgList(Counsel counsel);
+	
 	/**
 	 * 상품문의 생성
 	 * @param counsel - 상담정보

src/main/java/com/style24/front/biz/service/TsfCounselService.java

@@ -200,6 +200,17 @@ public class TsfCounselService {
 			throw new IllegalStateException("답변이 완료되지 않아 삭제할 수 없습니다.");
 		}
 	}
+	
+	/**
+	 * 1:1문의 사진 리스트
+	 * @param counsel -상담정보
+	 * @return
+	 * @author sowon
+	 * @since 2021. 06. 214
+	 */
+	public Collection<Counsel> getOneToOneImgList(Counsel counsel){
+		return counselDao.getOneToOneImgList(counsel);
+	}
 
 	/**
 	 * 상품문의 생성

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

@@ -23,6 +23,7 @@ import com.style24.persistence.TscPageRequest;
 import com.style24.persistence.domain.Counsel;
 import com.style24.persistence.domain.Faq;
 import com.style24.persistence.domain.Notice;
+import com.style24.persistence.domain.Plan;
 
 import lombok.extern.slf4j.Slf4j;
 
@@ -325,6 +326,23 @@ public class TsfCallcenterController extends TsfBaseController {
 		counselService.deleteOneToOneQnaImage(counsel);
 		return super.ok(message.getMessage("SUCC_0003"));
 	}
+	
+	/**
+	 * 1:1 문의 이미지상세 -  댓글 상세 레이어
+	 * @return
+	 * @author sowon
+	 * @since 2021. 6. 14
+	 */
+	@PostMapping("/onetoone/photo/detail/layer")
+	public ModelAndView onetoonePhotoDetailForm(Counsel counsel) {
+		ModelAndView mav = new ModelAndView();
+
+		// 상품 기본정보
+		mav.addObject("counsel",counsel);
+		mav.addObject("imgList", counselService.getOneToOneImgList(counsel));
+		mav.setViewName(super.getDeviceViewName("callcenter/OneToOnePhotoForm"));
+		return mav;
+	}
 
 	/**
 	 * 상품문의 등록 처리

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

@@ -1009,6 +1009,8 @@ public class TsfDisplayController extends TsfBaseController {
 		mav.addObject("filterBenefitList", displayService.getCategoryFilterList(filterList, "BENEFIT"));
 		mav.addObject("params", params);
 
+		log.info("filterPriceList:::{}",displayService.getCategoryFilterList(filterList, "PRICE"));
+
 		return mav;
 	}
 
@@ -1044,11 +1046,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 +1060,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/front/support/config/TsfWebMvcConfig.java

@@ -18,8 +18,7 @@ import org.springframework.web.multipart.support.MultipartFilter;
 import org.springframework.web.servlet.config.annotation.InterceptorRegistry;
 import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;
 
-import com.gagaframework.web.core.filter.GagaXssServletFilter;
-import com.gagaframework.web.rest.client.GagaRequestStringTrim;
+import com.style24.core.support.filter.TscXssServletFilter;
 import com.style24.front.support.interceptor.TsfAflinkInterceptor;
 import com.style24.front.support.interceptor.TsfDefaultInterceptor;
 import com.style24.front.support.interceptor.TsfGoodsViewInterceptor;
@@ -27,6 +26,8 @@ import com.style24.front.support.interceptor.TsfLoginCheckInterceptor;
 import com.style24.front.support.interceptor.TsfRememberMeInterceptor;
 import com.style24.front.support.interceptor.TsfReturnUrlInterceptor;
 
+import com.gagaframework.web.rest.client.GagaRequestStringTrim;
+
 /**
  * Web MVC Configuration
  * 
@@ -163,7 +164,8 @@ public class TsfWebMvcConfig implements WebMvcConfigurer {
 	@Bean
 	public FilterRegistrationBean xssFilterRegistrationBean() {
 		FilterRegistrationBean bean = new FilterRegistrationBean();
-		bean.setFilter(new GagaXssServletFilter());
+//		bean.setFilter(new GagaXssServletFilter());
+		bean.setFilter(new TscXssServletFilter());
 		bean.setOrder(2);
 		bean.addUrlPatterns("/*");
 		return bean;

src/main/java/com/style24/persistence/domain/Counsel.java

@@ -54,6 +54,8 @@ public class Counsel extends TscBaseDomain {
 	private String secretYn;		// 비밀글여부(상품문의에서만 사용)
 	private String delYn;			// 삭제여부
 	private int selfGb;				// 내문의 1: , 그외 0
+	private String sysFileNm;		// 이미지 공통 변수
+	private int rnum;
 	
 	private String goodsType; 		// 상품타입
 

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/java/com/style24/persistence/mybatis/shop/TsfCounsel.xml

@@ -199,6 +199,24 @@
 		AND    ANS_STAT = 'G060_20' /*답변상태:답변완료*/
 	</update>
 	
+	<select id="getOneToOneImgList" parameterType="Counsel"  resultType="Counsel">
+		/* TsfCounsel.getOneToOnePhotoList */
+		SELECT  Z.*
+		      , ROW_NUMBER() OVER() AS RNUM
+		FROM
+		(
+		   SELECT  SYS_FILE_NM1 AS SYS_FILE_NM
+		         , COUNSEL_SQ 
+		   FROM  TB_COUNSEL TC 
+		   WHERE COUNSEL_SQ = #{counselSq}
+		   UNION 
+		   SELECT SYS_FILE_NM2 AS SYS_FILE_NM
+		         , COUNSEL_SQ
+		   FROM TB_COUNSEL TC 
+		   WHERE COUNSEL_SQ = #{counselSq}
+		)Z     
+	</select>
+	
 	<!-- 상품문의 생성 -->
 	<insert id="createGoodsQna" parameterType="Counsel">
 		/* TsfCounsel.createGoodsQna */

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

@@ -88,12 +88,15 @@
 		                   END                                          AS  OCCUR_DTL_DESC
 		            , CPH.PNT_AMT
 		            , DATE_FORMAT(CPH.UPD_DT, '%Y.%m.%d %H:%i:%S') AS PNT_UPLOAD_DT
+		            , TCP.EXP_BE_DT 
 		       FROM TB_CUST_POINT_HST CPH
 		       LEFT JOIN TB_ORDER_DETAIL OD
 		       ON  CPH.ORD_NO = OD.ORD_NO
 		       AND CPH.ORD_DTL_NO = OD.ORD_DTL_NO
 		       LEFT JOIN TB_GOODS G
 		       ON  OD.GOODS_CD = G.GOODS_CD
+		       INNER JOIN TB_CUST_POINT TCP 
+		       ON   CPH.CUST_PNT_SQ = TCP.CUST_PNT_SQ
 		       LEFT JOIN (SELECT FG.GOODS_NM
 		                        ,OFV.ORD_NO
 		                  FROM TB_ORD_FREEGIFT_VAL OFV
@@ -116,12 +119,15 @@
 		                 END                                          AS  OCCUR_DTL_DESC
 		           , SUM(CPH.PNT_AMT)
 		           , DATE_FORMAT(CPH.UPD_DT, '%Y.%m.%d %H:%i:%S') AS PNT_UPLOAD_DT
+		           , TCP.EXP_BE_DT 
 		      FROM TB_CUST_POINT_HST CPH
 		      LEFT JOIN TB_ORDER_DETAIL OD
 		      ON  CPH.ORD_NO = OD.ORD_NO
 		      AND CPH.ORD_DTL_NO = OD.ORD_DTL_NO
 		      LEFT JOIN TB_GOODS G
 		      ON  OD.GOODS_CD = G.GOODS_CD
+		      INNER JOIN TB_CUST_POINT TCP 
+		      ON   CPH.CUST_PNT_SQ = TCP.CUST_PNT_SQ
 		      LEFT JOIN (SELECT FG.GOODS_NM
 		                       ,OFV.ORD_NO
 		                 FROM TB_ORD_FREEGIFT_VAL OFV
@@ -135,7 +141,7 @@
 		        AND CPH.PNT_UPLOAD_STAT = 'G070_30'
 		        AND DATE_FORMAT(CPH.UPD_DT,'%Y%m') = #{searchDt}
 		        AND CPH.PNT_AMT <![CDATA[>]]> 0
-		      GROUP BY CPH.OCCUR_GB, G.GOODS_NM,CPH.UPD_DT
+		      GROUP BY CPH.OCCUR_GB, G.GOODS_NM,CPH.UPD_DT,TCP.EXP_BE_DT 
 		) Z
 		WHERE Z.PNT_UPLOAD_DT IS NOT NULL
 		ORDER BY Z.PNT_UPLOAD_DT DESC	
@@ -184,12 +190,15 @@
 		                   END                                          AS  OCCUR_DTL_DESC
 		            , CPH.PNT_AMT
 		            , DATE_FORMAT(CPH.UPD_DT, '%Y.%m.%d %H:%i:%S') AS PNT_UPLOAD_DT
+		            , TCP.EXP_BE_DT 
 		       FROM TB_CUST_POINT_HST CPH
 		       LEFT JOIN TB_ORDER_DETAIL OD
 		       ON  CPH.ORD_NO = OD.ORD_NO
 		       AND CPH.ORD_DTL_NO = OD.ORD_DTL_NO
 		       LEFT JOIN TB_GOODS G
 		       ON  OD.GOODS_CD = G.GOODS_CD
+		       INNER JOIN TB_CUST_POINT TCP 
+		       ON   CPH.CUST_PNT_SQ = TCP.CUST_PNT_SQ
 		       LEFT JOIN (SELECT FG.GOODS_NM
 		                        ,OFV.ORD_NO
 		                  FROM TB_ORD_FREEGIFT_VAL OFV
@@ -212,12 +221,15 @@
 		                 END                                          AS  OCCUR_DTL_DESC
 		           , SUM(CPH.PNT_AMT)
 		           , DATE_FORMAT(CPH.UPD_DT, '%Y.%m.%d %H:%i:%S') AS PNT_UPLOAD_DT
+		           , TCP.EXP_BE_DT 
 		      FROM TB_CUST_POINT_HST CPH
 		      LEFT JOIN TB_ORDER_DETAIL OD
 		      ON  CPH.ORD_NO = OD.ORD_NO
 		      AND CPH.ORD_DTL_NO = OD.ORD_DTL_NO
 		      LEFT JOIN TB_GOODS G
 		      ON  OD.GOODS_CD = G.GOODS_CD
+		      INNER JOIN TB_CUST_POINT TCP 
+		      ON   CPH.CUST_PNT_SQ = TCP.CUST_PNT_SQ
 		      LEFT JOIN (SELECT FG.GOODS_NM
 		                       ,OFV.ORD_NO
 		                 FROM TB_ORD_FREEGIFT_VAL OFV
@@ -231,7 +243,7 @@
 		        AND CPH.PNT_UPLOAD_STAT = 'G070_30'
 		        AND DATE_FORMAT(CPH.UPD_DT,'%Y%m') = #{searchDt}
 		        AND CPH.PNT_AMT <![CDATA[<]]> 0
-		      GROUP BY CPH.OCCUR_GB, G.GOODS_NM,CPH.UPD_DT
+		      GROUP BY CPH.OCCUR_GB, G.GOODS_NM,CPH.UPD_DT,TCP.EXP_BE_DT 
 		) Z
 		WHERE Z.PNT_UPLOAD_DT IS NOT NULL
 		ORDER BY Z.PNT_UPLOAD_DT DESC	
@@ -280,12 +292,15 @@
 		                   END                                          AS  OCCUR_DTL_DESC
 		            , CPH.PNT_AMT
 		            , DATE_FORMAT(CPH.UPD_DT, '%Y.%m.%d %H:%i:%S') AS PNT_UPLOAD_DT
+		            , TCP.EXP_BE_DT 
 		       FROM TB_CUST_POINT_HST CPH
 		       LEFT JOIN TB_ORDER_DETAIL OD
 		       ON  CPH.ORD_NO = OD.ORD_NO
 		       AND CPH.ORD_DTL_NO = OD.ORD_DTL_NO
 		       LEFT JOIN TB_GOODS G
 		       ON  OD.GOODS_CD = G.GOODS_CD
+		       INNER JOIN TB_CUST_POINT TCP 
+		       ON   CPH.CUST_PNT_SQ = TCP.CUST_PNT_SQ
 		       LEFT JOIN (SELECT FG.GOODS_NM
 		                        ,OFV.ORD_NO
 		                  FROM TB_ORD_FREEGIFT_VAL OFV
@@ -307,12 +322,15 @@
 		                 END                                          AS  OCCUR_DTL_DESC
 		           , SUM(CPH.PNT_AMT)
 		           , DATE_FORMAT(CPH.UPD_DT, '%Y.%m.%d %H:%i:%S') AS PNT_UPLOAD_DT
+		           , TCP.EXP_BE_DT 
 		      FROM TB_CUST_POINT_HST CPH
 		      LEFT JOIN TB_ORDER_DETAIL OD
 		      ON  CPH.ORD_NO = OD.ORD_NO
 		      AND CPH.ORD_DTL_NO = OD.ORD_DTL_NO
 		      LEFT JOIN TB_GOODS G
 		      ON  OD.GOODS_CD = G.GOODS_CD
+		      INNER JOIN TB_CUST_POINT TCP 
+		      ON   CPH.CUST_PNT_SQ = TCP.CUST_PNT_SQ
 		      LEFT JOIN (SELECT FG.GOODS_NM
 		                       ,OFV.ORD_NO
 		                 FROM TB_ORD_FREEGIFT_VAL OFV
@@ -325,7 +343,7 @@
 		        AND CPH.OCCUR_GB IN ('G069_12','G069_13')
 		        AND CPH.PNT_UPLOAD_STAT = 'G070_30'
 		        AND DATE_FORMAT(CPH.UPD_DT,'%Y%m') = #{searchDt}
-		       GROUP BY CPH.OCCUR_GB, G.GOODS_NM,CPH.UPD_DT
+		       GROUP BY CPH.OCCUR_GB, G.GOODS_NM,CPH.UPD_DT,TCP.EXP_BE_DT 
 		) Z
 		WHERE Z.PNT_UPLOAD_DT IS NOT NULL
 		ORDER BY Z.PNT_UPLOAD_DT DESC	

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

@@ -96,6 +96,15 @@
         return tag;
     }
     
+	var fnSplitBr = function(obj){
+        let tag = '';
+        if(!gagajf.isNull(obj)){
+            var brText = obj;
+            tag = brText.split('<br/&gt');
+        }
+        return tag[0];
+    }
+    
 	// QNA 콜백함수
 	var fnGetListCallback = function(result) {
 		// 목록
@@ -110,7 +119,7 @@
 				tag += '						<span class="fold_state ' + (item.ansStat == "G060_10" ? "doing" : "done") + '"">' + item.ansStatNm + '</span>\n'; //답변완료 : done / 처리중 : doing
 				tag += '						<span class="prod">' + item.goodsNm + ' ' + item.relGoodsCd + '</span>\n';
 				tag += '					</div>\n';
-				tag += '					<div class="lap2"><span>' + fnReplaceBr(item.questContent.escapeHtml()) + '</span></div>\n';
+				tag += '					<div class="lap2"><span>' + fnSplitBr(item.questContent.escapeHtml()) + '</span></div>\n';
 				tag += '				</div>\n';
 				tag += '				<span class="data">' + item.questDt + '</span>\n';
 				tag += '			</div>\n';

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/SearchGoodsListFormMob.html

@@ -0,0 +1,1375 @@
+<!DOCTYPE html>
+<html lang="ko"
+	  xmlns:th="http://www.thymeleaf.org"
+	  xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
+	  layout:decorator="mob/common/layout/BrandLayoutMob">
+<!--
+ *******************************************************************************
+ * @source  : SearchGoodsListFormMob.html
+ * @desc    : 검색상품 목록 화면 Page
+ *============================================================================
+ * STYLE24
+ * Copyright(C) 2020 TSIT, All rights reserved.
+ *============================================================================
+ * VER  DATE         AUTHOR      DESCRIPTION
+ * ===  ===========  ==========  =============================================
+ * 1.0  2021.06.14   bin2107     최초 작성
+ *******************************************************************************
+ -->
+<body>
+<th:block layout:fragment="content">
+	<!-- ★ 컨텐츠 시작 -->
+	<main role="" id="" class="container sch">
+		<section class="sch_result">
+			<div class="inner">
+				<div class="sch_title">
+					<input type="text" class="form_control" id="search" name="search" th:value="${params.keyword}" placeholder="" maxlength="100">
+					<!-- <button class="btn_x">X</button> -->
+					<button type="button" class="btn_sch" onclick="fnSearchData();"><img src="/images/mo/ico_btn_search.png" alt=""></button>
+				</div>
+				<div class="related_keyword">
+					<div class="sub_category">
+						<div class="cate_wrap">
+							<a href="javascript:;" class="on">연관검색어1</a>
+							<a href="javascript:;"><span>#</span> 연관검색어2</a>
+							<a href="javascript:;"><span>#</span> 연관검색어3</a>
+							<a href="javascript:;"><span>#</span> 연관검색어4</a>
+							<a href="javascript:;"><span>#</span> 연관검색어5</a>
+						</div>
+					</div>
+				</div>
+
+				<div class="tabWrap">
+					<ul class="tabIndex">
+						<li class="active"><a href="javascript:void(0);">상품<span id="prodListCnt"></span></a></li>
+						<li><a href="javascript:void(0);">기획전<span id="planListCnt"></span></a></li>
+						<li><a href="javascript:void(0);">이벤트<span id="eventListCnt"></span></a></li>
+					</ul>
+					<div class="tabContents">
+						<div class="tab_cont active">
+							<!-- tab_cont [1] Start -->
+							<div class="inner" style="display:none;">
+								<!-- 전체 검색결과 없을때 -->
+								<div class="nodata">
+									<p>&lsquo;<span>티비제이 제기장 스웨터</span>&rsquo; 에 에 대한<br>검색 결과가 없습니다.</p>
+								</div>
+								<!-- // 전체 검색결과 없을때 -->
+							</div>
+
+							<div class="inner" style="display:none;">
+								<!-- 이런상품은 어떤가요 -->
+								<div class="now_view">
+									<div class="store_product">
+										<div class="allresult-tit">
+											<h3>이런 상품은 어떤가요?</h3>
+										</div>
+										<div class="swiper-container sch_product">
+											<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/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/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/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/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/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>
+
+							<div class="inner">
+								<!-- 필터 시작 -->
+								<div class="count_wrap">
+									<div>
+										<p><span id="totCntId"></span>개의 상품</p>
+									</div>
+									<div>
+										<ul class="sch_util">
+											<li>
+												<div class="sch_sort">
+													<a href="javascript:void(0);">최신상품순</a>
+												</div>
+											</li>
+											<li><a href="#none" class="filter open_filter">필터</a></li>
+										</ul>
+									</div>
+								</div>
+								<!-- // 필터 종료 -->
+
+								<!-- 필터결과 없을때 -->
+								<div class="inner" style="display:none;">
+									<div class="nodata">
+										<p>선택하신 조건에 맞는 상품이 없습니다.<br>검색어를 확인하신 후 다시 검색해 보세요!</p>
+										<button class="btn">선택한 필터 초기화</button>
+									</div>
+								</div>
+								<!-- //필터결과 없을때 -->
+
+								<!-- 필터결과 있을때 -->
+								<div class="sch_result_items">
+<!--									<div class="store_product no-slide" id="infiniteContainer">-->
+<!--										<div class="product-wrapper" id="listBoxOuter">-->
+<!--											<div class="product-slide" id="listBox">-->
+
+<!--											</div>-->
+<!--										</div>-->
+<!--									</div>-->
+									<div id="infiniteContainer" class="store_product no-slide">
+										<div id="listBoxOuter" class="product-wrapper">
+											<ul id="listBox" class="product-slide itemsGrp">
+											</ul>
+										</div>
+									</div>
+									<div class="banner">
+										<img src="/images/mo/shc_banner.png" alt="">
+									</div>
+									<div class="last_page" style="display:none;">
+										<p>마지막페이지 입니다.</p>
+									</div>
+								</div>
+								<!-- //필터결과 있을때 -->
+							</div>
+							<!-- // tab_cont [1] End -->
+						</div>
+
+						<div class="tab_cont ">
+							<!-- tab_cont [2] Start -->
+							<div class="inner">
+								<div class="list_content">
+									<div class="list_item" id="planArea">
+
+									</div>
+									<div class="list_last">마지막페이지 입니다.</div>
+								</div>
+							</div>
+							<div class="inner" style="display:none;">
+								<!-- 전체 검색결과 없을때 -->
+								<div class="nodata">
+									<p>&lsquo;<span>티비제이 제기장 스웨터</span>&rsquo; 에 에 대한<br>검색 결과가 없습니다.</p>
+								</div>
+								<!-- // 전체 검색결과 없을때 -->
+							</div>
+							<!-- // tab_cont [2] End -->
+						</div>
+
+						<div class="tab_cont">
+							<!-- tab_cont [3] Start -->
+							<div class="inner">
+								<div class="area_thumb_list">
+									<div class="thumb_list">
+										<ul id="eventArea">
+
+										</ul>
+									</div>
+									<div class="list_last" style="display:none;">마지막페이지 입니다.</div>
+								</div>
+							</div>
+							<div class="inner" style="display:none;">
+								<!-- 전체 검색결과 없을때 -->
+								<div class="nodata">
+									<p>&lsquo;<span>티비제이 제기장 스웨터</span>&rsquo; 에 에 대한<br>검색 결과가 없습니다.</p>
+								</div>
+								<!-- // 전체 검색결과 없을때 -->
+							</div>
+							<!-- // tab_cont End -->
+						</div>
+					</div>
+				</div>
+
+			</div>
+		</section>
+	</main>
+
+	<!-- 필터 -->
+	<div class="filter_box">
+		<div class="filter_list">
+			<div class="filter_top">
+				<div class="tt">필터</div>
+				<div>
+					<button class="fillter_reset"><span>초기화</span></button>
+					<button class="close">닫기</button>
+				</div>
+			</div>
+			<div class="filter_con">
+				<div class="filter_header">
+					<div class="form_field">
+						<div>
+							<input id="price" type="checkbox"><label for="price"> <span>남여 공용만 보기</span> </label>
+						</div>
+						<div>
+							<input id="chk-2" type="checkbox"><label for="chk-2"> <span>신상품만 보기</span> </label>
+						</div>
+					</div>
+				</div>
+				<div class="filter_body">
+					<!-- 필터메뉴 -->
+					<ul>
+						<li class="categori">
+							<a href="javascript:void(0)" class="daps1">카테고리<span class="pic">셔츠/블라우스</span></a>
+							<ul class="daps2">
+								<li>
+									<a href="javascript:void(0)">여성</a>
+									<ul class="daps3">
+										<li>
+											<a href="javascript:void(0)">티셔츠/셔츠</a>
+											<ul class="daps4">
+												<li>
+													<a href="javascript:void(0)">셔츠/블라우스</a>
+													<ul class="daps5">
+														<li><a href="javascript:void(0)">셔츠</a></li>
+														<li><a href="javascript:void(0)">블라우스</a></li>
+													</ul>
+												</li>
+												<li>
+													<a href="javascript:void(0)">맨투맨/모자티</a>
+													<ul class="daps5">
+														<li><a href="javascript:void(0)">맨투맨</a></li>
+														<li><a href="javascript:void(0)">모자티</a></li>
+													</ul>
+												</li>
+											</ul>
+										</li>
+									</ul>
+								</li>
+								<li>
+									<a href="javascript:void(0)">남성</a>
+									<ul class="daps3">
+										<li>
+											<a href="javascript:void(0)">티셔츠/셔츠</a>
+											<ul class="daps4">
+												<li>
+													<a href="javascript:void(0)">셔츠/블라우스</a>
+													<ul class="daps5">
+														<li><a href="javascript:void(0)">셔츠</a></li>
+														<li><a href="javascript:void(0)">블라우스</a></li>
+													</ul>
+												</li>
+											</ul>
+										</li>
+									</ul>
+								</li>
+							</ul>
+						</li>
+						<li class="brand">
+							<a href="javascript:void(0)" class="daps1">브랜드</a>
+							<ul class="daps2">
+								<li>
+									<a href="javascript:void(0)">
+										<div class="form_field">
+											<div>
+												<input id="brand1" type="checkbox"><label for="brand1"> <span>가르맨디</span> </label>
+											</div>
+										</div>
+									</a>
+								</li>
+								<li>
+									<a href="javascript:void(0)">
+										<div class="form_field">
+											<div>
+												<input id="brand2" type="checkbox"><label for="brand2"> <span>공동구매북</span> </label>
+											</div>
+										</div>
+									</a>
+								</li>
+								<li>
+									<a href="javascript:void(0)">
+										<div class="form_field">
+											<div>
+												<input id="brand3" type="checkbox"><label for="brand3"> <span>곰아저씨</span> </label>
+											</div>
+										</div>
+									</a>
+								</li>
+								<li>
+									<a href="javascript:void(0)">
+										<div class="form_field">
+											<div>
+												<input id="brand4" type="checkbox"><label for="brand4"> <span>겟유즈드</span> </label>
+											</div>
+										</div>
+									</a>
+								</li>
+								<li>
+									<a href="javascript:void(0)">
+										<div class="form_field">
+											<div>
+												<input id="brand5" type="checkbox"><label for="brand5"> <span>그랑프리골프</span> </label>
+											</div>
+										</div>
+									</a>
+								</li>
+								<li>
+									<a href="javascript:void(0)">
+										<div class="form_field">
+											<div>
+												<input id="brand6" type="checkbox"><label for="brand6"> <span>고세</span> </label>
+											</div>
+										</div>
+									</a>
+								</li>
+							</ul>
+						</li>
+						<li calss="size">
+							<a href="javascript:void(0)" class="daps1">사이즈<span class="pic">100,105,27,28</span></a>
+							<div class="daps2">
+								<ul class="sizebox">
+									<li>
+										<strong>상의</strong>
+										<label class="size_btn">
+											<input type="checkbox" group="filterValue" id="chkFilterSize01" data-name="chkFilterSize01" name="filterSizeCds" value=""><span>80</span>
+										</label>
+										<label class="size_btn">
+											<input type="checkbox" group="filterValue" id="chkFilterSize02" data-name="chkFilterSize02" name="filterSizeCds" value=""><span>85</span>
+										</label>
+										<label class="size_btn">
+											<input type="checkbox" group="filterValue" id="chkFilterSize03" data-name="chkFilterSize03" name="filterSizeCds" value=""><span>90</span>
+										</label>
+										<label class="size_btn">
+											<input type="checkbox" group="filterValue" id="chkFilterSize04" data-name="chkFilterSize04" name="filterSizeCds" value=""><span>95</span>
+										</label>
+										<label class="size_btn">
+											<input type="checkbox" group="filterValue" id="chkFilterSize05" data-name="chkFilterSize05" name="filterSizeCds" value="" checked><span>100</span>
+										</label>
+										<label class="size_btn">
+											<input type="checkbox" group="filterValue" id="chkFilterSize06" data-name="chkFilterSize06" name="filterSizeCds" value="" checked><span>105</span>
+										</label>
+										<label class="size_btn">
+											<input type="checkbox" group="filterValue" id="chkFilterSize07" data-name="chkFilterSize07" name="filterSizeCds" value=""><span>110</span>
+										</label>
+										<label class="size_btn">
+											<input type="checkbox" group="filterValue" id="chkFilterSize08" data-name="chkFilterSize08" name="filterSizeCds" value=""><span>115</span>
+										</label>
+										<label class="size_btn">
+											<input type="checkbox" group="filterValue" id="chkFilterSize09" data-name="chkFilterSize09" name="filterSizeCds" value=""><span>S</span>
+										</label>
+										<label class="size_btn">
+											<input type="checkbox" group="filterValue" id="chkFilterSize10" data-name="chkFilterSize10" name="filterSizeCds" value=""><span>M</span>
+										</label>
+										<label class="size_btn">
+											<input type="checkbox" group="filterValue" id="chkFilterSize11" data-name="chkFilterSize11" name="filterSizeCds" value=""><span>L</span>
+										</label>
+										<label class="size_btn">
+											<input type="checkbox" group="filterValue" id="chkFilterSize12" data-name="chkFilterSize12" name="filterSizeCds" value=""><span>XL</span>
+										</label>
+										<label class="size_btn">
+											<input type="checkbox" group="filterValue" id="chkFilterSize13" data-name="chkFilterSize13" name="filterSizeCds" value=""><span>FREE</span>
+										</label>
+									</li>
+									<li>
+										<strong>하의</strong>
+										<label class="size_btn">
+											<input type="checkbox" group="filterValue" id="chkFilterSize14" data-name="chkFilterSize14" name="filterSizeCds" value=""><span>44</span>
+										</label>
+										<label class="size_btn">
+											<input type="checkbox" group="filterValue" id="chkFilterSize15" data-name="chkFilterSize15" name="filterSizeCds" value=""><span>55</span>
+										</label>
+										<label class="size_btn">
+											<input type="checkbox" group="filterValue" id="chkFilterSize16" data-name="chkFilterSize16" name="filterSizeCds" value=""><span>66</span>
+										</label>
+										<label class="size_btn">
+											<input type="checkbox" group="filterValue" id="chkFilterSize17" data-name="chkFilterSize17" name="filterSizeCds" value=""><span>77</span>
+										</label>
+										<label class="size_btn">
+											<input type="checkbox" group="filterValue" id="chkFilterSize18" data-name="chkFilterSize18" name="filterSizeCds" value=""><span>26</span>
+										</label>
+										<label class="size_btn">
+											<input type="checkbox" group="filterValue" id="chkFilterSize19" data-name="chkFilterSize19" name="filterSizeCds" value="" checked><span>27</span>
+										</label>
+										<label class="size_btn">
+											<input type="checkbox" group="filterValue" id="chkFilterSize20" data-name="chkFilterSize20" name="filterSizeCds" value="" checked><span>28</span>
+										</label>
+										<label class="size_btn">
+											<input type="checkbox" group="filterValue" id="chkFilterSize21" data-name="chkFilterSize21" name="filterSizeCds" value=""><span>29</span>
+										</label>
+										<label class="size_btn">
+											<input type="checkbox" group="filterValue" id="chkFilterSize22" data-name="chkFilterSize22" name="filterSizeCds" value=""><span>30</span>
+										</label>
+										<label class="size_btn">
+											<input type="checkbox" group="filterValue" id="chkFilterSize23" data-name="chkFilterSize23" name="filterSizeCds" value=""><span>32</span>
+										</label>
+										<label class="size_btn">
+											<input type="checkbox" group="filterValue" id="chkFilterSize24" data-name="chkFilterSize24" name="filterSizeCds" value=""><span>33</span>
+										</label>
+										<label class="size_btn">
+											<input type="checkbox" group="filterValue" id="chkFilterSize25" data-name="chkFilterSize25" name="filterSizeCds" value=""><span>34</span>
+										</label>
+										<label class="size_btn">
+											<input type="checkbox" group="filterValue" id="chkFilterSize26" data-name="chkFilterSize26" name="filterSizeCds" value=""><span>M</span>
+										</label>
+										<label class="size_btn">
+											<input type="checkbox" group="filterValue" id="chkFilterSize27" data-name="chkFilterSize27" name="filterSizeCds" value=""><span>L</span>
+										</label>
+									</li>
+									<li>
+										<strong>신발</strong>
+										<label class="size_btn">
+											<input type="checkbox" group="filterValue" id="chkFilterSize28" data-name="chkFilterSize28" name="filterSizeCds" value=""><span>120</span>
+										</label>
+										<label class="size_btn">
+											<input type="checkbox" group="filterValue" id="chkFilterSize29" data-name="chkFilterSize29" name="filterSizeCds" value=""><span>130</span>
+										</label>
+										<label class="size_btn">
+											<input type="checkbox" group="filterValue" id="chkFilterSize30" data-name="chkFilterSize30" name="filterSizeCds" value=""><span>140</span>
+										</label>
+										<label class="size_btn">
+											<input type="checkbox" group="filterValue" id="chkFilterSize31" data-name="chkFilterSize31" name="filterSizeCds" value=""><span>150</span>
+										</label>
+										<label class="size_btn">
+											<input type="checkbox" group="filterValue" id="chkFilterSize32" data-name="chkFilterSize32" name="filterSizeCds" value=""><span>140</span>
+										</label>
+										<label class="size_btn">
+											<input type="checkbox" group="filterValue" id="chkFilterSize33" data-name="chkFilterSize33" name="filterSizeCds" value=""><span>150</span>
+										</label>
+										<label class="size_btn">
+											<input type="checkbox" group="filterValue" id="chkFilterSize34" data-name="chkFilterSize34" name="filterSizeCds" value=""><span>220</span>
+										</label>
+										<label class="size_btn">
+											<input type="checkbox" group="filterValue" id="chkFilterSize35" data-name="chkFilterSize35" name="filterSizeCds" value=""><span>230</span>
+										</label>
+										<label class="size_btn">
+											<input type="checkbox" group="filterValue" id="chkFilterSize36" data-name="chkFilterSize36" name="filterSizeCds" value=""><span>235</span>
+										</label>
+										<label class="size_btn">
+											<input type="checkbox" group="filterValue" id="chkFilterSize37" data-name="chkFilterSize37" name="filterSizeCds" value=""><span>240</span>
+										</label>
+										<label class="size_btn">
+											<input type="checkbox" group="filterValue" id="chkFilterSize38" data-name="chkFilterSize38" name="filterSizeCds" value=""><span>245</span>
+										</label>
+										<label class="size_btn">
+											<input type="checkbox" group="filterValue" id="chkFilterSize39" data-name="chkFilterSize39" name="filterSizeCds" value=""><span>250</span>
+										</label>
+										<label class="size_btn">
+											<input type="checkbox" group="filterValue" id="chkFilterSize40" data-name="chkFilterSize40" name="filterSizeCds" value=""><span>255</span>
+										</label>
+										<label class="size_btn">
+											<input type="checkbox" group="filterValue" id="chkFilterSize41" data-name="chkFilterSize41" name="filterSizeCds" value=""><span>260</span>
+										</label>
+										<label class="size_btn">
+											<input type="checkbox" group="filterValue" id="chkFilterSize42" data-name="chkFilterSize42" name="filterSizeCds" value=""><span>265</span>
+										</label>
+										<label class="size_btn">
+											<input type="checkbox" group="filterValue" id="chkFilterSize43" data-name="chkFilterSize43" name="filterSizeCds" value=""><span>270</span>
+										</label>
+										<label class="size_btn">
+											<input type="checkbox" group="filterValue" id="chkFilterSize44" data-name="chkFilterSize44" name="filterSizeCds" value=""><span>275</span>
+										</label>
+										<label class="size_btn">
+											<input type="checkbox" group="filterValue" id="chkFilterSize45" data-name="chkFilterSize45" name="filterSizeCds" value=""><span>280</span>
+										</label>
+										<label class="size_btn">
+											<input type="checkbox" group="filterValue" id="chkFilterSize46" data-name="chkFilterSize46" name="filterSizeCds" value=""><span>285</span>
+										</label>
+										<label class="size_btn">
+											<input type="checkbox" group="filterValue" id="chkFilterSize47" data-name="chkFilterSize47" name="filterSizeCds" value=""><span>290</span>
+										</label>
+									</li>
+								</ul>
+							</div>
+						</li>
+						<li class="price">
+							<a href="javascript:void(0)" class="daps1">가격<span class="pic">230,000원~487,000원, 700,000원~990,000원</span></a>
+							<ul class="daps2">
+								<li>
+									<a href="javascript:void(0)">
+										<div class="form_field">
+											<div>
+												<input id="price1" type="checkbox"><label for="price1"> <span>9천원 이하</span> </label>
+											</div>
+										</div>
+									</a>
+								</li>
+								<li>
+									<a href="javascript:void(0)">
+										<div class="form_field">
+											<div>
+												<input id="price2" type="checkbox"><label for="price2"> <span>9천원 ~ 23만원</span> </label>
+											</div>
+										</div>
+									</a>
+								</li>
+								<li>
+									<a href="javascript:void(0)">
+										<div class="form_field">
+											<div>
+												<input id="price3" type="checkbox" checked><label for="price3"> <span>23만원 ~ 48만원 7천원</span> </label>
+											</div>
+										</div>
+									</a>
+								</li>
+								<li>
+									<a href="javascript:void(0)">
+										<div class="form_field">
+											<div>
+												<input id="price4" type="checkbox" ><label for="price4"> <span>48만원 7천원 ~ 79만원</span> </label>
+											</div>
+										</div>
+									</a>
+								</li>
+								<li>
+									<a href="javascript:void(0)">
+										<div class="form_field">
+											<div>
+												<input id="price5" type="checkbox" checked><label for="price5"> <span>70만원 ~ 99만원</span> </label>
+											</div>
+										</div>
+									</a>
+								</li>
+								<li>
+									<a href="javascript:void(0)">
+										<div class="form_field">
+											<div>
+												<input id="price6" type="checkbox"><label for="price6"> <span>99만원 ~ 136만원</span> </label>
+											</div>
+										</div>
+									</a>
+								</li>
+								<li>
+									<a href="javascript:void(0)">
+										<div class="form_field">
+											<div>
+												<input id="price7" type="checkbox"><label for="price7"> <span>136만원 ~ 179만원 9천원</span> </label>
+											</div>
+										</div>
+									</a>
+								</li>
+							</ul>
+						</li>
+						<li class="discount">
+							<a href="javascript:void(0)" class="daps1">할인율</a>
+							<ul class="daps2">
+								<li>
+									<a href="javascript:void(0)">
+										<div class="form_field">
+											<div>
+												<input id="discount1" type="checkbox"><label for="discount1"> <span>10% 이하</span> </label>
+											</div>
+										</div>
+									</a>
+								</li>
+								<li>
+									<a href="javascript:void(0)">
+										<div class="form_field">
+											<div>
+												<input id="discount2" type="checkbox"><label for="discount2"> <span>10~20%</span> </label>
+											</div>
+										</div>
+									</a>
+								</li>
+								<li>
+									<a href="javascript:void(0)">
+										<div class="form_field">
+											<div>
+												<input id="discount3" type="checkbox"><label for="discount3"> <span>20~30%</span> </label>
+											</div>
+										</div>
+									</a>
+								</li>
+								<li>
+									<a href="javascript:void(0)">
+										<div class="form_field">
+											<div>
+												<input id="discount4" type="checkbox"><label for="discount4"> <span>30~40%</span> </label>
+											</div>
+										</div>
+									</a>
+								</li>
+								<li>
+									<a href="javascript:void(0)">
+										<div class="form_field">
+											<div>
+												<input id="discount5" type="checkbox"><label for="discount5"> <span>40~50%</span> </label>
+											</div>
+										</div>
+									</a>
+								</li>
+								<li>
+									<a href="javascript:void(0)">
+										<div class="form_field">
+											<div>
+												<input id="discount6" type="checkbox"><label for="discount6"> <span>50~60%</span> </label>
+											</div>
+										</div>
+									</a>
+								</li>
+								<li>
+									<a href="javascript:void(0)">
+										<div class="form_field">
+											<div>
+												<input id="discount7" type="checkbox"><label for="discount7"> <span>60~70%</span> </label>
+											</div>
+										</div>
+									</a>
+								</li>
+								<li>
+									<a href="javascript:void(0)">
+										<div class="form_field">
+											<div>
+												<input id="discount8" type="checkbox"><label for="discount8"> <span>70~80%</span> </label>
+											</div>
+										</div>
+									</a>
+								</li>
+								<li>
+									<a href="javascript:void(0)">
+										<div class="form_field">
+											<div>
+												<input id="discount9" type="checkbox"><label for="discount9"> <span>80~90%</span> </label>
+											</div>
+										</div>
+									</a>
+								</li>
+								<li>
+									<a href="javascript:void(0)">
+										<div class="form_field">
+											<div>
+												<input id="discount10" type="checkbox"><label for="discount10"> <span>90이상</span> </label>
+											</div>
+										</div>
+									</a>
+								</li>
+							</ul>
+						</li>
+						<li class="age">
+							<a href="javascript:void(0)" class="daps1">연령</a>
+							<ul class="daps2">
+								<li>
+									<a href="javascript:void(0)">
+										<div class="form_field">
+											<div>
+												<input id="age1" type="checkbox"><label for="age1"> <span>베이비(0~36개월)</span> </label>
+											</div>
+										</div>
+									</a>
+								</li>
+								<li>
+									<a href="javascript:void(0)">
+										<div class="form_field">
+											<div>
+												<input id="age2" type="checkbox"><label for="age2"> <span>키즈(4세~7세)</span> </label>
+											</div>
+										</div>
+									</a>
+								</li>
+								<li>
+									<a href="javascript:void(0)">
+										<div class="form_field">
+											<div>
+												<input id="age3" type="checkbox"><label for="age3"> <span>주니어(7세~13세)</span> </label>
+											</div>
+										</div>
+									</a>
+								</li>
+							</ul>
+						</li>
+						<li class="season">
+							<a href="javascript:void(0)" class="daps1">시즌</a>
+							<ul class="daps2">
+								<li>
+									<a href="javascript:void(0)">
+										<div class="form_field">
+											<div>
+												<input id="season1" type="checkbox"><label for="season1"> <span>봄</span> </label>
+											</div>
+										</div>
+									</a>
+								</li>
+								<li>
+									<a href="javascript:void(0)">
+										<div class="form_field">
+											<div>
+												<input id="season2" type="checkbox"><label for="season2"> <span>여름</span> </label>
+											</div>
+										</div>
+									</a>
+								</li>
+								<li>
+									<a href="javascript:void(0)">
+										<div class="form_field">
+											<div>
+												<input id="season3" type="checkbox"><label for="season3"> <span>가을</span> </label>
+											</div>
+										</div>
+									</a>
+								</li>
+								<li>
+									<a href="javascript:void(0)">
+										<div class="form_field">
+											<div>
+												<input id="season4" type="checkbox"><label for="season4"> <span>겨울</span> </label>
+											</div>
+										</div>
+									</a>
+								</li>
+								<li>
+									<a href="javascript:void(0)">
+										<div class="form_field">
+											<div>
+												<input id="season5" type="checkbox"><label for="season5"> <span>사계절</span> </label>
+											</div>
+										</div>
+									</a>
+								</li>
+							</ul>
+						</li>
+						<li class="color">
+							<a href="javascript:void(0)" class="daps1">컬러
+								<span class="pic">
+                                            <span class="pdColor-color01"></span><span class="pdColor-color02"></span>
+                                        </span>
+							</a>
+							<div class="daps2">
+								<ul class="colorbox">
+									<li>
+										<label class="color-check">
+											<input type="checkbox" checked>
+											<span class="pdColor-color01"></span>
+										</label>
+									</li>
+									<li>
+										<label class="color-check">
+											<input type="checkbox" checked>
+											<span class="pdColor-color02"></span>
+										</label>
+									</li>
+									<li>
+										<label class="color-check">
+											<input type="checkbox">
+											<span class="pdColor-color03"></span>
+										</label>
+									</li>
+									<li>
+										<label class="color-check">
+											<input type="checkbox">
+											<span class="pdColor-color04"></span>
+										</label>
+									</li>
+									<li>
+										<label class="color-check">
+											<input type="checkbox">
+											<span class="pdColor-color05"></span>
+										</label>
+									</li>
+									<li>
+										<label class="color-check">
+											<input type="checkbox">
+											<span class="pdColor-color06"></span>
+										</label>
+									</li>
+									<li>
+										<label class="color-check">
+											<input type="checkbox">
+											<span class="pdColor-color07"></span>
+										</label>
+									</li>
+									<li>
+										<label class="color-check">
+											<input type="checkbox">
+											<span class="pdColor-color08"></span>
+										</label>
+									</li>
+									<li>
+										<label class="color-check">
+											<input type="checkbox">
+											<span class="pdColor-color09"></span>
+										</label>
+									</li>
+									<li>
+										<label class="color-check">
+											<input type="checkbox">
+											<span class="pdColor-color10"></span>
+										</label>
+									</li>
+									<li>
+										<label class="color-check">
+											<input type="checkbox">
+											<span class="pdColor-color11"></span>
+										</label>
+									</li>
+									<li>
+										<label class="color-check">
+											<input type="checkbox">
+											<span class="pdColor-color12"></span>
+										</label>
+									</li>
+									<li>
+										<label class="color-check">
+											<input type="checkbox">
+											<span class="pdColor-color13"></span>
+										</label>
+									</li>
+									<li>
+										<label class="color-check">
+											<input type="checkbox">
+											<span class="pdColor-color14"></span>
+										</label>
+									</li>
+									<li>
+										<label class="color-check">
+											<input type="checkbox">
+											<span class="pdColor-color15"></span>
+										</label>
+									</li>
+								</ul>
+							</div>
+						</li>
+						<li class="benefit">
+							<a href="javascript:void(0)" class="daps1">혜택</a>
+							<ul class="daps2">
+								<li>
+									<a href="javascript:void(0)">
+										<div class="form_field">
+											<div>
+												<input id="benefit1" type="checkbox"><label for="benefit1"> <span>남여 공용만 보기</span> </label>
+											</div>
+										</div>
+									</a>
+								</li>
+								<li>
+									<a href="javascript:void(0)">
+										<div class="form_field">
+											<div>
+												<input id="benefit2" type="checkbox"><label for="benefit2"> <span>신상품만 보기</span> </label>
+											</div>
+										</div>
+									</a>
+								</li>
+								<li>
+									<a href="javascript:void(0)">
+										<div class="form_field">
+											<div>
+												<input id="benefit3" type="checkbox"><label for="benefit3"> <span>남여 공용만 보기</span> </label>
+											</div>
+										</div>
+									</a>
+								</li>
+								<li>
+									<a href="javascript:void(0)">
+										<div class="form_field">
+											<div>
+												<input id="benefit4" type="checkbox"><label for="benefit4"> <span>신상품만 보기</span> </label>
+											</div>
+										</div>
+									</a>
+								</li>
+								<li>
+									<a href="javascript:void(0)">
+										<div class="form_field">
+											<div>
+												<input id="benefit5" type="checkbox"><label for="benefit5"> <span>남여 공용만 보기</span> </label>
+											</div>
+										</div>
+									</a>
+								</li>
+								<li>
+									<a href="javascript:void(0)">
+										<div class="form_field">
+											<div>
+												<input id="benefit6" type="checkbox"><label for="benefit6"> <span>신상품만 보기</span> </label>
+											</div>
+										</div>
+									</a>
+								</li>
+							</ul>
+						</li>
+					</ul>
+					<!-- //필터메뉴 -->
+				</div>
+			</div>
+		</div>
+	</div>
+	<!-- //필터 -->
+	<!-- 목록 보기 소팅 팝업 -->
+	<div id="schSortPop" class="popup_box schSortPop">
+		<div class="lap">
+			<div class="popup_close">카테고리닫기</div>
+			<div class="popup_head sr-only">
+				<h2 class="">기간 선택 팝업</h2>
+			</div>
+			<div class="popup_con">
+				<div class="button_list">
+					<button type="button"><span>최신상품순</span></button>
+					<button type="button"><span>인기많은순 </span></button>
+					<button type="button"><span>리뷰많은순</span></button>
+				</div>
+			</div>
+		</div>
+	</div>
+	<!-- //목록 보기 소팅 팝업 -->
+	<!-- ★ 컨텐츠 종료 -->
+	<form id="searchGoodsForm" name="searchGoodsForm">
+		<input type="hidden" name="pageNo" id="pageNo" value ="1"/>
+		<input type="hidden" name="pageSize" value ="30"/>
+		<input type="hidden" name="keyword" th:value="${params.keyword}"/>
+		<input type="hidden" name="sortingType" value="NEW"/>
+	</form>
+
+	<script src="/ux/plugins/gaga/gaga.infinite.scrollSession.js"></script>
+	<script src="/ux/plugins/jquery/jquery.history.min.js"></script>
+	<script th:src="@{'/biz/search.js?v=' + ${#calendars.format(#calendars.createNow(), 'yyyyMMddHHmmss')}}" src="/biz/search.js"></script>
+
+	<script th:inline="javascript">
+	/*<![CDATA[*/
+	$(window).on("pageshow", function(event) {
+		if ( (event.originalEvent && event.originalEvent.persisted) || (window.performance && window.performance.navigation.type == 2)) {
+			var historyData = sessionStorage.getItem(document.location.href);
+			if(historyData!=null){
+				// console.log('historyData>>'+historyData);
+				historyData = JSON.parse(historyData);
+			}else{
+				historyData = {};
+			}
+
+			if(typeof historyData.sortingType!='undefined' && historyData.sortingType!=''){
+				$("#searchGoodsForm input:hidden[name=sortingType]").val(historyData.sortingType);
+				fnSortingChange(this,historyData.sortingType,'back','Mob');
+			}else{
+				fnSearchGoodsListSearch();
+			}
+		}else{
+			fnCategoryGoodsInfiniteScrollInit();
+
+			var sortingType = $("#searchGoodsForm input:hidden[name=sortingType]").val();
+			if(sortingType=='BEST' || sortingType=='REVIEW'){
+				fnSortingChange(this,sortingType,'','Mob');
+			}else{
+				fnSearchGoodsListSearch();
+				fnGetSearchPlanningList();
+				fnGetSearchEventList();
+			}
+		}
+	});
+
+	var fnSearchGoodsListSearch = function (){
+		gagaInfiniteScroll.getHistory();
+	}
+
+	// 상품 검색
+	var fnGetInfiniteScrollDataList = function (pageNum) {
+		$("#searchGoodsForm input[name=pageNo]").val(pageNum + 1);
+		gagajf.ajaxFormSubmit("/display/search/goods/list", document.searchGoodsForm, gagaInfiniteScroll.jsonToHtml);
+	}
+
+	var fnDrawInfiniteScrollData = function (result){
+		let totalCnt = result.paging.totalCount;
+		$("#totCntId").text(totalCnt.addComma());
+		$("#prodListCnt").text('('+totalCnt.addComma()+')');
+		gagaInfiniteScroll.pageStatus.totalCount = totalCnt;
+		var ithrCd = '';
+		var contentLoc = '';
+
+		if(result.dataList != null && result.dataList.length>0){
+			var goodsUrl = [[${@environment.getProperty('upload.goods.view')}]];;
+			let lastPage = result.paging.pageNo;
+			let endRow = result.paging.endRow - result.paging.pageSize;
+			var htm = fnCreateGoodsList(result, ithrCd, contentLoc, goodsUrl, lastPage, endRow, 'Mob');
+			gagaInfiniteScroll.draw(htm);
+			//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 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="">\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="visual">\n';
+				html += '	<div class="shape ranker"><span>NEW</span></div>\n';
+				html += '	<div class="img">\n';
+				html += '		<img src="'+_imgUrl+'/'+item.mainPimg+'" alt="">\n';
+				html += '	</div>\n';
+				html += '	<div class="txtWrap">\n';
+				html += '		<p>'+item.planNm+'</p>\n';
+				html += '		<p class="txt_xs">'+item.dtlTitle1+'</p>\n';
+				html += '	</div>\n';
+				html += '</div>\n';
+
+				if(item.planningGoodsList != null && item.planningGoodsList.length>0){
+					html += '	<div class="itemsGrp n3">\n';
+					$.each(item.planningGoodsList, function (idx,item){
+						html += '<div class=" item_prod">\n';
+						html += '	<div class="item_state">\n';
+						html += '		<a href="javascript:void(0);" className="itemLink">\n';
+						html += '			<div class=" itemPic">\n';
+						html += '				<img alt="BLUE-a" class=" vLHTC pd_img" src="'+item.sysImgNm+'">\n';
+						html += '			</div>\n';
+						html += '			<div class=" itemName">'+item.goodsNm+'</div>\n';
+						html += '			<p class="itemPrice">\n';
+						html += '				<span class="itemPrice_sale">'+item.currPrice.addComma()+'</span>\n';
+						html += '			</p>\n';
+						html += '		</a>\n';
+						html += '	</div>\n';
+						html += '</div>\n';
+					});
+					html += '	</div>\n';
+				}
+				html += '</div>\n';
+				$("#planArea").append(html);
+			});
+		}
+	}
+
+	// 검색
+	var fnSearchData = function (){
+		let keyword = $("#InnerSearchForm").find("input[name=search]").val();
+		let brandGroupNo = $("#InnerSearchForm").find("input[name=brandGroupNo]").val();
+		$("#searchGoodsForm").find('input[name=keyword]').val($("#InnerSearchForm").find("input[name=search]").val());
+		cfnGoToSearchGoodsListForm(keyword,brandGroupNo);
+	}
+
+
+	$(document).ready( function() {
+		$("#htopSub").find('.search').hide();
+
+		// btPop_full
+		$('.shcFilter').click(function(){
+			popOpenScroll();
+			$('.container').addClass('btPop_full_open');
+		});
+
+		$('.btPop_full_close').click(function(){
+			popClsScroll();
+			$('.container').removeClass('btPop_full_open');
+		});
+
+		function popOpenScroll(){
+			$('html, body').css({'overflow': 'hidden', 'height': '100%'});
+			$('#element').on('scroll touchmove mousewheel', function(event) { // 터치무브, 휠 스크롤 방지
+				event.preventDefault();
+				event.stopPropagation();
+				return false;
+			});
+		}
+
+		function popClsScroll(){
+			$('html, body').css({'overflow': 'auto', 'height': '100%'}); //n 해제
+			$('#element').off('scroll touchmove mousewheel'); // 터치무브, 휠 스크롤 가능
+		}
+
+		//기간 선택 팝업
+		$(document).on("click", ".sch .sch_util .sch_sort a", function(){
+			$('#schSortPop').show().addClass("active");
+			$("body").css({"overflow":"hidden"});
+		});
+
+		$(document).on('click','.popup_box .button_list button',function(){
+			$('.popup_box .button_list button').removeClass('on');
+			$(this).addClass('on');
+		});
+
+		//팝업_닫기
+		$('.popup_close').on("click",function(){
+			$('.schSortPop').hide().removeClass('active');
+			$("body").css({"overflow":"visible"});
+		});
+
+		//210510_추가 : 토스트 팝업 button 클릭 시 팝업 닫기.
+		$(document).on('click','.popup_box.schSortPop .button_list button',function(){
+			$(this).parents('.popup_box.schSortPop').hide();
+			$("body").css({"overflow":"visible"});
+		});
+
+		//필터
+		function filter(){
+			var filterOpen=$(".open_filter");
+			var filterClose=$(".filter_box .close");
+			var filterPop=$(".filter_box");
+			var filter=$(".filter_body > ul");
+			var dap1=$(".filter_body > ul .daps1");
+			var dap2=$(".filter_body > ul .daps2");
+			var dap3=$(".filter_body > ul .daps3");
+			var dap4=$(".filter_body > ul .daps4");
+			var dap5=$(".filter_body > ul .daps5");
+			var dap2A=$(".filter_body > ul .daps2 > li > a");
+			var dap3A=$(".filter_body > ul .daps3 > li > a");
+			var dap4A=$(".filter_body > ul .daps4 > li > a");
+			var dap5A=$(".filter_body > ul .daps5 > li > a");
+
+			/* 필터모달 > 열기,닫기 */
+			filterOpen.on("click",function(){
+				filterPop.addClass("active");
+				$("body").css({"overflow":"hidden"});
+			});
+
+			filterClose.on("click",function(){
+				filterPop.removeClass("active");
+				$("body").css({"overflow":"visible"});
+			});
+
+			/* 필터메뉴 > 댑스열고, 닫기 */
+			dap1.on("click",function(){
+				if($(this).hasClass("on")){
+					$(this).removeClass("on");
+					$(this).next(dap2).slideUp();
+				}else{
+					$(this).addClass("on");
+					$(this).next(dap2).slideDown();
+					//210602_ 추가 : 필터 항목 아코디언 효과.
+					$(this).parents("li").siblings("li").find(".daps2").slideUp();
+					$(this).parents("li").siblings("li").find("> a").removeClass("on");
+				}
+			});
+
+			dap2A.on("click",function(){
+				if($(this).hasClass("on")){
+					$(this).removeClass("on");
+					$(this).next(dap3).slideUp();
+				}else{
+					$(this).addClass("on");
+					$(this).next(dap3).slideDown();
+				}
+			});
+
+			dap3A.on("click",function(){
+				if($(this).hasClass("on")){
+					$(this).removeClass("on");
+					$(this).next(dap4).slideUp();
+				}else{
+					$(this).addClass("on");
+					$(this).next(dap4).slideDown();
+				}
+			});
+
+			dap4A.on("click",function(){
+				if($(this).hasClass("on")){
+					$(this).removeClass("on");
+					$(this).next(dap5).slideUp();
+				}else{
+					$(this).addClass("on");
+					$(this).next(dap5).slideDown();
+				}
+			});
+
+			dap5A.on("click",function(){
+				if($(this).hasClass("on")){
+					$(this).removeClass("on");
+					//$(this).next(dap6).slideUp();
+				}else{
+					$(this).addClass("on");
+					//$(this).next(dap6).slideDown();
+				}
+			});
+		}
+		filter();
+	});
+
+	//TabWrap, TabIndex
+	$(document).on('click', '.tabIndex li a', function() {
+		var $this = $(this),
+				$tabList = $this.parents('ul'),
+				_idx = $this.closest('li').index();
+
+		$tabList.children().eq(_idx).addClass('active').siblings().removeClass('active');
+		$tabList.next().children().eq(_idx).addClass('active').siblings().removeClass('active');
+	});
+
+	var swiperschProduct = new Swiper('.swiper-container.sch_product', {
+		slidesPerView: 2.2,
+		spaceBetween: 7,
+		autoplay: {
+			delay: 4000,
+		},
+		freeMode: true,
+	});
+	/*]]>*/
+</script>
+</th:block>
+</body>
+</html>

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

@@ -0,0 +1,682 @@
+<!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" name="keyword" placeholder="검색어를 입력하세요.">
+					<!-- <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 겨울 클리어런스+봄 프리뷰!">-->
+<!--				&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">
+			<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 src="/ux/plugins/gaga/gaga.paging.js"></script>
+<script th:inline="javascript">
+	/*<![CDATA[*/
+	var trendKeywordList = [[${trendKeywordList.trendList}]];
+
+	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");
+	});
+
+	var ckKeyword = "st24ck_today_keyword";
+	var fnSetKeywordCookie = function(keyword) {
+		var arrKeyword = new Array;
+		var arrTempKeyword = new Array;
+		var j = 0;
+
+		arrKeyword = gagajf.getCookie(ckKeyword).split(",");
+
+		if (arrKeyword.length > 0) {
+			for (var i = 0; i < arrKeyword.length; i++) {
+				// 쿠키에 없으면
+				if (arrKeyword[i] != keyword && arrKeyword[i] != "") {
+					arrTempKeyword[j++] = arrKeyword[i];
+				}
+			}
+
+			arrTempKeyword[j++] = keyword;
+		} else {
+			gagajf.setCookie(ckKeyword, keyword, 1);
+		}
+
+		gagajf.setCookie(ckKeyword, arrTempKeyword, 1);
+	}
+
+	// 키워드 검색
+	$('#btnSearchKeyword').on('click', function() {
+		if (!gagajf.validation($('#searchMainForm'))) {
+			return false;
+		}
+
+		let keyword = encodeURIComponent($('#searchMainForm input[name=keyword]').val());
+
+		// 쿠키 세팅
+		fnSetKeywordCookie(keyword);
+
+		let actionUrl = _PAGE_SEARCH_GOODS + '?keyword=' + keyword + '&brandGroupNo=' + $('#searchMainForm input[name=brandGroupNo]').val();
+		cfnGoToPage(actionUrl);
+	});
+
+	$(document).ready( function() {
+		if (trendKeywordList.length > 0) {
+			$("#popularKeyArea").html('');
+
+			trendKeywordList.forEach(function (item, idx) {
+				var tag = '';
+				if (idx < 10) {
+					tag += '	<a href="">'+ item.keyword +'</a>';
+				}
+				$("#popularKeyArea").append(tag);
+			});
+		}
+	});
+	/*]]>*/
+</script>
+
+</body>
+</html>

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

@@ -69,12 +69,13 @@
 				</th:block>
 			</div>
 			</th:block>
+		</div>
+		<div class="mdhtml_box  bnnoti" th:if="${goodsInfo.goodsTopDesc != null  and !goodsInfo.goodsTopDesc.empty }">
 			<!-- 관리자 에디터입력 내용 노출  상단 html -->
-			<th:block  th:if="${goodsInfo.goodsTopDesc != null  and !goodsInfo.goodsTopDesc.empty }" >
 				<div style="height:4rem"></div><!-- 여백용 html -->
 				<th:block th:utext="${#strings.unescapeJava(#strings.escapeJava(goodsInfo.goodsTopDesc))}"></th:block>
-			</th:block >
-			
+		</div>
+		<div class="mdhtml_box" >
 			<th:block th:if="${goodsInfo.tobeFormYn == 'N' and goodsInfo.goodsDesc != null  and !goodsInfo.goodsDesc.empty}" >
 				<div style="height:4rem"></div><!-- 여백용 html -->
 				<div id="goodsDescHtml"></div>
@@ -165,7 +166,7 @@
 		</th:block>
 
 		<!-- 관리자 에디터입력 내용 노출  하다단 html -->
-		<div class="mdhtml_box" th:if="${goodsInfo.goodsDownDesc != null  and !goodsInfo.goodsDownDesc.empty}" th:utext="${#strings.unescapeJava(#strings.escapeJava(goodsInfo.goodsDownDesc))}"></div>
+		<div class="mdhtml_box  bnnoti" th:if="${goodsInfo.goodsDownDesc != null  and !goodsInfo.goodsDownDesc.empty}" th:utext="${#strings.unescapeJava(#strings.escapeJava(goodsInfo.goodsDownDesc))}"></div>
 		
 		<!-- 브랜드 노출 -->
 		<div class="brand_box">
@@ -368,6 +369,7 @@
 	var goodsDesc = [[${goodsInfo.goodsDesc}]];
 	if ("N" == [[${goodsInfo.tobeFormYn}]] && !gagajf.isNull(goodsDesc)){
 		$('#goodsDescHtml').html([[${#strings.unescapeJava(#strings.escapeJava(goodsInfo.goodsDesc))}]]);
+		$(".mdhtml_box style").remove();$(".mdhtml_box img").removeAttr("style"); // 이 위치에 있어야해요.
 	}
   
 /*]]>*/

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

@@ -968,7 +968,7 @@
 		let giftPackFlag = false;
 		$target.each(function() {
 			
-			let giftPackYn = $(this).parent().find('input[name="coption"]').attr('giftPackYn');
+			let giftPackYn = $(this).attr('giftPackYn');
 			if ("Y" == giftPackYn ) giftPackFlag = true;
 		});
 		

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

@@ -56,54 +56,48 @@
 												<th:block th:if="${goodsVideo.videoGb == 'Y'}">
 												<!-- <iframe width="100%" height="100%" th:src="${'https://www.youtube.com/embed/'+goodsVideo.kmcKey+'?rel=0&autoplay=1&mute=1'}" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> -->
 												<div id="utbplayer"></div>
-<script src="https://www.youtube.com/iframe_api"></script><!-- 아래 원문에서 복잡하게 기술되었던 부분 -->
-<script th:inline="javascript">
-/*<![CDATA[*/
-  var player;
-
-  function onYouTubeIframeAPIReady(){
-
-    player = new YT.Player('utbplayer',{
-
-      width:'100%',
-
-      videoId:[[${goodsVideo.kmcKey}]],
-
-      playerVars:{'autoplay':1,'playsinline':1},
-
-      events:{ 'onReady':onPlayerReady,
-    	  	'onStateChange': onPlayerStateChange
-			}
-
-    });
-
-  }
-
-  function onPlayerReady(e){
-
-    e.target.mute();
-
-    e.target.playVideo();
-
-  }
-  
-  var done = false;
-  function onPlayerStateChange(event) {
-    if (event.data == YT.PlayerState.PLAYING && !done) {
-      setTimeout(stopVideo, 6000);
-      done = true;
-    }
-  }
-  function stopVideo() {
-    player.stopVideo();
-  }
-/*]]>*/
-</script>
-
-
+														<script src="https://www.youtube.com/iframe_api"></script><!-- 아래 원문에서 복잡하게 기술되었던 부분 -->
+														<script th:inline="javascript">
+														/*<![CDATA[*/
+														  var player;
+														
+														  function onYouTubeIframeAPIReady(){
+														
+														    player = new YT.Player('utbplayer',{
+														
+														      width:'100%',
+														
+														      videoId:[[${goodsVideo.kmcKey}]],
+														
+														      playerVars:{'autoplay':1,'playsinline':1},
+														
+														      events:{ 'onReady':onPlayerReady,
+														    	  	'onStateChange': onPlayerStateChange
+																	}
+														    });
+														  }
+														
+														  function onPlayerReady(e){
+														    e.target.mute();
+														    e.target.playVideo();
+														  }
+														  
+														  var done = false;
+														  function onPlayerStateChange(event) {
+														    if (event.data == YT.PlayerState.PLAYING && !done) {
+														      setTimeout(stopVideo, 6000);
+														      done = true;
+														    }
+														  }
+														  function stopVideo() {
+														    player.stopVideo();
+														  }
+														/*]]>*/
+														</script>
 												</th:block>
 												<th:block th:unless="${goodsVideo.videoGb == 'Y'}">
-												<iframe id="child" class="pd_mov" width="100%" height="100%" th:src="${kollusMediaUrl+'/'+goodsVideo.kmcKey +'?enable_initialize_focus=false&autoplay&mute&controls_activation=none'}" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+												<button id="prodMovBtn" type="button" class="btn_play" data-setplay="play">동영상보기</button>
+												<iframe id="child" class="pd_mov" width="100%" height="100%" th:src="${kollusMediaUrl+'/'+goodsVideo.kmcKey}" frameborder="0" marginheight="0" marginwidth="0" leftmargin="0" topmargin="0" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true" oallowfullscreen="true" msallowfullscreen="true"></iframe>
 												</th:block>
 											</div>
 										</div>
@@ -341,13 +335,12 @@
 						</th:block>
 					</div>
 					</th:block>
-					
-					<th:block  th:if="${goodsInfo.goodsTopDesc != null  and !goodsInfo.goodsTopDesc.empty }" >
+				</div>
+				<div class="mdhtml_box  bnnoti" th:if="${goodsInfo.goodsTopDesc != null  and !goodsInfo.goodsTopDesc.empty }" >	
 					<div style="height:4rem"></div><!-- 여백용 html -->
 					<th:block th:utext="${#strings.unescapeJava(#strings.escapeJava(goodsInfo.goodsTopDesc))}"></th:block>
-					</th:block >
-					
-					
+				</div>	
+				<div class="mdhtml_box"	>
 					<th:block th:if="${goodsInfo.tobeFormYn == 'N' and goodsInfo.goodsDesc != null  and !goodsInfo.goodsDesc.empty}" >
 						<div style="height:4rem"></div><!-- 여백용 html -->
 						<div id="goodsDescHtml"></div>
@@ -439,7 +432,7 @@
 				</th:block>
 
 				<!-- 관리자 에디터입력 내용 노출  하다단 html -->
-				<div class="mdhtml_box" th:if="${goodsInfo.goodsDownDesc != null  and !goodsInfo.goodsDownDesc.empty}" th:utext="${#strings.unescapeJava(#strings.escapeJava(goodsInfo.goodsDownDesc))}"></div>
+				<div class="mdhtml_box  bnnoti" th:if="${goodsInfo.goodsDownDesc != null  and !goodsInfo.goodsDownDesc.empty}" th:utext="${#strings.unescapeJava(#strings.escapeJava(goodsInfo.goodsDownDesc))}"></div>
 				
 				<!-- 브랜드 노출 -->
 				<div class="brand_box">
@@ -2360,6 +2353,7 @@
 	$(document).ready( function() {
 		
 		$('.timer_box').css('display', 'none');
+		
 		//210526_ 추가 : 이미지 style 속성 제거
 		$(".mdhtml_box style").remove();$(".mdhtml_box img").removeAttr("style");
 		
@@ -2368,6 +2362,9 @@
 		var goodsDesc = [[${goodsInfo.goodsDesc}]];
 		if ("N" == [[${goodsInfo.tobeFormYn}]] && !gagajf.isNull(goodsDesc)){
 			$('#goodsDescHtml').html([[${#strings.unescapeJava(#strings.escapeJava(goodsInfo.goodsDesc))}]]);
+			
+			$(".mdhtml_box style").remove();$(".mdhtml_box img").removeAttr("style"); // 이 위치에 있어야해요.
+			
 		}
 		
 		var params = new Object();
@@ -2796,18 +2793,22 @@
 			}
 			
 		});
+		
+	};
 	
-	   	let goodsVideoList = [[${goodsVideoList}]];
-		let videoFlag = false;
-		if (goodsVideoList != null){
-			$.each(goodsVideoList, function(idx, goodsVideo) {
-				if ("M" == goodsVideo.videoGb){
-					videoFlag = true;
-					return false;
-				}
-			});
-		}	
-		if (videoFlag){
+   	let goodsVideoList = [[${goodsVideoList}]];
+	let videoFlag = false;
+	if (goodsVideoList != null){
+		$.each(goodsVideoList, function(idx, goodsVideo) {
+			if ("M" == goodsVideo.videoGb){
+				videoFlag = true;
+				return false;
+			}
+		});
+	}	
+	if (videoFlag){
+		var player = document.getElementById('child');
+		player.onload = function() {
 			try {
 				var controller = new VgControllerClient({
 					target_window: document.getElementById('child').contentWindow
@@ -2815,39 +2816,42 @@
 				//console.log(controller.get_screen());
 				//controller.enable_fullscreen_button(true);
 				// 여기서부터 이벤트 리스너를 등록하거나, 웹페이지 Element에 메소드를 bind하면 됩니다.
+				
+				// 클릭 인지 테스트.
+				var MovBtn = document.getElementById("prodMovBtn");
+					MovBtn.addEventListener("click", function() {
+						$(this).hide();
+						controller.play();
+					});
+
+				controller.on('pause', function() { //일시정지 일때 이벤트 실행.
+					$("#prodMovBtn").show();
+				});
+				
+				$(window).scroll(function(){
+					var scrollTop= $(window).scrollTop();
+					var movHeight = $(".movbox").outerHeight()/2.5;
+					console.log(movHeight);
+					console.log(scrollTop);
+					if (scrollTop > movHeight){
+						controller.pause();
+						return false;
+					} else {
+						controller.play();
+						return false;
+						//controller.set_control_visibility(false);
+					}
+				});
+
 			} catch(e) {
 				// Videogateweay Controller Library는 window.postMessage API를 이용하기 때문에
 				// 해당 기능을 지원하지 않는 웹브라우져에서는 동작하지 않습니다.
 				// 이 부분에 적절한 fail-over 코드를 추가하여 주십시요.
 			}
-			controller.mute();
-			controller.play();
-			controller.set_control_visibility(false);
 			
-			$(window).scroll(function(){
-				var scrollTop= $(window).scrollTop();
-				var itemTop=$('.descript_box').offset().top;
-				var winHeight = $(window).height();
-				//console.log(winHeight-scrollTop);
-				//console.log(winHeight/1.5);
-				if (winHeight-scrollTop <= winHeight/1.5){
-					controller.pause();
-				} else {
-					controller.play();
-					controller.set_control_visibility(false);
-				}
-		
-				controller.on('done', function() {
-					controller.play();
-					controller.set_control_visibility(false);
-				});
-			}); 
-			
-		}
-	   
-		
-		
-	};
+		};
+	}
+   
 	
 /*]]>*/
 </script>

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

@@ -144,7 +144,7 @@ var fnGetPointTableInfo = function(param) {
 	if(param != null && param.length > 0){
 		tag += '<ul>';
 		$.each(param, function(idx,item){
-			tag += ' <li>';
+			tag += ' <li>'; 
 			tag += ' 	<div>';
 			if(item.pntAmt > 0){
 				tag += '		<span class="tag primary">적립</span>';

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

@@ -116,6 +116,16 @@
         return tag;
     }
 	
+
+	var fnSplitBr = function(obj){
+        let tag = '';
+        if(!gagajf.isNull(obj)){
+            var brText = obj;
+            tag = brText.split('<br/&gt');
+        }
+        return tag[0];
+    }
+	
 	var fnGetListCallback = function(result) {
 		$('#ulQna').html('');
 
@@ -129,7 +139,7 @@
 				tag += '				<span class="fold_state ' + (item.ansStat == "G060_10" ? "doing" : "done") + '">' + item.ansStatNm + '</span>\n'; //답변완료 : done / 처리중 : doing
 				tag += '				<div class="fold_tit">\n';
 				tag += '					<span class="prod">' + item.goodsNm + ' ' + item.relGoodsCd + '</span>\n';
-				tag += '					<span>' + fnReplaceBr(item.questContent.escapeHtml()) + '</span>\n';
+				tag += '					<span>' + fnSplitBr(item.questContent.escapeHtml()) + '</span>\n';
 				tag += '				</div>\n';
 				tag += '				<span class="data">' + item.questDt + '</span>\n';
 				tag += '			</div>\n';

src/main/webapp/WEB-INF/views/web/callcenter/OneToOnePhotoFormWeb.html

@@ -0,0 +1,91 @@
+<!DOCTYPE html>
+<html lang="ko" xmlns:th="http://www.thymeleaf.org">
+<!--
+ *******************************************************************************
+ * @source  : GoodsReviewPhotoFormMob.html
+ * @desc	: 상품평 - 포토/영상 리스트 팝업
+ *============================================================================
+ * STYLE24
+ * Copyright(C) 2020 TSIT, All rights reserved.
+ *============================================================================
+ * VER  DATE		 AUTHOR	  DESCRIPTION
+ * ===  ===========  ==========  =============================================
+ * 1.0  2021.04.008   eskim		최초 작성
+ *******************************************************************************
+ -->
+<!-- 댓글 이미지 팝업 -->
+<!-- <div class="modal fade thumb_img_pop" id="thumbImgPop" tabindex="-1" role="dialog" aria-labelledby="thumbImgLabel" aria-hidden="true"> -->
+        <div class="modal-dialog" role="document">
+            <div class="modal-content" th:with="frontUrl=${@environment.getProperty('domain.front')}, imgView=${@environment.getProperty('upload.image.view')}">
+				<div class="modal-header sr-only">
+                    <h5 class="modal-title" id="thumbImgLabel">이미지 상세보기</h5>
+                </div>
+                <div class="modal-body">
+                    <div class="pop_cont">
+ 						<div class="swiper-container">
+							<div class="swiper-wrapper">
+								<!-- 이미지 슬라이드 영역 -->
+							<th:block th:each="a, stat : ${imgList}">
+								<div class="swiper-slide">
+									<div class="pop_img" th:style="${'background-image:url('+imgView+'/'+a.sysFileNm+');'}">
+									</div>
+								</div>
+							</th:block>
+							</div>
+						</div>
+						<div class="swiper-button-next"></div>
+						<div class="swiper-button-prev"></div>						
+						<div class="swiper-pagination"></div>
+                    </div>
+                </div>
+            </div>
+        </div>        
+<!--     </div> -->
+	<!-- //댓글 이미지 팝업 -->	
+<a href="javascript:void(0);" rel="modal:close"	onclick="cfCloseLayer('layer_review_photo')" class="close-modal">Close</a>
+<script th:inline="javascript">
+
+
+
+$(document).ready( function() {
+	let attchSq = 0; 
+	let img = [[${imgList[1].sysFileNm}]];
+	if (!gagajf.isNull( [[${counsel.rnum}]])){
+		attchSq = [[${counsel.rnum}]]-1;
+	} 
+	
+	if (!gagajf.isNull(img)) {
+		var contactPopSwiper = new Swiper('.thumb_img_pop .swiper-container', {
+			navigation: {
+				nextEl: '.thumb_img_pop .swiper-button-next',
+				prevEl: '.thumb_img_pop .swiper-button-prev',
+			},
+			pagination: {
+				el: '.thumb_img_pop .swiper-pagination',
+				clickable: true,
+			},
+					
+			observer:true,
+			observeParents: true,
+		});		
+		
+		contactPopSwiper.slideTo(attchSq, 0, false);
+		contactPopSwiper.update();
+	}
+	else{
+		$(".swiper-pagination").append('<span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 1"></span>');
+		$(".swiper-pagination").addClass("swiper-pagination-clickable swiper-pagination-bullets");
+		$(".swiper-button-next").addClass("swiper-button-disabled");
+		$(".swiper-button-prev").addClass("swiper-button-disabled");
+		
+	}
+	
+	
+
+
+});
+/*<![CDATA[*/
+	
+/*]]>*/
+</script>
+</html>

src/main/webapp/WEB-INF/views/web/callcenter/OneToOneQnaFormWeb.html

@@ -208,13 +208,13 @@
 					
 					if (!gagajf.isNull(item.sysFileNm1)) {
 						tag += '					<span class="thumb_pic">\n';
-						tag += '						<img src="' + _uploadImageUrl + '/' + item.sysFileNm1 + '" alt="" onerror="this.src=\'/images/pc/thumb/bg_item_none.png\'">\n';
+						tag += '						<img src="' + _uploadImageUrl + '/' + item.sysFileNm1 + '" alt="" onerror="this.src=\'/images/pc/thumb/bg_item_none.png\'" onclick="cfOneToPhotoDetail(\''+item.counselSq+'\', \'1\');">\n';
 						tag += '					</span>\n';
 					}
 					
 					if (!gagajf.isNull(item.sysFileNm2)) {
 						tag += '					<span class="thumb_pic">\n';
-						tag += '						<img src="' + _uploadImageUrl + '/' + item.sysFileNm2 + '" alt="" onerror="this.src=\'/images/pc/thumb/bg_item_none.png\'">\n';
+						tag += '						<img src="' + _uploadImageUrl + '/' + item.sysFileNm2 + '" alt="" onerror="this.src=\'/images/pc/thumb/bg_item_none.png\'" onclick="cfOneToPhotoDetail(\''+item.counselSq+'\', \'2\');">\n';
 						tag += '					</span>\n';
 					}
 					

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">\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/WEB-INF/views/web/planning/PlanningReplyPhotoFormWeb.html

@@ -2,15 +2,15 @@
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
 <!--
  *******************************************************************************
- * @source  : GoodsReviewPhotoFormMob.html
- * @desc	: 상품평 - 포토/영상 리스트 팝업
+ * @source  : PlanningReplyPhotoFormWeb.html
+ * @desc	: 기획전 댓글 - 포토 리스트 팝업
  *============================================================================
  * STYLE24
  * Copyright(C) 2020 TSIT, All rights reserved.
  *============================================================================
  * VER  DATE		 AUTHOR	  DESCRIPTION
  * ===  ===========  ==========  =============================================
- * 1.0  2021.04.008   eskim		최초 작성
+ * 1.0  2021.04.08   sowon		최초 작성
  *******************************************************************************
  -->
 <!-- 댓글 이미지 팝업 -->

src/main/webapp/biz/search.js

@@ -15,7 +15,7 @@ var fnCreateGoodsList = function(result, ithrCd, contentLoc, goodsUrl, lastPage,
 			categoryGoodsList.push(item.goodsCd);
 		}
 
-		tag += '<div class="item_prod">';
+		tag += '<div class="item_prod" >';
 		tag += '	<div class="item_state';
 		if(!gagajf.isNull(item.sizes)){
 			var sizeArr = item.sizes.split(",");
@@ -116,7 +116,9 @@ var fnCreateGoodsList = function(result, ithrCd, contentLoc, goodsUrl, lastPage,
 			tag += '			</p>';
 		}else{
 			tag += '			<p class="itemPrice">';
-			tag += '				<span class="itemPrice_original">'+item.listPrice.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")+'</span>';
+			if(item.currPrice != item.listPrice) {
+				tag += '				<span class="itemPrice_original">' + item.listPrice.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") + '</span>';
+			}
 			tag += item.currPrice.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
 			if(item.currPrice != item.listPrice){
 				if(item.listPrice != 0){

src/main/webapp/ux/style24_link.js

@@ -115,6 +115,7 @@ const _PAGE_CUSTOMER_GRADE_BENEFIT = _frontUrl + "/planning/event/custgrade/bene
 const _PAGE_FAQ = _frontUrl + "/callcenter/faq/form";									// 고객센터 > FAQ
 const _PAGE_ONETOONE_QNA = _frontUrl + "/callcenter/onetoone/qna/form";					// 고객센터 > 1:1문의
 const _PAGE_ONETOONE_QNA_REG = _frontUrl + "/callcenter/onetoone/qna/register/form";	// 고객센터 > 1:1문의등록
+const _PAGE_ONETOONE_QNA_DETAIL_LAYER = _frontUrl + "/callcenter/onetoone/photo/detail/layer";	// 고객센터 > 1:1 상세(포토)
 const _PAGE_GOODS_QNA = _frontUrl + "/callcenter/goods/qna/form";						// 고객센터 > 상품문의
 const _PAGE_NOTICE = _frontUrl + "/callcenter/notice/form";								// 고객센터 > 공지사항
 
@@ -710,6 +711,27 @@ function cfMoPlanReplyDetail(planSq, planEntrySq, planEntryAtSq, attachSq) {
 	cfnOpenLayer(_PAGE_PLANNING_REPLY_DETAIL_LAYER+params, 'thumbImgPop');
 }
 
+/**
+* @type   : function
+* @access : public
+* @desc   : 댓글 이미지 팝업(웹) - 1:1 문의
+* <pre>
+*		cfOneToPhotoDetail(counselSq, attachSq);
+* </pre>
+*/
+function cfOneToPhotoDetail(counselSq, rnum) {
+	var str = '<div class="modal fade thumb_img_pop" id="thumbImgPop" tabindex="-1" role="dialog" aria-labelledby="thumbImgLabel" aria-hidden="true"></div>';
+
+	if ($('#thumbImgPop').length == 0) {
+		$('body').append(str);
+	}
+	
+	var params = '?counselSq=' + counselSq;
+	if (typeof (rnum) != 'undefined') params += "&rnum=" + rnum;
+	
+	cfnOpenLayer(_PAGE_ONETOONE_QNA_DETAIL_LAYER + params, 'thumbImgPop');
+}
+
 /**
  * @type   : function
  * @access : public
@@ -1416,7 +1438,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) {