Merge branch 'develop' into order

# Conflicts:
#	src/main/webapp/WEB-INF/views/web/common/fragments/FooterWeb.html

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

@@ -296,4 +296,13 @@ public interface TsfGoodsDao {
 	 */
 	Collection<GoodsCompose> getGoodsSetComposeList(Goods goods);
 
+	/**
+	 * 최근본상품 목록
+	 * @param goods - 상품 정보
+	 * @return
+	 * @author gagamel
+	 * @date 2021. 3. 22
+	 */
+	Collection<Goods> getRecentlyGoodsList(Goods goods);
+
 }

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

@@ -5,7 +5,9 @@ import java.util.Collection;
 
 import com.style24.core.support.annotation.ShopDs;
 import com.style24.persistence.domain.Cate4Srch;
+import com.style24.persistence.domain.Coupon;
 import com.style24.persistence.domain.Plan;
+import com.style24.persistence.domain.Review;
 
 /**
  * 기획전 Dao
@@ -64,7 +66,7 @@ public interface TsfPlanningDao {
 	 * @author sowon
 	 * @date 2021. 3. 19
 	 */
-	ArrayList<Plan> accessCustGrade(Plan plan);
+	Collection<Plan> accessCustGrade(Plan plan);
 	
 	
 	/**
@@ -73,10 +75,61 @@ public interface TsfPlanningDao {
 	 * @param 기획전 번호
 	 * @return
 	 * @author sowon
-	 * @date 2020. 7. 27
+	 * @date 2021. 3. 19
 	 */
 	Plan getPlanDetailInfo(Plan plan);
 	
+
+	/**
+	 * 기획전 상세 프론트 소스 
+	 *
+	 * @param 기획전 번호
+	 * @return
+	 * @author sowon
+	 * @date 2021. 3. 22
+	 */
+	Plan getPlanFsrcInfo(Plan plan);
+	
+	/**
+	 * 기획전 템플릿 순서
+	 *
+	 * @param 기획전 번호
+	 * @return
+	 * @author sowon
+	 * @date 2021. 3. 22
+	 */
+	Collection<Plan> templateDispOrdInfo(Plan plan);
+	
+	/**
+	 * 기획전 템플릿 리뷰
+	 *
+	 * @param 기획전 번호
+	 * @return
+	 * @author sowon
+	 * @date 2021. 3. 22
+	 */
+	Collection<Plan> getPlanReviewInfo(Review review);
+	
+	/**
+	 * 기획전 템플릿 쿠폰
+	 *
+	 * @param 기획전 번호
+	 * @return
+	 * @author sowon
+	 * @date 2021. 3. 22
+	 */
+	Collection<Plan> getPlanCouponInfo(Coupon coupon);
+	
+	/**
+	 * 기획전 템플릿 이미지
+	 *
+	 * @param 기획전 번호
+	 * @return
+	 * @author sowon
+	 * @date 2021. 3. 22
+	 */
+	Collection<Plan> getPlanImageInfo(Plan plan);
+	
 	/**
 	 * 이벤트 갯수 조회
 	 * 

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

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

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

@@ -3,6 +3,7 @@ package com.style24.front.biz.service;
 import java.util.ArrayList;
 import java.util.Collection;
 import java.util.HashMap;
+import java.util.Iterator;
 import java.util.List;
 
 import org.springframework.beans.factory.annotation.Autowired;
@@ -13,9 +14,11 @@ import com.style24.front.biz.dao.TsfPlanningDao;
 import com.style24.front.support.env.TsfConstants;
 import com.style24.front.support.security.session.TsfSession;
 import com.style24.persistence.domain.Cate4Srch;
+import com.style24.persistence.domain.Coupon;
 import com.style24.persistence.domain.Login;
 import com.style24.persistence.domain.Plan;
 import com.style24.persistence.domain.Point;
+import com.style24.persistence.domain.Review;
 
 import lombok.extern.slf4j.Slf4j;
 
@@ -92,16 +95,6 @@ public class TsfPlanningService {
 		if (!TsfSession.isLogin()) {
 			throw new IllegalArgumentException("로그인 후 접근이 가능합니다.");
 		}
-		else {
-			String custGrade = TsfSession.getInfo().getCustGrade();
-			List<Plan> custGradeList = planningDao.accessCustGrade(plan);
-			System.out.println("=====" + custGradeList.iterator().next().getCustGrade());
-			/*
-			 * if (!custGradeList.) { throw new IllegalArgumentException("너 왜그래"); }
-			 */
-			
-		}
-		
 		
 	}
 	
@@ -116,6 +109,67 @@ public class TsfPlanningService {
 	public Plan getPlanDetailInfo(Plan plan) {
 		return planningDao.getPlanDetailInfo(plan);
 	}
+	
+	/**
+	 * 기획전 상세 프론트소스
+	 *
+	 * @param
+	 * @return
+	 * @author sowon	
+	 * @since 2021. 3. 22
+	 */
+	public Plan getPlanFsrcInfo(Plan plan) {
+		return planningDao.getPlanFsrcInfo(plan);
+	}
+	
+	/**
+	 * 기획전 템플릿 순서
+	 *
+	 * @param
+	 * @return
+	 * @author sowon
+	 * @since 2021. 3. 22
+	 */
+	public Collection<Plan> templateDispOrdInfo(Plan plan) {
+		return planningDao.templateDispOrdInfo(plan);
+	}
+	
+	/**
+	 * 기획전 템플릿 리뷰
+	 *
+	 * @param
+	 * @return
+	 * @author sowon
+	 * @since 2021. 3. 22
+	 */
+	public Collection<Plan> getPlanReviewInfo(Review review) {
+		return planningDao.getPlanReviewInfo(review);
+	}
+	
+	/**
+	 * 기획전 템플릿 쿠폰
+	 *
+	 * @param
+	 * @return
+	 * @author sowon
+	 * @since 2021. 3. 22
+	 */
+	public Collection<Plan> getPlanCouponInfo(Coupon coupon) {
+		return planningDao.getPlanCouponInfo(coupon);
+	}
+	
+	/**
+	 * 기획전 템플릿 이미지
+	 *
+	 * @param
+	 * @return
+	 * @author sowon
+	 * @since 2021. 3. 22
+	 */
+	public Collection<Plan> getPlanImageInfo(Plan plan) {
+		return planningDao.getPlanImageInfo(plan);
+	}
+
 
 	/**
 	 * 이벤트 갯수 조회

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

@@ -4,7 +4,6 @@ import java.io.IOException;
 import java.util.ArrayList;
 import java.util.Collection;
 import java.util.HashMap;
-import java.util.Locale;
 
 import javax.servlet.http.HttpServletResponse;
 
@@ -22,18 +21,14 @@ import com.style24.core.biz.service.TscEnvsetService;
 import com.style24.core.support.message.TscMessageByLocale;
 import com.style24.front.biz.service.TsfDisplayService;
 import com.style24.front.support.controller.TsfBaseController;
-import com.style24.front.support.env.TsfConstants;
+import com.style24.front.support.security.session.TsfSession;
 import com.style24.persistence.domain.BrandGroup;
-import com.style24.persistence.domain.Cate1;
+import com.style24.persistence.domain.Cate4Srch;
 import com.style24.persistence.domain.Contents;
 import com.style24.persistence.domain.GnbTab;
-
-
-import com.style24.front.support.security.session.TsfSession;
-
-import com.style24.persistence.domain.MainLayout;
-import com.style24.persistence.domain.Cate4Srch;
 import com.style24.persistence.domain.GoodsSearch;
+import com.style24.persistence.domain.MainLayout;
+
 import lombok.extern.slf4j.Slf4j;
 
 /**
@@ -66,9 +61,9 @@ public class TsfDisplayController extends TsfBaseController {
 	public ModelAndView mallMain(Device device, @RequestParam HashMap<String, String> paramMap) {
 		ModelAndView mav = new ModelAndView();
 		String mainCateNo = "";
-		if(device.isMobile() || "Y".equals(paramMap.get("mobileYn"))){
+		if (device.isMobile() || "Y".equals(paramMap.get("mobileYn"))) {
 			mainCateNo = "1720";
-		}else{
+		} else {
 			mainCateNo = "1700";
 		}
 		Collection<MainLayout> mainLayoutCollection = displayService.getMainLayout(mainCateNo);
@@ -76,10 +71,10 @@ public class TsfDisplayController extends TsfBaseController {
 		//mav.addObject("preview", paramMap.get("preview"));
 		//mav.addObject("viewDt", paramMap.get("viewDt"));
 		//mav.addObject("viewPage", "20");
-		for(MainLayout mainLayout : mainLayoutCollection){
+		for (MainLayout mainLayout : mainLayoutCollection) {
 			String contentsLoc = mainLayout.getContentsLoc();
 			Contents contents = new Contents();
-			log.info("mallMain contentsLoc:::{}",contentsLoc);
+			log.info("mallMain contentsLoc:::{}", contentsLoc);
 			contents.setContentsLoc(contentsLoc);
 			contents.setPreview(paramMap.get("preview"));
 			contents.setViewDt(paramMap.get("viewDt"));
@@ -90,10 +85,10 @@ public class TsfDisplayController extends TsfBaseController {
 			cate4Srch = displayService.getCate4srch(cate4Srch);
 			mainLayout.setCate4Srch(cate4Srch);
 
-			if("C".equals(mainLayout.getContentsYn())){
+			if ("C".equals(mainLayout.getContentsYn())) {
 				mainLayout.setContentsList(displayService.getContentsList(contents));
-			}else{
-				log.info("nullpoint contentsLoc::::{}",contentsLoc);
+			} else {
+				log.info("nullpoint contentsLoc::::{}", contentsLoc);
 				GoodsSearch goodsSearch = new GoodsSearch();
 				goodsSearch.setCateType("G031_20");
 				goodsSearch.setSoldoutGoodsDisplayYn("N");
@@ -102,11 +97,11 @@ public class TsfDisplayController extends TsfBaseController {
 				goodsSearch.setFrontGb(getSession().getFrontGb());
 				//int floorUnit = envsetService.getPayUnit(TscConstants.Site.STYLE24.value()); // 가격 원단위 관리
 				//goodsSearch.setFloorUnit(floorUnit);
-				if(TsfSession.getInfo() != null){
+				if (TsfSession.getInfo() != null) {
 					goodsSearch.setCustGb(TsfSession.getInfo().getCustGb());
 					goodsSearch.setCustNo(TsfSession.getInfo().getCustNo());
 					goodsSearch.setCustGrade(TsfSession.getInfo().getCustGrade());
-				}else{
+				} else {
 					goodsSearch.setCustGb("00");
 				}
 
@@ -119,7 +114,7 @@ public class TsfDisplayController extends TsfBaseController {
 			}
 			mainLayoutList.add(mainLayout);
 		}
-		log.info("mainLayoutList::{}",mainLayoutList);
+		log.info("mainLayoutList::{}", mainLayoutList);
 		mav.addObject("mainLayoutList", mainLayoutList);
 		mav.setViewName(super.getDeviceViewName("display/MallMainForm"));
 
@@ -141,17 +136,17 @@ public class TsfDisplayController extends TsfBaseController {
 		return displayService.getGnbBrandGroupList(contents);
 	}
 
-	/**
-	 * 전체 카테고리 목록
-	 * @return
-	 * @author gagamel
-	 * @since 2021. 3. 15
-	 */
-	@GetMapping("/all/cate/list")
-	@ResponseBody
-	public Collection<Cate1> getAllCategoryList() {
-		return displayService.getAllCategoryList(TsfConstants.CateGb.BYITEM.value());
-	}
+//	/**
+//	 * 전체 카테고리 목록
+//	 * @return
+//	 * @author gagamel
+//	 * @since 2021. 3. 15
+//	 */
+//	@GetMapping("/all/cate/list")
+//	@ResponseBody
+//	public Collection<Cate1> getAllCategoryList() {
+//		return displayService.getAllCategoryList(TsfConstants.CateGb.BYITEM.value());
+//	}
 
 	/**
 	 * GNB 탭 목록

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

@@ -354,6 +354,24 @@ public class TsfGoodsController extends TsfBaseController {
 		return stockQty;
 	}
 
+	/**
+	 * 세트 상품 사이즈 선택 시 재고수량 가져오기
+	 * 
+	 * @return
+	 * @author eskim
+	 * @since 2021. 3. 22
+	 */
+	@PostMapping("/detail/ajaxGoodsSetStockQty")
+	@ResponseBody
+	public String getAjaxGoodsSetStockQty(@RequestBody GoodsStock goodsStock) {
+
+		int stockQty = 0;
+
+		stockQty = goodsService.getGoodsSetStockQty(goodsStock);
+		log.info("[getAjaxGoodsSetStockQty] stockQty = {}", stockQty);
+		return String.valueOf(stockQty);
+	}
+	
 	/**
 	 * 상품상세 -  상품 QNA LIST 레이어
 	 * @return
@@ -904,4 +922,54 @@ public class TsfGoodsController extends TsfBaseController {
 		result.set("goodsCouponList", couponService.getGoodsCouponList(goods));
 		return result;
 	}
+
+	/**
+	 * 상품 옵션2 목록
+	 * @param goods
+	 * @return
+	 * @author eskim
+	 * @since 2021. 3. 22
+	 */
+	@PostMapping("/detail/option2/list")
+	@ResponseBody
+	public GagaMap getGoodsOption2List(@RequestBody Goods goods) {
+
+		GagaMap result = new GagaMap();
+		result.set("dataList",  goodsService.getGoodsOption2List(goods));
+
+		return result;
+	}
+
+	/**
+	 * 최근본상품 목록
+	 * @return
+	 * @author gagamel
+	 * @since 2021. 3. 22
+	 */
+	@GetMapping("/recently/list")
+	@ResponseBody
+	public Collection<Goods> getRecentlyGoodsList() {
+		Collection<Goods> recentlyGoodsList = new ArrayList<>();
+		Goods goods = new Goods();
+
+		String ckGoodsCds = GagaCookieUtil.getCookie(TsfSession.getHttpServletRequest(), TsfConstants.CK_PREFIX + "_today_goodsCd");
+		String[] arrGoodsCds = ckGoodsCds.split("\\,");
+		StringBuilder sql = new StringBuilder();
+		if (arrGoodsCds.length > 0) {
+			int idx = 1;
+			for (String goodsCd : arrGoodsCds) {
+				if (!StringUtils.isBlank(goodsCd)) {
+					if (idx > 1) {
+						sql.append("UNION ALL ");
+					}
+					sql.append("SELECT '").append(goodsCd).append("' AS GOODS_CD, ").append(idx++).append(" AS DISP_ORD FROM DUAL\r\n");
+				}
+			}
+			goods.setTodayGoodsSql(sql.toString());
+			recentlyGoodsList = goodsService.getRecentlyGoodsList(goods);
+		}
+
+		return recentlyGoodsList;
+	}
+	
 }

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

@@ -17,16 +17,20 @@ import org.springframework.web.bind.annotation.ResponseBody;
 import org.springframework.web.bind.annotation.RestController;
 import org.springframework.web.servlet.ModelAndView;
 
+import com.gagaframework.web.parameter.GagaMap;
 import com.gagaframework.web.rest.server.GagaResponse;
 import com.style24.core.support.env.TscConstants;
 import com.style24.core.support.message.TscMessageByLocale;
 import com.style24.front.biz.service.TsfPlanningService;
 import com.style24.front.support.controller.TsfBaseController;
+import com.style24.front.support.env.TsfConstants;
 import com.style24.front.support.security.session.TsfSession;
 import com.style24.persistence.domain.Cate4Srch;
+import com.style24.persistence.domain.Coupon;
 import com.style24.persistence.domain.Customer;
 import com.style24.persistence.domain.Order;
 import com.style24.persistence.domain.Plan;
+import com.style24.persistence.domain.Review;
 
 import lombok.extern.slf4j.Slf4j;
 
@@ -75,6 +79,24 @@ public class TsfPlanningController extends TsfBaseController {
 		return mav;
 	}
 	
+	/**
+	 * 기획전 접근확인
+	 * 
+	 * @return
+	 * @author sowon
+	 * @since 2021. 3. 22
+	 */
+	@PostMapping("/access")
+	@ResponseBody
+	public GagaMap PlanningAccessConfrim(@RequestBody Plan plan) throws Exception {
+		GagaMap result = new GagaMap();
+		// 접근 가능 고객 등급 확인
+		planningService.accessCustGrade(plan);
+		result.set("status", "200");
+
+		return result;
+	}
+	
 	/**
 	 * 기획전 상세화면
 	 *
@@ -82,30 +104,52 @@ public class TsfPlanningController extends TsfBaseController {
 	 * @author sowon
 	 * @since 2021. 3. 9
 	 */
-	@PostMapping("/detail/form")
-	public ModelAndView PlanningDetailForm(@RequestBody Plan plan) throws Exception {
+	@GetMapping("/detail/form")
+	@ResponseBody
+	public ModelAndView PlanningDetailForm(@RequestParam(value="planSq") int planSq) throws Exception {
 		ModelAndView mav = new ModelAndView();
-		// 접근 가능 고객 등급 확인
-		planningService.accessCustGrade(plan);
-	
-		// 상세정보
-		//plan.setSiteCd(TsfConstants.SITE_CD);
+		Plan plan = new Plan();
+		Review review = new Review();
+		Coupon coupon = new Coupon();
 		
-		// 디바이스 set
+		// 기본 set
+		plan.setPlanSq(planSq);
+		review.setPlanSq(planSq);
+		coupon.setPlanSq(planSq);
+		// 이거 access로 옮겨야 하나..?
+		//plan.setSiteCd(TscConstants.Site.STYLE24.value());
 		plan.setFrontGb(TsfSession.getFrontGb());
-
+		
 		Plan planInfo = planningService.getPlanDetailInfo(plan);
 		mav.addObject("planInfo", planInfo);
 
+		mav.addObject("planCount",planningService.getPlanAllCount(plan));
+		
+		// 상단소스
+		plan.setFrontGb("T");
+		mav.addObject("fsrcInfoTop", planningService.getPlanFsrcInfo(plan));
+		
+		// 하단소스
+		plan.setFrontGb("B");
+		mav.addObject("fsrcInfoBtm", planningService.getPlanFsrcInfo(plan));
+		
+		// 템플릿 순서
+		mav.addObject("templateOrd",planningService.templateDispOrdInfo(plan));
+		
+		// 리뷰
+		mav.addObject("reviewInfo",planningService.getPlanReviewInfo(review));
+		
+		// 쿠폰
+		mav.addObject("couponInfo",planningService.getPlanCouponInfo(coupon));
+		
+		// 이미지
+		mav.addObject("imageInfo",planningService.getPlanImageInfo(plan));
 		
 		// 다른기획전 보기 
 		mav.addObject("planList", planningService.getPlanList(plan));
 //
 //		mav.addObject("couponList", planningService.getPlusCouponList(plan));
 //
-//		// 소스
-//		mav.addObject("fsrcInfo", planningService.getPlanFsrcInfo(plan));
-//
 //		// 기획전 상세 및 코너 목록
 //		mav.addObject("planCornerList", planningService.getPlanCornerList(plan));
 //

src/main/java/com/style24/front/support/controller/TsfBaseController.java

@@ -2,6 +2,7 @@ package com.style24.front.support.controller;
 
 import java.sql.SQLException;
 import java.sql.SQLRecoverableException;
+import java.util.Collection;
 import java.util.Set;
 
 import javax.servlet.http.HttpServletRequest;
@@ -41,7 +42,10 @@ import com.fasterxml.jackson.databind.JsonMappingException;
 import com.style24.core.support.message.TscMessageByLocale;
 import com.style24.front.support.env.TsfConstants;
 import com.style24.front.support.security.session.TsfSession;
+import com.style24.front.support.startup.TsfEnvsetInfo;
+import com.style24.persistence.domain.Cate1;
 import com.style24.persistence.domain.Login;
+import com.style24.persistence.domain.Meta;
 
 import lombok.extern.slf4j.Slf4j;
 
@@ -116,6 +120,25 @@ public class TsfBaseController {
 		return TsfConstants.SNSLOGIN_PREFIX;
 	}
 
+	/**
+	 * 쇼핑몰 메타정보
+	 * @return
+	 */
+	@ModelAttribute("metaInfo")
+	public Meta getMetaInfo() {
+//		return TsfEnvsetInfo.getInstance().getMetaInfo();
+		return (new TsfEnvsetInfo()).getMetaInfo();
+	}
+
+	/**
+	 * 전체카테고리 목록
+	 * @return
+	 */
+	@ModelAttribute("allCateList")
+	public Collection<Cate1> getAllCateList() {
+		return (new TsfEnvsetInfo()).getAllCateList();
+	}
+
 	@ModelAttribute("osType")
 	public String getOsType() {
 		return TsfSession.getAttribute("osType");

src/main/java/com/style24/front/support/startup/TsfEnvsetInfo.java

@@ -0,0 +1,77 @@
+package com.style24.front.support.startup;
+
+import java.util.ArrayList;
+import java.util.Collection;
+
+import javax.annotation.PostConstruct;
+
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Component;
+
+import com.style24.core.biz.service.TscEnvsetService;
+import com.style24.core.support.env.TscConstants;
+import com.style24.front.biz.service.TsfDisplayService;
+import com.style24.front.support.env.TsfConstants;
+import com.style24.persistence.domain.Cate1;
+import com.style24.persistence.domain.Meta;
+
+import lombok.extern.slf4j.Slf4j;
+
+/**
+ * 각종 환경설정 정보 조회. 초기 로딩 시 가져옴
+ * 		1. 메타정보
+ * 		2. 카테고리정보
+ * @author gagamel
+ * @since 2021. 3. 19
+ */
+@Component
+@Slf4j
+public class TsfEnvsetInfo {
+
+	private static Meta meta = new Meta();
+	private static Collection<Cate1> allCateList = new ArrayList<>();
+
+	@Autowired
+	private TscEnvsetService envsetService;
+
+	@Autowired
+	private TsfDisplayService displayService;
+
+	@PostConstruct
+	public void init() {
+		meta = envsetService.getMetaInfo(TscConstants.Site.STYLE24.value());
+		log.info("\n\n---- Meta Info. ------------------------------------------");
+		log.info("meta: [{}]", meta);
+		log.info("\n------------------------------------------------------------\n");
+
+		allCateList = displayService.getAllCategoryList(TsfConstants.CateGb.BYITEM.value());
+		log.info("\n\n---- All Category List -----------------------------------");
+		log.info("allCateList: [{}]", allCateList);
+		log.info("\n------------------------------------------------------------\n");
+	}
+
+	/**
+	 * 쇼핑몰 메타정보
+	 * @return
+	 */
+	public Meta getMetaInfo() {
+		if (meta == null) {
+			meta = envsetService.getMetaInfo(TscConstants.Site.STYLE24.value());
+		}
+
+		return meta;
+	}
+
+	/**
+	 * 전체 카테고리 목록
+	 * @return
+	 */
+	public Collection<Cate1> getAllCateList() {
+		if (allCateList == null) {
+			allCateList = displayService.getAllCategoryList(TsfConstants.CateGb.BYITEM.value());
+		}
+
+		return allCateList;
+	}
+
+}

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

@@ -136,7 +136,7 @@ public class Goods extends TscBaseDomain {
 	private int scoreBall2;
 	private int scoreBall3;
 	private String goodsStatNm;
-	
+
 	private String sizeGb;		// 사이즈구분(T:상의, B:하의, S:신발)
 
 	private int floorUnit; // 절사단위(1:일원단위절사, 10:십원단위절사, 100:백원단위절사)
@@ -166,4 +166,7 @@ public class Goods extends TscBaseDomain {
 
 	@JsonFormat(with = JsonFormat.Feature.ACCEPT_SINGLE_VALUE_AS_ARRAY)
 	private int[] arrCpnId;				// 쿠폰
+
+	private String todayGoodsSql;	// 오늘본상품SQL
+
 }

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

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

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

@@ -72,6 +72,13 @@ public class Review extends TscBaseDomain {
 	private int reviewWeightSt;	// 상품평 검색조건 몸무게 구간시작	0
 	private int reviewWeightEd;	// 상품평 검색조건 몸무게 구간종료	50
 	
+	private String reviewSysImg;	// 리뷰대표이미지
+	private String goodsImageYn;	// 이미지 여부
+	private int rankno;				// 리뷰 순서
+	private Integer planSq;			// 기획전 번호
+	private String title;			// 기획전 타이틀
+	private String goodsNm;			// 상품이름
+	private int currPrice;		// 현재가
 	// Masking
 	public String getMaskingCustId() {
 		return (this.custId != null) ?  MaskingUtils.id(this.custId) : this.custId;

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

@@ -572,7 +572,7 @@
 		     , A.USE_YN
 		FROM   TB_NOTICE A
 		INNER JOIN TB_NOTICE_GOODS B ON A.NOTICE_SQ = B.NOTICE_SQ
-		                             AND B.GOODS_CD = 'CNW1XAPT32'
+		                             AND B.GOODS_CD = #{goodsCd}
 		WHERE  A.NOTICE_TYPE = 'G047_30'
 		AND NOW() BETWEEN A.NOTICE_STDT AND A.NOTICE_EDDT
 		AND A.USE_YN  = 'Y'
@@ -838,4 +838,24 @@
 		ORDER BY A.DISP_ORD
 	</select>
 	
+	<!-- 최근본상품 조회 -->
+	<select id="getRecentlyGoodsList"  parameterType="Goods" resultType="Goods">
+		/* TsfGoods.getRecentlyGoodsList */
+		SELECT G.GOODS_CD
+		     , G.MAIN_COLOR_CD
+		     , GI.SYS_IMG_NM
+		FROM   (
+		        ${todayGoodsSql}
+		       ) A
+		     , TB_GOODS G
+		     , TB_GOODS_IMG GI
+		WHERE  A.GOODS_CD = G.GOODS_CD
+		AND    G.GOODS_CD = GI.GOODS_CD
+		AND    G.MAIN_COLOR_CD = GI.COLOR_CD
+		AND    G.GOODS_STAT = 'G008_90' /*승인완료된상품만*/
+		AND    GI.DEFAULT_IMG_YN = 'Y' /*기본이미지만*/
+		GROUP  BY G.GOODS_CD, G.MAIN_COLOR_CD
+		ORDER  BY A.DISP_ORD DESC
+	</select>
+	
 </mapper>

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

@@ -93,7 +93,7 @@
 			      ,P.MAIN_MIMG 
 			      ,P.DISP_ORD 
 			      ,P.REG_NO
-		)P1 INNER JOIN (
+		)P1 LEFT JOIN (
 						SELECT  PB.PLAN_SQ 
 						      , COUNT(PLAN_SQ) AS CNT
 						      ,CASE WHEN COUNT(PLAN_SQ) = 1 THEN MAX(TBG.BRAND_GROUP_KNM) ELSE MAX(TBG.BRAND_GROUP_KNM)END AS BRAND
@@ -192,8 +192,8 @@
 		     , A.PLAN_GB
 		     , A.SITE_CD
 		     , A.FRONT_GB
-		     , A.DISP_STDT
-		     , A.DISP_EDDT
+		     , DATE_FORMAT(A.DISP_STDT, '%Y-%m-%d') AS DISP_STDT 
+		     , DATE_FORMAT(A.DISP_EDDT, '%Y-%m-%d') AS DISP_EDDT
 		     , A.MAIN_PIMG
 		     , A.MAIN_MIMG
 		     , A.DTL_PIMG
@@ -245,6 +245,7 @@
 	</select>
 	
 	<select id="getPlanEventList" parameterType="Plan" resultType="Plan">
+		/* TsfPlanning.getPlanEventList*/
 		SELECT P1.*
 		FROM 
 		(
@@ -294,6 +295,7 @@
 	</select>
 	
 	<select id="accessCustGrade"  parameterType="Plan" resultType="Plan">
+		/* TsfPlanning.accessCustGrade*/
 		SELECT CUST_GRADE
 			  ,(CASE CUST_GRADE WHEN 'G110_10'THEN 'VIP'
 			                    WHEN 'G110_20'THEN 'GOLD'
@@ -304,5 +306,258 @@
 		WHERE TP.PLAN_SQ = #{planSq}
 	</select>
 	
+	<select id="getPlanFsrcInfo" parameterType="Plan" resultType="Plan">
+		/* TsfPlanning.getPlanFsrcInfo*/
+		SELECT DISP_YN 
+		      ,FRONT_GB 
+		      ,FSRC_MOB 
+		      ,FSRC_PC 
+		      ,PLAN_SQ 
+		FROM TB_PLAN_FSRC PF 
+		WHERE 1=1 
+		  AND PLAN_SQ = #{planSq}
+		  AND FRONT_GB = #{frontGb}
+		  AND DISP_YN = 'Y'
+	</select>
+	
+	<select id="templateDispOrdInfo" parameterType="Plan" resultType="Plan">
+		/* TsfPlanning.templateDispOrdInfo*/
+		SELECT TMPL_TYPE , DISP_ORD 
+		FROM TB_PLAN_CONTENTS TPC 
+		WHERE 1=1 
+			AND TPC.PLAN_SQ = #{planSq}
+		    AND TPC.DISP_YN = 'Y'
+		GROUP BY TMPL_TYPE
+		ORDER BY DISP_ORD 
+	</select>
+	
+	<select id="getPlanReviewInfo" parameterType="Review" resultType="Review">
+		/* TsfPlanning.templateDispOrdInfo*/
+		SELECT F2.*
+		FROM 
+		(
+			SELECT F.REVIEW_SQ
+					 ,F.GOODS_CD
+					 ,F.REVIEW_GB
+					 ,F.CUST_NO
+					 ,F.ORD_NO
+					 ,F.ORD_DTL_NO
+					 ,F.REVIEW_TITLE
+					 ,F.REVIEW_CONTENT
+					 ,F.SCORE
+					 ,F.HEIGHT
+					 ,F.WEIGHT
+					 ,F.SCORE_SIZE
+					 ,F.SCORE_COLOR
+					 ,F.SCORE_FIT
+					 ,F.SCORE_THICK
+					 ,F.SCORE_WEIGHT
+					 ,F.SCORE_BALL
+					 ,F.GIVE_DUE_PNT
+					 ,F.PNT_GIVE_STAT
+					 ,F.BEST_YN
+					 ,F.GIVE_DUE_BPNT
+					 ,F.BPNT_GIVE_YN
+					 ,F.DISP_YN
+					 ,F.DEL_YN
+					 ,F.CONFIRM_YN
+					 ,F.CONFIRM_UNO
+					 ,F.CONFIRM_DT
+					 ,DATE_FORMAT( F.REG_DT, '%Y-%m-%d') AS REG_DT 
+					 ,DATE_FORMAT( F.UPD_DT, '%Y-%m-%d') AS UPD_DT  
+					 ,F.BRAND_CD
+					 ,F.ITEMKIND_CD
+					 ,F.GOODS_NM
+					 ,F.GOODS_TNM
+					 ,F.GOODS_SNM
+					 ,F.GOODS_SNM1
+					 ,F.MAIN_COLOR_CD
+					 ,F.GOODS_NUM
+					 ,F.GOODS_TYPE
+					 ,F.TAG_PRICE
+					 ,F.LIST_PRICE
+					 ,F.CURR_PRICE
+					 ,F.CURR_BPRICE
+					 ,F.PRICE_UPD_DT
+					 ,F.COST_PRICE
+					 ,F.DC_RATE
+					 ,F.GOODS_STAT
+					 ,F.SELF_MALL_YN
+					 ,F.GOODS_GB
+					 ,F.DISTRIBUTION_GB
+					 ,F.SELF_GOODS_YN
+					 ,F.SUPPLY_COMP_CD
+					 ,F.SUPPLY_GOODS_CD
+					 ,F.PNT_PRATE
+					 ,F.PNT_MRATE
+				  ,(SELECT MAX(SYS_IMG_NM) FROM TB_GOODS_IMG  WHERE GOODS_CD =F.GOODS_CD AND COLOR_CD = F.MAIN_COLOR_CD AND DEFAULT_IMG_YN = 'Y' ) AS SYS_IMG_NM
+				  ,(SELECT MAX(SYS_FILE_NM) FROM TB_REVIEW_ATTACH WHERE REVIEW_SQ =F.REVIEW_SQ ORDER BY FILE_GB , REVIEW_SQ LIMIT 1) AS REVIEW_SYS_IMG
+				  , CASE IFNULL((SELECT COUNT(SYS_IMG_NM) FROM TB_GOODS_IMG  WHERE GOODS_CD = F.GOODS_CD AND COLOR_CD = F.MAIN_COLOR_CD AND DEFAULT_IMG_YN = 'Y' ),0) 
+			            WHEN 0 THEN 'N'
+			            ELSE 'Y' END AS GOODS_IMAGE_YN
+			      ,(SELECT CUST_ID FROM TB_CUSTOMER WHERE CUST_NO = F.CUST_NO) AS CUST_ID
+				  , ROW_NUMBER() OVER (PARTITION BY F.GOODS_CD ORDER BY F.BEST_YN DESC,F.SCORE, F.REG_DT) AS RANKNO
+				  , 'G082_10' AS TMPL_TYPE
+				  ,(SELECT PC.TITLE FROM TB_PLAN_CONTENTS PC WHERE PC.PLAN_SQ = 1 AND PC.TMPL_TYPE = 'G082_10') AS TITLE
+			FROM 
+			(
+				SELECT R.REVIEW_SQ
+					 ,R.GOODS_CD
+					 ,R.REVIEW_GB
+					 ,R.CUST_NO
+					 ,R.ORD_NO
+					 ,R.ORD_DTL_NO
+					 ,R.REVIEW_TITLE
+					 ,R.REVIEW_CONTENT
+					 ,R.SCORE
+					 ,R.HEIGHT
+					 ,R.WEIGHT
+					 ,R.SCORE_SIZE
+					 ,R.SCORE_COLOR
+					 ,R.SCORE_FIT
+					 ,R.SCORE_THICK
+					 ,R.SCORE_WEIGHT
+					 ,R.SCORE_BALL
+					 ,R.GIVE_DUE_PNT
+					 ,R.PNT_GIVE_STAT
+					 ,R.BEST_YN
+					 ,R.GIVE_DUE_BPNT
+					 ,R.BPNT_GIVE_YN
+					 ,R.DISP_YN
+					 ,R.DEL_YN
+					 ,R.CONFIRM_YN
+					 ,R.CONFIRM_UNO
+					 ,R.CONFIRM_DT
+					 ,R.REG_DT 
+					 ,R.UPD_DT 
+					 ,G.BRAND_CD
+					 ,G.ITEMKIND_CD
+					 ,G.GOODS_NM
+					 ,G.GOODS_TNM
+					 ,G.GOODS_SNM
+					 ,G.GOODS_SNM1
+					 ,G.MAIN_COLOR_CD
+					 ,G.GOODS_NUM
+					 ,G.GOODS_TYPE
+					 ,G.TAG_PRICE
+					 ,G.LIST_PRICE
+					 ,G.CURR_PRICE
+					 ,G.CURR_BPRICE
+					 ,G.PRICE_UPD_DT
+					 ,G.COST_PRICE
+					 ,G.DC_RATE
+					 ,G.GOODS_STAT
+					 ,G.SELF_MALL_YN
+					 ,G.GOODS_GB
+					 ,G.DISTRIBUTION_GB
+					 ,G.SELF_GOODS_YN
+					 ,G.SUPPLY_COMP_CD
+					 ,G.SUPPLY_GOODS_CD
+					 ,G.PNT_PRATE
+					 ,G.PNT_MRATE
+				FROM TB_REVIEW R LEFT JOIN TB_GOODS G ON R.GOODS_CD = G.GOODS_CD 
+				WHERE 1=1 
+				 AND R.DEL_YN = 'N'
+				 AND R.DISP_YN = 'Y'
+				 AND R.GOODS_CD IN (
+				 					SELECT PCI.ITEM_VAL 
+				 					FROM TB_PLAN_CONTENTS_ITEM PCI 
+				 					WHERE 1=1
+				 					  AND NOW() BETWEEN PCI.REVIEW_DISP_STDT AND PCI.REVIEW_DISP_EDDT 
+				 					  AND PCI.PLAN_CONT_SQ = (
+				 												SELECT PC.PLAN_CONT_SQ
+				 												FROM TB_PLAN_CONTENTS PC
+				 												WHERE 1=1
+				 												 AND PC.PLAN_SQ = #{planSq}
+				 												 AND PC.TMPL_TYPE = 'G082_10'
+				 												 AND PC.DISP_YN = 'Y'
+				 												
+				 					))
+			)F
+		)F2
+		WHERE F2.RANKNO <![CDATA[<]]> 5
+		ORDER BY F2.REVIEW_SQ LIMIT 20
+	</select>
+	
+	<select id="getPlanCouponInfo" parameterType="Coupon" resultType="Coupon">
+		/* TsfPlanning.templateDispOrdInfo*/
+		SELECT F.*
+		      ,(CASE F.CPN_ID WHEN (SELECT CPN_ID FROM TB_CUST_COUPON C WHERE C.CPN_ID = F.CPN_ID )THEN '받기완료'
+		        ELSE '쿠폰받기' END ) AS COUPON_STAT
+		FROM
+		(
+			SELECT  PC.PLAN_CONT_SQ 
+				  , PC.PLAN_SQ 
+				  , PC.TMPL_TYPE 
+				  , PC.TITLE 
+				  , PC.LINK_URL 
+				  , PCI.ITEM_VAL
+				  , PCI.DISP_ORD
+				  , TC.CPN_ID
+				  , TC.CPN_NM
+				  , TC.CPN_DESC
+				  , TC.SITE_CD
+				  , TC.AF_LINK_CD
+				  , TC.CPN_TYPE
+				  , TC.APPLY_SCOPE
+				  ,(CASE TC.DC_WAY WHEN 'G240_10' THEN '할인금액' 
+				 				   WHEN 'G240_11' THEN '할인율' END) AS DC_WAY 
+				  , TC.DC_PVAL
+				  , TC.DC_MVAL
+				  , TC.DC_AVAL
+				  , TC.MAX_DC_AMT
+				  , TC.PD_GB, AVAIL_STDT
+				  , TC.AVAIL_EDDT
+				  , TC.AVAIL_DAYS
+				  , TC.CUST_PUB_LIMIT_QTY
+				  , TC.TOT_PUB_LIMIT_QTY
+				  , TC.ONE_PUB_QTY
+				  , TC.DN_GB
+				  , TC.DOWN_STDT
+				  , TC.DOWN_EDDT
+				  , TC.BUY_LIMIT_AMT
+				  , TC.REISSUANCE
+				  , TC.CPN_STAT
+				  , TC.END_ALIM_YN
+				  , TC.FIRST_ORD_YN
+				  , TC.DOWN_ABL_YN
+				  , TC.DC_CD_GB
+				  , TC.CUST_JOIN_STDT
+				  , TC.CUST_JOIN_EDDT
+				  , TC.BUY_STDT
+				  , TC.BUY_EDDT
+				  , TC.NEW_CUST_YN
+			FROM TB_PLAN_CONTENTS PC INNER JOIN TB_PLAN_CONTENTS_ITEM PCI ON PC.PLAN_CONT_SQ = PCI.PLAN_CONT_SQ 
+			  						 INNER JOIN TB_COUPON TC ON PCI.ITEM_VAL = TC.CPN_ID 
+			WHERE 1=1 
+				AND PC.PLAN_SQ = #{planSq}
+				AND PC.TMPL_TYPE = 'G082_20'
+				AND PC.DISP_YN ='Y'
+				AND NOW() BETWEEN TC.AVAIL_STDT AND TC.AVAIL_EDDT
+				AND NOW() BETWEEN TC.DOWN_STDT AND TC.DOWN_EDDT 
+		)F
+ 
+	</select>
+	
+	<select id="getPlanImageInfo" parameterType="Plan" resultType="Plan">
+		/* TsfPlanning.getPlanImageInfo*/
+		SELECT PC.PLAN_CONT_SQ
+		      ,PC.PLAN_SQ
+		      ,PC.TMPL_TYPE
+		      ,PC.TITLE
+		      ,PC.LINK_URL
+		      ,PC.DISP_YN
+		      ,PC.DISP_ORD
+		      ,PCI.PLAN_CONT_ITEM_SQ
+		      ,PCI.ITEM_VAL
+		      ,PCI.DISP_ORD
+		      ,PCI.REVIEW_DISP_STDT
+		      ,PCI.REVIEW_DISP_EDDT
+		FROM TB_PLAN_CONTENTS PC INNER JOIN TB_PLAN_CONTENTS_ITEM PCI ON PC.PLAN_CONT_SQ = PCI.PLAN_CONT_SQ 
+		WHERE 1=1
+		 AND PC.TMPL_TYPE = 'G082_30'
+		 AND PC.PLAN_SQ = #{planSq}
+		 AND PC.DISP_YN = 'Y'
+	</select>
 
 </mapper>

src/main/webapp/WEB-INF/views/mob/SigninFormMob.html

@@ -2,7 +2,7 @@
 <html lang="ko"
 	xmlns:th="http://www.thymeleaf.org"
 	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
-	layout:decorator="mob/common/layout/DefaultLayoutMob">
+	layout:decorator="mob/common/layout/LoginLayoutMob">
 <!--
  *******************************************************************************
  * @source  : SigninFormMob.html
@@ -21,7 +21,7 @@
 <th:block layout:fragment="content">
 	<main class="container mb">
 		<div class="close">
-			<a href="javascript:void(0)" class="btn_close" onclick="cfnGoToPage(_PAGE_MAIN);"><span></span><span></span></a>
+			<a href="javascript:history.back(-1);" class="btn_close"><span></span><span></span></a>
 		</div>
 
 		<!-- ★ 컨텐츠 시작 -->

src/main/webapp/WEB-INF/views/mob/common/fragments/FooterMob.html

@@ -28,9 +28,9 @@
 		<section class="f1">
 			<div class="inner">
 				<ul class="link wider">
-					<li><a href="#none">고객센터</a></li>
-					<li><a href="#none">이용약관</a></li>
-					<li><a href="#none">개인정보취급방침</a></li>
+					<li><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_FAQ);">고객센터</a></li>
+					<li><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_USE_TERMS);">이용약관</a></li>
+					<li><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_PRIVACY_POLICY);">개인정보취급방침</a></li>
 				</ul>
 	
 				<div class="collapse">

src/main/webapp/WEB-INF/views/mob/common/fragments/HeadMob.html

@@ -9,18 +9,42 @@
 <!-- 	<meta http-equiv="cache-control" content="no-cache"/> -->
 <!-- 	<meta http-equiv="expires" content="0"/> -->
 <!-- 	<meta http-equiv="pragma" content="no-cache"/> -->
-	<meta name="Title" th:content="${metaBrowserTitle}" content="한세공식몰 스타일24"/>
-	<meta name="description" th:content="${metaOgDesc}" content="한세공식몰,TBJ,FRJ,NBA,NBA KIDS,LPGA,PGATOUR,컬리수,모이몰른,MOIMOLN,리카앤,리바이스키즈,ANDEW,BUCKAROO,나이키키즈"/>
-	<meta name="keywords" th:content="${metaKeywords}" content="한세공식몰,TBJ,FRJ,NBA,NBA KIDS,LPGA,PGATOUR,컬리수,모이몰른,MOIMOLN,리카앤,리바이스키즈,ANDEW,BUCKAROO,나이키키즈"/>
+	<meta name="Title" th:content="${metaInfo.browserTitle}" content="한세공식몰 스타일24"/>
+	<meta name="description" th:content="${metaInfo.ogDesc}" content="한세공식몰,TBJ,FRJ,NBA,NBA KIDS,LPGA,PGATOUR,컬리수,모이몰른,MOIMOLN,리카앤,리바이스키즈,ANDEW,BUCKAROO,나이키키즈"/>
+	<meta name="keywords" th:content="${metaInfo.keywords}" content="한세공식몰,TBJ,FRJ,NBA,NBA KIDS,LPGA,PGATOUR,컬리수,모이몰른,MOIMOLN,리카앤,리바이스키즈,ANDEW,BUCKAROO,나이키키즈"/>
 	<meta property="og:type" content="website"/>
-	<meta property="og:image" th:content="${metaOgImage}" content="/image/web/common/og_style24.png"/>
+	<meta property="og:image" th:content="${metaInfo.ogImage}" content="/image/web/common/og_style24.png"/>
 	<meta property="og:url" th:content="${@environment.getProperty('domain.front')}" content="http://www.style24.com"/>
-	<meta property="og:title" th:content="${metaBrowserTitle}" content="스타일24"/>
-	<meta property="og:description" th:content="${metaOgDesc}" content="한세공식몰,TBJ,FRJ,NBA,NBA KIDS,LPGA,PGATOUR,컬리수,모이몰른,MOIMOLN,리카앤,리바이스키즈,ANDEW,BUCKAROO,나이키키즈"/>
+	<meta property="og:title" th:content="${metaInfo.browserTitle}" content="스타일24"/>
+	<meta property="og:description" th:content="${metaInfo.ogDesc}" content="한세공식몰,TBJ,FRJ,NBA,NBA KIDS,LPGA,PGATOUR,컬리수,모이몰른,MOIMOLN,리카앤,리바이스키즈,ANDEW,BUCKAROO,나이키키즈"/>
 	<meta property="og:locale" content="ko_KR"/>
-	<meta property="og:site_name" th:content="${metaBrowserTitle}" content="한세공식몰 스타일24"/>
+	<meta property="og:site_name" th:content="${metaInfo.browserTitle}" content="한세공식몰 스타일24"/>
 	
-	<title th:text="${metaBrowserTitle}">한세공식몰 스타일24</title>
+	<!-- 추천솔루션 meta -->
+	<meta property="eg:cuid" content="" />
+	<meta property="eg:itemId" content="" />
+	<meta property="eg:itemName" content="" />
+	<meta property="eg:itemImage" content="" />
+	<meta property="eg:itemUrl" content="" />
+	<meta property="eg:originalPrice" content="" />
+	<meta property="eg:salePrice" content="" />
+	<meta property="eg:category1" content="" />
+	<meta property="eg:category2" content="" />
+	<meta property="eg:category3" content="" />
+	<meta property="eg:brandId" content="" />
+	<meta property="eg:brandName" content="" />
+	<meta property="eg:regDate" content="" />
+	<meta property="eg:updateDate" content="" />
+	<meta property="eg:isNew" content="" />
+	<meta property="eg:stock" content="" />
+	<meta property="eg:state" content="" />
+	<meta property="eg:description" content="" />
+	<meta property="eg:extraImage" content="" />
+	<meta property="eg:locale" content="" />
+	<meta property="eg:etc1" content="" />
+	<!-- 추천솔루션 meta -->
+	
+	<title th:text="${metaInfo.browserTitle}">한세공식몰 스타일24</title>
 	<link rel="icon" th:href="@{/images/favicon.ico}" href="favicon.ico" type="image/x-icon"/>
 	<link rel="apple-touch-icon" href="/images/apple-touch-icon.png" sizes="180x180"/>
 	<link rel="icon" href="/images/favicon-32x32.png" sizes="32x32" type="image/png"/>
@@ -43,6 +67,51 @@
 // 		gtag('js', new Date());
 // 		gtag('config', 'UA-168660512-1');
 	</script>
+	
+	<th:block th:if="${sessioninfo != null}">
+		<script th:inline="javascript">
+		/*<![CDATA[*/
+			var gCustId = [[${sessionInfo.custId}]];
+			var gEmail = [[${sessionInfo.Email}]];
+			/*]]>*/
+		</script>
+	</th:block>
+	<th:block th:if="${sessioninfo == null}">
+		<script th:inline="javascript">
+		/*<![CDATA[*/
+			var gCustId = '';
+			var gEmail = '';
+			/*]]>*/
+		</script>
+	</th:block>
+	
+	<script src="/ux/sha512.min.js"></script>
+	<script>
+		String.prototype.hashCode = function() {
+			var hash = 0;
+			for (var i = 0; i < this.length; i++) {
+				var character = this.charCodeAt(i);
+				hash = ((hash<<5) - hash) + character;
+				hash = hash & hash; // Convert to 32bit integer
+			}
+			return hash;
+		}
+		var eglqueueCuid = '1252aed4-78dc-46e8-b784-94ac42e86dd4';
+		var hCustId = gCustId ? hex_sha512(gCustId).toString().hashCode() : '';
+		var hEmail = gEmail;
+		
+		/* Eiengine Script (Visit) */
+		window._eglqueue = window._eglqueue || [];
+		_eglqueue.push(['setVar', 'cuid', eglqueueCuid]);
+		_eglqueue.push(['setVar', 'userId', hCustId]);
+		_eglqueue.push(['track', 'visit']);
+		(function (s, x) {
+			s = document.createElement('script'); s.type = 'text/javascript';
+			s.async = true; s.defer = true; s.src = (('https:' == document.location.protocol) ? 'https' : 'http') + '://logger.eigene.io/js/logger.min.js';
+			x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x);
+		})();
+		/* \\Eiengine Script (Visit) */
+	</script>
 </head>
 
 </html>

src/main/webapp/WEB-INF/views/mob/common/layout/CallcenterLayoutMob.html

@@ -22,7 +22,6 @@
 		<th:block th:replace="~{mob/common/fragments/FooterMob :: footer}"></th:block>
 
 		<th:block th:replace="~{mob/common/fragments/ScriptsMob :: scripts}"></th:block>
-		<!-- <th:block th:replace="~{mob/common/fragments/MarketingScripts :: mscripts}"></th:block> -->
 
 <script th:inline="javascript">
 /*<![CDATA[*/

src/main/webapp/WEB-INF/views/mob/common/layout/DefaultLayoutMob.html

@@ -22,7 +22,6 @@
 		<th:block th:replace="~{mob/common/fragments/FooterMob :: footer}"></th:block>
 
 		<th:block th:replace="~{mob/common/fragments/ScriptsMob :: scripts}"></th:block>
-		<!-- <th:block th:replace="~{mob/common/fragments/MarketingScripts :: mscripts}"></th:block> -->
 
 <script th:inline="javascript">
 /*<![CDATA[*/

src/main/webapp/WEB-INF/views/mob/common/layout/LoginLayoutMob.html

@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="ko"
+	xmlns:th="http://www.thymeleaf.org"
+	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
+
+<head th:replace="~{mob/common/fragments/HeadMob :: head}"></head>
+
+<body>
+
+	<th:block th:replace="~{mob/common/fragments/VariablesMob :: variables}"></th:block>
+	
+	<div class="app">
+		<!-- CONTENT AREA -->
+		<th:block layout:fragment="content"></th:block>
+		<!-- // CONTENT AREA -->
+
+		<th:block th:replace="~{mob/common/fragments/ScriptsMob :: scripts}"></th:block>
+
+<script th:inline="javascript">
+/*<![CDATA[*/
+	$(document).ready(function() {
+		
+	});
+/*]]>*/
+</script>
+
+	</div>
+	
+</body>
+</html>

src/main/webapp/WEB-INF/views/web/common/fragments/FooterWeb.html

@@ -101,14 +101,876 @@
 			<a href="javascript:appBroswer('http://m.ssg.com','mo');" class="btn_def">모바일 버전으로 가기</a>
 		</div>
 	</div>
-	<!-- head end -->
-		
-	<div id="zipcode_layer" style="z-index:9999; position: fixed;left: 50%; top: 50%; transform: translate(-50%, -50%);"></div>
+	
+	<!-- 제휴및입점팝업 -->
+	<div class="modal fade partners_pop" id="partnersPop" tabindex="-1" role="dialog" aria-labelledby="modalScrollLabel" aria-hidden="true">
+		<div class="modal-dialog" role="document">
+			<div class="modal-content">
+				<div class="modal-header">
+					<h5 class="modal-title">제휴 및 입점문의</h5>
+				</div>
+				<div class="modal-body">
+					<p>
+						스타일이십사㈜ 제휴를 통해 함께 성장하고자 하는 기업 및 개인께서는 아래<br>
+						담당자에게 메일을 주세요. 작성된 내용은 각 담당부서에서 검토 후 정성껏 <br>
+						회신 드리겠습니다.
+					</p>
+					<section class="order_row">
+						<div class="tbl point_tbl track_tbl type2">
+							<table>
+								<colgroup>
+									<col width="140px">
+									<col width="100px">
+									<col width="240px">
+								</colgroup>   
+								<thead>
+									<tr>
+										<th>구분</th>
+										<th>담당자</th>
+										<th>연락처</th>
+									</tr>
+								</thead>
+								<tbody>
+									<tr>
+										<td>입점 문의</td>
+										<td>석혜민</td>
+										<td>hmsuk@yes24.com</td>
+									</tr>
+									<tr>
+										<td>제휴 문의</td>
+										<td>정석헌</td>
+										<td>blacktan01@yes24.com</td>
+									</tr>
+								</tbody>
+							</table>
+						</div>
+					</section>
+				</div>
+			</div>
+		</div>
+	</div>
+	
+	<!-- 퀵메뉴 -->
+	<div id="quick_menu">
+		<ul class="quick_btn">
+			<li>
+				<button type="button" id="quick01" class="quick_btn01" data-tab="quick01">
+					<img src="/images/pc/ico_qk_history.png" alt="최근 본 상품"/>
+					<span class="count"></span>
+				</button>
+			</li>
+			<li>
+				<button type="button" id="" class="quick_btn02" data-tab="quick02">
+					<img src="/images/pc/ico_qk_cart.png" alt="쇼핑백"/>
+					<span class="count">2</span>
+				</button>
+			</li>
+			<li>
+				<button type="button" id="" class="quick_btn03" data-tab="quick03">
+					<img src="/images/pc/ico_qk_like.png" alt="위시리스트"/>
+					<span class="count">100</span>
+				</button>
+			</li>
+			<li>
+				<button type="button" id="" class="quick_btn04" data-tab="quick04">
+					<img src="/images/pc/ico_qk_coupon.png" alt="쿠폰"/>
+					<span class="count">100</span>
+				</button>
+			</li>
+			<li>
+				<button type="button" id="" class="quick_btn05" data-tab="quick05">
+					<img src="/images/pc/ico_qk_cate.png" alt="카테고리"/>
+				</button>
+			</li>
+			<li>
+				<button type="button" id="top_btn">
+					<img src="/images/pc/ico_qk_top.png" alt="상단으로가기 버튼"/>
+				</button>
+			</li>
+		</ul>
+		<div class="tabs_con">
+			<button type="button" class="quick_close_btn"><span class="sr-only">퀵메뉴 닫기</span></button>
+			<div class="history quick_con quick01"> <!-- 퀵메뉴_최근 본 상품 -->
+				<div class="quick_head">
+					<h3>최근 본 상품</h3>
+				</div>
+				<div class="quick_body" id="quickMenuTodayGoods"> <!-- 최근 본 상품 없을 시 nodata 클래스 추가 -->
+					<!-- <div class="product_count"><span class='c_primary'>30</span>개의 상품</div>
+					<div class="itemsGrp">
+						<div class="item_prod">
+							<div class="item_state">
+								<a href="#none" class=" itemLink">
+									<div class="itemPic">
+										<img class="vLHTC pd_img" src="/images/pc/thumb/prod1.jpg" alt="이미지설명"/>
+									</div>
+								</a>
+							</div>
+						</div>
+						<div class="item_prod">
+							<div class="item_state">
+								<a href="#none" class=" itemLink">
+									<div class="itemPic">
+										<img class="vLHTC pd_img" src="/images/pc/thumb/prod2.jpg" alt="이미지설명"/>
+									</div>
+								</a>
+							</div>
+						</div>
+						<div class="item_prod">
+							<div class="item_state">
+								<a href="#none" class=" itemLink">
+									<div class="itemPic">
+										<img class="vLHTC pd_img" src="/images/pc/thumb/prod1.jpg" alt="이미지설명"/>
+									</div>
+								</a>
+							</div>
+						</div>
+						<div class="item_prod">
+							<div class="item_state">
+								<a href="#none" class=" itemLink">
+									<div class="itemPic">
+										<img class="vLHTC pd_img" src="/images/pc/thumb/prod2.jpg" alt="이미지설명"/>
+									</div>
+								</a>
+							</div>
+						</div>
+						<div class="item_prod">
+							<div class="item_state">
+								<a href="#none" class=" itemLink">
+									<div class="itemPic">
+										<img class="vLHTC pd_img" src="/images/pc/thumb/prod2.jpg" alt="이미지설명"/>
+									</div>
+								</a>
+							</div>
+						</div>
+						<div class="item_prod">
+							<div class="item_state">
+								<a href="#none" class=" itemLink">
+									<div class="itemPic">
+										<img class="vLHTC pd_img" src="/images/pc/thumb/prod1.jpg" alt="이미지설명"/>
+									</div>
+								</a>
+							</div>
+						</div>
+						<div class="item_prod">
+							<div class="item_state">
+								<a href="#none" class=" itemLink">
+									<div class="itemPic">
+										<img class="vLHTC pd_img" src="/images/pc/thumb/prod2.jpg" alt="이미지설명"/>
+									</div>
+								</a>
+							</div>
+						</div>
+						<div class="item_prod">
+							<div class="item_state">
+								<a href="#none" class=" itemLink">
+									<div class="itemPic">
+										<img class="vLHTC pd_img" src="/images/pc/thumb/prod2.jpg" alt="이미지설명"/>
+									</div>
+								</a>
+							</div>
+						</div>
+						<div class="item_prod">
+							<div class="item_state">
+								<a href="#none" class=" itemLink">
+									<div class="itemPic">
+										<img class="vLHTC pd_img" src="/images/pc/thumb/prod1.jpg" alt="이미지설명"/>
+									</div>
+								</a>
+							</div>
+						</div>
+						<div class="no_item">
+							최근 본 상품이 없습니다.
+						</div> -->
+					</div>
+				</div>
+			</div>
+			<div class="shopingbag quick_con quick02"> <!-- 퀵메뉴_쇼핑백 -->
+				<div class="quick_head">
+					<h3><a href="">쇼핑백</a></h3>
+				</div>
+				<div class="quick_body nodata"> <!-- 쇼핑백 상품 없을 시 nodata 클래스 추가 -->
+					<div class="product_count"><span class='c_primary'>30</span>개의 상품</div>
+					<div class="itemsGrp existence">
+						<div class="item_prod">
+							<button type="button" class="delete_btn"><span class="sr-only">해당상품 삭제</span></button>
+							<div class="item_state">
+								<div class="shape"><span>곧 품절돼요!</span></div>
+								<a href="javascript:;" class="itemLink">
+									<div class="itemPic">
+										<img alt="BLACK-a" class="vLHTC pd_img" src="/images/pc/thumb/prod1.jpg"/>
+									</div>
+									<p class="itemBrand">BRAND NAME</p>
+									<div class="itemName">[온라인 단독] 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼</div>
+									<p class="itemSize">
+										<span>105</span> / <span>블랙</span> / <span>1</span>
+									</p>
+									<p class="itemPrice">80,100
+										<span class="itemPrice_original">89,000</span>
+									</p>
+									<div class="itemComment">다다익선 할인 적용</div>
+								</a>
+							</div>
+						</div>
+						<div class="item_prod">
+							<button type="button" class="delete_btn"><span class="sr-only">해당상품 삭제</span></button>
+							<div class="item_state">
+								<div class="shape"><span>곧 품절돼요!</span></div>
+								<a href="javascript:;" class="itemLink">
+									<div class="itemPic">
+										<img alt="BLACK-a" class="vLHTC pd_img" src="/images/pc/thumb/prod1.jpg"/>
+									</div>
+									<p class="itemBrand">BRAND NAME</p>
+									<div class="itemName">[온라인 단독] 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼</div>
+									<p class="itemSize">
+										<span>105</span> / <span>블랙</span> / <span>1</span>
+									</p>
+									<p class="itemPrice">80,100
+										<span class="itemPrice_original">89,000</span>
+									</p>
+								</a>
+							</div>
+						</div>
+						<div class="item_prod">
+							<button type="button" class="delete_btn"><span class="sr-only">해당상품 삭제</span></button>
+							<div class="item_state">
+								<a href="javascript:;" class="itemLink">
+									<div class="itemPic">
+										<img alt="BLACK-a" class="vLHTC pd_img" src="/images/pc/thumb/prod1.jpg"/>
+									</div>
+									<p class="itemBrand">BRAND NAME</p>
+									<div class="itemName">[온라인 단독] 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼</div>
+									<p class="itemSize">
+										<span>105</span> / <span>블랙</span> / <span>1</span>
+									</p>
+									<p class="itemPrice">80,100
+										<span class="itemPrice_original">89,000</span>
+									</p>
+									<div class="itemComment">다다익선 할인 적용</div>
+								</a>
+							</div>
+						</div>
+						<div class="item_prod">
+							<button type="button" class="delete_btn"><span class="sr-only">해당상품 삭제</span></button>
+							<div class="item_state">
+								<a href="javascript:;" class="itemLink">
+									<div class="itemPic">
+										<img alt="BLACK-a" class="vLHTC pd_img" src="/images/pc/thumb/prod1.jpg"/>
+									</div>
+									<p class="itemBrand">BRAND NAME</p>
+									<div class="itemName">[온라인 단독] 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼</div>
+									<p class="itemSize">
+										<span>105</span> / <span>블랙</span> / <span>1</span>
+									</p>
+									<p class="itemPrice">80,100
+										<span class="itemPrice_original">89,000</span>
+									</p>
+								</a>
+							</div>
+						</div>
+					</div>
+					<!-- 쇼핑백 없을 시 -->
+					<div class="itemsGrp empty">
+						<p class="desc">쇼핑백에 담긴 상품이 없습니다.</p>
+						<span class="subH3">지금 많이 보고있어요</span>
+						<div class="item_prod">
+							<div class="item_state">
+								<a href="javascript:;" class="itemLink">
+									<div class="itemPic">
+										<img alt="BLACK-a" class="vLHTC pd_img" src="/images/pc/thumb/prod1.jpg"/>
+									</div>
+									<p class="itemBrand">BRAND NAME</p>
+									<div class="itemName">[온라인 단독] 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼</div>
+									<p class="itemPrice">80,100
+										<span class="itemPrice_original">89,000</span>
+									</p>
+									<!-- 미사용 <button type="button" class="btn btn_sm cart_btn"><span>쇼핑백 담기</span></button> -->
+									<div class="viewCount"><span>508</span>명 보는중</div>
+								</a>
+							</div>
+						</div>
+						<div class="item_prod">
+							<div class="item_state">
+								<a href="javascript:;" class="itemLink">
+									<div class="itemPic">
+										<img alt="BLACK-a" class="vLHTC pd_img" src="/images/pc/thumb/prod1.jpg"/>
+									</div>
+									<p class="itemBrand">BRAND NAME</p>
+									<div class="itemName">[온라인 단독] 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼</div>
+									<p class="itemPrice">80,100
+										<span class="itemPrice_original">89,000</span>
+									</p>
+									<!-- 미사용 <button type="button" class="btn btn_sm cart_btn on"><span>쇼핑백 담기</span></button> -->
+									<div class="viewCount"><span>58</span>명 보는중</div>
+								</a>
+							</div>
+						</div>
+						<div class="item_prod">
+							<div class="item_state">
+								<a href="javascript:;" class="itemLink">
+									<div class="itemPic">
+										<img alt="BLACK-a" class="vLHTC pd_img" src="/images/pc/thumb/prod1.jpg"/>
+									</div>
+									<p class="itemBrand">BRAND NAME</p>
+									<div class="itemName">[온라인 단독] 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼</div>
+									<p class="itemPrice">80,100
+										<span class="itemPrice_original">89,000</span>
+									</p>
+									<!-- 미사용 <button type="button" class="btn btn_sm cart_btn on"><span>쇼핑백 담기</span></button> -->
+									<div class="viewCount"><span>9</span>명 보는중</div>
+								</a>
+							</div>
+						</div>
+						<div class="item_prod">
+							<div class="item_state">
+								<a href="javascript:;" class="itemLink">
+									<div class="itemPic">
+										<img alt="BLACK-a" class="vLHTC pd_img" src="/images/pc/thumb/prod1.jpg"/>
+									</div>
+									<p class="itemBrand">BRAND NAME</p>
+									<div class="itemName">[온라인 단독] 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼</div>
+									<p class="itemPrice">80,100
+										<span class="itemPrice_original">89,000</span>
+									</p>
+									<!-- 미사용 <button type="button" class="btn btn_sm cart_btn"><span>쇼핑백 담기</span></button> -->
+									<div class="viewCount"><span>452</span>명 보는중</div>
+								</a>
+							</div>
+						</div>
+					</div>
+					<!-- //쇼핑백 없을 시 -->
+					<button type="button" class="btn btn_default purchase_btn"><span>전체 상품 구매하기</span></button>
+				</div>
+			</div>
+			<div class="wishlist quick_con quick03"> <!-- 퀵메뉴_위시리스트 -->
+				<div class="quick_head"> 
+					<h3><a href="">위시리스트</a></h3>
+				</div>
+				<div class="quick_body"> <!-- 최근 본 상품 없을 시 nodata 클래스 추가 --> <!-- 비로그인 시 need_login 클래스 추가 -->
+					<div class="product_count"><span class='c_primary'>50</span>개의 상품</div>
+					<div class="itemsGrp">
+						<div class="item_prod">
+							<div class="item_state">
+								<div class="shape"><span>곧 품절돼요!</span></div>
+								<a href="#none" class=" itemLink">
+									<div class="itemPic">
+										<img class="vLHTC pd_img" src="/images/pc/thumb/prod1.jpg" alt="이미지설명"/>
+										<button type="button" class="itemLike active">관심상품 추가</button>
+									</div>
+								</a>
+								<div class="hover_con">
+									<button type="button" class="btn btn_sm cart_btn on"><span>쇼핑백 담기</span></button>
+								</div>
+							</div>
+						</div>
+						<div class="item_prod">
+							<div class="item_state">
+								<div class="shape"><span>곧 품절돼요!</span></div>
+								<a href="#none" class=" itemLink">
+									<div class="itemPic">
+										<img class="vLHTC pd_img" src="/images/pc/thumb/prod2.jpg" alt="이미지설명"/>
+										<button type="button" class="itemLike active">관심상품 추가</button>
+									</div>
+								</a>
+								<div class="hover_con">
+									<button type="button" class="btn btn_sm cart_btn on"><span>쇼핑백 담기</span></button>
+								</div>
+							</div>
+						</div>
+						<div class="item_prod">
+							<div class="item_state">
+								<a href="#none" class=" itemLink">
+									<div class="itemPic">
+										<img class="vLHTC pd_img" src="/images/pc/thumb/prod1.jpg" alt="이미지설명"/>
+										<button type="button" class="itemLike active">관심상품 추가</button>
+									</div>
+								</a>
+								<div class="hover_con">
+									<button type="button" class="btn btn_sm cart_btn on"><span>쇼핑백 담기</span></button>
+								</div>
+							</div>
+						</div>
+						<div class="item_prod">
+							<div class="item_state">
+								<a href="#none" class=" itemLink">
+									<div class="itemPic">
+										<img class="vLHTC pd_img" src="/images/pc/thumb/prod2.jpg" alt="이미지설명"/>
+										<button type="button" class="itemLike active">관심상품 추가</button>
+									</div>
+								</a>
+								<div class="hover_con">
+									<button type="button" class="btn btn_sm cart_btn on"><span>쇼핑백 담기</span></button>
+								</div>
+							</div>
+						</div>
+						<div class="item_prod">
+							<div class="item_state">
+								<a href="#none" class=" itemLink">
+									<div class="itemPic">
+										<img class="vLHTC pd_img" src="/images/pc/thumb/prod2.jpg" alt="이미지설명"/>
+										<button type="button" class="itemLike active">관심상품 추가</button>
+									</div>
+								</a>
+								<div class="hover_con">
+									<button type="button" class="btn btn_sm cart_btn on"><span>쇼핑백 담기</span></button>
+								</div>
+							</div>
+						</div>
+						<div class="item_prod">
+							<div class="item_state">
+								<a href="#none" class=" itemLink">
+									<div class="itemPic">
+										<img class="vLHTC pd_img" src="/images/pc/thumb/prod1.jpg" alt="이미지설명"/>
+										<button type="button" class="itemLike active">관심상품 추가</button>
+									</div>
+								</a>
+								<div class="hover_con">
+									<button type="button" class="btn btn_sm cart_btn on"><span>쇼핑백 담기</span></button>
+								</div>
+							</div>
+						</div>
+						<div class="item_prod">
+							<div class="item_state">
+								<a href="#none" class=" itemLink">
+									<div class="itemPic">
+										<img class="vLHTC pd_img" src="/images/pc/thumb/prod1.jpg" alt="이미지설명"/>
+										<button type="button" class="itemLike active">관심상품 추가</button>
+									</div>
+								</a>
+								<div class="hover_con">
+									<button type="button" class="btn btn_sm cart_btn on"><span>쇼핑백 담기</span></button>
+								</div>
+							</div>
+						</div>
+						<div class="no_item">
+							최근 본 상품이 없습니다.
+						</div>
+					</div>
+					<div class="login_con">
+						<div>
+							<p>로그인 후 이용 가능한 서비스입니다.</p>
+							<button type="button" class="btn btn_sm"><span>로그인</span></button>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="coupon quick_con quick04"> <!-- 퀵메뉴_나의 쿠폰 -->
+				<div class="quick_head">
+					<h3><a href="">나의 쿠폰</a></h3>
+				</div>
+				<div class="quick_body"> <!-- 비로그인 시 need_login 클래스 추가 -->
+					<div class="coupon_tab">
+						<a href="#coupon_type01" id="" class="">발급 가능 쿠폰</a>
+						<a href="#coupon_type02" id="" class="">보유 쿠폰</a>
+					</div>
+					<div id="coupon_type01" class="coupon_area">
+						<div class="pop_cont">
+							<ul class="coupon_list">
+								<li>
+									<div class="coupon">
+										<div>
+											<p class="cp_name">
+												TBJ 시즌오프 20% 할인쿠폰
+											</p>
+											<p class="cp_cont">
+												<span><em>12,399,900</em>원</span>
+											</p>
+											<p class="cp_condition">
+												500,000원 이상 구매 시 최대 50,000원 할인
+												<span>1인 최대 90장</span>
+											</p>
+										</div>
+										<button type="button" class="btn btn_dark btn_block btn_coupon_down"><span>쿠폰받기</span></button>
+									</div>
+								</li>
+								<li>
+									<div class="coupon">
+										<div>
+											<p class="cp_name">
+												신규가입 40% 할인쿠폰
+											</p>
+											<p class="cp_cont">
+												<span><em>40%</em></span>
+											</p>
+											<p class="cp_condition">
+												500,000원 이상 구매 시 최대 50,000원 할인
+												<span>1인 최대 90장</span>
+											</p>
+										</div>
+										<button type="button" class="btn btn_dark btn_block btn_coupon_done" disabled=""><span>받기완료</span></button>
+									</div>
+								</li>
+								<li>
+									<div class="coupon">
+										<div>
+											<p class="cp_name">
+												TBJ 시즌오프 20% 할인쿠폰
+											</p>
+											<p class="cp_cont">
+												<span><em>12,399,900</em>원</span>
+											</p>
+											<p class="cp_condition">
+												500,000원 이상 구매 시 최대 50,000원 할인
+												<span>1인 최대 90장</span>
+											</p>
+										</div>
+										<button type="button" class="btn btn_dark btn_block btn_coupon_down"><span>쿠폰받기</span></button>
+									</div>
+								</li>
+								<li>
+									<div class="coupon">
+										<div>
+											<p class="cp_name">
+												신규가입 40% 할인쿠폰
+											</p>
+											<p class="cp_cont">
+												<span><em>40%</em></span>
+											</p>
+											<p class="cp_condition">
+												500,000원 이상 구매 시 최대 50,000원 할인
+												<span>1인 최대 90장</span>
+											</p>
+										</div>
+										<button type="button" class="btn btn_dark btn_block btn_coupon_done" disabled=""><span>받기완료</span></button>
+									</div>
+								</li>
+								<li>
+									<div class="coupon">
+										<div>
+											<p class="cp_name">
+												TBJ 시즌오프 20% 할인쿠폰
+											</p>
+											<p class="cp_cont">
+												<span><em>12,399,900</em>원</span>
+											</p>
+											<p class="cp_condition">
+												500,000원 이상 구매 시 최대 50,000원 할인
+												<span>1인 최대 90장</span>
+											</p>
+										</div>
+										<button type="button" class="btn btn_dark btn_block btn_coupon_down"><span>쿠폰받기</span></button>
+									</div>
+								</li>
+								<li>
+									<div class="coupon">
+										<div>
+											<p class="cp_name">
+												신규가입 40% 할인쿠폰
+											</p>
+											<p class="cp_cont">
+												<span><em>40%</em></span>
+											</p>
+											<p class="cp_condition">
+												500,000원 이상 구매 시 최대 50,000원 할인
+												<span>1인 최대 90장</span>
+											</p>
+										</div>
+										<button type="button" class="btn btn_dark btn_block btn_coupon_done" disabled=""><span>받기완료</span></button>
+									</div>
+								</li>
+							</ul>
+						</div>
+					</div>
+					<div id="coupon_type02" class="coupon_area">
+						<div class="coupon_list">
+							<ul class="clear">
+								<li>
+									<div class="cp_top">
+										<div class="cp_detail">
+											<p class="tit">신규 가입 40% 할인쿠폰</p>
+											<strong class="sale_t won_t"><span>12,399,900</span>원</strong>
+											<p class="cp_cont"><span>9,500,500</span>원 이상 구매시 최대 <span>5,000,000</span>원 할인</p>
+											<span class="cp_cnt"><span>999</span>장 보유</span>
+										</div>
+										<span class="cp_shape"></span>
+									</div>
+									<div class="cp_date">
+										<span>2020.01.01</span> ~ <span>2021.01.31</span>
+									</div>
+									<div class="cp_info">
+										<button type="button" class="coupon_pop_btn"><span>사용안내</span></button>
+									</div>
+								</li>
+								<li class="off">
+									<div class="cp_top">
+										<div class="cp_detail">
+											<p class="tit">신규 가입 40% 할인쿠폰</p>
+											<strong class="sale_t"><span>40</span>%</strong>
+											<p class="cp_cont"><span>9,500,500</span>원 이상 구매시 최대 <span>5,000,000</span>원 할인</p>
+											<span class="cp_cnt"><span>999</span>장 보유</span>
+										</div>
+										<span class="cp_shape"></span>
+									</div>
+									<div class="cp_date">
+										<span class="cp_off">사용완료</span>
+									</div>
+									<div class="cp_info">
+										<button type="button" class="coupon_pop_btn"><span>사용안내</span></button>
+									</div>
+								</li>
+							</ul>
+						</div>
+					</div>
+					<a href="" class="more_btn">더 보기</a>
+					<div class="login_con">
+						<div>
+							<p>로그인 후 이용 가능한 서비스입니다.</p>
+							<button type="button" class="btn btn_sm"><span>로그인</span></button>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="category quick_con quick05"> <!-- 퀵메뉴_카테고리 -->
+				<div class="quick_head">
+					<h3>스타일24 카테고리</h3>
+				</div>
+				<div class="quick_body">
+					<ul class="quick_cate_wrap" id="ulQuickMenuCate">
+						<!-- <li><a href="javascript:;"><span>홈</span></a></li>
+						<li class="has_children">
+							<a href="javascript:;"><span>여성</span></a>
+							<ul class="quick_depth">
+								<li><a href="javascript:;"><span>티셔츠/셔츠</span></a></li>
+								<li><a href="javascript:;"><span>니트/가디건/베스트</span></a></li>
+								<li><a href="javascript:;"><span>원피스/스커트</span></a></li>
+								<li><a href="javascript:;"><span>팬츠/레깅스</span></a></li>
+								<li><a href="javascript:;"><span>데님</span></a></li>
+								<li><a href="javascript:;"><span>자켓/점퍼/코트</span></a></li>
+								<li><a href="javascript:;"><span>트레이닝/스포츠</span></a></li>
+								<li><a href="javascript:;"><span>여성잡화</span></a></li>
+								<li><a href="javascript:;"><span>언더웨어</span></a></li>
+							</ul>
+						</li>
+						<li class="has_children">
+							<a href="javascript:;"><span>남성</span></a>
+							<ul class="quick_depth">
+								<li><a href="javascript:;"><span>티셔츠/셔츠</span></a></li>
+								<li><a href="javascript:;"><span>니트/가디건/베스트</span></a></li>
+								<li><a href="javascript:;"><span>원피스/스커트</span></a></li>
+								<li><a href="javascript:;"><span>팬츠/레깅스</span></a></li>
+								<li><a href="javascript:;"><span>데님</span></a></li>
+								<li><a href="javascript:;"><span>자켓/점퍼/코트</span></a></li>
+								<li><a href="javascript:;"><span>트레이닝/스포츠</span></a></li>
+								<li><a href="javascript:;"><span>여성잡화</span></a></li>
+								<li><a href="javascript:;"><span>언더웨어</span></a></li>
+							</ul>  
+						</li>
+						<li class="has_children">
+							<a href="javascript:;"><span>유아동</span></a>
+							<ul class="quick_depth">
+								<li><a href="javascript:;"><span>티셔츠/셔츠</span></a></li>
+								<li><a href="javascript:;"><span>니트/가디건/베스트</span></a></li>
+								<li><a href="javascript:;"><span>원피스/스커트</span></a></li>
+								<li><a href="javascript:;"><span>팬츠/레깅스</span></a></li>
+								<li><a href="javascript:;"><span>데님</span></a></li>
+								<li><a href="javascript:;"><span>자켓/점퍼/코트</span></a></li>
+								<li><a href="javascript:;"><span>트레이닝/스포츠</span></a></li>
+								<li><a href="javascript:;"><span>여성잡화</span></a></li>
+								<li><a href="javascript:;"><span>언더웨어</span></a></li>
+							</ul> 
+						</li>
+						<li class="has_children">
+							<a href="javascript:;"><span>골프</span></a>
+							<ul class="quick_depth">
+								<li><a href="javascript:;"><span>티셔츠/셔츠</span></a></li>
+								<li><a href="javascript:;"><span>니트/가디건/베스트</span></a></li>
+								<li><a href="javascript:;"><span>원피스/스커트</span></a></li>
+								<li><a href="javascript:;"><span>팬츠/레깅스</span></a></li>
+								<li><a href="javascript:;"><span>데님</span></a></li>
+								<li><a href="javascript:;"><span>자켓/점퍼/코트</span></a></li>
+								<li><a href="javascript:;"><span>트레이닝/스포츠</span></a></li>
+								<li><a href="javascript:;"><span>여성잡화</span></a></li>
+								<li><a href="javascript:;"><span>언더웨어</span></a></li>
+							</ul>
+						</li>
+						<li class="has_children">
+							<a href="javascript:;"><span>라이프</span></a>
+							<ul class="quick_depth">
+								<li><a href="javascript:;"><span>티셔츠/셔츠</span></a></li>
+								<li><a href="javascript:;"><span>니트/가디건/베스트</span></a></li>
+								<li><a href="javascript:;"><span>원피스/스커트</span></a></li>
+								<li><a href="javascript:;"><span>팬츠/레깅스</span></a></li>
+								<li><a href="javascript:;"><span>데님</span></a></li>
+								<li><a href="javascript:;"><span>자켓/점퍼/코트</span></a></li>
+								<li><a href="javascript:;"><span>트레이닝/스포츠</span></a></li>
+								<li><a href="javascript:;"><span>여성잡화</span></a></li>
+								<li><a href="javascript:;"><span>언더웨어</span></a></li>
+							</ul>
+						</li>
+						<li><a href="javascript:;"><span>베스트</span></a></li>
+						<li><a href="javascript:;"><span>핫딜</span></a></li>
+						<li><a href="javascript:;"><span>기획전</span></a></li>
+						<li><a href="javascript:;"><span>총알배송</span></a></li>
+						<li class="has_children">
+							<a href="javascript:;"><span>아울렛</span></a>
+							<ul class="quick_depth">
+								<li><a href="javascript:;"><span>티셔츠/셔츠</span></a></li>
+								<li><a href="javascript:;"><span>니트/가디건/베스트</span></a></li>
+								<li><a href="javascript:;"><span>원피스/스커트</span></a></li>
+								<li><a href="javascript:;"><span>팬츠/레깅스</span></a></li>
+								<li><a href="javascript:;"><span>데님</span></a></li>
+								<li><a href="javascript:;"><span>자켓/점퍼/코트</span></a></li>
+								<li><a href="javascript:;"><span>트레이닝/스포츠</span></a></li>
+								<li><a href="javascript:;"><span>여성잡화</span></a></li>
+								<li><a href="javascript:;"><span>언더웨어</span></a></li>
+							</ul>
+						</li>
+						<li><a href="/"><span>룩북</span></a></li>
+						<li><a href="/"><span>이벤트/혜택</span></a></li> -->
+					</ul>
+					<div class="quick_cate_txt">
+						<a th:if="${sessionInfo == null}" href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_LOGIN);">로그인</a>
+						<a th:if="${sessionInfo != null}" href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_LOGOUT);">로그아웃</a>
+						<a th:if="${sessionInfo == null}" href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_CUSTOMER_JOIN_TYPE);">회원가입</a>
+						<a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_MYPAGE);">마이페이지</a>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+	<!-- 퀵메뉴 -->
+	
+	<!-- 쿠폰 사용 내역 팝업 -->
+	<div class="modal coupon_popup" tabindex="-1" role="dialog" aria-labelledby="PopupBasicLabel" aria-hidden="true">
+		<div class="modal-dialog" role="document">
+			<div class="modal-content">
+				<div class="modal-header">
+					<h5 class="modal-title">사용 조건</h5>
+				</div>
+				<div class="modal-body">
+					<section class="order_row">
+						<div class="coupon_condition">
+							<dl class="clear">
+								<dt>사용조건</dt>
+								<dd><span>9,999,999</span>원 구매 시 최대 <span>9,999,999</span>원 할인</dd>
+							</dl>
+							<dl class="clear">
+								<dt>대상조건</dt>
+								<dd>남성,여성,유아동 카테고리</dd>
+							</dl>
+						</div>
+					</section>
+				</div>
+			</div>
+		</div>
+	</div>
 
 <script th:inline="javascript">
 /*<![CDATA[*/
-	/* familysite */
+	// 패밀리 사이트
+	let fnGetFamilySite = function() {
+		$.getJSON('/renderer/familysite/list'
+			, function(result, status) {
+				if (status == 'success') {
+					if (result.length > 0) {
+						$('#family_site').html('');
+						let tag = '<dt class="no_tit"><span class="blind">그룹없음</span></dt>';
+						
+						$.each(result, function (idx, item) {
+							if (!gagajf.isNull(item.cdNm)) {
+								tag += '<dd><a class="clickable" href="' + item.cdNm.substring(0, item.cdNm.indexOf('|')) + '" target="_blank" title="새창 열림">' + item.cdNm.substring(item.cdNm.indexOf('|') + 1) + '</a></dd>\n';
+							}
+						});
+						
+						$('#family_site').html(tag);
+					}
+				}
+		});
+	}
+	
+	// 퀵메뉴카테고리
+	let fnGetQuickMenuCategory = function(cate1) {
+		let tag = '';
+		if (cate1 != null) {
+			tag += '<li class="has_children">\n';
+			tag += '	<a href="javascript:;"><span>' + cate1.cate1Nm + '</span></a>\n';
+			if (cate1.leafYn == 'N' && cate1.cate2List.length > 0) {
+				tag += '	<ul class="quick_depth">\n';
+				tag += '		<li><a href="javascript:void(0);" onclick="cfnGoToCategoryMain(\'' + cate1.cateGb + '\',' + cate1.cate1No + ');"><span>메인</span></a>\n';
+				tag += '		<li><a href="javascript:void(0);" onclick="cfnGoToItemkindMain(\'' + cate1.cateGb + '\',' + cate1.cate1No + ');"><span>전체</span></a>\n';
+				$.each(cate1.cate2List, function(idx2, cate2) {
+					tag += '		<li><a href="javascript:void(0);" onclick="cfnGoToItemkindMain(\'' + cate2.cateGb + '\',' + cate2.cate1No + ',' + cate2.cate2No + ');"><span>' + cate2.cate2Nm + '</span></a>\n';
+				});
+				tag += '	</ul>\n';
+			}
+			tag += '</li>\n';
+		}
+		return tag;
+	}
+	
+	// 퀵메뉴탭 생성
+	let fnCreateQuickMenuTab = function() {
+		$.getJSON('/display/gnb/tab/list'
+			, function(result, status) {
+				if (status == 'success') {
+					if (result.length > 0) {
+						$('#ulQuickMenuCate').html('');
+						$('#ulQuickMenuCate').append('<li><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_MAIN);"><span>홈</span></a></li>\n');
+						
+						let allCate = [[${allCateList}]];
+						$.each(result, function(idx, item) {
+							if (item.contentsType == 'C' || item.contentsType == 'O') { // 컨텐츠유형:카테고리, 아울렛
+								$.each(allCate, function(allCateIdx, allCateItem) {
+									if (item.cate1No == allCateItem.cate1No) {
+										$('#ulQuickMenuCate').append(fnGetQuickMenuCategory(allCateItem));
+									}
+								});
+							} else if (item.contentsType == 'L') { // 컨텐츠유형:링크
+								$('#ulQuickMenuCate').append('<li><a href="' + item.linkUrl + '"><span>' + item.gtabNm + '</span></a></li>');
+							}
+						});
+					}
+				}
+			});
+	}
+	
+	// 최근본상품
+	let fnGetRecentlyGoods = function() {
+// 	$('#quick01').on('click', function() {
+		$.getJSON('/goods/recently/list'
+				, function(result, status) {
+					if (status == 'success') {
+						$('#quickMenuTodayGoods').html('');
+						
+						$('#quick01').find('span').html(result.length);
+						
+						if (result.length > 0) {
+							let tag = '<div class="product_count"><span class="c_primary">' + result.length + '</span>개의 상품</div>\n';
+							tag += '	<div class="itemsGrp">\n';
+							
+							$.each(result, function (idx, item) {
+								tag += '		<div class="item_prod">\n';
+								tag += '			<div class="item_state">\n';
+								tag += '				<a href="javascript:void(0);" onclick="cfnGoToGoodsDetail(\'' + item.goodsCd + '\', \'\', \'\', \'\');" class=" itemLink">\n';
+								tag += '					<div class="itemPic">\n';
+								tag += '						<img class="vLHTC pd_img" src="' + _uploadGoodsUrl + '/' + item.sysImgNm + '" alt="이미지설명"/>\n';
+								tag += '					</div>\n';
+								tag += '				</a>\n';
+								tag += '			</div>\n';
+								tag += '		</div>\n';
+							});
+							
+							tag += '	</div>\n';
+							
+							$('#quickMenuTodayGoods').html(tag);
+						} else {
+							$('#quickMenuTodayGoods').addClass('nodata');
+						}
+					}
+			});
+// 	});
+	}
+	
 	$(document).ready( function() {
+		// 퀵메뉴탭 조회
+		fnCreateQuickMenuTab();
+		
+		// 패미리사이트 조회
+		fnGetFamilySite();
+		
+		// 최근본상품 조회
+		fnGetRecentlyGoods();
+		
+		// Family Site
 		$('.family_link').on('click','.btn',function(e){
 			e.preventDefault();
 			$(this).parents('.family_link').find('#family_site').slideToggle(100);
@@ -259,4 +1121,4 @@ var cfnInitLayerPosition = function() {
 
 </footer>
 
-</html>
+</html>

src/main/webapp/WEB-INF/views/web/common/fragments/GnbWeb.html

@@ -169,46 +169,46 @@
 	<script th:inline="javascript">
 		/*<![CDATA[*/
 		// 전체카테고리 조회
-		let allCate;
-		let fnGetAllCategory = function() {
-			$.getJSON('/display/all/cate/list'
-				, function(result, status) {
-					if (status == 'success') {
-						allCate = result;
+// 		let allCate;
+// 		let fnGetAllCategory = function() {
+// 			$.getJSON('/display/all/cate/list'
+// 				, function(result, status) {
+// 					if (status == 'success') {
+// 						allCate = result;
 						
-						// GNB탭 > 브랜드 생성
-						fnCreateGnbBrandGroup();
-					}
-			});
-		}
+// 						// GNB탭 > 브랜드 생성
+// 						fnCreateGnbBrandGroup();
+// 					}
+// 			});
+// 		}
 		
 		// GNB탭 > 카테고리
 		let fnGetGnbCategory = function(cate1) {
 			let tag = '';
 			if (cate1 != null) {
 				tag += '<li class="has_depth">\n'; //depth_menu 있을 시 has_depth 클래스 추가
-				tag += '	<a href="javascript:void(0);" onclick="cfnGoToCategory(' + cate1.cate1Nm + ');">' + cate1.cate1Nm + '</a>\n';
+				tag += '	<a href="javascript:void(0);" onclick="cfnGoToCategoryMain(\'' + cate1.cate1Gb + '\',' + cate1.cate1No + ');">' + cate1.cate1Nm + '</a>\n';
 				tag += '	<div class="depth_menu category">\n';
 				tag += '		<div class="head_category">\n';
 				tag += '			<div class="tit">\n';
 				tag += '				<p>' + cate1.cate1Nm + '</p>\n';
-				tag += '				<a href="javascript:void(0);" onclick="cfnGoToCategory(' + cate1.cate1No + ');" class="more">전체보기</a>\n';
+				tag += '				<a href="javascript:void(0);" onclick="cfnGoToItemkindMain(\'' + cate1.cate1Gb + '\',' + cate1.cate1No + ');" class="more">전체보기</a>\n';
 				tag += '			</div>\n';
 				if (cate1.leafYn == 'N' && cate1.cate2List.length > 0) {
 					tag += '			<div class="menu">\n';
 					tag += '				<ul class="maintabs">\n';
 					$.each(cate1.cate2List, function(idx2, cate2) {
 						tag += '					<li>\n';
-						tag += '						<a href="javascript:void(0);" onclick="cfnGoToCategoryMain(\'' + cate2.cateGb + '\',\'' + cate2.cate1No + '\',\'' + cate2.cate2No + '\');">' + cate2.cate2Nm + '</a>\n';
+						tag += '						<a href="javascript:void(0);" onclick="cfnGoToItemkindMain(\'' + cate2.cateGb + '\',' + cate2.cate1No + ',' + cate2.cate2No + ');">' + cate2.cate2Nm + '</a>\n';
 						if (cate2.leafYn == 'N' && cate2.cate3List != null && cate2.cate3List.length > 0) {
 							tag += '						<ul class="box_depth2">\n';
 							$.each(cate2.cate3List, function(idx3, cate3) {
 								tag += '							<li>\n';
-								tag += '								<a href="javascript:void(0);" onclick="cfnGoToCategoryMain(\'' + cate3.cateGb + '\',\'' + cate3.cate1No + '\',\'' + cate3.cate2No + '\',\'' + cate3.cate3No + '\');">' + cate3.cate3Nm + '</a>\n';
+								tag += '								<a href="javascript:void(0);" onclick="cfnGoToItemkindMain(\'' + cate3.cateGb + '\',' + cate3.cate1No + ',' + cate3.cate2No + ',' + cate3.cate3No + ');">' + cate3.cate3Nm + '</a>\n';
 								if (cate3.leafYn == 'N' && cate3.cate4List != null && cate3.cate4List.length > 0) {
 									tag += '								<ul class="box_depth3">\n';
 									$.each(cate3.cate4List, function(idx4, cate4) {
-										tag += '									<li><a href="javascript:void(0);" onclick="cfnGoToCategoryMain(\'' + cate4.cateGb + '\',\'' + cate4.cate1No + '\',\'' + cate4.cate2No + '\',\'' + cate4.cate3No + '\',\'' + cate4.cate4No + '\');">' + cate4.cate4Nm + '</a></li>\n';
+										tag += '									<li><a href="javascript:void(0);" onclick="cfnGoToItemkindMain(\'' + cate4.cateGb + '\',' + cate4.cate1No + ',' + cate4.cate2No + ',' + cate4.cate3No + ',' + cate4.cate4No + ');">' + cate4.cate4Nm + '</a></li>\n';
 									});
 									tag += '								</ul>\n';
 								}
@@ -264,9 +264,9 @@
 						if (result.length > 0) {
 							$('#divGnbTab').html('');
 							$('#ulGnbTab').html('');
+							
+							let allCate = [[${allCateList}]];
 							$.each(result, function(idx, item) {
-								//console.log(item);
-								
 								if (item.contentsType == 'C' || item.contentsType == 'O') { // 컨텐츠유형:카테고리, 아울렛
 									$.each(allCate, function(allCateIdx, allCateItem) {
 										if (item.cate1No == allCateItem.cate1No) {
@@ -390,8 +390,11 @@
 				},
 			});
 
-			// 전체 카테고리 조회
-			fnGetAllCategory();
+// 			// 전체 카테고리 조회
+// 			fnGetAllCategory();
+			
+			// GNB탭 > 브랜드 생성
+			fnCreateGnbBrandGroup();
 		});
 		/*]]>*/
 	</script>

src/main/webapp/WEB-INF/views/web/common/fragments/HeadWeb.html

@@ -8,16 +8,16 @@
 <!-- 	<meta http-equiv="cache-control" content="no-cache"/> -->
 <!-- 	<meta http-equiv="expires" content="0"/> -->
 <!-- 	<meta http-equiv="pragma" content="no-cache"/> -->
-	<meta name="Title" th:content="${metaBrowserTitle}" content="한세공식몰 스타일24"/>
-	<meta name="description" th:content="${metaOgDesc}" content="한세공식몰,TBJ,FRJ,NBA,NBA KIDS,LPGA,PGATOUR,컬리수,모이몰른,MOIMOLN,리카앤,리바이스키즈,ANDEW,BUCKAROO,나이키키즈"/>
-	<meta name="keywords" th:content="${metaKeywords}" content="한세공식몰,TBJ,FRJ,NBA,NBA KIDS,LPGA,PGATOUR,컬리수,모이몰른,MOIMOLN,리카앤,리바이스키즈,ANDEW,BUCKAROO,나이키키즈"/>
+	<meta name="Title" th:content="${metaInfo.browserTitle}" content="한세공식몰 스타일24"/>
+	<meta name="description" th:content="${metaInfo.ogDesc}" content="한세공식몰,TBJ,FRJ,NBA,NBA KIDS,LPGA,PGATOUR,컬리수,모이몰른,MOIMOLN,리카앤,리바이스키즈,ANDEW,BUCKAROO,나이키키즈"/>
+	<meta name="keywords" th:content="${metaInfo.keywords}" content="한세공식몰,TBJ,FRJ,NBA,NBA KIDS,LPGA,PGATOUR,컬리수,모이몰른,MOIMOLN,리카앤,리바이스키즈,ANDEW,BUCKAROO,나이키키즈"/>
 	<meta property="og:type" content="website"/>
-	<meta property="og:image" th:content="${metaOgImage}" content="/image/web/common/og_style24.png"/>
+	<meta property="og:image" th:content="${metaInfo.ogImage}" content="/image/web/common/og_style24.png"/>
 	<meta property="og:url" th:content="${@environment.getProperty('domain.front')}" content="http://www.style24.com"/>
-	<meta property="og:title" th:content="${metaBrowserTitle}" content="스타일24"/>
-	<meta property="og:description" th:content="${metaOgDesc}" content="한세공식몰,TBJ,FRJ,NBA,NBA KIDS,LPGA,PGATOUR,컬리수,모이몰른,MOIMOLN,리카앤,리바이스키즈,ANDEW,BUCKAROO,나이키키즈"/>
+	<meta property="og:title" th:content="${metaInfo.browserTitle}" content="스타일24"/>
+	<meta property="og:description" th:content="${metaInfo.ogDesc}" content="한세공식몰,TBJ,FRJ,NBA,NBA KIDS,LPGA,PGATOUR,컬리수,모이몰른,MOIMOLN,리카앤,리바이스키즈,ANDEW,BUCKAROO,나이키키즈"/>
 	<meta property="og:locale" content="ko_KR"/>
-	<meta property="og:site_name" th:content="${metaBrowserTitle}" content="한세공식몰 스타일24"/>
+	<meta property="og:site_name" th:content="${metaInfo.browserTitle}" content="한세공식몰 스타일24"/>
 	
 	<!-- 추천솔루션 meta -->
 	<meta property="eg:cuid" content="" />
@@ -43,7 +43,7 @@
 	<meta property="eg:etc1" content="" />
 	<!-- 추천솔루션 meta -->
 	
-	<title th:text="${metaBrowserTitle}">한세공식몰 스타일24</title>
+	<title th:text="${metaInfo.browserTitle}">한세공식몰 스타일24</title>
 	<link rel="icon" th:href="@{/images/favicon.ico}" href="favicon.ico" type="image/x-icon"/>
 	<link rel="apple-touch-icon" href="/images/apple-touch-icon.png" sizes="180x180"/>
 	<link rel="icon" href="/images/favicon-32x32.png" sizes="32x32" type="image/png"/>

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

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

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

@@ -1,6 +1,5 @@
 <!DOCTYPE html>
-<html lang="ko"
-	xmlns:th="http://www.thymeleaf.org"
+<html lang="ko" xmlns:th="http://www.thymeleaf.org"
 	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
 	layout:decorator="web/common/layout/DefaultLayoutWeb">
 <!--
@@ -17,341 +16,411 @@
  *******************************************************************************
  -->
 <body>
-<th:block layout:fragment="content">
-	<!--  container -->
-	<div id="container" class="container dp">
-		<div class="breadcrumb"> 
-			<ul>
-               <li class="bread_home"><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_MAIN);">홈</a></li>
-				<li class="bread_2depth"><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_PLANNING_MAIN);">기획전</a></li>
-				<li class="bread_2depth">[[${planInfo.planNm}]]</li>
-			</ul> 
-		</div>
-		<div class="wrap">
-            <div class="content wide"> <!-- 풀사이즈 -->
-                <div class="cont_head">
-					<div>
-                        <h3>[[${planInfo.planNm}]]</h3>
-                        <div>
-                            <a href="javascript:void(0)">sns share</a>
-                        </div>
-                    </div>
-                </div>
-                <div class="cont_body">
-                    <div class="coner_content">
-                        <div class="coner_front">
-                            <div class="big_banner"></div> <!-- 상단배너 -->
-                        </div>
-                        <div class="coner_item01">
-                            <div class="dp_listItems_wrap"> <!-- 추천아이템 -->
-                                <div>
-                                    <a href="javascript:void(0)">겨울 아우터 추천템</a>
-                                </div>
-                                <div class="dp_listItems_cont">
-                                    <ul>
-                                        <li>
-                                            <div class="dp_listItems">
-                                                <div class="dp_listItems_img">
-                                                    <img src="/images/pc/thumb/dp_item01.jpg" alt="">
-                                                </div>
-                                                <div class="dp_listItems_info">
-                                                    <div class="dp_listItems_brand">BUCKAROO</div>
-                                                    <div class="dp_listItems_name">여성 유니 하이넥 벨트 빈티지 숏 기장 무스탕<br>(B204Z5010P)</div>
-                                                    <div class="dp_listItems_price">
-                                                        <span class="price">79,900</span>
-                                                        <del>98,000</del>
-                                                        <span class="percent">10%</span>
-                                                    </div>
-                                                    <div class="ui_row">
-                                                        <button type="button" class="btn btn_default"><span>VIEW MORE</span></button>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </li>
-                                        <li>
-                                            <div class="dp_listItems">
-                                                <div class="dp_listItems_img">
-                                                    <img src="/images/pc/thumb/dp_item02.jpg" alt="">
-                                                </div>
-                                                <div class="dp_listItems_info">
-                                                    <div class="dp_listItems_brand">NBA</div>
-                                                    <div class="dp_listItems_name">남성 유니 와플 패턴 코듀로이 숏기장 다운점퍼<br>(B204DW040P)</div>
-                                                    <div class="dp_listItems_price">
-                                                        <span class="price">79,900</span>
-                                                        <del>98,000</del>
-                                                        <span class="percent">10%</span>
-                                                    </div>
-                                                    <div class="ui_row">
-                                                        <button type="button" class="btn btn_default"><span>VIEW MORE</span></button>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </li>
-                                        <div class="ui_row">
-                                            <button type="button" class="btn btn_default"><span>더 많은 상품보기</span></button>
-                                        </div>
-                                    </ul>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="coner_item02">
-                            <div class="dp_coupon_wrap">
-                                <div>
-                                    <p>TBJ 시즌오프 기간한정 20% 할인쿠폰</p>
-                                </div>
-                                <div class="dp_coupon_list">
-                                    <div class="dp_coupon_item">
-                                        <div class="dp_coupon">
-                                            <p>멤버십 10%할인쿠폰</p>
-                                            <p>10%</p>
-                                            <button></button>
-                                        </div>
-                                        <div>
-                                            <a href="javascript:void(0)" id="coupon_pop">사용안내</a>
-                                        </div>
-                                    </div>
-                                    <div class="dp_coupon_item">
-                                        <div class="dp_coupon">
-                                            <p>멤버십 10%할인쿠폰멤버십 10%할인쿠폰멤버십 10%할인쿠폰</p>
-                                            <p>10%</p>
-                                            <button></button>
-                                        </div>
-                                        <div>
-                                            <a href="javascript:void(0)" id="coupon_pop2">사용안내</a>
-                                        </div>
-                                    </div>
-                                    <div class="dp_coupon_item">
-                                        <div class="dp_coupon">
-                                            <p>멤버십 10%할인쿠폰멤버십 10%할인쿠폰멤버십 10%할인쿠폰</p>
-                                            <p>10%</p>
-                                            <button></button>
-                                        </div>
-                                        <div>
-                                            <a href="javascript:void(0)" id="coupon_pop">사용안내</a>
-                                        </div>
-                                    </div>
-                                    <div class="dp_coupon_item">
-                                        <div class="dp_coupon">
-                                            <p>멤버십 10%할인쿠폰멤버십 10%할인쿠폰멤버십 10%할인쿠폰</p>
-                                            <p>10%</p>
-                                            <button></button>
-                                        </div>
-                                        <div>
-                                            <a href="javascript:void(0)" id="coupon_pop">사용안내</a>
-                                        </div>
-                                    </div>
-                                    <div class="dp_coupon_item">
-                                        <div class="dp_coupon">
-                                            <p>멤버십 10%할인쿠폰멤버십 10%할인쿠폰멤버십 10%할인쿠폰</p>
-                                            <p>10%</p>
-                                            <button></button>
-                                        </div>
-                                        <div>
-                                            <a href="javascript:void(0)" id="coupon_pop">사용안내</a>
-                                        </div>
-                                    </div>
-                                    <div class="dp_coupon_item">
-                                        <div class="dp_coupon">
-                                            <p>멤버십 10%할인쿠폰멤버십 10%할인쿠폰멤버십 10%할인쿠폰</p>
-                                            <p>10%</p>
-                                            <button></button>
-                                        </div>
-                                        <div>
-                                            <a href="javascript:void(0)" id="coupon_pop">사용안내</a>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="dp_coupon_tip">
-                                    <div class="dp_coupon_notice">
-                                    </div>
-                                    <ul>
-                                        <li>쿠폰 발급 기간 : 2020.09 ~ 2020.10.05</li>
-                                        <li>쿠폰 사용 기간 : 2020.09 ~ 2020.10.05이며, 이후 자동 소멸됩니다.</li>
-                                        <li>본 쿠폰은 해당 기획전 상품에만 적용 가능합니다.</li>
-                                        <li>본 쿠폰은 해당 기획전 다운로드 버튼을 통해 발급받으실 수 있습니다.</li>
-                                    </ul>
-                                </div>
-                            </div>
-                        </div>
-                        
-                        
-                        <div class="coner_visual">
-                            <div class="dp_banner_slide"> 
-                                <div class="post-wrapper dp_lookbook_case1"> <!-- 슬라이드case1 -->
-                                   <div class="post"><img src="/images/pc/thumb/dp_slide_banner1.png"></div>
-                                   <div class="post"><img src="/images/pc/thumb/dp_slide_banner1.png"></div>
-                                   <div class="post"><img src="/images/pc/thumb/dp_slide_banner1.png"></div>
-                                   <div class="post"><img src="/images/pc/thumb/dp_slide_banner1.png"></div>
-                                </div>
-                             </div>
-                        </div>
-                    </div>
-                </div>
-            </div> <!-- //풀사이즈 -->
-			<div class="content">
-				<div class="cont_head">
-                    <div class="bullet_sticky_nav">
-                        <ul>    
-                            <li><a href="#23">모이몰른</a></li> <!-- 섹션이동 -->
-                        </ul>
-                    </div>
-                    <div class="item_header">
-                        <h3>겨울 아우터 재입고</h3>
-                    </div>
+	<th:block layout:fragment="content">
+		<!--  container -->
+		<div id="container" class="container dp">
+			<div class="breadcrumb">
+				<ul>
+					<li class="bread_home"><a href="javascript:void(0);"
+						onclick="cfnGoToPage(_PAGE_MAIN);">홈</a></li>
+					<li class="bread_2depth"><a href="javascript:void(0);"
+						onclick="cfnGoToPage(_PAGE_PLANNING_MAIN);">기획전</a></li>
+					<li class="bread_2depth" th:text="${planInfo.planNm}"></li>
+				</ul>
+			</div>
+			<div class="wrap">
+				<div class="content wide dp_detail_case1">
+					<!-- 풀사이즈 -->
+					<div class="cont_head">
+						<div>
+							<h3 th:text="${planInfo.planNm}"></h3>
+							<div>
+								<a href="javascript:void(0)">sns share</a>
+							</div>
+						</div>
+					</div>
+					<div class="cont_body">
+						<div class="coner_content">
+							<div class="coner_front">
+								<div class="promotion_visual" th:if="${fsrcInfoTop != null}" th:utext="${fsrcInfoTop.fsrcPc}"></div>
+								<!-- 상단배너 -->
+							</div>
+							<th:block th:each="a, template : ${templateOrd}">
+								<div class="coner_item01" th:id="${a.tmplType}"></div>
+							</th:block>
+							<div class="coner_front">
+								<div class="promotion_visual" th:if="${fsrcInfoBtm != null}" th:utext="${fsrcInfoBtm.fsrcPc}"></div>
+								<!-- 하단배너 -->
+							</div>
+							<br> <br>
+						</div>
+					</div>
 				</div>
-				<div class="cont_body">
-                    <div class="list_content">
-                        <div class="list_defult">
-                            <div>
-                                <p>등록된 기획전이 없습니다.</p>
-                            </div>
-                            <div class="ui_row">
-                                <button type="button" class="btn btn_default btn_md"><span>메인으로 가기</span></button>
-                            </div>
-                        </div>
-                        <div class="itemsGrp"> <!-- itemsGrp rank hot deal -->
-                            <div class=" item_prod"> <!-- item_prod ranker d_detail -->
-                                <div class="item_state"> <!-- item_state AD soldout -->
-                                    <a href="#none" class="itemLink">
-                                        <div class="itemPic">
-                                            <img alt="BLUE-a" class=" vLHTC pd_img" src="/images/pc/thumb/prod1.jpg">
-                                            <button type="button" class="itemLike active">관심상품 추가</button>
-                                        </div>
-                                        <p class="itemBrand">BRAND NAME</p>
+				<!-- //풀사이즈 -->
+				<div class="content dp_detail_list">
+					<div class="cont_head">
+						<div class="bullet_sticky_nav">
+							<ul>
+								<li><a href="#brand01">모이몰른</a></li>
+								<!-- 섹션이동 -->
+								<li><a href="#brand02">컬리수</a></li>
 
-                                        <div class=" itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
-                                        <p class="itemPrice">488,000<!-- -->원</p>
-                                        <p class="itemBadge">
-                                            <span class="badge13">베스트 </span>
-                                        </p>
-                                        <div class="itemcolorchip">
-                                            <span class="chip_color35" value="ABM">BEIGE</span>
-                                            <span class="chip_color54" value="BDS">BLACK</span>
-                                            <span class="chip_color40" value="YBR">WHITE</span>
-                                        </div>
-                                        <div class="itemComment">#주문 폭주 상품</div>
-                                    </a>
-                                </div>
-                            </div>
-                           
-                        </div>
+							</ul>
+						</div>
+					</div>
+					<div class="cont_body">
+						<div class="list_content">
+							<div id="brand01">
+								<div class="item_header">
+									<!-- 섹션이동 -->
+									<h4>모이몰른</h4>
+								</div>
+								<div class="itemsGrp">
+									<!-- itemsGrp rank hot deal -->
+									<div class=" item_prod">
+										<!-- item_prod ranker d_detail -->
+										<div class="item_state">
+											<!-- item_state AD soldout -->
+											<a href="#none" class="itemLink">
+												<div class=" itemPic">
+													<img alt="BLUE-a" class=" vLHTC pd_img"
+														src="/images/pc/thumb/prod1.jpg">
+													<button type="button" class="itemLike likeit">관심상품
+														추가</button>
+												</div>
+												<p class="itemBrand">BRAND NAME</p>
 
-                        <div class="foot_banner_slide"> 
-                            <div>
-                                <p>다른 기획전 보기</p>
-                                <a href="javascript:void(0)" onclick="cfnGoToPage(_PAGE_PLANNING_MAIN);">전체보기</a>
-                            </div>
-                            <div class="dp_banner_slide">
-                                <div class="post-wrapper dp_lookbook_case3"> <!-- 슬라이드case3 -->
-                                   <th:block th:each="PlanData, PlanStat : ${planList}">  
-                                    <div class="post">     
-                                              
-                                        <a href="#none" class="dp_lookbook_item" th:onclick="cfnGoToPage(_PAGE_PLANNING_DETAIL + '?planSq=' + [[${PlanData.planSq}]]);">
-                                            <div>
-                                                <img th:src="${@environment.getProperty('domain.image')+'/planning/'+PlanData.mainPimg}" style="width: 100%;" alt="">
-                                            </div>
-                                            <div>
-                                            <th:block th:if="${PlanData.cnt > 1}">
-                                            <p class="itemBrand">[[${PlanData.brand}]] 외</p>
-                                            </th:block>
-                                            <th:block th:if="${PlanData.cnt <= 1}">
-                                            <p class="itemBrand">[[${PlanData.brand}]]</p>
-                                            </th:block>
-                                             <div class="itemName">[[${PlanData.planNm}]]</div>
-                                            </div>
-                                        </a>
-                                    </div>
-                                    </th:block>
-                                </div>
-                            </div>
-                        </div>
+												<div class=" itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
+												<p class="itemPrice">
+													488,000
+													<!-- -->
+													원
+												</p>
+												<p class="itemBadge">
+													<span class="badge13">베스트 </span>
+												</p>
+												<div class="itemcolorchip">
+													<span class="chip_color35" value="ABM">BEIGE</span> <span
+														class="chip_color54" value="BDS">BLACK</span> <span
+														class="chip_color40" value="YBR">WHITE</span>
+												</div>
+												<div class="itemComment">#주문 폭주 상품</div>
+											</a>
+										</div>
+									</div>
+								</div>
+							</div>
+							<div id="brand02">
+								<div class="item_header">
+									<!-- 섹션이동 -->
+									<h4>컬리수</h4>
+								</div>
+								<div class="itemsGrp">
+									<!-- itemsGrp rank hot deal -->
+									<div class=" item_prod">
+										<!-- item_prod ranker d_detail -->
+										<div class="item_state">
+											<!-- item_state AD soldout -->
+											<a href="#none" class="itemLink">
+												<div class=" itemPic">
+													<img alt="BLUE-a" class=" vLHTC pd_img"
+														src="/images/pc/thumb/prod1.jpg">
+													<button type="button" class="itemLike likeit">관심상품
+														추가</button>
+												</div>
+												<p class="itemBrand">BRAND NAME</p>
 
-                    </div>
-                </div>
-		    </div>
-        </div>
-    </div>   	
+												<div class=" itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
+												<p class="itemPrice">
+													488,000
+													<!-- -->
+													원
+												</p>
+												<p class="itemBadge">
+													<span class="badge13">베스트 </span>
+												</p>
+												<div class="itemcolorchip">
+													<span class="chip_color35" value="ABM">BEIGE</span> <span
+														class="chip_color54" value="BDS">BLACK</span> <span
+														class="chip_color40" value="YBR">WHITE</span>
+												</div>
+												<div class="itemComment">#주문 폭주 상품</div>
+											</a>
+										</div>
+									</div>
+								</div>
+							</div>
 
+						</div>
+					</div>
+				</div>
+				<th:block th:if="${planCount > 0}">
+				<div class="content dp_foot_banner">
+					<div class="cont_head">
+						<div>
+							<p>다른 기획전 보기</p>
+							<a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_PLANNING_MAIN);">전체보기</a>
+						</div>
+					</div>
+					<div class="cont_body">
+						<div class="foot_banner_slide">
+							<div class="swiper-container">
+								<div class="swiper-wrapper">
+								 <th:block th:each="PlanData, PlanStat : ${planList}">
+									<div class="swiper-slide">
+										<a th:onclick="planDetailSearch([[${PlanData.planSq}]])">
+											<div class="thumb">
+												<img th:src="${@environment.getProperty('domain.image')+'/planning/'+PlanData.mainPimg}" alt="${PlanData.planNm}">
+											</div>
+											<div class="txt">
+												<span class="brand" th:if="${PlanData.cnt > 1}" th:text="${PlanData.brand}+' 외'"></span>
+												<p class="tit" th:text="${PlanData.planNm}"></p>
+											</div>
+										</a>
+									</div>
+								</th:block>
+								</div>
+							</div>
+							<div class="swiper-button-prev"></div>
+							<div class="swiper-button-next"></div>
+						</div>
+					</div>
+				</div>
+				</th:block>
+			</div>
+		</div>
+		<!-- // container -->
 <script th:inline="javascript">
-$(document).ready(function() {
-	var error = [[${error}]];
-	console.log("====" + error);
+let review = [[${reviewInfo}]];
+let coupon = [[${couponInfo}]];
+let plan = [[${planInfo}]];
+let image = [[${imageInfo}]];
+
+if(review != null || review != ''){
+		
+	var html = '';
+	
+	
+	html += '<div class="dp_review_cont">';
+	html += '	<div class="dp_review">';
+	html += '		<h2 class="dp_subtitle">'+review[0].title+'</h2>';
+	html += '		<div class="review_list">';
 	
-	if(error!= null){
-		mcxDialog.alert(error);
+	
+	for (var i = 0; i < review.length; i++) {
+		html += '			<div>';
+		html += '				<div class="best_review">';
+		html += '					<a href="javascript:void();" onclick="fnPlanReviewDetail(\''+review[i].reviewSq+'\');">';
+		html += '						<div class="lap">';
+		html += '							<div class="pic">';
+		html += '								<span class="thumb"';
+		html += '									style="background-image: url('+ _imgUrl +'/'+review[i].reviewSysImg +');"></span>';
+		html += '								<!-- 동영상의 썸네일일 경우 mov 클래스 추가 -->';
+		html += '							</div>';
+		html += '							<div class="info">';
+		html += '								<div>';
+		html += '									<div class="star_score">';
+		html += '										<span class="star"> <em class="progbar"';
+		html += '											style="width:'+(review[i].score*20)+'%;"></em> <!-- 평점 style로 표기 -->';
+		html += '										</span>'; 
+		if(review[i].bestYn == 'Y'){
+			html += '<em class="ico ico_besttag"></em>';	
+		}
+		html += '									</div>';
+		html += '									<div class="txt_best_review">';
+		html += '										<p>'+review[i].reviewContent+'</p>';
+		html += '									</div>';
+		html += '									<div class="writer">';
+		html += '										<span class="wr_id">'+review[i].maskingCustId+'</span><span';
+		html += '											class="wr_date">'+review[i].regDt+'</span>';
+		html += '									</div>';
+		html += '								</div>';
+		html += '							</div>';
+		html += '						</div>';
+		html += '					</a>';
+		html += '				</div>';
+		html += '				<div class="product_view">';
+		html += '					<div class="item_prod">';
+		html += '						<div class="item_state">';
+		html += '							<a href="#none" class="itemLink">';
+		html += '								<div class="itemPic">';
+		html += '									<img alt="" class="vLHTC pd_img" src="'+ _imgUrl +'/'+review[i].sysImgNm +'">';
+		html += '								</div>';
+		html += '								<div class="itemName">'+review[i].goodsNm+'</div>';
+		html += '								<p class="itemPrice">'+review[i].currPrice+'원</p>';
+		html += '							</a>';
+		html += '						</div>';
+		html += '					</div>';
+		html += '				</div>';
+		html += '			</div>';
 	}
-});
-</script>
-<script>
-// header scroll
-$(function(){
-	$(window).scroll(function(){
-		var scroll = $(this).scrollTop();
-		var headerH = $(".header").height();
-		if ($(window).scrollTop() > headerH){
-			$(".header").addClass("minify");
-			return false;
+	
+	html += '			</div>';
+	html += '		</div>';
+	html += '	</div>';
+	html += '</div>';
+	
+	$("#G082_10").append(html);
+}
+
+if(coupon != null || coupon != ''){
+	var html = '';
+	 
+	html += '<div class="coner_item02">';
+	html += '	<div class="dp_coupon_wrap">';
+	html += '	<div>';
+	html += '		<p>'+coupon[0].title+'</p>';
+	html += '	</div>';
+	html += '	<div class="coupon_list inner">';
+	html += '		<ul class="clear">';
+	for (var i = 0; i < coupon.length; i++) {
+		html += '			<li>';
+		html += '				<div class="coupon">';
+		html += '					<div>';
+		html += '						<p class="cp_name">'+coupon[i].cpnNm+'</p>';
+		html += '						<p class="cp_cont">';
+		if (coupon[i].dcWay == '할인율') {
+			html += '							<span> <span><em>'+coupon[i].dcPval+'%</em></span>';
+		}else{
+			html += '							<span><em>'+coupon[i].dcPval+'</em>원</span>'; 
 		}
-		else {
-			$(".header").removeClass("minify");
-			return false;
+		
+		
+		html += '						</p>';
+		html += '						<p class="cp_condition">'+coupon[i].buyLimitAmt+'원 이상 구매 시 최대 ' +coupon[i].maxDcAmt +'원 할인';
+		if (coupon[i].custPubLimitQty != 0) {
+			html += '								<span>1인 최대 '+coupon[i].custPubLimitQty+'장</span>';	
 		}
-	});
-});
-  </script>
-<script>
-    $(document).ready( function() {
-        $(window).scroll(function(){
-            var navOffset = $('.item_header').offset().top - $('.bullet_sticky_nav').height();
-            var windScroll = $(window).scrollTop();
-            if (windScroll > navOffset){
-                $(".bullet_sticky_nav").addClass("sticky");
-            }
-            else {
-                $(".bullet_sticky_nav").removeClass("sticky");
-            }
-            $("#shiping_pop").click(function() {
-                $("#Bulletship_modal").modal("show");
-            });	
-        });
-    });
+		
+		html += '						</p>';
+		html += '					</div>';
+		if (coupon[i].couponStat == '쿠폰받기') {
+			html += '					<button type="button"';
+			html += '						class="btn btn_dark btn_block btn_coupon_down">';  /* btn_coupon_done */
+			html += '						<span>쿠폰받기</span>';								/* 받기완료  */
+			html += '					</button>';			
+		}else{
+			html += '					<button type="button"';
+			html += '						class="btn btn_dark btn_block btn_coupon_done" disabled>';  
+			html += '						<span>받기완료</span>';								
+			html += '					</button>';			
+		}
+		html += '				</div>';
+		html += '				<button type="button" class="btn_underline"';
+		html += '					id="btn_cpinfo_pop">';
+		html += '					<span>사용안내</span>';
+		html += '				</button>';
+		html += '			</li>';
+	}
+	html += '		</ul>';
+	html += '	</div>';
+	html += '	<div class="announce_txt inner">';
+	html += '		<div class="note_txt">';
+	html += '			<img src="/images/pc/ico_content_find.png" alt="유의사항">';
+	html += '			<p>유의사항</p>';
+	html += '		</div>';
+	html += '		<div class="announce_list">';
+	html += '			<ul>';
+	html += '				<li>쿠폰 발급 기간 :'+ plan.dispStdt +'~'+ plan.dispEddt +'</li>';
+	html += '				<li>본 쿠폰은 해당 기획전 상품에만 적용 가능합니다.</li>';
+	html += '				<li>본 쿠폰은 해당 기획전 다운로드 버튼을 통해 발급받으실 수 있습니다.</li>';
+	html += '			</ul>';
+	html += '		</div>';
+	html += '	</div>';
+	html += '	<br>';
+	html += '	<br>';
+	html += '</div>';
+	html += '</div>';
+		
+	$("#G082_20").append(html);
+}
+
+if(image != null || image != ''){
+	var html = '';
+	
+	html += '	<div class="coner_item02">';
+	html += '    	<div class="coner_visual">';
+	html += '        	<div class="swiper-container">';
+	html += '            	<div class="swiper-wrapper ">';
+	
+	for (var i = 0; i < image.length; i++) {
+		html += '                	<div class="swiper-slide">';
+		html += '                    	<img alt="" src="'+ _imgUrl +'/planning/'+image[i].itemVal +'">';
+		html += '                	</div>';
+	}
+	html += '            	</div>';
+	html += '            	<div class="swiper-button-prev "></div>';
+	html += '            	<div class="swiper-button-next "></div>';
+	html += '        	</div>';
+	html += '        <div class="swiper-pagination"></div>';
+	html += '	</div>';
+	
+	$("#G082_30").append(html);
+}
+	
 </script>
-<script>
-    $(function(){
-        $('.dp_lookbook_case1').slick({
-            dots: true,
-            infinite: true,
-            speed: 300,
-            slidesToShow: 1,
-            adaptiveHeight: true
-        });
-        $('.dp_lookbook_case2').slick({
-            dots: true,
-            infinite: true,
-            speed: 300,
-            slidesToShow: 2,
-            slidesToScroll: 1,
-            adaptiveHeight: true,
-            variableWidth:true
+		<script type="text/javascript">
+	    // 컨텐츠 호출
+        $(document).ready( function() {
+            $("#header").load("head.html");
+            $("#footer").load("foot.html");
         });
-        $('.dp_lookbook_case3').slick({
-            dots: false,
-            infinite: true,
-            speed: 300,
-            slidesToShow: 5,
-            slidesToScroll: 1,
-            adaptiveHeight: true
-        });
-        $('.dp_lookbook_case4').slick({
-            dots: true,
-            infinite: true,
-            speed: 300,
-            slidesToShow: 1,
-            adaptiveHeight: true
+
+        $(document).ready( function() {
+            $(window).scroll(function(){
+                var navOffset = $('.item_header').offset().top - $('.bullet_sticky_nav').height();
+                var windScroll = $(window).scrollTop();
+                if (windScroll > navOffset){
+                    $(".bullet_sticky_nav").addClass("sticky");
+                }
+                else {
+                    $(".bullet_sticky_nav").removeClass("sticky");
+                }
+                $("#shiping_pop").click(function() {
+                    $("#Bulletship_modal").modal("show");
+                });	
+            });
+            
+            /* SLIDE - WIDE BANNER */
+			var br_bn_slide = new Swiper ('.coner_visual .swiper-container', {
+				loop: true,
+				slidesPerView: 1,
+				speed : 1500,
+				navigation: {
+					nextEl: '.coner_visual .swiper-button-next',
+					prevEl: '.coner_visual .swiper-button-prev',
+				},
+                pagination: {
+					el: '.coner_visual .swiper-pagination',
+					clickable: true,
+				},
+			});
+
+            var dp_foot_banner_slide = new Swiper ('.dp_foot_banner .swiper-container', {
+				loop: false,
+				slidesPerView: 5,
+                spaceBetween: 20,
+				speed : 800,
+				navigation: {
+					nextEl: '.dp_foot_banner .swiper-button-next',
+					prevEl: '.dp_foot_banner .swiper-button-prev',
+				},
+			});
+            
+            //내부앵커이동
+            $(".bullet_sticky_nav li a").on("click", function(){
+                var hookHeader = $("header").outerHeight() + 100;
+                var hookHref = $(this).attr("href");
+                var hookPot = $(hookHref == "#" || hookHref == "" ? "body" : hookHref);
+                var hookPos = hookPot.offset().top - hookHeader;
+                $("html, body").animate({ scrollTop: hookPos }, 300);
+
+                $('.bullet_sticky_nav li a').removeClass('active');
+                $(this).addClass('active');
+            });
         });
-    });
-</script>
-</th:block>
+    </script>
+	</th:block>
 
 </body>
 </html>

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

@@ -116,16 +116,15 @@
 	<!-- // container -->	
 <script th:inline="javascript">
 function planDetailSearch(obj) {
-	console.log("gkgk");
 	var planSq = obj;
 	let data = {planSq : planSq};
 	var jsonData = JSON.stringify(data);
 
 	
 	gagajf.ajaxJsonSubmit(
-			'/planning/detail/form', jsonData,
+			'/planning/access', jsonData,
 			function() {
-				cfnGoToPage(_PAGE_PLANNING_DETAIL);
+				cfnGoToPage(_PAGE_PLANNING_DETAIL + "?planSq=" + planSq);
 			});
 
 }

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

@@ -1,55 +1,6 @@
 @charset "UTF-8";
 
 /* fonts */
-@font-face {
-    font-family: 'Noto Sans CJK kr';
-    src: 
-    url("/ux/fonts/NotoSansCJKkr-Thin.otf") format('otf'), url("/ux/fonts/NotoSansCJKkr-Thin.woff") format('woff'), url("/ux/fonts/NotoSansCJKkr-Thin.ttf") format('ttf');
-    font-weight: 100;
-    font-style: normal;
-}
-@font-face {
-    font-family: 'Noto Sans CJK kr';
-    src: 
-    url("/ux/fonts/NotoSansCJKkr-Light.otf") format('otf'), url("/ux/fonts/NotoSansCJKkr-Light.woff") format('woff'), url("/ux/fonts/NotoSansCJKkr-Light.ttf") format('ttf');
-    font-weight: 200;
-    font-style: normal;
-}
-@font-face {
-    font-family: 'Noto Sans CJK kr';
-    src: 
-    url("/ux/fonts/NotoSansCJKkr-Regular.otf") format('otf'), url("/ux/fonts/NotoSansCJKkr-Regular.woff") format('woff'), url("/ux/fonts/NotoSansCJKkr-Regular.ttf") format('ttf');
-    font-weight: 300;
-    font-style: normal;
-}
-@font-face {
-    font-family: 'Noto Sans CJK kr';
-    src: 
-    url("/ux/fonts/NotoSansCJKkr-DemiLight.otf") format('otf'), url("/ux/fonts/NotoSansCJKkr-DemiLight.woff") format('woff'), url("/ux/fonts/NotoSansCJKkr-DemiLight.ttf") format('ttf');
-    font-weight: 400;
-    font-style: normal;
-}
-@font-face {
-    font-family: 'Noto Sans CJK kr';
-    src: 
-    url("/ux/fonts/NotoSansCJKkr-Medium.otf") format('otf'), url("/ux/fonts/NotoSansCJKkr-Medium.woff") format('woff'), url("/ux/fonts/NotoSansCJKkr-Medium.ttf") format('ttf');
-    font-weight: 500;
-    font-style: normal;
-}
-@font-face {
-    font-family: 'Noto Sans CJK kr';
-    src: 
-    url("/ux/fonts/NotoSansCJKkr-Bold.otf") format('otf'), url("/ux/fonts/NotoSansCJKkr-Bold.woff") format('woff'), url("/ux/fonts/NotoSansCJKkr-Bold.ttf") format('ttf');
-    font-weight: 600;
-    font-style: normal;
-}
-@font-face {
-    font-family: 'Noto Sans CJK kr';
-    src: 
-    url("/ux/fonts/NotoSansCJKkr-Black.otf") format('otf'), url("/ux/fonts/NotoSansCJKkr-Black.woff") format('woff'), url("/ux/fonts/NotoSansCJKkr-Black.ttf") format('ttf');
-    font-weight: 700;
-    font-style: normal;
-}
 @font-face {
     font-family: 'Noto Sans KR';
     font-style: normal;
@@ -199,7 +150,7 @@ i,em {font-style: normal;}
 .ui_col_12{width:100%}
 
 /* font color */
-i {font-family:'Noto Sans CJK kr','Noto Sans kr', 'LATO', sans-serif !important; letter-spacing:0}
+i {font-family:'Noto Sans kr', 'LATO', sans-serif !important; letter-spacing:0}
 .base i {position:relative; top:1px;}
 i.big {font-size:18px; position:relative; top:2px;}
 .bold {font-weight:500;} /* 중복확인 */
@@ -276,7 +227,7 @@ select,
 
 .usable {display: none;}
 .form_control.usable + .usable:before {content:'사용가능';  position:absolute; top:50%; bottom: auto; right: 20px; left: auto; transform: translateY(-50%); padding-left:15px; background: url('/images/mo/ico_usable1.png') no-repeat 0 40%; color:#222; font-size:12px; font-weight:200; line-height:1;}
-.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
+.sr-only {position: absolute!important;width: 1px;height: 1px;padding: 0!important;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
 
 /* form style (hyangah_0223_수정중 - input[type="text"] padding 수정) */
 input,  textarea {font-size:12px; font-family:'Noto Sans KR', 'LATO', sans-serif; color:#666666; vertical-align:middle;}
@@ -376,6 +327,15 @@ input[type="file"] {
   background: url('../../../images/mo/ico_btn_cls1.png') no-repeat;background-position: 50% 50%;
 }
 
+
+
+
+
+
+
+
+
+
 /* select */
 .select {cursor: pointer;display: inline-block;position: relative;font-size: 16px;color: #333333;width: 100%;height: 40px;}
 .select+.select{margin-left: 10px;}
@@ -408,6 +368,131 @@ input[type="file"] {
 .select_dress:active, .select_dress.active {background-color: #ffffff;border: 1px solid #222222;border-bottom: 1px solid #dddddd;}
 .select_dress:active:after, .select_dress.active:after {top: 9px;border-color: transparent transparent #888888 transparent;}
 
+/* select-custom */
+.select_custom {
+	cursor: pointer;
+    display: inline-block;
+    position: relative;
+    font-size: 13px;
+    color: #333333;
+    width: 100%;
+    height: 45px;
+}
+.select_custom .combo {
+    display: inline-block;
+    position: relative;
+    width: 100%;
+}
+.select_custom .combo .select {
+	position: relative;
+    box-sizing: border-box;
+    height: 45px;
+    line-height: 1;
+    cursor: pointer;
+    padding: 15px 15px;
+    background-color: #ffffff;
+    border: 1px solid #dddddd;
+}
+.select_custom .combo .select:after {
+    /* content: '▼'; */
+    /* position: absolute; */
+    /* top: 50%; */
+    /* right: 10px; */
+
+	content: '';
+    width: 0;
+    height: 0;
+    box-sizing: border-box;
+    position: absolute;
+    top: 19px;
+    right: 15px;
+    border: 6px solid transparent;
+    border-color: #888888 transparent transparent transparent;
+}
+.select_custom.on .combo .select {
+	border: 1px solid #999999;
+}
+.select_custom.on .combo .select:after {
+    /* content: '▲'; */
+	top: 9px;
+    border-color: transparent transparent #888888 transparent;
+}
+.select_custom .combo .list {
+    display: none;
+    overflow-y: auto;
+    position: absolute;
+    top: 45px;
+    left: 0;
+    z-index: 10;
+    border: 1px solid #999999;
+    border-top: 0;
+    box-sizing: border-box;
+    width: 100%;
+    max-height: 500px;
+    background-color: #fff;
+}
+.select_custom .combo .list::-webkit-scrollbar {
+    width: 10px;
+    height: 0;
+}
+.select_custom .combo .list::-webkit-scrollbar-button:start:decrement,
+.select_custom .combo .list::-webkit-scrollbar-button:end:increment {
+    display: block;
+    height: 0;
+}
+.select_custom .combo .list::-webkit-scrollbar-track {
+    background: rgba(0, 0, 0, .05);
+    -webkit-border-radius: 10px;
+    border-radius: 10px;
+}
+.select_custom .combo .list::-webkit-scrollbar-thumb {
+    height: 50px;
+    width: 50px;
+    background: rgba(0, 0, 0, .2);
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+}
+.select_custom[disabled] {
+  pointer-events: none;
+} 
+.select_custom[disabled] .select {
+  pointer-events: none;
+  color: #bbb;
+  background-color: #f5f5f5 !important;
+} 
+.select_custom .combo .list>li[aria-disabled="true"] {
+	text-decoration: line-through;
+    background: #f5f5f5;
+    color: #bbb;
+	pointer-events: none;
+}
+.select_custom .combo .list>li[data-soldout="true"] {
+	pointer-events: none;
+}
+.select_custom .combo .list>li[data-soldout="true"]::after {
+	content: '품절';
+    display: inline-block;
+    font-size: 12px;
+    color: #bbbbbb;
+    position: absolute;
+    right: 15px;
+    top: 0;
+    bottom: 0;
+}
+.select_custom .combo .list>li {
+    box-sizing: border-box;
+    padding: 0 15px;
+    width: 100%;
+    height: auto;
+    line-height: 45px;
+    cursor: pointer;
+	position: relative;
+}
+.select_custom .combo .list>li:hover {
+    background-color: #ccc;
+}
+
+
 /* ico */
 .ico {position: relative;/*top: 1px;*/display: inline-block; font-style: normal;font-weight: 400;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
 .ico:before {display: inline-block; background-repeat:no-repeat; background-size:contain; background-position:0% 0%; vertical-align:middle;}
@@ -498,12 +583,20 @@ input[type="file"] {
 .btn_danger:active, .btn_danger.active, 
 .open > .tgl_dropdown.btn_danger{background-color: #a43f3e;border-color: #a43f3e;color:#ffffff;}
 
+/* button flex */
+.btn_group_flex {display:flex; flex-wrap: wrap; width:100%; align-items:stretch; flex-direction:row; margin-top: 3rem;}
+.btn_group_flex > div {flex-basis:auto; flex-grow:1; margin:0px 0.4rem; flex:1;}
+.btn_group_flex > div:first-child {margin-left:0}
+.btn_group_flex > div:last-child {margin-right:0}
+.btn_group_flex > div > .btn {display:block; width:100%; height:100%; border:1px solid #a7a7a7; font-size: 1.4rem; padding:1rem 1.3rem; font-weight: 500;}
+.btn_group_flex > div > .btn.btn_dark {border-color:#222;}
+.btn_group_flex > div > .btn.btn_primary {background-color:#fff; border-color:#fd4802; color: #fd4802;}
 
 
 
 
 /* Page setup */
-html {font-family: 'LATO', 'Noto Sans CJK kr','Noto Sans kr', sans-serif;font-weight: 300;color: #222;font-size: 10px;line-height: 1.4;letter-spacing: -.025em;word-break: keep-all;}
+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.gnb_on {height: 100vh;overflow: hidden;}
 .app {height: 100vh;font-size: 1.4rem;}
@@ -514,6 +607,8 @@ body.gnb_on {height: 100vh;overflow: hidden;}
 .inner::after {content: '';display: block;clear: both;}
 .inner.bg_gray {background-color: #f5f5f5;}
 .inner.bg_beige {background-color: #ffeee7;}
+.inner.bg_dark {background-color: #222222;}
+.inner.bg_dark .titWrap>* {color: #ffffff;}
 
 /* header, htop, btn_gnb, header.main, hmenu, bng, bnb */
 header {
@@ -559,7 +654,7 @@ header.main .htop h1 {margin: 10px 0 0 20px;width: 95px;}
 header.main .btn_gnb span i {background: #fff;}
 header.main .btn_gnb.on span i {background: #222;}
 
-header .hmenu {position: absolute;left: 0;bottom: 100%;background-color: rgba(0, 0, 0, 0.5);padding: 0 0 0 0;-webkit-box-sizing: border-box;box-sizing: border-box;width: 100vw;height: 100vh;-webkit-transition: all 0 ease-out;transition: all 0 ease-out;}
+header .hmenu {position: absolute;left: 0;bottom: 100%;background-color: rgba(0, 0, 0, 0.5);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;}
 header .hmenu .inner {padding: 0 25px;background-color: #fff;position: relative;top: 0;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
 header .hmenu.on {bottom: 0;}
 header .hmenu.on .inner {top: 100%;}
@@ -664,7 +759,7 @@ body.header-show .app .gnb{top: 50px;}
 .app .gnb.expand .btn-expand::after {background: url(/images/mo/ico_btn_narrow.png) center bottom/1.8rem 2.0rem no-repeat;}
 
 main.container{margin-top: 0px; overflow: hidden;}
-main.container .inner:last-child{padding-bottom: 90px;}
+main.container .inner:last-child{padding-bottom: 6.0rem; margin-bottom: 0;}
 
 /* .tabbar */
 .tabbar{-webkit-transform: translate(0, 55px);-ms-transform: translate(0, 55px);-moz-transform: translate(0, 55px); transform: translate(0, 55px);transition-duration: 0.3s; position: fixed;width: 100%;bottom: 0;background-color: #f8f8f8;z-index: 10; padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);}
@@ -746,7 +841,7 @@ footer .collapse .infos.on{padding: 0px 0px 20px 0; height: auto;}
 .cnb.folder.on .tit{display: block;}
 .cnb.folder.on ul{width: 100%; display: block; height: 100%;}
 .cnb.folder.on{display: table; padding: 0 25px 10px; -webkit-transition: 0.8s ease-in-out; transition: 0.8s ease-in-out;}
-.cnb .tit{display: none; padding-top: 15px; font-size: 17px; font-weight: 600;}
+.cnb .tit{display: none; padding-top: 15px; font-size: 1.7rem; font-weight: 600;}
 .cnb .btn_cnb{position: absolute; top: 8px; right: 15px; width: 35px; height: 35px; z-index: 9;}
 .cnb .btn_cnb::before{content: ''; width: 70px; height: 70px; position: absolute; right: -20px; top: -10px; background: white; background: -webkit-gradient(linear, left top, right top, color-stop(50%, white), color-stop(50%, white)); background: linear-gradient(to right, white 50%, white 50%); box-shadow: -35px 0 20px rgba(255, 255, 255, 0.9); -moz-box-shadow: -35px 0 20px rgba(255, 255, 255, 0.9); -webkit-box-shadow: -35px 0 20px rgba(255, 255, 255, 0.9);}
 .cnb .btn_cnb::after{content: ''; display: block; position: absolute; left: 12px; top: 15px; width: 10px; height: 10px; border: #222 solid; border-width: 2px 2px 0 0; -webkit-transform: translateY(-50%) rotate(135deg); transform: translateY(-50%) rotate(135deg);}
@@ -771,6 +866,16 @@ footer .collapse .infos.on{padding: 0px 0px 20px 0; height: auto;}
 .pnb ul > li a.list{color: #9f7952; font-weight: 600; font-size: 1.5rem;}
 .pnb ul > li a.list::before{content: ''; display: block; position: absolute; left: 20%; top: 50%; width: 12px; height: 6px; border: #9f7952 solid; border-width: 2px 0 2px 0; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
 
+/* AD area (광고 문구 또는 배너)  */
+.ADwrap {padding: 0.5rem 0 1.5rem 0rem;} 
+.ADwrap .adcopy {font-weight: 400;margin-top: 1.5rem;display: inline-block;} /* my_review 참고 */
+
+/* Mesage Custom */
+.once {padding: 2.33rem 2.0rem;background: #ffffff;}
+.alert {padding: 15px;border: 1px solid transparent; border-radius: 4px;margin-bottom: 10px;line-height: 21px; background-color: #dddddd;color: #666666;border-color: #dddddd;}
+button.alertCls {-webkit-appearance: none;padding: 0;cursor: pointer;background: 0 0;border: 0;}
+.alertCls {float: right;font-size: 21px;font-weight: 700;line-height: 1;color: #000;text-shadow: 0 1px 0 #fff;filter: alpha(opacity=20);opacity: .2;}
+.alertCls:hover, .alertCls:focus {color: #000;text-decoration: none;cursor: pointer;filter: alpha(opacity=50);opacity: .5;}
 
 
 /* module setup */
@@ -785,9 +890,9 @@ footer .collapse .infos.on{padding: 0px 0px 20px 0; height: auto;}
 
 
 /* titWrap, .tit */
-.titWrap{padding-top: 40px; text-align: center; font-size: 1.8rem;}
-.tit{font-size: 1.7rem; color: #222;}
-.exp{font-size: 1.5rem; color: #666;}
+.titWrap{padding: 2.0rem 0 0 0; text-align: center; font-size: 1.8rem;}
+.tit{font-size: 1.4rem; font-weight: 400; color: #222;}
+.exp{font-size: 1.1rem; font-weight: 200; color: #666;}
 .list1 > li{font-size: 1.5rem; position: relative; padding-left: 8px; -webkit-box-sizing: border-box; box-sizing: border-box;}
 .list1 > li::after{content: ''; display: block; clear: both;}
 .list1 > li::before{content: ''; display: block; position: absolute; left: 0; top: 0.5em; width: 3px; height: 3px; background-color: #666;}
@@ -800,6 +905,19 @@ footer .collapse .infos.on{padding: 0px 0px 20px 0; height: auto;}
 .txt_blt{padding-left: 8px; position: relative;}
 .txt_blt::before{content: ''; display: block; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 3px; height: 3px; background-color: #666;}
 
+/* Tab */
+.tabWrap {}
+.tabIndex {width: 100%; /*margin-bottom: 0.85em;*/ box-sizing: border-box;-webkit-box-sizing: border-box;display: inline-flex;justify-content: space-around;}
+.tabIndex:after {content: "";clear: both;display: table;}
+.tabIndex {background: #ffffff;border-bottom: #e5e5e5 solid 1px;}
+.tabIndex li {float: left;flex: auto;text-align: center;}
+.tabIndex li a {display: block;color:#222222; font-weight: 400; padding: 1.0rem 2.0vw;}
+.tabIndex li.active a {border-bottom: 3px solid #fd4802; color: #fd4802;}
+.tab_cont {width: 100%;height:100%; background: #f5f5f5;/*padding: 12px 0rem 0 0rem;*/text-align: left;box-sizing: border-box;}
+.tab_cont .inner {margin-bottom: 2.3rem;}
+.tab_cont {display: none;}
+.tab_cont.active {display: block;}
+
 /* table title */
 .tbltitWrap{margin-top: 3.0rem;}
 .tbltitWrap::after{content: ''; display: block; clear: both;}
@@ -815,12 +933,13 @@ footer .collapse .infos.on{padding: 0px 0px 20px 0; height: auto;}
 .tblWrap table tr th, .tblWrap table tr td{border-left: #e5e5e5 solid 1px; border-bottom: #e5e5e5 solid 1px; padding: 14px 5px; text-align: center; color: #666; font-size: 1.5rem;}
 .tblWrap table tr th:first-child, .tblWrap table tr td:first-child{border-left: none;}
 .tblWrap table tr th.tL, .tblWrap table tr td.tL{text-align: left;}
-.tblWrap table tr th strong, .tblWrap table tr td strong{color: #222;}
+.tblWrap table tr th.tR, .tblWrap table tr td.tR{text-align: left;}
+.tblWrap table tr th strong, .tblWrap table tr td strong{font-weight: 400;color: #222;}
 .tblWrap table tr th.lB, .tblWrap table tr td.lB{border-bottom: none;}
 .tblWrap table tr.sum th, .tblWrap table tr.sum td{color: #222; font-weight: 400;}
-.tblWrap table tr.sum2 th, .tblWrap table tr.sum2 td{color: #9f7952;}
+.tblWrap table tr.sum2 th, .tblWrap table tr.sum2 td{color: #fd4802;}
 .tblWrap table tr.lB th, .tblWrap table tr.lB td{border-bottom: none;}
-.tblWrap table thead th, .tblWrap table thead td{color: #222;}
+.tblWrap table thead th, .tblWrap table thead td{font-weight: 400;color: #222;}
 
 /* fold-list : list_cate */
 .list_cate{margin: 0 -25px; padding: 50px 25px 0 25px; border-bottom: #e5e5e5 solid 1px;}
@@ -855,14 +974,17 @@ footer .collapse .infos.on{padding: 0px 0px 20px 0; height: auto;}
 .fold_head.on::after {background-repeat: no-repeat; background-position:0 0%;}
 .foldGroup .fold_head a {display:block; width:inherit; height:100%; padding:1.4rem 2rem; box-sizing:border-box;}
 .fold_head .fold_tit {position:relative;}
-.fold_head .fold_tit span { position: relative; height: auto; display:inline-block; font-weight:300; color: #222; text-decoration: none; letter-spacing:-0.025em;}
+.fold_head .fold_tit span { position: relative; height: auto; display:inline-block; font-size:1.3rem; font-weight:300; color: #222; text-decoration: none; letter-spacing:-0.025em;}
 .fold_head .fold_state {display:inline-block!important; width:auto; box-sizing:border-box; text-align: center; font-size:12px; font-weight: 300; color:#888;}
 .fold_head .fold_state .important {display:inline-block; position:relative; padding:2px 10px; background-color: #fd4802; color:#fff; font-size:14px; font-weight:300; padding:4px 10px 2px;}
 .fold_head .fold_state.fix {color:#222;}
 .fold_head .fold_state.done {color:#fff; background-color:#fd4801;}
 .fold_head .fold_state.doing {color:#fff; background-color:#aaa;}
 .fold_head .fold_category {width:100px; font-weight:200; text-align:center; color:#888;}
-.fold_head .data{font-size:12px; font-weight: 200; color:#888;}
+.fold_head .data,
+.fold_head .id{font-size:12px; font-weight: 200; color:#888;}
+.fold_head .id{position:relative; padding-right:1rem; margin-right:1rem;}
+.fold_head .id:after{display:block; content:''; position:absolute; right:0; top:2px; width:1px; height:0.8rem; background-color:#dddddd;}
 .foldGroup .fold_cont {display:none; padding: 0; position: relative; color:#666; font-weight:200; font-size:14px; line-height:1.625;}
 .fold_cont > div:first-of-type {border-top:none;}
 .fold_cont .img_group .thumb_pic {position:relative; display:inline-block; width:74px; height:74px; border:1px solid #ddd; margin-right:4px; box-sizing:border-box; overflow:hidden;} 
@@ -880,9 +1002,9 @@ footer .collapse .infos.on{padding: 0px 0px 20px 0; height: auto;}
 .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 .answer_foot .btn_delete{position:absolute; right:0; bottom:0; font-size:12px; color:#777;}
-.fold_answer .answer_foot .btn_delete > span{position:relative; display:inline-block;}
-.fold_answer .answer_foot .btn_delete > span:after{display:block; content: ''; position:absolute; left:0; bottom:-2px; width:100%; height:1px; background-color:#777777;}
+.fold_answer .btn_delete{position:absolute; right:0; bottom:0; font-size:12px; 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:-2px; width:100%; height:1px; background-color:#777777;}
 .fold_head .fold_state{padding:3px 5px; margin-right:5px;}
 .fold_head .prod{padding:3px 0;}
 .fold_head .fold_state{background-color:#000; color:#fff;}
@@ -900,8 +1022,17 @@ footer .collapse .infos.on{padding: 0px 0px 20px 0; height: auto;}
 .case2 .fold_cont .fold_detail > div:before{content:'Q'; color:#222222;}
 .case2 .fold_cont .fold_answer > div:before{content:'A'; color:#fd4802}
 
-
-
+/* popover style Tooltip */
+.tip_tit{background-color: transparent;border-radius: 100%;border: 1px solid #888888;color: #fd4802;cursor: default;display: inline-block;font-size: 1.2rem;font-weight: 600;line-height: 1.4rem;position: relative;text-align: center;width: 1.5rem;height: 1.5rem;}
+.tip_wrap {position: relative;display: inline-block;}
+.tip_contents {width: auto;opacity: 0;visibility: hidden;position: absolute;transform: scale(.6) translateX(-45%) translateY(90%);color:#888888;border: 1px solid #ffe4d9;background-color: #fff6f2;padding: 1.5rem;}
+.tip_contents:before {position: absolute;z-index: -1;content: "";right: calc(50% - 10px);top: -8px;border-style: solid;border-width: 0 1.0rem 1.0rem 1.0rem;border-color: transparent transparent #fff6f2 transparent;transition-duration: 0.3s;transition-property: transform;}
+.tip_contents:after, .tip_contents:before {transform: scale(1) translateY(0);}
+.tip_contents:after, .tip_contents:before {bottom: 100%;left: 50%;border: solid transparent;content: "";height: 0;width: 0;position: absolute;pointer-events: none;}
+.tip_contents:after {border-color: rgba(255, 246, 242, 0);border-bottom-color: #fff6f2;border-width: 10px;margin-left: -10px;}
+.tip_contents:before {border-color: rgba(255, 228, 217, 0);border-bottom-color: #ffe4d9;border-width: 11px;margin-left: -11px;top: -22px;}
+.tip_wrap:hover .tip_contents {z-index: 10;opacity: 1;visibility: visible;transform: translate(-45%, 1.0rem);transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);}
+.tip_txt {text-align: center;min-width: 20.0rem;}
 
 /* bottom popup */
 .btPop_full {background: #ffffff;width: 100%;height: 100%;/* height: auto; */margin: 0;padding: 0;transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);top: 100%;position: fixed;left: 0;text-align: left;z-index: 999;}
@@ -909,7 +1040,7 @@ footer .collapse .infos.on{padding: 0px 0px 20px 0; height: auto;}
 .btPop_full .btPop_body {padding: 20px;font-size:1.4rem;}
 .btPop {background: #ffffff;width: 100%;height: 100%;/* height: 100% */margin: 0;padding: 0;transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);top: 100%;position: fixed;left: 0;text-align: left;z-index: 999;}
 .btPop .btPop_head {padding: 20px;border-bottom: 1px solid #ddd;font-size:1.8rem;position: relative;}
-.btPop .btPop_body {padding: 20px;font-size:1.4rem;max-height: 24rem;overflow-x: hidden;overflow-y: auto;}
+.btPop .btPop_body {padding: 20px;font-size:1.4rem;/*max-height: 24rem;*/overflow-x: hidden;overflow-y: auto;}
 .container .btPop_full .btPop_full_close,
 .container .btPop .btPop_close{transition: all 10ms ease;opacity: 0;}
 .container.btPop_full_open .btPop_full {top: 0;/* top: auto; */top: 55px;}
@@ -947,20 +1078,21 @@ footer .collapse .infos.on{padding: 0px 0px 20px 0; height: auto;}
 
 /*alert confirm*/
 .dialog-mobile {
-	padding: 0 2rem 2rem 2rem;
+	padding: 0 1.2rem 4rem 1.2rem;
 	text-align:center;
 	position: fixed;
 	top: 50%;
 	left: 0;
 	z-index: 20;
-	min-width:20.0rem;
-	background-color: rgba(0, 0, 0, 0.7);
+	min-width:13.3rem;
+	max-width: 95%;
+	background-color: rgba(255, 255, 255,1);
 	border-radius: 0px;
 	-ms-transform: translate3d(0, 0, 0);
 	-webkit-transform: translate3d(0, 0, 0);
 	transform: translate3d(0, 0, 0);
 }
-
+/* 
 .dialog-mobile {
     box-shadow: 0 0px 30px rgb(0 0 0 / 20%), 0 0px 30px rgb(0 0 0 / 20%);
     mask-image: linear-gradient(to top right, transparent 49.5%, white 50.5%), linear-gradient(to top left, transparent 49.5%, white 50.5%), linear-gradient(white, white), linear-gradient(white, white);
@@ -972,21 +1104,22 @@ footer .collapse .infos.on{padding: 0px 0px 20px 0; height: auto;}
     mask-repeat: no-repeat;
     -webkit-mask-repeat: no-repeat;
 }
-
-.dialog-mobile .dialog-title {
+ */
+ .dialog-mobile .dialog-title {
     padding: 0.8em 1em 0.5em;
     text-align: center;
-    color: #ffffff;
-	font-size: 1.6rem;
+    color: #333333;
+	font-size: 1.8rem;
+	font-weight: 400;
     border-radius: 0.5rem 0.5rem 0 0;
 }
 .dialog-mobile .dialog-content {
 	position: relative;
-	padding:3rem 0 2rem 0;
+	padding:5.0rem 0 4.0rem 0;
 	line-height: 2em;
 	text-align: left;
-	color: rgb(255, 255, 255);
-	font-size:1.5rem;
+	color: #333333;
+	font-size:1.4rem;
 	text-align:center;
 }
 .dialog-mobile .dialog-content em {
@@ -1004,6 +1137,7 @@ footer .collapse .infos.on{padding: 0px 0px 20px 0; height: auto;}
 	line-height: 3.8rem;
 	text-align: center;
 	font-size:1.4rem;
+	font-weight: 200;
 	cursor:pointer;
 	border-radius:0rem;
 }
@@ -1037,19 +1171,13 @@ footer .collapse .infos.on{padding: 0px 0px 20px 0; height: auto;}
 	position:absolute;
 	top:0;
 	right:0;
-	/* padding:2.0rem; */
-	padding:25rem 16rem;
-	width: 1.7rem;
-	height: 1.7rem;
+	padding:2.0rem;
+	/* padding:25rem 16rem; */
+	width: 1.5rem;
+	height: 1.5rem;
 	cursor:pointer;
-	background:url('/image/btn_top_close.png') no-repeat 50% 50%;
-
-
-
-  top: -100%;
-  right: 0%;
-  width: auto;
-  height: auto;
+	background:url('/images/mo/ico_pop_cls.png') no-repeat 50% 50%;
+    background-size: 1.5rem;
 }
 
 /*bottom dialog*/
@@ -1355,9 +1483,9 @@ footer .collapse .infos.on{padding: 0px 0px 20px 0; height: auto;}
 
 
 /* 제거할 클래스 */
-.btnL{width:100%; height:4.5rem;}
-.btnM{width:100%; height:4rem;}
-.btnS{width:100%; height:3rem;}
+.btnL{width:100%; height:4.5rem; line-height:4.5rem; font-size:1.4rem;}
+.btnM{width:100%; height:4rem; height:4rem; line-height:4rem; }
+.btnS{width:100%; height:3rem; height:3rem; line-height:3rem; }
 
 /* .inner, .inner.bg_gray 등을 응용 */
 .blockLyout{background-color:#f5f5f5;}

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

@@ -73,11 +73,597 @@ table.vene_type2 tbody tr td a{position:relative; top:0.5rem}
 .income_alram .permi .info_text.type2 .info_price > span:nth-of-type(1){font-size:1.6rem; color:#000;}
 .income_alram .permi .info_text.type2 .info_price > span:nth-of-type(2){font-size:1.2rem;text-decoration:line-through;}
 .income_alram .permi .info_text.type2 .info_price > span:nth-of-type(3){font-size:1.6rem; color:#fd4802; margin-left:1.2rem; font-weight:600;}
-.income_alram .permi_reserv{width:100%; height:50rem; background:url(../../../images/mo/pd_product_reserv.png);}
+.income_alram .permi_reserv{width:100%; height:50rem; background:url(/images/mo/pd_product_reserv.png);}
 .income_alram .permi.mg0{height:10.5rem; margin-top:-3rem;}
 .income_alram .permi.mg0:nth-of-type(1){margin-top:0; border-top:0.1rem solid #dddddd;}
 .income_alram .persenal_text div{margin-bottom:2rem;}
 .income_alram .persenal_text h2{font-size:1.3rem; margin-bottom:1rem;}
 .income_alram .persenal_text p{font-size:1.3rem;}
 .income_alram .persenal_text .p-type2 > p{padding-left:0.8rem;}
-.income_alram .persenal_text .p-type2 > p:after{content:"-"; position:absolute; left:0}
+.income_alram .persenal_text .p-type2 > p:after{content:"-"; position:absolute; left:0}
+
+
+/* br_main */
+.br .pnb_mo{position:relative;}
+.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(/images/mo/br_plus.png) 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_main{background-color:#fff;}
+.br .br_main .br_top_slide .swiper-slide img{width:100%;}
+.br .br_main .br_top_slide .swiper-slide .s-text{position:relative; top:-19.5rem; left:1.9rem; color:#fff}
+.br .br_main .br_top_slide .swiper-slide .s-text h1{font-size:2.9rem; color:#fff; line-height:3.6rem}
+.br .br_main .br_top_slide .swiper-slide .s-text p{font-size:1.5rem; color:#fff; margin-top:0.6rem}
+.br .br_main .br_top_slide .swiper-pagination{width:6rem; border-radius:1.2rem; display:inline-block; height:2.3rem; line-height:2.4rem; position:absolute; left:2rem; bottom:14rem; color:#fff; background-color:rgba(0, 0, 0, 0.3);}
+.br .br_main .br_top_slide .swiper-pagination-total{font-weight:200;}
+.br .br_main .br_top_info{position:relative; top:-8rem}
+.br .br_main .br_top_info > h1{margin-bottom:2.3rem; margin-top:1.2rem; font-size:2.4rem}
+.br .br_main .br_top_info > p:nth-of-type(1){margin-bottom:1.6rem; font-weight:bold;}
+.br .br_main .br_top_info > p:nth-of-type(2){color:#777777; line-height:2rem;}
+.br .br_main .br_top_info .btn_group_flex > div > button > span{display:inline-block; background:url(/images/mo/br_site.png) no-repeat; width:1.1rem; height:1.2rem; margin-left:0.8rem}
+
+.br .br_main .br_second_slide{position:relative; top:-2.4rem}
+.br .br_main .br_second_slide .swiper-slide img{width:100%;}
+.br .br_main .br_second_slide .swiper-slide .s-text{position:relative; top:-9rem; margin-left:1.9rem}
+.br .br_main .br_second_slide .swiper-slide .s-text p{font-size:1.6rem; font-weight:500;}
+
+.br .br_main .swiper-container > h1{text-align:center; font-size:1.8rem; margin-bottom:2.3rem; font-weight:bold;}
+.br .pd_together{position:relative; margin-top:6rem}
+.br .pd_together > .tit{text-align:center; font-size:1.7rem; margin-bottom:2.3rem; font-weight:bold;}
+.br .pd_recommend > .tit{text-align:center; font-size:1.7rem; margin-bottom:2.3rem; font-weight:bold;}
+
+.br .br_main .br_third_slide{position:relative; top:2rem}
+.br .br_main .br_third_slide .swiper-slide{margin-right:0.9rem;}
+.br .br_main .br_third_slide .swiper-slide > a > div{width:49%; float:left; margin-bottom:3.6rem; position:relative;}
+.br .br_main .br_third_slide .swiper-slide > a:nth-of-type(even) > div{float:right;}
+.br .br_main .br_third_slide .swiper-slide .s-text{margin-left:0.5rem}
+.br .br_main .br_third_slide .swiper-slide .s-text > p:nth-of-type(1){font-size:1.2rem; margin-top:1.4rem;}
+.br .br_main .br_third_slide .swiper-slide .s-text > p:nth-of-type(2){font-size:1.2rem; margin-top:0.6rem}
+.br .br_main .br_third_slide .swiper-slide .s-text > p:nth-of-type(3){font-size:1.4rem; color:#222222; font-weight:bold; margin-top:1rem}
+.br .br_main .br_third_slide .swiper-slide .s-text > p:nth-of-type(4){font-size:1.2rem; color:#fd5413; margin-top:0.6rem}
+.br .br_main .br_third_slide .swiper-pagination{position:relative;};
+.br .br_main .br_fourth_slide .swiper-slide{display:flex;}
+.br .br_main .br_fourth_slide .swiper-slide > div{background-color: royalblue;}
+
+.br .br_main .itemPrice_original{margin-left:0.6rem; width:3rem;}
+.br .br_main .pd_together .itemPrice{overflow:hidden;}
+.br .br_main .pd_together .itemPrice_sale{float: left;}
+.br .br_main .pd_together .itemPercent{float: right;}
+.br .br_main .pd_together .itemTag{font-size:1.1rem; color:#fd5413; margin-left:0.6rem; margin-top:0.4rem}
+.itemColor{margin-left:0.5rem;}
+.itemColor > li{width:1rem; height:1rem; background-color:#fff; display:inline-block; border-radius:50%; margin-top:1.2rem; margin-right:0.2rem; border:0.1rem solid rgb(194, 194, 194);}
+.itemList{margin-top:1.2rem; margin-bottom:0.6rem; margin-left:0.5rem}
+.itemList > li{display:inline; font-size:1rem; padding:0.6rem 0.4rem; background-color:#f5f5f5; margin-right:0.3rem;}
+.itemList > li:last-child{margin-right:0;}
+.tbj_product .itemTag{font-size:1.1rem; color:#fd5413; margin-left:0.6rem; margin-top:1.6rem;}
+
+.br .br_main .special_shop{position:relative; margin-top:6rem}
+.br .br_main .special_shop > h1{text-align:center; font-size:1.9rem; margin-bottom:2.4rem}
+.br .br_main .special_shop .swiper-slide{position:relative; margin-right:0.8rem;}
+.br .br_main .special_shop .swiper-slide img{width:100%; margin-bottom:1.9rem;}
+.br .br_main .special_shop .swiper-slide .s-text{position:absolute; top:19rem; margin-left:1.9rem;}
+.br .br_main .special_shop .swiper-slide .s-text p{font-size:2.3rem; font-weight:500;; color:#fff; font-weight:300;}
+.br .br_main .special_shop .swiper-slide .s-text p:nth-of-type(2){font-size:1.2rem; font-weight:100; margin-top:0.8rem}
+.br .br_main .special_shop .swiper-slide .s-info > a{display:flex;}
+.br .br_main .special_shop .swiper-slide .s-info > a > img{width:7rem; height:10.8rem;}
+.br .br_main .special_shop .swiper-slide .s-info_text{margin-left:1.9rem; margin-top:1.3rem}
+.br .br_main .special_shop .swiper-slide .s-info_text .itemPercent{left:4.5rem;}
+
+.recommendedArea{position:relative; margin-top:3rem}
+.reco_pop{background-color:#fff; position:absolute; z-index:999; top:50%; left:50%; transform:translate(-50%, -100%); width:26.6rem; height:12rem;}
+.reco_pop > a > img{margin:1.5rem 0 0 1.5rem;}
+.reco_pop > a > .pop-text{float:right; margin-right:3.6rem; margin-top:2.4rem}
+.reco_pop > a > .pop-text > h2{font-size:0.8rem; color:#8e8e8e}
+.reco_pop > a > .pop-text > p{font-size:1.1rem; margin-top:0.6rem; margin-bottom:0.8rem; color:#595959}
+.reco_pop > a > .pop-text > span{font-size:1.2rem; font-weight:bold;}
+.reco_pop > a > .pop-arrow{position:absolute; right:0; top:5rem; display:inline-block; width:0.6rem; height:1.1rem; text-indent:-9999px; background:url(/images/mo/br_pop_arrow.png); margin-right:1.5rem;}
+.recommendedArea .pd_recommend .swiper-pagination{background:rgba(0, 0, 0, 0.3); color:#fff; width:5.5rem; border-radius:1rem; height:2.2rem; line-height:2.2rem;}
+.recommendedArea .pd_recommend .swiper-pagination-total{font-weight:200;}
+.reco_information{width:100%;}
+.reco_information .pop_info{margin-left:2rem; margin-right:2rem; height:3.4rem; overflow:hidden;}
+.reco_information > button{display:block; margin:0 auto; margin-top:2rem; font-weight:600;}
+.reco_information > button > span{text-indent:-9999px; display:inline-block; width:1.2rem; height:0.7rem; background:url(/images/mo/br_arrow_down.png) no-repeat; position:relative; top:0.3rem; left:0.5rem}
+
+.br .br_main .youtu{width:calc(100% - 4rem); height:32.8rem; background-color:#444444; padding:0 2rem; position:relative; top:1.6rem; margin:0 auto;}
+.br .br_main .youtu > h1{text-align:center; font-size:1.9rem; padding-top:4rem; margin-bottom:2.2rem; font-weight:bold; color:#fff}
+.br .br_main .br_youtube_slide .swiper-slide{height:20.5rem; width:100%;}
+.br .br_main .br_youtube_slide .swiper-slide iframe{height:16.8rem; position:absolute; left:50%; transform:translate(-50%);}
+.br .br_main .br_youtube_slide .swiper-pagination{position:relative;}
+.br .br_main .br_youtube_slide .swiper-pagination .swiper-pagination-bullet{background-color:#dddddd; opacity:1; margin-right:0.7rem;}
+.br .br_main .br_youtube_slide .swiper-pagination .swiper-pagination-bullet-active{background-color:#fd4802;}
+
+.br .br_main .tbj_product{margin-top:7rem}
+.br .br_main .tbj_product .btn{width:100%; height:4rem; height:4rem; line-height:4rem;}
+.br .br_main .tbj_product > h1{text-align:center; font-size:1.8rem; margin-bottom:2.3rem; font-weight:bold;}
+.br .br_main .tbj_product .item_prod{width:49%; float:left; margin-bottom:3.6rem; position:relative;}
+.br .br_main .tbj_product .item_prod:nth-of-type(even){float:right;}
+.br .br_main .tbj_product .item_prod .s-text{margin-top:1.5rem}
+
+.pd_together .swiper-container{overflow:visible;}
+.special_shop .swiper-container{overflow:visible;}
+
+
+
+
+/* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ */
+
+
+
+
+
+/* 네이버쿠폰 팝업 */
+.modal .naver .modal-header { padding: 2.5rem 2rem 2rem;}
+.modal .naver .modal_img { width: 20rem; height: 11.2rem; background: url(/images/mo/coupon_naver8.png); background-size: 20rem 11.2rem; margin: 0 auto; }
+.modal .naver .modal-body { padding: 2rem 2rem 3rem;}
+.modal .naver .modal-body p { font-size: 1.2rem; padding: 0 0 0.9rem; color: #666666;}
+.modal .naver .modal-body p:last-child { padding-bottom: 0;}
+.modal .naver .modal-footer { margin: 0;}
+.modal .naver .modal-footer .btn { background: #fd4802;}
+
+/* 쿠폰모두받기 팝업 */
+.modal.wide { width: 100%; position: fixed; left: 0; bottom: 0;}
+.modal.wide .coupon_all .modal-header { padding: 3rem 2rem 2.5rem;}
+.modal.wide .coupon_all .modal-body { width: 100%; height: 100%; padding: 0 2rem; margin: 0 auto; }
+.modal_coupon { width: 100%; background: url(/images/mo/coupon.png) no-repeat center; background-size: 100% auto; margin: 0 auto;}
+.modal_coupon li:nth-child(1) { padding: 2.5rem 0 1rem 2rem; font-size: 1.2rem; color: rgb(19,19,19); font-weight: 500;}
+.modal_coupon li:nth-child(2) { padding: 0 0 0 2rem; font-size: 1.8rem; font-weight: 800; color: #fd7039;}
+.modal_coupon li:nth-child(3) { padding: 1.2rem 0 0 2rem; font-size: 1.2rem; color: #666666;}
+.modal_coupon li:nth-child(4) { padding: 0 0 3.3rem 2rem; font-size: 1.2rem; color: #666666;}
+.modal.wide .coupon_all .modal-body .btn { height: 4rem;}
+.modal.wide .coupon_all .modal-footer .btn { height: 5.9rem; background: #fd4802; }
+
+/* 쿠폰모두받기 - 완료 */
+.modal.wide .coupon_all .modal-body.done .btn { background: #aaaaaa; border: none; }
+.modal.wide .coupon_all .modal-footer.done .btn {background: #aaaaaa; border: none;}
+
+
+/* 배송/반품/교환 title */
+.modal .pop_full_wrap .modal-header { height: 9rem; padding: 0;}
+.modal .pop_full_wrap .modal-title { display: flex;}
+.modal .pop_full_wrap .modal-title .title_img { width: 5.5rem; height: 9rem; margin: 0 2rem 0 0; background: url(/images/pc/thumb/tmp_pdDetail1.jpg) no-repeat center; background-size: 4rem 6rem;}
+.modal .pop_full_wrap .modal-title .title_text { height: 9rem;}
+.modal .pop_full_wrap .modal-title .title_text p { font-size: 1.3rem; font-weight: 600; padding-top: 2.5rem;}
+.modal .pop_full_wrap .modal-title .title_text span { display: block; font-weight: 300; padding-bottom: 1rem;}
+/* 배송/반품/교환 delivery */
+.modal .pop_full_wrap .modal-body { padding: 0;}
+.modal .pop_full_wrap .modal-body .inner { padding-bottom: 0;}
+.modal .pop_full_wrap .modal-body .delivery { margin: 9rem 0 0; padding: 3rem 0 4rem;}
+.modal .pop_full_wrap .modal-body h2 { font-size: 1.6rem;}
+.modal .pop_full_wrap .modal-body h3 { padding: 2rem 0 0.6rem; font-size: 1.2rem;}
+.modal .pop_full_wrap .modal-body p { position: relative; padding: 0.6rem 0 0 0.5rem; font-size: 1.2rem;}
+.dot:after{ content:"·"; position: absolute; top: 0.5rem; left: 0; }
+.modal .pop_full_wrap .pop_board { border: 1.2rem solid #f5f5f5;}
+/* 배송/반품/교환 change */
+.modal .pop_full_wrap .modal-body .change { margin: 0; padding: 4rem 0 6rem;}
+.modal .pop_full_wrap .change .pop_table { width: 100%; margin: 2rem 0 1rem; border-top: 0.1rem solid #222222;}
+.modal .pop_full_wrap .change .pop_table tr td:first-child {width: 10rem; padding: 0 0 0 1.2rem; font-weight: 800; background: #f5f5f5;}
+.modal .pop_full_wrap .change .pop_table tr td { font-size: 1.2rem; padding: 2.5rem 0 2.5rem 1.2rem; align-items: center; border-bottom: 0.1rem solid #eeeeee; }
+
+/* qnalist 팝업 */
+.modal .pop_full_wrap .modal-body.qnalist { margin: 9rem 0 0; padding: 3rem 0 4rem;}
+.modal .pop_full_wrap .modal-body.qnalist .btn { width: 100%; margin: 2rem 0 2.3rem; border: 0.2rem solid #a7a7a7;}
+.modal .pop_full_wrap .modal-footer .btn { font-size: 1.5rem; position: absolute; bottom: 0; background: #222222; color: #ffffff;}
+/* qnalist_1 */
+.modal .pop_full_wrap .qnalist .check { padding: 0 0 1rem; display: flex;}
+.modal .pop_full_wrap .qnalist .check > li:first-child {width: 2rem; height: 2rem; background: url(/images/mo/check.png) no-repeat center; background-size: 100% auto; margin: 0 0.6rem 0 0;}
+.modal .pop_full_wrap .qnalist .check > li:last-child { font-size: 1.2rem; line-height: 2rem;}
+.modal .pop_full_wrap .qnalist .fold_head .fold_state { font-size: 1rem;}
+.modal .pop_full_wrap .qnalist .fold_head .prod { font-size: 1rem; color: #fd4802; font-weight: 600; margin: 0 0.5rem 0 0;}
+.modal .pop_full_wrap .qnalist .fold_head .prod_img { width: 1.4rem; height: 1.4rem; background: url(/images/pc/ico_secret.png) no-repeat center; background-size: 100% auto;}
+.modal .pop_full_wrap .qnalist .fold_head a { padding: 2rem 2rem 1.8rem;}
+.modal .pop_full_wrap .qnalist .fold_head .lap1 { margin: 0 0 0.8rem;}
+.modal .pop_full_wrap .qnalist .fold_head .lap2 { font-size: 1.3rem; font-weight: bold; margin: 0 0 0.8rem;}
+.modal .pop_full_wrap .qnalist .fold_head .id { padding: 0 1rem 0 0 ; color: #888; border-right: 1px solid #dddddd;}
+.modal .pop_full_wrap .qnalist .fold_head .data { padding: 0 0 0 1rem;}
+.modal .pop_full_wrap .qnalist .fold_head.fold_my {background: #fff6f2;}
+.modal .pop_full_wrap .qnalist .foldGroup > ul > li:first-child { border-top: 0.1rem solid #E5E5E5;}
+.modal .pop_full_wrap .qnalist .ui_foot p { text-align: center; color: #666666;}
+.modal .modal-footer .btn { font-size: 1.5rem; background: #222222; color: #ffffff;}
+/* qnalist_2 */
+.modal .pop_full_wrap .modal-body.qnalist .no_qna { padding: 14rem 0 0; text-align: center;}
+.modal .pop_full_wrap .modal-body.qnalist .no_qna p { font-size: 1.2rem; color: #666666;}
+/* qnalist_3 */
+.modal .pop_contact .modal-header { padding: 1.6rem 0; border: none;}
+.modal .pop_contact .modal-body { padding: 0;}
+.modal .pop_contact .modal-body p { position: relative; padding: 0.6rem 0 0 0.5rem; font-size: 1.2rem;}
+.modal .pop_contact .modal-body .inner:nth-child(1) { padding-bottom: 3rem;}
+.modal .pop_contact .modal-body .inner { padding-bottom: 0;}
+.modal .pop_contact .doc_contactus { width: 100%; padding: 1.2rem; box-sizing: border-box;}
+.modal .pop_contact .txt_cnt .contactus_cnt {position:absolute; right:1.4rem; bottom:1.2rem; text-align:right; font-size:1.2rem;}
+.modal .pop_contact .modal-body .txt_cnt { margin: 0; padding: 0;}
+.modal .pop_contact .inner .check { padding: 1rem 0 1.4rem; display: flex;}
+.modal .pop_contact .qnalist .check > li:first-child {width: 2rem; height: 2rem; background: url(/images/mo/check.png) no-repeat center; background-size: 100% auto; margin: 0 0.6rem 0 0;}
+.modal .pop_contact .qnalist .check > li:last-child { font-size: 1.2rem; line-height: 2rem;}
+.modal .pop_contact .form_field .cellphone {display:block;}
+.modal .pop_contact .form_field .cellphone input[type="text"]{width:40rem;}
+.modal .pop_contact .form_field .cellphone .ck_box {display:inline-block;}
+.modal .pop_contact .cellphone .input_wrap{display:flex; flex-wrap:wrap;}
+.modal .pop_contact .cellphone .input_wrap .tt{padding:0.3rem 0; margin-right:3rem; font-weight:600;}
+.modal .pop_contact .tt { font-size: 1.4rem; line-height: 3.1rem;}
+.modal .pop_contact .form_field .cellphone .ck_box {display:inline-block;}
+.modal .pop_contact .ck_box { padding:0.3rem 0; line-height: 3.1rem;}
+.modal .pop_contact .ck_box input[type="checkbox"] + label {font-size:1.6rem; font-weight:200;}
+.modal .pop_contact .ck_box:first-child{margin-right:2rem;}
+.modal .pop_contact .modal-footer .btn { position: absolute; bottom: 0; }
+
+/* pd_deal_detail 리뷰 */
+.pd_deal_detail .inner.wide { padding-bottom: 0;}
+.pd_deal_detail .title_wrap {display: flex; justify-content: space-between; padding: 1.5rem 2rem; border-bottom: 0.1rem solid #dddddd;}
+.pd_deal_detail .title_wrap .img { width: 4rem; height: auto; margin: 0 1.3rem 0 0; background: url(/images/pc/thumb/tmp_pdDetail1.jpg) no-repeat center; background-size: 100% auto; }
+.pd_deal_detail .title_wrap .text_Wrap { width: 25rem; font-size: 1rem; padding: 0.8rem 0;}
+.pd_deal_detail .title_wrap .text_Wrap p { padding: 1rem 0;}
+.pd_deal_detail .title_wrap .text_Wrap p span { font-weight: 800;}
+.pd_deal_detail .title_wrap .down { width: 3rem; background: url(/images/mo/pd_btn.png) no-repeat center; background-size: 1rem 0.7rem;}
+.pd_deal_detail .star { width: 100%; padding: 3rem 0 1.4rem; text-align: center; color: #fd4802; font-weight: 500;}
+.pd_deal_detail .star p { font-size: 1.4rem; padding: 0 0 0.8rem; }
+.pd_deal_detail .size_wrap .size { display: flex; justify-content: space-between; padding: 0.4rem 0;}
+.pd_deal_detail .size_wrap .size li { line-height: 3.6rem; font-size: 1.4rem; font-weight: 500;}
+.pd_deal_detail .size_wrap .size li:nth-child(1) { border: 0.15rem solid #fd4802; border-radius: 1.3rem; width: 6rem; height: 2.5rem; font-size: 1.2rem; text-align: center; line-height: 2.5rem; color: #fd4802; margin: 0.4rem 0 0;}
+.pd_deal_detail .size_wrap .size li:nth-child(2) { width: 4.5rem;}
+.pd_deal_detail .size_wrap .size li:nth-child(3) { width: 15.8rem; height: 0; margin: 1.8rem 0 0; border: 0.1rem dashed #dddddd; }
+.pd_deal_detail .btn {width: 100%; margin: 2rem auto 2.3rem; border: 0.2rem solid #a7a7a7;}
+.pd_deal_detail .btn .button_wrap { display: flex; width: 8rem; margin: 0 auto; text-align: center;}
+.pd_deal_detail .btn .button_wrap p { margin: 0 0.8rem 0 0; line-height: 3.6rem; font-size: 1.2rem; font-weight: 600;}
+.pd_deal_detail .btn figure { width: 1.2rem; height: 0.8rem; background: url(/images/mo/ico_btn_more.png) no-repeat center; background-size: 1.2rem 0.8rem; margin: 1.4rem 0; }
+
+/* .pd_deal_detail .inner:last-child { padding-bottom: 1.6rem !important;} */
+.pd_deal_detail .review_point_wrap { padding: 2.4rem 0; margin: 0 0 1.6rem; background: #fff6f2;}
+.pd_deal_detail .review_point_to { width: 26rem; display: flex; margin: 0 auto; padding: 0 0 1.5rem;}
+.pd_deal_detail .review_point_to figure { width: 1.6rem; height: 1.6rem; background: url(/images/mo/ico_point.png) no-repeat center; background-size: 1.6rem 1.6rem; margin: 0 0.5rem 0 0;}
+.pd_deal_detail .review_point_to p { font-size: 1.4rem; font-weight: 500;}
+.pd_deal_detail .review_point_bo { display: flex; justify-content: space-between; text-align: center;}
+.pd_deal_detail .review_point_bo ul { width: 33.3333%;}
+.pd_deal_detail .review_point_bo ul li:first-child { padding: 0 0 1rem; font-size: 1rem; color: #888;}
+.pd_deal_detail .review_point_bo ul li:last-child { font-size: 1.4rem; font-weight: 900;}
+
+.pd_deal_detail .review_bottom { width: 100%; height: 5.8rem; display: flex; align-items: center; background: #222222;}
+.pd_deal_detail .review_bottom .icon { width: 40%; margin: 0 0.8rem; display: flex;}
+.pd_deal_detail .review_bottom .share_wrap { width: 50%; height: 5.8rem; margin: 0; }
+.pd_deal_detail .review_bottom .share { width: 2rem; height: 2rem; background: url(/images/mo/share_white.png)no-repeat center; background-size: 2rem 2rem; margin: 1.9rem auto;}
+.pd_deal_detail .review_bottom .like_wrap { width: 50%; height: 5.8rem; margin: 0;}
+.pd_deal_detail .review_bottom .like { width: 2.3rem; height: 2rem; background: url(/images/mo/like_white.png)no-repeat center; background-size: 2.3rem 2rem; margin: 1.9rem auto; }
+.pd_deal_detail .review_bottom .text { width: 60%; height: 5.8rem; line-height: 5.8rem; background: #fd4802;}
+.pd_deal_detail .review_bottom p { width: 22.8rem; text-align: center; font-size: 1.6rem; color: #ffffff; margin: 0 auto;}
+.pd_deal_detail .inner:last-child { padding-bottom: 0 !important;}
+
+/* pd_deal_detail 문의 */
+.pd_deal_detail .modal-body.qnalist { margin: 0; padding: 3rem 0 4rem;}
+.pd_deal_detail .modal-body p { position: relative; padding: 0.6rem 0 0 0.5rem; font-size: 1.2rem; color: #666;}
+.pd_deal_detail .modal-body.qnalist .btn { width: 100%; margin: 2rem 0 2.3rem; border: 0.2rem solid #a7a7a7;}
+.pd_deal_detail .modal-footer .btn { font-size: 1.5rem; position: absolute; bottom: 0; background: #222222; color: #ffffff;}
+.pd_deal_detail .qnalist .check { padding: 0 0 1rem; display: flex;}
+.pd_deal_detail .qnalist .check > li:first-child {width: 2rem; height: 2rem; background: url(/images/mo/check.png) no-repeat center; background-size: 100% auto; margin: 0 0.6rem 0 0;}
+.pd_deal_detail .qnalist .check > li:last-child { font-size: 1.2rem; line-height: 2rem;}
+.pd_deal_detail .qnalist .fold_head .fold_state { font-size: 1rem;}
+.pd_deal_detail .qnalist .fold_head .prod { font-size: 1rem; color: #fd4802; font-weight: 600; margin: 0 0.5rem 0 0;}
+.pd_deal_detail .qnalist .fold_head .prod_img { width: 1.4rem; height: 1.4rem; background: url(/images/pc/ico_secret.png) no-repeat center; background-size: 100% auto;}
+.pd_deal_detail .qnalist .fold_head a { padding: 2rem 2rem 1.8rem;}
+.pd_deal_detail .qnalist .fold_head .lap1 { margin: 0 0 0.8rem;}
+.pd_deal_detail .qnalist .fold_head .lap2 { font-size: 1.3rem; font-weight: bold; margin: 0 0 0.8rem;}
+.pd_deal_detail .qnalist .fold_head .id { padding: 0 1rem 0 0 ; color: #888; border-right: 0.1rem solid #dddddd;}
+.pd_deal_detail .qnalist .fold_head .data { padding: 0 0 0 1rem;}
+.pd_deal_detail .qnalist .fold_head.fold_my {background: #fff6f2;}
+.pd_deal_detail .qnalist .foldGroup > ul > li:first-child { border-top: 0.1rem solid #E5E5E5;}
+.pd_deal_detail .qnalist .ui_foot p { text-align: center; color: #666666;}
+
+/* pd_deal_detail 배송/반품/교환 */
+.pd_deal_detail .inner .delivery { padding-bottom: 2.7rem;}
+.pd_deal_detail .delivery { margin: 0; padding: 3rem 0 4rem;}
+.pd_deal_detail .inner .delivery h2 { font-size: 1.6rem;}
+.pd_deal_detail .inner .delivery h3 { padding: 2rem 0 0.6rem; font-size: 1.2rem;}
+.pd_deal_detail .inner .delivery p { position: relative; padding: 0.6rem 0 0 0.5rem; font-size: 1.2rem; color: #666666;}
+.dot:after{ content:"·"; position: absolute; top: 0.5rem; left: 0; }
+.pd_deal_detail .pop_board { border: 1.2rem solid #f5f5f5;}
+.pd_deal_detail .inner .change { margin: 0; padding: 4rem 0 4.7rem;}
+.pd_deal_detail .inner .change .pop_table { width: 100%; margin: 2rem 0 1rem; border-top: 0.1rem solid #222222; color: #666;}
+.pd_deal_detail .inner .change .pop_table tr td:first-child {width: 10rem; padding: 0 0 0 1.2rem; font-weight: 800; background: #f5f5f5;}
+.pd_deal_detail .inner .change .pop_table tr td { font-size: 1.2rem; padding: 2.5rem 0 2.5rem 1.2rem; align-items: center; border-bottom: 0.1rem solid #eeeeee; }
+.pd_deal_detail .inner .change h2 { font-size: 1.6rem;}
+.pd_deal_detail .inner .change h3 { padding: 2rem 0 0.6rem; font-size: 1.2rem;}
+.pd_deal_detail .inner .change p { position: relative; padding: 0.6rem 0 0 0.5rem; font-size: 1.2rem; color: #666666;}
+
+/* 브랜드 - br_search */
+.htop.br { overflow: hidden;}
+.htop.br .button_wrap {height: 5.5rem; display: inline-block; float: right; padding: 1.6rem 0 0; margin: 0 2.5rem 0 0; box-sizing: border-box;}
+.htop.br .button_wrap .br_search { margin: 0 2.5rem 0 0; }
+.htop.br .button_wrap .br_store img:nth-child(1) { width: 1.6rem; height: 2rem; }
+/* .htop.br .button_wrap .br_store img:nth-child(2) { width: 1.8rem; height: 1.4rem; position: absolute; top: 1.2rem; right: 1.5rem;} */
+.htop.br .button_wrap .br_store span { width: 2.1rem; height: 1.5rem; position: absolute; top: 1.2rem; right: 1.5rem; background: #fd4802; border-radius: 0.8rem; font-size: 0.8rem; color: #fff; line-height: 1.6rem;}
+
+/* 스와이퍼 */
+.br_search_wrap .swiper-container { width: 100%; height: 21.4rem; margin-left: auto; margin-right: auto; }
+.br_search_wrap .swiper-slide { text-align: center; font-size: 1.8rem; background: #fff; height: calc((100% - 30px) / 2); /* Center slide text vertically--> */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
+.br_search_wrap .swiper-slide {width: 12rem; height: 8rem;}
+.br_search_wrap .swiper-slide {border-bottom: 0.1rem solid #eeeeee; border-right: 1px solid #eeeeee;}
+.br_search_wrap .swiper-slide:nth-child(1) {border-left: 0.1rem solid #eeeeee;}
+.br_search_wrap .swiper-slide:nth-child(2) {border-left: 0.1rem solid #eeeeee;}
+.br_search_wrap .swiper-slide li { width: 12.6rem; height: 8rem; margin: 0; padding: 2.5rem 2rem 0; box-sizing: border-box;}
+.swiper-pagination-bullet-active { background: #fd4802;}
+.br_search_wrap .hmenu .line { width: 100%; height: 1.4rem; background: #f5f5f5; margin: 1rem 0 0;}
+.br_search_wrap .hmenu .brand_si .swiper-pagination-bullet{margin-right:0.8rem;}
+.br_search_wrap .hmenu .brand_si .swiper-pagination-bullet:last-child{margin-right:0;}
+.br_search_wrap .brand_title { width: 100%; height: 4.3rem; margin: 2.4rem 0 0; border-bottom: 0.2rem solid black; }
+.br_search_wrap .brand_title input { width: 100%; height: 4.3rem; float: left; border: none;  padding: 0; font-size: 1.6rem; font-weight: 100; color: #888; border-bottom:2px solid #000; margin-bottom:1.6rem;}
+.br_search_wrap .brand_title .btn_x { width: 2rem; height: 2rem; background: #aaa; border-radius: 1rem; color: #fff; font-size: 1rem; position: absolute; top: 1.2rem; right: 5rem; }
+.br_search_wrap .brand_title button img { width: 2rem; height: 2rem; position: absolute; top: 1.2rem; right: 2rem;}
+.br_search_wrap .inner .result {padding-bottom:3rem; margin: 1.5rem 0 1rem; border-bottom:0.1rem solid #dddddd;}
+.br_search_wrap .inner:last-child .result {border:0px none;}
+.br_search_wrap .inner .result h2 { font-size: 1.6rem; font-weight: 700; margin-bottom:0.6rem;}
+.br_search_wrap .brand a {display:block; padding: 2rem 0 0; font-size: 1.2rem;}
+.br_search_wrap .brand a span { display: block; font-size: 0.8rem; color: #888;}
+
+/* 브랜드 - br_search_nodata */
+.br_search_wrap .nodata { width: 100%; height: 100%; margin: 14rem 0; padding: 0;}
+.br_search_wrap .inner.nodata:last-child {margin-bottom: 14rem;}
+.br_search_wrap .brand.nodata { text-align: center;}
+.br_search_wrap .brand.nodata p { padding: 0 0 2.4rem; font-size: 1.4rem; color: #666;}
+.br_search_wrap .brand.nodata .btn { font-size: 1.2rem; border: 0.1rem solid #888; height: 3rem; padding: 0 1rem;}
+
+
+/* 브랜드 - 룩북 */
+.htop.br_lookbook { overflow: hidden; border: none !important;}
+header .htop.br_lookbook .btn_back span i { background: #fff;}
+header .htop.br_lookbook h1 { color: #fff; margin: 1rem 0 0 2rem;}
+header .htop.br_lookbook .btn_back { margin: 1.4rem 0 0 0;}
+header .htop.br_lookbook .btn_back img { width: 1.5rem; height: 1rem;}
+.htop.br_lookbook .button_wrap {height: 5.5rem; display: inline-block; float: right; padding: 1.6rem 0 0; margin: 0 2.5rem 0 0; box-sizing: border-box;}
+.htop.br_lookbook .button_wrap .br_search { margin: 0 2.5rem 0 0; width: 2.3rem; height: 2.4rem;}
+.htop.br_lookbook .button_wrap .br_store img:nth-child(1) { width: 1.8rem; height: 2.2rem; }
+.htop.br_lookbook .button_wrap .br_store span { width: 2.1rem; height: 1.5rem; position: absolute; top: 1.2rem; right: 1.5rem; background: #fd4802; border-radius: 0.8rem; font-size: 0.8rem; color: #fff; line-height: 1.6rem;}
+
+.br_lookbook .title {font-size: 1.2rem;}
+.br_lookbook .title span { color: #fd4802; font-weight: 800;}
+.br_lookbook .collection figure { margin: 0 auto; width: 100%; height: 32rem; margin: 0 0 2rem; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: cover; }
+.br_lookbook .collection figure img { width: 100%; height: auto; }
+.br_lookbook .collection p { margin: 0 0 4rem; font-size: 1.2rem; font-weight: 800;}
+.last_page { text-align: center; font-size: 1.2rem; padding: 2.4rem 0 6rem; border-top: 0.1rem solid #f5f5f5; color: #a7a7a7; background-color:#fff;}
+.last_page.mt50{padding-top:2rem;}
+main.container .br_lookbook .inner:last-child {padding-bottom: 0;}
+.br_lookbook .no_lb_wrap { text-align: center; margin: 12rem 0 14rem;}
+.br_lookbook .no_lb_wrap p { text-align: center; font-size: 1.2rem; color: #a7a7a7; margin: 0 0 2.4rem;}
+.br_lookbook .no_lb_wrap .btn { font-size: 1.2rem; height: 3rem; }
+
+/* 브랜드 - 룩북 detail */
+.br_lookbook .title { font-size: 1,4rem; font-weight: 800; padding: 1.6rem 0 2rem; margin: 0;}
+.br_lookbook .inner { margin-bottom: 0; padding-bottom: 0;}
+.br_lookbook .inner .lb_text p { height: 3.4rem; overflow: hidden; margin: 0 0 2.4rem; font-size: 1.2rem; font-weight: 300; line-height: 1.8rem;}
+.br_lookbook .inner .lb_text .btn { width: 100%; height: 2.4rem; text-align: center; margin: 0 0 2.4rem; font-size: 1.2rem; border:0px none;}
+.br_lookbook .inner .lb_text .btn > p{display:inline}
+.br_lookbook .inner .lb_text .btn > span{display:inline-block; width:1.2rem; height:0.7rem; background:url(/images/mo/br_arrow_down.png); margin-left:0.5rem; margin-bottom:0.1rem}
+
+.br .br_lookbook .br_third_slide .swiper-slide{margin-right:0.7rem;}
+.br .br_lookbook .br_third_slide .swiper-slide > a > div{width:49%; float:left; margin-bottom:3.6rem; position:relative;}
+.br .br_lookbook .br_third_slide .swiper-slide > a:nth-of-type(even) > div{float:right;}
+.br .br_lookbook .br_third_slide .swiper-slide .s-text{margin-left:0.5rem}
+.br .br_lookbook .br_third_slide .swiper-slide .s-text > p:nth-of-type(1){font-size:0.8rem; margin-top:1.4rem}
+.br .br_lookbook .br_third_slide .swiper-slide .s-text > p:nth-of-type(2){font-size:1rem; margin-top:0.6rem}
+.br .br_lookbook .br_third_slide .swiper-slide .s-text > p:nth-of-type(3){font-size:1.2rem; color:#222222; font-weight:bold; margin-top:1rem}
+.br .br_lookbook .br_third_slide .btn { width: 100%; border-color: #fd4802; color: #fd4802; margin: 0 0 4rem;}
+.br .br_lookbook .br_otherbrand { margin: 1.2rem 0 0; padding: 6rem 0 4rem;}
+.br .br_lookbook .br_otherbrand .tit { font-size: 1.6rem; text-align: center; margin: 0 0 2rem; }
+
+.br .br_lookbook .item_prod .itemPic { padding-top: 0; height: 15rem;}
+.br .br_lookbook .item_prod .itemPic::after { height: 15rem;}
+
+.br .br_lookbook .recommendedArea{margin-top:-0.3rem}
+
+
+/* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ검색ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ */
+.sch .sch_result{background-color:#f5f5f5;}
+.sch .sch_result .inner{background-color:#fff;}
+.sch .sch_result .brand_title { width: 100%; height: 4.3rem; margin: 2.4rem 0 0; border-bottom: 0.2rem solid black; }
+.sch .sch_result .brand_title input { width: 100%; height: 4.3rem; float: left; border: none;  padding: 0; font-size: 1.6rem; font-weight: 100; color: #888; border-bottom:0.2rem solid #000; margin-bottom:1.6rem;}
+.sch .sch_result .brand_title .btn_x { width: 2rem; height: 2rem; background: #aaa; border-radius: 1rem; color: #fff; font-size: 1rem; position: absolute; top: 1.2rem; right: 5.5rem; }
+.sch .sch_result .brand_title button img { width: 2rem; height: 2rem; position: absolute; top: 1.2rem; right: 2.5rem;}
+.sch .sch_result .hot-key{font-size:1.6rem; margin-bottom:1.6rem; margin-left:2rem}
+.sch .sch_result .related_keyword .sch_list_slide .swiper-wrapper{}
+.sch .sch_result .related_keyword .sch_list_slide .swiper-wrapper .swiper-slide{}
+.sch .sch_result .related_keyword .sch_list_slide .swiper-wrapper .swiper-slide > a{display:inline-block; background-color:#f5f5f5; padding:0.8rem 1.3rem; border-radius:2rem;}
+.sch .sch_result .area_taps{}
+.sch .sch_result .area_taps > ul{display:flex; border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee;}
+.sch .sch_result .area_taps > ul > li{width:33.3%; text-align:center;}
+.sch .sch_result .area_taps > ul > li > a{display:block; padding:1.5rem 0; font-size:1.4rem; color:#000; font-weight:600; margin-top:0.3rem;}
+.sch .sch_result .area_taps > ul > li > a.on{color:#fd4802; border-bottom:0.2rem solid #fd4802;}
+.sch .sch_result .area_taps > ul > li > a > span{font-size:0.8rem; color:#888888; margin-left:0.2rem}
+.sch .sch_result .tbj_product .swiper-container{overflow:visible;}
+.sch .sch_result .tbj_product .swiper-wrapper{}
+.sch .sch_result .tbj_product .swiper-slide{display:flex; margin-right:0.6rem;}
+.sch .sch_result .tbj_product .itemPrice_original{margin-left:0.6rem; width:3rem;}
+.sch .sch_result .tbj_product .item_prod .s-text{margin-top:1.5rem;}
+.sch .sch_result .tbj_product > h1{padding:4rem 0 2rem; font-size:1.5rem;}
+.sch .sch_result .tbj_product.no-slide .filter-list{margin:4rem 0 0}
+.sch .sch_result .tbj_product.no-slide > h1{font-size:1.8rem; margin-bottom:2.3rem; font-weight:bold;}
+.sch .sch_result .tbj_product.no-slide .item_prod{width:49%; float:left; margin-bottom:3.6rem; position:relative;}
+.sch .sch_result .tbj_product.no-slide .item_prod:nth-of-type(even){float:right;}
+.sch .sch_result .tbj_product.no-slide .item_prod .s-text{margin-top:1.5rem}
+.sch .sch_result .banner{margin:0 -2rem;}
+.sch .sch_result .banner > img{width:100%; height:9.3rem; margin-bottom:4rem;}
+.sch .sch_result .btPop_full{margin-top:59rem}
+.sch .sch_result .btPop_full .btPop_body > ul{padding-top:1.6rem}
+.sch .sch_result .btPop_full .btPop_body > ul > li{}
+.sch .sch_result .btPop_full .btPop_body > ul > li > a{display:block; border:0.1rem solid #eeeeee; text-align:center; padding:1.4rem 0; font-weight:600; border-radius:3rem; margin-bottom:0.8rem; color:#686868}
+.sch .sch_result .btPop_full .btPop_body > ul > li > a.on{border:0.1rem solid #fd4802; color:#fd4802}
+
+.filter-list{display:flex; justify-content:space-between;padding-bottom:2rem; font-size:1.2rem}
+.filter-list .f_left > span{color:#fd4802; font-weight:bold;}
+.filter-list .f_right > a:nth-of-type(1) > span{display:inline-block; width:0.7rem; height:0.4rem; background:url(/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(/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;}
+.sch .sch_result .list_content{}
+.sch .sch_result .list_content .brand{display:none;}
+.sch .sch_result .list_content.nodata .brand{display:block;}
+.sch .sch_result .inner.nodata:last-child {margin-bottom: 14rem;}
+.sch .sch_result .brand.nodata { text-align: center;}
+.sch .sch_result .brand.nodata p { padding: 0 0 2.4rem; font-size: 1.4rem; color: #666;}
+.sch .sch_result .brand.nodata p.type2 > span{color:#fd4802}
+.sch .sch_result .brand.nodata .btn { font-size: 1.2rem; border: 0.1rem solid #888; height: 3rem; padding: 0 1rem;}
+.sch .sch_result .tbj_product.no-slide .product-wrapper{overflow:hidden;}
+
+/* sch_result 기획전 */
+.sch .sch_result .item_prod{width:100%;}
+.sch .sch_result .item_prod .itemName{margin-top:1rem; color:#535353}
+.sch .sch_result .item_prod .rank::after{background-color:#fd4802;}
+.sch .sch_result .item_prod .rank > span{font-size:0.9rem;}
+.sch .sch_result .item_prod .itemPic.ver{padding-top:99%; margin-top:3rem;}
+.sch .sch_result .item_prod .itemPlan{display:flex;}
+.sch .sch_result .item_prod .itemPlan > div{margin-right:0.6rem;}
+.sch .sch_result .item_prod .itemPlan > div:last-child{margin-right:0;}
+.sch .sch_result .item_prod .itemEvent{width:100%;}
+.sch .sch_result .item_prod .itemEvent p:nth-of-type(1){font-size:1.4rem;}
+.sch .sch_result .item_prod .itemEvent p:nth-of-type(2){font-size:0.9rem; color:#8b8b8b}
+
+.sch .sch_result.all .tbj_product{margin-top:1.2rem}
+.sch .sch_result.all .search-list{max-height:41rem; overflow:auto;}
+.sch .sch_result.all .search-list > ul{margin-top:1.4rem; margin-bottom:5rem;}
+.sch .sch_result.all .search-list > ul > li > a{display:flex; justify-content:space-between; padding:1rem 0 1rem 2rem;}
+.sch .sch_result.all .search-list > ul > li > a > p{position:relative;}
+.sch .sch_result.all .search-list > ul > li > a > p::after{content:""; background:url(/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.all .search-list > ul > li > a > span{color:#8d8d8d}
+.sch .sch_result.all .allresult-tit{display:flex; justify-content:space-between;}
+.sch .sch_result.all .allresult-tit > h1{font-size:1.5rem; margin-top:2.5rem; margin-bottom:2rem}
+.sch .sch_result.all .allresult-tit > p{margin-right:1.9rem; margin-top:2.5rem; font-size:1.2rem; color:#888888}
+.sch .sch_result.all .allresult-tit > p::after{content:""; background:url(/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.all .itemTag{border:0.1rem solid #fd4802; display:inline; padding:0.3rem 0.6rem; border-radius:1rem; position:relative; top:1rem}
+.sch .sch_result.all .relative-list{height:33rem; overflow:scroll;}
+.sch .sch_result.all .relative-list > ul{border-top:0.2rem solid #f4f4f4; padding-top:1.4rem;}
+.sch .sch_result.all .relative-list > ul > li > a {display:block; padding:0.6rem 0;}
+.sch .sch_result.all .relative-list > ul > li > a > p{font-weight:500;}
+.sch .sch_result.all .relative-list > ul > li > a > p > span{color:#fd4802;}
+.sch .sch_result.all .category{margin-top:1.2rem;}
+.sch .sch_result.all .category > h2{font-size:1.5rem; padding-top:2.4rem}
+.sch .sch_result.all .category > ul{margin-top:1.2rem}
+.sch .sch_result.all .category > ul > li > p{display:block; padding:0.5rem 0; color:#a5a5a5; font-size:1.2rem;}
+.sch .sch_result.all .category > ul > li > p > span{color:#222222}
+.sch .sch_result.all .brand.nodata > p > span{color:#fd4802;}
+.sch .sch_result.all .tbj_product.no-slide > h2{font-size:1.5rem; padding-top:2.3rem; margin-bottom:2rem; font-weight:500;}
+
+
+.sch .sch_result.brand_all .tbj_product{margin-top:1.2rem}
+.sch .sch_result.brand_all .search-list{max-height:41rem; overflow:auto;}
+.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(/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 > h1{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(/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}
+.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{height:33rem; overflow:scroll;}
+.sch .sch_result.brand_all .relative-list > ul{padding-top:1.4rem;}
+.sch .sch_result.brand_all .relative-list > ul > li > a {display:block; padding:0.6rem 0;}
+.sch .sch_result.brand_all .relative-list > ul > li > a > p{font-weight:500;}
+.sch .sch_result.brand_all .relative-list > ul > li > a > p > span{color:#fd4802;}
+.sch .sch_result.brand_all .category{margin-top:1.2rem;}
+.sch .sch_result.brand_all .category > h2{font-size:1.5rem; padding-top:2.4rem}
+.sch .sch_result.brand_all .category > ul{margin-top:1.2rem}
+.sch .sch_result.brand_all .category > ul > li > p{display:block; padding:0.5rem 0; color:#a5a5a5; font-size:1.2rem;}
+.sch .sch_result.brand_all .category > ul > li > p > span{color:#222222}
+.sch .sch_result.brand_all .brand.nodata > p > span{color:#fd4802;}
+.sch .sch_result.brand_all .tbj_product.no-slide > h2{font-size:1.5rem; padding-top:2.3rem; margin-bottom:2rem; font-weight:500;}
+.sch .sch_result.brand_all .filter-list{margin-bottom:0 !important}
+.sch .sch_result.brand_all .related_keyword{border-bottom:0.1rem solid #eeeeee; margin:-1.3rem -2rem 0; padding:0 2rem 1.3rem;}
+
+
+/* 전시상품리스트 공통(default) */
+.sch .sub_category{padding:0.8rem 0; position:relative; top:-0.7rem}
+.sch .sub_category .cate_wrap{white-space:nowrap; overflow:scroll;}
+.sch .sub_category .cate_wrap a{float:none; display:inline-block; margin-bottom:0; background: #f5f5f5; padding:1.2rem 1.4rem; font-size: 1.3rem; color: #000; border-radius:2rem; line-height: 1;}
+.sch .sub_category .cate_wrap a:first-child{margin-left:2rem;}
+.sch .sub_category .cate_wrap a:last-child{margin-right:2rem;}
+/* .sch .sub_category .cate_wrap a.on{border:1px solid #fe4904; color:#fe4904;} */
+
+/* 기획전 - dp_exhibition */
+.sch .sch_result .list_content .itemsGrp.n3{margin-bottom:0; font-size:0;}
+.sch .sch_result .list_content .itemsGrp.n3 .item_prod {width: 31.666%; margin-right: 2.5%; margin-top:0;}
+.sch .sch_result .list_content .itemsGrp.n3 .item_prod:nth-child(2n) {margin-right: 2.5%;}
+.sch .sch_result .list_content .itemsGrp.n3 .item_prod:nth-child(3n) {margin-right:0;}
+.sch .sch_result .list_content .itemsGrp.n3 .item_prod{margin-bottom:0;}
+.sch .sch_result .list_content .list_item{padding-top:3rem}
+.sch .sch_result .list_content .list_item > div{margin-bottom:6rem;}
+.sch .sch_result .list_content .list_item .visual{position:relative; margin-bottom:2rem;}
+.sch .sch_result .list_content .list_item .visual img {width: 100%;}
+.sch .sch_result .list_content .list_item .visual .txtWrap {position: absolute; left: 2rem; bottom: 4rem; color: fff;}
+.sch .sch_result .list_content .list_item .visual .txtWrap p {color: #fff; font-size: 2.4rem; font-weight: 500; line-height: 1.2;}
+.sch .sch_result .list_content .list_item .visual .txtWrap p.txt_xs {font-size: 1.2rem; margin-top:1.6rem; font-weight: 300;}
+.sch .sch_result .list_content .list_defult{display:none; text-align:center; padding:11rem 0;}
+.sch .sch_result .list_content .list_defult p{text-align:center; font-size:1.3rem; color:#888888; font-weight:300;} 
+.sch .sch_result .list_content .list_defult .btn{margin-top:2.4rem; font-size:1.1rem; height:3rem;}
+.sch .sch_result .list_content .list_last{ padding: 2.5rem 0; font-size: 1.1rem; color: #888888; font-weight: 300; text-align: center; border-top:1px solid #f5f5f5;}
+.sch .sch_result .list_content .list_defult{display:none; text-align:center; padding:11rem 0;}
+.sch .sch_result .list_content .list_defult p{text-align:center; font-size:1.3rem; color:#888888; font-weight:300;} 
+.sch .sch_result .list_content .list_defult .btn{margin-top:2.4rem; font-size:1.1rem; height:3rem;}
+.sch .sch_result .list_content .list_last{ padding: 2.5rem 0; font-size: 1.1rem; color: #888888; font-weight: 300; text-align: center; border-top:1px solid #f5f5f5;}
+.sch .sch_result .list_content.nodata .lookbookGrp,
+.sch .sch_result .list_content.nodata .itemsGrp,
+.sch .sch_result .list_content.nodata .list_item,
+.sch .sch_result .list_content.nodata .list_last{display:none;}
+.sch .sch_result .list_content.nodata .list_defult{display:block;} 
+.sch .sch_result .list_item.pro .itemName{font-size:1.1rem; color:#000; width:20rem;}
+.sch .sch_result .list_item.pro .itemPrice .itemPrice_sale{font-size:0.9rem; color:#888888}
+
+/* 검색공통 */
+.sch .count_wrap {padding:2rem 0;}
+.sch .count_wrap:after{display:block; content:''; clear:both;}
+.sch .count_wrap > div:nth-child(1) {float:left;}
+.sch .count_wrap > div:nth-child(1) p {font-size:1.2rem; color:#888;}
+.sch .count_wrap > div:nth-child(1) p span {color:#fd4802; font-weight:bold;}
+.sch .count_wrap > div:nth-child(2) {float: right; }
+.sch .sch_util{display:block; float:right; text-align:right; font-size: 0;}
+.sch .sch_util li {display:inline-block; margin-left:2rem; vertical-align:middle;}
+.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(/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(/images/mo/icon_best_refresh.png) center center no-repeat; background-size:contain;}
+
+/* select 커스텀 (필터용) */
+.sch .sch_util .select {cursor: pointer;display: inline-block;position: relative;top:-1px; font-size: 1.2rem;color: #333333;width: 100%;height:1.6rem; line-height:1.6rem;}
+.sch .sch_util .select+.select{margin-left: 10px;}
+.sch .sch_util .select_hidden {display: none;visibility: hidden;padding-right: 10px;}
+.sch .sch_util .select_dress {
+  position: relative;top: 0;right: 0;bottom: 0;left: 0;padding:0 15px 0 3px;
+  background-color: #ffffff;border: 1px solid #fff;box-sizing: border-box;
+  -moz-transition: all 0.05s ease-in;-o-transition: all 0.05s ease-in;
+  -webkit-transition: all 0.05s ease-in;transition: all 0.05s ease-in;
+}
+.sch .sch_util .select_dress:after {
+  content: "";width: 0;height: 0;box-sizing: border-box;position: absolute;top:5px;right:0;
+  border: 5px solid transparent; border-color: #222222 transparent transparent transparent;  
+}
+.sch .sch_util .select_options {
+  display: none;position: absolute;top:2rem;right: 0;left: 0;z-index: 2;
+  margin: 0;padding: 0;list-style: none;background-color: #ffffff;
+  box-sizing: border-box;border:0;border-top: 0px solid #222222;
+}
+.sch .sch_util .select_options li {
+  margin: 0;padding:3px 3px;text-indent:0; display:block; text-align:left;
+  -moz-transition: all 0.08s ease-in;-o-transition: all 0.08s ease-in;
+  -webkit-transition: all 0.08s ease-in;transition: all 0.08s ease-in;
+}
+.sch .sch_util .select_options li:hover{background-color: #dddddd;}
+.sch .sch_util .select_options li[rel="hide"] {display: none;}
+.sch .sch_util .select_options li.disabled {text-decoration:line-through; background:#f5f5f5; color:#bbb}
+.sch .sch_util .select_options li.disabled:hover,
+.sch .sch_util .select_options li.disabled:active {cursor:default;}
+.sch .sch_util .select_dress:active:after, .dp .dp_util .select_dress.active:after {top:0;border-color: transparent transparent #222 transparent;}
+
+/* 전시 카테고리 공통 */
+.sch .category_open{position:relative; padding: 1.1rem 1.5rem; font-size:1.3rem; color:#222; font-weight: 300; text-align:left; background-color: #ffffff; border: 1px solid #dddddd; box-sizing: border-box;}
+.sch .category_open:after {content: ""; width: 0; height: 0; box-sizing: border-box; position: absolute; top: 1.8rem; right: 1.5rem; border: 6px solid transparent; border-color: #888888 transparent transparent transparent;}
+.sch .category_box{visibility:hidden; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.5); z-index:500;}
+.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(/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 {}
+.sch .category_box .selcet_list ul li {margin-top:0.8rem; padding:0.9rem 1rem; background:#fff; text-align:center; border:1px 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;}
+.sch .category_box .selcet_list ul li.active{border-color:#fd4802; color:#fd4802; font-weight:500;}

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

@@ -0,0 +1,1811 @@
+@charset "UTF-8";
+
+/* ============================================ 고객센터 ============================================ */
+/* cs 공통 */
+.cs .search_wrap{position: relative;}
+.cs .cs_search_input{font-size:1.5rem; height:4.5rem; width:100%; border:none !important; border-bottom:0.2rem solid #000 !important; position:relative; padding:0 !important;}
+.cs .cs_search_input + button{position:absolute; top:0; right:0; background:url(/images/mo/cs_search_btn.png) center center no-repeat; text-indent:-9999px; width:2.2rem; height:4.5rem;}
+.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:bold; position:relative; margin:2rem 0 0 0;}
+.cs .see_more > span{background:url(/images/mo/cs_qna_btn.png) no-repeat; text-indent:-9999px; 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;}
+.cs .ui_row.nodata {border:none;}
+.cs .ui_row.nodata::after {content:'총 0개의 목록이 있습니다.';}
+.cs .ui_foot{padding:0 2rem;}
+.cs .form_field .radio_wrap {width: 100%; display: flex; font-size: 1.4rem; font-weight: 600; padding: 0 0 6rem;}
+.cs .form_field .radio_wrap p { width: 40%; line-height: 2.4rem;}
+.cs .form_field .radio_wrap .ui_col_4 {width: 25%;}
+.cs .quick_list {margin-bottom:5rem;}
+.cs .quick_list ul,
+.cs .faq .quick_list ul li {box-sizing: border-box;}
+.cs .quick_list ul {width:100%; height: 26rem; display: flex; display: -ms-flexbox; flex-wrap: wrap; border:0.2rem solid #000; align-items: center;}
+.cs .quick_list ul li {width: 19.99%; height: 49.9%; text-align: center; border-left: 0.1rem solid #ddd; border-bottom: 0.1rem solid #ddd;}
+.cs .quick_list ul li:nth-child(1),
+.cs .faq .quick_list ul li:nth-child(6) {border-left:none;}
+.cs .quick_list ul li:nth-child(6),
+.cs .faq .quick_list ul li:nth-child(7),
+.cs .faq .quick_list ul li:nth-child(8),
+.cs .faq .quick_list ul li:nth-child(9),
+.cs .faq .quick_list ul li:nth-child(10) {border-bottom: none;}
+.cs .quick_list ul li a {display: flex; display: -ms-flexbox; justify-content: center; width:100%; height: 100%; line-height:2.6rem; font-size:1.6rem; font-weight: 200; align-items: center; color:#222; letter-spacing:-0.025em;}
+.cs .search_wrap .faq_search {height:19rem; background:#f5f5f5; padding:5rem; box-sizing:border-box; text-align:center;}
+.cs .search_wrap .faq_search .search_box {display:inline-block; position:relative; width:600px; padding-right:5rem; border-bottom:0.2rem solid #222; box-sizing: border-box; text-align:left;}
+.cs .search_wrap .faq_search .search_box input[type='text'] {display:inline-block; width:100%; height:5rem; padding-left:0; border:none; background:none; color:#222; font-size:3rem; font-weight:200; letter-spacing:-0.025em; line-height:1;}
+.cs .search_wrap .faq_search .search_box input[type='text']::placeholder {color:#888;}
+.cs .search_wrap .faq_search .search_box .btn_search {display:inline-block; position:absolute; right:0; top:1.1rem; width:2.8rem; height:2.8rem; overflow:hidden; background:url('/images/pc/ico_search_faq.png') no-repeat 50% 50%; font-size:0.1rem; text-indent:-9999px; z-index:2}
+.cs .search_wrap .faq_search .t_info {width:60rem; margin:1.5rem auto 0; font-weight:200; text-align:left;}
+.cs .search_wrap p{margin-top:0.8rem; font-size:1.2rem; color:#666666;}
+.cs .fold_nav {width:100%;}
+.cs .fold_nav ul {display: flex; display: -ms-flexbox; flex-wrap: wrap; /*margin-top:-12px*/}
+.cs .fold_nav ul li {margin:0.4rem 0.4rem 0 0;}
+.cs .fold_nav ul li a {display:inline-block;padding:1rem 1.6rem;border: 0.1rem solid #ddd;font-size:1.2rem;font-weight: 300;line-height: 1; letter-spacing:-0.025em; border-radius:2rem;}
+.cs .fold_nav ul li a.on {position: relative; background: #222; color:#fff; border: 0.1rem solid #222;}
+.cs .foldGroup .fold_head .fold_tit {max-width: 82rem;}
+.cs .foldGroup .fold_answer .answer_head {margin-bottom:1rem}
+.cs .foldGroup .fold_cont > div:first-of-type {border-top:0.1rem solid #ddd}
+.cs ul.inquiry_box{display:flex;}
+.cs ul.inquiry_box > li{width:33.3%; padding:1rem 0; border-right:0.2rem solid #e4e4e4;}
+.cs ul.inquiry_box > li:nth-last-child(1){border-right:0px none;}
+.cs ul.inquiry_box > li > p{text-align:center;}
+.cs ul.inquiry_box > li > p:nth-of-type(1){color:#000000; font-size:1.4rem; font-weight:bold;}
+.cs ul.inquiry_box > li > p:nth-of-type(2){margin-top:0.5rem; color:#696969; font-size:1.2rem; font-weight:500;}
+
+/* cs_faq_1 */
+.cs .cs_faq_1{background-color:#f5f5f5}
+.cs .cs_faq_1 .inner{margin-bottom:1.2rem; padding-top:2.5rem; padding-bottom:2.5rem; background-color:#fff;}
+.cs .cs_faq_1 .inner:last-child{padding-top:0; margin-bottom:0;}
+.cs .cs_faq_1 .select_list {margin-top:2.3rem}
+.cs .cs_faq_1 .select_list > li{display:inline;}
+.cs .cs_faq_1 .select_list > li > button{font-size:1.5rem; border:0.1rem solid #e4e4e4; padding:1rem 1.5rem; border-radius:2rem; margin-bottom:0.6rem;}
+.cs .cs_faq_1 .select_list > li > button.on{background-color:#000; color:#fff}
+.cs .cs_faq_1 .qna_list{transition:0.4s;}
+.cs .cs_faq_1 .qna_list > li{display:flex; justify-content:space-between; padding:2.6rem 2.0rem; border-bottom:0.1rem solid #e1e1e1; position:relative; margin:0 -2.0rem;}
+.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(/images/mo/cs_qna_btn.png) no-repeat; text-indent:-9999px; display:block; width:2rem; position:absolute; top:50%; right:2.0rem;}
+.cs .cs_faq_1 .qna_list > li > span.on{background:url(/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:1px 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;}
+.cs .cs_faq_1 .ui_row.nodata::after {
+    content: '검색어 조건에 맞는 항목이 없습니다.';
+}
+
+/* cs_contactUs_1 */
+.cs .cs_contactUs_1{background-color:#f5f5f5}
+.cs .cs_contactUs_1 .inner{margin-bottom:1.2rem; padding-top:2.5rem; padding-bottom:2.5rem; background-color:#fff;}
+.cs .cs_contactUs_1 .inner:last-child{padding-top:0; margin-bottom:0;}
+.cs .cs_contactUs_1 .inner.m_pb45{padding-bottom:45px;}
+.cs .cs_contactUs_1 .qna_list{transition:0.4s;}
+.cs .cs_contactUs_1 .qna_list > li{display:flex; justify-content:space-between; padding:2.6rem 2.0rem; border-bottom:1px solid #e1e1e1; position:relative; margin:0 -2.0rem;}
+.cs .cs_contactUs_1 .qna_list > li > div.title{width:90%; overflow:hidden;}
+.cs .cs_contactUs_1 .qna_list > li > div.title > span{display:inline-block; background-color:#a4a4a4; color:#fff; padding:0.1rem 0.4rem 0; bottom:1rem; margin-bottom:1rem; line-height:2.4rem; margin-right:0.6rem}
+.cs .cs_contactUs_1 .qna_list > li > div.title > span.on{background-color:#fd4802;}
+.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(/images/mo/cs_qna_btn.png) no-repeat; text-indent:-9999px; display:block; width:2.0rem; position:absolute; top:50%; right:2.0rem;}
+.cs .cs_contactUs_1 .qna_list > li > span.on{background:url(/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}
+.cs .cs_contactUs_1 .qna_list > div.answer .form_wrap .fileAdd{width:10rem; height:10rem;}
+.cs .cs_contactUs_1 .qna_list > div.answer .form_wrap .pics{width:10rem; height:10rem;}
+.cs .cs_contactUs_1 .qna_list > div.answer .two_dep_answer{margin-top:2rem}
+.cs .cs_contactUs_1 .qna_list > div.answer .two_dep_answer > p{font-size:1.5rem; line-height:2.4rem; width:100%;}
+.cs .cs_contactUs_1 .qna_list > div.answer .two_dep_answer > p > span{color:#fd4802;}
+.cs .cs_contactUs_1 .qna_list > div.answer .two_dep_answer > div{display:flex; justify-content:space-between; margin-top:0.6rem; color:#828282}
+.cs .cs_contactUs_1 .qna_list > div.answer .two_dep_answer > div > p{font-size:1.5rem;}
+.cs .cs_contactUs_1 .qna_list > div.answer .two_dep_answer > div > p:nth-of-type(2){border-bottom:0.1rem solid #828282; height:1.7rem;}
+.cs .cs_contactUs_1 .ui_row.nodata::after {
+    content: '등록된 문의가 없습니다.';
+}
+.modal#thumb_pic .modal-header{border-bottom:0;}
+.modal#thumb_pic .modal-body{margin-top: 5rem; padding:0}
+.modal#thumb_pic .swiper-container.cs_pop{height:100%; width:100%;}
+.modal#thumb_pic .swiper-container.cs_pop .swiper-wrapper .swiper-slide img{position:absolute; top:50%; transform:translate(0, -50%);}
+.modal#thumb_pic .swiper-container.cs_pop .pop_img{position: relative; width: 100%; padding-bottom: 150%; background-size:contain; background-position: center center; background-repeat: no-repeat;}
+.modal#thumb_pic .swiper-container.cs_pop .swiper-pagination{position:relative; margin-top:1rem; margin-bottom:1rem; bottom:0;}
+.modal#thumb_pic .swiper-container.cs_pop .swiper-pagination-bullet{height:1rem; width:1rem;}
+.modal#thumb_pic .swiper-container.cs_pop .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#ff4701;}
+
+/* cs_contactUs_my */
+.cs_contactUs_my {}
+.cs_contactUs_my .header { height: 2rem; padding: 0 2rem; display: flex; justify-content: space-between; align-items: center; font-size: 2rem; font-weight: bold; margin: 1.6rem 0;}
+.cs_contactUs_my .header .close{position: relative; height:5.2rem;}
+.cs_contactUs_my .header .close span{position:absolute; left:50%; margin-left:-0.5px; display:inline-block; width:1px; height:18px; background-color:#000; transform:rotate(45deg);}
+.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(/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 { width: 100%; height: 4.5rem; box-sizing: border-box; font-size: 1.4rem;}
+.cs_contactUs_my textarea { width: 100%; height: 15rem; box-sizing: border-box; padding: 1.5rem; font-size: 1.4rem;}
+.cs_contactUs_my .form_field { margin: 0 0 1.2rem; }
+.cs_contactUs_my .info_addfile ul li {font-size: 1.2rem; color: #c6c6c6;}
+.cs_contactUs_my_footer { width: 100%; height: 4.5rem; background: #222; color: #fff; text-align: center;  font-size: 1.4rem; line-height: 4.5rem; bottom: 0; position: fixed; z-index: 1000;}
+.cs_contactUs_my .select_dress { height: 4.5rem; padding: 0 1.5rem; line-height: 4.5rem;}
+.cs_contactUs_my .blt_dot {position:relative; padding-left:1rem}
+.cs_contactUs_my .blt_dot::before {content:''; position:absolute; left:0; top:50%; margin-top:-0.2rem; width:0.3rem; height:0.3rem; background:#888;}
+.cs_contactUs_my textarea,
+.cs_contactUs_my .select,
+.cs_contactUs_my input[type="text"] {width:100%; font-weight:200; box-sizing:border-box; color:#222; font-size:1.2rem; font-weight:300;}	
+.cs_contactUs_my input[type="text"]::placeholder,
+.cs_contactUs_my textarea::placeholder {color:#888; font-weight:200;}
+.cs_contactUs_my .form_control {height:4.2rem; color:#222; font-size:1.4rem;}
+.cs_contactUs_my textarea {height:20rem; padding:1.5rem;}
+.cs_contactUs_my .input_label {line-height:4.2rem;}
+.cs_contactUs_my .form_field {margin-top:1rem}
+.cs_contactUs_my .form_field:first-of-type {margin-top:0; margin-bottom:-0.5rem;}
+.cs_contactUs_my .form_field .cellphone {display:block;}
+.cs_contactUs_my .form_field .cellphone input[type="text"]{width:40rem;}
+.cs_contactUs_my .form_field .cellphone .ck_box {display:inline-block;}
+.cs_contactUs_my .contactus_cnt {color:#888}
+.cs_contactUs_my .select {height:4.2rem; font-size:1.2rem;}
+.cs_contactUs_my .select .select_dress {color:#222; font-weight:200;}
+.cs_contactUs_my .select .select_dress:after {top:16px; right:1.5rem; border-color:#888 transparent transparent transparent;}
+.cs_contactUs_my .select .select_dress.active:after {top:1rem; border-color: transparent transparent #888 transparent;}
+.cs_contactUs_my .select .select_options {color:#666}
+.cs_contactUs_my .help_block {margin-top:1rem; text-indent:0;}
+.cs_contactUs_my .ck_box {padding:0.3rem 0}
+.cs_contactUs_my .ck_box input[type="checkbox"] + label {font-size:1.6rem; font-weight:200;}
+.cs_contactUs_my .ck_box:first-child{margin-right:2rem;}
+.cs_contactUs_my .t_err {font-weight:200}
+.cs_contactUs_my .t_err::before {background-image:url('/images/pc/ico_err2.png');}
+.cs_contactUs_my .info_addfile > ul > li{position:relative; padding-left:0.8rem;}
+.cs_contactUs_my .info_addfile > ul > li:before{display:inline-block; content:"·"; position:absolute; left:0;}
+.cs_contactUs_my .info_addfile {margin-top:2rem; color:#666; font-size:1.2rem; font-weight:200;}
+.cs_contactUs_my .sec_foot {margin-top:6rem}
+.cs_contactUs_my .sec_foot .btn.btn_md {margin:0px 0.5rem; font-weight:300; padding:1.5rem 9rem;}
+.cs_contactUs_my .txt_cnt {position:absolute; right:1.5rem; bottom:1.5rem; text-align:right; font-size:1.2rem;}
+.cs_contactUs_my .cellphone .input_wrap{display:flex; flex-wrap:wrap;}
+.cs_contactUs_my .cellphone .input_wrap .tt{padding:0.3rem 0; margin-right:3rem; font-weight:600;}
+.cs_contactUs_my .img_group .thumb_pic {position:relative; display:inline-block; width:7.4rem; height:7.4rem; border:0.1rem solid #ddd; margin-right:0.4rem; box-sizing:border-box; overflow:hidden;} 
+.cs_contactUs_my .img_group .thumb_pic img {position:absolute; top:50%; transform: translateY(-50%); width:100%; height: auto;}
+.pop_cont .cs_contactUs_my .tt { font-size: 1.4rem; line-height: 3.1rem;}
+
+/* cs_product_1 */
+.cs .cs_product_1{background-color:#f5f5f5}
+.cs .cs_product_1 .inner{margin-bottom:1.2rem; padding-top:2.5rem; padding-bottom:2.5rem; background-color:#fff;}
+.cs .cs_product_1 .inner:last-child{padding-top:0; margin-bottom:0;}
+.cs .cs_product_1 .ui_row.nodata::after {
+    content: '등록된 문의가 없습니다.';
+}
+
+/* cs_notice_1 */
+.cs .cs_notice_1{background-color:#f5f5f5}
+.cs .cs_notice_1 .inner{margin-bottom:1.2rem; padding-top:2.5rem; padding-bottom:2.5rem; background-color:#fff;}
+.cs .cs_notice_1 .inner:last-child{padding-top:0; margin-bottom:0;}
+.cs .cs_notice_1 .blockLyout > .block:first-child{padding-top:0;}
+.cs .cs_notice_1 .ui_row.nodata::after {
+    content: '등록된 공지가 없습니다.';
+}
+
+
+
+/* ============================================ 회원가입 ============================================ */
+/* mb공통*/
+.mb .close{position: relative; height:5.2rem;}
+.mb .close span{position:absolute; left:50%; margin-left:-0.05rem; display:inline-block; width:0.1rem; height:1.8rem; background-color:#000; transform:rotate(45deg);}
+.mb .close span:first-child{transform:rotate(-45deg);}
+.mb .close a{position:absolute; top:50%; right:2rem; margin-top:-0.8rem; width:1.8rem; height:1.8rem; font-size:0; background-color:#fff;}
+.mb .cont_head h2{margin-bottom:3rem; text-align:center; font-size:1.8rem; font-weight:700;}
+.mb .form_wrap .form_field{margin-top:1rem;}
+.mb .ui_row{margin-bottom:0;}
+.mb input[type="text"], .mb input[type="password"] {float: none;}
+.mb .sns_wrap{margin-top:4rem;}
+.mb .sns_wrap .login_utill{display:inline-block; font-size:0;}
+.mb .sns_wrap .login_utill > li{display:inline-block; margin-left:3.5rem;}
+.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(/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;}
+.mb .sns_wrap .login_utill > li.lu_naver a .ico:before{width:1.6rem; height:2.2rem; background-position: -2rem 0;}
+.mb .sns_wrap .login_utill > li.lu_yes24 a .ico{background:#f5f5f5;}
+.mb .sns_wrap .login_utill > li.lu_yes24 a .ico:before{width:3.4rem; height:2.2rem; background-position: -3.6rem 0;}
+.mb .help_block{margin-top:1rem; font-size:1.2rem;}
+.mb .btn_nonMb {display: inline-block; color: #888; font-size:1.2rem; font-weight: 200; border-bottom: 0.1rem solid #888;}
+.mb .tab_btn{margin-bottom:4rem; overflow:hidden;}
+.mb .tab_btn > li{position:relative; float:left; width:50%; height:4.5rem; line-height:4.5rem; background-color:#f5f5f5; color:#888; text-align:center;}
+.mb .tab_btn > li.active{background-color:#fff; color:#fd4802; font-weight:600;}
+.mb .tab_btn > li:after{content:''; display:block; position:absolute; top:0; left:0; width:1rem; height:0.2rem; background:#fd4802}
+.mb .tab_btn > li.active:after{width:100%;}
+.mb .radio_tab{margin-bottom:2rem;}
+.mb .radio_nav{margin-bottom:2.4rem;}
+.mb .form_sign_up{margin-top:4rem;}
+.mb .form_sign_up .c_primary{font-size:1.6rem; font-weight:600;}
+.mb .form_wrap .form_info {text-align:center;}
+.mb .form_wrap .form_info p {font-size:1.4rem; font-weight:300; letter-spacing:-0.025em; line-height:1.6;}
+.mb .form_wrap .form_info p.t_info {font-size:1.2rem; color:#888; font-weight:300; line-height:1.625;}
+.mb .find_result {padding:0px 0px 40px; font-weight:200;}
+.mb .find_result .help_block {text-align:left}
+.mb .find_result input {font-size:1.2rem;}
+.mb .find_result .form_print_bar {padding:3.4rem 0; margin-top:2.5rem; display: flex; display: -ms-flexbox; justify-content: center; align-items: center; background: #f5f5f5; text-align: left; color:#222; font-size:1.2rem;}
+.mb .find_result .form_print_bar ul li {margin-top: 1.2rem;}
+.mb .find_result .form_print_bar ul li:first-child {margin-top: 0;}
+.mb .find_result .form_print_bar ul li span {display:inline-block;}
+.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: 0px auto 1.5rem;}
+.ico_content_find::before {width:3.6rem; height:4.6rem; background:url(../images/ico_content_find.png) no-repeat 50% 50%;}
+
+/* mb_login */
+.mb .mb_login .login_check{font-size:1.2rem; line-height:1.8rem;}
+.mb .mb_login .login_check .form_field{margin:0;}
+.mb .mb_login .login_check:after{content:''; display:block; clear:both;}
+.mb .mb_login .login_check .left{float:left;}
+.mb .mb_login .login_check .right{float:right;}
+.mb .mb_login .login_check .right ul{overflow:hidden;}
+.mb .mb_login .login_check .right ul > li{position:relative; float:left; margin-left:1rem; padding-left:1rem;}
+.mb .mb_login .login_check .right ul > li:first-child{margin-left:0rem; padding-left:0rem;}
+.mb .mb_login .login_check .right ul > li::before{content: ''; position:absolute; width:0.1rem; height:1rem; left:0; top:50%; transform:translateY(-50%); background:#ddd;}
+.mb .mb_login .login_check .right ul > li:first-child::before{display:none;}
+.mb .mb_login .captcha {margin-top:2rem; text-align: left;}
+.mb .mb_login .captcha .lap{display: flex; align-items: center;}
+.mb .mb_login .captcha .captcha_box {width:100%; height:6.6rem; border: 0.1rem solid #ddd; background: chartreuse;}
+.mb .mb_login .captcha .captcha_btn_dual {margin-left:0.6rem;}
+.mb .mb_login .captcha .captcha_btn_dual button {width:9rem; height:3rem; display: block; border:1px solid #ddd; border-radius: 0.3rem; background-color:#f5f5f5;}
+.mb .mb_login .captcha .captcha_btn_dual button:before{content:''; display:inline-block; margin-right:0.4rem; width:1.4rem; height:1.4rem;  background:url('/images/mo/ico_captcha_btn.png') no-repeat center 0; vertical-align:middle;}
+.mb .mb_login .captcha .captcha_btn_dual button:last-child:before {background-position:center -4rem;}  
+.mb .mb_login .captcha .captcha_btn_dual button:first-child {margin-bottom:0.6rem;}
+.mb .mb_login .captcha .captcha_btn_dual button:last-child {background-position:center -3.1rem;}    
+.mb .mb_login .captcha .captcha_area {margin-top:0.6rem;}
+.mb .mb_login .captcha .captcha_area input {padding:1.3rem 0 15px 1.3rem;}
+.mb .mb_login .captcha .captcha_area label { display: block; width: 100%; margin:-0.8rem 0 0.4rem 0;}
+
+/* mb_idInquiry_1 */
+.mb_idInquiry_1 .radio_nav{margin-left:-0.5rem; margin-right:-0.5rem;}
+.mb_idInquiry_1 .form_field{flex-flow:row wrap; justify-content: space-between;}
+.mb_idInquiry_1 .form_field .ui_col_4{padding:0.5rem; width:auto; box-sizing:border-box;}
+.mb_idInquiry_1 .txt{margin:4rem 0; text-align:center; color:#888888;}
+
+/* mb_idInquiry_6 */
+.dormant .form_wrap .form_btn::after {clear:both; display:block; content:'';}
+.dormant .form_wrap .ui_row button {position:relative; border-radius:2.5rem;}
+.dormant .form_wrap .ui_row button span {font-size:1.4rem; font-weight: 300;}
+.dormant .form_wrap .ui_row button span .ico {margin-right:1rem}
+.dormant .form_wrap .ui_row button span .ico::before {margin-top:-0.6rem}
+.dormant .form_wrap .form_summary {margin-top:3rem;}
+.dormant .form_wrap .form_summary strong {font-size:1.4rem; font-weight:300;}
+.dormant .form_wrap .form_summary p {margin-top:0.5rem; font-size:1.2rem; color:#888; font-weight:200; line-height:1.6; word-break:keep-all;}
+
+/* mb_idInquiry_8 */
+.mb_idInquiry_8 .form_summary {padding-top:3rem; border-top: 0.1rem solid #ddd;}
+.mb_idInquiry_8 .form_summary .txt {position:relative; margin-bottom:0.6rem; font-size:1.2rem;  line-height:1;}
+.mb_idInquiry_8 .form_summary .txt span.c_primary {font-size:1.2rem; font-weight:700;}
+.mb_idInquiry_8 .form_summary .btn {position:absolute; top:0.1rem; right:0; font-size:1.2rem; font-weight:300; border-color:#a7a7a7;}
+.mb_idInquiry_8 .form_summary .t_info {display:block; color:#888; font-size:1.2rem}
+.mb_idInquiry_8 .form_summary .t_info:nth-of-type(4){padding-right:8rem;}
+
+/* mb_join_2 */
+.mb .mb_join_2 .form_field{display:block;}
+.mb .mb_join_2 .form_wrap .desc_wrap p {font-size:12px; line-height:1.75; font-weight:200; color:#888;}
+.mb .mb_join_2 .form_wrap .desc_wrap p a {color:#666; font-weight:300;}
+.mb .mb_join_2 .help_block::after {clear:both; display:block; width:100%;}
+.mb .mb_join_2 .help_block .btn.btn_sm {float:left; margin-right:0.4rem; border-color:#222; font-size:1.2rem;}
+
+/* mb_join_3 */
+.mb .mb_join_3 .form_wrap .print_bar{padding:3.4rem 0; background: #f5f5f5; text-align:center;}
+
+
+
+
+/* ================================================================== 제품상세 =========================================================================== */
+/* common으로 이사갈것들 */
+.pb0{padding-bottom:0!important;}
+.ico_besttag{height:1.5rem; vertical-align:middle;}
+.ico_besttag::before {content: ""; width: 31px; height: 15px; background: url(/images/pc/ico_besttag.png) no-repeat 50% 50%; background-size: cover;}
+
+/* button*/
+.pd_detail .btn_coupon,
+.pd_detail .btn_shoppingBag{border:1px solid #fd4802; color:#fd4802;}
+.pd_detail .btn_coupon{margin-top:1.7rem;}
+.pd_detail .btn_shoppingBag{margin-top:3rem;}
+.pd_detail .btn_brandHome{border-color:#a7a7a7;}
+
+/* 슬라이드아이템*/
+.item_prod {display: inline-block;font-size: 0px;vertical-align: top;color: rgb(31, 31, 31);position: relative;letter-spacing: -0.2px;}
+.item_prod .item_state {position: relative; padding:0; box-sizing: border-box;}
+.item_prod .itemLike {position: absolute;top:1rem;right:1rem;font-size: 0px;z-index: 2;width: 1.7rem;height: 1.7rem; background: url('/images/mo/ico_like.png');background-size: 3.4rem;background-position:0px 0px;background-repeat: no-repeat;}
+.item_prod .itemLike::before, 
+.item_prod .itemLike::after {content: "";position: absolute;top: 0px;right: 0px;width: 100%;height: 100%; background-repeat: no-repeat;background-position: right top;background-size: contain;opacity: 0;transition: opacity 200ms ease 0s;}
+.item_prod .itemLike::before {background: url('/images/mo/ico_like.png');background-size: 3.4rem;background-position:-1.7rem 0px;background-repeat: no-repeat;}
+.item_prod .itemLike::after {background: url('/images/mo/ico_like.png');background-size: 3.4rem;background-position: -1.7rem 0px;background-repeat: no-repeat;}
+.item_prod .itemLike:hover::before, 
+.item_prod .itemLike:active::before {opacity: 1;}
+.item_prod .itemLike.active::before {opacity: 1;}
+.item_prod .itemLink {position: relative;text-decoration: none;color: rgb(102, 102, 102);cursor: pointer;display: block;}
+.item_prod .itemPic {position: relative;width: 100%;margin-bottom: 15px;padding-top: 150%;font-size: 0px;overflow: hidden;}
+.item_prod .itemPic::after {content: "";display: block;position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;opacity: 0.03;background-color: rgb(0, 0, 0);}
+.item_prod .itemPic .pd_img {position: absolute;width: 100%;height: auto;top: 50%;left: 0px;transform: translateY(-50%);}
+.item_prod .itemBrand {display: inline-block; margin: 0px 0.5rem 0.3rem; font-size: 1rem;font-weight: 300;color: rgb(137, 137, 137);}
+.item_prod .itemComment{margin: 0.8rem 0.5rem 0px;line-height: 1; font-size: 1.1rem;font-weight: 300;color: #fd4802;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
+.item_prod .itemName {margin: 0px 0.5rem 0.8rem; font-size: 1.1rem; font-weight:300; color: rgb(31, 31, 31); max-height: 3rem; position: relative; overflow: hidden; white-space: normal; overflow-wrap: break-word; display: block;}
+.item_prod .itemName {display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
+.item_prod .itemName .tit_option{font-weight:500;}
+.item_prod .itemPrice {position: relative; line-height: 1;font-size: 1.5rem; font-weight: 300; color:#222; margin: 0px 0.5rem; text-align: left;}
+.item_prod .itemPrice_original {position: relative; margin-bottom:0.5rem; display:block; line-height:1; font-size: 1rem; font-weight: 300; color: rgb(204, 204, 204); text-decoration:line-through;}
+.item_prod .itemText{margin-top:0.5rem; font-size:1.1rem; color:#888888; font-weight:300;} 
+/* .item_prod .itemPrice_original::after{content: ''; display: inline-block; position: absolute; top: 50%; left: 0; bottom:auto; right:auto; width: 100%; height: 1px; background: rgb(204, 204, 204) ; transform: translateY(-50%);} */
+.item_prod .itemPercent {position: absolute;top: auto;right: 0px;bottom: 0;left: auto;margin-left: 15px;line-height:1;font-size: 1.5rem;font-weight: 300;color: #fd4802;}
+.rank {position: absolute; z-index: 1; font-size: 14px; color: #ffffff; top: 0; left: 0; width: auto; height: auto; min-width: 40px; max-height: 40px; text-align: center; line-height: 0.9; padding: 14px 0px;}
+.rank::after {content: ""; z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background: currentColor; background: #222222; clip-path: polygon(40px 0, 40px 30px, 30px 40px, 0 40px, 0 0); clip-path: polygon(100% 0, 100% 75%, 75% 100%, 0 100%, 0 0); clip-path: polygon(100% 0, 100% calc( 100% - 10px), calc( 100% - 10px) 100%, 0 100%, 0 0);}
+
+/* pd 상품상세 공통 */
+.pd .swiper-container{overflow:visible;}
+.pd .tit{margin-bottom:1.5rem; font-size:1.4rem; font-weight:500; color:#222}
+.pd .ptok{padding-top:3rem!important;}
+.pd .ptok2{padding-top:4rem!important; padding-bottom:4rem!important;}
+.pd .area_slider{text-align:left;}
+.pd .dot_info {position:relative; padding-left:0.8rem; font-size:1.1rem;}
+.pd .dot_info::before {content:'·'; position:absolute; left:0; top:0; line-height:inherit;}
+
+/* pd_detail */
+/* 1 */
+.pd_detail{background-color:#f5f5f5;}
+.pd_detail > .inner{margin-bottom:1.2rem; padding-bottom:3rem; background-color:#fff;}
+.pd_detail > .inner:first-child{margin-bottom:0;}
+.pd_detail > .inner:last-child{margin-bottom:0;}
+.pd_detail > .inner.wide{padding-left:0!important; padding-right:0!important; padding-bottom:0;}
+.pd_detail .thumb_box{position: relative;}
+.pd_detail .thumb_box:after{position:absolute; content:''; left:0; bottom:0; width:100%; height:3rem; background-color:rgba(255,255,255,.95); z-index:2;}
+.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(/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; 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 .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;}
+.pd_detail .descript_box .price_blk > span{margin-left:1rem;}
+.pd_detail .descript_box .price_blk > span:first-child{margin-left:0;}
+.pd_detail .descript_box .price_blk .sale_price{font-size:1.7rem; font-weight:700; color:#222222;}
+.pd_detail .descript_box .price_blk .sale_price em{font-size:2rem; font-weight:600; color:#222222;}
+.pd_detail .descript_box .price_blk .org_price{font-size:1.4rem; font-weight:400; color:#888888;}
+.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(/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:1px solid #fd4802; color:#fd4802; background: #fff;}
+/* 2 */
+.pd_detail .desc_status{padding:1.5rem 2rem; margin-bottom:-1.2rem; color: #fd4802; border-bottom:1px solid #dddddd;}
+.pd_detail .timer_box{position: absolute; height:3.6rem; line-height:3.6rem; font-size:1.2rem; color:#fff; text-align:center; background-color: #000; left: 2rem; right: 2rem; top: -5.5rem; z-index: 10;}
+/* .pd_detail .timer_box::after{content:''; position:absolute; right:-12px; bottom:-18px; border:12px solid transparent; border-top:12px solid #fff; transform:rotate(-45deg);} */
+.pd_detail .timer_box::after{content:''; position:absolute; right:0; bottom:0; display:block; width:0px; border:0.5rem solid transparent; border-bottom-color:#fff; border-right-color:#fff;}
+.pd_detail .timer_box p::after {content:''; clear:both; display:block;}
+.pd_detail .timer_box p span {display:inline-block; position:relative; }
+.pd_detail .timer_box p .tt {position:relative; padding-left:28px; color:#fff; font-size:1.3rem;}
+.pd_detail .timer_box p .tt::before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:18px; height:18px; background:url('/images/pc/ico_timer2.png') no-repeat 0 50%;}
+.pd_detail .timer_box p .timer {color:#fff; font-size:1.4rem; font-weight:300;}
+.pd_detail .timer_box p .timer em {display:inline-block; position:relative; padding-left:6px;}
+.pd_detail .timer_box p .timer em::before {content:':'; position:absolute; left:-1px; top:50%; transform:translateY(-50%);}
+.pd_detail .timer_box p .timer em:first-of-type {padding-left:0.8rem;}
+.pd_detail .timer_box p .timer em:first-of-type::before {display:none;}
+.pd_detail .option_box .opt_color{padding:3rem 0;}
+.pd_detail .option_box .opt_color ul {margin:0 -2rem; padding-left:2rem; overflow-x:auto; font-size:0; white-space:nowrap;}
+.pd_detail .option_box .opt_color ul::after {content:''; position: relative; display:inline-block; width:2rem; height:1px;}
+.pd_detail .option_box .opt_color ul li {margin-right:0.5rem; display:inline-block; width:5rem;}
+.pd_detail .option_box .opt_color ul li:last-child {margin-right:0;}
+.pd_detail .option_box .opt_color ul li a {position:relative; display:block; padding-bottom:150%; box-sizing:border-box; width:5rem;}
+.pd_detail .option_box .opt_color ul li a img {position:absolute; top:0; left:0; width:100%;}
+.pd_detail .option_box .opt_color ul li a.on:after{display:block; content:''; position:absolute; left:0; right:0; top:0; bottom:0; border:1px solid #fd4802; box-sizing:border-box;}
+.pd_detail .option_box > [class^="opt_"] .opt_header {margin-bottom:0.5rem;}
+.pd_detail .option_box > [class^="opt_"] .opt_header .title {margin-right:1rem; font-weight:500; color:#222;}
+.pd_detail .option_box > [class^="opt_"] .opt_header .color {color:#666666; font-weight:300;}
+.pd_detail .option_box .opt_size .form_field {display:block;}
+.pd_detail .option_box .opt_size .form_field .lap{margin:-0.25rem -0.25rem 0; overflow:hidden;}
+.pd_detail .option_box .opt_size .form_field .lap > div {margin:0.25rem; float:left; width:auto;}
+.pd_detail .option_box .opt_size .form_field input[type="radio"] + label {display:block; width:6rem; height:3.4rem; padding:0; line-height:3.4rem; text-align:center; background:#fff; box-sizing:border-box; border:1px solid #ddd; color:#222; font-weight:200; font-size:1.2rem;}
+.pd_detail .option_box .opt_size .form_field input[type="radio"] + label::before,
+.pd_detail .option_box .opt_size .form_field input[type="radio"] + label::after {display:none;}
+.pd_detail .option_box .opt_size .form_field input[type="radio"]:checked + label {border:1px solid #222;}
+.pd_detail .option_box .opt_size .form_field input[type="radio"]:disabled + label {text-decoration:line-through; background:#f5f5f5; border-color:#f5f5f5; color:#bbb; opacity:1;}
+.pd_detail .option_box .opt_count {padding-bottom:0;}
+.pd_detail .option_box .opt_result {}
+.pd_detail .option_box .opt_result .result_item {position:relative; margin-bottom:1rem; padding:2rem; background-color:#f5f5f5;}
+.pd_detail .option_box .opt_result .result_item:last-child{margin-bottom:0;}
+.pd_detail .option_box .opt_result .result_item .opt_header{padding-bottom:0; padding-right:1.5rem;}
+.pd_detail .option_box .opt_result .result_item .opt_header span {display:block}
+.pd_detail .option_box .opt_result .result_item .opt_header .bundle{margin-bottom:1.5rem;}
+.pd_detail .option_box .opt_result .result_item .opt_header .bundle:last-child{margin-bottom:0;}
+.pd_detail .option_box .opt_result .result_item .opt_header .bundle .item_name {margin-bottom:0.5rem; color:#222; font-size:1.3rem; font-weight:300;}
+.pd_detail .option_box .opt_result .result_item .opt_header .bundle .item_option {font-size:1.1rem; color:#666;}
+.pd_detail .option_box .opt_result .result_item .item_price {position:absolute; right:2rem; bottom:3.2rem; color:#222; font-size:1.5rem; font-weight:500;}
+.pd_detail .option_box .opt_result .result_item .item_price em{font-weight:600;}
+.pd_detail .option_box .opt_result .result_item .btn_delete_item {position:absolute; right:2rem; top:2rem; width:1.3rem; height:1.3rem; font-size:0; overflow:hidden; background:url('/images/mo/btn_delete_item.png') no-repeat 50% 50%;}
+.pd_detail .option_box .opt_result .result_item .number_count {margin-top:2rem; display:inline-block; border:1px solid #ddd; background-color:#fff;}
+.pd_detail .option_box .opt_result .result_item .number_count::after {content:''; clear:both; display:block;}
+.pd_detail .option_box .opt_result .result_item .number_count span,
+.pd_detail .option_box .opt_result .result_item .number_count input[type='text']{float:left;}
+.pd_detail .option_box .opt_result .result_item .number_count span {cursor:pointer; position:relative; display:inline-block; width:3.2rem; height:3.2rem; text-align:center;}
+.pd_detail .option_box .opt_result .result_item .number_count span::after {content:''; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);; width:12px; height:12px; background:url('/images/pc/btn_count.png') no-repeat 100% 0; image-rendering:pixelated;}
+.pd_detail .option_box .opt_result .result_item .number_count .plus::after {content:''; background-position:100% 0;}
+.pd_detail .option_box .opt_result .result_item .number_count .minus::after {content:''; background-position:0 0;}
+.pd_detail .option_box .opt_result .result_item .number_count input[type='text'] {width:32px; height:32px; padding:0; text-align:center; color:#222; font-size:1.3rem; font-weight:300; border:none; font-family:'LATO','Noto Sans CJK kr','Noto Sans kr',sans-serif;}
+.option_box .opt_size .form_field2 {display:block;}
+.option_box .opt_size .form_field2 .lap{margin:-0.25rem -0.25rem 0; overflow:hidden;}
+.option_box .opt_size .form_field2 .lap > div {margin:0.25rem; float:left; width:auto;}
+.option_box .opt_size .form_field2 label > span{position:relative; display:block; width:6rem; height:3.4rem; padding:0; line-height:3.4rem; text-align:center; background:#fff; box-sizing:border-box; color:#222; font-weight:200; font-size:1.2rem; border:1px solid #ddd; cursor: pointer;}
+.option_box .opt_size .form_field2 label input[type="radio"]{position:absolute; width:0; height:0; visibility:hidden;}
+.option_box .opt_size .form_field2 label input[type="radio"]:checked + span{border:1px solid #222;}
+.option_box .opt_size .form_field2 label input[type="radio"]:disabled + span{text-decoration:line-through; background:#f5f5f5; border-color:#f5f5f5; color:#bbb; opacity:1;}
+.pd_detail .option_box .info_restock{margin-top:1rem;}
+.pd_detail .option_box .info_restock a.btn_popup {position:relative; padding-left:1.9rem; padding-right:1.2rem; color:#666; font-size:1.3rem; font-weight:300; border:none;}
+.pd_detail .option_box .info_restock a.btn_popup::before {content:''; position:absolute; left:0; top:50%; margin-top:-1px; transform:translateY(-50%); width:1.3rem; height:1.3rem; background:url('/images/mo/ico_bell.png') no-repeat 0 0;}
+.pd_detail .option_box .info_restock a.btn_popup::after {content:''; position:absolute; right:0px; top:50%; margin-top:-1px; transform:translateY(-50%); width:5px; height:9px; background:url('/images/mo/ico_more_lg.png') no-repeat 100% 50%; background-size:contain;}
+.pd_detail .option_box .opt_count {padding-bottom:0; margin-top:2.8rem; overflow:hidden;}
+.pd_detail .option_box .opt_count .number_count {display:inline-block; border:1px solid #ddd}
+.pd_detail .option_box .opt_count .number_count::after {content:''; clear:both; display:block;}
+.pd_detail .option_box .opt_count .number_count span,
+.pd_detail .option_box .opt_count .number_count input[type='text']{float:left;}
+.pd_detail .option_box .opt_count .number_count span {cursor:pointer; position:relative; display:inline-block; width:3.2rem; height:3.2rem; text-align:center;}
+.pd_detail .option_box .opt_count .number_count span::after {content:''; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);; width:12px; height:12px; background:url('/images/pc/btn_count.png') no-repeat 100% 0; image-rendering:pixelated;}
+.pd_detail .option_box .opt_count .number_count .plus::after {content:''; background-position:100% 0;}
+.pd_detail .option_box .opt_count .number_count .minus::after {content:''; background-position:0 0;}
+.pd_detail .option_box .opt_count .number_count input[type='text'] {width:3.2rem; height:3.2rem; padding:0; text-align:center; color:#222; font-size:15px; font-weight:200; border:none; font-family:'LATO','Noto Sans kr',sans-serif;}
+.pd_detail .price_box {padding:1rem 2rem; border-top:1px solid #222;}
+.pd_detail .price_box::after {content:''; clear:both; display:block;}
+.pd_detail .price_box .number {float:left; color:#666; font-size:1.2rem; font-weight:200; margin-top:3px}
+.pd_detail .price_box .price {float:right; color:#222; font-size:1.5rem; font-weight:500;}
+.pd_detail .price_box .price em {font-size:1.5rem;}
+/* 3 */
+.pd_detail .benefit_box {font-size:1.4rem; font-weight:300;}
+.pd_detail .benefit_box dl.bnf_shopping {}
+.pd_detail .benefit_box dl.bnf_card{margin-top:1.8rem;}
+.pd_detail .benefit_box dl{position:relative;}
+.pd_detail .benefit_box dl::after {content:''; clear:both; display:block;}
+.pd_detail .benefit_box dl dt {font-size:1.4rem; font-weight:500; color:#222;}
+.pd_detail .benefit_box dl dd {margin-top:0.7rem; color:#222222;}
+.pd_detail .benefit_box dl dd em{color:#fd4802;}
+.pd_detail .benefit_box dl dd span {display:block;}
+.pd_detail .benefit_box dl dd .btn_popup {position:absolute; right:0; top:0; line-height:1.4!important; font-size:1.3rem; color:#666666; z-index:2;}
+.pd_detail .benefit_box dl dd .btn_popup > span{position: relative;}
+.pd_detail .benefit_box dl dd .btn_popup > span:after{display:block; content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#666;}
+/* 4 */
+.pd_detail .benefit_box{padding-top:3rem;}
+/* 5 */
+.pd_detail .pd_together{padding-top:3rem;}
+.pd_detail .content.pd_descrp{padding-top:3rem;}
+[class*="pd_descrp"] .btn_group_flex button{border: 1px 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:4px; top:1px; transform:rotate(90deg); width:7px; height:13px; background:url(/images/pc/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;}
+[class*="pd_descrp"] .cont_body.on {max-height:none; overflow-y:visible;}
+[class*="pd_descrp"] .cont_body > div {position:relative; width:100%;}
+[class*="pd_descrp"] .descrp_box {}
+[class*="pd_descrp"] .descrp_box > div {margin-top:2.4rem;}
+[class*="pd_descrp"] .descrp_box > div:first-child {margin-top:0;}
+[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 img {width:100%;}
+[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}
+[class*="pd_descrp"] .mdhtml_box .movblock > iframe {position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; z-index:2}
+[class*="pd_descrp"] [class^="view_"] {margin-top:6rem; text-align:center;}
+[class*="pd_descrp"] [class^="view_"]:first-of-type {margin-top:0;}
+[class*="pd_descrp"] [class^="view_"] .tit_view {display:block; color:#222; font-size:2.1rem; font-weight:400; text-align:center;}
+[class*="pd_descrp"] [class^="view_"] .model_info {display:block; margin-top:1rem; color:#666; font-size:1.2rem; font-weight:200; text-align:center;}
+[class*="pd_descrp"] [class^="view_"] .view {margin-top:2rem}
+[class*="pd_descrp"] [class^="view_"] .view img {display:block; margin:5px auto 0}
+[class*="pd_descrp"] [class^="view_"] .view img:first-child {margin-top:0}
+[class*="pd_descrp"] .view_label_box .view span {display:block; margin:0 -0.5rem; overflow:hidden;}
+[class*="pd_descrp"] .view_label_box .view span img {float:left; width:50%; margin-top:0; padding:0 0.5rem; box-sizing:border-box;}
+[class*="pd_descrp"] .view_label_box .view img:first-child {margin-left:0}
+[class*="pd_descrp"] .view_outfit_box {}
+[class*="pd_descrp"] .view_detail_box {}
+[class*="pd_descrp"] .brand_box {padding:3rem 2rem; margin:6rem -2rem 0; width:auto!important; border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; box-sizing:border-box;}
+[class*="pd_descrp"] .brand_box .name {margin-bottom:1rem; color:#222; font-size:1.8rem; font-weight:bold;}
+[class*="pd_descrp"] .brand_box a {display:inline-block; border:1px solid #ddd; font-size:1.3rem; color:#222; font-weight:300; line-height: 4.3rem; width: 100%;}
+[class*="pd_descrp"] .required_box {margin-bottom:40px}
+[class*="pd_descrp"] .required_box .area_detail {text-align:center;} 
+[class*="pd_descrp"] .required_box .area_detail img {max-width:100%;}
+[class*="pd_descrp"] .required_box .area_infotbl {margin-top:4rem;}
+[class*="pd_descrp"] .required_box .area_infotbl .title {display:block; margin-bottom:1rem; font-size:1.4rem; font-weight:500; letter-spacing:-0.025em;}
+[class*="pd_descrp"] .required_box .area_infotbl .tbl table th {width:auto; font-weight:300;}
+[class*="pd_descrp"] .required_box .area_kcl {position:relative; display:table; width:100%; min-height:8rem; margin-top:4rem; padding:2.5rem; box-sizing:border-box; background:#f5f5f5;}
+[class*="pd_descrp"] .required_box .area_kcl > div{display:table-cell; vertical-align:middle;}
+[class*="pd_descrp"] .required_box .area_kcl p {color:#222; font-size:1.3rem; letter-spacing:-0.025em;}
+[class*="pd_descrp"] .required_box .area_kcl p a{position:relative; color:#666; cursor: pointer;}
+[class*="pd_descrp"] .required_box .area_kcl p a:after{display:block; content:''; position:absolute; left:0; bottom:-0.2rem; width:100%; height:1px; background:#666666;}
+[class*="pd_descrp"] .required_box .area_kcl .tit {margin-top:0; margin-bottom:0.5rem; font-size:1.3rem;}
+[class*="pd_descrp"] .required_box .area_kcl a.linktxt3 {margin-left:20px; color:#888; font-weight:200; text-decoration:none !important;}
+[class*="pd_descrp"] .required_box .area_kcl .ico_kcl {position:relative;}
+[class*="pd_descrp"] .btn_more_box {position:relative; width:100%; background:#fff; text-align:center; z-index:2;}
+[class*="pd_descrp"] .btn_more_box.covered::after {content:''; position:absolute; left:0; right:0; top:-8rem; width:100%; height:8rem; background:linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255,255,255,1) 50%, rgba(255, 255, 255, 0) 100%); z-index:2; }
+[class*="pd_descrp"] .btn_more_box .btnL {border:1px solid #fd4802; color:#fd4802;}
+[class*="pd_descrp"] .btn_more_box .btnL span {position:relative; padding-right:35px;}
+[class*="pd_descrp"] .btn_more_box .btnL .ico {margin-left:20px; margin-right:0;}
+/* 6 */
+.riview_box .swiper-pagination {display:inline-block; width:auto; padding:0.2rem 1rem; border-radius:2rem; font-size:1.2rem; color:#fff; background-color:rgba(34,34,34,.5);}
+.riview_box .area_slider{text-align:center;}
+.riview_box .ex_review {padding:1.8rem 0;}
+.riview_box .ex_review a:after{content:''; clear:both; display:block;}
+.riview_box .ex_review .tit{float:left; margin-bottom:0;}
+.riview_box .ex_review .tit .number{color:#888; font-weight:300;}
+.riview_box .ex_review .star_score {float:right; padding-right:2.5rem; height:14px;}
+.riview_box .ex_review .star_score .star {display:inline-block; position:relative; width:95px; height:14px; background:#ddd;}
+.riview_box .ex_review .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:14px; background:url('/images/pc/star_empty.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
+.riview_box .ex_review .star_score .star .progbar {display:inline-block; height:14px; background:#fd4802}
+.riview_box .ex_review .star_score .score {color:#222; font-size:1.4rem; font-weight:500;}
+.riview_box .best_review {margin-bottom:1.4rem; text-align:left;}
+.riview_box .best_review a {display:block; position:relative; padding:2rem; border:1px solid #eee;}
+.riview_box .best_review a .star_score .star {display:inline-block; position:relative; width:83px; height:14px; background:#ddd;}
+.riview_box .best_review a .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:1.5rem; background:url('/images/pc/star_empty.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
+.riview_box .best_review a .star_score .star .progbar {display:inline-block; height:14px; background:#fd4802; vertical-align:top;}
+.riview_box .best_review a .star_score .ico {margin-left:10px}
+.riview_box .best_review a .star_score .ico::before {vertical-align:inherit;}
+.riview_box .best_review a .lap{display:table; width:100%;}
+.riview_box .best_review a .lap > div{display:table-cell; vertical-align:middle;}
+.riview_box .best_review a .lap > div.pic{position:relative; width:7.2rem;}
+.riview_box .best_review a .lap > div.txt_best_review{padding-left:1.6rem;}
+.riview_box .best_review a .lap > div.txt_best_review p{height:5.5rem; overflow:hidden; line-height:1.6; color:#666; font-size:1.3rem; font-weight:200; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
+.riview_box .best_review a .star_score {display:block; margin-bottom:0.7rem; vertical-align: middle; background:url('/images/mo/ico_more_lg.png') right center no-repeat; image-rendering:pixelated;}
+.riview_box .best_review a .star_score .star{vertical-align:middle;}
+.riview_box .best_review a .pic .thumb {display:block; padding-top:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
+.riview_box .best_review a .pic .thumb.mov::after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3) url('/images/pc/ico_play.png') no-repeat 50% 50%; z-index:2;}
+.riview_box .swiper-pagination-fraction{position:relative; background-color:#fff!important; color:#666!important; font-weight:300;}
+.riview_box .swiper-pagination-fraction .swiper-pagination-current{font-weight:600;}
+.pd_detail .exinfo_box {margin:3rem -2rem 0;}
+.pd_detail .exinfo_box ul {border-top:1px solid #ddd}
+.pd_detail .exinfo_box ul li {padding:1.8rem 2rem; border-bottom:1px solid #ddd}
+.pd_detail .exinfo_box ul li:last-child {border-bottom:0}
+.pd_detail .exinfo_box ul li [class^="ex_"] > a {display:block; background:url('/images/mo/ico_more_lg.png') right center no-repeat; image-rendering:pixelated;}
+.pd_detail .exinfo_box ul li [class^="ex_"] > a::after {content:''; clear:both; display:block;}
+.pd_detail .exinfo_box ul li [class^="ex_"] > a .tit {color:#222; font-size:14px; font-weight:300;}
+.pd_detail .exinfo_box ul li [class^="ex_"] > a .tit em.number {margin-left:4px; color:#666; font-weight:200;}
+.pd_detail .exinfo_box ul li .ex_shipping {color:#666; font-size:14px; font-weight:200;}
+.pd_detail .exinfo_box ul li .ex_shipping span {display:block;}
+.pd_detail .exinfo_box ul li .ex_shipping .a{margin-bottom:0.9rem;}
+/* 7 */
+.pd_detail .recommendedArea{padding-top:3rem;}
+.pd_detail .recommendedArea > div[class*="pd_"]{margin-top:6rem;}
+.pd_detail .recommendedArea > div[class*="pd_"]:first-child{margin-top:0;}
+.pd_detail .recommendedArea > div[class*="pd_"] .tit{text-align:center;}
+.pd_detail .pd_clickother {}
+.pd_detail .pd_clickother .area_slider {}
+.pd_detail .pd_clickother .area_slider .itemName {height:32px}
+.pd_detail .pd_recommend {}
+.pd_detail .pd_recommend .area_slider {}
+.pd_detail .pd_recommend .area_slider .swiper-pagination {display:inline-block; width:auto; padding:0.2rem 1rem; border-radius:2rem; font-size:1.2rem; color:#fff; background-color:rgba(34,34,34,.5);position:absolute; left:50%; bottom:2rem; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
+.pd_detail .pd_recommend .area_slider .page {position:relative; box-sizing: border-box;}
+.pd_detail .pd_recommend .area_slider .page::after {content:''; clear:both; display:block;}
+.pd_detail .pd_recommend .area_slider .page .pic {position:relative;}
+.pd_detail .pd_recommend .area_slider .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;}
+.pd_detail .pd_recommend .area_slider .page .item_wrap {}
+.pd_detail .pd_recommend .area_slider .page .item_wrap .item_area {position:relative; display:block; height:100%; width:100%; padding:10px; box-sizing:border-box; vertical-align:middle;}
+.pd_detail .pd_recommend .area_slider .page .item_wrap .item_area h5 {margin: 0 0 30px;color:#222;font-size:20px;font-weight:500;}
+.pd_detail .pd_recommend .area_slider .page .item_wrap .item_area h5 span {color:#666; font-weight:200;}
+.pd_detail .pd_recommend .area_slider .page .item_wrap .item_area .li_item {height:calc(100% - 140px); overflow-y:auto;}
+.pd_detail .pd_recommend .area_slider .page .item_wrap .item_area .li_item::-webkit-scrollbar {width: 2px;}
+.pd_detail .pd_recommend .area_slider .page .item_wrap .item_area .li_item::-webkit-scrollbar-thumb {background-color:#888888; border-radius: 0px; background-clip: padding-box;border: 0px solid transparent;}
+.pd_detail .pd_recommend .area_slider .page .item_wrap .item_area .li_item::-webkit-scrollbar-track {background-color: #dddddd;border-radius: 0px;}
+.pd_detail .pd_recommend .area_slider .page .item_wrap .item_area .li_item ul li {position:relative; height:150px; margin-top:20px}
+.pd_detail .pd_recommend .area_slider .page .item_wrap .item_area .li_item ul li:first-child {margin-top:0;}
+.pd_detail .pd_recommend .area_slider .page .item_wrap .item_area .li_item ul li .item_prod {display:block; width:100%;}
+.pd_detail .pd_recommend .area_slider .page .item_wrap .item_area .li_item ul li .item_prod .item_state {display:table; width:100%;}
+.pd_detail .pd_recommend .area_slider .page .item_wrap .item_area .li_item ul li .item_prod .item_state a {display:table-cell; position:relative; width:100%; height:150px; padding-left:130px; box-sizing:border-box; vertical-align:middle;}
+.pd_detail .pd_recommend .area_slider .page .item_wrap .item_area .li_item ul li .item_prod .item_state .itemPic {position:absolute; left:0; top:0; width:100px; height:0; padding-top:150px; margin-bottom:0}
+.pd_detail .pd_recommend .item_area .itemPrice .itemPercent {position:relative;}
+.pd_detail .pd_recommend .area_slider .page .item_wrap .item_area .btn {margin-top:30px; border-color:#fd4802; color:#fd4802;}
+.pd_detail .pd_recommend .item_picker{position:absolute; width:8.33%;}
+.pd_detail .pd_recommend .item_picker > div{padding-top:100%; background:#000; border-radius:50%; background:url(/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;}
+.pd_detail .pd_recommend .pic_list .btn_group_flex{margin-top:3rem;}
+.pd_detail .pd_recommend .pic_list .btn_group_flex button{border: 1px solid #fd4802; color: #fd4802; background-color:#fff;}
+.pd_detail .pd_samebrand{}
+.pd_detail .pd_relate{}
+.pd_detail .pd_relate .area_slider .itemName {height:32px}
+
+/* 플롯팅 메뉴 > 구매하기 */
+.product_floormenu{position:fixed; bottom:0; left:0; width:100%; height:5.8rem; line-height:5.8rem; z-index:20;}
+.product_floormenu > div{float:left; color:#fff; text-align:center;}
+.product_floormenu > div:nth-child(1){width:37%;}
+.product_floormenu > div:nth-child(2){width:63%; background-color:#fd4802;}
+.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:-999999px;}
+.product_floormenu .share_like > button.share{background:#000 url(/images/mo/ico_floorbtn_share.png) center center no-repeat; background-size:1.6rem;}
+.product_floormenu .share_like > button.like{background:#000 url(/images/mo/ico_floorbtn_like.png) center center no-repeat; background-size:2rem;}
+.product_floormenu .prd_buy > .buying{display:block; background-color:#fd4802;}
+.product_floormenu .prd_buy > .cantbuying{display:none;}
+.product_floormenu.soldout .prd_buy > .buying{display:none;}
+.product_floormenu.soldout .prd_buy > .cantbuying{display:block; background-color:#ddd;}
+
+/* 토스트팝업 > 구매하기 */
+.container.btPop_open .btPop.Purchase_pop{bottom:0; top:auto; height:auto;}
+.container.btPop_open .btPop.Purchase_pop .btPop_close{width:1.6rem; height:1.6rem; background-image: url(/images/mo/ico_pop_cls_w.png);}
+.pd_pop.Purchase_pop{}
+.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{}
+.pd_pop.Purchase_pop .btn_box:after{content:''; display:block; clear:both;}
+.pd_pop.Purchase_pop .btn_box button {display: block; width: 100%; height: 5.8rem; line-height: 5.8rem; font-size: 1.6rem; font-weight: 500; float:left; width:33.33%; color:#fff; border-top:1px solid #ddd; box-sizing:border-box;}
+.pd_pop.Purchase_pop .btn_box button.gift{position:relative; background:#444 url(/images/mo/ico_present_purchase.png) center center no-repeat; background-size:1.8rem; font-size:0;}
+.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 );
+}
+.pd_pop.Purchase_pop .btn_box button.gift > span > span:after{content:''; display:block; position:absolute; bottom:-1rem; left:0.4rem; border:0.5rem solid transparent; border-bottom-color:#fd4801; -webkit-transform:rotate(180deg); transform:rotate(180deg);}
+.pd_pop.Purchase_pop .btn_box button.cart{background-color:#222222;}
+.pd_pop.Purchase_pop .btn_box button.buyNow{background-color:#fd4801;}
+.pd_pop.Purchase_pop .npay_box{margin-top:2.8rem; border-top:2px solid #222; height:7.4rem; background-color:#59c452;}
+.pd_pop.Purchase_pop .form_wrap .form_field{display: block; margin-bottom:1rem;}
+
+/* 토스트팝업 > 구매하기 > 옵션선택팝업 */
+.pd_pop.Purchase_pop .pop_option_select{display:none; position:absolute; bottom:0; left:0; width:100%; box-sizing:border-box; z-index:500;}
+.pd_pop.Purchase_pop .pop_option_select .pp_body{position:relative; overflow:auto; min-height:40rem; max-height:60rem; padding:2rem; background-color:#fff;}
+.pd_pop.Purchase_pop .pop_option_select .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(/images/mo/ico_pop_cls_w.png); text-indent: -9999px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-color: transparent;}
+.pd_pop.Purchase_pop .pop_option_select .opt_header{margin-bottom:2rem;}
+.pd_pop.Purchase_pop .pop_option_select .opt_header:after{display:block; content:''; clear:both;}
+.pd_pop.Purchase_pop .pop_option_select .opt_header .title{position:relative; float:left; font-size:1.6rem; color:#222222; font-weight:500;}
+.pd_pop.Purchase_pop .pop_option_select .opt_header .check_excluding{float:right; width:auto;}
+.pd_pop.Purchase_pop .pop_option_select .opt_header .check_excluding.form_field input[type="checkbox"] + label{ font-size:1.3rem; color:#222;}
+.pd_pop.Purchase_pop .pop_option_select .text_excluding{margin-top:-1rem; padding:1.2rem; background-color:#383838; font-size:1.3rem; color:#fff; text-align:center;}
+
+/* pd_popup 공통 */
+.modal.pd_pop .opt_select .form_field {margin-top:5px;}
+.modal.pd_pop .info_txt ul li {position:relative; font-size:1.1rem; color:#888; padding-left:0.8rem; margin-bottom:3px;}
+.modal.pd_pop .info_txt ul li:last-child {margin-bottom:0;}
+.modal.pd_pop .info_txt ul li:after {content:''; position: absolute; display:inline-block; top:6px; left:0; background:#858585; width:2px; height:2px;}
+
+/* 테이블 type1 수평 행,열별 구분선 없음*/
+.tbl.type1 {border-top:1px solid #000; border-bottom:1px solid #ddd;} 
+.tbl.type1 table {width:100%; text-align:left; word-break:keep-all;}
+.tbl.type1 table th,
+.tbl.type1 table td {position:relative; padding:1.4rem 1.2rem; font-weight:300; font-size:1.3rem; letter-spacing:-0.025em;}
+.tbl.type1 table th {font-weight:400;}
+/* 테이블 type2 - 수직형 행,열별 구분선 있음 */
+.tbl.type2 {padding:0; border-top:1px solid #000;} 
+.tbl.type2 table {width:100%; word-break:keep-all;}
+.tbl.type2 table th,
+.tbl.type2 table td {position:relative; padding:1.5rem 0; border-bottom:1px solid #ddd; font-weight:200; font-size:1.3rem; letter-spacing:-0.025em; text-align:center;}
+.tbl.type2 table th {font-weight:300; color:#222;}
+
+/* 쇼핑백담음 팝업 */
+#shoppingBagModal{display:none; position:fixed; top:60vw; left:2rem; right:2rem; background:transparent; z-index:100;}
+#shoppingBagModal .shoppingBag_box{position:relative; padding:2.5rem 2rem; text-align:center;}
+#shoppingBagModal .shoppingBag_box::after {content: ""; z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background: currentColor; background:rgba(34,34,34,.9); clip-path: polygon(40px 0, 40px 30px, 30px 40px, 0 40px, 0 0); clip-path: polygon(100% 0, 100% 75%, 75% 100%, 0 100%, 0 0); clip-path: polygon(100% 0, 100% calc( 100% - 10px), calc( 100% - 10px) 100%, 0 100%, 0 0);}
+
+#shoppingBagModal .shoppingBag_box p{font-size:1.3rem; color:#fff;}
+#shoppingBagModal .shoppingBag_box .link_shoppingBag{margin-top:1rem; padding:0.9rem 2.5rem; display:inline-block; border:1px solid #656565; font-size:1.1rem; color:#fff;}
+
+/* pd_popup > 할인쿠폰 */
+.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}
+.modal.pd_pop.salecoupon_pop .coupon_list li .coupon {position:relative; border:1px solid #ddd; box-sizing:border-box; background:#fff;}
+.modal.pd_pop.salecoupon_pop .coupon_list li .coupon > div {position:relative; padding:3rem 0;}
+.modal.pd_pop.salecoupon_pop .coupon_list li .coupon > div::after {content:''; position:absolute; top:50%; right:-1px; transform:translateY(-50%); width:15px; height:30px; background:#fff; z-index:2; border:1px solid #ddd; border-right:none; border-top-left-radius:15px; border-bottom-left-radius:15px; overflow:hidden;}
+.modal.pd_pop.salecoupon_pop .coupon_list li .coupon p {padding:0 20px;}
+.modal.pd_pop.salecoupon_pop .coupon_list li .coupon .cp_name {color:#222; font-size:1.4rem; font-weight:300;}
+.modal.pd_pop.salecoupon_pop .coupon_list li .coupon .cp_cont {margin-top:0.7rem;}
+.modal.pd_pop.salecoupon_pop .coupon_list li .coupon .cp_cont span {color:#fd4802; font-size:1.8rem; font-weight:500;}
+.modal.pd_pop.salecoupon_pop .coupon_list li .coupon .cp_cont span em {font-size:1.8rem; font-weight:600;}
+.modal.pd_pop.salecoupon_pop .coupon_list li .coupon .cp_condition {margin-top:1rem; color:#888; font-size:1.2rem; font-weight:300; line-height:1.3;}
+.modal.pd_pop.salecoupon_pop .coupon_list li .coupon .cp_condition span {display:block; margin-top:5px}
+.modal.pd_pop.salecoupon_pop .coupon_list li .coupon .btn_group_flex{margin-top:0; padding:0;}
+.modal.pd_pop.salecoupon_pop .coupon_list li .coupon .btn_group_flex::after{display:none;}
+.modal.pd_pop.salecoupon_pop button span:first-child{position:relative; display:inline-block; padding-right:24px;}
+.modal.pd_pop.salecoupon_pop button span:first-child::after {content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:14px; height:15px; margin-left:10px; background:url('/images/pc/ico_cp_down.png') no-repeat 0 0;}
+.modal.pd_pop.salecoupon_pop button span:nth-child(1){display:inline-block;}
+.modal.pd_pop.salecoupon_pop button span:nth-child(2){display:none;}
+.modal.pd_pop.salecoupon_pop button:disabled span:nth-child(1){display:none;}
+.modal.pd_pop.salecoupon_pop button:disabled span:nth-child(2){display:block;}
+.modal.pd_pop.salecoupon_pop button:disabled{background:#aaa!important; border-color:#aaa!important; opacity:1;}
+.modal.pd_pop.salecoupon_pop .modal-footer button{color: #ffffff; background-color: #fd4802; border-color: #fd4802;}
+
+/* pd_popup > EP채널쿠폰 */
+.modal.pd_pop.epcoupon_pop .modal-body{padding:0rem 2rem;}
+.modal.pd_pop.epcoupon_pop .ep_coupon {position:relative; max-width:60rem; margin:auto; border:1px solid #222;  background:#fff; padding:4rem 0; text-align:center; line-height:1;}
+.modal.pd_pop.epcoupon_pop .ep_coupon > div {position:relative;}
+.modal.pd_pop.epcoupon_pop .ep_coupon > div::after {content:''; position:absolute; top:50%; right:-1px; transform:translateY(-50%); width:15px; height:30px; background:#fff; z-index:2; border:1px solid #222; border-right:none; border-top-left-radius:15px; border-bottom-left-radius:15px; overflow:hidden;}
+.modal.pd_pop.epcoupon_pop .ep_coupon > div .cp_title {color:#222; font-size:1.2rem; font-weight:600; letter-spacing:4px;}
+.modal.pd_pop.epcoupon_pop .ep_coupon > div .cp_cont {margin-top:1rem;}
+.modal.pd_pop.epcoupon_pop .ep_coupon > div .cp_cont span {display:block; color:#222;}
+.modal.pd_pop.epcoupon_pop .ep_coupon > div .cp_cont span em.number {font-size:3rem; font-weight:600;}
+.modal.pd_pop.epcoupon_pop .ep_coupon > div .cp_cont span em.unit {font-size:2.4rem; font-weight:500;}
+.modal.pd_pop.epcoupon_pop .ep_coupon > div .cp_cont span.unit_won {}
+.modal.pd_pop.epcoupon_pop .ep_coupon > div .cp_cont span.unit_percent {font-size:16px; font-weight:500;}
+.modal.pd_pop.epcoupon_pop .info_txt {margin-top:1.5rem; font-size:1.2rem;}
+.modal.pd_pop.epcoupon_pop .info_txt ul li{position:relative; padding-left:1rem;}
+.modal.pd_pop.epcoupon_pop .info_txt ul li:before{content:'·'; display:inline-block; position:absolute; left:0; top:0; font-weight:bold;}
+.modal.pd_pop.epcoupon_pop button span:nth-child(1){display:inline-block;}
+.modal.pd_pop.epcoupon_pop button span:nth-child(2){display:none;}
+.modal.pd_pop.epcoupon_pop button:disabled span:nth-child(1){display:none;}
+.modal.pd_pop.epcoupon_pop button:disabled span:nth-child(2){display:block;}
+.modal.pd_pop.epcoupon_pop button:disabled{background:#aaa!important; border-color:#aaa!important; opacity:1;}
+.modal.pd_pop.epcoupon_pop .modal-footer button{color: #ffffff; background-color: #fd4802; border-color: #fd4802;}
+
+/* pd_popup > 쇼핑혜택, 카드혜택 */
+.modal.pd_pop[class*="bnf_"] .modal-header{border-bottom:0;}
+.modal.pd_pop[class*="bnf_"] h6 {margin-bottom:1.6rem; font-size:1.4rem; font-weight:500;}
+.modal.pd_pop[class*="bnf_"] .benefit_blk {margin-top:3rem}
+.modal.pd_pop[class*="bnf_"] .benefit_blk:first-child {margin-top:0}
+.modal.pd_pop[class*="bnf_"] .tbl.type1 table tr td:last-child {text-align:right;} 
+.modal.pd_pop[class*="bnf_"] .tbl.type1 table tr th{vertical-align:top; color:#222;}
+.modal.pd_pop[class*="bnf_"] .tbl.type1 table tr th,
+.modal.pd_pop[class*="bnf_"] .tbl.type1 table tr td {border-top:1px solid #eeeeee;}
+.modal.pd_pop[class*="bnf_"] .tbl.type1 table tr:first-child th,
+.modal.pd_pop[class*="bnf_"] .tbl.type1 table tr:first-child td {border-top:none;}
+.modal.pd_pop.bnf_shopping_pop .tbl.type1 table tr td p,
+.modal.pd_pop.bnf_shopping_pop .tbl.type1 table tr th p  {color:#fd4802;}
+.modal.pd_pop.bnf_card_pop table .info_card {text-align:left;}
+.modal.pd_pop.bnf_card_pop table .info_card p {margin-top:0}
+.modal.pd_pop.bnf_card_pop table .info_card p:first-child {margin-top:0}
+.modal.pd_pop.bnf_card_pop table tr td {color:#666;}
+.modal.pd_pop.bnf_card_pop table a.link {display:inline-block; position:relative; margin-top:1rem; padding-right:1.2rem; color:#888;}
+.modal.pd_pop.bnf_card_pop table a.link:after {content:''; display:block; position:absolute; top:6px; right:0; width:5px; height:5px; border:1px solid #888; border-width:1px 1px 0 0; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
+.modal.pd_pop.bnf_card_pop .info_txt {margin-top:2rem;}
+
+/* pd_popup > 사이즈정보 */
+.modal.pd_pop.info_size_pop {}
+.modal.pd_pop.info_size_pop .modal-header{border-bottom:0;}
+.modal.pd_pop.info_size_pop .modal-body .pop_cont {max-height:none; overflow: visible; overflow-x:visible!important; padding-bottom:2rem;}
+.modal.pd_pop.info_size_pop .tab_nav {margin: 0 -1.33rem; border-bottom:1px solid #eee;}
+.modal.pd_pop.info_size_pop .tab_nav ul::after {content:''; clear:both; display:block;}
+.modal.pd_pop.info_size_pop .tab_nav ul li {float:left; width:33.33%; text-align:center; background:#fff; box-sizing:border-box;}
+.modal.pd_pop.info_size_pop .tab_nav ul li.active {background:#fff;}
+.modal.pd_pop.info_size_pop .tab_nav ul li a {position:relative; display:block; color:#888; font-size:1.4rem; font-weight:300; padding:1.2rem 0;}
+.modal.pd_pop.info_size_pop .tab_nav ul li a:after{display:block; content:''; position:absolute; left:0; bottom:0; width:0; height:3px; background-color:#fd4802;}
+.modal.pd_pop.info_size_pop .tab_nav ul li.active a {color:#fd4802; font-weight:500;}
+.modal.pd_pop.info_size_pop .tab_nav ul li.active a:after {width:100%;}
+.modal.pd_pop.info_size_pop .tab_cont_wrap {display:block; margin-top:3rem}
+.modal.pd_pop.info_size_pop .tab_cont_wrap .tab_cont {display:none; background: #fff;}
+.modal.pd_pop.info_size_pop .tab_cont_wrap .tab_cont:first-of-type {display:block}
+.modal.pd_pop.info_size_pop .size_head {text-align:center; margin-bottom:3rem}
+.modal.pd_pop.info_size_pop .size_head .tit_sub {display:block; margin-bottom:1rem; font-size:1.3rem; font-weight:300;}
+.modal.pd_pop.info_size_pop .size_head .tit_header {display:block; color:#222; font-size:1.4rem; font-weight:500;}
+.modal.pd_pop.info_size_pop .size_cont {}
+.modal.pd_pop.info_size_pop .size_cont .size_tbl_box {margin-top:40px; position:relative;}
+.modal.pd_pop.info_size_pop .size_cont .size_tbl_box:first-of-type {margin-top:0;}
+.modal.pd_pop.info_size_pop .size_cont .size_tbl_box h6 {margin-bottom:1.6rem; font-size:1.4rem; color:#222; font-weight:500;}
+.modal.pd_pop.info_size_pop .size_cont .size_tbl_box .size_unit {position:absolute; right:0; color:#888; font-size:1.1rem; -webkit-transform: translateY(-2.5rem); transform: translateY(-2.5rem);}
+.modal.pd_pop.info_size_pop .size_footer {margin-top:1.5rem;}
+.modal.pd_pop.info_size_pop .sub_tab_cont_wrap {display:block; margin-top:3rem}
+.modal.pd_pop.info_size_pop .sub_tab_cont_wrap .sub_tab_cont {display:none; position:relative;}
+.modal.pd_pop.info_size_pop .sub_tab_cont_wrap .sub_tab_cont::after {content:''; clear:both; display:block;}
+.modal.pd_pop.info_size_pop .sub_tab_cont_wrap .sub_tab_cont:first-of-type {display:block}
+.modal.pd_pop.info_size_pop .sub_tab_cont_wrap .sub_tab_cont .img_sizeinfo {display:block; text-align:center; background-color:#b2ffff;}
+.modal.pd_pop.info_size_pop .sub_tab_cont_wrap .sub_tab_cont dl {text-align:left; margin-top:3rem; font-size:1.3rem; word-break:keep-all;}
+.modal.pd_pop.info_size_pop .sub_tab_cont_wrap .sub_tab_cont dl div {padding:0 0 2rem}
+.modal.pd_pop.info_size_pop .sub_tab_cont_wrap .sub_tab_cont dl div dt {margin-bottom:0.5rem; color:#222; font-weight:300;}
+.modal.pd_pop.info_size_pop .sub_tab_cont_wrap .sub_tab_cont dl div dd {color:#666;}
+.modal.pd_pop.info_size_pop .sub_tab_nav {padding:0 2rem;}
+.modal.pd_pop.info_size_pop .sub_tab_nav ul {}
+.modal.pd_pop.info_size_pop .sub_tab_nav ul li {margin-top:0.8rem; padding:0.9rem 1rem; background:#fff; text-align:center; border:1px solid #eee; border-radius:4rem;;}
+.modal.pd_pop.info_size_pop .sub_tab_nav ul li a {display:inline-block; color:#666; font-size:1.3rem; font-weight:300; color:inherit;}
+.modal.pd_pop.info_size_pop .sub_tab_nav ul li.active{border-color:#fd4802; color:#fd4802; font-weight:500;}
+.modal.pd_pop.info_size_pop .category_open{position:relative; padding: 1.1rem 1.5rem; font-size:1.3rem; color:#222; font-weight: 300; text-align:left; background-color: #ffffff; border: 1px solid #dddddd; box-sizing: border-box;}
+.modal.pd_pop.info_size_pop .category_open:after {content: ""; width: 0; height: 0; box-sizing: border-box; position: absolute; top: 1.8rem; right: 1.5rem; border: 6px solid transparent; border-color: #888888 transparent transparent transparent;}
+.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{position:absolute; top:-3.8rem; left:50%; margin-left:-1.35rem; width:2.7rem; height:2.7rem; background-image: url(/images/mo/ico_pop_cls.png); background-repeat:no-repeat; background-position:center center; font-size:0; text-indent:-999999px;}
+
+/* pd_popup > 재입고 알림 신청 */
+.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 .item_blk {padding-bottom:2rem; border-bottom:1px solid #dddddd;}
+.modal.pd_pop.push_restock_pop .item_blk .item_prod {width:100%; display:block; line-height: 1.4;}
+.modal.pd_pop.push_restock_pop .item_blk .item_prod .item_state {padding:0;}
+.modal.pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink {display:table-cell; width:100%; height:105px; padding-left:90px; vertical-align:middle;}
+.modal.pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemPic {position:absolute; left:0; top:0; width:70px; height:105px; padding:0; margin-bottom:0; z-index:2;}
+.modal.pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemBrand {display:block; margin:0;}
+.modal.pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemName {display:block; margin-left:0;}
+.modal.pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemPrice {margin:0;}
+.modal.pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemPrice .lap{position: relative;}
+.modal.pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemPrice .lap .itemPercent {position:relative;}
+.modal.pd_pop.push_restock_pop .select_blk {margin-top:3rem;}
+.modal.pd_pop.push_restock_pop .select_blk h6 {margin-bottom:1rem; font-size:1.4rem; font-weight:500;}
+.modal.pd_pop.push_restock_pop .select_blk .opt_size .form_field {display:block; margin-top:-8px;}
+.modal.pd_pop.push_restock_pop .select_blk .opt_size .form_field > div {margin-left:8px; margin-top:8px;}
+.modal.pd_pop.push_restock_pop .select_blk .opt_size .form_field > div:nth-child(7n-6) {margin-left:0px;}
+.modal.pd_pop.push_restock_pop .select_blk .opt_size .form_field input[type="radio"] + label {display:block; width:66px; height:42px; padding:0; line-height:42px; text-align:center; background:#fff; box-sizing:border-box; border:1px solid #ddd; color:#222; font-weight:200; font-size:14px;}
+.modal.pd_pop.push_restock_pop .select_blk .opt_size .form_field input[type="radio"] + label::before,
+.modal.pd_pop.push_restock_pop .select_blk .opt_size .form_field input[type="radio"] + label::after {display:none;}
+.modal.pd_pop.push_restock_pop .select_blk .opt_size .form_field input[type="radio"]:checked + label {border:1px solid #222;}
+.modal.pd_pop.push_restock_pop .select_blk .opt_size .form_field input[type="radio"]:disabled + label {text-decoration:line-through; background:#f5f5f5; border-color:#f5f5f5; color:#bbb; opacity:1;}
+.modal.pd_pop.push_restock_pop .select_blk .opt_size .form_field > div {float:left; width:auto;}
+.modal.pd_pop.push_restock_pop .select_blk .opt_select .select_blk {display:block; max-height:300px; overflow-y:scroll;}
+.modal.pd_pop.push_restock_pop .modal-footer {position:fixed; width:100%; bottom:0; margin-top:0;}
+
+/* pd_pop > 상품문의 페이지 */
+.modal.pd_pop.pd_qnalist_pop .modal-header {position:fixed; top:0; left:0; right:0; width:100%; height:auto; border-bottom:0; box-sizing:border-box; background:#fff; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px; z-index:11; box-sizing:border-box;}
+.modal.pd_pop.pd_qnalist_pop .modal-body{position:relative; margin:auto; padding:9.3rem 0 3rem;}
+.modal.pd_pop.pd_qnalist_pop .ui_row{margin:0 -1.33rem!important 0; width:auto;}
+.modal.pd_pop.pd_qnalist_pop .pd_qnalist > .btn_group_flex{position:fixed; width: 100%; bottom: 0; margin-top: 0;}
+.pd_qnalist .qna_list .foldGroup {margin-bottom:0;}
+.pd_qnalist .qna_list {margin-top:3rem;}
+.pd_qnalist .qna_list .form_field input[type="checkbox"] + label {line-height:1;}
+.pd_qnalist .qna_list .form_field input[type="checkbox"] + label:before,
+.pd_qnalist .qna_list .form_field input[type="checkbox"] + label:after {top:50%; transform:translateY(-50%); margin-top:0;}
+.pd_qnalist .qna_list .foldGroup .fold_head a{padding: 1.4rem 1.33rem;}
+.pd_qnalist .qna_list .foldGroup .fold_head .fold_tit .ico {display:inline-block; width:auto; height:auto; vertical-align:middle;}
+.pd_qnalist .qna_list .foldGroup .fold_head .fold_tit .ico_myqna::after {content:'내문의'; display:inline-block; margin-right:1rem; color:#fd4802; font-size:11px; text-align:center; box-sizing:border-box; line-height:20px;}
+.pd_qnalist .qna_list .foldGroup .fold_head .fold_tit .ico_secret::after {content:''; display:inline-block; margin-right:1rem; width:12px; height:12px; background:url('/images/pc/ico_secret.png') no-repeat 50% 50%; background-size:contain;}
+.pd_qnalist .qna_list .foldGroup .fold_head .fold_tit span{vertical-align:middle;}
+.pd_qnalist .qna_list .foldGroup .my_qna .fold_head {background-color:#fff6f2;}
+.pd_qnalist .qna_list .foldGroup .fold_head .fold_state{font-size:1.1rem;}
+.pd_qnalist .qna_list .foldGroup > ul > li:first-child {border-top: 1px solid #e5e5e5;}
+.pd_qnalist .qna_list .check_secret{padding: 0 1.33rem; margin-bottom:1.5rem;}
+.pd_qnalist .qna_list .nodata {padding:20rem 0 17rem; text-align:center;}
+.pd_qnalist .qna_list .nodata .txt_box {color:#666; font-size:1.3rem; font-weight:300; color:#888;}
+.pd_qnalist .info_txt{padding:0 1.33rem; margin-top:3rem;}
+.pd_qnalist .info_txt::after {content:''; clear:both; display:block;}
+.pd_qnalist .info_txt ul li {position:relative; font-size:11px; color:#888; padding-left:0.8rem; margin-bottom:0.5rem;}
+.pd_qnalist .info_txt ul li:last-child {margin-bottom:0;}
+.pd_qnalist .info_txt ul li:after {content:''; position: absolute; top:5px; left:0; background:#858585; width:2px; height:2px;}
+.pd_qnalist .info_txt .btn_group_flex{margin-top:2rem;}
+.pd_qnalist .info_txt .btn_group_flex button{font-size:1.3rem; color:#222; border:1px solid #a7a7a7;}
+.pd_qnalist > .btn_group_flex{margin-top:0;}
+
+/* pd_pop > 상품문의 작성 */
+.modal.pd_pop.pd_qnawrite_pop .modal-body .pop_cont {max-height:none;}
+.modal.pd_pop.pd_qnawrite_pop .form_field {display:block;}
+.modal.pd_pop.pd_qnawrite_pop .form_field .lap{position:relative;}
+.modal.pd_pop.pd_qnawrite_pop .input_box {margin-top:3rem}
+.modal.pd_pop.pd_qnawrite_pop .input_box textarea {display:block; width:100%; height:20rem; padding:1.5rem; color#222; font-size: 1.2rem; font-weight: 300; box-sizing: border-box;}
+.modal.pd_pop.pd_qnawrite_pop .input_box .txt_cnt {display:block; position:absolute; margin-top:0; right: 1.5rem; bottom: 1.5rem; text-align: right; font-size: 1.2rem; z-index:1;}
+.modal.pd_pop.pd_qnawrite_pop .secret_box {margin-top:1rem;}
+.modal.pd_pop.pd_qnawrite_pop .push_box {margin-top:3rem;}
+.modal.pd_pop.pd_qnawrite_pop .push_box dl {display:flex; flex-wrap: wrap; align-items: center; color:#222; font-size:1.3rem;}
+.modal.pd_pop.pd_qnawrite_pop .push_box dl dt {margin-right:3rem; font-size: 1.4rem; font-weight:500; font-weight:500;}
+.modal.pd_pop.pd_qnawrite_pop .push_box dl dd .form_field > div {display:inline-block; margin-right:2rem;}
+.modal.pd_pop.pd_qnawrite_pop .push_box dl dd .form_field > div:last-child {margin-right:0;}
+.modal.pd_pop.pd_qnawrite_pop .modal-footer {position:fixed; width: 100%; bottom: 0; margin-top: 0;}
+.modal.pd_pop.pd_qnawrite_pop .modal-footer button{color: #ffffff; background-color: #222222; border-color: #222222;}
+
+/* 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; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px; 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(/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;}
+.modal.pd_pop.pd_delivery_pop .modal-body{margin-top:9.3rem; padding: 0;}
+.pd_delivery .inner {padding-bottom: 0;}
+.pd_delivery .delivery {padding: 3rem 0 4rem;}
+.pd_delivery  h2 { font-size: 1.6rem;}
+.pd_delivery  h3 { padding: 2rem 0 0.6rem; font-size: 1.3rem; font-weight: 500;}
+.pd_delivery  p.dot { position: relative; padding-left: 0.8rem; font-size: 1.2rem; font-weight: 200; color: #666;}
+.pd_delivery  p.dot:after{ content:""; position: absolute; top: 0.7rem; left: 0; width:2px; height:2px; background-color:#858585;}
+.pd_delivery .pop_board { border: 1.2rem solid #f5f5f5;}
+.pd_delivery .change { margin: 0; padding: 4rem 0 6rem;}
+.pd_delivery .change .pop_table { width: 100%; margin: 2rem 0 1rem; border-top: 0.1rem solid #222222;}
+.pd_delivery .change .pop_table tr th,
+.pd_delivery .change .pop_table tr td { font-size: 1.2rem; padding: 2.5rem 0 2.5rem 1.2rem; align-items: center; border-bottom: 1px solid #eeeeee; }
+.pd_delivery .change .pop_table tr th {width: 10rem; padding: 0 0 0 1.2rem; color:#222; font-weight:500; background: #f5f5f5;}
+
+/* pd_pop > 상품리뷰 페이지 */
+.modal.pd_pop.pd_review_pop .modal-header{border-bottom:0; box-shadow:0 0 5px rgba(0,0,0,.2);}
+.modal.pd_pop.pd_review_pop .modal-body{margin-top:9.3rem; padding:0}
+.modal.pd_pop.pd_review_pop  .modal-header{height:auto;}
+.modal.pd_pop.pd_review_pop .pd_detail{overflow: hidden;}
+.pd_review_pop .pd_review .area_rv_empty .btn_group_flex{position:fixed; width: 100%; bottom: 0; left:0; margin-top: 0; z-index:10;}
+.pd_review_pop {}
+.pd_review{background:#f5f5f5;}
+.pd_review.best,
+.pd_review.photo{background:#fff;}
+.pd_review [class^="area_rv"]{padding:4rem 1.33rem; margin-bottom:1.2rem; background:#fff; line-height: 1.4;}
+.pd_review .thumb {display:block; position:relative; width:100%; height:0px; line-height:0; font-size:0; padding-top:150%; background:#f5f5f5; overflow:hidden;}
+.pd_review .pic .thumb {padding-top:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
+.pd_review .pic .thumb.mov::after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3) url('/images/pc/ico_play.png') no-repeat 50% 50%; z-index:2;}
+.pd_review div::after,
+.pd_review dl::after,
+.pd_review ul::after {content:''; clear:both; display:block;}
+.pd_review h6 {margin-bottom:2rem; color:#222; font-size:1.6rem; font-weight:500;}
+.pd_review [class^="area_"] {display:block; position:relative;}
+.pd_review .area_rv_empty {margin-bottom:0!important; text-align:center;}
+.pd_review .area_rv_empty .txt_box p {color:#222; font-size:1.5rem; font-weight:300;}
+.pd_review .area_rv_empty .txt_box p::before {content:''; display:block; width:4rem; height:4rem; margin:0 auto 2rem; background:url('/images/pc/ico_point4.png') no-repeat 0 0; background-size:contain;}
+.pd_review .area_rv_empty .txt_box p span.c_primary {font-weight:500;}
+.pd_review .area_rv_empty .txt_box div {display:flex; justify-content:center; margin-top:2.3rem; padding:2.3rem 0.5em; border:1px solid #ddd;}
+.pd_review .area_rv_empty .txt_box div dl {margin-left:12vw; font-size:1.5rem;}
+@media screen and (max-width:360px) {
+    .pd_review .area_rv_empty .txt_box div dl {margin-left:5vw;}
+  }
+.pd_review .area_rv_empty .txt_box div dl:first-child {margin-left:0}
+.pd_review .area_rv_empty .txt_box div dl dt {color:#666; font-weight:200; line-height:1.4;} 
+.pd_review .area_rv_empty .txt_box div dl dd {color:#fd4802; font-weight:300;}
+.pd_review .area_rv_empty .btn_box .review_go{margin-top:3rem;}
+.pd_review .area_rv_average {margin-bottom:0!important; padding-bottom:0!important; text-align:center;}
+.pd_review .area_rv_average .star_score {margin-bottom:2rem;}
+.pd_review .area_rv_average .star_score span {display:inline-block; position:relative; color:#fd4802; vertical-align:middle;}
+.pd_review .area_rv_average .star_score .tit {display:block; font-size:1.4rem; font-weight:300;}
+.pd_review .area_rv_average .star_score .score {margin-right:1rem; font-size:2.1rem; font-weight:500;}
+.pd_review .area_rv_average .star_score .star {width:120px; height:19px; background:#ddd; text-align:left;}
+.pd_review .area_rv_average .star_score .star .progbar {display:inline-block; height:100%; background-color:#fd4802;}
+.pd_review .area_rv_average .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:2; width:100%; height:100%; background:url('/images/pc/star_empty_big.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
+.pd_review .area_rv_average .average {margin-bottom:3rem;}
+.pd_review .area_rv_average .average .part_average {margin-top:1rem; text-align:left;}
+.pd_review .area_rv_average .average .part_average .pa_head{position:relative; height:2.4rem; line-height:2.4rem; padding-left:7.2rem;}
+.pd_review .area_rv_average .average .part_average .pa_head .tit{position:absolute; left:0; display:block; padding-top:0.5rem; width:6rem; height:2.4rem; border:1px solid #fd4802; font-size: 1.3rem; color:#fd4802; font-weight:300; line-height:1; border-radius:2.2rem; text-align:center;}
+.pd_review .area_rv_average .average .part_average .pa_head dl dt {padding-left:0; width:5.2rem; font-size:1.5rem; font-weight:300; color:#222;}
+.pd_review .area_rv_average .average .part_average .pa_head dl dd {width:calc(100% - 5.2rem);}
+.pd_review .area_rv_average .average .part_average .pa_head dl dd .percent{font-size:1.4rem; font-weight:500; color:#222;}
+.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:1px 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:10px; height:7px; background: url(/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);}
+.pd_review .area_rv_average .average .part_average dl{margin-bottom:0.1rem;}
+.pd_review .area_rv_average .average .part_average dl:last-child{margin-bottom:1rem;}
+.pd_review .area_rv_average .average .part_average:last-child dl:last-child{margin-bottom:0;}
+.pd_review .area_rv_average .average .part_average dl dt {float:left; padding-left:0.7rem; width:7.2rem; font-size:1.2rem; box-sizing:border-box;}
+.pd_review .area_rv_average .average .part_average dl dd {position:relative; float:left; width:calc(100% - 7.2rem); padding-right:4.2rem; box-sizing:border-box;}
+.pd_review .area_rv_average .average .part_average dl dd::after {content:''; clear:both; display:block;}
+.pd_review .area_rv_average .average .part_average dl dd span {float:left; display:inline-block;}
+.pd_review .area_rv_average .average .part_average dl dd .ratio {width:100%; height:5px; margin-top:6px; background:#f5f5f5; overflow:hidden;}
+.pd_review .area_rv_average .average .part_average dl dd .ratio .progbar {display:inline-block; position:relative; height:8px; background:#ddd; vertical-align:top; margin-left:0}
+.pd_review .area_rv_average .average .part_average dl dd .ratio .progbar::after {content:''; position:absolute; right:-8px; top:0; width:0; height:0; border:4px solid #ddd; border-bottom-color:transparent;border-right-color:transparent;}
+.pd_review .area_rv_average .average .part_average dl dd .percent {position:absolute; right:0; font-size:1.4rem;}
+.pd_review .area_rv_average .average .part_average dl dd .line {width:100%; height:0px; margin-top:10px; border-top:2px dashed #ddd;}
+.pd_review .area_rv_average .average .part_average dl.on dt,
+.pd_review .area_rv_average .average .part_average dl.on dd {color:#222; font-weight:300;}
+.pd_review .area_rv_average .average .part_average dl.on dd .ratio .progbar {background:#222;}
+.pd_review .area_rv_average .average .part_average dl.on dd .ratio .progbar::after {border:4px solid #222; border-bottom-color:transparent;border-right-color:transparent;}
+.pd_review .area_rv_average .info_review {color:#222; font-size:1.3rem; font-weight:500; background:#fff6f2; padding:2.4rem 2rem; vertical-align:middle;}
+.pd_review .area_rv_average .info_review p {position:relative; text-align:left; padding-left:2rem; font-weight:300; display: inline-block;}
+.pd_review .area_rv_average .info_review p i.ico_point {position:absolute; left:0; top:2px; display:inline-block; width:1.5rem; height:1.5rem; background:url('/images/pc/ico_point3.png') no-repeat 50% 50%; background-size:100% 100%;}
+.pd_review .area_rv_average .info_review p span {font-weight:500;}
+.pd_review .area_rv_average .info_review > div {margin-top:1rem; display:flex; justify-content:center;}
+.pd_review .area_rv_average .info_review > div::after {content:''; clear:both; display:block;}
+.pd_review .area_rv_average .info_review > div dl {flex:1; -ms-flex: 1;}
+.pd_review .area_rv_average .info_review > div dl:first-child {margin-left:0}
+.pd_review .area_rv_average .info_review > div dl dt {color:#666; font-weight:300; font-size:1.1rem;}
+.pd_review .area_rv_average .info_review > div dl dd {color:#222; font-weight:300; font-size:1.5rem;}
+.pd_review .area_rv_best .riview_box .best_review a .star_score{background-image:none;}
+.pd_review .area_rv_photo {}
+.pd_review .area_rv_photo .photo_list {position:relative; margin:0 -0.4rem;}
+.pd_review .area_rv_photo .photo_list ul{}
+.pd_review .area_rv_photo .photo_list ul li {float:left; position:relative; padding:0.4rem; width:25%; box-sizing:border-box;}
+.pd_review .area_rv_photo .photo_list > div{position:absolute; right:0; bottom:0; width:25%; padding:0.4rem; box-sizing:border-box }
+.pd_review .area_rv_photo .photo_list > div > div{position:relative; width:100%; padding-bottom:100%;}
+.pd_review .area_rv_photo .photo_list button {position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.6); color:#fff; font-size:14px; z-index:1; text-align:center; box-sizing:border-box; z-index:2;}
+.pd_review .area_rv_photo .photo_list button::before {content:''; display:block; margin:0 auto; width:2rem; height:2rem; background:url('/images/pc/ico_plus_white.png') no-repeat 50% 50%; z-index:1;}
+.pd_review .area_rv_photo .photo_list button span{margin-top:0.5vw; display:block; font-size:1rem;}
+.pd_review .area_rv_all {}
+.pd_review .area_rv_all h6 span {display:inline-block; margin-left:5px; color:#666; font-weight:200;}
+.pd_review .area_rv_all .review_list {border-top:1px solid #ddd;}
+.pd_review .area_rv_all .review_list > ul > li {padding:3rem 0; border-bottom:1px solid #ddd; }
+.pd_review .area_rv_all .review_list > ul > li .review {}
+.pd_review .area_rv_all .review_list .review .info_box {}
+.pd_review .area_rv_all .review_list .review .info_box .star_score {float:left}
+.pd_review .area_rv_all .review_list .review .info_box .star_score .star {display:inline-block; position:relative; width:83px; height:13px; background:#ddd;}
+.pd_review .area_rv_all .review_list .review .info_box .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:100%; background:url('/images/pc/star_empty_big.png') no-repeat 0 0; background-size:contain; image-rendering:pixelated;}
+.pd_review .area_rv_all .review_list .review .info_box .star_score .star .progbar {display:inline-block; height:100%; background:#fd4802; vertical-align:top;}
+.pd_review .area_rv_all .review_list .review .info_box .writer {float:right;}
+.pd_review .area_rv_all .review_list .review .info_box .writer span {position:relative; margin-left:1.1rem; padding-left:1.1rem; color:#888; font-size:1.1rem;}
+.pd_review .area_rv_all .review_list .review .info_box .writer span::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); height:8px; width:1px; background:#ddd;}
+.pd_review .area_rv_all .review_list .review .info_box .writer span:first-child {margin-left:0; padding-left:0}
+.pd_review .area_rv_all .review_list .review .info_box .writer span:first-child::after {display:none;}
+.pd_review .area_rv_all .review_list .review .response_box {margin-top:1.4rem;}
+.pd_review .area_rv_all .review_list .review .response_box > div:first-child {margin-top:0}
+.pd_review .area_rv_all .review_list .review .response_box > div dl div {display:flex; font-size:1.1rem;}
+.pd_review .area_rv_all .review_list .review .response_box > div dl div dt {width:4.5rem; color:#888}
+.pd_review .area_rv_all .review_list .review .response_box > div dl div dd {margin-left:12px; color:#fd4802}
+.pd_review .area_rv_all .review_list .review .response_box2 {margin-top:1.4rem;}
+.pd_review .area_rv_all .review_list .review .response_box2 > div:first-child {margin-top:0; overflow:hidden;}
+.pd_review .area_rv_all .review_list .review .response_box2 > div dl div {float:left; width:50%; max-width:400px; display:flex; font-size:1.1rem;}
+.pd_review .area_rv_all .review_list .review .response_box2 > div dl div dt {position:relative; padding-left:0.8rem; color:#888}
+.pd_review .area_rv_all .review_list .review .response_box2 > div dl div dt:before{content:''; position:absolute; left:0; top:0.6rem; display:block; width:2px; height:2px; background-color:#888;}
+.pd_review .area_rv_all .review_list .review .response_box2 > div dl div dd {margin-left:12px; color:#222}
+.pd_review .area_rv_all .review_list .review .info_box{line-height:1;}
+.pd_review .area_rv_all .review_list .review .photo_box {margin: 1rem -1.33rem 0;}
+.pd_review .area_rv_all .review_list .review .photo_box .photo_list {font-size:0; white-space:nowrap; overflow-x:auto;}
+.pd_review .area_rv_all .review_list .review .photo_box .photo_list > ul li {display:inline-block; margin-left:0.8rem; width:7.5rem; height:7.5rem;}
+.pd_review .area_rv_all .review_list .review .photo_box .photo_list > ul li:first-child{margin-left:1.33rem;}
+.pd_review .area_rv_all .review_list .review .photo_box .photo_list > ul li:last-child{margin-right:1.33rem;}
+.pd_review .area_rv_all .review_list .review .txt_review_box {margin-top:1.6rem; font-size:1.3rem; overflow:hidden;}
+.pd_review .area_rv_all .review_list .review .reply_box {margin-top:1.5rem; padding-top:1.5rem;}
+.pd_review .area_rv_all .review_list .review .reply_box .reply {position:relative; padding:2rem; background:#f5f5f5;}
+.pd_review .area_rv_all .review_list .review .reply_box .reply::after {content:''; position:absolute; left:0px; top:-15px; width:0px; height:0px; border:15px solid #f5f5f5; border-top-color:transparent; border-right-color:transparent;}
+.pd_review .area_rv_all .review_list .review .reply_box .reply .reply_writer {}
+.pd_review .area_rv_all .review_list .review .reply_box .reply .reply_writer span {display:inline-block; position:relative;}
+.pd_review .area_rv_all .review_list .review .reply_box .reply .reply_writer .wr_name {padding-left:2.2rem; font-size:1.3rem; font-weight:300;}
+.pd_review .area_rv_all .review_list .review .reply_box .reply .reply_writer .wr_name::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1.5rem; height:1.5rem; background:url('/images/pc/ico_admin.png') no-repeat 0 0; background-size:contain;}
+.pd_review .area_rv_all .review_list .review .reply_box .reply .reply_writer .wr_date {padding-left:1rem; margin-left:1rem; font-size:1.1rem; color:#888; font-size:200;}
+.pd_review .area_rv_all .review_list .review .reply_box .reply .reply_writer .wr_date::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); height:12px; width:1px; background:#ddd;}
+.pd_review .area_rv_all .review_list .review .reply_box .reply .reply_txt {margin-top:1.2rem; color:#666; font-size:1.3rem;}
+.pd_review .area_rv_all .review_last{padding:2.5rem 0; font-size:1.1rem; color:#888888; font-weight:300; text-align:center;}
+.pd_review .area_rv_all .nodata {padding:10rem 0; border-top:1px solid #ddd; text-align:center;}
+.pd_review .area_rv_all .nodata .txt_box {color:#666; font-size:1.3rem; font-weight:300;}
+.pd_review .area_rv_all .nodata .btn_box {margin-top:1.5rem;}
+.pd_review .area_rv_all .nodata .btn_box .btn span {color:#222; font-size:14px; font-weight:300;}
+.pd_review .category_open {position:relative; margin:-1.2rem -1.33rem -1px; border-bottom: 1px solid #ddd; overflow-x:auto;}
+.pd_review .category_open {font-size:0; white-space:nowrap;}
+.pd_review .category_open > li {position:relative; display:inline-block; padding:0 2rem; font-size:1.1rem; color:#222; line-height: 4.5rem;}
+.pd_review .category_open > li:after{content:''; display:block; position:absolute; top:50%; margin-top:-0.5rem; right:0px; width:1px; height:1rem; background-color:#ddd;}
+.pd_review .category_open > li:last-child:after{display:none;}
+.pd_review .category_open > li > span{position:relative; padding-right:1.5rem;}
+.pd_review .category_open > li > span:after{display:block; content:''; position:absolute; right:0; top:50%; margin-top:-2px; border:5px solid transparent; border-bottom-color:#222; -webkit-transform:rotate(180deg); transform:rotate(180deg);}
+.pd_review .category_box{display:none; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.5); z-index:500;}
+.pd_review .category_box .lap{position:absolute; bottom:0; left:0; padding:3rem 0; width:100%; background:#fff;}
+.pd_review .category_box .category_list{min-height:25rem; max-height:40rem; overflow-y:auto;}
+.pd_review .category_box .category_list .category {display:none; padding:0 1.33rem;}
+.pd_review .category_box .category_list .category ul {margin:0 -0.6rem;}
+.pd_review .category_box .category_list .category ul li { padding:0.4rem 0.6rem; background:#fff; text-align:center;}
+.pd_review .category_box .category_list .category ul li a {display:block; padding:0.9rem 1rem; color:#666; font-size:1.3rem; font-weight:300; color:inherit; border:1px solid #eee; border-radius:4rem;}
+.pd_review .category_box .category_list .category ul li.active a{border-color:#fd4802; color:#fd4802; font-weight:500;}
+.pd_review .category_box .category_list .category ul.n1 li{width:100%;}
+.pd_review .category_box .category_list .category ul.n2 li{float:left; width:50%;}
+.pd_review .category_box .category_close{position:absolute; top:-3.8rem; left:50%; margin-left:-1.35rem; width:2.7rem; height:2.7rem; background-image: url(/images/mo/ico_pop_cls.png); background-repeat:no-repeat; background-position:center center; font-size:0; text-indent:-999999px;}
+.pd_review .area_rv_all .nodata .btn_group_flex button{margin:0 auto; padding:0; width:10.8rem; height:3rem; line-height:3rem!important; font-size:11px; border:1px solid #ddd;}
+
+/* pd_popup > 포토영상 리뷰 리스트 */
+.modal.pd_pop.pd_photoreviewlist_pop {}
+.modal.pd_pop.pd_photoreviewlist_pop .modal-header {border-bottom:0;}
+.pd_photoreviewlist_pop .thumb {display:block; position:relative; width:100%; height:0px; line-height:0; font-size:0; padding-top:150%; background:#f5f5f5; overflow:hidden;}
+.pd_photoreviewlist_pop .pic .thumb {padding-top:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
+.pd_photoreviewlist_pop .pic .thumb.mov::after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3) url('/images/pc/ico_play.png') no-repeat 50% 50%; z-index:2;}
+.pd_photoreviewlist_pop .photo_list {overflow: hidden;}
+.pd_photoreviewlist_pop .photo_list ul {margin:-0.8rem -0.4rem 0; overflow: hidden;}
+.pd_photoreviewlist_pop .photo_list ul li {float:left; padding:0.8rem 0.4rem 0; width:33.33%; box-sizing:border-box;}
+.pd_photoreviewlist_pop .photo_list ul li:nth-child(6n-5) {margin-left:0}
+.pd_photoreviewlist_pop .review_last {padding: 2.5rem 0; font-size: 1.1rem; color: #888888; font-weight: 300; text-align: center;}
+
+/* pd_popup > 베스트 리뷰 & 포토영상 리뷰 자세히보기 공통 */
+.modal.pd_pop[class*="reviewdetail_pop"] {}
+.modal.pd_pop[class*="reviewdetail_pop"] .modal-header{border-bottom:0;}
+.modal.pd_pop[class*="reviewdetail_pop"] .modal-body{margin-top:5.2rem; padding:0 0;}
+.modal.pd_pop[class*="reviewdetail_pop"] .modal-body .pd_review .area_rv_all .review_list{border-top:0;}
+.modal.pd_pop[class*="reviewdetail_pop"] .area_slider .thumb{position:relative; width:100%; padding-bottom:150%;}
+.modal.pd_pop[class*="reviewdetail_pop"] .area_slider .thumb img,
+.modal.pd_pop[class*="reviewdetail_pop"] .area_slider .thumb video{position: absolute; left: 50%; right: 0; top: 50%; bottom: auto; transform: translate(-50%, -50%); width: auto; height: auto; max-height: 100%; max-width: 100%; margin: auto 0; cursor: pointer;}
+.modal.pd_pop[class*="reviewdetail_pop"] .area_slider .thumb{position:relative; background-color:#ddd; background-position:center center; background-repeat:no-repeat; background-size:contain;}
+.modal.pd_pop[class*="reviewdetail_pop"] .area_slider .thumb.nodata:before{display:block; content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.5); z-index:1;}
+.modal.pd_pop[class*="reviewdetail_pop"] .area_slider .thumb.nodata:after{display:block; content:'리뷰에 등록된 이미지가 없습니다.'; position:absolute; top:50%; left:50%; width:90%; font-size:1.2rem; color:#fff; text-align:center; z-index:2; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
+.modal.pd_pop[class*="reviewdetail_pop"] .area_slider .swiper-pagination {display: inline-block; width: auto; padding: 0.2rem 1rem; border-radius: 2rem; font-size: 1.2rem; color: #fff; background-color: rgba(34,34,34,.5);}
+.modal.pd_pop[class*="reviewdetail_pop"] .area_slider .swiper-pagination-fraction {position: absolute; left: 50%; bottom: 2rem; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
+.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(/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(/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;}
+.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(/images/mo/ico_thumblist.png) center center no-repeat; background-size:contain; vertical-align:middle;}
+
+
+/* ============================================ 딜상세 ============================================ */
+/* pd deal 공통 */
+.pd.deal {}
+.pd.deal div::after,
+.pd.deal dl::after,
+.pd.deal ul::after {content:''; clear:both; display:block;}
+.pd.deal .pd_detail .area_desc .desc_wrap .descript_box .desc_info {margin-top:20px}
+.pd.deal .tab_detail_nav {position:absolute; width:100%; top:0; left:0; border-bottom:1px solid #eee;}
+.pd.deal .tab_detail_nav.fix{position:fixed; top:0; left:0; width:100%; background-color:#fff; z-index:100; box-shadow: 0 1px 3px rgba(0,0,0,.2);}
+.pd.deal .tab_detail_nav ul::after {content:''; clear:both; display:block;}
+.pd.deal .tab_detail_nav ul li {float:left; width:25%; text-align:center; background:#fff; box-sizing:border-box;}
+.pd.deal .tab_detail_nav ul li.active {background:#fff;}
+.pd.deal .tab_detail_nav ul li a {position:relative; display:block; color:#888; font-size:1.2rem; font-weight:300; padding:1.4rem 0;}
+.pd.deal .tab_detail_nav ul li a:after{display:block; content:''; position:absolute; left:0; bottom:0; width:0; height:3px; background-color:#fd4802;}
+.pd.deal .tab_detail_nav ul li.active a {color:#fd4802; font-weight:500;}
+.pd.deal .tab_detail_nav ul li.active a:after {width:100%;}
+.pd.deal .tab_detail_cont{padding-top: 4rem; display:none;}
+.pd.deal .tab_detail_cont .cont_head{padding:2.2rem 2rem 1.5rem; background-color:#fff; border-bottom:1px solid #eeeeee;}
+/* 상품상세정보 */
+.pd.deal .pd_review [class^="area_rv"]{padding:3rem 2rem;}
+.pd.deal .pd_dealitem{padding:5rem 2rem 1rem;}
+.pd.deal .pd_dealitem .itemsGrp {position:relative; display:block; margin:0 -0.4rem; overflow:hidden;}
+.pd.deal .pd_dealitem .itemsGrp .item_prod {float:left; width:50%; padding:2rem 0.4rem 0; box-sizing:border-box;}
+.pd.deal .pd_dealitem .itemsGrp .item_prod .item_state {padding:0;}
+.pd.deal .pd_dealitem .itemLink {}
+.pd.deal .pd_dealitem .itemLink .itemPic::after {content:''; background:none; background:rgba(34,34,34,0.8) url('/images/mo/btn_deal_item_more.png') no-repeat 50% 50%; background-size:5rem; opacity:0; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; z-index:2;}
+.pd.deal .pd_dealitem .itemLink:hover .itemPic::after,
+.pd.deal .pd_dealitem .itemLink:active .itemPic::after {content:''; opacity:1;}
+.pd.deal .pd_dealitem .rank {max-height:none; padding:1rem 0 1rem; z-index:3;}
+.pd.deal .pd_dealitem .rank.detail::after {background:#fd4802}
+.pd.deal .pd_dealitem .rank.detail span {display:block; font-size:1.1rem; font-weight:500;}
+.pd.deal .pd_dealitem .rank.detail span em {display:block; margin-top:6px;}
+.pd.deal .pd_dealitem .rank.detail::after {background: #fd4802;}
+.pd.deal .pd_dealitem .itemsGrp .item_prod .item_state .btn{margin-top:1.5rem; width:100%; font-size:1.1rem; height:3rem; font-weight:300;}
+
+
+/* 상품문의 */
+.pd.deal .pd_qnalist .info_txt,
+.pd.deal .pd_qnalist .qna_list .check_secret{padding: 0 2rem;}
+
+
+/* 옵션셀렉트 */
+.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item,
+.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .select {height:110px; background:transparent;}
+.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .item_prod {width:100%; z-index:-1;}
+.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state {display:table; width:100%; height:70px; padding:0; margin:0}
+.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a {display:table-cell; position:relative; width:100%; height:70px; padding-left:70px; padding-right:40px; vertical-align:middle;}
+.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a .itemPic {position:absolute; left:0; top:0; width:50px; height:70px; padding:0; margin:0}
+.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a .itemName {max-width:100%; height:20px; margin-bottom:0px; line-height:20px; font-size:14px; -webkit-line-clamp:1;}
+.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a .itemName .tit_option {font-weight:500;}
+.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a .itemPrice {margin-top:13px}
+.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a .itemPercent {position:relative;}
+.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a .itemPrice_original {margin-right:0;}
+.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a .itemPercent {margin-right:0;}
+.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a > [class^="item"] {margin-left:0; margin-right:0;} 
+.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .combo .list {top:110px}
+.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .combo .list > li {border-bottom:1px solid #eee;}
+.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .combo .list > li[aria-disabled="true"] a [class^="item"] {color:#bbb; text-decoration:line-through;} 
+.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .combo .list > li[aria-disabled="true"] a img {opacity:0.3;}
+.pd.deal .tab_detail_cont .select_custom.deal_opt_item,
+.pd.deal .tab_detail_cont .select_custom.deal_opt_item .select {height:110px}
+.pd.deal .tab_detail_cont .select_custom.deal_opt_item .item_prod {width:100%;}
+.pd.deal .tab_detail_cont .select_custom.deal_opt_item .item_prod .item_state {padding:0; margin:0}
+.pd.deal .tab_detail_cont .select_custom.deal_opt_item .item_prod .item_state a {position:relative; padding-left:70px}
+.pd.deal .tab_detail_cont .select_custom.deal_opt_item .item_prod .item_state a .itemPic {position:absolute; left:0; top:0; width:50px; height:70px; padding:0;}
+.pd.deal .tab_detail_cont .select_custom.deal_opt_item .combo .list {top:109px}
+/* 리스트팝업 */
+.pd_pop.list_pop{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(34,34,34,.7); z-index:1000;}
+
+/* 딜리스트셀렉팝업(리뷰,문의,배송) */
+.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(/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:#646464;}
+.pd_pop[class*="pd_list"].pd_listDescrp_pop .modal_content:after{}
+.deal_list_select .select {cursor: pointer;display: inline-block; position: relative;font-size: 16px;color: #333333;width: 100%; height:66px;}
+.deal_list_select .list{background-color:#fff;}
+.deal_list_select .list li{position: relative; border-bottom:1px solid #eeeeee;}
+.deal_list_select .list li:first-child{margin-top:0;}
+.deal_list_select .list li.selected:after{border:1px solid #fd4802;}
+.deal_list_select .list li {position: relative; display:table; width:100%; box-sizing: border-box; z-index:1;}
+.deal_list_select .list li:after{content:''; position:absolute; width:100%; height:100%; top:0; left:0; border:1px solid #fff; box-sizing:border-box; z-index:2;}
+.deal_list_select .list .item_prod .itemLink{position: relative; display:table-cell; width: 100%; height:102px; padding-left:88px; padding-right:1rem; box-sizing:border-box; vertical-align: middle;}
+.deal_list_select .list .item_prod .item_state .itemLink .itemPic {position:absolute; left:0; top:0; padding:0; margin-bottom:0; width:68px; height:102px; z-index:2;}
+.deal_list_select .list .item_prod .item_state .itemLink .itemBrand {display:block; padding-right: 4rem; font-size:1rem; color:#888888; font-weight:300;}
+.deal_list_select .list .item_prod .item_state .itemLink .itemName {display:block; margin:0.5rem 0 0.8rem; font-size:1.3rem; max-height: 3.3rem; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 3.3rem; overflow: hidden; white-space: normal; overflow-wrap: break-word;}
+.deal_list_select .list .item_prod .item_state .itemLink .itemText{margin-top:0.5rem; font-size:1.1rem; color:#888888; font-weight:300;}
+.deal_list_select .list .item_prod .item_state .itemLink .itemPrice{margin-right:0; margin-left:0;}
+.deal_list_select .list .item_prod .item_state.active:after{border-color:#fd4802;}
+.deal_list_select .list .item_prod .item_state:hover:after{border-color:#fd4802;}
+.deal_list_select .list .item_prod .item_state.active,
+.deal_list_select .list .item_prod .item_state:hover{z-index:2;}
+
+/* 딜상세설명 팝업 */
+.modal.pd_descrp_pop .pop_cont{margin-top:3rem;}
+.modal.pd_descrp_pop .modal-header{}
+.modal.pd_descrp_pop .modal-body .item_blk{margin:0 -1.33rem; padding:0 1.33rem 1.33rem; border-bottom: 1px solid #eeeeee;}
+.modal.pd_descrp_pop .modal-body .item_blk .item_prod{border-bottom:0;}
+.modal.pd_descrp_pop .modal-body{padding-bottom:5rem;}
+.modal.pd_descrp_pop .item_prod{padding-right:1.5rem; border-top:0; padding-right:0; border-bottom: 1px solid #eeeeee;}
+.modal.pd_descrp_pop .item_blk .item_prod .item_state .itemLink .itemPic {width:68px; height:102px}
+.modal.pd_descrp_pop .item_prod .itemLink{height: 102px; padding-left: 88px; padding-right: 1rem;}
+.modal.pd_descrp_pop .item_prod .itemPrice_original{display:inline-block;}
+.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(/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*/
+.item_blk .item_prod {}
+.item_blk .item_prod .item_state {position: relative; display:table; width:100%; box-sizing: border-box;}
+.item_blk .item_prod .itemLink{position: relative; display:table-cell; width: 100%; height:60px; padding-left:56px; vertical-align: middle;}
+.item_blk .item_prod .item_state .itemLink .itemPic {position:absolute; left:0; top:0; padding: 0; width:40px; height:60px; z-index:2;}
+.item_blk .item_prod .item_state .itemLink .itemBrand {display:block; font-size:1rem; color:#888888; font-weight:300; margin-left:0; margin-right:0;}
+.item_blk .item_prod .item_state .itemLink .itemName {display:block; margin-top:0.5rem; font-size:1.3rem; max-height: 3.3rem; margin-left:0; margin-right:0; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 3.3rem; overflow: hidden; white-space: normal; overflow-wrap: break-word;}
+.item_blk .item_prod .item_state .itemLink .itemPrice{margin-left:0; margin-right:0;}
+/*select_custom > item_prod*/
+.select_custom .select .item_prod{margin:0; padding-right:0; overflow:hidden;}
+.select_custom .select .item_prod .item_state{display:block;}
+.select_custom .select .item_prod .itemLink{padding-left:0; display:block; height:auto;}
+.select_custom .select .item_prod .item_state .itemLink .itemPic{display:none;}
+.select_custom .select .item_prod .item_state .itemLink .itemPrice{display:none;}
+.select_custom .select .item_prod .item_state .itemLink .itemName{-webkit-line-clamp:1; font-size:1.3rem; padding-right:1rem;}
+.select_custom .item_prod {margin:15px 0; padding-right:4rem; line-height: 1.4;}
+.select_custom .item_prod .item_state {position: relative; display:table; width:100%; box-sizing: border-box;}
+.select_custom .item_prod .itemLink{position: relative; display:table-cell; width: 100%; height:60px; padding-left:59px; vertical-align: middle;}
+.select_custom .item_prod .item_state .itemLink .itemPic {position:absolute; left:0; top:0; padding: 0; margin-bottom:0; width:44px; height:66px; z-index:2;}
+.select_custom .item_prod .item_state .itemLink .itemBrand {display:block; padding-right: 4rem; font-size:1rem; color:#888888; font-weight:300;}
+.select_custom .item_prod .item_state .itemLink .itemName {max-height:none; margin:0; font-weight: 300;}
+.select_custom .item_prod .item_state .itemLink .itemName .tit_option{font-weight:500;}
+.select_custom .item_prod .item_state .itemLink .itemPrice{margin:0; margin-top:0.5rem;}
+.select_custom .item_prod .item_state .itemLink .itemPrice .itemPrice_original{margin-bottom:0; display:inline-block;}
+.select_custom.active .combo .list{display:block;}
+.select_custom.deal_opt_item .combo .list>li{border-bottom:1px solid #eee;}
+.select_custom.deal_opt_item .combo .list>li[data-soldout="true"]::after{top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
+.select_custom.deal_opt_item .combo .list{position:relative; top:0;}
+.select_custom.deal_opt_item .combo .list > li[aria-disabled="true"] a [class^="item"] {color:#bbb; text-decoration:line-through;} 
+.select_custom.deal_opt_item .combo .list > li[aria-disabled="true"] a img {opacity:0.3;}
+/* tab_detail_cont >  item_prod*/
+.tab_detail_cont .item_blk .item_prod .item_state .itemLink .itemBrand{padding-right:0; margin:0; margin-bottom:0.3rem;}
+.tab_detail_cont .item_blk .item_prod .item_state .itemLink .itemName{-webkit-line-clamp:1; padding-right:0; margin:0;}
+/* deal_list_select  >  item_prod*/
+.deal_list_select .item_prod .item_state .itemLink .itemBrand{padding-right:0; margin:0; margin-bottom:0.3rem;}
+.deal_list_select .item_prod .item_state .itemLink .itemName{-webkit-line-clamp:1; padding-right:0; margin:0;}
+
+.odPayment .paymentinfo .payinfo_blk .infotxt {display:none; max-height:190px; margin-top:20px; color:#888; font-size:14px; line-height:26px; overflow-y:scroll;}
+.odPayment .paymentinfo .payinfo_blk.on .infotxt {display:block; margin:0px 40px 40px;}
+.odPayment .area_paymentinfo .agree_payment {margin:40px 0 30px; color:#666; font-size:16px; font-weight:200;}
+.odPayment .area_paybtn .btn {height:80px; font-size:18px; font-weight:300;}
+
+
+/* ============================================ 전시 ============================================ */
+/* 전시공통 (타이틀,정렬,필터,네비,마지막리스트)*/
+.dp .dp_subtitle{margin-bottom: 2.4rem; font-size:1.6rem; 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:-1px; width:0.7rem; height:1.3rem; background:url(/images/mo/ico_dp_arrow.png) center center no-repeat; background-size:contain; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
+.dp .category_nav {margin-bottom:0 2rem -1.3rem; display: flex; justify-content: center; border-bottom:1px solid #eeeeee;}
+.dp .category_nav ul{padding:0 2rem; display:flex;}
+.dp .category_nav ul::after {content:''; display: block; clear: both;}
+.dp .category_nav ul li {margin-right:2rem; }
+.dp .category_nav ul li button {position: relative; padding:1.5rem 0; font-size:1.4rem; font-weight:300; color:#222;}
+.dp .category_nav ul li button:hover, 
+.dp .category_nav ul li button.active {color: #fd4802; font-weight:500;}
+.dp .category_nav ul li:hover button::after, 
+.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 .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(/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(/images/mo/icon_best_refresh.png) center center no-repeat; background-size:contain;}
+.dp .count_wrap {padding:2rem 0;}
+.dp .count_wrap:after{display:block; content:''; clear:both;}
+.dp .count_wrap div:nth-child(1) {float:left;}
+.dp .count_wrap div:nth-child(1) p {font-size:1.2rem; color:#888;}
+.dp .count_wrap div:nth-child(1) p span {color:#fd4802; font-weight:bold;}
+.dp .count_wrap div::nth-child(2) {float: right; }
+.dp .count_wrap div::nth-child(2) ul {display: flex;}
+.dp .count_wrap div::nth-child(2) ul li {margin-left:2rem;}
+.dp .count_wrap div::nth-child(2) ul li:first-child{margin-left:0;}
+.dp .count_wrap div::nth-child(2) ul li a {color:#888;}
+.dp .list_last{ padding: 2.5rem 0; font-size: 1.1rem; color: #888888; font-weight: 300; text-align: center; border-top:1px solid #f5f5f5;}
+
+/* 전시상품리스트 공통(default) */
+.dp .dp_list .sub_category{padding:0.8rem 0;}
+.dp .dp_list .sub_category .cate_wrap{white-space:nowrap; overflow-x:auto;}
+.dp .dp_list .sub_category .cate_wrap a{float:none; display:inline-block; margin-bottom:0;}
+.dp .dp_list .sub_category .cate_wrap a:first-child{margin-left:2rem;}
+.dp .dp_list .sub_category .cate_wrap a:last-child{margin-right:2rem;}
+.dp .dp_list .sub_category .cate_wrap a.on{border:1px solid #fe4904; color:#fe4904;}
+.dp .list_content .list_defult{display:none; text-align:center; padding:11rem 0;}
+.dp .list_content .list_defult p{text-align:center; font-size:1.3rem; color:#888888; font-weight:300;} 
+.dp .list_content .list_defult .btn{margin-top:2.4rem; font-size:1.1rem; height:3rem;}
+.dp .list_content .list_last{ padding: 2.5rem 0; font-size: 1.1rem; color: #888888; font-weight: 300; text-align: center; border-top:1px solid #f5f5f5;}
+.dp .list_content.nodata .lookbookGrp,
+.dp .list_content.nodata .itemsGrp,
+.dp .list_content.nodata .list_item,
+.dp .list_content.nodata .list_last{display:none;}
+.dp .list_content.nodata .list_defult{display:block;} 
+.dp .list_content .itemsGrp{padding-bottom:4rem;}
+.dp .itemsGrp .item_prod:nth-child(2n){margin-right: 0;}
+.dp .itemsGrp .item_prod {width: 48.75%; float: left; margin-right: 2.5%; margin-top: 4rem;}
+.dp .itemsGrp .item_prod:nth-child(1),
+.dp .itemsGrp .item_prod:nth-child(2){margin-top:0rem;}
+.dp .itemsGrp:after{display:block; content:''; clear:both;}
+
+/* 아울렛 서브메인 - dp_outlets */
+.dp .dp_outlets .outlets_visual img {width: 100%;}
+.dp .dp_outlets .outlets_visual .swiper-pagination-fraction {bottom: 4rem ; width:auto; left: 2rem; background: rgba(34,34,34,.5); color: #fff; font-weight: 300;padding:0.5rem 0.7rem; line-height: 1; font-size: 1.2rem; border-radius:2rem;}
+.dp .dp_outlets .outlets_visual .swiper-pagination-current {font-weight: 600;}
+.dp .dp_outlets .outlets_visual .txtWrap {position: absolute; left: 2rem; bottom: 9rem; color: fff;}
+.dp .dp_outlets .outlets_visual .txtWrap p {color: #fff; font-size: 3rem; font-weight: 500; line-height: 1.2;}
+.dp .dp_outlets .outlets_visual .txtWrap p.txt_xs {font-size: 1.4rem; margin-top: 1.6rem; font-weight: 300;}
+.dp .dp_outlets .dp_cate_list {}
+.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(/images/mo/ico_more_lg.png) no-repeat right 2rem center; border-bottom:1px solid #ddd; box-sizing:border-box; }
+.dp .dp_outlets .dp_cate_list a:nth-child(2n){ border-left:1px solid #ddd;}
+.dp .dp_outlets .md_item {padding:4rem 2rem 0; margin-bottom: 6rem;}
+.dp .dp_outlets .md_item .swiper-slide {width: 43.75%;}
+.dp .dp_outlets .md_item .swiper-container {overflow: initial;}
+.dp .dp_outlets .best_item {margin-bottom: 2rem;}
+.dp .dp_outlets .best_item .itemsGrp:after {content:''; display: block; clear:both;}
+.dp .dp_outlets .best_item .itemsGrp .item_prod {width: 48.75%; float:left; margin-right: 2.5%; margin-bottom: 4rem;}
+.dp .dp_outlets .best_item .itemsGrp .item_prod:nth-child(2n) {margin-right: 0;}
+.dp .dp_outlets .md_item .dp_subtitle, 
+.dp .dp_outlets .best_item .dp_subtitle {text-align: center; margin-bottom: 2.4rem;}
+
+/* 룩북 - dp_lookbook */
+.dp .dp_lookbook .count_wrap {padding: 1.5rem 0 2rem;}
+.dp .dp_lookbook .swiper_filter.brand{position:relative; margin-bottom:2rem;}
+.dp .dp_lookbook .swiper_filter.brand .cate_wrap{white-space:nowrap; overflow-x:auto; background-color:#fff; font-size:0;}
+.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:1px 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(/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:1px solid #333; color:#000;}
+.dp .dp_lookbook .swiper_filter.brand .btnbox{
+    position:absolute; right:0; top:0; width:6rem; height:100%; background-color:#fff; text-align:right; font-size:0;
+    background: -moz-linear-gradient(left,  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%);
+    background: -webkit-linear-gradient(left,  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%);
+    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(/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; margin-bottom:6rem;}
+.dp .dp_lookbook .event_con li:first-child {margin-top:0;}
+.dp .dp_lookbook .event_con li .ev_img {position: relative; padding-bottom:100%; margin-bottom:2rem; }
+.dp .dp_lookbook .event_con li .ev_img img {position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); width: 100%; height: auto;}
+.dp .dp_lookbook .event_con li .ev_txt .brand {margin-bottom:0.5rem; font-size:1.1rem; color: #888; font-weight: 300;}
+.dp .dp_lookbook .event_con li .ev_txt .tit {font-size:1.4rem; color: #000; font-weight: 500;}
+.dp .dp_lookbook_item{}
+.dp .dp_lookbook_item img{width:100%;}
+.dp .dp_lookbook_item .txt .tit{    display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  margin:1.5rem 0 0;
+  min-height: 3.3rem;
+  max-height: 3.3rem;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-size:1.2rem;
+  line-height: 1.4;
+  color: #222;
+  font-weight: 300;
+  word-break: keep-all;
+}}
+
+/* 베스트 - dp_best */
+.dp .dp_best .count_wrap{padding-top:0;}
+.dp .dp_best .view_item .dp_subtitle{text-align:left; font-size:1.6rem; margin-bottom: 2rem;}
+.dp .dp_best .view_item .dp_subtitle span{color:#fd4802;}
+.dp .dp_best .view_item {padding:3rem 0 4rem;}
+.dp .dp_best .view_item .swiper-slide {width: 43.75%;}
+.dp .dp_best .view_item .swiper-container {overflow: initial;}
+.dp .dp_best .view_item .count_wrap div:first-child p{font-size:1.6rem; color:#222;}
+.dp .dp_best .view_item .count_wrap div:first-child p span{font-weight:500;}
+.dp .dp_best .best_item {margin:6rem 0 2rem;}
+.dp .dp_best .best_item .dp_subtitle {text-align: center; margin-bottom: 2.4rem;}
+.dp .dp_best .best_item .itemsGrp:after {content:''; display: block; clear:both;}
+.dp .dp_best .best_item .itemsGrp .item_prod {width: 48.75%; float:left; margin-right: 2.5%; margin-bottom: 4rem;}
+.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:4rem; background: url(/images/mo/thumb/hotdeal_bg.png)no-repeat center center; background-size:cover;}
+.dp_hotdeal .hotdeal #countdown{position: absolute; padding:0 6.1vw; height:10.1vw; line-height:10.1vw; border-radius:10.1vw;; border:1px 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(/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;}
+.dp_hotdeal .itemsGrp.rowtype .item_prod {width:100%}
+.dp_hotdeal .itemsGrp.rowtype .item_prod:nth-child(2n) {margin-right: 0;}
+.dp_hotdeal .itemsGrp.rowtype .item_prod .itemBadge, 
+.dp_hotdeal .itemsGrp.rowtype .item_prod .itemcolorchip {display: none;}
+.dp_hotdeal .itemsGrp.rowtype .item_prod .item_state {display: table; padding-left:17.6rem; padding-bottom: 0; height:23.4rem; width: 100%;}
+.dp_hotdeal .itemsGrp.rowtype .item_prod .itemLink {display: table-cell; position: static; vertical-align: middle; padding-top:3.7rem;}
+.dp_hotdeal .itemsGrp.rowtype .item_prod .itemLike {z-index: 99;}
+.dp_hotdeal .itemsGrp.rowtype .item_prod .itemPic {position: absolute; top: 0; left: 0; margin-bottom: 0; padding-top: 0; width:15.6rem; height:23.4rem;}
+.dp_hotdeal .itemsGrp.rowtype .item_prod .shape {padding:0.3rem 1rem; width:auto; height:auto; max-width:4rem; min-height:auto; border-radius:2rem;}
+.dp_hotdeal .itemsGrp.rowtype .item_prod .shape span{position:relative; width:auto; left:0; top:0; text-indent:0; transform:translate(0);}
+.dp_hotdeal .itemsGrp.rowtype .item_prod .shape:after{display:none;}
+.dp_hotdeal .itemsGrp.rowtype .item_prod .itemPic::after {background: #f5f5f5; opacity:1; z-index: 87;}
+.dp_hotdeal .itemsGrp.rowtype .item_prod .itemPic .pd_img {z-index: 88;}
+.dp_hotdeal .itemsGrp.rowtype .item_prod.sold_out .itemPic:before {content:'SOLD OUT'; position: absolute; top: 50%; left: 50%; font-size:1.4rem; color:#fff; font-weight:bold; background: rgba(0,0,0,.5); width: 100%; height: 100%; transform:translate(-50%, -50%); line-height:23.4rem;; z-index: 99; text-align: center;}
+.dp_hotdeal .itemsGrp.rowtype .item_prod .shape{position:absolute; left:17.6rem; top:2rem;}
+.dp_hotdeal .itemsGrp.rowtype .item_prod .itemBrand {margin:0 0 1rem;}
+.dp_hotdeal .itemsGrp.rowtype .item_prod .itemComment {position: absolute; left:17.6rem; top:11rem; margin:0;}
+.dp_hotdeal .itemsGrp.rowtype .item_prod .itemName {margin:0;}
+.dp_hotdeal .itemsGrp.rowtype .item_prod .itemPrice {margin:4rem 0 1rem;}
+.dp_hotdeal .itemsGrp.rowtype .item_prod .itemPrice_original {margin:0 0 0.7rem;}
+.dp_hotdeal .itemsGrp.rowtype .item_prod .itemPercent {margin:0; font-size:1.8rem; font-weight:bold;}
+.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(/images/mo/ico_shopbag.png) center center no-repeat; background-size:contain; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
+
+/* 기획전 - dp_exhibition */
+.dp .dp_exhibition .list_content .itemsGrp.n3{margin-bottom:0; padding-bottom:0;}
+.dp .dp_exhibition .list_content .itemsGrp.n3 .item_prod {width: 31.666%; float: left; margin-right: 2.5%; margin-top:0;}
+.dp .dp_exhibition .list_content .itemsGrp.n3 .item_prod:nth-child(2n) {margin-right: 2.5%;}
+.dp .dp_exhibition .list_content .itemsGrp.n3 .item_prod:nth-child(3n) {margin-right:0;}
+.dp .dp_exhibition .list_content .itemsGrp.n3 .item_prod{margin-bottom:0;}
+.dp .dp_exhibition .list_content .list_item > div{margin-bottom:6rem;}
+.dp .dp_exhibition .list_content .list_item .visual{position:relative; margin-bottom:2rem;}
+.dp .dp_exhibition .list_content .list_item .visual img {width: 100%;}
+.dp .dp_exhibition .list_content .list_item .visual .txtWrap {position: absolute; left: 2rem; bottom: 4rem; color: fff;}
+.dp .dp_exhibition .list_content .list_item .visual .txtWrap p {color: #fff; font-size: 2.4rem; font-weight: 500; line-height: 1.2;}
+.dp .dp_exhibition .list_content .list_item .visual .txtWrap p.txt_xs {font-size: 1.2rem; margin-top:1.6rem; font-weight: 300;}
+
+/* 기획전 - dp_detail-case */
+.dp .dp_exhibition .dp_subtitle{padding-top:4rem;}
+.dp .dp_exhibition{background-color:#f5f5f5;}
+.dp .dp_exhibition .inner{padding-bottom: 4rem; margin-bottom: 1.3rem; background-color:#fff; }
+.dp .dp_exhibition .inner:first-child{padding-bottom:0; margin-bottom:0;}
+.dp .dp_exhibition .inner:last-child{padding-bottom: 4rem;}
+.dp .dp_exhibition .inner.bg_gray{background-color:#f5f5f5;}
+.dp .dp_exhibition .items_option{padding-top:4rem;}
+.dp .dp_exhibition .items_option .select{display:block;}
+.dp .dp_exhibition .shar_box{position:relative; padding:2rem;}
+.dp .dp_exhibition .shar_box .p{font-size:1.4rem; color:#222; font-weight:500;}
+.dp .dp_exhibition .shar_box .sns_share{position:absolute; right:2rem; top:50%; width:1.4rem; height:1.6rem; font-size:0; text-indent:-999999px; background:url(/images/mo/ico_sns_share.png) center center no-repeat; background-size:contain; -webkit-transform:translateY(-50%); transform:translateY(-50%)}
+.dp .dp_exhibition .banner_item{margin-bottom:-5.3rem;}
+.dp .dp_exhibition .banner_item .dp_banner_slide{background-color:#fff;}
+.dp .dp_exhibition .dp_listItems_slide .swiper-container.item01 .swiper-slide{padding:0 14%}
+.dp .dp_exhibition .dp_listItems_slide .swiper-container.item01 .swiper-slide .item_prod .itemPercent{font-size:2.4rem;}
+.dp .dp_exhibition .dp_listItems_slide .swiper-container.item01 .swiper-slide .item_prod .itemName{font-size:1.3rem; max-height:3.5rem;}
+.dp .dp_exhibition .dp_listItems_wrap .list_content .itemsGrp{margin-bottom:-4rem;}
+.dp .dp_exhibition .dp_listItems_wrap .itemsGrp .item_prod:last-child{margin-bottom:0;}
+.dp .dp_exhibition .dp_banner_slide .swiper-container.dp_lookbook_case1{margin-top:6rem;}
+.dp .dp_exhibition .dp_listItems_wrap .btn_default{margin-top:4rem;}
+.dp .dp_exhibition .dp_listItems_wrap .btn_default:after{content:''; display:inline-block; margin-left:0.8rem; width:1.1rem; height:0.7rem; background:url(/images/mo/ico_btn_more.png) center center no-repeat; background-size:contain;}
+.dp .dp_exhibition .big_banner {position:relative; width:100%; height:131vw; background: url(/images/mo/thumb/detail_case_bg.png) center center no-repeat; background-size: cover;}
+.dp .dp_exhibition .big_banner .infoWrap{position:absolute; bottom:8vw; left:0; width:100%; padding:0 3vw;}
+.dp .dp_exhibition .big_banner .infoWrap .cnUrl{margin:0 -1.2vw; overflow:hidden;}
+.dp .dp_exhibition .big_banner .infoWrap .cnUrl > li{padding:2vw 1.2vw 0; float:left; width:50%; box-sizing:border-box;}
+.dp .dp_exhibition .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 .dp_exhibition .big_banner .infoWrap .cnUrl > li a span{position:relative; display: block; padding-right:3.2vw; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
+.dp .dp_exhibition .big_banner .infoWrap .cnUrl > li a span:after{content:''; display:inline-block; position:absolute; right:0; top:50%; width:2vw; height:3vw; background:url(/images/mo/ico_dpbanner_arrow.png) center center no-repeat; background-size:contain; vertical-align:middle; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
+.dp .dp_exhibition .big_banner_slide .swiper-slide img{width:100%;}
+.dp .dp_exhibition .big_banner_slide .swiper-pagination{position:relative; margin-top:2.4rem; bottom:0;}
+.dp .dp_exhibition .big_banner_slide .swiper-pagination .swiper-pagination-bullet-active{background-color:#fd4802;}
+.dp .dp_exhibition .foot_banner_slide .swiper-container{overflow:initial;}
+/* dp_detail-case - 쿠폰 */
+.dp .coupon_list {margin-bottom:3rem;}
+.dp .coupon_list li {position: relative; position: relative; margin-top:3rem; overflow: hidden;}
+.dp .coupon_list li:first-child{margin-top:0;}
+.dp .coupon_list li .cp_top {position: relative; overflow: hidden;}
+.dp .coupon_list li .cp_detail { z-index: 99; border:1px solid #ddd; border-bottom: 0; padding: 2.4rem 2.2rem;}
+.dp .coupon_list li .cp_detail .tit {margin-bottom:0.2rem; font-size:1.3rem;}
+.dp .coupon_list li .cp_detail .sale_t {display: block; color: #fd4802; font-size: 30px; margin-bottom:1rem;}
+.dp .coupon_list li .cp_detail .sale_t span {font-weight: 600;}
+.dp .coupon_list li .cp_detail .sale_t.won_t {font-size:2.1rem; line-height: 1;}
+.dp .coupon_list li .cp_detail .sale_t.won_t span {font-size: 30px;}
+.dp .coupon_list li .cp_detail .cp_cont {margin-bottom: 0; font-weight: 300; color: #888; font-size:1.2rem; line-height: 1.5; min-height: 36px; word-break: keep-all;}
+.dp .coupon_list li .cp_detail .cp_cnt {display: none; background: #fff5f3; margin-top:0.5rem; padding:5px 8px; border:1px solid #fd4802; font-size: 10px; color: #fd4802 !important; font-weight: 500;}
+.dp .coupon_list li .cp_shape {position: absolute; top: 50%; right: -13px; z-index: 101; width: 26px; height: 26px; margin-top: -13px; border:1px solid #ddd; background: #fff; border-radius: 50%; z-index: 96;}
+.dp .coupon_list li .cp_date {border:1px 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(/images/pc/ico_cp_down.png) no-repeat right top; padding-right: 28px;}
+.dp .coupon_list li.off .cp_date {border:1px solid #aaa; background: #aaa;}
+.dp .coupon_list li.off .cp_date button span {background:none; padding-right: 0;}
+.dp .coupon_list li .cp_info {text-align: center; margin-top:1.3rem;}
+.dp .coupon_list li .cp_info button span {display: inline-block; border-bottom: 1px solid #888; font-size:1.1rem; color: #888;}
+.dp .dp_coupon_wrap .dp_coupon_list {display: flex; justify-content: center; flex-wrap: wrap; max-width: 1580px; min-width: 1580px; padding: 0 260px 120px; margin: 0 auto; box-sizing: border-box;}
+.dp .dp_coupon_wrap .dp_coupon_tip {max-width: 1580px; margin: 0 auto; padding: 60px 60px 0 60px; box-sizing: border-box; display: flex;  border-top: 1px solid #ddd;}
+.dp .dp_coupon_wrap .dp_coupon_tip .dp_coupon_notice::before {content:''; display: block; width:36px; height: 46px; margin: 0 auto; background: url(/images/pc/ico_null.png)no-repeat;}
+.dp .dp_coupon_wrap .dp_coupon_tip .dp_coupon_notice::after {content:'유의사항'; display: inline-block; margin-top: 20px; color:#888;}
+.dp .dp_coupon_wrap .dp_coupon_tip ul {margin-left: 90px;}
+.dp .dp_coupon_wrap .dp_coupon_tip ul li {position: relative; padding-left: 12px; margin-bottom: 12px; color:#888;}
+.dp .dp_coupon_wrap .dp_coupon_tip ul li:last-child {margin-bottom: 0;}
+.dp .dp_coupon_wrap .dp_coupon_tip ul li::before {content:''; position: absolute; width:2px; height: 2px; top:46%; left:0; transform: scaleY(-50%); background: #888;}
+.dp .dp_coupon_wrap .announce_txt {position: relative; margin: 0 auto; padding-top: 30px; border-top:1px solid #dddddd;}
+.dp .dp_coupon_wrap .announce_txt .note_txt p{color:#666;}
+.dp .dp_coupon_wrap .announce_txt .announce_list{padding-bottom:2.7rem; padding-top:1rem;}
+/* dp_detail-case - 리뷰 */
+.dp .dp_exhibition .dp_review{text-align:center;}
+.dp .dp_exhibition .dp_listItems_wrap .btn{width:100%;}
+.dp .dp_exhibition .dp_listItems_slide .swiper-container.item01 .swiper-pagination{position:relative; margin-top:2.4rem; bottom:0;}
+.dp .dp_exhibition .dp_listItems_slide .swiper-container.item01 .swiper-pagination .swiper-pagination-bullet-active{background-color:#fd4802;}
+.dp .dp_exhibition .dp_listItems_slide .swiper-container.item02{overflow: initial;}
+.dp .dp_exhibition .dp_banner_slide .swiper-container.dp_lookbook_case1 .swiper-pagination{position:relative; margin-top:2.4rem; bottom:0;}
+.dp .dp_exhibition .dp_banner_slide .swiper-container.dp_lookbook_case1 .swiper-pagination-bullet-active{background-color:#fd4802;}
+.dp .dp_exhibition .review .swiper-container{overflow: initial;}
+.dp .dp_exhibition .review .swiper-container .swiper-slide > div{border:1px solid #eee;}
+.dp .dp_exhibition .review .best_review {position:relative; text-align:center;}
+.dp .dp_exhibition .review .best_review:after{content:''; display:block; position:absolute; bottom:0; left:2rem; right:2rem; height:1px; background-color:#eee;}
+.dp .dp_exhibition .review .best_review a {display:block; position:relative; background-color:#fff;}
+.dp .dp_exhibition .review .best_review a .info .star_score .star {display:inline-block; position:relative; width:83px; height:14px; background:#ddd;}
+.dp .dp_exhibition .review .best_review a .info .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:1.5rem; background:url('/images/pc/star_empty.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
+.dp .dp_exhibition .review .best_review a .info .star_score .star .progbar {display:inline-block; height:14px; background:#fd4802; vertical-align:top;}
+.dp .dp_exhibition .review .best_review a .info .star_score .ico {margin-left:10px}
+.dp .dp_exhibition .review .best_review a .info .star_score .ico::before {vertical-align:inherit;}
+.dp .dp_exhibition .review .best_review a .info .star_score{margin-bottom:1rem;}
+.dp .dp_exhibition .review .best_review a .info .star_score .star{vertical-align:middle;}
+.dp .dp_exhibition .review .best_review a .info .txt_best_review p{height:5.5rem; overflow:hidden; line-height:1.6; color:#666; font-size:1.3rem; font-weight:200; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
+.dp .dp_exhibition .review .best_review a .info .txt_best_review p{font-size:1.2rem; color:#666;  display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; white-space: normal; overflow-wrap: break-word;}
+.dp .dp_exhibition .review .best_review a .pic{position:relative;}
+.dp .dp_exhibition .review .best_review a .pic .thumb {display:block; padding-top:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
+.dp .dp_exhibition .review .best_review a .pic .thumb.mov::after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3) url('/images/pc/ico_play.png') no-repeat 50% 50%; z-index:2;}
+.dp .dp_exhibition .review .best_review a .info{padding:2rem; text-align:left;}
+.dp .dp_exhibition .review .best_review a .info .writer {margin-top:1.3rem;}
+.dp .dp_exhibition .review .best_review a .info .writer span {position:relative; margin-left:1.1rem; padding-left:1.1rem; color:#888; font-size:1.1rem;}
+.dp .dp_exhibition .review .best_review a .info .writer span::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); height:8px; width:1px; background:#ddd;}
+.dp .dp_exhibition .review .best_review a .info .writer span:first-child {margin-left:0; padding-left:0}
+.dp .dp_exhibition .review .best_review a .info .writer span:first-child::after {display:none;}
+.dp .dp_exhibition .review .product_view{padding:2rem; background-color:#fff;}
+.dp .dp_exhibition .review .product_view .item_prod {text-align:left;}
+.dp .dp_exhibition .review .product_view .item_prod .item_state {position: relative; display:table; width:100%; box-sizing: border-box;}
+.dp .dp_exhibition .review .product_view .item_prod .itemLink{position: relative; display:table-cell; width: 100%; height:60px; padding-left:56px; vertical-align: middle;}
+.dp .dp_exhibition .review .product_view .item_prod .item_state .itemLink .itemPic {position:absolute; left:0; top:0; padding: 0; width:40px; height:60px; z-index:2;}
+.dp .dp_exhibition .review .product_view .item_prod .item_state .itemLink .itemBrand {display:block; font-size:1rem; color:#888888; font-weight:300; margin-left:0; margin-right:0;}
+.dp .dp_exhibition .review .product_view .item_prod .item_state .itemLink .itemName {display:block; margin-top:0.5rem; font-size:1.3rem; max-height: 3.3rem; margin-left:0; margin-right:0; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; max-height: 3.3rem; overflow: hidden; white-space: normal; overflow-wrap: break-word;}
+.dp .dp_exhibition .review .product_view .item_prod .item_state .itemLink .itemPrice{margin-left:0; margin-right:0;}
+.dp .dp_exhibition .review .product_view .item_prod .item_state .itemLink .itemPrice .itemPrice_sale{font-weight:700;}
+.dp .dp_exhibition .review .swiper-container .swiper-slide{box-shadow:0 0 10px rgba(0,0,0,0.2);}
+.dp .dp_exhibition .review .swiper-container .swiper-pagination-fraction {position: relative; display:inline-block; margin-top:2rem; bottom:0; width:auto; background: rgba(34,34,34,.5); color: #fff; font-weight: 300; padding:0.5rem 0.7rem; line-height: 1; font-size: 1.2rem; border-radius:2rem;}
+.dp .dp_exhibition .review .swiper-container .swiper-pagination-current {font-weight: 600;}
+
+/* .dp > .dp_util > select 커스텀 (전시공통) */
+.dp .dp_util .select {cursor: pointer;display: inline-block;position: relative;top:-1px; font-size: 1.2rem;color: #333333;width: 100%;height:1.6rem; line-height:1.6rem;}
+.dp .dp_util .select+.select{margin-left: 10px;}
+.dp .dp_util .select_hidden {display: none;visibility: hidden;padding-right: 10px;}
+.dp .dp_util .select_dress {
+  position: relative;top: 0;right: 0;bottom: 0;left: 0;padding:0 15px 0 3px;
+  background-color: #ffffff;border: 1px solid #fff;box-sizing: border-box;
+  -moz-transition: all 0.05s ease-in;-o-transition: all 0.05s ease-in;
+  -webkit-transition: all 0.05s ease-in;transition: all 0.05s ease-in;
+}
+.dp .dp_util .select_dress:after {
+  content: "";width: 0;height: 0;box-sizing: border-box;position: absolute;top:5px;right:0;
+  border: 5px solid transparent; border-color: #222222 transparent transparent transparent;  
+}
+.dp .dp_util .select_options {
+  display: none;position: absolute;top:2rem;right: 0;left: 0;z-index: 2;
+  margin: 0;padding: 0;list-style: none;background-color: #ffffff;
+  box-sizing: border-box;border:0;border-top: 0px solid #222222;
+}
+.dp .dp_util .select_options li {
+  margin: 0;padding:3px 3px;text-indent:0; display:block; text-align:left;
+  -moz-transition: all 0.08s ease-in;-o-transition: all 0.08s ease-in;
+  -webkit-transition: all 0.08s ease-in;transition: all 0.08s ease-in;
+}
+.dp .dp_util .select_options li:hover{background-color: #dddddd;}
+.dp .dp_util .select_options li[rel="hide"] {display: none;}
+.dp .dp_util .select_options li.disabled {text-decoration:line-through; background:#f5f5f5; color:#bbb}
+.dp .dp_util .select_options li.disabled:hover,
+.dp .dp_util .select_options li.disabled:active {cursor:default;}
+.dp .dp_util .select_dress:active:after, .dp .dp_util .select_dress.active:after {top:0;border-color: transparent transparent #222 transparent;}
+
+
+/* 전시제품메뉴 공통 */
+.dp .nav_box{position:fixed; width:100%; height:100%; top:5.5rem; left:0; background:rgba(0,0,0,.5); z-index:600;}
+.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(/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 {}
+.dp .nav_box .nav ul > li {}
+.dp .nav_box .nav ul > li .daps1{display:block; font-size:1.4rem; color:#666; font-weight:300; line-height:5rem; border-bottom:1px 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;}
+.dp .nav_box .nav ul > li .daps2 li.on > a{color:#fd4802; font-weight:500; line-height:5rem;}
+
+/* 전시 카테고리 공통 */
+.dp .category_open{position:relative; padding: 1.1rem 1.5rem; font-size:1.3rem; color:#222; font-weight: 300; text-align:left; background-color: #ffffff; border: 1px solid #dddddd; box-sizing: border-box;}
+.dp .category_open:after {content: ""; width: 0; height: 0; box-sizing: border-box; position: absolute; top: 1.8rem; right: 1.5rem; border: 6px solid transparent; border-color: #888888 transparent transparent transparent;}
+.dp .category_box{visibility:hidden; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.5); z-index:500;}
+.dp .category_box.active{visibility:visible;}
+.dp .category_box .lap{position:absolute; bottom:0; left:0; padding:3rem 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(/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 {}
+.dp .category_box .selcet_list ul li {margin-top:0.8rem; padding:0.9rem 1rem; background:#fff; text-align:center; border:1px solid #eee; border-radius:4rem;;}
+.dp .category_box .selcet_list ul li a {display:inline-block; color:#666; font-size:1.3rem; font-weight:300; color:inherit;}
+.dp .category_box .selcet_list ul li.active{border-color:#fd4802; color:#fd4802; font-weight:500;}
+/* 브랜드옵션팝 */
+.dp .category_box.brand .lap{padding-bottom:0;}
+.dp .category_box.brand .lap .category_list{padding-bottom:3rem;}
+/* 룩북옵션팝 */
+.dp .category_box.lookbook .lap{padding-bottom:0;}
+.dp .category_box.lookbook .category_list{max-height:30rem;}
+.dp .category_box .category_list .selcet_list{padding-bottom:2rem;}
+.dp .category_box.lookbook .lap .category_list{padding-bottom: 6rem;}
+/* 플롯팅 메뉴 > 구매하기 */
+.dp .category_floormenu{position:fixed; bottom:0; left:0; width:100%; height:5.8rem; line-height:5.8rem; z-index:20;}
+.dp .category_floormenu > div{float:left; color:#fff; text-align:center;}
+.dp .category_floormenu > div:nth-child(1){width:37%; background:#000}
+.dp .category_floormenu > div:nth-child(2){width:63%; background-color:#fd4802;}
+.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; width:1.4rem; height:1.4rem; background:url(/mages/mo/ico_filter_reset_w.png) center center no-repeat; background-size:contain;}
+
+/* 필터기능 네비(전시공통) */
+.filter_box{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); z-index: 100; visibility:hidden;}
+.filter_box.active{visibility:visible;}
+.filter_box.active .filter_list{right:0;}
+.filter_list{font-size:1.4rem; background:#fff; position:fixed; top:0; right:-80%; width:80%; height:100%; transition:right 0.4s;}
+.filter_list::after{content:''; display: block; clear:both;}
+.filter_list .form_field{display:block;}
+.filter_list .form_field input[type="checkbox"] + label {display: block; position: relative; padding-left:0; padding-right: 26px; cursor: pointer; font-size: 12px; line-height: 1.4; font-weight: 300; letter-spacing: 0;}
+.filter_list .form_field div label span{color:#222!important;}
+.filter_list .form_field input[type="checkbox"] + label:before{left:auto; right:0}
+.filter_list .form_field input[type="checkbox"]:checked + label:after{left:auto; right:0}
+.filter_top{position: absolute; left:0; top:0; width:100%; padding:0 2rem; height:5rem; line-height:5rem; z-index:2;}
+.filter_top:after{content:''; display:block; clear:both;}
+.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:12px; height:12px; background: url(/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(/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:1px solid #eeeeee;}
+.filter_header .form_field > div label{padding:1.2rem 0;}
+/* 메뉴부분 */
+.filter_body > ul li a{position:relative; padding:1rem 2rem; display:block; color:#222; font-size:1.4rem; font-weight: 300;}
+.filter_body > ul > li{border-bottom:1px solid #eeeeee;}
+.filter_body > ul > li > a{display:block; padding:2rem 2rem;}
+.filter_body > ul > li .daps1{position:relative; background-color:#fff}
+.filter_body > ul > li .daps2{display:none; background-color:#f5f5f5; border-top:1px solid #eeeeee; }
+.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(/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(/images/mo/ico_bracket2.png) 4rem 40% no-repeat;}
+.filter_body > ul > li a.on{color:#fd4801;}
+.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(/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;}
+.filter_body > ul > li .sizebox > li label{position:relative; display:block; float:left; margin:2% 0 0 2% ; width:32%; height:33px; line-height:33px; text-align:center; background-color:#fff;}
+.filter_body > ul > li .sizebox > li label input{position:absolute; top:0; right:0; opacity:0; width:0; height:0;}
+.filter_body > ul > li .sizebox > li label span{position:absolute; top:0; bottom:0; left:0; right:0; color:#222; border:1px solid #dddddd; box-sizing:border-box;}
+.filter_body > ul > li .sizebox > li label input:checked + span{border-color:#222;}
+.filter_body > ul > li .sizebox > li label:nth-of-type(3n+1){margin-left:0;}
+.filter_body > ul > li .sizebox strong{display:block;}
+/* 필터세부사항(컬러) */
+.filter_body > ul > li .colorbox{padding:2rem 1rem; display:flex; flex-wrap: wrap;}
+.filter_body > ul > li .colorbox li {margin:0.5rem 0.5rem;}
+.filter_body > ul > li .colorbox li .color-check input {position: absolute; display: block;overflow: hidden; height: 1px; width: 1px; clip: rect(1px, 1px, 1px, 1px);}
+.filter_body > ul > li .colorbox li .color-check [class*="pdColor"], 
+.filter_body > ul > li .filter_content [class*="pdColor"] {position: relative; display: inline-block; width:2.4rem; height: 2.4rem; cursor: pointer;}
+.filter_body > ul > li .colorbox li [class*="pdColor"]:before {content: ""; display: inline-block; width: 100%; height: 100%; border-radius: 50%; box-sizing: border-box;}
+.filter_body > ul > li.color .daps1 span [class*="pdColor"]{position:relative; display:inline-block; margin-left:0.5rem; width:1.2rem; height:1.2rem; border-radius:50%; overflow:hidden;}
+.filter_body > ul > li.color .daps1 span [class*="pdColor"]:before{content:''; position:absolute; top:0; left:0; display:block; width:100%; height:100%; cursor: pointer; vertical-align:top;}
+.pdColor-color01::before {background-color: #000;}
+.pdColor-color02::before {background-color: #7f7f7f;}
+.pdColor-color03::before {background-color: #ff0306;}
+.pdColor-color04::before {background-color: #f98473;}
+.pdColor-color05::before {background-color: #ff99ec;}
+.pdColor-color06::before {background-color: #9c1d88;}
+.pdColor-color07::before {background-color: #9c5a28;}
+.pdColor-color08::before {background-color: #655611;}
+.pdColor-color09::before {background-color: #ffffaf;}
+.pdColor-color10::before {background-color: #ff8700;}
+.pdColor-color11::before {background-color: #012061;}
+.pdColor-color12::before {background-color: #0170c1;}
+.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(/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;}
+.modal.dp_pop.bulletShip_pop .ico-area{text-align:center;}
+.modal.dp_pop.bulletShip_pop .impossible-popup{text-align:center;}
+/* dp_Bulletship .Bulletship_body */
+.Bulletship_head img{width:100%;}
+.dp_Bulletship .ico-area {width:4.1rem; padding-top:4rem; margin:0 auto;}
+.dp_Bulletship .txt-area {position:relative; margin-top:1rem; text-align:center;}
+.dp_Bulletship .bulltetship-time {font-size:1.3rem; color:#555;}
+.dp_Bulletship .bulltetship-check {margin:1.2rem 0 2rem; font-size:2.4rem; font-weight:900;}
+.dp_Bulletship .bulltetship-disc {margin:1.6rem 0 0; font-size:1.1rem;}
+/* popup */
+.bulletship-possible {display:block; z-index:100; top:0; left:0; width:100%; background-color:#fff;}
+.bulletship-possible.no {display:block; z-index:100;}
+.input-address {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; width:100%; height:6.8rem; border:none; text-align:center; background-color:#f5f5f5; color:#797979; font-size:1.3rem;}
+.dim-area {display:block; z-index:200; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0, .5); filter:blur(.5);}
+.dim-area .my-inner {position:fixed; top:25%; /* top:50%; */ left:50%; transform:translate(-50%, -50%); width:32rem; height:36.5rem; padding:0 2rem; box-sizing:border-box; background-color:#fff;}
+.dim-area .my-inner .ico-area {margin-bottom:.8rem;}
+.possible-popup {text-align:center;}
+.possible-popup.disp-on {display:block;}
+/* .impossible-popup {position:absolute; top:7rem; left:50%; transform:translateX(-50%); width:100%; padding:0 2rem; box-sizing:border-box; text-align:center;} */
+.impossible-popup.disp-on {display:block;}
+.bullet-pop-btn {position:absolute; top:2.6rem; right:2rem; width:1.6rem; height:1.6rem; border:0; background-color:transparent;}
+.bullet-pop-btn::before {content:''; display:block; position:absolute; transform:rotate(45deg); width:100%; height:1px; background-color:#000;}
+.bullet-pop-btn::after {content:''; display:block; position:absolute; transform:rotate(-45deg); width:100%; height:1px; background-color:#000;}
+.possible-notice {padding-top:2rem; font-size:1.1rem;}
+.continue-shopping {display:block; position:absolute; left:0; bottom:0; width:100%; height:4.5rem; background-color:#000; color:#fff; text-align:center; line-height:4.5rem;}
+.list-popup {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; padding:3rem 2rem; box-sizing:border-box; background-color:#fff;}
+.list-popup .bullet-pop-btn {position:absolute; top:-2rem; left:50%; transform:translateX(-50%);}
+.list-popup .bullet-pop-btn::before {background-color:#fff;}
+.list-popup .bullet-pop-btn::after {background-color:#fff;}
+.mo-list-btn {display:block; width:100%; margin-bottom:.8rem; padding:1.4rem 0; box-sizing:border-box; border:.3rem solid #eee; border-radius:30px; font-size:1.4rem; text-align:center;}
+.mo-list-btn:last-child {margin-bottom:0;}
+.mo-list-btn:active,
+.mo-list-btn:checked,
+.mo-list-btn:hover {border-color:#fd4802; color:#fd4802;}
+/* dp_Bulletship .Bulletship_foot */
+.dp_Bulletship .Bulletship_foot {background-color:#f5f5f5;}
+.dp_Bulletship .Bulletship_foot .inner.custom-inner {padding-bottom:0;}
+.dp_Bulletship .Bulletship_foot ul li {display:flex;}
+.dp_Bulletship .Bulletship_foot ul li + li {margin:1.5rem 0;}
+.dp_Bulletship .Bulletship_foot .img-box {margin-right:2rem;}
+.dp_Bulletship .Bulletship_foot img {width:7.5rem; height:7.5rem;}
+.dp_Bulletship .Bulletship_foot .txt-box {display:flex; flex-wrap:wrap; flex-direction:column; align-content:flex-start; justify-content:center; text-align:left;}
+.dp_Bulletship .Bulletship_foot .tit {font-size:1.4rem; font-weight:900;}
+.dp_Bulletship .Bulletship_foot .disc {font-size:1.2rem;}
+.mo-only {display:none;}
+@media (max-width:320px) {
+    .mo-only {display:block;}
+}
+.dp_Bulletship .bullet-styicky_nav {margin:4rem 0;}
+.dp_Bulletship .item_header {text-align:center;}
+.dp_Bulletship .item_header h4 {font-size:1.6rem; font-weight:900;}
+.dp_Bulletship .itemGrp {display:flex;}
+.dp_Bulletship .itemGrp .mo-item_prod {margin-bottom:4rem;}
+.dp_Bulletship .itemGrp .itemName {text-transform:uppercase;}
+.dp_Bulletship .itemGrp .itemPrice {font-size:1rem; text-decoration:line-through}
+.dp_Bulletship .itemGrp .salePrice {display:flex; justify-content:space-between; align-content:center; margin:0 .5rem; font-size:1.5rem; font-weight:900;}
+.dp_Bulletship .itemGrp .itemBadge {display:flex; align-items:center;}
+.dp_Bulletship .itemGrp .itemBadge .badge13 {font-size:.9rem;}
+.dp_Bulletship .itemGrp .itemBadge .badge13 + .badge13 {margin:0 .4rem;}
+.dp_Bulletship .itemGrp .itemcolorchip {max-width:100%; margin:1rem 0 2rem;}
+.dp_Bulletship .items_option{padding-top:4rem;}
+.dp_Bulletship .items_option .select{display:block;}
+.dp .dp_Bulletship{background-color:#f5f5f5;}
+.dp .dp_Bulletship .inner{padding-bottom: 4rem; margin-bottom: 1.3rem; background-color:#fff; }
+.dp .dp_Bulletship .inner:last-child{margin-top:1.3rem;}
+.dp .dp_Bulletship .inner.bg_gray{background-color:#f5f5f5;}
+.dp .dp_Bulletship .dp_subtitle{padding-top:4rem;}
+
+
+/*===================== item_prod쪽으로 이동 예정===================*/
+/* 아이템컬러칩 */
+.itemcolorchip {margin:1.5rem 5px 0px;}
+.itemcolorchip [class*="chip_"] {position: relative;display: inline-block;width:1rem; height:1rem; font-size: 0; vertical-align: middle; margin:0 0 0 2px;}
+.itemcolorchip [class*="chip_"]:before {content: "";display: inline-block;width: 100%;height: 100%;border-radius: 50%;box-sizing: border-box;}
+.itemcolorchip [class*="chip_"]:first-child {margin-left:0}
+.chip_color40::before {background-color: #ffffff;border: 1px solid #ddd;}
+.chip_color54::before {background-color: #000000;}
+.chip_color35::before {background-color: #cbaf6f;}
+
+/* 상품아이콘*/
+.itemBadge {margin:20px 5px 0; margin-top:1rem; font-size: 0px; overflow:hidden;}
+.itemBadge [class*="badge"] {display:inline-block; height:22px; margin:0 0 0 5px; padding:0 8px; border:1px solid #888888; background: #fff; color:#888888; font-size: 11px; font-weight: 300; line-height: 21px;}
+.itemBadge [class*="badge"]:first-child {margin-left:0}
+.itemBadge .badge13 {background:#f5f5f5; border-color:#f5f5f5;}
+
+/* 상품코멘트*/
+.viewComment{padding:0 0.7rem; display:inline-block; height:1.8rem; line-height:1.8rem; font-size:1rem; text-align:center; border:1px solid #fd4802; color:#fd4802; border-radius:1.8rem;}
+
+
+
+
+
+
+
+
+
+
+
+

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

@@ -1,10 +1,6 @@
 @charset "UTF-8";
-@import 'common_m.css';
-@import 'layout.css';
-@import 'millim.css';
-@import 'hyangah.css';
-@import 'hyanghoon.css';
-
+@import 'common_m.css?v=2021032201';
+@import 'layout_m.css?v=2021032201';
 
 
 
@@ -178,8 +174,632 @@
 
 * {box-sizing: border-box;}
 
+
+/* Index */
+
+.swi-po_rel{position: relative;}
+.version02{position: static;}
+.ta_center{text-align:center;}
+.swiper-button-prev.sbtn01_lb::after{content:""; display:inline-block; width:29px; height:87px; background: url(/images/pc/ico_arr_lg.png) 0% 50% no-repeat;}
+.swiper-button-next.sbtn01_rb::after{content:""; display:inline-block; width:29px; height:87px; background: url(/images/pc/ico_arr_lg.png) 100% 50% no-repeat;}
+.swiper-button-prev.sbtn02_lb{pointer-events:none;}
+.swiper-button-next.sbtn02_rb{pointer-events:none;}
+.swiper-button-prev.sbtn02_lb::after{content:""; display:inline-block; width:29px; height:87px; background: url(/images/pc/ico_arr_lg.png) 0% 50% no-repeat; position:relative; top:-50px; pointer-events:visible;}
+.swiper-button-next.sbtn02_rb::after{content:""; display:inline-block; width:29px; height:87px; background: url(/images/pc/ico_arr_lg.png) 100% 50% no-repeat; position:relative; top:-50px; pointer-events:visible;}
+.swiper-button-prev.sbtn03_lb::after{content:""; display:inline-block; width:29px; height:87px; background: url(/images/pc/ico_arr_lg.png) 0% 50% no-repeat;}
+.swiper-button-next.sbtn03_rb::after{content:""; display:inline-block; width:29px; height:87px; background: url(/images/pc/ico_arr_lg.png) 100% 50% no-repeat;}
+.swiper-pagination {bottom: 0px;width: 100%; left: 0;margin: 0;}
+.swiper-pagination-bullet{display: inline-block; margin: 0 5px; background:#dddddd !important; opacity:0.9 !important; width:10px !important; height:10px !important; vertical-align: middle;}
+.swiper-pagination-bullet-active{background-color:#fd4802 !important;}
+.swiper-pagination-progressbar {background: #dddddd !important;}
+.swiper-pagination-progressbar-fill {background: #222222 !important;}
+
+.slide-curb {
+    display: inline-block;
+    vertical-align: middle;
+    font-size: 0;
+	margin-left: 5px;
+}
+.swiper-pagination {
+/* .swiper-pagination:not(.swiper-pagination) { */
+	/* bottom: 0px; */
+    /* left: 50%; */
+	/* right: auto; */
+	margin: 0 30px 0;
+    display: inline-block;
+    vertical-align: middle;
+}
+ .swiper-controls {
+    position: relative;
+    /* display: inline-block; */
+    margin: 0px;
+    text-align: center;
+	font-size: 16px;
+}
+
+.main .swiper-pagination {margin: 0;}
+.main .wrap .content.wide:first-child{/*background:#222222;*/ padding: 0px !important;}
+.main .dpnone {display: none;}
+/* .main .wrap .content {max-width: 1780px;} */
+.main .wrap .content .cont_head, .brand_main .wrap .content .cont_head {font-size: 40px; line-height: 1; letter-spacing: -.025em;color: #222222;padding-bottom: 60px;}
+.container .wrap .content .cont_body.cont_sm{width: 100%;max-width: 1640px;margin: 0 auto;}
+.main .wrap .content section{width: 100%;max-width: 1640px;margin: 0 auto;}
+
+.main .post-visual .swiper-slide::before{display: none;}
+
+.main_visual::after {
+	content: '';display: block;width: 100%;height: 110px;height: 72px;
+	position: absolute;top: 0;left: 0;background: #222222;z-index: -1;
+}
+.main_visual .swiper-pagination {width: 6rem;border-radius: 1.2rem;display: inline-block;height: 2.3rem;line-height: 2.4rem;position: absolute;left: 2rem;bottom: 14rem;color: #fff;background-color: rgba(0, 0, 0, 0.3);}
+.brand_main .main_visual::after {
+	content: '';display: block;width: 100%; height: 485px;
+	position: absolute;top: 0;left: 0;background: #436564 ;z-index: -1;
+}
+
+
+/* .post-visual.swiper-container {margin-left: -30px;} */
+.post-visual .swiper-pagination-bullets{bottom: 0px;}
+.post-visual .swiper-wrapper{width: 100%;height: 750px; height:auto; margin: 0px auto;padding-bottom: 65px;filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2));}
+/* .post-visual .swiper-wrapper img {width: 100% !important;} */
+.main .post-visual .swiper-slide{
+	width:auto;
+	/* margin-right: 440px !important; */
+}
+
+.post-visual .slick-list{
+	padding-bottom: 40px !important;
+}
+
+/* 크롬일경우 */
+.post-visual .swiper-slide {
+	/* padding: 15px; */
+	/* padding-left: 30px; */
+	box-shadow: 0 0px 30px rgba(0,0,0,0.20), 0 0px 30px rgba(0,0,0,0.20);
+	position: relative;
+	/* margin: 0 50px; */
+
+	mask-image: 
+	linear-gradient(to top right, transparent 49.5%, white 50.5%), 
+	linear-gradient(to top left, transparent 49.5%, white 50.5%), 
+	linear-gradient(white, white),
+	linear-gradient(white, white);
+	-webkit-mask-image: 
+	linear-gradient(to top right, transparent 49.5%, white 50.5%), 
+	linear-gradient(to top left, transparent 49.5%, white 50.5%), 
+	linear-gradient(white, white),
+	linear-gradient(white, white);
+    mask-size: 86.6072% 0%, 13.3928% 21.4285%, 86.6072% 100%, 100% 78.5715%;
+    -webkit-mask-size: 86.6072% 0%, 13.3928% 21.4285%, 86.6072% 100%, 100% 78.5715%;
+    mask-position: bottom left, bottom right, top left, top right;
+    -webkit-mask-position: bottom left, bottom right, top left, top right;
+    mask-repeat: no-repeat;
+	-webkit-mask-repeat: no-repeat;
+
+}
+.post-visual .swiper-slide img{
+	/* margin: 0px auto; */
+	display: block;
+	z-index: 2;
+}
+.post-visual .swiper-slide::before{
+	box-shadow: 0 -20px 20px -20px rgba(0,0,0,0.20);
+	content: '';
+	width: 150px;
+    height: 120px;
+}
+
+/* 익스일경우 */
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+
+	/* Enter your style code */
+	.main .post-visual  {overflow: hidden;}
+	.main .post-visual .swiper-slide {
+		margin: 0;
+		box-shadow: none;
+		padding-left: 0;
+	}
+
+	.post-visual .vrt_txt {bottom: -79px !important;}
+	.post-visual.swiper-container {margin-left: 0px;}
+	.main .post-visual .swiper-slide {padding-bottom: 0px;}
+	.main .post-visual .swiper-slide-prev {}
+	.main .post-visual .swiper-slide-active {}
+	.main .post-visual .swiper-slide::before {display: block;}
+	.main .post-visual .swiper-slide img {box-shadow: 0px 0px 30px rgba(0,0,0,0.2), 0px 0px 30px rgba(0,0,0,0.2);} 
+
+
+	.main .post-visual .swiper-slide img::after{
+		content: '';
+		position: absolute;
+		width: 150px;
+		height: 150px;
+		bottom: 30px;
+		right: 30px;
+		background: #fff;
+		border: 0px;
+		box-sizing: border-box;
+		transform: rotate(135deg);
+		box-shadow: 0 -25px 10px -7px rgba(0,0,0,0.20);
+		background: linear-gradient(135deg, #fff 80px, transparent 0);
+	}
+
+	.main .post-visual .swiper-slide::before{
+		content: '';
+		position: absolute;
+		width: 224px;
+		height: 140px;
+		bottom: -20px;
+		right: -85px;
+		border: 0px;
+		transform: rotate(135deg);
+		/* box-shadow: inset 0 -50px 30px -30px rgba(0,0,0,0.20); */
+		box-shadow: inset 0 -30px 20px -30px rgba(0,0,0,0.20);
+		box-shadow: inset 0px -60px 20px -50px rgba(0,0,0,0.20);
+		background: #fff;
+		background: linear-gradient(0deg, #fff 120px, transparent 0);
+		z-index: 1;
+	}   
+
+}
+
+.post-visual .swiper-slide img::after{
+    content: '';
+    position: absolute;
+    width: 150px;
+    height: 150px;
+    bottom: 30px;
+    right: 30px;
+    background: #fff;
+    border: 0px;
+	box-sizing: border-box;
+	transform: rotate(135deg);
+    box-shadow: 0 -25px 10px -7px rgba(0,0,0,0.20);
+    background: linear-gradient(135deg, #fff 106px, transparent 0);
+}
+.post-visual .swiper-slide::after {
+	content: '';
+    position: absolute;
+	top: 0;
+    bottom: 15px;
+    left: 10px;
+    width: 100%;
+    height: 100%;
+	z-index: -1;
+}  
+
+.post-visual .txtWrap{position: absolute;padding-left: 0.0rem;top: auto;bottom: 10.0rem;left: 2.0rem;right: auto;z-index: 1;} 
+/* .post-visual .txtWrap dl.w,.txtWrap dl.w+button {color: #ffffff; font-weight :200;} */
+/* .post-visual .txtWrap dl {color: #222; line-height: 1; padding-bottom: 40px;} */
+.post-visual .txtWrap dt {font-size: 1.5rem;color: #fff;font-weight: 200;line-height: 3.6rem;}
+.post-visual .txtWrap dd {padding-bottom: 5px;font-size: 2.9rem;color: #fff;line-height: 3.6rem;}
+.post-visual .txtWrap dd.txt_xs {font-size: 1.5rem;color: #fff;margin-top: 0.6rem;}
+
+.post-visual .swiper-button-next,.post-visual .swiper-button-prev{display: inline-block; height: 87px;position: absolute; top: 50%; margin-top: -44px; font-size: 0;z-index: 2; }
+.main .post-visual .swiper-button-next {margin-left: 605px; left: 50%; display: inline-block;width: 29px;height: 87px; background: url(/images/pc/ico_arr_lg.png) 100% 50% no-repeat;}
+.main .post-visual .swiper-button-prev {margin-right: 580px; right: 50%; left:auto; display: inline-block;width: 29px;height: 87px; background: url(/images/pc/ico_arr_lg.png) 0% 50% no-repeat;}
+
+.main_stylereport {padding: 80px 0 120px 0;}
+.main_stylereport .cont_body a {text-align: center;color: #222222;}
+/* .main_stylereport .cont_body img {width: 430px;height: auto;} */
+.main_stylereport .cont_body img {
+	width: 100%;
+	height: auto;
+	object-fit: cover;
+}
+.main_stylereport .cont_body dl {}
+.main_stylereport .cont_body dt {font-size: 24px;font-weight:300;padding: 28px 0 24px 0;}
+.main_stylereport .cont_body dd {font-size: 16px;font-weight:200;line-height: 26px;}
+
+
+.main_trendy {}
+.main_trendy .cont_head {padding: 120px 0 60px 0;}
+.main_trendy .cont_body {padding: 0 140px;}
+.main_trendy .cont_body dl {}
+.main_trendy .cont_body dt {font-size: 26px;font-weight:400;padding: 28px 0 24px 0;}
+.main_trendy .cont_body dd {font-size: 16px;font-weight:200;padding:10px 0 0;}
+.main_trendy .item_state {padding-bottom: 0;}
+.main_trendy .swiper-button-next, .main_trendy .swiper-button-prev {display: inline-block; height: 87px; position: absolute; top: 400px; font-size: 0;z-index: 2;}
+.main_trendy .swiper-button-next {right: 70px;}
+.main_trendy .swiper-button-prev {left: 70px;}
+.main_trendy .swiper-button-next::after {
+	content: '';display: inline-block;width: 29px;height: 87px;
+	background: url(/images/pc/ico_arr_lg.png) 100% 50% no-repeat;
+}
+.main_trendy .swiper-button-prev::after {
+	content: '';display: inline-block;width: 29px;height: 87px;
+	background: url(/images/pc/ico_arr_lg.png) 0% 50% no-repeat;
+}
+.main_trendy .post-trendy {position: relative;top: 2rem;display: block;padding: 0px 0vw 4.8vw;}
+.main_trendy .post-trendy .swiper-slide {overflow: hidden;margin: 0px 0vw;}
+.main_trendy .item_prod {width: 49%;margin-bottom: 36px;margin-right: 0rem;position: relative;padding: 0px 0.7vw;box-sizing: border-box;vertical-align: top;display: inline-block;}
+
+
+.main_it {
+	/* width: 100%; */
+	/* height: 620px; */
+	height: 720px; padding-top: 120px !important; margin-bottom: 15px;
+	position: relative;	display: -webkit-box;display: -ms-flexbox;display: flex;
+}
+.main_it::after {content: '';display: block;clear: both;}
+.main_it .displayH {line-height: 52px;}
+.main_it .cont_head{width: 520px !important;height: auto; line-height: 1.2; float: left; margin-left: 140px; /*padding: 0 135px;*/position: relative;}
+.main_it .cont_head a {margin: 22px 0;display: block;line-height: 0;padding: 0;}
+.main_it .cont_head span{font-size: 18px;font-weight: 300;color: #888888;}
+.main_it .cont_head a span::after{content: "";width: 20px;height: 13px;display: inline-block;background: url(/images/pc/ico_more_lg.png) 0% 0% no-repeat; background-position: 10px 0px;}
+.main_it .cont_body{width: calc(100% - 644px); float: left; margin:0 140px 0 0;}
+.main_it .cont_body .item_state {padding:0 0 60px;}
+.main_it .it_nav { width: 300px;position: absolute;left: 135px;top: 310px;}
+
+.main_it .swiper-scrollbar {margin: 0; background: #ddd !important; height: 2px;}
+.main_it .swiper-scrollbar-drag {background:#222 !important;}
+
+.it_nav li .btn {font-size: 20px;}
+.it_nav li .btn.btn_link {color: #888888;font-weight: 200;padding-left: 5px;transition: all 100ms ease;}
+.it_nav li .btn.btn_link span::after {content: '';display: none;}
+.it_nav li .btn.btn_link:hover{text-decoration: none;}
+.it_nav li .btn.btn_link.active {color: #222222; font-weight: 500;}
+.it_nav li .btn.btn_link.active span {border-bottom: 2px solid #222222;}
+.main_it .it_item {display: none;}
+.main_it .it_item::after {content: '';display: block;clear: both;}
+.it_item.active {display: block;}
+.post-it .swiper-slide {position: relative; width: auto !important;}
+.post-it .swiper-slide li{position: relative; margin: 15px 0; background-color: rgb(255 255 255);}
+.post-it .item_prod {width: 300px;}
+.post-it .slick-dots {bottom: 15px;}
+.post-it .slick-dots li {width: auto;height: auto;margin: 0;}
+.post-it .slick-dots li button{width: 410px;height: 2px;padding: 0;border-radius: 0;background: #dddddd;}
+.post-it .slick-dots li.slick-active button {background: #222222;}
+
+
+.main_2stage {padding: 0;}
+.main_2stage .post-bnnEvent{padding: 0 0px 3.5rem 0;}
+.main_2stage a{border: 0px;}
+.main_2stage img{
+	width: 100%;
+    height: auto;
+	/* object-fit: none; */
+}
+
+.main_deal {
+	width: 100%;height: 740px; margin-bottom: 15px;
+	position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;
+}
+.main_deal::after {content: '';display: block;clear: both;}
+.main_deal .cont_head{background: #444444; width: 520px !important;height: auto; line-height: 1.2; float: left; padding: 100px 0px 0 135px;position: relative;}
+.main_deal .cont_head p {color: #ffffff; }
+.main_deal .displayH {line-height: 1.3;}
+
+.main_deal .deal_progress {width: 266px; position: relative; margin:95px 0 40px;}
+.main_deal .deal_progress .bar_bg {width: 100%; height: 4px; background: #fd4802;}
+.main_deal .deal_progress .bar_current {background: #333; position: absolute; top: 0; left: 0; height: 4px; z-index: 2; max-width:100%;}
+.main_deal .deal_progress .bar_current span {position: absolute; right: -31px; top: -45px; background: #fd4802; padding:8px 10px; font-size: 14px; color: #fff; font-weight: 300; letter-spacing:0.1em;}
+.main_deal .deal_progress .bar_current span:after {content:''; position: absolute; left: 50%; bottom: -10px; border:5px solid transparent; transform:translateX(-50%); border-top:5px solid #fd4802;}
+
+.main_deal .count {}
+.main_deal .count .hotdeal:after {content:''; display: block; clear:both;}
+.main_deal .count .count_tit {display: inline-block;}
+.main_deal .count .count_time {position: relative; left: auto; width: 100%;}
+.main_deal .count .count_time span{
+	font-size: 12px;
+    font-weight: 500;
+    color: #888888;
+    width: 66px;
+	margin-right: 33px;
+	float:left;
+    text-align: center;
+	position: relative;
+}
+.main_deal .count .count_time span:first-child::before,
+.main_deal .count .count_time span:first-child::after{content: '';display: none;}
+.main_deal .count .count_time span::before,
+.main_deal .count .count_time span::after{
+	content: '';
+	width: 5px;
+	height: 5px;
+	display: inline-block;
+	background: #ffffff;
+	border-radius: 100%;
+	position: absolute;
+}
+.main_deal .count .count_time span::before{top: -57px;left: -20px;}
+.main_deal .count .count_time span::after{top: -44px;left: -20px;}
+.main_deal .count #countdown{
+	text-align: center;
+	margin: auto;
+	position: static;
+	width: auto;
+	top: auto;
+	left: auto;
+	transform:none;
+}
+.main_deal .count #countdown::after, .main_deal #countdown #tiles::after {content: '';display: block;clear: both;}
+.main_deal #countdown #tiles{position: relative; z-index: 1;}
+.main_deal #countdown #tiles span{
+	background: url(/images/pc/ico_count_bg.png) no-repeat center;
+	width: 66px;
+	font-size: 38px;
+	font-weight: bold;
+	text-align: center;
+	letter-spacing: 0.1em;
+	text-indent:5px;
+	color: #ffffff;
+	/* background-color: #fff; */
+	padding: 0;
+	height: 88px;
+	line-height: 88px;
+	display: inline-block;
+	float:left;
+	position: relative;
+	margin-right: 33px;
+}
+#countdown span:nth-child(2) {margin: 0;}
+
+
+.main_deal .cont_head a {margin: 30px 0;display: block;line-height: 0;padding: 0;}
+.main_deal .cont_head span{font-size: 16px;color: #ffffff; }
+.main_deal .cont_head a span::after{content: "〉";font-size: 12px;padding-left: 8px;}				
+.main_deal .cont_body{width: calc(100% - 517px); float: left;background: #f5f5f5;padding-top: 80px;}
+.main_deal .cont_body .swiper-container{margin:0 100px;}				
+.post-deal .swiper-slide {width: 320px !important;}
+.post-deal .swiper-slide li{position: relative;margin: 15px 0;background-color: rgb(255 255 255);}
+.post-deal .item_prod {width: 312px;}
+.post-deal .slick-dots {bottom: 50px;}
+.post-deal .slick-dots li {width: auto;height: auto;margin: 0;}
+.post-deal .slick-dots li button{width: 130px;height: 2px;padding: 0;border-radius: 0;background: #dddddd;}
+.post-deal .slick-dots li.slick-active button {background: #222222;}
+
+.main_deal .swiper-scrollbar {margin: 0; background: #ddd !important; height: 2px;}
+.main_deal .swiper-scrollbar-drag {background:#222 !important;}
+
+.main_pick {padding: 120px 0 50px; margin:0 70px !important;}
+.main_pick .cont_body {padding: 0;position: relative;}
+.main_pick .cont_body .post-pick-nav {width:1250px; height: 52px; background: #ffffff;margin: 0 auto; cursor: pointer; padding:0 20px;}
+.main_pick .cont_body .post-pick-nav .swiper-button-next, .post-pick-nav .swiper-button-prev {display: inline-block; top: 50%; margin-top: -12.5px; width: 15px;height: 25px;position: absolute;font-size: 0;z-index: 2;}
+.main_pick .cont_body .post-pick-nav .swiper-button-prev {left: 0;}
+.main_pick .cont_body .post-pick-nav .swiper-button-next {right: 0;}
+.main_pick .cont_body .post-pick-nav .swiper-button-next::after {
+	content: '';display: inline-block;width: 15px;height: 25px;
+	background: url(/images/pc/ico_arr_sm.png) 100% 50% no-repeat;
+	background-size:cover;
+}
+.main_pick .cont_body .post-pick-nav .swiper-button-prev::after {
+	content: '';display: inline-block;width: 15px;height: 25px;
+	background: url(/images/pc/ico_arr_sm.png) 0% 50% no-repeat;
+	background-size:cover;
+}
+
+.main_pick .cont_body .post-pick-nav .swiper-slide{ 
+	height: auto;
+	text-align: center;
+	cursor: pointer;
+	/* border-bottom: 2px solid transparent; */
+}
+.main_pick .cont_body .post-pick-nav .swiper-slide img {opacity: 0.4;}
+.main_pick .cont_body .post-pick-nav .swiper-slide.swiper-slide-thumb-active img{opacity: 1;}
+.main_pick .cont_body .post-pick-for{margin-top: 60px; border: 1px solid #dddddd; box-sizing: border-box;}
+.main_pick .cont_body .post-pick-for::after{content: '';display: block; clear: both;}
+.main_pick .cont_body .post-pick-for .pick_look{width: 671px; width: 38.6%; height: 670px; height:auto; background: #888888; float: left;}
+.main_pick .cont_body .post-pick-for .pick_look .swiper-slide{width: 100% !important;}
+.main_pick .cont_body .post-pick-for .pick_look .swiper-pagination {bottom: 40px;}
+.main_pick .cont_body .post-pick-for .pick_look img{width: 100%; height: auto;}
+.main_pick .cont_body .post-pick-for .pick_item {float:left; width: 61.4%; padding:4% 80px; font-size: 0;}
+.main_pick .cont_body .post-pick-for .pick_item .item_prod {width: 32.25%; margin-right: 10px;}
+.main_pick .cont_body .post-pick-for .pick_item .item_prod:last-child {margin-right: 0;}
+.main_pick .cont_body .post-pick-for .pick_item .item_prod .item_state {padding: 0;}
+
+
+
+
+.main_1stage {}
+.main_1stage .bnnbox{position: relative;}
+.main_1stage .txtWrap{margin: 0 auto; position: absolute; top: 50%; left: 10vw; transform: translateY(-50%);z-index: 1;}
+.main_1stage .txtWrap p{font-size: 1.4rem;font-weight: 500;letter-spacing: -0.025em;text-align: left;line-height: 1;color: #222222;padding-bottom:1.0rem;}
+.main_1stage .txtWrap p:last-child {padding-bottom:0px;}
+.main_1stage img{margin: 0 auto;width: 100%;}
+
+.post-bnnWide {position: relative;top:0rem;display: block;margin: 0px 0vw 5rem;}
+.post-bnnWide .swiper-wrapper {width: 100%;height: 100%;height: auto;margin: 0px auto;padding: 0 0 2.5rem;}
+.post-bnnWide .swiper-pagination {bottom: 0rem;}
+/* 
+.post-bnnWide .swiper-button-next,.post-bnnWide .swiper-button-prev{display: inline-block;width: 61px;height: 87px; position: absolute;top: 50%; transform:translate(0%, -50%);font-size: 0;z-index: 2; text-align: center;}
+.post-bnnWide .swiper-button-next {right: 55px;}
+.post-bnnWide .swiper-button-prev {left: 55px;}
+.post-bnnWide .swiper-button-next::after {
+	content: '';display: inline-block;width: 29px;height: 87px;
+	background: url(/images/pc/ico_arr_lg.png) 100% 50% no-repeat;
+}
+.post-bnnWide .swiper-button-prev::after {
+	content: '';display: inline-block;width: 29px;height: 87px;
+	background: url(/images/pc/ico_arr_lg.png) 0% 50% no-repeat;
+} */
+
+
+
+		/*  각버튼 테스트  */
+		.test_btn{
+			border-left: 1px solid #0183fd;border-bottom: 1px solid #0183fd;
+			border-right: 1px solid #0183fd;border-top: 1px solid #0183fd;
+			background-color: #0183fd;
+			position: relative;top: 0;left: 0;z-index: 9;
+		}
+		.test_btn:after{
+			content: "";bottom: -1px;right: -1px;position: absolute;height: 0px;width: 0;padding: 0px 0px 0px 0px;
+			border-left: 0px solid #0183fd;border-top: 10px solid #0183fd;border-right: 10px solid #ffffff;	
+		}	
+		/*  각버튼 테스트 종료 */
+
+
+
+.tag_list {display:block;margin:0px auto;width:100%;text-align:center;}
+.tag_list button {transition: all 1ms ease;}
+.tag_list button.active {
+ /* width: 100%; */
+ line-height: 1;
+ /* padding: 17px 26px; */
+background: #222222;
+border-color: rgb(245 245 245);
+position: relative;
+border-left: 1px solid #f5f5f5;
+border-bottom: 1px solid #f5f5f5;
+border-right: 1px solid #f5f5f5;
+border-top: 1px solid #f5f5f5;
+/* background-color: #ffffff; */
+color: #ffffff;
+position: relative;
+top: 0;
+left: 0;
+z-index: 9;
+transition: all 200ms cubic-bezier(0.42, -0.04, 1, 1);
+}
+.tag_list button.active:after{
+/* 
+	content: "";bottom: -1px;right: -1px;position: absolute;height: 0px;width: 0;padding: 0px 0px 0px 0px;
+border-left: 0px solid #0183fd;border-top: 10px solid #0183fd;border-right: 10px solid #ffffff;	
+transition: all 10ms ease;
+ */
+ content: "";
+ bottom: 0px;
+ right: 0px;
+ position: absolute;
+ height: 0px;
+ width: 0;
+ padding: 0px 0px 0px 0px;
+ background: #222222;
+ border-left: 0px solid #ffffff;
+ border-top: 10px solid #222222;
+ border-right: 10px solid #ffffff;
+ transition: all 200ms cubic-bezier(0.42, -0.04, 1, 1);
+
+}	
+
+.main_recomm {padding: 120px 0;}
+.main_recomm {/*width: 1640px;height: 650px;*/margin: 0px auto;}
+.main_recomm .swiper-slide {position: relative;margin: 0px 0px;display: inline-flex !important;}
+.main_recomm .item_state {padding: 0px 20px 60px 0;}
+.main_recomm .swiper-button-next,.main_recomm .swiper-button-prev{display: inline-block;width: 61px;height: 87px;position: absolute;bottom:200px; font-size: 0;z-index: 2;}
+.main_recomm .swiper-button-next {right: 70px; display: inline-block;width: 29px;height: 87px; background: url(/images/pc/ico_arr_lg.png) 100% 50% no-repeat;}
+.main_recomm .swiper-button-prev {left: 70px; display: inline-block;width: 29px;height: 87px; background: url(/images/pc/ico_arr_lg.png) 0% 50% no-repeat;}
+.main_recomm .swiper-button-next::after {
+	content: '';
+}
+.main_recomm .swiper-button-prev::after {
+	content: '';
+}
+
+
+/* 각버튼 테스트2 */
+.btn_shape.active{
+	border-left: 1px solid #f5f5f5;border-bottom: 1px solid #f5f5f5;
+	border-right: 1px solid #f5f5f5;border-top: 1px solid #f5f5f5;
+	background-color: #ffffff;
+	position: relative;top: 0;left: 0;z-index: 9;
+}
+.btn_shape.active:after{
+	content: "";bottom: 0px;right: 0px;position: absolute;height: 0px;width: 0;padding: 0px 0px 0px 0px;background: #222222;
+	border-left: 0px solid #ffffff;border-top: 10px solid #222222;border-right: 10px solid #f5f5f5;	
+}
+/* 각버튼 테스트2 종료 */
+
+		
+.main_foryou {
+	width: 100%;height:auto; margin-bottom: 15px; padding: 120px 0;
+	background-color: #f5f5f5; position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;
+}
+.main_foryou::after {content: '';display: block;clear: both;}
+.main_foryou .cont_head{width: 500px !important;height: auto;float: left; padding: 0 0 0 135px;margin-right: 80px;position: relative;}
+/* .main_foryou .cont_head{width: 33.33333333% !important;height: auto;float: left; padding: 0 135px;position: relative;} */
+.main_foryou .cont_head span{font-size: 16px;color: #888888;}
+.main_foryou .cont_body{width: 66.66666667% !important; float: left;}
+.main_foryou .fy_nav { width: 364px;position: absolute;left: 135px;top: 230px;height: auto;padding-bottom: 100px;}
+.main_foryou .fy_nav .swiper-slide{ opacity: 0.45;}
+.main_foryou .fy_nav .swiper-slide.swiper-slide-active{ opacity: 1;} 
+.main_foryou .fy_nav .btn_shape{ width: 100%;line-height: 1;padding: 17px 26px;}
+.main_foryou .fy_nav .btn_shape div{text-align: left;width: 100%;}
+.main_foryou .fy_nav .btn_shape div span{color: #888888;font-size: 20px;}
+.main_foryou .fy_nav .btn_shape div .number{padding-right: 20px; font-size: 20px; font-family: 'LATO'; font-weight: 600;color: #222222;}
+.main_foryou .fy_nav .btn_shape+a{display: none;}
+.main_foryou .fy_nav .btn_shape.active{ background: #222222;border-color: rgb(245 245 245);position: relative;}
+.main_foryou .fy_nav .btn_shape.active span{color: #ffffff; position: relative;}
+.main_foryou .fy_nav .btn_shape.active+a{
+	display: inline-block;width: 55px;font-size: 14px;text-align: right;position: absolute;top:50%;right: 45px;transform: translateY(-50%);color: #888888;z-index: 10;
+} 
+.main_foryou .fy_nav .btn_shape.active+a::after{ 
+	content: '';width: 7px;height: 20px;display: inline-block;position: absolute;top: 50%;right: -10px;transform: translateY(-50%);
+	background: url('/images/pc/ico_more_lg.png');background-repeat: no-repeat;background-position: 0px 3px;
+}
+.main_foryou .fy_item {
+	width: 100%;/*width: 1157px;height: 700px;background: #333333;*/
+	margin-left: 0px !important;margin-right: 0px !important;margin-bottom: 0px;
+	position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;
+	display: none;
+}
+.main_foryou .fy_item::after {content: '';display: block;clear: both;}
+/* .fy_item .part { width: 231px;} */
+.fy_item .part, .fy_item .partBig {float: left; position: relative; min-height: 1px;}
+.fy_item .part .item_prod, .fy_item .part .item_state{ width:100%; margin: 0;padding: 0;}
+.fy_item .part .itemPic{ width:100%; margin: 0;/*padding-top: 350px;*/}
+.fy_item .part {width: 18.2%;}
+.fy_item .part.lg {    width: 36.5%; /*height:700px;*/}
+/* .fy_item .part.lg {width: 464px; height:700px;} */
+.fy_item .part.lg .itemPic{ width:100%; margin: 0;/*padding-top: 700px;*/}
+.fy_item .part .itemLink .itemInfo {display: none;}
+.fy_item .part .itemLink:hover .itemInfo {display: block; width: 85%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1; text-align: center;}
+.fy_item .part .itemLink:hover .itemBrand,
+.fy_item .part .itemLink:hover .itemName,
+.fy_item .part .itemLink:hover .itemPrice {color: #ffffff;}
+.fy_item .part .itemLink:hover::after{content: '';display: inline-block;width: 100%;height: 100%;background: rgb(0 0 0 / 40%);position: absolute;top: 0;left: 0;}
+.fy_item.active {display: block;}
+
+.post-sug .swiper-slide li{position: relative;margin: 15px 0;background-color: rgb(255 255 255);}
+.post-sug .swiper-pagination {bottom: -50px;}
+
+
+
+.main_tv {padding:3rem 2.0rem 6.83rem 2.0rem;}
+.main_tv .cont_head p{ color: #ffffff;}
+/* .main_tv::after {content: '';display: block;width: 100%;height: 520px;position: absolute;top: 0;left: 0;background: #444444;} */
+.main_tv .cont_body::before {content: '';z-index: -1;display: block;width: 100%;height: 520px;position: absolute;top: 0;left: 0;background: #444444;}
+
+.post-tv {width: 100%;height: 18rem; height:auto; margin: 0px auto;    padding:0 0rem 3.3rem  0rem;}
+.post-tv .swiper-slide-active {width: 100%;height: auto;}
+/* .post-tv .swiper-slide-active .movbox{margin-top: 0px;height: 100%;opacity: 1;} */
+.post-tv .swiper-slide-active:not(.swiper-slide-active) .movbox:after {
+	content: '';display: block;position: absolute;top: 0;left: 0;
+	z-index: 1;width: 100%;height: 100%;background:rgb(34 34 34 / 0.5);
+}
+.post-tv img{width: 100% !important;}
+.post-tv .swiper-slide {position: relative;height: auto;height: 15.0rem;width: 100%;    margin: 0 0;}
+/* .post-tv .movbox {position: relative;height: 82%;margin-top: 56px;opacity: 1;transition: all 200ms ease;overflow: hidden;} */
+.post-tv .movbox img {width: 100%;height: auto;}
+
+.post-tv .slick-dots{bottom: 0;}
+.main_tv .swiper-pagination {bottom: 0;}
+main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 1.2rem;position: relative;}
+main.container .inner:last-child {margin-bottom: 6.0rem;padding-bottom: 0;}
+
+/* 
+.post-tv .swiper-button-next,.post-tv .swiper-button-prev{display: inline-block;width: 300px;height: 700px;position: absolute;top: 0%; transform: translate(-50%);font-size: 0;z-index: 2;}
+.post-tv .swiper-button-next {right: -150px;}
+.post-tv .swiper-button-prev {left: 150px;}
+.post-tv .swiper-button-next::after {
+	content: '';display: inline-block;width: 29px;height: 87px;filter: invert(100%);
+	background: url(/images/pc/ico_arr_lg.png) 100% 50% no-repeat;
+	position: relative;top: 40%;right: -50%;
+}
+.post-tv .swiper-button-prev::after {
+	content: '';display: inline-block;width: 29px;height: 87px;filter: invert(100%);
+	background: url(/images/pc/ico_arr_lg.png) 0% 50% no-repeat;
+	position: relative;top: 40%;right: -50%;
+} */
+
+
+
+
+
 /* ev_공통 */
 .ev .inner {background: #fff; padding-bottom: 0;}
+.ev .inner.bg_gray {background: #f5f5f5;}
 .inner.wide {padding: 0 0rem 0 0rem;position: relative;}
 .ev .renew_check_tit {padding:1.5rem 0;}
 .ev .renew_check_tit h3 {font-size: 1.4rem; margin-bottom: 1.5rem; font-weight: 500;}
@@ -494,3 +1114,557 @@
 .ev_rank .member_level_area .level_content.one_row .birth {float:right; }
 .ev_rank .member_level_area .level_content.one_row .birth_info {width: 100%;}
 
+
+/* mypage_공통 */
+.my {background: #f5f5f5;}
+.my .mypage {background: #f5f5f5;}
+.my .inner {padding-bottom: 0; background: #fff;}
+.my .inner.bg_gray {background: #f5f5f5;}
+.my .tbl_wrap {padding: 3rem 0;}
+.my table input[type="text"], table input[type="password"] {padding: 0 1.4rem; font-size: 1.3rem;}
+.my .btn_group {width: 100%;}
+.my .btn_popup {display:inline-block; position:absolute; left:auto; right: 0; top:-0.75rem; padding:0px 1rem; height:3rem; color:#222; font-size:1.1rem; font-weight:300; border:1px solid #a7a7a7; box-sizing:border-box;}
+.my .btn_group .btn {width: 100%;}
+/* main.my .inner:last-child {padding-bottom: 0; margin-bottom: 0;} */
+.my .desc_txt {margin-top: 1.5rem; font-size: 1.1rem; color: #666; font-weight: 200; position: relative; padding-left: 0.6rem;}
+.my .desc_txt:before {content:''; position: absolute; left: 0; top: 0.6rem; width: 0.2rem; height: 0.2rem; background: #888;}
+
+.my .required_group {margin-bottom: 1.8rem; padding:1.5rem 0; position: relative; background: #fff6f2; border: 1px solid #ffe4d9; text-align: center;}
+.my .required_group:after, 
+.my .required_group:before {content: "";position: absolute;top: 100%;left: 50%;height: 0;width: 0;border: solid transparent;pointer-events: none; z-index: 8;}
+.my .required_group:after {margin-left: -0.7rem; margin-top: 0rem; border-width: 0.7rem;border-color: rgba(255, 246, 242, 0);border-top-color: #fff6f2;}
+.my .required_group:before {margin-left: -0.9rem;border-width: 9px;border-color: rgba(255, 228, 217, 0);border-top-color: #ffe4d9;}
+
+
+.goods_btn_wrap {display:flex; flex-wrap: wrap; width:100%; align-items:stretch; flex-direction:row;}
+.goods_btn_wrap > div {flex-basis:auto; flex-grow:1; margin:0px 0.4rem;}
+.goods_btn_wrap > div:first-child {margin-left:0}
+.goods_btn_wrap > div:last-child {margin-right:0}
+.goods_btn_wrap > div > .btn {display:block; width:100%; height:100%; border:1px solid #a7a7a7; font-size: 1.2rem; padding:1rem 1.3rem; font-weight: 500;}
+.goods_btn_wrap > div > .btn.btn_primary {background-color:#fff; border-color:#fd4802; color: #fd4802;}
+
+/* my_index */
+.my .lnb_list {margin-top: 1.2rem; padding-bottom: 6rem;}
+.my .lnb_list li { border-bottom: 1px solid #ddd;}
+.my .lnb_list li a {display: block; padding: 2rem; background: url(/images/mo/ico_lnb_arrow.png) no-repeat right 2rem center; background-size:0.7rem 1.26rem;}
+
+.my .mem_rank {position: relative; padding:1.6rem 0; padding-left: 6rem;}
+.my .mem_rank .mem_name {dib font-size: 1.8rem; font-weight: 300;}
+.my .mem_rank .mem_name strong {font-weight: 500;}
+.my .mem_rank .rank_txt {display: inline-block; font-size: 1.8rem; color: #666; font-weight: 500; padding-right: 1.7rem; background: url(/images/mo/ico_btn_detail03.png) no-repeat right top 5px; background-size:0.7rem 1.3rem;}
+.my .mem_rank .rank_txt02 button {display: inline-block; font-size: 14px; padding-right: 13px; margin-right: 20px; background: url(/images/pc/ico_mysm_arrow.png) no-repeat right top 6px;}
+.my .mem_rank button.cou_btn {background: transparent; padding: 0.6rem 1rem; height:auto; position: absolute; top: 50%; right: 0; transform:translateY(-50%); font-size: 1.1rem; font-weight: 300; border:1px solid #a7a7a7; border-radius:2rem}
+
+.my .mem_rank .rank_icon {width: 4.5rem; height: 4.5rem; line-height: 4.7rem; position: absolute; left: 0; top: 50%; font-size: 22px; border-radius: 50%; background: #000; color: #fff; text-align: center; font-weight: 900; transform:translateY(-50%);}
+.my .mem_rank .rank_icon.vip {background: #fd4802;}
+.my .mem_rank .rank_icon.gold {background: #cc9d4d;}
+.my .mem_rank .rank_icon.silver {background: #888;}
+.my .mem_rank .rank_icon.bronze {background: #bf966d;}
+.my .mem_rank .rank_icon.welcome {background: #222;}
+
+.my .mem_info .mem_box {padding:1.7rem 0 3.2rem;}
+.my .mem_info .mem_box:after {content:''; display: block; clear:both;}
+.my .mem_info .mem_box > div {float:left; position: relative; text-align: center; width: 33.3333%;}
+.my .mem_info .mem_box > .mem_coupon .coupon_txt02 {font-size: 16px; font-weight: 500;}
+.my .mem_info .mem_box > .mem_coupon .coupon_txt02 span {font-size: 18px;}
+.my .mem_info .mem_box > div:last-child {margin-right: 0;}
+.my .mem_info .mem_box > div a, .my .mem_info .mem_box > div .coupon_txt01 {font-size: 16px; color: #000; font-weight: 500;}
+.my .mem_info .mem_box > div .tit {font-size: 1.1rem; font-weight: 300; color: #888; margin-bottom: 0.9rem;}
+.my .mem_info .mem_box > div em {display: inline-block; font-size: 1.4rem; font-weight: 500;}
+
+.my .order_info {text-align: center; margin-bottom: 1.2rem;}
+.my .order_info > ul {position: relative; display: inline-block; width: 100%; margin:3rem 0;}
+.my .order_info > ul > li {float:left; width: 33.3333%; text-align: center; position: relative; border-right:1px solid #ddd;}
+.my .order_info > ul > li:last-child {border-right:0;}
+/* .my .order_info > ul > li:after {content:''; position: absolute; top: 50%; right: -3.9rem; width: 1px; height: 31px; transform:translateY(-50%); background: #ddd;}
+.my .order_info > ul > li:last-child {margin-right: 0;}
+.my .order_info > ul > li:last-child:after {display: none;} */
+.my .order_info .or_p {font-size: 1.3rem; color: #666; font-weight: 300;}
+.my .order_info .count span {display: inline-block; font-size: 1.8rem; font-weight: 500;}
+
+.my .goods_top {position: relative; padding-bottom: 1.5rem; border-bottom: 1px solid #000; font-size: 0; margin-bottom: 2.5rem;}
+.my .goods_top h3 {margin-bottom: 0;}
+.my .goods_top span {display: inline-block; margin-left: 0.8rem;}
+.my .goods_top .start_t, .my .goods_top .gift_t, .my .goods_top .goods_date {font-size: 1.5rem; font-weight: 500;}
+.my .goods_top .detail_btn {position: absolute; bottom: 1.5rem; right: 0; font-size: 1.3rem; color: #8d8d8d; padding-right: 1.4rem; background: url(/images/mo/ico_btn_detail02.png) no-repeat right top 3px; background-size:0.53rem 0.9rem;}
+.my .goods_top .delete_btn {position: absolute; bottom: 1.5rem; right: 0; font-size: 1.3rem; color: #8d8d8d; padding-right: 1.4rem; background: url(/images/mo/ico_btn_cls.png) no-repeat right top 3px; background-size:0.9rem 0.9rem;}
+.my .goods_top .purchase_btn {position: absolute; bottom: 1.5rem; right: 0; font-size: 1.3rem; color: #8d8d8d; padding-right: 1.6rem; background: url(/images/mo/ico_check01.png) no-repeat right top 3px; background-size:1.06rem 0.8rem;}
+.my .badge_wrap {display: inline-block;}
+.my .order_badge {font-size: 0.9rem; color: #666; font-weight: 300; border:1px solid #888; padding:0.5rem 0.4rem; margin-left: 1px; vertical-align: top;}
+.my .order_bullet_badge {color: #fd4802; border:1px solid #fd4802;}
+
+.my .part_goods {position:relative;}
+.my .part_goods:first-child {margin-top: -1.2rem; padding-top:3rem}
+.my .part_goods h3.subH2 span {color:#888; font-size:16px; font-weight:200;}
+.my .part_goods .goods_section {padding-bottom: 2.4rem; margin-bottom: 2.4rem; border-bottom: 1px solid #ddd;}
+.my .part_goods .goods_section:last-of-type {margin-bottom: 0; border-bottom: 0;}
+.my .part_goods .btn_area {position:absolute; right:0; top:-8px; z-index:2;}
+.my .part_goods .btn_area button {padding:8px 14px; background:#f5f5f5; border:none; color:#222; font-size:14px; font-weight:200;}
+
+.my .part_goods .goods_status {margin-bottom:1.2rem;}
+.my .part_goods .goods_status .dlvr_staus {display: inline-block; font-size: 1.3rem; font-weight: 500; color: #fd4802; margin-right: 0.4rem;}
+.my .part_goods .goods_status .dlvr_desc {display: inline-block; font-size: 1.3rem; color: #888; font-weight: 300;}
+
+.my .part_goods .goods_btn_wrap {margin: 1.8rem 0;}
+.my .part_goods .goods_txt {background: #f5f5f5; text-align: center; padding:1.5rem 0; margin: 1.8rem 0 0;}
+.my .part_goods .goods_txt p {font-size: 1.1rem; font-weight: 300;}
+.my .part_goods .goods_txt .period {color: #fd4802; margin-top: 0.5rem;}
+.my .part_goods .goods_alert {text-align: center; margin-bottom: 1.8rem;}
+.my .part_goods .goods_alert p {display: inline-block; text-align: left; font-size: 1.1rem; font-weight: 200; color: #fd4802; padding-left: 2rem; background: url(/images/mo/ico_err02.png) no-repeat left top; background-size: 1.5rem;}
+
+.part_goods .goods_detail {position: relative; padding:0 0 0 11rem;}
+.part_goods .goods_detail .thumb_box {width:9rem; height:13.5rem; position: absolute; left: 0; top: 0;}
+.part_goods .goods_detail .thumb_box a {display:block; background:#f5f5f5;}
+
+.part_goods .goods_detail .info_box {min-height:13.5rem;}
+.part_goods .goods_detail .info_box .od_name a {display:block;}
+.part_goods .goods_detail .info_box .od_name .name {display:inline-block; font-size: 1.3rem; line-height:1.4; margin:0.5rem 0; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:keep-all;}
+.part_goods .goods_detail .info_box .od_name .brand {color:#888; font-size: 1.1rem; font-weight:300;}
+.part_goods .goods_detail .info_box .od_name .brand span {display: inline-block; margin-bottom: 0.5rem; margin-right: 0.2rem;}
+.part_goods .goods_detail .info_box .od_name .reserv_date {position:relative; padding-left:10px; margin-left:10px; color:#fd4802; font-size:14px; font-weight:200;}
+.part_goods .goods_detail .info_box .od_name .reserv_date::before {content:''; position:absolute; left:-1px; top:50%; transform:translateY(-50%); width:1px; height:10px; border-left:1px solid #ddd;}
+
+.part_goods .goods_detail .od_opt, .part_goods .goods_detail .od_exchange_opt {color:#666; font-size:1.1rem; margin-bottom: 0.8rem;}
+.part_goods .goods_detail .od_opt .option, .part_goods .goods_detail .od_exchange_opt .option {display:block;}
+.part_goods .goods_detail .od_opt .option span, .part_goods .goods_detail .od_exchange_opt span {color: #fd4802;}
+.part_goods .goods_detail .od_opt .count, .part_goods .goods_detail .od_exchange_opt .count {display:block; margin-top:12px;}
+.part_goods .goods_detail .od_opt em, .part_goods .goods_detail .od_exchange_opt em {position:relative; font-size: 1.1rem; color: #888; font-weight: 300;}
+.part_goods .goods_detail .od_opt em:after, .part_goods .goods_detail .od_exchange_opt em:after {content:'/'; margin:0 0.3rem;}
+.part_goods .goods_detail .od_opt em:last-child:after, .part_goods .goods_detail .od_exchange_opt em:last-child:after {content:'';}
+
+.part_goods .goods_detail .od_exchange_opt > span {margin-right: 0.8rem; float:left;}
+.part_goods .goods_select {margin-top: 1.8rem;}
+
+.part_goods .od_calc .point {margin-bottom: 0.7rem; font-size: 1.1rem; color: #888; background: url(/images/mo/ico_point.png) no-repeat left top 1px; background-size:1.2rem; padding-left: 1.6rem;}
+.part_goods .od_calc .sale_price {font-size: 1.1rem; color: #888; font-weight: 300;}
+.part_goods .od_calc .price {font-size: 0;}
+.part_goods .od_calc .price .selling_price {display:inline-block; color:#222; font-size:1.3rem; font-weight:600;}
+.part_goods .od_calc .price .selling_price em {font-size:1.6rem;}
+.part_goods .od_calc .price .selling_price.msale {color:#fd4802;}
+.part_goods .od_calc .price del {display:block; margin-top:8px; margin-bottom:5px; color:#888; font-size:12px; font-weight:300; line-height:1;}
+.part_goods .od_calc .price .count {font-size: 1.1rem; color: #888; padding-left: 1rem; margin-left: 1rem; border-left: 1px solid #ddd;}
+
+.my .part_goods .goods_gift {border-top: 1px solid #ddd; }
+.my .part_goods .goods_gift .gift_wrap {padding:1.5rem; margin-top: 1.8rem; background: #fff6f2; border:1px solid #ffe4d9;}
+.my .part_goods .goods_gift .title {font-size: 1.3rem; font-weight: 500; color: #fd4802; padding-left: 1.7rem; background: url(/images/mo/ico_gift.png) no-repeat left top 1px; background-size:1.1rem 1.2rem; margin-bottom: 1rem;}
+.my .part_goods .goods_gift .li_gift {}
+.my .part_goods .goods_gift .li_gift li {padding-left: 15px; background: url(/images/mo/ico_bracket.png) no-repeat left top; background-size:0.7rem; font-size: 1.1rem; margin-bottom: 0.8rem; line-height: 1;}
+.my .part_goods .goods_gift .li_gift li:last-child {margin-bottom: 0;}
+.my .part_goods .goods_gift .li_gift li .gift_name {display: inline-block; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; vertical-align: middle; width: 80%;}
+.my .part_goods .goods_gift .li_gift .deduct_p {display: inline-block; color: #fd4802; width: 15%;}
+.my .part_goods .order_confirm {background: #f5f5f5; text-align: center; padding:1.5rem 0;}
+
+
+/* my_review_1 */
+.my .review {}
+.my .review .inner.wide {background: #f5f5f5;}
+/* .my .review .inner .tabWrap .inner{margin-bottom:1.3rem;} */
+.my .review .tabIndex{margin-bottom: 0.85em;}
+.my .review .tabIndex li .count{font-size:1.0rem; font-weight: 300; padding-left: 0.5rem;color: #888888;}
+.my .review .tabIndex li.active a .count{color: #888888;}
+.my .review .tip1 .tip_contents{width: 34rem;transform: translate(-77%, 1.0rem);}
+.my .review .tip2 .tip_contents{width: 31.5rem;transform: translate(-62%, 1.0rem);}
+.my .review .tip1 .tip_contents:before,
+.my .review .tip1 .tip_contents:after{left: 79.5%;}
+.my .review .tip2 .tip_contents:before,
+.my .review .tip2 .tip_contents:after{left: 64.5%;}
+.my .review .tip_wrap ul li{position: relative;padding-left: 1.0rem;font-weight: 200;}
+.my .review .tip_wrap ul li::before{content: '';position: absolute;top: 7px;left: 0;background: #858585;width: 3px;height: 3px;}
+.my .review .part_goods .goods_section:last-of-type {margin-bottom: 2.4rem;border-bottom: 1px solid #ddd;}
+.my .review .part_goods .goods_detail .info_box .od_name .name{-webkit-line-clamp: 1;}
+
+/* my_review_2 */
+.my .review > ul > li .reviewMy {}
+.my .review .once {background: #ffffff;padding: 0;margin-top: -1.5rem;text-align: center;}
+.my .review .alert {position: relative;display: inline-block;height: 7.4rem;width: 100%;max-width: calc(100% - 4.0rem);margin: 2.33rem 0 1.5rem;padding: 1.5rem;text-align: center;font-size: 1.2rem;color: #fd4802;border-color: #ffe4d9;background-color: #fff6f2;border-radius: 0;}
+.my .review .formOnly {position: relative;display: inline-block;color: #666666;text-align: center;}
+.my .review .formOnly::after {content: '';display: inline-block;width: 1rem;height: 1.5rem;position: absolute;top: 5px;right: -1.5rem;background: url(/images/mo/ico_btn_detail02.png);background-size: 0.6rem 1.0rem;background-repeat: no-repeat;}
+.my .review button.alertCls {font-size: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
+
+.my .review .reviewMy .info_box {}
+.my .review .reviewMy .info_box::after {content: ''; clear: both; display: block;}
+.my .review .reviewMy .info_box .star_score {float:left}
+.my .review .reviewMy .info_box .star_score .star {display:inline-block; position:relative; width:10.1rem; height:1.6rem; background:#ddd;}
+.my .review .reviewMy .info_box .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:100%; background:url('/images/pc/star_empty_big.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
+.my .review .reviewMy .info_box .star_score .star .progbar {display:inline-block; height:100%; background:#fd4802}
+.my .review .reviewMy .info_box .writer {float:right;}
+.my .review .reviewMy .info_box .writer span {position:relative; margin-left:2.0rem; padding-left:2.0rem; color:#888; font-size:1.4rem; line-height: 1.8rem;}
+.my .review .reviewMy .info_box .writer span::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); height:1.2rem; width:0.1rem; background:#ddd;}
+.my .review .reviewMy .info_box .writer span:first-child {margin-left:0; padding-left:0}
+.my .review .reviewMy .info_box .writer span:first-child::after {display:none;}
+.my .review .reviewMy .response_box {margin-top:2.5rem}
+.my .review .reviewMy .response_box > div {margin-top:1.5rem;}
+.my .review .reviewMy .response_box > div:first-child {margin-top:0}
+/* .my .review .reviewMy .response_box > div dl div {margin-right:3.0rem} */
+.my .review .reviewMy .response_box > div dl div dt {color:#888;display: inline-block;width: 6.5rem;}
+.my .review .reviewMy .response_box > div dl div dd {display: inline-block;width: calc(100% - 8.05rem);margin-left:1.2rem; color:#fd4802}
+.my .review .reviewMy .response_box2 {margin-top:2.5rem}
+.my .review .reviewMy .response_box2 > div {margin-top:1.5rem;}
+.my .review .reviewMy .response_box2 > div:first-child {margin-top:0}
+/* .my .review .reviewMy .response_box2 > div dl div {margin-right:3.0rem} */
+.my .review .reviewMy .response_box2 > div dl div dt {position:relative;color:#888;display: inline-block;width: auto;font-size: 1.1rem;padding-left: 0.85rem;}
+.my .review .reviewMy .response_box2 > div dl div dt::before {content: '';position: absolute;top: 0.7rem;left: 0;background: #858585;width: 0.3rem;height: 0.3rem;}
+.my .review .reviewMy .response_box2 > div dl div dd {display: inline-block;width: calc(49.45% - 8.05rem);font-size: 1.1rem;margin-left:0.2rem; color:#222222;}
+.my .review .reviewMy .photo_box {margin-top:2.0rem}
+.my .review .reviewMy .photo_box .photo_list {}
+.my .review .reviewMy .photo_box .photo_list > ul li {float:left; width:calc((100% - 9.0rem)/10); margin-left:1.0rem}
+.my .review .reviewMy .photo_box .photo_list > ul li:nth-child(10n-9) {margin-left:0;}
+.my .review .reviewMy .txt_review_box {margin-top:25px; font-size: 1.3rem; line-height:2.1rem;}
+.my .review .reviewMy .reply_box {margin-top:3.0rem; padding-top:1.5rem}
+.my .review .reviewMy .reply_box .reply {position:relative; padding:3.0rem; background:#f5f5f5;}
+.my .review .reviewMy .reply_box .reply::after {content:''; position:absolute; left:0px; top:-1.5rem; width:0px; height:0px; border:1.5rem solid #f5f5f5; border-top-color:transparent; border-right-color:transparent;}
+.my .review .reviewMy .reply_box .reply .reply_writer {}
+.my .review .reviewMy .reply_box .reply .reply_writer span {display:inline-block; position:relative;}
+.my .review .reviewMy .reply_box .reply .reply_writer .wr_name {padding-left:2.4rem; font-weight:300;}
+.my .review .reviewMy .reply_box .reply .reply_writer .wr_name::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1.6rem; height:1.6rem; background:url('/images/pc/ico_admin.png') no-repeat 0 0;}
+.my .review .reviewMy .reply_box .reply .reply_writer .wr_date {padding-left:2.0rem; margin-left:2.0rem; color:#888; font-weight:200;}
+.my .review .reviewMy .reply_box .reply .reply_writer .wr_date::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); height:1.2rem; width:0.1rem; background:#ddd;}
+.my .review .reviewMy .reply_box .reply .reply_txt {margin-top:2.0rem; color:#666; font-size:1.3rem; line-height:2.4rem;}
+.my .review .reviewMy .goods_btn_wrap {padding: 2.0rem 0;}
+
+
+/* my_review_3 */
+.my .review_score {margin-top: 14px;padding-bottom: 2.0rem;border-bottom: 1px solid #dddddd;}
+.my .review_score #star_grade {width: 14.0rem;margin:0 auto;}
+.my .review_score #star_grade button {display: inline-block; width: 25px; height: 25px; text-decoration: none; background: url(/images/pc/ico_star01.png) no-repeat center;}
+.my .review_score #star_grade button.on {background: url(/images/pc/ico_star02.png) no-repeat center;} 
+.my .review_score #star_grade span {display: inline-block; width: 15px; height: 15px; text-decoration: none; background: url(/images/pc/ico_star01.png) no-repeat center/cover;}
+.my .review_score #star_grade span.on {background: url(/images/pc/ico_star02.png) no-repeat center/cover;} 
+/* .my .tbl.review_tbl .form_field input[type="radio"] + label:before {background-position: 0 0;} */
+.my .review .tbl_wrap {padding:3rem 0 0 0;}
+.my .review .tbl_wrap:last-child {padding: 0;}
+.my .review .tbl_wrap .tbl:last-child {border-top: 0;}
+.my .review .tbl_wrap .tbl .tbl_row {padding:0 0 2rem; border-bottom: 1px solid #ddd;}
+/* .my .review .tbl_wrap .tbl .tbl_row:first-child {margin-bottom: 2rem;} */
+.my .review .tbl_wrap .tbl .tbl_row:last-child { border-bottom: 0;}
+.my .review .tbl_wrap .tbl table th, .my .review .tbl_wrap .tbl table td {color: #222; display: block;}
+.my .review .tbl_wrap .tbl table th {padding-bottom: 0.5rem; font-size: 1.4rem; font-weight: 500;}
+.my .review .tbl_wrap .tbl table td {font-size: 1.4rem; }
+.my .review .tbl_wrap .tbl td input {width: 100%;}
+.my .review .tbl_wrap .tbl .password .btn.btn_primary {width: 100%; height: 4.5rem; background: #fff; color:#fd4802}
+.my .review .desc_txt {margin-top: 1.5rem; font-size: 1.1rem; color: #666; font-weight: 200; position: relative; padding-left: 0.6rem;}
+.my .review .desc_txt:before {content:''; position: absolute; left: 0; top: 0.6rem; width: 0.2rem; height: 0.2rem; background: #888;}
+.my .review .btn_group_flex {padding:0 0 6rem; margin:0; background: #fff;}
+.my .review .tbl_wrap .tbl td .certi_wrap {display: block;}
+.my .review .tbl_wrap .tbl td .certi_wrap .btn {width: 8.6rem; height: 4.5rem; position: absolute; top: 0; right: 0; padding: 0; text-align: center;}
+
+.my .review .tbl_wrap .tbl th.ver_top {vertical-align: top; padding-top: 25px;}
+.my .review .tbl_wrap .tbl th.ver_top02 {vertical-align: top;}
+.my .review .tbl_wrap .tbl td textarea {width: 100%; resize:none; height: 82px; padding: 15px; font-size: 14px; color: #868686;}
+.my .review .tbl_wrap .tbl.review_tbl td {padding-left: 0;}
+.my .review .tbl_wrap .tbl.review_tbl td textarea {height: 200px;}
+.my .review .tbl_wrap .tbl td .select {width: 400px;}
+.my .review .tbl_wrap .tbl td .txt_cnt {text-align: right; margin-top: 10px;position: absolute;bottom: 2.0rem;right: 1.0rem;}
+.my .review .tbl_wrap .tbl td .rev_height, 
+.my .review .tbl_wrap .tbl td .rev_weight {border:1px solid #ddd; position: relative;}
+.my .review .tbl_wrap .tbl td .rev_height input, 
+.my .review .tbl_wrap .tbl td .rev_weight input {border:none; padding:0 20px; width: 100%; height: 42px; font-size: 14px; font-weight: 200;}
+.my .review .tbl_wrap .tbl td .rev_height span, 
+.my .review .tbl_wrap .tbl td .rev_weight span {position: absolute; top: 15px; right: 20px; font-size: 14px; font-weight: 300;}
+
+.my .review .tbl_wrap .tbl table[data-name="rating"] tr{border-bottom: 1px solid #dddddd;padding:2rem 0;}
+/* .my .review .tbl_wrap .tbl table[data-name="rating"] tr:last-child{border-bottom: 0px;} */
+.my .review .tbl_wrap .tbl table[data-name="rating"] tr:first-child th{padding: 0rem 0 1rem 0;}
+.my .review .tbl_wrap .tbl table[data-name="rating"] th{padding: 1.5rem 0 1rem 0;}
+.my .review .tbl_wrap .tbl table[data-name="rating"] td:last-child{padding: 0rem 0 1.5rem 0;}
+.my .review_radio .radio_li {width: 33.333%;}
+.my .review_radio .radio_li input[type="radio"] + label {line-height: 1.7;}
+/* .my .review_radio .radio_li input[type="radio"]:checked + label:after {background-position:-20px 0;} */
+.my .review_radio .radio_li span {display: inline-block; font-weight: 300;}
+.my .review_tbl .pics, .my .review_tbl .fileAdd {width: 10.5rem; height: 10.5rem;}
+.my .review_tbl .picsThumbs {max-width:10.5rem; max-height:10.5rem;}
+.my .review_desc {position:relative; margin-top: 20px;padding-left:0.8rem;font-size: 1.1rem;font-weight: 200;color: #666;}
+.my .review_desc:after {content: '';position: absolute;top: 0.7rem;left: 0;background: #858585;width: 0.3rem;height: 0.3rem;}
+.my .review .note {padding: 2rem 0 3rem 0;}
+.my .review .note li {position:relative; padding-left: 0.8rem;color: #888888; font-size:1.2rem}
+.my .review .note li::before {content: '';position: absolute;top: 0.7rem;left: 0;background: #858585;width: 0.3rem;height: 0.3rem;}
+
+
+/* my_order_1 */
+.my .my_order .inner .part_goods {margin-bottom: 1.2rem; margin-top: -1.2rem;}
+.my .my_order .inner .part_goods:last-child {margin-bottom: 0;}
+.my .my_order .order_sort {padding-top: 2rem; text-align: right;}
+.my .my_order .order_sort a {display: inline-block; font-size: 1.2rem; font-weight: 300; padding-right: 1.4rem; background: url('/images/mo/ico_sort_arrow.png') no-repeat right center; background-size:0.7rem 0.43rem;}
+.my .my_order .order_sort a:first-child {margin-right: 2rem;}
+/* .my.btPop_full_open .btPop_full {top:auto; bottom:0; height:auto;} */
+.my .od_filter_pop .btPop_head {display: none;}
+.my .od_filter_pop .btPop_body button {width: 49%; float:left; padding:1.1rem 0; border:1px solid #eee; text-align: center; margin-bottom: 0.6rem; border-radius:3rem; font-size: 1.4rem; font-weight: 300; color: #666;}
+.my .od_filter_pop .btPop_body button.on {border:1px solid #fd4802; color: #fd4802;}
+.my .od_filter_pop .btPop_body button:nth-child(even) {float:right;}
+
+/* my_order_2 */
+.my .my_order .inner {margin-bottom: 1.2rem;}
+.my .my_order .inner:last-child {margin-bottom: 0;}
+.my .inner.bg_beige {background: #fff6f2;}
+.my .order_number {padding:2rem; position: relative; margin-bottom:0;}
+.my .order_number dt, .my .order_number dd {float:left; font-size: 1.4rem; font-weight: 500;}
+.my .order_number dt {margin-right: 0.8rem;}
+.my .order_number .delete {position: absolute; top: 50%; right: 2rem; transform:translateY(-50%); font-size: 1.1rem; color: #666; border-bottom: 1px solid #666;}
+.my .foldGroup {margin-bottom: 0;}
+.my .foldGroup > ul > li {border-bottom: 0;}
+.my .fold_answer {background: #fff; padding-top: 0;}
+.my .ui_row {margin-bottom: 0;}
+.my .foldGroup .fold_head a {padding:2rem;}
+.my .foldGroup .fold_head .fold_tit > div.lap2 {margin-bottom: 0;}
+.my .foldGroup .fold_head .fold_tit span {font-size: 1.6rem;}
+.my .foldGroup .fold_head .fold_tit span.fold_txt {position: absolute; top: 3px; right: 3.3rem; font-size: 1.3rem; color: #666;}
+.my .foldGroup .fold_head.on .fold_tit span {font-weight: 500;}
+.my .foldGroup .fold_head.on .fold_tit span.fold_txt {display: none;}
+.my .foldGroup .customer_info {padding:2rem; padding-top: 0;}
+.my .foldGroup .customer_info dd {font-weight: 300; color: #222;} 
+.my .shipfold .fold_cont {}
+
+.my .ship_info {position: relative;}
+.my .shipfold .ship_info {padding:2rem; padding-top: 0;}
+.my .ship_info .btn_popup {position: absolute; top: 0; right: 2rem; border:1px solid #ddd; width: 7rem; height: 3rem; padding:0; line-height: 3rem; font-size: 1.1rem;}
+.my .ship_info .company {font-weight: 500;}
+.my .ship_info dl > div {margin-bottom: 0.7rem;}
+.my .ship_info dl > div:last-child {margin-bottom: 0;}
+.my .ship_info dl > div.shup_option {margin-top: 0.5rem;}
+.my .ship_info dl > div:first-child dd {font-weight: 500;}
+.my .ship_info dl > div.addr {width: 70%;}
+.my .ship_info dl > div.desc_txt {margin-top:0;}
+/* .my .ship_info dl > div.phone {margin-bottom: 2rem;} */
+.my .ship_info dl > div.ship_request .ship_option {margin-top: 0.5rem;}
+.my .ship_info dl > div.ship_request span {display: inline-block; font-weight: 300; color: #222;}
+.my .ship_info div:after {content:''; display: block; clear:both;}
+.my .ship_info div dt, .my .ship_info div dd {float:left; color: #222; font-weight: 300;}
+.my .ship_info div.ship_request dt {position: relative; margin-right: 1rem; padding-right: 1rem; font-weight: 200;}
+.my .ship_info div.ship_request dt:after {content:''; position: absolute; top: 0.2rem; right: 0; width: 0.1rem; height: 1.2rem; background: #ddd;}
+.my .ship_info div.ship_request.ship_select {margin-top: 1.5rem;}
+.my .ship_info div.ship_request.ship_select dt {position: relative; margin-right: 1rem; padding-right: 1rem; font-weight: 300;}
+.my .ship_info div.ship_request.ship_select dt:after {display: none;}
+.my .ship_info div.ship_request.ship_select dd {display: none;}
+.my .ship_info .select {font-size: 1.3rem;}
+.my .ship_info .select_dress {padding:1.1rem 1.5rem;}
+.my .ship_info .select_options li {padding: 1rem 0;}
+
+.my .icon_tag {display:inline-block;}
+.my .icon_tag::after {content:''; clear:both; display:inline-block; font-weight:300;}
+.my .icon_tag [class*="tag_"] {float:left; display:inline-block; height:2rem; box-sizing:border-box; margin:0px 0 0 4px; padding:0 5px; border:1px solid #ddd; background: #fff; color:#888888; font-size: 11px; font-weight:300; vertical-align:top; line-height:2rem;}
+.my .icon_tag .tag_stype1 {border-color:#f5f5f5; background:#f5f5f5}
+.my .icon_tag .tag_stype2 {border-color:#fd4802; background:#fff6f2; color:#fd4802;}
+
+/* 마이페이지_table */
+.tbl_wrap .tbl_tit {padding-bottom: 1.5rem; position: relative;}
+.tbl_wrap .tbl_tit h3 {font-size: 1.6rem;}
+.tbl_wrap .tbl {padding:2rem 0 0; border-top:1px solid #000; border-bottom:0;} 
+.tbl_wrap .tbl table {text-align:left; word-break:keep-all; width: 100%;}
+.tbl_wrap .tbl table th,
+.tbl_wrap .tbl table td {position:relative; padding:0; font-weight:500; font-size:1.3rem; padding-bottom: 1.2rem; vertical-align: top;}
+.tbl_wrap .tbl table th {font-weight:300; color: #888; font-size: 1.3rem;}
+.tbl_wrap .tbl table th.sr-only {position: absolute;}
+.tbl_wrap .tbl table tr:last-child th, .tbl_wrap .tbl table tr:last-child td {padding-bottom: 0;}
+
+.pay_wrap .pay {position: absolute; top: -8px; right: 0; color: #fd4802; font-weight: 600; font-size: 1.8rem;}
+.pay_wrap .pay span {font-size: 2.1rem;}
+.pay_wrap .tbl {padding:2rem 0; border-bottom: 1px solid #ddd;}
+.pay_wrap .tbl:after {content:''; display: block; clear:both;}
+.pay_wrap .tbl dl > div:after {content:''; display: block; clear:both;}
+.pay_wrap .tbl dl > div:last-child dt, .pay_wrap .tbl dl > div:last-child dd {margin-bottom: 0;}
+.pay_wrap .tbl table dt {vertical-align: top; background: url('/images/mo/ico_bracket.png') no-repeat left top 2px; background-size:0.7rem; padding-left: 1.3rem; color: #888; float:left; margin-bottom: 1.4rem; font-weight: 300;}
+.pay_wrap .tbl table dd {text-align: right; color: #666; float:right;} 
+.pay_wrap .tbl .btn {float: right; padding:0.6rem 1.3rem; font-size: 1.1rem; height:auto; margin-top: 1rem;}
+
+/* my_order_3 */
+.my .my_goodsy .tbl_wrap .tbl {border-bottom: 1px solid #ddd; padding:2rem 0;}
+.my .my_goodsy .inner {margin-bottom: 1.2rem;}
+.my .my_goodsy .goods_tbl {padding-bottom: 6rem;}
+.my .my_goodsy .goods_tbl  .tblWrap {margin: 0;}
+.my .my_goodsy .goods_tbl .tbltitWrap {margin-top: 0;}
+
+/* my_order_4 */
+.my .my_gift {}
+.my .my_gift .gift_wrap {padding:3rem 0;}
+.my .my_gift .gift_wrap h3 {font-size: 1.6rem; border-bottom: 1px solid #000; padding-bottom: 1.5rem;}
+.my .my_gift .gift_wrap .gift_con {padding:2rem 0 0;}
+.my .my_gift .gift_wrap .gift_con .gift_info {font-size: 1.3rem; margin-bottom: 1.5rem; font-weight: 500;}
+.my .my_gift .gift_wrap .gift_con .message {border:1px solid #ffe4d9; padding:1.5rem; background: #fff6f2;}
+.my .my_gift .gift_wrap .gift_con .message .gift_tit {font-size: 1.3rem; color: #fd4802; margin-bottom: 1rem; font-weight: 500;}
+.my .my_gift .gift_wrap .gift_con .message .content {font-size: 1.3rem;}
+.my .my_gift .inner {margin-bottom: 1.2rem;}
+
+/* my_mypage_1 */
+.my input[type="text"] {color: #222;}
+.my input[type="text"]:read-only {background: #f5f5f5;}
+.my .btn_group_flex > div > .btn {font-size: 1.4rem;}
+.my .my_page {}
+.my .my_page .pass_confirm {padding-bottom: 6rem;}
+.my .my_page .pass_confirm .desc {text-align: center; padding:2rem 0;}
+.my .my_page .pass_confirm .form_field {margin-bottom: 1rem;}
+.my .my_page .pass_confirm input {width: 100%; color: #222;}
+.my .my_page .pass_confirm .btn_group_flex > div > .btn {padding: 1.3rem;}
+
+/* my_mypage_2 */
+.my .my_page_edit .inner {margin-bottom: 1.2rem;}
+.my .my_page_edit .inner.wide {background: transparent;}
+.my .my_page_edit .my_edit_section {padding:0 2rem; margin-bottom: 1.2rem; background:#fff;}
+.my .my_page_edit .my_edit_section:last-child {margin-bottom: 0;}
+.my .my_page_edit .tbl_wrap .tbl .tbl_row {padding:0 0 2rem; border-bottom: 1px solid #ddd;}
+.my .my_page_edit .tbl_wrap .tbl .tbl_row:first-child {margin-bottom: 2rem;}
+.my .my_page_edit .tbl_wrap .tbl .tbl_row:last-child {padding-bottom: 0; border-bottom: 0;}
+.my .my_page_edit .tbl_wrap .tbl table th, .my .my_page_edit .tbl_wrap .tbl table td {color: #222; display: block;}
+.my .my_page_edit .tbl_wrap .tbl table th {padding-bottom: 0.5rem; font-size: 1.4rem; font-weight: 500;}
+.my .my_page_edit .tbl_wrap .tbl table td {font-size: 1.4rem; }
+.my .my_page_edit .tbl_wrap .tbl td input {width: 100%;}
+.my .my_page_edit .tbl_wrap .tbl .password .btn.btn_primary {width: 100%; height: 4.5rem; background: #fff; color:#fd4802}
+
+.my .my_page_edit .btn_group_flex {padding:0 0 6rem; margin:0; background: #fff;}
+.my .my_page_edit .tbl_wrap .tbl td .certi_wrap {display: block;}
+.my .my_page_edit .tbl_wrap .tbl td .certi_wrap .btn {width: 8.6rem; height: 4.5rem; position: absolute; top: 0; right: 0; padding: 0; text-align: center;}
+
+/* my_mypage_3 */
+.my .my_page_edit .authen_wrap {text-align: center; padding:5rem 0 3rem;}
+.my .my_page_edit .authen_wrap img {width: 3.4rem;}
+.my .my_page_edit .authen_wrap p {padding: 2rem 0;}
+.my .my_page_edit .authen_wrap button {width: 100%; height: 4.5rem;}
+
+/* my_return_2 */
+.my .my_return .inner {margin-bottom: 1.2rem;}
+.my .my_return .ship_info dl > div.addr {width: 100%;}
+.my .my_return .desc_txt {margin-top: -1.5rem; margin-bottom: 3rem;}
+.my .my_return .tbl .desc_txt {margin-top: 1.3rem; margin-bottom: 0;}
+.my .my_return .tbl_radio label span b {display: inline-block; font-weight: 200; margin-left: 5px;}
+.my .my_return .pay_wrap .tbl .refund_deduct {margin-bottom: 2rem; padding-bottom: 2rem; border-bottom: 1px dashed #ddd;}
+
+/* my_return_3 */
+.my .my_return .tbl_tarea td {font-weight: 300;}
+.my .my_return .tbl_tarea .textarea_wrap {position: relative;}
+.my .my_return .tbl_tarea .textarea_wrap .txt_cnt {position: absolute; right: 1.5rem; bottom: 1.5rem;}
+.my .my_return .tbl_tarea .textarea_wrap textarea {resize:none; height: 15rem; width: 100%; padding:1.7rem 1.5rem;}
+
+/* my_exchange_optionPOP_옵션변경 팝업 */
+.container.my.btPop_open::after {display: none;}
+.container.my.btPop_open .optionPop {top: 55px;}
+
+.container.my.btPop_open .optionPop .btn_group_flex {margin-top: 0;}
+.container.my.btPop_open .optionPop .btPop_close {display: none;}
+.optionPop .btPop_head {display: none;}
+.optionPop .btPop_body {max-height:calc(100% - 98px); height: 100%; padding-bottom: 0;}
+.optionPop .optionPop_tit {font-size: 1.4rem; font-weight: 500; margin-bottom: 1.5rem;}
+.optionPop .option_product_list {margin-bottom: 2.4rem;}
+.optionPop .product_list {border-top: 1px solid #ddd;}
+.optionPop .product_list li {border-bottom: 1px solid #ddd; padding: 1.5rem 0;}
+
+.optionPop .option_list li {border-bottom: 1px dashed #ddd; padding:2rem 0 0;}
+.optionPop .option_list li:first-child {padding-top: 0;}
+.optionPop .option_list li:last-child {border-bottom: 0;}
+.optionPop .option_list li > div {margin-bottom: 1.5rem;}
+.optionPop .option_list li .option_box {margin:0 -0.78%}
+.optionPop .option_list li .option_box:after {content:''; display: block; clear:both;}
+.optionPop .option_list li .option_box button {height: 3.4rem; width: 18.4%; float:left; margin: 0 0.78% 1.56%; padding: 0;}
+.optionPop .option_list li .option_box button.on {border:1px solid #fd4802;}
+.optionPop .option_list li .option_box button:active {background: #fff;}
+.optionPop .option_list li .option_box button:disabled {background: #f5f5f5;}
+.optionPop .option_list li .option_box button:disabled span {text-decoration: line-through; color: #bbb;}
+.optionPop .option_list li .option_name {font-size: 1.4rem; font-weight: 500;}
+.optionPop .option_list li .option_field {margin-top: 1.5rem;}
+
+/* my_return_3_accountPop_환불계좌등록 팝업 */
+.refund_account_pop .btPop_head {display: none;}
+.refund_account_pop .tbl_wrap {padding-top: 0;}
+.refund_account_pop .tbl_wrap .tbl_tit {padding-bottom: 1.5rem; padding-top: 1rem;}
+.refund_account_pop .tbl_wrap .tbl {border-top: 0;}
+.refund_account_pop .tbl_wrap .tbl .tbl_row {padding:0 0 2rem; border-bottom: 1px solid #ddd;}
+.refund_account_pop .tbl_wrap .tbl .tbl_row:first-child {margin-bottom: 2rem;}
+.refund_account_pop .tbl_wrap .tbl .tbl_row:last-child {padding-bottom: 0; border-bottom: 0;}
+.refund_account_pop .tbl_wrap .tbl table th, .refund_account_pop .tbl_wrap .tbl table td {color: #222; display: block;}
+.refund_account_pop .tbl_wrap .tbl table th {padding-bottom: 1.5rem; font-size: 1.4rem; font-weight: 500;}
+.refund_account_pop .tbl_wrap .tbl table td {font-size: 1.4rem; padding-bottom: 3rem;}
+.refund_account_pop .tbl_wrap .tbl td input {width: 100%;}
+.refund_account_pop .tbl_wrap .tbl .password .btn.btn_primary {width: 100%; height: 4.5rem; background: #fff; color:#fd4802}
+.refund_account_pop .tbl_wrap .tbl td .certi_wrap {width: 100%;}
+.refund_account_pop .tbl_wrap .tbl td .certi_wrap .btn {width: 8.6rem; height: 4.5rem; position: absolute; top: 0; right: 0; padding: 0; text-align: center;}
+.refund_account_pop .tbl_wrap .tbl table tr:last-child th, .refund_account_pop .tbl_wrap .tbl table tr:last-child td {padding-bottom: 0;}
+.refund_account_pop .tbl_wrap .tbl table tr:last-child th {padding-bottom: 1.5rem;}
+
+/* my_delivery_1 */
+.my .my_delivery {}
+.my .my_delivery .inner:last-child {padding-bottom: 0;}
+.my .my_delivery .ship_info {padding:3rem 2rem; border-bottom: 1px solid #eee;}
+.my .my_delivery .ship_info.active {background: #fff6f2;}
+.my .my_delivery .ship_info dl > div.addr {width: 100%;}
+.my .my_delivery .ship_info .btn_group_flex {display: block; margin-top: 2rem;}
+.my .my_delivery .ship_info .btn_group_flex > div {flex-grow:unset; flex:unset;}
+.my .my_delivery .ship_info .btn_group_flex > div:first-child {float:left;}
+.my .my_delivery .ship_info .btn_group_flex > div:last-child {float:right;}
+.my .my_delivery .ship_info .btn_group_flex > div .btn {padding:0.55rem 1.3rem; font-size: 1.1rem;}
+
+/* my_delivery_2 */
+.my .my_delivery .tbl_wrap {padding:3rem 2rem 0;}
+.my .my_delivery .tbl_wrap:first-child  {padding-top: 2rem;}
+.my .my_delivery .tbl_wrap .tbl.tbl_dlvr {border-top: 0; padding-top: 0;}
+.my .my_delivery .tbl_wrap .tbl.tbl_dlvr .input_wrap {display: block; width: 100%; position: relative;}
+.my .my_delivery .tbl_wrap .tbl.tbl_dlvr .input_wrap button.btn_sch {position: absolute; top: 0; right: 0; border:0; width: 5rem; height: 4.5rem; background:transparent url('/images/mo/ico_search_btn.png') no-repeat center; background-size:2rem; margin-left: 0;}
+.my .my_delivery .tbl_wrap .tbl.tbl_dlvr .input_wrap input.form_control + input.form_control {margin-top: -1px;}
+.my .my_delivery .tbl_wrap .tbl.tbl_dlvr input[type='text'] {width: 100%; font-size: 1.3rem; color: #888; font-weight: 300;}
+.my .my_delivery .dlvr_basic {margin-top: 1.5rem;}
+.my .my_delivery .dlvr_basic label {font-size: 1.4rem;}
+.my .my_delivery .tbl_wrap .tbl.tbl_request {padding:1.6rem 0;}
+.my .my_delivery .tbl_wrap .tbl.tbl_request table td {padding-bottom: 1.6rem;}
+.my .my_delivery .tbl_wrap .tbl.tbl_request table tr:last-child td {padding-bottom: 0;}
+.my .my_delivery .tbl_wrap .tbl.tbl_request input[type="text"] {width: 100%; height: 4.5rem; font-size: 1.3rem; color: #888; font-weight: 300;}
+.my .my_delivery .tbl_wrap .tbl.tbl_request input[type="text"]::placeholder {}
+.my .my_delivery .tbl_wrap .tbl.tbl_request .desc_txt {margin-top: 1rem;}
+
+/* dp_submain */
+main.dp .inner:last-child {padding-bottom: 0;}
+.dp .submain_visual img {width: 100%;}
+.dp .submain_visual .swiper-pagination-fraction {bottom: 4rem ; width:auto; left: 2rem; background: rgba(34,34,34,.5); color: #fff; font-weight: 300;padding:0.5rem 0.7rem; line-height: 1; font-size: 1.2rem; border-radius:2rem;}
+.dp .submain_visual .swiper-pagination-current {font-weight: 600;}
+.dp .submain_visual .txtWrap {position: absolute; left: 2rem; bottom: 9rem; color: fff;}
+.dp .submain_visual .txtWrap p {color: #fff; font-size: 3rem; font-weight: 500; line-height: 1.2;}
+.dp .submain_visual .txtWrap p.txt_xs {font-size: 1.4rem; margin-top: 1.6rem; font-weight: 300;}
+.dp .sub_category {padding:2.4rem 0 0.3rem; position: relative;}
+.dp .sub_category .cate_wrap {margin:0 -0.4rem; max-height:13rem; overflow:hidden;}
+.dp .sub_category .cate_wrap.on {max-height:100%;}
+.dp .sub_category .cate_wrap:after {content:''; display: block; clear:both;}
+.dp .sub_category .cate_wrap a {float:left; background: #fff; margin:0 0.4rem 0.8rem; padding:1.2rem 1.4rem; font-size: 1.3rem; color: #666; border-radius:2rem; line-height: 1;}
+.dp .sub_category .more_btn {width: 100%; text-align: center; height: 6rem; margin-bottom: -1.3rem;}
+.dp .sub_category .more_btn.on {}
+.dp .sub_category .more_btn .btn {display: block; width: 100%; height: 100%; font-size: 1.3rem; color: #666; background: transparent; border:none; padding: 0;}
+.dp .sub_category .more_btn .btn span {position: relative; display: inline-block; padding-right: 1.9rem; line-height: 1;}
+.dp .sub_category .more_btn .btn span:before {content:''; position: absolute; top: 0.3rem; right: 0;width: 1.1rem; height: 0.63rem; background: url('/images/mo/ico_btn_more02.png') no-repeat top center;
+background-size:100%;}
+.dp .sub_category .more_btn.on .btn span:before {background: url('/images/mo/ico_btn_more02.png') no-repeat bottom center; background-size:100%;}
+.dp .dp_submain .new_item .dp_subtitle, .dp .dp_submain .best_item .dp_subtitle {text-align: center; margin-bottom: 2.4rem;}
+.dp .dp_submain .new_item {padding:4rem 2rem 0; margin-bottom: 6rem;}
+.dp .dp_submain .new_item .swiper-slide {width: 43.75%;}
+.dp .dp_submain .new_item .swiper-container {overflow: initial;}
+.dp .dp_submain .best_item {margin-bottom: 2rem;}
+.dp .dp_submain .best_item .itemsGrp:after {content:''; display: block; clear:both;}
+.dp .dp_submain .best_item .itemsGrp .item_prod {width: 48.75%; float:left; margin-right: 2.5%; margin-bottom: 4rem;}
+.dp .dp_submain .best_item .itemsGrp .item_prod:nth-child(2n) {margin-right: 0;}
+
+/* od_테이블 */
+.od .goods_top {position: relative; padding-bottom: 1.5rem; border-bottom: 1px solid #ddd; font-size: 0; margin-bottom: 2.5rem;}
+.od .goods_top h3 {margin-bottom: 0;}
+.od .goods_top span {display: inline-block; margin-left: 0.8rem;}
+.od .goods_top .start_t, .od .goods_top .gift_t, .od .goods_top .goods_date {font-size: 1.5rem; font-weight: 500;}
+
+.od .goods_top .detail_btn {position: absolute; bottom: 1.5rem; right: 0; font-size: 1.3rem; color: #8d8d8d; padding-right: 1.4rem; background: url(/images/mo/ico_btn_detail02.png) no-repeat right top 3px; background-size:0.53rem 0.9rem;}
+.od .goods_top .delete_btn {position: absolute; bottom: 1.5rem; right: 0; font-size: 1.3rem; color: #8d8d8d; padding-right: 1.4rem; background: url(/images/mo/ico_btn_cls.png) no-repeat right top 3px; background-size:0.9rem 0.9rem;}
+.od .goods_top .purchase_btn {position: absolute; bottom: 1.5rem; right: 0; font-size: 1.3rem; color: #8d8d8d; padding-right: 1.6rem; background: url(/images/mo/ico_check01.png) no-repeat right top 3px; background-size:1.06rem 0.8rem;}
+.od .badge_wrap {display: inline-block;}
+.od .order_badge {font-size: 0.9rem; color: #666; font-weight: 300; border:1px solid #888; padding:0.5rem 0.4rem; margin-left: 1px; vertical-align: top;}
+.od .order_bullet_badge {color: #fd4802; border:1px solid #fd4802;}
+
+.od .part_goods {position:relative;}
+.od .part_goods:first-child {}
+.od .part_goods h3.subH2 span {color:#888; font-size:16px; font-weight:200;}
+.od .part_goods .goods_section {padding-bottom: 2.4rem; margin-bottom: 2.4rem; border-bottom: 1px dashed #ddd;}
+.od .part_goods .goods_section:last-of-type {margin-bottom: 0; border-bottom: 0;}
+.od .part_goods .btn_area {position:absolute; right:0; top:-8px; z-index:2;}
+.od .part_goods .btn_area button {padding:8px 14px; background:#f5f5f5; border:none; color:#222; font-size:14px; font-weight:200;}
+
+.od .part_goods .goods_status {margin-bottom:1.2rem;}
+.od .part_goods .goods_status .dlvr_staus {display: inline-block; font-size: 1.3rem; font-weight: 500; color: #fd4802; margin-right: 0.4rem;}
+.od .part_goods .goods_status .dlvr_desc {display: inline-block; font-size: 1.3rem; color: #888; font-weight: 300;}
+
+.od .part_goods .goods_btn_wrap {margin: 1.8rem 0;}
+.od .part_goods .goods_txt {background: #f5f5f5; text-align: center; padding:1.5rem 0; margin: 1.8rem 0 0;}
+.od .part_goods .goods_txt p {font-size: 1.1rem; font-weight: 300;}
+.od .part_goods .goods_txt .period {color: #fd4802; margin-top: 0.5rem;}
+.od .part_goods .goods_alert {text-align: center; margin-bottom: 1.8rem;}
+.od .part_goods .goods_alert p {display: inline-block; text-align: left; font-size: 1.1rem; font-weight: 200; color: #fd4802; padding-left: 2rem; background: url(/images/mo/ico_err02.png) no-repeat left top; background-size: 1.5rem;}
+

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

@@ -15,3 +15,22 @@ function qna_list(){
     }
 }
 qna_list();
+
+// sch_result 탭메뉴
+var schTab = document.querySelectorAll(".sch_result .area_taps .sch-tab");
+var srCont = document.querySelectorAll(".sch .sch_result .sch_result_cont");
+
+function sch_tab(){
+  for(var i=0; i<schTab.length; i++){
+      schTab[i].classList.remove("on");
+      this.classList.add("on");
+  }
+}
+
+function tab_event(){
+  for(var i=0; i<schTab.length; i++){
+    schTab[i].addEventListener("click", sch_tab);
+  }
+}
+
+tab_event();

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

@@ -1,221 +0,0 @@
-var ajax_flag = true;
-var req01_AJAX;
-var PayUrl="";
-
-function initRequest() {
-	if ( window.XMLHttpRequest ) {
-		return new XMLHttpRequest();
-	} else if ( window.ActiveXObject ) {
-		return new ActiveXObject( "Microsoft.XMLHTTP" );
-	}
-}
-
-function sendRequest( url ) {
-	req01_AJAX = null;
-	req01_AJAX = initRequest();
-	
-	if ( req01_AJAX ) {
-		req01_AJAX.onreadystatechange = process_AJAX;
-		req01_AJAX.open( "POST", url, true );
-		req01_AJAX.send( null );
-	}
-}
-
-function kcp_AJAX() {
-	// 해당 소스는 jQuery를 사용 하지 않는 업체에서도 작동 할수 있도록 구현되었습니다.
-	// 이 부분은 javascript로 구현시 jQuery를 이용하면 더욱 쉽게 구현 할수 있습니다.
-	// 또는
-	// javascript를 통한 ajax 통신을 할 필요 없이 소스내에 order_approval.jsp를 연동해서 사용 하셔도 관계 없으며
-	// 제공되는 jar 파일에 직접 전달된 데이터를 사용할수 있도록 method가 구현 되어 있습니다.
-	if(ajax_flag) {
-		var url    = "/pg/kcp/approval";
-		var form = document.order_info;
-		var params = "?site_cd=" + form.site_cd.value
-			+ "&ordr_idxx=" + form.ordr_idxx.value
-			+ "&good_mny=" + form.good_mny.value
-			+ "&pay_method=" + form.pay_method.value
-			+ "&escw_used=" + form.escw_used.value
-			+ "&good_name=" + form.good_name.value
-			+ "&response_type=" + form.response_type.value
-			+ "&Ret_URL=" + form.Ret_URL.value;
-		sendRequest( url + params );
-		
-		ajax_flag = false;
-	} else {
-		alert("통신 중입니다. 잠시만 기다려 주세요.");
-	}
-	
-}
-
-function process_AJAX() {
-	if ( req01_AJAX.readyState == 4 ) {		//READY_STATE_COMPLETE = 4
-		if ( req01_AJAX.status == 200 ) {
-			if ( req01_AJAX.responseText != null ) {
-				// 해당 소스는 jQuery를 사용 하지 않는 업체에서도 작동 할수 있도록 구현되었습니다.
-				// 이 부분은 javascript로 구현시 jQuery를 이용하면 더욱 쉽게 구현 할수 있습니다.
-				// 또는
-				// javascript를 통한 ajax 통신을 할 필요 없이 소스내에 order_approval.jsp를 연동해서 사용 하셔도 관계 없으며
-				// 제공되는 jar 파일에 직접 전달된 데이터를 사용할수 있도록 method가 구현 되어 있습니다.
-				try {
-					var form = document.order_info;
-					
-					if( form.response_type.value == "JSON" ) {
-						StateChangeForJSON( req01_AJAX ); // JSON 방식일 경우
-					} else if( form.response_type.value == "XML" ) {
-						StateChangeForXML( req01_AJAX ); // XML 방식일 경우
-					} else if( form.response_type.value == "TEXT" || form.response_type.value == "" ) {
-						StateChangeForText( req01_AJAX ); // TEXT 방식일 경우
-					}
-				} catch( e ) {
-					StateChangeForText( req01_AJAX ); // TEXT 방식일 경우
-				}
-			}
-		} else {
-			ajax_flag=true;
-			alert( req01_AJAX.responseJSON );
-		}
-	}
-}
-
-function StateChangeForText( req ) {
-	var txt = req01_AJAX.responseText.split( ":" );
-	
-	if( txt[0].replace(/^\s*/,'').replace(/\s*$/,'') == '0000' ) {
-		document.getElementById( "approval" ).value = txt[1].replace(/^\s*/,'').replace(/\s*$/,'');
-		// 아래 alert는 삭제 해도됨
-		alert("성공적으로 거래가 등록 되었습니다.");
-		PayUrl = decodeURIComponent( txt[2].replace(/^\s*/,'').replace(/\s*$/,'') );
-		
-		document.getElementById( "traceNo" ).value = txt[3].replace(/^\s*/,'').replace(/\s*$/,'');
-		
-		if( txt.length == 6 )
-			document.getElementById( "PayUrl"  ).value = txt[5].replace(/^\s*/,'').replace(/\s*$/,'');
-		
-		call_pay_form();
-	} else {
-		var res_msg = txt[2].replace(/^\s*/,'').replace(/\s*$/,'');
-		
-		ajax_flag=true;
-		alert("실패 되었습니다.[" + res_msg + "]");
-	}
-}
-
-function StateChangeForXML( req ) {
-	var xmlDoc = ( new DOMParser() ).parseFromString( req.responseText.replace(/^\s*/,'').replace(/\s*$/,''), "text/xml" ).documentElement;
-	
-	var x = xmlDoc.getElementsByTagName( "data" );
-	
-	if( x[0].getElementsByTagName( "Code" )[0].childNodes[0].nodeValue == '0000' ) {
-		document.getElementById( "approval" ).value = x[0].getElementsByTagName( "approvalKey" )[0].childNodes[0].nodeValue;
-		// 아래 alert는 삭제 해도됨
-		alert("성공적으로 거래가 등록 되었습니다.");
-		PayUrl = x[0].getElementsByTagName( "PayUrl" )[0].childNodes[0].nodeValue;
-		
-		document.getElementById( "traceNo" ).value = x[0].getElementsByTagName( "traceNo"     )[0].childNodes[0].nodeValue;
-		
-		try{
-			document.getElementById( "PayUrl"  ).value = x[0].getElementsByTagName( "request_URI" )[0].childNodes[0].nodeValue;
-		}catch(e){}
-		
-		call_pay_form();
-	} else {
-		ajax_flag=true;
-		
-		alert("실패 되었습니다.[" + x[0].getElementsByTagName( "Message" )[0].childNodes[0].nodeValue + "]");
-	}
-}
-
-
-function StateChangeForJSON( xmlHttpRequest ) {
-	var json = eval('('+ xmlHttpRequest.responseText +')');
-	
-	if( json.Code == '0000' ) {
-		document.getElementById( "approval" ).value = json.approvalKey;
-		// 아래 alert는 삭제 해도됨
-		alert("성공적으로 거래가 등록 되었습니다.");
-		PayUrl = json.PayUrl;
-		
-		document.getElementById( "PayUrl"  ).value = json.request_URI;
-		document.getElementById( "traceNo" ).value = json.traceNo;
-		
-		call_pay_form();
-	} else {
-		ajax_flag=true;
-		
-		alert("실패 되었습니다.[" + json.Message + "]");
-	}
-}
-
-/* kcp web 결제창 호츨 (변경불가) */
-function call_pay_form() {
-	var v_frm = document.order_info;
-	
-	if(v_frm.encoding_trans == undefined) {
-		v_frm.action = PayUrl;
-	} else {
-		if(v_frm.encoding_trans.value == "UTF-8") {
-			v_frm.action = PayUrl.substring(0, PayUrl.lastIndexOf("/")) + "/jsp/encodingFilter/encodingFilter.jsp";
-			v_frm.payUrl.value = PayUrl;
-		} else {
-			v_frm.action = PayUrl;
-		}
-	}
-	
-	if (v_frm.Ret_URL.value == "") {
-		/* Ret_URL값은 현 페이지의 URL 입니다. */
-		alert("연동시 Ret_URL을 반드시 설정하셔야 됩니다.");
-		return false;
-	} else {
-		v_frm.submit();
-	}
-}
-
-/* kcp 통신을 통해 받은 암호화 정보 체크 후 결제 요청 (변경불가) */
-function chk_pay() {
-	self.name = "tar_opener";
-	var pay_form = document.pay_form;
-	
-	if (pay_form.res_cd.value == "3001" ) {
-		alert("사용자가 취소하였습니다.");
-		pay_form.res_cd.value = "";
-	}
-	
-	if (pay_form.enc_info.value)
-		pay_form.submit();
-}
-
-var isMobile = {
-	Android: function() {
-		return navigator.userAgent.match(/Android/i);
-	},
-	BlackBerry: function() {
-		return navigator.userAgent.match(/BlackBerry/i);
-	},
-	iOS: function() {
-		return navigator.userAgent.match(/iPhone|iPad|iPod/i);
-	},
-	Opera: function() {
-		return navigator.userAgent.match(/Opera Mini/i);
-	},
-	Windows: function() {
-		return navigator.userAgent.match(/IEMobile/i);
-	},
-	any: function() {
-		return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows());
-	}
-};
-
-/*if( isMobile.any() )
-	document.getElementById("cssLink").setAttribute("href", controlCss);*/
-
-function jsf__chk_type() {
-	if ( document.order_info.ActionResult.value == "card" ) {
-		document.order_info.pay_method.value = "CARD";
-	} else if ( document.order_info.ActionResult.value == "acnt" ) {
-		document.order_info.pay_method.value = "BANK";
-	} else if ( document.order_info.ActionResult.value == "vcnt" ) {
-		document.order_info.pay_method.value = "VCNT";
-	} else if ( document.order_info.ActionResult.value == "mobx" ) {
-		document.order_info.pay_method.value = "MOBX";
-	}
-}

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

@@ -617,55 +617,29 @@ content: "〉";font-size: 12px;padding-left: 8px;
 .pageNav {display: table; margin-left: auto; margin-right: auto;}
 .pageNav:after {display: table;clear: both;content: " ";}
 .pageNav > li {display: inline;}
-.pageNav > li > a, .pageNav > li > span {
-  position: relative;
-  float: left;
-  font-size: 16px;
-  font-weight: 400;
-  padding: 6px 2px;
-  margin-left: 40px;
-  line-height: 1.42857143;
-  color: #666666;
-  text-decoration: none;
-  background-color: #ffffff;
-}
+.pageNav > li > a, .pageNav > li > span {position: relative; float: left; font-size: 16px; font-weight: 400; padding: 6px 2px; margin-left: 40px; line-height: 1.42857143; color: #666666; text-decoration: none; background-color: #ffffff;}
 .pageNav > li:first-child > a, 
 .pageNav > li:first-child > span { margin-left: 0;}
-.pageNav .next a, .pageNav .prev a {
-    vertical-align: top;
-    background-repeat: no-repeat;
-    background-position: 50% 50%;
-}
+.pageNav .next a, 
+.pageNav .prev a {vertical-align: top; background-repeat: no-repeat; background-position: 50% 50%;}
 .pageNav .disabled a {width:15px; height: 34px; background: url('/images/pc/ico_paging.png')no-repeat 0 11px; text-indent: -9999px;}
 .pageNav .disabled.prev a {width:8px; height: 34px; background-position: -23px 11px; margin-left: 29px;}
-.pageNav .next a,.pageNav > li:last-child a { width:15px; height: 34px; background: url('/images/pc/ico_paging.png')no-repeat -64px 11px; text-indent: -9999px;}
+.pageNav .prev a,
+.pageNav > li:first-child a { width:15px; height: 34px; background: url('/images/pc/ico_paging.png')no-repeat 0 11px; text-indent: -9999px;}
+.pageNav .next a,
+.pageNav > li:last-child a { width:15px; height: 34px; background: url('/images/pc/ico_paging.png')no-repeat -64px 11px; text-indent: -9999px;}
 .pageNav > li:last-child a {margin-left: 29px;}
-.pageNav .next a{width: 8px; height: 34px; background-position: -47px 11px;}
+.pageNav .prev a {width: 8px; height: 34px; background-position: -23px 11px;}
+.pageNav .next a {width: 8px; height: 34px; background-position: -47px 11px;}
 .pageNav > li.active > a {color: #fd4802;}
-.pageNav > li.active > a::after {
-  content: ''; display: block; width: 100%; height: 2px; background: #fd4802;
-  position: absolute; left: 0px; bottom: 5px; top: auto; right: auto;
-}
-.pageNav a:hover, .pageNav span:hover {
-  /* 디자인 없음 */
-  /* color: #ffffff; background-color: #fd4802; border-color: #fd4802; */
-}
+.pageNav > li.active > a::after {content: ''; display: block; width: 100%; height: 2px; background: #fd4802; position: absolute; left: 0px; bottom: 5px; top: auto; right: auto;}
+.pageNav a:hover, .pageNav span:hover {/* 디자인 없음 *//* color: #ffffff; background-color: #fd4802; border-color: #fd4802; */}
 .pageNav > .active > a:hover, .pageNav > .active > span:hover,
-.pageNav > .active > a:focus, .pageNav > .active > span:focus {
-  cursor: default;
-  /* 디자인없음 */
-  /*
-  z-index: 2; 
-  color: #ffffff; background-color: #fd4802; border-color: #fd4802;
-  */
-}
+.pageNav > .active > a:focus, .pageNav > .active > span:focus {cursor: default; /* 디자인없음 */ /*z-index: 2; color: #ffffff; background-color: #fd4802; border-color: #fd4802;*/}
 .pageNav > .disabled > span, .pageNav > .disabled > span:hover, .pageNav > .disabled > span:focus, 
-.pageNav > .disabled > a, .pageNav > .disabled > a:hover, .pageNav > .disabled > a:focus {
-  color: #dddddd;
-  cursor: not-allowed;
-  background-color: #ffffff;
-  border-color: #dddddd;
-}
+.pageNav > .disabled > a, 
+.pageNav > .disabled > a:hover, 
+.pageNav > .disabled > a:focus {color: #dddddd; cursor: not-allowed; background-color: #ffffff; border-color: #dddddd;}
 
 /* folding Group */
 .fold_head a::after ,

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

@@ -507,6 +507,8 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 .breadcrumb ul li:first-of-type::before {content:none;}
 .breadcrumb ul li::before {content:''; display: inline-block; width:6px; height: 11px; padding: 0 12px; background: url('/images/pc/ico_bread_root.png')no-repeat center center;}
 
+.ev .breadcrumb ul li:nth-child(2) {color:#222; font-weight: 300;}
+
 .area_top_list_info {position:relative; width:100%; margin:60px auto 30px}
 .area_top_list_info .total_count {font-size:16px; color:#888; font-weight:200;}
 .area_top_list_info .total_count span {color:#fd4802; font-weight:300;}
@@ -622,6 +624,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 .dp .lnb_tit h3, .sch_result .lnb_tit h3 {padding:22px 0; margin-bottom: 0; max-height:60px; min-height:60px; border-top: 1px solid #222; border-bottom: 1px solid #ddd;}
 .dp .lnb_tit h3, .sch_result .lnb_tit h3 {font-size: 18px;}
 .dp .itemsGrp {margin:0 -10px;}
+.dp .promotion_visual img {width: 100%;}
 
 /* 상품리스트 > 상품 form */
 .item_gd {}
@@ -1382,7 +1385,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	/* dp_list */
 	.dp .select_dress {padding:12px 15px;}
 	.dp .dp_inner {max-width:1780px; margin: 0 auto;}
-	.container .wrap .content.dp_list,.container .wrap .content.dp_best,.container .wrap .content.dp_hotdeal,.container .wrap .content.dp_Exhibition,.container .wrap .content.dp_Bulletship {max-width: 1780px; overflow: hidden;}
+	.container .wrap .content.dp_list,.container .wrap .content.dp_hotdeal,.container .wrap .content.dp_Exhibition,.container .wrap .content.dp_Bulletship {max-width: 1780px; overflow: hidden;}
 	.container .wrap .content.wide.dp_detail_case1 {max-width: 1920px;}
 	.container.dp .cont_head > div {position: relative;}
 	.container.dp .cont_head > div.item_header {padding: 80px 0 60px;}
@@ -1709,41 +1712,35 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	/* dp_hotdeal */
 	.dp_hotdeal .hotdeal {position: relative; width:100%; height: 378px; margin-bottom: 120px; background: url(/images/pc/thumb/hotdeal_bg2.jpg)no-repeat center center;}
 	.dp_hotdeal .itemsGrp {max-width:1780px; margin:0 auto;}
-	#countdown{
+	.dp_hotdeal #countdown{
 		text-align: center;
 		margin: auto;
 		position: absolute;
-		width:100%;
-		top:268px;
+		font-size: 0;
+		width:auto;
+		top:256px;
 		left:50%;
+		margin-left: 75px;
 		transform: translateX(-50%);
 	}
-	#countdown {position: relative; z-index: 1;}
-	#countdown span{
-		width: 166px;
-		font-size: 88px;
-		font-weight: bold;
-		text-align: center;
-		color: #222;
-		/* background-color: #fff; */
-		padding: 50px 0;
-		display: inline-block;
-		position: relative;
-	}
-	#countdown span:nth-child(2) {margin: 0 72px;}
 
-	#countdown span{
-		width: 166px;
-		font-size: 88px;
-		font-weight: bold;
+	.dp_hotdeal #countdown span:nth-child(2) {margin: 0 10px;}
+
+	.dp_hotdeal #countdown span{
+		width: auto;
+		font-size: 26px;
+		font-weight: 300;
 		text-align: center;
-		color: #222;
-		/* background-color: #fff; */
-		padding: 50px 0;
+		color: #fff;
 		display: inline-block;
 		position: relative;
 	}
 
+	.dp_hotdeal #countdown span:first-child:after {content:''; position: absolute; top: 5px; right: -6px; background: #fff; width: 3px; height: 3px; border-radius: 50%;}
+	.dp_hotdeal #countdown span:first-child:before {content:''; position: absolute; top: 15px; right: -6px; background: #fff; width: 3px; height: 3px; border-radius: 50%;}
+	.dp_hotdeal #countdown span:nth-child(2):after {content:''; position: absolute; top: 5px; right: -7px; background: #fff; width: 3px; height: 3px; border-radius: 50%;}
+	.dp_hotdeal #countdown span:nth-child(2):before {content:''; position: absolute; top: 15px; right: -7px; background: #fff; width: 3px; height: 3px; border-radius: 50%;}
+
 	/* 핫딜 전용 아이템 리스트 */
 	.dp .itemsGrp.rowtype .item_prod {width: 49.43%; margin-bottom: 1.12%; height: 420px; border:1px solid #ddd; overflow: hidden;}
 	.dp .itemsGrp.rowtype .item_prod:nth-child(2n) {margin-right: 0;}
@@ -1900,6 +1897,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.dp .bullet_sticky_nav ul li:last-child::after {display: none;}
 	.dp .bullet_sticky_nav ul li::after {content:''; position: absolute; top:50%; right: 0; transform: translateY(-50%); width:1px; height: 14px; background: #ddd;}
 	.dp .bullet_sticky_nav ul li a {font-weight: 500;}
+	.dp .bullet_sticky_nav ul li a.active {color:#fd4800;}
 	.dp .list_content .item_header {text-align: center; padding: 78px 0 68px;}
 	.dp .Bulletship_list {max-width:1780px; margin:0 auto;}
 	.dp .Bulletship_list .cont_head {display: block;}
@@ -2196,6 +2194,7 @@ dp_banner_slide03
 	/* 전시_서브메인 */
 	.container.dp .content {max-width:1780px; /*margin:0 auto 120px !important;*/}
 	.container.dp .content.wide {max-width: 100%;}
+	.container.dp .content.dp_best {max-width:100%;}
 	.dp .content .cont_head .displayH {margin-bottom: 60px; text-align: center;}
 	.dp .dp_submain .dp_sum_slide {position: relative; margin-bottom: 120px; }
 	.dp .dp_submain .dp_sum_slide .swiper-pagination {margin:0;}
@@ -2235,10 +2234,14 @@ dp_banner_slide03
 	.dp .new_item .item_prod {width: 100%;}
 
 	.dp .md_item {background: #fff; padding: 0px 48px; margin: 100px 0px;}
-	.dp .md_item .cont_body {position: relative; padding:0 140px;}
-	.dp .md_item .swiper-container {height:730px; padding-bottom:70px;}
+	.dp .md_item .cont_body {position: relative; padding:0 70px;}
+	.dp .md_item .swiper-container {padding-bottom:70px;}
 	.dp .md_item .swiper-pagination {position:absolute; bottom:0;}
-	.dp .md_item .swiper-slide {}
+	.dp .md_item .swiper-slide .item_state {padding:0;}
+	.dp .md_item .swiper-button-next::after, 
+	.dp .md_item .swiper-button-prev::after {display:inline-block; width:26px; height:50px; background-image:url(/images/pc/ico_arr_lg.png); background-repeat:no-repeat; font-size: 0;}
+	.dp .md_item .swiper-button-next::after {background-position:100% 50%;}
+	.dp .md_item .swiper-button-prev::after {background-position:0% 50%;}
 	.dp .md_item .item_prod {width: 100%; margin-bottom: 0;}
 
 	.dp .dp_category {margin:120px 0; padding:80px 0; background: #f5f5f5; text-align: center;}
@@ -2257,19 +2260,19 @@ dp_banner_slide03
 
 	.dp .dp_best_live {height: 720px; padding-top: 120px !important; margin-bottom: 15px; position: relative;	display: -webkit-box;display: -ms-flexbox;display: flex; background: #f5f5f5;}
 	.dp .dp_best_live::after {content: '';display: block;clear: both;}
-	.dp .dp_best_live .cont_head {width: 260px !important;height: auto; line-height: 1.2; float: left; margin-left: 70px; /*padding: 0 135px;*/position: relative;}
-	.dp .dp_best_live .cont_head .displayH {text-align: left; line-height: 52px;}
-	.dp .dp_best_live .cont_head .displayH span {color:#fd4800}
-	.dp .dp_best_live .cont_head a {margin: 22px 0;display: block;line-height: 0;padding: 0;}
-	.dp .dp_best_live .cont_head a span::after{content: "";width: 20px;height: 13px;display: inline-block;background: url(/images/pc/ico_more_lg.png) 0% 0% no-repeat; background-position: 10px 0px;}
-	.dp .dp_best_live .cont_body{width: calc(100% - 380px); float: left; margin:0 70px 0 0;}
-	.dp .dp_best_live .cont_body .item_state {padding:0 0 60px;}
-	.dp .dp_best_live .cont_body .item_prod {margin-bottom: 0; margin-right: 0; width: 100%;}
+	.dp .dp_best_live .sec_head {width: 260px !important;height: auto; line-height: 1.2; float: left; margin-left: 70px; /*padding: 0 135px;*/position: relative;}
+	.dp .dp_best_live .sec_head .displayH {text-align: left; line-height: 52px;}
+	.dp .dp_best_live .sec_head .displayH span {color:#fd4800}
+	.dp .dp_best_live .sec_head a {margin: 22px 0;display: block;line-height: 0;padding: 0;}
+	.dp .dp_best_live .sec_head a span::after{content: "";width: 20px;height: 13px;display: inline-block;background: url(/images/pc/ico_more_lg.png) 0% 0% no-repeat; background-position: 10px 0px;}
+	.dp .dp_best_live .sec_body{width: calc(100% - 380px); float: left; margin:0 70px 0 0;}
+	.dp .dp_best_live .sec_body .item_state {padding:0 0 60px;}
+	.dp .dp_best_live .sec_body .item_prod {margin-bottom: 0; margin-right: 0; width: 100%;}
 	.dp .dp_best_live .it_nav { width: 300px;position: absolute;left: 135px;top: 310px;}
 	.dp .dp_best_live .item_prod .viewCount{display:table; width: fit-content;height: 30px;color: #fd4802;line-height: 1;font-size: 14px;font-weight: 400;text-align: center;vertical-align: middle;letter-spacing: -.025rem;padding: 6px 12px;border: 2px solid #fd4802;border-radius: 50px;box-sizing: border-box;}
 	
-	.dp .dp_best_live .cont_head button {color:#888; font-weight: 300; padding-right: 20px; position: relative;}
-	.dp .dp_best_live .cont_head button:after {content:''; position: absolute; top: 50%; right: 0; width: 14px; height: 14px; background: url('/images/pc/ico_filter_reset02.png') no-repeat center; margin-top: -6px;}
+	.dp .dp_best_live .sec_head button {color:#888; font-weight: 300; padding-right: 20px; position: relative;}
+	.dp .dp_best_live .sec_head button:after {content:''; position: absolute; top: 50%; right: 0; width: 14px; height: 14px; background: url('/images/pc/ico_filter_reset02.png') no-repeat center; margin-top: -6px;}
 	.dp .dp_best_live .swiper-scrollbar {margin: 0; background: #ddd !important; height: 2px;}
 	.dp .dp_best_live .swiper-scrollbar-drag {background:#222 !important;}
 
@@ -2910,9 +2913,34 @@ dp_banner_slide03
 	.modal.couponModify_pop .area_cart_coupon .cart_coupon .discount {margin-top:10px;  color:#fd4802; font-size:16px; font-weight:300;}
 	.modal.couponModify_pop .area_cart_coupon .cart_coupon .discount span {font-weight:500;}
 	/* adrsChange_pop */	
-	.modal.adrsChange_pop {}
+	.modal.adrsChange_pop {width:600px;}
+	.modal.adrsChange_pop .modal-footer {margin-top:0; margin-left:-60px; margin-right:-60px; margin-bottom:-60px;}
+	.modal.adrsChange_pop .btn.btn_sm {min-width:70px; height:34px; padding-top:9px; font-size:14px; font-weight:300;}
+	.modal.adrsChange_pop .pop_cont {max-height:510px !important; margin-left:-20px; margin-right:-20px; padding:0 20px 60px;}
+	.modal.adrsChange_pop .pop_cont li {margin-top:30px;}
+	.modal.adrsChange_pop .pop_cont li:first-child {margin-top:0}
+	.modal.adrsChange_pop .pop_cont .adrs_box {padding:30px; border:1px solid #ddd; color:#222; font-size:16px;}
+	.modal.adrsChange_pop .pop_cont .adrs_box .btn {margin-top:30px;}
+	.modal.adrsChange_pop .pop_cont .adrs_box .btn:first-child {float:left;}
+	.modal.adrsChange_pop .pop_cont .adrs_box .btn:last-child {float:right;}
+	.modal.adrsChange_pop .pop_cont .adrs_box dl > div {margin-top:15px}
+	.modal.adrsChange_pop .pop_cont .adrs_box dl > div:first-child {margin-top:0; margin-bottom:20px; height:16px;}
+	.modal.adrsChange_pop .pop_cont .adrs_box dl > div dt {float:left;}
+	.modal.adrsChange_pop .pop_cont .adrs_box .icon_tag {display:inline-block; margin-top:-3px; vertical-align:top;}
+
 	.modal.adrsAdd_pop {}
-	.modal.rqstModify_pop {}
+	.modal.rqstModify_pop {width:600px;}
+	.modal.rqstModify_pop .area_request {border-top:1px solid #222; padding-top:30px}
+	.modal.rqstModify_pop .area_request .form_field > div {margin-top:35px;}
+	.modal.rqstModify_pop .area_request .form_field > div:first-child {margin-top:0;}
+	.modal.rqstModify_pop .area_request .form_field > div label {color:#222; font-size:16px; font-weight:200; line-height:1;}
+	.modal.rqstModify_pop .area_request .info_box .input_wrap {margin-top:15px;}
+	.modal.rqstModify_pop .area_request .info_box .input_wrap p {position:relative; padding-left:10px; margin-top:15px; color:#888; font-size:14px; font-weight:200;}
+	.modal.rqstModify_pop .area_request .info_box .input_wrap p::before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:2px; height:2px; background:#888;}
+	.modal.rqstModify_pop .btn_group_block {margin-top:60px;}
+	.modal.rqstModify_pop .btn_group_block .btn.btn_block {width:220px; height:60px; margin:auto; font-size:18px; font-weight:300;}
+
+
 	/* 간편결제 팝업 지울것 
 	.modal.qPayAgree_pop {}
 	.modal.qPayAgree_pop .area_QpayCk {margin-top:10px;}
@@ -2958,7 +2986,7 @@ dp_banner_slide03
 	.star_score .score {color:#222; font-size:16px; font-weight:200; line-height:1;}
 	.star_score .score em {font-weight:500;}
 
-	.pd .wrap {padding-top:70px}
+	.pd .wrap {padding-top:70px; padding-bottom:160px;}
 	.pd .item_picker {position:absolute; z-index:2; transform:translate(-50%,-50%);}
 	.pd .item_picker .pick_descr {display:none; position:absolute; background:#fff; z-index:2;}
 	.pd_pop .select_custom .combo .list > li:hover {background:none;}
@@ -2967,7 +2995,8 @@ dp_banner_slide03
 	/* pd_detail */
 	.pd_detail {}
 	.pd_detail .thumb {display:block; position:relative; width:100%; height:0px; line-height:0; font-size:0; padding-top:150%; background:#f5f5f5; overflow:hidden;}
-	.pd_detail .thumb img {position:absolute; left:0; top:50%; width:100%; transform:translateY(-50%) ; z-index:2;}
+	.pd_detail .thumb img,
+	.pd_detail .thumb video {position:absolute; left:0; top:50%; width:100%; transform:translateY(-50%) ; z-index:2;}
 	.pd_detail .btn_popup {display:inline-block; padding:0px; box-sizing:border-box;}
 	.pd_detail .btn_popup span {color:#888; font-size:12px; font-weight:200; border-bottom:1px solid #888; /*vertical-align:top;*/}
 
@@ -2975,10 +3004,12 @@ dp_banner_slide03
 	.pd_detail .item_detail .area_pic {float:left; position:relative; width:calc(100% - 560px); max-width:1200px; box-sizing:border-box;}
 	.pd_detail .area_pic .thumb_nav_wrap {position:absolute; left:auto; top:0; width:50px; z-index:2;}
 	.pd_detail .area_pic .thumb_nav_wrap .thumbnav {position:relative; padding:30px 0;}
+	.pd_detail .area_pic .thumb_nav_wrap .thumbnav .thumb.mov::after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3) url('/images/pc/ico_play.png') no-repeat 50% 50%; z-index:2;}
 	.pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-container {max-height:500px;}
 	.pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-container .swiper-slide {width:50px; height:75px !important; box-sizing:border-box; background:#f5f5f5;}
 	.pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-container .swiper-slide.on {}
-	.pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-container .swiper-slide img {width:100%; box-sizing:border-box;}
+	.pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-container .swiper-slide img,
+	.pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-container .swiper-slide video {width:100%; box-sizing:border-box;}
 	.pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-container .swiper-slide.on a {display:block; border:1px solid #fd4802;}
 	.pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-button-prev,
 	.pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-button-next {left:50%; right:auto; width:14px; height:14px; border:2px solid #a7a7a7; border-width:2px 2px 0 0;}
@@ -2992,6 +3023,10 @@ dp_banner_slide03
 	.pd_detail .area_pic .thumb_list_wrap li:nth-child(even) {margin-left:10px}
 	.pd_detail .area_pic .thumb_list_wrap li a {display:block; cursor:url('/images/pc/cursor_zoom.png') 0 0, zoom-in;}
 	.pd_detail .area_pic .thumb_list_wrap li.on a span img {z-index:2;}
+	.pd_detail .area_pic .thumb_list_wrap li .thumb .video_controls {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:2;}
+	.pd_detail .area_pic .thumb_list_wrap li .thumb .video_controls button {display:inline-block; overflow:hidden; width:60px; height:60px; font-size:1px; text-indent:-999999px;}
+	.pd_detail .area_pic .thumb_list_wrap li .thumb .video_controls button.btn_video_play {background:url('/images/pc/btn_video_play.png') no-repeat 50% 50%; background-size:100% auto;}
+	.pd_detail .area_pic .thumb_list_wrap li .thumb .video_controls button.btn_video_pause {background:url('/images/pc/btn_video_pause.png') no-repeat 50% 50%; background-size:100% auto;}
 	.pd_detail .area_pic .thumb_nav_wrap.fixtop {position:fixed; top:90px; bottom:auto;}
 	.pd_detail .area_pic .thumb_nav_wrap.fixbottom {position:absolute; top:auto; bottom:0px;}
 	.pd_detail .area_pic .thumb_nav_wrap .thumbnav.disabled {padding:0;}
@@ -3072,44 +3107,67 @@ dp_banner_slide03
 	.pd_detail .area_desc .desc_wrap .option_box > [class^="opt_"] .opt_header .color,
 	.pd_detail .area_desc .desc_wrap .option_box > [class^="opt_"] .opt_header .size {color:#666; font-weight:200;}
 	.pd_detail .area_desc .desc_wrap .option_box > [class^="opt_"] .opt_header .btn_popup {float:right;}
-	.pd_detail .area_desc .desc_wrap .option_box .info_restock {padding-bottom:30px; border-bottom:1px solid #ddd;}
+	.pd_detail .area_desc .desc_wrap .option_box .info_restock {}
 	.pd_detail .area_desc .desc_wrap .option_box .info_restock a.btn_popup {position:relative; padding-left:22px; padding-right:15px; color:#666; font-size:14px; font-weight:300; border:none;}
 	.pd_detail .area_desc .desc_wrap .option_box .info_restock a.btn_popup::before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:12px; height:13px; background:url('/images/pc/ico_bell.png') no-repeat 0 0;}
 	.pd_detail .area_desc .desc_wrap .option_box .info_restock a.btn_popup::after {content:''; position:absolute; right:0px; top:50%; transform:translateY(-50%); width:6px; height:11px; background:url('/images/pc/ico_more_lg.png') no-repeat 100% 50%; background-size:contain;}
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select {}
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .form_field {margin-top:10px;}
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom {height:52px;}
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom .select {height:52px; padding:19px 40px 19px 18px; border-bottom-color:#ddd;}
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom .select:after {top:50%; right:20px; transform:translateY(-50%); margin-top:5px;}
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.on .select:after {margin-top:-2px}
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom[aria-disabled="true"] .select {color:#bbb; background:#f5f5f5;}
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom .combo .list {top:52px; padding:0}
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom .combo .list > li {padding:18px 18px; line-height:1; color:#666}
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom .combo .list > li[aria-disabled="true"] {color:#bbb;}
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom .combo .list > li > div {margin-top:5px}
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom .combo .list > li > div:first-child {margin-top:0;}
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom .combo .list > li .opt_name {}
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom .combo .list > li .opt_price {font-size:14px;}
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom .combo .list > li[data-soldout="true"]::after {right:18px; top:50%; bottom:auto; transform:translateY(-50%);}
+	.pd .option_box .opt_select,
+	.pd .option_box .opt_set_select {}
+	.pd .option_box .opt_select .form_field,
+	.pd .option_box .opt_set_select .form_field {margin-top:10px;}
+	.pd .option_box .opt_select .form_field:first-child,
+	.pd .option_box .opt_set_select .form_field:first-child {margin-top:0}
+	.pd .option_box .opt_select .select_custom,
+	.pd .option_box .opt_set_select .select_custom {height:52px;}
+	.pd .option_box .opt_select .select_custom .select,
+	.pd .option_box .opt_set_select .select_custom .select {height:52px; padding:19px 40px 19px 18px; border-bottom-color:#ddd;}
+	.pd .option_box .opt_select .select_custom .select:after,
+	.pd .option_box .opt_set_select .select_custom .select:after {top:50%; right:20px; transform:translateY(-50%); margin-top:5px;}
+	.pd .option_box .opt_select .select_custom.on .select:after,
+	.pd .option_box .opt_set_select .select_custom.on .select:after {margin-top:-2px}
+	.pd .option_box .opt_select .select_custom[aria-disabled="true"] .select,
+	.pd .option_box .opt_set_select .select_custom[aria-disabled="true"] .select {color:#bbb; background:#f5f5f5;}
+	.pd .option_box .opt_select .select_custom .combo .list,
+	.pd .option_box .opt_set_select .select_custom .combo .list {top:52px; padding:0}
+	.pd .option_box .opt_select .select_custom .combo .list > li,
+	.pd .option_box .opt_set_select .select_custom .combo .list > li {padding:18px 18px; line-height:1; color:#666}
+	.pd .option_box .opt_select .select_custom .combo .list > li[aria-disabled="true"],
+	.pd .option_box .opt_set_select .select_custom .combo .list > li[aria-disabled="true"] {color:#bbb;}
+	.pd .option_box .opt_select .select_custom .combo .list > li > div,
+	.pd .option_box .opt_set_select .select_custom .combo .list > li > div {margin-top:5px}
+	.pd .option_box .opt_select .select_custom .combo .list > li > div:first-child,
+	.pd .option_box .opt_set_select .select_custom .combo .list > li > div:first-child {margin-top:0;}
+	.pd .option_box .opt_select .select_custom .combo .list > li .opt_name,
+	.pd .option_box .opt_set_select .select_custom .combo .list > li .opt_name {}
+	.pd .option_box .opt_select .select_custom .combo .list > li .opt_price,
+	.pd .option_box .opt_set_select .select_custom .combo .list > li .opt_price {font-size:14px;}
+	.pd .option_box .opt_select .select_custom .combo .list > li[data-soldout="true"]::after,
+	.pd .option_box .opt_set_select .select_custom .combo .list > li[data-soldout="true"]::after {right:18px; top:50%; bottom:auto; transform:translateY(-50%);}
 
 	/**/
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item,
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .select {height:110px; background:transparent;}
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .item_prod {width:100%; z-index:-1;}
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state {display:table; width:100%; height:70px; padding:0; margin:0}
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a {display:table-cell; position:relative; width:100%; height:70px; padding-left:70px; padding-right:40px; vertical-align:middle;}
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a .itemPic {position:absolute; left:0; top:0; width:50px; height:70px; padding:0; margin:0}
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a .itemName {max-width:100%; height:20px; margin-bottom:0px; line-height:20px; font-size:14px; -webkit-line-clamp:1;}
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a .itemName .tit_option {font-weight:500;}
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a .itemPrice {margin-top:13px}
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a .itemPercent {position:relative;}
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a .itemPrice_original {margin-right:0;}
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a .itemPercent {margin-right:0;}
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a > [class^="item"] {margin-left:0; margin-right:0;} 
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .combo .list {top:110px}
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .combo .list > li {border-bottom:1px solid #eee;}
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .combo .list > li[aria-disabled="true"] a [class^="item"] {color:#bbb; text-decoration:line-through;} 
-	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .combo .list > li[aria-disabled="true"] a img {opacity:0.3;}
+	.pd .option_box .opt_select .select_custom.deal_opt_item,
+	.pd .option_box .opt_select .select_custom.deal_opt_item .select {height:110px; background:transparent;}
+	.pd .option_box .opt_select .select_custom.deal_opt_item .item_prod {width:100%; z-index:-1;}
+	.pd .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state {display:table; width:100%; height:70px; padding:0; margin:0}
+	.pd .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a {display:table-cell; position:relative; width:100%; height:70px; padding-left:70px; padding-right:40px; vertical-align:middle;}
+	.pd .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a .itemPic {position:absolute; left:0; top:0; width:50px; height:70px; padding:0; margin:0}
+	.pd .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a .itemName {max-width:100%; height:20px; margin-bottom:0px; line-height:20px; font-size:14px; -webkit-line-clamp:1;}
+	.pd .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a .itemName .tit_option {font-weight:500;}
+	.pd .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a .itemPrice {margin-top:13px}
+	.pd .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a .itemPercent {position:relative;}
+	.pd .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a .itemPrice_original {margin-right:0;}
+	.pd .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a .itemPercent {margin-right:0;}
+	.pd .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a > [class^="item"] {margin-left:0; margin-right:0;} 
+	.pd .option_box .opt_select .select_custom.deal_opt_item .combo .list {top:110px}
+	.pd .option_box .opt_select .select_custom.deal_opt_item .combo .list > li {border-bottom:1px solid #eee;}
+	.pd .option_box .opt_select .select_custom.deal_opt_item .combo .list > li:hover {background:transparent;}
+	.pd .option_box .opt_select .select_custom.deal_opt_item .combo .list > li[aria-disabled="true"] a [class^="item"] {color:#bbb; text-decoration:line-through;} 
+	.pd .option_box .opt_select .select_custom.deal_opt_item .combo .list > li[aria-disabled="true"] a img {opacity:0.3;}
+
+	.pd .option_box .opt_set_select {}
+	.pd .option_box .opt_set_select .set_option {margin-top:25px;}
+	.pd .option_box .opt_set_select .set_option:first-child {margin-top:0}
+	.pd_detail .area_desc .desc_wrap .option_box .opt_set_select .set_option .opt_header .title {font-weight:200;}
 
 	.pd.deal .tab_detail_cont .select_custom.deal_opt_item,
 	.pd.deal .tab_detail_cont .select_custom.deal_opt_item .select {height:110px}
@@ -3143,7 +3201,7 @@ dp_banner_slide03
 	.pd_detail .area_desc .desc_wrap .option_box .result_item .opt_header .item_option {margin-top:10px; color:#888;}
 	.pd_detail .area_desc .desc_wrap .option_box .result_item .item_price {position:absolute; right:0; bottom:30px; color:#222; font-size:18px; font-weight:500;}
 	.pd_detail .area_desc .desc_wrap .option_box .result_item .btn_delete_item {position:absolute; right:0; top:30px; width:14px; height:14px; overflow:hidden; background:url('/images/pc/btn_delete_item.png') no-repeat 50% 50%; image-rendering:pixelated; text-indent:-999px; z-index:2;}
-	.pd_detail .area_desc .desc_wrap .option_box .opt_count {padding-bottom:0;}
+	.pd_detail .area_desc .desc_wrap .option_box .opt_count {margin-top:30px; padding-bottom:0; border-top:1px solid #ddd;}
 	.pd_detail .area_desc .desc_wrap .option_box .number_count {display:inline-block; border:1px solid #ddd}
 	.pd_detail .area_desc .desc_wrap .option_box .number_count::after {content:''; clear:both; display:block;}
 	.pd_detail .area_desc .desc_wrap .option_box .number_count span,
@@ -3289,7 +3347,7 @@ dp_banner_slide03
 	.pd_recommend .swiper-pagination {margin-top:40px}
 
 	.pd_relate {}
-	.pd_relate .area_slider {margin-bottom:230px;}
+	.pd_relate .area_slider {}
 	.pd_relate .area_slider .itemName {}
 
 	.pd_dealitem {}
@@ -3313,17 +3371,24 @@ dp_banner_slide03
 	.pd.deal div::after,
 	.pd.deal dl::after,
 	.pd.deal ul::after {content:''; clear:both; display:block;}
- 
-	.pd.deal .pd_detail .area_desc .desc_wrap .descript_box .desc_info {margin-top:20px}
-	.pd.deal .pd_desc_wrap {position:relative; width:calc(100% - 560px); max-width:1200px; margin:100px 0px 0px; box-sizing:border-box;}
-
-	.pd.deal .tab_detail_nav {height:60px; padding-bottom:60px; box-sizing:initial;}
+	.pd.deal .tab_detail_nav {position:relative; width:100%; height:60px; padding-bottom:60px; box-sizing:initial;}
 	.pd.deal .tab_detail_nav ul {position:absolute; left:0; top:0; width:100%; height:60px; z-index:2;}
-	.pd.deal .tab_detail_nav.fix ul {position:fixed; left:70px; top:80px; width:1200px; z-index:5;}
+	.pd.deal .tab_detail_nav.fix ul {position:fixed; left:70px; top:80px; min-width:760px; width:calc(100% - 700px); z-index:5;}
 	.pd.deal .tab_detail_nav ul li {float:left; width:25%}
 	.pd.deal .tab_detail_nav ul li a {display:block; padding:22px 0px 18px; color:#888; font-size:18px; text-align:center; background:#f5f5f5; border:1px solid #f5f5f5; border-bottom-color:#222; box-sizing:border-box;}
 	.pd.deal .tab_detail_nav ul li.active a {border:1px solid #222; border-bottom-color:#fff; color:#222; font-weight:300; background:#fff;}
 	.pd.deal .tab_detail_cont {display:none; min-height:1000px;}
+	.pd.deal .pd_clickother {margin-bottom:160px}
+
+	.pd.deal .pd_detail .area_desc .desc_wrap .descript_box .desc_info {margin-top:20px}
+	.pd.deal .content.pd_desc_wrap {position:relative; margin:100px 0px 0px; box-sizing:border-box;}
+	.pd_desc_wrap {}
+	.pd_desc_wrap .item_descrp::after {content:''; clear:both; display:block;}
+	.pd_desc_wrap .item_descrp .area_list {float:left; width:calc(100% - 560px); max-width:1200px;}
+	.pd_desc_wrap .item_descrp .area_option {float:right;}
+	.pd_desc_wrap .item_descrp .area_option .opt_wrap {width:510px; padding-left:70px; padding-top:30px; border-left:1px solid #ddd;}
+	.pd_desc_wrap .item_descrp .area_option .opt_wrap.fixtop {position:fixed; right:70px; top:80px; width:510px}
+	.pd_desc_wrap .item_descrp .area_option .opt_wrap.absbottom {position:absolute; top:auto; bottom:0px; right:0;}
 
 
 	/* pd_popup */
@@ -3586,6 +3651,8 @@ dp_banner_slide03
 	.pd_pop[class*="reviewdetail_pop"] .detail .review .thumblist ul::after {content:''; clear:both; display:;}
 	.pd_pop[class*="reviewdetail_pop"] .detail .review .thumblist li {float:left; margin-right:8px;}
     .pd_pop[class*="reviewdetail_pop"] .detail .review .thumblist li .pic {position:relative; width:50px; height:50px; cursor:pointer; z-index:2;}
+	.pd_pop[class*="reviewdetail_pop"] .detail .review .thumblist li .pic .thumb img,
+	.pd_pop[class*="reviewdetail_pop"] .detail .review .thumblist li .pic .thumb video {display:none;}
 
 	/* pd_popup > 베스트  리뷰 자세히 보기 */
 	.modal.pd_pop.pd_bestreviewdetail_pop {}
@@ -3650,11 +3717,11 @@ dp_banner_slide03
 	.pd_pop.full_pop .info_txt ul li:last-child {margin-bottom:0;}
 	.pd_pop.full_pop .info_txt ul li:after {content:''; position: absolute; top:5px; left:0; background:#858585; width:3px; height:3px;}
 	.pd_pop .full_popup_wrap {}
-	.pd_pop .full_popup_wrap .btn_close {position:fixed; right:30px; top:30px; z-index:12; }
+	.pd_pop .full_popup_wrap .btn_close {position:fixed; right:30px; top:30px; display:inline-block; z-index:130; cursor:pointer;}
 	.pd_pop .full_popup_wrap .btn_close a {display:block; width:25px; height:25px; text-indent:-9999px; background:url('/images/pc/ico_pop_cls.png') no-repeat 50% 50%; background-size:100% auto;}
 	.pd_pop .full_popup_wrap .full_pop_header {position:fixed; top:0; left:0; right:0; width:100%; height:160px; padding:20px 70px; border-bottom:1px solid #ddd; box-sizing:border-box; background:#fff; z-index:11; box-sizing:border-box;}
 	.pd_pop .full_popup_wrap .full_pop_header .item_prod {position:relative; width:100%; height:120px;}
-	.pd_pop .full_popup_wrap .full_pop_header .item_prod .item_state {display:table; width:50%; padding:0;}
+	.pd_pop .full_popup_wrap .full_pop_header .item_prod .item_state {display:table; width:100%; padding:0;}
 	.pd_pop .full_popup_wrap .full_pop_header .item_prod .item_state a.itemLink {display:table-cell; height:120px; padding:0 0 0 110px; vertical-align:middle;}
 	.pd_pop .full_popup_wrap .full_pop_header .item_prod .item_state .itemPic {position:absolute; left:0; top:0; width:80px; height:120px; padding:0; margin:0}
 	.pd_pop .full_popup_wrap .full_pop_header .item_prod .item_state .itemBrand {margin:0}
@@ -3662,19 +3729,19 @@ dp_banner_slide03
 	.pd_pop .full_popup_wrap .full_pop_header .item_prod .item_state .itemPrice {margin:20px 0 0}
 	.pd_pop .full_popup_wrap .full_pop_header .item_prod .item_state .itemPercent {position:relative; top:auto; right:auto;}
 	.pd_pop .full_popup_wrap .full_pop_header .select_custom {width:50%; height:auto;}
-	.pd_pop .full_popup_wrap .full_pop_header .select_custom .combo .select {height:auto; border:0; padding:0 200px 0 0}
+	.pd_pop .full_popup_wrap .full_pop_header .select_custom .combo .select {height:120px; border:0; padding:0 200px 0 0}
 	.pd_pop .full_popup_wrap .full_pop_header .select_custom .combo .list {top:120px}
 	.pd_pop .full_popup_wrap .full_pop_container {position:relative; width:1200px; margin:auto; padding-top:160px; padding-bottom:160px}
 
 	/* pd_pop > 상품썸네일 크게보기 */
 	.pd_pop.full_pop.pd_itemthumb_pop {}
 	.pd_pop.full_pop.pd_itemthumb_pop .full_pop_container {width:100%; padding:0px;}
-	.pd_pop.full_pop.pd_itemthumb_pop .full_pop_container .scaleview {display:block; text-align:center; margin-top:40px;}
+	.pd_pop.full_pop.pd_itemthumb_pop .full_pop_container .scaleview {display:block; text-align:center; margin-top:40px; z-index:1;}
 	.pd_pop.full_pop.pd_itemthumb_pop .full_pop_container .scaleview:first-child {margin-top:0}
 	.pd_pop.full_pop.pd_itemthumb_pop .full_pop_container .scaleview img {max-width:100%; cursor:url('/images/pc/cursor_zoomout.png') 0 0, zoom-out;}
 	
 	/* pd_pop > 개별상품상세 설명 페이지 */
-	.pd_pop.full_pop.pd_descrp_pop {padding:0; margin:0; background:none;}
+	.pd_pop.full_pop.pd_descrp_pop {padding:0; margin:0; /*background:none;*/}
 	.pd_pop.full_pop.pd_descrp_pop .full_popup_wrap  {padding:0 70px}
 	.pd_pop.full_pop.pd_descrp_pop .full_popup_wrap .full_pop_container {float:left; width:calc(100% - 560px); min-width:1200px; background:#fff;}
 	.pd_pop.full_pop.pd_descrp_pop .full_pop_fix_r {position:fixed; z-index:2; right:0; top:0; bottom:0; width:580px; padding:160px 70px 0; border-left:1px solid #ddd; box-sizing:border-box; background:#fff;}
@@ -3860,10 +3927,6 @@ dp_banner_slide03
 	.pd_review .area_rv_all .review_list .review .reply_box .reply .reply_writer .wr_date::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); height:12px; width:1px; background:#ddd;}
 	.pd_review .area_rv_all .review_list .review .reply_box .reply .reply_txt {margin-top:20px; color:#666; font-size:14px; line-height:24px;}
 	.pd_review .area_rv_all .nodata {padding-top:120px; border-top:1px solid #ddd; text-align:center;}
-	.pd_review .area_rv_all .nodata .txt_box {color:#666; font-size:16px; font-weight:300; line-height:26px;}
-	.pd_review .area_rv_all .nodata .txt_box::before {content:''; display:block; width:36px; height:46px; margin:0 auto 24px; background:url('/images/pc/ico_content_none.png') no-repeat;}
-	.pd_review .area_rv_all .nodata .btn_box {margin-top:40px;}
-	.pd_review .area_rv_all .nodata .btn_box .btn span {color:#222; font-size:14px; font-weight:300;}
 	.pd_review .area_rv_all .ui_row .pageNav {margin-top:50px}
 
 	/* pd_popup > 배송교환반품 안내 */
@@ -4487,6 +4550,7 @@ dp_banner_slide03
 	.modal.coupon_popup .modal-footer {margin-top: 40px;}*/
 		
 	/* ev_공통 */
+	.container.ev .wrap {padding:0;}
 	.ev {padding-bottom:160px;}
 	.ev div::after,
 	.ev dl::after,
@@ -4496,19 +4560,21 @@ dp_banner_slide03
 	.ev .icon > span {position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); font-size: 32px; font-weight: 600; color: #fff;}
 	.ev .icon + span {font-size: 16px; color: #666; font-weight:500;}
 	.ev .icon.vip {background: #fd4802;}
-	.ev .icon.gold {background: #222;}
-	.ev .icon.silver {background: #666;}
-	.ev .icon.bronze {background: #aaa;}
-	.ev .icon.welcome {background: #fff; border:2px solid #222;}
-	.ev .icon.welcome span {color: #222;}	
+	.ev .icon.gold {background: #cc9d4d;}
+	.ev .icon.silver {background: #888;}
+	.ev .icon.bronze {background: #bf966d;}
+	.ev .icon.welcome {background: #222222;}	
 
 
-	.container.ev .cont_head > div {position: relative;}
-	.container.ev .cont_head > div .share_btn {position: absolute; top: 0; right: 70px; }
-	.container.ev .cont_head > div h3 {text-align: center; margin-bottom: 0; padding-bottom: 60px; font-size: 40px; line-height: 1;}
+	.ev .cont_head > div {position: relative;}
+	.ev .cont_head > div .share_btn {position: absolute; top: 0; right: 70px; }
+	.ev .cont_head > div h3 {text-align: center; margin-bottom: 0; padding-bottom: 60px; font-size: 40px; line-height: 1;}
 
 
 	/* ev_list */
+	.container.ev .wrap .content.ev_list {padding:0 70px;}
+	.ev .ev_list .area_thumb_list, .ev .ev_list .area_top_list_info {}
+	.ev_list .area_top_list_info .ui_right {}
 	.ev_list .area_top_list_info .ui_right .btn {height:40px; padding:12px 20px; font-size:14px; font-weight:300; border:1px solid #a7a7a7;}
 	.ev_list .area_top_list_info .ui_right .btn span {display:inline-block; padding-right:17px; vertical-align:top; line-height:1; background:url('/images/pc/ico_more_sm.png') no-repeat 100% 50%;}
 	.ev_list .ev_mem_rank {position:relative; background:#f5f5f5; padding:60px 100px; margin-top:60px; margin-bottom:100px;}
@@ -4578,21 +4644,22 @@ dp_banner_slide03
 	.ev_rank .my_rank_progress .benefit_txt strong {color: #222; font-weight: 600;}
 
 	/* ev_rank 등급 혜택 테이블 */
-	.ev_rank .rank_tbl_wrap {margin-bottom: 60px;}
-	.ev_rank .rank_tbl_wrap h3 {margin-bottom: 50px; font-size: 34px; font-weight: 500; text-align: center;}
-	.ev_rank .rank_tbl_wrap .icon {margin:0 auto 20px;}
-	.ev_rank .rank_tbl_wrap .icon + span {display: block; text-align: center; font-size: 18px; color: #222; font-weight: 500;}
-	.ev_rank .rank_tbl_wrap .tbl_wrap table {border:1px solid #ddd;}
-	.ev_rank .rank_tbl_wrap .tbl_wrap table th {width: 100px; background: #f5f5f5; font-size: 16px; color: #000; font-weight: 300; border:1px solid #ddd;}
-	.ev_rank .rank_tbl_wrap .tbl_wrap table .td_30 td {padding:30px 0;}
-	.ev_rank .rank_tbl_wrap .tbl_wrap table .td_30 td p {margin-top: 0;}
-	.ev_rank .rank_tbl_wrap .tbl_wrap table td {width: 220px; padding:40px 0; border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align: center;}
-	.ev_rank .rank_tbl_wrap .tbl_wrap table td.vt {vertical-align: top;}
-	.ev_rank .rank_tbl_wrap .tbl_wrap table td p {font-size: 16px; line-height: 1.4; color: #222; font-weight: 200; letter-spacing: -0.025em; margin-top: 20px;}
-	.ev_rank .rank_tbl_wrap .tbl_wrap table td.bbn {padding-bottom: 0; border-bottom: 0;}
+	.modal.cmt_popup .swiper-button-next.swiper-button-disabled, .modal.cmt_popup .swiper-button-prev.swiper-button-disabled {opacity:1;}
+	.ev_benefit_tbl .rank_tbl_wrap {margin-bottom: 60px;}
+	.ev_benefit_tbl  h3 {margin-bottom: 50px; font-size: 34px; font-weight: 500; text-align: center;}
+	.ev_benefit_tbl .rank_tbl_wrap .icon {margin:0 auto 20px;}
+	.ev_benefit_tbl .rank_tbl_wrap .icon + span {display: block; text-align: center; font-size: 18px; color: #222; font-weight: 500;}
+	.ev_benefit_tbl .rank_tbl_wrap .tbl_wrap table {border:1px solid #ddd;}
+	.ev_benefit_tbl .rank_tbl_wrap .tbl_wrap table th {width: 100px; background: #f5f5f5; font-size: 16px; color: #000; font-weight: 300; border:1px solid #ddd;}
+	.ev_benefit_tbl .rank_tbl_wrap .tbl_wrap table .td_30 td {padding:30px 0;}
+	.ev_benefit_tbl .rank_tbl_wrap .tbl_wrap table .td_30 td p {margin-top: 0;}
+	.ev_benefit_tbl .rank_tbl_wrap .tbl_wrap table td {width: 220px; padding:40px 0; border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align: center;}
+	.ev_benefit_tbl .rank_tbl_wrap .tbl_wrap table td.vt {vertical-align: top;}
+	.ev_benefit_tbl .rank_tbl_wrap .tbl_wrap table td p {font-size: 16px; line-height: 1.4; color: #222; font-weight: 200; letter-spacing: -0.025em; margin-top: 20px;}
+	.ev_benefit_tbl .rank_tbl_wrap .tbl_wrap table td.bbn {padding-bottom: 0; border-bottom: 0;}
 
 	/* ev 안내사항_공통 */
-	.announce_txt {position: relative; padding-left: 125px; box-sizing: border-box; letter-spacing: -0.025em;}
+	.announce_txt {position: relative; padding-left: 125px; box-sizing: border-box; letter-spacing: -0.025em; }
 	.announce_txt .note_txt {position: absolute; left: 0; top: 0; text-align: center;}
 	.announce_txt .note_txt p {font-size: 18px; font-weight: 300; color: #888; margin-top: 20px;}
 	.announce_txt .announce_list .tit {font-size: 16px; font-weight: 300; color: #888; margin-bottom: 20px;}
@@ -4602,38 +4669,59 @@ dp_banner_slide03
 	.announce_txt .announce_list ul li:before {content:''; position: absolute; top: 50%; left: 0; width: 2px; height: 2px; background: #888; margin-top: -2px;}
 	.announce_txt .announce_list ul li:last-child {margin-bottom: 0;}
 	
-	/* ev_check, ev_renew 출석 체크 이벤트 */
-	.container.ev .cont_head > .renew_check_tit {position: relative;}
-	.container.ev .cont_head > .renew_check_tit h3 {padding-bottom: 80px;}
+	.ev .announce_txt.type01 {max-width:1580px; margin:80px auto; padding-top: 80px; border-top: 1px solid #ddd; padding-left: 315px;}
+	.ev .announce_txt.type01 .note_txt {top: 80px; left: 185px;}
 
-	.ev .renew_check_tit .period {position: absolute; bottom: 40px; left: 50%; transform:translateX(-50%); color: #888;}
-	.ev .attend_banner {width: 100%; height: 779px; background: url(/images/pc/thumb/attend_banner.jpg) no-repeat center; margin-bottom: 120px;}
-
-	.ev .event_calander {position: relative;}
-	.ev .event_calander:after {content:''; position: absolute; bottom: 60px; left: 50%; width: 1580px; height: 1px; background: #ddd; transform: translateX(-50%);}
-	.ev .event_calander .my_attend_day {margin-bottom: 30px;}
-	.ev .event_calander .my_attend_day p {font-size: 40px; font-weight: 300; text-align: center; color: #000; }
-	.ev .event_calander .my_attend_day p span {font-size: 62px; color: #fd4802; font-weight: 600;}
+	/* ev_check, ev_renew 출석 체크 이벤트 */
+	.ev .check {background: #f5f5f5;}
+	.ev .cont_head .renew_check_tit {padding-bottom: 40px;}
+	.ev .cont_head .renew_check_tit .period {font-size: 14px; font-weight: 300; color: #888; text-align: center;}
+	.ev .cont_head .renew_check_tit h3 {padding-bottom: 30px;}
+	.ev .event_calander {position: relative; background-color: #f4f3ef; padding:120px 0; overflow:hidden;}
+	.ev .event_calander:after {content:''; position: absolute; top: 12rem; left: 0; background:url('/images/pc/bg_check01.png'); background-size: 100%; width: 12.5rem; height: 84.1rem; z-index: 1;}
+	.ev .event_calander:before {content:''; position: absolute; top: 0; right: 0; background:url('/images/pc/bg_check02.png'); background-size: 100%; width: 12.5rem; height: 84.1rem; z-index: 1;}
+	.ev .event_calander .check_title {position: relative; z-index: 2; text-align: center;}
+	.ev .event_calander .check_title p {font-size: 30px; font-weight: 200; margin-bottom: 2rem;}
+	.ev .event_calander .check_title h3 {font-size: 90px; font-weight: 600;}
+	.ev .event_calander .check_title h3 strong {color: #fd4802;}
+	.ev .event_calander .check_info {margin:30px 0 18px; text-align: right; position: relative; z-index: 11; font-size: 0;}
+	.ev .event_calander .check_info span {position: relative; font-size: 18px; padding-left: 26px; font-weight: 300;}
+	.ev .event_calander .check_info span:after {content:''; position: absolute; top: 50%; left: 0; transform:translateY(-50%); width: 18px; height: 18px; border-radius:50%;}
+	.ev .event_calander .check_info span.today {margin-right: 1.4rem;}
+	.ev .event_calander .check_info span.today:after {background: #fff; border:1px solid #fd4802;}
+	.ev .event_calander .check_info span.complete:after {background: #fa8d64; border:1px solid #fa8d64;}
+
+	.ev .event_calander .my_attend_day {background: #222; position: relative; padding:25px 40px; overflow:hidden;}
+	.ev .event_calander .my_attend_day p {font-size: 24px; font-weight: 300; color: #fff; }
+	.ev .event_calander .my_attend_day span.day {position: absolute; top: 24px; right: 1.5rem; font-size: 24px; color: #fff; font-weight: 300;}
+	.ev .event_calander .my_attend_day span.day span {color: #ff6b47; font-weight: 600;}
+	.ev .event_calander .tbl_wrap, .ev .event_calander .btn_wrap {position: relative; z-index: 3;}
+	.ev .event_calander .tbl_wrap .tbl {}
 	.ev .event_calander .month_txt {padding-left: 15px; margin-bottom: 35px;}
 	.ev .event_calander .month_txt .kor_t {font-size: 42px; color: #000; font-weight: 600; margin-right: 16px;}
 	.ev .event_calander .month_txt .eng_t {font-size: 20px; color: #888; font-weight: 500; text-transform: uppercase;}
-	.ev .event_calander table {box-sizing: border-box;}
-	.ev .event_calander table th {background: #222; padding:15px 0; font-size: 18px; color: #fff; font-weight: 300; border:1px solid #222; box-sizing: border-box;}
-	.ev .event_calander table th.sun {color: #fd4802;}
-	.ev .event_calander table th.sat {color: #3158ea;}
-	.ev .event_calander table td {padding: 20px; border:1px solid #ddd; height: 100px; vertical-align: top; box-sizing: border-box;}
-	.ev .event_calander table td .date {font-size: 20px; font-weight: 300;}
-	.ev .event_calander table td.today {background: url(/images/pc/ico_cal_today.png) no-repeat top 20px right 26px;}
-	.ev .event_calander table td.complete {background: url(/images/pc/ico_cal_check.png) no-repeat top 20px right 26px;}
-	.ev .event_calander .btn_wrap {margin:60px 0 0; padding-bottom: 140px; text-align: center;}
-	.ev .event_calander .btn_wrap button {padding:20px 75px; font-size: 18px; font-weight: 300;}
+	.ev .event_calander table {padding:20px 0; box-sizing: border-box; width: 100%; border:1px solid #222;}
+	.ev .event_calander table th {background: #fff; padding:40px 0; font-size: 20px; color: #222; font-weight: 300; box-sizing: border-box;}
+	/* .ev .event_calander table th.sun {color: #fd4802;}
+	.ev .event_calander table th.sat {color: #3158ea;} */
+	.ev .event_calander table td {height: 90px; box-sizing: border-box; text-align: center; vertical-align: middle;}
+	.ev .event_calander table td .date {font-size: 24px; font-weight: 300; width: 64px; height: 64px; line-height: 64px; border-radius:50%; margin:0 auto;}
+	.ev .event_calander table td.today .date {border:1px solid #fd4802;}
+	.ev .event_calander table td.complete .date {border:1px solid #fa8d64; background: #fa8d64;}
+	.ev .event_calander table tbody {background: #fff; }
+	.ev .event_calander .btn_wrap {margin:2rem 0 0; text-align: center;}
+	.ev .event_calander .btn_wrap button {width: 220px; font-size: 18px; font-weight: 500; background: #fd4802; border:none; height: 60px;}
+	.ev .event_benefit {padding-top: 30px;}
+	.ev .event_benefit h4 {font-size: 30px; padding-bottom: 20px ; margin-bottom: 0; text-align: center; font-weight: 500;}
+	.ev .event_benefit .benefit_con img {width: 100%;}
 
 	/* ev_renew 이벤트 */
 	.container .wrap .content.survey * {line-height: 1; letter-spacing: -0.025em; box-sizing:border-box;}
-	.ev .renew_banner {position: relative; width: 100%; height: 597px; background: url(/images/pc/thumb/renewal_banner.jpg) no-repeat center;}
-	.ev .renew_banner:after {content:''; position: absolute; bottom: -185px; left: 50%; width: 1580px; height: 1px; background: #ddd; transform: translateX(-50%);}
+	.ev .renew_banner {position: relative; width: 100%;}
+	.ev .renew_banner img {width: 100%;}
 	.ev .renew .btn_wrap {margin:60px auto 140px; text-align: center;}
-	.ev .renew .btn_wrap a.btn {padding:22px 65px 22px 50px; font-size: 18px; color: #222; font-weight: 300; border:1px solid #a7a7a7; background: url(/images/pc/ico_more_lg.png) no-repeat right 41px top 23px;}
+	.ev .renew .btn_wrap a.btn {padding:22px 65px 22px 50px; font-size: 18px; color: #fff; font-weight: 300; background:#fd4802 url(/images/pc/ico_bread_root_w.png) no-repeat right 40px top 24px; 
+	background-size:7px 13px;}
 
 	.container.ev .wrap .content.survey .cont_body {margin-bottom: 0;}
 	.ev .survey_wrap {background: #f5f5f5; padding:60px 0 160px}
@@ -4648,10 +4736,10 @@ dp_banner_slide03
 	.ev .survey_wrap .survey_con .survey_row.q4 h4:before {content:'Q4.'}
 	
 	.ev .survey_wrap .survey_con .survey_row ul li {float:left; margin-top: 30px; margin-right: 50px; position: relative;}
-	.ev .survey_wrap .survey_con .survey_row ul li:last-child textarea {display: none; padding: 10px; width: 300px; height: 52px; font-size: 16px; line-height: 1.5; color: #222; resize:none; position: absolute; top: 50%; left: 80px; transform:translateY(-50%);}
+	.ev .survey_wrap .survey_con .survey_row ul li:last-child input[type='text'] { padding: 10px; width: 300px; height: 52px; font-size: 16px; line-height: 1.5; color: #222; resize:none; position: absolute; top: 50%; left: 80px; transform:translateY(-50%);}
 	.ev .survey_wrap .survey_con .survey_row .form_field input + label {font-weight: 200; font-size: 16px; line-height: 1.7;}
 	.ev .survey_wrap .survey_con .survey_row .form_field input:checked + label {line-height: 1.7;}
-	.ev .survey_wrap .survey_con .survey_row .form_field input.etc:checked + label + textarea {display: inline-block;}
+	.ev .survey_wrap .survey_con .survey_row .form_field input.etc:checked + label + input[type='text'] {}
 
 	.ev .survey_wrap .survey_con .survey_row.q1 ul li:nth-child(5n) {margin-right: 0;}
 	.ev .survey_wrap .survey_con .survey_row.q1 ul li:last-child {width: 100%;}
@@ -4661,21 +4749,23 @@ dp_banner_slide03
 	.ev .survey_wrap .survey_con .survey_row.q3 .doc_ans {width: 100%; height: 220px; padding: 20px; font-size: 14px; line-height: 1.9; color: #888; font-weight: 200; resize:none; margin-top: 30px;}
 
 	.ev .survey_wrap .survey_con .survey_row.q4 {border-bottom: 0;}
-	.ev .survey_wrap .survey_con .survey_row.q4 .q4_ans {height: 220px; resize:none; margin-top: 30px; padding: 20px; font-size: 14px; line-height: 1.9; color: #888; font-weight: 200;}
+	.ev .survey_wrap .survey_con .survey_row.q4 .q4_ans {width: 100%; height: 40px; resize:none; margin-top: 30px; padding: 20px; font-size: 14px; line-height: 1.9; color: #888; font-weight: 200;}
 	.ev .survey_wrap .survey_con .btn_wrap {padding: 20px 0 60px; text-align: center;}
 	.ev .survey_wrap .survey_con .btn_wrap button.btn {padding:15px 80px; font-size: 18px; font-weight: 300;} 
 
 	/* ev_comment 사이트 리뉴얼 댓글 이벤트 */
-	.ev .comment_banner {position: relative; width: 100%; height: 1046px; background: url(/images/pc/thumb/comment_banner.jpg) no-repeat center;}
+	.ev .comment_banner {position: relative; width: 100%;}
+	.ev .comment_banner img {width: 100%;}
 	.ev .wrap .content.cmt * {letter-spacing: -0.025em;}
+	.ev .wrap .content.cmt .fileAdd {width: 100px; height: 100px; background-color: #fff;}
 	.ev .wrap .content.cmt .cont_body {margin-bottom: 0;}
 	.ev .cmt .announce_txt {margin:60px auto;}
 	.ev .cmt_wrap {background: #f5f5f5; padding:60px 0 125px;}
 	.ev .cmt_wrap .cmt_write .cmt_tarea {margin-bottom: 20px;}
 	.ev .cmt_wrap .cmt_write .cmt_tarea textarea {box-sizing: border-box; background: #fff; padding: 20px; resize: none; width: 100%; height: 140px; font-size: 14px; line-height: 1.3; color: #888;}
-	.ev .cmt_wrap .pics {width: 110px; height: 110px;}
+	.ev .cmt_wrap .pics {width: 100px; height: 100px;}
 	.ev .cmt_wrap .pics .picsThumbs {max-width: 100%; max-height: 100%;}
-	.ev .cmt_wrap .imgUpload .pics:last-of-type {display: none !important; margin-right: 0;}
+	/* .ev .cmt_wrap .imgUpload .pics:last-of-type {display: none !important; margin-right: 0;} */
 	.ev .cmt_wrap .cmt_write .btn_wrap {margin:60px 0 100px; text-align: center;}
 	.ev .cmt_wrap .cmt_write .btn_wrap > div {display: inline-block;}
 	.ev .cmt_wrap .cmt_write .btn_wrap button, .ev .cmt_wrap .cmt_write .btn_wrap label {float:left; padding:0 !important; width: 220px; height: 60px; line-height: 60px; font-size: 18px; text-align: center; font-weight: 300;}
@@ -4717,15 +4807,15 @@ dp_banner_slide03
 	.modal.cmt_popup .swiper-container .swiper-slide .pop_img {display: table-cell; width: 100%; height:700px; vertical-align: middle; }
 	.modal.cmt_popup .swiper-container .swiper-slide img {width: auto; height:auto; max-width:100%; max-height:100%; overflow: hidden;}
 	.modal.cmt_popup .swiper-button-prev:after, .modal.cmt_popup .swiper-button-next:after {content:'';}
-	.modal.cmt_popup .swiper-button-prev {left: -100px; width: 100px; height: 80px; background: url(/images/pc/slide_prev.png) no-repeat center; margin-top: -40px;}
-	.modal.cmt_popup .swiper-button-next {right: -100px; width: 100px; height: 80px; background: url(/images/pc/slide_next.png) no-repeat center; margin-top: -40px;}
-	.modal.cmt_popup .swiper-button-next.swiper-button-disabled, .modal.cmt_popup .swiper-button-prev.swiper-button-disabled {pointer-events:auto;}
+	.modal.cmt_popup .swiper-button-prev {left: -100px; width: 100px; height: 80px; background: url(/images/pc/pop_slide_prev.png) no-repeat center; margin-top: -40px; opacity: 0.6;}
+	.modal.cmt_popup .swiper-button-next {right: -100px; width: 100px; height: 80px; background: url(/images/pc/pop_slide_next.png) no-repeat center; margin-top: -40px; opacity: 0.6;}
+	.modal.cmt_popup .swiper-button-next.swiper-button-disabled, .modal.cmt_popup .swiper-button-prev.swiper-button-disabled {pointer-events:auto; opacity: 0.6;}
 	.modal.cmt_popup .swiper-pagination-bullet {width: 10px; height: 10px; opacity: 1; background: #ddd;}
 	.modal.cmt_popup .swiper-pagination-bullet-active {background: #fd4802;}
 	.modal.cmt_popup .swiper-container-horizontal>.swiper-pagination-bullets {bottom: 40px;}
 
 	/* ev 다른 이벤트 보기 슬라이드 */
-	.ev .other_ev_slide {position: relative; margin:150px 0 120px; padding:0 140px;}
+	.ev .other_ev_slide {position: relative; margin:150px auto 0 !important; padding:0 140px;}
 	.ev .other_ev_slide .tit {position: relative; margin-bottom: 60px; text-align: center;}
 	.ev .other_ev_slide .tit h4 {font-size: 30px; font-weight: 500;}
 	.ev .other_ev_slide .tit a {position: absolute; top: 50%; right: 0; transform:translateY(-50%); padding-right: 20px; background: url(/images/pc/ico_more_lg.png) no-repeat right top 1px; font-size: 18px; color:#888;}

src/main/webapp/ux/style24_link.js

@@ -5,9 +5,11 @@ const _PAGE_LOGIN = _frontUrl + "/signin";	// GNB > 로그인
 const _PAGE_LOGOUT = _frontUrl + "/logout";	// GNB > 로그아웃
 
 //== 메인 ==/
-const _PAGE_MAIN = _frontUrl + "/display/mall/main/form";	// 몰메인
-const _PAGE_ALL_BRAND = _frontUrl + "/display/all/brand/form";	// 전체 브랜드
-const _PAGE_BRAND_MAIN = _frontUrl + "/display/brand/main/form";	// 브랜드메인
+const _PAGE_MAIN = _frontUrl + "/display/mall/main/form";				// 몰메인
+const _PAGE_ALL_BRAND = _frontUrl + "/display/all/brand/form";			// 전체 브랜드
+const _PAGE_CATE_MAIN = _frontUrl + "/display/category/main/form";		// 카테고리메인
+const _PAGE_ITEMKIND_MAIN = _frontUrl + "/display/itemkind/main/form";	// 품목메인
+const _PAGE_BRAND_MAIN = _frontUrl + "/display/brand/main/form";		// 브랜드메인
 
 //== 고객 ==/
 const _PAGE_CUSTOMER_JOIN_TYPE = _frontUrl + "/customer/join/type/form";							// 고객 > 회원가입 유형
@@ -668,7 +670,7 @@ function cfGoodsReview(goodsCd) {
 		
 	}
 
-	cfOpenFullLayer(_PAGE_GOODS_REVIEW_LAYER + goodsCd, 'layer_goods_review',null , reviewAfter);
+	cfOpenFullLayer(_PAGE_GOODS_REVIEW_LAYER + goodsCd, 'layer_goods_review',null , fnReviewLayerCollBack);
 }
 
 /**
@@ -793,6 +795,56 @@ function cfnPutWishList(a) {
 	return false;
 }
 
+/**
+ * @type   : function
+ * @access : public
+ * @desc   : 카테고리메인 페이지로 이동
+ * <pre>
+ *		cfnGoToCategoryMain('G032_10', 1100);
+ * </pre>
+ * @param  : cateGb - 카테고리구분. 필수
+ * @param  : cate1No - 카테고리1번호. 필수
+ * @param  : cate2No - 카테고리2번호. 옵션
+ * @param  : cate3No - 카테고리3번호. 옵션
+ * @param  : cate4No - 카테고리4번호. 옵션
+ * @param  : cate5No - 카테고리5번호. 옵션
+ * @since  : 2021/03/22
+ * @author : gagamel
+ */
+var cfnGoToCategoryMain = function(cateGb, cate1No, cate2No, cate3No, cate4No, cate5No) {
+	var params = '?cateGb=' + cateGb + '&cate1No=' + cate1No;
+	if (typeof (cate2No) != 'undefined') params += '&cate2No=' + cate2No;
+	if (typeof (cate3No) != 'undefined') params += '&cate3No=' + cate3No;
+	if (typeof (cate4No) != 'undefined') params += '&cate4No=' + cate4No;
+	if (typeof (cate5No) != 'undefined') params += '&cate5No=' + cate5No;
+	cfnGoToPage(_PAGE_CATE_MAIN + params);
+}
+
+/**
+ * @type   : function
+ * @access : public
+ * @desc   : 품목메인 페이지로 이동
+ * <pre>
+ *		cfnGoToItemkindMain('G032_10', 1100);
+ * </pre>
+ * @param  : cateGb - 카테고리구분. 필수
+ * @param  : cate1No - 카테고리1번호. 필수
+ * @param  : cate2No - 카테고리2번호. 옵션
+ * @param  : cate3No - 카테고리3번호. 옵션
+ * @param  : cate4No - 카테고리4번호. 옵션
+ * @param  : cate5No - 카테고리5번호. 옵션
+ * @since  : 2021/03/22
+ * @author : gagamel
+ */
+var cfnGoToItemkindMain = function(cateGb, cate1No, cate2No, cate3No, cate4No, cate5No) {
+	var params = '?cateGb=' + cateGb + '&cate1No=' + cate1No;
+	if (typeof (cate2No) != 'undefined') params += '&cate2No=' + cate2No;
+	if (typeof (cate3No) != 'undefined') params += '&cate3No=' + cate3No;
+	if (typeof (cate4No) != 'undefined') params += '&cate4No=' + cate4No;
+	if (typeof (cate5No) != 'undefined') params += '&cate5No=' + cate5No;
+	cfnGoToPage(_PAGE_ITEMKIND_MAIN + params);
+}
+
 /**
  * @type   : function
  * @access : public