기획전 상세 중간커밋

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

@@ -227,6 +227,16 @@ public interface TsfPlanningDao {
 	 * @date 2021. 3. 30
 	 */
 	Collection<Plan> getPlanCornerList(Plan plan);
+	
+	/**
+	 * 기획전 코너 상품 리스트
+	 *
+	 * @param 
+	 * @return
+	 * @author sowon
+	 * @date 2021. 3. 31
+	 */
+	Collection<Plan> getPlanningCornerGoodsList(Plan plan);
 
 	/**
 	 * 이벤트 갯수 조회

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

@@ -88,32 +88,18 @@ public class TsfPlanningService {
 	public Collection<Plan> getPlanningList(Plan plan) {
 		return planningDao.getPlanningList(plan);
 	}
+	
+	/**
+	 * 기획전 코너 상품 목록
+	 * @param plan - 기획전 정보
+	 * @return
+	 * @author sowon
+	 * @since 2021. 3. 31
+	 */
+	public Collection<Plan> getPlanningCornerGoodsList(Plan plan) {
+		return planningDao.getPlanningCornerGoodsList(plan);
+	}
 
-//	/**
-//	 * 기획전 목록
-//	 *
-//	 * @param
-//	 * @return
-//	 * @author sowon
-//	 * @since 2021. 3. 8
-//	 */
-//	public Collection<Plan> getPlanList(Plan plan) {
-//		//plan.setSiteCd(TsfConstants.SITE_CD);
-//		return planningDao.getPlanList(plan);
-//	}
-//
-//	/**
-//	 * 기획전 상품 목록
-//	 *
-//	 * @param
-//	 * @return
-//	 * @author sowon
-//	 * @since 2021. 3. 8
-//	 */
-//	public Collection<Plan> getPlanGoodsList(Plan plan) {
-//		//plan.setSiteCd(TsfConstants.SITE_CD);
-//		return planningDao.getPlanGoodsList(plan);
-//	}
 
 	/**
 	 * 접근 불가능한 기획전 메시지 조회
@@ -247,7 +233,7 @@ public class TsfPlanningService {
 	}
 
 	/**
-	 * 기획전 템플릿 상품1열
+	 * 기획전 템플릿 상품
 	 *
 	 * @param
 	 * @return
@@ -257,6 +243,18 @@ public class TsfPlanningService {
 	public Collection<Plan> getPlanGoods1Info(Plan plan) {
 		return planningDao.getPlanGoods1Info(plan);
 	}
+	
+	/**
+	 * 기획전 코너 리스트
+	 *
+	 * @param 기획전 번호
+	 * @return
+	 * @author sowon
+	 * @date 2021. 3. 30
+	 */
+	public Collection<Plan> getPlanCornerList(Plan plan){
+		return planningDao.getPlanCornerList(plan);
+	}
 
 	/**
 	 * 상품 쿠폰 다운 처리

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

@@ -192,12 +192,16 @@ public class TsfPlanningController extends TsfBaseController {
 		mav.addObject("goods4Info", planningService.getPlanGoods1Info(plan));
 
 		// 다른기획전 보기 
+		plan.setFrontGb(TsfSession.getFrontGb());
 		mav.addObject("planList", planningService.getPlanningList(plan));
 //
 //		mav.addObject("couponList", planningService.getPlusCouponList(plan));
 //
-//		// 기획전 상세 및 코너 목록
-//		mav.addObject("planCornerList", planningService.getPlanCornerList(plan));
+//		// 기획전  코너 목록
+		mav.addObject("planCornerList", planningService.getPlanCornerList(plan));
+		
+		// 기획전 코너 상품
+		mav.addObject("planCornerGoodsList", planningService.getPlanningCornerGoodsList(plan));
 //
 //		// 특가세일 기준
 //		mav.addObject("specialPriceSaleRate", policyService.getSpecialPriceSaleDisplayRate(TsfConstants.SITE_CD));
@@ -214,7 +218,7 @@ public class TsfPlanningController extends TsfBaseController {
 //		mav.addObject("viewPage", "40");
 //		mav.addObject("popupPlanSq", plan.getPlanSq());
 
-		mav.setViewName(super.getDeviceViewName("planning/PlanningDetailForm"));
+		mav.setViewName(super.getDeviceViewName("planning/PlanningDetailForm2"));
 		return mav;
 	}
 

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

@@ -104,6 +104,7 @@ public class Plan extends TscBaseDomain {
 	private String cateGb;			// 카테고리구분
 	private String cateNm;			// 카테고리명
 	private Integer cateNo;			// 카테고리번호
+	private String brandGroupNm;	// 브랜드 그룹 이름
 
 	// 고객등급
 	private String custGradeName;	// 접근가능고객 등급 네임
@@ -138,6 +139,7 @@ public class Plan extends TscBaseDomain {
 	private String[] goodsCdArr;		// 상품 코드 배열
 	private String goodsCd;				// 상품 코드
 	private String goodsNm;				// 상품 명
+	private String goodsTnm;			// 상품 타이틀 명
 	private String goodsStat;			// 제품상태
 	private String imgType;				// 이미지 타입
 	private String imgPath1;			// 이미지 경로1

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

@@ -8,21 +8,19 @@
 		SELECT SUM(CG.RM_GFCD_AMT) AS USE_GIFT/*사용가능한 보유 금액*/
 		      ,(SELECT COUNT(*) 
 		        FROM TB_CUST_GIFTCARD CG2 
-		        WHERE NOW() BETWEEN CG2.USE_ST_DATE AND CG2.USE_EXP_DATE
+		        WHERE DATE_FORMAT(NOW(), '%Y%m%d') BETWEEN CG2.USE_ST_DATE AND CG2.USE_EXP_DATE
 		          AND CUST_NO = #{custNo}
-		          AND CG2.RM_GFCD_AMT <![CDATA[>]]> 0
-		          AND NOW() BETWEEN CG2.USE_ST_DATE AND CG2.USE_EXP_DATE) AS TOTAL_COUNT /*총 상품권 수*/
+		          AND CG2.RM_GFCD_AMT <![CDATA[>]]> 0 ) AS TOTAL_COUNT /*총 상품권 수*/
 		      ,(SELECT SUM(CG3.RM_GFCD_AMT)
 				FROM TB_CUST_GIFTCARD CG3
-				WHERE NOW() BETWEEN CG3.USE_ST_DATE AND CG3.USE_EXP_DATE
-				  AND  NOW() BETWEEN DATE_ADD(CG3.USE_EXP_DATE, INTERVAL -1 MONTH) AND USE_EXP_DATE
+				WHERE DATE_FORMAT(NOW(), '%Y%m%d') BETWEEN CG3.USE_ST_DATE AND CG3.USE_EXP_DATE
+				  AND  DATE_FORMAT(NOW(), '%Y%m%d') BETWEEN DATE_ADD(CG3.USE_EXP_DATE, INTERVAL -1 MONTH) AND USE_EXP_DATE
 				  AND CUST_NO = #{custNo}
-				  AND CG3.RM_GFCD_AMT > 0
-				  AND NOW() BETWEEN CG3.USE_ST_DATE AND CG3.USE_EXP_DATE) AS EXPIRE_COUNT  /*한달 이내 소멸*/
+				  AND CG3.RM_GFCD_AMT > 0 ) AS EXPIRE_COUNT  /*한달 이내 소멸*/
 		FROM TB_CUST_GIFTCARD CG 
 		WHERE 1=1  
 			AND CUST_NO = #{custNo}
-			AND NOW() BETWEEN CG.USE_ST_DATE AND CG.USE_EXP_DATE
+			AND DATE_FORMAT(NOW(), '%Y%m%d') BETWEEN CG.USE_ST_DATE AND CG.USE_EXP_DATE
 	</select>
 	
 	<select id="getGiftcardUseList" parameterType="GiftCard" resultType="GiftCard">

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

@@ -731,11 +731,118 @@
 		FROM TB_PLAN P INNER JOIN TB_PLAN_DETAIL PD ON P.PLAN_SQ = PD.PLAN_SQ
 		 WHERE 1=1
 		  AND P.PLAN_SQ = #{planSq}
+		  AND P.SITE_CD = #{siteCd}
 		  AND PD.DISP_YN = 'Y'
 		  AND NOW() BETWEEN PD.DISP_STDT AND PD.DISP_EDDT 
 		ORDER BY PD.DISP_ORD 
 	</select>
 	
+	<!-- 기획전 상세 상품 목록 -->
+	<select id="getPlanningCornerGoodsList" parameterType="Plan" resultType="Plan">
+		/* TsfPlanning.getPlanningCornerGoodsList */
+		SELECT Z.*
+		      ,100 - ROUND((Z.CURR_PRICE / Z.LIST_PRICE) * 100 ,0) AS DC_RATE 
+		FROM
+		(
+		WITH TAB_PLAN_GOODS AS (
+		    SELECT P.PLAN_SQ                                                /*기획전번호*/
+		         , PD.CORNER_NM                                             /*코너명*/
+		         , PG.DISP_ORD                                              /*상품노출순서*/
+		         , CASE WHEN BG.DISP_NM_LANG = 'EN' THEN
+		                    BG.BRAND_GROUP_ENM
+		                ELSE
+		                    BG.BRAND_GROUP_KNM
+		           END                                    AS BRAND_GROUP_NM /*브랜드그룹명*/
+		         , G.GOODS_CD                                               /*상품코드*/
+		         , G.GOODS_NM                                               /*상품명*/
+		         , G.GOODS_GB                                               /*상품구분*/
+		         , G.FOREIGN_BUY_YN                                         /*해외구매대행여부*/
+		         , G.PARALLEL_IMPORT_YN                                     /*병행수입여부*/
+		         , G.ORDER_MADE_YN                                          /*주문제작여부*/
+		         , G.GOODS_TNM                                              /*상품타이틀명*/
+		         , G.MAIN_COLOR_CD                                          /*대표색상코드*/
+		         , G.LIST_PRICE                                             /*정상가(최초판매가)*/
+		         , G.CURR_PRICE                                             /*현재판매가*/
+		         , RANK() OVER(PARTITION BY P.PLAN_SQ
+		                       ORDER BY PG.DISP_ORD
+		                              , PG.GOODS_CD)      AS NUMB
+		    FROM   TB_PLAN P
+		         , TB_PLAN_DETAIL PD
+		         , TB_PLAN_GOODS PG
+		         , TB_GOODS G
+		         , TB_GOODS_STOCK GS
+		         , TB_BRAND B
+		         , TB_BRAND_GROUP BG
+		    WHERE  P.PLAN_SQ = PD.PLAN_SQ
+		    AND    PD.PLAN_DTL_SQ = PG.PLAN_DTL_SQ
+		    AND    PG.GOODS_CD = G.GOODS_CD
+		    AND    G.GOODS_CD = GS.GOODS_CD
+		    AND    G.BRAND_CD = B.BRAND_CD
+		    AND    B.BRAND_GROUP_NO = BG.BRAND_GROUP_NO
+		    AND    P.PLAN_SQ = #{planSq}
+		    AND    P.PLAN_GB = 'P' /*기획전*/
+		    AND    P.SITE_CD = #{siteCd}
+		    <if test="frontGb != null and frontGb != ''">
+		    AND    P.FRONT_GB LIKE CONCAT('%',#{frontGb},'%')
+		    </if>
+		    AND    NOW() BETWEEN P.DISP_STDT AND P.DISP_EDDT
+		    AND    P.DEL_YN = 'N' /*삭제안된 기획전*/
+		    AND    P.OPEN_YN = 'Y' /*오픈된 기획전*/
+		    AND    NOW() BETWEEN PD.DISP_STDT AND PD.DISP_EDDT
+		    AND    PD.DISP_YN = 'Y' /*전시하는코너*/
+		    AND    PG.DEL_YN = 'N' /*삭제안된상품*/
+		    AND    G.GOODS_STAT = 'G008_90' /*승인완료상품*/
+		    AND    G.SELF_MALL_YN = 'Y'   /*몰노출상품*/
+		    AND    GS.STOCK_QTY <![CDATA[>]]> 0 /*재고있는상품*/
+		    AND    B.USE_YN = 'Y'
+		    AND    BG.USE_YN = 'Y'
+		)
+		, TAB_GOODS_IMG AS (
+		    /* 상품의 이미지 */
+		    SELECT PG.GOODS_CD
+		         , MAX(CASE WHEN GI.DEFAULT_IMG_YN = 'Y' THEN GI.SYS_IMG_NM ELSE NULL END)   AS SYS_IMG_NM
+		         , MAX(CASE WHEN GI.MOUSEOVER_IMG_YN = 'Y' THEN GI.SYS_IMG_NM ELSE NULL END) AS SYS_IMG_NM2
+		    FROM   TAB_PLAN_GOODS PG
+		         , TB_GOODS_IMG GI
+		    WHERE  PG.GOODS_CD = GI.GOODS_CD
+		    AND    PG.MAIN_COLOR_CD = GI.COLOR_CD
+		    AND    (GI.DEFAULT_IMG_YN = 'Y' OR GI.MOUSEOVER_IMG_YN = 'Y')
+		    GROUP  BY PG.GOODS_CD
+		)
+		SELECT PG.PLAN_SQ
+		     , PG.CORNER_NM
+		     , PG.DISP_ORD
+		     , PG.BRAND_GROUP_NM
+		     , PG.GOODS_CD
+		     , FN_GET_GOODS_NM(PG.GOODS_NM,PG.GOODS_GB,PG.FOREIGN_BUY_YN,PG.PARALLEL_IMPORT_YN,PG.ORDER_MADE_YN) AS GOODS_FULL_NM /*상품FULL명*/
+		     , PG.GOODS_NM
+		     , PG.GOODS_TNM
+		     , PG.MAIN_COLOR_CD
+		     , PG.LIST_PRICE
+		     , FN_GET_BENEFIT_PRICE(#{frontGb},PG.GOODS_CD,PG.CURR_PRICE,#{custGb})                              AS CURR_PRICE    /*현재판매가*/
+		     , GI.SYS_IMG_NM
+		     , GI.SYS_IMG_NM2
+		     <choose>
+		         <when test="custNo != null and custNo > 0"> <!-- 로그인 했으면 -->
+		     , IF(W.GOODS_CD IS NULL,'','likeit')                                                                AS LIKE_IT       /*위시리스트담긴상품*/
+		         </when>
+		         <otherwise>
+		     , ''                                                                                                AS LIKE_IT       /*위시리스트담긴상품*/
+		         </otherwise>
+		     </choose>
+		     
+		FROM   TAB_PLAN_GOODS PG
+		INNER JOIN TAB_GOODS_IMG GI ON PG.GOODS_CD = GI.GOODS_CD
+		<if test="custNo != null and custNo > 0"> <!-- 로그인 했으면 -->
+		LEFT OUTER JOIN TB_WISHLIST W ON PG.GOODS_CD = W.GOODS_CD
+		                             AND W.CUST_NO = #{custNo}
+		</if>
+		<if test="maxRow != null and maxRow > 0">
+		WHERE  PG.NUMB <![CDATA[<=]]> #{maxRow}
+		</if>
+		)Z
+	</select>
+	
 	<!-- 총알배송 html 소스  -->
 	<select id="getShotDeliveryHtml" parameterType="Plan" resultType="Plan">
 		/* TsfPlanning.getShotDeliveryHtml */

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

@@ -84,6 +84,7 @@
               WHERE 1=1
 	            AND W.CUST_NO = #{custNo}
            )Z
+		ORDER BY W.REG_DT DESC
 	</select>
 	
 

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

@@ -367,14 +367,7 @@
 		
 	}
 	
-	var fnReviewCreate = function(obj1,obj2,obj3) {
-		let ordNo = obj1;
-		let ordDtlNo = obj2;
-		let goodsCd = obj3;
-		let reviewStat = 'c';
-		
-		cfnGoToPage(_PAGE_MYPAGE_CREATE_REVIEW + ordNo +'/'+ordDtlNo+'/'+goodsCd+'/'+reviewStat);
-	}
+	
 	
 	// 스크롤 이동
 	var fnMove = function(obj) {

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

@@ -0,0 +1,714 @@
+<!DOCTYPE html>
+<html lang="ko" xmlns:th="http://www.thymeleaf.org"
+	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
+	layout:decorator="web/common/layout/DefaultLayoutWeb">
+<!--
+ *******************************************************************************
+ * @source  : PlanningDetailFormWeb.html
+ * @desc    : 기획전메인 Page
+ *============================================================================
+ * Pastelmall
+ * Copyright(C) 2020 TSIT, All rights reserved.
+ *============================================================================
+ * VER  DATE         AUTHOR      DESCRIPTION
+ * ===  ===========  ==========  =============================================
+ * 1.0  2021.3.9     sowon     최초 작성
+ *******************************************************************************
+ -->
+<body>
+<th:block layout:fragment="content">
+<script src="https://developers.kakao.com/sdk/js/kakao.min.js"></script>
+<div id="container" class="container dp" th:with="frontUrl=${@environment.getProperty('domain.front')}, goodsView=${@environment.getProperty('upload.goods.view')}, planView=${@environment.getProperty('upload.image.view')}">
+		<div class="breadcrumb"> 
+			<ul>
+                <li class="bread_home"><a href="javascript:void(0);"
+						onclick="cfnGoToPage(_PAGE_MAIN);">홈</a></li>
+				<li class="bread_2depth"><a href="javascript:void(0);"
+					onclick="cfnGoToPage(_PAGE_PLANNING_MAIN);">기획전</a></li>
+				<li class="bread_2depth" th:text="${planInfo.planNm}"></li>
+			</ul> 
+		</div>
+		<div class="wrap">
+            <!-- 상단 프로모션 배너 -->
+            <div class="content wide dp_detail_visual">
+                <div class="cont_head">
+                    <div>
+                        <h3 th:text="${planInfo.planNm}"></h4>
+                        <div class="shareSet">
+                            <button class="btn_share" data-name="openShare">공유하기</button>
+                            <!-- toggle contents -->
+                            <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">
+                    <!-- 프로모션배너 type1 --> 
+                    <div class="promotion_visual type1" th:if="${fsrcInfoTop != null}" th:utext="${#strings.replace(#strings.replace(fsrcInfoTop.fsrcPc,'&amplt;','<'),'&ampgt;','>')}"></div>
+                    <!-- <div class="promotion_visual type2" th:if="${fsrcInfoTop != null}" th:utext="${#strings.replace(#strings.replace(fsrcInfoTop.fsrcPc,'&amplt;','<'),'&ampgt;','>')}"></div> -->           
+                    <!-- 프로모션배너 type1 -->                    
+                    <!-- 프로모션배너 type2 --> 
+               <!-- <div class="promotion_visual type2">
+                        <div class="swiper-container">
+                            <div class="swiper-wrapper ">
+                                <div class="swiper-slide">
+                                    <img alt="" src="/images/pc/thumb/bigbanner_slide01.png">
+                                </div>
+                                <div class="swiper-slide">
+                                    <img alt="" src="/images/pc/thumb/bigbanner_slide02.png"> 
+                                </div>
+                            </div>
+                        </div>
+                        <div class="swiper-button-prev"></div>
+                        <div class="swiper-button-next"></div>
+                        <div class="swiper-pagination"></div>
+                    </div> -->
+                    <!-- 프로모션배너 type2 -->                    
+                </div>
+            <!-- //상단 프로모션 배너 -->
+            
+            <th:block th:each="a, template : ${templateOrd}">
+				<th:block th:if="${a.tmplType == 'G082_10'}">
+						<div class="content wide dp_review" th:id="${a.tmplType}"></div> <!-- //리뷰 -->
+					</th:block>
+				<th:block th:if="${a.tmplType == 'G082_20'}">
+						 <div class="content wide dp_coupon" th:id="${a.tmplType}"></div>  <!-- //할인쿠폰 -->
+					</th:block>
+				<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>
+				<th:block th:if="${a.tmplType == 'G082_51'}">
+						<div class="content dp_special" th:id="${a.tmplType + a.planContSq}"></div>
+				</th:block>
+				<th:block th:if="${a.tmplType == 'G082_52'}">
+						<div class="content dp_special" th:id="${a.tmplType + a.planContSq}"></div>
+				</th:block>
+			</th:block>
+            
+            <!-- 관련상품 리스트 -->
+			<div class="content sticky_nav_list">
+				<div class="cont_head">
+                    <div class="sticky_nav">
+                        <ul>    
+                        	<th:block th:each="cornerData, CornerStat : ${planCornerList}">
+                            <li><a th:href="${'#brand' +CornerStat.index}" th:text="${cornerData.cornerNm}"></a></li> <!-- 섹션이동 -->
+                            </th:block>
+                        </ul>
+                    </div>
+				</div>
+				<div class="cont_body">
+                    <div class="list_content">
+                    	<th:block th:each="cornerData, CornerStat : ${planCornerList}">
+                        <div th:id="${'brand' +CornerStat.index}">
+                            <div class="item_header"> <!-- 섹션이동 -->
+                                <h4 th:text="${cornerData.cornerNm}"></h4>
+                            </div>
+                            <div class="itemsGrp"> <!-- itemsGrp rank hot deal -->
+                            	<th:block th:each="cornerGoodsData, CornerGoodsStat : ${planCornerGoodsList}" th:if="${cornerGoodsData.cornerNm == cornerData.cornerNm}">
+                       
+                                <div class="item_prod">
+                                    <div class="item_state">
+                                        <button type="button" th:class="${cornerGoodsData.likeIt == 'likeit'}? 'itemLike likeit' : 'itemLike'" onclick="cfnPutWishList(this);" th:attr="goodsCd=${cornerGoodsData.goodsCd}, ithrCd='', contentsLoc='', planDtlSq=''">관심상품 추가</button>
+                                        <a href="javascript:void(0);" th:onclick="cfnGoToGoodsDetail([[${cornerGoodsData.goodsCd}]])" class="itemLink">
+                                            <!-- <div class="rank ranker"><span>1</span></div> -->
+                                            <div class="itemPic">
+                                                <img alt="BLUE-a" class=" vLHTC pd_img" th:src="${goodsView + '/' +cornerGoodsData.sysImgNm}">
+                                            </div>
+                                            <p class="itemBrand" th:text="${cornerGoodsData.brandGroupNm}"></p>
+                                            <div class="itemName" th:text="${cornerGoodsData.goodsNm}"></div>
+                                            <p class="itemPrice">[[${#numbers.formatInteger(cornerGoodsData.currPrice,0,'COMMA')}]]
+                                                <span class="itemPrice_original" th:if="${cornerGoodsData.currPrice != cornerGoodsData.listPrice}" th:text="${#numbers.formatInteger(cornerGoodsData.listPrice,0,'COMMA')}"></span>
+                                                <span class=" itemPercent" th:if="${cornerGoodsData.dcRate != '0'}" th:text="|${#numbers.formatDecimal(cornerGoodsData.dcRate,0,0)}%|"></span>
+                                            </p>
+                                            <div class="itemcolorchip">
+                                                <span class="chip_color35" value="ABM">BEIGE</span>
+                                                <span class="chip_color54" value="BDS">BLACK</span>
+                                                <span class="chip_color40" value="YBR">WHITE</span>
+                                            </div>
+                                            <p class="itemBadge">
+                                                <span class="badge13">베스트 </span>
+                                            </p>
+                                            <div class="itemComment" th:if="${cornerGoodsData.goodsTnm != null}" th:text="${cornerGoodsData.goodsTnm}"></div>
+                                        </a>
+                                    </div>
+                                </div>  
+                                </th:block>          
+                            </div>
+                            </th:block>
+                        </div>                
+                    </div>
+                </div>
+		    </div>
+            <!-- //관련상품 리스트 -->  
+
+            <!-- 다른 기획전 보기 -->
+            <div class="content other_dp_slide">
+                <div class="cont_head">
+                    <div>
+                        <h4>다른 기획전 보기</h4>
+                        <a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_PLANNING_MAIN);">전체보기</a>
+                    </div>
+                </div>
+                <div class="cont_body">
+                    <div class="swiper-container">
+                        <div class="swiper-wrapper">
+                        	<th:block th:each="PlanData, PlanStat : ${planList}">
+                            <div class="swiper-slide">                   
+                                <a th:onclick="cfnGoToPlanDetail([[${PlanData.planSq}]])">
+                                    <div class="thumb">
+                                        <img th:src="${@environment.getProperty('upload.image.view')+PlanData.mainImg}" alt="${PlanData.planNm}">
+                                    </div>
+                                    <div class="txt">
+                                        <!-- <span class="brand">BUCKAROO</span> -->
+                                        <p class="tit" th:text="${PlanData.planNm}"></p>
+                                    </div>
+                                </a>
+                            </div>
+                            </th:block>   
+                        </div>
+                    </div>
+                    <div class="swiper-button-prev"></div>
+                    <div class="swiper-button-next"></div>
+                </div>
+            </div>
+            <!-- //다른 기획전 보기 -->
+        </div>
+    </div>   
+<div class="modal fade couponInfo_pop" id="couponInfoPop" tabindex="-1" role="dialog" aria-labelledby="couponInfoLabel" aria-hidden="true"></div>
+<script th:inline="javascript">
+let review = [[${reviewInfo}]];
+let coupon = [[${couponInfo}]];
+let plan = [[${planInfo}]];
+let image = [[${imageInfo}]];
+let goods1 = [[${goods1Info}]];
+let goods2 = [[${goods2Info}]];
+let goods4 = [[${goods4Info}]];
+let template =[[${templateOrd}]];
+let _mall = [[${@environment.getProperty('domain.front')}]];
+let goodsView =[[${@environment.getProperty('upload.goods.view')}]]
+let imgUrl=[[${@environment.getProperty('upload.image.view')}]];
+
+if(review != null || review != ''){
+	
+	var html = '';
+	
+	html += ' <div class="cont_head">';
+	html += ' 	<div>';
+	html += '		<h4>'+review[0].title+'</h4>';
+	html += ' 	</div>';
+	html += '	<div class="cont_body">';
+	html += ' 		<div class="review_list">';
+	$.each(review, function(idx, item)  {
+		html += '		<div class="reviw_box">'
+		html += '			<div class="best_review">';
+		html += '				<a href="javascript:void();" id="btn_pdBestReview_pop" onclick="fnPlanReviewDetail(\''+item.reviewSq+'\');">';
+		html += '					<div class="pic">';
+		if (item.fileGb == 'M') { 
+			html += '								<span class="thumb mov" style="background-image: url('+ imgUrl +'/'+item.reviewSysImg +');"></span>';	
+		}else{
+			html += '								<span class="thumb" style="background-image: url('+ imgUrl +'/'+item.reviewSysImg +');"></span>';			
+		}
+		html += '                   </div>';
+		html += '                  <div class="star_score">';
+		html += '                      <span class="star">';
+		html += '                          <em class="progbar" style="width:'+(item.score*20)+'%;"></em> <!-- 평점 style로 표기 -->';
+		html += '                      </span>';
+		if(item.bestYn == 'Y'){
+			html += '<em class="ico ico_besttag"></em>';	
+		}
+		html += '                  </div>';
+		html += '                  <div class="txt_best_review">';
+		html += '                      <p>'+item.reviewContent+'</p>';
+		html += '                  </div>';
+		html += '                  <div class="info_writer">';
+		html += '                      <span class="wr_id">'+item.maskingCustId+'</span>';
+		html += '                      <span class="wr_date">'+item.regDt+'</span>';
+		html += '                  </div>';
+		html += '              </a>';
+		html += '          </div>';
+		html += '          <div class="review_item">';
+		html += '              <div class="item_prod">';
+		html += '                  <div class="item_state">';
+		html += '                      <a href="#none" class="itemLink">';
+		html += '                          <div class="itemPic">';
+		html += '                            	<img alt="" class="vLHTC pd_img" src="'+ goodsView +'/'+item.sysImgNm +'">';
+		html += '                          </div>';
+		html += '                          <div class="itemName">'+item.goodsNm+'</div>';
+		html += '                          <p class="itemPrice">'+item.currPrice.addComma()+'</p>';
+		html += '                      </a>';
+		html += '                  </div>';
+		html += '              </div>';
+		html += '          </div>';
+		html += '      </div>  ';
+	});
+	html += '       </div>                    ';
+	html += '	 </div>';
+	html += '</div>';
+
+	$("#G082_10").append(html);
+}
+
+if(image != null || image != ''){
+	var html = '';
+	
+	html += '<div class="cont_body">     ';
+	html += '    <div class="mid_banner">';
+	html += '        <div class="swiper-container">';
+	html += '            <div class="swiper-wrapper">';
+	for (var i = 0; i < image.length; i++) {
+		html += '                	<div class="swiper-slide">';
+		html += '                    	<img alt="" src="'+ imgUrl + image[i].itemVal +'">';
+		html += '                	</div>';
+	}
+	html += '            </div>';
+	html += '        </div>';
+	html += '        <div class="swiper-button-prev"></div>';
+	html += '        <div class="swiper-button-next"></div>';
+	html += '        <div class="swiper-pagination"></div>';
+	html += '    </div>';
+	html += '</div>';
+	
+	
+	$("#G082_30").append(html);
+}
+
+if(goods1 != null || goods1 != ''){
+	var array = [];
+
+	for (var j = 0; j < template.length; j++) {
+		if(template[j].tmplType == 'G082_50'){
+			array.push(template[j].planContSq);
+		}
+		
+	}	
+	
+	for (var i = 0; i < template.length; i++) {
+		var html = '';
+		if(template[i].tmplType == 'G082_50' && array[0] == template[i].planContSq && typeof array[0] != 'undefined') {
+			html += '<div class="cont_head">';
+			html += '	<div>';
+			html += '        <h4>';
+			if (template[i].linkUrl != null || template[i].linkUrl != '') { /* 링크 변경 예정 */
+				html += '        <a href="http://'+template[i].linkUrl+'" target="_blank">'+template[i].title+'</a>';
+			}else{
+				html += '        <a href="javascript:void(0)">'+template[i].title+'</a>';
+			}
+			html += '		</h4>';
+			html += '    </div>';
+			html += '</div>';
+			html += '<div class="cont_body">';
+			html += '    <div class="dp_listItems_cont type1">';
+			html += '        <ul>';
+		$.each(goods1, function(idx, item)  {
+			if (item.planContSq == template[i].planContSq) {
+				html += '            <li>';
+				html += '                <div class="dp_listItems">';
+				html += '                    <div class="dp_listItems_img">';
+				html += '                        <img src="'+ goodsView +'/'+item.sysImgNm +'" alt="">';
+				html += '                    </div>';
+				html += '                    <div class="dp_listItems_info">';
+				html += '                        <div class="dp_listItems_brand">'+item.brandKnm+'</div>';
+				html += '                        <div class="dp_listItems_name">'+item.goodsNm+'<br></div>';
+				html += '                        <div class="dp_listItems_price">';
+				html += '                            <span class="price">'+item.currPrice.addComma()+'</span>';
+				if (item.currPrice != item.listPrice) {
+					html += '                            <del>'+item.listPrice.addComma()+'</del>';
+					html += '                            <span class="percent">'+Math.floor(item.dcRate)+'%</span>';
+				}
+				html += '                        </div>';
+				html += '                        <div class="itemComment">#주문 폭주 상품</div>';
+				html += '                        <div class="ui_row">';
+				html += '                            <button type="button" class="btn btn_default" onclick="cfnGoToGoodsDetail(\'' + item.goodsCd + '\'"><span>자세히 보기</span></button>';
+				html += '                        </div>';
+				html += '                    </div>';
+				html += '                </div>';
+				html += '            </li>';
+			}
+		});
+		html += '        </ul>';
+		html += '    </div>       ';
+		html += '</div>';
+		$("#G082_50" +array[0]).append(html);
+	}
+		if($("#G082_50" +template[i].planContSq).length){
+			array.shift();
+		}
+	}
+}
+
+if(goods2 != null || goods2 != ''){
+	var array = [];
+
+	for (var j = 0; j < template.length; j++) {
+		if(template[j].tmplType == 'G082_51'){
+			array.push(template[j].planContSq);
+		}
+	}	
+	for (var i = 0; i < template.length; i++) {
+		var html = '';
+		
+		if(template[i].tmplType == 'G082_51' && array[0] == template[i].planContSq && typeof array[0] != 'undefined'){
+			html += '<div class="cont_head">';
+			html += '	<div>';
+			html += '        <h4>';
+				if (template[i].linkUrl != null || template[i].linkUrl != ' ' ||typeof template[i].linkUrl != 'undefined') { /* 링크 변경 예정 */
+					html+='            <a href="http://'+template[i].linkUrl+'" target="_blank">'+template[i].title+'</a>';
+				}else{
+					html+='            <a href="javascript:void(0)">'+template[i].title+'</a>';
+				}
+			html += '        </h4>';
+			html += '    </div>';
+			html += '</div>';
+			html += '<div class="cont_body">';
+			html += '    <div class="dp_listItems_cont type2">';
+			html += '        <div class="swiper-container">';
+			html += '            <div class="swiper-wrapper">';
+			$.each(goods2, function(idx, item) {
+				if (item.planContSq == template[i].planContSq) {
+					html += '                <div class="swiper-slide">';
+					html += '                    <div class="item_prod">';
+					html += '                        <div class="item_state">';
+					html += '                            <a onclick="cfnGoToGoodsDetail(\'' + item.goodsCd + '\'" class="itemLink">';
+					html += '                                <div class="itemPic">';
+					html += '                                    <img alt="BLUE-a" class=" vLHTC pd_img" src="'+ goodsView +'/'+item.sysImgNm +'">';
+					html += '                                </div>';
+					html += '                                <p class="itemBrand">'+item.brandKnm+'</p>';
+					html += '                                <div class="itemName">'+item.goodsNm+'</div>';
+					html += '                                <p class="itemPrice">'+item.currPrice.addComma();
+					if (item.currPrice != item.listPrice) {
+						html+='                                    <span class="itemPrice_original">'+item.listPrice.addComma()+'</span>';
+						html+='                                    <span class=" itemPercent">'+Math.floor(item.dcRate)+'%</span>';
+					}
+					html += '                                </p>';
+					html += '                                <div class="itemComment">#주문 폭주 상품</div>';
+					html += '                            </a>';
+					html += '                        </div>';
+					html += '                    </div>';
+					html += '                </div>           ';
+				}
+			});
+			html += '            </div>';
+			html += '        </div>';
+			html += '        <div class="swiper-button-prev"></div>';
+			html += '        <div class="swiper-button-next"></div>';
+			html += '        <div class="swiper-pagination"></div>';
+			html += '    </div>       ';
+			html += '</div>';
+			$("#G082_51" +array[0]).append(html);
+		}
+		
+		if($("#G082_51" +template[i].planContSq).length){
+			array.shift();
+		}
+	}
+}
+
+if(goods4 != null || goods4 != ''){
+	var array = [];
+
+	for (var j = 0; j < template.length; j++) {
+		if(template[j].tmplType == 'G082_52'){
+			array.push(template[j].planContSq);
+		}
+	}	
+	for (var i = 0; i < template.length; i++) {
+		var html = '';
+		if(template[i].tmplType == 'G082_52' && array[0] == template[i].planContSq && typeof array[0] != 'undefined'){
+			html += '<div class="cont_head">';
+			html += '<div>';
+			html += '        <h4>';
+			if (template[i].linkUrl != null || template[i].linkUrl != ' ' ||typeof template[i].linkUrl != 'undefined') { /* 링크 변경 예정 */
+				html+='            <a href="http://'+template[i].linkUrl+'" target="_blank">'+template[i].title+'</a>';
+			}else{
+				html+='            <a href="javascript:void(0)">'+template[i].title+'</a>';
+			}
+			html += '        </h4>';
+			html += '    </div>';
+			html += '</div>';
+			html += '<div class="cont_body">';
+			html += '    <!-- 상품 노출 4열 type3 -->';
+			html += '    <div class="dp_listItems_cont type3">';
+			html += '        <div class="swiper-container">';
+			html += '            <div class="swiper-wrapper">';
+			$.each(goods4, function(idx, item) {
+				if (item.planContSq == template[i].planContSq) {
+					html += '                <div class="swiper-slide">';
+					html += '                    <div class="item_prod">';
+					html += '                        <div class="item_state">';
+					html += '                            <a onclick="cfnGoToGoodsDetail(\'' + item.goodsCd + '\'" class="itemLink">';
+					html += '                                <div class="itemPic">';
+					html += '                                    <img alt="BLUE-a" class=" vLHTC pd_img" src="'+ goodsView +'/'+item.sysImgNm +'">';
+					html += '                                </div>';
+					html += '                                <p class="itemBrand">'+item.brandKnm+'</p>';
+					html += '                                <div class="itemName">'+item.goodsNm+'</div>';
+					html += '                                <p class="itemPrice">'+item.currPrice.addComma();
+					if (item.currPrice != item.listPrice) {
+						html+='                                    <span class="itemPrice_original">'+item.listPrice.addComma()+'</span>';
+						html+='                                    <span class=" itemPercent">'+Math.floor(item.dcRate)+'%</span>';
+					}
+					html += '                                </p>';
+					html += '                                <div class="itemComment">#주문 폭주 상품</div>';
+					html += '                            </a>';
+					html += '                        </div>';
+					html += '                    </div>';
+					html += '                </div>';
+				}
+			});
+			html += '            </div>';
+			html += '        </div>';
+			html += '        <div class="swiper-button-prev"></div>';
+			html += '        <div class="swiper-button-next"></div>';
+			html += '        <div class="swiper-pagination"></div>';
+			html += '    </div>       ';
+			html += '</div>';
+			$("#G082_52" +array[0]).append(html);
+			
+		}
+		if($("#G082_52" +template[i].planContSq).length){
+			array.shift();
+		}
+	}
+}
+
+if(coupon != null || coupon != ''){
+	var html = '';
+	 
+	html += '<div class="cont_head">';
+	html += '	<div>';
+	html += '		<h4>'+coupon[0].title+'</h4>';
+	html += '	</div>';
+	html += '</div>';
+	html += '<div class="cont_body">';
+	html += '	<div class="coupon_list">';
+	html += '		<ul>';
+	$.each(coupon, function(idx, item) {
+		html += '			<li>';
+		html += '				<div class="coupon">';
+		html += '					<div>';
+		html += '						<p class="cp_name">'+item.cpnNm+'</p>';
+		html += '						<p class="cp_cont">';
+		if (item.dcWay == '할인율') {
+			html += '							<span> <span><em>'+item.dcPval+'%</em></span>';
+		}else{
+			html += '							<span><em>'+item.dcPval.addComma()+'</em>원</span>'; 
+		}
+		html += '						</p>';
+		html += '						<p class="cp_condition">'+item.buyLimitAmt.addComma()+'원 이상 구매 시 최대 ' +item.maxDcAmt.addComma()+'원 할인';
+
+		if (item.custPubLimitQty != 0) {
+			html += '								<span>1인 최대 '+item.custPubLimitQty+'장</span>';	
+		}
+		html += '						</p>';
+		html += '					</div>';
+		if(typeof item.couponStat != 'undefined'){
+			if (item.couponStat == '쿠폰받기') {
+				html += '					<button type="button" id="coupon_" class="btn btn_dark btn_block btn_coupon_down" onclick="fnPlanCouponDown('+item.cpnId+')">';  /* btn_coupon_done */
+				html += '						<span>쿠폰받기</span>';								/* 받기완료  */
+				html += '					</button>';			
+			}else{
+				html += '					<button type="button"';
+				html += '						class="btn btn_dark btn_block btn_coupon_done" disabled>';  
+				html += '						<span>받기완료</span>';								
+				html += '					</button>';			
+			}
+		}else{
+			html += '					<button type="button" id="coupon_" class="btn btn_dark btn_block btn_coupon_down" onclick="fnPlanCouponDown('+item.cpnId+')">';  /* btn_coupon_done */
+			html += '						<span>쿠폰받기</span>';								/* 받기완료  */
+			html += '					</button>';		
+		}
+		
+		html += '				</div>';
+		html += '				<button type="button" class="btn_underline"	id="btn_couponInfo_pop" onclick="useInfoCoupon('+item.cpnId+')">';
+		html += '					<span>사용안내</span>';
+		html += '				</button>';
+		html += '			</li>';
+	});
+	html += '		</ul>';
+	html += '	</div>';
+	html += '	<div class="announce_txt">';
+	html += '		<div class="note_txt">';
+	html += '			<img src="/images/pc/ico_content_find.png" alt="유의사항">';
+	html += '			<p>유의사항</p>';
+	html += '		</div>';
+	html += '		<div class="announce_list">';
+	html += '			<ul>';
+	html += '				<li>쿠폰 발급 기간 :'+ plan.dispStdt +'~'+ plan.dispEddt +'</li>';
+	html += '				<li>본 쿠폰은 해당 기획전 상품에만 적용 가능합니다.</li>';
+	html += '				<li>본 쿠폰은 해당 기획전 다운로드 버튼을 통해 발급받으실 수 있습니다.</li>';
+	html += '			</ul>';
+	html += '		</div>';
+	html += '	</div>';
+	html += '</div>';
+	html += '</div>';
+		
+	$("#G082_20").append(html);
+}
+
+//사용안내 모달
+var useInfoCoupon = function (id) {
+	 $.ajax( {
+		type		: "GET",
+		url 		: '/mypage/coupon/detailPop?cpnId='+ id,
+		dataType 	: 'html',
+		success 	: function(result) {
+			if (result != null) {
+				$("#couponInfoPop").html(result);
+				$("#couponInfoPop").modal("show");
+			}
+		}
+	});
+	
+	return false; 
+}
+//쿠폰 다운로드
+var fnPlanCouponDown = function(obj){
+
+	if (!cfCheckLogin()) {
+		cfnGoToPage(_PAGE_LOGIN);
+		return false;
+	}
+	
+	let cpnId = obj;
+	gagajf.ajaxJsonSubmit(_PAGE_PLANNING_CPN_DOWNLOAD, JSON.stringify({cpnId: cpnId}), fnPlanCouponCallBack);
+}
+
+// 쿠폰다운로드 콜백
+var fnPlanCouponCallBack = function(result){
+	
+	// 화면 전환 필요		
+}
+
+
+
+$(document).ready( function() {
+
+	//공유 버튼 토글 
+	$("button[data-name=openShare]").on("click", function(){
+		$(this).toggleClass("on").next(".shareWrap").toggleClass("on");
+		return false;
+	});
+	//영역밖 클릭으로 공유토글 닫기
+	$("body").on('click', function(e) { 
+		if(!$(".shareWrap.on").parent().has(e.target).length) {
+			$("button[data-name=openShare]").removeClass("on");
+			$(".shareWrap").removeClass("on");
+		};
+	});
+	
+	$('.btn_copy').bind('click', function() {
+		copyToClipboard();
+	});
+
+	//팝업 - 쿠폰사용안내
+	$(document).on('click','#btn_couponInfo_pop',function(e){
+		$("#couponInfoPop .modal-content").load("popup_couponInfo.html");
+		$("#couponInfoPop").modal("show");
+		return false;
+	});      
+	$("#couponInfoPop_close").click(function() {
+		$.modal.close();
+	});					
+
+    //팝업 - 상품 베스트 리뷰 (detail)
+    $(document).on('click','#btn_pdBestReview_pop, .area_rv_best .best_review a',function(e){
+        $("#pdBestReviewPop .modal-content").load("pd_bestreviewdetail_pop.html");
+        $("#pdBestReviewPop").modal("show");
+        return false;
+    });      
+    $("#pdBestReviewPop_close").click(function() {
+        $.modal.close();
+    });            
+
+    /* SLIDE - 상단 프로모션 배너 */
+/* 	var promotion_visual_slide = new Swiper ('.dp_detail_visual .promotion_visual.type2 .swiper-container', {
+		loop: true,
+		slidesPerView: 1,
+		speed : 1500,
+		navigation: {
+			nextEl: '.promotion_visual.type2 .swiper-button-next',
+			prevEl: '.promotion_visual.type2 .swiper-button-prev',
+		},
+        pagination: {
+			el: '.promotion_visual.type2 .swiper-pagination',
+			clickable: true,
+		},
+	}); */
+
+    /* SLIDE - 중간 배너 */
+	var mid_banner_slide = new Swiper ('.dp_mid_banner .mid_banner .swiper-container', {
+		loop: true,
+		slidesPerView: 1,
+		speed : 1500,
+		navigation: {
+			nextEl: '.mid_banner .swiper-button-next',
+			prevEl: '.mid_banner .swiper-button-prev',
+		},
+        pagination: {
+			el: '.mid_banner .swiper-pagination',
+			clickable: true,
+		},
+	});
+
+    /* SLIDE - 대표상품 슬라이드 2열 상품 */
+    var dp_listItems_slide1 = new Swiper ('.dp_listItems_cont.type2 .swiper-container', {
+        loop: false,
+        slidesPerView: 2,
+        slidesPerGroup: 2,
+        spaceBetween: 20,
+        speed : 800,
+        navigation: {
+            nextEl: '.dp_listItems_cont.type2 .swiper-button-next',
+            prevEl: '.dp_listItems_cont.type2 .swiper-button-prev',
+        },
+        pagination: {
+            el: '.dp_listItems_cont.type2 .swiper-pagination',
+            clickable: true,
+        },
+    });
+
+    /* SLIDE - 대표상품 슬라이드 4열 상품 */
+    var dp_listItems_slide2 = new Swiper ('.dp_listItems_cont.type3 .swiper-container', {
+        loop: false,
+        slidesPerView: 4,
+        slidesPerGroup: 4,
+        spaceBetween: 20,
+        speed : 800,
+        navigation: {
+            nextEl: '.dp_listItems_cont.type3 .swiper-button-next',
+            prevEl: '.dp_listItems_cont.type3 .swiper-button-prev',
+        },
+        pagination: {
+            el: '.dp_listItems_cont.type3 .swiper-pagination',
+            clickable: true,
+        },
+    });
+
+    /* SLIDE - 다른 기획전 보기 */
+    var other_dp_slide_slide = new Swiper ('.other_dp_slide .swiper-container', {
+		slidesPerView: 5,
+        spaceBetween: 20,
+		navigation: {
+			nextEl: '.other_dp_slide .swiper-button-next',
+			prevEl: '.other_dp_slide .swiper-button-prev',
+		},
+	});            
+
+});
+</script>
+</th:block>
+
+</body>
+</html>

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

@@ -339,7 +339,7 @@ if(coupon != null || coupon != ''){
 		
 		html += '						</p>';
 		html += '					</div>';
-		if(item.coupontStat != null){
+		if(typeof item.couponStat != 'undefined'){
 			if (item.couponStat == '쿠폰받기') {
 				html += '					<button type="button" id="coupon_" class="btn btn_dark btn_block btn_coupon_down" onclick="fnPlanCouponDown('+item.cpnId+')">';  /* btn_coupon_done */
 				html += '						<span>쿠폰받기</span>';								/* 받기완료  */

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

@@ -134,7 +134,7 @@
 						$.each(result, function(idx, item) {
 							tag += '	<div class="exhi_item">\n';
 							tag += '		<div class="exhi_item_img">\n';
-							tag += '			<a>\n';
+							tag += '			<a onclick="cfnGoToPlanDetail(\'' + item.planSq + '\')">\n';
 							
 							if (item.newYn == 'Y') {
 								tag += '				<div class="shape ranker"><span>NEW</span></div>\n';

src/main/webapp/WEB-INF/views/web/social/SocialMainFormWeb.html

@@ -42,7 +42,7 @@
                             <div class="item_prod" th:class="${SocialData.stockQtySum == 0 ? 'item_prod sold_out' : 'item_prod'}" > 
                                 <div class="item_state"> <!-- item_state AD soldout -->
                                     <button type="button" th:class="${SocialData.wishYn == 'Y'}? 'itemLike active' : 'itemLike'" onclick="cfnPutWishList(this);" th:attr="goodsCd=${SocialData.goodsCd}, ithrCd='', contentsLoc='', planDtlSq=''">관심상품 추가</button>
-                                    <a href="#none" class="itemLink" th:onclick="cfnGoToGoodsDetail([[${SocialData.goodsCd}]])">
+                                    <a href="javascript:void(0);" class="itemLink" th:onclick="cfnGoToGoodsDetail([[${SocialData.goodsCd}]])">
                                         <div class="itemPic">
                                             <img alt="BLUE-a" class=" vLHTC pd_img" th:src="${@environment.getProperty('upload.goods.view') + '/' + SocialData.sysImgNm}">
                                         </div>

src/main/webapp/biz/mypage.js

@@ -369,3 +369,13 @@ var cfnGetTextLength = function(obj, maxLen, dpLoc) {
 	
 	$(dpLoc).text(cByte.addComma());
 }
+
+// 리뷰작성 페이지 이동
+var fnReviewCreate = function(obj1,obj2,obj3) {
+	let ordNo = obj1;
+	let ordDtlNo = obj2;
+	let goodsCd = obj3;
+	let reviewStat = 'c';
+	
+	cfnGoToPage(_PAGE_MYPAGE_CREATE_REVIEW + ordNo +'/'+ordDtlNo+'/'+goodsCd+'/'+reviewStat);
+}

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

@@ -337,6 +337,9 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 #quick_menu .quick_con .quick_body::after {display:none;}
 #quick_menu .quick_con .product_count {margin-bottom: 20px; font-size: 16px; color: #888;}
 #quick_menu .quick_con .product_count span {font-weight: 500;}
+#quick_menu .quick_body::-webkit-scrollbar {width:4px;}
+#quick_menu .quick_body::-webkit-scrollbar-thumb {background-color:#222222; border-radius:50px; -webkit-border-radius:50px; background-clip:padding-box; border:1px solid transparent;}
+#quick_menu .quick_body::-webkit-scrollbar-track {background-color:#f8f8f8; border-radius:50px; -webkit-border-radius:50px;}
 #quick_menu.on {position: absolute; bottom: 539px; width: 60px; height: 539px;}
 
 /* 퀵메뉴_최근 본 상품 */
@@ -362,9 +365,6 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 #quick_menu .shopingbag .quick_body.nodata .itemsGrp.empty .item_prod:last-child {border-bottom: 0; padding-bottom: 0;}
 #quick_menu .shopingbag .quick_body.nodata .purchase_btn {display: none;}
 #quick_menu .shopingbag .quick_body {scrollbar-width: 2px; scrollbar-3dLight-Color: #f8f8f8; scrollbar-arrow-color: #f8f8f8; scrollbar-base-color: #f8f8f8; scrollbar-Face-Color: #888888; scrollbar-Track-Color: #f8f8f8; scrollbar-DarkShadow-Color: #f8f8f8; scrollbar-Highlight-Color: #f8f8f8; scrollbar-Shadow-Color: #f8f8f8}
-#quick_menu .shopingbag .quick_body::-webkit-scrollbar {width: 4px;}
-#quick_menu .shopingbag .quick_body::-webkit-scrollbar-thumb {background-color: #222222;border-radius: 50px;-webkit-border-radius: 50px;background-clip: padding-box;border: 1px solid transparent;}
-#quick_menu .shopingbag .quick_body::-webkit-scrollbar-track {background-color: #f8f8f8;border-radius: 50px;-webkit-border-radius:50px;}
 #quick_menu .shopingbag .itemsGrp .item_prod {width: 100%; overflow: hidden; padding:30px 0; border-bottom: 1px solid #ddd;}
 #quick_menu .shopingbag .itemsGrp .item_prod .delete_btn {position: absolute; top: 30px; right: 0; width: 14px; height: 14px; background: url('/images/pc/ico_close1.png') no-repeat center;}
 #quick_menu .shopingbag .itemsGrp .item_prod:first-child .delete_btn {top: 0;}
@@ -433,7 +433,10 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 #quick_menu .coupon .coupon_tab a:first-child:after {content:''; position: absolute; top: 0; right: -15px; width: 1px; height: 16px; background: #ddd;}
 #quick_menu .coupon .coupon_tab a.active {font-weight: 300; color:#222;}
 #quick_menu .coupon .more_btn {width: 100%; position: absolute; left: 50%; bottom: 30px; z-index: 90; width: 302px; height: 42px; line-height: 42px; color: #222; font-size: 14px; font-weight: 300; transform: translateX(-50%); text-align: center; border:1px solid #ddd; background:#fff url('/images/pc/ico_more_sm.png') no-repeat left 177px center;}
-#quick_menu .coupon .coupon_area {height:760px; overflow-y:auto;}
+#quick_menu .coupon .coupon_area {height:552px; overflow-y:auto;}
+#quick_menu .coupon .coupon_area::-webkit-scrollbar {width:4px;}
+#quick_menu .coupon .coupon_area::-webkit-scrollbar-thumb {background-color:#222222; border-radius:50px; -webkit-border-radius:50px; background-clip:padding-box; border:1px solid transparent;}
+#quick_menu .coupon .coupon_area::-webkit-scrollbar-track {background-color:#f8f8f8; border-radius:50px; -webkit-border-radius:50px;}
 #quick_menu .coupon #coupon_type01 .coupon_list {line-height:1;}
 #quick_menu .coupon #coupon_type01 .coupon_list li {margin-top:30px}
 #quick_menu .coupon #coupon_type01 .coupon_list li:first-child {margin-top:0}
@@ -525,15 +528,14 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 .container.main .wrap, .container.dp .wrap {position:relative; width:100%; min-width:auto; max-width:auto; padding-left:0px; padding-right:0px;}
 
 /* .container .wrap.wide {min-width: 100%;} */
-.container .wrap .content {position:relative;  /*max-width: 1460px;*/ margin:0 auto; }
+.container .wrap .content {position:relative;  /*max-width: 1460px; margin:0 auto;*/  margin-left:auto; margin-right:auto;}
 .container .wrap .content:after {content:''; display: block; clear:both;}
-.container.my .wrap .content {max-width:1460px;} /* 마이페이지 서브 레이아웃 */
-.container .wrap .content.wide{width:100%; /*max-width: 1920px;padding: 0px 0px;*/ padding-left: 0px; padding-right: 0px; margin:0 auto;}
+.container .wrap .content.wide{width:100%; /*max-width: 1920px;padding: 0px 0px;*/ padding-left: 0px; padding-right: 0px; /*margin:0 auto;*/ margin-left:auto; margin-right:auto;}
 .container .wrap .content section {/*width: 100%;*/ display:block;}
 
 /* max-width: 1820px; */
 /* min-width: 1350px; */
-@media screen and (max-width:1460px) {}
+@media screen and (max-width:1459px) {}
 
 /* 검색 */
 .fs25 {font-size: 25px;}
@@ -1506,9 +1508,12 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	/* dp_list */
 	.dp .select_dress {padding:12px 15px;}
 	.dp .dp_inner {max-width:1780px; margin: 0 auto;}
-	.container .wrap .content.dp_list,.container .wrap .content.dp_hotdeal,.container .wrap .content.dp_Exhibition,.container .wrap .content.dp_Bulletship {max-width: 1780px; overflow: hidden;}
-	.container .wrap .content.wide.dp_detail_case1 {max-width: 1920px;}
-	.container.dp .cont_head > div {position: relative;}
+	/*.container .wrap .content.dp_list,.container .wrap .content.dp_hotdeal,.container .wrap .content.dp_Exhibition,.container .wrap .content.dp_Bulletship {max-width: 1780px; overflow: hidden;}
+	.container .wrap .content.wide.dp_detail_case1 {max-width: 1920px;}*/
+	.dp h4 {color:#222; font-size:30px; font-weight:500; text-align:center;}
+	.dp h4 a {color:#222;}
+	.dp .cont_head h4 {margin-bottom:60px;}
+	.dp .cont_head > div {position:relative;}
 	.container.dp .cont_head > div.item_header {padding: 80px 0 60px;}
 	.container.dp .cont_head > div.item_header h3 {padding: 20px 0 0; font-size: 30px; line-height: 1;}
 	.container.dp .cont_head > div h3 {text-align: center; margin-bottom: 0; padding-bottom: 60px; font-size: 40px; line-height: 1;}
@@ -1991,52 +1996,70 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 
 	
 	
-	/* dp_Bulletship */
-	.Bulletship {padding-bottom: 120px; max-width:100%; margin:0 auto;}
-	.Bulletship .Bulletship_head {width:100%; height: 550px; background: url(/images/pc/thumb/bullet_bg1.png)no-repeat center center;}
-	.Bulletship .Bulletship_body {text-align: center; padding: 60px 0 72px; max-width:1780px; margin:0 auto;}
-	.Bulletship .Bulletship_body > p {margin-top: 30px;}
-	.Bulletship .Bulletship_body > p:first-child {position: relative; margin-bottom: 26px; padding-top: 38px;}
-	.Bulletship .Bulletship_body > p:first-child::before {position: absolute; content: ''; width:63px; height: 31px; top:0; left:50%; transform: translateX(-50%); background: url(/images/pc/ico_home.png)no-repeat;}
-	.Bulletship .Bulletship_body > p:nth-child(2) {margin-bottom: 46px;}
-	.Bulletship .Bulletship_body > p:nth-child(2) span {color: #fd4802;}
-	.Bulletship .Bulletship_body > p:nth-child(3) {margin-top: 30px;}
-	.Bulletship .Bulletship_foot {max-width:1780px; margin:0 auto; height: 393px; background: url(/images/pc/thumb/bullet_bg2.png)no-repeat center center;}
-	.Bulletship .Bulletship_body .search {position: relative; width:720px; height: 80px; margin: 0 auto; border: 3px solid #fd4802;}
-	.Bulletship .Bulletship_body .search .area,.Bulletship .Bulletship_body .search form,.Bulletship .Bulletship_body .search fieldset{height: 100%;}
-	.Bulletship .Bulletship_body .search .ico_search:before {width:35px; height: 36px; background: url(/images/pc/ico_search_bullet.png)no-repeat;}
-	.Bulletship .Bulletship_body .search input {width:100%; height: 100%; border: none; padding: 22px 30px;}
-	.Bulletship .Bulletship_body .search button {position: absolute; top:20px; right:19px;}
-	.Bulletship .Bulletship_body .bullet_able,.Bulletship .Bulletship_body  .normal_able {width:720px; padding: 26px 112px; margin-bottom: 30px; box-sizing: border-box; background: #f5f5f5;}
-	.Bulletship .Bulletship_body > div {width:720px; margin: 0 auto;}
+	/* dp_bulletship 총알배송 */
+	.dp .dp_Bulletship {}
+	.dp .dp_Bulletship .bulletship {}
+	.bulletship {width:100%;}
+	.bulletship .bulletship_head {width:100%; overflow:hidden;}
+	.bulletship .bulletship_head img {position:relative; left:50%; transform:translateX(-50%);}
+	.bulletship .bulletship_body {text-align:center; padding:0px 70px;}
+	.bulletship .bulletship_body .txt_result {width:720px; margin:0 auto; padding:60px 0;}
+	.bulletship .bulletship_body .txt_result > p:nth-child(1) {position:relative; padding-top:40px; color:#555; font-size:20px; font-weight:300;}
+	.bulletship .bulletship_body .txt_result > p:nth-child(1)::before {content:''; position:absolute; width:65px; height:32px; top:0; left:50%; transform:translateX(-50%); background:url('/images/pc/ico_home.png') no-repeat;}
+	.bulletship .bulletship_body .txt_result > p:nth-child(2) {padding-top:20px; color:#222; font-size:46px; font-weight:700; line-height:60px;}
+	.bulletship .bulletship_body .txt_result > p:nth-child(2) span {color:#fd4802;}
+	.bulletship .bulletship_body .bullet_able,
+	.bulletship .bulletship_body .normal_able {display:block; margin-top:40px; padding:20px 110px; background:#f5f5f5; color:#666; font-size:20px; font-weight:200; line-height:30px; word-break:keep-all;}
+	.bulletship .bulletship_body .bulletshop_btn {}
+	.bulletship .bulletship_body .txt_result > p:nth-child(2) + .bulletshop_btn {margin-top:50px}
+	.bulletship .bulletship_body .bullet_able + .bulletshop_btn,
+	.bulletship .bulletship_body .normal_able + .bulletshop_btn {margin-top:30px}
+	.bulletship .bulletship_body .bulletshop_btn .btn {height:80px; border:1px solid #a7a7a7; color:#222; font-size:22px; font-weight:500;}
+	.bulletship .bulletship_body .bulletshop_btn + P {margin-top:30px; padding-bottom:10px; color:#666; font-size:20px; font-weight:200;}
+	.bulletship .bulletship_foot {margin-left:70px; margin-right:70px; overflow:hidden;}
+	.bulletship .bulletship_foot img {position:relative; left:50%; transform:translateX(-50%);}
+	
+	/*.dp .list_content .item_header {text-align: center; padding: 78px 0 68px;}*/
 	.dp .bullet_sticky_nav {margin-bottom: 0px !important; padding:20px 0; background: #fff; border-top:1px solid #222; border-bottom:1px solid #222; z-index: 20;}
 	.container.dp .bullet_sticky_nav.sticky {position: fixed; width:100%; top: -1px; left: 50%; transform: translateX(-50%); z-index: 100;}
 	.container.dp .bullet_sticky_nav.sticky > ul {max-width: 1780px; margin: 0 auto;}
-	/* .dp .bullet_sticky_nav ul {overflow-x: scroll; white-space: nowrap; -ms-overflow-style: none; cursor: grab;}
-	.dp .bullet_sticky_nav ul::-webkit-scrollbar {display: none;} */
+	 .dp .bullet_sticky_nav ul {overflow-x: scroll; white-space: nowrap; -ms-overflow-style: none; cursor: grab;}
+	.dp .bullet_sticky_nav ul::-webkit-scrollbar {display: none;} 
 	.dp .bullet_sticky_nav ul li {position: relative; display: inline-block; padding: 20px 40px;}
 	.dp .bullet_sticky_nav ul li:last-child::after {display: none;}
 	.dp .bullet_sticky_nav ul li::after {content:''; position: absolute; top:50%; right: 0; transform: translateY(-50%); width:1px; height: 14px; background: #ddd;}
 	.dp .bullet_sticky_nav ul li a {font-weight: 500;}
 	.dp .bullet_sticky_nav ul li a.active {color:#fd4800;}
-	.dp .list_content .item_header {text-align: center; padding: 78px 0 68px;}
-	.dp .Bulletship_list {max-width:1780px; margin:0 auto;}
-	.dp .Bulletship_list .cont_head {display: block;}
+	.dp .bulletship_list {max-width:1780px; margin:0 auto;}
+	.dp .bulletship_list .cont_head {display: block;}
 	
-	/* dp_Bulletship_pop */
-	.modal.ship_pop {padding: 60px; max-width:580px; height: 490px; text-align: center;}
+	/* popup_총알배송 가능여부 팝업  */
+	.modal.bulletShip_pop {width:580px; max-width:none; padding:60px;}
+	.modal.bulletShip_pop .modal-header {display:none;}
+	.modal.bulletShip_pop .modal-body {}
+	.modal.bulletShip_pop .modal-body .pop_cont {}
+	.modal.bulletShip_pop .modal-body .pop_cont .txt_result {text-align:center; line-height:1;}
+	.modal.bulletShip_pop .modal-body .pop_cont .txt_result > p:nth-child(1) {position:relative; padding-top:35px; color:#666; font-size:16px; font-weight:300;}
+	.modal.bulletShip_pop .modal-body .pop_cont .txt_result > p:nth-child(1)::before {content:''; position:absolute; width:52px; height:24px; top:0; left:50%; transform:translateX(-50%); background:url('/images/pc/ico_home.png') no-repeat; background-size:auto 100%;}
+	.modal.bulletShip_pop .modal-body .pop_cont .txt_result > p:nth-child(2) {margin-top:15px; color:#222; font-size:32px; font-weight:700;}
+	.modal.bulletShip_pop .modal-body .pop_cont .txt_result > p:nth-child(2) span {color:#fd4802;}
+	.modal.bulletShip_pop .modal-body .pop_cont .txt_result .address {display:block; margin-top:25px; padding:20px 30px; background:#f5f5f5; color:#666; font-size:16px; font-weight:200; line-height:26px; word-break:keep-all;}
+	.modal.bulletShip_pop .modal-body .pop_cont .txt_result .info {margin-top:30px; color:#888; font-size:14px;}
+	.modal.bulletShip_pop .modal-footer {margin-top:40px}
+	.modal.bulletShip_pop .modal-footer .btn {width:220px; font-size:16px; font-weight:300;}
+	/*.modal.ship_pop {padding: 60px; max-width:580px; height: 490px; text-align: center;}
 	.modal.ship_pop .modal-header {margin-bottom: 30px;}
 	.modal.ship_pop .modal-header p:first-child {position: relative; margin-bottom: 14px; padding-top: 38px;}
 	.modal.ship_pop .modal-header p:first-child::before {position: absolute; content: ''; width:63px; height: 31px; top:0; left:50%; transform: translateX(-50%); background: url(/images/pc/ico_home.png)no-repeat;}
 	.modal.ship_pop .modal-header p span {color:#fd4802;}
 	.modal.ship_pop .modal-body {background: #f5f5f5; padding: 30px 34px;}
 	.modal.ship_pop .modal-footer {margin-top: 30px;}
-	.modal.ship_pop .modal-footer p {margin-bottom: 28px;}
+	.modal.ship_pop .modal-footer p {margin-bottom: 28px;}*/
 	/* dp_Bulletship_pop */
 
-		/* dp_detail_case1 */
-		.dp .wide .cont_head div div.shareSet {position: absolute; width:28px; height: 30px; top:0; right:70px; background: url(/images/pc/ico_sns_share.png)no-repeat;}
-		.dp .wide .cont_head div div.shareSet a {display: inline-block; width:100%; height: 100%; text-indent: -9999px;}
+	/* dp_detail_case1 */
+	.dp .wide .cont_head div div.shareSet {position: absolute; width:28px; height: 30px; top:0; right:70px; background: url(/images/pc/ico_sns_share.png)no-repeat;}
+	.dp .wide .cont_head div div.shareSet a {display: inline-block; width:100%; height: 100%; text-indent: -9999px;}
 	.dp .wide .cont_body .coner_content .coner_front .big_banner {width:100%; height: 1378px; background: url(/images/pc/thumb/detail_case_bg.png)no-repeat; background-size:100%;}
 	.dp .wide .cont_body .coner_content .coner_item01 {padding: 120px 0 60px;}
 	.dp .wide .cont_body .coner_content .coner_item01 .dp_listItems_wrap > div:first-child {margin-bottom: 54px; text-align: center;}
@@ -2067,7 +2090,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.dp .wide .cont_body .coner_content .coner_item02 .dp_coupon_wrap > div:first-child p {font-size: 30px; line-height: 1; font-weight: 500;}
 	
 	/* dp_detail_case2 쿠폰 */
-	.dp .coupon_list {margin:0 auto 60px; max-width:1200px;}
+	/*.dp .coupon_list {margin:0 auto 60px; max-width:1200px;}
 	.dp .coupon_list ul {margin:0 -10px;}
 	.dp .coupon_list li {float:left; width: 285px; margin:0 10px 60px;  position: relative; position: relative; overflow: hidden;}
 	.dp .coupon_list li .cp_top {position: relative; overflow: hidden;}
@@ -2086,7 +2109,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.dp .coupon_list li.off .cp_date {border:1px solid #aaa; background: #aaa;}
 	.dp .coupon_list li.off .cp_date button span {background:none; padding-right: 0;}
 	.dp .coupon_list li .cp_info {text-align: center; margin-top: 20px;}
-	.dp .coupon_list li .cp_info button span {display: inline-block; border-bottom: 1px solid #888; color: #888;}
+	.dp .coupon_list li .cp_info button span {display: inline-block; border-bottom: 1px solid #888; color: #888;}*/
 	
 	.dp_coupon_list {display: flex; justify-content: center; flex-wrap: wrap; max-width: 1580px; min-width: 1580px; padding: 0 260px 120px; margin: 0 auto; box-sizing: border-box;}
 	.dp_coupon_list .dp_coupon_item {text-align: center;}
@@ -2231,7 +2254,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.dp .dp_banner_slide03 .swiper-pagination {width: 100%;}
 	
 	/* 기획전리뷰 */
-	.dp .dp_review {text-align:center; max-width: 1780px; margin: 0 auto;}
+	/*.dp .dp_review {text-align:center; max-width: 1780px; margin: 0 auto;}*/
 	.dp .dp_exhibition .review .swiper-container{overflow: initial;}
 	.riview_box .swiper-pagination {display:inline-block; width:auto; padding:0.2rem 1rem; border-radius:2rem; font-size:1.2rem; color:#fff; background-color:rgba(34,34,34,.5);}
 	.riview_box .area_slider{text-align:center;}
@@ -2246,8 +2269,8 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.dp .ex_review .star_score .score {color:#222; font-size:1.4rem; font-weight:500;}
 	.dp .dp_exhibition .review .swiper-container .swiper-slide > div{border:1px solid #eee;}
 	.dp .review_list:after {content:''; clear:both; display:block;}
-	.dp .dp_review .review_list > div {position:relative; text-align:center; float:left; width: 19%; margin:0 10px;}
-	.dp .best_review:after{content:''; display:block; position:absolute; bottom:0; left:2rem; right:2rem; height:1px; background-color:#eee;}
+	/*.dp .dp_review .review_list > div {position:relative; text-align:center; float:left; width: 19%; margin:0 10px;}*/
+	/*.dp .best_review:after{content:''; display:block; position:absolute; bottom:0; left:2rem; right:2rem; height:1px; background-color:#eee;}
 	.dp .best_review a {display:block; position:relative; background-color:#fff;}
 	.dp .best_review a .star_score .star {display:inline-block; position:relative; width:83px; height:14px; background:#ddd;}
 	.dp .best_review a .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:14px; background:url('/images/pc/star_empty.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
@@ -2255,9 +2278,9 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.dp .best_review a .star_score .ico {margin-left:10px}
 	.dp .best_review a .star_score .ico::before {vertical-align:inherit;}
 	.dp .best_review a .lap{}
-	.dp .best_review a .lap > div.txt_best_review p{height:5.5rem; overflow:hidden; line-height:1.6; color:#666; font-size:1.3rem; font-weight:200; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
-	.dp .dp_review .ico_besttag::before {width: 46px; height: 22px; background: url(/images/pc/ico_besttag2.png) no-repeat 50% 50%;}
-	.dp .best_review a .star_score{height: 22px;}
+	.dp .best_review a .lap > div.txt_best_review p{height:5.5rem; overflow:hidden; line-height:1.6; color:#666; font-size:1.3rem; font-weight:200; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}*/
+	/*.dp .dp_review .ico_besttag::before {width: 46px; height: 22px; background: url(/images/pc/ico_besttag2.png) no-repeat 50% 50%;}*/
+	/*.dp .best_review a .star_score{height: 22px;}
 	.dp .best_review a .star_score .star{vertical-align:top;}
 	.dp .best_review a .txt_best_review p{font-size:1.2rem; color:#666;  display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; white-space: normal; overflow-wrap: break-word;}
 	.dp .best_review a .pic{position:relative;}
@@ -2268,16 +2291,8 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.dp .best_review a .writer span {position:relative; margin-left:1.1rem; padding-left:1.1rem; color:#888; font-size:1.1rem;}
 	.dp .best_review a .writer span::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); height:8px; width:1px; background:#ddd;}
 	.dp .best_review a .writer span:first-child {margin-left:0; padding-left:0}
-	.dp .best_review a .writer span:first-child::after {display:none;}
+	.dp .best_review a .writer span:first-child::after {display:none;}*/
 	.dp .product_view{padding:20px; background-color:#fff;}
-	.dp .dp_review .item_prod {text-align:left; width: 100%;}
-	.dp .dp_review .item_prod .item_state {position: relative; display:table; width:100%; box-sizing: border-box;}
-	.dp .dp_review .item_prod .itemLink{position: relative; display:table-cell; width: 100%; height:60px; padding-left:56px; vertical-align: middle;}
-	.dp .dp_review .item_prod .item_state .itemLink .itemPic {position:absolute; left:0; top:0; padding: 0; width:40px; height:60px; z-index:2;}
-	.dp .dp_review .item_prod .item_state .itemLink .itemBrand {display:block; font-size:1rem; color:#888888; font-weight:300; margin-left:0; margin-right:0;}
-	.dp .dp_review .item_prod .item_state .itemLink .itemName {display:block; margin-top:0.5rem; font-size:1.3rem; max-height: 3.3rem; margin-left:0; margin-right:0; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; max-height: 3.3rem; overflow: hidden; white-space: normal; overflow-wrap: break-word;}
-	.dp .dp_review .item_prod .item_state .itemLink .itemPrice{margin-left:0; margin-right:0;}
-	.dp .dp_review .item_prod .item_state .itemLink .itemPrice .itemPrice_sale{font-weight:700;}
 	.dp .dp_exhibition .dp_listItems_slide .swiper-container.item01 .swiper-pagination{position:relative; margin-top:2.4rem; bottom:0;}
 	.dp .dp_exhibition .dp_listItems_slide .swiper-container.item01 .swiper-pagination .swiper-pagination-bullet-active{background-color:#fd4802;}
 	.dp .dp_exhibition .dp_listItems_slide .swiper-container.item03{overflow: initial;}
@@ -2417,6 +2432,93 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.dp .event_list.no_data .list .no_con li span {display: block; margin: 25px 0 40px; font-size: 16px; color: #666; font-weight: 300;}
 	.dp .event_list.no_data .list .no_con li a {display: inline-block; padding: 9px 23px; border:1px solid #a7a7a7; font-size: 14px; color: #222; font-weight: 300;}
 	
+
+	/* dp_sticky_nav_리스트 */
+	.dp .sticky_nav_list {}
+	.dp .sticky_nav_list .sticky_nav {}
+	.dp .sticky_nav_list .cont_head {display:block; margin-bottom:50px}
+	.dp .sticky_nav {margin-bottom: 0px !important; padding:20px 0; background: #fff; border-top:1px solid #222; border-bottom:1px solid #222; z-index: 20;}
+	.dp .sticky_nav.sticky {position: fixed; width:100%; top: -1px; left: 50%; transform: translateX(-50%); z-index: 100;}
+	.dp .sticky_nav.sticky > ul {max-width: 1780px; margin: 0 auto;}
+	.dp .sticky_nav ul li {position: relative; display: inline-block; padding: 20px 40px;}
+	.dp .sticky_nav ul li:last-child::after {display: none;}
+	.dp .sticky_nav ul li::after {content:''; position: absolute; top:50%; right: 0; transform: translateY(-50%); width:1px; height: 14px; background: #ddd;}
+	.dp .sticky_nav ul li a {font-weight: 500;}
+	.dp .sticky_nav ul li a.active {color:#fd4800;}
+	.dp .sticky_nav_list .list_content {}
+	.dp .sticky_nav_list .list_content .item_header {padding-top:50px;}
+	.dp .sticky_nav_list .list_content .item_header h4 {margin-bottom:60px}
+
+	/* dp_기획전상세 : 상단 프로모션 배너 */
+	.dp .dp_detail_visual {}
+	.dp_detail_visual .promotion_visual {position:relative; width:100%;}
+	.dp_detail_visual .promotion_visual.type1 {}
+	.dp_detail_visual .promotion_visual.type1 img {position:relative; left:50%; top:0; transform:translateX(-50%);}
+	.dp_detail_visual .promotion_visual.type2 {}
+	.dp_detail_visual .promotion_visual.type2 .swiper-button-prev {left:70px}
+	.dp_detail_visual .promotion_visual.type2 .swiper-button-next {right:70px;}
+	.dp_detail_visual .promotion_visual.type2 .swiper-pagination {width:100%; bottom:40px;}
+	
+	/* dp_기획전상세 : 할인쿠폰 */	
+	.dp .dp_coupon {padding-top:60px; padding-bottom:60px;}
+	.dp_coupon .coupon_list {max-width:1200px; margin:auto;}
+	.dp_coupon .coupon_list ul {margin-top:-60px}
+	.dp_coupon .coupon_list ul::after {content:''; display:block; clear:both;}
+	.dp_coupon .coupon_list ul li {float:left; width:calc((100% - 60px)/4); margin-left:20px; margin-top:60px}
+	.dp_coupon .coupon_list ul li:nth-child(4n-3) {margin-left:0}
+	.dp_coupon .announce_txt {margin-top:80px}
+
+	/* dp_기획전상세 : 리얼후기 */	
+	.dp .dp_review {padding-top:120px; padding-bottom:120px; background:#f5f5f5;}
+	.dp_review .cont_body {padding-left:70px; padding-right:70px;}
+	.dp_review .review_list {}
+	.dp_review .review_list::after {content:''; display:block; clear:both;}
+	.dp_review .review_list .reviw_box {float:left; width:calc((100% - 80px)/5); margin-left:20px; background:#fff; padding:30px;}
+	.dp_review .review_list .reviw_box:first-child {margin-left:0}
+	.dp_review .review_list .reviw_box .best_review {}
+	.dp_review .review_list .reviw_box .best_review .pic .thumb {display:block; position:relative; width:100%; padding-top:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
+	.dp_review .review_list .reviw_box .best_review .pic .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;}
+	.dp_review .review_list .reviw_box .item_prod {text-align:left; width: 100%;}
+	.dp_review .review_list .reviw_box .item_prod .item_state {position:relative; display:table; width:100%; box-sizing: border-box; padding:0}
+
+	/* dp_기획전상세 : 중간 배너 */	
+	.dp .dp_mid_banner {padding-top:60px; padding-bottom:60px;}	
+	.dp .dp_mid_banner .mid_banner .swiper-button-prev {left:70px}
+	.dp .dp_mid_banner .mid_banner .swiper-button-next {right:70px}
+	.dp .dp_mid_banner .mid_banner .swiper-pagination {position:relative; width:100%; margin-top:40px;}
+
+	/* dp_기획전상세 : 대표상품 노출 */	
+	.dp .dp_special {padding-top:60px; padding-bottom:60px;}	
+	.dp .dp_special h4 a {position:relative;}
+	.dp .dp_special h4 a::after {content:''; position:absolute; right:-25px; top:50%; transform:translateY(-50%); width:13px; height:24px; background:url(/images/pc/ico_dp_arrow.png) no-repeat 0 0;}
+	.dp_special .dp_listItems_cont {position:relative;}
+	.dp_special .dp_listItems_cont .item_prod {width:100%;}
+	.dp_special .dp_listItems_cont .item_state {padding:0;}
+	.dp_special .dp_listItems_cont .swiper-pagination {position:relative; width:100%; margin-top:40px;}
+	.dp_special .dp_listItems_cont.type1 {width:850px; margin:auto;}
+	.dp_special .dp_listItems_cont.type1 ul li {margin-top:40px;}
+	.dp_special .dp_listItems_cont.type1 ul li:first-child {margin-top:0}
+	.dp_special .dp_listItems_cont.type1 .dp_listItems::after {content:''; display:block; clear:both;}
+	.dp_special .dp_listItems_cont.type1 .dp_listItems .dp_listItems_img {float:left;}
+	.dp_special .dp_listItems_cont.type1 .dp_listItems .dp_listItems_info {float:left; margin-left:50px; margin-top:150px}
+	.dp_special .dp_listItems_cont.type2 {max-width:950px; margin:auto; padding-left:70px; padding-right:70px;}
+	.dp_special .dp_listItems_cont.type3 {padding-left:70px; padding-right:70px;}
+
+
+	/* dp_기획전상세 : 다른 기획전 보기 */
+	.dp .other_dp_slide {margin-bottom:100px; padding:0 70px;}
+	.dp .other_dp_slide .cont_head {position:relative; margin-bottom:60px;}
+	.dp .other_dp_slide .cont_head h4 {position:relative; margin-bottom:0;}
+	.dp .other_dp_slide .cont_head a {position:absolute; top: 50%; right: 0; transform:translateY(-50%); padding-right: 20px; background: url('/images/pc/ico_more_lg.png') no-repeat right top 1px; font-size: 18px; color:#888;}
+	.dp .other_dp_slide .cont_body {position:relative;}
+	.dp .other_dp_slide .swiper-button-next {right:-70px;}
+	.dp .other_dp_slide .swiper-button-prev {left:-70px;}
+	.dp .other_dp_slide .thumb {margin-bottom: 22px; position: relative; width: 100%; height: auto; padding-top: 100%;}
+	.dp .other_dp_slide .thumb img {position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); width: 100%; height: auto;}
+	.dp .other_dp_slide .brand {display: inline-block; font-size: 12px; color:#888; font-weight: 300;}
+	.dp .other_dp_slide .txt {margin:0 6px;}
+	.dp .other_dp_slide .txt .tit {display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin: 20px 0 0; min-height:50px; max-height:50px; overflow: hidden; text-overflow: ellipsis; font-size: 18px; line-height: 1.5; color: #222; font-weight: 300; word-break: keep-all;}
+
 	/* od 공통 */
 	.container.od .wrap .content {max-width:1460px;}
 	.od {}
@@ -2613,7 +2715,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.od_realtime .swiper-button-prev::after {background-position:0 50%;}
 	.od_realtime .swiper-button-next::after {background-position:100% 50%;}
 	.od_realtime .swiper-container .swiper-pagination {position:relative; display:block; left:auto; right:auto; bottom:auto; margin-top:60px}
-	@media screen and (max-width:1460px) {}
+	@media screen and (max-width:1459px) {}
 
 	/* od_shopping_Bag 추천상품 */
 	.container .wrap .content.od_recommend {position:relative; max-width:1460px; margin-top:120px;}
@@ -2630,7 +2732,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.od_recommend .swiper-button-prev::after {background-position:0 50%;}
 	.od_recommend .swiper-button-next::after {background-position:100% 50%;}
 	.od_recommend .swiper-container .swiper-pagination {position:relative; display:block; left:auto; right:auto; bottom:auto; margin-top:60px}
-	@media screen and (max-width:1460px) {}
+	@media screen and (max-width:1459px) {}
 
 	/* od_odPayment */
 	.od .odPayment {}
@@ -3006,6 +3108,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.modal .area_slider .swiper-container .item_prod .item_state .btn {margin-top:20px; width:100%; height:34px; padding:10px; font-size:14px; font-weight:300;} 
 	.modal .area_slider .swiper-container .item_prod .item_state .itemPrice {position:relative; padding-top:20px;}
 	.modal .area_slider .swiper-container .item_prod .item_state .itemPrice_original {position:absolute; top:0; left:0; margin:0;}
+	.modal .area_slider .swiper-container .item_prod .item_state .itemPercent {top:auto; bottom:0;}
 	.modal .area_slider .swiper-scrollbar {background:#ddd}
 	.modal .area_slider .swiper-scrollbar-drag {border-radius:0; background:#222;}
 	.modal .area_slider .swiper-container-horizontal>.swiper-scrollbar {position:relative; left:auto; right:auto; bottom:auto; margin-top:60px; width:100%; height:2px; opacity: 1 !important;}
@@ -3058,11 +3161,12 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.modal.optModify_pop .area_order .opt_size .form_field {display:block; width:95%; margin-top:-6px;}
 	.modal.optModify_pop .area_order .opt_size .form_field > div {margin-left:6px; margin-top:6px;}
 	.modal.optModify_pop .area_order .opt_size .form_field > div:nth-child(6n-5) {margin-left:0px;}
-	.modal.optModify_pop .area_order .opt_size .form_field input[type="radio"] + label {display:block; width:50px; height:40px; padding:0; line-height:40px; text-align:center; background:#fff; box-sizing:border-box; border:1px solid #ddd; color:#222; font-weight:200; font-size:14px;}
+	.modal.optModify_pop .area_order .opt_size .form_field input[type="radio"] + label {position:relative; display:block; width:50px; height:40px; padding:0; line-height:40px; text-align:center; background:#fff; box-sizing:border-box; border:1px solid #ddd; color:#222; font-weight:200; font-size:14px;}
 	.modal.optModify_pop .area_order .opt_size .form_field input[type="radio"] + label::before,
 	.modal.optModify_pop .area_order .opt_size .form_field input[type="radio"] + label::after {display:none;}
 	.modal.optModify_pop .area_order .opt_size .form_field input[type="radio"]:checked + label {border:1px solid #fd4802;}
 	.modal.optModify_pop .area_order .opt_size .form_field input[type="radio"]:disabled + label {text-decoration:line-through; background:#f5f5f5; border-color:#f5f5f5; color:#bbb; opacity:1;}
+	.modal.optModify_pop .area_order .opt_size .form_field input[type="radio"] + label span {position:absolute; top:50%; left:0%; width:100%; padding:0 6px; line-height:1.2; transform:translateY(-50%); transform:translateY(-50%); display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
 	.modal.optModify_pop .area_order .opt_size .form_field > div {float:left; width:auto;}
 	.modal.optModify_pop .area_order .opt_select .select_custom .combo .select {height:42px; padding:15px;}
 	.modal.optModify_pop .area_order .opt_select .select_custom .combo .list > li {height:42px; padding:15px; font-size:14px; line-height:1;}
@@ -3144,7 +3248,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.modal.couponInfo_pop dl > div::after {content:''; clear:both; display:block;}
 	.modal.couponInfo_pop dl dt {float:left; position:relative; width:84px; padding-left:15px; color:#222; font-weight:300;}
 	.modal.couponInfo_pop dl dt::before {content:''; position:absolute; left:0; top:5px; width:3px; height:3px; background:#888}
-	.modal.couponInfo_pop dl dd {color:#666; font-weight:200;}
+	.modal.couponInfo_pop dl dd {padding-left:84px; color:#666; font-weight:200;}
 
 	/* 간편결제 팝업 지울것 
 	.modal.qPayAgree_pop {}
@@ -3174,9 +3278,9 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.pd .swiper-button-prev::after,
 	.pd .swiper-button-next::after {content: ''; display:none;}
 	.pd .swiper-button-prev,
-	.pd .swiper-button-next {top:50%; margin:0; display:inline-block; width:40px; height:40px; border:2px solid #a7a7a7; border-width:2px 2px 0 0;}
-	.pd .swiper-button-prev {transform:translateY(-50%) rotate(225deg); -webkit-transform:translateY(-50%) rotate(225deg);}
-	.pd .swiper-button-next {transform:translateY(-50%) rotate(45deg); -webkit-transform:translateY(-50%) rotate(45deg);}
+	.pd .swiper-button-next {top:50%;margin:0;display:inline-block;width: 20px;height: 40px;/* border:2px solid #a7a7a7; */border-width:2px 2px 0 0;}
+	.pd .swiper-button-prev {/* transform:translateY(-50%) rotate(225deg); *//* -webkit-transform:translateY(-50%) rotate(225deg); */}
+	.pd .swiper-button-next {/* transform:translateY(-50%) rotate(45deg); *//* -webkit-transform:translateY(-50%) rotate(45deg); */}
 	.pd .area_slider {position:relative; width:100%; box-sizing:border-box; padding:0px 70px}
 	.pd .area_slider .swiper-button-prev,
 	.pd .area_slider .swiper-button-next {margin-top:-90px}
@@ -3198,6 +3302,11 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.pd_detail .btn_popup {display:inline-block; padding:0px; box-sizing:border-box;}
 	.pd_detail .btn_popup span {color:#888; font-size:12px; font-weight:200; border-bottom:1px solid #888; /*vertical-align:top;*/}
 
+	.video_controls {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:2;}
+	.video_controls button {display:inline-block; overflow:hidden; width:60px; height:60px; font-size:1px; text-indent:-999999px;}
+	.video_controls button.btn_video_play {background:url('/images/pc/btn_video_play.png') no-repeat 50% 50%; background-size:100% auto;}
+	.video_controls button.btn_video_pause {background:url('/images/pc/btn_video_pause.png') no-repeat 50% 50%; background-size:100% auto;}
+
 	.pd_detail .item_detail {}
 	.pd_detail .item_detail .area_pic {float:left; position:relative; width:calc(100% - 560px); max-width:1200px; box-sizing:border-box;}
 	.pd_detail .item_detail .area_desc {float:right; /*position:relative;*/ width:500px;}
@@ -3212,7 +3321,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.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-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;}
+	.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);}
 	.pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-button-next {top:auto; bottom:4px; transform:translateX(-50%) rotate(135deg); -webkit-transform:translateX(-50%) rotate(135deg);}
 	.pd_detail .area_pic .thumb_list_wrap {width:100%; padding-left:70px; box-sizing:border-box;}
@@ -3222,10 +3331,6 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.pd_detail .area_pic .thumb_list_wrap li:nth-child(even) {margin-left:10px}
 	.pd_detail .area_pic .thumb_list_wrap li a {display:block; cursor:url('/images/pc/cursor_zoom.png') 0 0, zoom-in;}
 	.pd_detail .area_pic .thumb_list_wrap li.on a span img {z-index:2;}
-	.pd_detail .area_pic .thumb_list_wrap li .thumb .video_controls {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:2;}
-	.pd_detail .area_pic .thumb_list_wrap li .thumb .video_controls button {display:inline-block; overflow:hidden; width:60px; height:60px; font-size:1px; text-indent:-999999px;}
-	.pd_detail .area_pic .thumb_list_wrap li .thumb .video_controls button.btn_video_play {background:url('/images/pc/btn_video_play.png') no-repeat 50% 50%; background-size:100% auto;}
-	.pd_detail .area_pic .thumb_list_wrap li .thumb .video_controls button.btn_video_pause {background:url('/images/pc/btn_video_pause.png') no-repeat 50% 50%; background-size:100% auto;}
 	.pd_detail .area_pic .thumb_nav_wrap.fixtop {position:fixed; top:90px; bottom:auto;}
 	.pd_detail .area_pic .thumb_nav_wrap.fixbottom {position:absolute; top:auto; bottom:0px;}
 	.pd_detail .area_pic .thumb_nav_wrap .thumbnav.disabled {padding:0;}
@@ -3330,11 +3435,13 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.option_box .opt_size .form_field {display:block; margin-top:-8px;}
 	.option_box .opt_size .form_field > div {margin-left:8px; margin-top:8px;}
 	.option_box .opt_size .form_field > div:nth-child(7n-6) {margin-left:0px;}
-	.option_box .opt_size .form_field input[type="radio"] + label {display:block; width:66px; height:42px; padding:0; line-height:42px; text-align:center; background:#fff; box-sizing:border-box; border:1px solid #ddd; color:#222; font-weight:200; font-size:14px;}
+	.option_box .opt_size .form_field input[type="radio"] + label {display:block; position:relative; width:66px; height:42px; padding:0; /*line-height:42px;*/ text-align:center; background:#fff; box-sizing:border-box; border:1px solid #ddd; color:#222; font-weight:200; font-size:14px;}
 	.option_box .opt_size .form_field input[type="radio"] + label::before,
 	.option_box .opt_size .form_field input[type="radio"] + label::after {display:none;}
 	.option_box .opt_size .form_field input[type="radio"]:checked + label {border:1px solid #fd4802;}
 	.option_box .opt_size .form_field input[type="radio"]:disabled + label {text-decoration:line-through; background:#f5f5f5; border-color:#f5f5f5; color:#bbb; opacity:1;}
+	.option_box .opt_size .form_field input[type="radio"] + label span {position:absolute; top:50%; left:0%; width:100%; padding:0 6px; line-height:1.2; transform:translateY(-50%); transform:translateY(-50%); display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
+	
 	.option_box .opt_size .form_field > div {float:left; /* width:auto; */ width:calc((100% - 48px) / 7);}
 	
 	
@@ -3343,16 +3450,16 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.option_box [class^="opt_"] .form_field {margin-top:10px;}
 	.option_box [class^="opt_"] .form_field:first-child {margin-top:0}
 	.option_box [class^="opt_"] .select_custom {height:52px;}
-	.option_box [class^="opt_"] .select_custom .select {height:52px; padding:17px 40px 17px 18px; border-bottom-color:#ddd; overflow:hidden;}
+	.option_box [class^="opt_"] .select_custom .select {height:52px; padding:17px 40px 17px 18px; border-bottom-color:#ddd; overflow:hidden; color:#222; font-weight:200;}
 	.option_box [class^="opt_"] .select_custom .select:after {right:20px;}
 	.option_box [class^="opt_"] .select_custom[aria-disabled="true"] .select {color:#bbb; background:#f5f5f5;}
 	.option_box [class^="opt_"] .select_custom .combo .list {top:52px; padding:0}
-	.option_box [class^="opt_"] .select_custom .combo .list > li {padding:18px 18px; line-height:1; color:#666}
+	.option_box [class^="opt_"] .select_custom .combo .list > li {padding:18px 18px; line-height:1; color:#666; font-size:16px; font-weight:200;}
 	.option_box [class^="opt_"] .select_custom .combo .list > li[aria-disabled="true"] {color:#bbb;}
 	.option_box [class^="opt_"] .select_custom .combo .list > li > div {margin-top:5px}
 	.option_box [class^="opt_"] .select_custom .combo .list > li > div:first-child {margin-top:0;}
 	.option_box [class^="opt_"] .select_custom .combo .list > li .opt_name {}
-	.option_box [class^="opt_"] .select_custom .combo .list > li .opt_price {font-size:14px;}
+	.option_box [class^="opt_"] .select_custom .combo .list > li .opt_price {font-size:12px;}
 	.option_box [class^="opt_"] .select_custom .combo .list > li[data-soldout="true"]::after {right:18px; top:50%; bottom:auto; transform:translateY(-50%);}
 	.option_box [class^="opt_"] .select_custom.deal_opt_item,
 	.option_box [class^="opt_"] .select_custom.deal_opt_item .select {height:112px; background:transparent;}
@@ -3401,7 +3508,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.option_box .number_count span.max_val {opacity:0.2;}
 	.option_box .number_count .plus::after {content:''; background-position:100% 0;}
 	.option_box .number_count .minus::after {content:''; background-position:0 0;}
-	.option_box .number_count input[type='text'] {width:44px; height:40px; padding:0; text-align:center; color:#222; font-size:15px; font-weight:200; border:none;}
+	.option_box .number_count input[type='text'] {width:44px; height:40px; padding:0; text-align:center; color:#222; font-size:15px; font-weight:200; border:none;  background:#fff;}
 
 	/* pd_deal_가격 폼 */
 	.pd .price_box {}
@@ -3434,8 +3541,9 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.pd_detail .area_desc .desc_wrap .exinfo_box ul li .ex_review .star_score .score {color:#222; font-size:16px; font-weight:200;}
 	.pd_detail .area_desc .desc_wrap .exinfo_box ul li .ex_review .star_score .score em {font-weight:500;}
 	.pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review {width:500px; margin-bottom:30px;}
-	.pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a {display:block; position:relative; height:150px; padding:20px 35px 20px 150px; border:1px solid #eee;}
-	.pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a .pic {position:absolute; left:20px; top:20px; width:110px;}
+	.pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a {display:block; position:relative; height:150px; padding:20px 35px 20px 20px; border:1px solid #eee;}
+	.pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a::after {content:''; clear:both; display:block; width:100%}
+	.pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a .pic {float:left; width:110px; margin-right:20px;}
 	.pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a .pic .thumb {padding-top:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
 	.pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a .pic .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_desc .desc_wrap .exinfo_box ul li .best_review a .star_score {margin-top:10px; height:14px;}
@@ -3450,6 +3558,14 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.pd_detail .area_desc .desc_wrap .exinfo_box ul li .ex_shipping {color:#666; font-size:14px; font-weight:200;}
 	.pd_detail .area_desc .desc_wrap .exinfo_box ul li .ex_shipping span {display:block; margin-top:10px;}
 	.pd_detail .area_desc .desc_wrap .exinfo_box ul li .ex_shipping span:first-child {margin-top:0; margin-bottom:20px;}
+	@media screen and (max-width:1459px) {
+		.pd_detail .area_pic .thumb_nav_wrap.fixtop {position:absolute; top:0; bottom:auto;}
+		.pd_detail .area_pic .thumb_nav_wrap.fixbottom {position:absolute; top:0; bottom:auto;}
+		.pd_detail .area_desc .desc_wrap.fixbottom {position:absolute; top:0; bottom:auto;}
+		.pd_detail .area_desc .desc_wrap.absbottom {position:absolute; top:0; bottom:auto;}
+	}
+
+
 
 	.pd_together {}
 	.pd_together .area_slider {padding:0;}
@@ -3571,6 +3687,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.pd.deal .tab_detail_nav ul li {float:left; width:25%}
 	.pd.deal .tab_detail_nav ul li a {display:block; padding:22px 0px 18px; color:#888; font-size:18px; text-align:center; background:#f5f5f5; border:1px solid #f5f5f5; border-bottom-color:#222; box-sizing:border-box;}
 	.pd.deal .tab_detail_nav ul li.active a {border:1px solid #222; border-bottom-color:#fff; color:#222; font-weight:300; background:#fff;}
+	.pd.deal .tab_detail_nav ul li.active a em {color:#666;}
 	.pd.deal .tab_detail_cont {display:none; min-height:1000px;}
 	.pd.deal .pd_clickother {margin-bottom:160px}
 	.pd.deal .pd_detail .area_desc .desc_wrap .descript_box .desc_info {margin-top:20px}
@@ -3608,6 +3725,11 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.pd_desc_wrap .item_descrp .area_option .opt_wrap {width:500px; padding-left:60px; padding-top:30px;}
 	.pd_desc_wrap .item_descrp .area_option .opt_wrap.fixtop {position:fixed; right:70px; top:80px; width:500px}
 	.pd_desc_wrap .item_descrp .area_option .opt_wrap.absbottom {position:absolute; top:auto; bottom:0px; right:0;}
+	@media screen and (max-width:1459px) {
+		.pd.deal .tab_detail_nav.fix ul {position:absolute; left:0; top:0; width:100%; height:60px; z-index:2;}
+		.pd_desc_wrap .item_descrp .area_option .opt_wrap.fixtop,
+		.pd_desc_wrap .item_descrp .area_option .opt_wrap.absbottom {position:relative; top:auto; bottom:auto; right:auto;}
+	}
 
 
 	/* pd_popup */
@@ -3701,6 +3823,13 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.modal.pd_pop.bnf_shopping_pop .benefit_blk .tbl.type1 table tr td {color:#fd4802;}
 	.modal.pd_pop.bnf_shopping_pop .benefit_blk .tbl.type1 table tr td div.th {display:block; text-align:left; color:#222; font-weight:300;}
 	.modal.pd_pop.bnf_shopping_pop .benefit_blk .tbl.type1 table tr td div.td {display:block; margin-top:10px; text-align:left; color:#fd4802; font-weight:200;}
+	.modal.pd_pop.bnf_card_pop .tbl.type1 {padding:0px; font-size:14px;}
+	.modal.pd_pop.bnf_card_pop .tbl.type1 table tr th,
+	.modal.pd_pop.bnf_card_pop .tbl.type1 table tr td {padding:25px 0px; border-top:1px solid #ddd;}
+	.modal.pd_pop.bnf_card_pop .tbl.type1 table tr th {padding-left:20px;}
+	.modal.pd_pop.bnf_card_pop .tbl.type1 table tr:first-child th,
+	.modal.pd_pop.bnf_card_pop .tbl.type1 table tr:first-child td{border-top:none;}
+	.modal.pd_pop.bnf_card_pop .tbl.type1 table tr td:last-child {padding-right:20px;}
 	.modal.pd_pop.bnf_card_pop table .info_card {text-align:left;}
 	.modal.pd_pop.bnf_card_pop table .info_card p {margin-top:10px}
 	.modal.pd_pop.bnf_card_pop table .info_card p:first-child {margin-top:0}
@@ -3800,7 +3929,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.pd_pop.pd_lookbook_pop .itemsGrp .item_prod .itemName {margin:0px 0px 25px; font-size: 18px; font-weight: 300; line-height: 28px; height:56px;}
 	.pd_pop.pd_lookbook_pop .itemsGrp .item_prod .itemPrice {font-size: 26px; line-height: 1; font-weight: 500; margin:0;}
 	.pd_pop.pd_lookbook_pop .itemsGrp .item_prod .itemPrice_original {display: inline-block; margin-left:0; margin-bottom:10px; font-size: 20px; font-weight: 200;}
-	.pd_pop.pd_lookbook_pop .itemsGrp .item_prod .itemPercent {font-size: 26px; line-height: 0.8;}
+	.pd_pop.pd_lookbook_pop .itemsGrp .item_prod .itemPercent {position:relative; font-size: 26px; line-height: 0.8;}
 	.pd_pop.pd_lookbook_pop .itemsGrp .item_prod .itemLink .btn {margin-top:40px; border:1px solid #a7a7a7; font-weight:300;}
 
 
@@ -3940,7 +4069,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 
 	/* pd_full_popup */
 	body.lock {overflow:hidden;}
-	.pd_pop.full_pop {display:none; position:fixed; top:0; bottom:0; left:0; right:0; width:100%; height:100%; overflow-y:auto; z-index:110; background:#fff; line-height:1;}
+	.pd_pop.full_pop {display:none; position:fixed; top:0; bottom:0; left:0; right:0; margin-top:160px; width:100%; height:calc(100% - 160px); overflow-y:auto; z-index:110; background:#fff; line-height:1;}
 	.pd_pop.full_pop .info_txt ul li {position:relative; font-size:14px; color:#888; padding-left:15px; margin-bottom:15px; line-height:1;}
 	.pd_pop.full_pop .info_txt ul li:last-child {margin-bottom:0;}
 	.pd_pop.full_pop .info_txt ul li:after {content:''; position: absolute; top:5px; left:0; background:#858585; width:3px; height:3px;}
@@ -3964,24 +4093,29 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.pd_pop .full_popup_wrap .full_pop_header .select_custom .combo .list > li[aria-disabled="true"] {color:#bbb;}
 	.pd_pop .full_popup_wrap .full_pop_header .select_custom .combo .list > li[aria-disabled="true"] a [class^="item"] {color:#bbb; text-decoration:line-through;} 
 	.pd_pop .full_popup_wrap .full_pop_header .select_custom .combo .list > li[aria-disabled="true"] a img {opacity:0.3;}
-	.pd_pop .full_popup_wrap .full_pop_container {position:relative; width:1200px; margin:auto; padding-top:160px; padding-bottom:160px}
+	.pd_pop .full_popup_wrap .full_pop_container {position:relative; width:1200px; margin:auto; /*padding-top:160px;*/ padding-bottom:160px}
 
 	/* pd_pop > 상품썸네일 크게보기 */
-	.pd_pop.full_pop.pd_itemthumb_pop {}
+	.pd_pop.full_pop.pd_itemthumb_pop {margin-top:0; height:100%;}
 	.full_pop.pd_itemthumb_pop .full_pop_container {width:100%; padding:0px;}
-	.full_pop.pd_itemthumb_pop .full_pop_container .scaleview {display:block; text-align:center; margin-top:40px; z-index:1;}
+	.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;}
 	
 	/* pd_pop > 개별상품상세 설명 페이지 */
-	.pd_pop.full_pop.pd_descrp_pop {padding:0; margin:0; /*background:none;*/ overflow:hidden;}
+	.pd_pop.full_pop.pd_descrp_pop {height:100%; padding:0; margin:0; /*background:none;*/ overflow:hidden;}
 	.full_pop.pd_descrp_pop .full_popup_wrap  {}
 	.full_pop.pd_descrp_pop .full_popup_wrap .full_pop_container {float:left; /*width:calc(100% - 560px); min-width:1200px;*/ width:69.79%; max-height:780px; background:#fff; margin-top:160px; padding-top:80px; padding-left:70px; padding-right:70px; overflow-y:auto;}
 	.full_pop.pd_descrp_pop .full_pop_container .btn_more_box {display:none;}
 	.full_pop.pd_descrp_pop .full_pop_container .cont_body {max-width:1345px; background:#fff; max-height:none; overflow:visible;}
 	.full_pop.pd_descrp_pop .full_pop_container .cont_body > div {width:auto; max-width:1200px;}
-	.full_pop.pd_descrp_pop .full_pop_fix_r {position:fixed; z-index:2; right:0; top:0; bottom:0; /*width:570px;*/ width:30.21%; padding:160px 70px 0; border-left:1px solid #ddd; box-sizing:border-box; background:#fff;}
+	.full_pop.pd_descrp_pop .full_pop_fix_r {position:fixed; z-index:2; right:0; top:0; bottom:0; /*width:570px;*/ width:30.21%; padding:160px 70px 0; border-left:1px solid #ddd; box-sizing:border-box; background:#fff; overflow-y:auto;}
 	.full_pop.pd_descrp_pop .full_pop_fix_r .option_box {margin-top:30px}
+	.full_pop.pd_descrp_pop .full_pop_fix_r .btn_box {margin-bottom:30px}
+	@media screen and (max-width:1459px) {
+		.full_pop.pd_descrp_pop .full_pop_fix_r {padding-left:20px; padding-right:20px;}
+	}
+
 
 	/* pd_pop > 상품문의 페이지 */
 	.pd_qnalist_pop {}
@@ -4013,6 +4147,15 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.pd_qnalist .qna_list .fold_head .fold_tit .ico {float:left; display:inline-block; width:auto; height:auto; margin-left:12px;}
 	.pd_qnalist .qna_list .fold_head .fold_tit .ico_myqna::after {content:'내문의'; display:inline-block; width:47px; height:22px;  border:1px solid #fd4802; color:#fd4802; font-size:12px; text-align:center; box-sizing:border-box; line-height:20px; margin-top:-3px}
 	.pd_qnalist .qna_list .fold_head .fold_tit .ico_secret::after {content:''; display:inline-block; width:15px; height:16px; background:url('/images/pc/ico_secret.png') no-repeat 50% 50%;}
+	@media screen and (max-width:1459px) {
+		.pd_qnalist .qna_list .fold_head .data {right:40px}
+		.pd_qnalist .qna_list .fold_head::after {right:20px; width:12px; height:6px; background-size:100% auto;}
+		.pd_qnalist .qna_list .fold_head .fold_state {width:100px;}
+		.pd_qnalist .qna_list .case1 .fold_head .fold_tit span {max-width:350px;}
+		.pd_qnalist .qna_list .case1 .fold_detail, 
+		.pd_qnalist .qna_list .case1 .fold_answer {padding-left:100px;}
+		.pd_qnalist .qna_list .case1 .fold_head .data [class^="wr_"] {width:88px;}
+	}
 
 	/* pd_pop > 상품리뷰 페이지 */
 	.pd_review_pop {}
@@ -4023,7 +4166,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.pd_review .swiper-pagination .swiper-pagination-bullet:first-child {margin-left:0;} 
 	.pd_review .thumb {display:block; position:relative; width:100%; height:0px; line-height:0; font-size:0; padding-top:150%; background:#f5f5f5; overflow:hidden;}
 	.pd_review .pic .thumb {padding-top:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
-	.pd_review .pic .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_review .pic .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:1;}
 	.pd_review dl div,
 	.pd_review dl dt,
 	.pd_review dl dd {float:left;}
@@ -4045,7 +4188,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.pd_review .area_rv_empty .btn_box .btn {width:237px; height:60px; margin-top:60px; font-size:18px;}
 
 	.pd_review .area_rv_average {margin-top:60px}
-	.pd_review .area_rv_average .star_score {margin-bottom:30px}
+	.pd_review .area_rv_average .star_score {margin-bottom:30px; height:25px;}
 	.pd_review .area_rv_average .star_score span {display:inline-block; position:relative; color:#fd4802; vertical-align:middle;}
 	.pd_review .area_rv_average .star_score .tit {margin-right:30px; font-size:18px; font-weight:300;}
 	.pd_review .area_rv_average .star_score .score {margin-right:15px; font-size:32px; font-weight:500;}
@@ -4054,20 +4197,20 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.pd_review .area_rv_average .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:2; width:100%; height:100%; background:url('/images/pc/star_empty_big.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
 
 	.pd_review .area_rv_average .average {margin-bottom:50px;}
-	.pd_review .area_rv_average .average .part_average {float:left; width:255px; width:calc((100% - 180px)/4); margin-left:60px; color:#666; font-size:14px;}
+	.pd_review .area_rv_average .average .part_average {float:left; width:calc((100% - 180px)/4); margin-left:60px; color:#666; font-size:14px;}
 	.pd_review .area_rv_average .average .part_average:first-of-type {margin-left:0px}
 	.pd_review .area_rv_average .average .part_average:first-of-type {margin-left:0px}
-	.pd_review .area_rv_average .average .part_average .tit {display:block; margin-bottom:25px; color:#222; font-weight:300;}
-	.pd_review .area_rv_average .average .part_average dl > div {margin-top:15px;}
+	.pd_review .area_rv_average .average .part_average .tit {display:block; margin-bottom:20px; color:#222; font-weight:300;}
+	.pd_review .area_rv_average .average .part_average dl > div {margin-top:15px; width:100%;}
 	.pd_review .area_rv_average .average .part_average dl > div:first-child {margin-top:0;}
 	.pd_review .area_rv_average .average .part_average dl dt {float:left; width:60px;}
 	.pd_review .area_rv_average .average .part_average dl dd {float:left; width:calc(100% - 60px);}
 	.pd_review .area_rv_average .average .part_average dl dd::after {content:''; clear:both; display:block;}
 	.pd_review .area_rv_average .average .part_average dl dd span {float:left; display:inline-block;}
-	.pd_review .area_rv_average .average .part_average dl dd .ratio {width:145px; height:8px; margin-top:3px; background:#f5f5f5; overflow:hidden;}
+	.pd_review .area_rv_average .average .part_average dl dd .ratio {width:calc(100% - 40px); height:8px; margin-top:3px; background:#f5f5f5; overflow:hidden;}
 	.pd_review .area_rv_average .average .part_average dl dd .ratio .progbar {display:inline-block; position:relative; height:8px; background:#ddd; vertical-align:top; margin-left:0}
 	.pd_review .area_rv_average .average .part_average dl dd .ratio .progbar::after {content:''; position:absolute; right:-8px; top:0; width:0; height:0; border:4px solid #ddd; border-bottom-color:transparent;border-right-color:transparent;}
-	.pd_review .area_rv_average .average .part_average dl dd .percent {margin-left:15px}
+	.pd_review .area_rv_average .average .part_average dl dd .percent {width:40px; text-align:right;}
 	.pd_review .area_rv_average .average .part_average dl div.on dt,
 	.pd_review .area_rv_average .average .part_average dl div.on dd {color:#222; font-weight:300;}
 	.pd_review .area_rv_average .average .part_average dl div.on dd .ratio .progbar {background:#222;}
@@ -4103,10 +4246,11 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 
 	.pd_review .area_rv_photo {}
 	.pd_review .area_rv_photo .photo_list {position:relative;}
-	.pd_review .area_rv_photo .photo_list ul li {float:left; position:relative; width:162px; height:162px; margin-left:11px}
+	.pd_review .area_rv_photo .photo_list ul li {float:left; position:relative; /*width:162px; height:162px;*/ width:calc((100% - 66px)/7); margin-left:11px; }
 	.pd_review .area_rv_photo .photo_list ul li:first-child {margin-left:0;}
-	.pd_review .area_rv_photo .photo_list button {position:absolute; right:0; top:0; width:162px; height:162px; padding-top:60px; background:rgba(0,0,0,0.6); color:#fff; font-size:14px; z-index:1; text-align:center; box-sizing:border-box; z-index:2;}
-	.pd_review .area_rv_photo .photo_list button::after {content:''; position:absolute; top:45px; left:50%; transform:translateX(-50%); width:40px; height:40px; background:url('/images/pc/ico_plus_white.png') no-repeat 50% 50%; z-index:1;}
+	.pd_review .area_rv_photo .photo_list button {position:absolute; right:0; top:0; width:calc((100% - 66px)/7); padding-top:calc((100% - 66px)/7); background:rgba(0,0,0,0.6); color:#fff; font-size:14px; z-index:1; text-align:center; box-sizing:border-box; z-index:2;}
+	.pd_review .area_rv_photo .photo_list button::after {content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); margin-top:-15px; width:24%; height:24%; background:url('/images/pc/ico_plus_white.png') no-repeat 50% 50%; background-size:100% auto; z-index:1;}
+	.pd_review .area_rv_photo .photo_list button span {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); margin-top:25px; font-weight:200;}
 
 	.pd_review .area_rv_all {margin-top:100px}
 	.pd_review .area_rv_all h6 span {display:inline-block; margin-left:5px; color:#666; font-weight:200;}
@@ -4115,9 +4259,9 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.pd_review .area_rv_all .selection .select_custom:first-child {margin-left:0;}
 	.pd_review .area_rv_all .selection .select_custom .combo .select {height:42px; padding:15px 20px; color:#666; font-size:14px;}
 	.pd_review .area_rv_all .selection .select_custom .combo .list {top:42px; max-height:250px; overflow-y:auto;}
-	.pd_review .area_rv_all .selection .select_custom .combo .list::-webkit-scrollbar {width:2px;}
+	/*.pd_review .area_rv_all .selection .select_custom .combo .list::-webkit-scrollbar {width:2px;}
 	.pd_review .area_rv_all .selection .select_custom .combo .list::-webkit-scrollbar-thumb {background-color:#222; border-radius:0px; background-clip:padding-box; border:none;}
-	.pd_review .area_rv_all .selection .select_custom .combo .list::-webkit-scrollbar-track {background-color:#ddd; border-radius:0px; box-shadow:none;}
+	.pd_review .area_rv_all .selection .select_custom .combo .list::-webkit-scrollbar-track {background-color:#ddd; border-radius:0px; box-shadow:none;}*/
 	.pd_review .area_rv_all .selection .select_custom .combo .list li {padding:0 20px; color:#666; font-size:14px; line-height:40px;}
 	.pd_review .area_rv_all .selection .select_custom .star_score {display:inline-block; width:100%;}
 	.pd_review .area_rv_all .selection .select_custom .star_score .score {float:left; font-size:14px; color:#666;}
@@ -4131,7 +4275,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.pd_review .area_rv_all .review_list > ul > li .review {}
 	.pd_review .area_rv_all .review_list .review .info_box {}
 	.pd_review .area_rv_all .review_list .review .info_box .star_score {float:left}
-	.pd_review .area_rv_all .review_list .review .info_box .star_score .star {display:inline-block; position:relative; width:101px; height:16px; background:#f5f5f5;}
+	.pd_review .area_rv_all .review_list .review .info_box .star_score .star {display:inline-block; position:relative; width:101px; height:16px; background:#f5f5f5; z-index:1;}
 	.pd_review .area_rv_all .review_list .review .info_box .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:100%; background:url('/images/pc/star_empty_big.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
 	.pd_review .area_rv_all .review_list .review .info_box .star_score .star .progbar {display:inline-block; height:100%; background:#fd4802}
 	.pd_review .area_rv_all .review_list .review .info_box .writer {float:right;}
@@ -4162,6 +4306,17 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.pd_review .area_rv_all .review_list .review .reply_box .reply .reply_txt {margin-top:20px; color:#666; font-size:14px; line-height:24px;}
 	.pd_review .area_rv_all .nodata {padding-top:120px; border-top:1px solid #ddd; text-align:center;}
 	.pd_review .area_rv_all .ui_row .pageNav {margin-top:50px}
+	@media screen and (max-width:1459px) {
+		.pd_review .area_rv_best .best_review a {height:166px;}
+		.pd_review .area_rv_best .best_review a .pic {width:104px; height:104px;}
+		.pd_review .area_rv_best .best_review a .txt_best_review p {height:72px; -webkit-line-clamp:3;}
+		.pd_review .area_rv_average .average .part_average {width:calc((100% - 90px)/4); margin-left:30px;}
+		.pd_review .area_rv_average .info_review dl {float:left; padding-left:60px; margin-top:15px}
+		.pd_review .area_rv_average .info_review p i.ico_point {margin-top:15px;}
+		.pd_review .area_rv_all .selection {position:relative; top:0; width:100%; margin-bottom:20px;}
+	}
+
+
 
 	/* pd_popup > 배송교환반품 안내 */
 	.pd_pop.full_pop.pd_delivery_pop {}
@@ -4388,14 +4543,14 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.modal.br_pop.lookbook_item_pop .itemsGrp .item_prod .itemName {margin:0px 0px 25px; font-size: 18px; font-weight: 300; line-height: 28px; height:56px;}
 	.modal.br_pop.lookbook_item_pop .itemsGrp .item_prod .itemPrice {font-size: 26px; line-height: 1; font-weight: 500; margin:0;}
 	.modal.br_pop.lookbook_item_pop .itemsGrp .item_prod .itemPrice_original {display: inline-block; margin-left:0; margin-bottom:10px; font-size: 20px; font-weight: 200;}
-	.modal.br_pop.lookbook_item_pop .itemsGrp .item_prod .itemPercent {font-size: 26px; line-height: 0.8;}
+	.modal.br_pop.lookbook_item_pop .itemsGrp .item_prod .itemPercent {position:relative; font-size: 26px; line-height: 0.8;}
 	.modal.br_pop.lookbook_item_pop .itemsGrp .item_prod .itemLink .btn {margin-top:40px; border:1px solid #a7a7a7; font-weight:300;}
 
 
 
 
 	/* my */
-	.container.my .wrap .content {margin-bottom:160px;}
+	.container.my .wrap .content {max-width:1460px; margin-bottom:160px;}
 	.my div:after,
 	.my ul::after {content:''; clear:both; display:block;}
 	.my button span {line-height:1;}
@@ -5017,7 +5172,9 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.ev .cmt_wrap .cmt_group .cmt_list li .cmt_cont .btn_del {display: block; background:transparent url(/images/pc/ico_trash.png) no-repeat left 14px center; padding:7px 14px; padding-left: 33px; margin-top: 20px; font-size: 14px; color: #222; font-weight: 200;}
 	.ev .cmt_wrap .cmt_group .cmt_list li .cmt_cont .btn_del:hover {background:transparent url(/images/pc/ico_trash.png) no-repeat left 14px center;}
 	.ev .cmt_wrap .pageNav > li {display: inline-block; vertical-align: top;}
-	.ev .cmt_wrap .pageNav > li > a, .ev .cmt_wrap .pageNav > li > span, .pageNav > .disabled > a {background: transparent; height: 34px;}
+	.ev .cmt_wrap .pageNav > li > a, 
+	.ev .cmt_wrap .pageNav > li > span, 
+	.ev .cmt_wrap .pageNav > .disabled > a {background: transparent; height: 34px;}
 	.ev .cmt_wrap .pageNav .prev a, .ev .cmt_wrap .pageNav > li:first-child a {background:url('/images/pc/ico_paging.png') no-repeat 0 11px; width: 8px; text-indent: -999em;}
 	.ev .cmt_wrap .pageNav .prev a {background-position: -23px 11px;}
 	.ev .cmt_wrap .pageNav .next a, .ev .cmt_wrap .pageNav > li:last-child a {background: url('/images/pc/ico_paging.png') no-repeat -64px 11px; width: 8px;}
@@ -5051,12 +5208,14 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.ev .other_ev_slide .tit {position: relative; margin-bottom: 60px; text-align: center;}
 	.ev .other_ev_slide .tit h4 {font-size: 30px; font-weight: 500;}
 	.ev .other_ev_slide .tit a {position: absolute; top: 50%; right: 0; transform:translateY(-50%); padding-right: 20px; background: url(/images/pc/ico_more_lg.png) no-repeat right top 1px; font-size: 18px; color:#888;}
+	.ev .other_ev_slide .cont_body {position:relative;}
 	.ev .other_ev_slide .swiper-slide img {width: 100%; height:auto;}
 	.ev .other_ev_slide .swiper-slide .txt {}
 	.ev .other_ev_slide .swiper-slide .txt .subject {margin:20px 0 0; padding:0 7px; font-size: 18px; line-height: 1.5; font-weight: 300; color:#222; min-height:55px; max-height:55px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; word-break: keep-all;}
-	.ev .other_ev_slide .swiper-button-next:after, .ev .other_ev_slide .swiper-button-prev:after {content:'';}
-	.ev .other_ev_slide .swiper-button-next {background: url(/images/pc/slide_next.png) no-repeat center; right: 70px; opacity: 0.6; margin-top: -10px;}
-	.ev .other_ev_slide .swiper-button-prev {background: url(/images/pc/slide_prev.png) no-repeat center; left: 70px; opacity: 0.6; margin-top: -10px;}
+	.ev .other_ev_slide .swiper-button-next:after, 
+	.ev .other_ev_slide .swiper-button-prev:after {content:'';}
+	.ev .other_ev_slide .swiper-button-next {background: url('/images/pc/slide_next.png') no-repeat center; right:-70px; opacity:0.6;}
+	.ev .other_ev_slide .swiper-button-prev {background: url('/images/pc/slide_prev.png') no-repeat center; left:-70px; opacity:0.6;}
 
 
 

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

@@ -76,7 +76,7 @@
 
 .main .post-visual .swiper-slide::before{display:none;}
 
-.main_visual::after {content:'';display:block;width:100%;height:110px;height:72px; position:absolute;top:0;left:0;background:#222222;z-index:-1;}
+.main_visual::before {content:'';display:block;width:100%; /*height:72px;*/ height:172px; position:absolute; top:-100px; left:0; background:#222222; z-index:-1;}
 .post-visual .btn {font-weight:300; border:1px solid #a7a7a7;}
 .post-visual .txtWrap{position:absolute; top:auto;bottom:100px;left:90px;right:auto;z-index:1;} 
 .post-visual .txtWrap dl,
@@ -362,11 +362,12 @@
 
 /* main_2stage */
 .main .wrap .content.main_2stage {}
-.main_2stage .cont_body{}
-.main_2stage a {border:0px;}
-.main_2stage img {width:100%; height:auto; /* object-fit:none; */}
-.main_2stage .ui_row {margin-bottom:0;}
-.main_2stage .ui_col_6 {margin-right:0 !important; margin-left:0 !important;}
+.main_2stage .cont_body {}
+.bnnbox_crop {width:100%;}
+.bnnbox_crop::after {content:''; clear:both; display:block;}
+.bnnbox_crop > .bnn_half {float:left; width:50%;}
+.bnnbox_crop > .bnn_half > a {display:block; position:relative; width:100%; height:0%; padding-top:26.0918%; overflow:hidden;}
+.bnnbox_crop > .bnn_half > a img {position:absolute; left:50%; right:0; top:50%; bottom:auto; transform:translate(-50%, -50%); width:auto; height:100%;}
 @media screen and (max-width:1460px) {
 	
 }
@@ -544,6 +545,8 @@
 
 
 /* brand_main */
+header .common_header.br_header::after {content:''; display:block; width:100%; height:585px; position:absolute; bottom:-485px; left:0; background:inherit; z-index:-1;}
+header.minify .common_header.br_header::after {bottom:-565px;}
 .container.brand_main .wrap {position:relative; width:100%; min-width:auto; max-width:auto; padding-left:0px; padding-right:0px;}
 .brand_main .dpnone {display:none;}
 .brand_main .swiper-pagination {margin:0; position:relative;}
@@ -552,7 +555,7 @@
 .brand_main .wrap .content.wide:first-child{/*background:#222222;*/ padding:0px !important;}
 .brand_main .wrap .content .cont_head {color:#222222; font-size:40px; line-height:1; letter-spacing:-.025em;}
 .brand_main .wrap .content .cont_body {position:relative;}
-.brand_main .main_visual::after {content:'';display:block;width:100%; height:485px; position:absolute;top:0;left:0;background:#436564 ;z-index:-1;}
+.brand_main .main_visual::before {display:none;}
 
 .brand_main .swiper-button-next,
 .brand_main .swiper-button-prev {top:50%; transform:translateY(-50%); color:transparent;}