Merge branch 'style' into jmh

src/main/java/com/style24/front/biz/thirdparty/EigeneaiApi.java

@@ -503,7 +503,7 @@ public class EigeneaiApi {
 		log.info("responseEntity.getStatusCode(): {} ", responseEntity.getStatusCode());
 
 		String responseJson = responseEntity.getBody();
-		log.info("responseEntity.getBody(): {}", responseJson);
+		// log.info("responseEntity.getBody(): {}", responseJson);
 
 		if (!responseEntity.getStatusCode().equals(HttpStatus.OK)) {
 			return null;

src/main/java/com/style24/front/biz/thirdparty/SearchEngineDiquest.java

@@ -78,15 +78,15 @@ public class SearchEngineDiquest {
 		Map<String, Object> paramMap = new HashMap<String, Object>();
 		paramMap.put("adminIp", ipAddr);
 		paramMap.put("adminPort", port);
-		log.info("///[getTrendKeywordList] paramMap: {}", paramMap);
+		//log.info("///[getTrendKeywordList] paramMap: {}", paramMap);
 
 		try {
 			JSONObject jsonObj = AutoSearch.trendKeyword(paramMap);
-			log.info("///[getTrendKeywordList] jsonObj: {}", jsonObj.toJSONString());
+			//log.info("///[getTrendKeywordList] jsonObj: {}", jsonObj.toJSONString());
 
 			Gson gson = new Gson();
 			result = gson.fromJson(jsonObj.toJSONString(), SearchEngine.class);
-			log.info("///[getTrendKeywordList] result: {}", result);
+			//log.info("///[getTrendKeywordList] result: {}", result);
 		} catch (Exception e) {
 			e.printStackTrace();
 		}
@@ -108,17 +108,17 @@ public class SearchEngineDiquest {
 		paramMap.put("adminIp", ipAddr);
 		paramMap.put("adminPort", port);
 		paramMap.put("keyword", keyword);
-		log.info("///[getAutoComplete] paramMap: {}", paramMap);
+		//log.info("///[getAutoComplete] paramMap: {}", paramMap);
 
 		try {
 			JSONObject jsonObj = new JSONObject();
 			jsonObj = AutoSearch.getAutoComplete(paramMap);
 			
-			log.info("///[getAutoComplete] jsonObj: {}", jsonObj.toJSONString());
+			//log.info("///[getAutoComplete] jsonObj: {}", jsonObj.toJSONString());
 
 			Gson gson = new Gson();
 			result = gson.fromJson(jsonObj.toJSONString(), AutoCompleteResponse.class);
-			log.info("///[getAutoComplete] result: {}", result);
+			//log.info("///[getAutoComplete] result: {}", result);
 		} catch (Exception e) {
 			//e.printStackTrace();
 		}
@@ -149,18 +149,18 @@ public class SearchEngineDiquest {
 		if (params.getBrandGroupNo() > 0) {
 			paramMap.put("defaultCateYn", displayDao.getBrandGroupDefaultCategoryYn(params.getBrandGroupNo()));
 		}
-		log.info("///[getCategoryList] paramMap: {}", paramMap);
+		//log.info("///[getCategoryList] paramMap: {}", paramMap);
 
 		try {
 			JSONObject jsonObj = SearchService.getCategoryGoodsList(paramMap);
-			log.info("///[getCategoryList] jsonObj: {}", jsonObj.toJSONString());
+			//log.info("///[getCategoryList] jsonObj: {}", jsonObj.toJSONString());
 
 			Gson gson = new Gson();
 			CateResponse response = gson.fromJson(jsonObj.toJSONString(), CateResponse.class);
 
 			if (jsonObj.get("returnCode").toString().equals("1")) { // 성공
 				result = response.getResponse();
-				log.info("///[getCategoryList] result: {}", result);
+				//log.info("///[getCategoryList] result: {}", result);
 			}
 		} catch (Exception e) {
 			e.printStackTrace();
@@ -182,18 +182,18 @@ public class SearchEngineDiquest {
 		Map<String, Object> paramMap = this.convertObjectToMap(params);
 		paramMap.put("adminIp", ipAddr);
 		paramMap.put("adminPort", port);
-		log.info("///[getFilterList] paramMap: {}", paramMap);
+		//log.info("///[getFilterList] paramMap: {}", paramMap);
 
 		try {
 			JSONObject jsonObj = SearchService.getFilterList(paramMap);
-			log.info("///[getFilterList] jsonObj: {}", jsonObj.toJSONString());
+			//log.info("///[getFilterList] jsonObj: {}", jsonObj.toJSONString());
 
 			Gson gson = new Gson();
 			FilterResponse response = gson.fromJson(jsonObj.toJSONString(), FilterResponse.class);
 
 			if (jsonObj.get("returnCode").toString().equals("1")) { // 성공
 				result = response.getResponse();
-				log.info("///[getFilterList] result: {}", result);
+				//log.info("///[getFilterList] result: {}", result);
 			}
 		} catch (Exception e) {
 			e.printStackTrace();
@@ -217,17 +217,17 @@ public class SearchEngineDiquest {
 		paramMap.put("adminPort", port);
 		paramMap.put("pageNumber", String.valueOf(params.getPageNo()));
 		paramMap.put("rowsPerPage", String.valueOf(params.getPageSize()));
-		log.info("///[getGoodsList] paramMap: {}", paramMap);
+		//log.info("///[getGoodsList] paramMap: {}", paramMap);
 
 		try {
 			
 			JSONObject jsonObj = SearchService.getGoodsList(paramMap);
-			log.info("///[getGoodsList] jsonObj: {}", jsonObj.toJSONString());
+			//log.info("///[getGoodsList] jsonObj: {}", jsonObj.toJSONString());
 
 			if (jsonObj.get("returnCode").toString().equals("1")) { // 성공
 				Gson gson = new Gson();
 				result = gson.fromJson(jsonObj.toJSONString(), GoodsListResponse.class);
-				log.info("///[getGoodsList] result: {}", result);
+				//log.info("///[getGoodsList] result: {}", result);
 			}
 		} catch (Exception e) {
 			e.printStackTrace();
@@ -263,15 +263,15 @@ public class SearchEngineDiquest {
 		paramMap.put("keyword", keyword);
 		paramMap.put("pageNumber", String.valueOf(pageNo));
 		paramMap.put("rowsPerPage", String.valueOf(pageSize));
-		log.info("///[getPlanningList] paramMap: {}", paramMap);
+		//log.info("///[getPlanningList] paramMap: {}", paramMap);
 
 		try {
 			JSONObject jsonObj = PlanSearch.planSearchApi(paramMap);
-			log.info("///[getPlanningList] jsonObj: {}", jsonObj.toJSONString());
+			//log.info("///[getPlanningList] jsonObj: {}", jsonObj.toJSONString());
 
 			Gson gson = new Gson();
 			result = gson.fromJson(jsonObj.toJSONString(), PlanningResponse.class);
-			log.info("///[getPlanningList] result: {}", result);
+			//log.info("///[getPlanningList] result: {}", result);
 		} catch (Exception e) {
 			e.printStackTrace();
 		}
@@ -297,15 +297,15 @@ public class SearchEngineDiquest {
 		paramMap.put("keyword", keyword);
 		paramMap.put("pageNumber", String.valueOf(pageNo));
 		paramMap.put("rowsPerPage", String.valueOf(pageSize));
-		log.info("///[getEventList] paramMap: {}", paramMap);
+		//log.info("///[getEventList] paramMap: {}", paramMap);
 
 		try {
 			JSONObject jsonObj = EventSearch.eventSearchApi(paramMap);
-			log.info("///[getEventList] jsonObj: {}", jsonObj.toJSONString());
+			//log.info("///[getEventList] jsonObj: {}", jsonObj.toJSONString());
 
 			Gson gson = new Gson();
 			result = gson.fromJson(jsonObj.toJSONString(), PlanningResponse.class);
-			log.info("///[getEventList] result: {}", result);
+			//log.info("///[getEventList] result: {}", result);
 		} catch (Exception e) {
 			e.printStackTrace();
 		}
@@ -333,20 +333,20 @@ public class SearchEngineDiquest {
 	 */
 	public FeedbackResponse sendFeedbackLog(String keyword, String searchId){
 		FeedbackResponse result = new FeedbackResponse();
-		log.info("///[getFeedbackLog] keyword: {}", keyword);
-		log.info("///[getFeedbackLog] dq_id: {}", searchId);
+		//log.info("///[getFeedbackLog] keyword: {}", keyword);
+		//log.info("///[getFeedbackLog] dq_id: {}", searchId);
 		Map<String, Object> paramMap = new HashMap<String, Object>();
 		paramMap.put("adminIp", ipAddr);
 		paramMap.put("adminPort", port);
 		paramMap.put("keyword", keyword);
 		paramMap.put("dq_id", searchId);
-		log.info("///[getFeedbackLog] paramMap: {}", paramMap);
+		//log.info("///[getFeedbackLog] paramMap: {}", paramMap);
 
 		try {
 			int feedbackLog = SearchService.feedbackLog(paramMap);
-			log.info("///[getFeedbackLog] returnCode : {}", feedbackLog);
+			//log.info("///[getFeedbackLog] returnCode : {}", feedbackLog);
 			result.setReturnCode(feedbackLog);
-			log.info("///[getFeedbackLog] result: {}", result);
+			//log.info("///[getFeedbackLog] result: {}", result);
 		} catch (Exception e) {
 			e.printStackTrace();
 		}

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

@@ -253,21 +253,6 @@ public class TsfDisplayController extends TsfBaseController {
 		return mav;
 	}
 
-	/**
-	 * 몰 메인
-	 * @return
-	 * @author gagamel
-	 * @since 2021. 2. 3
-	 */
-	@GetMapping("/mall/main/form3")
-	public ModelAndView mallMain3(Device device, @RequestParam HashMap<String, String> paramMap) {
-		ModelAndView mav = new ModelAndView();
-
-		mav.setViewName(super.getDeviceViewName("display/MallMainForm3"));
-
-		return mav;
-	}
-
 	/**
 	 * 몰 메인 테스트 폼
 	 * @return

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

@@ -1,7 +1,11 @@
 package com.style24.front.biz.web;
 
 import java.text.SimpleDateFormat;
-import java.util.*;
+import java.util.ArrayList;
+import java.util.Calendar;
+import java.util.Collection;
+import java.util.Date;
+import java.util.List;
 
 import javax.servlet.http.HttpServletRequest;
 import javax.servlet.http.HttpServletResponse;
@@ -1365,11 +1369,11 @@ public class TsfMypageController extends TsfBaseController {
 		}
 
 		try {
+			// 배송지 수정 처리
 			commonService.updateDeliverAddr(order);
-			commonService.updateDeliverAddrDelvMemo(order);
 
-			// TODO
-			// WMS IF TABLE 내 정보 업데이트 처리 필요
+			// WMS 배송지 수정 처리
+			coreWmsService.updateWmsDeliveryChangeAddr(order);
 		} catch (Exception e) {
 			result.set("status", GagaResponseStatus.FAIL.getCode());
 			result.set("message", message.getMessage("FAIL_0002"));
@@ -1400,7 +1404,11 @@ public class TsfMypageController extends TsfBaseController {
 		}
 
 		try {
+			// 배송메모 수정 처리
 			commonService.updateDeliverAddrDelvMemo(order);
+
+			// WMS 배송메모 수정 처리
+			coreWmsService.updateWmsDeliveryMemo(order);
 		} catch (Exception e) {
 			result.set("status", GagaResponseStatus.FAIL.getCode());
 			result.set("message", message.getMessage("FAIL_0002"));
@@ -1426,10 +1434,20 @@ public class TsfMypageController extends TsfBaseController {
 
 		try {
 			orderChange.setUpdNo(TsfSession.getInfo().getCustNo());
+
+			// 회수지 정보 수정 처리
 			coreOrderChangeService.updateChgerAddr(orderChange);
 
-			// TODO
-			// WMS IF TABLE 내 정보 업데이트 처리 필요
+			// WMS 회수지 정보 수정 처리
+			Order order = new Order();
+			order.setOrdNo(orderChange.getOrdNo());
+			order.setChgerZipcode(orderChange.getChgerZipcode());
+			order.setChgerBaseAddr(orderChange.getChgerBaseAddr());
+			order.setChgerDtlAddr(orderChange.getChgerDtlAddr());
+			order.setChgerRtnMemo(orderChange.getChgerRtnMemo());
+			order.setOrdChgSq(orderChange.getOrdChgSq());
+
+			coreWmsService.updateWmsRecallChangeAddr(order);
 		} catch (Exception e) {
 			result.set("status", GagaResponseStatus.FAIL.getCode());
 			result.set("message", message.getMessage("FAIL_0002"));
@@ -1455,10 +1473,16 @@ public class TsfMypageController extends TsfBaseController {
 
 		try {
 			orderChange.setUpdNo(TsfSession.getInfo().getCustNo());
+
+			// 반품메모 수정 처리
 			coreOrderChangeService.updateChgerRtnMemo(orderChange);
 
-			// TODO
-			// WMS IF TABLE 내 정보 업데이트 처리 필요
+			// WMS IF 반품메모 수정 처리
+			Order order = new Order();
+			order.setOrdNo(orderChange.getOrdNo());
+			order.setChgerRtnMemo(orderChange.getChgerRtnMemo());
+			order.setOrdChgSq(orderChange.getOrdChgSq());
+			coreWmsService.updateWmsRecallChangeMemo(order);
 		} catch (Exception e) {
 			throw new IllegalStateException(message.getMessage("FAIL_0002"));
 		}

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

@@ -389,11 +389,12 @@ public class TsfNoMemberController extends TsfBaseController {
 
 		try {
 			order.setCustNo(0);
+
+			// 배송지 수정 처리
 			commonService.updateDeliverAddr(order);
-			commonService.updateDeliverAddrDelvMemo(order);
 
-			// TODO
-			// WMS IF TABLE 내 정보 업데이트 처리 필요
+			// WMS 배송지 수정 처리
+			coreWmsService.updateWmsDeliveryChangeAddr(order);
 		} catch (Exception e) {
 			result.set("status", GagaResponseStatus.FAIL.getCode());
 			result.set("message", message.getMessage("FAIL_0002"));
@@ -420,7 +421,11 @@ public class TsfNoMemberController extends TsfBaseController {
 		order.setCustNo(0);
 
 		try {
+			// 배송메모 수정 처리
 			commonService.updateDeliverAddrDelvMemo(order);
+
+			// WMS 배송메모 수정 처리
+			coreWmsService.updateWmsDeliveryMemo(order);
 		} catch (Exception e) {
 			result.set("status", GagaResponseStatus.FAIL.getCode());
 			result.set("message", message.getMessage("FAIL_0002"));
@@ -446,10 +451,20 @@ public class TsfNoMemberController extends TsfBaseController {
 
 		try {
 			orderChange.setUpdNo(0);
+
+			// 회수지 정보 수정 처리
 			coreOrderChangeService.updateChgerAddr(orderChange);
 
-			// TODO
-			// WMS IF TABLE 내 정보 업데이트 처리 필요
+			// WMS 회수지 정보 수정 처리
+			Order order = new Order();
+			order.setOrdNo(orderChange.getOrdNo());
+			order.setChgerZipcode(orderChange.getChgerZipcode());
+			order.setChgerBaseAddr(orderChange.getChgerBaseAddr());
+			order.setChgerDtlAddr(orderChange.getChgerDtlAddr());
+			order.setChgerRtnMemo(orderChange.getChgerRtnMemo());
+			order.setOrdChgSq(orderChange.getOrdChgSq());
+
+			coreWmsService.updateWmsRecallChangeAddr(order);
 		} catch (Exception e) {
 			result.set("status", GagaResponseStatus.FAIL.getCode());
 			result.set("message", message.getMessage("FAIL_0002"));
@@ -475,10 +490,16 @@ public class TsfNoMemberController extends TsfBaseController {
 
 		try {
 			orderChange.setUpdNo(0);
+
+			// 반품메모 수정 처리
 			coreOrderChangeService.updateChgerRtnMemo(orderChange);
 
-			// TODO
-			// WMS IF TABLE 내 정보 업데이트 처리 필요
+			// WMS IF 반품메모 수정 처리
+			Order order = new Order();
+			order.setOrdNo(orderChange.getOrdNo());
+			order.setChgerRtnMemo(orderChange.getChgerRtnMemo());
+			order.setOrdChgSq(orderChange.getOrdChgSq());
+			coreWmsService.updateWmsRecallChangeMemo(order);
 		} catch (Exception e) {
 			throw new IllegalStateException(message.getMessage("FAIL_0002"));
 		}

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

@@ -22,6 +22,7 @@ import org.springframework.web.servlet.ModelAndView;
 
 import com.gagaframework.web.parameter.GagaMap;
 import com.gagaframework.web.rest.server.GagaResponse;
+import com.gagaframework.web.rest.server.GagaResponseStatus;
 import com.style24.core.biz.service.TscFreegiftService;
 import com.style24.core.biz.service.TscKakaotalkService;
 import com.style24.core.biz.service.TscKcpService;
@@ -1902,4 +1903,22 @@ public class TsfOrderController extends TsfBaseController {
 		result.setBoolean("isValid", isValid);
 		return result;
 	}
+
+	/**
+	 * 출고금지지역 여부 조회
+	 *
+	 * @param Order
+	 * @return GagaMap
+	 * @author card007
+	 * @since 2021. 10. 15
+	 */
+	@PostMapping("/delivery/ban")
+	@ResponseBody
+	public GagaMap getDeliveryBanZipcode(@RequestBody Order order) {
+		GagaMap result = new GagaMap();
+		result.set("status", GagaResponseStatus.SUCCESS.getCode());
+		result.set("banZipcode", coreOrderService.getDeliveryBanZipcode(order));
+
+		return result;
+	}
 }

src/main/java/com/style24/front/support/interceptor/TsfDefaultInterceptor.java

@@ -86,7 +86,7 @@ public class TsfDefaultInterceptor extends HandlerInterceptorAdapter {
 	private void setAppInfo(HttpServletRequest request) {
 		// User Agent
 		String userAgent = request.getHeader("User-Agent").toLowerCase();
-		log.info("userAgent: [{}]", userAgent);
+		// log.info("userAgent: [{}]", userAgent);
 
 		if (userAgent.indexOf("iphone") > -1 ||
 			userAgent.indexOf("ipod") > -1 ||

src/main/java/com/style24/front/support/security/TsfAuthenticationProvider.java

@@ -112,10 +112,11 @@ public class TsfAuthenticationProvider implements AuthenticationProvider {
 			throw new TsfSecedeAccountException(message.getMessage("LOGN_0007"));
 		}
 		// 활동회원 중 본인인증이 필요한 회원
-		if (TscConstants.CustStat.ACTIVE.value().equals(loginInfo.getCustStat()) && StringUtils.isBlank(loginInfo.getCi())) {
-			TsfSession.setAttribute("custNo", String.valueOf(loginInfo.getCustNo()));
-			throw new TsfNonCertificationAccountException(message.getMessage("LOGN_0009"));
-		}
+//		2021.10.26 김유중 : ci 없는 회원이 본인 인증 시 실패가 많아서 로그인 처리로 변경(정지혜과장,전석훈차장 협의)
+//		if (TscConstants.CustStat.ACTIVE.value().equals(loginInfo.getCustStat()) && StringUtils.isBlank(loginInfo.getCi())) {
+//			TsfSession.setAttribute("custNo", String.valueOf(loginInfo.getCustNo()));
+//			throw new TsfNonCertificationAccountException(message.getMessage("LOGN_0009"));
+//		}
 
 		// 권한 설정
 		List<SimpleGrantedAuthority> authorities = new ArrayList<>();

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

@@ -464,6 +464,7 @@
 	<select id="getOrderDeliveryAddrInfo" parameterType="Order" resultType="Order">
 		/* TsfOrder.getOrderDeliveryAddrInfo */
 		SELECT DA.DELV_ADDR_SQ
+		     , OD.ORD_NO
 		     , DA.RECIP_NM
 		     , DA.RECIP_PHNNO
 		     , DA.RECIP_TELNO

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

@@ -379,6 +379,7 @@
 	// 배송지 및 회수지 정보 설정
 	var delvAddrSet = function(delvObj) {
 		let url = '';
+		let ordNo			= oneData.ordNo;
 		let ordChgSq 		= oneData.ordChgSq;
 		let delvAddrSq 		= oneData.delvAddrSq;
 		let recipNm 		= delvObj.recipNm;
@@ -393,6 +394,7 @@
 
 		if (addrGb == 'chger') {
 			url = '/mypage/change/chger/addr';
+			data.ordNo			= ordNo;
 			data.ordChgSq 		= ordChgSq;
 			data.chgerNm 		= recipNm;
 			data.chgerPhnno 	= recipPhnno;
@@ -402,6 +404,7 @@
 			data.chgerRtnMemo 	= delvMemo;
 		} else {
 			url = '/mypage/change/delvery/addr';
+			data.ordNo			= ordNo;
 			data.delvAddrSq 	= delvAddrSq;
 			data.recipNm 		= recipNm;
 			data.recipPhnno 	= recipPhnno;

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

@@ -302,6 +302,7 @@ $(document).ready(function() {
 // 회수지 정보 설정
 var delvAddrSet = function(delvObj) {
 	let ordChgSq 		= oneData.ordChgSq;
+	let ordNo			= oneData.ordNo;
 	let chgerNm 		= delvObj.recipNm;
 	let chgerPhnno 		= delvObj.recipPhnno;
 	let chgerZipcode 	= delvObj.recipZipcode;
@@ -311,6 +312,7 @@ var delvAddrSet = function(delvObj) {
 	let chgerAddr 		= chgerBaseAddr + ' ' + chgerDtlAddr;
 
 	let data = {};
+	data.ordNo			= ordNo;
 	data.ordChgSq 		= ordChgSq;
 	data.chgerNm 		= chgerNm;
 	data.chgerPhnno 	= chgerPhnno;

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

@@ -999,6 +999,7 @@
 		
 		let url = '/mypage/change/delvery/addr';
 		let data = {};
+		data.ordNo			= ordNo;
 		data.delvAddrSq 	= delvAddrSq;
 		data.recipNm 		= recipNm;
 		data.recipPhnno 	= recipPhnno;

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

@@ -374,6 +374,7 @@
 	// 배송지 및 회수지 정보 설정
 	var delvAddrSet = function(delvObj) {
 		let url = '';
+		let ordNo			= oneData.ordNo;
 		let ordChgSq 		= oneData.ordChgSq;
 		let delvAddrSq 		= oneData.delvAddrSq;
 		let recipNm 		= delvObj.recipNm;
@@ -388,6 +389,7 @@
 
 		if (addrGb == 'chger') {
 			url = '/noMember/change/chger/addr';
+			data.ordNo			= ordNo;
 			data.ordChgSq 		= ordChgSq;
 			data.chgerNm 		= recipNm;
 			data.chgerPhnno 	= recipPhnno;
@@ -397,6 +399,7 @@
 			data.chgerRtnMemo 	= delvMemo;
 		} else {
 			url = '/noMember/change/delvery/addr';
+			data.ordNo			= ordNo;
 			data.delvAddrSq 	= delvAddrSq;
 			data.recipNm 		= recipNm;
 			data.recipPhnno 	= recipPhnno;

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

@@ -291,6 +291,7 @@ $(document).ready(function() {
 // 회수지 정보 설정
 var delvAddrSet = function(delvObj) {
 	let ordChgSq 		= oneData.ordChgSq;
+	let ordNo			= oneData.ordNo;
 	let chgerNm 		= delvObj.recipNm;
 	let chgerPhnno 		= delvObj.recipPhnno;
 	let chgerZipcode 	= delvObj.recipZipcode;
@@ -300,6 +301,7 @@ var delvAddrSet = function(delvObj) {
 	let chgerAddr 		= chgerBaseAddr + ' ' + chgerDtlAddr;
 
 	let data = {};
+	data.ordNo			= ordNo;
 	data.ordChgSq 		= ordChgSq;
 	data.chgerNm 		= chgerNm;
 	data.chgerPhnno 	= chgerPhnno;

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

@@ -779,6 +779,7 @@
 		
 		let url = '/noMember/change/delvery/addr';
 		let data = {};
+		data.ordNo			= ordNo;
 		data.delvAddrSq 	= delvAddrSq;
 		data.recipNm 		= recipNm;
 		data.recipPhnno 	= recipPhnno;

src/main/webapp/WEB-INF/views/mob/order/OrderCompleteMob.html

@@ -466,29 +466,41 @@ var delvAddrSet = function(delvObj) {
 	rtnStr += "| recipDtlAddr 		::: " + delvObj.recipDtlAddr;
 	rtnStr += "| delvMemo 			::: " + delvObj.delvMemo;
 	
-	$("#recipNm").text(delvObj.recipNm);
-	$("#recipPhnno").text(delvObj.recipPhnno);
-	$("#recipAddr").text(delvObj.recipBaseAddr + '    ' + delvObj.recipDtlAddr);
-	$("#delvMemo").text(delvObj.delvMemo);
+	let data = {};
+	data.ordNo = ordNo;
+	data.delvAddrSq = delvAddrSq;
+	data.recipNm = delvObj.recipNm;
+	data.recipPhnno = delvObj.recipPhnno;
+	data.recipZipcode = delvObj.recipZipcode;
+	data.recipBaseAddr = delvObj.recipBaseAddr;
+	data.recipDtlAddr = delvObj.recipDtlAddr;
+	data.delvMemo = delvObj.delvMemo;
 	
-	// 변수값 설정
-	var jsonObj = {
-		"delvAddrSq" 		: delvAddrSq
-		, "recipNm"			: delvObj.recipNm
-		, "recipPhnno"		: delvObj.recipPhnno
-		, "recipZipcode"	: delvObj.recipZipcode
-		, "recipBaseAddr"	: delvObj.recipBaseAddr
-		, "recipDtlAddr"	: delvObj.recipDtlAddr
-		, "delvMemo"		: delvObj.delvMemo
-	}
+	let jsonData = JSON.stringify(data);
 	
-	gagajf.ajaxJsonSubmit(
-		"/common/updateDeliverAddr"
-		, JSON.stringify(jsonObj)
-		, function (result) {
-			mcxDialog.alert("수정되었습니다.");
+	gagajf.ajaxJsonSubmit('/order/delivery/ban', jsonData, function(result) {
+		if (!gagajf.isNull(result.banZipcode) && result.banZipcode > 0) {
+			mcxDialog.alert('죄송합니다. 정읍,익산,전주 지역은 주문/배송이 불가한 지역입니다. 다른 배송지로 수정 해주세요.');
+			return false;
+		} else {
+			$("#recipNm").text(delvObj.recipNm);
+			$("#recipPhnno").text(delvObj.recipPhnno);
+			$("#recipAddr").text(delvObj.recipBaseAddr + '    ' + delvObj.recipDtlAddr);
+			$("#delvMemo").text(delvObj.delvMemo);
+			
+			// 2021.05.16 비회원구분처리
+			let url = '';
+			// 변수값 설정
+			if (isLogin == true) {
+				url = '/mypage/change/delvery/addr';
+			} else {
+				url = '/noMember/change/delvery/addr';
+			}
+			
+			gagajf.ajaxJsonSubmit(url, jsonData, function (result) {
+			});
 		}
-	)
+	});
 }
 
 // 1.19 배송메모설정

src/main/webapp/WEB-INF/views/mob/order/OrderFormMob.html

@@ -1224,228 +1224,240 @@ var paymentInfoSet = function() {
 					}
 					
 					// 배송주소등록
-					if ($("#orderAmtForm .recipZipcode").text() == "00000") {
+					var recipZipcode = $("#orderAmtForm .recipZipcode").text();
+					if (recipZipcode == "00000") {
 						mcxDialog.alert("배송정보를 등록해 주세요.");
 						// 배송정보화면노출
 						deliveryAddrInfoDispYn("Y");
 						return false;
 					}
 					
-					// 선물받기일때 배송지주소 받지않음
-					if (giftPackYn == "N") {
-						if ($("#orderAmtForm .recipZipcode").text() == "0000" || gagajf.isNull($("#orderAmtForm .recipZipcode").text())) {
-							mcxDialog.alert("배송정보를 입력해주세요.");
-							return false;
-						}
-					} else {
-						if (gagajf.isNull($("#orderForm #orderGiftInfo input[name=recipNm]").val())) {
-							mcxDialog.alert("선물받을분 이름을 입력해주세요.");
-							$("#orderForm #orderGiftInfo input[name=recipNm]").focus();
-							
-							orderGiftInfoDispYn("Y");
-							return false;
-						}
-						if (gagajf.isNull($("#orderForm #orderGiftInfo input[name=recipPhnno]").val())) {
-							mcxDialog.alert("선물받을분 휴대폰번호를 입력해주세요.");
-							$("#orderForm #orderGiftInfo input[name=recipPhnno]").focus();
-							
-							orderGiftInfoDispYn("Y");
-							return false;
-						}
-						
-						// 2021.07.05
-						if ($("#orderForm #orderGiftInfo input[name=recipPhnno]").val().length < 9) {
-							mcxDialog.alert("선물받을분 휴대폰번호를 정확히 입력해주세요.");
-							$('#orderForm #orderGiftInfo input[name=recipPhnno]').focus();
-							return false;
-						}
-						
-						if ($("#orderForm #orderGiftInfo input[name=recipPhnno]").val().length > 12) {
-							mcxDialog.alert("선물받을분 휴대폰번호를 정확히 입력해주세요.");
-							$('#orderForm #orderGiftInfo input[name=recipPhnno]').focus();
+					// 출고불가지역 확인
+					let banData = {};
+					banData.recipZipcode = recipZipcode;
+					
+					let banJsonData = JSON.stringify(banData);
+					
+					gagajf.ajaxJsonSubmit('/order/delivery/ban', banJsonData, function(result) {
+						if (!gagajf.isNull(result.banZipcode) && result.banZipcode > 0 && giftPackYn == "N") {
+							mcxDialog.alert('죄송합니다. 정읍,익산,전주 지역은 주문/배송이 불가한 지역입니다. 다른 배송지로 주문을 진행해주세요.');
 							return false;
-						}
-						
-						// 2021.08.11 
-						var recipPhnno = fnPhnnoSet($("#orderForm #orderGiftInfo input[name=recipPhnno]").val());
-						
-						$("#orderAmtForm .recipNm").text($("#orderForm #orderGiftInfo input[name=recipNm]").val());
-						$("#orderAmtForm .recipPhnno").text(recipPhnno);
-						
-						if (gagajf.isNull($("textarea#giftMsg").val())) {
-							giftMsg = "감사합니다.";
 						} else {
-							giftMsg = $("textarea#giftMsg").val();
-						}
-					}
-					
-					// TODO 개인통관번호 동의 체크시 통관번호 등록
-					if (foreignBuyYn == "Y") {
-						if ($("#orderForm input[name=rdi-overseas]:checked").val() == "Y") {
-							if (gagajf.isNull($("#orderForm input[name=entryNo]").val())) {
-								mcxDialog.alert("개인통관고유부호를 입력해주세요.");
-								$('#orderForm input[name=entryNo]').focus();
+							// 선물받기일때 배송지주소 받지않음
+							if (giftPackYn == "N") {
+								if ($("#orderAmtForm .recipZipcode").text() == "0000" || gagajf.isNull($("#orderAmtForm .recipZipcode").text())) {
+									mcxDialog.alert("배송정보를 입력해주세요.");
+									return false;
+								}
+							} else {
+								if (gagajf.isNull($("#orderForm #orderGiftInfo input[name=recipNm]").val())) {
+									mcxDialog.alert("선물받을분 이름을 입력해주세요.");
+									$("#orderForm #orderGiftInfo input[name=recipNm]").focus();
+									
+									orderGiftInfoDispYn("Y");
+									return false;
+								}
+								if (gagajf.isNull($("#orderForm #orderGiftInfo input[name=recipPhnno]").val())) {
+									mcxDialog.alert("선물받을분 휴대폰번호를 입력해주세요.");
+									$("#orderForm #orderGiftInfo input[name=recipPhnno]").focus();
+									
+									orderGiftInfoDispYn("Y");
+									return false;
+								}
 								
-								// 배송정보화면노출
-								entryInfoDispYn("Y");
-								return false;
+								// 2021.07.05
+								if ($("#orderForm #orderGiftInfo input[name=recipPhnno]").val().length < 9) {
+									mcxDialog.alert("선물받을분 휴대폰번호를 정확히 입력해주세요.");
+									$('#orderForm #orderGiftInfo input[name=recipPhnno]').focus();
+									return false;
+								}
+								
+								if ($("#orderForm #orderGiftInfo input[name=recipPhnno]").val().length > 12) {
+									mcxDialog.alert("선물받을분 휴대폰번호를 정확히 입력해주세요.");
+									$('#orderForm #orderGiftInfo input[name=recipPhnno]').focus();
+									return false;
+								}
+								
+								// 2021.08.11 
+								var recipPhnno = fnPhnnoSet($("#orderForm #orderGiftInfo input[name=recipPhnno]").val());
+								
+								$("#orderAmtForm .recipNm").text($("#orderForm #orderGiftInfo input[name=recipNm]").val());
+								$("#orderAmtForm .recipPhnno").text(recipPhnno);
+								
+								if (gagajf.isNull($("textarea#giftMsg").val())) {
+									giftMsg = "감사합니다.";
+								} else {
+									giftMsg = $("textarea#giftMsg").val();
+								}
 							}
 							
-							orgEntryNo = $("#orderForm input[name=entryNo]").val();
+							// TODO 개인통관번호 동의 체크시 통관번호 등록
+							if (foreignBuyYn == "Y") {
+								if ($("#orderForm input[name=rdi-overseas]:checked").val() == "Y") {
+									if (gagajf.isNull($("#orderForm input[name=entryNo]").val())) {
+										mcxDialog.alert("개인통관고유부호를 입력해주세요.");
+										$('#orderForm input[name=entryNo]').focus();
+										
+										// 배송정보화면노출
+										entryInfoDispYn("Y");
+										return false;
+									}
+									
+									orgEntryNo = $("#orderForm input[name=entryNo]").val();
+									
+									if (orgEntryNo.substr(0, 1) != "P") {
+										mcxDialog.alert("개인통관고유부호가 유효하지 않습니다.");
+										$('#orderForm input[name=entryNo]').focus();
+										
+										// 배송정보화면노출
+										deliveryAddrInfoDispYn("Y");
+										return false;
+									}
+									
+									if (orgEntryNo.length < 13) {
+										mcxDialog.alert("개인통관고유부호가 유효하지 않습니다.");
+										$('#orderForm input[name=entryNo]').focus();
+										
+										// 배송정보화면노출
+										entryInfoDispYn("Y");
+										return false;
+									}
+									
+									if (!$("#orderForm #chk-overs-agr").is(":checked")) {
+										mcxDialog.alert("개인통관정보고유부호 정보 동의/저장항목을 체크해주세요.");
+										
+										// 배송정보화면노출
+										entryInfoDispYn("Y");
+										return false;
+									}
+								}
+							}
 							
-							if (orgEntryNo.substr(0,1) != "P") {
-								mcxDialog.alert("개인통관고유부호가 유효하지 않습니다.");
-								$('#orderForm input[name=entryNo]').focus();
-								
-								// 배송정보화면노출
-								deliveryAddrInfoDispYn("Y");
-								return false;
+							// 주문제작상품일때 주문제작정보동의
+							if (orderMadeYn == "Y") {
+								if (!$("#orderForm #chk-custom").is(":checked")) {
+									mcxDialog.alert("주문제작상품에 대한 동의를 하지 않으실 경우 해당 상품을 쇼핑백에서 제외하신 후 다시 결제를 시도해주세요.");
+									
+									// 배송정보화면노출
+									madeInfoDispYn("Y");
+									return false;
+								}
 							}
 							
-							if (orgEntryNo.length < 13) {
-								mcxDialog.alert("개인통관고유부호가 유효하지 않습니다.");
-								$('#orderForm input[name=entryNo]').focus();
-								
-								// 배송정보화면노출
-								entryInfoDispYn("Y");
-								return false;
+							// 사은품지급할 경우 체크
+							if ($("#orderAmtForm .freegiftValArr").text().length > 0) {
+								if (!$("#orderForm #chk-agree_gift").is(":checked")) {
+									mcxDialog.alert("사은품 지급 정보 동의를 체크해주세요.");
+									
+									// 배송정보화면노출
+									freegiftInfoDispYn("Y");
+									return false;
+								}
 							}
 							
-							if (!$("#orderForm #chk-overs-agr").is(":checked")) {
-								mcxDialog.alert("개인통관정보고유부호 정보 동의/저장항목을 체크해주세요.");
+							// 결재수단
+							var realOrdSumAmt = parseInt($("#orderAmtForm .realOrdSumAmt").text());
+							var pgGb = "";
+							var payMeans = "";
+							if (realOrdSumAmt > 0) {
+								if (gagajf.isNull(paynormal)) {
+									mcxDialog.alert("결제수단을 선택해 주세요.");
+									
+									// 결제수단정보노출
+									paymentInfoDispYn("Y");
+									return false;
+								}
 								
-								// 배송정보화면노출
-								entryInfoDispYn("Y");
-								return false;
+								paynormalArr = paynormal.split("|");
+								pgGb = paynormalArr[0];
+								payMeans = paynormalArr[1];
 							}
-						}
-					}
-					
-					// 주문제작상품일때 주문제작정보동의
-					if (orderMadeYn == "Y") {
-						if (!$("#orderForm #chk-custom").is(":checked")) {
-							mcxDialog.alert("주문제작상품에 대한 동의를 하지 않으실 경우 해당 상품을 쇼핑백에서 제외하신 후 다시 결제를 시도해주세요.");
 							
-							// 배송정보화면노출
-							madeInfoDispYn("Y");
-							return false;
-						}
-					}
-					
-					// 사은품지급할 경우 체크
-					if ($("#orderAmtForm .freegiftValArr").text().length > 0) {
-						if (!$("#orderForm #chk-agree_gift").is(":checked")) {
-							mcxDialog.alert("사은품 지급 정보 동의를 체크해주세요.");
+							var custPayMeans = "N";
 							
-							// 배송정보화면노출
-							freegiftInfoDispYn("Y");
-							return false;
-						}
-					}
-					
-					// 결재수단
-					var realOrdSumAmt 	= parseInt($("#orderAmtForm .realOrdSumAmt").text());
-					var pgGb			= "";
-					var payMeans		= "";
-					if (realOrdSumAmt > 0) {
-						if (gagajf.isNull(paynormal)) {
-							mcxDialog.alert("결제수단을 선택해 주세요.");
-							
-							// 결제수단정보노출
-							paymentInfoDispYn("Y");
-							return false;
-						}
-						
-						paynormalArr		= paynormal.split("|");
-						pgGb				= paynormalArr[0];
-						payMeans			= paynormalArr[1];
-					}
-					
-					var custPayMeans		= "N";
-					
-					// 자주쓰는결제타입
-					if ($("#orderForm #chk-agree_paymethod").is(":checked") == true) {
-						custPayMeans		= "Y";
-					}
-
-					// 주문상세데이타 생성
-					$("#orderDetailInfo .cartSq").each(function(){
-						// 주문상세단위 총알배송여부 변경
-						var orderDetailShotDelvYn = $(this).parent().find(".shotDelvYn").text();
-						if (orderDetailShotDelvYn == "Y") {
-							if (shotDelvYn == "N") {
-								orderDetailShotDelvYn = "N";
+							// 자주쓰는결제타입
+							if ($("#orderForm #chk-agree_paymethod").is(":checked") == true) {
+								custPayMeans = "Y";
 							}
-						}
-						
-						// 개인통관번호
-						if ($(this).parent().find(".foreignBuyYn").text() == "Y") {
-							entryNo = orgEntryNo;
-						} else {
-							entryNo = "";
-						}
-						
-						var orderDetailData = {
-							"cartSq"			: $(this).text()
-							,"currPrice"		: $(this).parent().find(".orgCurrPrice").text()
-							,"optAddPrice"		: $(this).parent().find(".optAddPrice").text()
-							,"ordAmt"			: $(this).parent().find(".ordAmt").text()
-							,"cpn1CpnSq"		: $(this).parent().find(".cpn1CpnSq").text()
-							,"cpn1DcAmt"		: $(this).parent().find(".cpn1DcAmt").text()
-							,"goodsQty"			: $(this).parent().find(".goodsQty").text()
-							,"tmtb1Sq"			: $(this).parent().find(".tmtb1Sq").text()
-							,"tmtb1DcAmt"		: $(this).parent().find(".tmtb1DcAmt").text()
-							,"tmtb2Sq"			: $(this).parent().find(".tmtb2Sq").text()
-							,"tmtb2DcAmt"		: $(this).parent().find(".tmtb2DcAmt").text()
-							,"goodsCpnSq"		: $(this).parent().find(".goodsCpnSq").text()
-							,"goodsCpnDcAmt"	: $(this).parent().find(".goodsCpnDcAmt").text()
-							,"cartCpnSq"		: $(this).parent().find(".cartCpnSq").text()
-							,"cartCpnDcAmt"		: $(this).parent().find(".cartCpnDcAmt").text()
-							,"prePntDcAmt"		: $(this).parent().find(".prePntDcAmt1").text()
-							,"pntDcAmt"			: $(this).parent().find(".pntDcAmt1").text()
-							,"gfcdUseAmt"		: $(this).parent().find(".gfcdUseAmt1").text()
-							,"realOrdAmt"		: $(this).parent().find(".realOrdAmt1").text()
-							,"savePntAmt"		: $(this).parent().find(".savePntAmt1").text()
-							,"shotDelvYn"		: orderDetailShotDelvYn
-							,"foreignBuyYn"		: $(this).parent().find(".foreignBuyYn").text()
-							,"makeGoodsYn"		: $(this).parent().find(".orderMadeYn").text()
-							,"delvFeeCd"		: $(this).parent().find(".delvFeeCd").text()
-							,"goodsCd"			: $(this).parent().find(".goodsCd").text()
-							,"itemCdArr"		: $(this).parent().find(".itemCd").text().split(",")
-							,"optCdArr"			: $(this).parent().find(".optCd").text().split(",")
-							,"itemQtyArr"		: $(this).parent().find(".itemQtyr").text().split(",")
-							,"goodsType"		: $(this).parent().find(".goodsType").text()
-							,"entryNo"			: entryNo
-							,"giftPackYn"		: giftPackYn
-						}
-						
-						// 상품수
-						ordGoodsQty++;
-						
-						orderDetailList.push(orderDetailData);
-					});
-					
-					// 주문배송업체정보 생성
-					$("#delvFeeCdInfo .delvFeeCd").each(function(){
-						var delvFeeCdData = {
-							"delvFeeCd"			: $(this).text()
-							,"supplyCompCd"		: $(this).parent().find(".supplyCompCd").text()
-							,"delvFee"			: $(this).parent().find(".delvFee").text()
-							,"delvCpnSq"		: $(this).parent().find(".delvCpnSq").text()
-							,"delvCpnDcAmt"		: $(this).parent().find(".delvCpnDcAmt").text()
-							,"delvGfcdUseAmt"	: $(this).parent().find(".delvGfcdUseAmt").text()
-						}
-						
-						delvFeeCdList.push(delvFeeCdData);
-					});
-					
-					// 2021.04.29 상픈품 체크박스 미동의시 사은품 미지급
-					var freegiftValArr 			= $("#orderAmtForm .freegiftValArr").text().split(",");
-					var freegiftSqArr 			= $("#orderAmtForm .freegiftSqArr").text().split(",");
-					var freegiftGoodsArr 		= $("#orderAmtForm .freegiftGoodsArr").text().split(",");
-					var freegiftUsePointArr 	= $("#orderAmtForm .freegiftUsePointArr").text().split(",");
-					
-					/*
+							
+							// 주문상세데이타 생성
+							$("#orderDetailInfo .cartSq").each(function () {
+								// 주문상세단위 총알배송여부 변경
+								var orderDetailShotDelvYn = $(this).parent().find(".shotDelvYn").text();
+								if (orderDetailShotDelvYn == "Y") {
+									if (shotDelvYn == "N") {
+										orderDetailShotDelvYn = "N";
+									}
+								}
+								
+								// 개인통관번호
+								if ($(this).parent().find(".foreignBuyYn").text() == "Y") {
+									entryNo = orgEntryNo;
+								} else {
+									entryNo = "";
+								}
+								
+								var orderDetailData = {
+									"cartSq": $(this).text()
+									, "currPrice": $(this).parent().find(".orgCurrPrice").text()
+									, "optAddPrice": $(this).parent().find(".optAddPrice").text()
+									, "ordAmt": $(this).parent().find(".ordAmt").text()
+									, "cpn1CpnSq": $(this).parent().find(".cpn1CpnSq").text()
+									, "cpn1DcAmt": $(this).parent().find(".cpn1DcAmt").text()
+									, "goodsQty": $(this).parent().find(".goodsQty").text()
+									, "tmtb1Sq": $(this).parent().find(".tmtb1Sq").text()
+									, "tmtb1DcAmt": $(this).parent().find(".tmtb1DcAmt").text()
+									, "tmtb2Sq": $(this).parent().find(".tmtb2Sq").text()
+									, "tmtb2DcAmt": $(this).parent().find(".tmtb2DcAmt").text()
+									, "goodsCpnSq": $(this).parent().find(".goodsCpnSq").text()
+									, "goodsCpnDcAmt": $(this).parent().find(".goodsCpnDcAmt").text()
+									, "cartCpnSq": $(this).parent().find(".cartCpnSq").text()
+									, "cartCpnDcAmt": $(this).parent().find(".cartCpnDcAmt").text()
+									, "prePntDcAmt": $(this).parent().find(".prePntDcAmt1").text()
+									, "pntDcAmt": $(this).parent().find(".pntDcAmt1").text()
+									, "gfcdUseAmt": $(this).parent().find(".gfcdUseAmt1").text()
+									, "realOrdAmt": $(this).parent().find(".realOrdAmt1").text()
+									, "savePntAmt": $(this).parent().find(".savePntAmt1").text()
+									, "shotDelvYn": orderDetailShotDelvYn
+									, "foreignBuyYn": $(this).parent().find(".foreignBuyYn").text()
+									, "makeGoodsYn": $(this).parent().find(".orderMadeYn").text()
+									, "delvFeeCd": $(this).parent().find(".delvFeeCd").text()
+									, "goodsCd": $(this).parent().find(".goodsCd").text()
+									, "itemCdArr": $(this).parent().find(".itemCd").text().split(",")
+									, "optCdArr": $(this).parent().find(".optCd").text().split(",")
+									, "itemQtyArr": $(this).parent().find(".itemQtyr").text().split(",")
+									, "goodsType": $(this).parent().find(".goodsType").text()
+									, "entryNo": entryNo
+									, "giftPackYn": giftPackYn
+								}
+								
+								// 상품수
+								ordGoodsQty++;
+								
+								orderDetailList.push(orderDetailData);
+							});
+							
+							// 주문배송업체정보 생성
+							$("#delvFeeCdInfo .delvFeeCd").each(function () {
+								var delvFeeCdData = {
+									"delvFeeCd": $(this).text()
+									, "supplyCompCd": $(this).parent().find(".supplyCompCd").text()
+									, "delvFee": $(this).parent().find(".delvFee").text()
+									, "delvCpnSq": $(this).parent().find(".delvCpnSq").text()
+									, "delvCpnDcAmt": $(this).parent().find(".delvCpnDcAmt").text()
+									, "delvGfcdUseAmt": $(this).parent().find(".delvGfcdUseAmt").text()
+								}
+								
+								delvFeeCdList.push(delvFeeCdData);
+							});
+							
+							// 2021.04.29 상픈품 체크박스 미동의시 사은품 미지급
+							var freegiftValArr = $("#orderAmtForm .freegiftValArr").text().split(",");
+							var freegiftSqArr = $("#orderAmtForm .freegiftSqArr").text().split(",");
+							var freegiftGoodsArr = $("#orderAmtForm .freegiftGoodsArr").text().split(",");
+							var freegiftUsePointArr = $("#orderAmtForm .freegiftUsePointArr").text().split(",");
+							
+							/*
 					if (!$("#orderForm #chk-agree_gift").is(":checked") == false) {
 						freegiftValArr 			= "";
 						freegiftSqArr 			= "";
@@ -1453,107 +1465,109 @@ var paymentInfoSet = function() {
 						freegiftUsePointArr 	= "";
 					}
 					*/
-					
-					// 2021.07.15 상품권 100% 결제시 
-					if (parseInt($("#orderAmtForm .realOrdSumAmt").text()) < 1) {
-						pgGb 		= "KCP";
-						payMeans 	= "G014_70";
-					}
-					
-					// 주문데이타 생성
-					var orderData = {
-						"custNm"				: $("#orderAmtForm .custNm").text()
-						,"email"				: $("#orderAmtForm .email").text()
-						,"recipNm"				: $("#orderAmtForm .recipNm").text()
-						,"recipPhnno"			: $("#orderAmtForm .recipPhnno").text()
-						,"recipZipcode"			: $("#orderAmtForm .recipZipcode").text()
-						,"recipBaseAddr"		: $("#orderAmtForm .recipBaseAddr").text()
-						,"recipDtlAddr"			: $("#orderAmtForm .recipDtlAddr").text()
-						,"delvMemo"				: $("#orderAmtForm .delvMemo").text()
-						,"insuranceYn"			: insuranceYn
-						,"sexGb"				: $("#orderAmtForm .sexGb").text()
-						,"birthYmd"				: $("#orderAmtForm .birthYmd").text()
-						,"prePntDcAmtYn"		: prePntDcAmtYn
-						,"orderDetailList"		: orderDetailList
-						,"delvFeeCdList"		: delvFeeCdList
-						,"shotDelvYn"			: shotDelvYn
-						,"entryNo"				: entryNo
-						,"pgGb"					: pgGb
-						,"payMeans"				: payMeans // 네이버페이, 카카오페이
-						,"payAmt"				: $("#orderAmtForm .realOrdSumAmt").text()
-						,"ordNm"				: $("#orderAmtForm .custNm").text()
-						,"ordPhnno"				: $("#orderAmtForm .cellPhnno").text()
-						,"goodsNm"				: $("#orderAmtForm .goodsNm").eq(0).text()
-						,"ordGoodsQty"			: ordGoodsQty
-						,"freegiftValArr"		: freegiftValArr
-						,"freegiftSqArr"		: freegiftSqArr
-						,"freegiftGoodsArr"		: freegiftGoodsArr
-						,"freegiftUsePointArr"	: freegiftUsePointArr
-						,"giftMsg"				: giftMsg
-						,"custPayMeans"			: custPayMeans
-						,"cartSqArr"			: cartSqArr
-						,"orgGoodsSumAmt"		: $("#orderAmtForm .orgGoodsSumAmt").text()
-						,"cpn1DcSumAmt"			: $("#orderAmtForm .cpn1DcSumAmt").text()
-						,"tmtb1DcSumAmt"		: $("#orderAmtForm .tmtb1DcSumAmt").text()
-						,"tmtb2DcSumAmt"		: $("#orderAmtForm .tmtb2DcSumAmt").text()
-						,"goodsCpnDcSumAmt"		: $("#orderAmtForm .goodsCpnDcSumAmt").text()
-						,"cartCpnDcSumAmt"		: $("#orderAmtForm .cartCpnDcSumAmt").text()
-						,"prePntDcSumAmt"		: $("#orderAmtForm .prePntDcSumAmt").text()
-						,"pntDcSumAmt"			: $("#orderAmtForm .pntDcSumAmt").text()
-						,"gfcdUseSumAmt"		: $("#orderAmtForm .gfcdUseSumAmt").text()
-						,"realOrdSumAmt"		: $("#orderAmtForm .realOrdSumAmt").text()
-						,"delvSumAmt"			: $("#orderAmtForm .delvSumAmt").text()
-					};
-					
-					$.ajax( {
-						type		: "POST",
-						url 		: '/order/create/preOrder',
-						data		: JSON.stringify(orderData),
-						dataType 	: 'html',
-						beforeSend : function(xhr, settings) {
-							xhr.setRequestHeader("AJAX"			, "true");
-							xhr.setRequestHeader('Accept'		, 'application/json');
-							xhr.setRequestHeader('Content-Type'	, 'application/json');
 							
-							// 2021.07.24 유효성체크 분리작업
-							gagajf.showProgressbar(true);
-						},
-						success 	: function(result) {
-							
-							// 2021.07.24 유효성체크 분리작업
-							gagajf.showProgressbar(false);
+							// 2021.07.15 상품권 100% 결제시 
+							if (parseInt($("#orderAmtForm .realOrdSumAmt").text()) < 1) {
+								pgGb = "KCP";
+								payMeans = "G014_70";
+							}
 							
-							// 결재정보로드
-							$("#order_info").html(result);
+							// 주문데이타 생성
+							var orderData = {
+								"custNm": $("#orderAmtForm .custNm").text()
+								, "email": $("#orderAmtForm .email").text()
+								, "recipNm": $("#orderAmtForm .recipNm").text()
+								, "recipPhnno": $("#orderAmtForm .recipPhnno").text()
+								, "recipZipcode": $("#orderAmtForm .recipZipcode").text()
+								, "recipBaseAddr": $("#orderAmtForm .recipBaseAddr").text()
+								, "recipDtlAddr": $("#orderAmtForm .recipDtlAddr").text()
+								, "delvMemo": $("#orderAmtForm .delvMemo").text()
+								, "insuranceYn": insuranceYn
+								, "sexGb": $("#orderAmtForm .sexGb").text()
+								, "birthYmd": $("#orderAmtForm .birthYmd").text()
+								, "prePntDcAmtYn": prePntDcAmtYn
+								, "orderDetailList": orderDetailList
+								, "delvFeeCdList": delvFeeCdList
+								, "shotDelvYn": shotDelvYn
+								, "entryNo": entryNo
+								, "pgGb": pgGb
+								, "payMeans": payMeans // 네이버페이, 카카오페이
+								, "payAmt": $("#orderAmtForm .realOrdSumAmt").text()
+								, "ordNm": $("#orderAmtForm .custNm").text()
+								, "ordPhnno": $("#orderAmtForm .cellPhnno").text()
+								, "goodsNm": $("#orderAmtForm .goodsNm").eq(0).text()
+								, "ordGoodsQty": ordGoodsQty
+								, "freegiftValArr": freegiftValArr
+								, "freegiftSqArr": freegiftSqArr
+								, "freegiftGoodsArr": freegiftGoodsArr
+								, "freegiftUsePointArr": freegiftUsePointArr
+								, "giftMsg": giftMsg
+								, "custPayMeans": custPayMeans
+								, "cartSqArr": cartSqArr
+								, "orgGoodsSumAmt": $("#orderAmtForm .orgGoodsSumAmt").text()
+								, "cpn1DcSumAmt": $("#orderAmtForm .cpn1DcSumAmt").text()
+								, "tmtb1DcSumAmt": $("#orderAmtForm .tmtb1DcSumAmt").text()
+								, "tmtb2DcSumAmt": $("#orderAmtForm .tmtb2DcSumAmt").text()
+								, "goodsCpnDcSumAmt": $("#orderAmtForm .goodsCpnDcSumAmt").text()
+								, "cartCpnDcSumAmt": $("#orderAmtForm .cartCpnDcSumAmt").text()
+								, "prePntDcSumAmt": $("#orderAmtForm .prePntDcSumAmt").text()
+								, "pntDcSumAmt": $("#orderAmtForm .pntDcSumAmt").text()
+								, "gfcdUseSumAmt": $("#orderAmtForm .gfcdUseSumAmt").text()
+								, "realOrdSumAmt": $("#orderAmtForm .realOrdSumAmt").text()
+								, "delvSumAmt": $("#orderAmtForm .delvSumAmt").text()
+							};
 							
-							var pgGb = $("#order_info input[name=pgGb]").val();
-							if (pgGb == "NAVER") {
-								fnNaverPaymentReady();
-							} else if (pgGb == "KAKAO") {
-								fnKakaoPaymentReady();
-							} else if (pgGb == "KCP" || pgGb == "PAYCO") {
-								if(payMeans == "G014_70") {
-									$("#order_info input[name=tran_cd]").val("ISTYLE");
-									$("#order_info input[name=pgTid]").val("ISTYLE");
-									$("#order_info").submit();
-								} else {
-									// 2021.06.02 태팔요청
-									var protocol = location.protocol;
-									$("#order_info input[name=Ret_URL]").val(protocol + _frontUrl + "/order/pay/result/response");
-
-									// IOS에 실시간계좌이체가 아니면 APP_URL 제거
-									if(!(isIos && payMeans == "G014_10")) {
-										$("#order_info #appUrl").remove();
+							$.ajax({
+								type: "POST",
+								url: '/order/create/preOrder',
+								data: JSON.stringify(orderData),
+								dataType: 'html',
+								beforeSend: function (xhr, settings) {
+									xhr.setRequestHeader("AJAX", "true");
+									xhr.setRequestHeader('Accept', 'application/json');
+									xhr.setRequestHeader('Content-Type', 'application/json');
+									
+									// 2021.07.24 유효성체크 분리작업
+									gagajf.showProgressbar(true);
+								},
+								success: function (result) {
+									
+									// 2021.07.24 유효성체크 분리작업
+									gagajf.showProgressbar(false);
+									
+									// 결재정보로드
+									$("#order_info").html(result);
+									
+									var pgGb = $("#order_info input[name=pgGb]").val();
+									if (pgGb == "NAVER") {
+										fnNaverPaymentReady();
+									} else if (pgGb == "KAKAO") {
+										fnKakaoPaymentReady();
+									} else if (pgGb == "KCP" || pgGb == "PAYCO") {
+										if (payMeans == "G014_70") {
+											$("#order_info input[name=tran_cd]").val("ISTYLE");
+											$("#order_info input[name=pgTid]").val("ISTYLE");
+											$("#order_info").submit();
+										} else {
+											// 2021.06.02 태팔요청
+											var protocol = location.protocol;
+											$("#order_info input[name=Ret_URL]").val(protocol + _frontUrl + "/order/pay/result/response");
+											
+											// IOS에 실시간계좌이체가 아니면 APP_URL 제거
+											if (!(isIos && payMeans == "G014_10")) {
+												$("#order_info #appUrl").remove();
+											}
+											
+											kcp_AJAX();
+										}
+									}// 2021.07.15 상품권 100% 결제 
+									else if (pgGb == "ISTYLE") {
+										$("#order_info input[name=tran_cd]").val("ISTYLE");
+										$("#order_info input[name=pgTid]").val("ISTYLE");
+										$("#order_info").submit();
 									}
-
-									kcp_AJAX();
 								}
-							}// 2021.07.15 상품권 100% 결제 
-							else if (pgGb == "ISTYLE") {
-								$("#order_info input[name=tran_cd]").val("ISTYLE");
-								$("#order_info input[name=pgTid]").val("ISTYLE");
-								$("#order_info").submit();
-							}
+							});
 						}
 					});
 				});

src/main/webapp/WEB-INF/views/mob/planning/PlanningDetailFormMob.html

@@ -12,12 +12,139 @@
  * Copyright(C) 2020 TSIT, All rights reserved.
  *============================================================================
  * VER  DATE         AUTHOR      DESCRIPTION
+ 
  * ===  ===========  ==========  =============================================
  * 1.0  2021.05.12   sowon     최초 작성
  *******************************************************************************
  -->
 <body>
 <th:block layout:fragment="content">
+
+<!-- 이벤트를 위한 임시 script 및 style 추가 시작 (21.10.22 by junghwan)  -->
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.css" th:if="${planInfo.planSq}==38 or ${planInfo.planSq}==43">
+<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js" th:if="${planInfo.planSq}==38 or ${planInfo.planSq}==43"></script> -->
+<script src="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.min.js" th:if="${planInfo.planSq}==38 or ${planInfo.planSq}==43"></script>
+
+<!-- 스타일데이 -->
+<script src="https://mattstow.com/experiment/responsive-image-maps/jquery.rwdImageMaps.min.js" th:if="${planInfo.planSq}==38"></script>
+<script th:if="${planInfo.planSq}==38">
+	$(function(){
+		$('.gift_slider').bxSlider({
+			wrapperClass: 'sliderwrap2',
+			auto: true,
+			controls: false,
+			speed: 300,
+		});
+		
+        $('img[usemap]').rwdImageMaps();
+        $("#img").width("100%");
+	});
+	
+	$(document).ready(function() {
+    	$("#modal-gift").click(function() {
+	        $("#giftPop").css('display','block');
+	        $("body").addClass('ohidden');
+	    });
+	    $("#close-modal").click(function() {
+	   		$("#giftPop").css('display','none');
+	        $("body").removeClass('ohidden');
+	        location.reload();
+	  	});
+	});
+</script>
+<style type="text/css" th:if="${planInfo.planSq}==38">
+    .gift_box .gift_section{max-width:960px; width:auto; background-color:#fff; padding:4rem 3rem; margin:0 auto 4rem; overflow: hidden;}
+    .gift_box .gift_section h3{text-align: center; }
+    .gift_box .gift_section h3 img{max-width:280px; margin-bottom:30px;}
+    .gift_box p{font-size:16px; text-align:left; float:left; margin-top:20px;}
+
+    .sliderwrap2{position:relative; max-width:850px; margin-bottom:10rem; text-align: center;}
+    .sliderwrap2 .bx-pager{position:absolute; left:50%; bottom:-3rem; transform:translateX(-50%);}
+    .sliderwrap2 .bx-pager div{display:inline-block;padding:0 3px;}
+    .sliderwrap2 .bx-pager div a{display:block; width:13px; height:13px; border:2px solid #222; background:#fff; border-radius:100%; color:transparent; font-size:0px;}
+    .sliderwrap2 .bx-pager div .active{background:#222; width:22px; border-radius:12px;}
+    .btn_giftPopup{float:right; max-width:20rem; margin-top:-6rem;}
+    .btn_giftPopup{display: block; height:100%;}
+    
+
+    .tomato_section{background-color:#d3410e; text-align:center; padding:6rem 2rem;}
+    .blue1_section{background-color:#202a7a; text-align:center; padding:6rem 2rem;}
+    .blue2_section{background-color:#0a1252; text-align:center; padding:6rem 2rem;}
+    .img_max_960{max-width:960px; width:100%;}
+    .img_max_900{max-width:900px; width:100%;}
+    .img_max_800{max-width:800px; width:100%;}
+    .img_max_470px{max-width:470px; width:100%;}
+    .img_max_480px{max-width:480px; width:100%;}
+    .marginb5{margin-bottom:5rem;}
+    .marginb4{margin-bottom:4rem;}
+    .marginb3{margin-bottom:3rem;}
+    .marginb2{margin-bottom:2rem;}
+    .w55p{width:50%;}
+    .border_grey{border:1px solid #919191;}
+
+    .brandSection_Link{max-width:960px; overflow:hidden; margin:0 auto;}
+    .linkBox_left{float:left; max-width:48%; margin:0 4% 25px 0;}
+    .linkBox_right{float:right; max-width:48%; margin-bottom:25px;}
+    #giftPop {position: fixed; top: 0; right: 0;bottom: 0;left: 0;width: 100%;height: 100%;overflow: auto;z-index: 999;padding: 0;box-sizing: border-box;
+	background-color: #fff;text-align: center;}
+    .ohidden{overflow:hidden;}
+    .gift-modal-info{position:absolute; top:60px;}
+    @media (max-width:450px){
+        .btn_giftPopup{float:none; width:100%; margin:-6rem auto 0;}
+    }
+</style>
+<!-- 핸드크림 -->
+<script th:if="${planInfo.planSq}==43">
+	$(function(){
+	    $('.gift_slider2').bxSlider({
+	    wrapperClass: 'sliderwrap3',
+	    auto: true,
+	    speed: 300,
+	    controls: false,
+	    });
+	});
+	$(document).ready(function() {
+	  	$("#modal-gift2").click(function() {
+	     	$("#giftPop2").css('display','block');
+	     	$("body").addClass('ohidden');
+		});
+	 	$("#close-modal").click(function() {
+			$("#giftPop2").css('display','none');
+        	$("body").removeClass('ohidden');
+        	location.reload();
+		});
+	});	
+</script>
+<style type="text/css" th:if="${planInfo.planSq}==43">
+	.gift_promotion2{padding:6rem 0; background:url('http://image.istyle24.com/Statics/design/event/2021/1022Gift/1025_bg_gift.jpg') center no-repeat; background-size: cover; text-align:center;}
+    .gift_promotion2 img{max-width:1080px; width:100%;}
+    .gift_box2{margin:5rem auto; max-width:1080px;}
+    .gift_box2 .gift_section{width:100%; width:auto; padding:0 2.2rem;}
+    .gift_box2 p{font-size:18px;}
+    .gift_box2 .gift_section{position:relative;}
+    .gift_box2 .gift_section #modal-gift2{position:absolute; bottom:2rem; left:50%; transform: translateX(-50%); max-width:18rem;;}
+    .gift_box2 .gift_section #modal-gift2 img{width:100%;}
+    .sliderwrap3{position:relative; width:100%; margin-bottom:80px; text-align: center;}
+    .sliderwrap3 .bx-pager{position:absolute; left:50%; bottom:-2rem; transform:translateX(-50%);}
+    .sliderwrap3 .bx-pager div{display:inline-block;padding:0 3px;}
+    .sliderwrap3 .bx-pager div a{display:block; width:6px; height:6px; background:#fff; border-radius:100%; color:transparent; font-size:0px;}
+    .sliderwrap3 .bx-pager div .active{background:#fd4802;}
+    .gift_slider2 li{text-align:right;}
+
+    #giftPop2 {position: fixed; top: 0; right: 0;bottom: 0;left: 0;width: 100%;height: 100%;overflow: auto;z-index: 999;padding: 0;box-sizing: border-box;
+	background-color: #fff;text-align: center;}
+    .ohidden{overflow:hidden;}
+    .green_section{background-color:#638b57; text-align:center; padding:6rem 2rem;}
+
+    .brandSection_Link2{max-width:960px; overflow:hidden; margin:0 auto; border-bottom:1px solid #000;}
+    .linkBox_left2{float:left; width:50%; text-align:center; border-top:1px solid #000; border-left:1px solid #000; border-right:1px solid #000; box-sizing: border-box;}
+    .linkBox_left2 img{max-width:300px; width:100%;}
+    .linkBox_right2{float:right; width:50%; text-align:center;border-top:1px solid #000; border-right:1px solid #000; box-sizing: border-box;}
+    .linkBox_right2 img{max-width:300px; width:100%;}
+    .gift-modal-info{position:absolute; top:60px;}
+</style>
+<!-- 이벤트를 위한 임시 script 및 style 추가 종료 (21.10.22 by junghwan)  -->
+
 <main role="" id="" class="container dp">
 			<section class="content">
 				<div class="inner">

src/main/webapp/WEB-INF/views/web/common/fragments/BrandGnbWeb.html

@@ -218,7 +218,7 @@
 
 	$(document).ready(function() {
 		//검색창 호출
-		$(".common_search").load("sch_layer_pop.html");
+		/* $(".common_search").load("sch_layer_pop.html"); */
 
 		// GNB toggle
 		$(document).on('mouseenter','.common_header.br_header .gnb .nav > ul > li',function(e){

src/main/webapp/WEB-INF/views/web/common/fragments/FooterWeb.html

@@ -133,13 +133,13 @@
 								<tbody>
 									<tr>
 										<td>입점 문의</td>
-										<td>석혜민</td>
-										<td>hmsuk@yes24.com</td>
+										<td>김초윤</td>
+										<td>cykim730@style24.com</td>
 									</tr>
 									<tr>
 										<td>제휴 문의</td>
-										<td>정석헌</td>
-										<td>blacktan01@yes24.com</td>
+										<td>김은진</td>
+										<td>kej@style24.com</td>
 									</tr>
 								</tbody>
 							</table>

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

@@ -1,963 +0,0 @@
-<!DOCTYPE html>
-<html lang="ko"
-	  xmlns:th="http://www.thymeleaf.org"
-	  xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
-	  layout:decorator="web/common/layout/BrandLayoutWeb">
-<!--
- *******************************************************************************
- * @source  : CategoryGoodsListFormWeb.html
- * @desc    : 카테고리 상품목록 Page
- *============================================================================
- * STYLE24
- * Copyright(C) 2020 TSIT, All rights reserved.
- *============================================================================
- * VER  DATE         AUTHOR      DESCRIPTION
- * ===  ===========  ==========  =============================================
- * 1.0  2021.04.02   bin2107     최초 작성
- *******************************************************************************
- -->
-<body>
-
-<th:block layout:fragment="content">
-	<div id="container" class="container dp">
-		<div class="breadcrumb">
-			<ul id="navArea">
-				<li class="bread_home" id="idHome"><a href="javascript:void(0);" id="navHome">홈</a></li>
-				<li class="bread_2depth" id="navNm"></li>
-			</ul>
-		</div>
-		<div class="wrap">
-			<div class="content dp_list"> <!-- 페이지특정 클래스 = dp_list -->
-				<div class="cont_head">
-					<div>
-						<h3 id="formTitle"></h3>
-					</div>
-				</div>
-				<div class="lnb">
-					<div class="lnb_tit">
-						<h3>카테고리</h3>
-					</div>
-					<div class="lnb_category">
-						<ul class="category" id="ulAllCate">
-
-						</ul>
-					</div>
-				</div>
-				<div class="cont">
-					<form id="filterForm">
-						<div class="cont_body">
-							<div class="filter_list">
-								<!-- 1depth -->
-								<ul>
-									<li data-id="tap02" th:if="${filterBrandList!=null and !filterBrandList.empty}">
-										<a href="javascript:void(0)">브랜드</a>
-									</li>
-									<li data-id="tap03" th:if="${filterSizeList!=null and !filterSizeList.empty}">
-										<a href="javascript:void(0)">사이즈</a>
-									</li>
-									<li data-id="tap04" th:if="${filterPriceList!=null and !filterPriceList.empty}">
-										<a href="javascript:void(0)">가격</a>
-									</li>
-									<li data-id="tap05">
-										<a href="javascript:void(0)">할인율</a>
-									</li>
-									<li data-id="tap06" th:if="${filterAgeList!=null and !filterAgeList.empty}">
-										<a href="javascript:void(0)">연령</a>
-									</li>
-									<li data-id="tap07" th:if="${filterSeasonList!=null and !filterSeasonList.empty}">
-										<a href="javascript:void(0)">시즌</a>
-									</li>
-									<li data-id="tap08" th:if="${filterColorList!=null and !filterColorList.empty}">
-										<a href="javascript:void(0)">컬러</a>
-									</li>
-									<li data-id="tap09" th:if="${filterBenefitList!=null and !filterBenefitList.empty}">
-										<a href="javascript:void(0)">혜택</a>
-									</li>
-								</ul>
-								<div class="form_field">
-									<div>
-										<input id="sexGb" type="checkbox" onclick="fnFilterOption(this,'on');"><label for="sexGb"> <span>남여 공용만 보기</span> </label>
-									</div>
-									<div>
-										<input id="newProd" type="checkbox" onclick="fnFilterOption(this,'on');"><label for="newProd"> <span>신상품만 보기</span> </label>
-									</div>
-								</div>
-							</div>
-							<div class="filter_content">
-								<!-- 브랜드 -->
-								<div class="sort tap02" th:if="${filterBrandList!=null and !filterBrandList.empty}" id="brandFilterDiv">
-									<ul>
-										<th:block th:each="filterBrandData, filterBrandStat : ${filterBrandList}">
-											<li>
-												<label class="brand_btn">
-													<input type="checkbox" group="filterValue" th:id="${'chkFilterBrand'+filterBrandStat.count}" name="brand" th:value="${filterBrandData.filterCd}" th:data-id="${filterBrandData.filterNm}" onclick="filterSel(this,'brand','off');"><span th:text="${filterBrandData.filterNm}"></span>
-												</label>
-											</li>
-										</th:block>
-									</ul>
-									<a href="javascript:void(0)" class="tap_close">delete-btn</a>
-								</div>
-								<!-- //브랜드 -->
-								<!-- 사이즈 -->
-								<div class="sort tap03" th:if="${filterSizeList!=null and !filterSizeList.empty}" id="sizeFilterDiv">
-									<ul>
-										<li id="sizeLi1">
-											<strong>상의</strong>
-											<th:block th:each="filterSizeData, filterSizeStat : ${filterSizeList}" th:if="${filterSizeData.filterCd == 'T'}">
-												<label class="size_btn">
-													<input type="checkbox" group="filterValue" th:id="${'chkFilterTSize'+filterSizeStat.count}" name="size" th:vale="${filterSizeData.filterNm}" th:data-id="${filterSizeData.filterNm}" onclick="filterSel(this,'size','off','1');"><span th:text="${filterSizeData.filterNm}">80</span>
-												</label>
-											</th:block>
-										</li>
-										<li id="sizeLi2">
-											<strong>하의</strong>
-											<th:block th:each="filterSizeData, filterSizeStat : ${filterSizeList}" th:if="${filterSizeData.filterCd == 'B'}">
-												<label class="size_btn">
-													<input type="checkbox" group="filterValue" th:id="${'chkFilterBSize'+filterSizeStat.count}" name="size" th:vale="${filterSizeData.filterNm}" th:data-id="${filterSizeData.filterNm}" onclick="filterSel(this,'size','off','2');"><span th:text="${filterSizeData.filterNm}">80</span>
-												</label>
-											</th:block>
-										</li>
-										<li id="sizeLi3">
-											<strong>신발</strong>
-											<th:block th:each="filterSizeData, filterSizeStat : ${filterSizeList}" th:if="${filterSizeData.filterCd == 'S'}">
-												<label class="size_btn">
-													<input type="checkbox" group="filterValue" th:id="${'chkFilterSSize'+filterSizeStat.count}" name="size" th:vale="${filterSizeData.filterNm}" th:data-id="${filterSizeData.filterNm}" onclick="filterSel(this,'size','off','3');"><span th:text="${filterSizeData.filterNm}">80</span>
-												</label>
-											</th:block>
-										</li>
-									</ul>
-									<a href="javascript:void(0)" class="tap_close">delete-btn</a>
-								</div>
-								<!-- //사이즈 -->
-								<!-- 가격 -->
-								<div class="sort tap04" id="priceFilterDiv">
-									<div class="range">
-										<input type="text" class="js-range-slider01" name="" value="" />
-										<input type="hidden" id="price_input_from" value="0"/>
-										<input type="hidden" id="price_input_to" value="0"/>
-									</div>
-									<a href="javascript:void(0)" class="tap_close">delete-btn</a>
-								</div>
-								<!-- //가격 -->
-								<!-- 할인율 -->
-								<div class="sort tap05" id="dcrateFilterDiv">
-									<ul style="display:none;">
-										<li><input type="checkbox" id="percent01" name="range" value="0"><label for="percent01"><span></span><span>0%</span></label></li>
-										<li><input type="checkbox" id="percent02" name="range" value="10"><label for="percent02"><span></span><span>10%</span></label></li>
-										<li><input type="checkbox" id="percent03" name="range" value="20"><label for="percent03"><span></span><span>20%</span></label></li>
-										<li><input type="checkbox" id="percent04" name="range" value="30"><label for="percent04"><span></span><span>30%</span></label></li>
-										<li><input type="checkbox" id="percent05" name="range" value="40"><label for="percent05"><span></span><span>40%</span></label></li>
-										<li><input type="checkbox" id="percent06" name="range" value="50"><label for="percent06"><span></span><span>50%</span></label></li>
-										<li><input type="checkbox" id="percent07" name="range" value="60"><label for="percent07"><span></span><span>60%</span></label></li>
-										<li><input type="checkbox" id="percent08" name="range" value="70"><label for="percent08"><span></span><span>70%</span></label></li>
-										<li><input type="checkbox" id="percent09" name="range" value="80"><label for="percent09"><span></span><span>80%</span></label></li>
-										<li><input type="checkbox" id="percent10" name="range" value="100"><label for="percent10"><span></span><span>100%</span></label></li>
-									</ul>
-									<div class="range">
-										<input type="text" class="js-range-slider02" name="" value="" />
-										<input type="hidden" id="dcrate_input_from" value="0"/>
-										<input type="hidden" id="dcrate_input_to" value="0"/>
-									</div>
-									<a href="javascript:void(0)" class="tap_close">delete-btn</a>
-								</div>
-								<!-- //할인율 -->
-								<!-- 연령 -->
-								<div class="sort tap06" th:if="${filterAgeList!=null and !filterAgeList.empty}" id="ageFilterDiv">
-									<ul>
-										<th:block th:each="filterAgeData, filterAgeStat : ${filterAgeList}">
-											<li>
-												<label class="Age_btn">
-													<input type="checkbox" group="filterValue" th:id="${'chkFilterAge'+filterAgeStat.count}" name="age" th:value="${filterAgeData.filterCd}" th:data-id="${filterAgeData.filterNm}" onclick="filterSel(this,'age','off');"><span th:text="${filterAgeData.filterNm}">베이비(0~18개월)</span>
-												</label>
-											</li>
-										</th:block>
-									</ul>
-									<a href="javascript:void(0)" class="tap_close">delete-btn</a>
-								</div>
-								<!-- //연령 -->
-								<!-- 시즌 -->
-								<div class="sort tap07" th:if="${filterSeasonList!=null and !filterSeasonList.empty}" id="seasonFilterDiv">
-									<ul>
-										<th:block th:each="filterSeasonData, filterSeasonStat : ${filterSeasonList}">
-											<li>
-												<label class="Season_btn">
-													<input type="checkbox" group="filterValue"  th:id="${'chkFilterSeason'+filterSeasonStat.count}" name="season" th:value="${filterSeasonData.filterCd}" th:data-id="${filterSeasonData.filterNm}" onclick="filterSel(this,'season','off');"><span th:text="${filterSeasonData.filterNm}">봄</span>
-												</label>
-											</li>
-										</th:block>
-									</ul>
-									<a href="javascript:void(0)" class="tap_close">delete-btn</a>
-								</div>
-								<!-- //시즌 -->
-								<!-- 컬러 -->
-								<div class="sort tap08" th:if="${filterColorList!=null and !filterColorList.empty}" id="colorFilterDiv">
-									<ul>
-										<th:block th:each="filterColorData, filterColorStat : ${filterColorList}">
-											<li>
-												<label class="color-check">
-													<input type="checkbox" group="filterValue" th:id="${'chkFilterColor'+filterColorStat.count}" name="color" th:value="${filterColorData.filterNm}" th:data-id="${filterColorData.filterNm.replace('#','')}" onclick="filterSel(this,'color','off');">
-													<span class="pdColor-color" th:if="${filterColorData.filterNm=='#FFFFFF'}" th:style="${'background-color:'+filterColorData.filterNm+';'+' border:1px solid #aaa;'}" th:value="${filterColorData.filterNm}"></span>
-													<span class="pdColor-color" th:if="${filterColorData.filterNm!='#FFFFFF'}" th:style="${'background-color:'+filterColorData.filterNm}" th:value="${filterColorData.filterNm}"></span>
-												</label>
-											</li>
-										</th:block>
-									</ul>
-									<a href="javascript:void(0)" class="tap_close">delete-btn</a>
-								</div>
-								<!-- //컬러 -->
-								<!-- 혜택 -->
-								<div class="sort tap09" th:if="${filterBenefitList!=null and !filterBenefitList.empty}" id="benefitFilterDiv">
-									<ul>
-										<th:block th:each="filterBenefitData, filterBenefitStat : ${filterBenefitList}">
-											<li>
-												<label class="Benefits_btn">
-													<input type="checkbox" group="filterValue" th:id="${'chkFilterBenefits'+filterBenefitStat.count}" name="benefit" th:value="${filterBenefitData.filterCd}" th:data-id="${filterBenefitData.filterNm}" onclick="filterSel(this,'benefit','off');"><span th:text="${filterBenefitData.filterNm}"></span>
-												</label>
-											</li>
-										</th:block>
-									</ul>
-									<a href="javascript:void(0)" class="tap_close">delete-btn</a>
-								</div>
-								<!-- //혜택 -->
-								<!-- 필터 -->
-								<div class="fillter">
-									<div class="fillter_box" id="filterData">
-									</div>
-									<button type="button" class="fillter_reset" onclick="fnFilterReset();"><span>전체 초기화</span></button>
-								</div>
-								<!-- //필터 -->
-							</div>
-							<div class="list_content"> <!-- 데이터 없을시 클래스 nodata 추가 -->
-								<div class="list_defult">
-									<div>
-										<p>선택하신 조건에 맞는 상품이 없습니다.<br>필터를 변경해 보세요.</p>
-									</div>
-									<div class="ui_row">
-										<button type="button" class="btn btn_default btn_md"><span>선택한 필터 초기화</span></button>
-									</div>
-								</div>
-								<div class="count_wrap">
-									<div>
-										<p><span id="totCntId"></span>개의 상품</p>
-									</div>
-									<div>
-										<ul id="sortArea">
-											<li>
-												<a href="javascript:void(0);" class="on" onclick="fnSortList(this,'new');">최신상품순</a>
-											</li>
-											<li>
-												<a href="javascript:void(0);" onclick="fnSortList(this,'best');">인기상품순</a>
-											</li>
-											<li>
-												<a href="javascript:void(0);" onclick="fnSortList(this,'review');">리뷰 많은순</a>
-											</li>
-										</ul>
-									</div>
-								</div>
-
-								<div id="infiniteContainer">
-									<div id="listBoxOuter" class="itemsGrp">
-										<ul class="productlist quarter" >
-										</ul>
-									</div>
-								</div>
-
-								<div class="itemsGrp" id="listBox">
-
-								</div>
-
-							</div>
-							<div class="list_content">
-								<div class="list_defult" id="endPage">
-									<div>
-										<p>마지막 페이지 입니다.</p>
-									</div>
-								</div>
-							</div>
-						</div>
-					</form>
-				</div>
-			</div>
-		</div>
-	</div>
-	<form id="searchGoodsForm" name="searchGoodsForm">
-		<input type="hidden" name="pageNo" id="pageNo" value ="1"/>
-		<input type="hidden" name="pageSize" value ="30"/>
-		<input type="hidden" name="cateNo" th:value="${cateInfo.cateNo}"/>
-		<input type="hidden" name="cateGb" th:value="${cateInfo.cateGb}"/>
-		<input type="hidden" name="brandGroupNo" th:value="${cateInfo.brandGroupNo}"/>
-		<input type="hidden" name="formalGb" th:value="${cateInfo.formalGb}"/>
-		<input type="hidden" name="cate1No" th:value="${cateInfo.cate1No}"/>
-		<input type="hidden" name="cate2No" th:value="${cateInfo.cate2No}"/>
-		<input type="hidden" name="cate3No" th:value="${cateInfo.cate3No}"/>
-		<input type="hidden" name="cate4No" th:value="${cateInfo.cate4No}"/>
-		<input type="hidden" name="sortGb" value="new"/>
-	</form>
-
-	<script src="/ux/plugins/gaga/gaga.infinite.scrollSession.js"></script>
-	<script src="/ux/plugins/jquery/jquery.history.min.js"></script>
-	<script th:src="@{'/biz/goods.js?v=' + ${#calendars.format(#calendars.createNow(), 'yyyyMMddHHmmss')}}" src="/biz/goods.js"></script>
-	<script th:inline="javascript">
-		/*<![CDATA[*/
-		var filterPriceList = [[${filterPriceList}]];
-		var custom_values = [];
-		var custom_values02  = [];
-		var currUrl = document.location.href;
-
-		// 컨텐츠 호출
-		$(document).ready( function() {
-			//가격 슬라이드
-			//var custom_values = ['9,000원', '230,000원', '487,000원', '700,000원', '1,360,000원', '1,799,000원'];
-			if(!gagajf.isNull(filterPriceList)){
-
-				$.each(filterPriceList, function (priceIdx, priceItem){
-					custom_values[priceIdx] = priceItem.filterNm;
-				});
-
-				var my_from = custom_values.indexOf(custom_values[0]); //custom_values.indexOf('9,000원');
-				var my_to = custom_values.indexOf(custom_values[5]); //custom_values.indexOf('230,000원');
-				var minValue = custom_values[0];
-				var maxValue = custom_values[5];
-
-				$(".dp .js-range-slider01, .sch_result .js-range-slider01").ionRangeSlider({
-					type: "double",
-					min: minValue,
-					max: maxValue,
-					from: my_from,
-					to: my_to,
-					grid: true,
-					skin: "round",
-					postfix: "원",
-					prettify_separator: ",",
-					values: custom_values,
-					min_interval: 1,
-					// onStart : function(data){
-					// 	fnCheckPrice(data);
-					// },
-					// onChange : fnCheckPrice,
-					onFinish : function(data){
-						fnCheckPrice(data);
-					}
-				});
-			}
-
-			//할인율
-			custom_values02 = ['0%', '10%', '20%', '30%', '40%', '50%', '60%', '70%', '80%', '90%', '100%'];
-			var my_from02 = custom_values02.indexOf('0%');
-			var my_to02 = custom_values02.indexOf('100%');
-
-			$(".dp .js-range-slider02, .sch_result .js-range-slider02").ionRangeSlider({
-				type: "double",
-				min: 0,
-				max: 100,
-				from: my_from02,
-				to: my_to02,
-				grid: true,
-				skin: "round",
-				postfix: "%",
-				prettify_separator: ",",
-				values: custom_values02,
-				min_interval: 1,
-				// onStart : function(data){
-				// 	fnCheckDcRate(data);
-				// },
-				// onChange : fnCheckDcRate,
-				onFinish : function (data){
-					fnCheckDcRate(data);
-				}
-			});
-
-			fnCreateCategoryList();
-		});
-
-		var fnFilterOption = function (obj, stat){
-			var thisId = $(obj).attr('id');
-			var tag = '';
-
-			if(thisId == 'sexGb'){
-				if(stat=='on'){
-					$(obj).attr('onclick','fnFilterOption(this,\'off\');');
-					tag += '<input type="hidden" name="sexGb" value="G007_Z"/>\n';
-					$("#searchGoodsForm").append(tag);
-				}else{
-					$(obj).attr('onclick','fnFilterOption(this,\'on\');');
-					$("#searchGoodsForm input:hidden[name=sexGb]").remove();
-				}
-			}else{
-				if(stat=='on'){
-					$(obj).attr('onclick','fnFilterOption(this,\'off\');');
-					tag += '<input type="hidden" name="newProd" value="40"/>\n';
-					$("#searchGoodsForm").append(tag);
-				}else{
-					$(obj).attr('onclick','fnFilterOption(this,\'on\');');
-					$("#searchGoodsForm input:hidden[name=newProd]").remove();
-				}
-			}
-			fnCategoryGoodsInfiniteScrollInit();
-			fnGoodsListSearch();
-		}
-
-		// 필터 가격 확인
-		var fnCheckPrice = function (data){
-			$("#priceSpan").remove();
-			$("#searchGoodsForm input:hidden[name=priceRow]").remove();
-			$("#searchGoodsForm input:hidden[name=priceHigh]").remove();
-			let min = data.from;
-			let max = data.to;
-			// console.log('Price from>>'+custom_values[min]);
-			// console.log('Price to>>'+custom_values[max]);
-			$("#price_input_from").val(custom_values[0]);
-			$("#price_input_to").val(custom_values[5]);
-
-			fnFilterSlider('price' , custom_values[min].addComma(), custom_values[max].addComma());
-		}
-
-		// 필터 할인율 확인
-		var fnCheckDcRate = function (data){
-			$("#dcrateSpan").remove();
-			$("#searchGoodsForm input:hidden[name=dcrateRow]").remove();
-			$("#searchGoodsForm input:hidden[name=dcrateHigh]").remove();
-			let min = data.from;
-			let max = data.to;
-			$("#price_input_from").val(0);
-			$("#price_input_to").val(100);
-
-			fnFilterSlider('dcrate' , custom_values02[min].replace('%',''), custom_values02[max].replace('%',''));
-		}
-
-		var fnFilterReset = function (){
-			document.location.href = currUrl;
-			// $("#searchGoodsForm input:hidden[name=brandSearch]").remove();
-			// $("#searchGoodsForm input:hidden[name=sizeSearch]").remove();
-			// $("#searchGoodsForm input:hidden[name=priceRow]").remove();
-			// $("#searchGoodsForm input:hidden[name=priceHigh]").remove();
-			// $("#searchGoodsForm input:hidden[name=dcrateRow]").remove();
-			// $("#searchGoodsForm input:hidden[name=dcrateHigh]").remove();
-			// $("#searchGoodsForm input:hidden[name=seasonSearch]").remove();
-			// $("#searchGoodsForm input:hidden[name=colorSearch]").remove();
-			// $("#searchGoodsForm input:hidden[name=benefitSearch]").remove();
-		}
-
-		var fnGoodsListSearch = function (){
-			gagaInfiniteScroll.getHistory();
-		}
-
-		// 상품 검색
-		var fnGetInfiniteScrollDataList = function (pageNum){
-			$("#searchGoodsForm input[name=pageNo]").val(pageNum+1);
-			gagajf.ajaxFormSubmit("/display/category/goods/list", document.searchGoodsForm,  gagaInfiniteScroll.jsonToHtml);
-		}
-
-		var fnDrawInfiniteScrollData = function (result){
-			let totalCnt = result.totalCnt;
-			$("#totCntId").text(totalCnt.addComma());
-			gagaInfiniteScroll.pageStatus.totalCount = result.totalCnt;
-
-			var ithrCd = '';
-			var contentLoc = '';
-			if (result.dataList != null && result.dataList.length > 0) {
-				$('.list_content .list_defult').hide();
-				$('.list_content .count_wrap').show();
-				var goodsUrl = [[${@environment.getProperty('upload.goods.view')}]];;
-				let lastPage = result.paging.pageable.pageNo;
-				let endRow = result.endRow - result.paging.pageable.pageSize;
-				var htm = fnCreateGoodsList(result, ithrCd, contentLoc, goodsUrl, lastPage, endRow);
-				gagaInfiniteScroll.draw(htm);
-				fnImgOnoff();
-			}else {
-				if($("#searchGoodsForm input[name=pageNo]").val()==1){
-					// 필터 값으로 조회 데이터 없을때
-					$('.list_content .list_defult').show();
-					$('.list_content .count_wrap').hide();
-				}else{
-					// 마지막 페이지 일때
-					$('#endPage').show();
-					$('.list_content .count_wrap').hide();
-				}
-				gagaInfiniteScroll.draw('not');
-			}
-		}
-
-		var fnCreateCategoryList = function (){
-			let actionUrl = '';
-			let brandGroupNo = [[${cateInfo.brandGroupNo}]];
-			if(gagajf.isNull(brandGroupNo) || brandGroupNo == 0){
-				actionUrl = '/display/gnb/tab/list';
-			}else{
-				actionUrl = '/display/brand/cate/list?brandGroupNo=' + [[${cateInfo.brandGroupNo}]];
-			}
-			
-			$.getJSON(actionUrl
-				, function(result, status) {
-					//if (status == 'success') {
-					if (result.length > 0) {
-						let formalGb = [[${cateInfo.formalGb}]];
-						let cateGb = 'G032_101';
-						let navNm = '';
-						$('#ulAllCate').html('');
-						if(formalGb=='G009_20'){
-							$("#navNm").hide();
-							$('#ulAllCate').append('<li><a href="javascript:void(0);" onclick="cfnGoToGoodsList(0,\''+cateGb+'\',\'\',\'\',\'\',\'\',\'\',\''+formalGb+'\');">전체</a></li>\n');
-							navNm += '<li class="bread_2depth" id="navNm">아울렛</li><li class="bread_2depth" id="navNm1">전체</li>';
-						}else{
-							$("#navNm").hide();
-							$('#ulAllCate').append('<li><a href="javascript:void(0);" onclick="cfnGoToGoodsList(0,\''+cateGb+'\');">전체</a></li>\n');
-							navNm += '<li class="bread_2depth" id="navNm1">전체</li>';
-						}
-						
-						if(gagajf.isNull($("#searchGoodsForm").find("[name=cate1No]").val())){
-							$("#navArea").append(navNm);
-							$("#formTitle").text('전체');
-						}
-
-						let allCate = [[${allCateList}]];
-						if(gagajf.isNull(brandGroupNo) || brandGroupNo == 0){
-							$.each(result, function(idx, item) {
-								if (item.contentsType == 'C') { // 컨텐츠유형:카테고리
-									$.each(allCate, function(allCateIdx, allCateItem) {
-										if (item.cate1No == allCateItem.cate1No) {
-											$('#ulAllCate').append(fnGetCategoryList(allCateItem));
-										}
-									});
-								}
-							});
-						}else{
-							$.each(result, function(idx, item) {
-								$.each(allCate, function(brandCateIdx, brandCateItem) {
-									if (item.cate1No == brandCateItem.cate1No) {
-										$('#ulAllCate').append(fnGetBrandCategoryList(item));
-									}
-								});
-							});
-						}
-					}
-					//}
-				});
-		}
-		
-		let fnGetBrandCategoryList = function (cate1){
-			var brandGroupNo = [[${cateInfo.brandGroupNo}]];
-			var cateGb =  [[${cateInfo.cateGb}]];
-			var formalGb = [[${cateInfo.formalGb}]];
-			var cate1No = [[${cateInfo.cate1No}]];
-			var cate2No = [[${cateInfo.cate2No}]];
-			var cate3No = [[${cateInfo.cate3No}]];
-			var cate4No = [[${cateInfo.cate4No}]];
-			
-			var navNm = "";
-			var formTitle = "";
-			let tag = '';
-			
-			console.log('cate1No>>>'+cate1No);
-		
-			if(cate1 != null){
-				tag += '<li';
-				if (cate1.cate1No == cate1No) {
-					tag += ' class="on"';
-				}
-				tag += '>\n';
-				tag += '	<a href="javascript:javascript:void(0);"';
-				if (cate1.cate1No == cate1No && cate2No == null) {
-					tag += ' class="on"';
-					formTitle = cate1.cate1Nm;
-					$("#formTitle").text(formTitle);
-					$("#navNm").hide();
-					navNm += '<li class="bread_2depth" id="navNm1">' + cate1.cate1Nm + '</li>';
-					$("#navHome").attr('onclick', 'cfnGoToBrandMain(' + brandGroupNo + ');');
-					$("#navArea").append(navNm);
-				}else if(cate1.cate1No == cate1No && cate3No == null){
-					$("#navNm").hide();
-					navNm += '<li class="bread_2depth" id="navNm1">' + cate1.cate1Nm + '</li>';
-					$("#navArea").append(navNm);
-				}else if(cate3No != null){
-					$("#navNm").hide();
-				}
-				tag += '	onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ');" >' + cate1.cate1Nm + '</a>\n';
-				
-				
-				if (cate1.leafYn == 'N' && cate1.cate2List.length > 0) {
-					tag += '<div class="sub_cate" style="display: block;">\n';
-					tag += '	<ul>\n';
-					$.each(cate1.cate2List, function (idx2, cate2) {
-						tag += '		<li';
-						if (cate2.cate2No == cate2No && cate3No == null) {
-							tag += ' class="on"';
-						}
-						tag += '		>\n';
-						tag += '		<a href="javascript:javascript:void(0);" ';
-						if (cate2.cate2No == cate2No && cate3No == null) {
-							tag += ' class="on"';
-							navNm = '<li class="bread_2depth" id="navNm2">' + cate2.cate2Nm + '</li>';
-							$("#navArea").append(navNm);
-							$("#formTitle").text(cate2.cate2Nm);
-						}else if(cate2.cate2No == cate2No){
-							navNm += '<li class="bread_2depth" id="navNm1">' + cate1.cate1Nm + '</li>';
-							$("#navArea").append(navNm);
-						}
-						tag += '	onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ',' + cate2.cate2No + ');">' + cate2.cate2Nm + '</a>\n';
-						
-						if (cate2.leafYn == 'N' && cate2.cate3List != null && cate2.cate3List.length > 0) {
-							tag += '<div class="sub_cate"';
-							if (cate2.cate2No == cate2No) {
-								tag += ' style="display: block;"';
-							}
-							tag += '>\n';
-							tag += '	<ul>\n';
-							$.each(cate2.cate3List, function (idx3, cate3) {
-								tag += '<li';
-								if (cate3.cate3No == cate3No && cate4No == null) {
-									tag += ' class="on"';
-								}
-								tag += '>';
-								tag += '		<a href="javascript:javascript:void(0);" ';
-								if (cate3.cate3No == cate3No && cate4No == null) {
-									tag += ' class="on"';
-									navNm = '<li class="bread_2depth" id="navNm2">' + cate2.cate2Nm + '</li><li class="bread_2depth" id="navNm3">' + cate3.cate3Nm + '</li>';
-									$("#navArea").append(navNm);
-									$("#formTitle").text(cate3.cate3Nm);
-								}else if(cate3.cate3No == cate3No){
-									navNm = '<li class="bread_2depth" id="navNm2">' + cate2.cate2Nm + '</li><li class="bread_2depth" id="navNm3">' + cate3.cate3Nm + '</li>';
-								}
-								tag += ' onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ',' + cate2.cate2No + ',' + cate3.cate3No + ');">' + cate3.cate3Nm + '</a>';
-								
-								if (cate3.leafYn == 'N' && cate3.cate4List != null && cate3.cate4List.length > 0) {
-									tag += '<div class="sub_cate"';
-									if (cate3.cate3No == cate3No) {
-										tag += ' style="display: block;"';
-									}
-									tag += '>\n';
-									tag += '	<ul>\n';
-									$.each(cate3.cate4List, function (idx4, cate4) {
-										tag += '<li';
-										if (cate4.cate4No == cate4No) {
-											tag += ' class="on"';
-										}
-										tag += '>';
-										tag += '		<a href="javascript:javascript:void(0);" ';
-										if (cate4.cate4No == cate4No) {
-											tag += ' class="on"';
-											navNm = '<li class="bread_2depth" id="navNm3">' + cate2.cate2Nm + '</li><li class="bread_2depth" id="navNm3">' + cate3.cate3Nm + '</li><li class="bread_2depth" id="navNm3">' + cate4.cate4Nm + '</li>';
-											$("#navArea").append(navNm);
-											$("#formTitle").text(cate4.cate4Nm);
-										}
-										if (formalGb == 'G009_20') {
-											tag += ' onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ',' + cate2.cate2No + ',' + cate3.cate3No + ',' + cate4.cate4No + ',\'\',\'' + formalGb + '\');">' + cate4.cate4Nm + '</a>';
-										} else {
-											tag += ' onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ',' + cate2.cate2No + ',' + cate3.cate3No + ',' + cate4.cate4No + ');">' + cate4.cate4Nm + '</a>';
-										}
-									});
-									tag += '</ul>\n';
-									tag += '</div>\n';
-								}
-								tag += '</li>';
-							});
-							tag += '</ul>\n';
-							tag += '</div>\n';
-						}
-						
-						tag += '</li>';
-					});
-					tag += '</ul>';
-					tag += '</div>';
-				}
-			}
-			
-			return tag;
-		}
-
-		let fnGetCategoryList = function (cate1){
-			var brandGroupNo = [[${cateInfo.brandGroupNo}]];
-			var cateGb =  [[${cateInfo.cateGb}]];
-			var formalGb = [[${cateInfo.formalGb}]];
-			var cate1No = [[${cateInfo.cate1No}]];
-			var cate2No = [[${cateInfo.cate2No}]];
-			var cate3No = [[${cateInfo.cate3No}]];
-			var cate4No = [[${cateInfo.cate4No}]];
-
-			var navNm = "";
-			var formTitle = "";
-			let tag = '';
-
-			if (cate1 != null) {
-				tag += '<li';
-				if (cate1.cate1No == cate1No) {
-					tag += ' class="on"';
-				}
-				tag += '>\n';
-				tag += '	<a href="javascript:javascript:void(0);"';
-				if (cate1.cate1No == cate1No && cate2No == null) {
-					tag += ' class="on"';
-					formTitle = cate1.cate1Nm;
-					$("#formTitle").text(formTitle);
-					$("#navNm").hide();
-					if(formalGb=='G009_20'){
-						navNm += '<li class="bread_2depth" id="navNm1">아울렛</li>';
-					}
-					navNm += '<li class="bread_2depth" id="navNm1">' + cate1.cate1Nm + '</li>';
-					if (brandGroupNo == 0) {
-						$("#navHome").attr('href', '/');
-						$("#navArea").append(navNm);
-					} else {
-						$("#navHome").attr('onclick', 'cfnGoToBrandMain(' + brandGroupNo + ');');
-						$("#navArea").append(navNm);
-					}
-				}else if(cate1.cate1No == cate1No && cate3No == null){
-					$("#navNm").hide();
-					if(formalGb=='G009_20'){
-						navNm += '<li class="bread_2depth" id="navNm1">아울렛</li>';
-					}
-					navNm += '<li class="bread_2depth" id="navNm1">' + cate1.cate1Nm + '</li>';
-					$("#navArea").append(navNm);
-					//$("#navNm").text(cate1.cate1Nm);
-				}else if(cate3No != null){
-					$("#navNm").hide();
-				}
-				if(formalGb=='G009_20'){
-					tag += '	onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ',\'\',\'\',\'\',\'\',\'' + formalGb + '\');" >' + cate1.cate1Nm + '</a>\n';
-				}else{
-					tag += '	onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ');" >' + cate1.cate1Nm + '</a>\n';
-				}
-				
-				if (cate1.leafYn == 'N' && cate1.cate2List.length > 0) {
-					tag += '<div class="sub_cate"';
-					if (cate1.cate1No == cate1No) {
-						tag += ' style="display: block;"';
-					}
-					tag += '>\n';
-					tag += '	<ul>\n';
-					$.each(cate1.cate2List, function (idx2, cate2) {
-						tag += '		<li';
-						if (cate2.cate2No == cate2No && cate3No == null) {
-							tag += ' class="on"';
-						}
-						tag += '		>\n';
-						tag += '		<a href="javascript:javascript:void(0);" ';
-						if (cate2.cate2No == cate2No && cate3No == null) {
-							tag += ' class="on"';
-							navNm = '<li class="bread_2depth" id="navNm2">' + cate2.cate2Nm + '</li>';
-							$("#navArea").append(navNm);
-							$("#formTitle").text(cate2.cate2Nm);
-						}else if(cate2.cate2No == cate2No){
-							if(formalGb=='G009_20'){
-								navNm += '<li class="bread_2depth" id="navNm1">아울렛</li>';
-							}
-							navNm += '<li class="bread_2depth" id="navNm1">' + cate1.cate1Nm + '</li>';
-							$("#navArea").append(navNm);
-						}
-						if(formalGb=='G009_20'){
-							tag += '	onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ',' + cate2.cate2No + ',\'\',\'\',\'\',\'' + formalGb + '\');">' + cate2.cate2Nm + '</a>\n';
-						}else{
-							tag += '	onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ',' + cate2.cate2No + ');">' + cate2.cate2Nm + '</a>\n';
-						}
-						if (cate2.leafYn == 'N' && cate2.cate3List != null && cate2.cate3List.length > 0) {
-							tag += '<div class="sub_cate"';
-							if (cate2.cate2No == cate2No) {
-								tag += ' style="display: block;"';
-							}
-							tag += '>\n';
-							tag += '	<ul>\n';
-							$.each(cate2.cate3List, function (idx3, cate3) {
-								tag += '<li';
-								if (cate3.cate3No == cate3No && cate4No == null) {
-									tag += ' class="on"';
-								}
-								tag += '>';
-								tag += '		<a href="javascript:javascript:void(0);" ';
-								if (cate3.cate3No == cate3No && cate4No == null) {
-									tag += ' class="on"';
-									navNm = '<li class="bread_2depth" id="navNm2">' + cate2.cate2Nm + '</li><li class="bread_2depth" id="navNm3">' + cate3.cate3Nm + '</li>';
-									$("#navArea").append(navNm);
-									$("#formTitle").text(cate3.cate3Nm);
-								}else if(cate3.cate3No == cate3No){
-									navNm = '<li class="bread_2depth" id="navNm2">' + cate2.cate2Nm + '</li><li class="bread_2depth" id="navNm3">' + cate3.cate3Nm + '</li>';
-								}
-								if(formalGb=='G009_20'){
-									tag += ' onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ',' + cate2.cate2No + ',' + cate3.cate3No + ',\'\',\'\',\'' + formalGb + '\');">' + cate3.cate3Nm + '</a>';
-								}else{
-									tag += ' onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ',' + cate2.cate2No + ',' + cate3.cate3No + ');">' + cate3.cate3Nm + '</a>';
-								}
-								if (cate3.leafYn == 'N' && cate3.cate4List != null && cate3.cate4List.length > 0) {
-									tag += '<div class="sub_cate"';
-									if (cate2.cate2No == cate2No) {
-										tag += ' style="display: block;"';
-									}
-									tag += '>\n';
-									tag += '	<ul>\n';
-									$.each(cate3.cate4List, function (idx4, cate4) {
-										tag += '<li';
-										if (cate4.cate4No == cate4No) {
-											tag += ' class="on"';
-										}
-										tag += '>';
-										tag += '		<a href="javascript:javascript:void(0);" ';
-										if (cate4.cate4No == cate4No) {
-											tag += ' class="on"';
-											navNm = '<li class="bread_2depth" id="navNm3">' + cate2.cate2Nm + '</li><li class="bread_2depth" id="navNm3">' + cate3.cate3Nm + '</li><li class="bread_2depth" id="navNm3">' + cate4.cate4Nm + '</li>';
-											$("#navArea").append(navNm);
-											$("#formTitle").text(cate4.cate4Nm);
-										}
-										if(formalGb=='G009_20'){
-											tag += ' onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ',' + cate2.cate2No + ',' + cate3.cate3No + ',' + cate4.cate4No + ',\'\',\'' + formalGb + '\');">' + cate4.cate4Nm + '</a>';
-										}else{
-											tag += ' onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ',' + cate2.cate2No + ',' + cate3.cate3No + ',' + cate4.cate4No + ');">' + cate4.cate4Nm + '</a>';
-										}
-									});
-								}
-								tag += '</li>\n';
-							});
-							tag += '	</ul>\n';
-							tag += '</div>\n';
-						}
-						tag += '</li>';
-					});
-					tag += '	</ul>\n';
-					tag += '</div>\n';
-				}
-				tag += '</li>\n';
-			}
-			return tag;
-		}
-
-		var fnImgOnoff = function (){
-			var nowFocus = $('.dp .itemPic');
-			var nowMov = $('.itemPic').children('.pd_mov');
-			var nowImg = $('.itemPic').children('.pd_img');
-			var ogrSrc;
-			var overSrc;
-			var srcName = nowImg.attr('src');
-			overSrc = srcName.substring(0, srcName.lastIndexOf('.'));
-			
-			var srcImg;
-			var srcdat;
-
-			$(nowFocus).on('mouseover', function() {
-				// [on] size opt
-				//$(this).siblings(".itemOpt").stop().animate({"bottom": 0}, 400,"swing");
-				// [on] mov none
-				//$(this).css("opacity","0");
-				// return false;
-				$(this).children('.pd_mov').siblings(".itemOpt").addClass('on');
-				$(this).children('.pd_mov').css("opacity","0");
-			});
-			$(nowFocus).on('mouseleave', function() {
-				// [off] size opt
-				//$(this).siblings(".itemOpt").stop().animate({"bottom": -120}, 400,"swing");
-				// [off] mov block
-				//$(this).css("opacity","1");
-				// return false;
-				$(this).children('.pd_mov').siblings(".itemOpt").removeClass('on');
-				$(this).children('.pd_mov').css("opacity","1");
-			});
-			$(nowFocus).on('mouseover', function() {
-				//img1 = $(this).attr('src');
-				//img2 = $(this).attr('data-img');
-				// [on] size opt
-				//$(this).siblings(".itemOpt").stop().animate({"bottom": 0}, 400,"swing");
-				// [on] re-Name
-				// ogrSrc = $(this).attr('src').substring(0, srcName.lastIndexOf('.'));
-				// overSrc = $(this).attr('src').substring(0, srcName.lastIndexOf('.'));
-				// $(this).attr('src', overSrc+ '_onhover.' + /[^.]+$/.exec(srcName));
-				//$(this).attr('src',img2);
-				// return false;
-				$(this).children('.pd_img').siblings(".itemOpt").addClass('on');
-				srcImg = $(this).children('.pd_img').attr('src');
-				srcdat = $(this).children('.pd_img').attr('data-img');
-				$(this).children('.pd_img').attr('src',srcdat);
-			});
-			$(nowFocus).on('mouseleave', function() {
-				// [off] size opt
-				//$(this).siblings(".itemOpt").stop().animate({"bottom": -120}, 400,"swing");
-				// [off] re-Name
-				// $(this).attr('src', overSrc + '.' + /[^.]+$/.exec(srcName));
-				//$(this).attr('src', img1);
-				// return false;
-				$(this).children('.pd_img').siblings(".itemOpt").removeClass('on');
-				$(this).children('.pd_img').attr('src', srcImg);
-			});
-		}
-
-		// 사파리 - event.persisted || 크롬 - window.performance.navigation.type 이 1이면 새로고침, 2면 페이지 이동을 통한 캐쉬페이징
-		$(window).on("pageshow", function(event) {
-			$('#filterForm input[name=brand]:checked').each(function(){
-				$(this).parent().addClass("active");
-			});
-			$('#filterForm input[name=size]:checked').each(function(){
-				$(this).parent().addClass("active");
-			});
-			$('#filterForm input[name=price]:checked').each(function(){
-				$(this).parent().addClass("active");
-			});
-			if ( (event.originalEvent && event.originalEvent.persisted) || (window.performance && window.performance.navigation.type == 2)) {
-				var historyData = sessionStorage.getItem(document.location.href);
-				if(historyData!=null){
-					historyData = JSON.parse(historyData);
-				}else{
-					historyData = {};
-				}
-				if(typeof historyData.sortGbNm!='undefined' && historyData.sortGbNm!=''){
-					$(".arrayWrap .btn").text(historyData.sortGbNm);
-				}
-				if(typeof historyData.filterHtml!='undefined' && historyData.filterHtml!=''){
-					$("#searchForm").append(historyData.filterHtml);
-					filterHtml = historyData.filterHtml;
-				}
-				if(typeof historyData.filterStatHtml!='undefined' && historyData.filterStatHtml!=''){
-					$(".filterstate").append(historyData.filterStatHtml);
-					filterStatHtml = historyData.filterStatHtml;
-				}
-				if(typeof historyData.totalCount!='undefined' && historyData.totalCount!=''){
-					$("#totalGoodsCnt").text(historyData.totalCount);
-				}
-				if(typeof historyData.sortGb!='undefined' && historyData.sortGb!=''){
-					$("#sortSelect").val(historyData.sortGb);
-					$("#searchForm input:hidden[name=sortGb]").val(historyData.sortGb);
-					fnSortChange(historyData.sortGb);
-				}else{
-					fnGoodsListSearch();
-				}
-			}else{
-				fnCategoryGoodsInfiniteScrollInit();
-				/*var sortGb = [[${sortGb}]];
-				if(sortGb=='new' || sortGb=='best'){
-					$("#sortSelect").val(sortGb);
-					$("#sortSelect").parent('div').children('span').text($("#sortSelect option:selected").text())
-					fnSortChange(sortGb);
-				}else{
-					fnGoodsListSearch();
-				}*/
-				fnGoodsListSearch();
-			}
-		});
-
-		var fnSortList = function (obj, sortGb){
-			$("#sortArea").find('li').each(function (){
-				$(this).find('a').attr('class','off');
-			});
-
-			$(obj).addClass("on");
-			$("#searchGoodsForm").find("[name=sortGb]").val(sortGb);
-			fnCategoryGoodsInfiniteScrollInit();
-			fnGoodsListSearch();
-		}
-
-		/*]]>*/
-	</script>
-
-	<script>
-		//(진행 중)
-		$(document).ready( function() {
-			
-		});
-		
-		/* 210427_수정 : err 이미지 스크립트 */
-		function noneImg(noneSrc){
-			$(noneSrc).parents('.itemPic').css({'background':'url(' + _uximgUrl + '/images/pc/thumb/bg_item_none.png)'});
-			$(noneSrc).css({'opacity':'0'});
-			//$(noneSrc).attr("src", no_src);
-		}
-	</script>
-
-</th:block>
-
-</body>
-</html>

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

@@ -1,323 +0,0 @@
-<!DOCTYPE html>
-<html lang="ko"
-	  xmlns:th="http://www.thymeleaf.org"
-	  xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
-	  layout:decorator="web/common/layout/BrandLayoutWeb">
-<!--
- *******************************************************************************
- * @source  : CategoryGoodsListFormWeb.html
- * @desc    : 카테고리 상품목록 Page
- *============================================================================
- * STYLE24
- * Copyright(C) 2020 TSIT, All rights reserved.
- *============================================================================
- * VER  DATE         AUTHOR      DESCRIPTION
- * ===  ===========  ==========  =============================================
- * 1.0  2021.04.02   bin2107     최초 작성
- *******************************************************************************
- -->
-<body>
-
-<th:block layout:fragment="content">
-	<div id="container" class="container dp">
-		<div class="breadcrumb">
-			<ul id="navArea">
-				<li class="bread_home" id="idHome"><a href="javascript:void(0);" id="navHome">홈</a></li>
-				<li class="bread_2depth" id="navNm"></li>
-			</ul>
-		</div>
-		<div class="wrap">
-			<div class="content dp_list"> <!-- 페이지특정 클래스 = dp_list -->
-				<div class="cont_head">
-					<div>
-						<h3 id="formTitle"></h3>
-					</div>
-				</div>
-				<div class="lnb">
-					<div class="lnb_tit">
-						<h3>카테고리</h3>
-					</div>
-					<div class="lnb_category">
-						<ul class="category" id="ulAllCate">
-
-						</ul>
-					</div>
-				</div>
-				<div class="cont">
-					<form id="filterForm">
-						<div class="cont_body">
-							<div class="filter_list">
-								<!-- 1depth -->
-								<ul>
-									<li data-id="tap02" th:if="${filterBrandList != null and !filterBrandList.empty}">
-										<a href="javascript:void(0)">브랜드</a>
-									</li>
-									<li data-id="tap03" th:if="${filterSizeList != null and !filterSizeList.empty}">
-										<a href="javascript:void(0)">사이즈</a>
-									</li>
-									<li data-id="tap04" th:if="${filterPriceList != null and !filterPriceList.empty}">
-										<a href="javascript:void(0)">가격</a>
-									</li>
-									<li data-id="tap05">
-										<a href="javascript:void(0)">할인율</a>
-									</li>
-									<li data-id="tap06" th:if="${filterAgeList != null and !filterAgeList.empty}">
-										<a href="javascript:void(0)">연령</a>
-									</li>
-									<li data-id="tap07" th:if="${filterSeasonList != null and !filterSeasonList.empty}">
-										<a href="javascript:void(0)">시즌</a>
-									</li>
-									<li data-id="tap08" th:if="${filterColorList != null and !filterColorList.empty}">
-										<a href="javascript:void(0)">컬러</a>
-									</li>
-									<li data-id="tap09" th:if="${filterBenefitList != null and !filterBenefitList.empty}">
-										<a href="javascript:void(0)">혜택</a>
-									</li>
-								</ul>
-								<div class="form_field">
-									<div>
-										<input id="sexGb" type="checkbox" onclick="fnFilterOption(this,'on');"><label for="sexGb"> <span>남여 공용만 보기</span> </label>
-									</div>
-									<div>
-										<input id="newProd" type="checkbox" onclick="fnFilterOption(this,'on');"><label for="newProd"> <span>신상품만 보기</span> </label>
-									</div>
-								</div>
-							</div>
-							<div class="filter_content">
-								<!-- 브랜드 -->
-								<div class="sort tap02" th:if="${filterBrandList != null and !filterBrandList.empty}" id="brandFilterDiv">
-									<ul>
-										<th:block th:each="oneData, status : ${filterBrandList}">
-											<li>
-												<label class="brand_btn">
-													<input type="checkbox" group="filterValue" th:id="${'chkFilterBrand' + status.index}" name="brand" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm}" onclick="filterSel(this,'brand','off');"><span th:text="${oneData.filterNm}"></span>
-												</label>
-											</li>
-										</th:block>
-									</ul>
-									<a href="javascript:void(0)" class="tap_close">delete-btn</a>
-								</div>
-								<!-- //브랜드 -->
-								<!-- 사이즈 -->
-								<div class="sort tap03" th:if="${filterSizeList != null and !filterSizeList.empty}" id="sizeFilterDiv">
-									<ul>
-										<li id="sizeLi1">
-											<strong>상의</strong>
-											<th:block th:each="oneData, status : ${filterSizeList}" th:if="${#strings.startsWith(oneData.filterCd,'T')}">
-												<label class="size_btn">
-													<input type="checkbox" group="filterValue" th:id="${'chkFilterTSize' + status.index}" name="size" th:vale="${oneData.filterNm}" th:data-id="${oneData.filterNm}" onclick="filterSel(this,'size','off','1');"><span th:text="${oneData.filterNm}">80</span>
-												</label>
-											</th:block>
-										</li>
-										<li id="sizeLi2">
-											<strong>하의</strong>
-											<th:block th:each="oneData, status : ${filterSizeList}" th:if="${#strings.startsWith(oneData.filterCd,'B')}">
-												<label class="size_btn">
-													<input type="checkbox" group="filterValue" th:id="${'chkFilterBSize' + status.index}" name="size" th:vale="${oneData.filterNm}" th:data-id="${oneData.filterNm}" onclick="filterSel(this,'size','off','2');"><span th:text="${oneData.filterNm}">80</span>
-												</label>
-											</th:block>
-										</li>
-										<li id="sizeLi3">
-											<strong>신발</strong>
-											<th:block th:each="oneData, status : ${filterSizeList}" th:if="${#strings.startsWith(oneData.filterCd,'S')}">
-												<label class="size_btn">
-													<input type="checkbox" group="filterValue" th:id="${'chkFilterSSize' + status.index}" name="size" th:vale="${oneData.filterNm}" th:data-id="${oneData.filterNm}" onclick="filterSel(this,'size','off','3');"><span th:text="${oneData.filterNm}">80</span>
-												</label>
-											</th:block>
-										</li>
-									</ul>
-									<a href="javascript:void(0)" class="tap_close">delete-btn</a>
-								</div>
-								<!-- //사이즈 -->
-								<!-- 가격 -->
-								<div class="sort tap04" id="priceFilterDiv">
-									<div class="range">
-										<input type="text" class="js-range-slider01" name="" value="" />
-										<input type="hidden" id="price_input_from" value="0"/>
-										<input type="hidden" id="price_input_to" value="0"/>
-									</div>
-									<a href="javascript:void(0)" class="tap_close">delete-btn</a>
-								</div>
-								<!-- //가격 -->
-								<!-- 할인율 -->
-								<div class="sort tap05" id="dcrateFilterDiv">
-									<ul style="display:none;">
-										<li><input type="checkbox" id="percent01" name="range" value="0"><label for="percent01"><span></span><span>0%</span></label></li>
-										<li><input type="checkbox" id="percent02" name="range" value="10"><label for="percent02"><span></span><span>10%</span></label></li>
-										<li><input type="checkbox" id="percent03" name="range" value="20"><label for="percent03"><span></span><span>20%</span></label></li>
-										<li><input type="checkbox" id="percent04" name="range" value="30"><label for="percent04"><span></span><span>30%</span></label></li>
-										<li><input type="checkbox" id="percent05" name="range" value="40"><label for="percent05"><span></span><span>40%</span></label></li>
-										<li><input type="checkbox" id="percent06" name="range" value="50"><label for="percent06"><span></span><span>50%</span></label></li>
-										<li><input type="checkbox" id="percent07" name="range" value="60"><label for="percent07"><span></span><span>60%</span></label></li>
-										<li><input type="checkbox" id="percent08" name="range" value="70"><label for="percent08"><span></span><span>70%</span></label></li>
-										<li><input type="checkbox" id="percent09" name="range" value="80"><label for="percent09"><span></span><span>80%</span></label></li>
-										<li><input type="checkbox" id="percent10" name="range" value="100"><label for="percent10"><span></span><span>100%</span></label></li>
-									</ul>
-									<div class="range">
-										<input type="text" class="js-range-slider02" name="" value="" />
-										<input type="hidden" id="dcrate_input_from" value="0"/>
-										<input type="hidden" id="dcrate_input_to" value="0"/>
-									</div>
-									<a href="javascript:void(0)" class="tap_close">delete-btn</a>
-								</div>
-								<!-- //할인율 -->
-								<!-- 연령 -->
-								<div class="sort tap06" th:if="${filterAgeList != null and !filterAgeList.empty}" id="ageFilterDiv">
-									<ul>
-										<th:block th:each="oneData, status : ${filterAgeList}">
-											<li>
-												<label class="Age_btn">
-													<input type="checkbox" group="filterValue" th:id="${'chkFilterAge' + status.index}" name="age" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm}" onclick="filterSel(this,'age','off');"><span th:text="${oneData.filterNm}">베이비(0~18개월)</span>
-												</label>
-											</li>
-										</th:block>
-									</ul>
-									<a href="javascript:void(0)" class="tap_close">delete-btn</a>
-								</div>
-								<!-- //연령 -->
-								<!-- 시즌 -->
-								<div class="sort tap07" th:if="${filterSeasonList != null and !filterSeasonList.empty}" id="seasonFilterDiv">
-									<ul>
-										<th:block th:each="oneData, status : ${filterSeasonList}">
-											<li>
-												<label class="Season_btn">
-													<input type="checkbox" group="filterValue"  th:id="${'chkFilterSeason' + status.index}" name="season" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm}" onclick="filterSel(this,'season','off');"><span th:text="${oneData.filterNm}">봄</span>
-												</label>
-											</li>
-										</th:block>
-									</ul>
-									<a href="javascript:void(0)" class="tap_close">delete-btn</a>
-								</div>
-								<!-- //시즌 -->
-								<!-- 컬러 -->
-								<div class="sort tap08" th:if="${filterColorList != null and !filterColorList.empty}" id="colorFilterDiv">
-									<ul>
-										<th:block th:each="oneData, status : ${filterColorList}">
-											<li>
-												<label class="color-check">
-													<input type="checkbox" group="filterValue" th:id="${'chkFilterColor' + status.index}" name="color" th:value="${oneData.filterNm}" th:data-id="${oneData.filterNm.replace('#','')}" onclick="filterSel(this,'color','off');">
-													<span class="pdColor-color" th:if="${oneData.filterNm=='#FFFFFF'}" th:style="${'background-color:'+oneData.filterNm+';'+' border:1px solid #aaa;'}" th:value="${oneData.filterNm}"></span>
-													<span class="pdColor-color" th:if="${oneData.filterNm!='#FFFFFF'}" th:style="${'background-color:'+oneData.filterNm}" th:value="${oneData.filterNm}"></span>
-												</label>
-											</li>
-										</th:block>
-									</ul>
-									<a href="javascript:void(0)" class="tap_close">delete-btn</a>
-								</div>
-								<!-- //컬러 -->
-								<!-- 혜택 -->
-								<div class="sort tap09" th:if="${filterBenefitList != null and !filterBenefitList.empty}" id="benefitFilterDiv">
-									<ul>
-										<th:block th:each="oneData, status : ${filterBenefitList}">
-											<li>
-												<label class="Benefits_btn">
-													<input type="checkbox" group="filterValue" th:id="${'chkFilterBenefits' + status.index}" name="benefit" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm}" onclick="filterSel(this,'benefit','off');"><span th:text="${oneData.filterNm}"></span>
-												</label>
-											</li>
-										</th:block>
-									</ul>
-									<a href="javascript:void(0)" class="tap_close">delete-btn</a>
-								</div>
-								<!-- //혜택 -->
-								<!-- 필터 -->
-								<div class="fillter">
-									<div class="fillter_box" id="filterData">
-									</div>
-									<button type="button" class="fillter_reset" onclick="fnFilterReset();"><span>전체 초기화</span></button>
-								</div>
-								<!-- //필터 -->
-							</div>
-							<div class="list_content"> <!-- 데이터 없을시 클래스 nodata 추가 -->
-								<div class="list_defult">
-									<div>
-										<p>선택하신 조건에 맞는 상품이 없습니다.<br>필터를 변경해 보세요.</p>
-									</div>
-									<div class="ui_row">
-										<button type="button" class="btn btn_default btn_md"><span>선택한 필터 초기화</span></button>
-									</div>
-								</div>
-								<div class="count_wrap">
-									<div>
-										<p><span id="totCntId"></span>개의 상품</p>
-									</div>
-									<div>
-										<ul id="sortArea">
-											<li>
-												<a href="javascript:void(0);" class="on" onclick="fnSortList(this,'new');">최신상품순</a>
-											</li>
-											<li>
-												<a href="javascript:void(0);" onclick="fnSortList(this,'best');">인기상품순</a>
-											</li>
-											<li>
-												<a href="javascript:void(0);" onclick="fnSortList(this,'review');">리뷰 많은순</a>
-											</li>
-										</ul>
-									</div>
-								</div>
-
-								<div id="infiniteContainer">
-									<div id="listBoxOuter" class="itemsGrp">
-										<ul class="productlist quarter" >
-										</ul>
-									</div>
-								</div>
-
-								<div class="itemsGrp" id="listBox">
-
-								</div>
-
-							</div>
-							<div class="list_content">
-								<div class="list_defult" id="endPage">
-									<div>
-										<p>마지막 페이지 입니다.</p>
-									</div>
-								</div>
-							</div>
-						</div>
-					</form>
-				</div>
-			</div>
-		</div>
-	</div>
-	
-<!-- 	<form id="searchGoodsForm" name="searchGoodsForm"> -->
-<!-- 		<input type="hidden" name="pageNo" id="pageNo" value ="1"/> -->
-<!-- 		<input type="hidden" name="pageSize" value ="30"/> -->
-<!-- 		<input type="hidden" name="cateNo" th:value="${cateInfo.cateNo}"/> -->
-<!-- 		<input type="hidden" name="cateGb" th:value="${cateInfo.cateGb}"/> -->
-<!-- 		<input type="hidden" name="brandGroupNo" th:value="${cateInfo.brandGroupNo}"/> -->
-<!-- 		<input type="hidden" name="formalGb" th:value="${cateInfo.formalGb}"/> -->
-<!-- 		<input type="hidden" name="cate1No" th:value="${cateInfo.cate1No}"/> -->
-<!-- 		<input type="hidden" name="cate2No" th:value="${cateInfo.cate2No}"/> -->
-<!-- 		<input type="hidden" name="cate3No" th:value="${cateInfo.cate3No}"/> -->
-<!-- 		<input type="hidden" name="cate4No" th:value="${cateInfo.cate4No}"/> -->
-<!-- 		<input type="hidden" name="sortGb" value="new"/> -->
-<!-- 	</form> -->
-
-	<script src="/ux/plugins/gaga/gaga.infinite.scrollSession.js"></script>
-	<script src="/ux/plugins/jquery/jquery.history.min.js"></script>
-	<script th:src="@{'/biz/goods.js?v=' + ${#calendars.format(#calendars.createNow(), 'yyyyMMddHHmmss')}}" src="/biz/goods.js"></script>
-	<script th:inline="javascript">
-		/*<![CDATA[*/
-		/*]]>*/
-	</script>
-
-	<script>
-		//(진행 중)
-		$(document).ready( function() {
-			
-		});
-		
-		/* 210427_수정 : err 이미지 스크립트 */
-		function noneImg(noneSrc){
-			$(noneSrc).parents('.itemPic').css({'background':'url(' + _uximgUrl + '/images/pc/thumb/bg_item_none.png)'});
-			$(noneSrc).css({'opacity':'0'});
-			//$(noneSrc).attr("src", no_src);
-		}
-	</script>
-
-</th:block>
-
-</body>
-</html>

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

@@ -1,1189 +0,0 @@
-<!DOCTYPE html>
-<html lang="ko"
-	  xmlns:th="http://www.thymeleaf.org"
-	  xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
-	  layout:decorator="web/common/layout/BrandLayoutWeb">
-<!--
- *******************************************************************************
- * @source  : CategoryGoodsListFormWeb.html
- * @desc    : 카테고리 상품목록 Page
- *============================================================================
- * STYLE24
- * Copyright(C) 2020 TSIT, All rights reserved.
- *============================================================================
- * VER  DATE         AUTHOR      DESCRIPTION
- * ===  ===========  ==========  =============================================
- * 1.0  2021.04.02   bin2107     최초 작성
- *******************************************************************************
- -->
-<body>
-
-<th:block layout:fragment="content">
-	<div id="container" class="container dp">
-		<div class="breadcrumb">
-			<ul id="navArea">
-				<li class="bread_home" id="idHome"><a href="javascript:void(0);" id="navHome">홈</a></li>
-				<li class="bread_2depth" id="mainNm" style="display: none;"></li>
-				<li class="bread_2depth" id="brandNm" style="display: none;"></li>
-				<li class="bread_2depth" id="navNm"></li>
-			</ul>
-		</div>
-		<div class="wrap">
-			<div class="content dp_list"> <!-- 페이지특정 클래스 = dp_list -->
-				<div class="cont_head">
-					<div>
-						<h3 id="formTitle"></h3>
-					</div>
-				</div>
-				<div class="lnb">
-					<div class="lnb_tit">
-						<h3>카테고리</h3>
-					</div>
-					<div class="lnb_category">
-						<ul class="category" id="ulAllCate">
-
-						</ul>
-					</div>
-				</div>
-				<div class="cont">
-					<form id="filterForm">
-						<div class="cont_body">
-							<div class="filter_list">
-								<!-- 1depth -->
-								<ul>
-									<li data-id="tap02" th:if="${filterBrandList != null and !filterBrandList.empty}">
-										<a href="javascript:void(0)">브랜드</a>
-									</li>
-									<li data-id="tap03" th:if="${filterSizeList != null and !filterSizeList.empty}">
-										<a href="javascript:void(0)">사이즈</a>
-									</li>
-									<li data-id="tap04" th:if="${filterPriceList != null and !filterPriceList.empty}">
-										<a href="javascript:void(0)">가격</a>
-									</li>
-									<li data-id="tap05">
-										<a href="javascript:void(0)">할인율</a>
-									</li>
-									<li data-id="tap06" th:if="${filterAgeList != null and !filterAgeList.empty}">
-										<a href="javascript:void(0)">연령</a>
-									</li>
-									<li data-id="tap07" th:if="${filterSeasonList != null and !filterSeasonList.empty}">
-										<a href="javascript:void(0)">시즌</a>
-									</li>
-									<li data-id="tap08" th:if="${filterColorList != null and !filterColorList.empty}">
-										<a href="javascript:void(0)">컬러</a>
-									</li>
-									<li data-id="tap09" th:if="${filterBenefitList != null and !filterBenefitList.empty}">
-										<a href="javascript:void(0)">혜택</a>
-									</li>
-								</ul>
-								<div class="form_field">
-									<div>
-										<input id="unisex" type="checkbox" onclick="fnFilterOption(this,'on');"><label for="unisex"> <span>남여 공용만 보기</span> </label>
-									</div>
-									<div th:unless="${cateInfo.formalGb=='G009_20'}">
-										<input id="newGoods" type="checkbox" onclick="fnFilterOption(this,'off');" checked="checked"><label for="newGoods"> <span>신상품만 보기</span> </label>
-									</div>
-								</div>
-							</div>
-							<div class="filter_content">
-								<!-- 브랜드 -->
-								<div class="sort tap02" th:if="${filterBrandList != null and !filterBrandList.empty}" id="brandGroupFilterDiv">
-									<ul>
-										<th:block th:each="oneData, status : ${filterBrandList}">
-											<li>
-												<label class="brand_btn">
-													<input type="checkbox" group="filterValue" th:id="${'chkFilterBrand' + status.index}" name="brandGroup" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm}" onclick="filterSel(this,'brandGroup','off');"><span th:text="${oneData.filterNm}"></span>
-												</label>
-											</li>
-										</th:block>
-									</ul>
-									<a href="javascript:void(0)" class="tap_close">delete-btn</a>
-								</div>
-								<!-- //브랜드 -->
-								<!-- 사이즈 -->
-								<div class="sort tap03" th:if="${filterSizeList != null and !filterSizeList.empty}" id="sizeFilterDiv">
-									<ul>
-										<li id="sizeLi1">
-											<strong>상의</strong>
-											<th:block th:each="oneData, status : ${filterSizeList}" th:if="${#strings.startsWith(oneData.filterCd,'T')}">
-												<label class="size_btn">
-													<input type="checkbox" group="filterValue" th:id="${'chkFilterTSize' + status.index}" name="size" th:vale="${oneData.filterNm}" th:data-id="${oneData.filterNm}" data-idx="1" onclick="filterSel(this,'size','off','1');"><span th:text="${oneData.filterNm}">80</span>
-												</label>
-											</th:block>
-										</li>
-										<li id="sizeLi2">
-											<strong>하의</strong>
-											<th:block th:each="oneData, status : ${filterSizeList}" th:if="${#strings.startsWith(oneData.filterCd,'B')}">
-												<label class="size_btn">
-													<input type="checkbox" group="filterValue" th:id="${'chkFilterBSize' + status.index}" name="size" th:vale="${oneData.filterNm}" th:data-id="${oneData.filterNm}" data-idx="2" onclick="filterSel(this,'size','off','2');"><span th:text="${oneData.filterNm}">80</span>
-												</label>
-											</th:block>
-										</li>
-										<li id="sizeLi3">
-											<strong>신발</strong>
-											<th:block th:each="oneData, status : ${filterSizeList}" th:if="${#strings.startsWith(oneData.filterCd,'S')}">
-												<label class="size_btn">
-													<input type="checkbox" group="filterValue" th:id="${'chkFilterSSize' + status.index}" name="size" th:vale="${oneData.filterNm}" th:data-id="${oneData.filterNm}" data-idx="3" onclick="filterSel(this,'size','off','3');"><span th:text="${oneData.filterNm}">80</span>
-												</label>
-											</th:block>
-										</li>
-									</ul>
-									<a href="javascript:void(0)" class="tap_close">delete-btn</a>
-								</div>
-								<!-- //사이즈 -->
-								<!-- 가격 -->
-								<div class="sort tap04" id="priceFilterDiv">
-									<div class="range">
-										<input type="text" class="js-range-slider01" name="" value="" />
-										<input type="hidden" id="price_input_from" name="price_input_from" value=""/>
-										<input type="hidden" id="price_input_to" name="price_input_to" value=""/>
-										<input type="hidden" id="hPriceFrom" name="hPriceFrom" value=""/>
-										<input type="hidden" id="hPriceTo" name="hPriceTo" value=""/>
-									</div>
-									<a href="javascript:void(0)" class="tap_close">delete-btn</a>
-								</div>
-								<!-- //가격 -->
-								<!-- 할인율 -->
-								<div class="sort tap05" id="dcrateFilterDiv">
-									<ul style="display:none;">
-										<li><input type="checkbox" id="percent01" name="range" value="0"><label for="percent01"><span></span><span>0%</span></label></li>
-										<li><input type="checkbox" id="percent02" name="range" value="10"><label for="percent02"><span></span><span>10%</span></label></li>
-										<li><input type="checkbox" id="percent03" name="range" value="20"><label for="percent03"><span></span><span>20%</span></label></li>
-										<li><input type="checkbox" id="percent04" name="range" value="30"><label for="percent04"><span></span><span>30%</span></label></li>
-										<li><input type="checkbox" id="percent05" name="range" value="40"><label for="percent05"><span></span><span>40%</span></label></li>
-										<li><input type="checkbox" id="percent06" name="range" value="50"><label for="percent06"><span></span><span>50%</span></label></li>
-										<li><input type="checkbox" id="percent07" name="range" value="60"><label for="percent07"><span></span><span>60%</span></label></li>
-										<li><input type="checkbox" id="percent08" name="range" value="70"><label for="percent08"><span></span><span>70%</span></label></li>
-										<li><input type="checkbox" id="percent09" name="range" value="80"><label for="percent09"><span></span><span>80%</span></label></li>
-										<li><input type="checkbox" id="percent10" name="range" value="100"><label for="percent10"><span></span><span>100%</span></label></li>
-									</ul>
-									<div class="range">
-										<input type="text" class="js-range-slider02" name="" value="" />
-										<input type="hidden" id="dcrate_input_from" name="dcrate_input_from" value=""/>
-										<input type="hidden" id="dcrate_input_to" name="dcrate_input_to" value=""/>
-										<input type="hidden" id="hDcRateFrom" name="hDcRateFrom" value=""/>
-										<input type="hidden" id="hDcRateTo" name="hDcRateTo" value=""/>
-									</div>
-									<a href="javascript:void(0)" class="tap_close">delete-btn</a>
-								</div>
-								<!-- //할인율 -->
-								<!-- 연령 -->
-								<div class="sort tap06" th:if="${filterAgeList != null and !filterAgeList.empty}" id="ageFilterDiv">
-									<ul>
-										<th:block th:each="oneData, status : ${filterAgeList}">
-											<li>
-												<label class="Age_btn">
-													<input type="checkbox" group="filterValue" th:id="${'chkFilterAge' + status.index}" name="age" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm}" onclick="filterSel(this,'age','off');"><span th:text="${oneData.filterNm}">베이비(0~18개월)</span>
-												</label>
-											</li>
-										</th:block>
-									</ul>
-									<a href="javascript:void(0)" class="tap_close">delete-btn</a>
-								</div>
-								<!-- //연령 -->
-								<!-- 시즌 -->
-								<div class="sort tap07" th:if="${filterSeasonList != null and !filterSeasonList.empty}" id="seasonFilterDiv">
-									<ul>
-										<th:block th:each="oneData, status : ${filterSeasonList}">
-											<li>
-												<label class="Season_btn">
-													<input type="checkbox" group="filterValue"  th:id="${'chkFilterSeason' + status.index}" name="season" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm}" onclick="filterSel(this,'season','off');"><span th:text="${oneData.filterNm}">봄</span>
-												</label>
-											</li>
-										</th:block>
-									</ul>
-									<a href="javascript:void(0)" class="tap_close">delete-btn</a>
-								</div>
-								<!-- //시즌 -->
-								<!-- 컬러 -->
-								<div class="sort tap08" th:if="${filterColorList != null and !filterColorList.empty}" id="colorFilterDiv">
-									<ul>
-										<th:block th:each="oneData, status : ${filterColorList}">
-											<li>
-												<label class="color-check">
-													<input type="checkbox" group="filterValue" th:id="${'chkFilterColor' + status.index}" name="color" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm.replace('#','')}" onclick="filterSel(this,'color','off');">
-													<span class="pdColor-color" th:if="${oneData.filterNm=='#FFFFFF'}" th:style="${'background-color:'+oneData.filterNm+';'+' border:1px solid #aaa;'}" th:value="${oneData.filterCd}"></span>
-													<span class="pdColor-color" th:if="${oneData.filterNm!='#FFFFFF'}" th:style="${'background-color:'+oneData.filterNm}" th:value="${oneData.filterCd}"></span>
-												</label>
-											</li>
-										</th:block>
-									</ul>
-									<a href="javascript:void(0)" class="tap_close">delete-btn</a>
-								</div>
-								<!-- //컬러 -->
-								<!-- 혜택 -->
-								<div class="sort tap09" th:if="${filterBenefitList != null and !filterBenefitList.empty}" id="benefitFilterDiv">
-									<ul>
-										<th:block th:each="oneData, status : ${filterBenefitList}">
-											<li>
-												<label class="Benefits_btn">
-													<input type="checkbox" group="filterValue" th:id="${'chkFilterBenefits' + status.index}" name="benefit" th:value="${oneData.filterCd}" th:data-id="${oneData.filterNm}" onclick="filterSel(this,'benefit','off');"><span th:text="${oneData.filterNm}"></span>
-												</label>
-											</li>
-										</th:block>
-									</ul>
-									<a href="javascript:void(0)" class="tap_close">delete-btn</a>
-								</div>
-								<!-- //혜택 -->
-								<!-- 필터 -->
-								<div class="fillter">
-									<div class="fillter_box" id="filterData">
-									</div>
-									<button type="button" class="fillter_reset" onclick="fnFilterReset();"><span>전체 초기화</span></button>
-								</div>
-								<!-- //필터 -->
-							</div>
-							<div class="list_content"> <!-- 데이터 없을시 클래스 nodata 추가 -->
-								<div class="list_defult" id="noFilterData">
-									<div>
-										<p>선택하신 조건에 맞는 상품이 없습니다.<br>필터를 변경해 보세요.</p>
-									</div>
-									<div class="ui_row">
-										<button type="button" class="btn btn_default btn_md" onclick="fnFilterReset();"><span>선택한 필터 초기화</span></button>
-									</div>
-								</div>
-								<div class="count_wrap">
-									<div>
-										<p><span id="totCntId"></span>개의 상품</p>
-									</div>
-									<div>
-										<ul id="sortArea">
-											<li>
-												<a href="javascript:void(0);" id="sortingNEW" class="on" onclick="fnSortingChange(this,'NEW');">최신상품순</a>
-											</li>
-											<li>
-												<a href="javascript:void(0);" id="sortingBEST" onclick="fnSortingChange(this,'BEST');">인기상품순</a>
-											</li>
-											<li>
-												<a href="javascript:void(0);" id="sortingREVIEW" onclick="fnSortingChange(this,'REVIEW');">리뷰 많은순</a>
-											</li>
-										</ul>
-									</div>
-								</div>
-
-								<div id="infiniteContainer">
-									<div id="listBoxOuter" class="itemsGrp">
-										<ul class="productlist quarter" id="listBox">
-										</ul>
-									</div>
-								</div>
-
-<!--								<div class="itemsGrp" id="listBox">-->
-
-<!--								</div>-->
-
-							</div>
-							<div class="last_page" id="endPage" style="display:none;">
-								<span>마지막 페이지입니다.</span>
-							</div>
-						</div>
-					</form>
-				</div>
-			</div>
-		</div>
-	</div>
-	<form id="searchGoodsForm" name="searchGoodsForm">
-		<input type="hidden" name="pageNo" id="pageNo" value ="1"/>
-		<input type="hidden" name="pageSize" value ="30"/>
-<!-- 		<input type="hidden" name="cateNo" th:value="${cateInfo.cateNo}"/> -->
-		<input type="hidden" name="cateGb" th:value="${cateInfo.cateGb}"/>
-		<input type="hidden" name="brandGroupNo" th:value="${cateInfo.brandGroupNo}"/>
-		<input type="hidden" name="formalGb" th:value="${cateInfo.formalGb=='G009_20'?'G009_20':''}"/>
-		<input type="hidden" name="cate1No" th:value="${cateInfo.cate1No}"/>
-		<input type="hidden" name="cate2No" th:value="${cateInfo.cate2No}"/>
-		<input type="hidden" name="cate3No" th:value="${cateInfo.cate3No}"/>
-		<input type="hidden" name="cate4No" th:value="${cateInfo.cate4No}"/>
-		<input type="hidden" name="sortingType" value="NEW"/>
-		<input type="hidden" name="newGoods" th:value="${cateInfo.formalGb=='G009_20'?'':'40'}" />
-	</form>
-
-	<script src="/ux/plugins/gaga/gaga.infinite.scrollSession.js"></script>
-	<script src="/ux/plugins/jquery/jquery.history.min.js"></script>
-	<script th:src="@{'/biz/goods.js?v=' + ${#calendars.format(#calendars.createNow(), 'yyyyMMddHHmmss')}}" src="/biz/goods.js"></script>
-	<script th:inline="javascript">
-		/*<![CDATA[*/
-		var filterPriceList = [[${filterPriceList}]];
-		var custom_values = [];
-		var custom_values02  = [];
-		var currUrl = document.location.href;
-		let brandGroupInfo =  [[${brandGroupInfo}]];
-		var brandGroupNm = '';
-		if(!gagajf.isNull(brandGroupInfo)){
-			brandGroupNm = brandGroupInfo.brandGroupNm;
-		}
-
-		// 컨텐츠 호출
-		$(document).ready( function() {
-			if(!gagajf.isNull(brandGroupInfo)){
-				if(!gagajf.isNull(brandGroupInfo.brandGroupNo)){
-					$(".br_header").css('background-color','#fff');
-				}
-			}
-			//가격 슬라이드
-			//var custom_values = ['9,000원', '230,000원', '487,000원', '700,000원', '1,360,000원', '1,799,000원'];
-			let priceLen;
-			if(!gagajf.isNull(filterPriceList)){
-				priceLen = filterPriceList.length-1;
-				$.each(filterPriceList, function (priceIdx, priceItem){
-					custom_values[priceIdx] = priceItem.filterNm;
-					if(priceLen==0){
-						custom_values[1] = priceItem.filterNm;
-					}
-				});
-				let my_from;
-				let my_to;
-				if(filterPriceList.length > 1){
-					my_from = custom_values.indexOf(custom_values[0]);
-					my_to = custom_values.indexOf(custom_values[priceLen]);
-				}else{
-					my_from = 0;
-					my_to = 1;
-				}
-
-				if(gagajf.isNull($("#filterForm input:hidden[name=priceFrom]").val())){
-					my_from = $("#filterForm input:hidden[name=priceFrom]").val();
-				}
-				if(gagajf.isNull($("#filterForm input:hidden[name=priceTo]").val())){
-					my_to = $("#filterForm input:hidden[name=priceTo]").val();
-				}
-				let minValue;
-				let maxValue;
-				if(filterPriceList.length > 1){
-					minValue = custom_values[0];
-					maxValue = custom_values[priceLen];
-				}else{
-					minValue = custom_values[0];
-					maxValue = custom_values[1];
-				}
-
-				$(".dp .js-range-slider01, .sch_result .js-range-slider01").ionRangeSlider({
-					type: "double",
-					min: minValue,
-					max: maxValue,
-					from: my_from,
-					to: my_to,
-					grid: true,
-					skin: "round",
-					postfix: "원",
-					prettify_separator: ",",
-					values: custom_values,
-					min_interval: 1,
-					// onStart : function(data){
-					//  	fnCheckPrice(data);
-					// },
-					// onChange : fnCheckPrice,
-					onFinish : function(data,priceLen){
-						fnCheckPrice(data,priceLen);
-					}
-				});
-			}
-
-			/*
-			//할인율
-			custom_values02 = ['0%', '10%', '20%', '30%', '40%', '50%', '60%', '70%', '80%', '90%', '100%'];
-			var my_from02 = custom_values02.indexOf('0%');
-			var my_to02 = custom_values02.indexOf('100%');
-
-			$(".dp .js-range-slider02, .sch_result .js-range-slider02").ionRangeSlider({
-				type: "double",
-				min: 0,
-				max: 100,
-				from: my_from02,
-				to: my_to02,
-				grid: true,
-				skin: "round",
-				postfix: "%",
-				prettify_separator: ",",
-				values: custom_values02,
-				min_interval: 1,
-				// onStart : function(data){
-				// 	fnCheckDcRate(data);
-				// },
-				// onChange : fnCheckDcRate,
-				onFinish : function (data){
-					fnCheckDcRate(data);
-				}
-			});*/
-
-			fnCreateCategoryList();
-
-			if ($('#sizeLi1').find('label').length == 0) $('#sizeLi1').hide();
-			if ($('#sizeLi2').find('label').length == 0) $('#sizeLi2').hide();
-			if ($('#sizeLi3').find('label').length == 0) $('#sizeLi3').hide();
-		});
-
-		var fnFilterOption = function (obj, stat){
-			var thisId = $(obj).attr('id');
-			var tag = '';
-
-			if(thisId == 'unisex'){
-				if(stat=='on'){
-					$(obj).attr('onclick','fnFilterOption(this,\'off\');');
-					tag += '<input type="hidden" name="unisex" value="G007_Z"/>\n';
-					$("#searchGoodsForm").append(tag);
-				}else{
-					$(obj).attr('onclick','fnFilterOption(this,\'on\');');
-					$("#searchGoodsForm input:hidden[name=unisex]").remove();
-				}
-			}else{
-				if(stat=='on'){
-					$(obj).attr('onclick','fnFilterOption(this,\'off\');');
-					tag += '<input type="hidden" name="newGoods" value="40"/>\n';
-					$("#searchGoodsForm").append(tag);
-				}else{
-					$(obj).attr('onclick','fnFilterOption(this,\'on\');');
-					$("#searchGoodsForm input:hidden[name=newGoods]").remove();
-				}
-			}
-			fnCategoryGoodsInfiniteScrollInit();
-			fnGoodsListSearch();
-		}
-
-		// 필터 가격 확인
-		var fnCheckPrice = function (data,priceLen){
-			$("#priceSpan").remove();
-			$("#searchGoodsForm input:hidden[name=priceFrom]").remove();
-			$("#searchGoodsForm input:hidden[name=priceTo]").remove();
-			let min = data.from;
-			let max = data.to;
-			$("#price_input_from").val(custom_values[0]);
-			$("#price_input_to").val(custom_values[priceLen]);
-
-			fnFilterSlider('price' , custom_values[min].addComma(), custom_values[max].addComma());
-		}
-
-		// 필터 할인율 확인
-		var fnCheckDcRate = function (data){
-			$("#dcrateSpan").remove();
-			$("#searchGoodsForm input:hidden[name=dcRateFrom]").remove();
-			$("#searchGoodsForm input:hidden[name=dcRateTo]").remove();
-			let min = data.from;
-			let max = data.to;
-			$("#price_input_from").val(0);
-			$("#price_input_to").val(100);
-
-			fnFilterSlider('dcrate' , custom_values02[min].replace('%',''), custom_values02[max].replace('%',''));
-		}
-
-		// 필터 초기화
-		var fnFilterReset = function (){
-			//document.location.href = currUrl;
-			$("#searchGoodsForm input:hidden[name=brandGroupArr]").remove();
-			$("#searchGoodsForm input:hidden[name=sizeArr]").remove();
-			$("#searchGoodsForm input:hidden[name=dcRateFrom]").remove();
-			$("#searchGoodsForm input:hidden[name=dcRateTo]").remove();
-			$("#searchGoodsForm input:hidden[name=priceFrom]").remove();
-			$("#searchGoodsForm input:hidden[name=priceTo]").remove();
-			$("#searchGoodsForm input:hidden[name=ageArr]").remove();
-			$("#searchGoodsForm input:hidden[name=seasonArr]").remove();
-			$("#searchGoodsForm input:hidden[name=colorArr]").remove();
-			$("#searchGoodsForm input:hidden[name=benefitArr]").remove();
-			$("#searchGoodsForm input:hidden[name=newGoods]").val('');
-			$("#unisex").prop('checked',false);
-			$("#unisex").attr('onclick','fnFilterOption(this,\'on\');');
-			$("#searchGoodsForm input:hidden[name=unisex]").remove();
-			$("#newGoods").prop('checked',false);
-			$("#newGoods").attr('onclick','fnFilterOption(this,\'on\');');
-			// $("#searchGoodsForm input:hidden[name=newGoods]").val('40');
-
-			fnFilterSliderMove(0,5);
-			fnDcRateFilterSliderMove(0,10);
-			$('.filter_content .sort').find('input[type=checkbox]').each(function (idx){
-				$(this).prop('checked',false);
-			});
-			$("#filterData").html('');
-			fnCategoryGoodsInfiniteScrollInit();
-			fnGoodsListSearch();
-		}
-
-		var fnGoodsListSearch = function (){
-			gagaInfiniteScroll.getHistory();
-		}
-
-		// 상품 검색
-		var fnGetInfiniteScrollDataList = function (pageNum){
-			$("#searchGoodsForm input[name=pageNo]").val(pageNum+1);
-			gagajf.ajaxFormSubmit("/display/category/goods/list", document.searchGoodsForm,  gagaInfiniteScroll.jsonToHtml, true);
-		}
-
-		var fnDrawInfiniteScrollData = function (result){
-			let totalCnt = result.paging.totalCount;
-			$("#totCntId").text(totalCnt.addComma());
-			gagaInfiniteScroll.pageStatus.totalCount = totalCnt;
-
-			var ithrCd = '';
-			var contentLoc = '';
-			if (result.dataList != null && result.dataList.length > 0) {
-				$('.list_content .list_defult').hide();
-				$('.list_content .count_wrap').show();
-				var goodsUrl = [[${@environment.getProperty('upload.goods.view')}]];;
-				let lastPage = result.paging.pageNo;
-				let endRow = result.paging.endRow - result.paging.pageSize;
-				var htm = fnCreateGoodsList(result, ithrCd, contentLoc, goodsUrl, lastPage, endRow);
-				gagaInfiniteScroll.draw(htm);
-				fnImgOnoff();
-			}else {
-				if($("#searchGoodsForm input[name=pageNo]").val()==1){
-					// 필터 값으로 조회 데이터 없을때
-					$('#noFilterData').show();
-					$('.list_content .count_wrap').hide();
-					$('#endPage').hide();
-				}else{
-					// 마지막 페이지 일때
-					$('#endPage').show();
-					$('#noFilterData').hide();
-					//$('.list_content .count_wrap').hide();
-				}
-				gagaInfiniteScroll.draw('not');
-			}
-		}
-
-		var fnCreateCategoryList = function (){
-			let actionUrl = '';
-			let brandGroupNo = [[${cateInfo.brandGroupNo}]];
-			let cate1No = [[${cateInfo.cate1No}]];
-			if(gagajf.isNull(brandGroupNo) || brandGroupNo == 0){
-				if( [[${cateInfo.formalGb}]] == 'G009_20'){
-					actionUrl = '/display/outlet/cate/list?cate1No='+cate1No+'&formalGb='+ [[${cateInfo.formalGb}]];
-				}else{
-					actionUrl = '/display/category/reload/list?cateGb='+[[${cateInfo.cateGb}]];
-				}
-			}else{
-				actionUrl = '/display/brand/cate/list?brandGroupNo=' + [[${cateInfo.brandGroupNo}]];
-			}
-
-			$.getJSON(actionUrl
-					, function(result, status) {
-						//if (status == 'success') {
-						if (result.length > 0) {
-							let formalGb = [[${cateInfo.formalGb}]];
-							if(formalGb == 'G009_10'){
-								formalGb = '';
-							}
-							let cateGb = 'G032_101';
-							let navNm = '';
-							$('#ulAllCate').html('');
-							if(brandGroupNo>0) {
-								$("#brandNm").show();
-								$("#brandNm").text(brandGroupNm);
-								$("#navNm").hide();
-								$('#ulAllCate').append('<li><a href="javascript:void(0);" id="cateAll" onclick="cfnGoToGoodsList(\''+brandGroupNo+'\',\''+cateGb+'\');" >전체</a></li>\n');
-								navNm += '<li class="bread_2depth" id="navNm1">전체</li>';
-								if(gagajf.isNull(cate1No)){
-									$("#cateAll").addClass("on");
-								}
-							}else{
-								if(formalGb=='G009_20'){
-									$("#navNm").hide();
-									$('#ulAllCate').append('<li><a href="javascript:void(0);" onclick="cfnGoToGoodsList(0,\''+cateGb+'\',\'\',\'\',\'\',\'\',\'\',\''+formalGb+'\');">전체</a></li>\n');
-									navNm += '<li class="bread_2depth" id="navNm">아울렛</li><li class="bread_2depth" id="navNm1">전체</li>';
-								}else{
-									$("#navNm").hide();
-									// $('#ulAllCate').append('<li><a href="javascript:void(0);" onclick="cfnGoToGoodsList(0,\''+cateGb+'\');">전체</a></li>\n');
-									// navNm += '<li class="bread_2depth" id="navNm1">전체</li>';
-								}
-							}
-
-							if(gagajf.isNull($("#searchGoodsForm").find("[name=cate1No]").val())){
-								$("#navArea").append(navNm);
-								$("#formTitle").text('전체');
-							}
-
-							let allCate = [[${cateList}]];
-							if(brandGroupNo > 0){
-								$.each(result, function(idx, item) {
-									$.each(allCate, function(brandCateIdx, brandCateItem) {
-										if (item.cate1No == brandCateItem.cate1No) {
-											$('#ulAllCate').append(fnGetBrandCategoryList(item));
-										}
-									});
-								});
-							}else{
-								if(formalGb == 'G009_20'){
-									$.each(result, function(idx, item) {
-										$.each(allCate, function(allCateIdx, allCateItem) {
-											if (item.cate1No == allCateItem.cate1No) {
-												$('#ulAllCate').append(fnGetCategoryList(item));
-											}
-										});
-									});
-								}else{
-									$.each(result, function(idx, item) {
-										$.each(allCate, function(allCateIdx, allCateItem) {
-											if (item.cate1No == allCateItem.cate1No) {
-												$('#ulAllCate').append(fnGetCategoryList(item));
-											}
-										});
-									});
-								}
-							}
-						}
-						//}
-					});
-		}
-
-		let fnGetBrandCategoryList = function (cate1){
-			var brandGroupNo = [[${cateInfo.brandGroupNo}]];
-			var cateGb =  [[${cateInfo.cateGb}]];
-			var formalGb = [[${cateInfo.formalGb}]];
-			var cate1No = [[${cateInfo.cate1No}]];
-			var cate2No = [[${cateInfo.cate2No}]];
-			var cate3No = [[${cateInfo.cate3No}]];
-			var cate4No = [[${cateInfo.cate4No}]];
-
-			var navNm = "";
-			var formTitle = "";
-			let tag = '';
-
-			if(formalGb!='G009_20'){
-				formalGb = '';
-			}
-
-			if(cate1 != null){
-				tag += '<li';
-				if (cate1.cate1No == cate1No) {
-					tag += ' class="on"';
-				}
-				tag += '>\n';
-				tag += '	<a href="javascript:void(0);"';
-				if (cate1.cate1No == cate1No && cate2No == null) {
-					tag += ' class="on"';
-					formTitle = cate1.cate1Nm;
-					$("#formTitle").text(formTitle);
-					$("#navNm").hide();
-					navNm += '<li class="bread_2depth" id="navNm1">' + cate1.cate1Nm + '</li>';
-					$("#navHome").attr('onclick', 'cfnGoToBrandMain(' + brandGroupNo + ');');
-					$("#navArea").append(navNm);
-				}else if(cate1.cate1No == cate1No && cate3No == null){
-					$("#navNm").hide();
-
-					navNm += '<li class="bread_2depth" id="navNm1">' + cate1.cate1Nm + '</li>';
-					$("#navArea").append(navNm);
-				}else if(cate3No != null){
-					$("#navNm").hide();
-				}
-				tag += '	onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ');" >' + cate1.cate1Nm + '</a>\n';
-
-				if (cate1.leafYn == 'N' && cate1.cate2List.length > 0) {
-					if (cate1.cate1No == cate1No) {
-						tag += '<div class="sub_cate" style="display: block;">\n';
-					}else{
-						tag += '<div class="sub_cate">\n';
-					}
-
-					tag += '	<ul>\n';
-					$.each(cate1.cate2List, function (idx2, cate2) {
-						tag += '		<li';
-						if (cate2.cate2No == cate2No && cate3No == null) {
-							tag += ' class="on"';
-						}
-						tag += '		>\n';
-						tag += '		<a href="javascript:void(0);" ';
-						if (cate2.cate2No == cate2No && cate3No == null) {
-							tag += ' class="on"';
-							navNm = '<li class="bread_2depth" id="navNm2">' + cate2.cate2Nm + '</li>';
-							$("#navArea").append(navNm);
-							$("#formTitle").text(cate2.cate2Nm);
-						}else if(cate2.cate2No == cate2No){
-							navNm += '<li class="bread_2depth" id="navNm1">' + cate1.cate1Nm + '</li>';
-							$("#navArea").append(navNm);
-						}
-						tag += '	onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ',' + cate2.cate2No + ');">' + cate2.cate2Nm + '</a>\n';
-
-						if (cate2.leafYn == 'N' && cate2.cate3List != null && cate2.cate3List.length > 0) {
-							tag += '<div class="sub_cate"';
-							if (cate2.cate2No == cate2No) {
-								tag += ' style="display: block;"';
-							}
-							tag += '>\n';
-							tag += '	<ul>\n';
-							$.each(cate2.cate3List, function (idx3, cate3) {
-								tag += '<li';
-								if (cate3.cate3No == cate3No && cate4No == null) {
-									tag += ' class="on"';
-								}
-								tag += '>';
-								tag += '		<a href="javascript:void(0);" ';
-								if (cate3.cate3No == cate3No && cate4No == null) {
-									tag += ' class="on"';
-									navNm = '<li class="bread_2depth" id="navNm2">' + cate2.cate2Nm + '</li><li class="bread_2depth" id="navNm3">' + cate3.cate3Nm + '</li>';
-									$("#navArea").append(navNm);
-									$("#formTitle").text(cate3.cate3Nm);
-								}else if(cate3.cate3No == cate3No){
-									navNm = '<li class="bread_2depth" id="navNm2">' + cate2.cate2Nm + '</li><li class="bread_2depth" id="navNm3">' + cate3.cate3Nm + '</li>';
-								}
-								tag += ' onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ',' + cate2.cate2No + ',' + cate3.cate3No + ');">' + cate3.cate3Nm + '</a>';
-
-								if (cate3.leafYn == 'N' && cate3.cate4List != null && cate3.cate4List.length > 0) {
-									tag += '<div class="sub_cate"';
-									if (cate3.cate3No == cate3No) {
-										tag += ' style="display: block;"';
-									}
-									tag += '>\n';
-									tag += '	<ul>\n';
-									$.each(cate3.cate4List, function (idx4, cate4) {
-										tag += '<li';
-										if (cate4.cate4No == cate4No) {
-											tag += ' class="on"';
-										}
-										tag += '>';
-										tag += '		<a href="javascript:void(0);" ';
-										if (cate4.cate4No == cate4No) {
-											tag += ' class="on"';
-											navNm = '<li class="bread_2depth" id="navNm3">' + cate2.cate2Nm + '</li><li class="bread_2depth" id="navNm3">' + cate3.cate3Nm + '</li><li class="bread_2depth" id="navNm3">' + cate4.cate4Nm + '</li>';
-											$("#navArea").append(navNm);
-											$("#formTitle").text(cate4.cate4Nm);
-										}
-										if (formalGb == 'G009_20') {
-											tag += ' onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ',' + cate2.cate2No + ',' + cate3.cate3No + ',' + cate4.cate4No + ',\'\',\'' + formalGb + '\');">' + cate4.cate4Nm + '</a>';
-										} else {
-											tag += ' onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ',' + cate2.cate2No + ',' + cate3.cate3No + ',' + cate4.cate4No + ');">' + cate4.cate4Nm + '</a>';
-										}
-										tag += '</li>';
-									});
-									tag += '</ul>\n';
-									tag += '</div>\n';
-								}
-								tag += '</li>';
-							});
-							tag += '</ul>\n';
-							tag += '</div>\n';
-						}
-						tag += '</li>';
-					});
-					tag += '</ul>';
-					tag += '</div>';
-				}
-				tag += '</li>\n';
-			}
-			return tag;
-		}
-
-		let fnGetCategoryList = function (cate1){
-			var brandGroupNo = [[${cateInfo.brandGroupNo}]];
-			var cateGb =  [[${cateInfo.cateGb}]];
-			var formalGb = [[${cateInfo.formalGb}]];
-			var cate1No = [[${cateInfo.cate1No}]];
-			var cate2No = [[${cateInfo.cate2No}]];
-			var cate3No = [[${cateInfo.cate3No}]];
-			var cate4No = [[${cateInfo.cate4No}]];
-
-			var navNm = "";
-			var formTitle = "";
-			let tag = '';
-
-			if(formalGb!='G009_20'){
-				formalGb = '';
-			}
-
-			if (cate1 != null) {
-				tag += '<li';
-				if (cate1.cate1No == cate1No) {
-					tag += ' class="on"';
-				}
-				tag += '>\n';
-				tag += '	<a href="javascript:void(0);"';
-				if (cate1.cate1No == cate1No && cate2No == null) {
-					tag += ' class="on"';
-					formTitle = cate1.cate1Nm;
-					$("#formTitle").text(formTitle);
-					$("#navNm").hide();
-					if(formalGb=='G009_20'){
-						navNm += '<li class="bread_2depth" id="navNm1">아울렛</li>';
-					}
-					navNm += '<li class="bread_2depth" id="navNm1">' + cate1.cate1Nm + '</li>';
-					if (brandGroupNo == 0) {
-						$("#navHome").attr('href', '/');
-						$("#navArea").append(navNm);
-					} else {
-						$("#navHome").attr('onclick', 'cfnGoToBrandMain(' + brandGroupNo + ');');
-						$("#navArea").append(navNm);
-					}
-				}else if(cate1.cate1No == cate1No && cate3No == null){
-					$("#navNm").hide();
-					if(formalGb=='G009_20'){
-						navNm += '<li class="bread_2depth" id="navNm1">아울렛</li>';
-					}
-					navNm += '<li class="bread_2depth" id="navNm1">' + cate1.cate1Nm + '</li>';
-					$("#navArea").append(navNm);
-					//$("#navNm").text(cate1.cate1Nm);
-				}else if(cate3No != null){
-					$("#navNm").hide();
-				}
-				if(formalGb=='G009_20'){
-					tag += '	onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ',\'\',\'\',\'\',\'\',\'' + formalGb + '\');" >' + cate1.cate1Nm + '</a>\n';
-				}else{
-					tag += '	onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ');" >' + cate1.cate1Nm + '</a>\n';
-				}
-
-				if (cate1.leafYn == 'N' && cate1.cate2List.length > 0) {
-					tag += '<div class="sub_cate"';
-					if (cate1.cate1No == cate1No) {
-						tag += ' style="display: block;"';
-					}
-					tag += '>\n';
-					tag += '	<ul>\n';
-					$.each(cate1.cate2List, function (idx2, cate2) {
-						tag += '		<li';
-						if (cate2.cate2No == cate2No && cate3No == null) {
-							tag += ' class="on"';
-						}
-						tag += '		>\n';
-						tag += '		<a href="javascript:void(0);" ';
-						if (cate2.cate2No == cate2No && cate3No == null) {
-							tag += ' class="on"';
-							navNm = '<li class="bread_2depth" id="navNm2">' + cate2.cate2Nm + '</li>';
-							$("#navArea").append(navNm);
-							$("#formTitle").text(cate2.cate2Nm);
-						}else if(cate2.cate2No == cate2No){
-							if(formalGb=='G009_20'){
-								navNm += '<li class="bread_2depth" id="navNm1">아울렛</li>';
-							}
-							navNm += '<li class="bread_2depth" id="navNm1">' + cate1.cate1Nm + '</li>';
-							$("#navArea").append(navNm);
-						}
-						if(formalGb=='G009_20'){
-							tag += '	onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ',' + cate2.cate2No + ',\'\',\'\',\'\',\'' + formalGb + '\');">' + cate2.cate2Nm + '</a>\n';
-						}else{
-							tag += '	onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ',' + cate2.cate2No + ');">' + cate2.cate2Nm + '</a>\n';
-						}
-
-						if (cate2.leafYn == 'N' && cate2.cate3List != null && cate2.cate3List.length > 0) {
-							tag += '<div class="sub_cate"';
-							if (cate2.cate2No == cate2No) {
-								tag += ' style="display: block;"';
-							}
-							tag += '>\n';
-							tag += '	<ul>\n';
-							$.each(cate2.cate3List, function (idx3, cate3) {
-								tag += '<li';
-								if (cate3.cate3No == cate3No && cate4No == null) {
-									tag += ' class="on"';
-								}
-								tag += '>';
-								tag += '		<a href="javascript:void(0);" ';
-								if (cate3.cate3No == cate3No && cate4No == null) {
-									tag += ' class="on"';
-									navNm = '<li class="bread_2depth" id="navNm2">' + cate2.cate2Nm + '</li><li class="bread_2depth" id="navNm3">' + cate3.cate3Nm + '</li>';
-									$("#navArea").append(navNm);
-									$("#formTitle").text(cate3.cate3Nm);
-								}else if(cate3.cate3No == cate3No){
-									navNm = '<li class="bread_2depth" id="navNm2">' + cate2.cate2Nm + '</li><li class="bread_2depth" id="navNm3">' + cate3.cate3Nm + '</li>';
-								}
-								if(formalGb=='G009_20'){
-									tag += ' onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ',' + cate2.cate2No + ',' + cate3.cate3No + ',\'\',\'\',\'' + formalGb + '\');">' + cate3.cate3Nm + '</a>';
-								}else{
-									tag += ' onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ',' + cate2.cate2No + ',' + cate3.cate3No + ');">' + cate3.cate3Nm + '</a>';
-								}
-
-								if (cate3.leafYn == 'N' && cate3.cate4List != null && cate3.cate4List.length > 0) {
-									tag += '<div class="sub_cate"';
-									if (cate3.cate3No == cate3No) {
-										tag += ' style="display: block;"';
-									}
-									tag += '>\n';
-									tag += '	<ul>\n';
-									$.each(cate3.cate4List, function (idx4, cate4) {
-										tag += '<li';
-										if (cate4.cate4No == cate4No) {
-											tag += ' class="on"';
-										}
-										tag += '>';
-										tag += '		<a href="javascript:void(0);" ';
-										if (cate4.cate4No == cate4No) {
-											tag += ' class="on"';
-											navNm = '<li class="bread_2depth" id="navNm3">' + cate2.cate2Nm + '</li><li class="bread_2depth" id="navNm3">' + cate3.cate3Nm + '</li><li class="bread_2depth" id="navNm3">' + cate4.cate4Nm + '</li>';
-											$("#navArea").append(navNm);
-											$("#formTitle").text(cate4.cate4Nm);
-										}
-										if(formalGb=='G009_20'){
-											tag += ' onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ',' + cate2.cate2No + ',' + cate3.cate3No + ',' + cate4.cate4No + ',\'\',\'' + formalGb + '\');">' + cate4.cate4Nm + '</a>';
-										}else{
-											tag += ' onclick="cfnGoToGoodsList(' + brandGroupNo + ',\'' + cateGb + '\',' + cate1.cate1No + ',' + cate2.cate2No + ',' + cate3.cate3No + ',' + cate4.cate4No + ');">' + cate4.cate4Nm + '</a>';
-										}
-										tag += '</li>';
-									});
-									tag += '	</ul>\n';
-									tag += '</div>';
-								}
-
-								tag += '</li>';
-							});
-							tag += '	</ul>\n';
-							tag += '</div>';
-						}
-
-						tag += '</li>';
-					});
-					tag += '	</ul>\n';
-					tag += '</div>\n';
-				}
-				tag += '</li>\n';
-			}
-			return tag;
-		}
-
-		var fnImgOnoff = function (){
-			var nowFocus = $('.dp .itemPic');
-			var nowMov = $('.itemPic').children('.pd_mov');
-			var nowImg = $('.itemPic').children('.pd_img');
-			var ogrSrc;
-			var overSrc;
-			var srcName = nowImg.attr('src');
-			overSrc = srcName.substring(0, srcName.lastIndexOf('.'));
-
-			var srcImg;
-			var srcdat;
-
-			$(nowFocus).on('mouseover', function() {
-				// [on] size opt
-				//$(this).siblings(".itemOpt").stop().animate({"bottom": 0}, 400,"swing");
-				// [on] mov none
-				//$(this).css("opacity","0");
-				// return false;
-				$(this).children('.pd_mov').siblings(".itemOpt").addClass('on');
-				$(this).children('.pd_mov').css("opacity","0");
-			});
-			$(nowFocus).on('mouseleave', function() {
-				// [off] size opt
-				//$(this).siblings(".itemOpt").stop().animate({"bottom": -120}, 400,"swing");
-				// [off] mov block
-				//$(this).css("opacity","1");
-				// return false;
-				$(this).children('.pd_mov').siblings(".itemOpt").removeClass('on');
-				$(this).children('.pd_mov').css("opacity","1");
-			});
-			$(nowFocus).on('mouseover', function() {
-				//img1 = $(this).attr('src');
-				//img2 = $(this).attr('data-img');
-				// [on] size opt
-				//$(this).siblings(".itemOpt").stop().animate({"bottom": 0}, 400,"swing");
-				// [on] re-Name
-				// ogrSrc = $(this).attr('src').substring(0, srcName.lastIndexOf('.'));
-				// overSrc = $(this).attr('src').substring(0, srcName.lastIndexOf('.'));
-				// $(this).attr('src', overSrc+ '_onhover.' + /[^.]+$/.exec(srcName));
-				//$(this).attr('src',img2);
-				// return false;
-				$(this).children('.pd_img').siblings(".itemOpt").addClass('on');
-				srcImg = $(this).children('.pd_img').attr('src');
-				srcdat = $(this).children('.pd_img').attr('data-img');
-				$(this).children('.pd_img').attr('src',srcdat);
-			});
-			$(nowFocus).on('mouseleave', function() {
-				// [off] size opt
-				//$(this).siblings(".itemOpt").stop().animate({"bottom": -120}, 400,"swing");
-				// [off] re-Name
-				// $(this).attr('src', overSrc + '.' + /[^.]+$/.exec(srcName));
-				//$(this).attr('src', img1);
-				// return false;
-				$(this).parents('.itemPic').removeClass();
-				$(this).children('.pd_img').siblings(".itemOpt").removeClass('on');
-				$(this).children('.pd_img').attr('src', srcImg);
-				$(this).children('.pd_img').css("opacity","1");
-			});
-		}
-
-		// 사파리 - event.persisted || 크롬 - window.performance.navigation.type 이 1이면 새로고침, 2면 페이지 이동을 통한 캐쉬페이징
-		$(window).on("pageshow", function(event) {
-			$('#filterForm input[name=brandGroup]:checked').each(function(){
-				let filterGb = 'brandGroup';
-				$(this).attr('onclick','filterSel(this,\''+filterGb+'\',\'on\');');
-				$(this).parent().addClass("active");
-			});
-			$('#filterForm input[name=size]:checked').each(function(){
-				let filterGb = 'size';
-				let rowNum = $(this).attr('data-idx');
-				$(this).attr('onclick','filterSel(this,\''+filterGb+'\',\'on\',\''+rowNum+'\');');
-				$(this).parent().addClass("active");
-			});
-			$('#filterForm input[name=season]:checked').each(function(){
-				let filterGb = 'season';
-				$(this).attr('onclick','filterSel(this,\''+filterGb+'\',\'on\');');
-				$(this).parent().addClass("active");
-			});
-			$('#filterForm input[name=color]:checked').each(function(){
-				let filterGb = 'color';
-				$(this).attr('onclick','filterSel(this,\''+filterGb+'\',\'on\');');
-				$(this).parent().addClass("active");
-			});
-			$('#filterForm input[name=benefit]:checked').each(function(){
-				let filterGb = 'benefit';
-				$(this).attr('onclick','filterSel(this,\''+filterGb+'\',\'on\');');
-				$(this).parent().addClass("active");
-			});
-
-			//할인율
-			custom_values02 = ['0%', '10%', '20%', '30%', '40%', '50%', '60%', '70%', '80%', '90%', '100%'];
-			var my_from02 = custom_values02.indexOf('0%');
-			var my_to02 = custom_values02.indexOf('100%');
-			if(gagajf.isNull($('#searchGoodsForm').find("input[name=dcRateFrom]").val())){
-				my_from02 = $('#searchGoodsForm').find("input[name=dcRateFrom]").val();
-			}
-			if(gagajf.isNull($('#searchGoodsForm').find("input[name=dcRateTo]").val())){
-				my_to02 = $('#searchGoodsForm').find("input[name=dcRateTo]").val();
-			}
-
-			$(".dp .js-range-slider02, .sch_result .js-range-slider02").ionRangeSlider({
-				type: "double",
-				min: 0,
-				max: 100,
-				from: my_from02,
-				to: my_to02,
-				grid: true,
-				skin: "round",
-				postfix: "%",
-				prettify_separator: ",",
-				values: custom_values02,
-				min_interval: 1,
-				onFinish : function (data){
-					fnCheckDcRate(data);
-				}
-			});
-			if ( (event.originalEvent && event.originalEvent.persisted) || (window.performance && window.performance.navigation.type == 2)) {
-				if( history.scrollRestoration ) window.history.scrollRestoration = 'manual';
-				var historyData = sessionStorage.getItem(document.location.href);
-				if(historyData!=null){
-					// console.log('historyData>>'+historyData);
-					historyData = JSON.parse(historyData);
-				}else{
-					historyData = {};
-				}
-				if(typeof historyData.sortingTypeNm!='undefined' && historyData.sortingTypeNm!=''){
-					$(".arrayWrap .btn").text(historyData.sortingTypeNm);
-				}
-				if(typeof historyData.filterHtml!='undefined' && historyData.filterHtml!=''){
-					// console.log('filterHtml>>'+historyData.filterHtml);
-					$("#searchGoodsForm").append(historyData.filterHtml);
-					filterHtml = historyData.filterHtml;
-				}
-				if(typeof historyData.filterStatHtml!='undefined' && historyData.filterStatHtml!=''){
-					// console.log('filterStatHtml>>'+historyData.filterStatHtml);
-					$("#filterData").append(historyData.filterStatHtml);
-					filterStatHtml = historyData.filterStatHtml;
-				}
-				if(typeof historyData.totalCount!='undefined' && historyData.totalCount!=''){
-					$("#totCntId").text(historyData.totalCount);
-				}
-				if(!gagajf.isNull($("#searchGoodsForm").find('input[name=priceFrom]').val())){
-					$("#filterForm").find('input[name=hPriceFrom]').val($("#searchGoodsForm").find('input[name=priceFrom]').val());
-				}
-				if(!gagajf.isNull($("#searchGoodsForm").find('input[name=priceTo]').val())){
-					$("#filterForm").find('input[name=hPriceTo]').val($("#searchGoodsForm").find('input[name=priceTo]').val());
-				}
-				if(!gagajf.isNull($("#searchGoodsForm").find('input[name=dcRateFrom]').val())){
-					$("#filterForm").find('input[name=hDcRateFrom]').val($("#searchGoodsForm").find('input[name=dcRateFrom]').val());
-				}
-				if(!gagajf.isNull($("#searchGoodsForm").find('input[name=dcRateTo]').val())){
-					$("#filterForm").find('input[name=hDcRateTo]').val($("#searchGoodsForm").find('input[name=dcRateTo]').val());
-				}
-				if(typeof historyData.sortingType!='undefined' && historyData.sortingType!=''){
-					$("#searchGoodsForm input:hidden[name=sortingType]").val(historyData.sortingType);
-					fnSortingChange(this,historyData.sortingType,'back');
-					$(".fillter").show();
-				}else{
-					$(".fillter").show();
-					fnGoodsListSearch();
-					fnSetPriceFilter();
-					fnImgOnoff();
-					// console.log('here*++ '+historyData.scroll);
-					// $('html, body').animate({scrollTop: historyData.backScroll});
-				}
-			}else{
-				fnCategoryGoodsInfiniteScrollInit();
-				var sortingType = $("#searchGoodsForm input:hidden[name=sortingType]").val();
-				if(sortingType=='BEST' || sortingType=='REVIEW'){
-					$("#sortArea").find('li').each(function (){
-						$(this).find('a').attr('class','off');
-					});
-
-					$(this).addClass("on");
-					fnSortingChange(this, sortingType);
-				}else{
-					fnGoodsListSearch();
-				}
-			}
-		});
-
-		var fnSetPriceFilter = function (){
-			if(!gagajf.isNull(filterPriceList)){
-				let min = 0;
-				let max = 5;
-				let priceFrom = '';
-				let priceTo = '';
-				if(!gagajf.isNull($("#searchGoodsForm").find("input:hidden[name=priceFrom]").val())){
-					priceFrom = $("#searchGoodsForm").find("input:hidden[name=priceFrom]").val().replace(',','');
-				}
-				if(!gagajf.isNull($("#searchGoodsForm").find("input:hidden[name=priceTo]").val())){
-					priceTo = $("#searchGoodsForm").find("input:hidden[name=priceTo]").val().replace(',','');
-				}
-				// console.log('priceFrom>>'+priceFrom);
-				// console.log('priceTo>>'+priceTo);
-				$.each(filterPriceList, function (priceIdx, priceItem){
-					custom_values[priceIdx] = priceItem.filterNm;
-					// console.log('custom_values[priceIdx]>>'+custom_values[priceIdx])
-					if(custom_values[priceIdx] == priceFrom){
-						min = priceIdx;
-					}
-					if(custom_values[priceIdx] == priceTo){
-						max = priceIdx;
-					}
-				});
-				fnFilterSliderMove(min,max);
-			}
-		}
-
-
-		/*]]>*/
-
-		// 동영상 플레이어
-		// var iframe= document.createElement('iframe');
-		// iframe.setAttribute('allowFullScreen', '');
-		// iframe.setAttribute('allow', 'fullscreen');
-		// var controller;
-		// var player = document.getElementById('player');
-		//
-		// player.onload = function() {
-		// 	try {
-		// 		var controller = new VgControllerClient({
-		// 			target_window: document.getElementById('pdThumbVideo').contentWindow
-		// 			// target_window: document.getElementsByClassName('pd_mov').contentWindow
-		// 		});
-		// 		var playMov;
-		//
-		// 		controller.on('ready', function(){
-		// 			//플레이어 준비 완료
-		// 			controller.set_ratio('fill');
-		// 			//  contain : 비율에 맞게 채웁니다.
-		// 			//fill : 화면에 꽉 차게 채웁니다.
-		// 			//enlargement : 세로 높이를 꽉 차게 맞춥니다. 좌우로 스크롤이 가능합니다
-		// 			controller.play();
-		// 		});
-		// 		controller.on('done', function(){
-		// 			//플레이어 재생 완료
-		// 			controller.play();
-		// 		});
-		//
-		// 	} catch(e) {
-		// 		// Videogateweay Controller Library는 window.postMessage API를 이용하기 때문에
-		// 		// 해당 기능을 지원하지 않는 웹브라우져에서는 동작하지 않습니다.
-		// 		// 이 부분에 적절한 fail-over 코드를 추가하여 주십시요.
-		// 	}
-		//
-		// }
-	</script>
-
-	<script>
-		//(진행 중)
-		/* 210427_수정 : err 이미지 스크립트 */
-		// function noneImg(noneSrc){
-		// 	$(noneSrc).parents('.itemPic').css({'background':'url(' + _uximgUrl + '/images/pc/thumb/bg_item_none.png)'});
-		// 	$(noneSrc).css({'opacity':'0'});
-		// 	//$(noneSrc).attr("src", no_src);
-		// }
-	</script>
-	
-
-</th:block>
-
-</body>
-</html>

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

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

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

@@ -4966,13 +4966,13 @@
 								<tbody>
 								<tr>
 									<td>입점 문의</td>
-									<td>석혜민</td>
-									<td>hmsuk@yes24.com</td>
+									<td>김초윤</td>
+									<td>cykim730@style24.com</td>
 								</tr>
 								<tr>
 									<td>제휴 문의</td>
-									<td>정석헌</td>
-									<td>blacktan01@yes24.com</td>
+									<td>김은진</td>
+									<td>kej@style24.com</td>
 								</tr>
 								</tbody>
 							</table>

src/main/webapp/WEB-INF/views/web/mypage/MypageCreExchangeDetailFormWeb.html

@@ -345,6 +345,7 @@
 
 		if (addrGb == 'chger') {
 			url = '/mypage/change/chger/addr';
+			data.ordNo			= ordNo;
 			data.ordChgSq = ordChgSq;
 			data.chgerNm = recipNm;
 			data.chgerPhnno = recipPhnno;
@@ -354,6 +355,7 @@
 			data.chgerRtnMemo = delvMemo;
 		} else {
 			url = '/mypage/change/delvery/addr';
+			data.ordNo			= ordNo;
 			data.delvAddrSq = delvAddrSq;
 			data.recipNm = recipNm;
 			data.recipPhnno = recipPhnno;
@@ -393,10 +395,12 @@
 
 		if (memoGb == 'chger') {
 			url = '/mypage/change/chger/rtn/memo';
+			data.ordNo = ordNo;
 			data.ordChgSq = ordChgSq;
 			data.chgerRtnMemo = delvMemo;
 		} else {
 			url = '/mypage/change/delvery/memo';
+			data.ordNo = ordNo;
 			data.delvAddrSq = delvAddrSq;
 			data.delvMemo = delvMemo;
 		}

src/main/webapp/WEB-INF/views/web/mypage/MypageCreReturnDetailFormWeb.html

@@ -299,6 +299,7 @@
 		let chgerAddr = chgerBaseAddr + ' ' + chgerDtlAddr;
 
 		let data = {};
+		data.ordNo = ordNo;
 		data.ordChgSq = ordChgSq;
 		data.chgerNm = chgerNm;
 		data.chgerPhnno = chgerPhnno;

src/main/webapp/WEB-INF/views/web/mypage/MypageOrderDetailFormWeb.html

@@ -641,6 +641,7 @@
 		
 		let url = '/mypage/change/delvery/addr';
 		let data = {};
+		data.ordNo			= ordNo;
 		data.delvAddrSq = delvAddrSq;
 		data.recipNm = recipNm;
 		data.recipPhnno = recipPhnno;
@@ -662,6 +663,7 @@
 
 		let data = {};
 		data.delvMemo = delvMemo;
+		data.ordNo = ordNo;
 		data.delvAddrSq = oneData.delvAddrSq;
 
 		let jsonData = JSON.stringify(data);

src/main/webapp/WEB-INF/views/web/mypage/NoMemberCreExchangeDetailFormWeb.html

@@ -342,6 +342,7 @@
 
 		if (addrGb == 'chger') {
 			url = '/noMember/change/chger/addr';
+			data.ordNo			= ordNo;
 			data.ordChgSq = ordChgSq;
 			data.chgerNm = recipNm;
 			data.chgerPhnno = recipPhnno;
@@ -351,6 +352,7 @@
 			data.chgerRtnMemo = delvMemo;
 		} else {
 			url = '/noMember/change/delvery/addr';
+			data.ordNo			= ordNo;
 			data.delvAddrSq = delvAddrSq;
 			data.recipNm = recipNm;
 			data.recipPhnno = recipPhnno;
@@ -390,10 +392,12 @@
 
 		if (memoGb == 'chger') {
 			url = '/noMember/change/chger/rtn/memo';
+			data.ordNo = ordNo;
 			data.ordChgSq = ordChgSq;
 			data.chgerRtnMemo = delvMemo;
 		} else {
 			url = '/noMember/change/delvery/memo';
+			data.ordNo = ordNo;
 			data.delvAddrSq = delvAddrSq;
 			data.delvMemo = delvMemo;
 		}

src/main/webapp/WEB-INF/views/web/mypage/NoMemberCreReturnDetailFormWeb.html

@@ -296,6 +296,7 @@
 		let chgerAddr = chgerBaseAddr + ' ' + chgerDtlAddr;
 
 		let data = {};
+		data.ordNo = ordNo;
 		data.ordChgSq = ordChgSq;
 		data.chgerNm = chgerNm;
 		data.chgerPhnno = chgerPhnno;

src/main/webapp/WEB-INF/views/web/mypage/NoMemberOrderDetailFormWeb.html

@@ -486,6 +486,7 @@
 		
 		let url = '/noMember/change/delvery/addr';
 		let data = {};
+		data.ordNo			= ordNo;
 		data.delvAddrSq = delvAddrSq;
 		data.recipNm = recipNm;
 		data.recipPhnno = recipPhnno;
@@ -507,6 +508,7 @@
 
 		let data = {};
 		data.delvMemo = delvMemo;
+		data.ordNo = ordNo;
 		data.delvAddrSq = oneData.delvAddrSq;
 
 		let jsonData = JSON.stringify(data);

src/main/webapp/WEB-INF/views/web/order/OrderCompleteWeb.html

@@ -363,34 +363,42 @@ var delvAddrSet = function(delvObj) {
 	rtnStr += "| recipBaseAddr 		::: " + delvObj.recipBaseAddr;
 	rtnStr += "| recipDtlAddr 		::: " + delvObj.recipDtlAddr;
 	rtnStr += "| delvMemo 			::: " + delvObj.delvMemo;
-	
-	$("#recipNm").text(delvObj.recipNm);
-	$("#recipPhnno").text(delvObj.recipPhnno);
-	$("#recipAddr").text(delvObj.recipBaseAddr + '    ' + delvObj.recipDtlAddr);
-	$("#delvMemo").text(delvObj.delvMemo);
-	
-	// 2021.05.16 비회원구분처리
-	let url = '';
-	// 변수값 설정
-	if (isLogin == true) {
-		url = '/mypage/change/delvery/addr';
-	} else {
-		url = '/noMember/change/delvery/addr';
-	}
-	
+
 	let data = {};
-	data.delvAddrSq 		= delvAddrSq;
-	data.recipNm 			= delvObj.recipNm;
-	data.recipPhnno 		= delvObj.recipPhnno;
-	data.recipZipcode 		= delvObj.recipZipcode;
-	data.recipBaseAddr 		= delvObj.recipBaseAddr;
-	data.recipDtlAddr 		= delvObj.recipDtlAddr;
-	data.delvMemo 			= delvObj.delvMemo;
-	
+	data.ordNo = ordNo;
+	data.delvAddrSq = delvAddrSq;
+	data.recipNm = delvObj.recipNm;
+	data.recipPhnno = delvObj.recipPhnno;
+	data.recipZipcode = delvObj.recipZipcode;
+	data.recipBaseAddr = delvObj.recipBaseAddr;
+	data.recipDtlAddr = delvObj.recipDtlAddr;
+	data.delvMemo = delvObj.delvMemo;
+
 	let jsonData = JSON.stringify(data);
-	
-	gagajf.ajaxJsonSubmit(url, jsonData, function(result) {
-	})
+
+	gagajf.ajaxJsonSubmit('/order/delivery/ban', jsonData, function(result) {
+		if (!gagajf.isNull(result.banZipcode) && result.banZipcode > 0) {
+			mcxDialog.alert('죄송합니다. 정읍,익산,전주 지역은 주문/배송이 불가한 지역입니다. 다른 배송지로 수정 해주세요.');
+			return false;
+		} else {
+			$("#recipNm").text(delvObj.recipNm);
+			$("#recipPhnno").text(delvObj.recipPhnno);
+			$("#recipAddr").text(delvObj.recipBaseAddr + '    ' + delvObj.recipDtlAddr);
+			$("#delvMemo").text(delvObj.delvMemo);
+			
+			// 2021.05.16 비회원구분처리
+			let url = '';
+			// 변수값 설정
+			if (isLogin == true) {
+				url = '/mypage/change/delvery/addr';
+			} else {
+				url = '/noMember/change/delvery/addr';
+			}
+			
+			gagajf.ajaxJsonSubmit(url, jsonData, function (result) {
+			});
+		}
+	});
 }
 
 // 1.19 배송메모설정
@@ -403,6 +411,7 @@ var delvMemoSet = function(delvMemoObj) {
 	// 변수값 설정
 	let data = {};
 	data.delvAddrSq = delvAddrSq;
+	data.ordNo = ordNo;
 	data.delvMemo = delvMemo;
 	
 	let jsonData = JSON.stringify(data);

src/main/webapp/WEB-INF/views/web/order/OrderFormWeb.html

@@ -1144,13 +1144,301 @@ var paymentInfoSet = function() {
 					}
 					
 					// 배송주소등록
-					if ($("#orderAmtForm .recipZipcode").text() == "00000") {
+					var recipZipcode = $("#orderAmtForm .recipZipcode").text();
+					if (recipZipcode == "00000") {
 						mcxDialog.alert("배송정보를 등록해 주세요.");
 						// 배송정보화면노출
 						deliveryAddrInfoDispYn("Y");
 						return false;
 					}
 					
+					// 출고불가지역 확인
+					let banData = {};
+					banData.recipZipcode = recipZipcode;
+					
+					let banJsonData = JSON.stringify(banData);
+					
+					gagajf.ajaxJsonSubmit('/order/delivery/ban', banJsonData, function(result) {
+						if (!gagajf.isNull(result.banZipcode) && result.banZipcode > 0) {
+							mcxDialog.alert('죄송합니다. 정읍,익산,전주 지역은 주문/배송이 불가한 지역입니다. 다른 배송지로 주문을 진행해주세요.');
+							return false;
+						} else {
+							if (foreignBuyYn == "Y") {
+								if ($("#orderForm input[name=rdi-overseas]:checked").val() == "Y") {
+									if (gagajf.isNull($("#orderForm input[name=entryNo]").val())) {
+										mcxDialog.alert("개인통관고유부호를 입력해주세요.");
+										$('#orderForm input[name=entryNo]').focus();
+										
+										// 배송정보화면노출
+										deliveryAddrInfoDispYn("Y");
+										return false;
+									}
+									
+									orgEntryNo = $("#orderForm input[name=entryNo]").val();
+									
+									if (orgEntryNo.substr(0,1) != "P") {
+										mcxDialog.alert("개인통관고유부호가 유효하지 않습니다.");
+										$('#orderForm input[name=entryNo]').focus();
+										
+										// 배송정보화면노출
+										deliveryAddrInfoDispYn("Y");
+										return false;
+									}
+									
+									if (orgEntryNo.length < 13) {
+										mcxDialog.alert("개인통관고유부호가 유효하지 않습니다.");
+										$('#orderForm input[name=entryNo]').focus();
+										
+										// 배송정보화면노출
+										deliveryAddrInfoDispYn("Y");
+										return false;
+									}
+									
+									if (!$("#orderForm #chk-overs-agr").is(":checked")) {
+										mcxDialog.alert("개인통관정보고유부호 정보 동의/저장항목을 체크해주세요.");
+										
+										// 배송정보화면노출
+										deliveryAddrInfoDispYn("Y");
+										return false;
+									}
+								}
+							}
+							
+							// 주문제작상품일때 주문제작정보동의
+							if (orderMadeYn == "Y") {
+								if (!$("#orderForm #chk-custom-agr1").is(":checked")) {
+									mcxDialog.alert("주문제작상품에 대한 동의를 하지 않으실 경우 해당 상품을 쇼핑백에서 제외하신 후 다시 결제를 시도해주세요.");
+									
+									// 배송정보화면노출
+									deliveryAddrInfoDispYn("Y");
+									return false;
+								}
+							}
+							
+							// 사은품지급할 경우 체크 2020.04.29 사은품지급이 필수가 아닙니다.
+							if ($("#orderAmtForm .freegiftValArr").text().length > 0) {
+								if (!$("#orderForm #chk-agree_gift").is(":checked")) {
+									mcxDialog.alert("사은품 지급 정보 동의를 체크해주세요.");
+									
+									// 배송정보화면노출
+									freegiftInfoDispYn("Y");
+									return false;
+								}
+							}
+							
+							// 결재수단
+							var realOrdSumAmt 	= parseInt($("#orderAmtForm .realOrdSumAmt").text());
+							var pgGb			= "";
+							var payMeans		= "";
+							if (realOrdSumAmt > 0) {
+								if (gagajf.isNull(paynormal)) {
+									mcxDialog.alert("결제수단을 선택해 주세요.");
+									
+									// 결제수단정보노출
+									paymentInfoDispYn("Y");
+									return false;
+								}
+								
+								paynormalArr		= paynormal.split("|");
+								pgGb				= paynormalArr[0];
+								payMeans			= paynormalArr[1];
+							}
+							
+							var custPayMeans		= "N";
+							
+							// 자주쓰는결제타입
+							if ($("#orderForm #chk-agree_paymethod").is(":checked") == true) {
+								custPayMeans		= "Y";
+							}
+							
+							// 주문상세데이타 생성
+							$("#orderDetailInfo .cartSq").each(function(){
+								
+								// 주문상세단위 총알배송여부 변경
+								var orderDetailShotDelvYn = $(this).parent().find(".shotDelvYn").text();
+								if (orderDetailShotDelvYn == "Y") {
+									if (shotDelvYn == "N") {
+										orderDetailShotDelvYn = "N";
+									}
+								}
+								
+								// 개인통관번호
+								if ($(this).parent().find(".foreignBuyYn").text() == "Y") {
+									entryNo = orgEntryNo;
+								} else {
+									entryNo = "";
+								}
+								
+								var orderDetailData = {
+									"cartSq"			: $(this).text()
+									,"currPrice"		: $(this).parent().find(".orgCurrPrice").text()
+									,"optAddPrice"		: $(this).parent().find(".optAddPrice").text()
+									,"ordAmt"			: $(this).parent().find(".ordAmt").text()
+									,"cpn1CpnSq"		: $(this).parent().find(".cpn1CpnSq").text()
+									,"cpn1DcAmt"		: $(this).parent().find(".cpn1DcAmt").text()
+									,"goodsQty"			: $(this).parent().find(".goodsQty").text()
+									,"tmtb1Sq"			: $(this).parent().find(".tmtb1Sq").text()
+									,"tmtb1DcAmt"		: $(this).parent().find(".tmtb1DcAmt").text()
+									,"tmtb2Sq"			: $(this).parent().find(".tmtb2Sq").text()
+									,"tmtb2DcAmt"		: $(this).parent().find(".tmtb2DcAmt").text()
+									,"goodsCpnSq"		: $(this).parent().find(".goodsCpnSq").text()
+									,"goodsCpnDcAmt"	: $(this).parent().find(".goodsCpnDcAmt").text()
+									,"cartCpnSq"		: $(this).parent().find(".cartCpnSq").text()
+									,"cartCpnDcAmt"		: $(this).parent().find(".cartCpnDcAmt").text()
+									,"prePntDcAmt"		: $(this).parent().find(".prePntDcAmt1").text()
+									,"pntDcAmt"			: $(this).parent().find(".pntDcAmt1").text()
+									,"gfcdUseAmt"		: $(this).parent().find(".gfcdUseAmt1").text()
+									,"realOrdAmt"		: $(this).parent().find(".realOrdAmt1").text()
+									,"savePntAmt"		: $(this).parent().find(".savePntAmt1").text()
+									,"shotDelvYn"		: orderDetailShotDelvYn
+									,"foreignBuyYn"		: $(this).parent().find(".foreignBuyYn").text()
+									,"makeGoodsYn"		: $(this).parent().find(".orderMadeYn").text()
+									,"delvFeeCd"		: $(this).parent().find(".delvFeeCd").text()
+									,"goodsCd"			: $(this).parent().find(".goodsCd").text()
+									,"itemCdArr"		: $(this).parent().find(".itemCd").text().split(",")
+									,"optCdArr"			: $(this).parent().find(".optCd").text().split(",")
+									,"optCd1Arr"		: $(this).parent().find(".optCd1").text().split(",")
+									,"optCd2Arr"		: $(this).parent().find(".optCd2").text().split(",")
+									,"itemQtyArr"		: $(this).parent().find(".itemQtyr").text().split(",")
+									,"goodsType"		: $(this).parent().find(".goodsType").text()
+									,"entryNo"			: entryNo
+									,"giftPackYn"		: "N"
+								}
+								
+								// 상품수
+								ordGoodsQty++;
+								
+								orderDetailList.push(orderDetailData);
+							});
+							
+							// 주문배송업체정보생성
+							$("#delvFeeCdInfo .delvFeeCd").each(function(){
+								var delvFeeCdData = {
+									"delvFeeCd"			: $(this).text()
+									,"supplyCompCd"		: $(this).parent().find(".supplyCompCd").text()
+									,"delvFee"			: $(this).parent().find(".delvFee").text()
+									,"delvCpnSq"		: $(this).parent().find(".delvCpnSq").text()
+									,"delvCpnDcAmt"		: $(this).parent().find(".delvCpnDcAmt").text()
+									,"delvGfcdUseAmt"	: $(this).parent().find(".delvGfcdUseAmt").text()
+								}
+								
+								delvFeeCdList.push(delvFeeCdData);
+							});
+							
+							// 2021.04.29 상픈품 체크박스 미동의시 사은품 미지급
+							var freegiftValArr 			= $("#orderAmtForm .freegiftValArr").text().split(",");
+							var freegiftSqArr 			= $("#orderAmtForm .freegiftSqArr").text().split(",");
+							var freegiftGoodsArr 		= $("#orderAmtForm .freegiftGoodsArr").text().split(",");
+							var freegiftUsePointArr 	= $("#orderAmtForm .freegiftUsePointArr").text().split(",");
+							
+							/*
+							if (!$("#orderForm #chk-agree_gift").is(":checked") == false) {
+								freegiftValArr 			= "";
+								freegiftSqArr 			= "";
+								freegiftGoodsArr 		= "";
+								freegiftUsePointArr 	= "";
+							}
+							*/
+							
+							// 2021.07.15 상품권 100% 결제시 
+							if (parseInt($("#orderAmtForm .realOrdSumAmt").text()) < 1) {
+								pgGb 		= "KCP";
+								payMeans 	= "G014_70";
+							}
+							
+							// 주문데이타 생성
+							var orderData = {
+								"custNm"				: $("#orderAmtForm .custNm").text()
+								,"email"				: $("#orderAmtForm .email").text()
+								,"recipNm"				: $("#orderAmtForm .recipNm").text()
+								,"recipPhnno"			: $("#orderAmtForm .recipPhnno").text()
+								,"recipZipcode"			: $("#orderAmtForm .recipZipcode").text()
+								,"recipBaseAddr"		: $("#orderAmtForm .recipBaseAddr").text()
+								,"recipDtlAddr"			: $("#orderAmtForm .recipDtlAddr").text()
+								,"delvMemo"				: $("#orderAmtForm .delvMemo").text()
+								,"insuranceYn"			: insuranceYn
+								,"sexGb"				: $("#orderAmtForm .sexGb").text()
+								,"birthYmd"				: $("#orderAmtForm .birthYmd").text()
+								,"prePntDcAmtYn"		: prePntDcAmtYn
+								,"orderDetailList"		: orderDetailList
+								,"delvFeeCdList"		: delvFeeCdList
+								,"shotDelvYn"			: shotDelvYn
+								,"entryNo"				: entryNo
+								,"pgGb"					: pgGb
+								,"payMeans"				: payMeans // 네이버페이, 카카오페이
+								,"payAmt"				: $("#orderAmtForm .realOrdSumAmt").text()
+								,"ordNm"				: $("#orderAmtForm .custNm").text()
+								,"ordPhnno"				: $("#orderAmtForm .cellPhnno").text()
+								,"goodsNm"				: $("#orderAmtForm .goodsNm").eq(0).text()
+								,"ordGoodsQty"			: ordGoodsQty
+								,"freegiftValArr"		: freegiftValArr
+								,"freegiftSqArr"		: freegiftSqArr
+								,"freegiftGoodsArr"		: freegiftGoodsArr
+								,"freegiftUsePointArr"	: freegiftUsePointArr
+								,"giftMsg"				: ""
+								,"custPayMeans"			: custPayMeans
+								,"cartSqArr"			: cartSqArr
+								,"orgGoodsSumAmt"		: $("#orderAmtForm .orgGoodsSumAmt").text()
+								,"cpn1DcSumAmt"			: $("#orderAmtForm .cpn1DcSumAmt").text()
+								,"tmtb1DcSumAmt"		: $("#orderAmtForm .tmtb1DcSumAmt").text()
+								,"tmtb2DcSumAmt"		: $("#orderAmtForm .tmtb2DcSumAmt").text()
+								,"goodsCpnDcSumAmt"		: $("#orderAmtForm .goodsCpnDcSumAmt").text()
+								,"cartCpnDcSumAmt"		: $("#orderAmtForm .cartCpnDcSumAmt").text()
+								,"prePntDcSumAmt"		: $("#orderAmtForm .prePntDcSumAmt").text()
+								,"pntDcSumAmt"			: $("#orderAmtForm .pntDcSumAmt").text()
+								,"gfcdUseSumAmt"		: $("#orderAmtForm .gfcdUseSumAmt").text()
+								,"realOrdSumAmt"		: $("#orderAmtForm .realOrdSumAmt").text()
+								,"delvSumAmt"			: $("#orderAmtForm .delvSumAmt").text()
+							};
+							
+							$.ajax( {
+								type		: "POST",
+								url 		: '/order/create/preOrder',
+								data		: JSON.stringify(orderData),
+								dataType 	: 'html',
+								beforeSend : function(xhr, settings) {
+									xhr.setRequestHeader("AJAX"			, "true");
+									xhr.setRequestHeader('Accept'		, 'application/json');
+									xhr.setRequestHeader('Content-Type'	, 'application/json');
+									
+									// 2021.07.24 유효성체크 분리작업
+									gagajf.showProgressbar(true);
+								},
+								success 	: function(result) {
+									
+									// 2021.07.24 유효성체크 분리작업
+									gagajf.showProgressbar(false);
+									
+									// 결재정보로드
+									$("#order_info").html(result);
+									
+									var pgGb = $("#order_info input[name=pgGb]").val();
+									
+									if (pgGb == "NAVER") {
+										fnNaverPaymentReady();
+									} else if (pgGb == "KAKAO") {
+										fnKakaoPaymentReady();
+									} else if (pgGb == "KCP" || pgGb == "PAYCO") {
+										if(payMeans == "G014_70") {
+											$("#order_info input[name=tran_cd]").val("ISTYLE");
+											$("#order_info input[name=pgTid]").val("ISTYLE");
+											$("#order_info").submit();
+										} else {
+											jsf__pay(document.order_info);
+										}
+									}
+									// 2021.07.15 상품권 100% 결제 
+									else if (pgGb == "ISTYLE") {
+										$("#order_info input[name=tran_cd]").val("ISTYLE");
+										$("#order_info input[name=pgTid]").val("ISTYLE");
+										$("#order_info").submit();
+									}
+								}
+							});
+						}
+					});
+					
+					/*
 					// 개인통관번호 동의 체크시 통관번호 등록
 					if (foreignBuyYn == "Y") {
 						if ($("#orderForm input[name=rdi-overseas]:checked").val() == "Y") {
@@ -1320,14 +1608,14 @@ var paymentInfoSet = function() {
 					var freegiftGoodsArr 		= $("#orderAmtForm .freegiftGoodsArr").text().split(",");
 					var freegiftUsePointArr 	= $("#orderAmtForm .freegiftUsePointArr").text().split(",");
 					
-					/*
-					if (!$("#orderForm #chk-agree_gift").is(":checked") == false) {
-						freegiftValArr 			= "";
-						freegiftSqArr 			= "";
-						freegiftGoodsArr 		= "";
-						freegiftUsePointArr 	= "";
-					}
-					*/
+					
+					//if (!$("#orderForm #chk-agree_gift").is(":checked") == false) {
+					//	freegiftValArr 			= "";
+					//	freegiftSqArr 			= "";
+					//	freegiftGoodsArr 		= "";
+					//	freegiftUsePointArr 	= "";
+					//}
+					
 					
 					// 2021.07.15 상품권 100% 결제시 
 					if (parseInt($("#orderAmtForm .realOrdSumAmt").text()) < 1) {
@@ -1424,7 +1712,9 @@ var paymentInfoSet = function() {
 							}
 						}
 					});
+				*/
 				});
+				
 
 				// 1.8 할인영역 설정 (로그인여부일때 동작)
 				if (isLogin == true) {

src/main/webapp/WEB-INF/views/web/planning/PlanningDetailFormWeb.html

@@ -18,6 +18,89 @@
 <body>
 <th:block layout:fragment="content">
 <script src="https://developers.kakao.com/sdk/js/kakao.min.js"></script>
+<!-- 이벤트를 위한 임시 script 및 style 추가 시작 (21.10.22 by junghwan)  -->
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.css" th:if="${planInfo.planSq}==38 or ${planInfo.planSq}==43">
+<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js" th:if="${planInfo.planSq}==38 or ${planInfo.planSq}==43"></script> -->
+<script src="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.min.js" th:if="${planInfo.planSq}==38 or ${planInfo.planSq}==43"></script>
+
+<!-- 스타일데이 -->
+<script src="https://mattstow.com/experiment/responsive-image-maps/jquery.rwdImageMaps.min.js" th:if="${planInfo.planSq}==38"></script>
+<script th:if="${planInfo.planSq}==38">
+	openWindow = function() {
+	  	var popupX = (document.body.offsetWidth / 2) - (800 / 2);
+	  	var popupY= (window.screen.height / 2) - (700 / 2);
+	  	window.open('http://image.istyle24.com/Statics/design/event/2021/1022Gift/gift_popup.html', '', 'status=no, height=700, width=800, left='+ popupX + ', top='+ popupY + ', screenX='+ popupX + ', screenY= '+ popupY);
+	  	return;
+	}
+	$(function(){
+		$('.gift_slider').bxSlider({
+			wrapperClass: 'sliderwrap',
+			auto: true,
+			controls: false,
+			speed: 300,
+		});
+		
+        $('img[usemap]').rwdImageMaps();
+        $("#img").width("100%");
+	});
+</script>
+<style type="text/css" th:if="${planInfo.planSq}==38">
+    .coner_item01 img {max-width:100%;}
+    .gift_box{background-color:#0a1252;}
+    .gift_box .gift_section{max-width:1080px; width:auto; background-color:#fff; padding:70px 90px; margin:0 auto;}
+    .gift_box .gift_section h3{text-align: center;}
+    .gift_box .gift_section h3 img{max-width:349px;}
+    .gift_box p{font-size:18px;}
+
+    .sliderwrap{position:relative; max-width:850px; margin-bottom:140px; text-align: center;}
+    .sliderwrap .bx-pager{position:absolute; left:50%; bottom:-60px; transform:translateX(-50%);}
+    .sliderwrap .bx-pager div{display:inline-block;padding:0 3px;}
+    .sliderwrap .bx-pager div a{display:block; width:13px; height:13px; border:2px solid #222; background:#fff; border-radius:100%; color:transparent; font-size:0px;}
+    .sliderwrap .bx-pager div .active{background:#222; width:22px; border-radius:12px;}
+    .gift_slider li{text-align:right;}
+    .btn_giftPopup{float:right; margin-top:-115px;}
+    .btn_giftPopup img{max-width:270px;}
+</style>
+<!-- 핸드크림 -->
+<script th:if="${planInfo.planSq}==43">
+	openWindow2 = function() {
+	    var popupX = (document.body.offsetWidth / 2) - (800 / 2);
+	    var popupY= (window.screen.height / 2) - (700 / 2);
+	    window.open('http://image.istyle24.com/Statics/design/event/2021/1022STday/gift_popup.html', '', 'status=no, height=700, width=800, left='+ popupX + ', top='+ popupY + ', screenX='+ popupX + ', screenY= '+ popupY);
+	    return;
+    }
+	$(function(){
+        $('.gift_slider').bxSlider({
+        wrapperClass: 'sliderwrap3',
+        auto: true,
+        speed: 300,
+        nextText : '<i class="fas fa-chevron-right"></i>',
+        prevText : '<i class="fas fa-chevron-left"></i>',
+        });
+    });
+</script>
+<style type="text/css" th:if="${planInfo.planSq}==43">
+	.coner_item01 img {max-width:100%;}
+	.pm_gift{padding:80px 0; background:url('http://image.istyle24.com/Statics/design/event/2021/1022Gift/1025_bg_gift.jpg') center no-repeat; background-size: cover; text-align:center;}
+	.pm_gift img{max-width:1080px;}
+	.gift_box{margin:30px 0;}
+	.gift_box .gift_section{position:relative; max-width:860px; width:auto; margin:0 auto;}
+	.gift_box .gift_section #g-view{position:absolute; bottom:2rem; left:50%; transform: translateX(-50%);}
+	.gift_box p{font-size:18px;}
+	
+	.sliderwrap3{position:relative; max-width:860px; width:100%; margin-bottom:80px; text-align: center;}
+	.sliderwrap3 .bx-pager{position:absolute; left:50%; bottom:-40px; transform:translateX(-50%);}
+	.sliderwrap3 .bx-pager div{display:inline-block;padding:0 3px;}
+	.sliderwrap3 .bx-pager div a{display:block; width:6px; height:6px; background:#fff; border-radius:100%; color:transparent; font-size:0px;}
+	.sliderwrap3 .bx-pager div .active{background:#fd4802;}
+	.gift_slider li{text-align:right;}
+	.gift_slider li span{position:absolute; left:50%; bottom:30px; transform:translateX(-50%);}
+	.controls .bx-prev, .controls .bx-next{position:absolute;top:50%;transform:translateY(-50%);font-size:3em;color:#7d7e7d;}
+	.controls .bx-prev{right:calc(100% + 40px);}
+	.controls .bx-next{left:calc(100% + 40px);}
+</style>
+<!-- 이벤트를 위한 임시 script 및 style 추가 종료 (21.10.22 by junghwan)  -->
+
 <div id="container" class="container dp" th:with="frontUrl=${@environment.getProperty('domain.front')}, goodsView=${@environment.getProperty('upload.goods.view')}, planView=${@environment.getProperty('upload.image.view')}">
 		<div class="breadcrumb"> 
 			<ul>