Merge remote-tracking branch 'origin/bin2107' into order

# Conflicts:
#	src/main/webapp/ux/mo/css/common_m.css

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

@@ -52,7 +52,8 @@ public class Yes24Login {
 
 	private String id;
 	private String type;
-	private String requestUrl;
+	private String webRequestUrl;
+	private String mobRequestUrl;
 	private String callBackUrl;
 	private String userInfoUrl;
 	private String linkUrl;
@@ -62,7 +63,8 @@ public class Yes24Login {
 	public void init() {
 		id = env.getProperty("yes24.id");
 		type = env.getProperty("yes24.type");
-		requestUrl = env.getProperty("yes24.login.requestUrl");
+		webRequestUrl = env.getProperty("yes24.login.web.requestUrl");
+		mobRequestUrl = env.getProperty("yes24.login.mob.requestUrl");
 		callBackUrl = env.getProperty("yes24.login.callbackUrl");
 		userInfoUrl = env.getProperty("yes24.userInfoUrl");
 		linkUrl = env.getProperty("yes24.linkUrl");
@@ -71,7 +73,8 @@ public class Yes24Login {
 		log.debug("\n\n---- YES24 initialization started ----");
 		log.debug("id: [{}]", id);
 		log.debug("type: [{}]", type);
-		log.debug("requestUrl: [{}]", requestUrl);
+		log.debug("webRequestUrl: [{}]", webRequestUrl);
+		log.debug("mobRequestUrl: [{}]", mobRequestUrl);
 		log.debug("callBackUrl: [{}]", callBackUrl);
 		log.debug("userInfoUrl: [{}]", userInfoUrl);
 		log.debug("linkUrl: [{}]", linkUrl);
@@ -88,6 +91,7 @@ public class Yes24Login {
 	 */
 	public String getAuthorizeUrl(String state) {
 		String idGb = TsfSession.getFrontGb().equals("P") ? "PID" : "MID";
+		String requestUrl = TsfSession.getFrontGb().equals("P") ? webRequestUrl : mobRequestUrl;
 		StringBuilder apiUrlBuilder = new StringBuilder();
 		String redirectUri = GagaFileUtil.getConcatenationPath(PROTOCOL + TsfSession.getHttpServletRequest().getServerName(), callBackUrl);
 		apiUrlBuilder.append(requestUrl)

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

@@ -817,12 +817,13 @@ public class TsfCustomerController extends TsfBaseController {
 	 * @since 2021. 03. 25
 	 */
 	@PostMapping("/consent/useinfo/form")
-	public ModelAndView cnstentUseInfoForm(@RequestBody Customer customer) {
+	public ModelAndView cnstentUseInfoForm(Customer customer) {
 		ModelAndView mav = new ModelAndView();
 
 		mav.addObject("custNm", customer.getCustNm());
 
-		mav.setViewName(super.getDeviceViewName("customer/ConsentUseInfoForm"));
+//		mav.setViewName(super.getDeviceViewName("customer/ConsentUseInfoForm"));
+		mav.setViewName("web/customer/ConsentUseInfoFormWeb");
 
 		return mav;
 	}

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

@@ -415,6 +415,16 @@ public class TsfDisplayController extends TsfBaseController {
 	@GetMapping("/lookbook/main/form")
 	public ModelAndView lookbookMain(Lookbook lookbook) {
 		ModelAndView mav = new ModelAndView(super.getDeviceViewName("display/LookbookMainForm"));
+		// 브랜드그룹 정보 : 브랜드메인 링크에 설정된 기획전으로 들어올때 GNB 변경때문에 사용
+		if(lookbook.getBrandGroupNo() != null && !lookbook.getBrandGroupNo().equals("")){
+			lookbook.setBrandCd(lookbook.getBrandGroupNo().toString());
+			lookbook.setLookbookGb("BL");
+			mav.addObject("brandGroupInfo", displayService.getGnbBrandGroup(lookbook.getBrandGroupNo()));
+		}else{
+			lookbook.setLookbookGb("B");
+			mav.addObject("brandGroupInfo", null);
+		}
+
 		mav.addObject("lbInfo", lookbook);
 		return mav;
 	}
@@ -460,6 +470,8 @@ public class TsfDisplayController extends TsfBaseController {
 		mav.addObject("lookbookDetailList", lookbookList);
 		mav.addObject("otherLookbookList", coreLookbookService.getOtherLookbookList(lookbook));
 		mav.addObject("lookbookInfo", lookbook);
+		// 브랜드그룹 정보 : 브랜드메인 링크에 설정된 기획전으로 들어올때 GNB 변경때문에 사용
+		mav.addObject("brandGroupInfo", displayService.getGnbBrandGroup(lookbook.getBrandGroupNo()));
 
 		mav.setViewName(super.getDeviceViewName("display/LookbookDetailForm"));
 		return mav;
@@ -525,6 +537,12 @@ public class TsfDisplayController extends TsfBaseController {
 		mav.addObject("filterColorList", displayService.getCategoryFilter(cate4Srch, "COLOR"));
 		mav.addObject("filterBenefitList", displayService.getCategoryFilterBenefit(cate4Srch));
 		mav.addObject("sortGb", "new");
+		// 브랜드그룹 정보 : 브랜드메인 링크에 설정된 기획전으로 들어올때 GNB 변경때문에 사용
+		if(cate4Srch.getBrandGroupNo() != null && !cate4Srch.getBrandGroupNo().equals("") && !cate4Srch.getBrandGroupNo().equals(0)){
+			mav.addObject("brandGroupInfo", displayService.getGnbBrandGroup(cate4Srch.getBrandGroupNo()));
+		}else{
+			mav.addObject("brandGroupInfo", null);
+		}
 		mav.addObject("cateInfo", cate4Srch);
 
 		return mav;

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

@@ -3,6 +3,7 @@ package com.style24.front.biz.web;
 import java.util.ArrayList;
 import java.util.Arrays;
 import java.util.Collection;
+import java.util.HashMap;
 
 import org.apache.commons.lang3.StringUtils;
 import org.springframework.beans.factory.annotation.Autowired;
@@ -13,6 +14,7 @@ import org.springframework.web.bind.annotation.PathVariable;
 import org.springframework.web.bind.annotation.PostMapping;
 import org.springframework.web.bind.annotation.RequestBody;
 import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RequestParam;
 import org.springframework.web.bind.annotation.ResponseBody;
 import org.springframework.web.servlet.ModelAndView;
 
@@ -209,6 +211,7 @@ public class TsfGoodsController extends TsfBaseController {
 				// 상품 옵션1(색상) 정보
 				mav.addObject("goodsOption1List", goodsService.getGoodsOption1List(paramsGoods));
 				// 상품 옵션2(사이즈) 정보
+				if (StringUtils.isEmpty(paramsGoods.getMastrGoodsCd())) paramsGoods.setMastrGoodsCd(goods.getGoodsCd());
 				mav.addObject("goodsOption2List", goodsService.getGoodsOption2List(paramsGoods));
 //				} else {
 //					mav.addObject("goodsOptionList", goodsService.getGoodsOptionList(paramsGoods));
@@ -283,6 +286,8 @@ public class TsfGoodsController extends TsfBaseController {
 		setTodayGoodsCd(paramsGoods);
 		
 		mav.addObject("params", paramsGoods);
+		mav.addObject("afLinkCd", afLinkCd);	// 파라미터 제휴코드
+		
 
 		if (TscConstants.GoodsType.DEAL.value().equals(goods.getGoodsType())) {
 			if ("Y".equals(mobileYn)) {
@@ -661,6 +666,7 @@ public class TsfGoodsController extends TsfBaseController {
 
 		// 자사 일반상품- 옵션2(사이즈) 정보
 		paramsGoods.setOptCd1(colorCd);
+		if (StringUtils.isEmpty(paramsGoods.getMastrGoodsCd())) paramsGoods.setMastrGoodsCd(goods.getGoodsCd());
 		mav.addObject("goodsOption2List", goodsService.getGoodsOption2List(paramsGoods));
 
 		mav.setViewName(super.getDeviceViewName("goods/GoodsInstockAlarmForm"));
@@ -1285,9 +1291,15 @@ public class TsfGoodsController extends TsfBaseController {
 	 */
 	@GetMapping("/epCoupon/list")
 	@ResponseBody
-	public Collection<Coupon> getEpGouponList(Goods paramsGoods) {
+	public Collection<Coupon> getEpGouponList(@RequestParam HashMap<String, String> paramMap) {
 		// 상품관련 기본값 설정(회원 등급, 앱, PC/모바일 등)
+		Goods paramsGoods = new Goods();
 		setGoods(paramsGoods);
+		
+		// 순서중요 setGoods 이후에 설정
+		paramsGoods.setAfLinkCd(paramMap.get("afLinkCd"));
+		paramsGoods.setGoodsCd(paramMap.get("goodsCd"));
+		paramsGoods.setMaxRownum(Integer.parseInt(paramMap.get("maxRownum")));
 		return couponService.getGoodsEpCouponList(paramsGoods);
 	}
 

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

@@ -16,6 +16,7 @@ import org.springframework.stereotype.Controller;
 import org.springframework.web.bind.annotation.GetMapping;
 import org.springframework.web.bind.annotation.PostMapping;
 import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RequestMethod;
 import org.springframework.web.bind.annotation.RequestParam;
 import org.springframework.web.bind.annotation.ResponseBody;
 import org.springframework.web.servlet.ModelAndView;
@@ -351,12 +352,13 @@ public class TsfIndexController extends TsfBaseController {
 	 * @author jsshin
 	 * @since 2021. 02. 23
 	 */
-	@RequestMapping("/signin/yes24LoginCallback")
-	public ModelAndView yes24LoginCallback(@RequestParam("ipin") String ipin, HttpSession session) {
+	@RequestMapping( "/signin/yes24LoginCallback")
+	public ModelAndView yes24LoginCallback(@RequestParam(value = "ipin", required = false) String ipin, @RequestParam(value = "ipn", required = false) String ipn, HttpSession session) {
 		ModelAndView mav = new ModelAndView();
 		boolean isSnsLoing = false;
 		GagaMap userInfo = new GagaMap();
-
+		log.info("ipn {}", ipn);
+		log.info("ipin {}", ipin);
 		if (StringUtils.isNotBlank(ipin)) {
 			userInfo = yes24Login.getUserInfo(ipin);
 			userInfo.setString("snsType", TscConstants.SnsType.YES24.value());

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

@@ -171,7 +171,9 @@ public class TsfPlanningController extends TsfBaseController {
 		mav.addObject("planInfo", planInfo);
 
 		mav.addObject("planCount", planningService.getPlanAllCount(plan));
-
+		// 템플릿 순서
+		mav.addObject("templateOrd", planningService.templateDispOrdInfo(plan));
+		
 		// 상단소스
 		plan.setFrontGb("T");
 		mav.addObject("fsrcInfoTop", planningService.getPlanFsrcInfo(plan));
@@ -180,9 +182,6 @@ public class TsfPlanningController extends TsfBaseController {
 		plan.setFrontGb("B");
 		mav.addObject("fsrcInfoBtm", planningService.getPlanFsrcInfo(plan));
 
-		// 템플릿 순서
-		mav.addObject("templateOrd", planningService.templateDispOrdInfo(plan));
-
 		// 리뷰
 		mav.addObject("reviewInfo", planningService.getPlanReviewInfo(review));
 

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

@@ -65,12 +65,22 @@
 		            WHEN 'G069_12' THEN '상품구매'
 		            WHEN 'G069_20' THEN '리뷰'
 		            WHEN 'G069_30' THEN '이벤트'
+		            WHEN 'G069_31' THEN '회원가입'
+		            WHEN 'G069_32' THEN '생일축하'
+		            WHEN 'G069_35' THEN 'APP다운'
+		            WHEN 'G069_36' THEN '사은품구매'
+		            WHEN 'G069_37' THEN '출석체크'
 		            WHEN 'G069_90' THEN '관리자'
 		       END                                          AS OCCUR_GB
 		     , CASE TCHP.OCCUR_GB
 		            WHEN 'G069_12' THEN TG.GOODS_NM
 		            WHEN 'G069_20' THEN TG.GOODS_NM
 		            WHEN 'G069_30' THEN TCHP.OCCUR_DTL_DESC
+		            WHEN 'G069_31' THEN TCHP.OCCUR_DTL_DESC
+		            WHEN 'G069_32' THEN TCHP.OCCUR_DTL_DESC
+		            WHEN 'G069_35' THEN TCHP.OCCUR_DTL_DESC
+		            WHEN 'G069_36' THEN TCHP.OCCUR_DTL_DESC
+		            WHEN 'G069_37' THEN TCHP.OCCUR_DTL_DESC
 		            WHEN 'G069_90' THEN TCHP.OCCUR_DTL_DESC
 		       END                                          AS  OCCUR_DTL_DESC
 		      , TCHP.PNT_AMT                                AS PNT_AMT
@@ -96,7 +106,7 @@
 		AND CASE WHEN NULLIF(TCHP.REVIEW_SQ, 0) IS NULL THEN 1
 		         WHEN NULLIF(TCHP.REVIEW_SQ, 0) IS NOT NULL AND NULLIF(TR.REVIEW_SQ, 0) IS NOT NULL THEN 1 /* 상품평조건 */
 		    END > 0
-		AND TCHP.OCCUR_GB IN ('G069_12','G069_20','G069_30','G069_90')
+		AND TCHP.OCCUR_GB IN ('G069_12','G069_20','G069_30','G069_31','G069_32','G069_35','G069_36','G069_37','G069_90')
 		AND TCHP.PNT_UPLOAD_STAT = 'G070_30'														/* 공통코드 : 반영완료 */
 		AND TCHP.PNT_AMT <![CDATA[>]]> 0
 		AND DATE_FORMAT(TCHP.UPD_DT,'%Y%m') = #{searchDt}
@@ -150,6 +160,11 @@
 		WHEN   'G069_13' THEN '구매 취소'
 		WHEN   'G069_20' THEN '리뷰'	
 		WHEN   'G069_30' THEN '이벤트'
+		WHEN   'G069_31' THEN '회원가입'
+		WHEN   'G069_32' THEN '생일축하'
+		WHEN   'G069_35' THEN 'APP다운'
+		WHEN   'G069_36' THEN '사은품구매'
+		WHEN   'G069_37' THEN '출석체크'
 		WHEN   'G069_40' THEN '구매 사용'
 		WHEN   'G069_42' THEN '사은품'
 		WHEN   'G069_90' THEN '관리자'
@@ -158,8 +173,13 @@
 		CASE   TCHP.OCCUR_GB
 		WHEN   'G069_12' THEN TG.GOODS_NM 
 		WHEN   'G069_13' THEN TG.GOODS_NM 
-		WHEN   'G069_20' THEN TG.GOODS_NM 
+		WHEN   'G069_20' THEN TG.GOODS_NM
 		WHEN   'G069_30' THEN TCHP.OCCUR_DTL_DESC
+		WHEN   'G069_31' THEN TCHP.OCCUR_DTL_DESC
+		WHEN   'G069_32' THEN TCHP.OCCUR_DTL_DESC
+		WHEN   'G069_35' THEN TCHP.OCCUR_DTL_DESC
+		WHEN   'G069_36' THEN TCHP.OCCUR_DTL_DESC
+		WHEN   'G069_37' THEN TCHP.OCCUR_DTL_DESC
 		WHEN   'G069_40' THEN TG.GOODS_NM 
 		WHEN   'G069_42' THEN TG.GOODS_NM
 		WHEN   'G069_90' THEN TCHP.OCCUR_DTL_DESC
@@ -191,7 +211,7 @@
 			WHEN NULLIF(TCHP.REVIEW_SQ, 0) IS NULL THEN 1
 			WHEN NULLIF(TCHP.REVIEW_SQ, 0) IS NOT NULL AND NULLIF(TR.REVIEW_SQ, 0) IS NOT NULL THEN 1
 		END <![CDATA[>]]> 0		
-		AND TCHP.OCCUR_GB IN ('G069_12','G069_13','G069_20','G069_30','G069_40','G069_42','G069_90','G069_99')
+		AND TCHP.OCCUR_GB IN  ('G069_12','G069_13','G069_20','G069_30','G069_31','G069_32','G069_35','G069_36','G069_37','G069_40','G069_42','G069_90','G069_99')
 		AND TCHP.PNT_UPLOAD_STAT = 'G070_30'
 		AND DATE_FORMAT(TCHP.UPD_DT,'%Y%m') = #{searchDt}
 		GROUP BY TCHP.REVIEW_SQ, TCHP.OCCUR_GB, PNT_AMT, GOODS_NM, TCHP.OCCUR_DTL_DESC, TCHP.UPD_DT

src/main/resources/config/application.yml

@@ -102,7 +102,9 @@ kakao:
 yes24 :
     id : 101582
     type : ISTYLE
-    login.requestUrl: https://www.yes24.com/Templates/FTLoginPartner.aspx
+    login :
+           web.requestUrl : https://www.yes24.com/Templates/FTLoginPartner.aspx
+           mob.requestUrl : https://m.yes24.com/Momo/Templates/FTLogin.aspx
     login.callbackUrl: /signin/yes24LoginCallback
     userInfoUrl : https://wsyes24.yes24.com/Yes_Mem.asmx/Yes_Mem_Search_By_CI
     linkUrl : https://wsyes24.yes24.com/Yes_Mem.asmx/Yes_Partner_Insert

src/main/webapp/WEB-INF/views/mob/customer/JoinFormMob.html

@@ -0,0 +1,439 @@
+<!DOCTYPE html>
+<html lang="ko"
+	xmlns:th="http://www.thymeleaf.org"
+	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
+	layout:decorator="mob/common/layout/LoginLayoutMob">
+<!--
+ *******************************************************************************
+ * @source  : JoinTypeFormMob.html
+ * @desc    : 회원정보 입력 Page
+ *============================================================================
+ * STYLE24
+ * Copyright(C) 2021 TSIT, All rights reserved.
+ *============================================================================
+ * VER  DATE         AUTHOR      DESCRIPTION
+ * ===  ===========  ==========  =============================================
+ * 1.0  2021.04.16   jsshin     최초 작성
+ *******************************************************************************
+ -->
+<body>
+<th:block layout:fragment="content">
+<style>
+	.show{display:block}
+	.hide{display:none}
+</style>
+<main class="container mb">
+	<!-- ★ 컨텐츠 시작 -->
+	<section class="content mb_join_2">
+		<div class="inner">
+			<div class="close">
+				<a href="javascript:void(0)" class="btn_close" onclick="cfnGoToPage(_PAGE_MAIN);"><span></span><span></span></a>
+			</div>
+		</div>
+		<div class="inner">
+			<h2 class="title">회원정보 입력</h2>
+		</div>
+		<div class="inner">
+
+			   <form class="form_wrap form_full" role="form">
+					<div class="form_head">
+						<h2 class="title sr-only">회원정보 입력</h2>
+					</div>
+					<!-- 아이디 사용가능시 -->
+					<div class="form_field">
+						<label class="input_label sr-only">아이디</label>
+						<div class="input_wrap form_full">
+							<input type="text" id="custId" name="custId" placeholder="아이디" class="form_control" required="required" data-valid-type="alphaNumeric" data-valid-name="아이디" minlength="4" maxlength="12"/>
+							<span class="usable" style="display:block;"></span>
+						</div>
+						<div id="dupCustIdDiv" class="help_block hide">
+							<p class="t_err">이미 가입된 아이디입니다.다른 아이디를 입력하여 주세요.</p>
+						</div>
+					</div>
+					<!-- //아이디 사용가능시 -->
+					<!-- 오류시 부모 div에서 제어 -->
+					<div class="form_field">
+						<label class="input_label sr-only">비밀번호</label>
+						<div class="input_wrap form_full">
+							<input type="password" id="passwd" name="passwd" placeholder="비밀번호 (8~20자 영문, 숫자, 특수문자 중 2가지 이상 조합)" class="form_control" minlength="8" maxlength="20" required="required" data-valid-name="비밀번호"/><!-- 잘못기입된 경우 class "err" 추가 -->
+							<!-- case (사용불가 비밀번호일경우,사용가능한 비밀번호일경우) -->
+							<div class="help_block">
+								<!-- 사용불가 비밀번호일경우 -->
+								<p class="mt10">
+									<span id="firstFailed" class="c_gray">
+										<i class="ico ico_check gray mr5"></i>영문(대/소문자), 숫자, 특수문자 중 2가지 이상 조합(8~20자)<br>
+									</span>
+									<span id="secondFailed" class="c_gray">
+										<i class="ico ico_check gray mr5"></i>4개이상 연속되거나 동일한 문자/숫자 제외<br>
+									</span>
+									<span id="thirdFailed" class="c_gray">
+										<i class="ico ico_check gray mr5"></i>아이디 제외
+									</span>
+								</p>
+								<!-- //사용불가 비밀번호일경우 -->
+								<!-- 사용가능한 비밀번호일경우 -->
+								<p id="avlPwd" class="mt10 hide">
+									<span class="c_black2">
+										<i class="ico ico_check black mr5"></i>사용 가능한 비밀번호입니다
+									</span>
+								</p>
+								<!-- //사용가능한 비밀번호일경우 -->
+							</div>
+							<!-- //case (사용불가 비밀번호일경우,사용가능한 비밀번호일경우) -->
+						</div>
+					</div>
+					<!-- //오류시 부모 div에서 제어 -->
+					<div class="form_field">
+						<label class="input_label sr-only">비밀번호 확인</label>
+						<div class="input_wrap form_full">
+							<input type="password" id="confirmPassword" name="confirmPassword" placeholder="비밀번호 확인" class="form_control" minlength="8" maxlength="20" required="required" data-valid-name="비밀번호"/><!-- 잘못기입된 경우 class "err" 추가 -->
+							<!-- case (비밀번호확인 틀렸을경우,비밀번호 일치할경우) -->
+							<div class="help_block">
+								<!-- 비밀번호확인 틀렸을경우 -->
+								<p id="misPwd" class="t_err hide">
+									비밀번호가 일치하지 않습니다.
+								</p>
+								<!-- //비밀번호확인 틀렸을경우 -->
+								<!-- 비밀번호 일치할경우 -->
+								<p id="avlConPwd"  class="mt10 hide">
+									<span class="c_black2">
+										<i class="ico ico_check black mr5"></i>비밀번호가 일치합니다.
+									</span>
+								</p>
+								<!-- //비밀번호 일치할경우 -->
+							</div>
+							<!-- //case (비밀번호확인 틀렸을경우,비밀번호 일치할경우) -->
+						</div>
+					</div>
+					<div class="form_field">
+						<label class="input_label sr-only">이메일</label>
+						<div class="input_wrap form_full">
+							<input type="text" id="email" name="email" placeholder="이메일" class="form_control" required="required" data-valid-name="이메일" maxlength="30"/><!-- 잘못기입된 경우 class "err" 추가 -->
+							<!-- case (이메일 형식이 바르지않을경우,이미 가입되어있는 이메일인경우) -->
+							<div class="help_block">
+								<!-- 이메일 형식이 바르지않을경우 -->
+								<p id="failEmail" class="t_err hide">
+									이메일 형식이 올바르지 않습니다.
+								</p>
+								<!-- //이메일 형식이 바르지않을경우 -->
+								<!-- 이미 가입되어있는 이메일인경우 -->
+								<p id="dupEmail" class="t_err hide">
+									이미 가입된 이메일 주소입니다. 다른 이메일 주소를 입력하여 주세요.
+								</p>
+								<div id="dupEmailDiv" class="mt20 hide">
+									<button type="button" class="btn btn_default btn_sm mini" onclick="cfnGoToPage(_PAGE_LOGIN);">
+										<span>로그인</span>
+									</button>
+									<button type="button" class="btn btn_default btn_sm mini" onclick="cfnGoToPage(_PAGE_CUSTOMER_ID_FIND);">
+										<span>아이디 찾기</span>
+									</button>
+								</div>
+								<!-- //이미 가입되어있는 이메일인경우 -->
+							</div>
+							<!-- //case (이메일 형식이 바르지않을경우,이미 가입되어있는 이메일인경우) -->
+						</div>
+					</div>
+					<!-- 210415_수정 : 휴대폰 인증 수정 -->
+					<div class="form_field">
+						<label class="input_label sr-only">휴대폰번호</label>
+						<!-- 휴대폰 인증 입력 전 -->
+						<div class="input_wrap form_full">
+							<input type="text" id="cellPhnno" name="cellPhnno" placeholder="휴대폰 인증 해주세요." class="form_control" minlength="10" maxlength="11" required="required" data-valid-type="numeric" data-valid-name="휴대폰" readonly="readonly"/>
+							<button type="button" id="btnCellPhoneCertify" class="btn btn_dark btn_hp_certi">
+								<span>본인인증</span>
+							</button>
+						</div>
+						<!-- //휴대폰 인증 입력 전 -->
+
+						<!-- case (휴대폰번호 형식이 맞지 않을경우,이미 가입되어있는 핸드폰번호일경우) -->
+						<div class="help_block">
+							<p id="failPhnno" class="t_err hide">휴대폰번호를 형식에 맞게 정확히 입력해주세요</p>
+							<p id="dupPhnno" class="t_err hide">I***D로 가입된 핸드폰 번호 입니다.</p>
+							<div id="dupPhnnoDiv" class="mt20 hide">
+								<button type="button" class="btn btn_default btn_sm mini" onclick="cfnGoToPage(_PAGE_LOGIN);">
+									<span>로그인</span>
+								</button>
+								<button type="button" class="btn btn_default btn_sm mini" onclick="cfnGoToPage(_PAGE_CUSTOMER_ID_FIND);">
+									<span>아이디 찾기</span>
+								</button>
+							</div>
+						</div>
+					</div>
+					<div class="btn_group_flex">
+						<div>
+							<button type="button" id="btnJoin" class="btn btn_primary btn_block" disabled="disabled">
+								<span>동의하고 가입하기</span>
+							</button>
+						</div>
+					</div>
+					<!-- //210415_수정 : 버튼 형식 변경. -->
+					<div class="desc_wrap t_c mt20">
+						<p>
+							본인은&nbsp;만 14세 이상이며&nbsp;<a href="javascript:void(0)" onclick="cfnUseTermsLayer();">STYLE24이용약관<i class="ico ico_blank ml5"></i></a>,<br>
+							<a href="javascript:void(0)" onclick="cfnPrivacyPolicyLayer();">개인정보 수집 및 이용<i class="ico ico_blank ml5"></i></a>,
+							<a href="javascript:void(0)" onclick="cfnPrivacyTrustLayer();">개인정보 취급 위탁<i class="ico ico_blank ml5"></i></a><br>
+							내용을 확인 하였으며,동의합니다.
+						</p>
+					</div>
+				</form>
+		</div>
+
+	</section>
+	<!-- ★ 컨텐츠 종료 -->
+</main>
+
+<script th:src="@{'/biz/customer.js?v=' + ${#calendars.format(#calendars.createNow(), 'yyyyMMddHHmmss')}}" src="/biz/customer.js"></script>
+<script th:inline="javascript">
+	/*<![CDATA[*/
+let custIdCheck = false;
+	let passwdCheck = false;
+	let emailCheck = false;
+	let authCheck = false;
+
+	// 아이디 확인
+	$('#custId').on('blur', function () {
+		let custId = $(this).val();
+		if(!gagajf.isNull(custId)) {
+			if (custId.length > 3) {
+				let custInfo = {};
+				custInfo.custId = custId;
+				let jsonData = JSON.stringify(custInfo);
+				gagajf.ajaxJsonSubmit('/customer/join/id/check', jsonData, fnIdConfirmCallBack);
+			}
+		}
+	});
+
+	// 아이디 결과
+	var fnIdConfirmCallBack = function (result) {
+		const $dupCustIdDiv = $('#dupCustIdDiv');
+		const $custId = $('#custId');
+		const $usable = $('span > .usable');
+
+		if (result.isFind) { // 중복된 아이디가 존재
+			$custId.addClass('err');
+			$custId.removeClass('usable');
+			$dupCustIdDiv.show();
+			$usable.hide();
+			custIdCheck = false;
+		} else {
+			$custId.removeClass('err');
+			$custId.addClass('usable');
+			$dupCustIdDiv.hide();
+			$usable.show();
+			custIdCheck = true;
+		}
+		fnPossibleJoin();
+	};
+
+	// 비밀번호 입력
+	$('#joinForm input[name=passwd]').on('focusout keyup keydown', function () {
+		fnCheckPassword();
+	});
+
+	// 비밀번호 확인 입력
+	$('#joinForm input[name=confirmPassword]').on('focusout keyup keydown', function () {
+		fnCheckConfirmPassword();
+	});
+
+	// 비밀번호 확인
+	var fnCheckPassword = function () {
+		const $firstFailed = $('#firstFailed');
+		const $secondFailed = $('#secondFailed');
+		const $thirdFailed = $('#thirdFailed');
+		const $avlPwd = $('#avlPwd');
+		const red = 'c_red2';
+		const gray = 'c_gray';
+
+		let custId = $('#joinForm input[name=custId]').val();
+		let password = $('#joinForm input[name=passwd]').val();
+		let confirmPassword = $('#joinForm input[name=confirmPassword]').val();
+		let pwdCheck = true;
+
+
+		// 영문, 숫자, 특수문자 2종 이상 혼용 || 길이
+		if (fnValidtaionPwdMixedWord(password) || fnValidationPwdLength(password)) {
+			pwdCheck = false;
+			$firstFailed.removeClass(gray);
+			$firstFailed.addClass(red);
+		} else {
+			$firstFailed.removeClass(red);
+			$firstFailed.addClass(gray);
+		}
+
+		// 동일한 문자/숫자 4자이상 || 연속된 문자가 4자이상
+		if (fnValidationPwdSameWord(password) || fnValidtaionPwdCntnsWord(password)) {
+			pwdCheck = false;
+			$secondFailed.removeClass(gray);
+			$secondFailed.addClass(red);
+		} else {
+			$secondFailed.removeClass(red);
+			$secondFailed.addClass(gray);
+		}
+
+		// 아이디 포함
+		if (!gagajf.isNull(custId)) {
+			if (fnValidationPwdSameId(password, custId)) {
+				pwdCheck = false;
+				$thirdFailed.removeClass(gray);
+				$thirdFailed.addClass(red);
+			} else {
+				$thirdFailed.removeClass(red);
+				$thirdFailed.addClass(gray);
+			}
+		}
+
+		if (pwdCheck) {
+			$firstFailed.hide();
+			$secondFailed.hide();
+			$thirdFailed.hide();
+			$avlPwd.show();
+		} else {
+			$firstFailed.show();
+			$secondFailed.show();
+			$thirdFailed.show();
+			$avlPwd.hide();
+		}
+
+		if (!gagajf.isNull(confirmPassword)) {
+			fnCheckConfirmPassword();
+		}
+
+	};
+
+	// 비밀번호 확인
+	var fnCheckConfirmPassword = function () {
+		const $misPwd = $('#misPwd');
+		const $avlConPwd = $('#avlConPwd');
+		let password = $('#joinForm input[name=passwd]').val();
+		let confirmPassword = $('#joinForm input[name=confirmPassword]').val();
+		let sameConfirmPwd = fnValidationPwdSameConfirmPwd(password, confirmPassword);
+
+		if (sameConfirmPwd) {
+			$avlConPwd.show();
+			$misPwd.hide()
+			passwdCheck = true;
+		} else {
+			$misPwd.show();
+			$avlConPwd.hide();
+			passwdCheck = false;
+		}
+		fnPossibleJoin();
+
+	};
+
+	//	이메일 확인
+	$('#email').on('blur', function () {
+		const $failEmail = $('#failEmail');
+		let email = $(this).val();
+		let validation;
+
+		if(!gagajf.isNull(email)) {
+			if (!fnCheckValidationEmail(email)) {
+				$failEmail.show();
+				emailCheck = false;
+				validation = false;
+			} else {
+				validation = true;
+				$failEmail.hide();
+			}
+			if (validation) {
+				let custInfo = {};
+				custInfo.email = email;
+				let jsonData = JSON.stringify(custInfo);
+				gagajf.ajaxJsonSubmit('/customer/email/check', jsonData, fnEmailConfirmCallBack);
+			}
+		}
+	});
+
+	// 이메일 확인 결과
+	var fnEmailConfirmCallBack = function (result) {
+		const $dupEmail = $('#dupEmail');
+		const $dupEmailDiv = $('#dupEmailDiv');
+		if (result.isFind) { // 중복된 아이디가 존재
+			$dupEmail.show();
+			$dupEmailDiv.show();
+			emailCheck = false;
+		} else {
+			$dupEmail.hide();
+			$dupEmailDiv.hide();
+			emailCheck = true;
+		}
+		fnPossibleJoin();
+	};
+
+	//휴대폰 인증
+	$('#btnCellPhoneCertify').on('click', function () {
+		cfnOpenCellphoneCertify();
+	});
+
+	// 나이스 본인인증 후 콜백
+	var fnNiceCallBack = function(encData) {
+		if (!gagajf.isNull(encData)) {
+			let custInfo = {};
+			custInfo.encData = encData;
+			let jsonData = JSON.stringify(custInfo);
+			gagajf.ajaxJsonSubmit('/customer/authentication/check', jsonData, fnInfoConfirmCallBack);
+		}
+	};
+
+	// 본인인증 후 결과
+	var fnInfoConfirmCallBack = function (result) {
+		const $cellPhnno = $('#cellPhnno');
+		const $dupPhnno = $('#dupPhnno');
+		const $dupPhnnoDiv = $('#dupPhnnoDiv');
+		const $btnCellPhoneCertify = $('#btnCellPhoneCertify');
+		$cellPhnno.val(result.cellPhnno);
+
+		if (result.isFind) { // 가입된 고객 정보가 있으면
+			let msg = '';
+			if (result.custStat === 'G104_30') {
+				msg = "탈퇴한 회원입니다. 탈퇴 후 60일 동안 재가입이 불가능합니다.";
+			} else {
+				msg = result.maskingCustId+"로 가입된 이력이 있습니다.";
+			}
+			$dupPhnno.html(msg);
+			$dupPhnno.show();
+			$dupPhnnoDiv.show();
+			authCheck = false;
+		} else {
+			$dupPhnno.hide();
+			$dupPhnnoDiv.hide();
+			authCheck = true;
+		}
+		$btnCellPhoneCertify.find('span').text('인증완료');
+		$btnCellPhoneCertify.attr('disabled', true);
+		fnPossibleJoin();
+	};
+
+	// 저장
+	$('#btnJoin').on('click', function () {
+		mcxDialog.confirm("회원가입을 하시겠습니까?", {
+			cancelBtnText: "취소",
+			sureBtnText: "확인",
+			sureBtnClick: function() {
+				$('#btnJoin').attr('disabled', true);
+				let jsonData = JSON.stringify($('#joinForm').serializeObject());
+				gagajf.ajaxJsonSubmit('/customer/join/save', jsonData, fnJoinSaveCallback);
+			}
+		});
+	});
+
+	var fnJoinSaveCallback = function (result) {
+		cfnGoToPage(_PAGE_CUSTOMER_JOIN_COMPLETE);
+	};
+
+
+	// 가입 가능한지 확인
+	var fnPossibleJoin = function () {
+		const $btnJoin = $('#btnJoin');
+		if (custIdCheck && passwdCheck && emailCheck && authCheck ) {
+			$btnJoin.attr('disabled', false);
+		} else {
+			$btnJoin.attr('disabled', true);
+		}
+	};
+	/*]]>*/
+</script>
+</th:block>
+</body>
+</html>

src/main/webapp/WEB-INF/views/mob/customer/JoinTypeFormMob.html

@@ -19,55 +19,54 @@
 
 <body>
 <th:block layout:fragment="content">
-	<main class="container mb">
-		<!-- ★ 컨텐츠 시작 -->
-		<section class="content mb_join_1">
-			<div class="inner">
-				<div class="close">
-					<a href="javascript:void(0);" class="btn_close" onclick="cfnGoToPage(_PAGE_MAIN);"><span></span><span></span></a>
-				</div>
-			</div>
-			<div class="inner">
-				<h2 class="title">회원가입</h2>
+<main class="container mb">
+	<!-- ★ 컨텐츠 시작 -->
+	<section class="content mb_join_1">
+		<div class="inner">
+			<div class="close">
+				<a href="javascript:void(0);" class="btn_close" onclick="cfnGoToPage(_PAGE_MAIN);"><span></span><span></span></a>
 			</div>
-			<div class="inner">
-					<form class="form_wrap form_full" role="form">
-						<div class="form_head">
-							<h3 class="title sr-only">본인인증</h3>
-						</div>
-						<div class="form_sign_up">
-							<p class="c_primary t_c">STYLE24 회원으로 가입</p>
-							<p class="t_c mt10">신규 가입 시 할인 쿠폰 등<br> 다양한 혜택을 받으실 수 있습니다.</p>
-						</div>
-					   <div class="ui_row mt20">
-						   <button type="button" class="btn btn_primary" onclick="cfnGoToPage(_PAGE_CUSTOMER_JOIN);">회원가입</button>
-					   </div>
-					</form>
-					<div class="t_c sns_wrap">
-						<h3 class="sr-only">간편로그인</h3>
-						<ul class="login_utill">
-							<li class="lu_kakao">
-								<a href="javascript:void(0);" onclick="cfnLoginKakao();">
-									<div class="ico"></div>카카오로<br>시작하기
-								</a>
-							</li>
-							<li class="lu_naver">
-								<a href="javascript:void(0);" onclick="cfnLoginNaver();">
-									<div class="ico"></div>네이버로<br>시작하기
-								</a>
-							</li>
-							<li class="lu_yes24">
-								<a href="javascript:void(0);" onclick="cfnLoginYes24();">
-									<div class="ico"></div>YES24로<br>시작하기
-								</a>
-							</li>
-						</ul>
+		</div>
+		<div class="inner">
+			<h2 class="title">회원가입</h2>
+		</div>
+		<div class="inner">
+				<form class="form_wrap form_full" role="form">
+					<div class="form_head">
+						<h3 class="title sr-only">본인인증</h3>
 					</div>
-			</div>
-
-		</section>
-		<!-- ★ 컨텐츠 종료 -->
+					<div class="form_sign_up">
+						<p class="c_primary t_c">STYLE24 회원으로 가입</p>
+						<p class="t_c mt10">신규 가입 시 할인 쿠폰 등<br> 다양한 혜택을 받으실 수 있습니다.</p>
+					</div>
+				   <div class="ui_row mt20">
+					   <button type="button" class="btn btn_primary" onclick="cfnGoToPage(_PAGE_CUSTOMER_JOIN);">회원가입</button>
+				   </div>
+				</form>
+				<div class="t_c sns_wrap">
+					<h3 class="sr-only">간편로그인</h3>
+					<ul class="login_utill">
+						<li class="lu_kakao">
+							<a href="javascript:void(0);" onclick="cfnLoginKakao();">
+								<div class="ico"></div>카카오로<br>시작하기
+							</a>
+						</li>
+						<li class="lu_naver">
+							<a href="javascript:void(0);" onclick="cfnLoginNaver();">
+								<div class="ico"></div>네이버로<br>시작하기
+							</a>
+						</li>
+						<li class="lu_yes24">
+							<a href="javascript:void(0);" onclick="cfnLoginYes24();">
+								<div class="ico"></div>YES24로<br>시작하기
+							</a>
+						</li>
+					</ul>
+				</div>
+		</div>
 
+	</section>
+	<!-- ★ 컨텐츠 종료 -->
 </main>
 
 <script th:inline="javascript">

src/main/webapp/WEB-INF/views/mob/customer/PasswordFindFormMob.html

@@ -140,7 +140,7 @@
                                 </button>
                             </div>
                             <div class="ui_col_6">
-                                <button type="button" class="btn btn_dark" onclick="cfnGoToPage(_PAGE_CUSTOMER_ID_FIND);">
+                                <button type="button" class="btn btn_dark" onclick="cfnGoToPage(_PAGE_CUSTOMER_PWD_FIND);">
                                     <span>다시 찾기</span>
                                 </button>
                             </div>
@@ -242,6 +242,20 @@
         }
     };
 
+
+	// 찾기실패
+	var fnGetDisplayFail = function (authMethod) {
+		$('.form_head').hide();
+		$('.registration_nav').hide();
+		if (authMethod === 'custInfo') {
+			$('#failCustId').show();
+		}
+		if (authMethod === 'mobile' || authMethod === 'ipin') {
+			$('#failAuthentication').show();
+		}
+
+	};
+
     // 나이스 본인인증 후 콜백
     var fnNiceCallBack = function(encData, authMethod) {
         if (!gagajf.isNull(encData)) {

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

@@ -0,0 +1,3287 @@
+<!DOCTYPE html>
+<html lang="ko"
+	xmlns:th="http://www.thymeleaf.org"
+	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
+	layout:decorator="mob/common/layout/GoodsLayoutMob">
+<!--
+ *******************************************************************************
+ * @source  : GoodsDealDetailFormMob.html
+ * @desc	: 딜 상품상세 Page
+ *============================================================================
+ * STYLE24
+ * Copyright(C) 2020 TSIT, All rights reserved.
+ *============================================================================
+ * VER  DATE		 AUTHOR	  DESCRIPTION
+ * ===  ===========  ==========  =============================================
+ * 1.0  2021.04.15   eskim	   최초 작성
+ *******************************************************************************
+ -->
+<body>
+<th:block layout:fragment="content">
+<main role="" id="" class="container pd deal" th:with="imgGoodsUrl=${@environment.getProperty('upload.goods.view')}, uxImgUrl=${@environment.getProperty('domain.uximage')}, imgUrl=${@environment.getProperty('upload.image.view')}">
+
+	<!-- ★ 컨텐츠 시작 -->
+	<section class="pd_detail">
+
+		<!-- 210409_ 구조변경 : .pd_info, .pd_info1 추가  -->
+		<div class="pd_info">
+			<div class="pd_info1" data-speed="10">
+
+				<div class="inner wide" th:if="${goodsImgList != null and !goodsImgList.empty}">
+					<div class="thumb_box">
+						<div class="area_slider">
+							<div class="swiper-container thumb_list">
+								<div class="swiper-wrapper">
+									<th:block th:each="goodsImg, status : ${goodsImgList}">
+									<div class="swiper-slide" th:if="${ not (#strings.contains(goodsImg.sysImgNm,'_S1.') 
+																or #strings.contains(goodsImg.sysImgNm,'_L1.')
+																or #strings.contains(goodsImg.sysImgNm,'_L2.'))}">
+										<div class="thumb" ><img th:src="${imgGoodsUrl+'/'+goodsImg.sysImgNm+'?RS=1080'}" alt="" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'"></div></div>  <!--  mov -->
+									</th:block>	
+								</div>
+								<!-- Add Pagination -->
+								<div class="swiper-pagination"></div>
+							</div>
+						</div>
+					</div>
+				</div>
+
+			</div>
+			
+			<div class="inner">
+				<!-- 210409_ 구조변경 : .covered 추가  -->
+				<div class="covered">
+					<div class="timer_box" style="display:none;">
+						<p>
+							<span class="tt">남은시간</span>
+							<span class="timer">
+								<em id="d-days">0</em>
+								<em id="d-hours">0</em>
+								<em id="d-minutes">0</em>
+								<em id="d-seconds">0</em>
+							</span>
+						</p>
+					</div>
+					<div class="descript_box">
+						<p class="name" th:text="${goodsInfo.goodsFullNm}">유니 삼단블록 플리스 집업</p>
+						<p class="comment"  th:text="${goodsInfo.goodsTnm}">#가을 느낌 물씬!</p>
+						<p class="price_blk">
+							<span class="sale_price" ><em th:text="${#numbers.formatInteger(goodsInfo.currPrice, 0,'COMMA')}">134,100</em>원 ~</span>
+						</p>
+						<div class="btn_group_flex">
+							<div><button type="button" class="btn btn_default" id="btn_saleCoupon_pop" th:onclick="cfGoodsCouponInfo([[${goodsInfo.goodsCd}]],[[${goodsInfo.goodsType}]])">쿠폰받기</button></div>
+						</div>
+					</div>
+				</div>
+			</div>
+
+			<div class="inner wide" th:if="${not #strings.isEmpty(goodsInfo.delvResDt) }">
+				<div class="desc_status">예약판매 상품 - <em th:text="${goodsInfo.delvResDt}">2020.12.30</em> 출고예정</div>
+			</div>
+			
+			<div class="inner" th:if="${(cardInfoList != null and !cardInfoList.empty) or
+									(goodsCouponList != null and !goodsCouponList.empty) or
+									(tmtbList != null and !tmtbList.empty) or
+									(freeGoodsList != null and !freeGoodsList.empty)}" >
+				<div class="benefit_box">
+					<dl class="bnf_shopping" th:if="${(goodsCouponList != null and !goodsCouponList.empty) or (tmtbList != null and !tmtbList.empty)}">
+						<dt>쇼핑혜택</dt>
+						<dd>
+							<th:block th:if="${goodsCouponList != null and !goodsCouponList.empty}">
+							<span th:each="goodsCoupon, status : ${goodsCouponList}" th:if="${status.first}">최대 <em>
+										<th:block th:if="${goodsCoupon.dcWay == 'G240_10'}" th:text="|${#numbers.formatInteger(goodsCoupon.dcVal, 0,'COMMA')}원|"></th:block>
+										<th:block th:unless="${goodsCoupon.dcWay == 'G240_10'}" th:text="|${goodsCoupon.dcVal}%|"></th:block>
+										</em> 쿠폰 할인</span>
+							</th:block> 
+							<th:block th:if="${tmtbList != null and !tmtbList.empty}">
+							<span th:each="tmtb, status : ${tmtbList}" th:if="${status.first}">
+								<em><th:block th:text="${#numbers.formatInteger(tmtb.sectionVal, 0,'COMMA')}"></th:block><th:block th:text="${(tmtb.sectionGb == 'G810_10')? '개':'금액'}"></th:block></em> 이상 구매 시 
+								<em><th:block th:text="${#numbers.formatInteger(tmtb.dcVal, 0,'COMMA')}"></th:block><th:block th:text="${(tmtb.dcWay == 'G240_10')? '원':'%'}"></th:block></em></em> 할인
+							</span>
+							</th:block>
+							<span th:if="${freeGoodsList != null and !freeGoodsList.empty}">
+							<th:block th:each="freeGoods, status : ${freeGoodsList}" th:if="${status.first}">
+							<th:block th:text="${freeGoods.goodsNm}"></th:block> 증정 <th:block th:if="${freeGoods.allYn == 'N'}" th:text="외 택1"></th:block></span>
+							<button type="button" id="btn_bnfShopping_pop" class="btn_popup" th:onclick="cfGoodsShopBenefitInfo([[${goodsInfo.goodsCd}]])"><span>자세히</span></button>
+						</dd>
+					</dl>
+					<dl class="bnf_card">
+						<dt>카드혜택</dt>
+						<dd>
+							<th:block th:each="cardInfo, status : ${cardInfoList}">
+							<span th:if="${cardInfo.prmtGb == 'A' and cardInfo.dcGb != '3'}"><th:block th:text="${cardInfo.prmtTargetNm}"></th:block> <em><th:block th:text="${#numbers.formatInteger(cardInfo.dcVal, 0,'COMMA')+ cardInfo.dcWayNm}"></th:block></em> <th:block th:text="${cardInfo.prmtGbNm}"></span>
+							<span th:if="${cardInfo.prmtGb == 'A' and cardInfo.dcGb == '3'}" th:text="${cardInfo.prmtNm}">프로모션명</span>
+							<span th:if="${cardInfo.prmtGb == 'B'}">신용카드 무이자 혜택</span>
+							</th:block>
+							<button type="button" id="btn_bnfCard_pop" class="btn_popup" onclick="cfCardInfo();return false;"><span>자세히</span></button>
+						</dd>
+					</dl>
+				</div>
+			</div>
+		</div>
+
+		<!-- //***** 상품소개영역 ***** -->
+		<th:block th:include="~{mob/goods/GoodsIncludeFormMob:: goodsDealComposeForm}"></th:block>
+
+		<div class="inner">
+			<div class="recommendedArea">
+				<!-- 이상품과 함께 본 상품영역-->
+				<div class="pd_clickother" id="goodsTogetherbArea">
+				</div>
+				<!-- //이상품과 함께 본 상품영역-->
+			</div>
+		</div>
+ 
+		<!-- 팝업영역 -->
+		<div>
+			<!-- 구매하기팝업 -->
+			<div class="btPop btPopAuto pd_pop Purchase_pop" id="btPopAuto_back">
+				<a class="btn btPop_close">Close </a>
+				<div class="header btPop_head btPopAuto_head">
+					구매하기팝업
+				</div>
+				<div class="body btPop_body btPopAuto_body">
+					<div class="option_result op1">
+						<!-- 옵션 -->
+						<div class="option_box">
+							<div class="opt_select">
+								<form class="form_wrap">
+									<div class="form_field">
+										<div class="select_custom option_open">
+											<div class="combo">
+												<div class="select">상품옵션06</div>
+											</div>
+										</div>
+									</div>
+								</form>
+							</div>
+							<div class="opt_result">
+								<div class="result_item">
+									<div class="opt_header">
+										<div class="bundle">
+											<span class="item_name">[상품1] 남성 테이퍼드핏 기모면 올밴딩 팬트</span>
+											<span class="item_option">블루그레이/S</span>
+										</div>
+									</div>
+									<div class="number_count">
+										<span class="minus"><em class="sr-only">감소</em></span>
+										<input type="text" name="" maxlength="3" style="ime-mode:disabled" value="1" readonly>
+										<span class="plus"><em class="sr-only">추가</em></span>
+									</div>
+									<div class="item_price">
+										<p><em>99,999,999</em>원</p>
+									</div>
+									<button type="button" class="btn_delete_item"><span>삭제</span></button>
+								</div>
+								<div class="result_item">
+									<div class="opt_header">
+										<div class="bundle">
+											<span class="item_name">[상품1] 남성 테이퍼드핏 기모면 올밴딩 팬트</span>
+											<span class="item_option">블루그레이/S</span>
+										</div>
+									</div>
+									<div class="number_count">
+										<span class="minus"><em class="sr-only">감소</em></span>
+										<input type="text" name="" maxlength="3" style="ime-mode:disabled" value="1" readonly>
+										<span class="plus"><em class="sr-only">추가</em></span>
+									</div>
+									<div class="item_price">
+										<p><em>99,999,999</em>원</p>
+									</div>
+									<button type="button" class="btn_delete_item"><span>삭제</span></button>
+								</div>
+							</div>
+							
+						</div>
+						<!-- 네이버결제 -->
+						<div class="npay_box">
+							<div class="np_head">
+								<div><img src="/images/mo/img_npay_txt.png" alt="NAVER 네이버 ID로 간편구매 네이버페이"></div>
+								<div><button><img src="/images/mo/btn_npay_txt.png" alt="Npay 구매"></button></div>
+							</div>
+							<div class="np_body">
+								<a href="#none"><em>[멥버십]</em>첫달 무료가입하고 추가 4%!</a>
+							</div>
+						</div>
+					</div>
+					<!-- 옵션선택팝업 -->
+					<div class="pop_option_select">
+						<div class="close">닫기</div>
+						<div class="pp_body">
+							<div class="pp_cont">
+								<div class="opt_select">
+									<div class="opt_header">
+										<span class="title">옵션선택</span>
+										<div class="check_excluding form_field">
+											<div>
+												<input id="excluding" type="checkbox" onclick='getGuidance(event)'><label for="excluding"> <span>품절제외</span> </label>
+											</div>
+											<div class="guidance" >
+												<!--210409_ 추가 : .guidance에 .ontoast 추가 시, toast 팝업 작동 -->
+												<p><span>99</span>개 품절 옵션이 제외되었습니다</p>
+											</div>
+											<script>
+												function getGuidance(event)  {
+													if(event.target.checked){
+														$(".guidance").addClass("ontoast");
+														setTimeout(function(){$(".guidance").removeClass("ontoast");}, 5000);
+													}
+												}
+											</script>
+										</div>
+									</div>
+									<form class="form_wrap">
+										<div class="form_field mb20">
+											<div class="select_custom deal_opt_item active">
+												<div class="combo">
+													<div class="select">상품</div>
+													<ul class="list">
+														<!-- 선택처리 class="selected" / 선택불가 aria-disabled="true" / 품절표기 data-soldout="true" 추가  -->
+														<li class="">
+															<div class="item_prod">
+																<div class="item_state">
+																	<a href="javascript:void(0)" class="itemLink">
+																		<div class="itemPic">
+																			<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdDetail1.jpg">
+																		</div>
+																		<div class="itemName"><span class="tit_option">[상품1]</span> 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업</div>
+																		<p class="itemPrice">
+																			134,100
+																			<span class="itemPrice_original">149,000</span>
+																			<span class="itemPercent">30%</span>
+																		</p>
+																	</a>
+																</div>
+															</div>
+														</li> 
+														<li class="">
+															<div class="item_prod">
+																<div class="item_state">
+																	<a href="javascript:void(0)" class="itemLink">
+																		<div class="itemPic">
+																			<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdDetail1.jpg">
+																		</div>
+																		<div class="itemName"><span class="tit_option">[상품2]</span> 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업</div>
+																		<p class="itemPrice">
+																			134,100
+																			<span class="itemPrice_original">149,000</span>
+																			<span class="itemPercent">30%</span>
+																		</p>
+																	</a>
+																</div>
+															</div>
+														</li>
+														<li class="selected">
+															<div class="item_prod">
+																<div class="item_state">
+																	<a href="javascript:void(0)" class="itemLink">
+																		<div class="itemPic">
+																			<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdDetail1.jpg">
+																		</div>
+																		<div class="itemName"><span class="tit_option">[상품3]</span> 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업</div>
+																		<p class="itemPrice">
+																			134,100
+																			<span class="itemPrice_original">149,000</span>
+																			<span class="itemPercent">30%</span>
+																		</p>
+																	</a>
+																</div>
+															</div>
+														</li>
+														<li aria-disabled="true">
+															<div class="item_prod">
+																<div class="item_state">
+																	<a href="javascript:void(0)" class="itemLink">
+																		<div class="itemPic">
+																			<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdDetail1.jpg">
+																		</div>
+																		<div class="itemName"><span class="tit_option">[상품4]</span> 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업</div>
+																		<p class="itemPrice">
+																			134,100
+																			<span class="itemPrice_original">149,000</span>
+																			<span class="itemPercent">30%</span>
+																		</p>
+																	</a>
+																</div>
+															</div>
+														</li>
+														<li>
+															<div class="item_prod">
+																<div class="item_state">
+																	<a href="javascript:void(0)" class="itemLink">
+																		<div class="itemPic">
+																			<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdDetail1.jpg">
+																		</div>
+																		<div class="itemName"><span class="tit_option">[상품5]</span> 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업</div>
+																		<p class="itemPrice">
+																			134,100
+																			<span class="itemPrice_original">149,000</span>
+																			<span class="itemPercent">30%</span>
+																		</p>
+																	</a>
+																</div>
+															</div>
+														</li>
+														<li aria-disabled="true" data-soldout="true">
+															<div class="item_prod">
+																<div class="item_state">
+																	<a href="javascript:void(0)" class="itemLink">
+																		<div class="itemPic">
+																			<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdDetail1.jpg">
+																		</div>
+																		<div class="itemName"><span class="tit_option">[상품6]</span> 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업</div>
+																		<p class="itemPrice">
+																			134,100
+																			<span class="itemPrice_original">149,000</span>
+																			<span class="itemPercent">30%</span>
+																		</p>
+																	</a>
+																</div>
+															</div>
+														</li>
+													</ul>
+												</div>
+											</div>
+										</div>
+										<div class="form_field">
+											<div class="select_custom item_opt1" disabled>
+												<div class="combo">
+													<div class="select">옵션1</div>
+													<ul class="list" style="display: none;">
+														<!-- 선택처리 class="selected" / 선택불가 aria-disabled="true" / 품절표기 data-soldout="true" 추가  -->
+														<li class="">선택</li> 
+														<li class="">옵션2</li>
+														<li class="selected">상품옵션3</li>
+														<li>상품옵션4</li>
+														<li aria-disabled="true">
+															<div>상품옵션15</div>
+															<div>120,000원</div>
+														</li>
+														<li>상품옵션5</li>
+														<li aria-disabled="true" data-soldout="true">
+															<div>상품옵션6</div>
+															<div>120,000원</div>
+														</li>
+													</ul>
+												</div>
+											</div>
+										</div>
+										<div class="form_field">
+											<div class="select_custom item_opt2" disabled>
+												<div class="combo">
+													<div class="select">옵션1</div>
+													<ul class="list" style="display: none;">
+														<!-- 선택처리 class="selected" / 선택불가 aria-disabled="true" / 품절표기 data-soldout="true" 추가  -->
+														<li class="">선택</li> 
+														<li class="">옵션1</li>
+														<li class="selected">옵션1</li>
+														<li>옵션1</li>
+														<li aria-disabled="true">
+															<div>옵션1</div>
+															<div>120,000원</div>
+														</li>
+														<li>옵션1</li>
+														<li aria-disabled="true" data-soldout="true">
+															<div>옵션1</div>
+															<div>120,000원</div>
+														</li>
+													</ul>
+												</div>
+											</div>
+										</div>
+									</form>
+								</div>
+							</div>
+						</div>
+					</div>
+					<!-- //옵션선택팝업 -->
+				</div>
+				<div class="body btPop_foot btPopAuto_foot">
+					<!-- 총 결재금액, 하단버튼 -->
+					<div class="pay_box">
+						<div class="price_box">
+							<p class="number">
+								총&nbsp;<span>99</span>개
+							</p>
+							<p class="price">
+								<span>
+									99,999,999<em>원</em>
+								</span>
+							</p>
+						</div>
+						<div class="btn_box">
+							<button class="gift" id="btn_gift">
+								<span><span>선물해보세요!</span></span>
+							</button>
+							<button class="cart" id="btn_shoppingBag_pop">쇼핑백</button>
+							<button class="buyNow" id="btn_now_purchase">바로구매</button>
+						</div>
+					</div>
+				</div>
+			</div>
+			<!-- 구매하기팝업 -->
+
+			<!-- 쇼핑백팝업 -->
+			<div id="shoppingBagModal">
+				<div class="shoppingBag_box">
+					<p>쇼핑백에 상품을 담았습니다.</p> 
+					<a href="#none" class="link_shoppingBag">쇼핑백 바로가기</a>
+				</div>
+			</div>
+			<!-- //쇼핑백팝업 -->
+
+			<!-- 세일쿠폰다운팝업 -->
+			<div class="modal fade pd_pop salecoupon_pop" id="saleCouponPop" tabindex="-1" role="dialog" aria-labelledby="modalScrollLabel" aria-hidden="true">
+				<div class="modal-dialog" role="document">
+					<div class="modal-content">
+						<div class="modal-header">
+							<h5 class="modal-title" id="modalScrollLabel">할인쿠폰 받기</h5>
+						</div>
+						<div class="modal-body">
+							<div class="pop_cont">
+								<ul class="coupon_list">
+									<li>
+										<div class="coupon">
+											<div>
+												<p class="cp_name">
+													TBJ 시즌오프 20% 할인쿠폰
+												</p>
+												<p class="cp_cont">
+													<span><em>12,399,900</em>원</span>
+													<span><em>40%</em></span>
+												</p>
+												<p class="cp_condition">
+													500,000원 이상 구매 시 최대 50,000원 할인
+													<span>1인 최대 90장</span>
+												</p>
+											</div>
+											<div class="btn_group_flex">
+												<div>
+													<button type="button" class="btn btn_dark" id="btn_result_coupon">
+														<span>쿠폰받기</span>
+														<span>받기완료</span>
+													</button>
+												</div>
+											</div>
+										</div>
+									</li>
+									<li>
+										<div class="coupon">
+											<div>
+												<p class="cp_name">
+													신규가입 40% 할인쿠폰
+												</p>
+												<p class="cp_cont">
+													<span><em>12,399,900</em>원</span>
+													<span><em>40%</em></span>
+												</p>
+												<p class="cp_condition">
+													500,000원 이상 구매 시 최대 50,000원 할인
+													<span>1인 최대 90장</span>
+												</p>
+											</div>
+											<div class="btn_group_flex">
+												<div>
+													<button type="button" class="btn btn_dark" disabled=""><span>쿠폰받기</span>
+														<span>받기완료</span>
+													</button>
+												</div>
+											</div>
+										</div>
+									</li>						
+								</ul>
+							</div>
+						</div>
+						<div class="modal-footer">
+							<button type="button" id="btn_all_coupon" class="btn btn_primary"><span>쿠폰 모두 받기</span><span>쿠폰 모두 받기 완료</span></button>
+						</div>
+					</div>
+				</div>
+			</div>
+			<!-- //세일쿠폰다운팝업 -->
+			
+			<!-- EP제휴쿠폰다운팝업 -->
+			<div class="modal fade pd_pop epcoupon_pop" id="epCouponPop" tabindex="-1" role="dialog" aria-labelledby="modalScrollLabel" aria-hidden="true">
+				<div class="modal-dialog" role="document">
+					<div class="modal-content">
+						<div class="modal-header">
+							<h5 class="modal-title" id="modalScrollLabel">네이버 전용 할인쿠폰</h5>
+						</div>
+						<div class="modal-body">
+							<div class="pop_cont">
+								<div class="ep_coupon">
+									<div>
+										<p class="cp_title">
+											COUPON
+										</p>
+										<p class="cp_cont">
+											<!-- 할인금액 일때 -->
+											<span class="unit_won">
+												<em class="number">3,000</em><em class="unit">원</em>
+											</span>
+											<!-- //할인금액 일때 -->
+											<!-- 할인율 일때 -->
+											<span class="unit_percent">
+												최대<em class="number">30</em><em class="unit">%</em>
+											</span>
+											<!-- //할인율 일때 -->
+										</p>
+									</div>
+								</div>
+								<div class="info_txt">
+									<ul>
+										<li>일부 상품은 쿠폰 사용이 제한될 수 있습니다.</li>
+										<li>할인대상 및 금액은 상시 변경됩니다.</li>
+										<li>제휴 사이트와 정보연동 시간차이로 판매정보가 불일치할 수 있습니다.</li>
+										<li>본 쿠폰은 제휴 사이트를 통해 들어온 고객님만 발급 및 사용이 가능합니다.</li>
+									</ul>						
+								</div>
+							</div>
+						</div>
+						<div class="modal-footer">
+							<button type="button" id="btn_result_coupon2" class="btn btn_primary"><span>쿠폰 모두 받기</span><span>쿠폰 모두 받기 완료</span></button>
+						</div>
+					</div>
+				</div>
+			</div>
+			<!-- //EP제휴쿠폰다운팝업 -->
+			
+			<!-- 쇼핑혜택팝업 -->
+			<div class="modal pop_full fade pd_pop bnf_shopping_pop" id="bnfShoppingPop" tabindex="-1" role="dialog" aria-labelledby="exampleFullLabel" aria-hidden="true">
+				<div class="modal-dialog" role="document">
+					<div class="modal-content">
+						<div class="modal-header">
+							<h5 class="modal-title" id="exampleFullLabel">쇼핑혜택</h5>
+						</div>
+						<div class="modal-body">
+							<div class="pop_cont">
+								<div class="benefit_blk">
+									<h6>할인혜택</h6>
+									<div class="tbl type1">
+										<table>
+											<colgroup>
+												<col width="50%">
+												<col width="*">
+											</colgroup>
+											<tbody>
+												<tr>
+													<th>즉시 할인</th>
+													<td><p>50% 할인</p></td>
+												</tr>
+												<tr>
+													<th>쿠폰할인</th>
+													<td><p>최대 10% 할인</p></td>
+												</tr>
+											</tbody>
+										</table>
+									</div>
+								</div>
+								<div class="benefit_blk">
+									<h6>다다익선</h6>
+									<div class="tbl type1">
+										<table>
+											<colgroup>
+												<col width="50%">
+												<col width="*">
+											</colgroup>
+											<tbody>
+												<tr>
+													<th>9,999개 이상 구매 시</th>
+													<td><p>9,999,999원 할인</p></td>
+												</tr>
+												<tr>
+													<th>9,999개 이상 구매 시</th>
+													<td><p>20% 할인</p></td>
+												</tr>
+												<tr>
+													<th>99,999,999원 이상 구매 시</th>
+													<td><p>9,999,999원 할인</p></td>
+												</tr>
+												<tr>
+													<th>99,999,999원 이상 구매 시</th>
+													<td><p>20% 할인</p></td>
+												</tr>
+											</tbody>
+										</table>
+									</div>
+								</div>	   
+								<div class="benefit_blk">
+									<h6>사은품</h6>
+									<div class="tbl type1">
+										<table>
+											<colgroup>
+												<col width="50%">
+												<col width="*">
+											</colgroup>
+											<tbody>
+												<tr>
+													<th>
+														99,999,999원 이상 구매 시
+														<p>미니언즈 우산 99개 증정</p>
+													</th>
+												</tr>
+												<tr>
+													<th>
+														99,999,999원 이상 구매 시
+														<p>미니언즈 우산 99개 증정 외 택1</p>
+													</th>
+												</tr>
+											</tbody>
+										</table>
+									</div>
+								</div>					 
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+			<!-- //쇼핑혜택팝업 -->
+
+			<!-- 카드혜택팝업 -->
+			<div class="modal pop_full fade pd_pop bnf_card_pop" id="bnfCardPop" tabindex="-1" role="dialog" aria-labelledby="exampleFullLabel" aria-hidden="true">
+				<div class="modal-dialog" role="document">
+					<div class="modal-content">
+						<div class="modal-header">
+							<h5 class="modal-title" id="exampleFullLabel">카드혜택</h5>
+						</div>
+						<div class="modal-body">
+							<div class="pop_cont">
+								<div class="benefit_blk">
+									<h6>할인혜택</h6>
+									<div class="tbl type1">
+										<table>
+											<colgroup>
+												<col width="85">
+												<col width="*">
+											</colgroup>
+											<tbody>
+												<tr>
+													<th>
+														KB국민카드
+													</th>
+													<td>
+														<div class="info_card">
+															<p>5% 즉시할인</p>
+															<p>7만원 이상 구매 시<br> 최대 5만원 할인</p>
+															<a href="" target="_blank" class="link">자세히보기</a>
+														</div>
+													</td>
+												</tr>
+												<tr>
+													<th>
+														삼성카드
+													</th>
+													<td>
+														<div class="info_card">
+															<p>5% 즉시할인</p>
+															<p>7만원 이상 구매 시<br> 최대 5만원 할인</p>
+														</div>
+													</td>
+												</tr>
+												<tr>
+													<th>
+														제휴카드
+													</th>
+													<td>
+														<div class="info_card">
+															<p>YES24 MANIA 롯데카드</p>
+															<p>최대 12~24% 청구할인</p>
+															<p>1회 1만5천원이상 결제 시, 바로발급 가능</p>
+															<a href="" target="_blank" class="link">자세히보기</a>
+														</div>
+													</td>
+												</tr>
+											</tbody>
+										</table>
+									</div>
+								</div>
+								<div class="benefit_blk">
+									<h6>무이자 할부</h6>
+									<div class="tbl type1">
+										<table>
+											<colgroup>
+												<col width="85">
+												<col width="*">
+											</colgroup>
+											<tbody>
+												<tr>
+													<th>
+														KB국민카드
+													</th>
+													<td>
+														<div class="info_card">
+															<p>2~6개월 무이자</p>
+															<p>5만원 이상 구매 시</p>
+														</div>
+													</td>
+												</tr>
+												<tr>
+													<th>
+														삼성카드
+													</th>
+													<td>
+														<div class="info_card">
+															<p>2~6개월 무이자</p>
+															<p>5만원 이상 구매 시</p>
+														</div>
+													</td>
+												</tr>
+											</tbody>
+										</table>
+									</div>
+									<div class="benefit_blk">
+										<h6>부분 무이자 할부</h6>
+										<div class="tbl type1">
+											<table>
+												<colgroup>
+													<col width="85">
+													<col width="*">
+												</colgroup>
+												<tbody>
+													<tr>
+														<th>
+															삼성카드
+														</th>
+														<td>
+															<div class="info_card">
+																<p>10개월(1~4회차 고객부담)</p>
+																<p>12개월(1~5회차 고객부담)</p>
+															</div>
+														</td>
+													</tr>
+													<tr>
+														<th>
+															BC카드
+														</th>
+														<td>
+															<div class="info_card">
+																<p>7개월(1~2회차 고객부담)</p>
+																<p>8개월(1~2회차 고객부담)</p>
+																<p>ARS 사전신청 고객에 한함(1899-5772)</p>
+															</div>
+														</td>
+													</tr>
+												</tbody>
+											</table>
+										</div>
+									<div class="info_txt">
+										<ul>
+											<li>무이자할부는 행사기간 동안 실 결제금액 기준으로 가능</li>
+											<li>법인, 체크, 기프트 카드는 부분 무이자 할부 제외</li>
+										</ul>				   
+									</div>
+								</div>					
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+			<!-- //카드혜택팝업 -->
+
+			<!-- 재입고알림신청팝업 -->
+			<div class="modal pop_full fade pd_pop push_restock_pop" id="pushRestockPop" tabindex="-1" role="dialog" aria-labelledby="exampleFullLabel" aria-hidden="true">
+				<div class="modal-dialog" role="document">
+					<div class="modal-content">
+						<div class="modal-header">
+							<h5 class="modal-title" id="exampleFullLabel">재입고 알림 신청</h5>
+						</div>
+						<div class="modal-body">
+							<div class="pop_cont">
+								<div class="item_blk">
+									<div class="item_prod">
+										<div class="item_state">
+											<a href="#none" class="itemLink">
+												<div class="itemPic">
+													<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdDetail1.jpg">
+												</div>
+												<p class="itemBrand">NBA</p>
+												<div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
+												<div class="itemPrice">
+													<span class="itemPrice_original">89,000</span>
+													<div class="lap">
+														<span class="itemPrice_sale">80,100</span>
+														<span class="itemPercent">10%</span>
+													</div>
+												</div>
+											</a>
+										</div>
+									</div>
+								</div>
+								<div class="select_blk">
+									<h6>사이즈 선택</h6>
+									<div class="option_box">
+										<div class="opt_size">
+											<div class="form_field2">
+												<div class="lap">
+													<div>
+														<label><input type="radio" name="rdi-optsize" value="" checked=""><span>90</span></label>
+													</div>
+													<div>
+														<label><input type="radio" name="rdi-optsize" value="" disabled=""><span>95</span></label>
+													</div>
+													<div>
+														<label><input type="radio" name="rdi-optsize" value=""><span>100</span></label>
+													</div>
+													<div>
+														<label><input type="radio" name="rdi-optsize" value=""><span>105</span></label>
+													</div>
+													<div>
+														<label><input type="radio" name="rdi-optsize" value=""><span>110</span></label>
+													</div>
+													<div>
+														<label><input type="radio" name="rdi-optsize" value=""><span>115</span></label>
+													</div>
+													<div>
+														<label><input type="radio" name="rdi-optsize" value=""><span>free</span></label>
+													</div>
+												</div>
+											</div>
+										</div>
+									</div>
+								</div>
+								<div class="select_blk">
+									<div class="opt_select">
+										<h6>옵션 선택</h6>
+										<div class="form_wrap">
+											<div class="form_field">
+												<select id="" class="form-control select">
+													<option value="hide">옵션1 선택</option>
+													<option value="" rel="icon-temperature">카키/95</option>
+													<option value="">카키/100</option>
+													<option value="">카키/105</option>
+													<option value="" disabled>카키/110</option>
+													<option value="">옐로우/95</option>
+													<option value="">옐로우/100</option>
+													<option value="">옐로우/105</option>
+													<option value="">옐로우/110</option>
+												</select> 
+											</div>
+											<div class="form_field">
+												<select id="" class="form-control select" disabled>
+													<option value="hide">옵션1 선택</option>
+													<option value="" rel="icon-temperature">카키/95</option>
+													<option value="">카키/100</option>
+													<option value="">카키/105</option>
+													<option value="" disabled>카키/110</option>
+													<option value="">옐로우/95</option>
+													<option value="">옐로우/100</option>
+													<option value="">옐로우/105</option>
+													<option value="">옐로우/110</option>
+												</select> 
+											</div>
+										</div>
+									</div>
+								</div>	  
+							</div>
+						</div>
+						<div class="modal-footer">
+							<div class="btn_group_flex">
+								<div><button type="button" id="" class="btn btn_dark"><span>신청</span></button></div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+			<!-- //재입고알림신청팝업 -->
+
+			<!-- 사이즈정보팝업 -->
+			<div class="modal pop_full fade pd_pop info_size_pop" id="infoSizePop" tabindex="-1" role="dialog" aria-labelledby="exampleFullLabel" aria-hidden="true">
+				<div class="modal-dialog" role="document">
+					<div class="modal-content">
+						<div class="modal-header">
+							<h5 class="modal-title" id="exampleFullLabel">사이즈 정보</h5>
+						</div>
+						<div class="modal-body">
+							<div class="pop_cont">
+								<div class="tab_nav">
+									<ul>
+										<li class=""><a href="javascript:void(0)">실측 사이즈</a></li>
+										<li class=""><a href="javascript:void(0)">표준 사이즈</a></li>
+										<li class="active"><a href="javascript:void(0)">측정 사이즈</a></li>
+									</ul>
+								</div>
+								<div class="tab_cont_wrap">
+									<div class="tab_cont" style="display: none;">
+										<!-- 실측 사이즈 -->
+										<div class="size_head">
+											<span class="tit_sub">TBJ</span>
+											<span class="tit_header">남성 테이퍼드 핏 겨울 기모면 스판 올 밴딩 팬츠</span>
+										</div>
+										<div class="size_cont">
+											<div class="size_tbl_box">
+												<p class="size_unit">단위 : cm</p>
+												<div class="tbl type2">
+													<table>
+														<colgroup>
+															<col width="20%">
+															<col width="20%">
+															<col width="20%">
+															<col width="20%">
+															<col width="20%">
+														</colgroup>
+														<thead>
+															<tr>
+																<th scope="col">&nbsp;</th>
+																<th scope="col">M</th>
+																<th scope="col">L</th>
+																<th scope="col">XL</th>
+																<th scope="col">XXL</th>
+															</tr>
+														</thead>
+														<tbody>
+															<tr>
+																<th scope="col">가슴둘레</th>
+																<td>95</td>
+																<td>100</td>
+																<td>105</td>
+																<td>110</td>
+															</tr>
+															<tr>
+																<th scope="col">어깨너비</th>
+																<td>95</td>
+																<td>100</td>
+																<td>105</td>
+																<td>110</td>
+															</tr>
+															<tr>
+																<th scope="col">팔길이</th>
+																<td>95</td>
+																<td>100</td>
+																<td>105</td>
+																<td>110</td>
+															</tr>
+															<tr>
+																<th scope="col">총길이</th>
+																<td>95</td>
+																<td>100</td>
+																<td>105</td>
+																<td>110</td>
+															</tr>
+														</tbody>
+													</table>
+												</div>
+											</div>
+										</div>
+										<!-- //실측 사이즈 -->
+									</div>
+									<div class="tab_cont" style="display: none;">
+										<!-- 표준 사이즈 카테고리 구분일때 -->
+										<div class="size_head">
+											<div class="category_open">상의</div>
+											<div class="category_box">
+												<div class="lap">
+													<div class="category_close">카테고리닫기</div>
+													<div class="category_list">
+														<!-- 표준 사이즈 > 카테고리 선택 -->
+														<div class="sub_tab_nav">
+															<ul>
+																<li class="active"><a href="javascript:void(0)">여성</a></li>
+																<li class=""><a href="javascript:void(0)">남성</a></li>
+																<li class=""><a href="javascript:void(0)">캐주얼</a></li>
+																<li class=""><a href="javascript:void(0)">유아동</a></li>
+																<li class=""><a href="javascript:void(0)">신발</a></li>
+																<li class=""><a href="javascript:void(0)">언더웨어</a></li>
+															</ul>
+														</div>
+														<!-- //표준 사이즈 > 카테고리 선택 -->
+													</div>
+												</div>
+											</div>
+										</div>
+										<div class="size_cont">
+											<div class="sub_tab_cont_wrap">
+												<!-- 표준 사이즈 > 카테고리 내용(여성) -->
+												<div class="sub_tab_cont" style="display: block;">
+													<div class="size_tbl_box">
+														<h6>여성 상의</h6>
+														<p class="size_unit">단위 : cm</p>
+														<div class="tbl type2">
+															<table>
+																<colgroup>
+																	<col width="20%">
+																	<col width="20%">
+																	<col width="20%">
+																	<col width="20%">
+																	<col width="20%">
+																</colgroup>
+																<thead>
+																	<tr>
+																		<th scope="col">&nbsp;</th>
+																		<th scope="col">XS/44/85</th>
+																		<th scope="col">S/55/90</th>
+																		<th scope="col">M/66/95</th>
+																		<th scope="col">L/77/100</th>
+																	</tr>
+																</thead>
+																<tbody>
+																	<tr>
+																		<th scope="col">가슴둘레</th>
+																		<td>95</td>
+																		<td>100</td>
+																		<td>105</td>
+																		<td>110</td>
+																	</tr>
+																	<tr>
+																		<th scope="col">허리둘레</th>
+																		<td>95</td>
+																		<td>100</td>
+																		<td>105</td>
+																		<td>110</td>
+																	</tr> 
+																	<tr>
+																		<th scope="col">신장</th>
+																		<td>95</td>
+																		<td>100</td>
+																		<td>105</td>
+																		<td>110</td>
+																	</tr>											   
+																</tbody>
+															</table>
+														</div>
+													</div>
+													<div class="size_tbl_box">
+														<h6>여성 하의</h6>
+														<p class="size_unit">단위 : cm</p>
+														<div class="tbl type2">
+															<table>
+																<colgroup>
+																	<col width="20%">
+																	<col width="10%">
+																	<col width="10%">
+																	<col width="10%">
+																	<col width="10%">
+																	<col width="10%">
+																	<col width="10%">
+																	<col width="10%">
+																	<col width="10%">
+																</colgroup>
+																<thead>
+																	<tr>
+																		<th scope="col">&nbsp;</th>
+																		<th scope="col">27</th>
+																		<th scope="col">28</th>
+																		<th scope="col">29</th>
+																		<th scope="col">30</th>
+																		<th scope="col">32</th>
+																		<th scope="col">34</th>
+																		<th scope="col">36</th>
+																		<th scope="col">38</th>
+																	</tr>
+																</thead>
+																<tbody>
+																	<tr>
+																		<th scope="col">허리둘레</th>
+																		<td>69</td>
+																		<td>71</td>
+																		<td>74</td>
+																		<td>76</td>
+																		<td>81</td>
+																		<td>86</td>
+																		<td>91</td>
+																		<td>97</td>
+																	</tr>									
+																</tbody>
+															</table>
+														</div>
+													</div>
+												</div>	
+												<!-- //표준 사이즈 > 카테고리 내용(여성) --> 
+												<!-- 표준 사이즈 > 카테고리 내용(남성) -->
+												<div class="sub_tab_cont" style="display: none;">
+													<div class="size_tbl_box">
+														<h6>남성 상의</h6>
+														<p class="size_unit">단위 : cm</p>
+														<div class="tbl type2">
+															<table>
+																<colgroup>
+																	<col width="20%">
+																	<col width="20%">
+																	<col width="20%">
+																	<col width="20%">
+																	<col width="20%">
+																</colgroup>
+																<thead>
+																	<tr>
+																		<th scope="col">&nbsp;</th>
+																		<th scope="col">XS/44/85</th>
+																		<th scope="col">S/55/90</th>
+																		<th scope="col">M/66/95</th>
+																		<th scope="col">L/77/100</th>
+																	</tr>
+																</thead>
+																<tbody>
+																	<tr>
+																		<th scope="col">가슴둘레</th>
+																		<td>95</td>
+																		<td>100</td>
+																		<td>105</td>
+																		<td>110</td>
+																	</tr>
+																	<tr>
+																		<th scope="col">허리둘레</th>
+																		<td>95</td>
+																		<td>100</td>
+																		<td>105</td>
+																		<td>110</td>
+																	</tr> 
+																	<tr>
+																		<th scope="col">신장</th>
+																		<td>95</td>
+																		<td>100</td>
+																		<td>105</td>
+																		<td>110</td>
+																	</tr>											   
+																</tbody>
+															</table>
+														</div>
+													</div>
+													<div class="size_tbl_box">
+														<h6>남성 하의</h6>
+														<p class="size_unit">단위 : cm</p>
+														<div class="tbl type2">
+															<table>
+																<colgroup>
+																	<col width="20%">
+																	<col width="10%">
+																	<col width="10%">
+																	<col width="10%">
+																	<col width="10%">
+																	<col width="10%">
+																	<col width="10%">
+																	<col width="10%">
+																	<col width="10%">
+																</colgroup>
+																<thead>
+																	<tr>
+																		<th scope="col">&nbsp;</th>
+																		<th scope="col">27</th>
+																		<th scope="col">28</th>
+																		<th scope="col">29</th>
+																		<th scope="col">30</th>
+																		<th scope="col">32</th>
+																		<th scope="col">34</th>
+																		<th scope="col">36</th>
+																		<th scope="col">38</th>
+																	</tr>
+																</thead>
+																<tbody>
+																	<tr>
+																		<th scope="col">허리둘레</th>
+																		<td>69</td>
+																		<td>71</td>
+																		<td>74</td>
+																		<td>76</td>
+																		<td>81</td>
+																		<td>86</td>
+																		<td>91</td>
+																		<td>97</td>
+																	</tr>									
+																</tbody>
+															</table>
+														</div>
+													</div>
+												</div>	
+												<!-- //표준 사이즈 > 카테고리 내용(남성) -->
+												<!-- 표준 사이즈 > 카테고리 내용(캐주얼) -->
+												<div class="sub_tab_cont" style="display: none;">
+													<div class="size_tbl_box">
+														<h6>캐주얼 상의</h6>
+														<p class="size_unit">단위 : cm</p>
+														<div class="tbl type2">
+															<table>
+																<colgroup>
+																	<col width="20%">
+																	<col width="20%">
+																	<col width="20%">
+																	<col width="20%">
+																	<col width="20%">
+																</colgroup>
+																<thead>
+																	<tr>
+																		<th scope="col">&nbsp;</th>
+																		<th scope="col">XS/44/85</th>
+																		<th scope="col">S/55/90</th>
+																		<th scope="col">M/66/95</th>
+																		<th scope="col">L/77/100</th>
+																	</tr>
+																</thead>
+																<tbody>
+																	<tr>
+																		<th scope="col">가슴둘레</th>
+																		<td>95</td>
+																		<td>100</td>
+																		<td>105</td>
+																		<td>110</td>
+																	</tr>
+																	<tr>
+																		<th scope="col">허리둘레</th>
+																		<td>95</td>
+																		<td>100</td>
+																		<td>105</td>
+																		<td>110</td>
+																	</tr> 
+																	<tr>
+																		<th scope="col">신장</th>
+																		<td>95</td>
+																		<td>100</td>
+																		<td>105</td>
+																		<td>110</td>
+																	</tr>											   
+																</tbody>
+															</table>
+														</div>
+													</div>
+													<div class="size_tbl_box">
+														<h6>캐주얼 하의</h6>
+														<p class="size_unit">단위 : cm</p>
+														<div class="tbl type2">
+															<table>
+																<colgroup>
+																	<col width="20%">
+																	<col width="10%">
+																	<col width="10%">
+																	<col width="10%">
+																	<col width="10%">
+																	<col width="10%">
+																	<col width="10%">
+																	<col width="10%">
+																	<col width="10%">
+																</colgroup>
+																<thead>
+																	<tr>
+																		<th scope="col">&nbsp;</th>
+																		<th scope="col">27</th>
+																		<th scope="col">28</th>
+																		<th scope="col">29</th>
+																		<th scope="col">30</th>
+																		<th scope="col">32</th>
+																		<th scope="col">34</th>
+																		<th scope="col">36</th>
+																		<th scope="col">38</th>
+																	</tr>
+																</thead>
+																<tbody>
+																	<tr>
+																		<th scope="col">허리둘레</th>
+																		<td>69</td>
+																		<td>71</td>
+																		<td>74</td>
+																		<td>76</td>
+																		<td>81</td>
+																		<td>86</td>
+																		<td>91</td>
+																		<td>97</td>
+																	</tr>									
+																</tbody>
+															</table>
+														</div>
+													</div>
+												</div>	
+												<!-- //표준 사이즈 > 카테고리 내용(캐주얼) -->
+												<!-- 표준 사이즈 > 카테고리 내용(유아동) -->
+												<div class="sub_tab_cont" style="display: none;">
+													<div class="size_tbl_box">
+														<h6>유아동 상의</h6>
+														<p class="size_unit">단위 : cm</p>
+														<div class="tbl type2">
+															<table>
+																<colgroup>
+																	<col width="20%">
+																	<col width="20%">
+																	<col width="20%">
+																	<col width="20%">
+																	<col width="20%">
+																</colgroup>
+																<thead>
+																	<tr>
+																		<th scope="col">&nbsp;</th>
+																		<th scope="col">XS/44/85</th>
+																		<th scope="col">S/55/90</th>
+																		<th scope="col">M/66/95</th>
+																		<th scope="col">L/77/100</th>
+																	</tr>
+																</thead>
+																<tbody>
+																	<tr>
+																		<th scope="col">가슴둘레</th>
+																		<td>95</td>
+																		<td>100</td>
+																		<td>105</td>
+																		<td>110</td>
+																	</tr>
+																	<tr>
+																		<th scope="col">허리둘레</th>
+																		<td>95</td>
+																		<td>100</td>
+																		<td>105</td>
+																		<td>110</td>
+																	</tr> 
+																	<tr>
+																		<th scope="col">신장</th>
+																		<td>95</td>
+																		<td>100</td>
+																		<td>105</td>
+																		<td>110</td>
+																	</tr>											   
+																</tbody>
+															</table>
+														</div>
+													</div>
+													<div class="size_tbl_box">
+														<h6>유아동 하의</h6>
+														<p class="size_unit">단위 : cm</p>
+														<div class="tbl type2">
+															<table>
+																<colgroup>
+																	<col width="20%">
+																	<col width="10%">
+																	<col width="10%">
+																	<col width="10%">
+																	<col width="10%">
+																	<col width="10%">
+																	<col width="10%">
+																	<col width="10%">
+																	<col width="10%">
+																</colgroup>
+																<thead>
+																	<tr>
+																		<th scope="col">&nbsp;</th>
+																		<th scope="col">27</th>
+																		<th scope="col">28</th>
+																		<th scope="col">29</th>
+																		<th scope="col">30</th>
+																		<th scope="col">32</th>
+																		<th scope="col">34</th>
+																		<th scope="col">36</th>
+																		<th scope="col">38</th>
+																	</tr>
+																</thead>
+																<tbody>
+																	<tr>
+																		<th scope="col">허리둘레</th>
+																		<td>69</td>
+																		<td>71</td>
+																		<td>74</td>
+																		<td>76</td>
+																		<td>81</td>
+																		<td>86</td>
+																		<td>91</td>
+																		<td>97</td>
+																	</tr>									
+																</tbody>
+															</table>
+														</div>
+													</div>
+												</div>	
+												<!-- //표준 사이즈 > 카테고리 내용(유아동) -->	 
+												<!-- 표준 사이즈 > 카테고리 내용(신발) -->
+												<div class="sub_tab_cont" style="display: none;">
+													<div class="size_tbl_box">
+														<h6>신발 상의</h6>
+														<p class="size_unit">단위 : cm</p>
+														<div class="tbl type2">
+															<table>
+																<colgroup>
+																	<col width="20%">
+																	<col width="20%">
+																	<col width="20%">
+																	<col width="20%">
+																	<col width="20%">
+																</colgroup>
+																<thead>
+																	<tr>
+																		<th scope="col">&nbsp;</th>
+																		<th scope="col">XS/44/85</th>
+																		<th scope="col">S/55/90</th>
+																		<th scope="col">M/66/95</th>
+																		<th scope="col">L/77/100</th>
+																	</tr>
+																</thead>
+																<tbody>
+																	<tr>
+																		<th scope="col">가슴둘레</th>
+																		<td>95</td>
+																		<td>100</td>
+																		<td>105</td>
+																		<td>110</td>
+																	</tr>
+																	<tr>
+																		<th scope="col">허리둘레</th>
+																		<td>95</td>
+																		<td>100</td>
+																		<td>105</td>
+																		<td>110</td>
+																	</tr> 
+																	<tr>
+																		<th scope="col">신장</th>
+																		<td>95</td>
+																		<td>100</td>
+																		<td>105</td>
+																		<td>110</td>
+																	</tr>											   
+																</tbody>
+															</table>
+														</div>
+													</div>
+													<div class="size_tbl_box">
+														<h6>신발 하의</h6>
+														<p class="size_unit">단위 : cm</p>
+														<div class="tbl type2">
+															<table>
+																<colgroup>
+																	<col width="20%">
+																	<col width="10%">
+																	<col width="10%">
+																	<col width="10%">
+																	<col width="10%">
+																	<col width="10%">
+																	<col width="10%">
+																	<col width="10%">
+																	<col width="10%">
+																</colgroup>
+																<thead>
+																	<tr>
+																		<th scope="col">&nbsp;</th>
+																		<th scope="col">27</th>
+																		<th scope="col">28</th>
+																		<th scope="col">29</th>
+																		<th scope="col">30</th>
+																		<th scope="col">32</th>
+																		<th scope="col">34</th>
+																		<th scope="col">36</th>
+																		<th scope="col">38</th>
+																	</tr>
+																</thead>
+																<tbody>
+																	<tr>
+																		<th scope="col">허리둘레</th>
+																		<td>69</td>
+																		<td>71</td>
+																		<td>74</td>
+																		<td>76</td>
+																		<td>81</td>
+																		<td>86</td>
+																		<td>91</td>
+																		<td>97</td>
+																	</tr>									
+																</tbody>
+															</table>
+														</div>
+													</div>
+												</div>	
+												<!-- //표준 사이즈 > 카테고리 내용(신발) -->	  
+												<!-- 표준 사이즈 > 카테고리 내용(언더웨어) -->
+												<div class="sub_tab_cont" style="display: none;">
+													<div class="size_tbl_box">
+														<h6>언더웨어 상의</h6>
+														<p class="size_unit">단위 : cm</p>
+														<div class="tbl type2">
+															<table>
+																<colgroup>
+																	<col width="20%">
+																	<col width="20%">
+																	<col width="20%">
+																	<col width="20%">
+																	<col width="20%">
+																</colgroup>
+																<thead>
+																	<tr>
+																		<th scope="col">&nbsp;</th>
+																		<th scope="col">XS/44/85</th>
+																		<th scope="col">S/55/90</th>
+																		<th scope="col">M/66/95</th>
+																		<th scope="col">L/77/100</th>
+																	</tr>
+																</thead>
+																<tbody>
+																	<tr>
+																		<th scope="col">가슴둘레</th>
+																		<td>95</td>
+																		<td>100</td>
+																		<td>105</td>
+																		<td>110</td>
+																	</tr>
+																	<tr>
+																		<th scope="col">허리둘레</th>
+																		<td>95</td>
+																		<td>100</td>
+																		<td>105</td>
+																		<td>110</td>
+																	</tr> 
+																	<tr>
+																		<th scope="col">신장</th>
+																		<td>95</td>
+																		<td>100</td>
+																		<td>105</td>
+																		<td>110</td>
+																	</tr>											   
+																</tbody>
+															</table>
+														</div>
+													</div>
+													<div class="size_tbl_box">
+														<h6>언더웨어 하의</h6>
+														<p class="size_unit">단위 : cm</p>
+														<div class="tbl type2">
+															<table>
+																<colgroup>
+																	<col width="20%">
+																	<col width="10%">
+																	<col width="10%">
+																	<col width="10%">
+																	<col width="10%">
+																	<col width="10%">
+																	<col width="10%">
+																	<col width="10%">
+																	<col width="10%">
+																</colgroup>
+																<thead>
+																	<tr>
+																		<th scope="col">&nbsp;</th>
+																		<th scope="col">27</th>
+																		<th scope="col">28</th>
+																		<th scope="col">29</th>
+																		<th scope="col">30</th>
+																		<th scope="col">32</th>
+																		<th scope="col">34</th>
+																		<th scope="col">36</th>
+																		<th scope="col">38</th>
+																	</tr>
+																</thead>
+																<tbody>
+																	<tr>
+																		<th scope="col">허리둘레</th>
+																		<td>69</td>
+																		<td>71</td>
+																		<td>74</td>
+																		<td>76</td>
+																		<td>81</td>
+																		<td>86</td>
+																		<td>91</td>
+																		<td>97</td>
+																	</tr>									
+																</tbody>
+															</table>
+														</div>
+													</div>
+												</div>	
+												<!-- //표준 사이즈 > 카테고리 내용(언더웨어) -->
+											</div>															   
+										</div>
+										<div class="size_footer">
+											<div class="info_txt">
+												<ul>
+													<li>본 사이즈 조견표는 표준 가이드로, 각 제품마다 다소간의 차이는 있을 수 있습니다.</li>
+													<li>보다 자세한 사이즈는 각 상품 별 상품설명을 참조해주시기 바랍니다.</li>
+												</ul>
+											</div>
+										</div>
+										<!-- //표준 사이즈 카테고리별 구분일때 -->
+										<!-- 표준 사이즈 브랜드별 구분일때 -->
+										<div class="size_head">
+											<span class="tit_header">
+												페르지노몬티 FERGINO MONTI
+											</span>
+										</div>
+										<div class="size_cont">
+											<div class="size_tbl_box">
+												<h6>남성 상의</h6>
+												<p class="size_unit">단위 : cm</p>
+												<div class="tbl type2">
+													<table>
+														<colgroup>
+															<col width="20%">
+															<col width="20%">
+															<col width="20%">
+															<col width="20%">
+															<col width="20%">
+														</colgroup>
+														<thead>
+															<tr>
+																<th scope="col">&nbsp;</th>
+																<th scope="col">XS/44/85</th>
+																<th scope="col">S/55/90</th>
+																<th scope="col">M/66/95</th>
+																<th scope="col">L/77/100</th>
+															</tr>
+														</thead>
+														<tbody>
+															<tr>
+																<th scope="col">가슴둘레</th>
+																<td>95</td>
+																<td>100</td>
+																<td>105</td>
+																<td>110</td>
+															</tr>
+															<tr>
+																<th scope="col">허리둘레</th>
+																<td>95</td>
+																<td>100</td>
+																<td>105</td>
+																<td>110</td>
+															</tr> 
+															<tr>
+																<th scope="col">신장</th>
+																<td>95</td>
+																<td>100</td>
+																<td>105</td>
+																<td>110</td>
+															</tr>											   
+														</tbody>
+													</table>
+												</div>
+											</div>
+											<div class="size_tbl_box">
+												<h6>남성 하의</h6>
+												<p class="size_unit">단위 : cm</p>
+												<div class="tbl type2">
+													<table>
+														<colgroup>
+															<col width="20%">
+															<col width="10%">
+															<col width="10%">
+															<col width="10%">
+															<col width="10%">
+															<col width="10%">
+															<col width="10%">
+															<col width="10%">
+															<col width="10%">
+														</colgroup>
+														<thead>
+															<tr>
+																<th scope="col">&nbsp;</th>
+																<th scope="col">27</th>
+																<th scope="col">28</th>
+																<th scope="col">29</th>
+																<th scope="col">30</th>
+																<th scope="col">32</th>
+																<th scope="col">34</th>
+																<th scope="col">36</th>
+																<th scope="col">38</th>
+															</tr>
+														</thead>
+														<tbody>
+															<tr>
+																<th scope="col">허리둘레</th>
+																<td>69</td>
+																<td>71</td>
+																<td>74</td>
+																<td>76</td>
+																<td>81</td>
+																<td>86</td>
+																<td>91</td>
+																<td>97</td>
+															</tr>									
+														</tbody>
+													</table>
+												</div>
+											</div>													  
+										</div>
+										<div class="size_footer">
+											<div class="info_txt">
+												<ul>
+													<li>본 사이즈 조견표는 표준 가이드로, 각 제품마다 다소간의 차이는 있을 수 있습니다.</li>
+													<li>보다 자세한 사이즈는 각 상품 별 상품설명을 참조해주시기 바랍니다.</li>
+												</ul>
+											</div>
+										</div>
+										<!-- //표준 사이즈 브랜드 구분일때 -->							
+									</div>   
+									<div class="tab_cont" style="display: block;">
+										<!-- 측정 사이즈 -->
+										<div class="size_head">
+											<div class="category_open">상의</div>
+											<div class="category_box">
+												<div class="lap">
+													<div class="category_close">카테고리닫기</div>
+													<div class="category_list">
+														<!-- 측정 사이즈 > 카테고리 선택 -->
+														<div class="sub_tab_nav">
+															<ul>
+																<li class="active"><a href="javascript:void(0)">상의</a></li>
+																<li><a href="javascript:void(0)">하의</a></li>
+																<li><a href="javascript:void(0)">가방</a></li>
+																<li><a href="javascript:void(0)">신발</a></li>
+																<li><a href="javascript:void(0)">언더웨어</a></li>
+															</ul>
+														</div>
+														<!-- //측정 사이즈 > 카테고리 선택 -->
+													</div>
+												</div>
+											</div>
+										</div>
+										<div class="size_cont">
+											<div class="sub_tab_cont_wrap">
+												<!-- 측정 사이즈 > 카테고리 내용(상의) -->
+												<div class="sub_tab_cont">
+													<span class="img_sizeinfo">
+														<img src="/images/pc/info_size_top.jpg" alt="상의 측정 사이즈">
+													</span>
+													<dl>
+														<div>
+															<dt>가슴둘레</dt>
+															<dd>양쪽 겨드랑이 밑선 단면을 잰 길이x2</dd>
+														</div>
+														<div>
+															<dt>어깨너비</dt>
+															<dd>좌측어깨에서 우측어깨끝 봉제선 단면을 잰 길이 (어깨봉제선이 없을경우 어깨길이와 팔길이는 측정 안함)</dd>
+														</div>
+														<div>
+															<dt>팔길이</dt>
+															<dd>어깨 봉제선부터 소매 끝까지 잰 길</dd>
+														</div>
+														<div>
+															<dt>총길이</dt>
+															<dd>카라부분(혹은 후드)를 제외 한 지점부터 밑단 끝까지 잰 길이 (라운드티셔츠의 경우 목라인을 포함 해 네크라인부터 밑단 끝까지의 길이를 측정)</dd>
+														</div>
+													</dl>
+												</div>	
+												<!-- //측정 사이즈 > 카테고리 내용(상의) -->
+												<!-- 측정 사이즈 > 카테고리 내용(하의) -->
+												<div class="sub_tab_cont">
+													<span class="img_sizeinfo">
+														<img src="/images/pc/info_size_pants.jpg" alt="하의 측정 사이즈">
+													</span>
+													<dl>
+														<div>
+															<dt>허리둘레</dt>
+															<dd>허리선을 일자로 맞추고 한쪽의 허리끝단부터 반대편 끝까지 단면을 잰 길이x2</dd>
+														</div>
+														<div>
+															<dt>밑위</dt>
+															<dd>허리부터 가랑이 끝점까지 잰 길이</dd>
+														</div>
+														<div>
+															<dt>엉덩이둘레</dt>
+															<dd>밑위 중간부분 단면을 잰 길이x2</dd>
+														</div>
+														<div>
+															<dt>허벅지둘레</dt>
+															<dd>가랑이 부분부터 바깥쪽 허벅지 끝나는 지점까지의 단면을 잰 길이x2</dd>
+														</div>
+														<div>
+															<dt>총길이</dt>
+															<dd>허리끝선부터 바지밑단 끝선 까지 잰 길이</dd>
+														</div>
+													</dl>
+												</div>	
+												<!-- //측정 사이즈 > 카테고리 내용(하의) -->	  
+												<!-- 측정 사이즈 > 카테고리 내용(가방) -->
+												<div class="sub_tab_cont">
+													<span class="img_sizeinfo">
+														<img src="/images/pc/info_size_bag.jpg" alt="가방 측정 사이즈">
+													</span>
+													<dl>
+														<div>
+															<dt>가로</dt>
+															<dd>가장 넓은 부분의 수평 길이</dd>
+														</div>
+														<div>
+															<dt>세로</dt>
+															<dd>바닥부터 가방의 가로 중앙지점까지 수직 길이</dd>
+														</div>
+														<div>
+															<dt>끈길이</dt>
+															<dd>가방 끝의 전체 길이(길이 조절이 가능한 경우 최소~최대 길이 표기)</dd>
+														</div>
+														<div>
+															<dt>손잡이높이</dt>
+															<dd>가방의 가로 가운데 지점부터 손잡이를 세웠을 때의 가장 높은 부분까지의 높이</dd>
+														</div>
+														<div>
+															<dt>끈폭</dt>
+															<dd>가방 끈의 수평폭</dd>
+														</div>
+														<div>
+															<dt>폭</dt>
+															<dd>가방 옆 부분의 두께</dd>
+														</div>
+													</dl>
+												</div> 
+												<!-- //측정 사이즈 > 카테고리 내용(가방) -->
+												<!-- 측정 사이즈 > 카테고리 내용(신발) -->
+												<div class="sub_tab_cont">
+													<span class="img_sizeinfo">
+														<img src="/images/pc/info_size_shoe.jpg" alt="신발 측정 사이즈">
+													</span>
+													<dl>
+														<div>
+															<dt>굽높이</dt>
+															<dd>설명 필요</dd>
+														</div>
+														<div>
+															<dt>볼너비</dt>
+															<dd>설명 필요</dd>
+														</div>
+														<div>
+															<dt>총길이</dt>
+															<dd>설명 필요</dd>
+														</div>
+													</dl>
+													<!--<div class="info_txt">
+														<ul>
+															<li>
+																국내 브랜드는 브랜드, 스타일마다 사이즈가 다르게 전개될 수 있으니, 개별 상품 상세페이지에 기재된 상세 사이즈안내를 참조하세요.
+															</li>
+														</ul>
+													</div>-->
+												</div> 
+												<!-- //측정 사이즈 > 카테고리 내용(신발) --> 
+												<!-- 측정 사이즈 > 카테고리 내용(언더웨어) -->
+												<div class="sub_tab_cont">
+													<span class="img_sizeinfo">
+														<img src="/images/pc/info_size_underwear.jpg" alt="속옷 측정 사이즈">
+													</span>
+													<dl>
+														<div>
+															<dt>밑가슴둘레</dt>
+															<dd>유방의 바로 밑을 수평으로 잰 길이</dd>
+														</div>
+														<div>
+															<dt>컵</dt>
+															<dd>밑가슴둘레와 가슴둘레의 차이</dd>
+														</div>
+														<div>
+															<dt>가슴둘레</dt>
+															<dd>유방을중심으로 수평으로 잰길이</dd>
+														</div>
+													</dl>
+												</div> 
+												<!-- //측정 사이즈 > 카테고리 내용(언더웨어) -->																					
+											</div>															   
+										</div>							
+										<!-- //측정 사이즈 -->
+									</div>						 
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+			<!-- //사이즈정보팝업 -->
+
+			<!-- 제품문의리스트팝업 -->
+			<div class="modal pop_full fade pd_pop pd_qnalist_pop" id="pdQnaListPop" tabindex="-1" role="dialog" aria-labelledby="exampleFullLabel" aria-hidden="true">
+				<div class="modal-dialog" role="document">
+					<div class="modal-content">
+						<div class="modal-header">
+							<!-- 해당상품 -->
+							<div class="item_blk">
+								<div class="item_prod">
+									<div class="item_state">
+										<a href="#none" class="itemLink">
+											<div class="itemPic">
+												<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdDetail1.jpg">
+											</div>
+											<p class="itemBrand">NBA</p>
+											<div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
+										</a>
+									</div>
+								</div>
+							</div>
+							<!-- //해당상품 -->
+						</div>
+						<div class="modal-body">
+							
+						</div>
+						<div class="modal-footer">
+							
+						</div>
+					</div>
+				</div>
+			</div>
+			<!-- //제품문의리스트팝업 -->
+
+			<!-- 제품문의작성팝업 -->
+			<div class="modal pop_full fade pd_pop pd_qnawrite_pop" id="pdQnaWritePop" tabindex="-1" role="dialog" aria-labelledby="exampleFullLabel" aria-hidden="true">
+				<div class="modal-dialog" role="document">
+					<div class="modal-content">
+						<div class="modal-header">
+							<h5 class="modal-title" id="exampleFullLabel">상품 문의하기</h5>
+						</div>
+						<div class="modal-body">
+							<div class="pop_cont">
+								<div class="info_txt">
+									<ul>
+										<li>배송, 주문/결제, 취소/반품/교환/환불, 회원, 쿠폰/포인트, 이벤트 등의 자세한 문의사항은 고객센터 &gt; 1:1문의를 이용하여 주시기 바랍니다.</li>
+										<li>상품문의에 부합하지 않는 광고, 이유없는 비방, 욕설 및 오해의 소지가 있는 문의건에 대해서는 사전 통보 없이 삭제 될 수 있습니다.</li>
+										<li>답변은 마이페이지 &gt; 상품 문의에서 확인 하실 수 있습니다.</li>
+									</ul>
+								</div>
+								<div class="form_field">
+									<div class="input_box">
+										<div class="lap">
+											<textarea class="doc_itemqna" name="" id="" cols="30" rows="10" placeholder="문의내용 입력(500자 이내)" style="resize: none;"></textarea>
+											<p class="txt_cnt">
+												<span id="itemqna_cnt" class="itemqna_cnt"><em class="c_primary">0</em>/500자</span>
+											</p>   
+										</div>		   
+										<div class="secret_box">
+											<input id="wr_secret" type="checkbox"><label for="wr_secret"><span>비밀글설정</span></label>
+										</div>
+									</div> 
+								</div>
+								<div class="push_box">
+									<dl>
+										<dt>알림톡 수신 여부</dt>
+										<dd>
+											<div class="form_field">
+												<div>
+													<input type="radio" name="rdi-push" id="rdi-push1" value="" checked="">
+													<label for="rdi-push1"><span>수신</span></label>
+												</div>
+												<div>
+													<input type="radio" name="rdi-push" id="rdi-push2" value="">
+													<label for="rdi-push2"><span>미수신</span></label>
+												</div>
+											</div>
+										</dd>
+									</dl>
+								</div>
+							</div>	
+						</div>	
+						<div class="modal-footer">
+							<div class="btn_group_flex">
+								<div><button type="button" class="btn btn_dark"><span>등록</span></button></div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+			<!-- //제품문의작성팝업 -->
+
+			<!-- 배송교환반품팝업 -->
+			<div class="modal pop_full fade pd_pop pd_delivery_pop" id="pdDeliveryPop" tabindex="-1" role="dialog" aria-labelledby="exampleFullLabel" aria-hidden="true">
+				<div class="modal-dialog" role="document">
+					<div class="modal-content">
+						<div class="modal-header">
+							<!-- 해당상품 -->
+							<div class="item_blk">
+								<div class="item_prod2">
+									<div class="item_state">
+										<a href="#none" class="itemLink">
+											<div class="itemPic">
+												<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdDetail1.jpg">
+											</div>
+											<p class="itemBrand">NBA</p>
+											<div class="itemName">유니 삼단블록 플리스 집업</div>
+										</a>
+									</div>
+								</div>
+							</div>
+							<!-- //해당상품 -->
+						</div>
+						<div class="modal-body">
+							<div class="inner">
+								<div class="delivery">
+									<div class="pop_cont">
+										<h2>배송안내</h2>
+										<h3>구분</h3>
+										<p class="dot">일반배송/총알배송(오전 10시까지 주문 시)</p>
+									</div>
+									<div class="pop_cont">
+										<h3>배송비</h3>
+										<p class="dot">배송비 2,500원</p>
+										<p class="dot">배송비 2,500원(40,000원 이상 무료배송)</p>
+										<p class="dot">무료배송</p>
+									</div>
+									<div class="pop_cont">
+										<h3>배송업체</h3>
+										<p class="dot">CJ 대한통운</p>
+									</div>
+									<div class="pop_cont">
+										<h3>기간</h3>
+										<p class="dot">총알배송 : 오늘 밤 12시까지 도착 (토/일/공휴일 제외)</p>
+										<p class="dot">일반배송 : 결제 완료 후 2~3일 이내 (일/공휴일 제외)</p>
+										<p class="dot">단, 제주도나 도서 지방은 별도요금이 부과될 수 있습니다. 날씨나 택배사 사정에 따라 배송이 지연될 수 있습니다.</p>
+									</div>
+								</div>
+							</div>
+							<div class="inner wide">
+								<div class="pop_board"></div>
+							</div>
+							<div class="inner">
+								<div class="change">
+									<div class="pop_cont">
+										<h2>반품/교환안내</h2>
+										<table class="pop_table">
+											<tbody>
+											<tr>
+												<th>반품/교환<br>배송업체</th>
+												<td>CJ 대한통운</td>
+											</tr>
+											<tr>
+												<th>반품배송비</th>
+												<td>3,000원(최초 배송비가 무료인 경우<br>왕복 배송비 6,000원 부과)</td>
+											</tr>
+											<tr>
+												<th>교환배송비</th>
+												<td>6,000원</td>
+											</tr>
+											<tr>
+												<th>반품/교환 주소</th>
+												<td>10857 경기도 파주시 탄현면 방촌로<br>1172-21 아이스타일24 물류센터</td>
+											</tr>
+										</tbody></table>
+									</div>
+									<div class="pop_cont">
+										<h3>반품/교환 신청</h3>
+										<p class="dot">반품/교환 시 먼저 고객센터(1544-5336)나 일대일 문의로 반품/교환 신청 후 상품을 발송 해 주시기 바랍니다.</p>
+										<p class="dot">마이페이지 &gt; 나의쇼핑 &gt; 정상주문내역에서 하실 수 있습니다.</p>
+										<p class="dot">반품/교환 신청시 상품의 반송입고 확인 후 환불/교환 처리해 드립니다.</p>
+									</div>
+									<div class="pop_cont">
+										<h3>반품시기</h3>
+										<p class="dot">상품의 반품/교환은 상품 수령 후 7일 이내 가능합니다. 단, 상품을 수령하셨을 때의 상태를 그대로 보존해 주셔야 합니다.</p>
+									</div>
+									<div class="pop_cont">
+										<h3>반품/교환 불가사유</h3>
+										<p class="dot">반품/교환 가능기간을 초과하였을 경우.</p>
+										<p class="dot">상품 및 구성품을 분실하였거나 취급 부주의로 인한 파손/고장/오염된 경우.</p>
+										<p class="dot">고객님의 요청에 따른 주문제작 상품의 경우.</p>
+										<p class="dot">상품을 착용 또는 설치하였거나, 상품의 일부를 소비하였을 경우.</p>
+										<p class="dot">상품의 포장을 개봉하여 사용 및 설치가 완료 되거나 상품의 가치가 훼손되었을 경우.</p>
+										<p class="dot">구매한 상품의 구성품(세트, 기프트상품, 부속품, 의류부착 악세사리 등)이 누락 된 경우.</p>
+										<p class="dot">신발, 그릇류의 박스포장을 포함, 상품이 판매할 수 없게 훼손 된 경우(신발박스 등의 파손, 박스포장 위 송장 부착, 박스 훼손/파손/찢어집, 택 분실 등)</p>
+									</div>
+									<div class="pop_cont">
+										<h3>기타사항</h3>
+										<p class="dot">상품에 따라 반송주소/방법이 각각 다를 수 있습니다.</p>
+										<p class="dot">자사배송 상품의 경우, 출고 전후 옵션 변경 및 다른 상품으로 교환이 불가하여 취소 또는 재주문하셔야 합니다.</p>
+										<p class="dot">고객님께서 임의로 반송하실 경우, 빠른 처리가 어려울 수 있습니다.</p>
+										<p class="dot">제품 반송 시 꼭 반품 신청 후, 안내에 따른 반송 부탁 드립니다.</p>
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+			<!-- //배송교환반품팝업 -->
+
+			<!-- 베스트리뷰팝업 -->
+			<div class="modal pop_full fade pd_pop pd_bestreviewdetail_pop" id="pdBestReviewPop" tabindex="-1" role="dialog" aria-labelledby="exampleFullLabel" aria-hidden="true">
+				<div class="modal-dialog" role="document">
+					<div class="modal-content">
+						<div class="modal-header">
+							<h5 class="modal-title" id="exampleFullLabel">베스트 리뷰</h5>
+						</div>
+						<div class="modal-body">
+							<div class="pop_cont">
+								<!-- 리뷰사진영역 -->
+									<div class="area_slider">
+										<div class="swiper-container thumb_list">
+											<div class="swiper-wrapper">
+												<div class="swiper-slide"><div class="thumb nodata"><img src="/images/mo/thumb/tmp_pdDetail1.jpg" alt=""></div></div><!-- 이미지 없으면 calss .nodata  -->
+												<div class="swiper-slide"><div class="thumb"><img src="/images/mo/thumb/tmp_pdDetail1.jpg" alt=""></div></div>
+												<div class="swiper-slide"><div class="thumb"><img src="/images/mo/thumb/tmp_pdDetail1.jpg" alt=""></div></div>
+												<div class="swiper-slide"><div class="thumb"><img src="/images/mo/thumb/tmp_pdDetail1.jpg" alt=""></div></div>
+												<div class="swiper-slide"><div class="thumb"><img src="/images/mo/thumb/tmp_pdDetail1.jpg" alt=""></div></div>
+												<div class="swiper-slide"><div class="thumb"><img src="/images/mo/thumb/tmp_pdDetail1.jpg" alt=""></div></div>
+											</div>
+											<!-- Add Pagination -->
+											<div class="swiper-pagination"></div>
+										</div>
+									</div>
+								<!-- //리뷰사진영역 -->
+								<!-- 리뷰내용 -->
+								<div class="pd_review best">
+									<div class="area_rv_all">
+										<div class="btn_review_open">리뷰오픈</div>
+										<div class="review_list">
+											<ul>
+												<li>
+													<div class="review">
+														<div class="info_box">
+															<div class="star_score">
+																<span class="star">
+																	<em class="progbar" style="width:70%;"></em> <!-- 평점 style로 표기 -->
+																</span>
+															</div>
+															<div class="writer">
+																<span class="wr_id">ab2****</span>
+																<span class="wr_date">2020.07.15</span>
+															</div>
+														</div>
+														<div class="response_box">
+															<div>
+																<dl>
+																	<div>
+																		<dt>구매옵션</dt>
+																		<dd>베이지 / 100</dd>
+																	</div>
+																	<div>
+																		<dt>키/몸무게</dt>
+																		<dd>178cm/71kg</dd>
+																	</div>
+																</dl>
+															</div>
+														</div>
+														<div class="txt_review_box">
+															<p>
+																옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요. 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요.
+															</p>
+														</div>
+														<div class="response_box2">
+															<div>
+																<dl>
+																	<div>
+																		<dt>사이즈</dt>
+																		<dd>작음</dd>
+																	</div>
+																	<div>
+																		<dt>컬러</dt>
+																		<dd>밝음</dd>
+																	</div>
+																	<div>
+																		<dt>핏</dt>
+																		<dd>레귤러</dd>
+																	</div>
+																	<div>
+																		<dt>두께감</dt>
+																		<dd>적당함</dd>
+																	</div>
+																</dl>
+															</div>
+														</div>
+														<div class="reply_box">
+															<div class="reply">
+																<div class="reply_writer">
+																	<span class="wr_name">관리자</span>
+																	<span class="wr_date">2020.07.15</span>
+																</div>
+																<div class="reply_txt">
+																	<p>
+																		안녕하세요, 스타일24 관리자입니다.<br>
+																		최대한 검수작업을 하고 있으나, 상품 출고량이 많은 경우 간혹 검수가 누락되는 경우가 있습니다.<br>
+																		만약, 받아보시고 문제가 있을 경우 텍 제거하지마시고 고객센터로 접수 해주시면 처리 도와드리겠습니다.<br>
+																		구매해주셔서 감사합니다.												 
+																	</p>
+																</div>
+															</div>
+														</div>
+													</div>
+												</li>							   
+											</ul>
+										</div>
+									</div>
+								</div>
+								<!-- //리뷰내용 -->
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+			<!-- //베스트리뷰팝업 -->
+
+			<!-- 포토/영상리뷰팝업(detail) -->
+			<div class="modal pop_full fade pd_pop pd_photoreviewdetail_pop" id="pdPhotoReviewDetailPop" tabindex="-1" role="dialog" aria-labelledby="exampleFullLabel" aria-hidden="true">
+				<div class="modal-dialog" role="document">
+					<div class="modal-content">
+						<div class="modal-header">
+							<h5 class="modal-title" id="exampleFullLabel">
+								<button id="btn_more_photoreview"></button>
+								포토/영상리뷰
+							</h5>
+						</div>
+						<div class="modal-body">
+							<div class="pop_cont">
+								<!-- 리뷰사진영역 -->
+									<div class="area_slider">
+										<div class="swiper-container thumb_list">
+											<div class="swiper-wrapper">
+												<div class="swiper-slide">
+													<div class="thumb mov">
+														<video poster="http://cdn.011st.com/11dims/resize/1999x1999/quality/75/11src/review/10201202/3121412332/2e66698576d64c5c9977a6fe6606008d.jpg" muted="muted" preload="metadata" controls="controls">
+															<source src="http://snsvideo.11st.co.kr/movie/item/www/675/67518524_06_1_C1.mp4" type="video/mp4">
+														</video>
+													</div>
+												</div>
+												<div class="swiper-slide"><div class="thumb"><img src="/images/mo/thumb/tmp_pdDetail1.jpg" alt=""></div></div>
+												<div class="swiper-slide"><div class="thumb"><img src="/images/mo/thumb/tmp_pdDetail1.jpg" alt=""></div></div>
+												<div class="swiper-slide"><div class="thumb"><img src="/images/mo/thumb/tmp_pdDetail1.jpg" alt=""></div></div>
+												<div class="swiper-slide"><div class="thumb"><img src="/images/mo/thumb/tmp_pdDetail1.jpg" alt=""></div></div>
+												<div class="swiper-slide"><div class="thumb"><img src="/images/mo/thumb/tmp_pdDetail1.jpg" alt=""></div></div>
+											</div>
+											<!-- Add Pagination -->
+											<div class="swiper-pagination"></div>
+										</div>
+									</div>
+								<!-- //리뷰사진영역 -->
+								<!-- 리뷰내용 -->
+								<div class="pd_review photo">
+									<div class="area_rv_all">
+										<div class="btn_review_open">리뷰오픈</div>
+										<div class="review_list">
+											<ul>
+												<li>
+													<div class="review">
+														<div class="info_box">
+															<div class="star_score">
+																<span class="star">
+																	<em class="progbar" style="width:70%;"></em> <!-- 평점 style로 표기 -->
+																</span>
+															</div>
+															<div class="writer">
+																<span class="wr_id">ab2****</span>
+																<span class="wr_date">2020.07.15</span>
+															</div>
+														</div>
+														<div class="response_box">
+															<div>
+																<dl>
+																	<div>
+																		<dt>구매옵션</dt>
+																		<dd>베이지 / 100</dd>
+																	</div>
+																	<div>
+																		<dt>키/몸무게</dt>
+																		<dd>178cm/71kg</dd>
+																	</div>
+																</dl>
+															</div>
+														</div>
+														<div class="txt_review_box">
+															<p>
+																옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요. 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요.
+															</p>
+														</div>
+														<div class="response_box2">
+															<div>
+																<dl>
+																	<div>
+																		<dt>사이즈</dt>
+																		<dd>작음</dd>
+																	</div>
+																	<div>
+																		<dt>컬러</dt>
+																		<dd>밝음</dd>
+																	</div>
+																	<div>
+																		<dt>핏</dt>
+																		<dd>레귤러</dd>
+																	</div>
+																	<div>
+																		<dt>두께감</dt>
+																		<dd>적당함</dd>
+																	</div>
+																</dl>
+															</div>
+														</div>
+														<div class="reply_box">
+															<div class="reply">
+																<div class="reply_writer">
+																	<span class="wr_name">관리자</span>
+																	<span class="wr_date">2020.07.15</span>
+																</div>
+																<div class="reply_txt">
+																	<p>
+																		안녕하세요, 스타일24 관리자입니다.<br>
+																		최대한 검수작업을 하고 있으나, 상품 출고량이 많은 경우 간혹 검수가 누락되는 경우가 있습니다.<br>
+																		만약, 받아보시고 문제가 있을 경우 텍 제거하지마시고 고객센터로 접수 해주시면 처리 도와드리겠습니다.<br>
+																		구매해주셔서 감사합니다.												 
+																	</p>
+																</div>
+															</div>
+														</div>
+													</div>
+												</li>							   
+											</ul>
+										</div>
+									</div>
+								</div>
+								<!-- //리뷰내용 -->
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+			<!-- //포토/영상리뷰팝업(detail) -->
+
+			<!-- 포토/영상리뷰팝업(list) -->
+			<div class="modal pop_full fade pd_pop pd_photoreviewlist_pop" id="pdPhotoReviewListPop" tabindex="-1" role="dialog" aria-labelledby="exampleFullLabel" aria-hidden="true">
+				<div class="modal-dialog" role="document">
+					<div class="modal-content">
+						<div class="modal-header">
+							<h5 class="modal-title" id="exampleFullLabel">포토/영상리뷰</h5>
+						</div>
+						<div class="modal-body">
+							<div class="pop_cont">
+								<div class="photo_list">
+									<ul>
+										<li>
+											<a href="">
+												<div class="pic">
+													<span class="thumb mov" style="background-image:url('/images/pc/thumb/tmp_pdLookbook3.jpg');"></span><!-- 동영상의 썸네일일 경우 mov 클래스 추가 -->
+												</div>
+											</a>
+										</li>
+										<li>
+											<a href="">
+												<div class="pic">
+													<span class="thumb mov" style="background-image:url('/images/pc/thumb/tmp_pdLookbook2.jpg');"></span><!-- 동영상의 썸네일일 경우 mov 클래스 추가 -->
+												</div>
+											</a>
+										</li>
+										<li>
+											<a href="">
+												<div class="pic">
+													<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
+												</div>
+											</a>
+										</li>
+										<li>
+											<a href="">
+												<div class="pic">
+													<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
+												</div>
+											</a>
+										</li>
+										<li>
+											<a href="">
+												<div class="pic">
+													<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
+												</div>
+											</a>
+										</li>
+										<li>
+											<a href="">
+												<div class="pic">
+													<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
+												</div>
+											</a>
+										</li>
+										<li>
+											<a href="">
+												<div class="pic">
+													<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
+												</div>
+											</a>
+										</li>
+										<li>
+											<a href="">
+												<div class="pic">
+													<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
+												</div>
+											</a>
+										</li>
+										<li>
+											<a href="">
+												<div class="pic">
+													<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
+												</div>
+											</a>
+										</li>
+										<li>
+											<a href="">
+												<div class="pic">
+													<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
+												</div>
+											</a>
+										</li>
+										<li>
+											<a href="">
+												<div class="pic">
+													<span class="thumb mov" style="background-image:url('/images/pc/thumb/tmp_pdLookbook3.jpg');"></span><!-- 동영상의 썸네일일 경우 mov 클래스 추가 -->
+												</div>
+											</a>
+										</li>
+										<li>
+											<a href="">
+												<div class="pic">
+													<span class="thumb mov" style="background-image:url('/images/pc/thumb/tmp_pdLookbook2.jpg');"></span><!-- 동영상의 썸네일일 경우 mov 클래스 추가 -->
+												</div>
+											</a>
+										</li>
+										<li>
+											<a href="">
+												<div class="pic">
+													<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
+												</div>
+											</a>
+										</li>
+										<li>
+											<a href="">
+												<div class="pic">
+													<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
+												</div>
+											</a>
+										</li>
+										<li>
+											<a href="">
+												<div class="pic">
+													<span class="thumb mov" style="background-image:url('/images/pc/thumb/tmp_pdLookbook3.jpg');"></span><!-- 동영상의 썸네일일 경우 mov 클래스 추가 -->
+												</div>
+											</a>
+										</li>
+										<li>
+											<a href="">
+												<div class="pic">
+													<span class="thumb mov" style="background-image:url('/images/pc/thumb/tmp_pdLookbook2.jpg');"></span><!-- 동영상의 썸네일일 경우 mov 클래스 추가 -->
+												</div>
+											</a>
+										</li>
+										<li>
+											<a href="">
+												<div class="pic">
+													<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
+												</div>
+											</a>
+										</li>
+										<li>
+											<a href="">
+												<div class="pic">
+													<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
+												</div>
+											</a>
+										</li>
+									</ul>
+								</div>
+								<div class="review_last">
+									마지막 게시글입니다.
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+			<!-- //포토/영상리뷰팝업(list) -->
+
+			<!-- 딜제품상세보기팝업 -->
+			<div class="modal pop_full fade pd_pop pd_descrp_pop" id="pdDescrpPop" tabindex="-1" role="dialog" aria-labelledby="exampleFullLabel" aria-hidden="true">
+				<div class="modal-dialog" role="document">
+					<div class="modal-content">
+						<div class="modal-header">
+							<div class="deal_listDescrp_open">상품 1</div>
+						</div>
+						<div class="modal-body">
+							<!-- 아이템 -->
+							<div class="item_blk">
+								<div class="item_prod">
+									<div class="item_state">
+										<a href="#none" class="itemLink">
+											<div class="itemPic">
+												<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdDetail1.jpg">
+											</div>
+											<p class="itemBrand">NBA 키즈</p>
+											<div class="itemName"><span class="tit_option">[상품1]</span>유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업</div>
+											<p class="itemPrice">
+												134,100
+												<span class="itemPrice_original">149,000</span>
+												<span class="itemPercent">30%</span>
+											</p>
+										</a>
+									</div>
+								</div>
+							</div>
+							<!-- 아이템 -->
+							<div class="pop_cont"></div>
+							<!-- 상세정보리스트팝업 -->
+							<div class="pd_pop list_pop pd_pop pd_listDescrp_pop" id="listDescrpPop">
+								<div class="modal_content">
+									<!-- <div class="close">닫기</div> -->
+									<div class="listpop_body">
+										<!-- 아이템선택 -->
+										<div class="deal_list_select">
+											<ul class="list">
+												<li class="selected">
+													<div class="item_prod">
+														<div class="item_state">
+															<a href="javascript:void(0)" class="itemLink">
+																<div class="itemPic">
+																	<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdDetail1.jpg">
+																</div>
+																<p class="itemBrand">NBA 키즈</p>
+																<div class="itemName"><span class="tit_option">[상품1]</span>유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업</div>
+																<p class="itemPrice">
+																	134,100
+																	<span class="itemPrice_original">149,000</span>
+																	<span class="itemPercent">30%</span>
+																</p>
+															</a>
+														</div>
+													</div>
+												</li> 
+												<li>
+													<div class="item_prod">
+														<div class="item_state">
+															<a href="javascript:void(0)" class="itemLink">
+																<div class="itemPic">
+																	<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdDetail1.jpg">
+																</div>
+																<p class="itemBrand">NBA 키즈</p>
+																<div class="itemName"><span class="tit_option">[상품1]</span>유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업</div>
+																<p class="itemPrice">
+																	134,100
+																	<span class="itemPrice_original">149,000</span>
+																	<span class="itemPercent">30%</span>
+																</p>
+															</a>
+														</div>
+													</div>
+												</li>
+												<li>
+													<div class="item_prod">
+														<div class="item_state">
+															<a href="javascript:void(0)" class="itemLink">
+																<div class="itemPic">
+																	<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdDetail1.jpg">
+																</div>
+																<p class="itemBrand">NBA 키즈</p>
+																<div class="itemName"><span class="tit_option">[상품1]</span>유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업</div>
+																<p class="itemPrice">
+																	134,100
+																	<span class="itemPrice_original">149,000</span>
+																	<span class="itemPercent">30%</span>
+																</p>
+															</a>
+														</div>
+													</div>
+												</li>
+												<li>
+													<div class="item_prod">
+														<div class="item_state">
+															<a href="javascript:void(0)" class="itemLink">
+																<div class="itemPic">
+																	<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdDetail1.jpg">
+																</div>
+																<p class="itemBrand">NBA 키즈</p>
+																<div class="itemName"><span class="tit_option">[상품1]</span>유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업</div>
+																<p class="itemPrice">
+																	134,100
+																	<span class="itemPrice_original">149,000</span>
+																	<span class="itemPercent">30%</span>
+																</p>
+															</a>
+														</div>
+													</div>
+												</li>
+											</ul>
+										</div>
+										<!-- //아이템선택 -->
+									</div>
+								</div>
+							</div>
+							<!-- //상세정보리스트팝업 -->
+						</div>
+						<div class="modal-footer">
+							<button class="btn btn_primary" id="btn_deal_purchase">구매하기</button>
+						</div>
+					</div>
+				</div>
+			</div>
+			<!-- //딜제품상세보기팝업 -->
+
+			<!-- 딜리뷰제품리스트팝업 -->
+			<div class="pd_pop list_pop pd_pop pd_listReview_pop" id="listReviewPop">
+				<div class="modal_content">
+					<div class="close">닫기</div>
+					<div class="listpop_body">
+						<!-- 아이템선택 -->
+						<div class="deal_list_select">
+							<ul class="list">
+								<li class="selected">
+									<div class="item_prod">
+										<div class="item_state active">
+											<a href="#none" class="itemLink">
+												<div class="itemPic">
+													<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdDetail1.jpg">
+												</div>
+												<p class="itemBrand">NBA 키즈</p>
+												<div class="itemName">
+													<span class="tit_option">[상품1]</span> 
+													유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업
+												</div>
+												<p class="itemText">
+													<span class="tx1">(리뷰 9,999+)</span>
+												</p>
+											</a>
+										</div>
+									</div>
+								</li> 
+								<li>
+									<div class="item_prod">
+										<div class="item_state">
+											<a href="#none" class="itemLink">
+												<div class="itemPic">
+													<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdDetail1.jpg">
+												</div>
+												<p class="itemBrand">NBA 키즈</p>
+												<div class="itemName">
+													<span class="tit_option">[상품1]</span> 
+													유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업
+												</div>
+												<p class="itemText">
+													<span class="tx1">(리뷰 9,999+)</span>
+												</p>
+											</a>
+										</div>
+									</div>
+								</li>
+								<li>
+									<div class="item_prod">
+										<div class="item_state">
+											<a href="#none" class="itemLink">
+												<div class="itemPic">
+													<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdDetail1.jpg">
+												</div>
+												<p class="itemBrand">NBA 키즈</p>
+												<div class="itemName">
+													<span class="tit_option">[상품1]</span> 
+													유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업
+												</div>
+												<p class="itemText">
+													<span class="tx1">(리뷰 9,999+)</span>
+												</p>
+											</a>
+										</div>
+									</div>
+								</li>
+								<li>
+									<div class="item_prod">
+										<div class="item_state">
+											<a href="#none" class="itemLink">
+												<div class="itemPic">
+													<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdDetail1.jpg">
+												</div>
+												<p class="itemBrand">NBA 키즈</p>
+												<div class="itemName">
+													<span class="tit_option">[상품1]</span> 
+													유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업
+												</div>
+												<p class="itemText">
+													<span class="tx1">(리뷰 9,999+)</span>
+												</p>
+											</a>
+										</div>
+									</div>
+								</li>
+							</ul>
+						</div>
+						<!-- //아이템선택 -->
+					</div>
+				</div>
+			</div>
+			<!-- //딜리뷰제품리스트팝업 -->
+
+			<!-- 딜문의제품리스트팝업 -->
+			<div class="pd_pop list_pop pd_pop pd_listQna_pop" id="listQnaPop">
+				<div class="modal_content">
+					<div class="close">닫기</div>
+					<div class="listpop_body">
+						<!-- 아이템선택 -->
+						<div class="deal_list_select">
+							<ul class="list">
+								<li class="selected">
+									<div class="item_prod">
+										<div class="item_state active">
+											<a href="#none" class="itemLink">
+												<div class="itemPic">
+													<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdDetail1.jpg">
+												</div>
+												<p class="itemBrand">NBA 키즈</p>
+												<div class="itemName"><em>[상품1]</em> 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업</div>
+												<p class="itemText">
+													<span class="tx1">(문의 9,999+)</span>
+												</p>
+											</a>
+										</div>
+									</div>
+								</li> 
+								<li>
+									<div class="item_prod">
+										<div class="item_state">
+											<a href="#none" class="itemLink">
+												<div class="itemPic">
+													<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdDetail1.jpg">
+												</div>
+												<p class="itemBrand">NBA 키즈</p>
+												<div class="itemName"><em>[상품2]</em> 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업</div>
+												<p class="itemText">
+													<span class="tx1">(문의 9,999+)</span>
+												</p>
+											</a>
+										</div>
+									</div>
+								</li>
+								<li>
+									<div class="item_prod">
+										<div class="item_state">
+											<a href="#none" class="itemLink">
+												<div class="itemPic">
+													<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdDetail1.jpg">
+												</div>
+												<p class="itemBrand">NBA 키즈</p>
+												<div class="itemName"><em>[상품3]</em> 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업</div>
+												<p class="itemText">
+													<span class="tx1">(문의 9,999+)</span>
+												</p>
+											</a>
+										</div>
+									</div>
+								</li>
+								<li>
+									<div class="item_prod">
+										<div class="item_state">
+											<a href="#none" class="itemLink">
+												<div class="itemPic">
+													<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdDetail1.jpg">
+												</div>
+												<p class="itemBrand">NBA 키즈</p>
+												<div class="itemName"><em>[상품4]</em> 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업</div>
+												<p class="itemText">
+													<span class="tx1">(문의 9,999+)</span>
+												</p>
+											</a>
+										</div>
+									</div>
+								</li>
+							</ul>
+						</div>
+						<!-- //아이템선택 -->
+					</div>
+				</div>
+			</div>
+			<!-- //딜문의제품리스트팝업 -->
+
+			<!-- 딜배송제품리스트팝업 -->
+			<div class="pd_pop list_pop pd_pop pd_listDelivery_pop" id="listDeliveryPop">
+				<div class="modal_content">
+					<div class="close">닫기</div>
+					<div class="listpop_body">
+						<!-- 아이템선택 -->
+						<div class="deal_list_select">
+							<ul class="list">
+								<li class="selected">
+									<div class="item_prod">
+										<div class="item_state active">
+											<a href="#none" class="itemLink">
+												<div class="itemPic">
+													<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdDetail1.jpg">
+												</div>
+												<p class="itemBrand">NBA 키즈</p>
+												<div class="itemName"><em>[상품1]</em> 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업</div>
+											</a>
+										</div>
+									</div>
+								</li> 
+								<li>
+									<div class="item_prod">
+										<div class="item_state">
+											<a href="#none" class="itemLink">
+												<div class="itemPic">
+													<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdDetail1.jpg">
+												</div>
+												<p class="itemBrand">NBA 키즈</p>
+												<div class="itemName"><em>[상품2]</em> 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업</div>
+											</a>
+										</div>
+									</div>
+								</li>
+								<li>
+									<div class="item_prod">
+										<div class="item_state">
+											<a href="#none" class="itemLink">
+												<div class="itemPic">
+													<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdDetail1.jpg">
+												</div>
+												<p class="itemBrand">NBA 키즈</p>
+												<div class="itemName"><em>[상품3]</em> 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업</div>
+											</a>
+										</div>
+									</div>
+								</li>
+								<li>
+									<div class="item_prod">
+										<div class="item_state">
+											<a href="#none" class="itemLink">
+												<div class="itemPic">
+													<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdDetail1.jpg">
+												</div>
+												<p class="itemBrand">NBA 키즈</p>
+												<div class="itemName"><em>[상품4]</em> 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업</div>
+											</a>
+										</div>
+									</div>
+								</li>
+							</ul>
+						</div>
+						<!-- //아이템선택 -->
+					</div>
+				</div>
+			</div>
+			<!-- //딜배송제품리스트팝업 -->											
+		</div>
+		<!-- 팝업영역 -->
+
+	</section>
+	<!-- ★ 컨텐츠 종료 -->	
+
+	<!-- 바닥메뉴 -->	
+	<div class="product_floormenu"><!--  ☞☞ 제품이 품절되면 soldout클래스 추가 -->
+		<div class="share_like">
+			<button class="share">공유하기</button>
+			<button class="like">위시리스트</button>
+		</div>
+		<div class="prd_buy">
+			<button class="buying btPop_auto" id="btn_purchase">구매하기</button>
+			<button class="cantbuying">SOLD OUT</button>
+		</div>
+	</div>
+	<!-- //바닥메뉴 -->
+</main>
+
+<script th:inline="javascript">
+/*<![CDATA[*/
+	
+	var cateNm = "";
+	
+	// 함께본 상품
+	var fnGoodsTogetherSearch = function(params) {
+		gagajf.ajaxSubmit("/goods/detail/together/frame", "html", "goodsTogetherbArea", params);
+	}
+	
+	 $(document).ready( function() {
+
+			// selecter
+			$(function(){
+				var opt_selecter_item = new sCombo('.opt_select .select_custom.deal_opt_item');
+				//var item_opt01 = new sCombo('.pd .pop_option_select .item_opt1');
+				//var item_opt02 = new sCombo('.pd .pop_option_select .item_opt2');
+				var opt_select = new sCombo('.pd .op1 .opt_select .select_custom');
+			});
+
+			//옵션변경 셀렉트
+			var opt_selecter01 = new sCombo('.pd .pop_option_select .item_opt1');
+			$('.pd .pop_option_select .select_custom .combo .list > li').click(function(e) {
+				$(this).parents('.form_field').next('.form_field').find('.select_custom').attr('disabled', false);
+				return false;
+			});
+			var opt_selecter02 = new sCombo('.pd .pop_option_select .item_opt2');
+
+		 /* 상품옵션변경 팝업 > 수량조절 */
+		 $(document).on('click','.number_count .minus',function(e){
+			 var $input = $(this).parent().find('input');
+				var count = parseInt($input.val()) - 1;
+				count = count < 1 ? 1 : count;
+				$input.val(count);
+				$input.change();
+				return false;
+		 }).on('click','.number_count .plus',function(e){
+			 var $input = $(this).parent().find('input');
+				$input.val(parseInt($input.val()) + 1);
+				$input.change();
+				return false;
+		 });
+
+		 //관심상품 등록
+		 $(document).on('click','.pd .itemLike',function(e){
+			 $(this).toggleClass('active');
+			 return false;
+		 });	
+			
+			//슬라이드 - 베스트리뷰
+			var riviewSwiper = new Swiper('.pd .riview_box .area_slider .swiper-container', {
+				slidesPerView: 1,
+				spaceBetween: 8,
+				loop: true,
+				pagination: {
+					el: '.swiper-pagination',
+					type: 'fraction',
+				},
+			});
+			
+			//슬라이드 - 제품사진
+			var thumbswiper = new Swiper('.pd .thumb_box .area_slider .swiper-container', {
+				slidesPerView:1,
+				pagination: {
+					el: '.swiper-pagination',
+					type: 'fraction',
+				},
+			});
+		 //슬라이드 - 함께하면 할인되는 다다익선 상품
+		 var togetherItemSwiper = new Swiper('.pd .pd_together .area_slider .swiper-container', {
+			 slidesPerView: 3,
+			 spaceBetween: 8,
+		 });  
+
+		 //슬라이드 - 이 상품과 함께 본 상품 
+		 var otherItemSwiper = new Swiper('.pd .pd_clickother .area_slider .swiper-container', {
+			 slidesPerView: 2,
+			 spaceBetween: 8,
+		 });			
+
+		 //슬라이드 - STYLE24의 스타일링 추천
+			var rcmdPicimgSwiper = new Swiper('.pd .pd_recommend .area_slider.pic_img .swiper-container', {
+				slidesPerView: 1,
+				spaceBetween: 0,
+				pagination: {
+					el: '.swiper-pagination',
+					type: 'fraction',
+				},
+			});
+			var rcmdPiclistSwiper = new Swiper('.pd .pd_recommend .area_slider.pic_list .swiper-container', {
+				observer: true,
+				observeParents: true,
+				slidesPerView: 3,
+				spaceBetween: 8,
+			});
+
+			$(".pic_list > div").hide();
+			$(".pic_list > div").eq(0).fadeIn();
+			rcmdPicimgSwiper.on('slideChange', function () {
+				var pic_index=this.activeIndex;
+				$(".pic_list > div").hide();
+				$(".pic_list > div").eq(pic_index).fadeIn();
+			});
+			
+			//슬라이드 - 동일브랜드 상품 추천
+		 var rcmdItemSwiper = new Swiper('.pd .pd_samebrand .area_slider .swiper-container', {
+			 slidesPerView: 3,
+			 spaceBetween: 8,
+		 }); 
+
+		 //슬라이드 - 이 상품과 비슷한 상품 
+		 var relateItemSwiper = new Swiper('.pd .pd_relate .area_slider .swiper-container', {
+			 slidesPerView: 3,
+			 spaceBetween: 8,
+		 });	 
+			
+			//슬라이드 - 베스트리뷰팝업 
+		 var bestreviewdetailSwiper = new Swiper('.pd_bestreviewdetail_pop .area_slider .swiper-container', {
+				observer: true,
+				observeParents: true,
+			 slidesPerView: 1,
+			 pagination: {
+					el: '.swiper-pagination',
+					type: 'fraction',
+				},
+		 });
+			
+			//슬라이드 - 포토,영상리뷰팝업 
+		 var photoreviewdetailSwiper = new Swiper('.pd_photoreviewdetail_pop .area_slider .swiper-container', {
+				observer: true,
+				observeParents: true,
+			 slidesPerView: 1,
+			 pagination: {
+					el: '.swiper-pagination',
+					type: 'fraction',
+				},
+		 });
+		 
+		
+		 //탭 - 사이즈정보 > 탭
+		 $(document).on('click','#infoSizePop .tab_nav ul li',function(e){
+			 $(this).addClass('active').siblings().removeClass('active');
+			 $('#infoSizePop .tab_cont_wrap .tab_cont').hide();		
+			 $('#infoSizePop .tab_cont_wrap .tab_cont').eq($(this).index()).show();
+			 return false;
+		 });
+
+		 //탭 - 사이즈정보 > 서브탭
+			$(document).on('click','#infoSizePop .sub_tab_nav ul li',function(e){
+				var value=$(this).find("a").text();
+				var catTxt=$(".category_open").text();
+				console.log(value)
+			 $(this).addClass('active').siblings().removeClass('active');
+			 $(this).parents('.tab_cont').find('.sub_tab_cont').hide();
+			 $(this).parents('.tab_cont').find('.sub_tab_cont').eq($(this).index()).show();
+				$(this).parents().parents().parents().parents().parents(".category_box").hide();
+				$(this).parents().parents().parents().parents().parents(".category_box").prev(".category_open").text(value);
+			 return false;
+		 });
+
+			//팝업 - 사이즈정보 > 서브탭 - 카테고리팝오픈
+		 $(document).on('click','#infoSizePop .category_open',function(e){
+			 $(this).siblings().show();
+			 return false;
+		 });
+			$(document).on('click','#infoSizePop .category_close',function(e){
+			 $(this).parents().parents(".category_box").hide();
+			 return false;
+		 });
+		 
+
+		//팝업 - 상품문의 리스트	
+		$(document).on('click','#btn_pdQnaList_pop',function(e){
+			$("#pdQnaListPop").modal("show");
+			return false;
+		});
+
+		//팝업 - 상품문의 작성
+		$(document).on('click','#btn_pdQnaWrite_pop',function(e){
+			$("#pdQnaWritePop").modal("show");
+			return false;
+		});
+
+			//팝업 - 배송교환반품 안내
+		 $(document).on('click','#btn_pdDelivery_Pop',function(e){
+			 $("#pdDeliveryPop").modal("show");
+			 return false;
+		 })
+
+		//팝업 - 리뷰
+		$(document).on('click','#btn_pdReview_pop',function(e){
+			 $("#pdReviewPop").modal("show");
+			 return false;
+		 })
+
+		//팝업 - 베스트리뷰
+		$(document).on('click','#btn_pdBestReview_pop a',function(e){
+			 $("#pdBestReviewPop").modal("show");
+			 return false;
+		 })
+			
+
+			//팝업 - 포토/영상 리뷰 (detail)
+		 $(document).on('click','.area_rv_photo .photo_list a, .area_rv_all .review_list .photo_list a, .pd_photoreviewlist_pop .photo_list ul li a',function(e){
+			 $("#pdPhotoReviewDetailPop").modal("show");
+			 return false;
+		 })
+
+			//팝업 - 포토/영상 리뷰 (list)
+		 $(document).on('click','#btn_more_photoreview',function(e){
+			 $("#pdPhotoReviewListPop").modal("show");
+			 return false;
+		 })
+
+			//팝업 - 제품상세
+			$(document).on('click','.pd_dealitem .itemLink',function(e){
+			 $("#pdDescrpPop").modal("show");
+				$('#pdDescrpPop .pop_cont').load('pd_descrp_pop.html');
+			 return false;
+		 })
+
+			//팝업 - 제품리뷰 > 카테고리팝오픈
+			// 오픈
+		 $(document).on('click','.pd_review .category_open > li',function(e){
+				var dataName=$(this).attr("data_name");
+			 $(".pd_review .category_box").show();
+				$(".pd_review .category_list").find(".category").hide();
+				$(".pd_review .category_list").find("#"+dataName).show();
+				return false;
+		 });
+			// 닫기
+			$(document).on('click','.pd_review .category_box .category_close',function(e){
+				$(".pd_review .category_box").hide();
+			 return false;
+		 });
+			// 변경
+			$(document).on('click','.pd_review .category ul > li',function(e){
+				var num=$(".pd_review .category_open > li").length;
+				var value=$(this).find("a").attr("data");
+				var name=$(this).parent().parent().attr("id");
+				$(this).parent().find("li").removeClass("active");
+				$(this).addClass("active");
+				for(var i=0; i < num; i++){
+					var dataname=$(".pd_review .category_open > li").eq(i).attr("data_name");
+					if(name==dataname){
+						$(".pd_review .category_open > li").eq(i).find("span").text(value);
+					}
+				}
+			 return false;
+		 });
+
+
+			// 포토,베스트리뷰숨김
+			var review_open=$(".btn_review_open");
+			$(document).on('click','.btn_review_open',function(e){
+				$(this).toggleClass('active');
+				$(this).next(".review_list").toggleClass('active');
+				return false;
+			});
+			
+			
+			// =============구매하기팝업========================================================
+
+			// pop open
+			function popOpenScroll(){
+				$('html, body').css({'overflow': 'hidden', 'height': '100%'}); 
+				$('#element').on('scroll touchmove mousewheel', function(event) { // 터치무브, 휠 스크롤 방지
+					event.preventDefault();
+					event.stopPropagation();
+					return false;
+				});
+			}
+			// pop close
+			function popClsScroll(){
+				$('html, body').css({'overflow': 'auto', 'height': '100%'}); //n 해제
+				$('#element').off('scroll touchmove mousewheel'); // 터치무브, 휠 스크롤 가능
+				return false;
+			}
+			// pop close
+			function popClsScroll2(){
+				$('html, body').css({'overflow': 'auto', 'height': '100%'}); //n 해제
+				$('#element').off('scroll touchmove mousewheel'); // 터치무브, 휠 스크롤 가능
+				return false;
+			}
+
+			//팝업 - 구매하기 > 옵션선택 > 옵션셀렉트팝업
+			$(document).on('click','.Purchase_pop .option_result .option_open',function(e){
+			 $(".Purchase_pop .pop_option_select").show();
+			 return false;
+		 });
+			$(document).on('click','.Purchase_pop .close',function(e){
+			 $(".Purchase_pop .pop_option_select").hide();
+			 return false;
+		 })
+			//팝업 - 딜상세정보 옵션선택 > 옵션셀렉트팝업
+			$(document).on('click','.pd_dealitem .item_prod .btn_default',function(e){
+				$('.container').addClass('btPop_open');
+				$(".Purchase_pop .pop_option_select").show();
+				popOpenScroll();
+			 return false;
+		 });
+
+			//팝업 - 딜상세팝업 구매하기버튼 > 옵션셀렉트팝업
+			$(document).on('click','#pdDescrpPop .modal-footer button',function(e){
+				$("#pdDescrpPop .close-modal ").click();
+				$('.container').addClass('btPop_open');
+				$(".Purchase_pop .pop_option_select").show();
+				popOpenScroll();
+			 return false;
+		 });
+			// ============================================================================//
+			
+
+
+			// =============딜리스트팝업========================================================
+			//팝업 - 딜리뷰상품 리스트팝업
+			$(document).on('click','.deal_listReview_open',function(e){
+			 $("#listReviewPop").show();
+			 return false;
+		 }).on('click','#listReviewPop .close, #listReviewPop .deal_list_select ul > li',function(e){
+				$("#listReviewPop").hide(); 
+				return false;
+			});
+
+			//팝업 - 딜문의상품 리스트팝업
+			$(document).on('click','.deal_listQna_open',function(e){
+			 $("#listQnaPop").show();
+			 return false;
+		 }).on('click','#listQnaPop .close, #listQnaPop .deal_list_select ul > li',function(e){
+				$("#listQnaPop").hide(); 
+				return false;
+			});
+
+			//팝업 - 딜배송상품 리스트팝업
+			$(document).on('click','.deal_listDelivery_open',function(e){
+			 $("#listDeliveryPop").show();
+			 return false;
+		 }).on('click','#listDeliveryPop .close, #listDeliveryPop .deal_list_select ul > li',function(e){
+				$("#listDeliveryPop").hide(); 
+				return false;
+			});
+
+			//팝업 - 딜상세정보 리스트팝업
+			$(document).on('click','#pdDescrpPop .deal_listDescrp_open',function(e){
+				$(this).toggleClass("active");
+			 $("#listDescrpPop").toggle();
+			 return false;
+		 }).on('click','#listDescrpPop .deal_list_select ul > li',function(e){
+				$("#pdDescrpPop .deal_listDescrp_open").removeClass("active");
+				$("#listDescrpPop").hide(); 
+				return false;
+			});
+			// ============================================================================//
+
+
+		 //탭 - 딜상품 > 상품상세정보 탭
+		 $(document).on('click','.pd.deal .tab_detail_nav ul li',function(e){
+			 $(this).addClass('active').siblings().removeClass('active');
+			 $('.pd.deal .tab_detail_cont').hide();		
+			 $('.pd.deal .tab_detail_cont').eq($(this).index()).show();
+			 
+			 //상품상세정보 호출
+			 $('.pd_review .cont_body').load('pd_review_pop.html');
+			 $('.pd_qnalist .cont_body').load('pd_qnalist_pop.html');
+			 $('.pd_delivery .cont_body').load('pd_delivery_pop.html');
+			 return false;
+		 }); 
+		
+
+			//탭 - 딜상품 > 상세정보 탭 고정
+		 $(window).scroll(function(){
+			 var scrollTop= $(window).scrollTop();
+				var tabTop=$('.pd_desc_wrap').offset().top;
+
+			 if (scrollTop >= tabTop){
+				 $('.tab_detail_nav').addClass('fix');
+			 } else {
+				 $('.tab_detail_nav').removeClass('fix');
+			 }
+		 });
+
+			/* 210409_추가 : alert 모음 */
+			$(document).on("click", "#btn_deal_purchase", function(){
+				mcxDialog.alert("1일 구매한도 수량이 초과되었습니다.", {
+						//alert("해당 상품은 구매가 불가능합니다.) : 버튼 선택 시 구매가 불가능한 경우(등급, 신규회원 여부 등)
+					sureBtnText: "확인",
+				});
+			});
+			$(document).on("click", "#btn_gift", function(){
+				mcxDialog.alert("옵션을 선택해 주세요.", {
+						//alert("선물하기는 1개의 옵션만 선택하실 수 있습니다.") : 버튼 선택 시 옵션을 2개 이상 선택한 경우
+					sureBtnText: "확인",
+				});
+			});
+			$(document).on("click", "#btn_shoppingBag_pop", function(){
+				mcxDialog.alert("옵션을 선택해 주세요.", {
+						
+					sureBtnText: "확인",
+				});
+			});
+			$(document).on("click", "#btn_now_purchase", function(){
+				mcxDialog.alert("옵션을 선택해 주세요.", {
+						
+					sureBtnText: "확인",
+				});
+			});
+			$(document).on("click", "#btn_result_coupon", function(){
+				mcxDialog.alert("쿠폰이 발급되었습니다.", {
+						//alert("죄송합니다. 쿠폰이 모두 소진되었습니다.") : 각 개별 쿠폰 선택 시 해당 쿠폰이 선착순 조건에 걸리는 경우
+						//alert("죄송합니다. 해당 쿠폰은 다운로드가 불가합니다.") : 각 개별 쿠폰 선택 시 해당 쿠폰이 다운로드 불가능한 경우
+					sureBtnText: "확인",
+				});
+			});
+			$(document).on("click", "#btn_result_coupon2", function(){
+				mcxDialog.alert("쿠폰이 발급되었습니다.", {
+						//alert("죄송합니다. 쿠폰이 모두 소진되었습니다.") : 각 개별 쿠폰 선택 시 해당 쿠폰이 선착순 조건에 걸리는 경우
+						//alert("죄송합니다. 해당 쿠폰은 다운로드가 불가합니다.") : 각 개별 쿠폰 선택 시 해당 쿠폰이 다운로드 불가능한 경우
+					sureBtnText: "확인",
+				});
+			});
+			$(document).on("click", "#btn_all_coupon", function(){
+				mcxDialog.alert("00개 쿠폰이 발급되었습니다.", {
+						
+					sureBtnText: "확인",
+				});
+			});
+			$(document).on("click", "#btn_purchase", function(){
+				mcxDialog.alert("1일 구매한도 수량이 초과되었습니다.", {
+						//alert("해당 상품은 구매가 불가능합니다.) : 버튼 선택 시 구매가 불가능한 경우(등급, 신규회원 여부 등)
+					sureBtnText: "확인",
+				});
+			});
+			/* //210409_추가 : alert 모음 */
+
+			$('.Purchase_pop .btPop_close').click(function(){
+				$('html, body').css({'overflow': 'visible', 'height': '100%'});
+				$('.container').removeClass('btPop_open');
+				autome.style.top  = 100 + "%";
+				return false;
+			});
+	 });
+		
+/*]]>*/
+</script>
+<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
+<!-- 광고 스크립트 -->
+<th:block th:replace="~{mob/common/advertisements/GoodsDetailScriptsMob :: scripts}"></th:block>
+<!-- //광고 스크립트 -->
+
+</th:block>
+
+</body>
+</html>

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

@@ -42,9 +42,7 @@
 		<!-- 210409_ 구조변경 : .pd_info, .pd_info1 추가  -->
 		<div class="pd_info">
 			<div class="pd_info1" data-speed="10">
-
 				<div class="inner wide" th:if="${goodsImgList != null and !goodsImgList.empty}">
-					<!-- 제품사진영역 -->
 					<div class="thumb_box">
 						<div class="area_slider">
 							<div class="swiper-container thumb_list">
@@ -61,9 +59,7 @@
 							</div>
 						</div>
 					</div>
-					<!-- //제품사진영역 -->
 				</div>
-
 			</div>
 
 			<div class="inner">
@@ -90,7 +86,7 @@
 						</p>
 						<p class="save_point" th:if="${goodsInfo.pntAmt > 0}">스타일포인트 <th:block th:text="${#numbers.formatInteger(goodsInfo.pntAmt, 0,'COMMA')}"></th:block>P 적립예정</p>
 						<div class="btn_group_flex">
-							<div><button class="btn btn_default" id="btn_saleCoupon_pop" th:onclick="cfGoodsCouponInfo([[${goodsInfo.goodsCd}]],[[${goodsInfo.goodsType}]])">쿠폰받기</button></div>
+							<div><button type="button" class="btn btn_default" id="btn_saleCoupon_pop" th:onclick="cfGoodsCouponInfo([[${goodsInfo.goodsCd}]],[[${goodsInfo.goodsType}]])">쿠폰받기</button></div>
 						</div>
 					</div>
 				</div>
@@ -689,7 +685,7 @@
 									<span class="title">옵션선택</span>
 									<div class="check_excluding form_field">
 										<div>
-											<input id="soldoutSkipYn" name="soldoutSkipYn" type="checkbox" value="Y" th:onclick="fnOption1(this,[[${goodsInfo.goodsCd}]],[[${goodsInfo.selfGoodsYn}]]);"><label for="soldoutSkipYn"><span>품절제외</span> </label>
+											<input id="soldoutSkipYn" name="soldoutSkipYn" type="checkbox" value="Y" th:onclick="fnOption1(this,[[${goodsInfo.goodsCd}]]);"><label for="soldoutSkipYn"><span>품절제외</span> </label>
 										</div>
 										<div class="guidance" >
 											<!--210409_ 추가 : .guidance에 .ontoast 추가 시, toast 팝업 작동 -->
@@ -1105,7 +1101,7 @@
 	}
 	
 	// 옵션1 조회
-	var fnOption1 = function(ridx,goodsCd, selfGoodsYn){
+	var fnOption1 = function(ridx,goodsCd){
 		
 		// 품절제외 여부
 		let optionSoldoutSkip = $('.pop_option_select').find('input[name=soldoutSkipYn]').is(":checked") ? 'Y' : 'N';
@@ -1160,8 +1156,8 @@
 						selfGoodsYn = item.selfGoodsYn;
 					}
 					let soldoutYn = ""; 
-					if ("G008_90" != item.goodsStat || item.stockQty <= 0) soldoutYn = "true";
-					tag += '<li aria-disabled="'+soldoutYn+'" data-soldout="'+soldoutYn +'" onclick="fnOption2('+ (idx+1)+', \''+ item.goodsCd+'\' , \''+ item.optCd1+'\', \''+ item.minOrdQty+'\', \''+ item.maxOrdQty+'\' )">\n';	
+					if ("G008_90" != item.goodsStat || item.stockQty <= 0 || item.goodsStat != 'G008_90') soldoutYn = "true";
+					tag += '<li aria-disabled="'+soldoutYn+'" data-soldout="'+soldoutYn +'" onclick="fnOption2('+ ridx+', \''+ item.goodsCd+'\' , \''+ item.optCd1+'\', \''+ item.minOrdQty+'\', \''+ item.maxOrdQty+'\' )">\n';	
 					tag += '<div>' +item.optCd1 +'</div>';
 					tag += '<input type="hidden" name="opt" value="'+ item.goodsCd+'" optCd1="'+ item.optCd1 +'" qty="'+ item.qty +'" />\n';
 					tag += '</li>\n';
@@ -1194,14 +1190,24 @@
 				if (selfGoodsYn == "Y"){
 					if (ridx == 1){
 						var opt_selecter01_1 = new sCombo('.pop_option_select .select_custom.item_opt1.item_opt1_1');	
+						$('.pop_option_select .select_custom.item_opt2.item_opt2_1 .combo .list > li').eq(0).trigger("click");
+						$('.pop_option_select .select_custom.item_opt2.item_opt2_1').attr('disabled',true)
 					}else if (ridx == 2){
-						var opt_selecter01_2 = new sCombo('.pop_option_select .select_custom.item_opt1.item_opt1_2');	
+						var opt_selecter01_2 = new sCombo('.pop_option_select .select_custom.item_opt1.item_opt1_2');
+						$('.pop_option_select .select_custom.item_opt2.item_opt2_2 .combo .list > li').eq(0).trigger("click");
+						$('.pop_option_select .select_custom.item_opt2.item_opt2_2').attr('disabled',true)
 					}else if (ridx == 3){
 						var opt_selecter01_3 = new sCombo('.pop_option_select .select_custom.item_opt1.item_opt1_3');
+						$('.pop_option_select .select_custom.item_opt2.item_opt2_3 .combo .list > li').eq(0).trigger("click");
+						$('.pop_option_select .select_custom.item_opt2.item_opt2_3').attr('disabled',true)
 					}else if (ridx == 4){
 						var opt_selecter01_4 = new sCombo('.pop_option_select .select_custom.item_opt1.item_opt1_4');
+						$('.pop_option_select .select_custom.item_opt2.item_opt2_4 .combo .list > li').eq(0).trigger("click");
+						$('.pop_option_select .select_custom.item_opt2.item_opt2_4').attr('disabled',true)
 					}else{
 						var opt_selecter01_5 = new sCombo('.pop_option_select .select_custom.item_opt1.item_opt1_5');
+						$('.pop_option_select .select_custom.item_opt2.item_opt2_4 .combo .list > li').eq(0).trigger("click");
+						$('.pop_option_select .select_custom.item_opt2.item_opt2_4').attr('disabled',true)
 					}
 					
 				}else{
@@ -1220,10 +1226,9 @@
 	
 	// 옵션2 조회
 	var fnOption2 = function(ridx, goodsCd, optCd1, minOrdQty, maxOrdQty){
-		
 		// 품절제외 여부
 		let optionSoldoutSkip = $('.pop_option_select').find('input[name=soldoutSkipYn]').is(":checked") ? 'Y' : 'N';
-		
+
 		let selfGoodsYn = $("#cartForm  input[name=selfGoodsYn]").val();
 		let data = {goodsCd : goodsCd
 					,optCd1 : optCd1
@@ -1231,7 +1236,7 @@
 					,mastrGoodsCd : $('#cartFprm input[name=goodsCd]').val()
 					};
 		let jsonData = JSON.stringify(data);
-	
+		
 		gagajf.ajaxJsonSubmit('/goods/detail/option2/list', jsonData, function(result) {
 			
 			if (result.dataList != null && result.dataList.length > 0) {
@@ -1254,6 +1259,7 @@
 				}else{
 					$obj = $('.pop_option_select .select_custom.item_opt2.item_opt2_1');
 				}	
+				
 				let qty = $obj.parent().parent().find('.select_custom').attr('qty'); // 구성수량
 				
 				$.each(result.dataList, function(idx, item) {
@@ -1300,7 +1306,7 @@
 					if (ridx == 1){
 						var opt_selecter02_1 = new sCombo('.pop_option_select .select_custom.item_opt2.item_opt2_1');	
 					}else if (ridx == 2){
-						var opt_selecter02_2 = new sCombo('.pop_option_select .select_custom.item_opt2.item_opt2_2');	
+						var opt_selecter02_2 = new sCombo('.pop_option_select .select_custom.item_opt2.item_opt2_2');
 					}else if (ridx == 3){
 						var opt_selecter02_3 = new sCombo('.pop_option_select .select_custom.item_opt2.item_opt2_3');
 					}else if (ridx == 4){
@@ -1315,7 +1321,6 @@
 			}
 			
 		});
-		
 	}
 	
 	// 수량 변경 클릭
@@ -1866,7 +1871,7 @@
 		$("meta[property='eg:etc1']").attr('content', [[${goodsInfo.selfGoodsYn}]]);
 		
 		// ep 쿠폰확인
-		fnEpCouponDown([[${params.afLinkCd}]], [[${params.goodsCd}]], 1);
+		fnEpCouponDown([[${afLinkCd}]], [[${params.goodsCd}]], 1);
 	});
 	
 /*]]>*/

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

@@ -2,19 +2,19 @@
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
 <!--
  *******************************************************************************
- * @source  : GoodsIncludeFormMob.html
- * @desc    : 상품상세 Include Page - 공용
+ * @source: GoodsIncludeFormMob.html
+ * @desc: 상품상세 Include Page - 공용
  *============================================================================
  * STYLE24
  * Copyright(C) 2020 TSIT, All rights reserved.
  *============================================================================
- * VER  DATE         AUTHOR      DESCRIPTION
- * ===  ===========  ==========  =============================================
- * 1.0  2021.03.02   eskim	   최초 작성
+ * VERDATE AUTHORDESCRIPTION
+ * =====================================================================
+ * 1.02021.03.02 eskim	 최초 작성
  *******************************************************************************
  -->
-<!-- 상품상세 SNS  -->
-<th:block  th:fragment="goodsSnsForm" >
+<!-- 상품상세 SNS-->
+<th:blockth:fragment="goodsSnsForm" >
 <!-- toggle contents -->
 <div class="shareWrap" th:with="stylelUrl=${@environment.getProperty('domain.front')}, imgGoodsUrl=${@environment.getProperty('upload.goods.view')}">
 	<div id="layerShare" class="setShare open">
@@ -30,543 +30,138 @@
 </th:block>
 
 <!-- 딜 상품 상품소개영역 -->
-<th:block  th:fragment="goodsDealComposeForm">
+<th:block th:fragment="goodsDealComposeForm">
 <!-- ***** 상품소개영역 ***** -->
-<div class="content pd_desc_wrap" th:with="imgGoodsUrl=${@environment.getProperty('upload.goods.view')}, uxImgUrl=${@environment.getProperty('domain.uximage')}">
-	<div class="cont_body">
-		<div class="item_descrp">
-			<div class="area_list">
-				<!-- 상품소개 탭 -->
-				<div class="tab_detail_nav">
-					<ul>
-						<li class="active"><a href="javascript:void(0)">상세정보</a></li>
-						<li><a href="javascript:void(0)">리뷰<em>(<th:block  th:text="${(goodsReviewCnt <= 9999) ? #numbers.formatInteger(goodsReviewCnt, 0,'COMMA')  : '9,999+'}"></th:block>)</em></a></li>
-						<li><a href="javascript:void(0)">문의<em>(<th:block  th:text="${(goodsQnaCnt <= 9999) ? #numbers.formatInteger(goodsQnaCnt, 0,'COMMA')  : '9,999+'}"></th:block>)</em></a></li>
-						<li><a href="javascript:void(0)">배송/교환/반품</em></a></li>
-					</ul>
+<div class="inner wide" th:with="imgGoodsUrl=${@environment.getProperty('upload.goods.view')}, uxImgUrl=${@environment.getProperty('domain.uximage')}">
+	<div class="pd_desc_wrap">
+		<div class="tab_detail_nav">
+			<ul>
+				<li class="active"><a href="javascript:void(0)">상세정보</a></li>
+				<li><a href="javascript:void(0)">리뷰<em><th:block  th:text="${(goodsReviewCnt <= 9999) ? #numbers.formatInteger(goodsReviewCnt, 0,'COMMA')  : '9,999+'}"></th:block></em></a></li>
+				<li><a href="javascript:void(0)">문의<em><th:block  th:text="${(goodsQnaCnt <= 9999) ? #numbers.formatInteger(goodsQnaCnt, 0,'COMMA')  : '9,999+'}"></th:block></em></a></li>
+				<li class=""><a href="javascript:void(0)">배송/반품</a></li>
+			</ul>
+		</div>
+		<!-- 상품상세정보 -->
+		<div class="tab_detail_cont pd_dealitem" style=display:block;>
+			<div class="itemsGrp" th:if="${goodsDealComposeList  != null and !goodsDealComposeList.empty}">
+				<div class="item_prod" th:each="goodsInfo, status : ${goodsDealComposeList}">
+					<div class="item_state">
+						<a href="javascript:void(0);" class="itemLink" th:onclick="fnOpenGoodsDealDetail([[${goodsInfo.goodsCd}]],[[${goodsInfo.compsGoodsCd}]])">
+							<div class="rank detail"><span>상품<em class="number" th:text="${#numbers.formatInteger(status.count,2)}">01</em></span></div>
+							<div class="itemPic">
+								<img alt="" class="vLHTC pd_img" th:src="${imgGoodsUrl+'/'+goodsInfo.sysImgNm+'?RS=156'}" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">
+							</div>
+							<p class="itemBrand" th:text="${goodsInfo.brandGroupNm}">BRAND NAME1</p>
+							<div class="itemName" th:text="${goodsInfo.goodsFullNm}">남성 </div>
+							<p class="itemPrice">
+								<span class="itemPrice_original" th:if="${goodsInfo.listPrice > goodsInfo.currPrice}" th:text="${#numbers.formatInteger(goodsInfo.listPrice, 0,'COMMA')}">89,000</span>
+								<th:block th:text="${#numbers.formatInteger(goodsInfo.currPrice, 0,'COMMA')}"> 134,100</th:block>
+								<span class="itemPercent" th:if="${goodsInfo.dcRate > 0}" th:text="|${#numbers.formatDecimal(goodsInfo.dcRate,0,0)}%|">10%</span>
+							</p>
+						</a>
+					<button type="button" class="btn btn_default">옵션 선택</button>
+					</div>
 				</div>
-				<!-- //상품소개 탭 -->
-				<!-- 상품상세정보 -->
-				<div class="tab_detail_cont pd_dealitem" style="display:block;" >
-					<div class="itemsGrp" th:if="${goodsDealComposeList  != null and !goodsDealComposeList.empty}">
-						<!--  반복 -->
-						<div class="item_prod" th:each="goodsInfo, status : ${goodsDealComposeList}">
+			</div>
+		</div>
+		<!-- //상품상세정보 -->
+		<!-- 상품리뷰 리스트 -->
+		<div class="tab_detail_cont pd_review">
+			<div class="cont_head">
+				<h3 class="sr-only">상품리뷰 목록</h3>
+				<div class="deal_listReview_open">
+					<!-- 아이템 -->
+					<div class="item_blk">
+						<div class="item_prod">
 							<div class="item_state">
-								<a href="javascript:void(0);" class="itemLink" th:onclick="fnOpenGoodsDealDetail([[${goodsInfo.goodsCd}]],[[${goodsInfo.compsGoodsCd}]])">
-									<div class="shape ranker">
-										<span>상품<em class="number" th:text="${#numbers.formatInteger(status.count,2)}">01</em></span>
-									</div>
+								<a href="#none" class="itemLink">
 									<div class="itemPic">
-										<img alt="" class="vLHTC pd_img" th:src="${imgGoodsUrl+'/'+goodsInfo.sysImgNm}" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">
+										<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdDetail1.jpg">
+									</div>
+									<p class="itemBrand">NBA 키즈</p>
+									<div class="itemName">
+										<span class="tit_option">[상품1]</span>
+										유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업
 									</div>
-									<p class="itemBrand" th:text="${goodsInfo.brandGroupNm}">BRAND NAME1</p>
-									<div class="itemName" th:text="${goodsInfo.goodsFullNm}">남성 </div>
-									<p class="itemPrice"><th:block th:text="${#numbers.formatInteger(goodsInfo.currPrice, 0,'COMMA')}"> 134,100</th:block>
-										<span class="itemPrice_original" th:if="${goodsInfo.listPrice > goodsInfo.currPrice}" th:text="${#numbers.formatInteger(goodsInfo.listPrice, 0,'COMMA')}">149,000</span>
-										<span class="itemPercent" th:if="${goodsInfo.dcRate > 0}" th:text="|${#numbers.formatDecimal(goodsInfo.dcRate,0,0)}%|">30%</span>
+									<p class="itemText">
+										<span class="tx1">(리뷰 9,999+)</span>
 									</p>
 								</a>
 							</div>
 						</div>
 					</div>
+					<!-- //아이템 -->
 				</div>
-				<!-- //상품상세정보 -->
-				<!-- 상품리뷰 리스트 -->
-				<div class="tab_detail_cont pd_review">
-					<div class="cont_head">
-						<h3 class="sr-only">상품리뷰 목록</h3>
-						<!-- 아이템선택 -->
-						<div class="form_field">
-							<div class="select_custom deal_opt_item forReview">
-								<div class="combo">
-									<div class="select">
-										<div class="item_prod">
-											<div class="item_state">
-												<a href="javascript:void(0)" class="itemLink">
-													<div class="itemPic">
-														<img alt="" class="vLHTC pd_img" th:src="${imgGoodsUrl+'/'+goodsInfo.sysImgNm}" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">
-													</div>
-													<div class="itemName">선택</div>
-												</a>
-											</div>
-										</div>
-									</div>
-									<ul class="list" th:if="${goodsDealComposeList  != null and !goodsDealComposeList.empty}">
-										<li th:each="goodsInfo, status : ${goodsDealComposeList}" 
-											th:attr="aria-disabled=${(goodsInfo.goodsStat != 'G008_90' or goodsInfo.stockQty <= 0)? 'true':''}, data-soldout=${(goodsInfo.stockQty <= 0)? 'true':''}"
-											th:onclick="fnSelGoodsDealReview([[${goodsInfo.compsGoodsCd}]])" >
-											<div class="item_prod">
-												<div class="item_state">
-													<a href="#none" class="itemLink">
-														<div class="itemPic">
-															<img alt="" class="vLHTC pd_img" th:src="${imgGoodsUrl+'/'+goodsInfo.sysImgNm}" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">
-														</div>
-														<p class="itemBrand" th:text="${goodsInfo.brandGroupNm}">BRAND NAME1</p>
-														<div class="itemName" th:text="${goodsInfo.goodsFullNm}">남성 </div>
-														<p class="itemPrice"><th:block th:text="${#numbers.formatInteger(goodsInfo.currPrice, 0,'COMMA')}"> 134,100</th:block>
-															<span class="itemPrice_original" th:if="${goodsInfo.listPrice > goodsInfo.currPrice}" th:text="${#numbers.formatInteger(goodsInfo.listPrice, 0,'COMMA')}">149,000</span>
-															<span class="itemPercent" th:if="${goodsInfo.dcRate > 0}" th:text="|${#numbers.formatDecimal(goodsInfo.dcRate,0,0)}%|">30%</span>
-														</p>
-													</a>
-													<input type="hidden" name="selectGoods" th:value="${goodsInfo.compsGoodsCd}"  th:attr="currPrice=${goodsInfo.currPrice}, selfGoodsYn=${goodsInfo.selfGoodsYn}"/>
-												</div>
-											</div>
-										</li> 
-									</ul>
-								</div>
-							</div>
-						</div>
-						<!-- //아이템선택 -->
-					</div>
-					<div class="cont_body" id="goodsDealReview">
-					</div>
-				</div>
-				<!-- //상품리뷰 리스트 -->
-				<!-- 상품문의 리스트 -->
-				<div class="tab_detail_cont pd_qnalist">
-					<div class="cont_head">
-						<h3 class="sr-only">상품문의 목록</h3>
-						<!-- 아이템선택 -->
-						<div class="form_field">
-							<div class="select_custom deal_opt_item forQna">
-								<div class="combo">
-									<div class="select">
-										<div class="item_prod">
-											<div class="item_state">
-												<a href="javascript:void(0)" class="itemLink">
-													<div class="itemPic">
-														<img alt="" class="vLHTC pd_img" th:src="${imgGoodsUrl+'/'+goodsInfo.sysImgNm}" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">
-													</div>
-													<div class="itemName">선택</div>
-												</a>
-											</div>
-										</div>
-									</div>
-									<ul class="list" th:if="${goodsDealComposeList  != null and !goodsDealComposeList.empty}">
-										<li th:each="goodsInfo, status : ${goodsDealComposeList}" 
-											th:attr="aria-disabled=${(goodsInfo.goodsStat != 'G008_90' or goodsInfo.stockQty <= 0)? 'true':''}, data-soldout=${(goodsInfo.stockQty <= 0)? 'true':''}"
-											th:onclick="fnSelGoodsDealQna([[${goodsInfo.compsGoodsCd}]])" >
-											<div class="item_prod">
-												<div class="item_state">
-													<a href="#none" class="itemLink">
-														<div class="itemPic">
-															<img alt="" class="vLHTC pd_img" th:src="${imgGoodsUrl+'/'+goodsInfo.sysImgNm}" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">
-														</div>
-														<p class="itemBrand" th:text="${goodsInfo.brandGroupNm}">BRAND NAME1</p>
-														<div class="itemName" th:text="${goodsInfo.goodsFullNm}">남성 </div>
-														<p class="itemPrice"><th:block th:text="${#numbers.formatInteger(goodsInfo.currPrice, 0,'COMMA')}"> 134,100</th:block>
-															<span class="itemPrice_original" th:if="${goodsInfo.listPrice > goodsInfo.currPrice}" th:text="${#numbers.formatInteger(goodsInfo.listPrice, 0,'COMMA')}">149,000</span>
-															<span class="itemPercent" th:if="${goodsInfo.dcRate > 0}" th:text="|${#numbers.formatDecimal(goodsInfo.dcRate,0,0)}%|">30%</span>
-														</p>
-													</a>
-													<input type="hidden" name="selectGoods" th:value="${goodsInfo.compsGoodsCd}" />
-												</div>
-											</div>
-										</li> 
-									</ul>
-								</div>
-							</div>
-						</div>
-						<!-- //아이템선택 -->
-					</div>
-					<div class="cont_body" id="goodsDealQna">
-					</div>
-				</div>
-				<!-- //상품문의 리스트 -->
-				<!-- 배송/교환/반품 정보 -->
-				<div class="tab_detail_cont pd_delivery">
-					<div class="cont_head">
-						<h3 class="sr-only">배송/교환/반품 정보</h3>
-						<!-- 아이템선택 -->
-						<div class="form_field">
-							<div class="select_custom deal_opt_item forExinfo">
-								<div class="combo">
-									<div class="select">
-										<div class="item_prod">
-											<div class="item_state">
-												<a href="javascript:void(0)" class="itemLink">
-													<div class="itemPic">
-														<img alt="" class="vLHTC pd_img" th:src="${imgGoodsUrl+'/'+goodsInfo.sysImgNm}" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">
-													</div>
-													<div class="itemName">선택</div>
-												</a>
-											</div>
-										</div>
-									</div>
-									<ul class="list" th:if="${goodsDealComposeList  != null and !goodsDealComposeList.empty}">
-										<li th:each="goodsInfo, status : ${goodsDealComposeList}" 
-											th:attr="aria-disabled=${(goodsInfo.goodsStat != 'G008_90' or goodsInfo.stockQty <= 0)? 'true':''}, data-soldout=${(goodsInfo.stockQty <= 0)? 'true':''}"
-											th:onclick="fnSelGoodsDealDelivery([[${goodsInfo.compsGoodsCd}]])" >
-											<div class="item_prod">
-												<div class="item_state">
-													<a href="#none" class="itemLink">
-														<div class="itemPic">
-															<img alt="" class="vLHTC pd_img" th:src="${imgGoodsUrl+'/'+goodsInfo.sysImgNm}" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">
-														</div>
-														<p class="itemBrand" th:text="${goodsInfo.brandGroupNm}">BRAND NAME1</p>
-														<div class="itemName" th:text="${goodsInfo.goodsFullNm}">남성 </div>
-														<p class="itemPrice"><th:block th:text="${#numbers.formatInteger(goodsInfo.currPrice, 0,'COMMA')}"> 134,100</th:block>
-															<span class="itemPrice_original" th:if="${goodsInfo.listPrice > goodsInfo.currPrice}" th:text="${#numbers.formatInteger(goodsInfo.listPrice, 0,'COMMA')}">149,000</span>
-															<span class="itemPercent" th:if="${goodsInfo.dcRate > 0}" th:text="|${#numbers.formatDecimal(goodsInfo.dcRate,0,0)}%|">30%</span>
-														</p>
-													</a>
-													<input type="hidden" name="selectGoods" th:value="${goodsInfo.compsGoodsCd}" />
-												</div>
-											</div>
-										</li> 
-									</ul>
-								</div>
-							</div>
-						</div>
-						<!-- //아이템선택 -->
-					</div>
-					<div class="cont_body" id="goodsDealDelivery">
-					</div>
-				</div>
-				<!-- //배송/교환/반품 정보 -->
 			</div>
-			<div class="area_option">
-				<div class="opt_wrap">
-					<div class="option_box">
-						<div class="opt_select">
-								<div class="form_field">
-									<div class="select_custom deal_opt_item">
-										<div class="combo">
-											<div class="select">
-												<div class="item_prod">
-													<div class="item_state">
-														<a href="javascript:void(0)" class="itemLink">
-															<div class="itemPic">
-																<img alt="" class="vLHTC pd_img" th:src="${imgGoodsUrl+'/'+goodsInfo.sysImgNm}" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">
-															</div>
-															<div class="itemName">선택</div>
-														</a>
-													</div>
-												</div>
-											</div>
-											<ul class="list" th:if="${goodsDealComposeList  != null and !goodsDealComposeList.empty}">
-												<th:block th:each="goodsInfo, status : ${goodsDealComposeList}" th:attr="aria-disabled=${(goodsInfo.goodsStat != 'G008_90' or goodsInfo.stockQty <= 0)? 'true':''}, data-soldout=${(goodsInfo.stockQty <= 0)? 'true':''}">
-												<li  th:onclick="fnOption1('Down', [[${goodsInfo.compsGoodsCd}]], [[${goodsInfo.currPrice}]] , [[${goodsInfo.selfGoodsYn}]]);"
-														th:attr="aria-disabled=${(goodsInfo.goodsStat != 'G008_90')? 'true':''}, data-soldout=${(goodsInfo.goodsStat != 'G008_90')? 'true':''}">
-													<div class="item_prod">
-														<div class="item_state">
-															<a href="javascript:void(0);" class="itemLink">
-																<div class="itemPic">
-																	<img alt="" class="vLHTC pd_img" th:src="${imgGoodsUrl+'/'+goodsInfo.sysImgNm}" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">
-																</div>
-																<p class="itemBrand" th:text="${goodsInfo.brandGroupNm}">NBA 키즈</p>
-																<div class="itemName" ><span class="tit_option" th:text="${'[상품'+status.count+']'}">[상품1]</span><th:block th:text="${goodsInfo.goodsFullNm}"></th:block></div>
-																<p class="itemPrice"><th:block th:text="${#numbers.formatInteger(goodsInfo.currPrice, 0,'COMMA')}"> 134,100</th:block>
-																	<span class="itemPrice_original" th:if="${goodsInfo.listPrice > goodsInfo.currPrice}" th:text="${#numbers.formatInteger(goodsInfo.listPrice, 0,'COMMA')}">149,000</span>
-																	<span class="itemPercent" th:if="${goodsInfo.dcRate > 0}" th:text="|${#numbers.formatDecimal(goodsInfo.dcRate,0,0)}%|">30%</span>
-																</p>
-															</a>
-															<input type="hidden" name="selectGoods" th:attr="goodsNm=${'[상품'+status.count+']' +goodsInfo.goodsFullNm}, currPrice=${goodsInfo.currPrice}, goodsCd=${goodsInfo.compsGoodsCd}" />
-														</div>
-													</div>
-												</li>
-												</th:block> 
-											</ul>
-										</div>
-									</div>
+			<div class="cont_body"></div>
+		</div>
+		<!-- //상품리뷰 리스트 -->
+		<!-- 상품문의 리스트 -->
+		<div class="tab_detail_cont pd_qnalist">
+			<div class="cont_head">
+				<h3 class="sr-only">상품문의 목록</h3>
+			<div class="deal_listQna_open">
+				 <!-- 아이템 -->
+				<div class="item_blk">
+					<div class="item_prod">
+						<div class="item_state">
+							<a href="#none" class="itemLink">
+								<div class="itemPic">
+									<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdDetail1.jpg">
 								</div>
-								<div class="form_field">
-									<div class="select_custom deal_opt1" disabled>
-										<div class="combo">
-											<div class="select">선택</div>
-											<ul class="list" id="goodsDealOptDown1">
-												<!--  옵션 1 -->
-											</ul>
-										</div>
-									</div>
+								<p class="itemBrand">NBA 키즈</p>
+								<div class="itemName">
+									<span class="tit_option">[상품1]</span>
+									유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업
 								</div>
-								<div class="form_field">
-									<div class="select_custom deal_opt2" disabled>
-										<div class="combo">
-											<div class="select">선택</div>
-											<ul class="list" id="goodsDealOptDown2">
-												<!--  옵션 2 -->
-											</ul>
-										</div>
-									</div>
-								</div>
-						</div>
-						<div class="opt_result">
-						</div>
-					</div>
-					<div class="price_box">
-						<p class="number">
-							총&nbsp;<span>0</span>개
-						</p>
-						<p class="price">
-							<span>
-								0<em>원</em>
-							</span>
-						</p>
-					</div>
-					<div class="btn_box">
-						<div class="btn_group_block ui_row">
-						<th:block  th:if="${goodsInfo.stockQty > 0}">
-							<div class="ui_col_6">
-								<button type="button" class="btn btn_dark btn_block" id="btnGoodsWish" onclick="fnAddCart('C');"><span>쇼핑백</span></button>
-							</div>
-							<div class="ui_col_6">
-								<button type="button" class="btn btn_primary btn_block" id="btnGoodsCart" onclick="fnAddCart('O');"><span>바로구매</span></button>
-							</div>
-						</th:block>
-						<th:block  th:unless="${goodsInfo.stockQty > 0}">
-							<div class="ui_col_12">
-								<button type="button" class="btn btn_dark btn_block" disabled=""><span>SOLD OUT</span></button>
-							</div>
-						</th:block>
+								<p class="itemText">
+									<span class="tx1">(문의 9,999+)</span>
+								</p>
+							</a>
 						</div>
 					</div>
 				</div>
+				<!-- //아이템 -->
 			</div>
-		</div>
-	</div>
-</div>
-
-<!-- **************** 개별상품 상세정보 팝업 **************** -->
-	<div class="pd_pop full_pop pd_descrp_pop" id="layer_goods_deal_detail">
-		<div class="full_popup_wrap" th:with="imgGoodsUrl=${@environment.getProperty('upload.goods.view')}, uxImgUrl=${@environment.getProperty('domain.uximage')}">
-			<h5 class="sr-only">개별상품 상세정보 안내</h5>
-			<div class="btn_close">
-				<a href="javascript:void(0)" onclick="fnCloseGoodsDealDetail();">닫기버튼</a>
 			</div>
-			<div class="full_pop_header">
-				<!-- 아이템선택 -->
-				<div class="form_field">
-					<div class="select_custom deal_opt_item">
-						<div class="combo">
-							<div class="select">
-								<div class="item_prod">
-										<div class="item_state">
-											<a href="javascript:void(0)" class="itemLink">
-												<div class="itemPic">
-													<img alt="" class="vLHTC pd_img" th:src="${imgGoodsUrl+'/'+goodsInfo.sysImgNm}" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">
-												</div>
-												<div class="itemName">선택</div>
-											</a>
-										</div>
-									</div>
-							</div>
-							<ul class="list" th:if="${goodsDealComposeList  != null and !goodsDealComposeList.empty}">
-								<li class="selected" th:each="goodsInfo, status : ${goodsDealComposeList}" th:attr="aria-disabled=${(goodsInfo.goodsStat != 'G008_90' or goodsInfo.stockQty <= 0)? 'true':''}, data-soldout=${(goodsInfo.stockQty <= 0)? 'true':''}">
-									<div class="item_prod"  th:classappend="${(goodsInfo.goodsStat != 'G008_90' or goodsInfo.stockQty <= 0)? 'soldout':'' }">
-										<div class="item_state">
-											<a href="javascript:void(0);" class="itemLink" th:onclick="fnGoodsDealDesc([[${goodsInfo.compsGoodsCd}]], [[${goodsInfo.currPrice}]], [[${goodsInfo.selfGoodsYn}]], [[${(goodsInfo.goodsStat != 'G008_90' or goodsInfo.stockQty <= 0)? 'Y':'N' }]])">
-												<div class="itemPic">
-													<img alt="" class="vLHTC pd_img" th:src="${imgGoodsUrl+'/'+goodsInfo.sysImgNm}" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">
-												</div>
-												<p class="itemBrand" th:text="${goodsInfo.brandGroupNm}">NBA 키즈</p>
-												<div class="itemName" th:text="${goodsInfo.goodsFullNm}">유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업</div>
-												<p class="itemPrice"><th:block th:text="${#numbers.formatInteger(goodsInfo.currPrice, 0,'COMMA')}"> 134,100</th:block>
-													<span class="itemPrice_original" th:if="${goodsInfo.listPrice > goodsInfo.currPrice}" th:text="${#numbers.formatInteger(goodsInfo.listPrice, 0,'COMMA')}">149,000</span>
-													<span class="itemPercent" th:if="${goodsInfo.dcRate > 0}" th:text="|${#numbers.formatDecimal(goodsInfo.dcRate,0,0)}%|">30%</span>
-												</p>
-											</a>
-											<input type="hidden" name="selectGoods" th:value="${goodsInfo.compsGoodsCd}" th:attr="goodsNm=${'[상품'+status.count+']' +goodsInfo.goodsFullNm}, currPrice=${goodsInfo.currPrice}, goodsCd=${goodsInfo.compsGoodsCd}, selfGoodsYn=${goodsInfo.selfGoodsYn}"  />
-										</div>
-									</div>
-								</li> 
-							</ul>
-						</div>
-					</div>
-				</div>
-				<!-- //아이템선택 -->
-			</div>
-			<div class="full_pop_container" id="goodsDealDetail">
-				<!-- 개별상품 상세정보 팝업 내용 -->
-			</div>
-			<div class="full_pop_fix_r">
-				<div class="option_box">
-					<div class="opt_select">
-						<div class="form_field">
-							<div class="select_custom deal_opt1" disabled>
-								<div class="combo">
-									<div class="select">선택</div>
-									<ul class="list"  id="goodsDealOptLayer1">
-										<!--  옵션 1 -->
-									</ul>
+		<div class="cont_body"></div>
+		</div>
+		<!-- //상품문의 리스트 -->
+		<!-- 배송/교환/반품 정보 -->
+		<div class="tab_detail_cont pd_delivery">
+			<div class="cont_head">
+				<h3 class="sr-only">배송/교환/반품 정보</h3>
+			<div class="deal_listDelivery_open">
+				<!-- 아이템 -->
+				<div class="item_blk">
+					<div class="item_prod">
+						<div class="item_state">
+							<a href="#none" class="itemLink">
+								<div class="itemPic">
+									<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdDetail1.jpg">
 								</div>
-							</div>
-						</div>
-						<div class="form_field">
-							<div class="select_custom deal_opt2" disabled>
-								<div class="combo">
-									<div class="select">선택</div>
-									<ul class="list"  id="goodsDealOptLayer2">
-										<!--  옵션 2 -->
-									</ul>
+								<p class="itemBrand">NBA 키즈</p>
+								<div class="itemName">
+									<span class="tit_option">[상품1]</span>
+									유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업
 								</div>
-							</div>
-						</div>
-					</div>
-					<div class="opt_result">
-					</div>
-				</div>
-				<div class="price_box">
-					<p class="number">
-						총&nbsp;<span>0</span>개
-					</p>
-					<p class="price">
-						<span>
-							0<em>원</em>
-						</span>
-					</p>
-				</div>
-				<div class="btn_box">
-					<div class="btn_group_block ui_row">
-					<th:block  th:if="${goodsInfo.stockQty > 0}">
-						<div class="ui_col_6">
-							<button type="button" class="btn btn_dark btn_block" id="btnGoodsWish" onclick="fnAddCart('C');"><span>쇼핑백</span></button>
-						</div>
-						<div class="ui_col_6">
-							<button type="button" class="btn btn_primary btn_block" id="btnGoodsCart" onclick="fnAddCart('O');"><span>바로구매</span></button>
+							</a>
 						</div>
-					</th:block>
-					<th:block  th:unless="${goodsInfo.stockQty > 0}">
-						<div class="ui_col_12">
-							<button type="button" class="btn btn_dark btn_block" disabled=""><span>SOLD OUT</span></button>
-						</div>
-					</th:block>
 					</div>
 				</div>
+				<!-- //아이템 -->
+			</div>
 			</div>
+		<div class="cont_body"></div>
 		</div>
-				
+		<!-- //배송/교환/반품 정보 -->
 	</div>
-	<!-- **************** 개별상품 상세정보 팝업 **************** -->
+</div>
 <script th:inline="javascript">
 /*<![CDATA[*/
 	
-	// 구성 상품 상세 상품평
-	var fnGoodsDetailReview = function(params) {
-		gagajf.ajaxSubmit("/goods/detail/review/frame", "html", "goodsDealReview", params);
-	}
-	
-	// 상품평 상품선택시
-	var fnSelGoodsDealReview = function(goodsCd){
-		var params = new Object();
-		params.goodsCd = goodsCd;
-		fnGoodsDetailReview(params);  // ajax html
-	}
-	
-	// 구성 상품 상세 문의
-	var fnGoodsDetailQna = function(params) {
-		gagajf.ajaxSubmit("/goods/detail/qna/frame", "html", "goodsDealQna", params);
-	}
-	
-	// 문의 상품선택시
-	var fnSelGoodsDealQna = function(goodsCd){
-		var params = new Object();
-		params.goodsCd = goodsCd;
-		fnGoodsDetailQna(params);  // ajax html
-	}
-	
-	// 구성 상품 상세 배송정보
-	var fnGoodsDetailDelivery = function(params) {
-		gagajf.ajaxSubmit("/goods/detail/delivery/frame", "html", "goodsDealDelivery", params);
-	}
-	
-	// 배송정보 상품선택시
-	var fnSelGoodsDealDelivery = function(goodsCd){
-		var params = new Object();
-		params.goodsCd = goodsCd;
-		fnGoodsDetailDelivery(params);  // ajax html
-	}
-	
-	// 상품선택시 상품상세내용 변경
-	var fnOpenGoodsDealDetail = function(goodsCd, compsGoodsCd){
-		
-		// 콤보박스 선택 처리
-		let $selObj = $('#layer_goods_deal_detail').find('.select_custom.deal_opt_item');
-		
-		// 탭별 선택시 기본 상품 설정
-		let selIdx = 0;
-		let selfGoodsYn = '';
-		let currPrice = 0;
-		let soldoutYn = "N";
-		$selObj.find('.combo .list li').each(function() { 
-			if ($(this).find('input[name=selectGoods]').val() == compsGoodsCd){
-				selfGoodsYn = $(this).find('input[name=selectGoods]').attr('selfGoodsYn');
-				currPrice = $(this).find('input[name=selectGoods]').attr('currPrice');
-				if ($(this).find('.item_prod').hasClass('soldout')) soldoutYn = "Y";
-				return false;
-			}
-			selIdx ++;
-		});
-		
-		$selObj.find('.combo .list li').eq(selIdx).trigger("click");
-		
-		// 상세노출
-		fnGoodsDealDesc(compsGoodsCd, currPrice, selfGoodsYn, soldoutYn);
-/* 		
-		if (!soldout){
-			// 옵션1 처리
-			fnOption1("layer", compsGoodsCd, currPrice, selfGoodsYn);	
-		}
- */		
-		
-		let $obj = $('.pd_detail .opt_result'); 
-		let $taget = $('.full_pop_fix_r .opt_result');
-		$taget.html($obj.html());
-		
-		fnSetTotalPrice();
-		
-		$('body').addClass('lock');
-		$("#layer_goods_deal_detail").show(); 
-		
-	}
-	
-	// 상세 레이어 창닫기
-	var fnCloseGoodsDealDetail = function(){
-		// 선택값 본창에 넘기기
-		let $obj = $('.full_pop_fix_r .opt_result');
-		let $taget = $('.pd_detail .opt_result');
-		$taget.html($obj.html());
-		
-		fnSetTotalPrice();
-		
-		$('body').removeClass('lock');
-		$('#goodsDealDetail').html('');
-		$("#layer_goods_deal_detail").hide();
-	}
-	
-	// 구성 상품 상세 
-	var fnGoodsDealDetail2 = function(params) {
-		gagajf.ajaxSubmit("/goods/deal/detail/info/frame", "html", "goodsDealDetail", params);
-	}
-	
-	// 레이어에서 상품선택시
-	var fnGoodsDealDesc = function(goodsCd, currPrice, selfGoodsYn , soldout){
-		var params = new Object();
-		params.goodsCd = goodsCd;
-		params.adminYn = "Y";
-		fnGoodsDealDetail2(params);  // ajax html
-		if (soldout == "N"){
-			// 옵션1 처리
-			fnOption1("layer", goodsCd, currPrice, selfGoodsYn);
-		}
-		
-	}
-	
-	$(document).ready( function() {
 
-		/* var params = new Object();
-		params.goodsCd = [[${params.compsGoodsCd}]];
-		params.adminYn = [[${params.adminYn}]];
-		fnGoodsDealDetail(params);  // ajax html
-		
-		let $obj = $('.pd_detail .opt_result'); 
-		let $taget = $('.full_pop_fix_r .opt_result');
-		$taget.html($obj.html());
-		
-		fnSetTotalPrice(); */
-		
-	});
-	
 	
 /*]]>*/
 </script>

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

@@ -270,6 +270,7 @@ var fnInfoConfirmCallBack = function(result) {
 	mcxDialog.alert(result.msg);
 	appendHtml();
 	$("#td_"+date).attr("class","complete");
+	$('.day').html('<span>' + (custAttendList.length +1) + '</span>일');
 	
 };
 

src/main/webapp/WEB-INF/views/web/customer/ConsentUseInfoFormWeb.html

@@ -26,7 +26,7 @@
 					<p>계정 연동 시, STYLE24 휴면계정은 휴면해제 후 이용 가능합니다.</p>
 					<div class="info_txt">
 						<ul>
-							<li>“<span class="mb_name">회원명</span>” 님의 <em>CI, 이름, 성별, 생년월일, 핸드폰번호, 이메일 정보</em>를 로그인 연동을 위해 아이스타일24에 제공합니다.</li>
+							<li>“<span class="mb_name" th:text="${custNm}">회원명</span>” 님의 <em>CI, 이름, 성별, 생년월일, 핸드폰번호, 이메일 정보</em>를 로그인 연동을 위해 아이스타일24에 제공합니다.</li>
 							<li>정보제공 동의 시 YES24 계정으로 로그인 가능하며, 간편하게 회원가입이 가능합니다.</li>
 						</ul>
 					</div>

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

@@ -37,10 +37,13 @@
 											<th:block th:if="${ContentsData.imgPath1!=null && ContentsData.imgPath1!=''}">
 												<div class="txtWrap">
 													<dl class="w">
-														<dd th:text="${ContentsData.strTitle1}"></dd>
+														<dd class="bMainTitle">
+															<input type="hidden" name="mainTitle" th:value="${ContentsData.strTitle1}"/>
+														</dd>
 														<dd class="txt_xs" th:text="${ContentsData.subText1}"></dd>
 													</dl>
-													<button type="button" class="btn" th:onclick="cfnGoToPage([[${ContentsData.strVar1}]]);"><span>VIEW MORE</span></button>
+													<button type="button" th:if="${ContentsData.contentsType=='SELF'}" class="btn" th:onclick="cfnGoToPage([[${ContentsData.strVar1}]]);"><span>VIEW MORE</span></button>
+													<button type="button" th:unless="${ContentsData.contentsType=='SELF'}" class="btn" th:onclick="window.open(_frontUrl+[[${ContentsData.strVar1}]], '_blank','width=1180,height=800,toolbars=no,scrollbars=no'); return false;"><span>VIEW MORE</span></button>
 												</div>
 												<img th:src="${@environment.getProperty('domain.image')+ContentsData.imgPath1}">
 											</th:block>
@@ -70,7 +73,8 @@
 							<div class="cont_body clear">
 								<div class="brand_tit">
 									<p th:text="${contentsTitle}"></p>
-									<a th:href="${ContentsData.strVar1}">브랜드 사이트</a>
+									<a th:if="${ContentsData.contentsType=='SELF'}" th:href="${ContentsData.strVar1}" target="_self">브랜드 사이트</a>
+									<a th:unless="${ContentsData.contentsType=='SELF'}" th:href="${ContentsData.strVar1}" target="_blank">브랜드 사이트</a>
 								</div>
 								<div class="brand_desc">
 									<p class="cate" th:text="${ContentsData.strTitle1}"></p>
@@ -697,6 +701,21 @@ $(document).ready( function() {
 		},
 	});
 
+	// 브랜드메인 배너 <br> 처리
+	$('.bMainTitle').each(function (){
+		let tag = '';
+		var brText = $(this).find("input[name=mainTitle]").val();
+
+		if(brText.indexOf('<br>') > -1){
+			var reText = brText.split("<br>");
+			tag += reText[0];
+			tag += '<br>';
+			tag += reText[1];
+		}else{
+			tag += brText;
+		}
+		$(this).append(tag);
+	});
 });
 /*]]>*/
 </script>

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

@@ -2,7 +2,7 @@
 <html lang="ko"
 	  xmlns:th="http://www.thymeleaf.org"
 	  xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
-	  layout:decorator="web/common/layout/DefaultLayoutWeb">
+	  layout:decorator="web/common/layout/PlanningLayoutWeb">
 <!--
  *******************************************************************************
  * @source  : CategoryGoodsListFormWeb.html
@@ -21,8 +21,8 @@
 <th:block layout:fragment="content">
 	<div id="container" class="container dp">
 		<div class="breadcrumb">
-			<ul>
-				<li class="bread_home"><a href="index.html">홈</a></li>
+			<ul id="navArea">
+				<li class="bread_home"><a href="javascript:void(0);" id="navHome">홈</a></li>
 				<li class="bread_2depth" id="navNm">여성</li>
 			</ul>
 		</div>
@@ -293,7 +293,7 @@
 
 	<script src="/ux/plugins/gaga/gaga.infinite.scrollSession.js"></script>
 	<script src="/ux/plugins/jquery/jquery.history.min.js"></script>
-	<script th:src="@{'/biz/goodsSession.js?v=' + ${#calendars.format(#calendars.createNow(), 'yyyyMMddHHmmss')}}" src="/biz/goodsSession.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}]];
@@ -355,7 +355,6 @@
 
 		// 상품 검색
 		var fnGetInfiniteScrollDataList = function (pageNum){
-			console.log('pageNum:::'+pageNum);
 			$("#searchGoodsForm input[name=pageNo]").val(pageNum+1);
 			gagajf.ajaxFormSubmit("/display/category/goods/list", document.searchGoodsForm,  gagaInfiniteScroll.jsonToHtml);
 		}
@@ -417,6 +416,7 @@
 			var formTitle = "";
 
 			let tag = '';
+
 			if (cate1 != null) {
 				tag += '<li';
 					if(cate1.cate1No == cate1No){
@@ -424,12 +424,17 @@
 					}
 				tag += '>\n';
 				tag += '	<a href="javascript:javascript:void(0);"';
-				if(cate1.cate1No == cate1No){
+				if(cate1.cate1No == cate1No && cate2No == null){
 					tag += ' class="on"';
 					formTitle = cate1.cate1Nm;
-					navNm = cate1.cate1Nm;
-					$("#navNm").text(navNm);
 					$("#formTitle").text(formTitle);
+					if(brandGroupNo==0){
+						$("#navHome").attr('href', '/');
+						$("#navNm").text(cate1.cate1Nm);
+					}else{
+						$("#navHome").attr('onclick', 'cfnGoToBrandMain('+brandGroupNo+');');
+						$("#navNm").text(cate1.cate1Nm);
+					}
 				}
 				tag += '	onclick="cfnGoToGoodsList('+brandGroupNo+',\''+cateGb+'\','+cate1.cate1No+');" >' + cate1.cate1Nm + '</a>\n';
 				if (cate1.leafYn == 'N' && cate1.cate2List.length > 0) {
@@ -441,15 +446,16 @@
 					tag += '	<ul>\n';
 					$.each(cate1.cate2List, function(idx2, cate2) {
 						tag += '		<li';
-						if(cate2.cate2No == cate2No){
+						if(cate2.cate2No == cate2No && cate3No == null){
 							tag += ' class="on"';
 						}
 						tag += '		>\n';
 						tag += '		<a href="javascript:javascript:void(0);" ';
-						if(cate2.cate2No == cate2No){
+						if(cate2.cate2No == cate2No && cate3No == null){
 							tag += ' class="on"';
-							navNm = navNm +' > ' + cate2.cate2Nm;
-							$("#navNm").text(navNm);
+							navNm = '<li class="bread_2depth" id="navNm2">'+cate2.cate2Nm+'</li>';
+							$("#navArea").append(navNm);
+							$("#formTitle").text(cate2.cate2Nm);
 						}
 						tag += '	onclick="cfnGoToGoodsList('+brandGroupNo+',\''+cateGb+'\','+cate1.cate1No+','+cate2.cate2No+');">' + cate2.cate2Nm + '</a>\n';
  						if (cate2.leafYn == 'N' && cate2.cate3List != null && cate2.cate3List.length > 0) {
@@ -461,15 +467,16 @@
 							tag += '	<ul>\n';
 							$.each(cate2.cate3List, function (idx3, cate3){
 								tag += '<li';
-								if(cate3.cate3No == cate3No){
+								if(cate3.cate3No == cate3No && cate4No == null){
 									tag += ' class="on"';
 								}
 								tag += '>';
 								tag += '		<a href="javascript:javascript:void(0);" ';
-								if(cate3.cate3No == cate3No){
+								if(cate3.cate3No == cate3No && cate4No == null){
 									tag += ' class="on"';
-									navNm = navNm +' > ' + cate3.cate3Nm;
-									$("#navNm").text(navNm);
+									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);
 								}
 								tag += ' onclick="cfnGoToGoodsList('+brandGroupNo+',\''+cateGb+'\','+cate1.cate1No+','+cate2.cate2No+','+cate3.cate3No+');">' + cate3.cate3Nm + '</a>';
 								tag += '</li>\n';
@@ -484,7 +491,6 @@
 				}
 				tag += '</li>\n';
 			}
-
 			return tag;
 		}
 

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

@@ -2,7 +2,7 @@
 <html lang="ko"
 	xmlns:th="http://www.thymeleaf.org"
 	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
-	layout:decorator="web/common/layout/DefaultLayoutWeb">
+	layout:decorator="web/common/layout/PlanningLayoutWeb">
 <!--
  *******************************************************************************
  * @source  : LookbookDetailFormWeb.html
@@ -22,7 +22,7 @@
 	<div id="container" class="container br">
 		<div class="breadcrumb">
 			<ul>
-				<li class="bread_home"><a href="index.html">홈</a></li>
+				<li class="bread_home"><a href="javascript:void(0);" id="navHome">홈</a></li>
 				<li class="bread_2depth" th:text="${lookbookInfo.brandNm}">TBJ</li>
 				<li class="bread_3depth">룩북</li>
 			</ul>
@@ -284,9 +284,9 @@
 
 	<script th:inline="javascript">
 /*<![CDATA[*/
-	var fnTest = function (){
-		console.log('18');
-	}
+	var lookbookGb = [[${lookbookInfo.lookbookGb}]];
+	var brandCd = [[${lookbookInfo.brandCd}]];
+
 	var goodsImgUrl = [[${@environment.getProperty('upload.goods.view')}]];
 	var fnLookbookGoodsPopup = function(obj1,obj2,obj3,obj4,obj5,obj6,obj7){
 	$("#lookbookItemPop").modal("show");
@@ -297,7 +297,7 @@
 	$("#lookbookItemPop").find(".itemPrice").text(obj5);
 	$("#lookbookItemPop").find(".itemPercent").text(obj6+'%');
 	$("#lookbookItemPop").find(".btn_default").attr('onclick','cfnGoToPage(_PAGE_GOODS_DETAIL+"'+obj7+'");');
-}
+	}
 	// 컨텐츠 호출
 	$(document).ready( function() {
 		/* 슬라이드 - 상단_LOOKBOOK */
@@ -318,7 +318,7 @@
 				el: '.br_lookbook_view.cont_visual .swiper-pagination',
 				clickable: true,
 			},
-		}, fnTest());
+		});
 
 		/* 슬라이드 - 룩북 속 상품 */
 		var togetherItemSwiper = new Swiper('.br_lookbook_view.cont_items .swiper-container', {
@@ -345,6 +345,12 @@
 			$("#lookbookItemPop").modal("show");
 			return false;
 		});
+
+		if(lookbookGb=='BL'){
+			$("#navHome").attr('onclick', 'cfnGoToBrandMain('+brandCd+');');
+		}else{
+			$("#navHome").attr('href', '/');
+		}
 	});
 
 /*]]>*/

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

@@ -2,7 +2,7 @@
 <html lang="ko"
 	xmlns:th="http://www.thymeleaf.org"
 	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
-	layout:decorator="web/common/layout/DefaultLayoutWeb">
+	layout:decorator="web/common/layout/PlanningLayoutWeb">
 <!--
  *******************************************************************************
  * @source  : LookbookMainFormWeb.html
@@ -22,7 +22,7 @@
 	<div id="container" class="container dp">
 		<div class="breadcrumb">
 			<ul>
-				<li class="bread_home"><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_MAIN);">홈</a></li>
+				<li class="bread_home"><a href="javascript:void(0);" id="navHome">홈</a></li>
 				<li class="bread_home" id="brandLi" style="display: none;"></li>
 				<li class="bread_2depth">룩북</li>
 			</ul>
@@ -115,7 +115,7 @@
 						tag2 += '<ul class="clear event_con" id="lookbookArea" style="display: block;">';
 						$.each(result, function(idx, item) {
 							tag2 += '<li>';
-							tag2 += '	<a href="javascript:void(0);" onclick="cfnGoToLookbookDetail('+item.lookbookSq+','+item.brandCd+')">';
+							tag2 += '	<a href="javascript:void(0);" onclick="cfnGoToLookbookDetail(\''+lookbookGb+'\','+item.lookbookSq+','+item.brandCd+')">';
 							tag2 += '		<div class="ev_img">';
 							tag2 += '			<img src="' + _imgUrl + item.orgTnfileNm + '" alt="" style="height:100%">';
 							tag2 += '		</div>';
@@ -161,6 +161,9 @@
 		if(lookbookGb=='BL'){
 			$("#brandBox").hide();
 			$("#brandLi").show();
+			$("#navHome").attr('onclick', 'cfnGoToBrandMain('+brandCd+');');
+		}else{
+			$("#navHome").attr('href', '/');
 		}
 	});
 

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

@@ -165,11 +165,11 @@
 											<div class="swiper-slide">
 												<div class=" item_prod sUiXc "> <!-- item_prod ranker d_detail -->
 													<div class="item_state"> <!-- item_state AD soldout -->
+														<button type="button" class="itemLike" th:classappend="${bestItemData.likeIt == 'likeit'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${bestItemData.goodsCd}, ithrCd='', contentsLoc='SMM004', planDtlSq=''">관심상품 추가</button>
 														<a href="javascript:void(0);" class="itemLink" th:onclick="cfnGoToGoodsDetail([[${bestItemData.goodsCd}]], '', '', 'SMM004');">
 															<div class="shape ranker"><span th:text="${bestItemStat.count}"></span></div>
 															<div class="itemPic">
 																<img alt="BLACK-a" class=" vLHTC pd_img" th:src="${@environment.getProperty('upload.goods.view') + '/' + bestItemData.sysImgNm}" >
-																<button type="button" class="itemLike" th:classappend="${bestItemData.likeIt == 'likeit'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${bestItemData.goodsCd}, ithrCd='', contentsLoc='SMM004', planDtlSq=''">관심상품 추가</button>
 															</div>
 															<p class=" itemBrand" th:text="${bestItemData.brandGroupNm}">BRAND NAME</p>
 															<div class=" itemName" th:text="${bestItemData.goodsFullNm}">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>

src/main/webapp/WEB-INF/views/web/goods/GoodsDealDetailFormWeb.html

@@ -279,7 +279,7 @@
 	<!-- 바로구매 장바구니 등록 정보 저장을 위한 form -->
 	<form id="directOrderForm" method="POST" action="/order/noMember"></form>
 </div>
- 
+
 <script th:inline="javascript">
 /*<![CDATA[*/
 	

src/main/webapp/WEB-INF/views/web/goods/GoodsDetailFormWeb.html

@@ -1514,7 +1514,7 @@
 		$("meta[property='eg:etc1']").attr('content', [[${goodsInfo.selfGoodsYn}]]);
 		
 		// ep 쿠폰확인
-		fnEpCouponDown([[${params.afLinkCd}]], [[${params.goodsCd}]], 1);
+		fnEpCouponDown([[${afLinkCd}]], [[${params.goodsCd}]], 1);
 	});
 	
 	// 상품평 레이어 호출후 콜백에서 호출하므로 여기에 있어야함

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

@@ -154,20 +154,23 @@
 		var jsonData = JSON.stringify(data);
 		
 		gagajf.ajaxJsonSubmit('/mypage/allpoint/list', jsonData, function(result){
+
 						accumulatePointList = result.accumulatePointList;
 						usePointList = result.usePointList;
 						allPointList = result.allPointList;
-						
 						// 클릭상태 확인
-						if($("#accumulatePointList").hasClass("on")){
+						if($("#accumulatePointList").hasClass("active")){
 							$("#accumulatePointList").click();
-						}else if($("#usePointList").hasClass("on")){
+							// 첫화면 전체내역 조회
+							fnGetPointTableInfo(result.accumulatePointList);
+						}else if($("#usePointList").hasClass("active")){
 							$("#usePointList").click();
-						}else if($("#allPointList").hasClass("on")) {
+							fnGetPointTableInfo(usePointList);
+						}else if($("#allPointList").hasClass("active")) {
 							$("#allPointList").click();
+							fnGetPointTableInfo(allPointList);
 						}
-						// 첫화면 전체내역 조회
-						fnGetPointTableInfo();
+						
 		});
 	}
 	
@@ -193,7 +196,7 @@
 				tag += '	<td>';
 				if(item.pntAmt > 0){
 					tag += '		<span class="amount_plus">';
-					tag += '			<em>'+item.pntAmt+'</em>P';
+					tag += '			<em>'+item.pntAmt.addComma()+'</em>P';
 					tag += '		</span>';
 				}else{
 					tag += '		<span class="c_primary">';
@@ -251,14 +254,15 @@
 	});
 	
 	$(document).ready(function() {
+		// 전체내역 표시
+ 		$("#allPointList").trigger("click");
 		// 마이페이지 LNB 설정
 		fnSetMypageLnbList(5);
 		
 		// 마이페이지 location 설정
 		fnSetMypageLocation('STYLE24 포인트', '_PAGE_MYPAGE_POINT');
 		
-		// 전체내역 표시
- 		$("#allPointList").trigger('click');
+		
 
 		// 셀렉트박스 활성화
 		$('.select_custom').each(function(index) {

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

@@ -98,9 +98,6 @@
 				<th:block th:if="${a.tmplType == 'G082_30'}">
 						<div class="content dp_mid_banner" th:id="${a.tmplType}"></div> <!-- //이미지-->
 					</th:block>
-				<th:block th:if="${a.tmplType == 'G082_40'}">
-						<div class="coner_item01" th:id="${a.tmplType}"></div>
-					</th:block>
 				<th:block th:if="${a.tmplType == 'G082_50'}">
 						<div class="content dp_special" th:id="${a.tmplType + a.planContSq}"></div>
 				</th:block>
@@ -111,6 +108,7 @@
 						<div class="content dp_special" th:id="${a.tmplType + a.planContSq}"></div>
 				</th:block>
 			</th:block>
+			<div class="coner_item01" th:utext="${#strings.replace(#strings.replace(fsrcInfoBtm.fsrcPc,'&amplt;','<'),'&ampgt;','>')}"></div>
 			
 			 <!-- 댓글리스트 -->
 			<th:block th:if="${planInfo.replyYn == 'Y'}">

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

@@ -36,28 +36,29 @@
 							<span th:text="${planInfo.dispStdt}"></span> ~ <span th:text="${planInfo.dispEddt}"></span>
 						</div>
 						<div class="shareSet">
-								<button class="btn_share" data-name="openShare">공유하기</button>
-								<div class="shareWrap">
-									<div id="layerShare" class="setShare open">
-										<span>
-											<button type="button" class="kk"
-												th:attr="onclick=|cfnSendToKakao('${stylelUrl+'/planning/detail/form?planSq='+planInfo.planSq}', '${planInfo.planNm}', '${planView+ '/'+planInfo.mainImg}');|">
-												<span>카카오톡</span>
-											</button>
-											<button type="button" class="fb"
-												th:attr="onclick=|sendSns('facebook', '${stylelUrl+'/planning/detail/form?planSq='+planInfo.planSq}', '${planInfo.planNm}', '', '');|">
-												<span>페이스북</span>
-											</button>
-											<button type="button" class="tw"
-												th:attr="onclick=|sendSns('twitter', '${stylelUrl+'/planning/detail/form?planSq='+planInfo.planSq}', '${planInfo.planNm+ '#style24몰'}', '', '');|">
-												<span>트위터</span>
-											</button>
-											<button type="button" class="url btn_copy">
-												<span>URL</span>
-											</button>
-										</span>
-									</div>
+							<button class="btn_share" data-name="openShare">공유하기</button>
+							<div class="shareWrap">
+								<div id="layerShare" class="setShare open">
+									<span>
+										<button type="button" class="kk"
+											th:attr="onclick=|cfnSendToKakao('${stylelUrl+'/planning/detail/form?planSq='+planInfo.planSq}', '${planInfo.planNm}', '${planView+ '/'+planInfo.mainImg}');|">
+											<span>카카오톡</span>
+										</button>
+										<button type="button" class="fb"
+											th:attr="onclick=|sendSns('facebook', '${stylelUrl+'/planning/detail/form?planSq='+planInfo.planSq}', '${planInfo.planNm}', '', '');|">
+											<span>페이스북</span>
+										</button>
+										<button type="button" class="tw"
+											th:attr="onclick=|sendSns('twitter', '${stylelUrl+'/planning/detail/form?planSq='+planInfo.planSq}', '${planInfo.planNm+ '#style24몰'}', '', '');|">
+											<span>트위터</span>
+										</button>
+										<button type="button" class="url btn_copy">
+											<span>URL</span>
+										</button>
+									</span>
 								</div>
+							</div>
+					   </div>
 					</div>
 				</div>
 				<div class="cont_body">
@@ -66,7 +67,7 @@
 						<div class="event_calander">
 							<div class="check_title">
 								<p>출석할수록 늘어나는 혜택!</p>
-								<div class="title"><strong></strong> 출석체크</div>
+								<div class="title" id="title"><strong></strong> 출석체크</div>
 							</div>
 							<div class="check_info">
 								<span class="today">오늘</span>
@@ -76,7 +77,7 @@
 								<div class="my_attend_day">
 									<p>나의 출석 일수는?</p>
 									<span class="day">
-										<span></span>일
+										<span id="day"></span>일
 									</span>
 								</div>
 								<div class="tbl">
@@ -135,12 +136,40 @@
 						</div>
                         <div class="event_benefit">
                             <p class="title">출석 일수에 따라 달라지는 혜택</p>
-                            <div class="benefit_con">
-                                <img src="/images/pc/benefit_txt.jpg" alt="출석 일수에 따라 달라지는 혜택">
-                            </div>
-                        </div>                        
-					</div>                   
+							<div class="benefit_con">
+							<ul>
+								 <th:block th:each="a, benefitStat : ${benefitList}">
+								<li th:if="${a.benefitGb == 'P'}">
+									<div class="benfit_point">
+										<span th:text="${a.basDays}"></span>일 출석 시 <span class="c_primary"><em th:text="${a.pntAmt}"></em>P</span>
+									</div>
+								</li>
+								<li th:if="${a.benefitGb == 'C'}">
+									<div class="benfit_coupon">
+										<th:block th:if="${a.dcWay == '%'}">
+										<span th:text="${a.basDays}"></span>일 출석 시 <span class="c_primary"><em th:text="${a.dcVal}"></em>%</span><strong> 할인 쿠폰</strong>
+										</th:block>
+										<th:block th:if="${a.dcWay == '원'}">
+										<span th:text="${a.basDays}"></span>일 출석 시 <span class="c_primary"><em th:text="${a.dcVal}"></em>원</span><strong> 할인 쿠폰</strong>
+										</th:block>
+									</div>
+								</li>
+								<li th:if="${a.benefitGb == 'A'}">
+									<div class="benfit_coupon">
+									<th:block th:if="${a.dcWay == '%'}">
+										<span th:text="${a.basDays}"></span>일 출석 시 <span class="c_primary"><em th:text="${a.pntAmt}"></em>P</span> + <span class="c_primary"><em th:text="${a.dcVal}"></em>%</span> <strong>할인 쿠폰</strong>
+									</th:block>
+									<th:block th:if="${a.dcWay == '원'}">
+										<span th:text="${a.basDays}"></span>일 출석 시 <span class="c_primary"><em th:text="${a.pntAmt}"></em>P</span> + <span class="c_primary"><em th:text="${a.dcVal}"></em>원</span> <strong>할인 쿠폰</strong>
+									</th:block>
+									</div>
+								</li>
+								</th:block>
+							</ul>
+						</div>
+                        </div>                                     
                     <!-- //프로모션 출석체크-->
+                 	</div>
 				</div>
 			</div>
 			<div class="content dp_announce">
@@ -195,7 +224,7 @@
                 </div>
             </div>
             <!-- //다른 기획전,이벤트 보기 -->
-		</div>
+
 	</div>
 </div>
 <script th:inline="javascript">
@@ -312,6 +341,7 @@ var fnInfoConfirmCallBack = function(result) {
 	mcxDialog.alert(result.msg);
 	appendHtml();
 	$("#td_"+date).attr("class","complete");
+	$('.day').html('<span>' + (custAttendList.length +1) + '</span>일');
 	
 };
 
@@ -337,7 +367,7 @@ $(document).ready(function() {
 	
 	
 	
-	$(".title").html("<strong>"+month+"월</strong> 출석체크");
+	$("#title").html("<strong>"+month+"월</strong> 출석체크");
 	
 	//공유 버튼 토글 
 	$("button[data-name=openShare]").on("click", function(){

src/main/webapp/biz/goods.js

@@ -77,6 +77,10 @@ var fnViewStock = function(obj, goodsCd, optCd, optCd1, optCd2,  minOrdQty, maxO
 
 // EP 쿠폰조회
 var fnEpCouponDown = function(afLinkCd, goodsCd, maxRownum){
+	if (typeof (afLinkCd) == 'undefined' || gagajf.isNull(afLinkCd)){
+		return false;
+	}
+	
 	let data = {afLinkCd : afLinkCd
 				, goodsCd : goodsCd
 				, maxRownum : maxRownum
@@ -86,7 +90,7 @@ var fnEpCouponDown = function(afLinkCd, goodsCd, maxRownum){
 			if(result.length>0){
 				let coupon = result[0];
 				let tag = '';
-				tag += '<div class="modal fade pd_pop epcoupon_pop" id="epCouponPop" tabindex="-1" role="dialog" aria-labelledby="epCouponLabel" aria-hidden="true" style="display:block;">\n';
+				tag += '<div class="modal fade pd_pop epcoupon_pop" id="epCouponPop" tabindex="-1" role="dialog" aria-labelledby="epCouponLabel" aria-hidden="true">\n';
 				tag += '	<div class="modal-dialog" role="document">\n';
 				tag += '	  <div class="modal-content">\n';
 				tag += '		<div class="modal-header">\n';
@@ -147,4 +151,78 @@ var fnEpCouponDownCallBack = function(){
 	//cfCloseLayer('epCouponPop');  //dim 이 안없어져요
 }
 
+var categoryGoodsList = [];
+var cnt = 1;
+var email = '';
+var fnCreateGoodsList = function(result, ithrCd, contentLoc, goodsUrl, lastPage, endRow) {
+	var tag = '';
+	var rank = 0;
+	if(lastPage!='1'){
+		rank = endRow;
+	}
+	$.each(result.dataList, function(idx, item) {
+		if (idx < 4) {
+			categoryGoodsList.push(item.goodsCd);
+		}
+
+		tag += '<div class="item_prod">';
+		tag += '	<div class="item_state">';
+		tag += '		<button type="button" class="itemLike">관심상품 추가</button>';
+		tag += '		<a href="#none" class="itemLink">';
+		// tag += '			<div class="rank ranker"><span>'+(rank+(idx+1))+'</span></div>';
+		tag += '			<div class="itemPic">';
+		tag += '				<img alt="BLUE-a" class=" vLHTC pd_img" src="'+goodsUrl+'/'+item.sysImgNm+'">';
+		tag += '			</div>';
+		tag += '			<p class="itemBrand">'+item.brandGroupNm+'</p>';
+		tag += '			<div class="itemName">'+item.goodsFullNm+'</div>';
+		tag += '			<p class="itemPrice">'+item.currPrice.addComma();
+		tag += '				<span class="itemPrice_original">'+item.listPrice.addComma()+'</span>';
+		if(item.currPrice != item.listPrice){
+			if(item.listPrice != 0){
+				tag += '				<span class="itemPercent">'+ Math.round((item.listPrice - item.currPrice) / (item.listPrice * 1.0) * 100) +'%</span>';
+			}
+		}
+		tag += '			</p>';
+		tag += '			<div class="itemcolorchip">';
+		tag += '				<span class="chip_color35" value="ABM">BEIGE</span>';
+		tag += '				<span class="chip_color54" value="BDS">BLACK</span>';
+		tag += '				<span class="chip_color40" value="YBR">WHITE</span>';
+		tag += '			</div>';
+		tag += '			<p class="itemBadge">';
+		tag += '				<span class="badge13">베스트 </span>';
+		tag += '			</p>';
+		if(item.goodsTnm != null){
+			tag += '			<div class="itemComment">'+item.goodsTnm+'</div>';
+		}
+		tag += '		</a>';
+		tag += '	</div>';
+		tag += '</div>';
+	});
+
+	if (cnt == 1) {
+		// <!-- Criteo 카테고리/리스팅 태그 -->
+		window.criteo_q = window.criteo_q || [];
+		var deviceType = /iPad/.test(navigator.userAgent) ? "t" : /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(navigator.userAgent) ? "m" : "d";
+		window.criteo_q.push(
+			{event: "setAccount", account: 26073}, // 이 라인은 업데이트하면 안됩니다
+			{event: "setEmail", email: email}, // 유저가 로그인이 안되 있는 경우 빈 문자열을 전달
+			{event: "setSiteType", type: deviceType},
+			{event: "viewList", item: categoryGoodsList} // 가장 위에있는 3개의 상품 ID를 전달
+		);
+		// <!-- END 카테고리/리스팅 태그 -->
+		cnt++;
+	}
+
+	return tag;
+}
+
+
+// 인피니트 스크롤 초기화
+var fnCategoryGoodsInfiniteScrollInit = function(){
+	sessionStorage.removeItem(document.location.href);
+	//History 초기화
+	$("#listBox").html("");
+}
+
+
 //****************상품상세  end **********************************

src/main/webapp/ux/mo/css/common_m.css

@@ -1997,7 +1997,7 @@ button.alertCls {-webkit-appearance: none;padding: 0;cursor: pointer;background:
 .app-only .guidance:after{content: '';position: absolute;top: 0;bottom: 15px;left: 10px;width: 100%;height: 100%;z-index: -1;}
 .app-only .guidance{
     box-shadow: 0 0px 30px rgb(0 0 0 / 20%), 0 0px 30px rgb(0 0 0 / 20%);
-	/* 마스크 미사용 
+	/* 마스크 미사용
 	mask-image: linear-gradient(to top right, transparent 49.5%, white 50.5%), linear-gradient(to top left, transparent 49.5%, white 50.5%), linear-gradient(white, white), linear-gradient(white, white);
     -webkit-mask-image: linear-gradient(to top right, transparent 49.5%, white 50.5%), linear-gradient(to top left, transparent 49.5%, white 50.5%), linear-gradient(white, white), linear-gradient(white, white);
 	mask-size: 100% 0%, 2vh 2vh, calc(100% - 1.9vh) 100%, 100% calc(100% - 1.9vh);

src/main/webapp/ux/mo/css/style24_m.css

@@ -932,7 +932,7 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 .my .lnb_list li a {display: block; padding: 2rem; background: url(/images/mo/ico_lnb_arrow.png) no-repeat right 2rem center; background-size:0.7rem 1.26rem;}
 
 .my .mem_rank {position: relative; padding:1.6rem 0; padding-left: 6rem;}
-.my .mem_rank .mem_name {font-size: 1.8rem; font-weight: 300;}
+.my .mem_rank .mem_name {dib font-size: 1.8rem; font-weight: 300;}
 .my .mem_rank .mem_name strong {font-weight: 500;}
 .my .mem_rank .rank_txt {display: inline-block; font-size: 1.8rem; color: #666; font-weight: 500; padding-right: 1.7rem; background: url(/images/mo/ico_btn_detail03.png) no-repeat right top 5px; background-size:0.7rem 1.3rem;}
 .my .mem_rank .rank_txt02 button {display: inline-block; font-size: 14px; padding-right: 13px; margin-right: 20px; background: url(/images/pc/ico_mysm_arrow.png) no-repeat right top 6px;}

src/main/webapp/ux/pc/css/common.css

@@ -687,7 +687,7 @@ content: "〉";font-size: 12px;padding-left: 8px;
 .fold_head .fold_tit {position:relative; padding-left:30px;}
 .fold_head .fold_tit span {display: block; position: relative; width: 100%; height: auto; font-size:20px; font-weight:300; color: #222; line-height: 1.2; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: justify; letter-spacing:-0.025em;}
 .fold_head .fold_state {width:170px; box-sizing: border-box; text-align: center; font-weight: 300; color:#888; line-height:1;}
-.fold_head .fold_state .important {display:inline-block; position:relative; padding:2px 10px; background-color: #fd4802; color:#fff; font-size:14px; font-weight:300; padding:4px 10px 2px;}
+.fold_head .fold_state .important {display:inline-block; position:relative; background-color: #fd4802; color:#fff; font-size:11px; font-weight:300;font-family: 'dotum'; width: 55px; height: 22px;}
 .fold_head .fold_state.fix {color:#222;}
 .fold_head .fold_state.done {color:#222}
 .fold_head .fold_state.doing {color:#888}

src/main/webapp/ux/pc/css/layout.css

@@ -85,12 +85,12 @@ ul.maintabs li:focus > a::before,
 ul.maintabs li:hover > a::after, 
 ul.maintabs li:focus > a::after {display:block;}
 ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%; top:0px; width:100%; border-left:1px solid #ddd; min-height:320px;}
-.more_category {float:left; position:relative; margin-left:20px}
+.more_category {float:left; position:relative; margin-left:15px}
 .more_category a.btn_more_cate {position:relative; display:inline-block; padding-right:16px; color:#888; font-size:16px; font-weight:300; z-index:8;}
 .more_category a.btn_more_cate:after {display:block; position:absolute; top:2px; right:0; width:6px; height:6px; border:2px solid #888; border-width:2px 2px 0 0; transform:rotate(135deg); -webkit-transform:rotate(135deg); content:''}
 .more_category.on a.btn_more_cate:after {top:5px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); content:''}
 .more_category .cate_list {display:none; position:absolute; left:-30px; top:-22px; background:#222; min-width:180px; padding:60px 25px 25px; box-sizing:initial; border:1px solid #aaa; z-index:2;}
-.more_category .cate_list ul li {margin-top:14px}
+.more_category .cate_list ul li {margin-top:14px; display: none;}
 .more_category .cate_list ul li:first-child {margin-top:0}
 .more_category .cate_list ul li a {display:block; padding:5px; color:#fff; font-size:19px;}
 .more_category .cate_list ul li a:hover {color:#fd4801; text-decoration:underline;}
@@ -249,11 +249,11 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 
 /* footer */
 #footer {position:relative;}
-.common_footer {position:relative; width:100%; min-width:1380px; box-sizing:border-box; padding:60px 70px; background-color:#f1f1f1;}
+.common_footer {position:relative; width:100%; min-width:1380px; box-sizing:border-box; padding:60px 70px 50px; background-color:#f1f1f1;}
 .common_footer > div {padding-right:170px; box-sizing:border-box;} 
 .common_footer .service_support {position: relative;margin: 0 auto; border-top: 0 none !important; zoom: 1;}
 .common_footer .service_support h2 {margin:0;}
-.common_footer .service_support .support_txt {display:block; padding-top:40px;}
+.common_footer .service_support .support_txt {display:block; padding-top:35px;}
 .common_footer .service_support .support_txt::after {content:''; clear:both; display:block;}
 .common_footer .service_support .support_txt li {float:left; position:relative; margin-left:20px; padding-left:20px; font-size:16px; font-weight:300; line-height:1;}
 .common_footer .service_support .support_txt li a span em {line-height: 10px;}
@@ -285,13 +285,13 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 .common_footer .service_support .connect .isms_box {padding:12px 0; color:#666; font-size:12px; font-weight: 200; line-height:16px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
 .common_footer .service_support .connect .isms_box p {padding:5px 0 5px 60px; background:no-repeat url('/images/pc/ico_ft_isms.png') 5px 3px;}
 .common_footer .corporation_info {position:relative; min-height:30px; color:#888; font-size:14px; line-height:26px; letter-spacing:-0.5px;}
-.common_footer .corporation_info .ft_cpinfo {margin-top:35px;}
+.common_footer .corporation_info .ft_cpinfo {margin-top:27px;}
 .common_footer .corporation_info .ft_cpinfo dl {}
 .common_footer .corporation_info .ft_cpinfo dl dt {font-weight:500;}
 .common_footer .corporation_info .ft_cpinfo dl dd {font-weight:200;}
 .common_footer .corporation_info .ft_cpinfo dl dd span {margin-right:10px;}
 .common_footer .corporation_info .ft_cpinfo dl .clickable {padding-bottom:2px; border-bottom:1px solid #888; color:#888; font-size:12px;}
-.common_footer .copyright {min-height:30px; margin-top:45px; color:#888; font-weight: 200;font-size:14px; line-height:1.5; letter-spacing:-0.5px; }
+.common_footer .copyright {min-height:25px; margin-top:28px; color:#888; font-weight: 200;font-size:14px; line-height:1.5; letter-spacing:-0.5px; }
 
 .common_footer .cmfooter_corp_wrap {min-height:30px; font-size:14px; line-height:26px; letter-spacing:-0.5px; color:#888;}
 .common_footer .cmfooter_corp_wrap .cmfooter_corp_in {position: relative;margin: 0 auto;zoom: 1;}
@@ -369,16 +369,16 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 #quick_menu .shopingbag .itemsGrp .item_prod:first-child {padding-top: 0;}
 #quick_menu .shopingbag .itemsGrp .item_prod:last-child {border-bottom: 0;}
 #quick_menu .shopingbag .itemsGrp .item_prod .itemBadge, #quick_menu .shopingbag .itemsGrp .item_prod .itemcolorchip {display: none;}
-#quick_menu .shopingbag .itemsGrp .item_prod .item_state {display: table; padding-left: 150px; padding-right: 0; padding-bottom: 0; width: 100%; min-height:210px;}
+#quick_menu .shopingbag .itemsGrp .item_prod .item_state {display: table; padding-left: 150px; padding-right: 0; padding-bottom: 0; width: 100%; min-height:180px;}
 #quick_menu .shopingbag .itemsGrp .item_prod .itemLink {display: table-cell; position: static; vertical-align: middle;}
 #quick_menu .shopingbag .itemsGrp .item_prod .itemLike {z-index: 99;}
-#quick_menu .shopingbag .itemsGrp .item_prod .itemPic {position: absolute; top: 0; left: 0; margin-bottom: 0; width: 120px; padding-top: 70%;}
+#quick_menu .shopingbag .itemsGrp .item_prod .itemPic {position: absolute; top: 0; left: 0; margin-bottom: 0; width: 120px; padding-top: 180px;}
 #quick_menu .shopingbag .itemsGrp .item_prod .itemPic .shape {z-index: 89;}
 #quick_menu .shopingbag .itemsGrp .item_prod .itemPic::after {background: #f5f5f5; opacity:1; z-index: 87;}
 #quick_menu .shopingbag .itemsGrp .item_prod .itemPic .pd_img {z-index: 88;}
 #quick_menu .shopingbag .itemsGrp .item_state.soldout .itemPic:before {content:'SOLD OUT'; position: absolute; top: 50%; left: 50%; font-size: 20px; color:#fff; background: rgba(0,0,0,.5); width: 100%; height: 100%; transform:translate(-50%, -50%); line-height: 420px; z-index: 1; text-align: center;}
-#quick_menu .shopingbag .itemsGrp .item_prod .itemBrand {margin:0px 0 15px; font-size: 14px; line-height:14px; font-weight: 300;}
-#quick_menu .shopingbag .itemsGrp .item_prod .itemComment {}
+#quick_menu .shopingbag .itemsGrp .item_prod .itemBrand {margin:0px 0 15px; font-size: 12px; line-height:14px; font-weight: 300;}
+#quick_menu .shopingbag .itemsGrp .item_prod .itemComment {font-size: 12px;margin-left: 0;}
 #quick_menu .shopingbag .itemsGrp .item_prod .itemName {margin:0px 0 13px; font-size: 14px; font-weight: 300; line-height: 1.5; max-height:44px; overflow:hidden;}
 #quick_menu .shopingbag .itemsGrp .item_prod .itemSize {font-size: 12px; margin-bottom: 20px; color: #888;}
 #quick_menu .shopingbag .itemsGrp .item_prod .itemPrice {font-size: 16px; line-height: 1; font-weight: 500; margin:0 0 10px}
@@ -417,7 +417,8 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 #quick_menu .wishlist .hover_con .cart_btn {position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%);}
 #quick_menu .wishlist .item_prod:hover .hover_con {display: block;}
 #quick_menu .wishlist .itemsGrp .item_prod .cart_btn {width: 91px; border:1px solid #ddd; font-size: 13px; padding: 6px 0;}
-#quick_menu .wishlist .itemsGrp .item_prod .cart_btn.on {background: #222; color: #fff; border:1px solid #222;}
+#quick_menu .wishlist .itemsGrp .item_prod .cart_btn.on {background: #fff; color: #222; border:1px solid #fff;}
+#quick_menu .wishlist .itemsGrp .item_prod .cart_btn:hover.on {background: #222; color: #fff; border:1px solid #222;}
 
 /* 퀵메뉴_나의 쿠폰_발급 가능 쿠폰 */
 #quick_menu .coupon .quick_body {overflow:hidden;}
@@ -1173,6 +1174,9 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 .goods_info .order_desc .button_box p {margin-top:10px;}
 .goods_info .order_desc .button_box p:first-child {margin-top:0}
 .goods_info .order_desc .button_box .btn {display:block; width:100%; height:42px; padding:14px; font-size:14px;}
+.goods_info .order_desc .button_box .btn:hover,
+.goods_info .order_desc .button_box .btn:focus,
+.goods_info .order_desc .button_box .btn:active{color: #333333;background-color: #ffffff;border-color: #dddddd;}
 .goods_info .order_desc .button_box .btn span {line-height:1}
 .goods_info .order_desc .button_box .util {margin-top:12px}
 .goods_info .order_desc .button_box .util span {position:relative; display:inline-block; margin-left:24px;}
@@ -1526,7 +1530,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.faq .quick_list ul li {width: 19.99%; height: 49.9%; text-align: center; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;}
 	.faq .quick_list ul li:nth-child(1),.faq .quick_list ul li:nth-child(6) {border-left:none;}
 	.faq .quick_list ul li:nth-child(6),.faq .quick_list ul li:nth-child(7),.faq .quick_list ul li:nth-child(8),.faq .quick_list ul li:nth-child(9),.faq .quick_list ul li:nth-child(10) {border-bottom: none;}
-	.faq .quick_list ul li a {display: flex; display: -ms-flexbox; justify-content: center; width:100%; height: 100%; line-height:26px; font-size:16px; font-weight: 200; align-items: center; color:#222; letter-spacing:-0.025em;}
+	.faq .quick_list ul li a {display: flex; display: -ms-flexbox; justify-content: center; width:100%; height: 100%; line-height:26px; font-size:16px; font-weight: 200; align-items: center; color:#222; letter-spacing:-0.025em;padding: 0 25px;}
 	.faq .search_wrap {margin-bottom:60px;}
 	.faq .search_wrap .faq_search {height:190px; background:#f5f5f5; padding:50px; box-sizing:border-box; text-align:center;}
 	.faq .search_wrap .faq_search .search_box {display:inline-block; position:relative; width:600px; padding-right:50px; border-bottom:2px solid #222; box-sizing: border-box; text-align:left;}
@@ -1539,7 +1543,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.faq .fold_nav ul li {margin:12px 12px 0 0;}
 	.faq .fold_nav ul li a {display:inline-block;padding:15px 22px 13px;border: 1px solid #ddd;font-size: 16px;font-weight: 300;line-height: 1; letter-spacing:-0.025em;}
 	.faq .fold_nav ul li a.on {position: relative; background: #222; color:#fff; border: 1px solid #222;}
-	.faq .fold_nav ul li a.on::after {content:''; position: absolute; width:0; height: 0; bottom:-1px; right:-1px; border-bottom: 9px solid #fff; border-left: 9px solid transparent;}
+	.faq .fold_nav ul li a.on::after {content:''; position: absolute; width:0; height: 0; bottom:-1px; right:-1px; border-bottom: 13px solid #fff; border-left: 13px solid transparent;}
 	.faq .foldGroup {margin-top:50px}
 	.faq .foldGroup .fold_head .fold_tit {max-width: 820px;}
 	.faq .foldGroup .fold_answer .answer_head {margin-bottom:10px}
@@ -1601,7 +1605,8 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.notice .foldGroup .critical .fold_head,
 	.notice .foldGroup .critical .fold_detail, 
 	.notice .foldGroup .critical .fold_answer {background:#fff6f2;}
-	.notice .foldGroup .critical .fold_category {font-weight:500;}
+	.notice .foldGroup .critical .fold_tit span {font-weight:500;}
+	.notice .foldGroup .critical .fold_category {font-weight:100;}
 	.notice .foldGroup .fold_head .fold_tit span {width:700px; font-weight:300}
 	.notice .fold_cont > div:first-of-type {padding-top:35px; border-top:1px solid #ddd}
 	.notice .sec_body.nodata {border-top: 1px solid #222;}
@@ -1669,7 +1674,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.dp .dp_submain .swiper-controls {margin-top:60px}
 
 	/* dp_new_item 신상품 슬라이드 */
-	.dp .new_item {}
+	.dp .new_item {margin-top: 120px;}	
 	.dp .new_item .cont_body {padding-left:70px; padding-right:70px;}
 	.dp .new_item .item_prod {width:100%;}
 	.dp .new_item .item_state {padding:0;}
@@ -1808,7 +1813,18 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.stamp_event .event_benefit {margin-top:80px;}
 	.stamp_event .event_benefit .title {color:#222; font-size:30px; font-weight:500; text-align:center;}
 	.stamp_event .event_benefit .benefit_con {margin-top:40px; text-align:center;}
-
+	.stamp_event .event_benefit .benefit_con ul{display: flex;margin: -6px auto;width: 1200px;background: #f5f5f5;}
+	.stamp_event .event_benefit .benefit_con li{width: 24%;height: 125px;margin:40px 0;position:relative;}
+	.stamp_event .event_benefit .benefit_con li::after{content: ''; display: inline-block;width: 1px;height: 100%;padding: 0;margin: 0;background: #e4e4e4;position: absolute;right: 0;top: 0;}
+	.stamp_event .event_benefit .benefit_con li:last-child::after{content: ''; display: inline-block; width:0;}
+	.stamp_event .event_benefit .benefit_con li:first-child{width: 28%;padding-left: 45px;}
+	.stamp_event .event_benefit .benefit_con li:last-child{width: 28%;padding-right: 70px;}
+	.stamp_event .event_benefit .benefit_con li:last-child div{ padding-top: 88px;}
+	.stamp_event .event_benefit .benefit_con li div{height: 124px;padding-top: 95px;font-size: 18px;font-weight: 400;line-height: 1.4;letter-spacing: -.025em;}
+	.stamp_event .event_benefit .benefit_con li div .c_primary{font-weight: 700;}
+	.stamp_event .event_benefit .benefit_con li .benfit_point {background: url(/images/mo/ico_bg_point.png) no-repeat center 0px;background-size: 70px;}
+	.stamp_event .event_benefit .benefit_con li .benfit_coupon {background: url(/images/mo/ico_bg_check.png) no-repeat center 0px;background-size: 70px;}
+	
 	/* dp_기획전상세 : 할인쿠폰 */	
 	.dp .dp_coupon {padding-top:60px; padding-bottom:60px; overflow:hidden;}
 	.dp_coupon .coupon_list {max-width:1200px; margin:auto;}
@@ -2580,13 +2596,15 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 
 	.pd_detail .area_pic .thumb_nav_wrap {position:absolute; left:auto; top:0; width:50px; z-index:2;}
 	.pd_detail .area_pic .thumb_nav_wrap .thumbnav {position:relative; padding:30px 0;}
+	.pd_detail .area_pic .thumb_nav_wrap .thumbnav .thumb {border: 0;}
 	.pd_detail .area_pic .thumb_nav_wrap .thumbnav .thumb.mov::after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3) url('/images/pc/ico_play.png') no-repeat 50% 50%; z-index:2;}
-	.pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-container {max-height:500px;}
-	.pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-container .swiper-slide {width:50px; height:75px !important; box-sizing:border-box; background:#f5f5f5;}
+	.pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-container {max-height:505px;}
+	.pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-container .swiper-slide {width:50px; height:75px !important; box-sizing:border-box; background:#f5f5f5; padding-top: 2px;}
 	.pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-container .swiper-slide.on {}
 	.pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-container .swiper-slide img,
 	.pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-container .swiper-slide video {width:100%; box-sizing:border-box;}
-	.pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-container .swiper-slide.on a {display:block; border:1px solid #fd4802;}
+	.pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-container .swiper-slide.on a{display:block;position: relative;}
+	.pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-container .swiper-slide.on a span::before {content: ''; display:inline-block; border:1px solid #fd4802;position: absolute;top: 0px;left: 0;z-index: 5;width: 48px;height: 73px;}
 	.pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-button-prev,
 	.pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-button-next {left:50%; right:auto; width:14px; height:14px; border:2px solid #a7a7a7; border-width:2px 2px 0 0; background:none;}
 	.pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-button-prev {top:4px; bottom:auto; transform:translateX(-50%) rotate(-45deg); -webkit-transform:translateX(-50%) rotate(-45deg);}
@@ -3367,6 +3385,8 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.full_pop.pd_itemthumb_pop .full_pop_container .scaleview {position:relative; display:block; text-align:center; margin-top:40px; z-index:1;}
 	.full_pop.pd_itemthumb_pop .full_pop_container .scaleview:first-child {margin-top:0}
 	.full_pop.pd_itemthumb_pop .full_pop_container .scaleview img {max-width:100%; cursor:url('/images/pc/cursor_zoomout.png') 0 0, zoom-out;}
+	.full_pop.pd_itemthumb_pop .full_pop_container .scaleview .video_controls ,
+	.full_pop.pd_itemthumb_pop .full_pop_container .scaleview video {display:none;}
 	
 	/* pd_pop > 개별상품상세 설명 페이지 */
 	.pd_pop.full_pop.pd_descrp_pop {height:100%; padding:0; margin:0; /*background:none;*/ overflow:hidden;}
@@ -3970,6 +3990,9 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.my .myReviewWrite .input_txt_review .input_wrap textarea {width:100%; padding:20px; color:#222; font-size:14px;}
 	.my .myReviewWrite .input_my_physical .form_control {min-width:220px; padding-right:50px;}
 	.my .myReviewWrite .input_my_physical .unit {position:absolute; right:10px; top:50%; transform:translateY(-50%); color:#222; font-size:14px; font-weight:200;}
+	.my .myReviewWrite .fileAdd,
+	.my .myReviewWrite .pics{width:86px; height:86px;}
+	.my .myReviewWrite .pics .picsThumbs{max-height: 84px; max-width: 84px;}
 
 	/* my_myAddressList : 배송지 관리 */
 	.my .myAddressList {}

src/main/webapp/ux/style24_link.js

@@ -1013,8 +1013,9 @@ function cfnPutWishList(a) {
  * @since  : 2021/03/22
  * @author : gagamel
  */
-var cfnGoToCategoryMain = function(cateGb, cate1No) {
+var cfnGoToCategoryMain = function(cateGb, cate1No, brandGroupNo) {
 	var params = '?cateGb=' + cateGb + '&cate1No=' + cate1No;
+	if (typeof (brandGroupNo) != 'undefined') params += '&brandGroupNo=' + brandGroupNo;
 	cfnGoToPage(_PAGE_CATE_MAIN + params);
 }
 
@@ -1109,8 +1110,12 @@ var cfnGoToLookbookList = function (lookbookGb, brandGroupNo) {
  * @author : bin2107
  */
 var cfnGoToLookbookDetail = function (lookbookGb, lookbookSq, brandGroupNo) {
-	var params = '?lookbookGb='+lookbookGb+'lookbookSq=' + lookbookSq;
-	if (typeof (brandGroupNo) != 'undefined') params += '&brandCd=' + brandGroupNo;
+	var params = '?lookbookGb='+lookbookGb+'&lookbookSq=' + lookbookSq;
+	if(lookbookGb=='BL'){
+		if (typeof (brandGroupNo) != 'undefined') params += '&brandCd=' + brandGroupNo + '&brandGroupNo=' + brandGroupNo;
+	}else {
+		if (typeof (brandGroupNo) != 'undefined') params += '&brandCd=' + brandGroupNo;
+	}
 
 	cfnGoToPage(_PAGE_LOOKBOOK_DETAIL + params);
 }