Jelajahi Sumber

Merge remote-tracking branch 'origin/develop' into card007

# Conflicts:
#	src/main/webapp/WEB-INF/views/mob/cart/CartListFormMob.html
#	src/main/webapp/WEB-INF/views/mob/display/BrandMainFormMob.html
#	src/main/webapp/WEB-INF/views/mob/display/CategoryMainFormMob.html
card007 4 tahun lalu
induk
melakukan
a056727252
37 mengubah file dengan 340 tambahan dan 182 penghapusan
  1. 21 0
      src/main/java/com/style24/front/biz/service/TsfDisplayService.java
  2. 1 0
      src/main/java/com/style24/front/biz/web/TsfOrderController.java
  3. 2 2
      src/main/webapp/WEB-INF/views/mob/cart/CartListFormMob.html
  4. 4 4
      src/main/webapp/WEB-INF/views/mob/display/BrandMainFormMob.html
  5. 18 0
      src/main/webapp/WEB-INF/views/mob/display/BrandSearchGoodsListFormMob.html
  6. 2 2
      src/main/webapp/WEB-INF/views/mob/display/CategoryMainFormMob.html
  7. 2 2
      src/main/webapp/WEB-INF/views/mob/display/CategoryMainFormMob4.html
  8. 4 4
      src/main/webapp/WEB-INF/views/mob/display/MallMainFormMob.html
  9. 2 2
      src/main/webapp/WEB-INF/views/mob/display/OutletMainFormMob.html
  10. 18 0
      src/main/webapp/WEB-INF/views/mob/display/SearchGoodsListFormMob.html
  11. 7 1
      src/main/webapp/WEB-INF/views/mob/goods/GoodsDealDetailFormMob.html
  12. 11 5
      src/main/webapp/WEB-INF/views/mob/goods/GoodsDetailFormMob.html
  13. 1 1
      src/main/webapp/WEB-INF/views/mob/goods/GoodsOtherFormMob.html
  14. 6 1
      src/main/webapp/WEB-INF/views/mob/mypage/MypageCustDeliveryAddrFormMob.html
  15. 1 1
      src/main/webapp/WEB-INF/views/mob/planning/PlanningDetailFormMob.html
  16. 2 2
      src/main/webapp/WEB-INF/views/mob/planning/PlanningShotGuideFormMob.html
  17. 3 3
      src/main/webapp/WEB-INF/views/web/cart/CartListAjaxFormWeb.html
  18. 2 2
      src/main/webapp/WEB-INF/views/web/cart/CartListFormWeb.html
  19. 1 1
      src/main/webapp/WEB-INF/views/web/display/BestMainFormWeb.html
  20. 4 4
      src/main/webapp/WEB-INF/views/web/display/BrandMainFormWeb.html
  21. 2 2
      src/main/webapp/WEB-INF/views/web/display/CategoryMainFormWeb.html
  22. 5 5
      src/main/webapp/WEB-INF/views/web/display/MallMainFormWeb.html
  23. 2 2
      src/main/webapp/WEB-INF/views/web/display/OutletMainFormWeb.html
  24. 6 2
      src/main/webapp/WEB-INF/views/web/display/SearchGoodsListFormWeb.html
  25. 2 2
      src/main/webapp/WEB-INF/views/web/goods/GoodsDealDetailFormWeb.html
  26. 13 6
      src/main/webapp/WEB-INF/views/web/goods/GoodsDetailFormWeb.html
  27. 1 1
      src/main/webapp/WEB-INF/views/web/goods/GoodsOtherFormWeb.html
  28. 7 1
      src/main/webapp/WEB-INF/views/web/mypage/MypageCustDeliveryAddrFormWeb.html
  29. 1 1
      src/main/webapp/WEB-INF/views/web/planning/PlanningDetailFormWeb.html
  30. 1 1
      src/main/webapp/WEB-INF/views/web/planning/PlanningShotGuideFormWeb.html
  31. 2 2
      src/main/webapp/WEB-INF/views/web/social/SocialMainFormWeb.html
  32. 2 2
      src/main/webapp/biz/goods.js
  33. 2 2
      src/main/webapp/biz/search.js
  34. 40 34
      src/main/webapp/ux/mo/css/common_m.css
  35. 85 81
      src/main/webapp/ux/mo/css/layout_m.css
  36. 43 1
      src/main/webapp/ux/mo/js/common_m.js
  37. 14 0
      src/main/webapp/ux/style24_link.js

+ 21 - 0
src/main/java/com/style24/front/biz/service/TsfDisplayService.java

@@ -2,6 +2,7 @@ package com.style24.front.biz.service;
 
 import java.util.ArrayList;
 import java.util.Collection;
+import java.util.Collections;
 
 import com.style24.front.biz.thirdparty.EigeneaiApi;
 import com.style24.persistence.domain.eigene.Eigeneai;
@@ -860,6 +861,8 @@ public class TsfDisplayService {
 		String maxPrice = "0";
 		String minPrice = "0";
 		String lastStr = "";
+		ArrayList<String> seasonSortArr = new ArrayList<>();
+		Collection<Filter> seasonArr = new ArrayList<Filter>();
 		for (Filter filter : filterList) {
 			if (!"".equals(filter.getFilterCd()) && !filter.getFilterCd().equals(null)) {
 				if (filter.getFilterGb().equals("PRICE")) {
@@ -883,6 +886,10 @@ public class TsfDisplayService {
 									resultList.add(filter);
 								}
 							}
+						}if ("SEASON".equals(filterGb)) {
+							// 시즌정보 정렬 
+							seasonSortArr.add(filter.getFilterCd());
+							seasonArr.add(filter);
 						} else {
 							resultList.add(filter);
 						}
@@ -918,6 +925,20 @@ public class TsfDisplayService {
 			}
 			resultList.addAll(priceList);
 		}
+		
+		// 시즌정렬
+		if (filterGb.equals("SEASON")) {
+			Collections.sort(seasonSortArr);
+			for (String filterCd : seasonSortArr) {
+				for (Filter item : seasonArr) {
+					if( filterCd.equals(item.getFilterCd())){
+						resultList.add(item);
+						break;
+					}
+				}
+			}
+		}
+		
 		return resultList;
 	}
 

+ 1 - 0
src/main/java/com/style24/front/biz/web/TsfOrderController.java

@@ -1207,6 +1207,7 @@ public class TsfOrderController extends TsfBaseController {
 					replaceInfo.set("orderFreegiftInfo"	, resultMap.get("orderFreegiftInfo"));
 					
 					replaceInfo.set("vaBankNm"			, orderInfo.getCardNm());
+					replaceInfo.set("custNo"			, order.getCustNo());
 					
 					// 2021.07.29
 					String vaDeadline = "";

+ 2 - 2
src/main/webapp/WEB-INF/views/mob/cart/CartListFormMob.html

@@ -35,7 +35,7 @@
 							<div class="swiper-slide swiper-slide-active" style="width: 163.5px; margin-right: 8px;">
 								<div class="item_prod"> <!-- item_prod ranker d_detail -->
 									<div class="item_state"> <!-- item_state AD soldout -->
-										<button type="button" class="itemLike" onclick="cfnPutWishList(this);" th:attr="goodscd=${cart.product.itemId}, ithrCd='IN18_01', contentsLoc='', planDtlSq='', goodsNm=${cart.product.itemName}">관심상품 추가</button>
+										<button type="button" class="itemLike" onclick="cfnPutWishList(this);" th:attr="goodsCd=${cart.product.itemId}, goodsNm=${cart.product.itemName}, ithrCd='IN18_01', contentsLoc='', planDtlSq=''">관심상품 추가</button>
 										<a th:href="${cart.product.itemUrl}" class="itemLink">
 											<div class="itemPic">
 												<img class="vLHTC pd_img" th:src="${cart.product.itemImage}" src="" alt="">
@@ -425,4 +425,4 @@
 </th:block>
 
 </body>
-</html>
+</html>

+ 4 - 4
src/main/webapp/WEB-INF/views/mob/display/BrandMainFormMob.html

@@ -93,7 +93,7 @@
 											</th:block>
 											<div class="item_prod">
 												<div class="item_state">
-													<button type="button" class="itemLike" th:classappend="${goodsData.likeIt == 'likeit'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${goodsData.goodsCd}, ithrCd='', contentsLoc='SBMM007', planDtlSq='', goodsNm=${goodsData.goodsFullNm}">관심상품 추가</button>
+													<button type="button" class="itemLike" th:classappend="${goodsData.likeIt == 'likeit'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${goodsData.goodsCd}, goodsNm=${goodsData.goodsFullNm}, ithrCd='', contentsLoc='SBMM007', planDtlSq=''">관심상품 추가</button>
 													<a href="javascript:void(0);" class="itemLink" th:onclick="cfnGoToGoodsDetail([[${goodsData.goodsCd}]], '', '', 'SBMM007');">
 														<div class="itemPic">
 															<th:block th:each="option,idx:${goodsData.videos}" th:with="videoArr=${#strings.arraySplit(idx.current,':')}">
@@ -171,7 +171,7 @@
 											<div class="swiper-slide">
 												<div class="item_prod">
 													<div class="item_state">
-														<button type="button" class="itemLike" th:classappend="${goodsData.likeIt == 'likeit'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${goodsData.goodsCd}, ithrCd='', contentsLoc='SBMM008', planDtlSq='', goodsNm=${goodsData.goodsFullNm}">관심상품 추가</button>
+														<button type="button" class="itemLike" th:classappend="${goodsData.likeIt == 'likeit'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${goodsData.goodsCd}, goodsNm=${goodsData.goodsFullNm}, ithrCd='', contentsLoc='SBMM008', planDtlSq=''">관심상품 추가</button>
 														<a href="javascript:void(0);" class="itemLink" th:onclick="cfnGoToGoodsDetail([[${goodsData.goodsCd}]], '', '', 'SBMM008');">
 															<div class="shape" th:classappend="${goodsStat.count==1}?'ranker'"><span th:text="${goodsStat.index+1}"></span></div>
 															<div class="itemPic">
@@ -261,7 +261,7 @@
 											<div class="swiper-slide">
 												<div class="item_prod">
 													<div class="item_state">
-														<button type="button" class="itemLike" th:classappend="${goodsData.likeIt == 'likeit'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${goodsData.goodsCd}, ithrCd='', contentsLoc=${contentsLoc}, planDtlSq='', goodsNm=${goodsData.goodsFullNm}">관심상품 추가</button>
+														<button type="button" class="itemLike" th:classappend="${goodsData.likeIt == 'likeit'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${goodsData.goodsCd}, goodsNm=${goodsData.goodsFullNm}, ithrCd='', contentsLoc=${contentsLoc}, planDtlSq=''">관심상품 추가</button>
 														<a href="javascript:void(0);" class="itemLink"  th:onclick="cfnGoToGoodsDetail([[${goodsData.goodsCd}]], '', '', [[${contentsLoc}]]);">
 															<div class="itemPic">
 																<th:block th:each="option,idx:${goodsData.videos}" th:with="videoArr=${#strings.arraySplit(idx.current,':')}">
@@ -362,7 +362,7 @@
 <!--								</th:block>-->
 								<div class="item_prod">
 									<div class="item_state">
-										<button type="button" class="itemLike" th:classappend="${goodsData.likeIt == 'likeit'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${goodsData.goodsCd}, ithrCd='', contentsLoc='SBMM013', planDtlSq='', goodsNm=${goodsData.goodsFullNm}">관심상품 추가</button>
+										<button type="button" class="itemLike" th:classappend="${goodsData.likeIt == 'likeit'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${goodsData.goodsCd}, goodsNm=${goodsData.goodsFullNm}, ithrCd='', contentsLoc='SBMM013', planDtlSq=''">관심상품 추가</button>
 										<a href="javascript:void(0);" class="itemLink" th:onclick="cfnGoToGoodsDetail([[${goodsData.goodsCd}]], '', '', 'SBMM013');">
 											<div class="itemPic">
 												<th:block th:each="option,idx:${goodsData.videos}" th:with="videoArr=${#strings.arraySplit(idx.current,':')}">

+ 18 - 0
src/main/webapp/WEB-INF/views/mob/display/BrandSearchGoodsListFormMob.html

@@ -804,6 +804,24 @@
 		$('.htop h1').text('검색결과');
 		$('.htop h1').css({"display": "inline-block"});
 
+		// 210813_ 추가 : 검색 결과 스크롤 이동 시, 필터 고정
+		// 210819_ 스크립트 위치 이동 및 내용 보완 (공통아님, 카운터필터 사용할 경우에만)
+		const schFilterOrg=$('.sch .sch_result .count_wrap').offset().top - 60;
+		$(window).scroll(function (event) {
+			var schScrollTop= $(window).scrollTop(); 
+			var schFilterTop=$('.sch .sch_result .count_wrap').offset().top - 60;
+			//console.log('schFilterOrg : '+ schFilterOrg);
+			//console.log('schScrollTop : '+ schScrollTop);
+			//console.log('schFilterTop : '+ schFilterTop);
+			if (schFilterOrg >= schScrollTop){
+				$('.sch .sch_result .count_wrap').removeClass('fixed');
+				return false;
+			} else if(schFilterTop < schScrollTop) {
+				$('.sch .sch_result .count_wrap').addClass('fixed');
+				return false;
+			}
+		});
+		
 		// 카테고리 필터 생성
 		fnCreateCategoryFilter();
 

+ 2 - 2
src/main/webapp/WEB-INF/views/mob/display/CategoryMainFormMob.html

@@ -72,7 +72,7 @@
 									<div class="swiper-slide" th:each="item, status : ${newGoodsList}">
 										<div class="item_prod" th:if="${status.count<21}">
 											<div class="item_state">
-												<button type="button" class="itemLike" th:classappend="${item.likeIt == 'likeit'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${item.goodsCd}, ithrCd='', contentsLoc='SCM001', planDtlSq='', goodsNm=${item.goodsFullNm}">관심상품 추가</button>
+												<button type="button" class="itemLike" th:classappend="${item.likeIt == 'likeit'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${item.goodsCd}, goodsNm=${item.goodsFullNm}, ithrCd='', contentsLoc='SCM001', planDtlSq=''">관심상품 추가</button>
 												<a href="javascript:void(0);" class="itemLink" th:onclick="cfnGoToGoodsDetail([[${item.goodsCd}]], '', '', 'SCM001');">
 													<div class="itemPic">
 														<th:block th:each="option,idx:${item.videos}" th:with="videoArr=${#strings.arraySplit(idx.current,':')}">
@@ -108,7 +108,7 @@
 								<div class="itemsGrp">
 									<div class=" item_prod" th:each="item, status : ${bestGoodsList}">
 										<div class="item_state">
-											<button type="button" class="itemLike" th:classappend="${item.likeIt == 'likeit'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${item.goodsCd}, ithrCd='', contentsLoc='SCM002', planDtlSq=''">관심상품 추가</button>
+											<button type="button" class="itemLike" th:classappend="${item.likeIt == 'likeit'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${item.goodsCd}, goodsNm=${item.goodsFullNm}, ithrCd='', contentsLoc='SCM002', planDtlSq=''">관심상품 추가</button>
 											<a href="javascript:void(0);" class="itemLink" th:onclick="cfnGoToGoodsDetail([[${item.goodsCd}]], '', '', 'SCM002');">
 												<div class="shape" th:classappend="${status.count==1}?'ranker'"><span th:text="${status.index+1}"></span></div>
 												<div class=" itemPic">

+ 2 - 2
src/main/webapp/WEB-INF/views/mob/display/CategoryMainFormMob4.html

@@ -76,7 +76,7 @@
 															<iframe th:unless="${videoArr[0]=='Y'}" id="pdThumbVideo" class="pd_mov" th:src="${kollusMediaUrl+'/'+videoArr[1]+'?enable_initialize_focus=false&autoplay&mute&controls_activation=none'}" allow="fullscreen" allowFullScreen></iframe>
 														</th:block>
 														<img alt="BLACK-a" class=" vLHTC pd_img" th:src="${@environment.getProperty('upload.goods.view') + '/' + item.sysImgNm}" onerror="noneImg(this)">
-														<button type="button" class="itemLike" th:classappend="${item.likeIt == 'likeit'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${item.goodsCd}, ithrCd='', contentsLoc='SCM001', planDtlSq=''">관심상품 추가</button>
+														<button type="button" class="itemLike" th:classappend="${item.likeIt == 'likeit'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${item.goodsCd}, goodsNm=${item.goodsFullNm}, ithrCd='', contentsLoc='SCM001', planDtlSq=''">관심상품 추가</button>
 													</div>
 													<p class="itemBrand" th:text="${item.brandGroupNm}">BRAND NAME</p>
 													<div class="itemName" th:text="${item.goodsFullNm}">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
@@ -108,7 +108,7 @@
 														<iframe th:unless="${videoArr[0]=='Y'}" id="pdThumbVideo" class="pd_mov" th:src="${kollusMediaUrl+'/'+videoArr[1]+'?enable_initialize_focus=false&autoplay&mute&controls_activation=none'}" allow="fullscreen" allowFullScreen></iframe>
 													</th:block>
 													<img alt="BLUE-a" class=" vLHTC pd_img" th:src="${@environment.getProperty('upload.goods.view') + '/' + item.sysImgNm}" onerror="noneImg(this)">
-													<button type="button" class="itemLike" th:classappend="${item.likeIt == 'likeit'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${item.goodsCd}, ithrCd='', contentsLoc='SCM002', planDtlSq=''">관심상품 추가</button>
+													<button type="button" class="itemLike" th:classappend="${item.likeIt == 'likeit'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${item.goodsCd}, goodsNm=${item.goodsFullNm}, ithrCd='', contentsLoc='SCM002', planDtlSq=''">관심상품 추가</button>
 												</div>
 												<p class="itemBrand" th:text="${item.brandGroupNm}">BRAND NAME</p>
 												<div class=" itemName" th:text="${item.goodsFullNm}">여성 체인 프린트 큐롯 스커트 프린트 큐롯 스커트</div>

+ 4 - 4
src/main/webapp/WEB-INF/views/mob/display/MallMainFormMob.html

@@ -111,7 +111,7 @@
 											</th:block>
 											<div class="item_prod">
 												<div class="item_state">
-													<button type="button" class="itemLike" th:classappend="${goodsData.likeIt == 'likeit'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${goodsData.goodsCd}, ithrCd='', contentsLoc='SMM003', planDtlSq=''">관심상품 추가</button>
+													<button type="button" class="itemLike" th:classappend="${goodsData.likeIt == 'likeit'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${goodsData.goodsCd}, goodsNm=${goodsData.goodsFullNm}, ithrCd='', contentsLoc='SMM003', planDtlSq=''">관심상품 추가</button>
 													<a href="javascript:void(0)" class="itemLink" th:onclick="cfnGoToGoodsDetail([[${goodsData.goodsCd}]], '', '', 'SMM003');">
 														<div class=" itemPic">
 															<!-- <img alt="BLUE-a" class=" pd_img" src="/images/mo/thumb/main_trendy05.jpg">  onerror="img_check(this)"-->
@@ -173,7 +173,7 @@
 													<div class="swiper-slide">
 														<div class="item_prod">
 															<div class="item_state">
-																<button type="button" class="itemLike" th:classappend="${bestItemData.likeIt == 'likeit'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${bestItemData.goodsCd}, ithrCd='', contentsLoc='SMM004', planDtlSq=''">관심상품 추가</button>
+																<button type="button" class="itemLike" th:classappend="${bestItemData.likeIt == 'likeit'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${bestItemData.goodsCd}, goodsNm=${bestItemData.goodsFullNm}, ithrCd='', contentsLoc='SMM004', planDtlSq=''">관심상품 추가</button>
 																<a href="javascript:void(0)" class="itemLink" th:onclick="cfnGoToGoodsDetail([[${bestItemData.goodsCd}]], '', '', 'SMM004');">
 																	<div class="shape" th:classappend="${bestItemStat.count==1}?'ranker'">
 																		<span><em class="number" th:text="${bestItemStat.count}">1</em></span>
@@ -278,7 +278,7 @@
 												<div class="swiper-slide" th:if="${goodsStat.count<21}">
 													<div class="item_prod" style="width:100%">
 														<div class="item_state">
-															<button type="button" class="itemLike" th:classappend="${goodsData.likeIt == 'likeit'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${goodsData.goodsCd}, ithrCd='', contentsLoc='SMM006', planDtlSq=''">관심상품 추가</button>
+															<button type="button" class="itemLike" th:classappend="${goodsData.likeIt == 'likeit'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${goodsData.goodsCd}, goodsNm=${goodsData.goodsNm}, ithrCd='', contentsLoc='SMM006', planDtlSq=''">관심상품 추가</button>
 															<a href="javascript:void(0)" class="itemLink" th:onclick="cfnGoToGoodsDetail([[${goodsData.goodsCd}]], '', '', 'SMM006');">
 																<div class="itemPic">
 																	<img alt="" class=" pd_img" th:src="${@environment.getProperty('upload.goods.view') + '/' + goodsData.sysImgNm}" onerror="noneImg(this)">
@@ -439,7 +439,7 @@
 														<div class="swiper-slide">
 															<div class="item_prod">
 																<div class="item_state">
-																	<button type="button" class="itemLike" th:classappend="${goodsData.likeIt == 'likeit'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${goodsData.goodsCd}, ithrCd='', contentsLoc='SMM009', planDtlSq=''">관심상품 추가</button>
+																	<button type="button" class="itemLike" th:classappend="${goodsData.likeIt == 'likeit'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${goodsData.goodsCd}, goodsNm=${goodsData.goodsFullNm}, ithrCd='', contentsLoc='SMM009', planDtlSq=''">관심상품 추가</button>
 																	<a href="javascript:void(0)" class="itemLink" th:onclick="cfnGoToGoodsDetail([[${goodsData.goodsCd}]], '', '', 'SMM009');">
 																		<div class="itemPic">
 																			<th:block th:each="option,idx:${goodsData.videos}" th:with="videoArr=${#strings.arraySplit(idx.current,':')}">

+ 2 - 2
src/main/webapp/WEB-INF/views/mob/display/OutletMainFormMob.html

@@ -65,7 +65,7 @@
 									<div class="swiper-slide" th:each="item, status : ${mdPickGoodsList}">
 										<div class="item_prod">
 											<div class="item_state">
-												<button type="button" class="itemLike" th:classappend="${item.likeIt == 'likeit'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${item.goodsCd}, ithrCd='', contentsLoc='SOM002', planDtlSq=''">관심상품 추가</button>
+												<button type="button" class="itemLike" th:classappend="${item.likeIt == 'likeit'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${item.goodsCd}, ${item.goodsFullNm}, ithrCd='', contentsLoc='SOM002', planDtlSq=''">관심상품 추가</button>
 												<a href="javascript:void(0);" class="itemLink" th:onclick="cfnGoToGoodsDetail([[${item.goodsCd}]], '', '', 'SOM002');">
 													<div class="itemPic">
 														<th:block th:each="option,idx:${item.videos}" th:with="videoArr=${#strings.arraySplit(idx.current,':')}">
@@ -103,7 +103,7 @@
 								<div class="itemsGrp">
 									<div class="item_prod" th:each="item, status : ${bestGoodsList}">
 										<div class="item_state">
-											<button type="button" class="itemLike" th:classappend="${item.likeIt == 'likeit'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${item.goodsCd}, ithrCd='', contentsLoc='SOM003', planDtlSq=''">관심상품 추가</button>
+											<button type="button" class="itemLike" th:classappend="${item.likeIt == 'likeit'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${item.goodsCd}, goodsNm=${item.goodsFullNm}, ithrCd='', contentsLoc='SOM003', planDtlSq=''">관심상품 추가</button>
 											<a href="javascript:void(0);" class="itemLink" th:onclick="cfnGoToGoodsDetail([[${item.goodsCd}]], '', '', 'SOM003');">
 												<div class="shape" th:classappend="${status.count==1}?'ranker'"><span th:text="${status.index+1}">1</span></div>
 												<div class="itemPic">

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

@@ -884,6 +884,24 @@
 			$(this).parents('.popup_box.schSortPop').hide();
 			$("body").css({"overflow":"visible"});
 		});
+		
+		// 210813_ 추가 : 검색 결과 스크롤 이동 시, 필터 고정
+		// 210819_ 스크립트 위치 이동 및 내용 보완 (공통아님, 카운터필터 사용할 경우에만)
+		const schFilterOrg=$('.sch .sch_result .count_wrap').offset().top - 60;
+		$(window).scroll(function (event) {
+			var schScrollTop= $(window).scrollTop(); 
+			var schFilterTop=$('.sch .sch_result .count_wrap').offset().top - 60;
+			//console.log('schFilterOrg : '+ schFilterOrg);
+			//console.log('schScrollTop : '+ schScrollTop);
+			//console.log('schFilterTop : '+ schFilterTop);
+			if (schFilterOrg >= schScrollTop){
+				$('.sch .sch_result .count_wrap').removeClass('fixed');
+				return false;
+			} else if(schFilterTop < schScrollTop) {
+				$('.sch .sch_result .count_wrap').addClass('fixed');
+				return false;
+			}
+		});
 
 		// 카테고리 필터 생성
 		fnCreateCategoryFilter();

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

@@ -480,7 +480,7 @@
 			<button type="button" class="share">공유하기</button>
 			<button type="button" class="itemLike" th:classappend="${goodsInfo.wishYn == 'Y'}? 'likeit active' : ''"  
 					onclick="cfnPutWishList(this);" 
-					th:attr="goodsCd=${params.goodsCd}, ithrCd=${params.ithrCd}, contentsLoc=${params.contentsLoc}, planDtlSq=${params.planDtlSq}">위시리스트</button>
+					th:attr="goodsCd=${params.goodsCd}, goodsNm=${goodsInfo.goodsFullNm}, ithrCd=${params.ithrCd}, contentsLoc=${params.contentsLoc}, planDtlSq=${params.planDtlSq}">위시리스트</button>
 		</div>
 		<div class="prd_buy">
 			<button type="button" class="buying btPop_auto" id="btn_purchase">구매하기</button>
@@ -1111,6 +1111,8 @@
 		$("#pdDescrpPop .close-modal ").click();
 		$('.container').addClass('btPop_open');
 		$(".pop_option_select").show();
+		$('body').css('overflow', 'hidden'); // 210819_ 스크롤 강제 제어
+		$('body').css('height', '100%'); // 210819_ 스크롤 강제 제어
 		popOpenScroll();
 		let selIdx = 0;
 		$('.pop_option_select').find('#form_field_item_Up .list li').each(function() { 
@@ -1128,6 +1130,8 @@
 	var fnGoodsDealOptionOpen = function(goodsCd){
 		$('.container').addClass('btPop_open');
 		$(".pop_option_select").show();
+		$('body').css('overflow', 'hidden'); // 210819_ 스크롤 강제 제어
+		$('body').css('height', '100%'); // 210819_ 스크롤 강제 제어
 		popOpenScroll();
 		let selIdx = 0;
 		$('.pop_option_select').find('#form_field_item_Up .list li').each(function() { 
@@ -1428,6 +1432,8 @@
 		//팝업 - 구매하기 > 옵션선택 > 옵션셀렉트팝업
 		$(document).on('click','.Purchase_pop .option_result .option_open',function(e){
 		 	$(".pop_option_select").show();
+		 	$('body').css('overflow', 'hidden'); // 210819_ 스크롤 강제 제어
+			$('body').css('height', '100%'); // 210819_ 스크롤 강제 제어
 			 return false;
 		 });
 		$(document).on('click','.pop_option_select .close',function(e){

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

@@ -256,7 +256,7 @@
 							<div class="swiper-slide" th:each="goodsInfo, status : ${goodsList}">
 								<div class="item_prod">
 									<div class="item_state">
-										<button type="button" class="itemLike enp_mobon_wish" th:classappend="${goodsInfo.wishYn == 'Y'}? 'likeit active' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${goodsInfo.goodsCd}, ithrCd='IN15_02', contentsLoc='', planDtlSq=''">관심상품 추가</button>
+										<button type="button" class="itemLike enp_mobon_wish" th:classappend="${goodsInfo.wishYn == 'Y'}? 'likeit active' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${goodsInfo.goodsCd}, goodsNm=${goodsInfo.goodsFullNm}, ithrCd='IN15_02', contentsLoc='', planDtlSq=''">관심상품 추가</button>
 										<a href="javascript:void(0);" th:onclick="cfnGoToGoodsDetail([[${goodsInfo.goodsCd}]], '','IN15_02','','','pc_detail');" class="itemLink" >
 											<div class="itemPic">
 												<img alt="" class="vLHTC pd_img" th:src="${imgGoodsUrl+'/'+goodsInfo.sysImgNm+'?RS=156'}" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">
@@ -446,7 +446,11 @@
 					</th:block>
 					
 					<th:block th:if="${goodsCompose.tobeFormYn == 'Y'}">
-									
+						<!-- 상품명 -->
+						<div class="mdhtml_box">
+							<span class="tit_view" th:text="${goodsCompose.compsGoodsNm}">상품명</span>
+						</div>
+						
 						<!-- 착용컷 노출 -->
 						<div class="view_outfit_box" th:if="${#strings.contains(goodsCompose.goodsImgList,'_C1') 
 															or #strings.contains(goodsCompose.goodsImgList,'_C2')
@@ -944,7 +948,7 @@
 												<th:block th:each="optCd : ${#strings.arraySplit(lookbookGoods.optCdInfo,',')}">
 												<input type="hidden" name="lookbookGoodsOptCd" th:value="${optCd}"/>  
 												</th:block>
-												<button type="button" class="itemLike" th:classappend="${lookbookGoods.wishYn == 'Y'}? 'likeit active' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${lookbookGoods.goodsCd}, ithrCd=${ithrCd}, contentsLoc='', planDtlSq=''">관심상품 추가</button>
+												<button type="button" class="itemLike" th:classappend="${lookbookGoods.wishYn == 'Y'}? 'likeit active' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${lookbookGoods.goodsCd}, goodsNm=${lookbookGoods.goodsFullNm}, ithrCd=${ithrCd}, contentsLoc='', planDtlSq=''">관심상품 추가</button>
 												<th:block th:if="${(lookbookGoods.stockQty <= 0 or lookbookGoods.soldoutYn == 'Y')}">
 												<a href="javascript:void(0);" class="itemLink" >
 												</th:block>
@@ -1444,7 +1448,7 @@
 			<!-- <th:block th:include="~{web/goods/GoodsIncludeFormMob :: goodsSnsForm}"></th:block> -->
 			<button type="button" class="itemLike" th:classappend="${goodsInfo.wishYn == 'Y'}? 'likeit active' : ''"  
 					onclick="cfnPutWishList(this);" 
-					th:attr="goodsCd=${params.goodsCd}, ithrCd=${params.ithrCd}, contentsLoc=${params.contentsLoc}, planDtlSq=${params.planDtlSq}">위시리스트</button>
+					th:attr="goodsCd=${params.goodsCd}, goodsNm=${goodsInfo.goodsFullNm}, ithrCd=${params.ithrCd}, contentsLoc=${params.contentsLoc}, planDtlSq=${params.planDtlSq}">위시리스트</button>
 		</div>
 		<div class="prd_buy">
 			<button type="button" class="buying btPop_auto" id="btn_purchase">구매하기</button>
@@ -2521,9 +2525,11 @@
 		if ("G056_S" == [[${goodsInfo.goodsType}]] ){
 			let goodsComposeList = ([[${goodsComposeList}]]);
 			if (goodsComposeList.length > 0){
+				var titStr = "";
 				$.each(goodsComposeList, function(idx, item) {
 					if ("N" == item.tobeFormYn && !gagajf.isNull(item.goodsDesc)){
-						$('#goodsDescHtml_'+ item.compsGoodsCd).html(item.goodsDesc);
+						titStr = '<span class="tit_view">'+item.compsGoodsNm+'</span>';
+						$('#goodsDescHtml_'+ item.compsGoodsCd).html(titStr + item.goodsDesc);
 					}	
 				});
 			}

+ 1 - 1
src/main/webapp/WEB-INF/views/mob/goods/GoodsOtherFormMob.html

@@ -26,7 +26,7 @@
 				<div class="swiper-slide" th:each="result, status : ${goodsList}">
 					<div class="item_prod">
 						<div class="item_state">
-							<button type="button" class="itemLike" th:classappend="${result.product.itemId == 'Y'}? 'likeit active' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${result.product.itemId}, ithrCd=${params.ithrCd}, contentsLoc='', planDtlSq=''">관심상품 추가</button>
+							<button type="button" class="itemLike" th:classappend="${result.product.itemId == 'Y'}? 'likeit active' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${result.product.itemId}, goodsNm=${result.product.itemName}, ithrCd=${params.ithrCd}, contentsLoc='', planDtlSq=''">관심상품 추가</button>
 							<a href="javascript:void(0);" th:onclick="cfnGoToGoodsDetail([[${result.product.itemId}]], '',[[${params.ithrCd}]],'','','pc_detail');" class="itemLink" >
 								<div class="itemPic">
 									<img alt="" class="vLHTC pd_img" th:src="${result.product.itemImage+'?RS=156'}" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">

+ 6 - 1
src/main/webapp/WEB-INF/views/mob/mypage/MypageCustDeliveryAddrFormMob.html

@@ -106,7 +106,12 @@
 				html +=	'            <div class="ship_request">\n';
 				html +=	'                <dl>\n';
 				html +=	'                    <dt>배송요청 사항</dt>\n';
-				html +=	'                    <dd>'+custDeliveryAddr.delvMemo+'</dd>\n';
+				// 2021.08.24 null 처리
+				if (custDeliveryAddr.delvMemo == null || custDeliveryAddr.delvMemo == '') {
+					html +=	'                    <dd></dd>\n';
+				} else {
+					html +=	'                    <dd>'+custDeliveryAddr.delvMemo+'</dd>\n';
+				}
 				html +=	'                </dl>\n';
 				html +=	'            </div>\n';
 				html +=	'        </dl>\n';

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

@@ -491,7 +491,7 @@ if(planCornerList.length>0 && plan.cornerNmDispYn == "Y"){
 					html += ' likeit';
 				}
 				html += ' "';
-				html += 'onClick="cfnPutWishList(this);" goodsCd=\''+item2.goodsCd+'\', ithrCd=\'\', contentsLoc=\'\', planDtlSq=\'\'>관심상품 추가</button>\n';
+				html += 'onClick="cfnPutWishList(this);" goodsCd=\''+item2.goodsCd+'\', goodsNm=\'' + item2.goodsNm + '\', ithrCd=\'\', contentsLoc=\'\', planDtlSq=\'\'>관심상품 추가</button>\n';
 				html += '						<a href="javascript:void(0);" onclick="cfnGoToGoodsDetail(\'' + item2.goodsCd + '\',\'\',\'IN12_01\',\'\',\'' + item.planDtlSq+ '\')"  class="itemLink">\n';
 				html += '							<div class="itemPic">\n';
 				html += '								<img class="vLHTC pd_img" src="'+ _uploadGoodsUrl +'/'+item2.sysImgNm +'?RS=550">\n';

+ 2 - 2
src/main/webapp/WEB-INF/views/mob/planning/PlanningShotGuideFormMob.html

@@ -177,9 +177,9 @@ if(shotBrandList.length>0){
 			html += '				<div class="item_prod">';
 			html += '					<div class="item_state">';
 			if(item2.likeIt === 'likeit'){
-				html += '						<button type="button" class="itemLike likeit active" onclick="cfnPutWishList(this);" goodsCd=\''+item2.goodsCd+'\', ithrCd=\'\', contentsLoc=\'\', planDtlSq=\'\'>관심상품 추가</button>';
+				html += '						<button type="button" class="itemLike likeit active" onclick="cfnPutWishList(this);" goodsCd=\''+item2.goodsCd+'\', goodsNm=\'' + item2.goodsNm + '\', ithrCd=\'\', contentsLoc=\'\', planDtlSq=\'\'>관심상품 추가</button>';
 			}else{
-				html += '						<button type="button" class="itemLike" onclick="cfnPutWishList(this);" goodsCd=\''+item2.goodsCd+'\', ithrCd=\'\', contentsLoc=\'\', planDtlSq=\'\'>관심상품 추가</button>';
+				html += '						<button type="button" class="itemLike" onclick="cfnPutWishList(this);" goodsCd=\''+item2.goodsCd+'\', goodsNm=\'' + item2.goodsNm + '\', ithrCd=\'\', contentsLoc=\'\', planDtlSq=\'\'>관심상품 추가</button>';
 			}
 			
 			html += '						<a href="javascript:void(0);" onclick="cfnGoToGoodsDetail(\''+item2.goodsCd+'\',\'\',\'IN13_01\')" class="itemLink">';

+ 3 - 3
src/main/webapp/WEB-INF/views/web/cart/CartListAjaxFormWeb.html

@@ -182,7 +182,7 @@
 												<p><button type="button" class="btn btn_default btn_sm" th:onclick="|fnChangeCartOptCd(${cart.cartSq})|" th:disabled="${cart.ordCanYn.equals('N') or cart.newCustCanYn.equals('N')}"><span>옵션 / 수량 변경</span></button></p>
 												<div class="util">
 													<span>
-														<button type="button" class="btn_favorite" th:classappend="${cart.wishCnt > 0} ? active" onclick="cfnPutWishList(this)" th:goodsCd="${cart.goodsCd}" th:ithrCd="${cart.ithrCd}" th:contentsLoc="${cart.contentsLoc}" th:disabled="${cart.ordCanYn.equals('N') or cart.newCustCanYn.equals('N')}">
+														<button type="button" class="btn_favorite" th:classappend="${cart.wishCnt > 0} ? active" onclick="cfnPutWishList(this)" th:goodsCd="${cart.goodsCd}" th:goodsNm="${cart.goodsNm}" th:ithrCd="${cart.ithrCd}" th:contentsLoc="${cart.contentsLoc}" th:disabled="${cart.ordCanYn.equals('N') or cart.newCustCanYn.equals('N')}">
 															<span><i class="ico ico_like2"></i><em class="sr-only">관심상품 추가</em></span>
 														</button>
 													</span>
@@ -295,7 +295,7 @@
 												<p><button type="button" class="btn btn_default btn_sm" th:onclick="|fnChangeCartOptCd(${cart.cartSq})|" th:disabled="${cart.ordCanYn.equals('N') or cart.newCustCanYn.equals('N')}"><span>옵션 / 수량 변경</span></button></p>
 												<div class="util">
 													<span>
-														<button type="button" class="btn_favorite" th:classappend="${cart.wishCnt > 0} ? active" onclick="cfnPutWishList(this)" th:goodsCd="${cart.goodsCd}" th:ithrCd="${cart.ithrCd}" th:contentsLoc="${cart.contentsLoc}" th:disabled="${cart.ordCanYn.equals('N')}">
+														<button type="button" class="btn_favorite" th:classappend="${cart.wishCnt > 0} ? active" onclick="cfnPutWishList(this)" th:goodsCd="${cart.goodsCd}" th:goodsNm="${cart.goodsNm}" th:ithrCd="${cart.ithrCd}" th:contentsLoc="${cart.contentsLoc}" th:disabled="${cart.ordCanYn.equals('N')}">
 															<span><i class="ico ico_like2"></i><em class="sr-only">관심상품 추가</em></span>
 														</button>
 													</span>
@@ -416,7 +416,7 @@
 												<p><button type="button" class="btn btn_default btn_sm" th:onclick="|fnChangeCartOptCd(${cart.cartSq})|" th:disabled="${cart.ordCanYn.equals('N') or cart.newCustCanYn.equals('N')}"><span>옵션 / 수량 변경</span></button></p>
 												<div class="util">
 													<span>
-														<button type="button" class="btn_favorite" th:classappend="${cart.wishCnt > 0} ? active" onclick="cfnPutWishList(this)" th:goodsCd="${cart.goodsCd}" th:ithrCd="${cart.ithrCd}" th:contentsLoc="${cart.contentsLoc}" th:disabled="${cart.ordCanYn.equals('N')}">
+														<button type="button" class="btn_favorite" th:classappend="${cart.wishCnt > 0} ? active" onclick="cfnPutWishList(this)" th:goodsCd="${cart.goodsCd}" th:goodsNm="${cart.goodsNm}" th:ithrCd="${cart.ithrCd}" th:contentsLoc="${cart.contentsLoc}" th:disabled="${cart.ordCanYn.equals('N')}">
 															<span><i class="ico ico_like2"></i><em class="sr-only">관심상품 추가</em></span>
 														</button>
 													</span>

+ 2 - 2
src/main/webapp/WEB-INF/views/web/cart/CartListFormWeb.html

@@ -57,7 +57,7 @@
 									<div class="swiper-slide">
 										<div class="item_prod">
 											<div class="item_state">
-												<button type="button" class="itemLike" onclick="cfnPutWishList(this);" th:attr="goodscd=${cart.product.itemId}, ithrCd='IN18_01', contentsLoc='', planDtlSq=''">관심상품 추가</button>
+												<button type="button" class="itemLike" onclick="cfnPutWishList(this);" th:attr="goodsCd=${cart.product.itemId}, goodsNm=${cart.product.itemName}, ithrCd='IN18_01', contentsLoc='', planDtlSq=''">관심상품 추가</button>
 												<a th:href="${cart.product.itemUrl}" class="itemLink">
 													<div class="itemPic">
 														<img alt="BLACK-a" class=" vLHTC pd_img" th:src="${cart.product.itemImage}" src="">
@@ -99,7 +99,7 @@
 								<div class="swiper-slide">
 									<div class="item_prod">
 										<div class="item_state">
-											<button type="button" class="itemLike" th:classappend="${cart.wishCnt > 0} ? 'likeit active'" onclick="cfnPutWishList(this);" th:attr="goodscd=${cart.itemId}, ithrCd='IN18_01', contentsLoc='', planDtlSq=''">관심상품 추가</button>
+											<button type="button" class="itemLike" th:classappend="${cart.wishCnt > 0} ? 'likeit active'" onclick="cfnPutWishList(this);" th:attr="goodsCd=${cart.itemId}, goodsNm=${cart.itemName}, ithrCd='IN18_01', contentsLoc='', planDtlSq=''">관심상품 추가</button>
 											<a th:href="${cart.itemUrl}" class="itemLink">
 												<div class="itemPic">
 													<img alt="BLACK-a" class=" vLHTC pd_img" th:src="${cart.imageUrl}" src="">

+ 1 - 1
src/main/webapp/WEB-INF/views/web/display/BestMainFormWeb.html

@@ -58,7 +58,7 @@
 <!--										<div class="swiper-slide">-->
 <!--											<div class="item_prod">-->
 <!--												<div class="item_state">-->
-<!--													<button type="button" class="itemLike" th:classappend="${item.wishCnt > 0} ? 'likeit active'" onclick="cfnPutWishList(this);" th:attr="goodscd=${item.itemId}">관심상품 추가</button>-->
+<!--													<button type="button" class="itemLike" th:classappend="${item.wishCnt > 0} ? 'likeit active'" onclick="cfnPutWishList(this);" th:attr="goodsCd=${item.itemId}, goodsNm=${item.itemName}">관심상품 추가</button>-->
 <!--													<a th:href="${item.itemUrl}" class="itemLink">-->
 <!--														<div class="itemPic">-->
 <!--															<img alt="" class="vLHTC pd_img" th:src="${item.imageUrl}">-->

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

@@ -106,7 +106,7 @@
 										<div class="swiper-slide">
 											<div class="item_prod">
 												<div class="item_state">
-													<button type="button" class="itemLike" th:classappend="${goodsData.likeIt == 'likeit'}? 'likeit active' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${goodsData.goodsCd}, ithrCd='', contentsLoc='SBM007', planDtlSq=''">관심상품 추가</button>
+													<button type="button" class="itemLike" th:classappend="${goodsData.likeIt == 'likeit'}? 'likeit active' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${goodsData.goodsCd}, goodsNm=${goodsData.goodsFullNm}, ithrCd='', contentsLoc='SBM007', planDtlSq=''">관심상품 추가</button>
 													<a href="javascript:void(0);" class="itemLink" th:onclick="cfnGoToGoodsDetail([[${goodsData.goodsCd}]], '', '', 'SBM007');">
 														<div class=" itemPic">
 															<th:block th:each="option,idx:${goodsData.videos}" th:with="videoArr=${#strings.arraySplit(idx.current,':')}">
@@ -188,7 +188,7 @@
 										<div class="swiper-slide">
 											<div class="item_prod sUiXc">
 												<div class="item_state">
-													<button type="button" class="itemLike" th:classappend="${goodsData.likeIt == 'likeit'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${goodsData.goodsCd}, ithrCd='', contentsLoc='SBM008', planDtlSq=''">관심상품 추가</button>
+													<button type="button" class="itemLike" th:classappend="${goodsData.likeIt == 'likeit'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${goodsData.goodsCd}, goodsNm=${goodsData.goodsFullNm}, ithrCd='', contentsLoc='SBM008', planDtlSq=''">관심상품 추가</button>
 													<a href="javascript:void(0);" class="itemLink" th:onclick="cfnGoToGoodsDetail([[${goodsData.goodsCd}]], '', '', 'SBM008');">
 														<div class="shape" th:classappend="${goodsStat.count==1}?'ranker'"><span th:text="${goodsStat.index+1}"></span></div>
 														<div class="itemPic">
@@ -272,7 +272,7 @@
 									<div class="swiper-slide">
 										<div class="item_prod sUiXc">
 											<div class="item_state">
-												<button type="button" class="itemLike" th:classappend="${goodsData.likeIt == 'likeit'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${goodsData.goodsCd}, ithrCd='', contentsLoc=${contentsLoc}, planDtlSq=''">관심상품 추가</button>
+												<button type="button" class="itemLike" th:classappend="${goodsData.likeIt == 'likeit'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${goodsData.goodsCd}, goodsNm=${goodsData.goodsFullNm}, ithrCd='', contentsLoc=${contentsLoc}, planDtlSq=''">관심상품 추가</button>
 												<a href="javascript:void(0);" class="itemLink" th:onclick="cfnGoToGoodsDetail([[${goodsData.goodsCd}]], '', '', 'SBM009');">
 													<div class="itemPic">
 														<th:block th:each="option,idx:${goodsData.videos}" th:with="videoArr=${#strings.arraySplit(idx.current,':')}">
@@ -381,7 +381,7 @@
 								<th:block th:each="goodsData, goodsStat : ${brandMainLayoutData.goodsList}">
 									<div class="item_prod">
 										<div class="item_state">
-											<button type="button" class="itemLike" th:classappend="${goodsData.likeIt == 'likeit'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${goodsData.goodsCd}, ithrCd='', contentsLoc='SBM013', planDtlSq=''">관심상품 추가</button>
+											<button type="button" class="itemLike" th:classappend="${goodsData.likeIt == 'likeit'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${goodsData.goodsCd}, goodsNm=${goodsData.goodsFullNm}, ithrCd='', contentsLoc='SBM013', planDtlSq=''">관심상품 추가</button>
 											<a href="javascript:void(0);" class="itemLink" th:onclick="cfnGoToGoodsDetail([[${goodsData.goodsCd}]], '', '', 'SBM013');">
 												<div class="itemPic">
 													<th:block th:each="option,idx:${goodsData.videos}" th:with="videoArr=${#strings.arraySplit(idx.current,':')}">

+ 2 - 2
src/main/webapp/WEB-INF/views/web/display/CategoryMainFormWeb.html

@@ -95,7 +95,7 @@
 								<div class="swiper-slide" th:each="item, status : ${newGoodsList}">
 									<div class="item_prod" th:if="${status.count<21}">
 										<div class="item_state">
-											<button type="button" class="itemLike" th:classappend="${item.likeIt == 'likeit'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${item.goodsCd}, ithrCd='', contentsLoc='SCM001', planDtlSq=''">관심상품 추가</button>
+											<button type="button" class="itemLike" th:classappend="${item.likeIt == 'likeit'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${item.goodsCd}, goodsNm=${item.goodsFullNm}, ithrCd='', contentsLoc='SCM001', planDtlSq=''">관심상품 추가</button>
 											<a href="javascript:void(0);" class="itemLink" th:onclick="cfnGoToGoodsDetail([[${item.goodsCd}]], '', '', 'SCM001');">
 												<div class=" itemPic">
 													<th:block th:each="option,idx:${item.videos}" th:with="videoArr=${#strings.arraySplit(idx.current,':')}">
@@ -141,7 +141,7 @@
 							<div class="itemsGrp"> <!-- itemsGrp rank hot deal -->
 								<div class="item_prod" th:each="item, status : ${bestGoodsList}">
 									<div class="item_state" >
-										<button type="button" class="itemLike" th:classappend="${item.likeIt == 'likeit'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${item.goodsCd}, ithrCd='', contentsLoc='SCM002', planDtlSq=''">관심상품 추가</button>
+										<button type="button" class="itemLike" th:classappend="${item.likeIt == 'likeit'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${item.goodsCd}, goodsNm=${item.goodsFullNm}, ithrCd='', contentsLoc='SCM002', planDtlSq=''">관심상품 추가</button>
 										<a href="javascript:void(0);" class="itemLink" th:onclick="cfnGoToGoodsDetail([[${item.goodsCd}]], '', '', 'SCM002');">
 											<div class="rank" th:classappend="${status.count==1}?'ranker'"><span th:text="${status.index+1}">1</span></div>
 											<div class="itemPic">

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

@@ -119,7 +119,7 @@
 										<div class="swiper-slide" th:if="${goodsStat.count<21}">
 											<div class="item_prod">
 												<div class="item_state">
-													<button type="button" class="itemLike" th:classappend="${goodsData.likeIt == 'likeit'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${goodsData.goodsCd}, ithrCd='', contentsLoc='SMM003', planDtlSq=''">관심상품 추가</button>
+													<button type="button" class="itemLike" th:classappend="${goodsData.likeIt == 'likeit'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${goodsData.goodsCd}, goodsNm=${goodsData.goodsFullNm}, ithrCd='', contentsLoc='SMM003', planDtlSq=''">관심상품 추가</button>
 													<a href="javascript:void(0);" class="itemLink" th:onclick="cfnGoToGoodsDetail([[${goodsData.goodsCd}]], '', '', 'SMM003');">
 														<div class=" itemPic">
 															<th:block th:each="option,idx:${goodsData.videos}" th:with="videoArr=${#strings.arraySplit(idx.current,':')}">
@@ -176,7 +176,7 @@
 											<div class="swiper-slide">
 												<div class=" item_prod sUiXc "> <!-- item_prod ranker d_detail -->
 													<div class="item_state"> <!-- item_state AD soldout -->
-														<button type="button" class="itemLike" th:classappend="${bestItemData.likeIt == 'likeit'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${bestItemData.goodsCd}, ithrCd='', contentsLoc='SMM004', planDtlSq=''">관심상품 추가</button>
+														<button type="button" class="itemLike" th:classappend="${bestItemData.likeIt == 'likeit'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${bestItemData.goodsCd}, goodsNm=${bestItemData.goodsFullNm}, ithrCd='', contentsLoc='SMM004', planDtlSq=''">관심상품 추가</button>
 														<a href="javascript:void(0);" class="itemLink" th:onclick="cfnGoToGoodsDetail([[${bestItemData.goodsCd}]], '', '', 'SMM004');">
 															<div class="shape" th:classappend="${bestItemStat.count==1}?'ranker'"><span th:text="${bestItemStat.count}"></span></div>
 															<div class="itemPic">
@@ -284,7 +284,7 @@
 											<div class="swiper-slide" th:if="${goodsStat.count<21}">
 												<div class="item_prod">
 													<div class="item_state">
-														<button type="button" class="itemLike" th:classappend="${goodsData.likeIt == 'likeit'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${goodsData.goodsCd}, ithrCd='', contentsLoc='SMM006', planDtlSq=''">관심상품 추가</button>
+														<button type="button" class="itemLike" th:classappend="${goodsData.likeIt == 'likeit'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${goodsData.goodsCd}, goodsNm=${goodsData.goodsNm}, ithrCd='', contentsLoc='SMM006', planDtlSq=''">관심상품 추가</button>
 														<a href="javascript:void(0);" class="itemLink" th:onclick="cfnGoToGoodsDetail([[${goodsData.goodsCd}]], '', '', 'SMM006');">
 															<div class="itemPic">
 																<img alt="" class="pd_img" th:src="${@environment.getProperty('upload.goods.view') + '/' + goodsData.sysImgNm}" onerror="noneImg(this)">
@@ -364,7 +364,7 @@
 												<th:block th:each="goodsData, goodsStat : ${brandPickData.goodsList}">
 													<div class="item_prod" th:if="${goodsStat.count<4}">
 														<div class="item_state">
-															<button type="button" class="itemLike" tabindex="0" th:classappend="${goodsData.likeIt == 'likeit'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${goodsData.goodsCd}, ithrCd='', contentsLoc='SMM007', planDtlSq=''">관심상품 추가</button>
+															<button type="button" class="itemLike" tabindex="0" th:classappend="${goodsData.likeIt == 'likeit'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${goodsData.goodsCd}, goodsNm=${goodsData.goodsFullNm}, ithrCd='', contentsLoc='SMM007', planDtlSq=''">관심상품 추가</button>
 															<a href="javascript:void(0);" class="itemLink" th:onclick="cfnGoToGoodsDetail([[${goodsData.goodsCd}]], '', '', 'SMM007');">
 																<div class="itemPic">
 																	<th:block th:each="option,idx:${goodsData.videos}" th:with="videoArr=${#strings.arraySplit(idx.current,':')}">
@@ -458,7 +458,7 @@
 														<div class="swiper-slide">
 															<div class="item_prod">
 																<div class="item_state">
-																	<button type="button" class="itemLike" tabindex="0" th:classappend="${goodsData.likeIt == 'likeit'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${goodsData.goodsCd}, ithrCd='', contentsLoc='SMM009', planDtlSq=''">관심상품 추가</button>
+																	<button type="button" class="itemLike" tabindex="0" th:classappend="${goodsData.likeIt == 'likeit'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${goodsData.goodsCd}, goodsNm=${goodsData.goodsFullNm}, ithrCd='', contentsLoc='SMM009', planDtlSq=''">관심상품 추가</button>
 																	<a href="javascript:void(0);" class="itemLink" th:onclick="cfnGoToGoodsDetail([[${goodsData.goodsCd}]], '', '', 'SMM009');">
 																		<div class="itemPic">
 																			<th:block th:each="option,idx:${goodsData.videos}" th:with="videoArr=${#strings.arraySplit(idx.current,':')}">

+ 2 - 2
src/main/webapp/WEB-INF/views/web/display/OutletMainFormWeb.html

@@ -95,7 +95,7 @@
 							<div class="swiper-slide" th:each="item, status : ${mdPickGoodsList}">
 								<div class="item_prod">
 									<div class="item_state">
-										<button type="button" class="itemLike" th:classappend="${item.likeIt == 'likeit'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${item.goodsCd}, ithrCd='', contentsLoc='SOM002', planDtlSq=''">관심상품 추가</button>
+										<button type="button" class="itemLike" th:classappend="${item.likeIt == 'likeit'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${item.goodsCd}, goodsNm=${item.goodsFullNm}, ithrCd='', contentsLoc='SOM002', planDtlSq=''">관심상품 추가</button>
 										<a href="javascript:void(0);" class="itemLink" th:onclick="cfnGoToGoodsDetail([[${item.goodsCd}]], '', '', 'SOM002');">
 											<div class="itemPic">
 												<th:block th:each="option,idx:${item.videos}" th:with="videoArr=${#strings.arraySplit(idx.current,':')}">
@@ -138,7 +138,7 @@
 						<div class="itemsGrp"> <!-- itemsGrp rank hot deal -->
 							<div class="item_prod" th:each="item, status : ${bestGoodsList}">
 								<div class="item_state">
-									<button type="button" class="itemLike" th:classappend="${item.likeIt == 'likeit'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${item.goodsCd}, ithrCd='', contentsLoc='SOM003', planDtlSq=''">관심상품 추가</button>
+									<button type="button" class="itemLike" th:classappend="${item.likeIt == 'likeit'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${item.goodsCd}, goodsNm=${item.goodsFullNm}, ithrCd='', contentsLoc='SOM003', planDtlSq=''">관심상품 추가</button>
 									<a href="javascript:void(0);" class="itemLink" th:onclick="cfnGoToGoodsDetail([[${item.goodsCd}]], '', '', 'SOM003');">
 										<div class="shape" th:classappend="${status.count==1}?'ranker'"><span th:text="${status.index+1}">1</span></div>
 										<div class="itemPic">

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

@@ -698,10 +698,14 @@
 				if(typeof historyData.sortingType!='undefined' && historyData.sortingType!=''){
 					$("#searchGoodsForm input:hidden[name=sortingType]").val(historyData.sortingType);
 					fnSortingChange(this,historyData.sortingType,'back');
-					$(".fillter").show();
+					if( 0 < $(".fillter_box span").length){
+						$(".fillter").show();
+					}
 				}else{
 					listIdx++;
-					$(".fillter").show();
+					if( 0 < $(".fillter_box span").length){
+						$(".fillter").show();
+					}
 					fnSearchGoodsListSearch();
 					fnGetSearchPlanningList();
 					fnGetSearchEventList();

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

@@ -104,7 +104,7 @@
 										<button class="btn_share" data-name="openShare">공유하기</button>
 										<th:block th:include="~{web/goods/GoodsIncludeFormWeb :: goodsSnsForm}"></th:block>
 									</div>
-									<button type="button" class="itemLike" th:classappend="${goodsInfo.wishYn == 'Y'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${params.goodsCd}, ithrCd=${params.ithrCd}, contentsLoc=${params.contentsLoc}, planDtlSq=${params.planDtlSq}">관심상품 추가</button>
+									<button type="button" class="itemLike" th:classappend="${goodsInfo.wishYn == 'Y'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${params.goodsCd}, goodsNm=${goodsInfo.goodsFullNm}, ithrCd=${params.ithrCd}, contentsLoc=${params.contentsLoc}, planDtlSq=${params.planDtlSq}">관심상품 추가</button>
 								</div>
 								<div class="desc_info">
 									<div class="title_blk">
@@ -423,7 +423,7 @@
 							<div class="swiper-slide" th:each="result, status : ${togetherGoodsList}">
 								<div class="item_prod">
 									<div class="item_state">
-										<button type="button" class="itemLike" th:classappend="${result.product.itemId == 'Y'}? 'active' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${result.product.itemId}, ithrCd='IN15_03', contentsLoc='', planDtlSq=''">관심상품 추가</button>
+										<button type="button" class="itemLike" th:classappend="${result.product.itemId == 'Y'}? 'active' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${result.product.itemId}, goodsNm=${result.product.itemName}, ithrCd='IN15_03', contentsLoc='', planDtlSq=''">관심상품 추가</button>
 										<a href="javascript:void(0);" th:onclick="cfnGoToGoodsDetail([[${result.product.itemId}]], '','IN15_03','','','pc_detail');" class="itemLink" >
 											<div class="itemPic">
 												<img alt="" class="vLHTC pd_img" th:src="${result.product.itemImage +'?RS=300'}" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">

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

@@ -143,7 +143,7 @@
 										<button class="btn_share" data-name="openShare">공유하기</button>
 										<th:block th:include="~{web/goods/GoodsIncludeFormWeb :: goodsSnsForm}"></th:block>
 									</div>
-									<button type="button" class="itemLike enp_mobon_wish" th:classappend="${goodsInfo.wishYn == 'Y'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${params.goodsCd}, ithrCd=${params.ithrCd}, contentsLoc=${params.contentsLoc}, planDtlSq=${params.planDtlSq}">관심상품 추가</button>
+									<button type="button" class="itemLike enp_mobon_wish" th:classappend="${goodsInfo.wishYn == 'Y'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${params.goodsCd}, goodsNm=${goodsInfo.goodsFullNm}, ithrCd=${params.ithrCd}, contentsLoc=${params.contentsLoc}, planDtlSq=${params.planDtlSq}">관심상품 추가</button>
 								</div>
 								<div class="desc_info">
 									<div class="title_blk">
@@ -692,7 +692,7 @@
 							<div class="swiper-slide" th:each="goodsInfo, status : ${goodsList}">
 								<div class="item_prod">
 									<div class="item_state">
-										<button type="button" class="itemLike" th:classappend="${goodsInfo.wishYn == 'Y'}? 'active' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${goodsInfo.goodsCd}, ithrCd='IN15_02', contentsLoc='', planDtlSq=''">관심상품 추가</button>
+										<button type="button" class="itemLike" th:classappend="${goodsInfo.wishYn == 'Y'}? 'active' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${goodsInfo.goodsCd}, goodsNm=${goodsInfo.goodsFullNm}, ithrCd='IN15_02', contentsLoc='', planDtlSq=''">관심상품 추가</button>
 										<a href="javascript:void(0);" th:onclick="cfnGoToGoodsDetail([[${goodsInfo.goodsCd}]], '','IN15_02','','','pc_detail');" class="itemLink" >
 											<div class="itemPic">
 												<img alt="" class="vLHTC pd_img" th:src="${imgGoodsUrl+'/'+goodsInfo.sysImgNm +'?RS=300'}" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">
@@ -893,6 +893,11 @@
 					</th:block>
 
 					<th:block th:if="${goodsCompose.tobeFormYn == 'Y'}">
+						<!-- 상품명 -->
+						<div class="mdhtml_box">
+							<span class="tit_view" th:text="${goodsCompose.compsGoodsNm}">상품명</span>
+						</div>
+						
 						<!-- 착용컷 노출 -->
 						<div class="view_outfit_box" th:if="${#strings.contains(goodsCompose.goodsImgList,'_C1') 
 															or #strings.contains(goodsCompose.goodsImgList,'_C2')
@@ -1226,7 +1231,7 @@
 							<div class="swiper-slide" th:each="result, status : ${togetherGoodsList}">
 								<div class="item_prod">
 									<div class="item_state">
-										<button type="button" class="itemLike" th:classappend="${result.product.itemId == 'Y'}? 'active' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${result.product.itemId}, ithrCd='IN15_03', contentsLoc='', planDtlSq=''">관심상품 추가</button>
+										<button type="button" class="itemLike" th:classappend="${result.product.itemId == 'Y'}? 'active' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${result.product.itemId}, goodsNm=${result.product.itemName}, ithrCd='IN15_03', contentsLoc='', planDtlSq=''">관심상품 추가</button>
 										<a href="javascript:void(0);" th:onclick="cfnGoToGoodsDetail([[${result.product.itemId}]], '','IN15_03','','','pc_detail');" class="itemLink" >
 											<div class="itemPic">
 												<img alt="" class="vLHTC pd_img" th:src="${result.product.itemImage +'?RS=300'}" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">
@@ -1353,7 +1358,7 @@
 							<div class="swiper-slide" th:each="result, status : ${recommendGoodsList}">
 								<div class="item_prod">
 									<div class="item_state">
-										<button type="button" class="itemLike" th:classappend="${result.product.itemId == 'Y'}? 'active' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${result.product.itemId}, ithrCd='IN15_03', contentsLoc='', planDtlSq=''">관심상품 추가</button>
+										<button type="button" class="itemLike" th:classappend="${result.product.itemId == 'Y'}? 'active' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${result.product.itemId}, goodsNm=${result.product.itemName}, ithrCd='IN15_03', contentsLoc='', planDtlSq=''">관심상품 추가</button>
 										<a href="javascript:void(0);" th:onclick="cfnGoToGoodsDetail([[${result.product.itemId}]], '','IN15_03','','','pc_detail');" class="itemLink" >
 											<div class="itemPic">
 												<img alt="" class="vLHTC pd_img" th:src="${result.product.itemImage +'?RS=300'}" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">
@@ -1397,7 +1402,7 @@
 							<div class="swiper-slide" th:each="result, status : ${likeGoodsList}">
 								<div class="item_prod">
 									<div class="item_state">
-										<button type="button" class="itemLike" th:classappend="${result.product.itemId == 'Y'}? 'active' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${result.product.itemId}, ithrCd='IN15_03', contentsLoc='', planDtlSq=''">관심상품 추가</button>
+										<button type="button" class="itemLike" th:classappend="${result.product.itemId == 'Y'}? 'active' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${result.product.itemId}, goodsNm=${result.product.itemName}, ithrCd='IN15_03', contentsLoc='', planDtlSq=''">관심상품 추가</button>
 										<a href="javascript:void(0);" th:onclick="cfnGoToGoodsDetail([[${result.product.itemId}]], '','IN15_03','','','pc_detail');" class="itemLink" >
 											<div class="itemPic">
 												<img alt="" class="vLHTC pd_img" th:src="${result.product.itemImage +'?RS=300'}" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">
@@ -1462,9 +1467,11 @@
 	if ("G056_S" == [[${goodsInfo.goodsType}]] ){
 		let goodsComposeList = ([[${goodsComposeList}]]);
 		if (goodsComposeList.length > 0){
+			var titStr = "";
 			$.each(goodsComposeList, function(idx, item) {
 				if ("N" == item.tobeFormYn && !gagajf.isNull(item.goodsDesc)){
-					$('#goodsDescHtml_'+ item.compsGoodsCd).html(item.goodsDesc);
+					titStr = '<span class="tit_view">'+item.compsGoodsNm+'</span>';
+					$('#goodsDescHtml_'+ item.compsGoodsCd).html(titStr + item.goodsDesc);
 				}	
 			});
 		}

+ 1 - 1
src/main/webapp/WEB-INF/views/web/goods/GoodsOtherFormWeb.html

@@ -30,7 +30,7 @@
 				<div class="swiper-slide" th:each="result, status : ${goodsList}">
 					<div class="item_prod">
 						<div class="item_state">
-							<button type="button" class="itemLike" th:classappend="${result.product.itemId == 'Y'}? 'active' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${result.product.itemId}, ithrCd='IN15_03', contentsLoc='', planDtlSq=''">관심상품 추가</button>
+							<button type="button" class="itemLike" th:classappend="${result.product.itemId == 'Y'}? 'active' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${result.product.itemId}, goodsNm=${result.product.itemName}, ithrCd='IN15_03', contentsLoc='', planDtlSq=''">관심상품 추가</button>
 							<a href="javascript:void(0);" th:onclick="cfnGoToGoodsDetail([[${result.product.itemId}]], '','IN15_03','','','pc_detail');" class="itemLink" >
 								<div class="itemPic">
 									<img alt="" class="vLHTC pd_img" th:src="${result.product.itemImage +'?RS=300'}" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">

+ 7 - 1
src/main/webapp/WEB-INF/views/web/mypage/MypageCustDeliveryAddrFormWeb.html

@@ -106,7 +106,13 @@
 				html +=	'                   <span>'+custDeliveryAddr.recipBaseAddr + custDeliveryAddr.recipDtlAddr +'</span>\n';
 				html +=	'                </li>\n';
 				html +=	'                <li>\n';
-				html +=	'                   배송요청 사항&nbsp;:&nbsp;<span>'+ custDeliveryAddr.delvMemo +'</span>\n';
+				// 2021.08.24 null 처리
+				if (custDeliveryAddr.delvMemo == null || custDeliveryAddr.delvMemo == '') {
+					html +=	'                   배송요청 사항&nbsp;:&nbsp;<span></span>\n';
+				} else {
+					html +=	'                   배송요청 사항&nbsp;:&nbsp;<span>'+ custDeliveryAddr.delvMemo +'</span>\n';
+				}
+				
 				html +=	'                </li>\n';
 				html +=	'            </ul>\n';
 				html +=	'        </div>\n';

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

@@ -314,7 +314,7 @@ if(planCornerList.length>0 && plan.cornerNmDispYn == "Y"){
 					html += ' likeit';
 				}
 				html += ' "';
-				html += ' onClick="cfnPutWishList(this);" goodsCd=\''+item2.goodsCd+'\', ithrCd=\'\', contentsLoc=\'\', planDtlSq=\'\'>관심상품 추가</button>\n';
+				html += ' onClick="cfnPutWishList(this);" goodsCd=\''+item2.goodsCd+'\', goodsNm=\'' + item2.goodsNm + '\', ithrCd=\'\', contentsLoc=\'\', planDtlSq=\'\'>관심상품 추가</button>\n';
 				
 				html += '                         <a href="javascript:void(0);" onclick="cfnGoToGoodsDetail(\'' + item2.goodsCd + '\',\'\',\'IN12_01\',\'\',\'' + item.planDtlSq+ '\')" class="itemLink">\n';
 				html += '                             <div class="itemPic">\n';

+ 1 - 1
src/main/webapp/WEB-INF/views/web/planning/PlanningShotGuideFormWeb.html

@@ -129,7 +129,7 @@ if(shotBrandList.length>0){
 				}else{
 					html += '		<button type="button" class="itemLike"';
 				}
-				html += ' onClick="cfnPutWishList(this);" goodsCd=\''+item2.goodsCd+'\', ithrCd=\'\', contentsLoc=\'\', planDtlSq=\'\'>관심상품 추가</button>';
+				html += ' onClick="cfnPutWishList(this);" goodsCd=\''+item2.goodsCd+'\', goodsNm=\'' + item2.goodsNm + '\', ithrCd=\'\', contentsLoc=\'\', planDtlSq=\'\'>관심상품 추가</button>';
 				
 				html += '                         <a href="javascript:void(0);" onclick="cfnGoToGoodsDetail(\''+item2.goodsCd+'\',\'\',\'IN13_01\')" class="itemLink">';
 				html += '                             <div class="itemPic">';

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

@@ -144,9 +144,9 @@ let fnGetSocialList = function(result) {
 			html += '    <div class="item_state soldout">\n';
 		}
 		if (item.likeIt == 'likeit') {
-			html += '        <button type="button" class="itemLike active" onclick="cfnPutWishList(this);" goodsCd=\''+item.goodsCd+'\', ithrCd=\'\', contentsLoc=\'\', planDtlSq=\'\'>관심상품 추가</button>\n';
+			html += '        <button type="button" class="itemLike active" onclick="cfnPutWishList(this);" goodsCd=\''+item.goodsCd+'\', goodsNm=\'' + item.goodsNm + '\', ithrCd=\'\', contentsLoc=\'\', planDtlSq=\'\'>관심상품 추가</button>\n';
 		}else{
-			html += '        <button type="button" class="itemLike" onclick="cfnPutWishList(this);" goodsCd=\''+item.goodsCd+'\', ithrCd=\'\', contentsLoc=\'\', planDtlSq=\'\'>관심상품 추가</button>\n';
+			html += '        <button type="button" class="itemLike" onclick="cfnPutWishList(this);" goodsCd=\''+item.goodsCd+'\', goodsNm=\'' + item.goodsNm + '\', ithrCd=\'\', contentsLoc=\'\', planDtlSq=\'\'>관심상품 추가</button>\n';
 		}
 		
 		html += '        <a href="javascript:void(0);" class="itemLink" onclick="cfnGoToGoodsDetail(\''+item.goodsCd+'\',\'\',\'IN11_01\')" >\n';

+ 2 - 2
src/main/webapp/biz/goods.js

@@ -262,9 +262,9 @@ var fnCreateGoodsList = function(result, ithrCd, contentLoc, goodsUrl, lastPage,
 			}
 			tag += ' "';
 			if (appGb == 'Mob') {
-				tag += ' onClick="cfnMoPutWishList(this);" goodsCd=\'' + item.goodsCd + '\', ithrCd=\'\', contentsLoc=\'\', planDtlSq=\'\'>관심상품 추가</button>';
+				tag += ' onClick="cfnMoPutWishList(this);" goodsCd=\'' + item.goodsCd + '\', goodsNm=\'' + item.goodsFullNm + '\', ithrCd=\'\', contentsLoc=\'\', planDtlSq=\'\'>관심상품 추가</button>';
 			} else {
-				tag += ' onClick="cfnPutWishList(this);" goodsCd=\'' + item.goodsCd + '\', ithrCd=\'\', contentsLoc=\'\', planDtlSq=\'\'>관심상품 추가</button>';
+				tag += ' onClick="cfnPutWishList(this);" goodsCd=\'' + item.goodsCd + '\', goodsNm=\'' + item.goodsFullNm + '\', ithrCd=\'\', contentsLoc=\'\', planDtlSq=\'\'>관심상품 추가</button>';
 			}
 			tag += '<a href="javascript:void(0);" class="itemLink" onclick="fnClickGoodsCd(\'' + item.goodsCd + '\',\'' + item.colorCd + '\');">';
 			tag += '			<div class="itemPic">';

+ 2 - 2
src/main/webapp/biz/search.js

@@ -43,9 +43,9 @@ var fnCreateGoodsList = function(result, ithrCd, contentLoc, goodsUrl, lastPage,
 			}
 			tag += ' "';
 			if(appGb == 'Mob'){
-				tag += ' onClick="cfnMoPutWishList(this);" goodsCd=\''+item.goodsCd+'\', ithrCd=\'\', contentsLoc=\'\', planDtlSq=\'\'>관심상품 추가</button>';
+				tag += ' onClick="cfnMoPutWishList(this);" goodsCd=\''+item.goodsCd+'\', goodsNm=\'' + item.goodsFullNm + '\', ithrCd=\'\', contentsLoc=\'\', planDtlSq=\'\'>관심상품 추가</button>';
 			}else{
-				tag += ' onClick="cfnPutWishList(this);" goodsCd=\''+item.goodsCd+'\', ithrCd=\'\', contentsLoc=\'\', planDtlSq=\'\'>관심상품 추가</button>';
+				tag += ' onClick="cfnPutWishList(this);" goodsCd=\''+item.goodsCd+'\', goodsNm=\'' + item.goodsFullNm + '\', ithrCd=\'\', contentsLoc=\'\', planDtlSq=\'\'>관심상품 추가</button>';
 			}
 			tag += '<a href="javascript:void(0);" class="itemLink" onclick="fnClickGoodsCd(\''+item.goodsCd+'\',\'' + item.colorCd + '\',\'' + keyWord + '\',\'' + item.id + '\' );">';
 			tag += '			<div class="itemPic">';

+ 40 - 34
src/main/webapp/ux/mo/css/common_m.css

@@ -69,8 +69,9 @@
 }
 #load {width: 100%;height: 100%;top: 0;left: 0;position: fixed;display: block;text-align: center;opacity: 0.8;background: #ffffff;background-image: url('//image.istyle24.com/Style24/images/mo/movloading.gif');background-repeat: no-repeat;background-position: 50% 50%;background-size: 3.7rem 2.4rem;z-index: 99999;}
 /* Basic setting */
-html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
+html {overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
 body {margin: 0; -webkit-overflow-scrolling: touch;}
+
 article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,address {display: block;}
 address {font-style: normal;}
 a {color: inherit;background-color: transparent;text-decoration: none;}
@@ -310,7 +311,7 @@ input[type="file"] {
 /* toggle - Share */
 .setShare {padding: 2rem 2rem 3.0em;position: relative;}
 .setShare span {display: block;text-align: center;}
-.setShare button {width: 4.5rem;height: 5.5rem;background: url(//image.istyle24.com/Style24/images/mo/ico_share.png) no-repeat;background-position-x: 0%;background-position-y: 0%;background-size: 23.5rem 3.33rem;position: relative;}
+.setShare button {width: 4.5rem;height: 5.5rem;background: url('//image.istyle24.com/Style24/images/mo/ico_share.png') no-repeat;background-position-x: 0%;background-position-y: 0%;background-size: 23.5rem 3.33rem;position: relative;}
 .setShare button.kk {background-position: 0.75rem 0;}
 .setShare button.fb {background-position: -6.0rem 0;}
 .setShare button.tw {background-position: -12.5rem 0;}
@@ -531,22 +532,22 @@ input[type="file"] {
 .ico_ft_arrow_b:before {content: ""; width:1.1rem; height:1.1rem; background-image: url('//image.istyle24.com/Style24/images/mo/ico_ft_arrow.png'); transform: rotate(90deg);}
 .ico_ft_arrow_t:before {content: ""; width:1.1rem; height:1.1rem; background-image: url('//image.istyle24.com/Style24/images/mo/ico_ft_arrow.png'); transform: rotate(-90deg);}
 .ico_kcl::before {content: ""; width:3.2rem; height:5.0rem; background-image: url('//image.istyle24.com/Style24/images/mo/ico_kcl.png');}
-.ico_picker::before {content: ""; width:100%; height:100%; background:url(//image.istyle24.com/Style24/images/mo/ico_picker.png) no-repeat 50% 50%;}
-.ico_trash::before {content: ""; width:1.3rem; height:1.6rem; background:url(//image.istyle24.com/Style24/images/mo/ico_trash.png) no-repeat 50% 50%;}
-.ico_like::before {content: ""; width: 1.9rem;height:1.6rem;background: url(//image.istyle24.com/Style24/images/mo/ico_like.png) no-repeat 0% 50%; background-size:cover;}
+.ico_picker::before {content: ""; width:100%; height:100%; background:url('//image.istyle24.com/Style24/images/mo/ico_picker.png') no-repeat 50% 50%;}
+.ico_trash::before {content: ""; width:1.3rem; height:1.6rem; background:url('//image.istyle24.com/Style24/images/mo/ico_trash.png') no-repeat 50% 50%;}
+.ico_like::before {content: ""; width: 1.9rem;height:1.6rem;background: url('//image.istyle24.com/Style24/images/mo/ico_like.png') no-repeat 0% 50%; background-size:cover;}
 .active .ico_like::before {background-position:100% 50%;}
-.ico_saletag::before {content: ""; width:3.6rem;height:1.6rem;background: url(//image.istyle24.com/Style24/images/mo/ico_saletag.png) no-repeat 50% 50%; background-size:cover;}
-.ico_calender::before {content: ""; width:1.5rem;height:1.6rem;background: url(//image.istyle24.com/Style24/images/mo/ico_calender.png) no-repeat 50% 50%; background-size:cover;}
-.ico_snslogin::before {content: ""; background-image: url(//image.istyle24.com/Style24/images/mo/ico_snslogin.png); background-size:auto 100%;}
+.ico_saletag::before {content: ""; width:3.6rem;height:1.6rem;background: url('//image.istyle24.com/Style24/images/mo/ico_saletag.png') no-repeat 50% 50%; background-size:cover;}
+.ico_calender::before {content: ""; width:1.5rem;height:1.6rem;background: url('//image.istyle24.com/Style24/images/mo/ico_calender.png') no-repeat 50% 50%; background-size:cover;}
+.ico_snslogin::before {content: ""; background-image: url('//image.istyle24.com/Style24/images/mo/ico_snslogin.png'); background-size:auto 100%;}
 .ico_snslogin.kakao::before {width:2.0rem; height:2.2rem; background-position:0 0;}
 .ico_snslogin.naver::before {width:1.6rem; height:2.2rem; background-position:-2.0rem 0;}
 .ico_snslogin.yes24::before {width:3.4rem; height:2.2rem; background-position:-3.6rem 0;}
-.ico_check::before {content: ""; width:1.0rem; height:0.8rem; background-image: url(//image.istyle24.com/Style24/images/mo/ico_check.png); background-size:100% auto; margin-bottom:0.2rem;}
+.ico_check::before {content: ""; width:1.0rem; height:0.8rem; background-image: url('//image.istyle24.com/Style24/images/mo/ico_check.png'); background-size:100% auto; margin-bottom:0.2rem;}
 .ico_check.black::before {content: ""; background-position:0 0;}
 .ico_check.red::before {content: ""; background-position:0 -0.8rem;}
 .ico_check.gray::before {content: ""; background-position:0 -1.6rem;}
-.ico_phone::before {content: ""; width:1.5rem; height:2.0rem; background:url(//image.istyle24.com/Style24/images/mo/ico_join_bg.png) no-repeat 0 0; background-size:cover;}
-.ico_ipin::before {content: ""; width:2.0rem; height:2.0rem; background:url(//image.istyle24.com/Style24/images/mo/ico_join_bg.png) no-repeat -2.0rem 0; background-size:cover;}
+.ico_phone::before {content: ""; width:1.5rem; height:2.0rem; background:url('//image.istyle24.com/Style24/images/mo/ico_join_bg.png') no-repeat 0 0; background-size:cover;}
+.ico_ipin::before {content: ""; width:2.0rem; height:2.0rem; background:url('//image.istyle24.com/Style24/images/mo/ico_join_bg.png') no-repeat -2.0rem 0; background-size:cover;}
 
 /* btn : btn_default, btn_more, btn_go, btn_waiting */
 .btn{display: inline-block; height: 5.0rem; margin-bottom: 0; padding: 0.4rem 1.3rem; font-size: 1.4rem; font-weight: 400; line-height: 1 !important; color: #333333; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; background-image: none; background-color: #ffffff; box-sizing: border-box; border-width: 0.1rem; border-style: solid; border-color: #dddddd; -webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0; -ms-touch-action: manipulation;touch-action: manipulation; -webkit-transition: all 200ms ease;-moz-transition: all 200ms ease;-ms-transition: all 200ms ease;-o-transition: all 200ms ease;transition: all 200ms ease; cursor: pointer;}
@@ -600,7 +601,10 @@ input[type="file"] {
 .btn_block {width: 100%;}
 
 /* Page setup */
+/* disable bounce effect,scrolling */
 html {font-family: 'LATO', 'Noto Sans kr', sans-serif;font-weight: 300;color: #222;font-size: 10px; line-height: 1.4;letter-spacing: -.025em;word-break: keep-all;}
+body, .app {height: calc(100% - 10px);overscroll-behavior-y: none;-webkit-overflow-scrolling: touch;}
+.container {overscroll-behavior-y: none;-webkit-overflow-scrolling: touch;}
 
 body.gnb_on {height: 100vh;overflow: hidden !important;}
 .app {height: 100vh;font-size: 1.4rem;}
@@ -658,19 +662,19 @@ header .btn_gnb span i {display: block;position: absolute;left: 0;width:100%;hei
 header .subs .btn_gnbs {position: absolute;top: 0.8rem;right: -2.0rem;width: 3.5rem;height: 4rem;z-index: 10;}
 header .subs .btn_gnbs span i {display: block;position: absolute;left: 0;width: 100%;height: 100%;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
 header .subs .btn_gnbs span {display: block;width: 2.4rem;height: 2.4rem;margin: 0 auto;position: relative;}
-header .subs .btn_gnbs span i {background: url(//image.istyle24.com/Style24/images/mo/ico_btn_more.png) no-repeat;background-size: 1.3rem 0.733rem;background-position: 50% 50%;}
+header .subs .btn_gnbs span i {background: url('//image.istyle24.com/Style24/images/mo/ico_btn_more.png') no-repeat;background-size: 1.3rem 0.733rem;background-position: 50% 50%;}
 header .subs .btn_gnbs.on span i {transform: rotate(-180deg);-webkit-transform: rotate(-180deg);}
 
 header .subs .dp_list_btn_gnbs {position: absolute;top: 0;right: -2.0rem;width: 3.5rem;height: 4.5rem;z-index: 10;}
 header .subs .dp_list_btn_gnbs span i {display: block;position: absolute;left: 0;width: 100%;height: 100%;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
 header .subs .dp_list_btn_gnbs span {display: block;width: 2.4rem;height: 2.4rem;margin: 0 auto;position: relative;}
-header .subs .dp_list_btn_gnbs span i {background: url(//image.istyle24.com/Style24/images/mo/ico_btn_more.png) no-repeat;background-size: 1.3rem 0.733rem;background-position: 50% 50%;}
+header .subs .dp_list_btn_gnbs span i {background: url('//image.istyle24.com/Style24/images/mo/ico_btn_more.png') no-repeat;background-size: 1.3rem 0.733rem;background-position: 50% 50%;}
 header .subs .dp_list_btn_gnbs.on span i {transform: rotate(-180deg);-webkit-transform: rotate(-180deg);}
 
 header.hide {display: none;}
 header.main .htop {border: rgba(255, 255, 255, 0.2) solid 0;background-color: #fefefe;}
 header.main .htop.bright {background-color: transparent;}
-header.main .btn_gnb span i {background: url(//image.istyle24.com/Style24/images/mo/ico_btn_more.png) no-repeat; background-size: 1.1rem 0.63rem;background-position: 50% 50%;}
+header.main .btn_gnb span i {background: url('//image.istyle24.com/Style24/images/mo/ico_btn_more.png') no-repeat; background-size: 1.1rem 0.63rem;background-position: 50% 50%;}
 header.main .btn_gnb.on span i {transform: rotate(-180deg);-webkit-transform: rotate(-180deg);}
 
 header .hmenu {position: absolute;left: 0;bottom: 100%;background-color: rgba(0, 0, 0, 0.0);padding: 0 0 0 0;-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;height: 100vh;-webkit-transition: all 0 ease-out;transition: all 0 ease-out;z-index: -1;}
@@ -740,7 +744,7 @@ header .hmenus .bng .lap{position:absolute; top:0; left:0; padding:0; width:100%
 header .hmenus .bng .nav_list{min-height:15rem; max-height:40rem; overflow-y:auto;}header .hmenus .bng .nav_list {padding:0;}
 header .hmenus .bng .nav ul > li .daps1{display:block; font-size:1.4rem; color:#666; font-weight:300; line-height:5rem; border-bottom:0.1rem solid #ddd;}
 header .hmenus .bng .nav ul > li .daps2 li > a{display:block; font-size:1.4rem; font-weight:300; color:#222; line-height:4rem;position: relative;}
-header .hmenus .bng .nav ul > li .daps2 li > a::after {content: '';display: inline-block;width: 2.0rem;height: 2.0rem;background: url(//image.istyle24.com/Style24/images/mo/ico_full.png) no-repeat;background-size: 0.566rem 0.933rem;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);position: absolute;right: 0.5rem;top:1.0rem;background-position: right center;}
+header .hmenus .bng .nav ul > li .daps2 li > a::after {content: '';display: inline-block;width: 2.0rem;height: 2.0rem;background: url('//image.istyle24.com/Style24/images/mo/ico_full.png') no-repeat;background-size: 0.566rem 0.933rem;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);position: absolute;right: 0.5rem;top:1.0rem;background-position: right center;}
 header .hmenus .bng .nav ul > li .daps2 li.on > a{color:#fd4802; font-weight:500; line-height:5rem;}
 
 header .hmenus .bnb{background-color: #f5f5f5; margin: 3.0rem -2.5rem 0 -2.5rem; padding: 3.0rem 2.5rem; position: relative;}
@@ -750,7 +754,7 @@ header .hmenus .bnb ul > li > a{display: block; padding: 0.8rem 0; font-size: 1.
 
 /* gnb */
 body.header-show .app .gnb{top: 5.0rem;}
-.app .gnb {position: -webkit-sticky; position: sticky; top: 0; padding-right: 3.0rem; background-color: #fefefe; z-index: 9; width: 100%;}
+.app .gnb {position: -webkit-sticky; position: sticky; top: 0; top:5.5rem; padding-right: 3.0rem; background-color: #fefefe; z-index: 9; width: 100%;height: auto;}
 .app .gnb {background-color:#fefefe; position:relative; z-index:100;} /* layout_m 재확인 */
 .app .gnb.expand{padding-right: 3.0rem;}
 
@@ -765,9 +769,9 @@ body.header-show .app .gnb{top: 5.0rem;}
 .app .gnb .btn-expand{position: absolute; right: 0.2rem; top: 0.2rem; width: 5.0rem; height: 5.0rem;}
 .app .gnb .btn-expand::before{content: '';position: absolute;top: 0;left: 0;width: 3.0rem;height: 5.0rem;background: linear-gradient(90deg, rgba(254,254,254,0) 0%, #fefefe 100%);}
 .app .gnb .btn-expand::before{background: linear-gradient(90deg, rgba(254,254,254,0) 0%, #fefefe 100%);} /* layout_m 재확인 */
-.app .gnb .btn-expand::after{content: '';position: absolute;left: 50%;top: 25%;width: 1.8rem;height: 2.0rem;background: url(//image.istyle24.com/Style24/images/mo/ico_btn_expand.png) center top/1.8rem 2.0rem no-repeat;}
+.app .gnb .btn-expand::after{content: '';position: absolute;left: 50%;top: 25%;width: 1.8rem;height: 2.0rem;background: url('//image.istyle24.com/Style24/images/mo/ico_btn_expand.png') center top/1.8rem 2.0rem no-repeat;}
 .app .gnb.expand .btn-expand::before{display:none;}
-.app .gnb.expand .btn-expand::after {background: url(//image.istyle24.com/Style24/images/mo/ico_btn_narrow.png) center bottom/1.8rem 2.0rem no-repeat;}
+.app .gnb.expand .btn-expand::after {background: url('//image.istyle24.com/Style24/images/mo/ico_btn_narrow.png') center bottom/1.8rem 2.0rem no-repeat;}
 
 main.container{margin-top: 0; overflow: hidden;}
 main.container.mb {margin-top: -5.5rem;}
@@ -780,9 +784,10 @@ section.main.scr, section.ev_list.scr, section.dp_exhibition.scr, section.dp_loo
 
 /* .tabbar */
 .tabbar{-webkit-transform: translate(0, 4.3rem);-ms-transform: translate(0, 4.3rem);-moz-transform: translate(0, 4.3rem); transform: translate(0, 4.3rem);transition-duration: 0.25s; position: fixed;width: 100%;bottom: 0;background-color: #f8f8f8;z-index: 100; padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);}
-.tabbar.fixed{-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);-moz-transform: translate(0, 0);transform: translate(0, 0);}
+/* .tabbar.fixed{-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);-moz-transform: translate(0, 0);transform: translate(0, 0);} */
+.tabbar.fixed{bottom: 4.25rem; -webkit-transform: translate(0, 4.3rem);}
 .tabbar .tabbar-inner{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-box-pack: justify;-moz-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between; padding: 0.6rem 2.0rem;}
-.tabbar .tabbar-inner [class*=btn-]{display: block;width: 4.2rem; height: 3.0666rem; font-size: 0;position: relative;background: url(//image.istyle24.com/Style24/images/mo/ico_tabbar.png) no-repeat center;background-size: 18.0rem 2.16rem;padding: 0rem 1rem;}
+.tabbar .tabbar-inner [class*=btn-]{display: block;width: 4.2rem; height: 3.0666rem; font-size: 0;position: relative;background: url('//image.istyle24.com/Style24/images/mo/ico_tabbar.png') no-repeat center;background-size: 18.0rem 2.16rem;padding: 0rem 1rem;}
 .tabbar .tabbar-inner [class*=btn-]:after{content: ''; display: block;padding: 3.5rem;margin: -0.5rem -2.5rem;}
 .tabbar .tabbar-inner [class*=btn-].btn-menu{background-position: 0.5rem;}
 .tabbar .tabbar-inner [class*=btn-].btn-my{background-position: -3.2rem;}
@@ -796,8 +801,8 @@ section.main.scr, section.ev_list.scr, section.dp_exhibition.scr, section.dp_loo
 /* Full메뉴 */
 #menuFull{width: 100%;height: 0;z-index: 999;visibility: hidden;background: rgba(255, 255, 255, 1);transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);top: 100%;position: fixed;left: 0;}
 #menuFull.on{ height: 100%; visibility: visible; top: 0;}
-.menu_cls {position: absolute;top: 1.8rem;right: 2.0rem;display: block;width: 1.6rem;height: 1.6rem;text-indent: -999.9rem;background-size: contain;background-repeat: no-repeat;background-position: center center;z-index: 98;background-image: url(//image.istyle24.com/Style24/images/mo/ico_pop_cls.png);}
-.appSett {position: absolute;top: 1.6rem;right: 5.5rem;display: block;width: 2.0rem;height: 2.0rem;text-indent: -999.9rem;background-size: contain;background-repeat: no-repeat;background-position: center center;z-index: 98;background-image: url(//image.istyle24.com/Style24/images/mo/ico_app_setting.png);}
+.menu_cls {position: absolute;top: 1.8rem;right: 2.0rem;display: block;width: 1.6rem;height: 1.6rem;text-indent: -999.9rem;background-size: contain;background-repeat: no-repeat;background-position: center center;z-index: 98;background-image: url('//image.istyle24.com/Style24/images/mo/ico_pop_cls.png');}
+.appSett {position: absolute;top: 1.6rem;right: 5.5rem;display: block;width: 2.0rem;height: 2.0rem;text-indent: -999.9rem;background-size: contain;background-repeat: no-repeat;background-position: center center;z-index: 98;background-image: url('//image.istyle24.com/Style24/images/mo/ico_app_setting.png');}
 .fullHead {height: 5.2rem;}
 .fullHead .goHome {display: inline-block;width: auto;padding:2.4rem 2rem;}
 .fullHead a {display: inline-block;}
@@ -819,7 +824,7 @@ section.main.scr, section.ev_list.scr, section.dp_exhibition.scr, section.dp_loo
 /* Full메뉴_카테고리 */
 .fullBody .fullCate > li > ul {display: none; background: #f5f5f5;}
 .fullBody .fullCate > li > a {position:relative;display: block; padding:1.6rem 2.0rem; font-size: 1.4rem; font-weight: 400;font-family: 'Noto Sans kr', sans-serif;}
-.fullBody .fullCate > li > a::after {content: '';display: inline-block;width: 2.0rem;height: 2.0rem;background: url(//image.istyle24.com/Style24/images/mo/ico_full.png) no-repeat;background-size: 0.8rem 1.4rem;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);position: absolute;right: 1.2rem;background-position: left center;}
+.fullBody .fullCate > li > a::after {content: '';display: inline-block;width: 2.0rem;height: 2.0rem;background: url('//image.istyle24.com/Style24/images/mo/ico_full.png') no-repeat;background-size: 0.8rem 1.4rem;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);position: absolute;right: 1.2rem;background-position: left center;}
 .fullBody .fullCate > li > a:active span {color: #fd4802; border-bottom: 0.1rem solid #fd4802;}
 .fullBody .fullCate > li.hasCate > a::after {right: 1.8rem;background: url('//image.istyle24.com/Style24/images/mo/ico_full.png') no-repeat;background-position: center;background-size: 0.8rem 1.4rem;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
 .fullBody .fullCate > li.hasCate > a.on {font-size: 1.4rem; color: #fd4802;}
@@ -836,7 +841,7 @@ section.main.scr, section.ev_list.scr, section.dp_exhibition.scr, section.dp_loo
 /* Full메뉴_최근본상품 */
 #hstrFull{width: 100%;height: 0;z-index: 999;visibility: hidden;background: rgba(255, 255, 255, 1);transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);top: 100%;position: fixed;left: 0;}
 #hstrFull.on{ height: 100%; visibility: visible; top: 0;}
-.hstr_cls {position: absolute;top: 1.4rem;right: 2.0rem;display: block;width: 2.0rem;height: 2.0rem;text-indent: -999.9rem;background-size: contain;background-repeat: no-repeat;background-position: center center;z-index: 98;background-image: url(//image.istyle24.com/Style24/images/mo/ico_pop_cls.png);}
+.hstr_cls {position: absolute;top: 1.4rem;right: 2.0rem;display: block;width: 2.0rem;height: 2.0rem;text-indent: -999.9rem;background-size: contain;background-repeat: no-repeat;background-position: center center;z-index: 98;background-image: url('//image.istyle24.com/Style24/images/mo/ico_pop_cls.png');}
 #hstrFull .fullHead h1 {display: inline-block;position: relative;max-width: calc(100% - 14.5rem);width: auto;height: 100%;line-height: 5.2rem;vertical-align: middle;padding: 0 1.5rem 0 0rem;margin: 0 0 0 2.0rem;font-size: 1.8rem;color: #222;}
 #hstrFull .fullBody .count_wrap {padding: 2rem 0;}
 #hstrFull .fullBody .count_wrap p{font-size: 1.2rem;color: #888;}
@@ -852,9 +857,9 @@ section.main.scr, section.ev_list.scr, section.dp_exhibition.scr, section.dp_loo
 
 /* footer */
 footer{background-color: #f1f1f1;}
-footer .btn_top{position: fixed; bottom: 9%; right: 2.0rem; opacity: 0; background-color: rgba(0, 0, 0, 0.4); width: 4.1rem; height: 4.0rem; font-size: 0; z-index: 499; background:url(//image.istyle24.com/Style24/images/mo/mo_btn_top.png) no-repeat;}
+footer .btn_top{position: fixed; bottom: 9%; right: 2.0rem; opacity: 0; background-color: rgba(0, 0, 0, 0.4); width: 4.1rem; height: 4.0rem; font-size: 0; z-index: 499; background:url('//image.istyle24.com/Style24/images/mo/mo_btn_top.png') no-repeat;}
 footer .btn_top span{display: block;width: 2.4rem;height: 2.4rem;margin: 0 auto;position: relative;opacity: 1;color: #222222;font-size: 1.1rem;font-weight: 600;line-height: 3.4rem;letter-spacing: -0.025em;}
-footer .btn_back{position: fixed; bottom: 9%; left: 2.0rem; opacity: 0; background-color: rgba(0, 0, 0, 0.4); width: 4.1rem; height: 4.0rem; font-size: 0; z-index: 499; background:url(//image.istyle24.com/Style24/images/mo/mo_btn_back.png) no-repeat; bottom: calc(env(safe-area-inset-bottom) + 6.5rem);}
+footer .btn_back{position: fixed; bottom: 9%; left: 2.0rem; opacity: 0; background-color: rgba(0, 0, 0, 0.4); width: 4.1rem; height: 4.0rem; font-size: 0; z-index: 499; background:url('//image.istyle24.com/Style24/images/mo/mo_btn_back.png') no-repeat; bottom: calc(env(safe-area-inset-bottom) + 6.5rem);}
 footer .btn_back span{display: block;width: 2.4rem;height: 2.4rem;margin: 0 0.6rem;position: relative;opacity: 1;color: #222222;font-size: 1.1rem;font-weight: 600;line-height: 3.4rem;letter-spacing: -0.025em; text-indent:-999rem;}
 footer .f1{background-color: #f1f1f1;padding: 0 0 4.5rem; position: relative;}
 footer .f1 .inner{padding: 0 2.0rem 2.0rem;}
@@ -884,13 +889,13 @@ footer .f1 .sns > li > a.insta{background: #fff url("//image.istyle24.com/Style2
 footer .f1 .sns > li > a.facebook{background: #fff url("//image.istyle24.com/Style24/images/mo/ico_ft_facebook.png") 50% 50% no-repeat; background-size: auto 2.5rem;}
 footer .collapse{position: relative; border-bottom: 0.1rem solid #dadada;}
 footer .collapse .btnWrap .btn_infos{position: relative; width: 100%; height: 6.7rem; background-color: #f1f1f1; font-size: 1.5rem; font-weight: 400; text-align: left; color: #222;}
-footer .collapse .btnWrap .btn_infos::after{content: ''; display: inline-block; margin-left: 1.0rem; margin-bottom: 0; width: 1.4rem; height: 0.8rem; background: #f1f1f1 url(//image.istyle24.com/Style24/images/mo/ico_fold_arrow1.png) 50% 0% no-repeat; background-size: 1.4rem; /* background-size: auto 3.9rem; */ -webkit-transform: rotate(180deg); transform: rotate(180deg);}
+footer .collapse .btnWrap .btn_infos::after{content: ''; display: inline-block; margin-left: 1.0rem; margin-bottom: 0; width: 1.4rem; height: 0.8rem; background: #f1f1f1 url('//image.istyle24.com/Style24/images/mo/ico_fold_arrow1.png') 50% 0% no-repeat; background-size: 1.4rem; /* background-size: auto 3.9rem; */ -webkit-transform: rotate(180deg); transform: rotate(180deg);}
 footer .collapse .btnWrap .btn_infos.on::after{margin-bottom: 0; -webkit-transform: rotate(0); transform: rotate(0);}
 footer .collapse .infos{width: 100%; height: 0; overflow: hidden;-webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
 footer .collapse .infos::after{content: ''; display: block; clear: both;}
 footer .collapse .infos > li{float: left; position: relative; padding: 0.5rem 0.4rem; color: #666; font-size: 1.2rem; font-weight: 200;}
 footer .collapse .infos > li.fn{clear: both; padding-left: 0;}
-footer .collapse .infos.on{padding: 0 0 2.0rem 0; height: auto;}
+footer .collapse .infos.on{padding: 0 0 2.0rem 0; height: 20.2rem}
 
 /* sub page slide nav */
 .lnb{padding: 1.46rem 2.0rem 1.0rem 2.0rem; border-bottom: 0.1rem solid #e5e5e5; box-sizing: border-box;}
@@ -1153,16 +1158,17 @@ button.alertCls {-webkit-appearance: none;padding: 0;cursor: pointer;background:
 .fold_cont .fold_answer {border-top:0.1rem solid #ddd;}
 .fold_cont .fold_detail .btn {margin-top:2.5rem; padding:0.6rem 1.3rem; color:#222; border-color:#a1a1a1; font-size:1.2rem; font-weight:200; background:none;}
 .fold_cont .fold_detail .img_group {margin-top: 2.4rem; overflow: hidden;}
+
 .fold_cont .fold_answer > div {position:relative;}
 .fold_detail,
 .fold_answer{background:#f5f5f5;}
-.fold_answer .data{font-size:1.2rem; font-weight: 200; color:#888;}
+.fold_answer .data, .fold_detail .data{font-size:1.2rem; font-weight: 200; color:#888;}
 .fold_answer div.answer_head{color:#222; font-weight:300;}
 .fold_answer .answer_body{font-weight:200;}
 .fold_answer .answer_foot{position:relative;}
-.fold_answer .btn_delete{position:absolute; right:0; bottom:0; font-size:1.2rem; color:#777;}
-.fold_answer .btn_delete > span{position:relative; display:inline-block;}
-.fold_answer .btn_delete > span:after{display:block; content: ''; position:absolute; left:0; bottom:-0.2rem; width:100%; height:0.1rem; background-color:#777777;}
+.fold_answer .btn_delete, .fold_detail .btn_delete{position:absolute; right:0; bottom:0; font-size:1.2rem; color:#777;}
+.fold_answer .btn_delete > span, .fold_detail .btn_delete > span{position:relative; display:inline-block;}
+.fold_answer .btn_delete > span:after, .fold_detail .btn_delete > span:after{display:block; content: ''; position:absolute; left:0; bottom:-0.2rem; width:100%; height:0.1rem; background-color:#777777;}
 .fold_head .fold_state{padding:0.3rem 0.5rem; margin-right:0.5rem;}
 .fold_head .prod{padding:0.3rem 0;}
 .fold_head .fold_state{background-color:#000; color:#fff;}
@@ -1912,11 +1918,11 @@ button.alertCls {-webkit-appearance: none;padding: 0;cursor: pointer;background:
 .sett .switch input[type="checkbox"]:checked + label::after {background: #ffffff;position: absolute;top: 0.2rem;left: auto;right: 0.2rem;margin: 0;}
 .sett .alink {display: inline-block;text-align: center;cursor: pointer;}
 .sett .alink input[type="button"] {visibility: hidden;}
-.sett .alink input[type="button"] + label::after {content: '업데이트';position: relative;top: 0;right: 0;color: #fd4802;font-size: 1.2rem;display: inline-block;background: url(//image.istyle24.com/Style24/images/mo/ico_app_arr2.png)no-repeat;background-size: 0.7rem 1.3rem;width: auto;height: 1.4rem;line-height: 1.4rem;background-position: 5.5rem 0;padding-right: 2.0rem;}
+.sett .alink input[type="button"] + label::after {content: '업데이트';position: relative;top: 0;right: 0;color: #fd4802;font-size: 1.2rem;display: inline-block;background: url('//image.istyle24.com/Style24/images/mo/ico_app_arr2.png')no-repeat;background-size: 0.7rem 1.3rem;width: auto;height: 1.4rem;line-height: 1.4rem;background-position: 5.5rem 0;padding-right: 2.0rem;}
 .sett .alink input[type="button"]:disabled + label::after {content: '최신버전입니다';color: #888888;background: none;padding: 0;}
 .sett .alink label {width: 0.2rem;height: 0.2rem;cursor: pointer;}
 .sett .alink a {display: inline-block;width:5rem;height:1.2rem;}
-.sett .alink a::after {content: '';display: inline-block;background: url(//image.istyle24.com/Style24/images/mo/ico_app_arr.png)no-repeat;background-position: 4.2rem 0;background-size: 0.7rem 1.3rem; width: 100%;height: 1.4rem;line-height: 1.4rem;}
+.sett .alink a::after {content: '';display: inline-block;background: url('//image.istyle24.com/Style24/images/mo/ico_app_arr.png')no-repeat;background-position: 4.2rem 0;background-size: 0.7rem 1.3rem; width: 100%;height: 1.4rem;line-height: 1.4rem;}
 .sett p {font-size: 1.2rem;color: #888888;width: calc(100% - 7rem);padding-left: 1rem;padding-bottom: 0.8rem;}
 .sett p.pot {position: relative;padding-left: 1.8rem;margin: 0;font-size: 1.1rem;font-weight: 200;color: #888888;}
 .sett p.pot::before {content: '';position: absolute;top: 0.7rem;left: 1rem;background: #888888;width: 0.3rem;height: 0.3rem;}

+ 85 - 81
src/main/webapp/ux/mo/css/layout_m.css

@@ -6,15 +6,14 @@
 .cs .search_wrap{position: relative;}
 .cs .search_wrap::after{content: '';display:block;width: 100%;height:0.2rem;background-color: #000000; position: relative; top:-2.58rem; left:0;}
 .cs .cs_search_input{font-size:1.5rem; height:4.5rem; width:calc(100% - 3.5rem); border:none !important; border-bottom:0.2rem solid #000 !important; position:relative; padding:0 2.5rem 0 0;}
-.cs .cs_search_input:focus+.btn_x{display: block;}
-.cs .search_wrap button.btn_sch {position:absolute; top:0; right:-0.5rem; background:url(//image.istyle24.com/Style24/images/mo/cs_search_btn.png) center center no-repeat; text-indent:-9999px; width:2.2rem; height:4.5rem; padding: 0 2rem;}
-.cs .search_wrap button.btn_x {display:block; width: 2rem; height: 2rem; background: #aaa; border-radius: 1rem; color: #fff; font-size: 1rem; position: absolute; top: 1.2rem; right: 3.6rem; background:#aaa url(//image.istyle24.com/Style24/images/mo/ico_sch_del_w.png) no-repeat center; background-size:1.1rem; text-indent:-999em;}
+.cs .search_wrap button.btn_sch {position:absolute; top:0; right:-0.5rem; background:url('//image.istyle24.com/Style24/images/mo/cs_search_btn.png') center center no-repeat; text-indent:-9999px; width:2.2rem; height:4.5rem; padding: 0 2rem;}
+.cs .search_wrap button.btn_x {visibility: hidden; width: 2rem; height: 2rem; background: #aaa; border-radius: 1rem; color: #fff; font-size: 1rem; position: absolute; top: 1.2rem; right: 3.8rem; background:#aaa url('//image.istyle24.com/Style24/images/mo/ico_sch_del_w.png') no-repeat center; background-size:1.1rem; text-indent:-999em;}
 .cs .inner{background:#fff;}
 .cs .inner > p{margin-top:1rem;}
 .cs .inner.none{position:relative; width:100%; height:31.2rem; color:#808080;}
 .cs .inner.none p{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
 .cs .see_more{font-size:1.5rem; border:0.1rem solid gray; width:100%; padding:1.6rem; font-weight:600; position:relative; margin:2rem 0 0 0;}
-.cs .see_more > span{background:url(//image.istyle24.com/Style24/images/mo/cs_qna_btn.png) no-repeat; text-indent:-999.9rem; display:block; width:2rem; position:absolute;}
+.cs .see_more > span{background:url('//image.istyle24.com/Style24/images/mo/cs_qna_btn.png') no-repeat; text-indent:-999.9rem; display:block; width:2rem; position:absolute;}
 .cs .ui_row.nodata .foldGroup { display: none;}
 .cs .ui_row.nodata + .ui_foot { display: none;}
 .cs .ui_row.nodata {display: inherit; padding: 12.4rem 0; margin-bottom: 0; text-align: center;}
@@ -77,8 +76,8 @@
 .cs .cs_faq_1 .qna_list > li > div.title{width:90%;}
 .cs .cs_faq_1 .qna_list > li > div.title > p:nth-of-type(1){font-size:1.4rem; color:#a8a8a8; margin-bottom:0.4rem;}
 .cs .cs_faq_1 .qna_list > li > div.title > p:nth-of-type(2){font-size:1.7rem; width:100%; line-height:2.4rem; font-weight:600; font-weight:500;}
-.cs .cs_faq_1 .qna_list > li > span{background:url(//image.istyle24.com/Style24/images/mo/cs_qna_btn.png) no-repeat; text-indent:-999.9rem; display:block; width:2rem; position:absolute; top:50%; right:2.0rem;}
-.cs .cs_faq_1 .qna_list > li > span.on{background:url(//image.istyle24.com/Style24/images/mo/cs_qna_btn_on.png) no-repeat;}
+.cs .cs_faq_1 .qna_list > li > span{background:url('//image.istyle24.com/Style24/images/mo/cs_qna_btn.png') no-repeat; text-indent:-999.9rem; display:block; width:2rem; position:absolute; top:50%; right:2.0rem;}
+.cs .cs_faq_1 .qna_list > li > span.on{background:url('//image.istyle24.com/Style24/images/mo/cs_qna_btn_on.png') no-repeat;}
 .cs .cs_faq_1 .qna_list > div.answer{background-color:#f5f5f5; padding:2.3rem 2.0rem; border-bottom:0.1rem solid #e1e1e1; display:none; overflow:hidden; margin:0 -2.0rem;}
 .cs .cs_faq_1 .qna_list > div.answer > p{font-size:1.5rem; width:90%; line-height:2.4rem;}
 .cs .cs_faq_1 .fold_nav{margin-top:2rem;}
@@ -100,8 +99,8 @@
 .cs .cs_contactUs_1 .qna_list > li > div.title > p:nth-of-type(1){font-size:1.4rem; color:#a8a8a8; margin-bottom:0.4rem; display:inline-block; font-weight:500;}
 .cs .cs_contactUs_1 .qna_list > li > div.title > p:nth-of-type(2){font-size:1.7rem; width:100%; line-height:2.4rem; font-weight:600;}
 .cs .cs_contactUs_1 .qna_list > li > div.title > p:nth-of-type(3){margin-top:0.4rem; color:#828282; font-weight:600;}
-.cs .cs_contactUs_1 .qna_list > li > span{background:url(//image.istyle24.com/Style24/images/mo/cs_qna_btn.png) no-repeat; text-indent:-999.9rem; display:block; width:2.0rem; position:absolute; top:50%; right:2.0rem;}
-.cs .cs_contactUs_1 .qna_list > li > span.on{background:url(//image.istyle24.com/Style24/images/mo/cs_qna_btn_on.png) no-repeat;}
+.cs .cs_contactUs_1 .qna_list > li > span{background:url('//image.istyle24.com/Style24/images/mo/cs_qna_btn.png') no-repeat; text-indent:-999.9rem; display:block; width:2.0rem; position:absolute; top:50%; right:2.0rem;}
+.cs .cs_contactUs_1 .qna_list > li > span.on{background:url('//image.istyle24.com/Style24/images/mo/cs_qna_btn_on.png') no-repeat;}
 .cs .cs_contactUs_1 .qna_list > div.answer{background-color:#f5f5f5; padding:2.3rem 2.0rem; border-bottom:0.1rem solid #e1e1e1; display:none; overflow:hidden; margin:0 -2.0rem;}
 .cs .cs_contactUs_1 .qna_list > div.answer > p{font-size:1.5rem; width:100%; line-height:2.4rem;}
 .cs .cs_contactUs_1 .qna_list > div.answer .form_wrap{margin-top:1.6rem;}
@@ -132,7 +131,7 @@
 .cs_contactUs_my .header .close span:first-child{transform:rotate(-45deg);}
 .cs_contactUs_my .header .close a{position:absolute; top:50%; right:0; margin-top:-0.8rem; width:1.8rem; height:1.8rem; font-size:0; background-color:#fff;}
 .cs_contactUs_my .inner { padding-bottom: 0;}
-.cs_contactUs_my .select_dress span { width: 0.7rem; height: 0.7rem; background: url(//image.istyle24.com/Style24/images/mo/ico_star02.png) no-repeat center; background-size: 0.7rem auto; display: inline-block; margin: 0 0 0 0.5rem; }
+.cs_contactUs_my .select_dress span { width: 0.7rem; height: 0.7rem; background: url('//image.istyle24.com/Style24/images/mo/ico_star02.png') no-repeat center; background-size: 0.7rem auto; display: inline-block; margin: 0 0 0 0.5rem; }
 .cs_contactUs_my input[type="text"] { width: 100%; height: 4.5rem; line-height: 4.5rem; box-sizing: border-box; font-size: 1.4rem;}
 .cs_contactUs_my textarea { width: 100%; box-sizing: border-box; padding: 1.5rem 0.5rem; font-size: 1.4rem; height:20rem;}
 .cs_contactUs_my textarea::placeholder {color:#888; font-weight:200;}
@@ -221,7 +220,7 @@
 .mb .sns_wrap .login_utill > li:first-child{margin-left:0;}
 .mb .sns_wrap .login_utill > li a{font-size:1.2rem;}
 .mb .sns_wrap .login_utill > li a .ico{position:relative; display:block; margin-bottom:0.7rem; width:5rem; height:5rem; background-color:#ccc; border-radius:50%;}
-.mb .sns_wrap .login_utill > li a .ico:before{display:block; content:''; position:absolute; top:50%; left:50%; background:url(//image.istyle24.com/Style24/images/mo/ico_snslogin.png); transform:translate(-50%, -50%);}
+.mb .sns_wrap .login_utill > li a .ico:before{display:block; content:''; position:absolute; top:50%; left:50%; background:url('//image.istyle24.com/Style24/images/mo/ico_snslogin.png'); transform:translate(-50%, -50%);}
 .mb .sns_wrap .login_utill > li.lu_kakao a .ico{background:#ffe500;}
 .mb .sns_wrap .login_utill > li.lu_kakao a .ico:before{width:2rem; height:2.2rem; background-position:0 0;}
 .mb .sns_wrap .login_utill > li.lu_naver a .ico{background:#69c441;}
@@ -253,7 +252,7 @@
 .mb .find_result .form_print_bar ul li span.t_span {width:7.5rem; color:#888;}
 .mb .btn_group_block {float:none; margin-top:3rem; display:flex;}
 .mb [class^="ico_content_"]::before {margin: 0 auto 1.5rem;}
-.ico_content_find::before {width:3.6rem; height:4.6rem; background:url(//image.istyle24.com/Style24/images/mo/ico_content_find.png) no-repeat 50% 50%;}
+.ico_content_find::before {width:3.6rem; height:4.6rem; background:url('//image.istyle24.com/Style24/images/mo/ico_content_find.png') no-repeat 50% 50%;}
 
 .mb .btn_group_flex > div > .btn{width:100%; height:4.5rem;}
 
@@ -379,7 +378,7 @@
 /*  제품 관련  */
 .pb0{padding-bottom:0!important;}
 .ico_besttag{height:1.5rem; vertical-align:middle;}
-.ico_besttag::before {content: ""; width: 3.1rem; height: 1.4rem; background: url(//image.istyle24.com/Style24/images/mo/ico_besttag.png) no-repeat 50% 50%; background-size: cover;}
+.ico_besttag::before {content: ""; width: 3.1rem; height: 1.4rem; background: url('//image.istyle24.com/Style24/images/mo/ico_besttag.png') no-repeat 50% 50%; background-size: cover;}
 /* button*/
 .pd_detail .btn_coupon,
 .pd_detail .btn_shoppingBag{border:0.1rem solid #fd4802; color:#fd4802;}
@@ -473,11 +472,15 @@
 .pd_detail .thumb_box .thumb_list{position:relative;}
 .pd_detail .thumb_box .thumb_list .thumb{position:relative; width:100%; padding-bottom: 150%;; background-color:#f5f5f5; overflow: hidden;}
 .pd_detail .thumb_box .thumb_list .thumb img{position:absolute; width:100%; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
-.pd_detail .thumb_box .thumb_list .thumb.mov::after {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3) url(//image.istyle24.com/Style24/images/mo/ico_play.png) no-repeat 50% 50%;z-index: 2;}
+.pd_detail .thumb_box .thumb_list .thumb.mov::after {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3) url('//image.istyle24.com/Style24/images/mo/ico_play.png') no-repeat 50% 50%;z-index: 2;}
 .pd_detail .thumb_box .thumb_paging{position:absolute; left:50%; bottom:6.5rem; padding:0.2rem 0; width:6rem; height:2rem; font-size:1.2rem; color:#fff; text-align:center; background-color:#222; border-radius:3rem; box-sizing: border-box; -webkit-transform:translateX(-50%); transform:translateX(-50%); z-index:3;}
 .pd_detail .thumb_box .thumb_paging strong{font-weight:700;}
 .pd_detail .thumb_box .swiper-pagination {display:inline-block; margin:0; width:auto; padding:0.2rem 1rem; border-radius:2rem; font-size:1.2rem; color:#fff; background-color:rgba(34,34,34,.5);}
 .pd_detail .thumb_box .swiper-pagination-fraction{position:absolute; left:50%; bottom:6rem;-webkit-transform:translateX(-50%); transform:translateX(-50%);}
+.pd_detail .thumb_box .swiper-button-prev {left: 2rem;}
+.pd_detail .thumb_box .swiper-button-next {right: 2rem;}
+.pd_detail .thumb_box .swiper-button-prev:after {content:''; display:block; position:absolute; top:0px; left:0; width:3.4rem; height:3.4rem; border:0.2rem solid #a7a7a7; border-width:0.2rem 0.2rem 0 0; transform:rotate(-135deg); -webkit-transform:rotate(-135deg);}
+.pd_detail .thumb_box .swiper-button-next:after {content:''; display:block; position:absolute; top:0px; right:0; width:3.4rem; height:3.4rem; border:0.2rem solid #a7a7a7; border-width:0.2rem 0.2rem 0 0; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
 .pd_detail .descript_box .name{font-size:1.6rem; font-weight:400; color:#222;}
 .pd_detail .descript_box .comment{margin-top:0.4rem; font-size:1.2rem; font-weight:400; color:#666666;}
 .pd_detail .descript_box .price_blk{margin-top:1.2rem;}
@@ -489,7 +492,7 @@
 .pd_detail .descript_box .price_blk .org_price em{font-size:1.6rem;}
 .pd_detail .descript_box .price_blk .sale_percent{font-size:1.6rem; font-size:1.6rem; font-weight:500; color:#fd4802;}
 .pd_detail .descript_box .save_point{margin-top:1.2rem; font-size:1.3rem; font-weight:300; color:#888888;}
-.pd_detail .descript_box .save_point:before{display:inline-block; content:''; margin-right:0.4rem; width:1.2rem; height:1.2rem; background:url(//image.istyle24.com/Style24/images/mo/ico_point.png) center center no-repeat; background-size:cover;}
+.pd_detail .descript_box .save_point:before{display:inline-block; content:''; margin-right:0.4rem; width:1.2rem; height:1.2rem; background:url('//image.istyle24.com/Style24/images/mo/ico_point.png') center center no-repeat; background-size:cover;}
 .pd_detail .descript_box .btn_group_flex{margin-top:1.7rem;}
 .pd_detail .descript_box .btn_group_flex button{border:0.1rem solid #fd4802; color:#fd4802; background: #fff;}
 /* 2 */
@@ -608,13 +611,13 @@
 .pd_detail .pd_together .item_prod .itemName{max-height: 3.3rem;min-height: 3rem; display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;white-space: normal;overflow-wrap: break-word;width: calc(100% - 10%);}
 .pd_detail .brand_home{margin-bottom:-1.2rem;}
 .pd_detail .brand_home .link_go{display:block; padding:1rem 2rem; font-size:1.4rem; color:#222; font-weight:500; border-bottom:0.1rem solid #eee;}
-.pd_detail .brand_home .link_go:before{content:''; display:inline-block; margin-right:1.2rem; width:3.4rem; height:3.4rem; background:#000 url(//image.istyle24.com/Style24/images/mo/ico_branb_home.png) center center no-repeat; border-radius:50%; background-size:contain; vertical-align:middle;}
-.pd_detail .brand_home .link_go:after{content:''; display:inline-block;  margin-left:0.6rem; width:0.6rem; height:0.9rem; background:url(//image.istyle24.com/Style24/images/mo/ico_brandhome_arrow.png) center center no-repeat; background-size:contain; vertical-align:middle;}
+.pd_detail .brand_home .link_go:before{content:''; display:inline-block; margin-right:1.2rem; width:3.4rem; height:3.4rem; background:#000 url('//image.istyle24.com/Style24/images/mo/ico_branb_home.png') center center no-repeat; border-radius:50%; background-size:contain; vertical-align:middle;}
+.pd_detail .brand_home .link_go:after{content:''; display:inline-block;  margin-left:0.6rem; width:0.6rem; height:0.9rem; background:url('//image.istyle24.com/Style24/images/mo/ico_brandhome_arrow.png') center center no-repeat; background-size:contain; vertical-align:middle;}
 .pd_detail .content.pd_descrp{padding-top:3rem;}
 .pd_descrp .btn_group_flex{width:92%; margin: 0 auto; padding-bottom:4rem;}
 [class*="pd_descrp"] .btn_group_flex button{border: 0.1rem solid #fd4802; color: #fd4802; background: #fff;}
 [class*="pd_descrp"] .btn_group_flex button span{position:relative; padding-right:2rem;}
-[class*="pd_descrp"] .btn_group_flex button span::after {content:""; position:absolute; right:0.4rem; top:0.1rem; transform:rotate(90deg); width:0.7rem; height:1.3rem; background:url(//image.istyle24.com/Style24/images/mo/ico_mb_arrow2.png) no-repeat 0 0; background-size:auto 100%;}
+[class*="pd_descrp"] .btn_group_flex button span::after {content:""; position:absolute; right:0.4rem; top:0.1rem; transform:rotate(90deg); width:0.7rem; height:1.3rem; background:url('//image.istyle24.com/Style24/images/mo/ico_mb_arrow2.png') no-repeat 0 0; background-size:auto 100%;}
 [class*="pd_descrp"] .btn_group_flex button.active span::after {transform:rotate(-90deg);}
 [class*="pd_descrp"] {width:100%;}
 [class*="pd_descrp"] .cont_body {max-height:58rem; overflow:hidden;}
@@ -625,6 +628,7 @@
 [class*="pd_descrp"] .descrp_box > div > span.tit_desc {display:block; margin-bottom:1rem; font-size:1.3rem; font-weight:500; letter-spacing:-0.025em;}
 [class*="pd_descrp"] .descrp_box > div > p {font-size:1.3rem; font-weight:200; line-height:1.5; word-break:keep-all;}
 [class*="pd_descrp"] .mdhtml_box {margin-top:4rem;}
+[class*="pd_descrp"] .mdhtml_box .tit_view {display:block; color:#222; font-size:2.1rem; font-weight:400; text-align:center; margin-top: 3rem;}
 [class*="pd_descrp"] .mdhtml_box img {width:100%;height: 100%; display: block;}
 [class*="pd_descrp"] .mdhtml_box iframe {display:block; margin-left:auto; margin-right:auto;}
 [class*="pd_descrp"] .mdhtml_box .movblock {position:relative; display:block; height:0; line-height:0; margin-left:auto; margin-right:auto; padding-top:56.25%; background:#eee;}
@@ -750,7 +754,7 @@
 .pd_detail .pd_recommend .item_area .itemPrice .itemPercent {position:relative;}
 .pd_detail .pd_recommend .area_slider .page .item_wrap .item_area .btn {margin-top:3.0rem; border-color:#fd4802; color:#fd4802;}
 .pd_detail .pd_recommend .item_picker{position:absolute; width:8.33%;transform:translate(-50%,-50%);}
-.pd_detail .pd_recommend .item_picker > div{padding-top:100%; background:#000; border-radius:50%; background:url(//image.istyle24.com/Style24/images/pc/ico_picker.png) no-repeat 50% 50%; background-size:cover;}
+.pd_detail .pd_recommend .item_picker > div{padding-top:100%; background:#000; border-radius:50%; background:url('//image.istyle24.com/Style24/images/pc/ico_picker.png') no-repeat 50% 50%; background-size:cover;}
 .pd_detail .pd_recommend .item_picker > div button{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
 .pd_detail .pd_recommend .item_picker > div .pick_descr{display:none;}
 .pd_detail .pd_recommend .pic_img{margin:0 -2rem 2rem;}
@@ -767,7 +771,7 @@
 .product_floormenu button{display:block; width:100%; height:5.8rem; line-height:5.8rem; font-size:1.6rem; font-weight:500;}
 .product_floormenu .share_like{overflow:hidden;}
 .product_floormenu .share_like > button{float:left; width:50%; font-size:0; text-indent:-99999.9rem;}
-.product_floormenu .share_like > button.share{background:#000 url(//image.istyle24.com/Style24/images/mo/ico_floorbtn_share.png) center center no-repeat; background-size:1.6rem;}
+.product_floormenu .share_like > button.share{background:#000 url('//image.istyle24.com/Style24/images/mo/ico_floorbtn_share.png') center center no-repeat; background-size:1.6rem;}
 .product_floormenu .share_like > button.itemLike {background:#000 url('//image.istyle24.com/Style24/images/mo/ico_floorbtn_like.png') center center no-repeat;background-size:2rem;}
 .product_floormenu .share_like > button.itemLike.likeit {background:#000 url('//image.istyle24.com/Style24/images/mo/ico_floorbtn_like_on.png') center center no-repeat;background-size:2rem;}
 .product_floormenu .share_like > button.itemLike::before,
@@ -787,14 +791,14 @@
 .pd_pop.Purchase_pop .btPop_body{height: calc(100% - 5.95rem);}
 .pd_pop.Purchase_pop .select_custom .combo .list{position:relative; top:0; margin-top:-0.6rem;}
 .container.btPop_open .btPop.Purchase_pop{bottom:0; top:auto!important; height:84%;}
-.container.btPop_open .btPop.Purchase_pop .btPop_close{width:1.6rem; height:1.6rem; background-image: url(//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png);}
+.container.btPop_open .btPop.Purchase_pop .btPop_close{width:1.6rem; height:1.6rem; background-image: url('//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png');}
 /* 재확인 */
 
 .pd_pop.Purchase_pop .header{padding:0; font-size:0;}
 .pd_pop.Purchase_pop .option_box .opt_color{padding-top:0;}
 .pd_pop.Purchase_pop .btn_box:after{content:''; display:block; clear:both;}
 .pd_pop.Purchase_pop .btn_box button {display: block; height: 5.8rem; line-height: 5.8rem; font-size: 1.6rem; font-weight: 500; float:left; width:100%; color:#fff; border-top:0.1rem solid #ddd; box-sizing:border-box;}
-.pd_pop.Purchase_pop .btn_box button.gift{position:relative; background:#444 url(//image.istyle24.com/Style24/images/mo/ico_present_purchase.png) center center no-repeat; background-size:1.8rem; font-size:0; width:30%;}
+.pd_pop.Purchase_pop .btn_box button.gift{position:relative; background:#444 url('//image.istyle24.com/Style24/images/mo/ico_present_purchase.png') center center no-repeat; background-size:1.8rem; font-size:0; width:30%;}
 .pd_pop.Purchase_pop .btn_box button.gift > span{position:relative; display:inline-block; width:1.8rem; height:1.9rem;}
 .pd_pop.Purchase_pop .btn_box button.gift > span > span{position:absolute; left:0; top:0; display:inline-block; padding:0.3rem 1rem; font-size:1.2rem; color:#fff; background-color:#fd4801; -webkit-transform:translate(0 ,-125%); transform:translateX(0 ,-125%);}
 .pd_pop.Purchase_pop .btn_box button.gift > span > span{background: #ff7800;background: -moz-linear-gradient(-45deg, #ff7800 0%, #fd4b02 100%);background: -webkit-linear-gradient(-45deg, #ff7800 0%,#fd4b02 100%);background: linear-gradient(135deg, #ff7800 0%,#fd4b02 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7800', endColorstr='#fd4b02',GradientType=1 );}
@@ -831,7 +835,7 @@
 /* 상품상세 및 상품상세딜_옵션선택팝업 */
 .pd .pd_detail .pop_option_select {display:none; position:fixed; bottom:0; left:0; width:100%; box-sizing:border-box; z-index:1000; background: #ffffff; height:84%;}
 .pd .pd_detail .pop_option_select .pp_body{position:relative; padding:2rem; overflow:scroll; height:100%; background-color:#fff;}
-.pd .pd_detail .pop_option_select .close{position: absolute; z-index: 99; top: -3.8rem; left: 50%; transform: translate(-50%); display: block; border: 0; width:3.6rem; height:1.6rem; background-image: url(//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png); text-indent: -999.9rem; background-size: contain; background-repeat: no-repeat; background-position: center center; background-color: transparent;}
+.pd .pd_detail .pop_option_select .close{position: absolute; z-index: 99; top: -2.6rem; left: 50%; transform: translate(-50%); display: block; border: 0; width:3.6rem; height:1.6rem; background-image: url('//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png'); text-indent: -999.9rem; background-size: contain; background-repeat: no-repeat; background-position: center center; background-color: transparent;}
 .pd .pd_detail .pop_option_select .opt_header{margin-bottom:2rem;}
 .pd .pd_detail .pop_option_select .opt_header:after{display:block; content:''; clear:both;}
 .pd .pd_detail .pop_option_select .opt_header .title{position:relative; float:left; font-size:1.6rem; color:#222222; font-weight:500;}
@@ -875,8 +879,8 @@
 
 /* pd_popup > 할인쿠폰 */
 .salecoupon_pop{width:100%; max-height:80%; position: absolute; bottom:0; left:0;}
-.salecoupon_pop .btPop_close{width: 1.6rem;height: 1.6rem;background-image: url(//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png); opacity: 1;position: absolute;z-index: 998;top: -3.8rem;left: 50%;transform: translate(-50%);display: block;border: 0;text-indent: -999.9rem;background-size: contain;background-repeat: no-repeat;background-position: center center;background-color: transparent;}
-.salecoupon_pop .close-modal{left:50%; transform:translate(-50%); top:-3.5rem !important;background-image: url(//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png) !important;}
+.salecoupon_pop .btPop_close{width: 1.6rem;height: 1.6rem;background-image: url('//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png'); opacity: 1;position: absolute;z-index: 998;top: -3.8rem;left: 50%;transform: translate(-50%);display: block;border: 0;text-indent: -999.9rem;background-size: contain;background-repeat: no-repeat;background-position: center center;background-color: transparent;}
+.salecoupon_pop .close-modal{left:50%; transform:translate(-50%); top:-3.5rem !important;background-image: url('//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png') !important;}
 .modal.pd_pop.salecoupon_pop .coupon_list {line-height:1;}
 .modal.pd_pop.salecoupon_pop .coupon_list li {margin-top:1rem;}
 .modal.pd_pop.salecoupon_pop .coupon_list li:first-child {margin-top:0;}
@@ -997,7 +1001,7 @@
 .modal.pd_pop.info_size_pop .category_box{display:none; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.5); z-index:500;}
 .modal.pd_pop.info_size_pop .category_box .lap{position:absolute; bottom:0; left:0; padding:3rem 0; width:100%; background:#fff;}
 .modal.pd_pop.info_size_pop .category_box .category_list{min-height:25rem; max-height:40rem; overflow-y:auto;}
-.modal.pd_pop.info_size_pop .category_box .category_close{opacity: 1; position: absolute; z-index: 98; top: -3.8rem; left: 50%; transform: translate(-50%); display: block; border: 0; width: 1.6rem; height: 1.6rem; background-image: url(//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png); text-indent: -9999px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-color: transparent;}
+.modal.pd_pop.info_size_pop .category_box .category_close{opacity: 1; position: absolute; z-index: 98; top: -3.8rem; left: 50%; transform: translate(-50%); display: block; border: 0; width: 1.6rem; height: 1.6rem; background-image: url('//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png'); text-indent: -9999px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-color: transparent;}
 .modal.pd_pop.info_size_pop .tbl.type1 {border-top:0.1rem solid #000; border-bottom:0.1rem solid #ddd;}
 .modal.pd_pop.info_size_pop .tbl.type1 table {width:100%; text-align:left; word-break:keep-all;}
 .modal.pd_pop.info_size_pop .tbl.type1 table th,
@@ -1031,7 +1035,7 @@
 .modal.pd_pop.push_restock_pop {max-width:none;}
 .modal.pd_pop.push_restock_pop .modal-header{border-bottom:0;}
 .modal.pd_pop.push_restock_pop .pop_cont {overflow:initial; padding-bottom:2rem;}
-.modal.pd_pop.push_restock_pop .select{font-size:1.4rem; height:auto; padding:1.1rem; border: 0.1rem solid #dddddd; background:#fff; color:#333333; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(//image.istyle24.com/Style24/images/mo/pd_btn.png) no-repeat right center; background-size:1.2rem; background-position-x:97%;}
+.modal.pd_pop.push_restock_pop .select{font-size:1.4rem; height:auto; padding:1.1rem; border: 0.1rem solid #dddddd; background:#fff; color:#333333; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url('//image.istyle24.com/Style24/images/mo/pd_btn.png') no-repeat right center; background-size:1.2rem; background-position-x:97%;}
 .modal.pd_pop.push_restock_pop .select::-ms-expand{display:none;}
 .modal.pd_pop.push_restock_pop .item_prod .itemPercent{left:4.5rem;}
 .modal.pd_pop.push_restock_pop .item_blk {padding-bottom:2rem; border-bottom:0.1rem solid #dddddd;}
@@ -1122,7 +1126,7 @@
 /* pd_popup > 배송/반품/교환 */
 .modal.pd_pop.pd_delivery_pop .modal-header {position:fixed; top:0; left:0; right:0; width:100%; height:auto; border-bottom:0.1rem solid #eee !important;  box-sizing:border-box; background:#fff; z-index:11; box-sizing:border-box;}
 .modal.pd_pop.pd_delivery_pop .modal-title { display: flex;}
-.modal.pd_pop.pd_delivery_pop .modal-title .title_img { width: 5.5rem; height: 9rem; margin: 0 2rem 0 0; background: url(//image.istyle24.com/Style24/images/pc/thumb/tmp_pdDetail1.jpg) no-repeat center; background-size: 4rem 6rem;}
+.modal.pd_pop.pd_delivery_pop .modal-title .title_img { width: 5.5rem; height: 9rem; margin: 0 2rem 0 0; background: url('//image.istyle24.com/Style24/images/pc/thumb/tmp_pdDetail1.jpg') no-repeat center; background-size: 4rem 6rem;}
 .modal.pd_pop.pd_delivery_pop .modal-title .title_text { height: 9rem;}
 .modal.pd_pop.pd_delivery_pop .modal-title .title_text p { font-size: 1.3rem; font-weight: 600; padding-top: 2.5rem;}
 .modal.pd_pop.pd_delivery_pop .modal-title .title_text span { display: block; font-weight: 300; padding-bottom: 1rem;}
@@ -1195,7 +1199,7 @@
 .pd_review .area_rv_average .average .part_average .pa_body{display:none; margin-top:1.3rem;}
 .pd_review .area_rv_average .average .btn_group_flex{margin-top:2.4rem;}
 .pd_review .area_rv_average .average .btn_group_flex button{border:0.1rem solid #a7a7a7; color:#222;}
-.pd_review .area_rv_average .average .btn_group_flex button span:after{content:''; display:inline-block; margin-left:0.8rem; width:1.0rem; height:7px; background: url(//image.istyle24.com/Style24/images/mo/ico_btn_more.png) center center no-repeat; background-size:contain; vertical-align:middle;}
+.pd_review .area_rv_average .average .btn_group_flex button span:after{content:''; display:inline-block; margin-left:0.8rem; width:1.0rem; height:7px; background: url('//image.istyle24.com/Style24/images/mo/ico_btn_more.png') center center no-repeat; background-size:contain; vertical-align:middle;}
 .pd_review .area_rv_average .average .btn_group_flex button span:before{display:"inline-block"; content:'자세히보기'; vertical-align:middle;}
 .pd_review .area_rv_average .average .btn_group_flex button.active span:before{display:"inline-block"; content:'접기';}
 .pd_review .area_rv_average .average .btn_group_flex button.active span:after{transform:rotate(180deg);}
@@ -1296,7 +1300,7 @@
 .review_cate_box .category_list .category ul li.active a{border-color:#fd4802; color:#fd4802; font-weight:500;}
 .review_cate_box .category_list .category ul.n1 li{width:100%;}
 .review_cate_box .category_list .category ul.n2 li{float:left; width:50%;}
-.review_cate_box .category_close{opacity: 1; position: absolute; z-index: 98; top: -3.8rem; left: 50%; transform: translate(-50%); display: block; border: 0; width: 1.6rem; height: 1.6rem; text-indent: -9999px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url(//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png); background-color: transparent;}
+.review_cate_box .category_close{opacity: 1; position: absolute; z-index: 98; top: -3.8rem; left: 50%; transform: translate(-50%); display: block; border: 0; width: 1.6rem; height: 1.6rem; text-indent: -9999px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url('//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png'); background-color: transparent;}
 
 
 /* pd_popup > 포토영상 리뷰 리스트 */
@@ -1330,8 +1334,8 @@
 
 .modal.pd_pop[class*="reviewdetail_pop"] .area_rv_all{padding-top:1rem;}
 .modal.pd_pop[class*="reviewdetail_pop"] .area_rv_all .review_list > ul > li {padding-top:1.5rem;}
-.modal.pd_pop[class*="reviewdetail_pop"] .btn_review_open{text-indent:-999999px; background:url(//image.istyle24.com/Style24/images/mo/ico_pop_arrow.png) center center no-repeat; background-size:3rem 1rem;}
-.modal.pd_pop[class*="reviewdetail_pop"] .btn_review_open.active{background-image:url(//image.istyle24.com/Style24/images/mo/ico_pop_arrow_on.png);}
+.modal.pd_pop[class*="reviewdetail_pop"] .btn_review_open{text-indent:-999999px; background:url('//image.istyle24.com/Style24/images/mo/ico_pop_arrow.png') center center no-repeat; background-size:3rem 1rem;}
+.modal.pd_pop[class*="reviewdetail_pop"] .btn_review_open.active{background-image:url('//image.istyle24.com/Style24/images/mo/ico_pop_arrow_on.png');}
 .modal.pd_pop[class*="reviewdetail_pop"] .pd_review .area_rv_all .review_list .txt_review_box{height:1.8rem; overflow:hidden;}
 .modal.pd_pop[class*="reviewdetail_pop"] .pd_review .area_rv_all .review_list .response_box2{display:none;}
 .modal.pd_pop[class*="reviewdetail_pop"] .pd_review .area_rv_all .review_list .reply_box{display:none;}
@@ -1339,7 +1343,7 @@
 .modal.pd_pop[class*="reviewdetail_pop"] .pd_review .area_rv_all .review_list.active .txt_review_box{height:auto; overflow:hidden;}
 .modal.pd_pop[class*="reviewdetail_pop"] .pd_review .area_rv_all .review_list.active .response_box2{display:block;}
 .modal.pd_pop[class*="reviewdetail_pop"] .pd_review .area_rv_all .review_list.active .reply_box{display:block;}
-.modal.pd_pop.pd_photoreviewdetail_pop #btn_more_photoreview{display:inline-block; margin-right:1rem; margin-top: -0.3rem; width:2rem; height:2rem; background:url(//image.istyle24.com/Style24/images/mo/ico_thumblist.png) center center no-repeat; background-size:contain; vertical-align:middle;}
+.modal.pd_pop.pd_photoreviewdetail_pop #btn_more_photoreview{display:inline-block; margin-right:1rem; margin-top: -0.3rem; width:2rem; height:2rem; background:url('//image.istyle24.com/Style24/images/mo/ico_thumblist.png') center center no-repeat; background-size:contain; vertical-align:middle;}
 .modal.pd_pop.pd_photoreviewdetail_pop .modal-body .pop_cont{padding-top:0; padding-bottom: 18rem; height:100%;}
 .modal.pd_pop.pd_photoreviewdetail_pop .modal-body .pop_cont .area_slider{height:100%;}
 .modal.pd_pop.pd_photoreviewdetail_pop .modal-body .pop_cont .area_slider .swiper-container{height:100%;}
@@ -1471,7 +1475,7 @@
 .pd_pop[class*="pd_list"]{display:none;}
 .pd_pop[class*="pd_list"] .modal_content{position:absolute; bottom:0; width:100%; background:#fff;}
 .pd_pop[class*="pd_list"] .modal_content .listpop_body{padding:1.5rem 1.33rem; min-height:43.2rem; max-height:40rem; box-sizing:border-box; overflow:auto;background:#fff;}
-.pd_pop[class*="pd_list"] .close {opacity: 1; position: absolute; z-index: 98; top: -3.8rem; left: 50%; transform: translate(-50%); display: block; border: 0; width: 1.6rem; height: 1.6rem; text-indent: -9999px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url(//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png); background-color: transparent;}
+.pd_pop[class*="pd_list"] .close {opacity: 1; position: absolute; z-index: 98; top: -3.8rem; left: 50%; transform: translate(-50%); display: block; border: 0; width: 1.6rem; height: 1.6rem; text-indent: -9999px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url('//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png'); background-color: transparent;}
 .pd_pop[class*="pd_list"].pd_listDescrp_pop{top:5.2rem;}
 .pd_pop[class*="pd_list"].pd_listDescrp_pop .modal_content{top:0; background-color:rgba(0,0,0,0.5);}
 .pd_listDescrp_pop .deal_list_select .list li{border-bottom:0 none;}
@@ -1508,7 +1512,7 @@
 .modal.pd_descrp_pop .item_prod .itemPercent{position:relative;}
 .modal.pd_descrp_pop .modal-footer button{position:fixed; bottom:0; color: #ffffff; background-color: #fd4802; border-color: #fd4802; z-index:2;}
 .modal.pd_descrp_pop .pd_listDescrp_pop .item_prod{padding-right:0;}
-.modal.pd_descrp_pop .deal_listDescrp_open:after{content:''; display:inline-block; margin-left:0.8rem; width:1.3rem; height:0.73rem; vertical-align:middle; background:url(//image.istyle24.com/Style24/images/mo/ico_btn_dealopen.png) top center no-repeat; background-size:cover;}
+.modal.pd_descrp_pop .deal_listDescrp_open:after{content:''; display:inline-block; margin-left:0.8rem; width:1.3rem; height:0.73rem; vertical-align:middle; background:url('//image.istyle24.com/Style24/images/mo/ico_btn_dealopen.png') top center no-repeat; background-size:cover;}
 .modal.pd_descrp_pop .deal_listDescrp_open.active:after{background-position:center -0.73rem;}
 
 /*item_blk > item_prod*/
@@ -1558,7 +1562,7 @@
 /* 전시공통 (타이틀,정렬,필터,네비,마지막리스트)*/
 .dp .dp_subtitle{margin-bottom: 2.4rem; font-size:2rem; font-weight:500; text-align:center;}
 .dp .dp_subtitle > a{position:relative; padding-right:2rem;}
-.dp .dp_subtitle > a:before{content:''; position:absolute; right:0; top:50%; margin-top:-0.1rem; width:0.7rem; height:1.3rem; background:url(//image.istyle24.com/Style24/images/mo/ico_dp_arrow.png) center center no-repeat; background-size:contain; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
+.dp .dp_subtitle > a:before{content:''; position:absolute; right:0; top:50%; margin-top:-0.1rem; width:0.7rem; height:1.3rem; background:url('//image.istyle24.com/Style24/images/mo/ico_dp_arrow.png') center center no-repeat; background-size:contain; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
 .dp .category_nav {margin:0 0 -1.2rem; justify-content: center; border-bottom:0.1rem solid #eeeeee;}
 .dp .category_nav ul{padding:0 2rem; display:flex; white-space: nowrap; overflow-x:auto;}
 .dp .category_nav ul::after {content:''; display: block; clear: both;}
@@ -1570,15 +1574,15 @@
 .dp .category_nav ul li button.active::after{content:''; position: absolute; bottom:0; left:0; width:100%; height:2px; background: #fd4802;}
 .dp .category_nav ul li:last-child {margin-right: 0;}
 .dp .open_categori {background-color:#fff;}
-.dp .open_categori a{display: inline-block;font-size: 1.2rem;font-weight: 300;padding-right: 1.4rem;background: url(//image.istyle24.com/Style24/images/mo/ico_sort_arrow.png) no-repeat;background-position: 97% 50%; background-size: 0.7rem 0.43rem;}
+.dp .open_categori a{display: inline-block;font-size: 1.2rem;font-weight: 300;padding-right: 1.4rem;background: url('//image.istyle24.com/Style24/images/mo/ico_sort_arrow.png') no-repeat;background-position: 97% 50%; background-size: 0.7rem 0.43rem;}
 .dp .dp_util{display:block; float:right; text-align:right; font-size: 0;}
 .dp .dp_util li {display:inline-block; margin-left:2rem; vertical-align:middle;}
 .dp .dp_util li:first-child{margin-left:0;}
 .dp .dp_util li a{font-size:1.2rem; color:#222!important;}
 .dp .dp_util li a.sort:after{content:''; position:relative; top:0.3rem; margin-left:0.8rem; display:inline-block; width:0rem; border:0.5rem solid transparent; border-bottom-color:#222; -webkit-transform:rotate(180deg); transform:rotate(180deg);}
-.dp .dp_util li a.filter:after{content:''; position:relative; top:0.1rem;  margin-left:0.8rem; display:inline-block; width:1rem; height:1rem; background: url(//image.istyle24.com/Style24/images/mo/icon_list_filter.png) center center no-repeat; background-size:contain;}
+.dp .dp_util li a.filter:after{content:''; position:relative; top:0.1rem;  margin-left:0.8rem; display:inline-block; width:1rem; height:1rem; background: url('//image.istyle24.com/Style24/images/mo/icon_list_filter.png') center center no-repeat; background-size:contain;}
 .dp .dp_util li a.refresh{color:#888!important;}
-.dp .dp_util li a.refresh:after{content:''; position:relative; top:0.1rem;  margin-left:0.8rem; display:inline-block; width:1.1rem; height:1.1rem; background: url(//image.istyle24.com/Style24/images/mo/icon_best_refresh.png) center center no-repeat; background-size:contain;}
+.dp .dp_util li a.refresh:after{content:''; position:relative; top:0.1rem;  margin-left:0.8rem; display:inline-block; width:1.1rem; height:1.1rem; background: url('//image.istyle24.com/Style24/images/mo/icon_best_refresh.png') center center no-repeat; background-size:contain;}
 .dp .count_wrap {padding:2rem 0;}
 .dp .count_wrap.fixed {position: fixed; top: 5.5rem; left: 0; width: 100%; padding: 2rem; background: #fff; z-index: 100;}
 .dp .count_wrap:after{display:block; content:''; clear:both;}
@@ -1626,7 +1630,7 @@
 .dp .dp_outlets .outlets_visual .txtWrap p.txt_xs {font-size: 1.4rem; margin-top: 1.6rem; font-weight: 300; -webkit-line-clamp: 1;}
 .dp .dp_outlets .dp_cate_list {padding: 1.2rem 0; margin:-1.2rem 0; border-top: 0.1rem solid #ddd;}
 .dp .dp_outlets .dp_cate_list:after {content:''; display: block; clear: both;}
-.dp .dp_outlets .dp_cate_list a {position:relative; float:left; width:50%; line-height:5rem; padding:0 3rem 0 2rem; font-size:1.3rem; font-weight: 500; color: #222; text-align: left; background: #fff url(//image.istyle24.com/Style24/images/mo/ico_more_lg.png) no-repeat right 2rem center; border-bottom:0.1rem solid #ddd; box-sizing:border-box; }
+.dp .dp_outlets .dp_cate_list a {position:relative; float:left; width:50%; line-height:5rem; padding:0 3rem 0 2rem; font-size:1.3rem; font-weight: 500; color: #222; text-align: left; background: #fff url('//image.istyle24.com/Style24/images/mo/ico_more_lg.png') no-repeat right 2rem center; border-bottom:0.1rem solid #ddd; box-sizing:border-box; }
 .dp .dp_outlets .dp_cate_list a:nth-child(2n){ border-left:0.1rem solid #ddd;}
 .dp .dp_outlets .md_item {margin:0 0 -1.2rem 0;}
 .dp .dp_outlets .md_item .swiper-slide {width: 43.75%;}
@@ -1644,7 +1648,7 @@
 .dp .dp_lookbook .swiper_filter.brand .cate_wrap{white-space:nowrap; overflow-x:auto; background-color:#fff; font-size:0; -ms-overflow-style: none;}
 .dp .dp_lookbook .swiper_filter.brand .cate_wrap::-webkit-scrollbar{display:none;}
 .dp .dp_lookbook .swiper_filter.brand .cate_wrap a {position:relative; display:inline-block; background: #fff; margin-left:0.5rem; padding:0.8em 3.4rem 0.8rem 1.2rem; font-size: 1.2rem; color: #222; border-radius:2rem; line-height: 1; border:0.1rem solid #dddddd;}
-.dp .dp_lookbook .swiper_filter.brand .cate_wrap a:after{content:''; position:absolute; right:1.2rem; top:50%; width:0.8rem; height:0.8rem; background:url(//image.istyle24.com/Style24/images/mo/ico_filter_remove.png) center center no-repeat; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
+.dp .dp_lookbook .swiper_filter.brand .cate_wrap a:after{content:''; position:absolute; right:1.2rem; top:50%; width:0.8rem; height:0.8rem; background:url('//image.istyle24.com/Style24/images/mo/ico_filter_remove.png') center center no-repeat; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
 .dp .dp_lookbook .swiper_filter.brand .cate_wrap a:first-child{margin-left:0;}
 .dp .dp_lookbook .swiper_filter.brand .cate_wrap a:last-child{margin-right:6.5rem;}
 .dp .dp_lookbook .swiper_filter.brand .cate_wrap a:active{border:0.1rem solid #333; color:#000;}
@@ -1655,7 +1659,7 @@
     background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.03) 1%,rgba(255,255,255,1) 36%,rgba(255,255,255,1) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
 }
-.dp .dp_lookbook .swiper_filter.brand .btnbox .reset{display:inline-block; width:3rem; height:3rem; border-radius:50%; font-size:0; text-indent:-999999px; vertical-align:top; background:#f4f4f4 url(//image.istyle24.com/Style24/images/mo/ico_filter_reset.png) center center no-repeat; background-size:50%;}
+.dp .dp_lookbook .swiper_filter.brand .btnbox .reset{display:inline-block; width:3rem; height:3rem; border-radius:50%; font-size:0; text-indent:-999999px; vertical-align:top; background:#f4f4f4 url('//image.istyle24.com/Style24/images/mo/ico_filter_reset.png') center center no-repeat; background-size:50%;}
 .dp .dp_lookbook .swiper_filter.brand .btnbox .reset:active{background-color:#ddd;}
 .dp .dp_lookbook .event_con li {position: relative; padding-bottom:4rem;}
 .dp .dp_lookbook .event_con li:first-child {margin-top:0;}
@@ -1682,10 +1686,10 @@
 .dp .dp_best .best_item .itemsGrp .item_prod:nth-child(2n) {margin-right: 0;}
 
 /* 핫딜 - dp_hotdeal */
-.dp_hotdeal .hotdeal {position: relative;height:49vw; margin-bottom:0; background: url(//image.istyle24.com/Style24/images/mo/thumb/hotdeal_bg.png)no-repeat center center; background-size:cover;}
+.dp_hotdeal .hotdeal {position: relative;height:49vw; margin-bottom:0; background: url('//image.istyle24.com/Style24/images/mo/thumb/hotdeal_bg.png')no-repeat center center; background-size:cover;}
 .dp_hotdeal .inner:nth-of-type(1){margin-bottom:0; padding-bottom:4rem;}
 .dp_hotdeal .hotdeal #countdown{position: absolute; padding:0 6.1vw; height:10.1vw; line-height:10.1vw; border-radius:10.1vw;; border:0.1rem solid #fff; white-space:nowrap; display:inline-block;  text-align: center; bottom:8.3vw; left:50%; transform: translateX(-50%);}
-.dp_hotdeal .hotdeal #countdown:before{content:''; display:inline-block; margin-right:1.8vw; width:5.1vw; height:5.1vw; background:url(//image.istyle24.com/Style24/images/mo/icon_time_hotdeal.png) center center no-repeat; background-size:contain; vertical-align:middle;}
+.dp_hotdeal .hotdeal #countdown:before{content:''; display:inline-block; margin-right:1.8vw; width:5.1vw; height:5.1vw; background:url('//image.istyle24.com/Style24/images/mo/icon_time_hotdeal.png') center center no-repeat; background-size:contain; vertical-align:middle;}
 .dp_hotdeal .hotdeal #countdown span{font-size:4vw; color:#fff; display:inline-block; vertical-align:middle;}
 .dp_hotdeal .hotdeal #countdown span:first-child{margin-right:1.8vw;}
 .dp_hotdeal .hotdeal .list_content .itemsGrp .item_prod{margin-bottom:3rem; margin-right:0;}
@@ -1712,7 +1716,7 @@
 .dp_hotdeal .itemsGrp.rowtype .item_prod .itemEt{margin-top:1rem;}
 .dp_hotdeal .itemsGrp.rowtype .item_prod .itemEt .shopBag button{width:100%; height:3rem; line-height:3rem; font-size:1.1rem;}
 .dp_hotdeal .itemsGrp.rowtype .item_prod .itemEt .shopBag button span{position:relative; padding-left:1.6rem;}
-.dp_hotdeal .itemsGrp.rowtype .item_prod .itemEt .shopBag button span:after{content:''; position:absolute; left:0; top:50%; width:1rem; height:1.2rem; background:url(//image.istyle24.com/Style24/images/mo/ico_shopbag.png) center center no-repeat; background-size:contain; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
+.dp_hotdeal .itemsGrp.rowtype .item_prod .itemEt .shopBag button span:after{content:''; position:absolute; left:0; top:50%; width:1rem; height:1.2rem; background:url('//image.istyle24.com/Style24/images/mo/ico_shopbag.png') center center no-repeat; background-size:contain; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
 
 .itemsGrp.rowtype .item_prod .shopBag {width: calc(100% - 17.6rem); margin-top: 0;position: absolute;bottom: 1.8rem;left: 17.6rem; z-index: 5;}
 .itemsGrp.rowtype .item_prod .shopBag .btn {width:100%; height:3rem; line-height:3rem; font-size:1.1rem;}
@@ -1756,19 +1760,19 @@
 .dp .dp_listItems_wrap .list_content .itemsGrp{margin-bottom:0;}
 .dp .dp_listItems_wrap .itemsGrp .item_prod:last-child{margin-bottom:0;}
 .dp .dp_listItems_wrap .btn_default{margin-top:0;}
-.dp .dp_listItems_wrap .btn_default:after{content:''; display:inline-block; margin-left:0.8rem; width:1.1rem; height:0.7rem; background:url(//image.istyle24.com/Style24/images/mo/ico_btn_more.png) center center no-repeat; background-size:contain;}
+.dp .dp_listItems_wrap .btn_default:after{content:''; display:inline-block; margin-left:0.8rem; width:1.1rem; height:0.7rem; background:url('//image.istyle24.com/Style24/images/mo/ico_btn_more.png') center center no-repeat; background-size:contain;}
 .dp .dp_listItems_cont .item_prod {width: 100%;}
 .dp .dp_listItems_cont.type1 .swiper-container.item01 .swiper-slide{padding:0 14%;}
 .dp .dp_listItems_cont.type1 .swiper-container.item01 .swiper-slide .item_prod .itemPercent{font-size:2.4rem;}
 .dp .dp_listItems_cont.type1 .swiper-container.item01 .swiper-slide .item_prod .itemName{font-size:1.3rem; max-height:3.5rem;}
 .dp .promotion_visual.type1 .mid_banner{background-color:#fff;}
-.dp .promotion_visual.type1 .big_banner {position:relative; width:100%; height:131vw; background: url(//image.istyle24.com/Style24/images/mo/thumb/detail_case_bg.png) center center no-repeat; background-size: cover;}
+.dp .promotion_visual.type1 .big_banner {position:relative; width:100%; height:131vw; background: url('//image.istyle24.com/Style24/images/mo/thumb/detail_case_bg.png') center center no-repeat; background-size: cover;}
 .dp .promotion_visual.type1 .big_banner .infoWrap{position:absolute; bottom:8vw; left:0; width:100%; padding:0 3vw;}
 .dp .promotion_visual.type1 .big_banner .infoWrap .cnUrl{margin:0 -1.2vw; overflow:hidden;}
 .dp .promotion_visual.type1 .big_banner .infoWrap .cnUrl > li{padding:2vw 1.2vw 0; float:left; width:50%; box-sizing:border-box;}
 .dp .promotion_visual.type1 .big_banner .infoWrap .cnUrl > li a{display:block; padding:0 3vw; font-size:3.5vw; line-height:11vw; color:#fff; text-align:center; background-color:rgba(0,0,0,.6); white-space:nowrap;}
 .dp .promotion_visual.type1 .big_banner .infoWrap .cnUrl > li a span{position:relative; display: block; padding-right:3.2vw; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
-.dp .promotion_visual.type1 .big_banner .infoWrap .cnUrl > li a span:after{content:''; display:inline-block; position:absolute; right:0; top:50%; width:2vw; height:3vw; background:url(//image.istyle24.com/Style24/images/mo/ico_dpbanner_arrow.png) center center no-repeat; background-size:contain; vertical-align:middle; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
+.dp .promotion_visual.type1 .big_banner .infoWrap .cnUrl > li a span:after{content:''; display:inline-block; position:absolute; right:0; top:50%; width:2vw; height:3vw; background:url('//image.istyle24.com/Style24/images/mo/ico_dpbanner_arrow.png') center center no-repeat; background-size:contain; vertical-align:middle; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
 .dp .promotion_visual.type2{padding-bottom:3.8rem;}
 .dp .big_banner_slide .swiper-slide img{width:100%;}
 .dp .big_banner_slide .swiper-pagination{position:relative; margin:2.4rem 0 0; bottom:0;}
@@ -1791,14 +1795,14 @@
 .dp .coupon_list li .cp_shape {position: absolute; top: 50%; right: -1.3rem; z-index: 101; width: 26px; height: 26px; margin-top: -1.3rem; border:0.1rem solid #ddd; background: #fff; border-radius: 50%; z-index: 96;}
 .dp .coupon_list li .cp_date {border:0.1rem solid #222; background: #222; font-weight: 300; text-align: center;}
 .dp .coupon_list li .cp_date button {display: block; width: 100%; padding:1.1rem 5px; font-size: 1.2rem; font-weight: 300; color: #fff;}
-.dp .coupon_list li .cp_date button span {background: url(//image.istyle24.com/Style24/images/mo/ico_cp_down.png) no-repeat right top; padding-right: 28px;}
+.dp .coupon_list li .cp_date button span {background: url('//image.istyle24.com/Style24/images/mo/ico_cp_down.png') no-repeat right top; padding-right: 28px;}
 .dp .coupon_list li.off .cp_date {border:0.1rem solid #aaa; background: #aaa;}
 .dp .coupon_list li.off .cp_date button span {background:none; padding-right: 0;}
 .dp .coupon_list li .cp_info {text-align: center; margin-top:1.3rem;}
 .dp .coupon_list li .cp_info button span {display: inline-block; border-bottom: 0.1rem solid #888; font-size:1.1rem; color: #888;}
 .dp .dp_coupon .dp_coupon_list {display: flex; justify-content: center; flex-wrap: wrap; max-width: 158.0rem; min-width: 158.0rem; padding: 0 26.0rem 12.0rem; margin: 0 auto; box-sizing: border-box;}
 .dp .dp_coupon .dp_coupon_tip {max-width: 1580px; margin: 0 auto; padding: 6.0rem 6.0rem 0 6.0rem; box-sizing: border-box; display: flex;  border-top: 0.1rem solid #ddd;}
-.dp .dp_coupon .dp_coupon_tip .dp_coupon_notice::before {content:''; display: block; width:3.6rem; height: 4.6rem; margin: 0 auto; background: url(//image.istyle24.com/Style24/images/pc/ico_null.png)no-repeat;}
+.dp .dp_coupon .dp_coupon_tip .dp_coupon_notice::before {content:''; display: block; width:3.6rem; height: 4.6rem; margin: 0 auto; background: url('//image.istyle24.com/Style24/images/pc/ico_null.png')no-repeat;}
 .dp .dp_coupon .dp_coupon_tip .dp_coupon_notice::after {content:'유의사항'; display: inline-block; margin-top: 2.0rem; color:#888;}
 .dp .dp_coupon .dp_coupon_tip ul {margin-left: 90px;}
 .dp .dp_coupon .dp_coupon_tip ul li {position: relative; padding-left: 1.2rem; margin-bottom: 1.2rem; color:#888;}
@@ -1893,11 +1897,11 @@
 .dp .nav_box.active{visibility:visible;}
 .dp .nav_box .lap{position:absolute; top:0; left:0; padding:0 2rem 0; width:100%; background:#fff;}
 .dp .nav_box .nav_list{min-height:15rem; max-height:40rem; overflow-y:auto;}
-.dp .nav_box .nav_close{position:absolute; bottom:-3.8rem; left:50%; width:1.6rem; height:1.6rem; background-image: url(//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png); background-repeat:no-repeat; background-position:center center; font-size:0; text-indent:-999999px; background-size: contain; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
+.dp .nav_box .nav_close{position:absolute; bottom:-3.8rem; left:50%; width:1.6rem; height:1.6rem; background-image: url('//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png'); background-repeat:no-repeat; background-position:center center; font-size:0; text-indent:-999999px; background-size: contain; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
 .dp .nav_box .nav_list {padding:0;}
 .dp .nav_box .nav ul > li .daps1{display:block; font-size:1.4rem; color:#666; font-weight:300; line-height:5rem; border-bottom:0.1rem solid #ddd;}
 .dp .nav_box .nav ul > li .daps2 li > a{display:block; font-size:1.4rem; font-weight:300; color:#222; line-height:4rem;position: relative;}
-.dp .nav_box .nav  ul > li .daps2 li > a::after {content: '';display: inline-block;width: 2.0rem;height: 2.0rem;background: url(//image.istyle24.com/Style24/images/mo/ico_full.png) no-repeat;background-size: 0.566rem 0.933rem;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);position: absolute;right: 0.5rem;top:1.0rem;background-position: right center;}
+.dp .nav_box .nav  ul > li .daps2 li > a::after {content: '';display: inline-block;width: 2.0rem;height: 2.0rem;background: url('//image.istyle24.com/Style24/images/mo/ico_full.png') no-repeat;background-size: 0.566rem 0.933rem;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);position: absolute;right: 0.5rem;top:1.0rem;background-position: right center;}
 .dp .nav_box .nav ul > li .daps2 li.on > a{color:#fd4802; font-weight:500; line-height:5rem;}
 
 /* 전시 카테고리 공통 */
@@ -1907,7 +1911,7 @@
 .dp .category_box.active{visibility:visible;}
 .dp .category_box .lap{position:absolute; bottom:0; left:0; padding:3rem 0 0; width:100%; background:#fff;}
 .dp .category_box .category_list{min-height:15rem; max-height:40rem; overflow-y:auto;}
-.dp .category_box .category_close{position:absolute; top:-3.8rem; left:50%; width:1.6rem; height:1.6rem; background-image: url(//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png); background-repeat:no-repeat; background-position:center center; font-size:0; text-indent:-999999px; background-size: contain; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
+.dp .category_box .category_close{position:absolute; top:-3.8rem; left:50%; width:1.6rem; height:1.6rem; background-image: url('//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png'); background-repeat:no-repeat; background-position:center center; font-size:0; text-indent:-999999px; background-size: contain; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
 .dp .category_box .selcet_list {padding:0 2rem;}
 .dp .category_box .selcet_list ul {padding-bottom:2rem;}
 .dp .category_box .selcet_list ul li {margin-top:0.8rem; padding:0.9rem 1rem; background:#fff; text-align:center; border:0.1rem solid #eee; border-radius:4rem;;}
@@ -1929,7 +1933,7 @@
 .dp .category_floormenu button{display:block; width:100%; height:5.8rem; line-height:5.8rem; font-size:1.6rem; font-weight:500;}
 .dp .category_floormenu > div:nth-child(1){overflow:hidden;}
 .dp .category_floormenu > div:nth-child(1) > button{float:left; width:100%; background:#000; font-size:1.6rem;}
-.dp .category_floormenu > div:nth-child(1) > button.reset span:before{content:''; display:inline-block; margin-right:0.7rem; width:1.4rem; height:1.4rem; background:url(//image.istyle24.com/Style24/images/mo/ico_filter_reset_w.png) center center no-repeat; background-size:contain;}
+.dp .category_floormenu > div:nth-child(1) > button.reset span:before{content:''; display:inline-block; margin-right:0.7rem; width:1.4rem; height:1.4rem; background:url('//image.istyle24.com/Style24/images/mo/ico_filter_reset_w.png') center center no-repeat; background-size:contain;}
 /* 플롯팅 메뉴 > 구매하기 */
 .brand_floormenu{position:fixed; bottom:0; left:0; width:100%; height:5.8rem; line-height:5.8rem; z-index:20;}
 .brand_floormenu > div{float:left; color:#fff; text-align:center;}
@@ -1938,7 +1942,7 @@
 .brand_floormenu button{display:block; width:100%; height:5.8rem; line-height:5.8rem; font-size:1.6rem; font-weight:500;}
 .brand_floormenu .share_like{overflow:hidden;}
 .brand_floormenu .share_like > button{float:left; width:100%; font-size:0; text-indent:-999999px;}
-.brand_floormenu .share_like > button.refresh{background:#000 url(//image.istyle24.com/Style24/images/mo/dp_refresh.png) center center no-repeat; background-color:#222222;}
+.brand_floormenu .share_like > button.refresh{background:#000 url('//image.istyle24.com/Style24/images/mo/dp_refresh.png') center center no-repeat; background-color:#222222;}
 .brand_floormenu .prd_buy > .buying{display:block; background-color:#fd4802;}
 .brand_floormenu .prd_buy > .cantbuying{display:none;}
 .brand_floormenu.soldout .prd_buy > .buying{display:none;}
@@ -1960,9 +1964,9 @@
 .filter_top > div:nth-child(1){float:left;}
 .filter_top > div:nth-child(2){float:right;}
 .filter_top .fillter_reset {position:relative; padding-left:1.5rem; vertical-align:middle;}
-.filter_top .fillter_reset::before { content:''; position: absolute; top:50%; left:0; transform: translateY(-50%); width:1.2rem; height:1.2rem; background: url(//image.istyle24.com/Style24/images/mo/ico_filter_reset.png)no-repeat; background-size:contain;}
+.filter_top .fillter_reset::before { content:''; position: absolute; top:50%; left:0; transform: translateY(-50%); width:1.2rem; height:1.2rem; background: url('//image.istyle24.com/Style24/images/mo/ico_filter_reset.png')no-repeat; background-size:contain;}
 .filter_top .tt{font-size:1.6rem; font-weight:500; color:#222;}
-.filter_top .close{display:inline-block; margin-left:1.8rem; width:1.6rem; height:1.6rem; background:url(//image.istyle24.com/Style24/images/mo/ico_pop_cls.png) center center no-repeat; background-size:contain; font-size:0; vertical-align:middle;}
+.filter_top .close{display:inline-block; margin-left:1.8rem; width:1.6rem; height:1.6rem; background:url('//image.istyle24.com/Style24/images/mo/ico_pop_cls.png') center center no-repeat; background-size:contain; font-size:0; vertical-align:middle;}
 .filter_con{position:absolute; top:5rem; left:0; width:100%; height:calc(100% - 5rem); overflow-y:auto;}
 /* 남녀공용,신상품만보기*/
 .filter_header .form_field{padding:0 2rem; border-bottom:0.1rem solid #eeeeee;}
@@ -1976,15 +1980,15 @@
 .filter_body > ul > li .daps3{display:none; text-indent:1rem;}
 .filter_body > ul > li .daps4{display:none; text-indent:2rem;}
 .filter_body > ul > li .daps5{display:none; text-indent:3rem;}
-.filter_body > ul > li .daps1:after{content:''; position:absolute; right:2rem; top:50%; width:1.3rem; height:0.733rem; background:url(//image.istyle24.com/Style24/images/mo/ico_arrow_filter.png) 0 0 no-repeat; background-size:100%; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
+.filter_body > ul > li .daps1:after{content:''; position:absolute; right:2rem; top:50%; width:1.3rem; height:0.733rem; background:url('//image.istyle24.com/Style24/images/mo/ico_arrow_filter.png') 0 0 no-repeat; background-size:100%; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
 .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(//image.istyle24.com/Style24/images/mo/ico_bracket2.png) 4rem 40% no-repeat;}
+.filter_body > ul > li .daps5 a{background:url('//image.istyle24.com/Style24/images/mo/ico_bracket2.png') 4rem 40% no-repeat;}
 .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,
-.filter_body > ul > li.categori .daps4 > li > a.on:after{content:''; position:absolute; right:2rem; top:50%; width:1.3rem; height:0.7rem; background:url(//image.istyle24.com/Style24/images/mo/ico_cate_close.png) center center no-repeat; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
+.filter_body > ul > li.categori .daps4 > li > a.on:after{content:''; position:absolute; right:2rem; top:50%; width:1.3rem; height:0.7rem; background:url('//image.istyle24.com/Style24/images/mo/ico_cate_close.png') center center no-repeat; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
 /* 필터세부사항(사이즈..) */
 .filter_body > ul > li .sizebox{padding-top:3rem;}
 .filter_body > ul > li .sizebox > li{padding:0 2rem 3rem; overflow:hidden;}
@@ -2018,7 +2022,7 @@
 .pdColor-color13::before {background-color: #bfffdd;}
 .pdColor-color14::before {background-color: #13b987;}
 .pdColor-color15::before {background-color: #5c5527;}
-.color-check input:checked ~ [class*="pdColor"]:after {content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,0.2) url(//image.istyle24.com/Style24/images/pc/ico_color_check.png) no-repeat 50% 50%;border-radius: 50%;z-index: 2;}
+.color-check input:checked ~ [class*="pdColor"]:after {content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,0.2) url('//image.istyle24.com/Style24/images/pc/ico_color_check.png') no-repeat 50% 50%;border-radius: 50%;z-index: 2;}
 
 /* 총알배송 */
 .modal.dp_pop.bulletShip_pop .modal-footer .btn{background:#000; border-color:#222;}
@@ -2125,7 +2129,7 @@
 .modal#reco_pop .itemsGrp.rowtype .item_prod .itemBadge,
 .modal#reco_pop .itemsGrp.rowtype .item_prod .itemcolorchip {display: none;}
 .modal#reco_pop .itemsGrp.rowtype .item_prod .item_state{display: table; padding-left:7.5rem; padding-bottom: 0; height:10.5rem; width: 100%;}
-.modal#reco_pop .itemsGrp.rowtype .item_prod .item_state:after{content:''; position:absolute; right:0; top:50%; display:inline-block; width:0.6rem; height:1.1rem; background:url(//image.istyle24.com/Style24/images/mo/br_pop_arrow.png) no-repeat; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
+.modal#reco_pop .itemsGrp.rowtype .item_prod .item_state:after{content:''; position:absolute; right:0; top:50%; display:inline-block; width:0.6rem; height:1.1rem; background:url('//image.istyle24.com/Style24/images/mo/br_pop_arrow.png') no-repeat; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
 .modal#reco_pop .itemsGrp.rowtype .item_prod .item_state.soldout::before {font-size: 1.0rem;line-height: 12rem;width: 7rem;top: 20%;left: 3.5rem;}
 .modal#reco_pop .itemsGrp.rowtype .item_prod .itemLink {position:relative; display: table-cell; padding-right:2rem; position: static; vertical-align: middle;}
 .modal#reco_pop .itemsGrp.rowtype .item_prod .itemLike {right:auto; left:13rem; z-index: 99;}
@@ -2139,7 +2143,7 @@
 .br .recommendedArea .area_slider.pic_img .page .pic {position:relative;}
 .br .recommendedArea .area_slider.pic_img .page .pic span.thumb {display:block; width:100%; height:0; padding-top:100%; background-color:#f5f5f5; background-repeat:no-repeat; background-position:50% 50%; background-size:contain;}
 .br .recommendedArea .area_slider.pic_img .page .item_picker{position:absolute; width:8.33%;transform:translate(-50%,-50%);}
-.br .recommendedArea .area_slider.pic_img .page .item_picker > div{padding-top:100%; background:#000; border-radius:50%; background:url(//image.istyle24.com/Style24/images/pc/ico_picker.png) no-repeat 50% 50%; background-size:cover;}
+.br .recommendedArea .area_slider.pic_img .page .item_picker > div{padding-top:100%; background:#000; border-radius:50%; background:url('//image.istyle24.com/Style24/images/pc/ico_picker.png') no-repeat 50% 50%; background-size:cover;}
 .br .recommendedArea .area_slider.pic_img .page .item_picker > div button{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
 .br .recommendedArea .area_slider.pic_img .page .item_picker > div .pick_descr{display:none;}
 .br .recommendedArea .area_slider.pic_img .swiper-pagination{position:absolute; left:50%; bottom:2rem; margin:0; width:6rem; border-radius:1.2rem; display:inline-block; height:2.3rem; line-height:2.4rem; color:#fff; background-color:rgba(0, 0, 0, 0.3); -webkit-transform:translateX(-50%); transform:translateX(-50%);}
@@ -2159,7 +2163,7 @@
 .br .pnb_mo > ul{display:flex; padding:0 0.8rem; height:5rem; line-height:5rem; background-color:#222222;}
 .br .pnb_mo > ul > li > a{font-size:1.6rem; color:#686868; font-weight:500; padding:0 1.2rem;}
 .br .pnb_mo > ul > li > a.on{color:#fff}
-.br .pnb_mo > button{background:url(//image.istyle24.com/Style24/images/mo/ico_btn_expand.png) center top/1.8rem 2.0rem no-repeat; width:3.8rem; height:1.9rem; background-color:red; text-indent:-9999px; position:absolute; z-index:9; top:1.6rem; right:0; background-color:#222222;}
+.br .pnb_mo > button{background:url('//image.istyle24.com/Style24/images/mo/ico_btn_expand.png') center top/1.8rem 2.0rem no-repeat; width:3.8rem; height:1.9rem; background-color:red; text-indent:-9999px; position:absolute; z-index:9; top:1.6rem; right:0; background-color:#222222;}
 .pnb_mo.fixed{-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);-moz-transform: translate(0, 0);transform: translate(0, 0); position:fixed; top:0; width:100%; z-index:79;}
 .br_main{background-color:#fff;}
 /* br_main */
@@ -2178,7 +2182,7 @@
 .br .br_main .br_top_info > p:nth-of-type(1){margin-bottom:1.6rem; font-weight:600;}
 .br .br_main .br_top_info > p:nth-of-type(2){margin-bottom:1.2rem; color:#222; font-weight:500; line-height:2rem;}
 .br .br_main .br_top_info > p:last-of-type {font-size: 1.2rem; font-weight: 100;}
-.br .br_main .br_top_info .btn_group_flex > div > .btn > span{display:inline-block; background:url(//image.istyle24.com/Style24/images/mo/br_site.png) no-repeat; width:1.1rem; height:1.2rem; margin-left:0.8rem}
+.br .br_main .br_top_info .btn_group_flex > div > .btn > span{display:inline-block; background:url('//image.istyle24.com/Style24/images/mo/br_site.png') no-repeat; width:1.1rem; height:1.2rem; margin-left:0.8rem}
 /* br_main - new_item */
 .br .br_main .new_item .swiper-slide{font-size:0;}
 .br .br_main .new_item .swiper-slide .item_prod:nth-child(2n){margin-right: 0;}
@@ -2219,7 +2223,7 @@
 .br .br_main .br_youtube_slide .swiper-pagination{position:relative; margin-top:3rem;}
 /* br_main - brand_product */
 .br .br_main .brand_product .swiper-container{overflow:visible;}
-.br .br_main .brand_product .btn:after{content: ''; display: inline-block; margin-left: 0.8rem; width: 1.1rem; height: 1.1rem; background-position: center center; background-repeat: no-repeat; background-size: contain; background-image: url(//image.istyle24.com/Style24/images/mo/ico_more_lg.png);}
+.br .br_main .brand_product .btn:after{content: ''; display: inline-block; margin-left: 0.8rem; width: 1.1rem; height: 1.1rem; background-position: center center; background-repeat: no-repeat; background-size: contain; background-image: url('//image.istyle24.com/Style24/images/mo/ico_more_lg.png');}
 /* 브랜드 - 룩북 */
 .htop.br_lookbook { overflow: hidden; border: none !important;}
 .htop.br_lookbook .btn_back span i { background: #fff;}
@@ -2255,7 +2259,7 @@
 .br .br_lookbook .inner .lb_text .text_cont.active{display:block;}
 .br .br_lookbook .inner .lb_text .btn { width: 100%; height: 2.4rem; text-align: center; margin: 0 0 1rem; margin-bottom: 0; font-size: 1.2rem; border:0 none;}
 .br .br_lookbook .inner .lb_text .btn > p{display:inline;}
-.br .br_lookbook .inner .lb_text .btn > span{display:inline-block; width:1.2rem; height:0.7rem; background:url(//image.istyle24.com/Style24/images/mo/br_arrow_down.png); margin-left:0.5rem; margin-bottom:0.1rem}
+.br .br_lookbook .inner .lb_text .btn > span{display:inline-block; width:1.2rem; height:0.7rem; background:url('//image.istyle24.com/Style24/images/mo/br_arrow_down.png'); margin-left:0.5rem; margin-bottom:0.1rem}
 .br .br_inlookbook{margin-bottom:1.2rem; padding-bottom:4rem;}
 .br .br_inlookbook .swiper-container{overflow:visible;}
 .br .br_inlookbook .btn{margin-top:3rem; width:100%; font-size:1.3rem; color:#fd4802; border-color:#fd4802; height:4.5rem;}
@@ -2323,7 +2327,7 @@
 .sch .sch_result .sch_title input[type="text"] { width: 100%; height: 4.3rem; float: left; border: none;  padding: 0; font-size: 1.6rem; font-weight: 300; color: #222; border-bottom:0.1rem solid #000; margin-bottom:0rem; padding-right: 4rem;}
 .sch .sch_result .sch_title input::placeholder {color:#888; font-weight: 200;}
 .sch .sch_result .sch_title .btn_sch {position: absolute; top: 0; right: 0; width: 4rem; height: 4rem;}
-.sch .sch_result .sch_title .btn_x { width: 2rem; height: 2rem; background: #aaa; border-radius: 1rem; color: #fff; font-size: 1rem; position: absolute; top: 1rem; right: 4rem; background:#aaa url(//image.istyle24.com/Style24/images/mo/ico_sch_del_w.png) no-repeat center; background-size:1.1rem; text-indent:-999em;}
+.sch .sch_result .sch_title .btn_x { width: 2rem; height: 2rem; background: #aaa; border-radius: 1rem; color: #fff; font-size: 1rem; position: absolute; top: 1rem; right: 4rem; background:#aaa url('//image.istyle24.com/Style24/images/mo/ico_sch_del_w.png') no-repeat center; background-size:1.1rem; text-indent:-999em;}
 .sch .sch_result .sch_title button img { width: 2rem; height: 2rem;}
 .sch .sch_result .sch_title + .related_keyword {margin: 1.1rem -2rem 0; border-bottom: 0.1rem solid #ddd;}
 .sch .sch_result .hot-key{font-size:1.6rem; margin-bottom:1.6rem;}
@@ -2362,10 +2366,10 @@
 .filter-list .f_left h3 {font-size: 1.6rem; font-weight: 500;}
 .filter-list .f_left > span{color:#fd4802; font-weight:600;}
 .filter-list .f_right .allxBtn {font-size: 1.2rem; color:#888; font-weight: 300;}
-.filter-list .f_right > a {padding-right: 1.1rem; font-size: 1.3rem; color:#666; background: url(//image.istyle24.com/Style24/images/mo/ico_btn_detail.png) no-repeat right 0.1rem; background-size:0.5rem 0.9rem;}
-.filter-list .f_right > a:nth-of-type(1) > span{display:inline-block; width:0.7rem; height:0.4rem; background:url(//image.istyle24.com/Style24/images/mo/shc_arrow.png); position:relative; top:-0.2rem; margin-left:0.5rem}
+.filter-list .f_right > a {padding-right: 1.1rem; font-size: 1.3rem; color:#666; background: url('//image.istyle24.com/Style24/images/mo/ico_btn_detail.png') no-repeat right 0.1rem; background-size:0.5rem 0.9rem;}
+.filter-list .f_right > a:nth-of-type(1) > span{display:inline-block; width:0.7rem; height:0.4rem; background:url('//image.istyle24.com/Style24/images/mo/shc_arrow.png'); position:relative; top:-0.2rem; margin-left:0.5rem}
 .filter-list .f_right > a:nth-of-type(2){margin-left:1rem;}
-.filter-list .f_right > a:nth-of-type(2) > span{display:inline-block; width:1rem; height:1rem; background:url(//image.istyle24.com/Style24/images/mo/shc_filter.png); position:relative; top:0.1rem; margin-left:0.5rem}
+.filter-list .f_right > a:nth-of-type(2) > span{display:inline-block; width:1rem; height:1rem; background:url('//image.istyle24.com/Style24/images/mo/shc_filter.png'); position:relative; top:0.1rem; margin-left:0.5rem}
 
 /* sch_result nodata */
 .sch .sch_result .nodata { width: 100%; height: 100%; margin:0; padding:14rem 0;}
@@ -2412,17 +2416,17 @@
 .sch .sch_result .search-list .nodata_txt {display: none; width: 100%; height: 100%; margin:0; padding:9rem 0;}
 .sch .sch_result .search-list > ul{margin-top:1rem; margin-bottom:5rem;}
 .sch .sch_result .search-list > ul > li {position: relative;}
-.sch .sch_result .search-list > ul > li .xBtn {position: absolute; top: 0; right: 0; width: 3.9rem; height: 3.9rem; text-indent: -999em; background: url(//image.istyle24.com/Style24/images/mo/ico_btn_cls.png) no-repeat right center; background-size:0.9rem;}
+.sch .sch_result .search-list > ul > li .xBtn {position: absolute; top: 0; right: 0; width: 3.9rem; height: 3.9rem; text-indent: -999em; background: url('//image.istyle24.com/Style24/images/mo/ico_btn_cls.png') no-repeat right center; background-size:0.9rem;}
 .sch .sch_result .search-list > ul > li > a{display:flex; justify-content:space-between; padding:1rem 0 1rem 2rem;}
 .sch .sch_result .search-list > ul > li > a > p{position:relative;}
-.sch .sch_result .search-list > ul > li > a > p::after{content:""; background:url(//image.istyle24.com/Style24/images/mo/shc_clock.png) no-repeat; width:1.5rem; height:1.5rem; display:inline-block; position:absolute; left:-2rem; top:0.1rem; background-size:100%;}
+.sch .sch_result .search-list > ul > li > a > p::after{content:""; background:url('//image.istyle24.com/Style24/images/mo/shc_clock.png') no-repeat; width:1.5rem; height:1.5rem; display:inline-block; position:absolute; left:-2rem; top:0.1rem; background-size:100%;}
 .sch .sch_result .search-list > ul > li > a > span{color:#8d8d8d;}
 .sch .sch_result .allresult-tit{display:flex; justify-content:space-between;}
 .sch .sch_result .allresult-tit > h3{font-size:1.5rem; padding-top:1.1rem; padding-bottom:2rem;}
 .sch .sch_result .allresult-tit > p{margin-right:1.9rem; margin-top:2.5rem; font-size:1.2rem; color:#888888;}
-.sch .sch_result .allresult-tit > p::after{content:""; background:url(//image.istyle24.com/Style24/images/mo/shc_refresh.png) no-repeat; width:1.1rem; height:1.1rem; display:inline-block; position:absolute; margin-top:0.2rem; right:2.1rem;}
+.sch .sch_result .allresult-tit > p::after{content:""; background:url('//image.istyle24.com/Style24/images/mo/shc_refresh.png') no-repeat; width:1.1rem; height:1.1rem; display:inline-block; position:absolute; margin-top:0.2rem; right:2.1rem;}
 .sch .sch_result .allresult-tit > button.btn_refresh {height: 3rem; padding-right:1.9rem; font-size:1.2rem; color:#888888; position: relative;}
-.sch .sch_result .allresult-tit > button.btn_refresh::after{content:""; background:url(//image.istyle24.com/Style24/images/mo/ico_btn_brand.png) no-repeat center/100%; width:1.1rem; height:1.1rem; display:inline-block; position:absolute; top: 50%; right:0; transform:translateY(-50%);}
+.sch .sch_result .allresult-tit > button.btn_refresh::after{content:""; background:url('//image.istyle24.com/Style24/images/mo/ico_btn_brand.png') no-repeat center/100%; width:1.1rem; height:1.1rem; display:inline-block; position:absolute; top: 50%; right:0; transform:translateY(-50%);}
 .sch .sch_result .itemTag{border:0.1rem solid #fd4802; display:inline-block; padding:0.3rem 0.6rem; border-radius:1rem; position:relative; font-size:0.6rem; color:#fd4802;}
 .sch .sch_result .relative-list{margin:0 -2rem; padding:0 2rem; max-height:33rem; overflow-y:hidden;}
 .sch .sch_result .relative-list .nodata_txt {display: none;}
@@ -2439,7 +2443,7 @@
 .sch .sch_result .sch_category > ul > li {width: 100%; font-size: 0; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; margin-bottom: 1.5rem;}
 .sch .sch_result .sch_category > ul > li:last-child {margin-bottom: 0;}
 .sch .sch_result .sch_category > ul > li span {position: relative; display: inline-block; font-size: 1.2rem; color: #888; padding-right: 2.5rem; line-height: 1;}
-.sch .sch_result .sch_category > ul > li span:before {content:''; background: url(//image.istyle24.com/Style24/images/mo/ico_cate_arrow.png) no-repeat center/100%; position: absolute; top: 0.2rem; right: 1rem; width: 0.5rem; height: 0.9rem;}
+.sch .sch_result .sch_category > ul > li span:before {content:''; background: url('//image.istyle24.com/Style24/images/mo/ico_cate_arrow.png') no-repeat center/100%; position: absolute; top: 0.2rem; right: 1rem; width: 0.5rem; height: 0.9rem;}
 .sch .sch_result .sch_category > ul > li span:last-child {padding-right: 0;}
 .sch .sch_result .sch_category > ul > li span:last-child:before {display: none;}
 .sch .sch_result .sch_category > ul > li span > em {color: #222;}
@@ -2452,14 +2456,14 @@
 .sch .sch_result.brand_all .search-list > ul{margin-top:1.4rem; margin-bottom:5rem;}
 .sch .sch_result.brand_all .search-list > ul > li > a{display:flex; justify-content:space-between; padding:1rem 0 1rem 2rem;}
 .sch .sch_result.brand_all .search-list > ul > li > a > p{position:relative;}
-.sch .sch_result.brand_all .search-list > ul > li > a > p::after{content:""; background:url(//image.istyle24.com/Style24/images/mo/shc_clock.png) no-repeat; width:1.5rem; height:1.6rem; display:inline-block; position:absolute; left:-2rem; top:-0.1rem}
+.sch .sch_result.brand_all .search-list > ul > li > a > p::after{content:""; background:url('//image.istyle24.com/Style24/images/mo/shc_clock.png') no-repeat; width:1.5rem; height:1.6rem; display:inline-block; position:absolute; left:-2rem; top:-0.1rem}
 .sch .sch_result.brand_all .search-list > ul > li > a > span{color:#8d8d8d; display:inline-block; width:2rem; text-align:right;}
 .sch .sch_result.brand_all .allresult-tit{display:flex; justify-content:space-between;}
 .sch .sch_result.brand_all .allresult-tit > h3{font-size:1.5rem; margin-top:2.5rem; margin-bottom:2rem;}
 .sch .sch_result.brand_all .allresult-tit > p{margin-right:1.9rem; margin-top:2.5rem; font-size:1.2rem; color:#888888;}
-.sch .sch_result.brand_all .allresult-tit > p::after{content:""; background:url(//image.istyle24.com/Style24/images/mo/shc_refresh.png) no-repeat; width:1.1rem; height:1.1rem; display:inline-block; position:absolute; margin-top:0.2rem; right:2.1rem;}
+.sch .sch_result.brand_all .allresult-tit > p::after{content:""; background:url('//image.istyle24.com/Style24/images/mo/shc_refresh.png') no-repeat; width:1.1rem; height:1.1rem; display:inline-block; position:absolute; margin-top:0.2rem; right:2.1rem;}
 .sch .sch_result.brand_all .allresult-tit > button{margin-right:1.9rem; font-size:1.2rem; color:#888888;}
-.sch .sch_result.brand_all .allresult-tit > button::after{content:""; background:url(//image.istyle24.com/Style24/images/mo/shc_refresh.png) no-repeat; width:1.1rem; height:1.1rem; display:inline-block; position:absolute; margin-top:0.2rem; right:2.1rem;}
+.sch .sch_result.brand_all .allresult-tit > button::after{content:""; background:url('//image.istyle24.com/Style24/images/mo/shc_refresh.png') no-repeat; width:1.1rem; height:1.1rem; display:inline-block; position:absolute; margin-top:0.2rem; right:2.1rem;}
 .sch .sch_result.brand_all .itemTag{display:inline; padding:0.3rem 0; position:relative; top:1rem; font-size:0.6rem; color:#fd4802;}
 .sch .sch_result.brand_all .itemTag.circle{border:0.1rem solid #fd4802; display:inline; padding:0.3rem 0.6rem; border-radius:1rem; position:relative; top:1rem;}
 .sch .sch_result.brand_all .relative-list{margin:0 -2rem; padding:0 2rem; max-height:33rem; overflow-y:scroll;}
@@ -2526,9 +2530,9 @@
 .sch .sch_util li:first-child{margin-left:0;}
 .sch .sch_util li a{font-size:1.2rem; color:#222!important;}
 .sch .sch_util li a.sort:after{content:''; position:relative; top:0.3rem; margin-left:0.8rem; display:inline-block; width:0rem; border:0.5rem solid transparent; border-bottom-color:#222; -webkit-transform:rotate(180deg); transform:rotate(180deg);}
-.sch .sch_util li a.filter:after{content:''; position:relative; top:0.1rem;  margin-left:0.8rem; display:inline-block; width:1rem; height:1rem; background: url(//image.istyle24.com/Style24/images/mo/icon_list_filter.png) center center no-repeat; background-size:contain;}
+.sch .sch_util li a.filter:after{content:''; position:relative; top:0.1rem;  margin-left:0.8rem; display:inline-block; width:1rem; height:1rem; background: url('//image.istyle24.com/Style24/images/mo/icon_list_filter.png') center center no-repeat; background-size:contain;}
 .sch .sch_util li a.refresh{color:#888!important;}
-.sch .sch_util li a.refresh:after{content:''; position:relative; top:0.1rem;  margin-left:0.8rem; display:inline-block; width:1.1rem; height:1.1rem; background: url(//image.istyle24.com/Style24/images/mo/icon_best_refresh.png) center center no-repeat; background-size:contain;}
+.sch .sch_util li a.refresh:after{content:''; position:relative; top:0.1rem;  margin-left:0.8rem; display:inline-block; width:1.1rem; height:1.1rem; background: url('//image.istyle24.com/Style24/images/mo/icon_best_refresh.png') center center no-repeat; background-size:contain;}
 
 /* select 커스텀 (필터용) */
 .sch .sch_util .sch_sort a {display: inline-block; font-size: 1.2rem; font-weight: 300; padding-right: 1.4rem; background: url('//image.istyle24.com/Style24/images/mo/ico_sort_arrow.png') no-repeat right center; background-size:0.7rem 0.43rem;}
@@ -2569,7 +2573,7 @@
 .sch .category_box.active{visibility:visible;}
 .sch .category_box .lap{position:absolute; bottom:0; left:0; padding:3rem 0; width:100%; background:#fff;}
 .sch .category_box .category_list{min-height:15rem; max-height:40rem; overflow-y:auto;}
-.sch .category_box .category_close{position:absolute; top:-3.8rem; left:50%; width:1.6rem; height:1.6rem; background-image: url(//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png); background-repeat:no-repeat; background-position:center center; font-size:0; text-indent:-999999px; background-size: contain; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
+.sch .category_box .category_close{position:absolute; top:-3.8rem; left:50%; width:1.6rem; height:1.6rem; background-image: url('//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png'); background-repeat:no-repeat; background-position:center center; font-size:0; text-indent:-999999px; background-size: contain; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
 .sch .category_box .selcet_list {padding:0 2rem;}
 .sch .category_box .selcet_list ul li {margin-top:0.8rem; padding:0.9rem 1rem; background:#fff; text-align:center; border:0.1rem solid #eee; border-radius:4rem;;}
 .sch .category_box .selcet_list ul li a {display:inline-block; color:#666; font-size:1.3rem; font-weight:300; color:inherit;}

+ 43 - 1
src/main/webapp/ux/mo/js/common_m.js

@@ -7,7 +7,20 @@
 window.addEventListener('load', function(){
     setTimeout(scrollTo, 0, 0, 1);
   }, false);
-  
+
+// 210819_ touch, scroll event
+var xScrStart, yScrStart = 0; 
+document.addEventListener('touchstart', function(e) {
+    xScrStart = e.touches[0].scrareaX;
+    yScrStart = e.touches[0].scrareaY;
+}); 
+document.addEventListener('touchmove', function(e) {
+    var xMovement = Math.abs(e.touches[0].scrareaX - xScrStart);
+    var yMovement = Math.abs(e.touches[0].scrareaY - yScrStart);
+    if((yMovement * 3) > xMovement) {
+        e.preventDefault();
+    }
+});
 
 $(document).ready(function() {
         // 웹페이지가 브라우징된 후 주소창 제거
@@ -18,6 +31,10 @@ $(document).ready(function() {
         $(".btn_back").on("click", function () {
             history.back();
         });
+        //210819_상품상세 히스토리백(팝업닫기) 스크립트
+        $(".pd+.btn_back").on("click", function () {
+            $("[class*='_pop']").not("[class*='popup_wrap']").not("[class*='_pop_container']").css('display', 'none');
+        });
         //1.쿠키세팅
         function setCookie(cookieName, value, exdays){
             var exdate = new Date();
@@ -73,6 +90,9 @@ $(document).ready(function() {
             $("html, body").animate({
                 "scrollTop": 0
             }, 50);
+            $("[class*='pop']").animate({
+                "scrollTop": 0
+            }, 50);
         });
 
         $(window).scroll(function (event) {
@@ -753,6 +773,28 @@ $( document ).ready( function() {
         });
         /* //210428_수정 : 아코디언 */
 
+        /* 검색 인풋 클리어 버튼 */
+        /* 210819 */
+        $('.search_wrap').each(function(){
+            $(this).find('.cs_search_input').on('keyup focus', function(){
+            $(this).siblings('.btn_x').attr('style', 'visibility: visible');
+            if($(this).val().length == 0){
+                $(this).siblings('.btn_x').attr('style', 'visibility: hidden');
+            } else {
+                $(this).siblings('.btn_x').attr('style', 'visibility: visible');
+            }
+            });        
+            $(this).find('.cs_search_input').on('blur', function(){
+            $(this).siblings('.btn_x').attr('style', 'visibility: hidden');
+            });
+        
+            $(this).find('.btn_x').on('click touchstart', function(){
+            $(this).closest('.search_wrap').find('.cs_search_input').val('');
+            $(this).closest('.search_wrap').find('.btn_x').attr('style', 'visibility: hidden');
+            return false;
+            });
+        });
+
         /* 주문결제_accordion */
         /* 210428_수정 : 아코디언 */
         $(document).on('click','.od .foldGroup .fold_head .fold_tit',function(e){	

+ 14 - 0
src/main/webapp/ux/style24_link.js

@@ -1165,6 +1165,7 @@ function cfnPutWishList(a) {
 	}
 
 	var goodsCd = $(a).attr("goodsCd");
+	var goodsNm = $(a).attr("goodsNm");
 	var ithrCd = $(a).attr("ithrCd");
 	var contentsLoc = $(a).attr("contentsLoc");
 	var planDtlSq = $(a).attr("planDtlSq");
@@ -1180,6 +1181,10 @@ function cfnPutWishList(a) {
 	var params = new Object();
 	params.goodsCd = goodsCd;
 
+	if (!gagajf.isNull(goodsNm)) {
+		params.goodsNm = goodsNm;
+	}
+	
 	if (!gagajf.isNull(ithrCd)) {
 		params.ithrCd = ithrCd;
 	}
@@ -1211,6 +1216,15 @@ function cfnPutWishList(a) {
 				//		}
 				//	});
 				}
+				
+				// 페이스북 픽셀 (위시리스트 담기)
+				fbq('track', 'AddToWishlist',{
+					contents: [{
+						id: goodsCd,
+						name: goodsNm
+					}]
+				});
+				
 				if ("P" == _frontGb){
 					fnGetWishList();	
 				}