상품상세 세트 개발중

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

@@ -404,6 +404,74 @@ public class TsfGoodsService {
 
 		return result;
 	}
+	
+	
+	/**
+	 * 세트 상품 사이즈 선택 시 재고수량 가져오기
+	 *
+	 * @param goods
+	 * @return
+	 * @author eskim
+	 * @since 2021. 3. 22
+	 */
+	public int getGoodsSetStockQty(GoodsStock goodsStock) {
+		int result = 0;
+		int index = 0;	// 상품순서
+		//int masterStoreCnt = 0;
+		//boolean stockCheck = false;
+		boolean returnFlag = false;
+		//String[][] arrGoodsStoreList = null;	// 상품코드, 매장코드, 상품별 주문수량
+
+		int ableOrderCnt = 0;
+		for (String arrGoodsCd : goodsStock.getArrGoodsOption()) {	// [{goodsCd|optCd|qty},{goodsCd|optCd|qty}]
+
+			String[] goodsSizeInfo = arrGoodsCd.split("\\|");
+
+			if (goodsSizeInfo.length == 3) {
+				GoodsStock tmpStock = new GoodsStock();
+				tmpStock.setGoodsCd(goodsSizeInfo[0]);
+				tmpStock.setOptCd(goodsSizeInfo[1]);
+				int qty = Integer.parseInt(goodsSizeInfo[2]);	// 한번에 주문해야하는 상품수량
+				int stockByGoodsSize = goodsDao.getGoodsStockQty(tmpStock);
+
+				if (stockByGoodsSize <= 0) {
+					returnFlag = true;
+					break;
+				} else {
+					if (index == 0) {	//첫번째 상품 기준 생성
+						ableOrderCnt = stockByGoodsSize / qty;	// 주문가능 횟수
+					} else {
+						int orderCnt = stockByGoodsSize / qty;	// 주문가능 횟수
+
+						if (ableOrderCnt >= orderCnt) {
+							ableOrderCnt = orderCnt;
+						}
+					}
+				}
+
+			} else {
+				returnFlag = true;
+				break;
+			}
+			index++;
+		}
+		result = ableOrderCnt;	//주문 가능 수량
+
+
+		if (returnFlag) {
+			return 0;
+		}
+
+		if (goodsStock.getMinOrdQty() > result) {
+			result = 0;
+		}
+
+		if (goodsStock.getMaxOrdQty() < result) {
+			result = goodsStock.getMaxOrdQty();
+		}
+
+		return result;
+	}
 
 	/**
 	 * 상품  공지 목록

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

@@ -354,6 +354,24 @@ public class TsfGoodsController extends TsfBaseController {
 		return stockQty;
 	}
 
+	/**
+	 * 세트 상품 사이즈 선택 시 재고수량 가져오기
+	 * 
+	 * @return
+	 * @author eskim
+	 * @since 2021. 3. 22
+	 */
+	@PostMapping("/detail/ajaxGoodsSetStockQty")
+	@ResponseBody
+	public String getAjaxGoodsSetStockQty(@RequestBody GoodsStock goodsStock) {
+
+		int stockQty = 0;
+
+		stockQty = goodsService.getGoodsSetStockQty(goodsStock);
+		log.info("[getAjaxGoodsSetStockQty] stockQty = {}", stockQty);
+		return String.valueOf(stockQty);
+	}
+	
 	/**
 	 * 상품상세 -  상품 QNA LIST 레이어
 	 * @return
@@ -904,4 +922,22 @@ public class TsfGoodsController extends TsfBaseController {
 		result.set("goodsCouponList", couponService.getGoodsCouponList(goods));
 		return result;
 	}
+	
+
+	/**
+	 * 상품 옵션2 목록
+	 * @param goods
+	 * @return
+	 * @author eskim
+	 * @since 2021. 3. 22
+	 */
+	@PostMapping("/detail/option2/list")
+	@ResponseBody
+	public GagaMap getGoodsOption2List(@RequestBody Goods goods) {
+
+		GagaMap result = new GagaMap();
+		result.set("dataList",  goodsService.getGoodsOption2List(goods));
+
+		return result;
+	}
 }

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

@@ -1,5 +1,6 @@
 package com.style24.persistence.domain;
 
+import com.fasterxml.jackson.annotation.JsonFormat;
 import com.style24.persistence.TscBaseDomain;
 
 import lombok.Data;
@@ -33,5 +34,10 @@ public class GoodsStock extends TscBaseDomain {
 	private int stockQty;			// 상품 재고
 	private String selfGoodsYn;		// 자사상품구분
 	private String optNm;			// 옵션명
+	private int minOrdQty;
+	private int maxOrdQty;
+	
+	@JsonFormat(with = JsonFormat.Feature.ACCEPT_SINGLE_VALUE_AS_ARRAY)
+	private String[] arrGoodsOption;				
 	
 }

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

@@ -572,7 +572,7 @@
 		     , A.USE_YN
 		FROM   TB_NOTICE A
 		INNER JOIN TB_NOTICE_GOODS B ON A.NOTICE_SQ = B.NOTICE_SQ
-		                             AND B.GOODS_CD = 'CNW1XAPT32'
+		                             AND B.GOODS_CD = #{goodsCd}
 		WHERE  A.NOTICE_TYPE = 'G047_30'
 		AND NOW() BETWEEN A.NOTICE_STDT AND A.NOTICE_EDDT
 		AND A.USE_YN  = 'Y'

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

@@ -66,6 +66,7 @@
 					<input type="hidden" name="contentsLoc" th:value="${params.contentsLoc}" />
 					<input type="hidden" name="ithrCd"  th:value="${params.ithrCd}" />
 					<input type="hidden" name="planDtlSq" th:value="${params.planDtlSq}" />
+					<input type="hidden" name="adminYn" th:value="${params.adminYn}" />
 					<input type="hidden" name="optCd" />
 					<input type="hidden" name="optCd1" />
 					<input type="hidden" name="optCd2" />
@@ -195,23 +196,25 @@
 								</div>
 								</th:block>
 								<th:block th:if="${goodsInfo.goodsType =='G056_S' }">	<!-- 세트상품 -->
-								<div class="opt_select"  th:if="${goodsComposeList != null and !goodsComposeList.empty}" >
+								<div class="opt_set_select"  th:if="${goodsComposeList != null and !goodsComposeList.empty}" >
 									<th:block th:each="goodsCompose, status : ${goodsComposeList}">
+									<div class="set_option">
 									<div class="opt_header">
 										<span class="title" th:text="${goodsCompose.compsGoodsFullNm}">옵션</span>
 										<button type="button" id="btn_infoSize_pop" class="btn_popup" th:onclick="cfGoodsSizeInfo([[${goodsCompose.compsGoodsCd}]],[[${goodsCompose.colorCd}]] )"><span>사이즈정보</span></button>
 									</div>
 									<div class="form_field">
-										<div class="select_custom item_opt1" th:classappend="${goodsCompose.compsGoodsCd}" th:if="${goodsCompose.goodsOption1List != null and !goodsCompose.goodsOption1List.empty}" >
+										<div class="select_custom item_opt1"  th:classappend="${'item_opt1_'+status.count +' '+goodsCompose.compsGoodsCd}" 
+																			th:if="${goodsCompose.goodsOption1List != null and !goodsCompose.goodsOption1List.empty}" >
 											<div class="combo">
 												<div class="select">선택</div>
 												<ul class="list">
-													<th:block th:each="goodsOption, status : ${goodsCompose.goodsOption1List}" >
-													<li class="selected" th:id="|selfGoodsOpt1${goodsOption.goodsCd}|" th:if=${status.first}>선택</li> 
-													<li th:onclick="fnOption2(this, [[${goodsOption.goodsCd}]],[[${goodsOption.optCd1}]])">
+													<th:block th:each="goodsOption, optionStatus : ${goodsCompose.goodsOption1List}" >
+													<li class="selected" th:id="|selfGoodsOpt1${goodsCompose.compsGoodsCd}|" th:if=${optionStatus.first}>선택</li> 
+													<li th:onclick="fnOption2([[${status.count}]], [[${goodsOption.goodsCd}]],[[${goodsOption.optCd1}]],[[${goodsCompose.qty}]],[[${goodsInfo.minOrdQty}]], [[${goodsInfo.maxOrdQty}]])">
 														<div th:text="${goodsOption.optCd1}">상품옵션</div>
 														<div th:if="${goodsOption.addPrice > 0}" th:text="|${#numbers.formatInteger(goodsOption.addPrice, 0,'COMMA')}원|">0원</div>
-														<input type="hidden" name="opt"  th:id="${goodsOption.optCd}" th:attr="addPrice=${goodsOption.addPrice}, optCd1=${goodsOption.optCd1},optCd2=${goodsOption.optCd2}, optCd=${goodsOption.optCd}"/>
+														<input type="hidden" name="opt" th:attr="addPrice=${goodsOption.addPrice}, optCd1=${goodsOption.optCd1},optCd2=${goodsOption.optCd2}, optCd=${goodsOption.optCd}"/>
 													</li>
 													</th:block>
 												</ul>
@@ -219,15 +222,16 @@
 										</div>
 									</div>
 									<div class="form_field">
-										<div class="select_custom item_opt2" disabled>
+										<div class="select_custom item_opt2" th:classappend="${'item_opt2_'+status.count +' '+goodsCompose.compsGoodsCd}"  disabled>
 											<div class="combo">
 												<div class="select">선택</div>
-												<ul class="list">
-													<li class="selected">선택</li> 
+												<ul class="list" th:id="|selfGoodsOpt2${goodsCompose.compsGoodsCd}|" >
+													<!-- 옵션2 -->
 												</ul>
 											</div>
 										</div>
 									</div>
+									</div>
 									</th:block>
 								</div>
 								</th:block>
@@ -239,7 +243,7 @@
 											<button type="button" id="btn_infoSize_pop" class="btn_popup" th:onclick="cfGoodsSizeInfo([[${goodsInfo.goodsCd}]],[[${goodsInfo.colorCd}]] )"><span>사이즈정보</span></button>
 										</div>
 									<div class="form_field">
-										<div class="select_custom item_opt1">
+										<div class="select_custom item_opt1 item_opt1_1">
 											<div class="combo">
 												<div class="select">선택</div>
 												<ul class="list">
@@ -248,7 +252,7 @@
 													<li th:attr="aria-disabled=${(goodsOption.soldoutYn == 'Y' or goodsOption.stockQty <= 0)? 'true':''}, data-soldout=${(goodsOption.soldoutYn == 'Y' or goodsOption.stockQty <= 0)? 'true':''}" th:onclick="fnViewStock(this, [[${goodsInfo.goodsCd}]],[[${goodsOption.optCd1}]],[[${goodsOption.optCd}]],[[${goodsInfo.minOrdQty}]], [[${goodsInfo.maxOrdQty}]] )">
 														<div th:text="${goodsOption.optNm}">상품옵션</div>
 														<div th:if="${goodsOption.addPrice > 0}" th:text="|${#numbers.formatInteger(goodsOption.addPrice, 0,'COMMA')}원|">0원</div>
-														<input type="hidden" name="opt"  th:id="${goodsOption.optCd}" th:attr="addPrice=${goodsOption.addPrice}, optCd1=${goodsOption.optCd1},optCd2=${goodsOption.optCd2}, optCd=${goodsOption.optCd}"/>
+														<input type="hidden" name="opt" th:value="${goodsOption.goodsCd +'|'+goodsOption.optCd +'|1'}" th:id="${goodsOption.optCd}" th:attr="addPrice=${goodsOption.addPrice}, optCd1=${goodsOption.optCd1},optCd2=${goodsOption.optCd2}, optCd=${goodsOption.optCd}"/>
 													</li>
 													</th:block>
 												</ul>
@@ -288,10 +292,10 @@
 								<div class="btn_group_block ui_row">
 								<th:block  th:if="${goodsInfo.stockQty > 0}">
 									<div class="ui_col_6">
-										<button type="button" class="btn btn_dark btn_block" id="btnGoodsWish" onclick="jfAddCart('C');"><span>쇼핑백</span></button>
+										<button type="button" class="btn btn_dark btn_block" id="btnGoodsWish" onclick="fnAddCart('C');"><span>쇼핑백</span></button>
 									</div>
 									<div class="ui_col_6">
-										<button type="button" class="btn btn_primary btn_block" id="btnGoodsCart" onclick="jfAddCart('O');"><span>바로구매</span></button>
+										<button type="button" class="btn btn_primary btn_block" id="btnGoodsCart" onclick="fnAddCart('O');"><span>바로구매</span></button>
 									</div>
 								</th:block>
 								<th:block  th:unless="${goodsInfo.stockQty > 0}">
@@ -745,7 +749,7 @@
 	
 <script th:inline="javascript">
 /*<![CDATA[*/
-		
+	
 	var cateNm = "";
 	// 다다익선 상품
 	var fnGoodsTmtbSearch = function(params) {
@@ -767,7 +771,7 @@
 		gagajf.ajaxSubmit("/goods/detail/like/frame", "html", "goodsLikebArea", params);
 	}
 	
-	//사이즈 클릭시
+	//사이즈 클릭시 - 단품
 	var fnViewStock = function(obj, goodsCd, optCd1, optCd2,  minOrdQty, maxOrdQty) {
 		let $obj = $(obj);
 		let selfGoodsYn = $("#cartForm  input[name=selfGoodsYn]").val();
@@ -777,12 +781,13 @@
 			$target.prop("checked",true);
 			$("#selectOptCd1").html(optCd2);
 		}else{
-			$target = $obj.children('input[name="opt"]');
-			
+			debugger;
+			$target = $obj.find('input[name="opt"]');
 		}
 		let addPrice  = $target.attr("addPrice");
 		let optCd  = $target.attr("optCd");
-		
+		debugger;
+		$("#selectOptCd1addPrice").html('');
 		if (Number(addPrice) > 0) $("#selectOptCd1addPrice").html("(+" + addPrice.addComma() + ")");
 		$("#cartForm  input[name=optCd]").val(optCd);
 		$("#cartForm  input[name=optCd1]").val(optCd1);
@@ -822,6 +827,66 @@
 		}, "text");
 	}
 	
+	//세트 사이즈 클릭시
+	function fnViewStockSet(obj, goodsCd, optCd1, optCd2, minOrdQty, maxOrdQty) {
+		
+		let target=$('.select_custom.item_opt2');
+		let targetSize = target.length;	//구성품 갯수
+		
+		//eskim
+		let cnt = 0;
+		let itemSize = 0;
+		target.each(function(){
+			if (typeof ($(this).find('.select').find('input[name=opt2]').val()) != 'undefined' &&  !gagajf.isNull($(this).find('.select').find('input[name=opt2]').val())){
+				if (goodsCd != $(this).find('.select').find('input[name=opt2]').val()){
+					itemSize ++;
+				}
+			}
+		});
+		
+		//내가 선택한 상품
+		if (typeof ($(obj).find('input[name=opt2]').val()) != 'undefined' && !gagajf.isNull($(obj).find('input[name=opt2]').val())){
+			itemSize ++;
+		}
+		
+		let mGoodsCd = $("#cartForm  input[name=goodsCd]").val();
+		let selfGoodsYn = $("#cartForm  input[name=selfGoodsYn]").val();
+		let goodsOption = [];
+		if (targetSize == itemSize){
+			target.each(function() {
+				if (typeof ($(obj).find('input[name=opt2]').val()) != 'undefined' && !gagajf.isNull($(obj).find('input[name=opt2]').val())){
+					goodsOption.push($(this).find('input[name=opt2]').val());	
+				}
+			});
+			
+			var maxCnt = maxOrdQty;
+			var data = {arrGoodsOption : goodsOption
+						,minOrdQty : minOrdQty
+						,maxOrdQty : maxOrdQty
+						,goodsCd : mGoodsCd
+						,selfGoodsYn : selfGoodsYn
+						};
+			var jsonData = JSON.stringify(data);
+			
+			gagajf.ajaxJsonSubmit('/goods/detail/ajaxGoodsSetStockQty', jsonData, function(result) {
+				var itemCnt = eval(result); //해당 아이템에 선택되어진 사이즈의 수량
+				//console.log("itemCnt : "+itemCnt);
+				if (maxCnt > itemCnt) {
+					maxCnt = itemCnt;
+				}
+	
+				$("#cartForm  input[name=ordQty]").val(minOrdQty);
+				$("#cartForm  input[name=maxOrdQty]").val(maxCnt);
+				$("#cartForm  input[name=minOrdQty]").val(minOrdQty);
+				$("#cartForm  input[name=cea]").val(minOrdQty);
+				$("#cartForm  input[name=cea]").attr("readonly",false);
+				$("#cartForm  input[name=stock]").val(itemCnt);
+	
+				fnSetTotalPrice();
+			}); 
+		}
+	}
+	
 	// 수량 변경 클릭
 	var fnAdjustOrderEa = function(obj) {
 
@@ -904,15 +969,35 @@
 	}
 	
 	//합계 계산
-	var fnSetTotalPrice = function() {
+	var fnSetTotalPrice = function() {debugger;
 		//let f = document.cartForm;
 
 		let totalEa = 0;
 		let totalPrice = 0;
-
-		$('input[name="cea"]').each(function() {
+		
+		$('input[name="cea"]').each(function() {debugger;
 			let ea = parseInt($(this).val());
-			let addPrice = parseInt($("#cartForm  input[name=addPrice]").val());
+			let addPrice = 0;
+			
+			//let addPrice = parseInt($("#cartForm  input[name=addPrice]").val());
+			
+			if ("N" == [[${goodsInfo.selfGoodsYn}]]){
+				let target=$('.select_custom.item_opt1');
+				target.each(function() {debugger;
+					if (typeof ($(this).find('input[name=opt]').val()) != 'undefined' && !gagajf.isNull($(this).find('input[name=opt]').val())){
+						addPrice += Number($(this).find('input[name=opt]').attr('addPrice'));	
+					}
+				});	
+			}else{
+				let target=$('.select_custom.item_opt2');
+				target.each(function() {
+					if (typeof ($(this).find('input[name=opt2]').val()) != 'undefined' && !gagajf.isNull($(this).find('input[name=opt2]').val())){
+						addPrice += Number($(this).find('input[name=opt2]').attr('addPrice'));	
+					}
+				});	
+			}
+			
+			
 			let goodsPrice = parseInt($(this).parent().find('input[name="coption"]').attr('price'));
 
 			totalEa += ea;
@@ -927,7 +1012,7 @@
 	}
 	
 	//장바구니담기
-	var jfAddCart = function(btnType){
+	var fnAddCart = function(btnType){
 		
 		// 바로구매는 로그인여부 확인
 		if (btnType == "O" && !cfCheckLogin()) {
@@ -1027,8 +1112,6 @@
 				obj.planDtlSq = '';
 				params.push(obj);
 			}
-			
-			
 		});
 		
 		// 장바구니담기
@@ -1037,7 +1120,8 @@
 		}
 	}
 	
-	var jfOptionSoldout = function(){
+	// 품절처리
+	var fnOptionSoldout = function(){
 		let $target=$("#cartForm").find('.form_field');
 		let soldout = false;
 		for(var i=0;i<$target.find('input[name="opt"]').length;i++){
@@ -1053,6 +1137,55 @@
 		}
 	}
 	
+	// 옵션2 조회
+	var fnOption2 = function(ridx, goodsCd, optCd1, qty, minOrdQty, maxOrdQty ){
+		let data = {goodsCd : goodsCd
+					,colorCd : optCd1
+					,adminYn : $("#cartForm  input[name=adminYn]").val()
+					};
+		let jsonData = JSON.stringify(data);
+	
+		gagajf.ajaxJsonSubmit('/goods/detail/option2/list', jsonData, function(result) {
+			
+			if (result.dataList != null && result.dataList.length > 0) {
+				let tag = "";
+				let $obj = null;
+				$.each(result.dataList, function(idx, item) {
+					if (idx == 0){
+						$obj = $('#selfGoodsOpt2'+item.goodsCd);
+						$obj.append('');
+						$('.form_field .select_custom.item_opt2.' +item.goodsCd ).attr('disabled', false)
+						tag += '<li class="selected" id="selfGoodsOpt2'+item.goodsCd+'">선택</li>\n';	
+					}
+					let soldoutYn = ""; 
+					if ("Y" == item.soldoutYn || item.stockQty <= 0)soldoutYn = "true";
+					tag += '<li aria-disabled="'+soldoutYn+'" data-soldout="'+soldoutYn +'" onclick="fnViewStockSet(this, \''+ item.goodsCd+'\' , \''+ item.optCd1+'\' , \''+ item.optCd2+'\', \''+ minOrdQty+'\', \''+ maxOrdQty+'\')">\n';
+					tag += '<div>'+ item.optCd2+'</div>\n';
+					if (item.addPrice > 0){
+						tag += '<div>'+ item.addPrice.addComma() +'원</div>\n';	
+					}
+					tag += '<input type="hidden" name="opt2" value="'+ item.goodsCd+'|'+item.optCd +'|'+qty +'" id="'+item.optCd+'" addPrice="'+item.addPrice+'"  optCd="'+item.optCd+'"  optCd1="'+item.optCd1+'"  optCd2="'+item.optCd2+'"  />\n';
+					tag += '</li>\n';
+				});
+				
+				$obj.append(tag);
+				if (ridx == 1){
+					var opt_selecter02_1 = new sCombo('.opt_set_select .select_custom.item_opt2.item_opt2_1');
+				}else if (ridx == 2){
+					var opt_selecter02_2 = new sCombo('.opt_set_select .select_custom.item_opt2.item_opt2_2');	
+				}else if (ridx == 3){
+					var opt_selecter02_3 = new sCombo('.opt_set_select .select_custom.item_opt2.item_opt2_3');
+				}else if (ridx == 4){
+					var opt_selecter02_4 = new sCombo('.opt_set_select .select_custom.item_opt2.item_opt2_4');
+				}else{
+					var opt_selecter02_5 = new sCombo('.opt_set_select .select_custom.item_opt2.item_opt2_5');
+				}
+			}
+			
+			
+		});
+		
+	}
 	
 	$(document).ready( function() {
 		
@@ -1172,13 +1305,26 @@
 
 		//상품 대표설명 > 우측 상품정보 
 		/* 1차 옵션선택 후 2차 옵션 활성화 */
-		var opt_selecter01 = new sCombo('.opt_select .select_custom.item_opt1');
-		var opt_selecter02 = new sCombo('.opt_select .select_custom.item_opt2');
+		//var opt_selecter01 = new sCombo('.opt_select .select_custom.item_opt1');
+		//var opt_selecter02 = new sCombo('.opt_select .select_custom.item_opt2');
 		//$('.opt_select .select_custom .combo .list > li').click(function(e) {
 		//	$(this).parents('.form_field').next('.form_field').find('.select_custom').attr('disabled', false);
 		//	return false;
 		//});
 		
+		var opt_selecter01 = new sCombo('.opt_select .select_custom.item_opt1.item_opt1_1');
+		
+		var opt_selecter01_1 = new sCombo('.opt_set_select .select_custom.item_opt1.item_opt1_1');
+		//var opt_selecter02_1 = new sCombo('.opt_set_select .select_custom.item_opt2.item_opt2_1');
+		var opt_selecter01_2 = new sCombo('.opt_set_select .select_custom.item_opt1.item_opt1_2');
+		//var opt_selecter02_2 = new sCombo('.opt_set_select .select_custom.item_opt2.item_opt2_2');
+		var opt_selecter01_3 = new sCombo('.opt_set_select .select_custom.item_opt1.item_opt1_3');
+		//var opt_selecter02_3 = new sCombo('.opt_set_select .select_custom.item_opt2.item_opt2_3');
+		var opt_selecter01_4 = new sCombo('.opt_set_select .select_custom.item_opt1.item_opt1_4');
+		//var opt_selecter02_4 = new sCombo('.opt_set_select .select_custom.item_opt2.item_opt2_4');
+		var opt_selecter01_5 = new sCombo('.opt_set_select .select_custom.item_opt1.item_opt1_5');
+		//var opt_selecter02_5 = new sCombo('.opt_set_select .select_custom.item_opt2.item_opt2_5');
+
 		if (!gagajf.isNull([[${goodsInfo.socialSq}]])){
 			$('.timer_box').css('display', 'block');
 			/* 행사 남은시간 */
@@ -1260,7 +1406,7 @@
 			});
 		}; */
 		
-		jfOptionSoldout();
+		fnOptionSoldout();
 		
 		// 광고 스크립트용
 		var goodsNavigation = [[${goodsNavigation}]];
@@ -1339,7 +1485,7 @@
 	});
 	
 	// 상품평 레이어 호출후 콜백에서 호출하므로 여기에 있어야함
-	var reviewAfter = function(){
+	var fnReviewLayerCollBack = function(){
 		//슬라이드 - 베스트리뷰
 		var bestReviewtSwiper = new Swiper('.area_rv_best .swiper-container', {
 			slidesPerView: 2,
@@ -1356,6 +1502,8 @@
 		
 	}
 	
+	
+	
 /*]]>*/
 </script>
 

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

@@ -617,55 +617,29 @@ content: "〉";font-size: 12px;padding-left: 8px;
 .pageNav {display: table; margin-left: auto; margin-right: auto;}
 .pageNav:after {display: table;clear: both;content: " ";}
 .pageNav > li {display: inline;}
-.pageNav > li > a, .pageNav > li > span {
-  position: relative;
-  float: left;
-  font-size: 16px;
-  font-weight: 400;
-  padding: 6px 2px;
-  margin-left: 40px;
-  line-height: 1.42857143;
-  color: #666666;
-  text-decoration: none;
-  background-color: #ffffff;
-}
+.pageNav > li > a, .pageNav > li > span {position: relative; float: left; font-size: 16px; font-weight: 400; padding: 6px 2px; margin-left: 40px; line-height: 1.42857143; color: #666666; text-decoration: none; background-color: #ffffff;}
 .pageNav > li:first-child > a, 
 .pageNav > li:first-child > span { margin-left: 0;}
-.pageNav .next a, .pageNav .prev a {
-    vertical-align: top;
-    background-repeat: no-repeat;
-    background-position: 50% 50%;
-}
+.pageNav .next a, 
+.pageNav .prev a {vertical-align: top; background-repeat: no-repeat; background-position: 50% 50%;}
 .pageNav .disabled a {width:15px; height: 34px; background: url('/images/pc/ico_paging.png')no-repeat 0 11px; text-indent: -9999px;}
 .pageNav .disabled.prev a {width:8px; height: 34px; background-position: -23px 11px; margin-left: 29px;}
-.pageNav .next a,.pageNav > li:last-child a { width:15px; height: 34px; background: url('/images/pc/ico_paging.png')no-repeat -64px 11px; text-indent: -9999px;}
+.pageNav .prev a,
+.pageNav > li:first-child a { width:15px; height: 34px; background: url('/images/pc/ico_paging.png')no-repeat 0 11px; text-indent: -9999px;}
+.pageNav .next a,
+.pageNav > li:last-child a { width:15px; height: 34px; background: url('/images/pc/ico_paging.png')no-repeat -64px 11px; text-indent: -9999px;}
 .pageNav > li:last-child a {margin-left: 29px;}
-.pageNav .next a{width: 8px; height: 34px; background-position: -47px 11px;}
+.pageNav .prev a {width: 8px; height: 34px; background-position: -23px 11px;}
+.pageNav .next a {width: 8px; height: 34px; background-position: -47px 11px;}
 .pageNav > li.active > a {color: #fd4802;}
-.pageNav > li.active > a::after {
-  content: ''; display: block; width: 100%; height: 2px; background: #fd4802;
-  position: absolute; left: 0px; bottom: 5px; top: auto; right: auto;
-}
-.pageNav a:hover, .pageNav span:hover {
-  /* 디자인 없음 */
-  /* color: #ffffff; background-color: #fd4802; border-color: #fd4802; */
-}
+.pageNav > li.active > a::after {content: ''; display: block; width: 100%; height: 2px; background: #fd4802; position: absolute; left: 0px; bottom: 5px; top: auto; right: auto;}
+.pageNav a:hover, .pageNav span:hover {/* 디자인 없음 *//* color: #ffffff; background-color: #fd4802; border-color: #fd4802; */}
 .pageNav > .active > a:hover, .pageNav > .active > span:hover,
-.pageNav > .active > a:focus, .pageNav > .active > span:focus {
-  cursor: default;
-  /* 디자인없음 */
-  /*
-  z-index: 2; 
-  color: #ffffff; background-color: #fd4802; border-color: #fd4802;
-  */
-}
+.pageNav > .active > a:focus, .pageNav > .active > span:focus {cursor: default; /* 디자인없음 */ /*z-index: 2; color: #ffffff; background-color: #fd4802; border-color: #fd4802;*/}
 .pageNav > .disabled > span, .pageNav > .disabled > span:hover, .pageNav > .disabled > span:focus, 
-.pageNav > .disabled > a, .pageNav > .disabled > a:hover, .pageNav > .disabled > a:focus {
-  color: #dddddd;
-  cursor: not-allowed;
-  background-color: #ffffff;
-  border-color: #dddddd;
-}
+.pageNav > .disabled > a, 
+.pageNav > .disabled > a:hover, 
+.pageNav > .disabled > a:focus {color: #dddddd; cursor: not-allowed; background-color: #ffffff; border-color: #dddddd;}
 
 /* folding Group */
 .fold_head a::after ,
@@ -806,6 +780,7 @@ content: "〉";font-size: 12px;padding-left: 8px;
 .itemPrice_original {position: relative;margin-left: 5px;line-height: 16px;font-size: 14px;font-weight: 300;color: rgb(204, 204, 204);}
 .itemPrice_original::after{content: '';display: inline-block;width: 100%;height: 1px;background: rgb(204, 204, 204);position: absolute;top: 50%;left: 0;bottom:auto;right:auto;transform: translateY(-50%);}
 .itemPercent {position: absolute;top: 0px;right: 0px;bottom: auto;left: auto;margin-left: 15px;line-height: 16px;font-size: 16px;font-weight: 300;color: #fd4802;}
+.itemViewCount {display:inline-block; height:30px; margin-top:20px; padding:7px 14px; border:2px solid #fd4802; color:#fd4802; font-size:14px; font-weight:300; line-height:1; border-radius:15px;}
 
 /* items Ellipsis */
 .itemBrand {position: relative;overflow: hidden;white-space: normal;overflow-wrap: break-word;display: block; max-width:95%;}
@@ -1171,6 +1146,10 @@ input[type="file"] {
   color: #bbb;
   background-color: #f5f5f5 !important;
 } 
+.select_custom[disabled] .combo .select > div {
+  position:relative;
+  z-index:1;
+}
 .select_custom .combo .list>li[aria-disabled="true"] {
 	text-decoration: line-through;
   /*background: #f5f5f5;*/

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

@@ -507,6 +507,8 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 .breadcrumb ul li:first-of-type::before {content:none;}
 .breadcrumb ul li::before {content:''; display: inline-block; width:6px; height: 11px; padding: 0 12px; background: url('/images/pc/ico_bread_root.png')no-repeat center center;}
 
+.ev .breadcrumb ul li:nth-child(2) {color:#222; font-weight: 300;}
+
 .area_top_list_info {position:relative; width:100%; margin:60px auto 30px}
 .area_top_list_info .total_count {font-size:16px; color:#888; font-weight:200;}
 .area_top_list_info .total_count span {color:#fd4802; font-weight:300;}
@@ -622,6 +624,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 .dp .lnb_tit h3, .sch_result .lnb_tit h3 {padding:22px 0; margin-bottom: 0; max-height:60px; min-height:60px; border-top: 1px solid #222; border-bottom: 1px solid #ddd;}
 .dp .lnb_tit h3, .sch_result .lnb_tit h3 {font-size: 18px;}
 .dp .itemsGrp {margin:0 -10px;}
+.dp .promotion_visual img {width: 100%;}
 
 /* 상품리스트 > 상품 form */
 .item_gd {}
@@ -1382,7 +1385,7 @@ 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_best,.container .wrap .content.dp_hotdeal,.container .wrap .content.dp_Exhibition,.container .wrap .content.dp_Bulletship {max-width: 1780px; overflow: hidden;}
+	.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.dp .cont_head > div.item_header {padding: 80px 0 60px;}
@@ -1709,41 +1712,35 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	/* dp_hotdeal */
 	.dp_hotdeal .hotdeal {position: relative; width:100%; height: 378px; margin-bottom: 120px; background: url(/images/pc/thumb/hotdeal_bg2.jpg)no-repeat center center;}
 	.dp_hotdeal .itemsGrp {max-width:1780px; margin:0 auto;}
-	#countdown{
+	.dp_hotdeal #countdown{
 		text-align: center;
 		margin: auto;
 		position: absolute;
-		width:100%;
-		top:268px;
+		font-size: 0;
+		width:auto;
+		top:256px;
 		left:50%;
+		margin-left: 75px;
 		transform: translateX(-50%);
 	}
-	#countdown {position: relative; z-index: 1;}
-	#countdown span{
-		width: 166px;
-		font-size: 88px;
-		font-weight: bold;
-		text-align: center;
-		color: #222;
-		/* background-color: #fff; */
-		padding: 50px 0;
-		display: inline-block;
-		position: relative;
-	}
-	#countdown span:nth-child(2) {margin: 0 72px;}
 
-	#countdown span{
-		width: 166px;
-		font-size: 88px;
-		font-weight: bold;
+	.dp_hotdeal #countdown span:nth-child(2) {margin: 0 10px;}
+
+	.dp_hotdeal #countdown span{
+		width: auto;
+		font-size: 26px;
+		font-weight: 300;
 		text-align: center;
-		color: #222;
-		/* background-color: #fff; */
-		padding: 50px 0;
+		color: #fff;
 		display: inline-block;
 		position: relative;
 	}
 
+	.dp_hotdeal #countdown span:first-child:after {content:''; position: absolute; top: 5px; right: -6px; background: #fff; width: 3px; height: 3px; border-radius: 50%;}
+	.dp_hotdeal #countdown span:first-child:before {content:''; position: absolute; top: 15px; right: -6px; background: #fff; width: 3px; height: 3px; border-radius: 50%;}
+	.dp_hotdeal #countdown span:nth-child(2):after {content:''; position: absolute; top: 5px; right: -7px; background: #fff; width: 3px; height: 3px; border-radius: 50%;}
+	.dp_hotdeal #countdown span:nth-child(2):before {content:''; position: absolute; top: 15px; right: -7px; background: #fff; width: 3px; height: 3px; border-radius: 50%;}
+
 	/* 핫딜 전용 아이템 리스트 */
 	.dp .itemsGrp.rowtype .item_prod {width: 49.43%; margin-bottom: 1.12%; height: 420px; border:1px solid #ddd; overflow: hidden;}
 	.dp .itemsGrp.rowtype .item_prod:nth-child(2n) {margin-right: 0;}
@@ -1900,6 +1897,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.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;}
@@ -2196,6 +2194,7 @@ dp_banner_slide03
 	/* 전시_서브메인 */
 	.container.dp .content {max-width:1780px; /*margin:0 auto 120px !important;*/}
 	.container.dp .content.wide {max-width: 100%;}
+	.container.dp .content.dp_best {max-width:100%;}
 	.dp .content .cont_head .displayH {margin-bottom: 60px; text-align: center;}
 	.dp .dp_submain .dp_sum_slide {position: relative; margin-bottom: 120px; }
 	.dp .dp_submain .dp_sum_slide .swiper-pagination {margin:0;}
@@ -2235,10 +2234,14 @@ dp_banner_slide03
 	.dp .new_item .item_prod {width: 100%;}
 
 	.dp .md_item {background: #fff; padding: 0px 48px; margin: 100px 0px;}
-	.dp .md_item .cont_body {position: relative; padding:0 140px;}
-	.dp .md_item .swiper-container {height:730px; padding-bottom:70px;}
+	.dp .md_item .cont_body {position: relative; padding:0 70px;}
+	.dp .md_item .swiper-container {padding-bottom:70px;}
 	.dp .md_item .swiper-pagination {position:absolute; bottom:0;}
-	.dp .md_item .swiper-slide {}
+	.dp .md_item .swiper-slide .item_state {padding:0;}
+	.dp .md_item .swiper-button-next::after, 
+	.dp .md_item .swiper-button-prev::after {display:inline-block; width:26px; height:50px; background-image:url(/images/pc/ico_arr_lg.png); background-repeat:no-repeat; font-size: 0;}
+	.dp .md_item .swiper-button-next::after {background-position:100% 50%;}
+	.dp .md_item .swiper-button-prev::after {background-position:0% 50%;}
 	.dp .md_item .item_prod {width: 100%; margin-bottom: 0;}
 
 	.dp .dp_category {margin:120px 0; padding:80px 0; background: #f5f5f5; text-align: center;}
@@ -2257,19 +2260,19 @@ dp_banner_slide03
 
 	.dp .dp_best_live {height: 720px; padding-top: 120px !important; margin-bottom: 15px; position: relative;	display: -webkit-box;display: -ms-flexbox;display: flex; background: #f5f5f5;}
 	.dp .dp_best_live::after {content: '';display: block;clear: both;}
-	.dp .dp_best_live .cont_head {width: 260px !important;height: auto; line-height: 1.2; float: left; margin-left: 70px; /*padding: 0 135px;*/position: relative;}
-	.dp .dp_best_live .cont_head .displayH {text-align: left; line-height: 52px;}
-	.dp .dp_best_live .cont_head .displayH span {color:#fd4800}
-	.dp .dp_best_live .cont_head a {margin: 22px 0;display: block;line-height: 0;padding: 0;}
-	.dp .dp_best_live .cont_head a span::after{content: "";width: 20px;height: 13px;display: inline-block;background: url(/images/pc/ico_more_lg.png) 0% 0% no-repeat; background-position: 10px 0px;}
-	.dp .dp_best_live .cont_body{width: calc(100% - 380px); float: left; margin:0 70px 0 0;}
-	.dp .dp_best_live .cont_body .item_state {padding:0 0 60px;}
-	.dp .dp_best_live .cont_body .item_prod {margin-bottom: 0; margin-right: 0; width: 100%;}
+	.dp .dp_best_live .sec_head {width: 260px !important;height: auto; line-height: 1.2; float: left; margin-left: 70px; /*padding: 0 135px;*/position: relative;}
+	.dp .dp_best_live .sec_head .displayH {text-align: left; line-height: 52px;}
+	.dp .dp_best_live .sec_head .displayH span {color:#fd4800}
+	.dp .dp_best_live .sec_head a {margin: 22px 0;display: block;line-height: 0;padding: 0;}
+	.dp .dp_best_live .sec_head a span::after{content: "";width: 20px;height: 13px;display: inline-block;background: url(/images/pc/ico_more_lg.png) 0% 0% no-repeat; background-position: 10px 0px;}
+	.dp .dp_best_live .sec_body{width: calc(100% - 380px); float: left; margin:0 70px 0 0;}
+	.dp .dp_best_live .sec_body .item_state {padding:0 0 60px;}
+	.dp .dp_best_live .sec_body .item_prod {margin-bottom: 0; margin-right: 0; width: 100%;}
 	.dp .dp_best_live .it_nav { width: 300px;position: absolute;left: 135px;top: 310px;}
 	.dp .dp_best_live .item_prod .viewCount{display:table; width: fit-content;height: 30px;color: #fd4802;line-height: 1;font-size: 14px;font-weight: 400;text-align: center;vertical-align: middle;letter-spacing: -.025rem;padding: 6px 12px;border: 2px solid #fd4802;border-radius: 50px;box-sizing: border-box;}
 	
-	.dp .dp_best_live .cont_head button {color:#888; font-weight: 300; padding-right: 20px; position: relative;}
-	.dp .dp_best_live .cont_head button:after {content:''; position: absolute; top: 50%; right: 0; width: 14px; height: 14px; background: url('/images/pc/ico_filter_reset02.png') no-repeat center; margin-top: -6px;}
+	.dp .dp_best_live .sec_head button {color:#888; font-weight: 300; padding-right: 20px; position: relative;}
+	.dp .dp_best_live .sec_head button:after {content:''; position: absolute; top: 50%; right: 0; width: 14px; height: 14px; background: url('/images/pc/ico_filter_reset02.png') no-repeat center; margin-top: -6px;}
 	.dp .dp_best_live .swiper-scrollbar {margin: 0; background: #ddd !important; height: 2px;}
 	.dp .dp_best_live .swiper-scrollbar-drag {background:#222 !important;}
 
@@ -2335,7 +2338,7 @@ dp_banner_slide03
 	.od .od_cont button.btn_sm {height:34px; min-width:70px; padding:9px 13px; font-size:14px; font-weight:200;}
 	.od .od_cont button.btn_dark {font-weight:200;}
 	.od .od_cont button.btn_default {border-color:#a7a7a7; color:#222;}
-	.od .od_cont .form_control {min-width:400px; height:42px; padding-left:18px; font-size:14px;} 
+	.od .od_cont .form_control {min-width:400px; height:42px; padding-left:18px; color:#222; font-size:14px;} 
 	.od .od_cont .sec_head {margin-bottom:60px;}
 	.od .od_cont .sec_head .tbl .number {color:#fd4802; font-weight:500;}
 	.od .od_cont .sec_head .tbl td {text-align:left;}
@@ -2373,7 +2376,7 @@ dp_banner_slide03
 	.od .od_side {float:right; width:320px;}
 	.od .od_side h3 {color:#222; font-size:24px; font-weight:500;}
 	.od .od_side h4 {font-size:18px; font-weight:500; margin-bottom:20px;}
-	.od .od_side .item_gd figure {position:relative; height:150px;}
+	.od .od_side .item_gd figure {position:relative; min-height:150px;}
 	.od .od_side .item_gd figure::after {content: ''; display: block; clear: both;}
 	.od .od_side .item_gd figure .thumb {float:left; width:100px; height:150px; padding-top:0;} 
 	.od .od_side .item_gd figure figcaption {display:table-cell; width:178px; height:150px; vertical-align:middle; padding-left:20px}
@@ -2424,6 +2427,7 @@ dp_banner_slide03
 	.od .od_side .area_order .totalprice_box dl dd span {font-size:24px;}
 	.od .od_side .area_order .totalprice_box .info_point {margin-top:12px; color:#888; font-size:14px; font-weight:300; text-align:right; line-height:16px;}
 	.od .od_side .area_order .totalprice_box .info_point .save_point {display:inline-block; padding-left:22px; height:16px; background:url('/images/pc/ico_point.png') no-repeat 0 50%; color:#fd4802;}
+	.od .od_side .area_order .totalprice_box .info_extra {margin-top:12px; color:#888; font-size:14px; font-weight:300; text-align:left; line-height:16px;}
 	.od .od_side .area_order .btn_box {padding:0px 30px 35px;}
 	.od .od_side .area_order .btn_box .btn {height:60px; font-weight:300; padding:20px}
 	.od .od_side .area_salecoupon {margin-top:35px}
@@ -2450,6 +2454,8 @@ dp_banner_slide03
 	.od .shopping_bag  {}
 	.od .shopping_bag table th,
 	.od .shopping_bag table td {vertical-align:middle;}
+	.shopping_bag .nodata {padding-top:110px;}
+	.shopping_bag .nodata .txt_box::before {background-image:url('/images/pc/ico_cart_empty.png');}
 	.shopping_bag .sec_head table .form_field > div {display:inline-block; margin-left:30px;}
 	.shopping_bag .sec_head table .form_field span {display:inline-block; height:22px; line-height:22px;}
 	.shopping_bag .sec_head table .form_field span .tag {margin-right:5px}
@@ -2458,8 +2464,35 @@ dp_banner_slide03
 	.shopping_bag .sec_body .sec_select > div .btn {position:absolute; right:0; top:50%; transform:translateY(-50%); height:34px; padding:10px; font-size:14px; font-weight:200;}
 	.shopping_bag .sec_body .sec_part {margin-bottom:60px;}
 	.shopping_bag .sec_body .sec_part:last-child {margin-bottom:0;}
-	.shopping_bag .sec_body .sec_part h3 {margin-bottom:30px}
+	/* .shopping_bag .sec_body .sec_part h3 {margin-bottom:30px} */
+	.shopping_bag .sec_body .sec_part h3{padding-bottom: 30px;border-bottom: 1px solid #ddd;}
 	.shopping_bag .sec_body .sec_part h3 .tit_info {margin-left:15px; color:#666; font-size:16px; font-weight:300;}
+	.shopping_bag .sec_body .sec_part h4 .tit_info {margin-left:10px;color: #666;font-size: 16px;font-weight: 300;}
+	.shopping_bag .area_part {border-top: 0;}
+	.shopping_bag .area_part {padding-top: 40px;}
+	.shopping_bag .area_part + .area_part{margin-top: 0px;padding-top: 0px;}
+	.shopping_bag .area_part + .area_part h4{padding-top: 0px;}
+	.shopping_bag .area_part + .area_part .part_goods .goods_cont:last-child{padding-bottom: 0px;}
+	.shopping_bag .area_part + .area_part .part_goods .goods_cont .goods_info:last-child {padding-bottom:0px;}
+	.shopping_bag .area_part + .area_part .part_goods .goods_cont .goods_info:last-child{border-bottom: 0px;}
+	.shopping_bag .part_goods .goods_cont .goods_info:last-child{margin-bottom: 0px;padding-bottom: 40px;border-bottom: 1px dashed #ddd;}
+	
+
+	/* od_shopping_Bag 실시간조회상품 */
+	.container .wrap .content.od_realtime {position:relative; max-width:1460px; margin-top:120px;}
+	.od .od_realtime {}
+	.od_realtime .swiper-container {padding:0px;}
+	.od_realtime .swiper-container .swiper-wrapper {}
+	.od_realtime .swiper-container .swiper-wrapper .swiper-slide .item_prod {width:100%}
+	.od_realtime .swiper-container .swiper-wrapper .swiper-slide .item_state {padding:0;}
+	.od_realtime .swiper-button-prev {left:-70px; top:275px}
+	.od_realtime .swiper-button-next {right:-70px; top:275px}
+	.od_realtime .swiper-button-prev::after,
+	.od_realtime .swiper-button-next::after {content: ''; display:inline-block; width:27.5px; height:50px; background:url(/images/pc/ico_arr_lg.png) no-repeat;}
+	.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) {}
 
 	/* od_shopping_Bag 추천상품 */
 	.container .wrap .content.od_recommend {position:relative; max-width:1460px; margin-top:120px;}
@@ -2482,6 +2515,7 @@ dp_banner_slide03
 	.odPayment .icon_tag {display:inline-block; vertical-align:top;}
 	.odPayment .icon_tag::after {content:''; clear:both; display:inline-block; font-weight:300;}
 	.odPayment .icon_tag .tag {float:left; margin-left:6px}
+	.odPayment .input_wrap > .btn.btn_dark.btn_sm {height:42px; min-width:70px; padding:13px; font-size:14px; font-weight:300;}
 	.odPayment .foldGroup .fold_head .data .total_gift,
 	.odPayment .foldGroup .fold_head .data .total_deduct {color:#fd4802; font-weight:500;}
 	.odPayment .foldGroup .fold_head .data .maxdisc_amount {padding:0; margin:0; color:#fd4802;}
@@ -2490,6 +2524,8 @@ dp_banner_slide03
 	.odPayment .fold_cont .area_overseas,
 	.odPayment .fold_cont .area_customitem,
 	.odPayment .fold_cont .area_selpoint {padding-top:30px; margin-top:30px; border-top:1px dashed #ddd;}
+	.odPayment .fold_cont .area_selpoint input[type="text"]:read-only,
+	.odPayment .fold_cont .area_selpoint input[type="text"]:disabled {background:#fff;}
 	.odPayment .fold_cont .area_overseas .info_txt,
 	.odPayment .fold_cont .area_customitem .info_txt {margin-top:25px;}
 
@@ -2547,7 +2583,7 @@ dp_banner_slide03
 	.odPayment .gift_box .form_field .gift label > span {display:inline-block; width:100%;}
 	.odPayment .gift_box .form_field .gift label .thumb {position:absolute; left:50px; top:10px; width:77px; height:98px; background-color:#eee;}
 	.odPayment .gift_box .form_field .gift label .thumb img {width:100%;}
-	.odPayment .gift_box .form_field .gift label .name {width:160px; color:#666; font-size:14px; line-height:1.4; font-weight:200;}
+	.odPayment .gift_box .form_field .gift label .name {width:100%; color:#666; font-size:14px; line-height:1.4; font-weight:200;}
 	.odPayment .gift_box .form_field .gift label .deduct {margin-top:5px;color:#fd4802; font-weight:300; font-size:14px;}
 	.odPayment .form_field .agree_gift {display:block; width:100%; padding-top:30px; margin-top:30px; border-top:1px dashed #ddd; text-align:center;}
 	.odPayment .form_field .agree_gift .btn_underline {display:inline-block; margin-left:10px; padding:0px; border-bottom-color:#888;}
@@ -2560,7 +2596,6 @@ dp_banner_slide03
 	.odPayment .area_seldiscount dl > div dt {width:170px; margin-right:0;}
 	.odPayment .area_seldiscount dl > div dd {width:485px;}
 	.odPayment .area_seldiscount .sale_coupon_box {}
-	.odPayment .area_seldiscount .sale_coupon_box button.btn_sm {height:42px; min-width:70px; padding:13px; font-size:14px; font-weight:300;}
 	.odPayment .area_seldiscount .sale_coupon_box .btn_default {width:80px; margin-left:14px; margin-top:-13px; vertical-align:top;}
 	.odPayment .area_seldiscount .sale_coupon_box .maxdisc_amount {color:#fd4802; font-weight:300;}
 	.odPayment .area_seldiscount .sale_coupon_box .form_field {margin-top:18px}
@@ -2591,8 +2626,8 @@ dp_banner_slide03
 	.odPayment .area_selpoint .form_field .useable_point em {font-weight:500;}
 	.odPayment .area_selpoint .form_field .remain_point {margin-right:10px; color:#fd4802; font-size:14px; font-weight:200;}
 	.odPayment .area_selpoint .form_field p {margin-top:15px; color:#888; font-size:14px;}
-	.odPayment .area_selpoint .form_field .agree_receipt {margin-top:20px;}
-	.odPayment .area_selpoint .form_field .agree_receipt .info_box {margin-top:10px;}
+	/*.odPayment .area_selpoint .form_field .agree_receipt {margin-top:20px;}
+	.odPayment .area_selpoint .form_field .agree_receipt .info_box {margin-top:10px;}*/
 
 	.odPayment .fold_paymethod .fold_cont {margin-top:-10px;}
 	.odPayment .area_paymethod {}
@@ -2685,6 +2720,12 @@ dp_banner_slide03
 	.odPayment .area_paybtn .btn {height:80px; font-size:20px; font-weight:300;}
 	.odPayment .area_paybtn .btn em {font-weight:500;}
 
+	.odPayment .extra_pay {padding:0px 30px 40px; margin-bottom: 20px; border-top:1px solid #222; border-bottom:1px solid #ddd;}
+	.odPayment .extra_pay .tit_pay {padding:30px 0px; line-height:1; font-size:24px; font-weight:500;}
+	.odPayment .extra_pay .area_paymethod {}
+	.odPayment .extra_pay .area_paymethod .paymethod_box .sel_method li {width:50%;}
+
+
 	/* od_completed */
 	.od .completed {}
 	.completed .tbl table td .btn.btn_sm.btn_default {color:#222; border:1px solid #a7a7a7;}
@@ -2822,6 +2863,15 @@ dp_banner_slide03
 	.modal.opt_modify_pop .area_order .opt_count .number_count .plus::after {content:''; background-position:100% 0;}
 	.modal.opt_modify_pop .area_order .opt_count .number_count .minus::after {content:''; background-position:0 0;}
 	.modal.opt_modify_pop .area_order .opt_count .number_count input[type='text'] {width:44px; height:40px; padding:0; text-align:center; color:#222; font-size:15px; font-weight:200; border:none;}
+	
+	/* moresale_pop */
+	.modal.moresale_pop .area_benefit {margin-bottom:30px; padding-top:4px; color:#fd4802; font-size:14px;}
+	.modal.moresale_pop .area_benefit::after {clear:both; display:block;}
+	.modal.moresale_pop .area_benefit .tag {float:left; width:55px; margin-top:-4px;}
+	.modal.moresale_pop .area_benefit p {float:left;}
+	.modal.moresale_pop .area_benefit p span {float:left;  position:relative; padding:0px 12px;}
+	.modal.moresale_pop .area_benefit p span::before {content:''; position:absolute; width:1px; height:14px; left:0px; top:50%; transform:translateY(-50%); background:#ddd;}
+	.modal.moresale_pop .area_benefit p span:first-child::before {display:none;}
 
 	/**** od_odPayment_popup ****/
 	/* couponModify_pop */	
@@ -2863,9 +2913,34 @@ dp_banner_slide03
 	.modal.couponModify_pop .area_cart_coupon .cart_coupon .discount {margin-top:10px;  color:#fd4802; font-size:16px; font-weight:300;}
 	.modal.couponModify_pop .area_cart_coupon .cart_coupon .discount span {font-weight:500;}
 	/* adrsChange_pop */	
-	.modal.adrsChange_pop {}
+	.modal.adrsChange_pop {width:600px;}
+	.modal.adrsChange_pop .modal-footer {margin-top:0; margin-left:-60px; margin-right:-60px; margin-bottom:-60px;}
+	.modal.adrsChange_pop .btn.btn_sm {min-width:70px; height:34px; padding-top:9px; font-size:14px; font-weight:300;}
+	.modal.adrsChange_pop .pop_cont {max-height:510px !important; margin-left:-20px; margin-right:-20px; padding:0 20px 60px;}
+	.modal.adrsChange_pop .pop_cont li {margin-top:30px;}
+	.modal.adrsChange_pop .pop_cont li:first-child {margin-top:0}
+	.modal.adrsChange_pop .pop_cont .adrs_box {padding:30px; border:1px solid #ddd; color:#222; font-size:16px;}
+	.modal.adrsChange_pop .pop_cont .adrs_box .btn {margin-top:30px;}
+	.modal.adrsChange_pop .pop_cont .adrs_box .btn:first-child {float:left;}
+	.modal.adrsChange_pop .pop_cont .adrs_box .btn:last-child {float:right;}
+	.modal.adrsChange_pop .pop_cont .adrs_box dl > div {margin-top:15px}
+	.modal.adrsChange_pop .pop_cont .adrs_box dl > div:first-child {margin-top:0; margin-bottom:20px; height:16px;}
+	.modal.adrsChange_pop .pop_cont .adrs_box dl > div dt {float:left;}
+	.modal.adrsChange_pop .pop_cont .adrs_box .icon_tag {display:inline-block; margin-top:-3px; vertical-align:top;}
+
 	.modal.adrsAdd_pop {}
-	.modal.rqstModify_pop {}
+	.modal.rqstModify_pop {width:600px;}
+	.modal.rqstModify_pop .area_request {border-top:1px solid #222; padding-top:30px}
+	.modal.rqstModify_pop .area_request .form_field > div {margin-top:35px;}
+	.modal.rqstModify_pop .area_request .form_field > div:first-child {margin-top:0;}
+	.modal.rqstModify_pop .area_request .form_field > div label {color:#222; font-size:16px; font-weight:200; line-height:1;}
+	.modal.rqstModify_pop .area_request .info_box .input_wrap {margin-top:15px;}
+	.modal.rqstModify_pop .area_request .info_box .input_wrap p {position:relative; padding-left:10px; margin-top:15px; color:#888; font-size:14px; font-weight:200;}
+	.modal.rqstModify_pop .area_request .info_box .input_wrap p::before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:2px; height:2px; background:#888;}
+	.modal.rqstModify_pop .btn_group_block {margin-top:60px;}
+	.modal.rqstModify_pop .btn_group_block .btn.btn_block {width:220px; height:60px; margin:auto; font-size:18px; font-weight:300;}
+
+
 	/* 간편결제 팝업 지울것 
 	.modal.qPayAgree_pop {}
 	.modal.qPayAgree_pop .area_QpayCk {margin-top:10px;}
@@ -2911,7 +2986,7 @@ dp_banner_slide03
 	.star_score .score {color:#222; font-size:16px; font-weight:200; line-height:1;}
 	.star_score .score em {font-weight:500;}
 
-	.pd .wrap {padding-top:70px}
+	.pd .wrap {padding-top:70px; padding-bottom:160px;}
 	.pd .item_picker {position:absolute; z-index:2; transform:translate(-50%,-50%);}
 	.pd .item_picker .pick_descr {display:none; position:absolute; background:#fff; z-index:2;}
 	.pd_pop .select_custom .combo .list > li:hover {background:none;}
@@ -2920,7 +2995,8 @@ dp_banner_slide03
 	/* pd_detail */
 	.pd_detail {}
 	.pd_detail .thumb {display:block; position:relative; width:100%; height:0px; line-height:0; font-size:0; padding-top:150%; background:#f5f5f5; overflow:hidden;}
-	.pd_detail .thumb img {position:absolute; left:0; top:50%; width:100%; transform:translateY(-50%) ; z-index:2;}
+	.pd_detail .thumb img,
+	.pd_detail .thumb video {position:absolute; left:0; top:50%; width:100%; transform:translateY(-50%) ; z-index:2;}
 	.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;*/}
 
@@ -2928,10 +3004,12 @@ dp_banner_slide03
 	.pd_detail .item_detail .area_pic {float:left; position:relative; width:calc(100% - 560px); max-width:1200px; box-sizing:border-box;}
 	.pd_detail .area_pic .thumb_nav_wrap {position:absolute; left:auto; top:0; width:50px; z-index:2;}
 	.pd_detail .area_pic .thumb_nav_wrap .thumbnav {position:relative; padding:30px 0;}
+	.pd_detail .area_pic .thumb_nav_wrap .thumbnav .thumb.mov::after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3) url('/images/pc/ico_play.png') no-repeat 50% 50%; z-index:2;}
 	.pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-container {max-height:500px;}
 	.pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-container .swiper-slide {width:50px; height:75px !important; box-sizing:border-box; background:#f5f5f5;}
 	.pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-container .swiper-slide.on {}
-	.pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-container .swiper-slide img {width:100%; box-sizing:border-box;}
+	.pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-container .swiper-slide img,
+	.pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-container .swiper-slide video {width:100%; box-sizing:border-box;}
 	.pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-container .swiper-slide.on a {display:block; border:1px solid #fd4802;}
 	.pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-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;}
@@ -2945,6 +3023,10 @@ dp_banner_slide03
 	.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;}
@@ -3025,44 +3107,67 @@ dp_banner_slide03
 	.pd_detail .area_desc .desc_wrap .option_box > [class^="opt_"] .opt_header .color,
 	.pd_detail .area_desc .desc_wrap .option_box > [class^="opt_"] .opt_header .size {color:#666; font-weight:200;}
 	.pd_detail .area_desc .desc_wrap .option_box > [class^="opt_"] .opt_header .btn_popup {float:right;}
-	.pd_detail .area_desc .desc_wrap .option_box .info_restock {padding-bottom:30px; border-bottom:1px solid #ddd;}
+	.pd_detail .area_desc .desc_wrap .option_box .info_restock {}
 	.pd_detail .area_desc .desc_wrap .option_box .info_restock a.btn_popup {position:relative; padding-left:22px; padding-right:15px; color:#666; font-size:14px; font-weight:300; border:none;}
 	.pd_detail .area_desc .desc_wrap .option_box .info_restock a.btn_popup::before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:12px; height:13px; background:url('/images/pc/ico_bell.png') no-repeat 0 0;}
 	.pd_detail .area_desc .desc_wrap .option_box .info_restock a.btn_popup::after {content:''; position:absolute; right:0px; top:50%; transform:translateY(-50%); width:6px; height:11px; background:url('/images/pc/ico_more_lg.png') no-repeat 100% 50%; background-size:contain;}
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select {}
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .form_field {margin-top:10px;}
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom {height:52px;}
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom .select {height:52px; padding:19px 40px 19px 18px; border-bottom-color:#ddd;}
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom .select:after {top:50%; right:20px; transform:translateY(-50%); margin-top:5px;}
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.on .select:after {margin-top:-2px}
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom[aria-disabled="true"] .select {color:#bbb; background:#f5f5f5;}
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom .combo .list {top:52px; padding:0}
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom .combo .list > li {padding:18px 18px; line-height:1; color:#666}
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom .combo .list > li[aria-disabled="true"] {color:#bbb;}
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom .combo .list > li > div {margin-top:5px}
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom .combo .list > li > div:first-child {margin-top:0;}
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom .combo .list > li .opt_name {}
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom .combo .list > li .opt_price {font-size:14px;}
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom .combo .list > li[data-soldout="true"]::after {right:18px; top:50%; bottom:auto; transform:translateY(-50%);}
+	.pd .option_box .opt_select,
+	.pd .option_box .opt_set_select {}
+	.pd .option_box .opt_select .form_field,
+	.pd .option_box .opt_set_select .form_field {margin-top:10px;}
+	.pd .option_box .opt_select .form_field:first-child,
+	.pd .option_box .opt_set_select .form_field:first-child {margin-top:0}
+	.pd .option_box .opt_select .select_custom,
+	.pd .option_box .opt_set_select .select_custom {height:52px;}
+	.pd .option_box .opt_select .select_custom .select,
+	.pd .option_box .opt_set_select .select_custom .select {height:52px; padding:19px 40px 19px 18px; border-bottom-color:#ddd;}
+	.pd .option_box .opt_select .select_custom .select:after,
+	.pd .option_box .opt_set_select .select_custom .select:after {top:50%; right:20px; transform:translateY(-50%); margin-top:5px;}
+	.pd .option_box .opt_select .select_custom.on .select:after,
+	.pd .option_box .opt_set_select .select_custom.on .select:after {margin-top:-2px}
+	.pd .option_box .opt_select .select_custom[aria-disabled="true"] .select,
+	.pd .option_box .opt_set_select .select_custom[aria-disabled="true"] .select {color:#bbb; background:#f5f5f5;}
+	.pd .option_box .opt_select .select_custom .combo .list,
+	.pd .option_box .opt_set_select .select_custom .combo .list {top:52px; padding:0}
+	.pd .option_box .opt_select .select_custom .combo .list > li,
+	.pd .option_box .opt_set_select .select_custom .combo .list > li {padding:18px 18px; line-height:1; color:#666}
+	.pd .option_box .opt_select .select_custom .combo .list > li[aria-disabled="true"],
+	.pd .option_box .opt_set_select .select_custom .combo .list > li[aria-disabled="true"] {color:#bbb;}
+	.pd .option_box .opt_select .select_custom .combo .list > li > div,
+	.pd .option_box .opt_set_select .select_custom .combo .list > li > div {margin-top:5px}
+	.pd .option_box .opt_select .select_custom .combo .list > li > div:first-child,
+	.pd .option_box .opt_set_select .select_custom .combo .list > li > div:first-child {margin-top:0;}
+	.pd .option_box .opt_select .select_custom .combo .list > li .opt_name,
+	.pd .option_box .opt_set_select .select_custom .combo .list > li .opt_name {}
+	.pd .option_box .opt_select .select_custom .combo .list > li .opt_price,
+	.pd .option_box .opt_set_select .select_custom .combo .list > li .opt_price {font-size:14px;}
+	.pd .option_box .opt_select .select_custom .combo .list > li[data-soldout="true"]::after,
+	.pd .option_box .opt_set_select .select_custom .combo .list > li[data-soldout="true"]::after {right:18px; top:50%; bottom:auto; transform:translateY(-50%);}
 
 	/**/
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item,
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .select {height:110px; background:transparent;}
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .item_prod {width:100%; z-index:-1;}
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state {display:table; width:100%; height:70px; padding:0; margin:0}
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a {display:table-cell; position:relative; width:100%; height:70px; padding-left:70px; padding-right:40px; vertical-align:middle;}
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a .itemPic {position:absolute; left:0; top:0; width:50px; height:70px; padding:0; margin:0}
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a .itemName {max-width:100%; height:20px; margin-bottom:0px; line-height:20px; font-size:14px; -webkit-line-clamp:1;}
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a .itemName .tit_option {font-weight:500;}
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a .itemPrice {margin-top:13px}
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a .itemPercent {position:relative;}
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a .itemPrice_original {margin-right:0;}
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a .itemPercent {margin-right:0;}
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a > [class^="item"] {margin-left:0; margin-right:0;} 
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .combo .list {top:110px}
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .combo .list > li {border-bottom:1px solid #eee;}
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .combo .list > li[aria-disabled="true"] a [class^="item"] {color:#bbb; text-decoration:line-through;} 
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .combo .list > li[aria-disabled="true"] a img {opacity:0.3;}
+	.pd .option_box .opt_select .select_custom.deal_opt_item,
+	.pd .option_box .opt_select .select_custom.deal_opt_item .select {height:110px; background:transparent;}
+	.pd .option_box .opt_select .select_custom.deal_opt_item .item_prod {width:100%; z-index:-1;}
+	.pd .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state {display:table; width:100%; height:70px; padding:0; margin:0}
+	.pd .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a {display:table-cell; position:relative; width:100%; height:70px; padding-left:70px; padding-right:40px; vertical-align:middle;}
+	.pd .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a .itemPic {position:absolute; left:0; top:0; width:50px; height:70px; padding:0; margin:0}
+	.pd .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a .itemName {max-width:100%; height:20px; margin-bottom:0px; line-height:20px; font-size:14px; -webkit-line-clamp:1;}
+	.pd .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a .itemName .tit_option {font-weight:500;}
+	.pd .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a .itemPrice {margin-top:13px}
+	.pd .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a .itemPercent {position:relative;}
+	.pd .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a .itemPrice_original {margin-right:0;}
+	.pd .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a .itemPercent {margin-right:0;}
+	.pd .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a > [class^="item"] {margin-left:0; margin-right:0;} 
+	.pd .option_box .opt_select .select_custom.deal_opt_item .combo .list {top:110px}
+	.pd .option_box .opt_select .select_custom.deal_opt_item .combo .list > li {border-bottom:1px solid #eee;}
+	.pd .option_box .opt_select .select_custom.deal_opt_item .combo .list > li:hover {background:transparent;}
+	.pd .option_box .opt_select .select_custom.deal_opt_item .combo .list > li[aria-disabled="true"] a [class^="item"] {color:#bbb; text-decoration:line-through;} 
+	.pd .option_box .opt_select .select_custom.deal_opt_item .combo .list > li[aria-disabled="true"] a img {opacity:0.3;}
+
+	.pd .option_box .opt_set_select {}
+	.pd .option_box .opt_set_select .set_option {margin-top:25px;}
+	.pd .option_box .opt_set_select .set_option:first-child {margin-top:0}
+	.pd_detail .area_desc .desc_wrap .option_box .opt_set_select .set_option .opt_header .title {font-weight:200;}
 
 	.pd.deal .tab_detail_cont .select_custom.deal_opt_item,
 	.pd.deal .tab_detail_cont .select_custom.deal_opt_item .select {height:110px}
@@ -3096,7 +3201,7 @@ dp_banner_slide03
 	.pd_detail .area_desc .desc_wrap .option_box .result_item .opt_header .item_option {margin-top:10px; color:#888;}
 	.pd_detail .area_desc .desc_wrap .option_box .result_item .item_price {position:absolute; right:0; bottom:30px; color:#222; font-size:18px; font-weight:500;}
 	.pd_detail .area_desc .desc_wrap .option_box .result_item .btn_delete_item {position:absolute; right:0; top:30px; width:14px; height:14px; overflow:hidden; background:url('/images/pc/btn_delete_item.png') no-repeat 50% 50%; image-rendering:pixelated; text-indent:-999px; z-index:2;}
-	.pd_detail .area_desc .desc_wrap .option_box .opt_count {padding-bottom:0;}
+	.pd_detail .area_desc .desc_wrap .option_box .opt_count {margin-top:30px; padding-bottom:0; border-top:1px solid #ddd;}
 	.pd_detail .area_desc .desc_wrap .option_box .number_count {display:inline-block; border:1px solid #ddd}
 	.pd_detail .area_desc .desc_wrap .option_box .number_count::after {content:''; clear:both; display:block;}
 	.pd_detail .area_desc .desc_wrap .option_box .number_count span,
@@ -3242,7 +3347,7 @@ dp_banner_slide03
 	.pd_recommend .swiper-pagination {margin-top:40px}
 
 	.pd_relate {}
-	.pd_relate .area_slider {margin-bottom:230px;}
+	.pd_relate .area_slider {}
 	.pd_relate .area_slider .itemName {}
 
 	.pd_dealitem {}
@@ -3266,17 +3371,24 @@ dp_banner_slide03
 	.pd.deal div::after,
 	.pd.deal dl::after,
 	.pd.deal ul::after {content:''; clear:both; display:block;}
- 
-	.pd.deal .pd_detail .area_desc .desc_wrap .descript_box .desc_info {margin-top:20px}
-	.pd.deal .pd_desc_wrap {position:relative; width:calc(100% - 560px); max-width:1200px; margin:100px 0px 0px; box-sizing:border-box;}
-
-	.pd.deal .tab_detail_nav {height:60px; padding-bottom:60px; box-sizing:initial;}
+	.pd.deal .tab_detail_nav {position:relative; width:100%; height:60px; padding-bottom:60px; box-sizing:initial;}
 	.pd.deal .tab_detail_nav ul {position:absolute; left:0; top:0; width:100%; height:60px; z-index:2;}
-	.pd.deal .tab_detail_nav.fix ul {position:fixed; left:70px; top:80px; width:1200px; z-index:5;}
+	.pd.deal .tab_detail_nav.fix ul {position:fixed; left:70px; top:80px; min-width:760px; width:calc(100% - 700px); z-index:5;}
 	.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_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}
+	.pd.deal .content.pd_desc_wrap {position:relative; margin:100px 0px 0px; box-sizing:border-box;}
+	.pd_desc_wrap {}
+	.pd_desc_wrap .item_descrp::after {content:''; clear:both; display:block;}
+	.pd_desc_wrap .item_descrp .area_list {float:left; width:calc(100% - 560px); max-width:1200px;}
+	.pd_desc_wrap .item_descrp .area_option {float:right;}
+	.pd_desc_wrap .item_descrp .area_option .opt_wrap {width:510px; padding-left:70px; padding-top:30px; border-left:1px solid #ddd;}
+	.pd_desc_wrap .item_descrp .area_option .opt_wrap.fixtop {position:fixed; right:70px; top:80px; width:510px}
+	.pd_desc_wrap .item_descrp .area_option .opt_wrap.absbottom {position:absolute; top:auto; bottom:0px; right:0;}
 
 
 	/* pd_popup */
@@ -3539,6 +3651,8 @@ dp_banner_slide03
 	.pd_pop[class*="reviewdetail_pop"] .detail .review .thumblist ul::after {content:''; clear:both; display:;}
 	.pd_pop[class*="reviewdetail_pop"] .detail .review .thumblist li {float:left; margin-right:8px;}
     .pd_pop[class*="reviewdetail_pop"] .detail .review .thumblist li .pic {position:relative; width:50px; height:50px; cursor:pointer; z-index:2;}
+	.pd_pop[class*="reviewdetail_pop"] .detail .review .thumblist li .pic .thumb img,
+	.pd_pop[class*="reviewdetail_pop"] .detail .review .thumblist li .pic .thumb video {display:none;}
 
 	/* pd_popup > 베스트  리뷰 자세히 보기 */
 	.modal.pd_pop.pd_bestreviewdetail_pop {}
@@ -3603,11 +3717,11 @@ dp_banner_slide03
 	.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;}
 	.pd_pop .full_popup_wrap {}
-	.pd_pop .full_popup_wrap .btn_close {position:fixed; right:30px; top:30px; z-index:12; }
+	.pd_pop .full_popup_wrap .btn_close {position:fixed; right:30px; top:30px; display:inline-block; z-index:130; cursor:pointer;}
 	.pd_pop .full_popup_wrap .btn_close a {display:block; width:25px; height:25px; text-indent:-9999px; background:url('/images/pc/ico_pop_cls.png') no-repeat 50% 50%; background-size:100% auto;}
 	.pd_pop .full_popup_wrap .full_pop_header {position:fixed; top:0; left:0; right:0; width:100%; height:160px; padding:20px 70px; border-bottom:1px solid #ddd; box-sizing:border-box; background:#fff; z-index:11; box-sizing:border-box;}
 	.pd_pop .full_popup_wrap .full_pop_header .item_prod {position:relative; width:100%; height:120px;}
-	.pd_pop .full_popup_wrap .full_pop_header .item_prod .item_state {display:table; width:50%; padding:0;}
+	.pd_pop .full_popup_wrap .full_pop_header .item_prod .item_state {display:table; width:100%; padding:0;}
 	.pd_pop .full_popup_wrap .full_pop_header .item_prod .item_state a.itemLink {display:table-cell; height:120px; padding:0 0 0 110px; vertical-align:middle;}
 	.pd_pop .full_popup_wrap .full_pop_header .item_prod .item_state .itemPic {position:absolute; left:0; top:0; width:80px; height:120px; padding:0; margin:0}
 	.pd_pop .full_popup_wrap .full_pop_header .item_prod .item_state .itemBrand {margin:0}
@@ -3615,19 +3729,19 @@ dp_banner_slide03
 	.pd_pop .full_popup_wrap .full_pop_header .item_prod .item_state .itemPrice {margin:20px 0 0}
 	.pd_pop .full_popup_wrap .full_pop_header .item_prod .item_state .itemPercent {position:relative; top:auto; right:auto;}
 	.pd_pop .full_popup_wrap .full_pop_header .select_custom {width:50%; height:auto;}
-	.pd_pop .full_popup_wrap .full_pop_header .select_custom .combo .select {height:auto; border:0; padding:0 200px 0 0}
+	.pd_pop .full_popup_wrap .full_pop_header .select_custom .combo .select {height:120px; border:0; padding:0 200px 0 0}
 	.pd_pop .full_popup_wrap .full_pop_header .select_custom .combo .list {top:120px}
 	.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 .full_pop_container {width:100%; padding:0px;}
-	.pd_pop.full_pop.pd_itemthumb_pop .full_pop_container .scaleview {display:block; text-align:center; margin-top:40px;}
+	.pd_pop.full_pop.pd_itemthumb_pop .full_pop_container .scaleview {display:block; text-align:center; margin-top:40px; z-index:1;}
 	.pd_pop.full_pop.pd_itemthumb_pop .full_pop_container .scaleview:first-child {margin-top:0}
 	.pd_pop.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;}
+	.pd_pop.full_pop.pd_descrp_pop {padding:0; margin:0; /*background:none;*/}
 	.pd_pop.full_pop.pd_descrp_pop .full_popup_wrap  {padding:0 70px}
 	.pd_pop.full_pop.pd_descrp_pop .full_popup_wrap .full_pop_container {float:left; width:calc(100% - 560px); min-width:1200px; background:#fff;}
 	.pd_pop.full_pop.pd_descrp_pop .full_pop_fix_r {position:fixed; z-index:2; right:0; top:0; bottom:0; width:580px; padding:160px 70px 0; border-left:1px solid #ddd; box-sizing:border-box; background:#fff;}
@@ -3813,10 +3927,6 @@ dp_banner_slide03
 	.pd_review .area_rv_all .review_list .review .reply_box .reply .reply_writer .wr_date::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); height:12px; width:1px; background:#ddd;}
 	.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 .nodata .txt_box {color:#666; font-size:16px; font-weight:300; line-height:26px;}
-	.pd_review .area_rv_all .nodata .txt_box::before {content:''; display:block; width:36px; height:46px; margin:0 auto 24px; background:url('/images/pc/ico_content_none.png') no-repeat;}
-	.pd_review .area_rv_all .nodata .btn_box {margin-top:40px;}
-	.pd_review .area_rv_all .nodata .btn_box .btn span {color:#222; font-size:14px; font-weight:300;}
 	.pd_review .area_rv_all .ui_row .pageNav {margin-top:50px}
 
 	/* pd_popup > 배송교환반품 안내 */
@@ -4440,6 +4550,7 @@ dp_banner_slide03
 	.modal.coupon_popup .modal-footer {margin-top: 40px;}*/
 		
 	/* ev_공통 */
+	.container.ev .wrap {padding:0;}
 	.ev {padding-bottom:160px;}
 	.ev div::after,
 	.ev dl::after,
@@ -4449,19 +4560,21 @@ dp_banner_slide03
 	.ev .icon > span {position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); font-size: 32px; font-weight: 600; color: #fff;}
 	.ev .icon + span {font-size: 16px; color: #666; font-weight:500;}
 	.ev .icon.vip {background: #fd4802;}
-	.ev .icon.gold {background: #222;}
-	.ev .icon.silver {background: #666;}
-	.ev .icon.bronze {background: #aaa;}
-	.ev .icon.welcome {background: #fff; border:2px solid #222;}
-	.ev .icon.welcome span {color: #222;}	
+	.ev .icon.gold {background: #cc9d4d;}
+	.ev .icon.silver {background: #888;}
+	.ev .icon.bronze {background: #bf966d;}
+	.ev .icon.welcome {background: #222222;}	
 
 
-	.container.ev .cont_head > div {position: relative;}
-	.container.ev .cont_head > div .share_btn {position: absolute; top: 0; right: 70px; }
-	.container.ev .cont_head > div h3 {text-align: center; margin-bottom: 0; padding-bottom: 60px; font-size: 40px; line-height: 1;}
+	.ev .cont_head > div {position: relative;}
+	.ev .cont_head > div .share_btn {position: absolute; top: 0; right: 70px; }
+	.ev .cont_head > div h3 {text-align: center; margin-bottom: 0; padding-bottom: 60px; font-size: 40px; line-height: 1;}
 
 
 	/* ev_list */
+	.container.ev .wrap .content.ev_list {padding:0 70px;}
+	.ev .ev_list .area_thumb_list, .ev .ev_list .area_top_list_info {}
+	.ev_list .area_top_list_info .ui_right {}
 	.ev_list .area_top_list_info .ui_right .btn {height:40px; padding:12px 20px; font-size:14px; font-weight:300; border:1px solid #a7a7a7;}
 	.ev_list .area_top_list_info .ui_right .btn span {display:inline-block; padding-right:17px; vertical-align:top; line-height:1; background:url('/images/pc/ico_more_sm.png') no-repeat 100% 50%;}
 	.ev_list .ev_mem_rank {position:relative; background:#f5f5f5; padding:60px 100px; margin-top:60px; margin-bottom:100px;}
@@ -4531,21 +4644,22 @@ dp_banner_slide03
 	.ev_rank .my_rank_progress .benefit_txt strong {color: #222; font-weight: 600;}
 
 	/* ev_rank 등급 혜택 테이블 */
-	.ev_rank .rank_tbl_wrap {margin-bottom: 60px;}
-	.ev_rank .rank_tbl_wrap h3 {margin-bottom: 50px; font-size: 34px; font-weight: 500; text-align: center;}
-	.ev_rank .rank_tbl_wrap .icon {margin:0 auto 20px;}
-	.ev_rank .rank_tbl_wrap .icon + span {display: block; text-align: center; font-size: 18px; color: #222; font-weight: 500;}
-	.ev_rank .rank_tbl_wrap .tbl_wrap table {border:1px solid #ddd;}
-	.ev_rank .rank_tbl_wrap .tbl_wrap table th {width: 100px; background: #f5f5f5; font-size: 16px; color: #000; font-weight: 300; border:1px solid #ddd;}
-	.ev_rank .rank_tbl_wrap .tbl_wrap table .td_30 td {padding:30px 0;}
-	.ev_rank .rank_tbl_wrap .tbl_wrap table .td_30 td p {margin-top: 0;}
-	.ev_rank .rank_tbl_wrap .tbl_wrap table td {width: 220px; padding:40px 0; border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align: center;}
-	.ev_rank .rank_tbl_wrap .tbl_wrap table td.vt {vertical-align: top;}
-	.ev_rank .rank_tbl_wrap .tbl_wrap table td p {font-size: 16px; line-height: 1.4; color: #222; font-weight: 200; letter-spacing: -0.025em; margin-top: 20px;}
-	.ev_rank .rank_tbl_wrap .tbl_wrap table td.bbn {padding-bottom: 0; border-bottom: 0;}
+	.modal.cmt_popup .swiper-button-next.swiper-button-disabled, .modal.cmt_popup .swiper-button-prev.swiper-button-disabled {opacity:1;}
+	.ev_benefit_tbl .rank_tbl_wrap {margin-bottom: 60px;}
+	.ev_benefit_tbl  h3 {margin-bottom: 50px; font-size: 34px; font-weight: 500; text-align: center;}
+	.ev_benefit_tbl .rank_tbl_wrap .icon {margin:0 auto 20px;}
+	.ev_benefit_tbl .rank_tbl_wrap .icon + span {display: block; text-align: center; font-size: 18px; color: #222; font-weight: 500;}
+	.ev_benefit_tbl .rank_tbl_wrap .tbl_wrap table {border:1px solid #ddd;}
+	.ev_benefit_tbl .rank_tbl_wrap .tbl_wrap table th {width: 100px; background: #f5f5f5; font-size: 16px; color: #000; font-weight: 300; border:1px solid #ddd;}
+	.ev_benefit_tbl .rank_tbl_wrap .tbl_wrap table .td_30 td {padding:30px 0;}
+	.ev_benefit_tbl .rank_tbl_wrap .tbl_wrap table .td_30 td p {margin-top: 0;}
+	.ev_benefit_tbl .rank_tbl_wrap .tbl_wrap table td {width: 220px; padding:40px 0; border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align: center;}
+	.ev_benefit_tbl .rank_tbl_wrap .tbl_wrap table td.vt {vertical-align: top;}
+	.ev_benefit_tbl .rank_tbl_wrap .tbl_wrap table td p {font-size: 16px; line-height: 1.4; color: #222; font-weight: 200; letter-spacing: -0.025em; margin-top: 20px;}
+	.ev_benefit_tbl .rank_tbl_wrap .tbl_wrap table td.bbn {padding-bottom: 0; border-bottom: 0;}
 
 	/* ev 안내사항_공통 */
-	.announce_txt {position: relative; padding-left: 125px; box-sizing: border-box; letter-spacing: -0.025em;}
+	.announce_txt {position: relative; padding-left: 125px; box-sizing: border-box; letter-spacing: -0.025em; }
 	.announce_txt .note_txt {position: absolute; left: 0; top: 0; text-align: center;}
 	.announce_txt .note_txt p {font-size: 18px; font-weight: 300; color: #888; margin-top: 20px;}
 	.announce_txt .announce_list .tit {font-size: 16px; font-weight: 300; color: #888; margin-bottom: 20px;}
@@ -4555,38 +4669,59 @@ dp_banner_slide03
 	.announce_txt .announce_list ul li:before {content:''; position: absolute; top: 50%; left: 0; width: 2px; height: 2px; background: #888; margin-top: -2px;}
 	.announce_txt .announce_list ul li:last-child {margin-bottom: 0;}
 	
-	/* ev_check, ev_renew 출석 체크 이벤트 */
-	.container.ev .cont_head > .renew_check_tit {position: relative;}
-	.container.ev .cont_head > .renew_check_tit h3 {padding-bottom: 80px;}
+	.ev .announce_txt.type01 {max-width:1580px; margin:80px auto; padding-top: 80px; border-top: 1px solid #ddd; padding-left: 315px;}
+	.ev .announce_txt.type01 .note_txt {top: 80px; left: 185px;}
 
-	.ev .renew_check_tit .period {position: absolute; bottom: 40px; left: 50%; transform:translateX(-50%); color: #888;}
-	.ev .attend_banner {width: 100%; height: 779px; background: url(/images/pc/thumb/attend_banner.jpg) no-repeat center; margin-bottom: 120px;}
-
-	.ev .event_calander {position: relative;}
-	.ev .event_calander:after {content:''; position: absolute; bottom: 60px; left: 50%; width: 1580px; height: 1px; background: #ddd; transform: translateX(-50%);}
-	.ev .event_calander .my_attend_day {margin-bottom: 30px;}
-	.ev .event_calander .my_attend_day p {font-size: 40px; font-weight: 300; text-align: center; color: #000; }
-	.ev .event_calander .my_attend_day p span {font-size: 62px; color: #fd4802; font-weight: 600;}
+	/* ev_check, ev_renew 출석 체크 이벤트 */
+	.ev .check {background: #f5f5f5;}
+	.ev .cont_head .renew_check_tit {padding-bottom: 40px;}
+	.ev .cont_head .renew_check_tit .period {font-size: 14px; font-weight: 300; color: #888; text-align: center;}
+	.ev .cont_head .renew_check_tit h3 {padding-bottom: 30px;}
+	.ev .event_calander {position: relative; background-color: #f4f3ef; padding:120px 0; overflow:hidden;}
+	.ev .event_calander:after {content:''; position: absolute; top: 12rem; left: 0; background:url('/images/pc/bg_check01.png'); background-size: 100%; width: 12.5rem; height: 84.1rem; z-index: 1;}
+	.ev .event_calander:before {content:''; position: absolute; top: 0; right: 0; background:url('/images/pc/bg_check02.png'); background-size: 100%; width: 12.5rem; height: 84.1rem; z-index: 1;}
+	.ev .event_calander .check_title {position: relative; z-index: 2; text-align: center;}
+	.ev .event_calander .check_title p {font-size: 30px; font-weight: 200; margin-bottom: 2rem;}
+	.ev .event_calander .check_title h3 {font-size: 90px; font-weight: 600;}
+	.ev .event_calander .check_title h3 strong {color: #fd4802;}
+	.ev .event_calander .check_info {margin:30px 0 18px; text-align: right; position: relative; z-index: 11; font-size: 0;}
+	.ev .event_calander .check_info span {position: relative; font-size: 18px; padding-left: 26px; font-weight: 300;}
+	.ev .event_calander .check_info span:after {content:''; position: absolute; top: 50%; left: 0; transform:translateY(-50%); width: 18px; height: 18px; border-radius:50%;}
+	.ev .event_calander .check_info span.today {margin-right: 1.4rem;}
+	.ev .event_calander .check_info span.today:after {background: #fff; border:1px solid #fd4802;}
+	.ev .event_calander .check_info span.complete:after {background: #fa8d64; border:1px solid #fa8d64;}
+
+	.ev .event_calander .my_attend_day {background: #222; position: relative; padding:25px 40px; overflow:hidden;}
+	.ev .event_calander .my_attend_day p {font-size: 24px; font-weight: 300; color: #fff; }
+	.ev .event_calander .my_attend_day span.day {position: absolute; top: 24px; right: 1.5rem; font-size: 24px; color: #fff; font-weight: 300;}
+	.ev .event_calander .my_attend_day span.day span {color: #ff6b47; font-weight: 600;}
+	.ev .event_calander .tbl_wrap, .ev .event_calander .btn_wrap {position: relative; z-index: 3;}
+	.ev .event_calander .tbl_wrap .tbl {}
 	.ev .event_calander .month_txt {padding-left: 15px; margin-bottom: 35px;}
 	.ev .event_calander .month_txt .kor_t {font-size: 42px; color: #000; font-weight: 600; margin-right: 16px;}
 	.ev .event_calander .month_txt .eng_t {font-size: 20px; color: #888; font-weight: 500; text-transform: uppercase;}
-	.ev .event_calander table {box-sizing: border-box;}
-	.ev .event_calander table th {background: #222; padding:15px 0; font-size: 18px; color: #fff; font-weight: 300; border:1px solid #222; box-sizing: border-box;}
-	.ev .event_calander table th.sun {color: #fd4802;}
-	.ev .event_calander table th.sat {color: #3158ea;}
-	.ev .event_calander table td {padding: 20px; border:1px solid #ddd; height: 100px; vertical-align: top; box-sizing: border-box;}
-	.ev .event_calander table td .date {font-size: 20px; font-weight: 300;}
-	.ev .event_calander table td.today {background: url(/images/pc/ico_cal_today.png) no-repeat top 20px right 26px;}
-	.ev .event_calander table td.complete {background: url(/images/pc/ico_cal_check.png) no-repeat top 20px right 26px;}
-	.ev .event_calander .btn_wrap {margin:60px 0 0; padding-bottom: 140px; text-align: center;}
-	.ev .event_calander .btn_wrap button {padding:20px 75px; font-size: 18px; font-weight: 300;}
+	.ev .event_calander table {padding:20px 0; box-sizing: border-box; width: 100%; border:1px solid #222;}
+	.ev .event_calander table th {background: #fff; padding:40px 0; font-size: 20px; color: #222; font-weight: 300; box-sizing: border-box;}
+	/* .ev .event_calander table th.sun {color: #fd4802;}
+	.ev .event_calander table th.sat {color: #3158ea;} */
+	.ev .event_calander table td {height: 90px; box-sizing: border-box; text-align: center; vertical-align: middle;}
+	.ev .event_calander table td .date {font-size: 24px; font-weight: 300; width: 64px; height: 64px; line-height: 64px; border-radius:50%; margin:0 auto;}
+	.ev .event_calander table td.today .date {border:1px solid #fd4802;}
+	.ev .event_calander table td.complete .date {border:1px solid #fa8d64; background: #fa8d64;}
+	.ev .event_calander table tbody {background: #fff; }
+	.ev .event_calander .btn_wrap {margin:2rem 0 0; text-align: center;}
+	.ev .event_calander .btn_wrap button {width: 220px; font-size: 18px; font-weight: 500; background: #fd4802; border:none; height: 60px;}
+	.ev .event_benefit {padding-top: 30px;}
+	.ev .event_benefit h4 {font-size: 30px; padding-bottom: 20px ; margin-bottom: 0; text-align: center; font-weight: 500;}
+	.ev .event_benefit .benefit_con img {width: 100%;}
 
 	/* ev_renew 이벤트 */
 	.container .wrap .content.survey * {line-height: 1; letter-spacing: -0.025em; box-sizing:border-box;}
-	.ev .renew_banner {position: relative; width: 100%; height: 597px; background: url(/images/pc/thumb/renewal_banner.jpg) no-repeat center;}
-	.ev .renew_banner:after {content:''; position: absolute; bottom: -185px; left: 50%; width: 1580px; height: 1px; background: #ddd; transform: translateX(-50%);}
+	.ev .renew_banner {position: relative; width: 100%;}
+	.ev .renew_banner img {width: 100%;}
 	.ev .renew .btn_wrap {margin:60px auto 140px; text-align: center;}
-	.ev .renew .btn_wrap a.btn {padding:22px 65px 22px 50px; font-size: 18px; color: #222; font-weight: 300; border:1px solid #a7a7a7; background: url(/images/pc/ico_more_lg.png) no-repeat right 41px top 23px;}
+	.ev .renew .btn_wrap a.btn {padding:22px 65px 22px 50px; font-size: 18px; color: #fff; font-weight: 300; background:#fd4802 url(/images/pc/ico_bread_root_w.png) no-repeat right 40px top 24px; 
+	background-size:7px 13px;}
 
 	.container.ev .wrap .content.survey .cont_body {margin-bottom: 0;}
 	.ev .survey_wrap {background: #f5f5f5; padding:60px 0 160px}
@@ -4601,10 +4736,10 @@ dp_banner_slide03
 	.ev .survey_wrap .survey_con .survey_row.q4 h4:before {content:'Q4.'}
 	
 	.ev .survey_wrap .survey_con .survey_row ul li {float:left; margin-top: 30px; margin-right: 50px; position: relative;}
-	.ev .survey_wrap .survey_con .survey_row ul li:last-child textarea {display: none; padding: 10px; width: 300px; height: 52px; font-size: 16px; line-height: 1.5; color: #222; resize:none; position: absolute; top: 50%; left: 80px; transform:translateY(-50%);}
+	.ev .survey_wrap .survey_con .survey_row ul li:last-child input[type='text'] { padding: 10px; width: 300px; height: 52px; font-size: 16px; line-height: 1.5; color: #222; resize:none; position: absolute; top: 50%; left: 80px; transform:translateY(-50%);}
 	.ev .survey_wrap .survey_con .survey_row .form_field input + label {font-weight: 200; font-size: 16px; line-height: 1.7;}
 	.ev .survey_wrap .survey_con .survey_row .form_field input:checked + label {line-height: 1.7;}
-	.ev .survey_wrap .survey_con .survey_row .form_field input.etc:checked + label + textarea {display: inline-block;}
+	.ev .survey_wrap .survey_con .survey_row .form_field input.etc:checked + label + input[type='text'] {}
 
 	.ev .survey_wrap .survey_con .survey_row.q1 ul li:nth-child(5n) {margin-right: 0;}
 	.ev .survey_wrap .survey_con .survey_row.q1 ul li:last-child {width: 100%;}
@@ -4614,21 +4749,23 @@ dp_banner_slide03
 	.ev .survey_wrap .survey_con .survey_row.q3 .doc_ans {width: 100%; height: 220px; padding: 20px; font-size: 14px; line-height: 1.9; color: #888; font-weight: 200; resize:none; margin-top: 30px;}
 
 	.ev .survey_wrap .survey_con .survey_row.q4 {border-bottom: 0;}
-	.ev .survey_wrap .survey_con .survey_row.q4 .q4_ans {height: 220px; resize:none; margin-top: 30px; padding: 20px; font-size: 14px; line-height: 1.9; color: #888; font-weight: 200;}
+	.ev .survey_wrap .survey_con .survey_row.q4 .q4_ans {width: 100%; height: 40px; resize:none; margin-top: 30px; padding: 20px; font-size: 14px; line-height: 1.9; color: #888; font-weight: 200;}
 	.ev .survey_wrap .survey_con .btn_wrap {padding: 20px 0 60px; text-align: center;}
 	.ev .survey_wrap .survey_con .btn_wrap button.btn {padding:15px 80px; font-size: 18px; font-weight: 300;} 
 
 	/* ev_comment 사이트 리뉴얼 댓글 이벤트 */
-	.ev .comment_banner {position: relative; width: 100%; height: 1046px; background: url(/images/pc/thumb/comment_banner.jpg) no-repeat center;}
+	.ev .comment_banner {position: relative; width: 100%;}
+	.ev .comment_banner img {width: 100%;}
 	.ev .wrap .content.cmt * {letter-spacing: -0.025em;}
+	.ev .wrap .content.cmt .fileAdd {width: 100px; height: 100px; background-color: #fff;}
 	.ev .wrap .content.cmt .cont_body {margin-bottom: 0;}
 	.ev .cmt .announce_txt {margin:60px auto;}
 	.ev .cmt_wrap {background: #f5f5f5; padding:60px 0 125px;}
 	.ev .cmt_wrap .cmt_write .cmt_tarea {margin-bottom: 20px;}
 	.ev .cmt_wrap .cmt_write .cmt_tarea textarea {box-sizing: border-box; background: #fff; padding: 20px; resize: none; width: 100%; height: 140px; font-size: 14px; line-height: 1.3; color: #888;}
-	.ev .cmt_wrap .pics {width: 110px; height: 110px;}
+	.ev .cmt_wrap .pics {width: 100px; height: 100px;}
 	.ev .cmt_wrap .pics .picsThumbs {max-width: 100%; max-height: 100%;}
-	.ev .cmt_wrap .imgUpload .pics:last-of-type {display: none !important; margin-right: 0;}
+	/* .ev .cmt_wrap .imgUpload .pics:last-of-type {display: none !important; margin-right: 0;} */
 	.ev .cmt_wrap .cmt_write .btn_wrap {margin:60px 0 100px; text-align: center;}
 	.ev .cmt_wrap .cmt_write .btn_wrap > div {display: inline-block;}
 	.ev .cmt_wrap .cmt_write .btn_wrap button, .ev .cmt_wrap .cmt_write .btn_wrap label {float:left; padding:0 !important; width: 220px; height: 60px; line-height: 60px; font-size: 18px; text-align: center; font-weight: 300;}
@@ -4670,15 +4807,15 @@ dp_banner_slide03
 	.modal.cmt_popup .swiper-container .swiper-slide .pop_img {display: table-cell; width: 100%; height:700px; vertical-align: middle; }
 	.modal.cmt_popup .swiper-container .swiper-slide img {width: auto; height:auto; max-width:100%; max-height:100%; overflow: hidden;}
 	.modal.cmt_popup .swiper-button-prev:after, .modal.cmt_popup .swiper-button-next:after {content:'';}
-	.modal.cmt_popup .swiper-button-prev {left: -100px; width: 100px; height: 80px; background: url(/images/pc/slide_prev.png) no-repeat center; margin-top: -40px;}
-	.modal.cmt_popup .swiper-button-next {right: -100px; width: 100px; height: 80px; background: url(/images/pc/slide_next.png) no-repeat center; margin-top: -40px;}
-	.modal.cmt_popup .swiper-button-next.swiper-button-disabled, .modal.cmt_popup .swiper-button-prev.swiper-button-disabled {pointer-events:auto;}
+	.modal.cmt_popup .swiper-button-prev {left: -100px; width: 100px; height: 80px; background: url(/images/pc/pop_slide_prev.png) no-repeat center; margin-top: -40px; opacity: 0.6;}
+	.modal.cmt_popup .swiper-button-next {right: -100px; width: 100px; height: 80px; background: url(/images/pc/pop_slide_next.png) no-repeat center; margin-top: -40px; opacity: 0.6;}
+	.modal.cmt_popup .swiper-button-next.swiper-button-disabled, .modal.cmt_popup .swiper-button-prev.swiper-button-disabled {pointer-events:auto; opacity: 0.6;}
 	.modal.cmt_popup .swiper-pagination-bullet {width: 10px; height: 10px; opacity: 1; background: #ddd;}
 	.modal.cmt_popup .swiper-pagination-bullet-active {background: #fd4802;}
 	.modal.cmt_popup .swiper-container-horizontal>.swiper-pagination-bullets {bottom: 40px;}
 
 	/* ev 다른 이벤트 보기 슬라이드 */
-	.ev .other_ev_slide {position: relative; margin:150px 0 120px; padding:0 140px;}
+	.ev .other_ev_slide {position: relative; margin:150px auto 0 !important; padding:0 140px;}
 	.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;}

src/main/webapp/ux/style24_link.js

@@ -668,7 +668,7 @@ function cfGoodsReview(goodsCd) {
 		
 	}
 
-	cfOpenFullLayer(_PAGE_GOODS_REVIEW_LAYER + goodsCd, 'layer_goods_review',null , reviewAfter);
+	cfOpenFullLayer(_PAGE_GOODS_REVIEW_LAYER + goodsCd, 'layer_goods_review',null , fnReviewLayerCollBack);
 }
 
 /**