Merge branch 'develop' into card007

pom.xml

@@ -178,9 +178,9 @@
 		<dependency>
 			<groupId>com.diquest</groupId>
 			<artifactId>istyle</artifactId>
-			<version>0.1</version>
+			<version>1.1</version>
 			<scope>system</scope>
-			<systemPath>${basedir}/src/main/webapp/WEB-INF/lib/Istyle.jar</systemPath>
+			<systemPath>${basedir}/src/main/webapp/WEB-INF/lib/Istyle1.1.jar</systemPath>
 		</dependency>
 		<dependency>
 			<groupId>com.diquest.ir</groupId>

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

@@ -213,12 +213,6 @@ public class SearchEngineDiquest {
 		paramMap.put("adminPort", port);
 		paramMap.put("pageNumber", String.valueOf(params.getPageNo()));
 		paramMap.put("rowsPerPage", String.valueOf(params.getPageSize()));
-		paramMap.put("brandGroupArr", getStringArray(params.getBrandGroupArr()));
-		paramMap.put("sizeArr", getStringArray(params.getSizeArr()));
-		paramMap.put("ageArr", getStringArray(params.getAgeArr()));
-		paramMap.put("seasonArr", getStringArray(params.getSeasonArr()));
-		paramMap.put("colorArr", getStringArray(params.getColorArr()));
-		paramMap.put("benefitArr", getStringArray(params.getBenefitArr()));
 		log.info("///[getGoodsList] paramMap: {}", paramMap);
 
 		try {

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

@@ -232,7 +232,7 @@
 								<!-- // 필터 종료 -->
 
 								<!-- 필터결과 없을때 -->
-								<div class="inner" style="display:none;">
+								<div class="inner" id="noDataFilter" style="display:none;">
 									<div class="nodata">
 										<p>선택하신 조건에 맞는 상품이 없습니다.<br>검색어를 확인하신 후 다시 검색해 보세요!</p>
 										<button class="btn">선택한 필터 초기화</button>
@@ -258,7 +258,7 @@
 									<div class="banner">
 										<img src="/images/mo/shc_banner.png" alt="">
 									</div>
-									<div class="last_page" style="display:none;">
+									<div class="last_page" id="endPage" style="display:none;">
 										<p>마지막페이지 입니다.</p>
 									</div>
 								</div>
@@ -341,7 +341,7 @@
 						<!-- 필터메뉴 -->
 						<ul class="allFilter">
 							<li class="categori chkFilter" id="categoryFilterDiv">
-								<a href="javascript:void(0)" class="daps1">카테고리</a>
+								<a href="javascript:void(0)" class="daps1">카테고리<span class="pic"></span></a>
 								<ul class="daps2" id="categoryArea">
 
 								</ul>
@@ -634,14 +634,17 @@
 	}
 
 	var fnDrawInfiniteScrollData = function (result){
+		$('#endPage').hide();
+		$('#noDataFilter').hide();
 		let totalCnt = result.paging.totalCount;
 		$("#totCntId").text(totalCnt.addComma());
 		$("#prodListCnt").text('('+totalCnt.addComma()+')');
 		gagaInfiniteScroll.pageStatus.totalCount = totalCnt;
 		var ithrCd = '';
 		var contentLoc = '';
+		let dataListLen = result.dataList.length-1;
 
-		if(result.dataList != null && result.dataList.length>0){
+		if(dataListLen > 0){
 			var goodsUrl = [[${@environment.getProperty('upload.goods.view')}]];;
 			let lastPage = result.paging.pageNo;
 			let endRow = result.paging.endRow - result.paging.pageSize;
@@ -651,13 +654,13 @@
 		}else{
 			if($("#searchGoodsForm input[name=pageNo]").val()==1){
 				// 필터 값으로 조회 데이터 없을때
-				// $('#noFilterData').show();
+				$('#noDataFilter').show();
 				// $('.list_content .count_wrap').hide();
-				// $('#endPage').hide();
+				$('#endPage').hide();
 			}else{
 				// 마지막 페이지 일때
-				// $('#endPage').show();
-				// $('#noFilterData').hide();
+				$('#endPage').show();
+				$('#noDataFilter').hide();
 			}
 			gagaInfiniteScroll.draw('not');
 		}
@@ -928,21 +931,21 @@
 		let tag = '';
 		if(cate1 != null){
 			tag += '<li>\n';
-			tag += '	<a href="javascript:void(0)" onclick="fnSetCateFilter(\''+cate1.cate1No+'\');">'+cate1.cate1Nm+'</a>';
+			tag += '	<a href="javascript:void(0)" data-depth="1" onclick="fnSetMobCateFilter(this, \''+cate1.cate1No+'\');" cateFullNm="'+cate1.cate1Nm+'">'+cate1.cate1Nm+'</a>';
 			if(cate1.leafYn == 'N' && cate1.cate2List.length > 0){
 				tag += '	<ul class="daps3">\n';
 				$.each(cate1.cate2List, function (idx2,cate2){
 					tag += '		<li>\n';
-					tag += '			<a href="javascript:void(0)" onclick="fnSetCateFilter(\''+cate1.cate1No+'\',\''+cate2.cate2No+'\');">'+cate2.cate2Nm+'</a>';
+					tag += '			<a href="javascript:void(0)" data-depth="2" onclick="fnSetMobCateFilter(this, \''+cate1.cate1No+'\',\''+cate2.cate2No+'\');" cateFullNm="'+cate1.cate1Nm+'>'+cate2.cate2Nm+'">'+cate2.cate2Nm+'</a>';
 					if(cate2.leafYn == 'N' && cate2.cate3List.length > 0){
 						tag += '	<ul class="daps4">\n';
 						$.each(cate2.cate3List, function (idx3,cate3){
 							tag += '<li>\n';
-							tag += '<a href="javascript:void(0)" onclick="fnSetCateFilter(\''+cate1.cate1No+'\',\''+cate2.cate2No+'\',\''+cate3.cate3No+'\');">'+cate3.cate3Nm+'</a>\n';
+							tag += '<a href="javascript:void(0)" data-depth="3" onclick="fnSetMobCateFilter(this,\''+cate1.cate1No+'\',\''+cate2.cate2No+'\',\''+cate3.cate3No+'\');" cateFullNm="'+cate1.cate1Nm+'>'+cate2.cate2Nm+'>'+cate3.cate3Nm+'">'+cate3.cate3Nm+'</a>\n';
 							if(cate3.leafYn == 'N' && cate3.cate4List.length >0){
 								tag += '<ul class="daps5">\n';
 								$.each(cate3.cate4List, function (idx4,cate4){
-									tag += '<li><a href="javascript:void(0)" onclick="fnSetCateFilter(\''+cate1.cate1No+'\',\''+cate2.cate2No+'\',\''+cate3.cate3No+'\',\''+cate4.cate4No+'\');">'+cate4.cate4Nm+'</a></li>\n';
+									tag += '<li><a href="javascript:void(0)" data-depth="4" onclick="fnSetMobCateFilter(this,\''+cate1.cate1No+'\',\''+cate2.cate2No+'\',\''+cate3.cate3No+'\',\''+cate4.cate4No+'\');" cateFullNm="'+cate1.cate1Nm+'>'+cate2.cate2Nm+'>'+cate3.cate3Nm+'>'+cate4.cate4Nm+'">'+cate4.cate4Nm+'</a></li>\n';
 								});
 								tag += '</ul>\n';
 							}
@@ -1006,7 +1009,22 @@
 			$(this).prop('checked',false);
 		});
 		$('.allFilter .chkFilter .daps1').find('span').each(function (idx){
-			$(this).remove();
+			$(this).text('');
+		});
+		$("#categoryFilterDiv").find('.daps4').each(function (idx){
+			$(this).parent().find('a').removeClass('on');
+			$(this).css('display','none');
+		});
+		$("#categoryFilterDiv").find('.daps3').each(function (idx){
+			$(this).parent().find('a').removeClass('on');
+			$(this).css('display','none');
+		});
+		$("#categoryFilterDiv").find('.daps2').each(function (idx){
+			$(this).parent().find('a').removeClass('on');
+		});
+		$('.allFilter').find('.daps1').each(function (idx){
+			$(this).removeClass('on');
+			$(this).parent().find('ul').css('display','none');
 		});
 		fnCategoryGoodsInfiniteScrollInit();
 		fnSearchGoodsListSearch();

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

@@ -90,7 +90,7 @@
 							<span class="sale_price" ><em th:text="${#numbers.formatInteger(goodsInfo.currPrice, 0,'COMMA')}">134,100</em>원 ~</span>
 						</p>
 						<div class="btn_group_flex">
-							<div><button type="button" class="btn btn_default" id="btn_saleCoupon_pop" th:onclick="cfGoodsCouponInfo([[${goodsInfo.goodsCd}]],[[${goodsInfo.goodsType}]])">쿠폰받기</button></div>
+							<div><button type="button" class="btn btn_default" id="btn_saleCoupon_pop" th:if="${goodsCouponList != null and !goodsCouponList.empty}" th:onclick="cfGoodsCouponInfo([[${goodsInfo.goodsCd}]],[[${goodsInfo.goodsType}]])">쿠폰받기</button></div>
 						</div>
 					</div>
 				</div>
@@ -1245,7 +1245,7 @@
 		 });
 		 
 		
-		 //탭 - 사이즈정보 > 탭
+		//탭 - 사이즈정보 > 탭
 		 $(document).on('click','#infoSizePop .tab_nav ul li',function(e){
 			 $(this).addClass('active').siblings().removeClass('active');
 			 $('#infoSizePop .tab_cont_wrap .tab_cont').hide();		
@@ -1275,7 +1275,7 @@
 			 $(this).parents().parents(".category_box").hide();
 			 return false;
 		 });
-		 
+		
 
 		//팝업 - 상품문의 리스트	
 		$(document).on('click','#btn_pdQnaList_pop',function(e){
@@ -1289,7 +1289,7 @@
 			return false;
 		});
 
-
+/* 
 		//팝업 - 제품리뷰 > 카테고리팝오픈
 		// 오픈
 		 $(document).on('click','.pd_review .category_open > li',function(e){
@@ -1318,7 +1318,7 @@
 					}
 				}
 			 return false;
-		 });
+		 }); */
 
 
 		// 포토,베스트리뷰숨김

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

@@ -217,7 +217,7 @@
 							</th:block> 
 							<th:block th:if="${tmtbList != null and !tmtbList.empty}">
 							<span th:each="tmtb, status : ${tmtbList}" th:if="${status.first}">
-								<em><th:block th:text="${#numbers.formatInteger(tmtb.sectionVal, 0,'COMMA')}"></th:block><th:block th:text="${(tmtb.sectionGb == 'G810_10')? '개':'금액'}"></th:block></em> 이상 구매 시 
+								<em><th:block th:text="${#numbers.formatInteger(tmtb.sectionVal, 0,'COMMA')}"></th:block><th:block th:text="${(tmtb.sectionGb == 'G810_10')? '개':'원'}"></th:block></em> 이상 구매 시 
 								<em><th:block th:text="${#numbers.formatInteger(tmtb.dcVal, 0,'COMMA')}"></th:block><th:block th:text="${(tmtb.dcWay == 'G240_10')? '원':'%'}"></th:block></em></em> 할인
 							</span>
 							</th:block>

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

@@ -500,52 +500,6 @@
 				<li data_name="height" th:if="${reviewHeightList != null and !reviewHeightList.empty}"><span>키 전체</span></li>
 				<li data_name="weight"><span>몸무게 전체</span></li>
 			</ul>
-			<div class="category_box">
-				<div class="lap">
-					<div class="category_close" onclick="fnReviewCateClose();">카테고리닫기</div>
-					<div class="category_list">
-						<!-- 평점,사이즈,키,몸무게 카테고리 -->
-						<div class="category" id="grade">
-							<ul class="n1">
-								<li class="active"><a href="javascript:void(0)" data="평점 전체" onclick="fnReviewSearch('A','');">전체</a></li>
-								<li><a href="javascript:void(0)" data="5점" onclick="fnReviewSearch('A','5');">5점&nbsp;★★★★★</a></li>
-								<li><a href="javascript:void(0)" data="4점" onclick="fnReviewSearch('A','4');">4점&nbsp;★★★★</a></li>
-								<li><a href="javascript:void(0)" data="3점" onclick="fnReviewSearch('A','3');">3점&nbsp;★★★</a></li>
-								<li><a href="javascript:void(0)" data="2점" onclick="fnReviewSearch('A','2');">2점&nbsp;★★</a></li>
-								<li><a href="javascript:void(0)" data="1점" onclick="fnReviewSearch('A','1');">1점&nbsp;★</a></li>
-							</ul>
-						</div>
-						<div class="category" id="size" th:if="${reviewOptionList != null and !reviewOptionList.empty}">
-							<ul class="n2">
-								<li class="active"><a href="javascript:void(0)" data="사이즈 전체" onclick="fnReviewSearch('O','');">전체</a></li>
-								<li th:each="reviewOption, status : ${reviewOptionList}">
-									<a href="javascript:void(0)" th:attr="data=${reviewOption.optCd}" th:onclick="fnReviewSearch('O',[[${reviewOption.optCd}]]);"><th:block th:text="${reviewOption.optCd}"></th:block></a>
-									<input type="hidden" name="selOption" th:value="${reviewOption.optCd}"/>
-								</li>
-							</ul>
-						</div>
-						<div class="category" id="height" th:if="${reviewHeightList != null and !reviewHeightList.empty}">
-							<ul class="n2">
-								<li class="active"><a href="javascript:void(0)" data="키 전체" onclick="fnReviewSearch('H','');">전체</a></li>
-								<li th:each="reviewHeight, status : ${reviewHeightList}">
-									<a href="javascript:void(0)" th:attr="data=${reviewHeight.cdNm}" th:onclick="fnReviewSearch('H',[[${reviewHeight.cd}]]);"><th:block th:text="${reviewHeight.cdNm}"></th:block></a>
-									<input type="hidden" name="selHeight" th:value="${reviewHeight.cd}"/>
-								</li>
-							</ul>
-						</div>
-						<div class="category" id="weight" th:if="${reviewWeightList != null and !reviewWeightList.empty}">
-							<ul class="n2">
-								<li class="active"><a href="javascript:void(0)" data="몸무게 전체" onclick="fnReviewSearch('W','');">전체</a></li>
-								<li th:each="reviewWeight, status : ${reviewWeightList}">
-									<a href="javascript:void(0)" th:attr="data=${reviewWeight.cdNm}" th:onclick="fnReviewSearch('W',[[${reviewWeight.cd}]]);"><th:block th:text="${reviewWeight.cdNm}"></th:block></a>
-									<input type="hidden" name="selWeight" th:value="${reviewWeight.cd}"/>
-								</li>
-							</ul>
-						</div>
-						<!-- //평점,사이즈,키,몸무게 카테고리 -->
-					</div>
-				</div>
-			</div>
 		</div>
 		<!-- 나열조건결과 있을 때 노출 내용 -->
 		<div class="review_list" id="listBoxOuter">
@@ -573,6 +527,53 @@
 	</div>
 	<!-- //등록리뷰 있을 시 -->
 </div>
+<div class="category_box review_cate_box">
+	<div class="lap">
+		<div class="category_close" onclick="fnReviewCateClose();">카테고리닫기</div>
+		<div class="category_list">
+			<!-- 평점,사이즈,키,몸무게 카테고리 -->
+			<div class="category" id="grade">
+				<ul class="n1">
+					<li class="active"><a href="javascript:void(0)" data="평점 전체" onclick="fnReviewSearch('A','');">전체</a></li>
+					<li><a href="javascript:void(0)" data="5점" onclick="fnReviewSearch('A','5');">5점&nbsp;★★★★★</a></li>
+					<li><a href="javascript:void(0)" data="4점" onclick="fnReviewSearch('A','4');">4점&nbsp;★★★★</a></li>
+					<li><a href="javascript:void(0)" data="3점" onclick="fnReviewSearch('A','3');">3점&nbsp;★★★</a></li>
+					<li><a href="javascript:void(0)" data="2점" onclick="fnReviewSearch('A','2');">2점&nbsp;★★</a></li>
+					<li><a href="javascript:void(0)" data="1점" onclick="fnReviewSearch('A','1');">1점&nbsp;★</a></li>
+				</ul>
+			</div>
+			<div class="category" id="size" th:if="${reviewOptionList != null and !reviewOptionList.empty}">
+				<ul class="n2">
+					<li class="active"><a href="javascript:void(0)" data="사이즈 전체" onclick="fnReviewSearch('O','');">전체</a></li>
+					<li th:each="reviewOption, status : ${reviewOptionList}">
+						<a href="javascript:void(0)" th:attr="data=${reviewOption.optCd}" th:onclick="fnReviewSearch('O',[[${reviewOption.optCd}]]);"><th:block th:text="${reviewOption.optCd}"></th:block></a>
+						<input type="hidden" name="selOption" th:value="${reviewOption.optCd}"/>
+					</li>
+				</ul>
+			</div>
+			<div class="category" id="height" th:if="${reviewHeightList != null and !reviewHeightList.empty}">
+				<ul class="n2">
+					<li class="active"><a href="javascript:void(0)" data="키 전체" onclick="fnReviewSearch('H','');">전체</a></li>
+					<li th:each="reviewHeight, status : ${reviewHeightList}">
+						<a href="javascript:void(0)" th:attr="data=${reviewHeight.cdNm}" th:onclick="fnReviewSearch('H',[[${reviewHeight.cd}]]);"><th:block th:text="${reviewHeight.cdNm}"></th:block></a>
+						<input type="hidden" name="selHeight" th:value="${reviewHeight.cd}"/>
+					</li>
+				</ul>
+			</div>
+			<div class="category" id="weight" th:if="${reviewWeightList != null and !reviewWeightList.empty}">
+				<ul class="n2">
+					<li class="active"><a href="javascript:void(0)" data="몸무게 전체" onclick="fnReviewSearch('W','');">전체</a></li>
+					<li th:each="reviewWeight, status : ${reviewWeightList}">
+						<a href="javascript:void(0)" th:attr="data=${reviewWeight.cdNm}" th:onclick="fnReviewSearch('W',[[${reviewWeight.cd}]]);"><th:block th:text="${reviewWeight.cdNm}"></th:block></a>
+						<input type="hidden" name="selWeight" th:value="${reviewWeight.cd}"/>
+					</li>
+				</ul>
+			</div>
+			<!-- //평점,사이즈,키,몸무게 카테고리 -->
+		</div>
+	</div>
+</div>
+
 <script src="/ux/plugins/jquery/jquery.history.min.js"></script>
 <script src="/ux/plugins/gaga/gaga.infinite.scrollLayer.js"></script>
 <script th:inline="javascript">
@@ -793,11 +794,17 @@
 	
 	// 상품평 초기화
 	var fnReviewSearchInit = function(){
+
+		$(".pd_review .category_box.review_cate_box").find('#grade').find('ul li').eq(0).trigger('click');
+		$(".pd_review .category_box.review_cate_box").find('#size').find('ul li').eq(0).trigger('click');
+		$(".pd_review .category_box.review_cate_box").find('#height').find('ul li').eq(0).trigger('click');
+		$(".pd_review .category_box.review_cate_box").find('#weight').find('ul li').eq(0).trigger('click');
+		
+		//$('#goodsReviewForm').find('#grade').find('ul li').eq(0).trigger('click');
+		//$('#goodsReviewForm').find('#size').find('ul li').eq(0).trigger('click');
+		//$('#goodsReviewForm').find('#height').find('ul li').eq(0).trigger('click');
+		//$('#goodsReviewForm').find('#weight').find('ul li').eq(0).trigger('click');
 		
-		$('#goodsReviewForm').find('#grade').find('ul li').eq(0).trigger('click');
-		$('#goodsReviewForm').find('#size').find('ul li').eq(0).trigger('click');
-		$('#goodsReviewForm').find('#height').find('ul li').eq(0).trigger('click');
-		$('#goodsReviewForm').find('#weight').find('ul li').eq(0).trigger('click');
 		
 		$('#goodsReviewForm input[name=reviewScore]').val('');
 		$('#goodsReviewForm input[name=reviewOption]').val('');
@@ -815,6 +822,38 @@
 		$(".pd_review .category_box").hide();
 	}
 	
+	//210615_ 수정 : 제품리뷰 > 카테고리 팝업 선택자 [.review_cate_box] 변경.
+	//팝업 - 제품리뷰 > 카테고리팝오픈
+	// 오픈
+    $(document).on('click','.pd_review .category_open > li',function(e){
+		var dataName=$(this).attr("data_name");
+        $(".review_cate_box").show();
+		$(".review_cate_box").find(".category").hide();
+		$(".review_cate_box").find("#"+dataName).show();
+		return false;
+    });
+	// 닫기
+	$(document).on('click','.review_cate_box .category_close',function(e){
+		$(".review_cate_box").hide();
+        return false;
+    });
+	// 변경
+    $(document).on('click','.review_cate_box ul > li',function(e){
+		var num=$(".pd_review .category_open > li").length;
+		var value=$(this).find("a").attr("data");
+		var name=$(this).parent().parent().attr("id");
+		$(this).parent().find("li").removeClass("active");
+		$(this).addClass("active");
+		for(var i=0; i < num; i++){
+			var dataname=$(".pd_review .category_open > li").eq(i).attr("data_name");
+			if(name==dataname){
+				$(".pd_review .category_open > li").eq(i).find("span").text(value);
+			}
+		}
+        return false;
+    });
+
+	
 	$(document).ready( function() {
 
 		//슬라이드 - 베스트리뷰
@@ -830,33 +869,6 @@
 			},
 		});	
 		
-		//팝업 - 제품리뷰 > 카테고리팝오픈
-		// 오픈
-		$(document).on('click','.pd_review .category_open > li',function(e){
-			var dataName=$(this).attr("data_name");
-			$(".pd_review .category_box").show();
-			$(".pd_review .category_list").find(".category").hide();
-			$(".pd_review .category_list").find("#"+dataName).show();
-			return false;
-		});
-		
-		// 변경
-		$(document).on('click','.pd_review .category ul > li',function(e){
-			var num=$(".pd_review .category_open > li").length;
-			var value=$(this).find("a").attr("data");
-			var name=$(this).parent().parent().attr("id");
-			$(this).parent().find("li").removeClass("active");
-			$(this).addClass("active");
-			for(var i=0; i < num; i++){
-				var dataname=$(".pd_review .category_open > li").eq(i).attr("data_name");
-				if(name==dataname){
-					$(".pd_review .category_open > li").eq(i).find("span").text(value);
-				}
-			}
-			return false;
-		});
-
-		
 	});
 	
 /*]]>*/

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

@@ -34,7 +34,7 @@
 			<!-- //해당상품 -->
 		</div>
 		<div class="modal-body">
-			<div class="pop_cont" id="goodsDealReview" data-id="layer_infinite_item" >
+			<div class="pop_cont pd_review" id="goodsDealReview" data-id="layer_infinite_item" >
 			</div>
 		</div>
 	</div>

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

@@ -58,7 +58,7 @@
 							</colgroup>
 							<tbody>
 								<tr th:each="tmtb, status : ${tmtbList}">
-									<th><th:block th:text="${#numbers.formatInteger(tmtb.sectionVal, 0,'COMMA')}"></th:block><th:block th:text="${(tmtb.sectionGb == 'G810_10')? '개':'금액'}"></th:block> 이상 구매 시</th>
+									<th><th:block th:text="${#numbers.formatInteger(tmtb.sectionVal, 0,'COMMA')}"></th:block><th:block th:text="${(tmtb.sectionGb == 'G810_10')? '개':'원'}"></th:block> 이상 구매 시</th>
 									<td><p><th:block th:text="${#numbers.formatInteger(tmtb.dcVal, 0,'COMMA')}"></th:block><th:block th:text="${(tmtb.dcWay == 'G240_10')? '원':'%'}"></th:block> 할인</p></td>
 								</tr>
 							</tbody>

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

@@ -86,7 +86,7 @@
 					$.each(result, function (idx, item) {
 						let tag = '<div class="goods_section">\n';
 						tag += '	<div class="goods_detail">\n';
-						tag += '		<a href="">\n';
+						tag += '		<a href="javascript:void(0);"  onclick="cfnGoToGoodsDetail(\''+item.goodsCd+'\',\''+item.optCd1+'\',\'IN23_01\')">\n';
 						tag += '			<div class="thumb_box">\n';
 						tag += '				<img src="' + _uploadGoodsUrl + '/' + item.sysImgNm + '" alt="">\n';
 						tag += '			</div>\n';

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

@@ -55,8 +55,12 @@
 						<div class="inner" th:id="${a.tmplType + a.planContSq}" style="display: none">
 							<div class="dp_listItems_wrap">
 								<h2 class="dp_subtitle">
-									<a th:if="${a.linkUrl!=null && a.linkUrl!=''}" th:href="${a.linkUrl}" th:text="${a.title}"></a>
-									<a th:unless="${a.linkUrl!=null && a.linkUrl!=''}" href="javascript:void(0)" th:text="${a.title}"></a>
+									<th:block th:if="${a.linkUrl!=null && a.linkUrl!=''}">
+										<a th:href="${a.linkUrl}" th:text="${a.title}"></a>
+									</th:block>
+									<th:block th:unless="${a.linkUrl!=null && a.linkUrl!=''}">
+										[[${a.title}]]
+									</th:block>
 								</h2>
 								<div class="itemsGrp" th:id="'group_'+${a.planContSq}">
 
@@ -575,7 +579,7 @@ if(template.length>0){
 					html += '        <a href="'+template[i].linkUrl+'" target="_blank">'+template[i].title+'</a>\n';
 				}
 			}else{
-				html += '        <a href="javascript:void(0)">'+template[i].title+'</a>\n';
+				html +=template[i].title;
 			}
 			html += '   </h2>\n';
 			html += '	<div class="swiper-container item01">\n';
@@ -706,7 +710,7 @@ if(template.length>0){
 					html += '	<h2 class="dp_subtitle"><a href="'+template[i].linkUrl+'" target="_blank">'+template[i].title+' </a></h2>\n';
 				}
 			}else{
-				html += '	<h2 class="dp_subtitle"><a href="javascript:void(0)">'+template[i].title+' </a></h2>\n';
+				html += '	<h2 class="dp_subtitle">'+template[i].title+'</h2>\n';
 			}
 			
 			html += '	<div class="swiper-container item02">\n';

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

@@ -445,14 +445,14 @@
 <!--													<a href="javascript:;" class="filter_delete"></a >-->
 <!--												</span>-->
 											</div>
-											<button class="fillter_reset"><span>전체 초기화</span></button>
+											<button type="button" class="fillter_reset" onclick="fnFilterReset();"><span>전체 초기화</span></button>
 										</div>
 										<!-- //필터 -->
 									</div>
 								</div>
 								<div class="area_list">
 									<!-- 검색필터 결과 없을 시 노출 -->
-									<div class="nodata" style="display:none;">
+									<div class="nodata" id="noFilterData" style="display:none;">
 										<div class="txt_box">
 											<p>
 												선택하신 조건에 맞는 상품이 없습니다. <br>
@@ -460,7 +460,7 @@
 											</p>
 										</div>
 										<div class="btn_box">
-											<button class="btn btn_default"><span>초기화</span></button>
+											<button type="button" class="btn btn_default" onclick="fnFilterReset();"><span>초기화</span></button>
 										</div>
 									</div>
 									<!-- //검색필터 결과 없을 시 노출 -->
@@ -491,6 +491,9 @@
 									</div>
 									<!-- //검색필터 결과 상품 노출 -->
 								</div>
+								<div class="last_page" id="endPage" style="display:none;">
+									<span>마지막 페이지입니다.</span>
+								</div>
 							</div>
 							</form>
 						</div>
@@ -592,14 +595,19 @@
 		}
 
 		var fnDrawInfiniteScrollData = function (result){
+			console.log(result);
 			let totalCnt = result.paging.totalCount;
 			$("#totCntId").text(totalCnt.addComma());
 			$("#prodListCnt").text('('+totalCnt.addComma()+')');
 			gagaInfiniteScroll.pageStatus.totalCount = totalCnt;
 			var ithrCd = '';
 			var contentLoc = '';
+			let dataListLen = result.dataList.length-1;
 
-			if(result.dataList != null && result.dataList.length>0){
+			if(dataListLen > 0){
+				$('#noFilterData').hide();
+				$('#endPage').hide();
+				$('.cont .count_wrap').show();
 				var goodsUrl = [[${@environment.getProperty('upload.goods.view')}]];;
 				let lastPage = result.paging.pageNo;
 				let endRow = result.paging.endRow - result.paging.pageSize;
@@ -609,13 +617,13 @@
 			}else{
 				if($("#searchGoodsForm input[name=pageNo]").val()==1){
 					// 필터 값으로 조회 데이터 없을때
-					// $('#noFilterData').show();
-					// $('.list_content .count_wrap').hide();
-					// $('#endPage').hide();
+					$('#noFilterData').show();
+					$('.cont .count_wrap').hide();
+					$('#endPage').hide();
 				}else{
 					// 마지막 페이지 일때
-					// $('#endPage').show();
-					// $('#noFilterData').hide();
+					$('#endPage').show();
+					$('#noFilterData').hide();
 				}
 				gagaInfiniteScroll.draw('not');
 			}
@@ -904,22 +912,22 @@
 			let tag = '';
 			if(cate1 != null){
 				tag += '<li>\n';
-				tag += '	<a href="javascript:void(0);" onclick="fnSetCateTest(this, \'off\', \''+cate1.cate1No+'\');" cateFullNm="'+cate1.cate1Nm+'" data-open="N" data-depth="1" data1="'+cate1.cate1No+'" data-value="'+cate1.cate1No+'">'+cate1.cate1Nm+'</a>';
+				tag += '	<a href="javascript:void(0);" onclick="fnSetSearchCate(this, \'off\', \''+cate1.cate1No+'\');" cateFullNm="'+cate1.cate1Nm+'" data-open="N" data-depth="1" data1="'+cate1.cate1No+'" data-value="'+cate1.cate1No+'">'+cate1.cate1Nm+'</a>';
 				if(cate1.leafYn == 'N' && cate1.cate2List.length > 0){
 					tag += '<div class="sub_cate">\n';
 					tag += '	<ul>\n';
 					$.each(cate1.cate2List, function (idx2,cate2){
-						tag += '<li><a href="javascript:void(0);" onclick="fnSetCateTest(this, \'off\', \''+cate1.cate1No+'\',\''+cate2.cate2No+'\');" cateFullNm="'+cate1.cate1Nm+'>'+cate2.cate2Nm+'" data-open="N" data-depth="2" data1="'+cate1.cate1No+'" data2="'+cate2.cate2No+'" data-value="'+cate2.cate2No+'">'+cate2.cate2Nm+'</a>\n';
+						tag += '<li><a href="javascript:void(0);" onclick="fnSetSearchCate(this, \'off\', \''+cate1.cate1No+'\',\''+cate2.cate2No+'\');" cateFullNm="'+cate1.cate1Nm+'>'+cate2.cate2Nm+'" data-open="N" data-depth="2" data1="'+cate1.cate1No+'" data2="'+cate2.cate2No+'" data-value="'+cate2.cate2No+'">'+cate2.cate2Nm+'</a>\n';
 						if(cate2.leafYn == 'N' && cate2.cate3List.length > 0){
 							tag += '<div class="sub_cate">\n';
 							tag += '	<ul>\n';
 							$.each(cate2.cate3List, function (idx3,cate3){
-								tag += '<li><a href="javascript:void(0);" onclick="fnSetCateTest(this, \'off\', \''+cate1.cate1No+'\',\''+cate2.cate2No+'\',\''+cate3.cate3No+'\');" cateFullNm="'+cate1.cate1Nm+'>'+cate2.cate2Nm+'>'+cate3.cate3Nm+'" data-open="N" data-depth="3" data1="'+cate1.cate1No+'" data2="'+cate2.cate2No+'" data3="'+cate3.cate3No+'" data-value="'+cate3.cate3No+'">'+cate3.cate3Nm+'</a>\n';
+								tag += '<li><a href="javascript:void(0);" onclick="fnSetSearchCate(this, \'off\', \''+cate1.cate1No+'\',\''+cate2.cate2No+'\',\''+cate3.cate3No+'\');" cateFullNm="'+cate1.cate1Nm+'>'+cate2.cate2Nm+'>'+cate3.cate3Nm+'" data-open="N" data-depth="3" data1="'+cate1.cate1No+'" data2="'+cate2.cate2No+'" data3="'+cate3.cate3No+'" data-value="'+cate3.cate3No+'">'+cate3.cate3Nm+'</a>\n';
 								if(cate3.leafYn == 'N' && cate3.cate4List.length >0){
 									tag += '<div class="sub_cate">\n';
 									tag += '	<ul>\n';
 									$.each(cate3.cate4List, function (idx4,cate4){
-										tag += '<li><a href="javascript:void(0);" onclick="fnSetCateTest(this, \'off\', \''+cate1.cate1No+'\',\''+cate2.cate2No+'\',\''+cate3.cate3No+'\',\''+cate4.cate4No+'\');" cateFullNm="'+cate1.cate1Nm+'>'+cate2.cate2Nm+'>'+cate3.cate3Nm+'>'+cate4.cate4Nm+'" data-open="N" data-depth="4" data1="'+cate1.cate1No+'" data2="'+cate2.cate2No+'" data3="'+cate3.cate3No+'" data4="'+cate4.cate4No+'" data-value="'+cate4.cate4No+'">'+cate4.cate4Nm+'</a>\n';
+										tag += '<li><a href="javascript:void(0);" onclick="fnSetSearchCate(this, \'off\', \''+cate1.cate1No+'\',\''+cate2.cate2No+'\',\''+cate3.cate3No+'\',\''+cate4.cate4No+'\');" cateFullNm="'+cate1.cate1Nm+'>'+cate2.cate2Nm+'>'+cate3.cate3Nm+'>'+cate4.cate4Nm+'" data-open="N" data-depth="4" data1="'+cate1.cate1No+'" data2="'+cate2.cate2No+'" data3="'+cate3.cate3No+'" data4="'+cate4.cate4No+'" data-value="'+cate4.cate4No+'">'+cate4.cate4Nm+'</a>\n';
 										/*if(cate4.leafYn = 'N' && cate4.cate5List.length>0){
 											tag += '<div class="sub_cate">\n';
 											tag += '	<ul>\n';
@@ -1046,6 +1054,48 @@
 			});
 		}
 
+		// 필터 초기화
+		var fnFilterReset = function (){
+			//document.location.href = currUrl;
+			$("#searchGoodsForm input:hidden[name=brandGroupArr]").remove();
+			$("#searchGoodsForm input:hidden[name=sizeArr]").remove();
+			$("#searchGoodsForm input:hidden[name=dcRateFrom]").remove();
+			$("#searchGoodsForm input:hidden[name=dcRateTo]").remove();
+			$("#searchGoodsForm input:hidden[name=priceFrom]").remove();
+			$("#searchGoodsForm input:hidden[name=priceTo]").remove();
+			$("#searchGoodsForm input:hidden[name=ageArr]").remove();
+			$("#searchGoodsForm input:hidden[name=seasonArr]").remove();
+			$("#searchGoodsForm input:hidden[name=colorArr]").remove();
+			$("#searchGoodsForm input:hidden[name=benefitArr]").remove();
+			$("#searchGoodsForm input:hidden[name=cate1No]").remove();
+			$("#searchGoodsForm input:hidden[name=cate2No]").remove();
+			$("#searchGoodsForm input:hidden[name=cate3No]").remove();
+			$("#searchGoodsForm input:hidden[name=cate4No]").remove();
+			$("#searchGoodsForm input:hidden[name=cate5No]").remove();
+			$("#searchGoodsForm input:hidden[name=newGoods]").remove();
+			$("#unisex").prop('checked',false);
+			$("#unisex").attr('onclick','fnFilterOption(this,\'on\');');
+			$("#searchGoodsForm input:hidden[name=unisex]").remove();
+			$("#newGoods").prop('checked',false);
+			$("#newGoods").attr('onclick','fnFilterOption(this,\'on\');');
+
+			$("#ulAllCate").find('.sub_cate').each(function (idx){
+				$(this).css('display','none');
+				$(this).parent().parent().find('li').removeClass('on');
+			});
+			// fnFilterSliderMove(0,5);
+			// fnDcRateFilterSliderMove(0,10);
+			$('.filter_content .sort').find('input[type=checkbox]').each(function (idx){
+				$(this).prop('checked',false);
+			});
+			$('#ulAllCate').find('input[type=checkbox]').each(function (idx){
+				$(this).prop('checked',false);
+			});
+			$("#filterData").html('');
+			fnCategoryGoodsInfiniteScrollInit();
+			fnSearchGoodsListSearch();
+		}
+
 	</script>
 
 </th:block>

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

@@ -399,14 +399,17 @@
 		<!-- // 이 상품과 함께 본 상품 -->
 	</div>
 	<!-- 상품썸네일 크게보기 팝업 -->
-	<div class="pd_pop full_pop pd_itemthumb_pop" id="pdItemThumbPop"> 
+	<div class="pd_pop full_pop pd_itemthumb_pop" id="pdItemThumbPop" th:if="${(goodsImgList != null and !goodsImgList.empty)}" > 
 		<div class="full_popup_wrap">
 			<h5 class="sr-only">상품썸네일 크게보기</h5>
 			<div class="btn_close">
 				<a href="" id="btn_close_itemThumbPop">닫기버튼</a>
 			</div>
-			<div class="full_pop_container">
-				<!-- 배송교환반품안내 리스트 내용 -->
+			<div class="full_pop_container"  th:with="videoYn=${(goodsVideoList != null and !goodsVideoList.empty)? 'Y' :'N'}">
+			<th:block th:each="goodsImg, status : ${goodsImgList}" th:with="count=${(videoYn == 'Y')?  (status.count +1): status.count }">
+				<div th:id="${'popThumb1'+ count}" class="scaleview" >
+					<img th:src="${imgGoodsUrl+'/'+goodsImg.sysImgNm}" alt="" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'"></div>
+			</th:block>
 			</div>
 		</div>		
 	</div>

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

@@ -203,7 +203,7 @@
 												</span> 
 												<span th:if="${tmtbList != null and !tmtbList.empty}">
 												<th:block th:each="tmtb, status : ${tmtbList}" th:if="${status.first}">
-												<em class="c_primary"><th:block th:text="${#numbers.formatInteger(tmtb.sectionVal, 0,'COMMA')}"></th:block><th:block th:text="${(tmtb.sectionGb == 'G810_10')? '개':'금액'}"></th:block></em> 이상 구매 시 
+												<em class="c_primary"><th:block th:text="${#numbers.formatInteger(tmtb.sectionVal, 0,'COMMA')}"></th:block><th:block th:text="${(tmtb.sectionGb == 'G810_10')? '개':'원'}"></th:block></em> 이상 구매 시 
 												<em class="c_primary"><th:block th:text="${#numbers.formatInteger(tmtb.dcVal, 0,'COMMA')}"></th:block><th:block th:text="${(tmtb.dcWay == 'G240_10')? '원':'%'}"></th:block></em></em> 할인
 												</th:block>
 												</span>
@@ -1260,14 +1260,17 @@
 		<!-- // 이 상품과 비슷한 상품 -->
 	</div>
 	<!-- 상품썸네일 크게보기 팝업 -->
-	<div class="pd_pop full_pop pd_itemthumb_pop" id="pdItemThumbPop"> 
+	<div class="pd_pop full_pop pd_itemthumb_pop" id="pdItemThumbPop" th:if="${(goodsImgList != null and !goodsImgList.empty)}" > 
 		<div class="full_popup_wrap">
 			<h5 class="sr-only">상품썸네일 크게보기</h5>
 			<div class="btn_close">
 				<a href="" id="btn_close_itemThumbPop">닫기버튼</a>
 			</div>
-			<div class="full_pop_container">
-				<!-- 배송교환반품안내 리스트 내용 -->
+			<div class="full_pop_container"  th:with="videoYn=${(goodsVideoList != null and !goodsVideoList.empty)? 'Y' :'N'}">
+			<th:block th:each="goodsImg, status : ${goodsImgList}" th:with="count=${(videoYn == 'Y')?  (status.count +1): status.count }">
+				<div th:id="${'popThumb1'+ count}" class="scaleview" >
+					<img th:src="${imgGoodsUrl+'/'+goodsImg.sysImgNm}" alt="" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'"></div>
+			</th:block>
 			</div>
 		</div>		
 	</div>
@@ -2068,19 +2071,17 @@
 	
 	//상품상세정보 더보기   
 	$(document).on('click','.pd_descrp .btn_more_box button',function(e){
-		$('.pd_descrp .cont_body').toggleClass('on'); 
-		$(this).toggleClass('active');
-		$(this).parent('.btn_more_box').toggleClass('covered');
-		var descrpToggle = $(this).find('span');
-		$(descrpToggle).text($(descrpToggle).text() == '상세정보 더보기' ? '상세정보 접기' : '상세정보 더보기');
-		return false;
-		
-		//210525_더보기 닫을 시 현재 위치로 화면 포커스
+        $('.pd_descrp .cont_body').toggleClass('on'); 
+        $(this).toggleClass('active');
+        $(this).parent('.btn_more_box').toggleClass('covered');
+        var descrpToggle = $(this).find('span');
+        $(descrpToggle).text($(descrpToggle).text() == '상세정보 더보기' ? '상세정보 접기' : '상세정보 더보기');
+
+        //210525_더보기 닫을 시 현재 위치로 화면 포커스
 		if($('.pd_descrp .btn_more_box').hasClass('covered') === true){
 			var offset = $('.pd_descrp .btn_more_box').offset();
 			$('html').animate({scrollTop : offset.top - 80}, 400);
 		}
-
          return false;
 	}); 
 	

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

@@ -58,7 +58,7 @@
 							</colgroup>
 							<tbody>
 								<tr th:each="tmtb, status : ${tmtbList}">
-									<th><th:block th:text="${#numbers.formatInteger(tmtb.sectionVal, 0,'COMMA')}"></th:block><th:block th:text="${(tmtb.sectionGb == 'G810_10')? '개':'금액'}"></th:block> 이상 구매 시</th>
+									<th><th:block th:text="${#numbers.formatInteger(tmtb.sectionVal, 0,'COMMA')}"></th:block><th:block th:text="${(tmtb.sectionGb == 'G810_10')? '개':'원'}"></th:block> 이상 구매 시</th>
 									<td><th:block th:text="${#numbers.formatInteger(tmtb.dcVal, 0,'COMMA')}"></th:block><th:block th:text="${(tmtb.dcWay == 'G240_10')? '원':'%'}"></th:block> 할인</td>
 								</tr>
 							</tbody>

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

@@ -43,9 +43,9 @@
 							<li>알림 요청이 완료 또는 경과된 알림은 완료 시점부터 15일후 삭제됩니다.</li>
 						</ul>
 					</div>
-					<div class="area_list">
+					<div class="area_list" id="restockGoods" style="display: none;">
 						<!-- 주문번호 기준 상품 내역 -->
-						<div class="part_goods" id="restockGoods" style="display: none;">
+<!--					<div class="part_goods" > -->
 <!-- 							<div class="goods_cont"> -->
 <!-- 								<div class="goods_info"> -->
 <!-- 									<div class="order_desc"> -->
@@ -84,7 +84,7 @@
 <!-- 									</div> -->
 <!-- 								</div> -->
 <!-- 							</div> -->
-						</div>
+<!--					</div> -->
 						<!-- //주문번호 기준 상품 내역 -->
 						<!-- 데이터 없을 시 -->
 						<div class="nodata" id="restockNodata" style="display: none;">
@@ -118,12 +118,14 @@
 					$('#restockGoods').html('');
 					
 					$.each(result, function (idx, item) {
-						let tag = '<div class="goods_cont">\n';
+						
+						let tag = '<div class="part_goods">\n';
+						tag += '	<div class="goods_cont" >\n';
 						tag += '	<div class="goods_info">\n';
 						tag += '		<div class="order_desc">\n';
 						tag += '			<div class="goods_box">\n';
 						tag += '				<div class="gd_item">\n';
-						tag += '					<a href="">\n';
+						tag += '					<a href="javascript:void(0);"  onclick="cfnGoToGoodsDetail(\''+item.goodsCd+'\',\''+item.optCd1+'\',\'IN23_01\')">\n';
 						tag += '						<span class="thumb">\n';
 						tag += '							<img src="' + _uploadGoodsUrl + '/' + item.sysImgNm + '" width="100%" alt="">\n';
 						tag += '						</span>\n';
@@ -163,6 +165,7 @@
 						tag += '		</div>\n';
 						tag += '	</div>\n';
 						tag += '</div>\n';
+						tag += '</div>\n';
 						
 						$('#restockGoods').append(tag);
 						$('#restockGoods').show();

src/main/webapp/biz/search.js

@@ -11,167 +11,168 @@ var fnCreateGoodsList = function(result, ithrCd, contentLoc, goodsUrl, lastPage,
 	}
 
 	$.each(result.dataList, function(idx, item) {
-		if (idx < 4) {
-			categoryGoodsList.push(item.goodsCd);
-		}
-
-		tag += '<div class="item_prod" >';
-		tag += '	<div class="item_state';
-		if(!gagajf.isNull(item.sizes)){
-			var sizeArr = item.sizes.split(",");
-			let soldOutCnt = 0;
-			for(let i=0; i<sizeArr.length; i++){
-				var sizeInfo = sizeArr[i].split(":");
-				var sizeVal = sizeInfo[0];
-				var soldOutYn = sizeInfo[1];
-				if(soldOutYn=='Y'){
-					soldOutCnt++;
+		// if (idx < 4) {
+		// 	categoryGoodsList.push(item.goodsCd);
+		// }
+		if(!gagajf.isNull(item.goodsCd)){
+			tag += '<div class="item_prod" >';
+			tag += '	<div class="item_state';
+			if(!gagajf.isNull(item.sizes)){
+				var sizeArr = item.sizes.split(",");
+				let soldOutCnt = 0;
+				for(let i=0; i<sizeArr.length; i++){
+					var sizeInfo = sizeArr[i].split(":");
+					var sizeVal = sizeInfo[0];
+					var soldOutYn = sizeInfo[1];
+					if(soldOutYn=='Y'){
+						soldOutCnt++;
+					}
+				}
+				if(sizeArr.length==soldOutCnt){
+					tag += ' soldout';
 				}
 			}
-			if(sizeArr.length==soldOutCnt){
-				tag += ' soldout';
+			tag += '">';
+			tag += '		<button type="button" class="itemLike';
+			if(item.likeIt == 'likeit'){
+				tag += ' likeit';
 			}
-		}
-		tag += '">';
-		tag += '		<button type="button" class="itemLike';
-		if(item.likeIt == 'likeit'){
-			tag += ' likeit';
-		}
-		tag += ' "';
-		if(appGb == 'Mob'){
-			tag += ' onClick="cfnMoPutWishList(this);" goodsCd=\''+item.goodsCd+'\', ithrCd=\'\', contentsLoc=\'\', planDtlSq=\'\'>관심상품 추가</button>';
-		}else{
-			tag += ' onClick="cfnPutWishList(this);" goodsCd=\''+item.goodsCd+'\', ithrCd=\'\', contentsLoc=\'\', planDtlSq=\'\'>관심상품 추가</button>';
-		}
-		tag += '<a href="javascript:void(0);" class="itemLink" onclick="fnClickGoodsCd(\''+item.goodsCd+'\',\'\');">';
-		tag += '			<div class="itemPic">';
-		if(!gagajf.isNull(item.videos)){
-			var videoArr = item.videos.split(",");
-			var videoGb = '';
-			var videoUrl = '';
-			for(let i=0; i<videoArr.length; i++){
-				var videoInfo = videoArr[i].split(":");
-				videoGb = videoInfo[0];
-				videoUrl = videoInfo[1];
-			}
-			if(videoGb=='Y'){
-				tag += '<iframe id="pdThumbVideo" class="pd_mov" src="https://www.youtube.com/embed/'+videoUrl+'?autoplay=1&mute=1"></iframe>';
-				//tag += '<iframe id="pdThumbVideo" class="pd_mov" src="http://v.kr.kollus.com/164MyIiv?enable_initialize_focus=false&autoplay&mute&controls_activation=none" allow="fullscreen" allowFullScreen></iframe>';
+			tag += ' "';
+			if(appGb == 'Mob'){
+				tag += ' onClick="cfnMoPutWishList(this);" goodsCd=\''+item.goodsCd+'\', ithrCd=\'\', contentsLoc=\'\', planDtlSq=\'\'>관심상품 추가</button>';
 			}else{
-				tag += '<iframe id="pdThumbVideo" class="pd_mov" src="'+_kollusMediaUrl+'/'+videoUrl+'?enable_initialize_focus=false&autoplay&mute&controls_activation=none" allow="fullscreen" allowFullScreen></iframe>';
+				tag += ' onClick="cfnPutWishList(this);" goodsCd=\''+item.goodsCd+'\', ithrCd=\'\', contentsLoc=\'\', planDtlSq=\'\'>관심상품 추가</button>';
 			}
-		}
-		tag += '		<img class=" vLHTC pd_img" src="'+item.sysImgNm+'" data-img="'+item.sysImgNm2+'" onerror="noneImg(this)">';
-		if(!gagajf.isNull(item.sizes) && item.selfGoodsYn=='Y'){
-			var sizeArr = item.sizes.split(",");
-			var minSize;
-			var maxSize;
-			var sizeVal = '';
-			var soldOutYn = '';
-			tag +='<div class="itemOpt">';
-
-			if(sizeArr.length>5){
-				for(let i=0; i<sizeArr.length; i++){
-					var sizeInfo = sizeArr[i].split(":");
-					sizeVal = sizeInfo[0];
-					soldOutYn = sizeInfo[1];
-					if(i==0){
-						minSize = sizeVal;
-					}else if(i==sizeArr.length-1){
-						maxSize = sizeVal;
-					}
+			tag += '<a href="javascript:void(0);" class="itemLink" onclick="fnClickGoodsCd(\''+item.goodsCd+'\',\'\');">';
+			tag += '			<div class="itemPic">';
+			if(!gagajf.isNull(item.videos)){
+				var videoArr = item.videos.split(",");
+				var videoGb = '';
+				var videoUrl = '';
+				for(let i=0; i<videoArr.length; i++){
+					var videoInfo = videoArr[i].split(":");
+					videoGb = videoInfo[0];
+					videoUrl = videoInfo[1];
 				}
-				tag +='	<div class="exc">';
-				tag +='		<span>'+minSize+'</span> ~ <span>'+maxSize+'</span> 사이즈가 있습니다.';
-				tag +='	</div>';
-			}else{
-				tag += '<ul>';
-				for(let i=0; i<sizeArr.length; i++){
-					var sizeInfo = sizeArr[i].split(":");
-					sizeVal = sizeInfo[0];
-					soldOutYn = sizeInfo[1];
-					if(soldOutYn=='N'){
-						tag +='		<li>'+sizeVal+'</li>';
-					}else{
-						tag +='		<li class="none">'+sizeVal+'</li>';
+				if(videoGb=='Y'){
+					tag += '<iframe id="pdThumbVideo" class="pd_mov" src="https://www.youtube.com/embed/'+videoUrl+'?autoplay=1&mute=1"></iframe>';
+					//tag += '<iframe id="pdThumbVideo" class="pd_mov" src="http://v.kr.kollus.com/164MyIiv?enable_initialize_focus=false&autoplay&mute&controls_activation=none" allow="fullscreen" allowFullScreen></iframe>';
+				}else{
+					tag += '<iframe id="pdThumbVideo" class="pd_mov" src="'+_kollusMediaUrl+'/'+videoUrl+'?enable_initialize_focus=false&autoplay&mute&controls_activation=none" allow="fullscreen" allowFullScreen></iframe>';
+				}
+			}
+			tag += '		<img class=" vLHTC pd_img" src="'+item.sysImgNm+'" data-img="'+item.sysImgNm2+'" onerror="noneImg(this)">';
+			if(!gagajf.isNull(item.sizes) && item.selfGoodsYn=='Y'){
+				var sizeArr = item.sizes.split(",");
+				var minSize;
+				var maxSize;
+				var sizeVal = '';
+				var soldOutYn = '';
+				tag +='<div class="itemOpt">';
+
+				if(sizeArr.length>5){
+					for(let i=0; i<sizeArr.length; i++){
+						var sizeInfo = sizeArr[i].split(":");
+						sizeVal = sizeInfo[0];
+						soldOutYn = sizeInfo[1];
+						if(i==0){
+							minSize = sizeVal;
+						}else if(i==sizeArr.length-1){
+							maxSize = sizeVal;
+						}
+					}
+					tag +='	<div class="exc">';
+					tag +='		<span>'+minSize+'</span> ~ <span>'+maxSize+'</span> 사이즈가 있습니다.';
+					tag +='	</div>';
+				}else{
+					tag += '<ul>';
+					for(let i=0; i<sizeArr.length; i++){
+						var sizeInfo = sizeArr[i].split(":");
+						sizeVal = sizeInfo[0];
+						soldOutYn = sizeInfo[1];
+						if(soldOutYn=='N'){
+							tag +='		<li>'+sizeVal+'</li>';
+						}else{
+							tag +='		<li class="none">'+sizeVal+'</li>';
+						}
 					}
+					tag += '</ul>';
 				}
-				tag += '</ul>';
+				tag += '			</div>';
 			}
-			tag += '			</div>';
-		}
 
-		tag += '			</div>';
+			tag += '			</div>';
 
-		tag += '			<p class="itemBrand">'+item.brandGroupNm+'</p>';
-		tag += '			<div class="itemName">'+item.goodsFullNm+'</div>';
-		if(item.goodsTnm != null){
-			tag += '			<div class="itemComment">'+item.goodsTnm+'</div>';
-		}
-		if(appGb != 'Mob'){
-			tag += '			<p class="itemPrice">'+item.currPrice.addComma()
-			tag += '				<span class="itemPrice_original">'+item.listPrice.addComma()+'</span>';
-			if(item.currPrice != item.listPrice){
-				if(item.listPrice != 0){
-					tag += '				<span class="itemPercent">'+ Math.round((item.listPrice - item.currPrice) / (item.listPrice * 1.0) * 100) +'%</span>';
-				}
+			tag += '			<p class="itemBrand">'+item.brandGroupNm+'</p>';
+			tag += '			<div class="itemName">'+item.goodsFullNm+'</div>';
+			if(item.goodsTnm != null){
+				tag += '			<div class="itemComment">'+item.goodsTnm+'</div>';
 			}
-			tag += '			</p>';
-		}else{
-			tag += '			<p class="itemPrice">';
-			if(item.currPrice != item.listPrice) {
-				tag += '				<span class="itemPrice_original">' + item.listPrice.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") + '</span>';
+			if(appGb != 'Mob'){
+				tag += '			<p class="itemPrice">'+item.currPrice.addComma()
+				tag += '				<span class="itemPrice_original">'+item.listPrice.addComma()+'</span>';
+				if(item.currPrice != item.listPrice){
+					if(item.listPrice != 0){
+						tag += '				<span class="itemPercent">'+ Math.round((item.listPrice - item.currPrice) / (item.listPrice * 1.0) * 100) +'%</span>';
+					}
+				}
+				tag += '			</p>';
+			}else{
+				tag += '			<p class="itemPrice">';
+				if(item.currPrice != item.listPrice) {
+					tag += '				<span class="itemPrice_original">' + item.listPrice.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") + '</span>';
+				}
+				tag += item.currPrice.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+				if(item.currPrice != item.listPrice){
+					if(item.listPrice != 0){
+						tag += '				<span class="itemPercent">'+ Math.round((item.listPrice - item.currPrice) / (item.listPrice * 1.0) * 100) +'%</span>';
+					}
+				}
+				tag += '			</p>';
 			}
-			tag += item.currPrice.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
-			if(item.currPrice != item.listPrice){
-				if(item.listPrice != 0){
-					tag += '				<span class="itemPercent">'+ Math.round((item.listPrice - item.currPrice) / (item.listPrice * 1.0) * 100) +'%</span>';
+
+			tag += '			<div class="itemcolorchip">';
+			if(!gagajf.isNull(item.colorChips)){
+				var colorArr = item.colorChips.split(",");
+				var colorCd = '';
+				var rgbColor = '';
+				for(let i=0; i<colorArr.length; i++){
+					var colorInfo = colorArr[i].split(":");
+					colorCd = colorInfo[0];
+					rgbColor = colorInfo[1];
+					if(rgbColor=='#FFFFFF'){
+						tag += '	<span class="chip_color" style="background-color: '+rgbColor+';border:1px solid #aaa;" value="'+colorCd+'">'+colorCd+'</span>';
+					}else{
+						tag += '	<span class="chip_color" style="background-color: '+rgbColor+'" value="'+colorCd+'">'+colorCd+'</span>';
+					}
 				}
 			}
-			tag += '			</p>';
-		}
+			tag += '			</div>';
 
-		tag += '			<div class="itemcolorchip">';
-		if(!gagajf.isNull(item.colorChips)){
-			var colorArr = item.colorChips.split(",");
-			var colorCd = '';
-			var rgbColor = '';
-			for(let i=0; i<colorArr.length; i++){
-				var colorInfo = colorArr[i].split(":");
-				colorCd = colorInfo[0];
-				rgbColor = colorInfo[1];
-				if(rgbColor=='#FFFFFF'){
-					tag += '	<span class="chip_color" style="background-color: '+rgbColor+';border:1px solid #aaa;" value="'+colorCd+'">'+colorCd+'</span>';
+			if(!gagajf.isNull(item.benefits)){
+				var iconArr = item.benefits.split(",");
+				var iconGb = '';
+				var iconNm = '';
+				tag += '	<p class="itemBadge">';
+				let arrCnt;
+				if(iconArr.length > 2){
+					arrCnt = 3;
 				}else{
-					tag += '	<span class="chip_color" style="background-color: '+rgbColor+'" value="'+colorCd+'">'+colorCd+'</span>';
+					arrCnt = iconArr.length;
 				}
+				for(let i=0; i<arrCnt; i++){
+					var iconInfo = iconArr[i].split(":");
+					iconGb = iconInfo[0];
+					iconNm = iconInfo[1];
+					tag += '	<span class="badge13" value="'+iconGb+'">'+iconNm+' </span>';
+				}
+				tag += '	</p>';
 			}
-		}
-		tag += '			</div>';
-
-		if(!gagajf.isNull(item.benefits)){
-			var iconArr = item.benefits.split(",");
-			var iconGb = '';
-			var iconNm = '';
-			tag += '	<p class="itemBadge">';
-			let arrCnt;
-			if(iconArr.length > 2){
-				arrCnt = 3;
-			}else{
-				arrCnt = iconArr.length;
-			}
-			for(let i=0; i<arrCnt; i++){
-				var iconInfo = iconArr[i].split(":");
-				iconGb = iconInfo[0];
-				iconNm = iconInfo[1];
-				tag += '	<span class="badge13" value="'+iconGb+'">'+iconNm+' </span>';
-			}
-			tag += '	</p>';
-		}
 
-		tag += '		</a>';
-		tag += '	</div>';
-		tag += '</div>';
+			tag += '		</a>';
+			tag += '	</div>';
+			tag += '</div>';
+		}
 	});
 
 	return tag;
@@ -454,7 +455,7 @@ var fnClickGoodsCd = function (goodsCd, mainColorCd){
 }
 
 // 카테고리 set test
-var fnSetCateTest = function (obj, status, cate1No, cate2No, cate3No, cate4No, cate5No){
+var fnSetSearchCate = function (obj, status, cate1No, cate2No, cate3No, cate4No, cate5No){
 	$('.fillter').show();
 	$("#categorySpan").remove();
 	gagaInfiniteScroll.pageStatus.filterHtml = filterHtml;
@@ -463,14 +464,14 @@ var fnSetCateTest = function (obj, status, cate1No, cate2No, cate3No, cate4No, c
 	$("#ulAllCate").find('li > a').each(function (){
 		$(this).parent().find('li').removeClass("on");
 		$(this).removeClass("on");
-		$(this).attr('onclick','fnSetCateTest(this, \'off\','+$(this).attr('data1')+','+$(this).attr('data2')+','+$(this).attr('data3')+','+$(this).attr('data4')+','+$(this).attr('data5')+');');
+		$(this).attr('onclick','fnSetSearchCate(this, \'off\','+$(this).attr('data1')+','+$(this).attr('data2')+','+$(this).attr('data3')+','+$(this).attr('data4')+','+$(this).attr('data5')+');');
 	});
 
 	if(status=='on'){
 		// 필터 제거
 		filterStatHtml = '';
 		if($(obj).attr('data-depth') > 1){
-			$(obj).attr('onclick','fnSetCateTest(this, \'off\','+$(obj).attr('data1')+','+$(obj).attr('data2')+','+$(obj).attr('data3')+','+$(obj).attr('data4')+','+$(obj).attr('data5')+');');
+			$(obj).attr('onclick','fnSetSearchCate(this, \'off\','+$(obj).attr('data1')+','+$(obj).attr('data2')+','+$(obj).attr('data3')+','+$(obj).attr('data4')+','+$(obj).attr('data5')+');');
 			$(obj).removeClass("on");
 			$(obj).click();
 			gagaInfiniteScroll.pageStatus.filterStatHtml = filterStatHtml;
@@ -495,15 +496,15 @@ var fnSetCateTest = function (obj, status, cate1No, cate2No, cate3No, cate4No, c
 			$("#ulAllCate").find('li > a').each(function (){
 				$(this).parent().find('li').removeClass("on");
 				$(this).removeClass("on");
-				$(this).attr('onclick','fnSetCateTest(this, \'off\','+$(this).attr('data1')+','+$(this).attr('data2')+','+$(this).attr('data3')+','+$(this).attr('data4')+','+$(this).attr('data5')+');');
+				$(this).attr('onclick','fnSetSearchCate(this, \'off\','+$(this).attr('data1')+','+$(this).attr('data2')+','+$(this).attr('data3')+','+$(this).attr('data4')+','+$(this).attr('data5')+');');
 			});
 			$("#ulAllCate").find('li').each(function (){
 				$(this).find('.sub_cate').css('display','none');
 			});
-			$(obj).attr('onclick','fnSetCateTest(this, \'off\','+$(obj).attr('data1')+','+$(obj).attr('data2')+','+$(obj).attr('data3')+','+$(obj).attr('data4')+','+$(obj).attr('data5')+');');
+			$(obj).attr('onclick','fnSetSearchCate(this, \'off\','+$(obj).attr('data1')+','+$(obj).attr('data2')+','+$(obj).attr('data3')+','+$(obj).attr('data4')+','+$(obj).attr('data5')+');');
 			$(obj).addClass("on");
 		}else{
-			$(obj).attr('onclick','fnSetCateTest(this, \'on\','+$(obj).attr('data1')+','+$(obj).attr('data2')+','+$(obj).attr('data3')+','+$(obj).attr('data4')+','+$(obj).attr('data5')+');');
+			$(obj).attr('onclick','fnSetSearchCate(this, \'on\','+$(obj).attr('data1')+','+$(obj).attr('data2')+','+$(obj).attr('data3')+','+$(obj).attr('data4')+','+$(obj).attr('data5')+');');
 			$(obj).addClass("on");
 		}
 		let tag = '';
@@ -705,4 +706,73 @@ var fnSelectFilerMob = function (obj, gubun, staus, sizeGb){
 	fnFilterSet(gubun, sizeGb, 'Mob');
 }
 
+var fnSetMobCateFilter = function (obj, cate1No, cate2No, cate3No, cate4No, cate5No){
+	// 활성화 되었을때
+	if($(obj).hasClass("on")) {
+		if($(obj).attr('data-depth')==1){
+			$('#categoryFilterDiv').find('.daps1').find('span').html('');
+			fnSetCateFilter();
+		}else if($(obj).attr('data-depth')==2){
+			$('#categoryFilterDiv').find('.daps1').find('span').html($(obj).parent().parent().parent().find('[data-depth=1]').attr('cateFullNm'));
+			fnSetCateFilter(cate1No);
+		}else if($(obj).attr('data-depth')==3){
+			$('#categoryFilterDiv').find('.daps1').find('span').html($(obj).parent().parent().parent().find('[data-depth=2]').attr('cateFullNm'));
+			fnSetCateFilter(cate1No, cate2No);
+		}else if($(obj).attr('data-depth')==4){
+			$('#categoryFilterDiv').find('.daps1').find('span').html($(obj).parent().parent().parent().find('[data-depth=3]').attr('cateFullNm'));
+			fnSetCateFilter(cate1No, cate2No, cate3No);
+		}else{
+			$('#categoryFilterDiv').find('.daps1').find('span').html($(obj).parent().parent().parent().find('[data-depth=4]').attr('cateFullNm'));
+			fnSetCateFilter(cate1No, cate2No, cate3No, cate4No);
+		}
+
+	}else{
+		if($(obj).attr('data-depth')==1){
+			$("#categoryFilterDiv").find('[data-depth=1]').each(function (){
+				$("#categoryFilterDiv").find('.daps4').each(function (idx){
+					$(this).parent().find('a').removeClass('on');
+					$(this).css('display','none');
+				});
+				$("#categoryFilterDiv").find('.daps3').each(function (idx){
+					$(this).parent().find('a').removeClass('on');
+					$(this).css('display','none');
+				});
+				$("#categoryFilterDiv").find('.daps2').each(function (idx){
+					$(this).parent().find('a').removeClass('on');
+				});
+				$(this).removeClass("on");
+				$(this).parent().find('ul').css('display','none');
+			});
+			$('#categoryFilterDiv').find('.daps1').find('span').html($(obj).attr('cateFullNm'));
+			fnSetCateFilter(cate1No);
+		}else if($(obj).attr('data-depth')==2) {
+			$("#categoryFilterDiv").find('[data-depth=2]').each(function (){
+				$("#categoryFilterDiv").find('.daps4').each(function (idx){
+					$(this).parent().find('a').removeClass('on');
+					$(this).css('display','none');
+				});
+				$(this).removeClass("on");
+				$(this).parent().find('ul').css('display','none');
+			});
+			$('#categoryFilterDiv').find('.daps1').find('span').html($(obj).attr('cateFullNm'));
+			fnSetCateFilter(cate1No, cate2No);
+		}else if($(obj).attr('data-depth')==3) {
+			$("#categoryFilterDiv").find('[data-depth=3]').each(function (){
+				$(this).removeClass("on");
+				$(this).parent().find('ul').css('display','none');
+			});
+			$('#categoryFilterDiv').find('.daps1').find('span').html($(obj).attr('cateFullNm'));
+			fnSetCateFilter(cate1No, cate2No, cate3No);
+		}else if($(obj).attr('data-depth')==4) {
+			$("#categoryFilterDiv").find('[data-depth=4]').each(function (){
+				$(this).removeClass("on");
+				$(this).parent().find('ul').css('display','none');
+			});
+			$('#categoryFilterDiv').find('.daps1').find('span').html($(obj).attr('cateFullNm'));
+			fnSetCateFilter(cate1No, cate2No, cate3No, cate4No);
+		}else{
+			fnSetCateFilter(cate1No, cate2No, cate3No, cate4No, cate5No);
+		}
+	}
+}
 //****************상품리스트  end **********************************

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

@@ -404,11 +404,11 @@
 .item_prod .item_state.soldout .itemPic:before {content:'SOLD OUT'; position: absolute; top: 50%; left: 50%; font-size: 2.0rem; font-weight: 500; color:#fff; background: rgba(0,0,0,.7); width: 100%; height: 100%; transform:translate(-50%, -50%); line-height: 12; z-index: 20; text-align: center;}
 .item_prod .item_state.AD .itemPic:before {content:'AD'; position: absolute; bottom: 0.666rem; right: 0.666rem; font-size: 1rem; font-weight: 300; letter-spacing: -0.025em; color:#888888; width: auto; height: auto; line-height: 1rem; z-index: 21; text-align: right;}
 
-.item_prod .itemLike {position: absolute;top:1rem;right:1rem;font-size: 0;z-index: 19;width: 1.7rem;height: 1.7rem; background: url('/images/mo/ico_like.png');background-size: 3.4rem;background-position:0 0;background-repeat: no-repeat;}
+.item_prod .itemLike {position: absolute;top:0rem;right:0rem;font-size: 0;z-index: 19;width: 2.0rem;height: 2.0rem; background: url('/images/mo/ico_like.png');background-size: 3.65rem;background-position:1.18rem 1rem;background-repeat: no-repeat;margin: 0;margin-right: 1rem;padding: 2rem 0.0rem 2rem 3rem;}
 .item_prod .itemLike::before, 
 .item_prod .itemLike::after {content: "";position: absolute;top: 0;right: 0;width: 100%;height: 100%; background-repeat: no-repeat;background-position: right top;background-size: contain;opacity: 0;transition: opacity 200ms ease 0s;}
-.item_prod .itemLike::before {background: url('/images/mo/ico_like.png');background-size: 3.4rem;background-position:-1.7rem 0;background-repeat: no-repeat;}
-.item_prod .itemLike::after {background: url('/imagnes/mo/ico_like.png');background-size: 3.4rem;background-position: -1.7rem 0;background-repeat: no-repeat;}
+.item_prod .itemLike::before {background: url('/images/mo/ico_like.png');background-size: 3.82rem;background-position:-1.86rem 1rem;background-repeat: no-repeat;margin: 0rem -1rem 2rem 0rem;}
+.item_prod .itemLike::after {background: url('/imagnes/mo/ico_like.png');background-size: 3.82rem;background-position: -1.86rem 1rem;background-repeat: no-repeat;margin: 0rem -1rem 2rem 0rem;}
 /* .item_prod .itemLike:hover::before,  */
 /* .item_prod .itemLike:active::before {opacity: 1;} */
 /* .item_prod .itemLike.active::before {opacity: 1;} */
@@ -419,7 +419,7 @@
 .item_prod .itemPic .pd_img {position: absolute;width: 100%;height: auto;top: 50%;left: 0;transform: translateY(-50%);}
 .item_prod .itemPic .pd_mov {position: absolute;width: 100%;height: 100%;top: 50%;left: 0;transform: translateY(-50%);z-index: 2;}
 .item_prod .itemBrand {display: inline-block; margin: 0 0.5rem 0.3rem; font-size: 1rem;font-weight: 300;color: rgb(137, 137, 137); text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width:10rem;overflow:hidden;}
-.item_prod .itemComment{margin: 0.8rem 0.5rem 0;line-height: 1; height: 1.1rem; font-size: 1.1rem;font-weight: 300;color: #fd4802;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
+.item_prod .itemComment{margin: 0.8rem 0.5rem 0;line-height: 1; height: 1.2rem; font-size: 1.1rem;font-weight: 300;color: #fd4802;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
 .item_prod .itemName {margin: 0 0.5rem 0.8rem; font-size: 1.1rem; font-weight:300; color: rgb(31, 31, 31); height: 3rem; max-height: 3rem; position: relative; overflow: hidden; white-space: normal; overflow-wrap: break-word; display: block; letter-spacing: -0.025rem;}
 /*.item_prod .itemName {display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}*/
 .item_prod .itemName .tit_option{font-weight:500;}
@@ -1376,7 +1376,7 @@
 .pd_review .category_open > li > span{position:relative; padding-right:1.5rem;}
 .pd_review .category_open > li > span:after{display:block; content:''; position:absolute; right:0; top:50%; margin-top:-2px; border:5px solid transparent; border-bottom-color:#222; -webkit-transform:rotate(180deg); transform:rotate(180deg);}
 
-.review_cate_box{display:none; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.5); z-index:500;}
+.review_cate_box{display:none; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.5); z-index:1000;}
 .review_cate_box .lap{position:absolute; bottom:0; left:0; padding:3rem 0; width:100%; background:#fff;}
 .review_cate_box .category_list{max-height:40rem; overflow-y:auto;}
 .review_cate_box .category_list .category {display:none; padding:0 1.33rem;}
@@ -1840,10 +1840,10 @@
 .dp .dp_exhibition .list_content .itemsGrp.n3 .item_prod{margin-bottom:0;}
 .dp .dp_exhibition .list_content .list_item > div{padding-bottom:6rem;}
 .dp .dp_exhibition .list_content .list_item .visual{position:relative; margin-bottom:-2rem;}
-.dp .dp_exhibition .list_content .list_item .visual .img {position: relative; display: block;}
-.dp .dp_exhibition .list_content .list_item .visual .img:after {content:''; position: absolute; left: 0; bottom: 0; width: 100%; height: 60%; background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, transparent 100%);}
+.dp .dp_exhibition .list_content .list_item .visual a {position: relative; display: block;}
+.dp .dp_exhibition .list_content .list_item .visual a:after {content:''; position: absolute; left: 0; bottom: 0; width: 100%; height: 60%; background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, transparent 100%);}
 .dp .dp_exhibition .list_content .list_item .visual img {width: 100%; position: relative;}
-.dp .dp_exhibition .list_content .list_item .visual .txtWrap {position: absolute; left: 0; bottom: 2rem; padding: 2rem; color: #fff; width: 100%;}
+.dp .dp_exhibition .list_content .list_item .visual .txtWrap {position: absolute; left: 0; bottom: 2rem; z-index:1; padding: 2rem; color: #fff; width: 100%;}
 .dp .dp_exhibition .list_content .list_item .visual .txtWrap p:first-child {display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #fff; font-size: 2.4rem; font-weight: 500; line-height: 1.2;}
 .dp .dp_exhibition .list_content .list_item .visual .txtWrap p.txt_xs {font-size: 1.2rem; margin-top:1.6rem; font-weight: 300; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
 
@@ -1960,7 +1960,7 @@
 .dp .dp_review_cont .review .best_review {position:relative; text-align:center;}
 .dp .dp_review_cont .review .best_review:after{content:''; display:block; position:absolute; bottom:0; left:2rem; right:2rem; height:0.1rem; background-color:#eee;}
 .dp .dp_review_cont .review .best_review a {display:block; position:relative; background-color:#fff;}
-.dp .dp_review_cont .review .best_review a .info .star_score .star {display:inline-block; position:relative; width:8.3rem; height: 1.3em; background:#ddd;}
+.dp .dp_review_cont .review .best_review a .info .star_score .star {display:inline-block; position:relative; width:8.3rem; height: 1.3rem; background:#ddd;}
 .dp .dp_review_cont .review .best_review a .info .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:1.3rem; background:url('/images/mo/star_empty.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
 .dp .dp_review_cont .review .best_review a .info .star_score .star .progbar {display:inline-block; height:1.4rem; background:#fd4802; vertical-align:top;}
 .dp .dp_review_cont .review .best_review a .info .star_score .ico {margin-left:1.0rem}
@@ -1984,10 +1984,10 @@
 .dp .dp_review_cont .review .product_view .item_prod .itemLink{position: relative; display:table-cell; width: 100%; height:6.0rem; padding-left:5.6rem; vertical-align: middle;}
 .dp .dp_review_cont .review .product_view .item_prod .item_state .itemLink .itemPic {position:absolute; left:0; top:0; padding: 0; width:4.0rem; height:6.0rem; z-index:2;}
 .dp .dp_review_cont .review .product_view .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_cont .review .product_view .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_cont .review .product_view .item_prod .item_state .itemLink .itemName {display:block; margin-top:0.5rem; font-size:1.3rem; margin-left:0; margin-right:0; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; height: 1.5rem; max-height: 3.3rem; overflow: hidden; white-space: normal; overflow-wrap: break-word;}
 .dp .dp_review_cont .review .product_view .item_prod .item_state .itemLink .itemPrice{margin-left:0; margin-right:0;}
 .dp .dp_review_cont .review .product_view .item_prod .item_state .itemLink .itemPrice .itemPrice_sale{font-weight:700;}
-.dp .dp_review_cont .review .swiper-container .swiper-slide{box-shadow:0 0 1.0rem rgba(0,0,0,0.2);}
+.dp .dp_review_cont .review .swiper-container .swiper-slide{width: 72%; box-shadow:0 0 1.0rem rgba(0,0,0,0.2);}
 .dp .dp_review_cont .review .swiper-container .swiper-pagination-fraction {position: relative; display:inline-block; margin-top:2rem; bottom:0; width:auto; background: rgba(34,34,34,.5); color: #fff; font-weight: 300; padding:0.5rem 0.7rem; line-height: 1; font-size: 1.2rem; border-radius:2rem;}
 .dp .dp_review_cont .review .swiper-container .swiper-pagination-current {font-weight: 600;}
 
@@ -2085,7 +2085,7 @@
 .filter_box.active{visibility:visible;}
 .filter_box.active .filter_list{right:0;}
 .filter_box .filter_body .daps1{position:sticky; top:0; background-color:#fff; z-index: 9999;}
-.filter_list{font-size:1.4rem; background:#fff; position:fixed; top:0; right:-80%; width:80%; height:100%; transition:right 0.4s;}
+.filter_list{font-size:1.4rem; background:#fff; position:fixed; top:0; right:-72%; width:72%; height:100%; transition:right 0.4s;}
 .filter_list::after{content:''; display: block; clear:both;}
 .filter_list .form_field{display:block;}
 .filter_list .form_field input[type="checkbox"] + label {display: block; position: relative; padding-left:0; padding-right: 26px; cursor: pointer; font-size: 1.2rem; line-height: 1.4; font-weight: 300; letter-spacing: 0; text-align: left;}
@@ -2117,7 +2117,7 @@
 .filter_body > ul > li .daps1.on:after{background-position:0 -0.733rem;}
 .filter_body > ul > li .daps1 .pic{position:absolute; right:4.5rem; top:50%; display:block; max-width:15rem; font-size:1.1rem; color:#fd4801; text-align:right; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
 .filter_body > ul > li .daps5 a{background:url(/images/mo/ico_bracket2.png) 4rem 40% no-repeat;}
-.filter_body > ul > li a.on{color:#fd4801;}
+.filter_body > ul > li a.on{color:#222;}
 .filter_body > ul > li.categori .daps2 > li > a.on, .filter_body > ul > li.categori .daps3 > li > a.on, .filter_body > ul > li.categori .daps4 > li > a.on {border-bottom: 0.1rem solid #ddd;}
 .filter_body > ul > li.categori .daps2 > li > a.on:after,
 .filter_body > ul > li.categori .daps3 > li > a.on:after,
@@ -2125,7 +2125,7 @@
 /* 필터세부사항(사이즈..) */
 .filter_body > ul > li .sizebox{padding-top:3rem;}
 .filter_body > ul > li .sizebox > li{padding:0 2rem 3rem; overflow:hidden;}
-.filter_body > ul > li .sizebox > li label{position:relative; display:block; float:left; margin:2% 0 0 2% ; width:32%; height:3.3rem; line-height:3.3rem; text-align:center; background-color:#fff;}
+.filter_body > ul > li .sizebox > li label{position:relative; display:block; float:left; margin:3% 0 0 3% ; width:31%; height:3.4rem; line-height:3.4rem; text-align:center; background-color:#fff;}
 .filter_body > ul > li .sizebox > li label input{position:absolute; top:0; right:0; opacity:0; width:0; height:0;}
 .filter_body > ul > li .sizebox > li label span{position:absolute; top:0; bottom:0; left:0; right:0; color:#222; border:0.1rem solid #dddddd; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis;}
 .filter_body > ul > li .sizebox > li label input:checked + span{border-color:#222;}
@@ -2170,26 +2170,32 @@
 /*==== 총알배송 ====*/
 .modal.dp_pop.bulletShip_pop .modal-footer .btn{background:#000; border-color:#222;}
 .modal.dp_pop.bulletShip_pop .ico-area{text-align:center;}
+.modal.dp_pop.bulletShip_pop .ico-area img {width: 4rem;}
 .modal.dp_pop.bulletShip_pop .impossible-popup{text-align:center;}
 /* dp_Bulletship .Bulletship_body */
+.Bulletship_head{margin-top: 5.5rem;padding-top: 5.5rem;}
 .Bulletship_head img{width:100%;}
 .Bulletship_body{padding:0 2rem;}
 .bulletship .ico-area {width:4.1rem; padding-top:4rem; margin:0 auto;}
 .bulletship .txt-area {position:relative; margin-top:1rem; text-align:center;}
 .bulletship .bulltetship-time {font-size:1.3rem; color:#555;}
-.bulletship .bulltetship-check {margin:1.2rem 0 2rem; font-size:2.4rem; font-weight:900;}
+.bulletship .bulltetship-check {margin:1.2rem 0 2rem; font-size:2.4rem; font-weight:600;}
 .bulletship .bulltetship-disc {margin:1.6rem 0 0; font-size:1.1rem;}
 /* popup */
 .bulletship-possible {display:block; z-index:100; top:0; left:0; width:100%; background-color:#fff;}
 .bulletship-possible.no {display:block; z-index:100;}
-.input-address {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; width:100%; height:6.8rem; border:none; text-align:center; background-color:#f5f5f5; color:#797979; font-size:1.3rem;}
+.bulletShip_pop .input-address {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; width:100%; padding:2rem 0; border:none; text-align:center; background-color:#f5f5f5; color:#666666; font-size:1.3rem;}
 .dim-area {display:block; z-index:200; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0, .5); filter:blur(.5);}
 .dim-area .my-inner {position:fixed; top:25%; /* top:50%; */ left:50%; transform:translate(-50%, -50%); width:32rem; height:36.5rem; padding:0 2rem; box-sizing:border-box; background-color:#fff;}
 .dim-area .my-inner .ico-area {margin-bottom:.8rem;}
-.possible-popup {text-align:center;}
-.possible-popup.disp-on {display:block;}
+.bulletShip_pop .modal-body {padding:0 2rem}
+.bulletShip_pop .bulltetship-check {margin:0 0 2rem; font-size:2.4rem; font-weight:600; color: #222;}
+.bulletShip_pop .possible-popup {text-align:center;}
+.bulletShip_pop .possible-popup.disp-on {display:block;}
+.bulletShip_pop .possible-popup > p:first-child {font-size: 1.3rem; color: #555;}
 /* .impossible-popup {position:absolute; top:7rem; left:50%; transform:translateX(-50%); width:100%; padding:0 2rem; box-sizing:border-box; text-align:center;} */
-.impossible-popup.disp-on {display:block;}
+.bulletShip_pop .impossible-popup.disp-on {display:block;}
+.bulletShip_pop .impossible-popup > p:first-child {font-size: 1.3rem; color: #555;}
 .bullet-pop-btn {position:absolute; top:2.6rem; right:2rem; width:1.6rem; height:1.6rem; border:0; background-color:transparent;}
 .bullet-pop-btn::before {content:''; display:block; position:absolute; transform:rotate(45deg); width:100%; height:0.1rem; background-color:#000;}
 .bullet-pop-btn::after {content:''; display:block; position:absolute; transform:rotate(-45deg); width:100%; height:0.1rem; background-color:#000;}
@@ -2199,7 +2205,7 @@
 .list-popup .bullet-pop-btn {position:absolute; top:-2rem; left:50%; transform:translateX(-50%);}
 .list-popup .bullet-pop-btn::before {background-color:#fff;}
 .list-popup .bullet-pop-btn::after {background-color:#fff;}
-.mo-list-btn {display:block; width:100%; margin-bottom:.8rem; padding:1.4rem 0; box-sizing:border-box; border:.3rem solid #eee; border-radius:30px; font-size:1.4rem; text-align:center;}
+.mo-list-btn {display:block; width:100%; margin-bottom:.8rem; padding:1.4rem 0; box-sizing:border-box; border:.3rem solid #eee; border-radius:3.0rem; font-size:1.4rem; text-align:center;}
 .mo-list-btn:last-child {margin-bottom:0;}
 .mo-list-btn:active,
 .mo-list-btn:checked,
@@ -2213,8 +2219,8 @@
 .bulletship .Bulletship_foot .img-box {margin-right:2rem;}
 .bulletship .Bulletship_foot img {width:7.5rem; height:7.5rem;}
 .bulletship .Bulletship_foot .txt-box {display:flex; flex-wrap:wrap; flex-direction:column; align-content:flex-start; justify-content:center; text-align:left;}
-.bulletship .Bulletship_foot .tit {font-size:1.4rem; font-weight:900;}
-.bulletship .Bulletship_foot .disc {font-size:1.2rem;}
+.bulletship .Bulletship_foot .tit {font-size:1.4rem; font-weight:500;}
+.bulletship .Bulletship_foot .disc {font-size:1.2rem; color: #666;}
 .mo-only {display:none;}
 @media (max-width:320px) {
     .mo-only {display:block;}
@@ -2425,15 +2431,12 @@
 /* 브랜드 - br_search */
 .br .brand_si{margin-top:0.1rem;}
 .br .brand_si .swiper-wrapper{height:0;}
-.br .brand_si .swiper-wrapper .swiper-slide:nth-child(odd){border-bottom:0rem none;}
 .br_search_wrap {margin-top: 5.5rem;}
 .br_search_wrap .swiper-pagination{margin:0;}
-.br_search_wrap .swiper-container { width: 100%; height: 21.4rem; margin-left: auto; margin-right: auto; }
-.br_search_wrap .swiper-slide { text-align: center; font-size: 1.8rem; background: #fff; height: calc((100% - 30px) / 2); /* Center slide text vertically--> */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
+.br_search_wrap .swiper-container { width: 100%; height: 21.4rem; margin-left: auto; margin-right: auto; border-top:0.1rem solid #eeeeee;}
+.br_search_wrap .swiper-slide { text-align: center; font-size: 1.8rem; background: #fff; height: calc((100% - 30px) / 2); /* Center slide text vertically--> */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; margin-top: -0.1rem;}
 .br_search_wrap .swiper-slide {width: 12rem; height: 8rem;}
-.br_search_wrap .swiper-slide {border-bottom: 0.1rem solid #eeeeee; border-right: 0.1rem solid #eeeeee; border-top: 0.1rem solid #eeeeee;}
-.br_search_wrap .swiper-slide:nth-child(1) {border-left: 0.1rem solid #eeeeee;}
-.br_search_wrap .swiper-slide:nth-child(2) {border-left: 0.1rem solid #eeeeee;}
+.br_search_wrap .swiper-slide {border-bottom: 0.1rem solid #eeeeee; border-right: 0.1rem solid #eeeeee; }
 .br_search_wrap .swiper-slide > div { width: 12.6rem; margin: 0; box-sizing: border-box; padding:0.6rem;}
 .br_search_wrap .swiper-pagination-bullet-active { background: #fd4802;}
 .br_search_wrap .hmenu .line { width: 100%; height: 1.4rem; background: #f5f5f5; margin: 1rem 0 0;}

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

@@ -546,7 +546,7 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 .ev .renew_check_tit .share_btn {position: absolute; top: 14px; right: 20px; width: 1.4rem;}
 .ev textarea, .ev input {color: #222;}
 
-.promotion_tit {padding:1.5rem 0;}
+.promotion_tit {padding:1.5rem 0; padding-right: 2rem;}
 .promotion_tit h3 {font-size: 1.4rem; font-weight: 500;}
 .promotion_tit .period {margin-top: 1.5rem; font-size: 1.1rem; color: #888;}
 .promotion_tit .share_btn {position: absolute; top: 0.9rem; right: 1.5rem; width: 3rem; height: 3rem;}
@@ -1027,7 +1027,8 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 
 .part_goods .goods_detail {position: relative; padding:0 0 0 11rem;}
 .part_goods .goods_detail .thumb_box {background: #f5f5f5; width:9rem; height:13.5rem; position: absolute; left: 0; top: 0;}
-.part_goods .goods_detail .thumb_box a {display:block; background:#f5f5f5; height: 100%;}
+.part_goods .goods_detail .thumb_box a {display:block; height: 100%;}
+.part_goods .goods_detail .thumb_box a::after { content: "";display: block; position: absolute; top:0; left: 0; width: 100%;height: 100%;opacity: 0.03;background-color: rgb(0, 0, 0);}
 .part_goods .goods_detail .thumb_box img {position: relative; top: 50%; transform: translateY(-50%); width: 100%;}
 
 .part_goods .goods_detail .info_box {min-height:13.5rem; padding-top: 1rem;}
@@ -1811,13 +1812,18 @@ background-size:100%;}
 .od .foldGroup .fold_cont {padding:0 2rem 3rem; font-weight: 300;}
 .od .foldGroup .fold_head {position: relative;  z-index: 3;}
 .od .foldGroup .fold_head.on .data {display: none;}
+.od .foldGroup .fold_sale .fold_head.on .data {display: block; width:100%; overflow: visible;}
+.od .foldGroup .fold_sale .fold_head.on .data .form_field input[type="checkbox"] {top: 3.4rem;left: -27.9rem;}
+.od .foldGroup .fold_sale .fold_head.on .data .form_field input[type="checkbox"] + label {position: fixed; top: 3.4rem;left: 6.8rem;}
+.od .foldGroup .fold_sale .fold_head.on .data .form_field input[type="checkbox"] + label span {display: none;}
+.od .foldGroup .fold_sale .fold_cont .area_seldiscount .form_field label {padding-left: 2.6rem;font-size: 1.2rem;line-height: 2.0;font-weight: 300;letter-spacing: 0;}
 .od .foldGroup .fold_head a {padding: 0;}
 .od .foldGroup .fold_head .data {position:absolute; top:50%; right:50px; transform:translateY(-50%); color:#000; font-size:1.3rem; font-weight:300; z-index:-1; padding-right: 0; width: 40%; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; text-align: right;}
 .od .foldGroup .fold_head .data.fixed {display: block;}
 .od .foldGroup .fold_head .data.custom_disc {z-index: 2;}
 .od .foldGroup .fold_head .data.custom_disc label {line-height: 2rem;}
 .od .foldGroup .fold_head .data.maxdisc {z-index:2; text-align: center; width:auto;}
-.od .foldGroup .fold_head .data.maxdisc span {padding-left: 0; margin-left: 0;}
+.od .foldGroup .fold_head .data.maxdisc span {padding-left: 0; margin-left: 0;display: inline-block;}
 .od .foldGroup .fold_head .data .maxdisc_amount {color: #fd4802;}
 .od .foldGroup .fold_head .data .maxdisc_amount::before {display:none;}
 .od .foldGroup .fold_head .data span {/*display:inline-block;*/ position:relative; padding-left:1rem; margin-left:1rem;}
@@ -1901,21 +1907,21 @@ background-size:100%;}
 .modal.adrsChange_Pop .modal-header {padding: 0; height: 5.5rem;}
 .modal.adrsChange_Pop .modal-body {margin-top: 5.2rem;}
 .modal.adrsChange_Pop .modal-body {padding: 0;}
-.adrsChange_Pop .htop {position: relative;height: 55px;-webkit-box-sizing: border-box;box-sizing: border-box;background-color: #fff;}
-.adrsChange_Pop #htopSub {border-bottom: 1px solid #e5e5e5;box-sizing: border-box;}
-.adrsChange_Pop #htopSubs {border-bottom: 1px solid #000000;box-sizing: border-box;}
+.adrsChange_Pop .htop {position: relative;height: 5.5rem;-webkit-box-sizing: border-box;box-sizing: border-box;background-color: #fff;}
+.adrsChange_Pop #htopSub {border-bottom: 0.1rem solid #e5e5e5;box-sizing: border-box;}
+.adrsChange_Pop #htopSubs {border-bottom: 0.1rem solid #000000;box-sizing: border-box;}
 .adrsChange_Pop .htop h5 {display: inline-block;position: relative;height: 3.5rem;line-height: 3.5rem;vertical-align: top; font-size: 1.8rem;color: #222; margin:1rem 0 0 2rem;}
-.adrsChange_Pop .htop h5 img {position: relative;top: 50%;left: 0;right: 0;transform: translate(0, -50%);margin: 0px 0;}
-.adrsChange_Pop .htop .btn_back {width: 35px;height: 35px; margin:0.7rem 0 0 1.5rem;}
-.adrsChange_Pop .htop .btn_back span {display: block;width: 24px;height: 24px;margin: 0 auto;position: relative;}
+.adrsChange_Pop .htop h5 img {position: relative;top: 50%;left: 0;right: 0;transform: translate(0, -50%);margin: 0 0;}
+.adrsChange_Pop .htop .btn_back {width: 3.5rem;height: 3.5rem; margin:0.7rem 0 0 1.5rem;}
+.adrsChange_Pop .htop .btn_back span {display: block;width: 2.4rem;height: 2.4rem;margin: 0 auto;position: relative;}
 .adrsChange_Pop .htop .btn_back span i {display: block;position: absolute;background: #222;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
-.adrsChange_Pop .htop .btn_back span i.gl1 {left: 0;top: 6px;width: 12px;height: 2px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
-.adrsChange_Pop .htop .btn_back span i.gl2 {left: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 24px;height: 2px;}
-.adrsChange_Pop .htop .btn_back span i.gl3 {left: 0;bottom: 6px;width: 12px;height: 2px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
-.adrsChange_Pop .htop .btn_back:active span i {left: -20px;}
+.adrsChange_Pop .htop .btn_back span i.gl1 {left: 0;top: 0.6rem;width: 1.2rem;height: 0.2rem;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
+.adrsChange_Pop .htop .btn_back span i.gl2 {left: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 2.4rem;height: 0.2rem;}
+.adrsChange_Pop .htop .btn_back span i.gl3 {left: 0;bottom: 0.6rem;width: 1.2rem;height: 0.2rem;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
+.adrsChange_Pop .htop .btn_back:active span i {left: -2.0rem;}
 .adrsChange_Pop .ship_info {position: relative;}
 .adrsChange_Pop .shipfold .ship_info {padding:2rem; padding-top: 0;}
-.adrsChange_Pop .ship_info .btn_popup {position: absolute; top: 0; right: 2rem; border:1px solid #ddd; width: 7rem; height: 3rem; padding:0; line-height: 3rem; font-size: 1.1rem;}
+.adrsChange_Pop .ship_info .btn_popup {position: absolute; top: 0; right: 2rem; border:0.1rem solid #ddd; width: 7rem; height: 3rem; padding:0; line-height: 3rem; font-size: 1.1rem;}
 .adrsChange_Pop .ship_info .company {font-weight: 500;}
 .adrsChange_Pop .ship_info dl > div {margin-bottom: 0.7rem;}
 .adrsChange_Pop .ship_info dl > div:last-child {margin-bottom: 0;}
@@ -1943,14 +1949,14 @@ background-size:100%;}
 .adrsChange_Pop .modal-body .pop_cont.nodata .delivery_list {display: none;}
 .adrsChange_Pop .modal-body .pop_cont.nodata .empty_txt {display: block; padding:14rem 0 11rem; font-size: 1.3rem; color: #222; text-align: center; font-weight: 300;}
 .adrsChange_Pop .badge_wrap {display: inline-block;}
-.adrsChange_Pop .order_badge {font-size: 1rem; color: #666; font-weight: 300; border:1px solid #888; padding:0.4rem 0.4rem 0.25rem; margin-left: 1px; vertical-align: middle;}
-.adrsChange_Pop .order_bullet_badge {color: #fd4802; border:1px solid #fd4802;}
+.adrsChange_Pop .order_badge {font-size: 1rem; color: #666; font-weight: 300; border:0.1rem solid #888; padding:0.4rem 0.4rem 0.25rem; margin-left: 0.1rem; vertical-align: middle;}
+.adrsChange_Pop .order_bullet_badge {color: #fd4802; border:0.1rem solid #fd4802;}
 .adrsChange_Pop .modal-footer {margin-bottom: 5rem;}
 .adrsChange_Pop .modal-footer .btn {position: fixed; left: 0; bottom: 0; height: 5rem; font-size: 1.4rem;}
 
 .adrsChange_Pop  {}
 .adrsChange_Pop .inner:last-child {padding-bottom: 0;}
-.adrsChange_Pop .ship_info {padding:3rem 2rem; border-bottom: 1px solid #eee;}
+.adrsChange_Pop .ship_info {padding:3rem 2rem; border-bottom: 0.1rem solid #eee;}
 .adrsChange_Pop .ship_info.active {background: #fff6f2;}
 .adrsChange_Pop .ship_info dl > div.addr {width: 100%;}
 .adrsChange_Pop .ship_info .btn_group_flex {display: block; margin-top: 2rem;}
@@ -1968,7 +1974,7 @@ background-size:100%;}
 .adrsAdd_pop .tbl_wrap .tbl.tbl_dlvr {border-top: 0; padding-top: 0;}
 .adrsAdd_pop .tbl_wrap .tbl.tbl_dlvr .input_wrap {display: block; width: 100%; position: relative;}
 .adrsAdd_pop .tbl_wrap .tbl.tbl_dlvr .input_wrap button.btn_sch {position: absolute; top: 0; right: 0; border:0; width: 5rem; height: 4.5rem; background:transparent url('/images/mo/ico_search_btn.png') no-repeat center; background-size:2rem; margin-left: 0;}
-.adrsAdd_pop .tbl_wrap .tbl.tbl_dlvr .input_wrap input.form_control + input.form_control {margin-top: -1px;}
+.adrsAdd_pop .tbl_wrap .tbl.tbl_dlvr .input_wrap input.form_control + input.form_control {margin-top: -0.1rem;}
 .adrsAdd_pop .tbl_wrap .tbl.tbl_dlvr input[type='text'] {width: 100%; font-size: 1.3rem; color: #888; font-weight: 300;}
 .adrsAdd_pop .tbl_wrap .tbl.tbl_dlvr input[type='text']:first-of-type {padding-right: 5rem;}
 .adrsAdd_pop .dlvr_basic {margin-top: 1.5rem;}
@@ -1981,14 +1987,14 @@ background-size:100%;}
 .adrsAdd_pop .tbl_wrap .tbl.tbl_request .desc_txt {position: relative; padding-left: 0.8rem; margin-top: 1rem; font-size: 1.1rem; }
 .adrsAdd_pop .tbl_wrap .tbl.tbl_request .desc_txt:after {content:''; position: absolute; top: 0.6rem; left: 0; background: #888; width: 0.2rem; height: 0.2rem;}
 .adrsAdd_pop .htop h5 {display: inline-block;position: relative;height: 3.5rem;line-height: 3.5rem;vertical-align: top; font-size: 1.8rem;color: #222; margin:1rem 0 0 2rem;}
-.adrsAdd_pop .htop h5 img {position: relative;top: 50%;left: 0;right: 0;transform: translate(0, -50%);margin: 0px 0;}
-.adrsAdd_pop .htop .btn_back {width: 35px;height: 35px; margin:0.7rem 0 0 1.5rem;}
-.adrsAdd_pop .htop .btn_back span {display: block;width: 24px;height: 24px;margin: 0 auto;position: relative;}
+.adrsAdd_pop .htop h5 img {position: relative;top: 50%;left: 0;right: 0;transform: translate(0, -50%);margin: 0 0;}
+.adrsAdd_pop .htop .btn_back {width: 3.5rem;height: 3.5rem; margin:0.7rem 0 0 1.5rem;}
+.adrsAdd_pop .htop .btn_back span {display: block;width: 2.4rem;height: 2.4rem;margin: 0 auto;position: relative;}
 .adrsAdd_pop .htop .btn_back span i {display: block;position: absolute;background: #222;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
-.adrsAdd_pop .htop .btn_back span i.gl1 {left: 0;top: 6px;width: 12px;height: 2px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
-.adrsAdd_pop .htop .btn_back span i.gl2 {left: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 24px;height: 2px;}
-.adrsAdd_pop .htop .btn_back span i.gl3 {left: 0;bottom: 6px;width: 12px;height: 2px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
-.adrsAdd_pop .htop .btn_back:active span i {left: -20px;}
+.adrsAdd_pop .htop .btn_back span i.gl1 {left: 0;top: 0.6rem;width: 1.2rem;height: 0.2rem;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
+.adrsAdd_pop .htop .btn_back span i.gl2 {left: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 2.4rem;height: 0.2rem;}
+.adrsAdd_pop .htop .btn_back span i.gl3 {left: 0;bottom: 0.6rem;width: 1.2rem;height: 0.2rem;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
+.adrsAdd_pop .htop .btn_back:active span i {left: -2.0rem;}
 .adrsAdd_pop .default_addrs {margin-top: 1.5rem;}
 .adrsAdd_pop .modal-footer {margin-bottom: 5rem;}
 .adrsAdd_pop .modal-footer .btn {position: fixed; left: 0; bottom: 0; height: 5rem; font-size: 1.4rem;}
@@ -2002,7 +2008,7 @@ background-size:100%;}
 .adrsModify_pop .tbl_wrap .tbl.tbl_dlvr {border-top: 0; padding-top: 0;}
 .adrsModify_pop .tbl_wrap .tbl.tbl_dlvr .input_wrap {display: block; width: 100%; position: relative;}
 .adrsModify_pop .tbl_wrap .tbl.tbl_dlvr .input_wrap button.btn_sch {position: absolute; top: 0; right: 0; border:0; width: 5rem; height: 4.5rem; background:transparent url('/images/mo/ico_search_btn.png') no-repeat center; background-size:2rem; margin-left: 0;}
-.adrsModify_pop .tbl_wrap .tbl.tbl_dlvr .input_wrap input.form_control + input.form_control {margin-top: -1px;}
+.adrsModify_pop .tbl_wrap .tbl.tbl_dlvr .input_wrap input.form_control + input.form_control {margin-top: -0.1rem;}
 .adrsModify_pop .tbl_wrap .tbl.tbl_dlvr input[type='text'] {width: 100%; font-size: 1.3rem; color: #888; font-weight: 300;}
 .adrsModify_pop .tbl_wrap .tbl.tbl_dlvr input[type='text']:first-of-type {padding-right: 5rem;}
 .adrsModify_pop .dlvr_basic {margin-top: 1.5rem;}
@@ -2015,14 +2021,14 @@ background-size:100%;}
 .adrsModify_pop .tbl_wrap .tbl.tbl_request .desc_txt {position: relative; padding-left: 0.8rem; margin-top: 1rem; font-size: 1.1rem; }
 .adrsModify_pop .tbl_wrap .tbl.tbl_request .desc_txt:after {content:''; position: absolute; top: 0.6rem; left: 0; background: #888; width: 0.2rem; height: 0.2rem;}
 .adrsModify_pop .htop h5 {display: inline-block;position: relative;height: 3.5rem;line-height: 3.5rem;vertical-align: top; font-size: 1.8rem;color: #222; margin:1rem 0 0 2rem;}
-.adrsModify_pop .htop h5 img {position: relative;top: 50%;left: 0;right: 0;transform: translate(0, -50%);margin: 0px 0;}
-.adrsModify_pop .htop .btn_back {width: 35px;height: 35px; margin:0.7rem 0 0 1.5rem;}
-.adrsModify_pop .htop .btn_back span {display: block;width: 24px;height: 24px;margin: 0 auto;position: relative;}
+.adrsModify_pop .htop h5 img {position: relative;top: 50%;left: 0;right: 0;transform: translate(0, -50%);margin: 0 0;}
+.adrsModify_pop .htop .btn_back {width: 3.5rem;height: 3.5rem; margin:0.7rem 0 0 1.5rem;}
+.adrsModify_pop .htop .btn_back span {display: block;width: 2.4rem;height: 2.4rem;margin: 0 auto;position: relative;}
 .adrsModify_pop .htop .btn_back span i {display: block;position: absolute;background: #222;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
-.adrsModify_pop .htop .btn_back span i.gl1 {left: 0;top: 6px;width: 12px;height: 2px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
-.adrsModify_pop .htop .btn_back span i.gl2 {left: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 24px;height: 2px;}
-.adrsModify_pop .htop .btn_back span i.gl3 {left: 0;bottom: 6px;width: 12px;height: 2px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
-.adrsModify_pop .htop .btn_back:active span i {left: -20px;}
+.adrsModify_pop .htop .btn_back span i.gl1 {left: 0;top: 0.6rem;width: 1.2rem;height: 0.2rem;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
+.adrsModify_pop .htop .btn_back span i.gl2 {left: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 2.4rem;height: 0.2rem;}
+.adrsModify_pop .htop .btn_back span i.gl3 {left: 0;bottom: 0.6rem;width: 1.2rem;height: 0.2rem;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
+.adrsModify_pop .htop .btn_back:active span i {left: -2.0rem;}
 .adrsModify_pop .default_addrs {margin-top: 1.5rem;}
 .adrsModify_pop .modal-footer {margin-bottom: 5rem;}
 .adrsModify_pop .modal-footer .btn {position: fixed; left: 0; bottom: 0; height: 5rem; font-size: 1.4rem;}
@@ -2036,78 +2042,80 @@ background-size:100%;}
 .modal.couponModify_pop h6 {margin-bottom:1.5rem; font-size: 1.4rem; font-weight: 500; line-height: 1.4rem;}
 .modal.couponModify_pop .form_field,
 .modal.couponModify_pop .form_field > div {display:block; width:100%;}
-.modal.couponModify_pop .area_item_coupon {margin-bottom:40px;}
-.modal.couponModify_pop .area_item_coupon .apply_item {margin-top:30px;}
+.modal.couponModify_pop .area_item_coupon {margin-bottom:4.0rem;}
+.modal.couponModify_pop .area_item_coupon .apply_item {margin-top:3.0rem;}
 .modal.couponModify_pop .area_item_coupon .apply_item:first-child {margin-top:0}
-.modal.couponModify_pop .area_item_coupon .apply_item .item_gd {margin-bottom:20px}
+.modal.couponModify_pop .area_item_coupon .apply_item .item_gd {margin-bottom:2.0rem;}
 .modal.couponModify_pop .area_item_coupon .apply_item .item_gd figure {margin: 0;}
 .modal.couponModify_pop .area_item_coupon .apply_item .item_gd figure > div {display:inline-block;}
-.modal.couponModify_pop .area_item_coupon .apply_item .item_gd figure .thumb {float:left; width:4rem; height:6rem; padding-top:0;}
+.modal.couponModify_pop .area_item_coupon .apply_item .item_gd figure .thumb {position: relative; float:left; width:4rem; height:6rem; padding-top:0;}
+.modal.couponModify_pop .area_item_coupon .apply_item .item_gd figure .thumb::after {content: "";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0.03;background-color: rgb(0, 0, 0);}
+.modal.couponModify_pop .area_item_coupon .apply_item .item_gd figure .thumb img {position: relative;top: 50%;transform: translateY(-50%);width: 100%;}
 .modal.couponModify_pop .area_item_coupon .apply_item .item_gd figure figcaption {padding-top: 0.6rem; padding-left:5.5rem; width:90%; vertical-align:middle; font-weight: 300;}
 .modal.couponModify_pop .area_item_coupon .apply_item .item_gd figure figcaption .brand {font-size: 1rem; color: #888;}
 .modal.couponModify_pop .area_item_coupon .apply_item .item_gd figure figcaption .name {margin-top:0.6rem; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; line-height: 1.2; font-size: 1.3rem;}
 .modal.couponModify_pop .area_item_coupon .apply_item .item_gd figure figcaption .option {margin-top:0.8rem; font-size: 1.1rem; color: #888;}
 .modal.couponModify_pop .area_item_coupon .select_custom {height:8rem;}
 .modal.couponModify_pop .area_item_coupon .select_custom .combo .select {height:8.3rem; padding:0;}
-.modal.couponModify_pop .area_item_coupon .select_custom .combo .select:after {top:50%; right:20px; transform:translateY(-50%);}
+.modal.couponModify_pop .area_item_coupon .select_custom .combo .select:after {top:50%; right:2.0rem; transform:translateY(-50%);}
 .modal.couponModify_pop .area_item_coupon .select_custom .combo .list {top:8rem; padding:0;}
-.modal.couponModify_pop .area_item_coupon .select_custom .combo .list > li {line-height:1; height:8rem; padding:0; border-top:1px solid #ddd;}
-.modal.couponModify_pop .area_item_coupon .select_custom .combo .item_coupon {padding:14px 18px;}
-.modal.couponModify_pop .area_item_coupon .select_custom .combo .item_coupon .name {color:#222; font-size:14px; font-weight:300;}
-.modal.couponModify_pop .area_item_coupon .select_custom .combo .item_coupon .txt {margin-top:10px; color:#888; font-size:14px; font-weight:200;}
+.modal.couponModify_pop .area_item_coupon .select_custom .combo .list > li {line-height:1; height:8rem; padding:0; border-top:0.1rem solid #ddd;}
+.modal.couponModify_pop .area_item_coupon .select_custom .combo .item_coupon {padding:1.4rem 1.8rem;}
+.modal.couponModify_pop .area_item_coupon .select_custom .combo .item_coupon .name {color:#222; font-size:1.4rem; font-weight:300;}
+.modal.couponModify_pop .area_item_coupon .select_custom .combo .item_coupon .txt {margin-top:0.6rem; color:#888; font-size:1.4rem; font-weight:200;}
 .modal.couponModify_pop .area_item_coupon .select_custom .combo .item_coupon .txt span {font-weight:300;}
-.modal.couponModify_pop .area_item_coupon .select_custom .combo .item_coupon .discount {margin-top:10px;  color:#fd4802; font-size:16px; font-weight:300;}
+.modal.couponModify_pop .area_item_coupon .select_custom .combo .item_coupon .discount {margin-top:0.6rem;  color:#fd4802; font-size:1.6rem; font-weight:300;}
 .modal.couponModify_pop .area_item_coupon .select_custom .combo .item_coupon .discount span {font-weight:500;}
-.modal.couponModify_pop .area_item_coupon .select_custom .combo .item_coupon .empty {margin-top:22px; color:#222; font-size:14px; font-weight:300;}
+.modal.couponModify_pop .area_item_coupon .select_custom .combo .item_coupon .empty {margin-top:2.2rem; color:#222; font-size:1.4rem; font-weight:300;}
 .modal.couponModify_pop .area_item_coupon .select_custom .combo .list > li[aria-disabled="true"] .item_coupon p {color:#888;}
 .modal.couponModify_pop .area_cart_coupon {margin-bottom:6rem;}
-.modal.couponModify_pop .area_cart_coupon .form_field > div {border-bottom:1px solid #ddd}
-.modal.couponModify_pop .area_cart_coupon .form_field > div:first-child {border-top:1px solid #ddd;}
+.modal.couponModify_pop .area_cart_coupon .form_field > div {border-bottom:0.1rem solid #ddd}
+.modal.couponModify_pop .area_cart_coupon .form_field > div:first-child {border-top:0.1rem solid #ddd;}
 .modal.couponModify_pop .area_cart_coupon .form_field > div label {width:100%; color:#222;}
-.modal.couponModify_pop .area_cart_coupon .cart_coupon {padding:20px 0px;}
-.modal.couponModify_pop .area_cart_coupon .cart_coupon .name {color:#222; font-size:14px; font-weight:300;}
-.modal.couponModify_pop .area_cart_coupon .cart_coupon .txt {margin-top:10px; color:#888; font-size:14px; font-weight:200;}
+.modal.couponModify_pop .area_cart_coupon .cart_coupon {padding:2.0rem 0;}
+.modal.couponModify_pop .area_cart_coupon .cart_coupon .name {color:#222; font-size:1.4rem; font-weight:300;}
+.modal.couponModify_pop .area_cart_coupon .cart_coupon .txt {margin-top:1.0rem; color:#888; font-size:1.4rem; font-weight:200;}
 .modal.couponModify_pop .area_cart_coupon .cart_coupon .txt span {font-weight:300;}
-.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 {margin-top:1.0rem;  color:#fd4802; font-size:1.6rem; font-weight:300;}
 .modal.couponModify_pop .area_cart_coupon .cart_coupon .discount span {font-weight:500;}
 /* //주문결제_할인쿠폰변경 팝업 */
 
-.od .area_selgift .gift_box {margin-bottom: 2rem; border-bottom: 1px solid #eee;}
+.od .area_selgift .gift_box {margin-bottom: 2rem; border-bottom: 0.1rem solid #eee;}
 .od .area_selgift .gift_box:last-of-type {border-bottom: 0; padding-bottom: 0;}
 .od .area_selgift .gift_box .txt {margin-bottom:1.5rem; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
-.od .area_selgift .gift_box .txt span {position:relative; padding-right:20px; margin-right:10px; color:#222; font-weight:300;}
-.od .area_selgift .gift_box .txt span::after {content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:6px; height:11px; background:url('/images/pc/ico_arrow_thin.png') no-repeat 0 0;}
-.od .area_selgift .gift_box .form_field .gift .chk_img + label span {padding:0; border:1px solid transparent;}
-.od .area_selgift .gift_box .form_field .gift .chk_img:checked + label .thumb {border:1px solid #fd4802;}
+.od .area_selgift .gift_box .txt span {position:relative; padding-right:2.0rem; margin-right:1.0rem; color:#222; font-weight:300;}
+.od .area_selgift .gift_box .txt span::after {content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:0.6rem; height:1.1rem; background:url('/images/pc/ico_arrow_thin.png') no-repeat 0 0;}
+.od .area_selgift .gift_box .form_field .gift .chk_img + label span {padding:0; border:0.1rem solid transparent;}
+.od .area_selgift .gift_box .form_field .gift .chk_img:checked + label .thumb {border:0.1rem solid #fd4802;}
 .od .area_selgift .gift_box .form_field .gift input[type="checkbox"] + label:before,
 .od .area_selgift .gift_box .form_field .gift input[type="checkbox"] + label:after{display: none;}
 .od .area_selgift .gift_box .form_field .gift input[type="radio"] + label:before,
-.od .area_selgift .gift_box .form_field .gift input[type="radio"] + label:after{left:10px; top: 10px; margin-top: 0;}
+.od .area_selgift .gift_box .form_field .gift input[type="radio"] + label:after{left:1.0rem; top: 1.0rem; margin-top: 0;z-index: 2;}
 .od .area_selgift .gift_box .form_field .gift label {position:relative; width:100%; padding:0; box-sizing:border-box; vertical-align:middle;}
 .od .area_selgift .gift_box .form_field .gift label > span {display:inline-block; width:100%;}
-.od .area_selgift .gift_box .form_field .gift label .thumb { background-color:#eee; border:1px solid #eee;}
-.od .area_selgift .gift_box .form_field .gift label .thumb img {width:100%;}
+.od .area_selgift .gift_box .form_field .gift label .thumb {width: 10.6rem;height: 13.5rem; background-color:#eee; border:0.1rem solid #eee;}
+.od .area_selgift .gift_box .form_field .gift label .thumb img {position: relative;top: 50%;transform: translateY(-50%);width: 100%;}
 .od .area_selgift .gift_box .form_field .gift label .name {width:100%; color:#666; font-size:1.1rem; line-height:1.4; font-weight:200; min-height:3.4rem; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; margin:1.5rem 0 1rem; text-align: center;}
-.od .area_selgift .gift_box .form_field .gift label .deduct {margin-top:0px;color:#fd4802; font-weight:300; font-size:1.3rem; text-align: center;}
+.od .area_selgift .gift_box .form_field .gift label .deduct {margin-top:0;color:#fd4802; font-weight:300; font-size:1.3rem; text-align: center;}
 
 .od .area_selgift .gift_box .gift {float:left; width: 31.87%; margin:0 2.18% 2.4rem 0;}
 .od .area_selgift .gift_box .gift:nth-child(3n) {margin-right: 0;}
-.od .area_selgift .agree_gift {border:1px solid #ddd; text-align: center; padding:1.5rem 0;}
+.od .area_selgift .agree_gift {border:0.1rem solid #ddd; text-align: center; padding:1.5rem 0;}
 .od .area_selgift .agree_gift .txt {font-size: 1.3rem; margin:1rem 0;}
-.od .area_selgift .agree_gift .btn_link_popup {font-size: 1.1rem; color:#666; border-bottom: 1px solid #666;}
-.od .area_selgift .agree_gift_con {display: none; width: 100%; border:1px solid #ddd; border-top: 0; padding:1.8rem;}
+.od .area_selgift .agree_gift .btn_link_popup {font-size: 1.1rem; color:#666; border-bottom: 0.1rem solid #666;}
+.od .area_selgift .agree_gift_con {display: none; width: 100%; border:0.1rem solid #ddd; border-top: 0; padding:1.8rem;}
 .od .area_selgift .agree_gift_con p {position: relative; padding-left: 1rem; font-size: 1.2rem; color: #888;}
 .od .area_selgift .agree_gift_con p:before {content:'-'; position: absolute; left: 0; top: 0;}
 
-.od .area_selpoint dl > div {margin-top: 2.4rem; padding-top: 2.4rem; border-top: 1px solid #ddd;}
+.od .area_selpoint dl > div {margin-top: 2.4rem; padding-top: 2.4rem; border-top: 0.1rem solid #ddd;}
 .od .area_selpoint dl > div:first-child {margin-top: 0;}
 
 .od .area_seldiscount .maxdisc_amount {color: #fd4802;}
-.od .area_seldiscount dl > div {border-bottom: 1px solid #eee; margin-bottom: 1.5rem; padding-bottom: 1.5rem;}
+.od .area_seldiscount dl > div {border-bottom: 0.1rem solid #eee; margin-bottom: 1.5rem; padding-bottom: 1.5rem;}
 .od .area_seldiscount dl > div:last-child {border-bottom: 0;}
 .od .area_seldiscount dl > div:first-child {}
-.od .area_seldiscount dl > div:nth-child(2) {border-bottom: 1px dashed #eee;}
-.od .area_seldiscount #btn_couponModify_pop {width: 100%; display: block; height: 4.5rem; margin:0 0 1.5rem; border:1px solid #a7a7a7;}
+.od .area_seldiscount dl > div:nth-child(2) {border-bottom: 0.1rem dashed #eee;}
+.od .area_seldiscount #btn_couponModify_pop {width: 100%; display: block; height: 4.5rem; margin:0 0 1.5rem; border:0.1rem solid #a7a7a7;}
 .od .area_seldiscount dt {position: relative; margin-bottom: 1.5rem; font-size: 1.4rem; color: #222; font-weight: 500;}
 .od .area_seldiscount dt .maxdisc_amount {position: absolute; top: 0; right: 0;}
 
@@ -2116,14 +2124,14 @@ background-size:100%;}
 .od .area_seldiscount .input_wrap .btn, .od .area_selpoint .input_wrap .btn {position: absolute; top: 0; right: 0; width: 6rem; height: 4.5rem; margin-left: 0;}
 .od .area_seldiscount .dlvr_fee_box .select_custom {height:8.3rem;}
 .od .area_seldiscount .dlvr_fee_box .select_custom .combo .select {height:8.3rem; padding:0;}
-.od .area_seldiscount .dlvr_fee_box .select_custom .combo .select:after {top:50%; right:20px; transform:translateY(-50%);}
+.od .area_seldiscount .dlvr_fee_box .select_custom .combo .select:after {top:50%; right:2.0rem; transform:translateY(-50%);}
 .od .area_seldiscount .dlvr_fee_box .select_custom .combo .list {top:8rem; padding:0;}
-.od .area_seldiscount .dlvr_fee_box .select_custom .combo .list > li {line-height:1; padding:0; border-top:1px solid #ddd;}
+.od .area_seldiscount .dlvr_fee_box .select_custom .combo .list > li {line-height:1; padding:0; border-top:0.1rem solid #ddd;}
 .od .area_seldiscount .dlvr_fee_box .select_custom .combo .dlvr_coupon {padding:1.5rem; }
 .od .area_seldiscount .dlvr_fee_box .select_custom .combo .dlvr_coupon .name {color:#222; font-size:1.3rem; font-weight:300;}
 .od .area_seldiscount .dlvr_fee_box .select_custom .combo .dlvr_coupon .txt {margin-top:1rem; color:#888; font-size:1.1rem; font-weight:200;}
 .od .area_seldiscount .dlvr_fee_box .select_custom .combo .dlvr_coupon .txt span {font-weight:300;}
-.od .area_seldiscount .dlvr_fee_box .select_custom .combo .dlvr_coupon .discount {margin-top:10px;  color:#fd4802; font-size:1.5rem; font-weight:300;}
+.od .area_seldiscount .dlvr_fee_box .select_custom .combo .dlvr_coupon .discount {margin-top:1.0rem; color:#fd4802; font-size:1.5rem; font-weight:300;}
 .od .area_seldiscount .dlvr_fee_box .select_custom .combo .dlvr_coupon .discount span {font-weight:500;}
 .od .area_seldiscount .dlvr_fee_box .select_custom .combo .dlvr_coupon .empty {margin-top:2rem; color:#888; font-size:1.3rem; font-weight:300;}
 .od .area_seldiscount .dlvr_fee_box .select_custom .combo .list > li[aria-disabled="true"] .dlvr_coupon p {color:#888;}
@@ -2150,7 +2158,7 @@ background-size:100%;}
 .od .paymentinfo .payinfo_blk_wrap > a span::after {content:''; position:absolute; right:0; top:2px; width:11px; height:9px; background:url('/images/pc/ico_mb_arrow.png') no-repeat 0% 100%; background-size:100% auto;}
 
 .od .paymentinfo .payinfo_blk_wrap.on {}
-.od .paymentinfo .payinfo_blk_wrap.on > a span::after {top:3px; transform:rotate(-180deg);}
+.od .paymentinfo .payinfo_blk_wrap.on > a span::after {top:0.3rem; transform:rotate(-180deg);}
 
 .od .paymentinfo .payinfo_blk_parent {margin-top: -0.1rem; display: none;}
 .od .paymentinfo .payinfo_blk {border:1px solid #ddd; border-top:none;}
@@ -2596,7 +2604,7 @@ main.container .od_extra .inner:last-child {padding-bottom: 0;}
 #daumZipcodePop .modal-content {margin-top:5rem;}
 
 /* popup_메인공지 FULL */
-.popup_main_notice {position:fixed; left:0; top:0; right: 0; bottom: 0; z-index:9000; width: 100%; height: 100%; overflow-y:auto; background: #222;}
+.popup_main_notice {position:fixed; left:0; top:0; right: 0; bottom: 0; z-index:900; width: 100%; height: 100%; overflow-y:auto; background: #222;}
 .popup_main_notice .swiper-button-prev,
 .popup_main_notice .swiper-button-next {position:absolute; top:50%; transform:translateY(-50%); display:inline-block; width:6.0rem; height:6.0rem; background-image:url('/images/pc/btn_main_pop_arrow.png'); background-repeat:no-repeat; background-size:auto 100%; z-index:2;}
 .popup_main_notice .swiper-button-prev {left:0; background-position:0 50%;}

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

@@ -955,6 +955,12 @@ $( document ).ready( function() {
 
             $(this).parents('.inner').siblings('.inner').find('.fold_head').removeClass('on');
             $(this).parents('.inner').siblings('.inner').find('.fold_cont').slideUp(100);
+
+            // 210617_ 추가 : 선택 된 폴드그룹 포커스 이동
+            if($('.od .foldGroup .fold_head').hasClass('on') === true){
+                var odoffset = $('.od .foldGroup .fold_head').offset();
+                $('html').animate({scrollTop : odoffset.top - 40}, 400);
+            }
             return false;
         });
         /* 210428_수정 : 아코디언 */

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

@@ -1183,27 +1183,6 @@ input[type="file"] {
     max-height: 500px;
     background-color: #fff;
 }
-.select_custom .combo .list::-webkit-scrollbar {
-    width: 4px;
-    height: 0;
-}
-.select_custom .combo .list::-webkit-scrollbar-button:start:decrement,
-.select_custom .combo .list::-webkit-scrollbar-button:end:increment {
-    display: block;
-    height: 0;
-}
-.select_custom .combo .list::-webkit-scrollbar-track {
-    background: rgba(0, 0, 0, .05);
-    -webkit-border-radius: 10px;
-    border-radius: 10px;
-}
-.select_custom .combo .list::-webkit-scrollbar-thumb {
-    height: 50px;
-    width: 50px;
-    background: rgba(0, 0, 0, .2);
-    -webkit-border-radius: 10px;
-    border-radius: 10px;
-}
 .select_custom[disabled] {
   pointer-events: none;
 } 
@@ -1248,6 +1227,28 @@ input[type="file"] {
     /*background-color: #ccc;*/
     background: #f5f5f5;
 }
+/* scrollbar custom */
+.select_custom .combo .list::-webkit-scrollbar {width: 2px;height: 0;}
+.select_custom .combo .list::-webkit-scrollbar-button:start:decrement,
+.select_custom .combo .list::-webkit-scrollbar-button:end:increment {display: block;height: 0;}
+.select_custom .combo .list::-webkit-scrollbar-track {background: rgba(0, 0, 0, .05);-webkit-border-radius: 10px;border-radius: 10px;}
+.select_custom .combo .list::-webkit-scrollbar-thumb {height: 50px;width: 50px;background: rgba(0, 0, 0, .2);-webkit-border-radius: 10px;border-radius: 10px;}
+
+.modal::-webkit-scrollbar,.pop_cont::-webkit-scrollbar {width: 2px;}
+.modal::-webkit-scrollbar-thumb,.pop_cont::-webkit-scrollbar-thumb {background-color: #888888;border-radius: 0px;background-clip: padding-box;border: 0px solid transparent;}
+.modal::-webkit-scrollbar-track, .pop_cont::-webkit-scrollbar-track{background-color: #dddddd;border-radius: 0px;}
+
+.tbl.scroll_tbl .body_t::-webkit-scrollbar {width: 2px;height: 2px;}
+.tbl.scroll_tbl .body_t::-webkit-scrollbar-thumb {background-color: #888888;border-radius: 0px;background-clip: padding-box;border: 0px solid transparent;}
+.tbl.scroll_tbl .body_t::-webkit-scrollbar-track{background-color: #dddddd;border-radius: 0px;}
+/* 
+  
+.tbl.scroll_tbl .body_t::-webkit-scrollbar-button:start:decrement,
+.tbl.scroll_tbl .body_t::-webkit-scrollbar-button:end:increment {display: block;height: 0;}
+.tbl.scroll_tbl .body_t::-webkit-scrollbar-track {background: rgba(0, 0, 0, .05);-webkit-border-radius: 10px;border-radius: 10px;}
+.tbl.scroll_tbl .body_t::-webkit-scrollbar-thumb {height: 50px;width: 50px;background: rgba(0, 0, 0, .2);-webkit-border-radius: 10px;border-radius: 10px;}
+  */
+
 /* list-type */
 
 /* description */
@@ -1842,9 +1843,7 @@ button.alertCls {-webkit-appearance: none;padding: 0;cursor: pointer;background:
 .modal.pop_fullCol .modal-body .pop_cont{max-height: 100%;}
 .modal.pop_fullCol .modal-body [class^="ui_col_"]{margin: 0;}
 
-.modal::-webkit-scrollbar,.pop_cont::-webkit-scrollbar {width: 2px;}
-.modal::-webkit-scrollbar-thumb,.pop_cont::-webkit-scrollbar-thumb {background-color: #888888;border-radius: 0px;background-clip: padding-box;border: 0px solid transparent;}
-.modal::-webkit-scrollbar-track, .pop_cont::-webkit-scrollbar-track{background-color: #dddddd;border-radius: 0px;}
+
 
 /* .modal, .pop_cont {scrollbar-width: thin; scrollbar-color: #888888 #dddddd;} 파이어폭스 스크롤바 css */
 

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

@@ -998,6 +998,17 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 .tbl td .block_line ul li .tag {margin-left:6px; margin-top:2px; vertical-align:top;}
 .tbl td .block_line ul li .btn.btn_sm {height:34px; margin-top:-6px; padding:10px 14px; font-size:14px; font-weight:200;}
 
+/* 스크롤 테이블 */
+.tbl.scroll_tbl {position: relative;}
+.tbl.scroll_tbl::before {display:none; content:''; position: absolute; top: 0; right: 0; width: 2rem; height: 100%; background:linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 1%,rgba(255,255,255,0.5) 36%,rgba(255,255,255,1) 100%); z-index: 5;}
+.tbl.scroll_tbl::after {content:''; clear:both; display: block;}
+.tbl.scroll_tbl table th, .tbl.scroll_tbl table td {padding:20px 10px;}
+.tbl.scroll_tbl .head_t {float:left; width: 25% !important; display: block;}
+.tbl.scroll_tbl .head_t td {font-weight: 400;}
+.tbl.scroll_tbl .head_t + .body_t {width: 75% !important;}
+.tbl.scroll_tbl .body_t {float:left; width: 100% !important; display: block; white-space: nowrap; overflow-x: auto;}
+.tbl.scroll_tbl .body_t td {}
+
 /* 별점노출 */
 .star_score {position:relative; height:14px;}
 .star_score .star {display:inline-block; position:relative; width:95px; height:14px; background:#f5f5f5;}
@@ -1921,8 +1932,8 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.dp_review .review_list .reviw_box .review_item {padding:0px 30px 20px}
 	.dp_review .review_list .reviw_box .review_item .item_prod {text-align:left; width:100%; padding-top:20px; border-top:1px solid #ddd;}
 	.dp_review .review_list .reviw_box .review_item .item_prod .item_state {position:relative; padding:0; }
-	.dp_review .review_list .reviw_box .review_item .item_prod .itemLink {display:table-cell; width:100%; height:120px; box-sizing:border-box; padding-left:110px; vertical-align:middle; }
-	.dp_review .review_list .reviw_box .review_item .item_prod .itemName {margin:0}
+	.dp_review .review_list .reviw_box .review_item .item_prod .itemLink {display:inline-block; width:100%; height:120px; box-sizing:border-box; padding-left:110px; vertical-align:middle; }
+	.dp_review .review_list .reviw_box .review_item .item_prod .itemName {margin:30px 0 0; -webkit-line-clamp:1; height:auto; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
 	.dp_review .review_list .reviw_box .review_item .item_prod .itemPrice {margin:15px 0 0}
 	.dp_review .review_list .reviw_box .review_item .item_prod .itemPic {position:absolute; left:0; top:0; padding:0; width:80px; height:120px; margin:0; z-index:2;}
 	
@@ -2002,7 +2013,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.dp .other_promotion_slide .cont_body {position:relative;}
 	.dp .other_promotion_slide .swiper-button-next {right:-70px; margin-top:-70px;}
 	.dp .other_promotion_slide .swiper-button-prev {left:-70px; margin-top:-70px;}
-	.dp .other_promotion_slide .thumb {margin-bottom: 22px; position: relative; width: 100%; height: auto; padding-top: 100%;}
+	.dp .other_promotion_slide .thumb {margin-bottom: 22px; position: relative; width: 100%; height: auto; padding-top: 100%; overflow:hidden;}
 	.dp .other_promotion_slide .thumb img {position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); width: 100%; height: auto;}
 	.dp .other_promotion_slide .brand {display: inline-block; margin-bottom:10px; font-size: 12px; color:#888; font-weight: 300;}
 	.dp .other_promotion_slide .txt {margin:0 6px;}
@@ -3225,7 +3236,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.modal.pd_pop.info_size_pop {max-width:none; width:840px; padding:60px;}
 	.modal.pd_pop.info_size_pop .tbl.scroll_tbl{position: relative;}
 	.modal.pd_pop.info_size_pop .tbl.scroll_tbl .head_t{float: left;width: 25% !important;display: block; color:#222}
-	.modal.pd_pop.info_size_pop .tbl.scroll_tbl .body_t{float: left;width: 75% !important;display: block;white-space: nowrap;overflow-x: auto;}
+	.modal.pd_pop.info_size_pop .tbl.scroll_tbl .body_t{float: left;width: 75% !important;display: block;white-space: nowrap;overflow-x: auto;padding-bottom: 4px;}
 	.pd_pop.info_size_pop .pop_cont {max-height:none;}
 	.pd_pop.info_size_pop .size_head {text-align:center; margin-bottom:20px}
 	.pd_pop.info_size_pop .size_head .tit_sub {display:block; margin-bottom:20px; font-size:14px; font-weight:200;}

src/main/webapp/ux/pc/js/common-ui.js

@@ -708,6 +708,18 @@ $(document).ready( function() {
 			//$(this).toggleClass('on');
 		}
 	});
+
+	// 상품상세 > 사이즈 테이블 - 스크롤 휠 제어
+	$(".tbl.scroll_tbl .body_t").on('mousewheel',function(e){
+		var wheelDelta = e.originalEvent.wheelDelta;
+		if(wheelDelta > 0){
+			$(this).scrollLeft(-wheelDelta + $(this).scrollLeft());
+		}else{
+			$(this).scrollLeft(-wheelDelta + $(this).scrollLeft());
+		}
+	});
+
+