Merge branch 'develop' into order

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

@@ -1,6 +1,7 @@
 package com.style24.front.biz.dao;
 
 import com.style24.core.support.annotation.ShopDs;
+import com.style24.persistence.domain.Customer;
 
 /**
  * 고객(회원) Dao
@@ -11,5 +12,21 @@ import com.style24.core.support.annotation.ShopDs;
 @ShopDs
 public interface TsfCustomerDao {
 
+	/**
+	 * 가입된 회원이 있는지 확인
+	 * @param customer - 아이디, 이메일, 휴대폰
+	 * @return 임시비밀번호
+	 * @author jsshin
+	 * @since 2021. 02. 18
+	 */
+	int getCustomerInfoCount(Customer customer);
 
+	/**
+	 * 활동, 탈퇴, 휴면 테이블 조회
+	 * @param customer - ci, 휴대폰
+	 * @return 임시비밀번호
+	 * @author jsshin
+	 * @since 2021. 02. 18
+	 */
+	Customer getCustomerInfo(Customer customer);
 }

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

@@ -1,9 +1,11 @@
 package com.style24.front.biz.service;
 
+import com.gagaframework.web.parameter.GagaMap;
 import com.style24.core.biz.service.TscCustomerService;
 import com.style24.core.support.env.TscConstants;
 import com.style24.core.support.session.TscSession;
 import com.style24.persistence.domain.Customer;
+import org.apache.commons.lang3.StringUtils;
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.stereotype.Service;
 
@@ -56,7 +58,7 @@ public class TsfCustomerService {
 	}
 
 	/**
-	 * 회원 비밀번호 수정
+	 * 고객 비밀번호 수정
 	 * @param customer - 고객정보
 	 * @author jsshin
 	 * @since 2021. 02. 15
@@ -66,5 +68,129 @@ public class TsfCustomerService {
 		coreCustomerService.saveCustomerPassword(customer);
 	}
 
+	/**
+	 * 해당 아이디로 가입된 이력이 있는지 확인
+	 * @param custId - 아이디
+	 * @return boolean - 있으면 TRUE/ 없으면 FALSE
+	 * @author jsshin
+	 * @since 2021. 02. 15
+	 */
+	public boolean getCustomerFindByCustId(String custId) {
+		Customer customer = new Customer();
+		customer.setCustId(custId);
+		customer.setSiteCd(TscConstants.Site.STYLE24.value());
+		customer.encryptData();
+
+		int result = customerDao.getCustomerInfoCount(customer);
+
+		return result > 0;
+	}
+
+	/**
+	 * 해당 이메일로 가입된 이력이 있는지 확인
+	 * @param email - 이메일
+	 * @return boolean - 있으면 TRUE/ 없으면 FALSE
+	 * @author jsshin
+	 * @since 2021. 02. 15
+	 */
+	public boolean getCustomerFindByEmail(String email) {
+		Customer customer = new Customer();
+		customer.setEmail(email);
+		customer.setSiteCd(TscConstants.Site.STYLE24.value());
+		customer.encryptData();
+
+		int result = customerDao.getCustomerInfoCount(customer);
+
+		return result > 0;
+	}
+
+	/**
+	 * 해당 CI로 가입된 이력이 있는지 확인
+	 * @param ci - ci
+	 * @return boolean - 있으면 TRUE/ 없으면 FALSE
+	 * @author jsshin
+	 * @since 2021. 02. 15
+	 */
+	public Customer getCustomerFindByCi(String ci) {
+		Customer customer = new Customer();
+		customer.setCi(ci);
+		customer.setSiteCd(TscConstants.Site.STYLE24.value());
+		customer.encryptData();
+
+		return customerDao.getCustomerInfo(customer);
+	}
+
+	/**
+	 * 해당 휴대폰 번호로 가입된 이력이 있는지 확인
+	 * @param cellPhnno - 휴대전화번호
+	 * @return boolean - 있으면 TRUE/ 없으면 FALSE
+	 * @author jsshin
+	 * @since 2021. 02. 15
+	 */
+	public Customer getCustomerFindByCellPhnno(String cellPhnno) {
+		Customer customer = new Customer();
+		customer.setCellPhnno(cellPhnno);
+		customer.setHypenCellPhone(); // 010-0000-0000
+		customer.setSiteCd(TscConstants.Site.STYLE24.value());
+		customer.encryptData();
+
+		return customerDao.getCustomerInfo(customer);
+	}
+
+	/**
+	 * 고객 가입 확인
+	 * @param customer - ci, 휴대폰
+	 * @return 가입 수
+	 * @author jsshin
+	 * @since 2021. 02. 18
+	 */
+	public GagaMap getJoinCustomerValidation(Customer customer) {
+		GagaMap result = new GagaMap();
+		TscSession.setAttribute("maskingYn","Y");
+		boolean isFind = false; //가입된 고객이 있으면 true 아니면 false
+		Customer custInfo;
+
+		if (StringUtils.isBlank(customer.getCi())) {
+			throw new IllegalStateException("안심본인인증을 사용할 수 없습니다. 다시 시도해주세요(CI 데이터 없음)");
+		}
+
+		if (StringUtils.isBlank(customer.getCellPhnno())) {
+			throw new IllegalStateException("안심본인인증을 사용할 수 없습니다. 다시 시도해주세요(휴대폰 번호 없음)");
+		}
+
+		// CI로 가입된 고객 있는지 확인
+		custInfo = getCustomerFindByCi(customer.getCi());
+
+		if (custInfo != null) {
+			isFind = true;
+			result.setBoolean("isFind", isFind);
+			result.setString("maskingCustId", custInfo.getMaskingCustId());
+			return result;
+		}
+
+		// 휴대폰 번호로 가입된 고객 있는지 확인
+		custInfo = getCustomerFindByCellPhnno(customer.getCellPhnno());
+
+		if (custInfo != null) {
+			isFind = true;
+			result.setBoolean("isFind", isFind);
+			result.setString("maskingCustId",custInfo.getMaskingCustId());
+			return result;
+		}
+
+		result.setBoolean("isFind", isFind);
+		return result;
+	}
+
+	/**
+	 * 회원가입
+	 * @param customer - 일반가입, SNS 가입
+	 * @author jsshin
+	 * @since 2021. 02. 19
+	 */
+	@Transactional("shopTxnManager")
+	public void saveJoinCustomer(Customer customer) {
+		//
+	}
 
 }

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

@@ -0,0 +1,66 @@
+package com.style24.front.biz.service;
+
+import com.gagaframework.web.parameter.GagaMap;
+import com.style24.core.biz.service.TscCustomerService;
+import com.style24.core.biz.thirdparty.SsgKakaoSender;
+import com.style24.core.support.env.TscConstants;
+import com.style24.persistence.domain.CustContactHst;
+import com.style24.persistence.domain.Customer;
+import com.style24.persistence.domain.SsgDirectMessage;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+
+/**
+ * 카카오알림톡 Service. 모든 카카오알림톡 발송은 여기에서 처리한다.
+ *
+ * @author gagamel
+ * @since 2021. 02. 19
+ */
+@Service
+@Slf4j
+public class TsfKakaoService {
+
+	@Autowired
+	private SsgKakaoSender kakaoSender;
+
+	@Autowired
+	private TscCustomerService coreCustomerService;
+
+
+	/**
+	 * 가입축하 알림톡
+	 *
+	 * @param customer - 고객 정보
+	 * @author jsshin
+	 * @since 2021. 02. 19
+	 */
+	@Transactional("shopTxnManager")
+	public void sendJoinCongrat(Customer customer) {
+		SsgDirectMessage dm = new SsgDirectMessage();
+		dm.setFdestine(customer.getCellPhnno());
+		dm.setFkkoresendtype("LMS");
+
+		GagaMap replaceInfo = new GagaMap();
+		replaceInfo.setString("siteNm", TscConstants.Style24Infomation.SITE_NAME.value());
+		replaceInfo.setString("custNm", customer.getCustNm());
+		kakaoSender.send(SsgKakaoSender.KakaoAnswerSq.JoinCongrat.value(), dm, replaceInfo);
+
+		try {
+			// 고객접촉이력 정보
+			CustContactHst custContactHst = new CustContactHst();
+			custContactHst.setContactType(TscConstants.ContactType.CONGRATULATIONS.value());
+			custContactHst.setContactMethod(TscConstants.ContactMethod.KAKAOTALK.value()); // 접촉방법:알림톡+문자(공통코드G055)
+			custContactHst.setReceiverNo(customer.getCustNo());
+			custContactHst.setContactContents("회원가입축하");
+			coreCustomerService.createCustomerContactHistory(custContactHst);
+		} catch (Exception e) {
+			log.error("error", e);
+			// Do nothing
+		}
+	}
+
+
+}

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

@@ -182,7 +182,25 @@ public class TsfCallcenterController extends TsfBaseController {
 		// 1:1문의 건수 정보
 		mav.addObject("qnaCountInfo", counselService.getOneToOneQnaCountInfo());
 
-		mav.setViewName("customer/OneToOneQnaForm");
+		mav.setViewName(super.getDeviceViewName("callcenter/OneToOneQnaForm"));
+
+		return mav;
+	}
+
+	/**
+	 * 1:1문의 등록 화면
+	 * @return
+	 * @author gagamel
+	 * @since 2021. 2. 19
+	 */
+	@GetMapping("/onetoone/qna/register/form")
+	public ModelAndView oneToOneQnaRegisterForm() {
+		ModelAndView mav = new ModelAndView();
+
+		// 문의유형
+		mav.addObject("counselClsfList", rendererService.getCommonCodeList("G059", "Y", new String[] {"G596"}));
+
+		mav.setViewName(super.getDeviceViewName("callcenter/OneToOneQnaRegisterForm"));
 
 		return mav;
 	}
@@ -242,7 +260,7 @@ public class TsfCallcenterController extends TsfBaseController {
 	}
 
 	/**
-	 * 1:1문의 상세 화면
+	 * 1:1문의 상세 화면. 목록 화면에 상세 데이터 노출로 해당 로직 사용 안 함.
 	 * @param counselSq - 상담일련번호
 	 * @return
 	 * @author gagamel
@@ -255,7 +273,7 @@ public class TsfCallcenterController extends TsfBaseController {
 		// 1:1문의 상세
 		mav.addObject("qnaDetailInfo", counselService.getOneToOneQna(counselSq));
 
-		mav.setViewName("customer/OneToOneQnaDetailForm");
+		mav.setViewName(super.getDeviceViewName("callcenter/OneToOneQnaDetailForm"));
 
 		return mav;
 	}
@@ -315,7 +333,7 @@ public class TsfCallcenterController extends TsfBaseController {
 		// 상품문의 건수 정보
 		mav.addObject("qnaCountInfo", counselService.getGoodsQnaCountInfo());
 
-		mav.setViewName("customer/GoodsQnaForm");
+		mav.setViewName(super.getDeviceViewName("callcenter/GoodsQnaForm"));
 
 		return mav;
 	}

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

@@ -0,0 +1,174 @@
+package com.style24.front.biz.web;
+
+import java.io.IOException;
+import java.util.Collection;
+import java.util.List;
+
+import javax.servlet.http.HttpServletRequest;
+
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.beans.factory.annotation.Value;
+import org.springframework.core.env.Environment;
+import org.springframework.core.io.InputStreamResource;
+import org.springframework.http.ResponseEntity;
+import org.springframework.stereotype.Controller;
+import org.springframework.util.StringUtils;
+import org.springframework.web.bind.annotation.GetMapping;
+import org.springframework.web.bind.annotation.PostMapping;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RequestParam;
+import org.springframework.web.bind.annotation.ResponseBody;
+import org.springframework.web.multipart.MultipartFile;
+
+import com.style24.front.support.controller.TsfBaseController;
+
+import lombok.extern.slf4j.Slf4j;
+
+import com.gagaframework.web.util.GagaFileUploadUtil;
+import com.gagaframework.web.util.GagaFileUtil;
+import com.gagaframework.web.util.GagaUploadedFileInfo;
+
+/**
+ * 공통 Controller
+ *
+ * @author gagamel
+ * @since 2021. 2. 19
+ */
+@Controller
+@RequestMapping("/common")
+@Slf4j
+public class TsfCommonController extends TsfBaseController {
+
+	@Autowired
+	private Environment env;
+
+	@Value("${upload.default.target.path}")
+	private String uploadTargetPath;
+
+	/**
+	 * Download a file
+	 *
+	 * @param request - HttpServletRequest
+	 * @param downloadFile - 다운로드할 파일
+	 * @return
+	 * @throws IOException
+	 * @author gagamel
+	 * @since 2019. 12. 6
+	 */
+	@GetMapping("/file/download")
+	@ResponseBody
+	public ResponseEntity<InputStreamResource> downloadFile(HttpServletRequest request, @RequestParam("downloadFile") String downloadFile) throws IOException {
+		String fileName = StringUtils.replace(downloadFile, "../", "");
+		log.debug("fileName: {}", fileName);
+
+		String downloadPath = env.getProperty("download.path");
+		log.debug("downLoadPath :{}", downloadPath);
+
+		String fileNameWithPath = GagaFileUtil.getConcatenationPath(downloadPath, fileName);
+		log.debug("fileNameWithPath: {}", fileNameWithPath);
+
+		return GagaFileUtil.writeFile(request, fileNameWithPath);
+	}
+
+	/**
+	 * Upload a file
+	 *
+	 * @param subDir - 업로드 하위 디렉토리
+	 * @param policy - 업로드 정책
+	 * @param file - MultipartFile
+	 * @return 업로드한 파일의 정보
+	 * @throws IOException
+	 * @author gagamel
+	 * @since 2019. 12. 6
+	 */
+	@PostMapping("/file/upload")
+	@ResponseBody
+	public GagaUploadedFileInfo uploadFile(@RequestParam(value = "subDir") String subDir, @RequestParam(value = "policy", required = false) String policy, MultipartFile file) throws IOException {
+		if (StringUtils.isEmpty(policy)) {
+			policy = "default";
+		}
+
+		String targetPath = GagaFileUtil.getConcatenationPath(env.getProperty("upload." + policy + ".target.path"), subDir);
+
+		GagaFileUploadUtil fuUtil = new GagaFileUploadUtil(targetPath, Long.parseLong(env.getProperty("upload." + policy + ".max.size")), env.getProperty("upload." + policy + ".allow.extension"), env.getProperty("upload." + policy + ".view"));
+
+		GagaUploadedFileInfo ufInfo = fuUtil.uploadFile(file);
+//		if (!"excel".equals(policy)) {
+//			// 운영서버에서만 FTP로 파일 업로드
+//			String profiles = env.getProperty("spring.profiles.active").toLowerCase();
+//			if ("run".equals(profiles) || "locp".equals(profiles)) {
+//				GagaFtpUtil ftpUtil = new GagaFtpUtil(env.getProperty("speedy.ftp.host"), env.getProperty("speedy.ftp.port"), env.getProperty("speedy.ftp.username"), env.getProperty("speedy.ftp.pwd"));
+//
+//				File srcFile = new File(GagaFileUtil.getConcatenationPath(targetPath, ufInfo.getNewFileName()));
+//				ftpUtil.upload(srcFile, "/" + subDir);
+//				ftpUtil.close();
+//			}
+//		}
+		return ufInfo;
+	}
+
+	/**
+	 * Delete a file
+	 *
+	 * @param subDir - 업로드 하위 디렉토리
+	 * @param fileNm - 파일명
+	 * @return
+	 * @throws IOException
+	 * @author sasa004
+	 * @since 2020. 04. 06
+	 */
+	@PostMapping("/file/delete")
+	@ResponseBody
+	public void deleteFile(@RequestParam(value = "subDir") String subDir, @RequestParam(value = "fileNm", required = false) String fileNm) throws IOException {
+		String targetPath = GagaFileUtil.getConcatenationPath(env.getProperty("upload.default.target.path"), subDir);
+
+		GagaFileUtil.deleteFile(GagaFileUtil.getConcatenationPath(targetPath, fileNm));
+
+//		// 운영서버이면 FTP 파일 삭제
+//		String profiles = env.getProperty("spring.profiles.active").toLowerCase();
+//		if ("run".equals(profiles) || "locp".equals(profiles)) {
+//			GagaFtpUtil ftpUtil = new GagaFtpUtil(env.getProperty("speedy.ftp.host"), env.getProperty("speedy.ftp.port"), env.getProperty("speedy.ftp.username"), env.getProperty("speedy.ftp.pwd"));
+//			log.debug("targetPath : " + targetPath);
+//			ftpUtil.delete("/" + subDir, fileNm);
+//			ftpUtil.close();
+//		}
+	}
+
+	/**
+	 * Upload files
+	 *
+	 * @param subDir - 업로드 하위 디렉토리
+	 * @param files - MultipartFile List
+	 * @return 업로드한 파일의 정보
+	 * @throws IOException
+	 * @author gagamel
+	 * @since 2019. 12. 6
+	 */
+	@PostMapping("/files/upload")
+	@ResponseBody
+	public Collection<GagaUploadedFileInfo> uploadFiles(@RequestParam(value = "subDir") String subDir, List<MultipartFile> files) throws IOException {
+		String targetPath = GagaFileUtil.getConcatenationPath(env.getProperty("upload.default.target.path"), subDir);
+		GagaFileUploadUtil fuUtil = new GagaFileUploadUtil(targetPath);
+
+		Collection<GagaUploadedFileInfo> ufList = fuUtil.uploadFiles(files);
+		log.debug("ufList: {}", ufList);
+
+//		// 운영서버에서만 FTP로 파일 업로드
+//		String profiles = env.getProperty("spring.profiles.active").toLowerCase();
+//		if ("run".equals(profiles) || "locp".equals(profiles)) {
+//			if (ufList != null && !ufList.isEmpty()) {
+//				GagaFtpUtil ftpUtil = new GagaFtpUtil(env.getProperty("speedy.ftp.host"), env.getProperty("speedy.ftp.port"), env.getProperty("speedy.ftp.username"), env.getProperty("speedy.ftp.pwd"));
+//
+//				for (GagaUploadedFileInfo ufInfo : ufList) {
+//					File srcFile = new File(GagaFileUtil.getConcatenationPath(targetPath, ufInfo.getNewFileName()));
+//					ftpUtil.upload(srcFile, "/" + subDir);
+//				}
+//
+//				ftpUtil.close();
+//			}
+//		}
+
+		return ufList;
+	}
+
+}

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

@@ -2,9 +2,10 @@ package com.style24.front.biz.web;
 
 import com.gagaframework.web.parameter.GagaMap;
 import com.gagaframework.web.security.GagaPasswordEncoder;
-import com.gagaframework.web.util.GagaStringUtil;
+import com.style24.core.biz.service.TscClauseService;
 import com.style24.core.support.env.TscConstants;
 import com.style24.core.support.session.TscSession;
+import com.style24.front.biz.service.TsfKakaoService;
 import com.style24.front.biz.thirdparty.NiceCertify;
 import com.style24.front.support.security.session.TsfSession;
 import com.style24.persistence.domain.Customer;
@@ -42,6 +43,12 @@ public class TsfCustomerController extends TsfBaseController {
 	@Autowired
 	private TsfCustomerService customerService;
 
+	@Autowired
+	TscClauseService clauseService;
+
+	@Autowired
+	TsfKakaoService kakaoService;
+
 	@Autowired
 	private NiceCertify niceCertify;
 
@@ -158,7 +165,6 @@ public class TsfCustomerController extends TsfBaseController {
 		return result;
 	}
 
-
 	/**
 	 * 비밀번호 찾기 - 고객정보 찾기
 	 * @param customer - 고객정보
@@ -315,6 +321,48 @@ public class TsfCustomerController extends TsfBaseController {
 		return result;
 	}
 
+	/**
+	 * 이용약관 화면
+	 *
+	 * @return ModelAndView
+	 * @author jsshin
+	 * @since 2021. 02. 19
+	 */
+	@GetMapping("/licensing/layer/form")
+	public ModelAndView getLicensingLayerForm() {
+		ModelAndView mav = new ModelAndView();
+
+		return mav;
+	}
+
+	/**
+	 * 개인정보취급방침 화면
+	 *
+	 * @return ModelAndView
+	 * @author jsshin
+	 * @since 2021. 02. 19
+	 */
+	@GetMapping("/privacy/layer/form")
+	public ModelAndView getPrivacyLayerForm() {
+		ModelAndView mav = new ModelAndView();
+
+		return mav;
+	}
+
+	/**
+	 * 마케팅 동의 화면
+	 *
+	 * @return ModelAndView
+	 * @author jsshin
+	 * @since 2021. 02. 19
+	 */
+	@GetMapping("/marketing/layer/form")
+	public ModelAndView getMarketingLayerForm() {
+		ModelAndView mav = new ModelAndView();
+		
+
+		return mav;
+	}
 
 	/**
 	 * 회원정보 입력 화면
@@ -380,7 +428,7 @@ public class TsfCustomerController extends TsfBaseController {
 	/**
 	 * 나이스 인증 콜백
 	 * @param encodeData - 휴대폰인증에서 전달받은 인증결과 암호화 데이터 취득
-	 * @param encData - ipin_process에서 전달받은 인증결과 암호화 데이터 취득
+	 * @param encData - 아이핀에서 전달받은 인증결과 암호화 데이터 취득
 	 * @return ModelAndView
 	 * @author jsshin
 	 * @since 2021. 02. 09
@@ -391,7 +439,7 @@ public class TsfCustomerController extends TsfBaseController {
 			, @RequestParam(value = "enc_data", required = false) String encData
 			, @RequestParam(value = "param_r1", required = false) String redirectUrl) {
 
-		ModelAndView mav = new ModelAndView(super.getDeviceViewName("customer/NiceCallbackForm"));
+		ModelAndView mav = new ModelAndView();
 		String sEncData = "";
 		String authMethod = "";
 		if (StringUtils.isNotBlank(encodeData)) {
@@ -409,9 +457,140 @@ public class TsfCustomerController extends TsfBaseController {
 
 		mav.addObject("sEncData", sEncData);
 		mav.addObject("authMethod", authMethod);
-
+		mav.setViewName(super.getDeviceViewName("customer/NiceCallbackForm"));
 		return mav;
 	}
 
+	/**
+	 * 가입화면 - 아이디 확인
+	 *
+	 * @param customer - email
+	 * @return GagaMap - 결과정보
+	 * @author jsshin
+	 * @since 2021. 02. 18
+	 */
+	@PostMapping("/join/id/check")
+	@ResponseBody
+	public GagaMap getJoinIdCheck(@RequestBody Customer customer) {
+		GagaMap result = new GagaMap();
+
+		if (StringUtils.isBlank(customer.getCustId())) {
+			throw new IllegalStateException("확인 할 아이디가 없습니다.");
+		}
+
+		boolean isFind  = customerService.getCustomerFindByCustId(customer.getCustId());
+
+		result.setBoolean("isFind", isFind);
+		return result;
+	}
+
+	/**
+	 * 가입화면 - 이메일 확인
+	 *
+	 * @param customer - email
+	 * @return GagaMap - 결과정보
+	 * @author jsshin
+	 * @since 2021. 02. 18
+	 */
+	@PostMapping("/email/check")
+	@ResponseBody
+	public GagaMap getEmailCheck(@RequestBody Customer customer) {
+		GagaMap result = new GagaMap();
+
+		if (StringUtils.isBlank(customer.getEmail())) {
+			throw new IllegalStateException("확인 할 이메일이 없습니다.");
+		}
+
+		boolean isFind = customerService.getCustomerFindByEmail(customer.getEmail());
+
+		result.setBoolean("isFind", isFind);
+
+		return result;
+	}
+
+	/**
+	 * 가입화면 - 휴대폰 확인(임시)
+	 *
+	 * @param customer - cellphnno
+	 * @return GagaMap - 결과정보
+	 * @author jsshin
+	 * @since 2021. 02. 18
+	 */
+	@PostMapping("/cellphnno/check")
+	@ResponseBody
+	public GagaMap getCellphnnoCheck(@RequestBody Customer customer) {
+		GagaMap result = new GagaMap();
+
+		if (StringUtils.isBlank(customer.getCellPhnno())) {
+			throw new IllegalStateException("확인 할 이메일이 없습니다.");
+		}
+
+		Customer custInfo = customerService.getCustomerFindByCellPhnno(customer.getCellPhnno());
+
+		if (custInfo != null) {
+			result.setBoolean("isFind", true);
+		} else {
+			result.setBoolean("isFind", false);
+		}
+
+		return result;
+	}
+
+
+	/**
+	 * 가입화면 - 나이스 휴대폰인증
+	 *
+	 * @param customer - 인증정보
+	 * @return GagaMap - 결과정보
+	 * @author jsshin
+	 * @since 2021. 02. 18
+	 */
+	@PostMapping("/authentication/check")
+	@ResponseBody
+	public GagaMap getAuthenticationCheck(@RequestBody Customer customer) {
+		GagaMap result = new GagaMap();
+
+		GagaMap authInfo = niceCertify.getCertifyCellPhoneResultInfo(customer);
+		customer.setCi(authInfo.getString("sCi"));
+		//customer.setCellPhnno(authInfo.getString("sMobileNo"));
+		//customer.setCellPhnno("01025906246");
+
+		if ("N".equals(authInfo.getString("adult"))) {
+			throw new IllegalStateException("만14세 이상만 회원가입이 가능합니다.");
+		}
+
+		Customer custInfo = customerService.getCustomerFindByCi(customer.getCi());
+		if (custInfo != null) {
+			result.setBoolean("isFind", true);
+		} else {
+			result.setBoolean("isFind", false);
+			TscSession.setAttribute("encData",customer.getEncData());
+		}
+
+		return result;
+	}
+
+
+	@PostMapping("/join/save")
+	@ResponseBody
+	public GagaMap saveJoinCustomer(@RequestBody Customer customer) {
+		String encData = TscSession.getAttribute("encData");
+		customer.setEncData(encData);
+		GagaMap authInfo = niceCertify.getCertifyCellPhoneResultInfo(customer);
+		customer.setCi(authInfo.getString("sCi"));
+
+		// 1.입력 받은 데이터 검증
+
+		// 2.고객정보 생성 및 혜택 처리
+
+		// 3.알림톡 및 메일 발송
+		try {
+
+		} catch (Exception e) {
+			log.error("error", e);
+		}
+
+		return new GagaMap();
+	}
 
 }

src/main/java/com/style24/front/support/interceptor/TsfDefaultInterceptor.java

@@ -25,11 +25,8 @@ public class TsfDefaultInterceptor extends HandlerInterceptorAdapter {
 
 	private static final String APP_PREFIX = "style24@";
 
-//	@Value("${has-ssl}")
-//	private String hasSsl;
-
 //	@Autowired
-//	private WfoPolicyService policyService;
+//	private TsfPolicyService policyService;
 
 	@Override
 	public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
@@ -39,7 +36,7 @@ public class TsfDefaultInterceptor extends HandlerInterceptorAdapter {
 		log.info("request.getRequestURL(): [{}]", request.getRequestURL());
 		log.info("request.getQueryString(): [{}]", request.getQueryString());
 
-//		// 설정된 HTTPS 페이지 확인
+//		// 설정된 HTTPS 페이지 확인 (사이트 전체가 SSL 적용이 되어야 함으로 해당 부분 체크로직 주석 처리)
 //		String requestUrl = request.getRequestURL().toString();
 //		boolean bHttpsPage = this.isHttpsPage(isSslServer, requestUrl, request.getRequestURI());
 //		log.debug("bHttpsPage: [{}]", bHttpsPage);
@@ -133,7 +130,7 @@ public class TsfDefaultInterceptor extends HandlerInterceptorAdapter {
 					} else if (cnt == 1) {
 						TsfSession.setAttribute("appVersion", oneData);
 //					} else if (cnt == 2) {
-//						WfoSession.setAttribute("deviceToken", oneData);
+//						TsfSession.setAttribute("deviceToken", oneData);
 					}
 					cnt++;
 				}

src/main/java/com/style24/front/support/interceptor/TsfLoginCheckInterceptor.java

@@ -3,10 +3,13 @@ package com.style24.front.support.interceptor;
 import javax.servlet.http.HttpServletRequest;
 import javax.servlet.http.HttpServletResponse;
 
+import org.springframework.beans.factory.annotation.Value;
 import org.springframework.stereotype.Component;
 import org.springframework.web.servlet.ModelAndView;
 import org.springframework.web.servlet.handler.HandlerInterceptorAdapter;
 
+import com.style24.front.support.security.session.TsfSession;
+
 import lombok.extern.slf4j.Slf4j;
 
 /**
@@ -19,35 +22,33 @@ import lombok.extern.slf4j.Slf4j;
 @Slf4j
 public class TsfLoginCheckInterceptor extends HandlerInterceptorAdapter {
 
-//	@Value("${has-ssl}")
-//	private String hasSsl;
+	@Value("${has-ssl}")
+	private String hasSsl;
 
 	@Override
 	public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
-//		log.info("request.getServerName(): [{}]", request.getServerName());
-//
-//		// 로그인 되어 있지 않으면
-//		if (!FoSession.isLogin()) {
-//			boolean isAjaxCall = Boolean.parseBoolean(request.getHeader("AJAX"));
-//			log.info("isAjaxCall: {}", isAjaxCall);
-//
-//			if (isAjaxCall) { // ajax call
-//				// Ajax call은 status 세팅 후 ajax.status == 901일 경우 로그인 페이지로 이동 처리
-//				response.setStatus(901); // No Session
-//			} else { // Submit
-//				// SSL Server
-//				boolean isSslServer = Boolean.parseBoolean(hasSsl);
-//				log.info("isSslServer: [{}]", isSslServer);
-//
-//				String loginUrl = isSslServer ? "https://" + request.getServerName() + "/signin" : "/signin";
-//				log.info("loginUrl: [{}]", loginUrl);
-//
-//				response.sendRedirect(loginUrl);
-////				response.flushBuffer();
-//			}
-//
-//			return false;
-//		}
+		// 로그인 되어 있지 않으면
+		if (!TsfSession.isLogin()) {
+			boolean isAjaxCall = Boolean.parseBoolean(request.getHeader("AJAX"));
+			log.info("isAjaxCall: {}", isAjaxCall);
+
+			if (isAjaxCall) { // ajax call
+				// Ajax call은 status 세팅 후 ajax.status == 901일 경우 로그인 페이지로 이동 처리
+				response.setStatus(901); // No Session
+			} else { // Submit
+				// SSL Server
+				boolean isSslServer = Boolean.parseBoolean(hasSsl);
+				log.info("isSslServer: [{}]", isSslServer);
+
+				String loginUrl = isSslServer ? "https://" + request.getServerName() + "/signin" : "/signin";
+				log.info("loginUrl: [{}]", loginUrl);
+
+				response.sendRedirect(loginUrl);
+//				response.flushBuffer();
+			}
+
+			return false;
+		}
 
 		return super.preHandle(request, response, handler);
 	}

src/main/java/com/style24/front/support/interceptor/TsfReturnUrlInterceptor.java

@@ -3,12 +3,19 @@ package com.style24.front.support.interceptor;
 import javax.servlet.http.HttpServletRequest;
 import javax.servlet.http.HttpServletResponse;
 
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.beans.factory.annotation.Value;
 import org.springframework.stereotype.Component;
 import org.springframework.web.servlet.ModelAndView;
 import org.springframework.web.servlet.handler.HandlerInterceptorAdapter;
 
+import com.style24.front.support.env.TsfConstants;
+
 import lombok.extern.slf4j.Slf4j;
 
+import com.gagaframework.web.util.GagaCookieUtil;
+import com.gagaframework.web.util.GagaStringUtil;
+
 /**
  * Return URL Interceptor
  * 
@@ -19,33 +26,28 @@ import lombok.extern.slf4j.Slf4j;
 @Slf4j
 public class TsfReturnUrlInterceptor extends HandlerInterceptorAdapter {
 
-//	@Value("${has-ssl}")
-//	private String hasSsl;
+	@Value("${has-ssl}")
+	private String hasSsl;
 
 	public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
-//		log.info("request.isSecure(): [{}]", request.isSecure());
-//		log.info("request.getServerName(): [{}]", request.getServerName());
-//		log.info("request.getRequestURI(): [{}]", request.getRequestURI());
-//		log.info("request.getRequestURL(): [{}]", request.getRequestURL());
-//		log.info("request.getQueryString(): [{}]", request.getQueryString());
-//
-//		String queryString = GagaStringUtil.convertParameterToQueryString(request.getParameterMap());
-//		if (StringUtils.isNotBlank(queryString))
-//			queryString = "?" + queryString;
-//		log.info("queryString: [{}]", queryString);
-//
-//		String returnUrl = request.getRequestURL() + queryString;
-//		log.info("returnUrl: [{}]", returnUrl);
-//
-//		// SSL Server
-//		boolean isSslServer = Boolean.parseBoolean(hasSsl);
-//		log.debug("isSslServer: [{}]", isSslServer);
-//
-//		if (isSslServer) {
-//			GagaCookieUtil.setSecureCookie(response, FoConstants.CK_PREFIX + "_return_url", returnUrl, -1);
-//		} else {
-//			GagaCookieUtil.setCookie(response, FoConstants.CK_PREFIX + "_return_url", returnUrl, -1);
-//		}
+		String queryString = GagaStringUtil.convertParameterToQueryString(request.getParameterMap());
+		if (StringUtils.isNotBlank(queryString)) {
+			queryString = "?" + queryString;
+		}
+		log.info("queryString: [{}]", queryString);
+
+		String returnUrl = request.getRequestURL() + queryString;
+		log.info("returnUrl: [{}]", returnUrl);
+
+		// SSL Server
+		boolean isSslServer = Boolean.parseBoolean(hasSsl);
+		log.info("isSslServer: [{}]", isSslServer);
+
+		if (isSslServer) {
+			GagaCookieUtil.setSecureCookie(response, TsfConstants.CK_PREFIX + "_return_url", returnUrl, -1);
+		} else {
+			GagaCookieUtil.setCookie(response, TsfConstants.CK_PREFIX + "_return_url", returnUrl, -1);
+		}
 
 		return super.preHandle(request, response, handler);
 	}

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

@@ -290,6 +290,10 @@
 		     , A.SMS_REQ_YN                                       /*SMS(알림톡)답변수신여부*/
 		     , A.REL_GOODS_CD                                     /*관련상품코드*/
 		     , G.GOODS_NM                                         /*상품명*/
+		     , A.QUEST_TITLE                                      /*문의제목*/
+		     , A.QUEST_CONTENT                                    /*질문내용*/
+		     , A.ANS_TITLE                                        /*답변제목*/
+		     , A.ANS_CONTENT                                      /*답변내용*/
 		     , A.ANS_STAT                                         /*답변상태*/
 		     , FN_GET_CODE_NM('G060',ANS_STAT)     AS ANS_STAT_NM /*답변상태명*/
 		     , DATE_FORMAT(A.ANS_DT,'%Y.%m.%d')    AS ANS_DT      /*답변일자*/

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

@@ -20,4 +20,131 @@
 		SELECT CONVERT(TRUNCATE(RAND() * CAST(CONCAT(1,LPAD(0,(#{length} - 1),'0')) AS UNSIGNED),0),CHAR) AS PASSWD FROM DUAL
 	</select>
 
+	<!-- 가입된 고객이 있는지 확인 -->
+	<select id="getCustomerInfoCount" parameterType="Customer" resultType="int">
+		/* TsfCustomer.getCustomerInfoCount */
+		SELECT B.CNT
+		FROM (
+		      SELECT A.CNT
+		           , ROW_NUMBER() OVER (ORDER BY A.CNT DESC) AS NUMB
+		      FROM (
+		            SELECT COUNT(*) AS CNT
+		            FROM   TB_CUSTOMER
+		            WHERE  CUST_STAT = 'G104_10'   /* 활동회원*/
+		            AND    SITE_CD = #{siteCd}
+		           <if test="encodedEmail != null and encodedEmail != ''">
+		            AND    EMAIL = #{encodedEmail}
+		           </if>
+		           <if test="custId != null and custId !=''">
+		            AND    CUST_ID = #{custId}
+		           </if>
+		           <if test="ci != null and ci != ''">
+		            AND    CI = #{ci}
+		           </if>
+		           <if test="encodedCellPhnno != null and encodedCellPhnno != ''" >
+		            AND    CELL_PHNNO = #{encodedCellPhnno}
+		           </if>
+		            UNION ALL
+		            SELECT COUNT(*) AS CNT
+		            FROM   TB_SECEDE_CUST
+		            WHERE  SITE_CD = #{siteCd}
+		           <if test="encodedEmail != null and encodedEmail != ''">
+		            AND    EMAIL = #{encodedEmail}
+		           </if>
+		           <if test="custId != null and custId !=''">
+		            AND    CUST_ID = #{custId}
+		           </if>
+		           <if test="ci != null and ci != ''">
+		            AND    CI = #{ci}
+		           </if>
+		           <if test="encodedCellPhnno != null and encodedCellPhnno != ''" >
+		            AND    CELL_PHNNO = #{encodedCellPhnno}
+		           </if>
+		            UNION ALL
+		            SELECT COUNT(*) AS CNT
+		            FROM   TB_DORMANT_CUST
+		            WHERE  SITE_CD = #{siteCd}
+		           <if test="encodedEmail != null and encodedEmail != ''">
+		            AND    EMAIL = #{encodedEmail}
+		           </if>
+		           <if test="custId != null and custId !=''">
+		            AND    CUST_ID = #{custId}
+		           </if>
+		           <if test="ci != null and ci != ''">
+		            AND    CI = #{ci}
+		           </if>
+		           <if test="encodedCellPhnno != null and encodedCellPhnno != ''" >
+		            AND    CELL_PHNNO = #{encodedCellPhnno}
+		           </if>
+		           ) A
+		     ) B
+		WHERE NUMB = 1
+	</select>
+
+	<!-- 활동, 탈퇴, 휴면 테이블 조회 -->
+	<select id="getCustomerInfo" parameterType="Customer" resultType="Customer">
+		/* TsfCustomer.getCustomerInfo */
+		SELECT A.CUST_NO
+		     , A.CUST_ID
+		     , A.EMAIL
+		     , A.CELL_PHNNO
+		     , A.CUST_STAT
+		     , A.JOIN_DT
+		     , A.SECEDE_DT
+		     , A.DORMANT_DT
+		FROM (
+		      SELECT CUST_NO
+		           , CUST_ID
+		           , EMAIL
+		           , CELL_PHNNO
+		           , CUST_STAT
+		           , DATE_FORMAT(JOIN_DT, '%Y%m%d%H%i%S')   AS JOIN_DT
+		           , ''                                     AS SECEDE_DT
+		           , ''                                     AS DORMANT_DT
+		      FROM   TB_CUSTOMER
+		      WHERE  CUST_STAT = 'G104_10'   /* 활동회원*/
+		      AND    SITE_CD = #{siteCd}
+		     <if test="ci != null and ci != ''">
+		      AND    CI = #{ci}
+		     </if>
+		     <if test="encodedCellPhnno != null and encodedCellPhnno != ''" >
+		      AND    CELL_PHNNO = #{encodedCellPhnno}
+		     </if>
+		      UNION ALL
+		      SELECT CUST_ID
+		           , CUST_NO
+		           , EMAIL
+		           , CELL_PHNNO
+		           , CUST_STAT
+		           , ''                                     AS JOIN_DT
+		           , DATE_FORMAT(SECEDE_DT, '%Y%m%d%H%i%S') AS SECEDE_DT
+		           , ''                                     AS DORMANT_DT
+		      FROM   TB_SECEDE_CUST
+		      WHERE  SITE_CD = #{siteCd}
+		      <if test="ci != null and ci != ''">
+		      AND    CI = #{ci}
+		      </if>
+		      <if test="encodedCellPhnno != null and encodedCellPhnno != ''" >
+		      AND    CELL_PHNNO = #{encodedCellPhnno}
+		      </if>
+		      UNION ALL
+		      SELECT CUST_ID
+		           , CUST_NO
+		           , EMAIL
+		           , CELL_PHNNO
+		           , CUST_STAT
+		           , ''                                      AS JOIN_DT
+		           , ''                                      AS SECEDE_DT
+		           , DATE_FORMAT(DORMANT_DT, '%Y%m%d%H%i%S') AS DORMANT_DT
+		      FROM   TB_DORMANT_CUST
+		      WHERE  SITE_CD = #{siteCd}
+		      <if test="ci != null and ci != ''">
+		      AND    CI = #{ci}
+		      </if>
+		      <if test="encodedCellPhnno != null and encodedCellPhnno != ''" >
+		      AND    CELL_PHNNO = #{encodedCellPhnno}
+		      </if>
+		     ) A
+	</select>
+
 </mapper>

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

@@ -183,8 +183,8 @@
 		         , IFNULL(B.CURR_APRICE, C.CURR_PRICE) AS CURR_PRICE
 		         , IFNULL(B.DC_ARATE, C.DC_RATE) AS DC_RATE
 		         , (CASE WHEN #{frontGb} = 'P' THEN IFNULL(B.PNT_APRATE, C.PNT_PRATE) ELSE IFNULL(B.PNT_AMRATE,C.PNT_MRATE) END ) AS PNT_RATE
-		         , DATE_FORMAT(A.SOCIAL_STDT, '%Y-%m-%d %H:%i:%S')  AS SOCIAL_STDT
-		         , DATE_FORMAT(A.SOCIAL_EDDT, '%Y-%m-%d %H:%i:%S')  AS SOCIAL_EDDT
+		         , DATE_FORMAT(A.SOCIAL_STDT, '%Y%m%d%H%i%S')  AS SOCIAL_STDT
+		         , DATE_FORMAT(A.SOCIAL_EDDT, '%Y%m%d%H%i%S')  AS SOCIAL_EDDT
 		    FROM TB_SOCIAL A
 		    INNER JOIN TB_SOCIAL_GOODS B ON A.SOCIAL_SQ = B.SOCIAL_SQ
 		                                 AND B.GOODS_CD = #{goodsCd}

src/main/webapp/WEB-INF/views/web/callcenter/FaqFormWeb.html

@@ -31,25 +31,7 @@
 			<div class="content faq">
 				<div class="cont_body">
 					<!-- CONT-BODY -->
-					<div class="lnb">
-						<div class="lnb_tit">
-							<h2>고객센터</h2>
-						</div>
-						<div class="lnb_list">
-							<ul id="callcenterLnbList">
-								<li><a href="javascript:void(0);" class="on">FAQ</a></li>
-								<li><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_ONETOONE_QNA);">1:1문의</a></li>
-								<li><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_GOODS_QNA);">상품문의</a></li>
-								<li><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_NOTICE);">공지</a></li>
-							</ul>
-						</div>
-						<div class="lnb_foot">
-							<ul>
-								<li><p>고객센터 운영안내</p></li>
-								<li><p>1544-5336</p></li>
-								<li><p>평일 09:00~18:00<br>토,일,공휴일 휴무</p></li>
-							</ul>
-						</div>
+					<div class="lnb" id="callcenterLnb">
 					</div>
 					<div class="cont">
 						<div>
@@ -156,7 +138,7 @@
 /*<![CDATA[*/
 	$(document).ready(function() {
 		// 고객센터 LNB 설정
-		fnSetCallcenterLnbList(1);
+		fnSetCallcenterLnb(1);
 		
 		fnGetList();
 	});

src/main/webapp/WEB-INF/views/web/callcenter/GoodsQnaFormWeb.html

@@ -0,0 +1,188 @@
+<!DOCTYPE html>
+<html lang="ko"
+	xmlns:th="http://www.thymeleaf.org"
+	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
+	layout:decorator="web/common/layout/CallcenterLayoutWeb">
+<!--
+ *******************************************************************************
+ * @source  : GoodsQnaFormWeb.html
+ * @desc    : 상품문의 Page
+ *============================================================================
+ * STYLE24
+ * Copyright(C) 2020 TSIT, All rights reserved.
+ *============================================================================
+ * VER  DATE         AUTHOR      DESCRIPTION
+ * ===  ===========  ==========  =============================================
+ * 1.0  2021.02.19   gagamel     최초 작성
+ *******************************************************************************
+ -->
+<body>
+
+<th:block layout:fragment="content">
+	<div id="container" class="container cs"> 
+		<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_FAQ);">고객센터</a></li>
+				<li class="bread_3depth">상품문의</li>
+			</ul> 
+		</div>
+		<div class="wrap">
+			<div class="content product">
+				<div class="cont_body">
+					<!-- CONT-BODY -->
+					<div class="lnb" id="callcenterLnb">
+					</div>
+					<div class="cont">
+						<div>
+							<div class="sec_head">
+								<h3>1:1 문의</h3>
+							</div>
+							<div class="sec_body">
+								<div class="history_wrap clear">
+									<div class="hist_status">
+										<ul>
+											<li>
+												<span>총 문의</span>
+												<a href="javascript:void(0);" onclick="" th:text="${qnaCountInfo.totCnt}">12</a>
+											</li>
+											<li>
+												<span>답변 완료</span>
+												<a href="javascript:void(0);" onclick="" th:text="${qnaCountInfo.ansCnt}">8</a>
+											</li>
+											<li>
+												<span>처리 중</span>
+												<a href="javascript:void(0);" onclick="" th:text="${qnaCountInfo.ingCnt}" class="doing">0</a>
+											</li>
+										</ul>
+									</div>
+									<div class="txt">
+										<p>상품에 관련된 문의 내용을 확일할 수 있습니다.<br/>상품별 문의는 해당 상품 페이지에서 등록 가능하며 답변이 달린<br/>내용은 고객센터 또는 해당 상품페이지에서 확인 가능합니다.</p>
+									</div>
+								</div>
+								<div class="ui_row" id="divQna"> <!-- 데이터 없을시 클래스 nodata 추가 -->
+									<!-- list -->
+									<div class="foldGroup case1">
+										<ul id="ulQna">
+										</ul>
+									</div>
+									<!-- //list -->
+								</div>
+								<div class="ui_foot">
+									<div class="ui_row">
+										<ul class="pageNav">
+										</ul>
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
+					<!-- // CONT-BODY -->
+				</div>
+			</div>
+		</div>
+	</div>
+	<!-- // container -->
+	
+	<form id="qnaForm" name="qnaForm" action="#" th:action="@{'/callcenter/goods/qna/list'}">
+		<input type="hidden" name="pageNo" value ="1"/>
+		<input type="hidden" name="pageSize" value ="10"/>
+	</form>
+
+<script src="/ux/plugins/gaga/gaga.paging.js"></script>
+<script th:inline="javascript">
+/*<![CDATA[*/
+	$(document).ready(function() {
+		// 고객센터 LNB 설정
+		fnSetCallcenterLnb(3);
+		
+		fnGetList();
+	});
+	
+	let fnGetList = function() {
+		// Initialize a pagination
+		gagaPaging.init('qnaForm', fnGetListCallback, 'pageNav', 10);
+
+		// Load data
+		gagaPaging.load(1);
+	}
+	
+	var fnGetListCallback = function(result) {
+		$('#ulQna').html('');
+
+		// 목록
+		if (result.dataList != null && result.dataList.length > 0) {
+			$.each(result.dataList, function(idx, item) {
+				let tag = '<li>\n';
+				tag += '	<div class="fold_head">\n';
+				tag += '		<a href="javascript:void(0)">\n';
+				tag += '			<div>\n';
+				tag += '				<span class="fold_state ' + (item.ansStat == "G060_10" ? "doing" : "done") + '">' + item.ansStatNm + '</span>\n'; //답변완료 : done / 처리중 : doing
+				tag += '				<div class="fold_tit">\n';
+				tag += '					<span class="prod">' + item.goodsNm + ' ' + item.relGoodsCd + '</span>\n';
+				tag += '					<span>' + item.questTitle + '</span>\n';
+				tag += '				</div>\n';
+				tag += '				<span class="data">' + item.questDt + '</span>\n';
+				tag += '			</div>\n';
+				tag += '		</a>\n';
+				tag += '	</div>\n';
+				tag += '	<div class="fold_cont" style="display: none;">\n';
+				tag += '		<div class="fold_detail">\n'; //문의 내용
+				tag += '			<div>\n';
+				tag += '				<p>' + item.questContent + '</p>\n';
+				tag += '			</div>\n';
+				
+				if (item.ansStat == 'G060_10') { // 처리중일때
+					tag += '			<button type="button" class="btn btn_default btn_del" onclick="fnDeleteQna(' + item.counselSq + ');"><span><i class="ico ico_trash"></i>삭제</span></button>\n';
+				}
+				
+				tag += '		</div>\n';
+				
+				if (item.ansStat == 'G060_20') { // 답변완료 상태일 때
+					tag += '		<div class="fold_answer">\n'; //문의 답변
+					tag += '			<div class="answer_head">답변이 등록되었습니다.</div>\n';
+					tag += '			<div class="answer_body">' + item.ansContent + '</div>\n';
+					tag += '			<span class="data">' + item.ansDt + '</span>\n';
+					tag += '		</div>\n';
+				}
+				
+				tag += '	</div>\n';
+				tag += '</li>\n';
+				
+				$('#ulQna').append(tag);
+			});
+		} else {
+			let tag = '<li>내역이 없습니다.</li>\n';
+			$('#ulQna').append(tag);
+			$('#divQna').addClass('nodata');
+		}
+
+		// Create pagination
+		gagaPaging.createPagination(result.paging.pageable);
+	}
+	
+	// 삭제
+	let fnDeleteQna = function(counselSq) {
+		mcxDialog.confirm("등록된 내용을 삭제하시겠습니까?", {
+			cancelBtnText: "취소",
+			sureBtnText: "확인",
+			sureBtnClick: function() {
+				let params = new Object();
+				params.counselSq = counselSq;
+				
+				var jsonData = JSON.stringify(params);
+				gagajf.ajaxJsonSubmit('/callcenter/goods/qna/delete'
+						, jsonData
+						, function() {
+							fnGetList();
+						});
+			}
+		});
+	}
+/*]]>*/
+</script>
+
+</th:block>
+
+</body>
+</html>

src/main/webapp/WEB-INF/views/web/callcenter/NoticeFormWeb.html

@@ -31,25 +31,7 @@
 			<div class="content faq">
 				<div class="cont_body">
 					<!-- CONT-BODY -->
-					<div class="lnb">
-						<div class="lnb_tit">
-							<h2>고객센터</h2>
-						</div>
-						<div class="lnb_list">
-							<ul id="callcenterLnbList">
-								<li><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_FAQ);">FAQ</a></li>
-								<li><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_ONETOONE_QNA);">1:1문의</a></li>
-								<li><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_GOODS_QNA);">상품문의</a></li>
-								<li><a href="javascript:void(0);" class="on">공지</a></li>
-							</ul>
-						</div>
-						<div class="lnb_foot">
-							<ul>
-								<li><p>고객센터 운영안내</p></li>
-								<li><p>1544-5336</p></li>
-								<li><p>평일 09:00~18:00<br>토,일,공휴일 휴무</p></li>
-							</ul>
-						</div>
+					<div class="lnb" id="callcenterLnb">
 					</div>
 					<div class="cont">
 						<div>
@@ -91,7 +73,7 @@
 /*<![CDATA[*/
 	$(document).ready(function() {
 		// 고객센터 LNB 설정
-		fnSetCallcenterLnbList(4);
+		fnSetCallcenterLnb(4);
 		
 		fnGetList();
 	});

src/main/webapp/WEB-INF/views/web/callcenter/OneToOneQnaFormWeb.html

@@ -0,0 +1,210 @@
+<!DOCTYPE html>
+<html lang="ko"
+	xmlns:th="http://www.thymeleaf.org"
+	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
+	layout:decorator="web/common/layout/CallcenterLayoutWeb">
+<!--
+ *******************************************************************************
+ * @source  : OneToOneQnaFormWeb.html
+ * @desc    : 1:1문의 Page
+ *============================================================================
+ * STYLE24
+ * Copyright(C) 2020 TSIT, All rights reserved.
+ *============================================================================
+ * VER  DATE         AUTHOR      DESCRIPTION
+ * ===  ===========  ==========  =============================================
+ * 1.0  2021.02.19   gagamel     최초 작성
+ *******************************************************************************
+ -->
+<body>
+
+<th:block layout:fragment="content">
+	<div id="container" class="container cs"> 
+		<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_FAQ);">고객센터</a></li>
+				<li class="bread_3depth">1:1문의</li>
+			</ul> 
+		</div>
+		<div class="wrap">
+			<div class="content contactUs">
+				<div class="cont_body">
+					<!-- CONT-BODY -->
+					<div class="lnb" id="callcenterLnb">
+					</div>
+					<div class="cont">
+						<div>
+							<div class="sec_head">
+								<h3>1:1 문의</h3>
+							</div>
+							<div class="sec_body">
+								<div class="history_wrap clear">
+									<div class="hist_status">
+										<ul>
+											<li>
+												<span>총 문의</span>
+												<a href="javascript:void(0);" onclick="" th:text="${qnaCountInfo.totCnt}">12</a>
+											</li>
+											<li>
+												<span>답변 완료</span>
+												<a href="javascript:void(0);" onclick="" th:text="${qnaCountInfo.ansCnt}">8</a>
+											</li>
+											<li>
+												<span>처리 중</span>
+												<a href="javascript:void(0);" onclick="" th:text="${qnaCountInfo.ingCnt}" class="doing">0</a>
+											</li>
+										</ul>
+									</div>
+									<div class="txt">
+										<p>궁금하신 점은 우측 문의하기를 통해 남겨주세요.<br/>문의를 남겨 주시면 24시간 이내(토/일/공휴일 제외)에<br/> 답변 드릴 수 있도록 최선을 다 하겠습니다.</p>
+									</div>
+									<div class="fr btn_area">
+										<button type="button" class="btn" onclick="cfnGoToPage(_PAGE_ONETOONE_QNA_REG);"><span>1:1 문의하기</span></button>
+									</div>
+								</div>
+								<div class="ui_row" id="divQna"> <!-- 데이터 없을시 클래스 nodata 추가 -->
+									<!-- list -->
+									<div class="foldGroup case1">
+										<ul id="ulQna">
+										</ul>
+									</div>
+									<!-- //list -->
+								</div>
+								<div class="ui_foot">
+									<div class="ui_row">
+										<ul class="pageNav">
+										</ul>
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
+					<!-- // CONT-BODY -->
+				</div>
+			</div>
+		</div>
+	</div>
+	<!-- // container -->
+	
+	<form id="qnaForm" name="qnaForm" action="#" th:action="@{'/callcenter/onetoone/qna/list'}">
+		<input type="hidden" name="pageNo" value ="1"/>
+		<input type="hidden" name="pageSize" value ="10"/>
+	</form>
+
+<script src="/ux/plugins/gaga/gaga.paging.js"></script>
+<script th:inline="javascript">
+/*<![CDATA[*/
+	$(document).ready(function() {
+		// 고객센터 LNB 설정
+		fnSetCallcenterLnb(2);
+		
+		fnGetList();
+	});
+	
+	let fnGetList = function() {
+		// Initialize a pagination
+		gagaPaging.init('qnaForm', fnGetListCallback, 'pageNav', 10);
+
+		// Load data
+		gagaPaging.load(1);
+	}
+	
+	var fnGetListCallback = function(result) {
+		$('#ulQna').html('');
+
+		// 목록
+		if (result.dataList != null && result.dataList.length > 0) {
+			$.each(result.dataList, function(idx, item) {
+				let tag = '<li>\n';
+				tag += '	<div class="fold_head">\n';
+				tag += '		<a href="javascript:void(0)">\n';
+				tag += '			<div>\n';
+				tag += '				<span class="fold_state ' + (item.ansStat == "G060_10" ? "doing" : "done") + '">' + item.ansStatNm + '</span>\n'; //답변완료 : done / 처리중 : doing
+				tag += '				<div class="fold_tit">\n';
+				tag += '					<span class="prod">[' + item.counselClsfNm + ']</span>\n';
+				tag += '					<span>' + item.questTitle + '</span>\n';
+				tag += '				</div>\n';
+				tag += '				<span class="data">' + item.questDt + '</span>\n';
+				tag += '			</div>\n';
+				tag += '		</a>\n';
+				tag += '	</div>\n';
+				tag += '	<div class="fold_cont" style="display: none;">\n';
+				tag += '		<div class="fold_detail">\n'; //문의 내용
+				tag += '			<div>\n';
+				tag += '				<p>' + item.questContent + '</p>\n';
+				
+				if (!gagajf.isNull(item.sysFileNm1) || !gagajf.isNull(item.sysFileNm2)) {
+					tag += '				<p class="img_group">\n';
+					
+					if (!gagajf.isNull(item.sysFileNm1)) {
+						tag += '					<span class="thumb_pic">\n';
+						tag += '						<img src="' + _uploadImageUrl + '/counsel/' + item.sysFileNm1 + '" alt="" onerror="this.src=\'/image/bg_profile.png\'">\n';
+						tag += '					</span>\n';
+					}
+					
+					if (!gagajf.isNull(item.sysFileNm2)) {
+						tag += '					<span class="thumb_pic">\n';
+						tag += '						<img src="' + _uploadImageUrl + '/counsel/' + item.sysFileNm2 + '" alt="" onerror="this.src=\'/image/bg_profile.png\'">\n';
+						tag += '					</span>\n';
+					}
+					
+					tag += '				</p>\n';
+				}
+				
+				tag += '			</div>\n';
+				
+				if (item.ansStat == 'G060_10') { // 처리중일때
+					tag += '			<button type="button" class="btn btn_default btn_del" onclick="fnDeleteQna(' + item.counselSq + ');"><span><i class="ico ico_trash"></i>삭제</span></button>\n';
+				}
+				
+				tag += '		</div>\n';
+				
+				if (item.ansStat == 'G060_20') { // 답변완료 상태일 때
+					tag += '		<div class="fold_answer">\n'; //문의 답변
+					tag += '			<div class="answer_head">답변이 등록되었습니다.</div>\n';
+					tag += '			<div class="answer_body">' + item.ansContent + '</div>\n';
+					tag += '			<span class="data">' + item.ansDt + '</span>\n';
+					tag += '		</div>\n';
+				}
+				
+				tag += '	</div>\n';
+				tag += '</li>\n';
+				
+				$('#ulQna').append(tag);
+			});
+		} else {
+			let tag = '<li>내역이 없습니다.</li>\n';
+			$('#ulQna').append(tag);
+			$('#divQna').addClass('nodata');
+		}
+
+		// Create pagination
+		gagaPaging.createPagination(result.paging.pageable);
+	}
+	
+	// 삭제
+	let fnDeleteQna = function(counselSq) {
+		mcxDialog.confirm("등록된 내용을 삭제하시겠습니까?", {
+			cancelBtnText: "취소",
+			sureBtnText: "확인",
+			sureBtnClick: function() {
+				let params = new Object();
+				params.counselSq = counselSq;
+				
+				var jsonData = JSON.stringify(params);
+				gagajf.ajaxJsonSubmit('/callcenter/onetoone/qna/delete'
+						, jsonData
+						, function() {
+							fnGetList();
+						});
+			}
+		});
+	}
+/*]]>*/
+</script>
+
+</th:block>
+
+</body>
+</html>

src/main/webapp/WEB-INF/views/web/callcenter/OneToOneQnaRegisterFormWeb.html

@@ -0,0 +1,231 @@
+<!DOCTYPE html>
+<html lang="ko"
+	xmlns:th="http://www.thymeleaf.org"
+	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
+	layout:decorator="web/common/layout/CallcenterLayoutWeb">
+<!--
+ *******************************************************************************
+ * @source  : OneToOneQnaRegisterFormWeb.html
+ * @desc    : 1:1문의 등록 Page
+ *============================================================================
+ * STYLE24
+ * Copyright(C) 2020 TSIT, All rights reserved.
+ *============================================================================
+ * VER  DATE         AUTHOR      DESCRIPTION
+ * ===  ===========  ==========  =============================================
+ * 1.0  2021.02.19   gagamel     최초 작성
+ *******************************************************************************
+ -->
+<body>
+
+<th:block layout:fragment="content">
+	<div id="container" class="container cs"> 
+		<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_FAQ);">고객센터</a></li>
+				<li class="bread_3depth">1:1문의</li>
+			</ul> 
+		</div>
+		<div class="wrap">
+			<div class="content contactUs_my">
+				<div class="cont_body">
+					<!-- CONT-BODY -->
+					<div class="lnb" id="callcenterLnb">
+					</div>
+					<div class="cont">
+						<div>
+							<div class="sec_head">
+								<h3>1:1 문의</h3>
+							</div>
+							<div class="sec_body">
+								<div class="t_info blt_dot mb15 light">문의를 남겨 주시면 24시간 이내(토/일/공휴일 제외)에 답변 드릴 수 있도록 최선을 다 하겠습니다.</div>
+								
+								<form class="form_wrap" role="form" name="qnaForm" id="qnaForm" th:action="@{'/onetoone/qna/create'}" method="post">
+									<div class="form_field">
+										<label class="ui_col_2 input_label">문의 유형</label>
+										<div class="ui_col_10 form_full">
+											<div class="input_wrap">
+												<select name="counselClsf" required="required" data-valid-name="문의유형">
+													<option value="">유형을 선택해 주세요</option>
+													<option th:if="${counselClsfList}" th:each="oneData, status : ${counselClsfList}" th:value="${oneData.cd}" th:text="${oneData.cdNm}"></option>
+												</select>
+											</div>
+										</div>
+									</div>
+									<div class="form_field">
+										<label class="ui_col_2 input_label">제목</label>
+										<div class="ui_col_10 form_full">
+											<div class="input_wrap">
+												<span class="input_group_addon"><span class="ico"></span></span>
+												<input type="text" class="form_control" placeholder="30자 내외로 작성해주세요" maxlength="30" name="questTitle" required="required" data-valid-name="제목"/>
+											</div> 
+											<!-- 숫자, 특수문자, 불완성형 한글 제외하여 입력 -->
+										</div>
+									</div>
+									<div class="form_field">
+										<label class="ui_col_2 input_label">내용</label>
+										<div class="ui_col_10 form_full">
+											<div class="input_wrap">
+												<textarea class="doc_contactus" name="questContent" cols="30" rows="10" style="resize: none;" required="required" data-valid-name="내용"></textarea>
+												<p class="txt_cnt">
+													<span id="contactus_cnt" class="contactus_cnt">(<em class="c_primary">0</em>/500자)</span>
+												</p>
+											</div> 
+											<!-- 특수문자 : \ / : < >  사용 불가 > 입력 시, “특수문자 \ / : < > 는 사용할 수 없습니다.” 얼럿 호출 스크립트 입력 불가능 -->
+										</div>
+									</div>
+									<div class="form_field">
+										<label class="ui_col_2 input_label">첨부이미지</label>
+										<div class="ui_col_10 form_full">
+											<div class="input_wrap">
+												<!-- 이미지첨부 -->
+												<div class="form_field">
+													<div class="imgUpload">
+														<label for="fileAdd" class="fileAdd">업로드</label>
+														<input type="file" id="fileAdd" name="file1"/>
+														<input type="hidden" name="fileAddOrgFileNm"/>
+														<input type="hidden" name="fileAddSysFileNm"/>
+													</div>
+													<div class="imgUpload">
+														<label for="fileAdd" class="fileAdd">업로드</label>
+														<input type="file" id="file2" name="file2"/>
+														<input type="hidden" name="file2OrgFileNm"/>
+														<input type="hidden" name="file2SysFileNm"/>
+													</div>
+												</div>
+												<!-- //이미지첨부 -->
+												<div class="info_addfile">
+													<ul>
+														<li>- 사진은 최대 20MB 이하의 JPG,PNG,GIF <span>파일2장까지 첨부 가능</span>합니다.</li>
+														<li>- 파일명에 한글은 사용불가입니다.</li>
+														<li>- 첨부된 사진은 문의 외의 목적으로는 사용되지 않습니다.</li>
+													</ul>
+												</div>
+											</div> 
+										</div>
+									</div>
+									<div class="form_field">
+										<label class="ui_col_2 input_label">휴대폰</label>
+										<div class="ui_col_10 cellphone">
+											<div class="input_wrap">
+												<input type="text" class="form_control" name="cellPhnno" maxlength="13" placeholder="휴대폰 번호를 입력해 주세요." required="required" data-valid-type="cellPhone" data-valid-name="휴대폰번호"/> <!-- 잘못 입력시 클래스명 : err 추가  -->
+												<!-- 알림 신청 체크박스(선택 _ 기본값) -->
+												<div class="ck_box">
+													<input type="hidden" name="smsReqYn"/>
+													<input type="checkbox" name="chkSmsReqYn" value="Y" checked="checked"/>
+													<label for="chkSmsReqYn"><span>알림 신청</span></label>
+												</div>
+											</div> 
+											<div class="help_block" style="display: none;" id="divCellPhnno">
+												<p class="t_err">휴대폰 번호를 형식에 맞게 정확히 입력해주세요.</p>
+											</div>
+										</div>
+									</div>
+								</form>
+							</div>
+							<div class="sec_foot t_c">
+								<button type="button" class="btn btn_default btn_md" onclick="history.back(-1);"><span>취소</span></button>
+								<button type="button" class="btn btn_dark btn_md" id="btnSaveQna"><span>확인</span></button>
+							</div>
+						</div>
+					</div>
+					<!-- // CONT-BODY -->
+				</div>
+			</div>
+		</div>
+	</div>
+	<!-- // container -->
+	
+<script th:inline="javascript">
+/*<![CDATA[*/
+	$(document).ready(function() {
+		// 고객센터 LNB 설정
+		fnSetCallcenterLnb(2);
+	});
+	
+	// text_area
+	$('.doc_contactus').keyup(function (e) {
+		var content = $(this).val();
+		$('#contactus_cnt').html("(<em class='c_primary'>" + content.length + "</em>/500자)");
+		if (content.length > 500) {
+			alert("최대 500자까지 입력 가능합니다.");
+			$(this).val(content.substring(0, 500));
+			$('#contactus_cnt').html("(<em class='c_primary'>500</em>/500자)");
+		}
+	});
+	
+	// 파일첨부 선택 시
+	$('#fileAdd').on('change', function() { fnChooseFile(this); });
+	$('#file2').on('change', function() { fnChooseFile(this); });
+	
+	var fnChooseFile = function(obj) {
+		// multiple 속성이 있으면 files에는 다수의 객체가 할당됨
+		var file = obj.files[0];
+		
+		if (!gagajf.isNull(file.name)) {
+			var extension = "\.(jpg|jpeg|png)$";
+			if (!(new RegExp(extension, "i")).test(file.name)) {
+				mcxDialog.alert('이미지는 [jpg, jpeg, png] 파일만 가능합니다.');
+				return false;
+			}
+		}
+		
+		if (!gagajf.isNull(file.size) && Number(file.size) > 20 * 1000000) {
+			mcxDialog.alert('이미지는 최대 20MB 이하 파일만 가능합니다.');
+			return false;
+		}
+
+		// 파일 업로드
+		gagajf.ajaxFileUpload('/common/file/upload?subDir=/counsel'
+				, file
+				, function(result) {
+					// 업로드한 파일명 설정
+					$('input[name=' + obj.name + 'OrgFileNm]').val(result.oldFileName);
+					$('input[name=' + obj.name + 'SysFileNm]').val(result.newFileName);
+				}
+		);
+	}
+	
+	// 저장
+	$('#btnSaveQna').on('click', function() {
+		// 입력 값 체크
+		if (!gagajf.validation('#qnaForm'))
+			return false;
+
+		if (!gagajf.isNull($('#qnaForm input[name=cellPhnno]').val())) {
+			let regexp = /^(01(?:0|1|[6-9])-(?:\d{3}|\d{4})-\d{4})$/;
+			if (!regexp.test($('#qnaForm input[name=cellPhnno]').val())) {
+				$('#qnaForm input[name=cellPhnno]').addClass('err');
+				$('#divCellPhnno').show();
+				$('#qnaForm input[name=cellPhnno]').select();
+				$('#qnaForm input[name=cellPhnno]').focus();
+				return false;
+			}
+		}
+		
+		$('#qnaForm input[name=cellPhnno]').removeClass('err');
+		$('#divCellPhnno').hide();
+		
+		$('#qnaForm input[name=smsReqYn]').val($('#qnaForm input:checkbox[name=chkSmsReqYn]').is(":checked") ? 'Y' : 'N');
+
+		mcxDialog.confirm("저장하시겠습니까?", {
+			cancelBtnText: "취소",
+			sureBtnText: "확인",
+			sureBtnClick: function() {
+				gagajf.ajaxFormSubmit($('#qnaForm').prop('action')
+						, $('#qnaForm')
+						, function() {
+							cfnGoToPage(_PAGE_ONETOONE_QNA);
+						}
+				);
+			}
+		});
+	});
+/*]]>*/
+</script>
+
+</th:block>
+
+</body>
+</html>

src/main/webapp/WEB-INF/views/web/common/layout/CallcenterLayoutWeb.html

@@ -31,16 +31,29 @@
 
 <script th:inline="javascript">
 /*<![CDATA[*/
-	var fnSetCallcenterLnbList = function(lnbLvl) {
+	var fnSetCallcenterLnb = function(lnbLvl) {
 		let tag = '';
-		tag += '<li><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_FAQ);"' + (lnbLvl == 1 ? ' class="on"' : '') + '>FAQ</a></li>\n';
-		tag += '<li><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_ONETOONE_QNA);"' + (lnbLvl == 2 ? ' class="on"' : '') + '>1:1문의</a></li>\n';
-		tag += '<li><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_GOODS_QNA);"' + (lnbLvl == 3 ? ' class="on"' : '') + '>상품문의</a></li>\n';
-		tag += '<li><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_NOTICE);"' + (lnbLvl == 4 ? ' class="on"' : '') + '>공지</a></li>\n';
-		tag += '</ul>';
-		$('#callcenterLnbList').html();
+		tag += '<div class="lnb_tit">\n';
+		tag += '	<h2>고객센터</h2>\n';
+		tag += '</div>\n';
+		tag += '<div class="lnb_list">\n';
+		tag += '	<ul>\n';
+		tag += '		<li><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_FAQ);"' + (lnbLvl == 1 ? ' class="on"' : '') + '>FAQ</a></li>\n';
+		tag += '		<li><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_ONETOONE_QNA);"' + (lnbLvl == 2 ? ' class="on"' : '') + '>1:1문의</a></li>\n';
+		tag += '		<li><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_GOODS_QNA);"' + (lnbLvl == 3 ? ' class="on"' : '') + '>상품문의</a></li>\n';
+		tag += '		<li><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_NOTICE);"' + (lnbLvl == 4 ? ' class="on"' : '') + '>공지</a></li>\n';
+		tag += '	</ul>\n';
+		tag += '</div>\n';
+		tag += '<div class="lnb_foot">\n';
+		tag += '	<ul>\n';
+		tag += '		<li><p>고객센터 운영안내</p></li>\n';
+		tag += '		<li><p>1544-5336</p></li>\n';
+		tag += '		<li><p>평일 09:00~18:00<br>토,일,공휴일 휴무</p></li>\n';
+		tag += '	</ul>\n';
+		tag += '</div>';
+		$('#callcenterLnb').html(tag);
 	}
-
+	
 	$(document).ready(function() {
 		
 	});

src/main/webapp/WEB-INF/views/web/customer/IdFindFormWeb.html

@@ -219,7 +219,7 @@
 	</div>
 </div>
 
-<script th:src="@{'/ux/customer/customer.js?v=' + ${#calendars.format(#calendars.createNow(), 'yyyyMMddHHmmss')}}" src="/ux/customer/customer.js"></script>
+<script th:src="@{'/biz/customer.js?v=' + ${#calendars.format(#calendars.createNow(), 'yyyyMMddHHmmss')}}" src="/biz/customer.js"></script>
 <script th:inline="javascript">
 /*<![CDATA[*/
 
@@ -245,7 +245,7 @@
 
 		let jsonData = JSON.stringify(custInfo);
 		//console.log('jsonData', jsonData);
-		ajaxJsonSubmit('/customer/id/find', jsonData, fnInfoConfirmCallBack);
+		gagajf.ajaxJsonSubmit('/customer/id/find', jsonData, fnInfoConfirmCallBack);
 	});
 
 	// 휴대폰 인증
@@ -265,7 +265,7 @@
 			custInfo.encData = encData;
 			custInfo.authMethod = authMethod;
 			let jsonData = JSON.stringify(custInfo);
-			ajaxJsonSubmit('/customer/id/find', jsonData, fnInfoConfirmCallBack)
+			gagajf.ajaxJsonSubmit('/customer/id/find', jsonData, fnInfoConfirmCallBack)
 		}
 	};
 

src/main/webapp/WEB-INF/views/web/customer/JoinFormWeb.html

@@ -38,7 +38,7 @@
 					<div class="form_field">
 						<label class="input_label sr-only">아이디</label>
 						<div class="input_wrap form_full">
-							<input type="text" id="custId" name="custId" placeholder="아이디 (4~12자)" class="form_control" required="required" data-valid-type="alphaNumeric" data-valid-name="아이디" minlength="4" maxlength="12"/>
+							<input type="text" id="custId" name="custId" placeholder="아이디(4~12자)" class="form_control" required="required" data-valid-type="alphaNumeric" data-valid-name="아이디" minlength="4" maxlength="12"/>
 							<span class="usable" style="display:block;"></span><!-- display:block / display:none 으로 control -->
 						</div>
 						<div id="dupCustIdDiv" class="help_block hide">
@@ -55,19 +55,19 @@
 							<div class="help_block">
 								<!-- 사용불가 비밀번호일경우 -->
 								<p class="mt10">
-									<span class="c_black2">
-										<i class="ico ico_check black mr5"></i>영문(대/소문자), 숫자, 특수문자 중 2가지 이상 조합(8~20자)<br>
+									<span id="firstFailed" class="c_gray">
+										<i class="ico ico_check gray mr5"></i>영문(대/소문자), 숫자, 특수문자 중 2가지 이상 조합(8~20자)<br>
 									</span>
-									<span class="c_red2">
-										<i class="ico ico_check red mr5"></i>4개이상 연속되거나 동일한 문자/숫자 제외<br>
+									<span id="secondFailed" class="c_gray">
+										<i class="ico ico_check gray mr5"></i>4개이상 연속되거나 동일한 문자/숫자 제외<br>
 									</span>
-									<span class="c_gray">
+									<span id="thirdFailed" class="c_gray">
 										<i class="ico ico_check gray mr5"></i>아이디 제외
 									</span>
 								</p>
 								<!-- //사용불가 비밀번호일경우 -->
 								<!-- 사용가능한 비밀번호일경우 -->
-								<p class="mt10">
+								<p id="avlPwd" class="mt10 hide">
 									<span class="c_black2">
 										<i class="ico ico_check black mr5"></i>사용 가능한 비밀번호입니다
 									</span>
@@ -85,12 +85,12 @@
 							<!-- case (비밀번호확인 틀렸을경우,비밀번호 일치할경우) -->
 							<div class="help_block">
 								<!-- 비밀번호확인 틀렸을경우 -->
-								<p class="t_err">
+								<p id="misPwd" class="t_err hide">
 									비밀번호가 일치하지 않습니다.
 								</p>
 								<!-- //비밀번호확인 틀렸을경우 -->
 								<!-- 비밀번호 일치할경우 -->
-								<p class="mt10">
+								<p id="avlConPwd" class="mt10 hide">
 									<span class="c_black2"><i class="ico ico_check black mr5"></i>비밀번호가 일치합니다.</span>
 								</p>
 								<!-- //비밀번호 일치할경우 -->
@@ -101,19 +101,19 @@
 					<div class="form_field">
 						<label class="input_label sr-only">이메일</label>
 						<div class="input_wrap form_full">
-							<input type="text" id="email" name="email" placeholder="이메일" class="form_control" maxlength="30"/><!-- 잘못기입된 경우 class "err" 추가 -->
+							<input type="text" id="email" name="email" placeholder="이메일" class="form_control" required="required" data-valid-name="이메일" maxlength="30"/><!-- 잘못기입된 경우 class "err" 추가 -->
 							<!-- case (이메일 형식이 바르지않을경우,이미 가입되어있는 이메일인경우) -->
 							<div class="help_block">
 								<!-- 이메일 형식이 바르지않을경우 -->
-								<p class="t_err">
+								<p id="failEmail" class="t_err hide">
 									이메일 형식이 올바르지 않습니다.
 								</p>
 								<!-- //이메일 형식이 바르지않을경우 -->
 								<!-- 이미 가입되어있는 이메일인경우 -->
-								<p class="t_err">
+								<p id="dupEmail" class="t_err hide">
 									이미 가입된 이메일 주소입니다. 다른 이메일 주소를 입력하여 주세요.
 								</p>
-								<div class="mt20">
+								<div id="dupEmailDiv" class="mt20 hide">
 									<button type="button" class="btn btn_default btn_sm" onclick="cfnGoToPage(_PAGE_LOGIN);">
 										<span>로그인</span>
 									</button>
@@ -129,16 +129,16 @@
 					<div class="form_field">
 						<label class="input_label sr-only">휴대폰번호</label>
 						<div class="input_wrap form_full">
-							<input type="text" id="cellPhnno" name="cellPhnno" placeholder="휴대폰번호" class="form_control"/>
+							<input type="text" id="cellPhnno" name="cellPhnno" placeholder="휴대폰번호" class="form_control" minlength="10" maxlength="11" required="required" data-valid-type="numeric" data-valid-name="휴대폰번호" />
 							<!-- case (휴대폰번호 형식이 맞지 않을경우,이미 가입되어있는 핸드폰번호일경우) -->
 							<div class="help_block">
 								<!-- 휴대폰번호 형식이 맞지 않을경우 -->
-								<p class="t_err">휴대폰번호를 형식에 맞게 정확히 입력해주세요</p>
+								<p id="failPhnno" class="t_err hide">휴대폰번호를 형식에 맞게 정확히 입력해주세요</p>
 								<!-- //휴대폰번호 형식이 맞지 않을경우 -->
 								<!-- 이미 가입되어있는 핸드폰번호일경우 -->
-								<p class="t_err">I***D로 가입된 핸드폰 번호 입니다.</p>
+								<p id="dupPhnno" class="t_err hide">I***D로 가입된 핸드폰 번호 입니다.</p>
 								<div class="mt20">
-									<button type="button" class="btn btn_default btn_sm">
+									<button type="button" id="btnCellPhoneCertify" class="btn btn_default btn_sm">
 										<span>휴대폰 인증</span>
 									</button>
 								</div>
@@ -148,7 +148,9 @@
 						</div>
 					</div>
 					<div class="mt40">
-						<button class="btn btn_primary btn_block"><span>동의하고 가입하기</span></button>
+						<button type="button" id="btnJoin" class="btn btn_primary btn_block" disabled="disabled">
+							<span>동의하고 가입하기</span>
+						</button>
 					</div>
 					<div class="desc_wrap t_c mt20">
 						<p>
@@ -163,44 +165,275 @@
 	</div>
 </div>
 
-<script th:src="@{'/ux/customer/customer.js?v=' + ${#calendars.format(#calendars.createNow(), 'yyyyMMddHHmmss')}}" src="/ux/customer/customer.js"></script>
+<script th:src="@{'/biz/customer.js?v=' + ${#calendars.format(#calendars.createNow(), 'yyyyMMddHHmmss')}}" src="/biz/customer.js"></script>
 <script th:inline="javascript">
 /*<![CDATA[*/
-	//	중복된 아이디 확인
+	let custIdCheck = false;
+	let passwdCheck = false;
+	let emailCheck = false;
+	let phoneCheck = false;
+	let authCheck = false;
+
+	// 아이디 확인
 	$('#custId').on('blur', function () {
 		let custId = $(this).val();
 		if(!gagajf.isNull(custId)) {
-			let custInfo = {};
-			custInfo.custId = custId;
-			let jsonData = JSON.stringify(custInfo);
-			ajaxJsonSubmit('/customer/id/check', jsonData, fnIdConfirmCallBack)
+			if (custId.length > 3) {
+				let custInfo = {};
+				custInfo.custId = custId;
+				let jsonData = JSON.stringify(custInfo);
+				gagajf.ajaxJsonSubmit('/customer/join/id/check', jsonData, fnIdConfirmCallBack);
+			}
 		}
-
 	});
 
+	// 아이디 결과
 	var fnIdConfirmCallBack = function (result) {
+		const $dupCustIdDiv = $('#dupCustIdDiv');
+		const $custId = $('#custId');
+		const $usable = $('.usable');
+
 		if (result.isFind) { // 중복된 아이디가 존재
-			fnDisplayCustIdDiv(false);
+			$custId.addClass('err');
+			$custId.removeClass('usable');
+			$dupCustIdDiv.show();
+			$usable.hide();
+			custIdCheck = false;
 		} else {
-			fnDisplayCustIdDiv(true);
+			$custId.removeClass('err');
+			$custId.addClass('usable');
+			$dupCustIdDiv.hide();
+			$usable.show();
+			custIdCheck = true;
 		}
+
 	};
 
-	var fnDisplayCustIdDiv = function (bool) {
-		let $dupCustIdDiv = $('#dupCustIdDiv');
-		let $custId = $('#custId');
-		if (bool) { // 사용가능
-			$custId.removeClass('err'); //잘못기입된 경우
-			$custId.addClass('usable');
-			$('.usable').show();
-		} else {  // 사용가능 하지 않음
-			$custId.addClass('err'); //잘못기입된 경우
-			$custId.removeClass('usable');
-			$dupCustIdDiv.show();
-			$('.usable').hide();
+	// 비밀번호 입력
+	$('#joinForm input[name=passwd]').on('focusout keyup keydown', function () {
+		fnCheckPassword();
+	});
+
+	// 비밀번호 확인 입력
+	$('#joinForm input[name=confirmPassword]').on('focusout keyup keydown', function () {
+		fnCheckConfirmPassword();
+	});
+
+	// 비밀번호 확인
+	var fnCheckPassword = function () {
+		const $firstFailed = $('#firstFailed');
+		const $secondFailed = $('#secondFailed');
+		const $thirdFailed = $('#thirdFailed');
+		const $avlPwd = $('#avlPwd');
+		const red = 'c_red2';
+		const gray = 'c_gray';
+
+		let custId = $('#joinForm input[name=custId]').val();
+		let password = $('#joinForm input[name=passwd]').val();
+		let confirmPassword = $('#joinForm input[name=confirmPassword]').val();
+		let pwdCheck = true;
+
+
+		// 영문, 숫자, 특수문자 2종 이상 혼용 || 길이
+		if (fnValidtaionPwdMixedWord(password) || fnValidationPwdLength(password)) {
+			pwdCheck = false;
+			$firstFailed.removeClass(gray);
+			$firstFailed.addClass(red);
+		} else {
+			$firstFailed.removeClass(red);
+			$firstFailed.addClass(gray);
+		}
+
+		// 동일한 문자/숫자 4자이상 || 연속된 문자가 4자이상
+		if (fnValidationPwdSameWord(password) || fnValidtaionPwdCntnsWord(password)) {
+			pwdCheck = false;
+			$secondFailed.removeClass(gray);
+			$secondFailed.addClass(red);
+		} else {
+			$secondFailed.removeClass(red);
+			$secondFailed.addClass(gray);
 		}
+
+		// 아이디 포함
+		if (!gagajf.isNull(custId)) {
+			if (fnValidationPwdSameId(password, custId)) {
+				pwdCheck = false;
+				$thirdFailed.removeClass(gray);
+				$thirdFailed.addClass(red);
+			} else {
+				$thirdFailed.removeClass(red);
+				$thirdFailed.addClass(gray);
+			}
+		}
+
+		if (pwdCheck) {
+			$firstFailed.hide();
+			$secondFailed.hide();
+			$thirdFailed.hide();
+			$avlPwd.show();
+		} else {
+			$firstFailed.show();
+			$secondFailed.show();
+			$thirdFailed.show();
+			$avlPwd.hide();
+		}
+
+		if (!gagajf.isNull(confirmPassword)) {
+			fnCheckConfirmPassword();
+		}
+
 	};
 
+	// 비밀번호 확인
+	var fnCheckConfirmPassword = function () {
+		const $misPwd = $('#misPwd');
+		const $avlConPwd = $('#avlConPwd');
+		let password = $('#joinForm input[name=passwd]').val();
+		let confirmPassword = $('#joinForm input[name=confirmPassword]').val();
+		if (!gagajf.isNull(password) && !gagajf.isNull(confirmPassword)) {
+			if (fnValidationPwdSameConfirmPwd(password, confirmPassword)) {
+				$avlConPwd.hide();
+				$misPwd.show();
+				passwdCheck = false;
+			} else {
+				$misPwd.hide();
+				$avlConPwd.show();
+				passwdCheck = true;
+			}
+		}
+	};
+
+	//	이메일 확인
+	$('#email').on('blur', function () {
+		const $failEmail = $('#failEmail');
+		let email = $(this).val();
+		let validation;
+
+		if(!gagajf.isNull(email)) {
+			if (!fnCheckValidationEmail(email)) {
+				$failEmail.show();
+				emailCheck = false;
+				validation = false;
+			} else {
+				validation = true;
+				$failEmail.hide();
+			}
+			if (validation) {
+				let custInfo = {};
+				custInfo.email = email;
+				let jsonData = JSON.stringify(custInfo);
+				gagajf.ajaxJsonSubmit('/customer/email/check', jsonData, fnEmailConfirmCallBack);
+			}
+		}
+	});
+
+	// 이메일 확인 결과
+	var fnEmailConfirmCallBack = function (result) {
+		const $dupEmail = $('#dupEmail');
+		const $dupEmailDiv = $('#dupEmailDiv');
+		if (result.isFind) { // 중복된 아이디가 존재
+			$dupEmail.show();
+			$dupEmailDiv.show();
+			emailCheck = false;
+		} else {
+			$dupEmail.hide();
+			$dupEmailDiv.hide();
+			emailCheck = true;
+		}
+	};
+
+	//	휴대폰 확인
+	$('#cellPhnno').on('blur', function () {
+		const $failPhnno = $('#failPhnno');
+		let cellPhnno = $(this).val();
+		let validation;
+
+		if (gagajf.isNull(cellPhnno)) {
+			if ( 9 < cellPhnno < 12) {
+				$failPhnno.hide();
+				validation = true;
+			} else {
+				$failPhnno.show();
+				validation = false;
+			}
+			if (validation) {
+				let custInfo = {};
+				custInfo.cellPhnno = cellPhnno;
+				let jsonData = JSON.stringify(custInfo);
+				gagajf.ajaxJsonSubmit('/customer/cellphnno/check', jsonData, fnPhoneConfirmCallBack);
+			}
+		}
+	});
+
+	// 휴대폰 번호 입력에대한 결과
+	var fnPhoneConfirmCallBack = function (result) {
+		// const $cellPhnno = $('#cellPhnno');
+		const $dupPhnno = $('#dupPhnno');
+		if (result.isFind) { // 가입된 고객 정보가 있으면
+			$dupPhnno.text(result.maskingCustId+'로 가입된 핸드폰 번호 입니다.');
+			$dupPhnno.show();
+			// $cellPhnno.text(result.cellPhnno);
+			// $cellPhnno.show();
+			authCheck = false;
+		} else {
+			$dupPhnno.hide();
+			authCheck = true;
+		}
+	};
+	
+
+	//휴대폰 인증
+	$('#btnCellPhoneCertify').on('click', function () {
+		cfnOpenCellphoneCertify();
+	});
+
+	// 나이스 본인인증 후 콜백
+	var fnNiceCallBack = function(encData) {
+		if (!gagajf.isNull(encData)) {
+			let custInfo = {};
+			custInfo.encData = encData;
+			let jsonData = JSON.stringify(custInfo);
+			gagajf.ajaxJsonSubmit('/customer/authentication/validation', jsonData, fnInfoConfirmCallBack);
+		}
+	};
+
+	// 본인이증 후 결과
+	var fnInfoConfirmCallBack = function (result) {
+		// const $cellPhnno = $('#cellPhnno');
+		const $dupPhnno = $('#dupPhnno');
+		if (result.isFind) { // 가입된 고객 정보가 있으면
+			$dupPhnno.text(result.maskingCustId+'로 가입된 핸드폰 번호 입니다.');
+			$dupPhnno.show();
+			// $cellPhnno.text(result.cellPhnno);
+			// $cellPhnno.show();
+			authCheck = false;
+		} else {
+			$dupPhnno.hide();
+			authCheck = true;
+		}
+	};
+
+	// 저장
+	$('#btnJoin').on('click', function () {
+
+
+	});
+
+
+	// 가입 가능한지 확인
+	var fnPossibleJoin = function () {
+		const $btnJoin = $('#btnJoin')
+		if (custIdCheck && passwdCheck && emailCheck && phoneCheck && authCheck ) {
+			$btnJoin.attr('disabled', false);
+		} else {
+			$btnJoin.attr('disabled', true);
+		}
+	};
+
+	$(document).ready(function() {
+		fnPossibleJoin();
+	});
+
 /*]]>*/
 </script>
 

src/main/webapp/WEB-INF/views/web/customer/PasswordChangeFormWeb.html

@@ -104,7 +104,7 @@
 	</div>
 </div>
 
-<script th:src="@{'/ux/customer/customer.js?v=' + ${#calendars.format(#calendars.createNow(), 'yyyyMMddHHmmss')}}" src="/ux/customer/customer.js"></script>
+<script th:src="@{'/biz/customer.js?v=' + ${#calendars.format(#calendars.createNow(), 'yyyyMMddHHmmss')}}" src="/biz/customer.js"></script>
 <script th:inline="javascript">
 /*<![CDATA[*/
 
@@ -120,16 +120,16 @@
 
 	// 비밀번호 확인
 	var fnCheckPassword = function () {
+		const $firstFailed = $('#firstFailed');
+		const $secondFailed = $('#secondFailed');
+		const $thirdFailed = $('#thirdFailed');
+		const $avlPwd = $('#avlPwd');
+		const red = 'c_red2';
+		const gray = 'c_gray';
 		let custId = $('#resetPasswordForm input[name=custId]').val();
 		let password = $('#resetPasswordForm input[name=passwd]').val();
 		let confirmPassword = $('#resetPasswordForm input[name=confirmPassword]').val();
-		let $firstFailed = $('#firstFailed');
-		let $secondFailed = $('#secondFailed');
-		let $thirdFailed = $('#thirdFailed');
-		let $avlPwd = $('#avlPwd');
 		let pwdCheck = true;
-		let red = 'c_red2';
-		let gray = 'c_gray';
 
 		// 영문, 숫자, 특수문자 2종 이상 혼용 || 길이
 		if (fnValidtaionPwdMixedWord(password) || fnValidationPwdLength(password)) {
@@ -181,11 +181,11 @@
 
 	// 비밀번호체크
 	var fnCheckConfirmPassword = function () {
+		const $misPwd = $('#misPwd');
+		const $avlConPwd = $('#avlConPwd');
+		const $btnSavePassword = $('#btnSavePassword');
 		let password = $('#resetPasswordForm input[name=passwd]').val();
 		let confirmPassword = $('#resetPasswordForm input[name=confirmPassword]').val();
-		let $misPwd = $('#misPwd');
-		let $avlConPwd = $('#avlConPwd');
-		let $btnSavePassword = $('#btnSavePassword');
 
 		if (fnValidationPwdSameConfirmPwd(password, confirmPassword)) {
 			$avlConPwd.hide();
@@ -221,7 +221,7 @@
 		fnCheckPassword();
 		fnCheckConfirmPassword();
 		let jsonData = JSON.stringify(resetPasswordForm);
-		ajaxJsonSubmit('/customer/password/reset', jsonData, fnSavePasswordCallback);
+		gagajf.ajaxJsonSubmit('/customer/password/reset', jsonData, fnSavePasswordCallback);
 	});
 
 	var fnSavePasswordCallback = function (result) {

src/main/webapp/WEB-INF/views/web/customer/PasswordFindFormWeb.html

@@ -189,7 +189,7 @@
 	</div>
 </div>
 
-<script th:src="@{'/ux/customer/customer.js?v=' + ${#calendars.format(#calendars.createNow(), 'yyyyMMddHHmmss')}}" src="/ux/customer/customer.js"></script>
+<script th:src="@{'/biz/customer.js?v=' + ${#calendars.format(#calendars.createNow(), 'yyyyMMddHHmmss')}}" src="/biz/customer.js"></script>
 <script th:inline="javascript">
 /*<![CDATA[*/
 	let custIdCheck = false;
@@ -204,7 +204,7 @@
 		let custInfo = {};
 		custInfo.custId = custId;
 		let jsonData = JSON.stringify(custInfo);
-		ajaxJsonSubmit('/customer/id/check', jsonData, fnIdConfirmCallBack)
+		gagajf.ajaxJsonSubmit('/customer/id/check', jsonData, fnIdConfirmCallBack)
 	});
 
 	var fnIdConfirmCallBack = function (result) {
@@ -244,7 +244,7 @@
 		custInfo.authMethod = 'custInfo';
 		let jsonData = JSON.stringify(custInfo);
 		//console.log('jsonData', jsonData);
-		ajaxJsonSubmit('/customer/password/find/custinfo', jsonData, fnInfoConfirmCallBack);
+		gagajf.ajaxJsonSubmit('/customer/password/find/custinfo', jsonData, fnInfoConfirmCallBack);
 	});
 
 	// 휴대폰 인증
@@ -294,7 +294,7 @@
 			custInfo.encData = encData;
 			custInfo.authMethod = authMethod;
 			let jsonData = JSON.stringify(custInfo);
-			ajaxJsonSubmit('/customer/password/find/certify', jsonData, fnInfoConfirmCallBack)
+			gagajf.ajaxJsonSubmit('/customer/password/find/certify', jsonData, fnInfoConfirmCallBack)
 		}
 	};
 

src/main/webapp/ux/customer/customer.js → src/main/webapp/biz/customer.js

@@ -16,7 +16,7 @@
 /**
  * 이메일 유효성 체크
  * @param email - 이메일
- * @return boolean - 통과(true)/실패(fail)
+ * @return boolean - 통과(true)/실패(false)
  * @author jsshin
  * @since 2021. 02. 15
  */
@@ -173,6 +173,7 @@ var fnValidationPwdSameId = function (password, custId) {
  */
 var fnValidationPwdSameConfirmPwd = function (password, confirmPassword) {
 	let result;
+
 	if (password != confirmPassword) {
 		result = true;
 	} else {
@@ -180,49 +181,3 @@ var fnValidationPwdSameConfirmPwd = function (password, confirmPassword) {
 	}
 	return result;
 };
-
-
-
-/*
-* 임시사용
-*
-* */
-var ajaxJsonSubmit = function (url, json, callback) {
-	$.ajax({
-		type : "POST",
-		url : url,
-		dataType : 'json',
-		data : json,
-		beforeSend : function(xhr, opts) { // 통신 전
-			// when validation is false
-			// AJAX call
-			xhr.setRequestHeader('AJAX', 'true');
-			// dataType: "json"일 때
-			xhr.setRequestHeader('Accept', 'application/json');
-			xhr.setRequestHeader('Content-Type', 'application/json');
-		},
-		success : function(result) {
-			if (typeof(result.status) == 'undefined' || result.status === 200) { // 성공
-				if (!gagajf.isNull(result.message)) {
-					if (mcxDialog.alert(result.message)) {
-						if (typeof(callback) === 'function') {
-							callback.call(this, result);
-						}
-					}
-				} else {
-					if (typeof(callback) == "function") {
-						callback.call(this, result);
-					}
-				}
-			} else { // 실패
-				if (!gagajf.isNull(result.error.message)) {
-					mcxDialog(result.error.message);
-				}
-			}
-		},
-		error : function() {
-			// error code
-			mcxDialog.alert('오류로 인해 처리되지 않았습니다.');
-		}
-	});
-}

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

@@ -1,8 +1,8 @@
 @charset "utf-8";
 
-@import "reset.css";
+@import "reset.css?v=20210219";
 @import "font.css";
-@import "layout.css";
+@import "layout.css?v=20210219";
 
 
 /* h1 ~ h6  */
@@ -435,6 +435,7 @@ background-color: #fe970a;border-color: #fe970a;color:#ffffff;
 .ico_star::before {content: ""; width: 17px; height:17px;background: url(/images/pc/ico_star.png) no-repeat 0% 50%; background-size:cover;}
 .active .ico_star::before {background-position:100% 50%;}
 .ico_saletag::before {content: ""; width:34px;height:17px;background: url(/images/pc/ico_saletag.png) no-repeat 50% 50%; background-size:cover;}
+.ico_besttag::before {content: ""; width:31px;height:15px;background: url(/images/pc/ico_besttag.png) no-repeat 50% 50%; background-size:cover;}
 .ico_calender::before {content: ""; width:15px;height:16px;background: url(/images/pc/ico_calender.png) no-repeat 50% 50%; background-size:cover;}
 .ico_snslogin::before {content: ""; background-image: url(/images/pc/ico_snslogin.png); background-size:auto 100%;}
 .ico_snslogin.kakao::before {width:20px; height:22px; background-position:0 0;}
@@ -779,7 +780,7 @@ content: "〉";font-size: 12px;padding-left: 8px;
 
 /* common.css로 이동 예정 */
 .itemcolorchip {margin: 15px 0px 0px;max-width: 208px;}
-.itemcolorchip [class*="chip_"] {position: relative;display: inline-block;width: 15px;height: 15px;font-size: 0; vertical-align: middle;}
+.itemcolorchip [class*="chip_"] {position: relative;display: inline-block;width: 15px;height: 15px;font-size: 0; vertical-align: middle;margin: 0 2px;}
 .itemcolorchip [class*="chip_"]:before {content: "";display: inline-block;width: 100%;height: 100%;border-radius: 50%;box-sizing: border-box;}
 
 .chip_color40::before {background-color: #ffffff;border: 1px solid #ddd;}
@@ -929,13 +930,13 @@ select,
 .form_field input[type="radio"]:Disabled + label{cursor: default;opacity: .45;} 
 
 .form_field input[type="checkbox"]:checked + label:after{ 
-  content: ''; position:absolute; top:3px; left:0; width:20px; height:20px; background-color: #fd4800; 
+  content: ''; position:absolute; top:3px; left:0; width:20px; height:20px; background-color: #fd4800; border-radius: 100%; box-sizing:border-box; 
   background: url('/images/pc/ico_chk_rdi.png') no-repeat;
   background-position: -20px 0px;
 }
 
 .form_field input[type="checkbox"]:Disabled + label:after{ 
-  content: ''; position:absolute; top:3px; left:0; width:20px; height:20px; background-color: #fd4800; 
+  content: ''; position:absolute; top:3px; left:0; width:20px; height:20px; background-color: #fd4800; border-radius: 100%; box-sizing:border-box; 
   background: url('/images/pc/ico_chk_rdi.png') no-repeat;
   background-position: -40px 0px;
   /* background-position: -42px -1px; */
@@ -1201,8 +1202,8 @@ input[type="file"] {
 }
 /* ie */
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-	body,input,textarea,select,button {font-size:14px; font-family:"Noto Sans CJK kr","Noto Sans kr", "LATO", sans-serif;}
-	h1,h2,h3,h4,h5,h6 {font-family:"Noto Sans CJK kr","Noto Sans kr", "LATO", sans-serif;}
+	body,input,textarea,select,button {font-size:14px; font-family:"LATO", "Noto Sans CJK kr","Noto Sans kr", sans-serif;}
+	h1,h2,h3,h4,h5,h6 {font-family:"LATO", "Noto Sans CJK kr","Noto Sans kr", sans-serif;}
 	.circle_count{font-size:10px;}
 	.product .history_wrap div ul li a, .contactUs .history_wrap div ul li a {
 		margin-top: 26px !important; 
@@ -1487,7 +1488,7 @@ button.alertCls {-webkit-appearance: none;padding: 0;cursor: pointer;background:
 	width: 17px;
 	height: 17px;
 	cursor:pointer;
-	background:url('/images/btn_top_close.png') no-repeat 50% 50%;
+	background:url('/image/btn_top_close.png') no-repeat 50% 50%;
 }
 
 /*bottom dialog*/

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

@@ -12,11 +12,11 @@ body {min-width:1460px; overflow-x:auto;}
 .modal .input_wrap {width: 100%;}
 .modal .modal-body section {margin-bottom: 0px;}
 .modal .modal-footer {text-align: center;}
-.modal .modal-footer button {width: 100%; height: 60px; font-size: 18px; background: #222;}
+.modal .modal-footer button {width: 100%; height: 60px; font-size: 18px; /*background: #222;*/}
 
 /* layout */
 .container {width:100%; padding:0; margin: 0 auto; position:relative; *zoom:1;}
-.container:after {clear:both; content:"";display:block;}
+.container:after {clear:both; content:"";display:block;}    
 .container .wrap {position:relative; width:100%; min-width: 1460px; max-width: 1920px; /*min-width: 1380px;*/ padding-left:70px; padding-right:70px; margin: 0px auto; box-sizing:border-box;}
 .container.main .wrap, .container.dp .wrap {position:relative; width:100%; min-width:auto; max-width:auto; padding-left:0px; padding-right:0px;}
 
@@ -34,7 +34,7 @@ body {min-width:1460px; overflow-x:auto;}
 .fs25 {font-size: 25px;}
 .fs18 {font-size: 18px;}
 .fwb {font-weight:bold; }
-
+	
 
 
 /* breadcrumb */
@@ -58,8 +58,8 @@ body {min-width:1460px; overflow-x:auto;}
 	#header.minify .common_header > .area,
 	#header.minify .common_header > .gnb,
 	.container.dp .wrap
-	{padding-left:10px; padding-right:10px;}
-
+	{padding-left:70px; padding-right:70px;}
+	
 }
 @media screen and (max-width: 1459px){
 	/*.container .wrap,
@@ -125,7 +125,7 @@ body {min-width:1460px; overflow-x:auto;}
 .item_gd figure a {display:block; position:relative;}
 .item_gd figure::after {clear:both; display:block; content:'';}
 .item_gd figure figcaption {display:block;}
-.item_gd figure figcaption a {display:block;}
+.item_gd figure figcaption a {display:block;}	
 .item_gd figure figcaption .brand {margin-top:0; color:#888; font-size:12px; font-weight:300;}
 .item_gd figure figcaption .name {color:#222; font-size:14px; font-weight:300; line-height:1.4; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
 .item_gd figure figcaption .price {line-height:20px;}
@@ -159,21 +159,21 @@ body {min-width:1460px; overflow-x:auto;}
 
 
 /* 테이블 type1 수평 행,열별 구분선 없음 */
-.tbl.type1 {padding:15px 0; border-top:1px solid #000; border-bottom:1px solid #ddd;}
+.tbl.type1 {padding:15px 0; border-top:1px solid #000; border-bottom:1px solid #ddd;} 
 .tbl.type1 table {text-align:left; word-break:keep-all;}
 .tbl.type1 table th,
 .tbl.type1 table td {position:relative; padding:10px 40px; font-weight:200; font-size:16px; letter-spacing:-0.025em;}
 .tbl.type1 table th {font-weight:300;}
 
 /* 테이블 type2 - 수직형 행,열별 구분선 있음 */
-.tbl.type2 {padding:0; border-top:1px solid #000;}
+.tbl.type2 {padding:0; border-top:1px solid #000;} 
 .tbl.type2 table {word-break:keep-all;}
 .tbl.type2 table th,
 .tbl.type2 table td {position:relative; padding:20px 0; border-bottom:1px solid #ddd; font-weight:200; font-size:16px; letter-spacing:-0.025em; text-align:center;}
 .tbl.type2 table th {font-weight:300;}
 
 /* 테이블 type3 - 결제정보 */
-.tbl.type3 {padding:0; border:1px solid #000;}
+.tbl.type3 {padding:0; border:1px solid #000;} 
 .tbl.type3 table {word-break:keep-all;}
 .tbl.type3 table th,
 .tbl.type3 table td {position:relative; padding:25px 40px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; font-weight:200; font-size:16px; letter-spacing:-0.025em; text-align:left; vertical-align:top;}
@@ -204,7 +204,7 @@ body {min-width:1460px; overflow-x:auto;}
 .part_deliver .tbl.type2 table tr:first-of-type {border-top:none;}
 .part_deliver .tbl.type2 table tr:first-of-type td.merge_row {border-top:none;}
 .part_deliver .tbl.type2 table td:first-child {border-left:none;}
-.part_deliver .tbl.type2 table tr.bundle_row td:first-child {border-top:none;}
+.part_deliver .tbl.type2 table tr.bundle_row td:first-child {border-top:none;} 
 .part_deliver table .info_item {display:table; position:relative; width:900px; text-align:left; box-sizing:border-box;}
 .part_deliver table .info_item > div {display:table-cell; vertical-align:middle; padding-top:30px; padding-bottom:30px;}
 .part_deliver table .info_item .form_box {width:40px; position:relative; height:150px; vertical-align:top;}
@@ -232,7 +232,7 @@ body {min-width:1460px; overflow-x:auto;}
 .part_deliver table .info_item .info_box .od_moresale {position:relative; margin-top:20px; font-size:14px;}
 .part_deliver table .info_item .info_box .od_moresale .ico {margin-right:10px;}
 .part_deliver table .info_item .info_box .od_moresale .btn_moresale {display:inline-block; position:relative; padding-right:20px; color:#fd4802;}
-.part_deliver table .info_item .info_box .od_moresale .btn_moresale::after {content:""; position:absolute; right:0; 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%;}
+.part_deliver table .info_item .info_box .od_moresale .btn_moresale::after {content:""; position:absolute; right:0; 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%;} 
 .part_deliver table .info_item .info_box .od_moresale .btn_moresale.active::after {transform:rotate(-90deg);}
 .part_deliver table .info_item .info_box .od_moresale .btn_moresale span {line-height:18px;}
 .part_deliver table .info_item .info_box .od_moresale .li_moresale {display:none; position:absolute; left:0px; top:26px; padding:20px 25px 20px 20px; border:1px solid #ddd; background-color:#fff; z-index:2;}
@@ -285,309 +285,309 @@ body {min-width:1460px; overflow-x:auto;}
 
 /* sub */
 
-/* mb_공통 */
-.mb {padding:160px 0 220px; font-weight:200;}
-.mb [class^="ico_content_"]::before {margin:0px auto 25px;}
-.mb h4 { margin-bottom:42px; text-align:center; line-height:1;}
-.mb input[type="text"],
-.mb input[type="password"] {float:none; width: 100%; padding:15px 0 15px 18px; color:#222; font-size:16px; font-weight:300;}
-.mb input[type="text"]::placeholder{color:#999; font-weight:200;}
-.mb .form_field {display:block;}
-.mb .btn {font-size:18px; font-weight:300}
-.mb .ui_row {margin-top:0px; margin-bottom:0}
-.mb .btn_group_block {float:none; margin-top:40px}
-.mb .btn_group_block [class^='ui_col_'] {overflow:hidden; margin-right:5px; margin-left:5px;}
-.mb .btn_group_block button {padding-top:15px; padding-bottom:16px;}
-.mb .cont_head h3 {width:181px; height: 22px; margin: 0 auto 28px; background: url('/images/pc/logo_STYLE24_sub.png') no-repeat 50% 50%; background-size:contain; text-indent: -99999px;}
-.mb .cont_body {width:530px; margin: 0 auto;}
-.mb .form_wrap .form_info {text-align:center;}
-.mb .form_wrap .form_info p {font-size:18px; font-weight:300; letter-spacing:-0.025em; line-height:24px;}
-.mb .form_wrap .form_info p.t_info {font-size: 16px; color:#888; font-weight:300; line-height:1.625;}
-.mb .form_wrap .form_field input::placeholder {color:#888; font-weight:200;}
-.mb .form_wrap .form_field {margin-top:10px;}
-.mb .form_wrap .form_field:first-child {margin-top:0px;}
-.mb .foldGroup {margin:0;}
-.mb .form_group:last-of-type{display:none;}
-.mb .form_group::after {display: block; content: ''; clear: both;}
-.mb .fold_tit,
-.mb .fold_tit span {width: inherit !important;}
-.mb .fold_head .fold_tit {padding: 0 0 0 34px;}
-.mb .fold_head .fold_tit::before {content:''; display: inline-block; width:20px; height: 20px; position:absolute; top:50%; left:0; transform:translateY(-50%); background: url('/images/pc/ico_chk_rdi.png')no-repeat -63px 0px;}
-.mb .fold_head .fold_tit span {font-size:18px; line-height:1;}
-.mb .fold_head.on .fold_tit::before {background-position: -84px 0;}
-.mb .foldGroup .fold_cont {display:none; padding:40px 30px; box-sizing: border-box; background: #f5f5f5; border-top: 1px solid #ddd;}
-.mb .foldGroup .fold_cont .txt {font-size:16px; color:#666; font-weight:300; text-align:center;}
-.mb .find_result {padding:0px 0px 40px; font-weight:200;}
-.mb .find_result .help_block {text-align:left}
-.mb .find_result input {font-size:16px;}
-.mb .find_result .form_print_bar {padding:34px 0; display: flex; display: -ms-flexbox; justify-content: center; align-items: center; background: #f5f5f5; text-align: left; color:#222; font-size:16px;}
-.mb .find_result .form_print_bar ul li {margin-top: 16px;}
-.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:120px; color:#888;}
-.mb .registration_nav {margin-bottom:20px;}
-.mb .registration_nav ul::after {content:''; display: block; clear:both;}
-.mb .registration_nav ul li {float: left; width:50%; text-align: center; background: #f5f5f5; border-bottom: 1px solid #222; border-top: 1px solid #f5f5f5; box-sizing: border-box;}
-.mb .registration_nav ul li:first-child {border-right: 1px solid #222;}
-.mb .registration_nav ul li.active:first-child {border-left: 1px solid #222;}
-.mb .registration_nav ul li.active:last-child {border-right: 1px solid #222;}
-.mb .registration_nav ul li.active {background:#fff; border-bottom: 1px solid #fff; border-top: 1px solid #222;}
-.mb .registration_nav ul li a {display:inline-block; width:100%; height:60px; line-height:60px; color:#888; font-size:18px; font-weight:200; letter-spacing:-0.025em;}
-.mb .registration_nav ul li.active a {color:#222; font-weight:300;}
-.mb .registration_tap .foldGroup li:first-child {border-top: none;}
-.mb .registration_tap .foldGroup li .fold_head.on::after {background-repeat: no-repeat; background-position: 0 0%;}
-.mb .registration_tap .foldGroup li .fold_head::after {background: url(/images/pc/ico_mb_arrow.png)no-repeat; background-position: 0 100%;}
-.mb .sns_wrap {margin-top:40px; padding-top:40px; border-top:1px solid #ddd; text-align:center;}
-.mb .sns_wrap h5 {color:#222; font-size:18px; font-weight:300; letter-spacing:-0.025em; margin:0 0 15px;}
-.mb .sns_wrap ul li {margin-top:20px;}
-.mb .sns_wrap ul li:first-child {margin-top:0}
-.mb .sns_wrap ul li a {display:block; width:100%; height:52px; padding:15px; border:1px solid #ddd; box-sizing:border-box; color:#222; font-size:16px; font-weight:300;}
-.mb .sns_wrap ul li a .ico_snslogin {margin-right:10px;}
-.mb .btn_nonMb {display:inline-block; color:#888; font-size:14px; font-weight:200; border-bottom:1px solid #888;}
-.mb .t_err {position:relative; padding-left:24px; font-weight:200;}
-.mb .t_err::before {position:absolute; left:0; top:1px;}
-.mb .help_block {margin:0; text-indent:0; text-align:left;}
-.mb .help_block .t_err {margin-top:10px;}
-
-/* mb_idInquiry_1 */
-.find h4 {margin-bottom:45px}
-.find .find_result {padding-top:40px;}
-.find .input_wrap {position: relative; width:100%;}
-.find .input_wrap .form_control {height: inherit;}
-.find .input_wrap .btn {padding:6px 22px; border:none; position: absolute; top:50%; transform: translateY(-50%); right:10px; font-size:14px; font-weight:200;}
-
-/* mb_idInquiry_2 */
-.find_complete {}
-
-/* mb_idInquiry_3,mb_idInquiry_4  */
-.nocontent {}
-
-/* mb_idInquiry_5 */
-.security_pw {}
-
-/* mb_idInquiry_6 */
-.dormant .form_wrap .form_btn::after {clear:both; display:block; content:'';}
-.dormant .form_wrap .ui_row button {position:relative; padding:30px;}
-.dormant .form_wrap .ui_row button span {font-size: 18px; font-weight: 300;}
-.dormant .form_wrap .ui_row button span .ico {margin-right:10px}
-.dormant .form_wrap .ui_row button span .ico::before {margin-top:-6px}
-.dormant .form_wrap .ui_row button::after {content: ''; position: absolute; bottom: -20px; right: -20px; width: 38px; height: 38px; background: #ffffff; border-bottom: 1px solid #ddd; border-right: 0; z-index: 2; transform: rotate(135deg);}
-.dormant .form_wrap .form_summary {margin-top:40px; padding-top:40px; border-top:1px solid #ddd;}
-.dormant .form_wrap .form_summary strong {font-size: 16px; font-weight:300;}
-.dormant .form_wrap .form_summary p {margin-top: 14px; color:#888; font-weight:200; line-height:1.857; word-break:keep-all;}
-
-/* mb_idInquiry_7 */
-.dormant_clear {}
-
-/* mb_idInquiry_8 */
-.non_mb_oder {}
-.non_mb_oder .form_summary {padding-top:40px; border-top:1px solid #ddd;}
-.non_mb_oder .form_summary .txt {position:relative; margin-bottom:10px; font-size:18px;  line-height:1;}
-.non_mb_oder .form_summary .txt span.c_primary {font-size:20px;}
-.non_mb_oder .form_summary .btn {position:absolute; top:1px; right:145px; padding:10px 25px; color:#222; font-size:14px; font-weight:300; border-color:#a7a7a7;}
-.non_mb_oder .form_summary .t_info {display:block; color:#888; font-size:16px}
-
-/* mb_join_1 */
-.join1 .form_wrap .form_sign_up {position: relative; border:1px solid #ddd;}
-.join1 .form_wrap .form_sign_up a {display:block; padding:40px; font-weight:500;}
-.join1 .form_wrap .form_sign_up a p {color:#888; font-size:16px; font-weight:200; line-height:1.5;}
-.join1 .form_wrap .form_sign_up a p.c_primary {font-size:24px; font-weight:300;}
-
-/* mb_join_2 */
-.join2 .form_wrap .desc_wrap p {font-size:16px; line-height:1.75; font-weight:200; color:#888;}
-.join2 .form_wrap .desc_wrap p a {color:#666; font-weight:300;}
-.join2 .help_block::after {clear:both; display:block; width:100%;}
-.join2 .help_block .btn.btn_sm {float:left; margin-right:8px; padding:6px 15px; border-color:#222; font-size:14px;}
-
-/* mb_join_3 */
-.join3 .form_wrap {text-align:center;}
-.join3 .form_wrap .print_bar {padding:34px 0; background: #f5f5f5;}
-.join3 .form_wrap .print_bar p {font-size:18px;}
-.join3 .btn_group_md .btn_default {border-color:#a7a7a7}
-/* mb_join_3 */
-
-/* mb_login */
-.mb .login {}
-.login .btn {border: 1px solid #222;}
-.login .help_block {margin-top:10px; text-indent:0; text-align:left;}
-.login .help_block .captcha {padding: 30px; background: #f5f5f5; text-align: left;}
-.login .help_block .captcha ul {display: flex; align-items: center;}
-.login .help_block .captcha .captcha_box {width:235px; height: 72px; border: 1px solid #ddd; background: chartreuse;}
-.login .help_block .captcha .captcha_btn_dual {margin: 0 18px 0 10px;}
-.login .help_block .captcha .captcha_btn_dual button {width:33px; height: 33px; display: block; border:1px solid #ddd; border-radius: 3px; text-indent: -9999px; background: url('/images/pc/ico_captcha_btn.png')no-repeat center 9px;}
-.login .help_block .captcha .captcha_btn_dual button:first-child {margin-bottom: 8px;}
-.login .help_block .captcha .captcha_btn_dual button:last-child {background-position:center -31px;}
-.login .help_block .captcha .captcha_area {margin-bottom: -7px;}
-.login .help_block .captcha .captcha_area input {width:200px; padding: 17px 0 17px 14px;}
-.login .help_block .captcha .captcha_area label { display: block; width: 100%; margin:-8px 0 4px 0;}
-.login .login_check {padding: 12px 0 0;}
-.login .login_check::after {content:''; display: block; clear:both;}
-.login .login_check .form_field {float:left; display:inline-block; width:59%; text-align:left}
-.login .login_check .form_field span {font-size: 16px;}
-.login .login_check .btn_wrap {float: right; width:inherit; margin:2px 0 0 0;}
-.login .login_check .btn_wrap ul {display: flex; display: -ms-flexbox; line-height: 1.5;}
-.login .login_check .btn_wrap ul li {position:relative; margin-left:15px; padding-left:15px; font-size: 14px;}
-.login .login_check .btn_wrap ul li::before {content:''; position: absolute; width:1px; height:14px; left:0px; top:50%; transform: translateY(-50%); background: #ddd;}
-.login .login_check .btn_wrap ul li:first-child {margin-left: 0px; padding-left:0;}
-.login .login_check .btn_wrap ul li:first-child::before {display:none}
-.login .login_check .btn_wrap ul li a {display:inline-block; color:#222; line-height:24px; font-weight:200}
-.login .ui_row .ui_col_12 {margin: 0;}
-/* mb_login */
-
-/* cs_공통 */
-.cs {font-family:'LATO','Noto Sans CJK kr','Noto Sans kr',sans-serif; line-height:1.2; padding-bottom:150px;}
-.cs .wrap .content {max-width:1460px;}
-.cs .foldGroup {margin-top: 60px;}
-.cs .history_wrap {width: 100%; height: 173px; padding: 50px; box-sizing: border-box;  background: #f5f5f5;}
-.cs .history_wrap::after {content:''; display: block; clear:both;}
-.cs .history_wrap .hist_status {float:left;}
-.cs .history_wrap .txt {float:left; padding-left:50px; color: #666; font-size: 14px; font-weight:200; box-sizing:border-box; line-height:24px;}
-.cs .history_wrap ul li {position:relative; float:left; width:180px; text-align:center;}
-.cs .history_wrap ul li::before {content:''; position:absolute; left:0; top:50%; transform: translateY(-50%); height:30px; border-left:1px solid #ddd}
-.cs .history_wrap ul li:first-child::before {display:none;}
-.cs .history_wrap .btn_area {margin-top:24px;}
-.cs .history_wrap .btn_area .btn {padding:10px 32px; border:1px solid #a1a1a1; color:#222; font-weight:300; }
-.cs .history_wrap div ul li span {display: block; font-size: 16px; font-weight: 300; letter-spacing: -0.025em; color:#666; line-height:1;}
-.cs .history_wrap div ul li a {display:inline-block; position:relative; margin-top:15px; font-size:50px; line-height:40px; color:#222;font-weight:300;}
-.cs .history_wrap div ul li a::after {content:''; position:absolute; left:4px; right:4px; bottom:-2px; border-bottom:2px solid #222;}
-.cs .history_wrap div ul li a.doing {color:#888}
-.cs .history_wrap div ul li a.doing::after {display:none}
-.cs .ui_foot {}
-.cs .ui_row.nodata {display: inherit; padding-top: 124px; margin-bottom: 0; /*border-top: 1px solid #222222;*/ text-align: center;}
-.cs .ui_row.nodata .foldGroup {display:none;}
-.cs .ui_row.nodata + .ui_foot {display:none;}
-.cs .ui_row.nodata::before {content: ''; display: block; width: 36px; height: 46px; margin:0 auto; background: url('/images/pc/ico_null.png')no-repeat;}
-.cs .ui_row.nodata::after {content: '등록된 문의가 없습니다.'; display: block; padding: 33px 0 160px; font-size: 22px; font-weight: 200; color: #888;}
-
-/* cs_faq */
-.cs .faq {}
-.faq .ui_row.nodata {border:none;}
-.faq .ui_row.nodata::after {content:'총 0개의 목록이 있습니다.';}
-.faq .quick_list {margin-bottom:50px;}
-.faq .quick_list ul,.faq .quick_list ul li {box-sizing: border-box;}
-.faq .quick_list ul {width:100%; height: 260px; display: flex; display: -ms-flexbox; flex-wrap: wrap; border:2px solid #000; align-items: center;}
-.faq .quick_list ul li {width: 19.99%; height: 49.9%; text-align: center; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;}
-.faq .quick_list ul li:nth-child(1),.faq .quick_list ul li:nth-child(6) {border-left:none;}
-.faq .quick_list ul li:nth-child(6),.faq .quick_list ul li:nth-child(7),.faq .quick_list ul li:nth-child(8),.faq .quick_list ul li:nth-child(9),.faq .quick_list ul li:nth-child(10) {border-bottom: none;}
-.faq .quick_list ul li a {display: flex; display: -ms-flexbox; justify-content: center; width:100%; height: 100%; line-height:26px; font-size:16px; font-weight: 200; align-items: center; color:#222; letter-spacing:-0.025em;}
-.faq .search_wrap {margin-bottom:60px;}
-.faq .search_wrap .faq_search {height:190px; background:#f5f5f5; padding:50px; box-sizing:border-box; text-align:center;}
-.faq .search_wrap .faq_search .search_box {display:inline-block; position:relative; width:600px; padding-right:50px; border-bottom:2px solid #222; box-sizing: border-box; text-align:left;}
-.faq .search_wrap .faq_search .search_box input[type='text'] {display:inline-block; width:100%; height:50px; padding-left:0; border:none; background:none; color:#222; font-size:30px; font-weight:200; letter-spacing:-0.025em; line-height:1;}
-.faq .search_wrap .faq_search .search_box input[type='text']::placeholder {color:#888;}
-.faq .search_wrap .faq_search .search_box .btn_search {display:inline-block; position:absolute; right:0; top:11px; width:28px; height:28px; overflow:hidden; background:url('/images/pc/ico_search_faq.png') no-repeat 50% 50%; font-size:1px; text-indent:-9999px; z-index:2}
-.faq .search_wrap .faq_search .t_info {width:600px; margin:15px auto 0; font-weight:200; text-align:left;}
-.faq .fold_nav {width:100%;}
-.faq .fold_nav ul {display: flex; display: -ms-flexbox; flex-wrap: wrap; margin-top:-12px}
-.faq .fold_nav ul li {margin:12px 12px 0 0;}
-.faq .fold_nav ul li a {display:inline-block;padding:15px 22px 13px;border: 1px solid #ddd;font-size: 16px;font-weight: 300;line-height: 1; letter-spacing:-0.025em;}
-.faq .fold_nav ul li a.on {position: relative; background: #222; color:#fff; border: 1px solid #222;}
-.faq .fold_nav ul li a.on::after {content:''; position: absolute; width:0; height: 0; bottom:-1px; right:-1px; border-bottom: 9px solid #fff; border-left: 9px solid transparent;}
-.faq .foldGroup {margin-top:50px}
-.faq .foldGroup .fold_head .fold_tit {max-width: 820px;}
-.faq .foldGroup .fold_answer .answer_head {margin-bottom:10px}
-.faq .foldGroup .fold_cont > div:first-of-type {padding-top:35px; border-top:1px solid #ddd}
-
-/* cs_faq_pop */
-.modal.faq_pop {max-width: 1000px; max-height: 780px; padding:60px;}
-.modal.faq_pop .modal-header {border-bottom: 1px solid #ddd; margin-bottom: 0px; padding-bottom: 30px;}
-.modal.faq_pop .modal-header p {font-size: 14px; color:#888; font-weight: 200; margin-bottom: 16px; padding-left: 30px;}
-.modal.faq_pop .modal-header .modal-title {position: relative; padding-left: 68px; line-height: 1.62; font-weight: 300;}
-.modal.faq_pop .modal-header .modal-title::before{content: 'Q'; display: inline-block; width: 26px; height: 26px; border-radius: 100%; color: #fff; background: #222222; font-size: 14px; line-height: 1.9; text-align: center; position: absolute; top: -2px; left: 30px;}
-.modal.faq_pop .modal-body {position: relative; padding: 40px 10px 40px 68px; background:#f5f5f5; }
-.modal.faq_pop .modal-body > span {display: inline-block; width: 26px; height: 26px; border-radius: 100%; color: #fff; background: #fd4800; font-size: 14px; line-height: 1.9; text-align: center; position: absolute; top: 37px; left: 30px;}
-.modal.faq_pop .modal-body .pop_cont > span {display:block; margin-bottom: 26px; font-weight:300; color:#222;}
-.modal.faq_pop a.close-modal {right:30px; top:30px;}
-
-/* cs_product, cs_contactUs */
-.cs .product {}
-.cs .contactUs {}
-.product .history_wrap,
-.contactUs .history_wrap * {box-sizing: border-box;}
-.product .fold_head .fold_tit .prod::before {display: none;}
-.product .case1 .fold_head .fold_tit {max-width: 760px;}
-.product .case1 .fold_head .fold_tit span {width: 760px;}
-.product .ui_row.nodata,
-.contactUs .ui_row.nodata {border-top:none;}
-
-/* cs_contactUs_my */
-.cs .contactUs_my {}
-.contactUs_my .blt_dot {position:relative; padding-left:10px}
-.contactUs_my .blt_dot::before {content:''; position:absolute; left:0; top:50%; margin-top:-2px; width:3px; height:3px; background:#888;}
-.contactUs_my textarea,
-.contactUs_my .select,
-.contactUs_my input[type="text"] {width:100%; padding:7px 0 7px 20px; font-weight:200; box-sizing:border-box; color:#222; font-size:14px; font-weight:300;}
-.contactUs_my input[type="text"]::placeholder,
-.contactUs_my textarea::placeholder {color:#888; font-weight:200;}
-.contactUs_my .form_wrap {padding:30px 40px; border-top:1px solid #222; border-bottom:1px solid #ddd}
-.contactUs_my .form_control {height:42px; color:#222; font-size:14px;}
-.contactUs_my textarea {height:200px; padding:20px;}
-.contactUs_my .input_label {line-height:42px;}
-.contactUs_my .form_field {margin-top:20px}
-.contactUs_my .form_field:first-of-type {margin-top:0}
-.contactUs_my .form_field .cellphone {display:block;}
-.contactUs_my .form_field .cellphone input[type="text"]{width:400px;}
-.contactUs_my .form_field .cellphone .ck_box {display:inline-block;}
-.contactUs_my .contactus_cnt {color:#888}
-.contactUs_my .select {height:40px; font-size:14px;}
-.contactUs_my .select .select_dress {padding:7px 20px; color:#222; font-weight:200; line-height:26px;}
-.contactUs_my .select .select_dress:after {top:16px; right: 28px; border-color:#888 transparent transparent transparent;}
-.contactUs_my .select .select_dress.active:after {top:10px; border-color: transparent transparent #888 transparent;}
-.contactUs_my .select .select_options {color:#666}
-.contactUs_my .help_block {margin-top:10px; text-indent:0;}
-.contactUs_my .ck_box {padding:10px 20px}
-.contactUs_my .ck_box input[type="checkbox"] + label {font-size:16px; font-weight:200;}
-.contactUs_my .t_err {font-weight:200}
-.contactUs_my .t_err::before {background-image:url('/images/pc/ico_err2.png');}
-.contactUs_my .info_addfile {margin-top:20px; color:#666; font-size:14px; line-height:24px; font-weight:200;}
-.contactUs_my .sec_foot {margin-top:60px}
-.contactUs_my .sec_foot .btn.btn_md {margin:0px 5px; font-weight:300; padding:15px 90px;}
-.contactUs_my .txt_cnt {text-align:right; margin-top:10px}
-
-/* cs_notice */
-.cs .notice .foldGroup {margin-top: 0;}
-.notice .foldGroup .critical .fold_head,
-.notice .foldGroup .critical .fold_detail,
-.notice .foldGroup .critical .fold_answer {background:#fff6f2;}
-.notice .foldGroup .fold_head .fold_tit span {width:700px; font-weight:300}
-.notice .fold_cont > div:first-of-type {padding-top:35px; border-top:1px solid #ddd}
-.notice .sec_body.nodata {border-top: 1px solid #222;}
-
-/* dp_list */
-.dp .item_state {padding: 0;}
-.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.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;}
-.container.dp .cont_head > div.item_header h3 {padding: 20px 0 0; font-size: 30px; line-height: 1;}
-.container.dp .cont_head > div h3 {text-align: center; margin-bottom: 0; padding-bottom: 60px; font-size: 40px; line-height: 1;}
-.container .filter_list {padding: 20px 30px; background: #222;}
-.container .filter_list::after,.container .count_wrap::after {content:''; display: block; clear:both;}
-.container .filter_list .form_field {float: right; width:inherit;}
-.container .filter_list .form_field div:last-child {margin-left: 20px;}
-.container .filter_list > ul {float:left; display: flex;}
-.container .filter_list ul li {position: relative; margin-right: 40px;}
-.container .filter_list ul li.on a {color:#fd4802;}
-.container .filter_list > ul > li:first-child button{padding-left: 30px; position: relative;}
-.container .filter_list > ul > li:first-child button span {color:#888;}
-.container .filter_list > ul > li:first-child button::before {
-	content:'';
-	position: absolute;
-	width:12px;
-	height: 10px;
-	background: url(/images/pc/ico_filter.png)no-repeat;
-	top: 44%;
-	left: 0;
-	transform: translateY(-50%);
-}
-.container .filter_list ul li a {color:#fff;}
-.container .filter_list > ul > li:hover > a {color:#fd4802;}
-.container .filter_list ul li:first-child a {color:#888;}
-.container .filter_list .form_field div label span {color:#888;}
-.filter_content .sort {display: none; position: relative; padding: 40px 36px 80px; border: 1px solid #ccc; border-top: none;}
-.filter_content .sort .tap_close {
+	/* mb_공통 */
+	.mb {padding:160px 0 220px; font-weight:200;}
+	.mb [class^="ico_content_"]::before {margin:0px auto 25px;} 
+	.mb h4 { margin-bottom:42px; text-align:center; line-height:1;}
+	.mb input[type="text"],
+	.mb input[type="password"] {float:none; width: 100%; padding:15px 0 15px 18px; color:#222; font-size:16px; font-weight:300;}
+	.mb input[type="text"]::placeholder{color:#999; font-weight:200;}
+	.mb .form_field {display:block;}
+	.mb .btn {font-size:18px; font-weight:300}
+	.mb .ui_row {margin-top:0px; margin-bottom:0}
+	.mb .btn_group_block {float:none; margin-top:40px}
+	.mb .btn_group_block [class^='ui_col_'] {overflow:hidden; margin-right:5px; margin-left:5px;}
+	.mb .btn_group_block button {padding-top:15px; padding-bottom:16px;}
+	.mb .cont_head h3 {width:181px; height: 22px; margin: 0 auto 28px; background: url('/images/pc/logo_STYLE24_sub.png') no-repeat 50% 50%; background-size:contain; text-indent: -99999px;}
+	.mb .cont_body {width:530px; margin: 0 auto;}
+	.mb .form_wrap .form_info {text-align:center;}
+	.mb .form_wrap .form_info p {font-size:18px; font-weight:300; letter-spacing:-0.025em; line-height:24px;}
+	.mb .form_wrap .form_info p.t_info {font-size: 16px; color:#888; font-weight:300; line-height:1.625;}
+	.mb .form_wrap .form_field input::placeholder {color:#888; font-weight:200;}
+	.mb .form_wrap .form_field {margin-top:10px;}
+	.mb .form_wrap .form_field:first-child {margin-top:0px;}
+	.mb .foldGroup {margin:0;}	
+	.mb .form_group:last-of-type{display:none;}
+	.mb .form_group::after {display: block; content: ''; clear: both;}
+	.mb .fold_tit,
+	.mb .fold_tit span {width: inherit !important;}
+	.mb .fold_head .fold_tit {padding: 0 0 0 34px;}
+	.mb .fold_head .fold_tit::before {content:''; display: inline-block; width:20px; height: 20px; position:absolute; top:50%; left:0; transform:translateY(-50%); background: url('/images/pc/ico_chk_rdi.png')no-repeat -63px 0px;}
+	.mb .fold_head .fold_tit span {font-size:18px; line-height:1;}
+	.mb .fold_head.on .fold_tit::before {background-position: -84px 0;}
+	.mb .foldGroup .fold_cont {display:none; padding:40px 30px; box-sizing: border-box; background: #f5f5f5; border-top: 1px solid #ddd;}
+	.mb .foldGroup .fold_cont .txt {font-size:16px; color:#666; font-weight:300; text-align:center;}
+	.mb .find_result {padding:0px 0px 40px; font-weight:200;}
+	.mb .find_result .help_block {text-align:left}
+	.mb .find_result input {font-size:16px;}
+	.mb .find_result .form_print_bar {padding:34px 0; display: flex; display: -ms-flexbox; justify-content: center; align-items: center; background: #f5f5f5; text-align: left; color:#222; font-size:16px;}
+	.mb .find_result .form_print_bar ul li {margin-top: 16px;}
+	.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:120px; color:#888;}	
+	.mb .registration_nav {margin-bottom:20px;}
+	.mb .registration_nav ul::after {content:''; display: block; clear:both;}
+	.mb .registration_nav ul li {float: left; width:50%; text-align: center; background: #f5f5f5; border-bottom: 1px solid #222; border-top: 1px solid #f5f5f5; box-sizing: border-box;}
+	.mb .registration_nav ul li:first-child {border-right: 1px solid #222;}
+	.mb .registration_nav ul li.active:first-child {border-left: 1px solid #222;}
+	.mb .registration_nav ul li.active:last-child {border-right: 1px solid #222;}
+	.mb .registration_nav ul li.active {background:#fff; border-bottom: 1px solid #fff; border-top: 1px solid #222;}
+	.mb .registration_nav ul li a {display:inline-block; width:100%; height:60px; line-height:60px; color:#888; font-size:18px; font-weight:200; letter-spacing:-0.025em;}
+	.mb .registration_nav ul li.active a {color:#222; font-weight:300;}
+	.mb .registration_tap .foldGroup li:first-child {border-top: none;}
+	.mb .registration_tap .foldGroup li .fold_head.on::after {background-repeat: no-repeat; background-position: 0 0%;}
+	.mb .registration_tap .foldGroup li .fold_head::after {background: url(/images/pc/ico_mb_arrow.png)no-repeat; background-position: 0 100%;}
+	.mb .sns_wrap {margin-top:40px; padding-top:40px; border-top:1px solid #ddd; text-align:center;}
+	.mb .sns_wrap h5 {color:#222; font-size:18px; font-weight:300; letter-spacing:-0.025em; margin:0 0 15px;}
+	.mb .sns_wrap ul li {margin-top:20px;}
+	.mb .sns_wrap ul li:first-child {margin-top:0}
+	.mb .sns_wrap ul li a {display:block; width:100%; height:52px; padding:15px; border:1px solid #ddd; box-sizing:border-box; color:#222; font-size:16px; font-weight:300;}
+	.mb .sns_wrap ul li a .ico_snslogin {margin-right:10px;}
+	.mb .btn_nonMb {display:inline-block; color:#888; font-size:14px; font-weight:200; border-bottom:1px solid #888;}
+	.mb .t_err {position:relative; padding-left:24px; font-weight:200;}
+	.mb .t_err::before {position:absolute; left:0; top:1px;}
+	.mb .help_block {margin:0; text-indent:0; text-align:left;}
+	.mb .help_block .t_err {margin-top:10px;}
+
+	/* mb_idInquiry_1 */
+	.find h4 {margin-bottom:45px}
+	.find .find_result {padding-top:40px;}
+	.find .input_wrap {position: relative; width:100%;}
+	.find .input_wrap .form_control {height: inherit;}
+	.find .input_wrap .btn {padding:6px 22px; border:none; position: absolute; top:50%; transform: translateY(-50%); right:10px; font-size:14px; font-weight:200;}
+
+	/* mb_idInquiry_2 */
+	.find_complete {}
+
+	/* mb_idInquiry_3,mb_idInquiry_4  */
+	.nocontent {}
+
+	/* mb_idInquiry_5 */
+	.security_pw {}
+
+	/* mb_idInquiry_6 */
+	.dormant .form_wrap .form_btn::after {clear:both; display:block; content:'';}
+	.dormant .form_wrap .ui_row button {position:relative; padding:30px;}
+	.dormant .form_wrap .ui_row button span {font-size: 18px; font-weight: 300;}
+	.dormant .form_wrap .ui_row button span .ico {margin-right:10px}
+	.dormant .form_wrap .ui_row button span .ico::before {margin-top:-6px}
+	.dormant .form_wrap .ui_row button::after {content: ''; position: absolute; bottom: -20px; right: -20px; width: 38px; height: 38px; background: #ffffff; border-bottom: 1px solid #ddd; border-right: 0; z-index: 2; transform: rotate(135deg);}
+	.dormant .form_wrap .form_summary {margin-top:40px; padding-top:40px; border-top:1px solid #ddd;}
+	.dormant .form_wrap .form_summary strong {font-size: 16px; font-weight:300;}
+	.dormant .form_wrap .form_summary p {margin-top: 14px; color:#888; font-weight:200; line-height:1.857; word-break:keep-all;}
+
+	/* mb_idInquiry_7 */
+	.dormant_clear {}
+
+	/* mb_idInquiry_8 */
+	.non_mb_oder {}
+	.non_mb_oder .form_summary {padding-top:40px; border-top:1px solid #ddd;}
+	.non_mb_oder .form_summary .txt {position:relative; margin-bottom:10px; font-size:18px;  line-height:1;}
+	.non_mb_oder .form_summary .txt span.c_primary {font-size:20px;}
+	.non_mb_oder .form_summary .btn {position:absolute; top:1px; right:145px; padding:10px 25px; color:#222; font-size:14px; font-weight:300; border-color:#a7a7a7;}
+	.non_mb_oder .form_summary .t_info {display:block; color:#888; font-size:16px}
+
+	/* mb_join_1 */
+	.join1 .form_wrap .form_sign_up {position: relative; border:1px solid #ddd;}
+	.join1 .form_wrap .form_sign_up a {display:block; padding:40px; font-weight:500;}
+	.join1 .form_wrap .form_sign_up a p {color:#888; font-size:16px; font-weight:200; line-height:1.5;}
+	.join1 .form_wrap .form_sign_up a p.c_primary {font-size:24px; font-weight:300;}
+
+	/* mb_join_2 */
+	.join2 .form_wrap .desc_wrap p {font-size:16px; line-height:1.75; font-weight:200; color:#888;}
+	.join2 .form_wrap .desc_wrap p a {color:#666; font-weight:300;}
+	.join2 .help_block::after {clear:both; display:block; width:100%;}
+	.join2 .help_block .btn.btn_sm {float:left; margin-right:8px; padding:6px 15px; border-color:#222; font-size:14px;}
+
+	/* mb_join_3 */
+	.join3 .form_wrap {text-align:center;}
+	.join3 .form_wrap .print_bar {padding:34px 0; background: #f5f5f5;}
+	.join3 .form_wrap .print_bar p {font-size:18px;}
+	.join3 .btn_group_md .btn_default {border-color:#a7a7a7}
+	/* mb_join_3 */
+	 
+	/* mb_login */
+	.mb .login {}
+	.login .btn {border: 1px solid #222;}
+	.login .help_block {margin-top:10px; text-indent:0; text-align:left;} 
+	.login .help_block .captcha {padding: 30px; background: #f5f5f5; text-align: left;}
+	.login .help_block .captcha ul {display: flex; align-items: center;}
+	.login .help_block .captcha .captcha_box {width:235px; height: 72px; border: 1px solid #ddd; background: chartreuse;}
+	.login .help_block .captcha .captcha_btn_dual {margin: 0 18px 0 10px;}
+	.login .help_block .captcha .captcha_btn_dual button {width:33px; height: 33px; display: block; border:1px solid #ddd; border-radius: 3px; text-indent: -9999px; background: url('/images/pc/ico_captcha_btn.png')no-repeat center 9px;}
+	.login .help_block .captcha .captcha_btn_dual button:first-child {margin-bottom: 8px;}
+	.login .help_block .captcha .captcha_btn_dual button:last-child {background-position:center -31px;}    
+	.login .help_block .captcha .captcha_area {margin-bottom: -7px;}
+	.login .help_block .captcha .captcha_area input {width:200px; padding: 17px 0 17px 14px;}
+	.login .help_block .captcha .captcha_area label { display: block; width: 100%; margin:-8px 0 4px 0;}
+	.login .login_check {padding: 12px 0 0;}
+	.login .login_check::after {content:''; display: block; clear:both;}
+	.login .login_check .form_field {float:left; display:inline-block; width:59%; text-align:left}
+	.login .login_check .form_field span {font-size: 16px;}
+	.login .login_check .btn_wrap {float: right; width:inherit; margin:2px 0 0 0;}
+	.login .login_check .btn_wrap ul {display: flex; display: -ms-flexbox; line-height: 1.5;}
+	.login .login_check .btn_wrap ul li {position:relative; margin-left:15px; padding-left:15px; font-size: 14px;}
+	.login .login_check .btn_wrap ul li::before {content:''; position: absolute; width:1px; height:14px; left:0px; top:50%; transform: translateY(-50%); background: #ddd;}
+	.login .login_check .btn_wrap ul li:first-child {margin-left: 0px; padding-left:0;}
+	.login .login_check .btn_wrap ul li:first-child::before {display:none}
+	.login .login_check .btn_wrap ul li a {display:inline-block; color:#222; line-height:24px; font-weight:200}
+	.login .ui_row .ui_col_12 {margin: 0;}
+	/* mb_login */
+
+	/* cs_공통 */
+	.cs {font-family:'LATO','Noto Sans CJK kr','Noto Sans kr',sans-serif; line-height:1.2; padding-bottom:150px;}
+	.cs .wrap .content {max-width:1460px;}
+	.cs .foldGroup {margin-top: 60px;}
+	.cs .history_wrap {width: 100%; height: 173px; padding: 50px; box-sizing: border-box;  background: #f5f5f5;}
+	.cs .history_wrap::after {content:''; display: block; clear:both;}
+	.cs .history_wrap .hist_status {float:left;}
+	.cs .history_wrap .txt {float:left; padding-left:50px; color: #666; font-size: 14px; font-weight:200; box-sizing:border-box; line-height:24px;}
+	.cs .history_wrap ul li {position:relative; float:left; width:180px; text-align:center;}
+	.cs .history_wrap ul li::before {content:''; position:absolute; left:0; top:50%; transform: translateY(-50%); height:30px; border-left:1px solid #ddd}
+	.cs .history_wrap ul li:first-child::before {display:none;}
+	.cs .history_wrap .btn_area {margin-top:24px;}
+	.cs .history_wrap .btn_area .btn {padding:10px 32px; border:1px solid #a1a1a1; color:#222; font-weight:300; }
+	.cs .history_wrap div ul li span {display: block; font-size: 16px; font-weight: 300; letter-spacing: -0.025em; color:#666; line-height:1;}
+	.cs .history_wrap div ul li a {display:inline-block; position:relative; margin-top:15px; font-size:50px; line-height:40px; color:#222;font-weight:300;}
+	.cs .history_wrap div ul li a::after {content:''; position:absolute; left:4px; right:4px; bottom:-2px; border-bottom:2px solid #222;}
+	.cs .history_wrap div ul li a.doing {color:#888}
+	.cs .history_wrap div ul li a.doing::after {display:none}
+	.cs .ui_foot {}
+	.cs .ui_row.nodata {display: inherit; padding-top: 124px; margin-bottom: 0; /*border-top: 1px solid #222222;*/ text-align: center;}
+	.cs .ui_row.nodata .foldGroup {display:none;}
+	.cs .ui_row.nodata + .ui_foot {display:none;}
+	.cs .ui_row.nodata::before {content: ''; display: block; width: 36px; height: 46px; margin:0 auto; background: url('/images/pc/ico_null.png')no-repeat;}
+	.cs .ui_row.nodata::after {content: '등록된 문의가 없습니다.'; display: block; padding: 33px 0 160px; font-size: 22px; font-weight: 200; color: #888;}
+
+	/* cs_faq */
+	.cs .faq {}
+	.faq .ui_row.nodata {border:none;}
+	.faq .ui_row.nodata::after {content:'총 0개의 목록이 있습니다.';}
+	.faq .quick_list {margin-bottom:50px;}
+	.faq .quick_list ul,.faq .quick_list ul li {box-sizing: border-box;}
+	.faq .quick_list ul {width:100%; height: 260px; display: flex; display: -ms-flexbox; flex-wrap: wrap; border:2px solid #000; align-items: center;}
+	.faq .quick_list ul li {width: 19.99%; height: 49.9%; text-align: center; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;}
+	.faq .quick_list ul li:nth-child(1),.faq .quick_list ul li:nth-child(6) {border-left:none;}
+	.faq .quick_list ul li:nth-child(6),.faq .quick_list ul li:nth-child(7),.faq .quick_list ul li:nth-child(8),.faq .quick_list ul li:nth-child(9),.faq .quick_list ul li:nth-child(10) {border-bottom: none;}
+	.faq .quick_list ul li a {display: flex; display: -ms-flexbox; justify-content: center; width:100%; height: 100%; line-height:26px; font-size:16px; font-weight: 200; align-items: center; color:#222; letter-spacing:-0.025em;}
+	.faq .search_wrap {margin-bottom:60px;}
+	.faq .search_wrap .faq_search {height:190px; background:#f5f5f5; padding:50px; box-sizing:border-box; text-align:center;}
+	.faq .search_wrap .faq_search .search_box {display:inline-block; position:relative; width:600px; padding-right:50px; border-bottom:2px solid #222; box-sizing: border-box; text-align:left;}
+	.faq .search_wrap .faq_search .search_box input[type='text'] {display:inline-block; width:100%; height:50px; padding-left:0; border:none; background:none; color:#222; font-size:30px; font-weight:200; letter-spacing:-0.025em; line-height:1;}
+	.faq .search_wrap .faq_search .search_box input[type='text']::placeholder {color:#888;}
+	.faq .search_wrap .faq_search .search_box .btn_search {display:inline-block; position:absolute; right:0; top:11px; width:28px; height:28px; overflow:hidden; background:url('/images/pc/ico_search_faq.png') no-repeat 50% 50%; font-size:1px; text-indent:-9999px; z-index:2}
+	.faq .search_wrap .faq_search .t_info {width:600px; margin:15px auto 0; font-weight:200; text-align:left;}
+	.faq .fold_nav {width:100%;}
+	.faq .fold_nav ul {display: flex; display: -ms-flexbox; flex-wrap: wrap; margin-top:-12px}
+	.faq .fold_nav ul li {margin:12px 12px 0 0;}
+	.faq .fold_nav ul li a {display:inline-block;padding:15px 22px 13px;border: 1px solid #ddd;font-size: 16px;font-weight: 300;line-height: 1; letter-spacing:-0.025em;}
+	.faq .fold_nav ul li a.on {position: relative; background: #222; color:#fff; border: 1px solid #222;}
+	.faq .fold_nav ul li a.on::after {content:''; position: absolute; width:0; height: 0; bottom:-1px; right:-1px; border-bottom: 9px solid #fff; border-left: 9px solid transparent;}
+	.faq .foldGroup {margin-top:50px}
+	.faq .foldGroup .fold_head .fold_tit {max-width: 820px;}
+	.faq .foldGroup .fold_answer .answer_head {margin-bottom:10px}
+	.faq .foldGroup .fold_cont > div:first-of-type {padding-top:35px; border-top:1px solid #ddd}
+
+	/* cs_faq_pop */
+	.modal.faq_pop {max-width: 1000px; max-height: 780px; padding:60px;}
+	.modal.faq_pop .modal-header {border-bottom: 1px solid #ddd; margin-bottom: 0px; padding-bottom: 30px;}
+	.modal.faq_pop .modal-header p {font-size: 14px; color:#888; font-weight: 200; margin-bottom: 16px; padding-left: 30px;}
+	.modal.faq_pop .modal-header .modal-title {position: relative; padding-left: 68px; line-height: 1.62; font-weight: 300;}
+	.modal.faq_pop .modal-header .modal-title::before{content: 'Q'; display: inline-block; width: 26px; height: 26px; border-radius: 100%; color: #fff; background: #222222; font-size: 14px; line-height: 1.9; text-align: center; position: absolute; top: -2px; left: 30px;}
+	.modal.faq_pop .modal-body {position: relative; padding: 40px 10px 40px 68px; background:#f5f5f5; }
+	.modal.faq_pop .modal-body > span {display: inline-block; width: 26px; height: 26px; border-radius: 100%; color: #fff; background: #fd4800; font-size: 14px; line-height: 1.9; text-align: center; position: absolute; top: 37px; left: 30px;}
+	.modal.faq_pop .modal-body .pop_cont > span {display:block; margin-bottom: 26px; font-weight:300; color:#222;}
+	.modal.faq_pop a.close-modal {right:30px; top:30px;}
+
+	/* cs_product, cs_contactUs */
+	.cs .product {}
+	.cs .contactUs {}
+	.product .history_wrap,
+	.contactUs .history_wrap * {box-sizing: border-box;}
+	.product .fold_head .fold_tit .prod::before {display: none;}
+	.product .case1 .fold_head .fold_tit {max-width: 760px;}
+	.product .case1 .fold_head .fold_tit span {width: 760px;}
+	.product .ui_row.nodata,
+	.contactUs .ui_row.nodata {border-top:none;}
+
+	/* cs_contactUs_my */
+	.cs .contactUs_my {}
+	.contactUs_my .blt_dot {position:relative; padding-left:10px}
+	.contactUs_my .blt_dot::before {content:''; position:absolute; left:0; top:50%; margin-top:-2px; width:3px; height:3px; background:#888;}
+	.contactUs_my textarea,
+	.contactUs_my .select,
+	.contactUs_my input[type="text"] {width:100%; padding:7px 0 7px 20px; font-weight:200; box-sizing:border-box; color:#222; font-size:14px; font-weight:300;}	
+	.contactUs_my input[type="text"]::placeholder,
+	.contactUs_my textarea::placeholder {color:#888; font-weight:200;}
+	.contactUs_my .form_wrap {padding:30px 40px; border-top:1px solid #222; border-bottom:1px solid #ddd}
+	.contactUs_my .form_control {height:42px; color:#222; font-size:14px;}
+	.contactUs_my textarea {height:200px; padding:20px;}
+	.contactUs_my .input_label {line-height:42px;}
+	.contactUs_my .form_field {margin-top:20px}
+	.contactUs_my .form_field:first-of-type {margin-top:0}
+	.contactUs_my .form_field .cellphone {display:block;}
+	.contactUs_my .form_field .cellphone input[type="text"]{width:400px;}
+	.contactUs_my .form_field .cellphone .ck_box {display:inline-block;}
+	.contactUs_my .contactus_cnt {color:#888}
+	.contactUs_my .select {height:40px; font-size:14px;}
+	.contactUs_my .select .select_dress {padding:7px 20px; color:#222; font-weight:200; line-height:26px;}
+	.contactUs_my .select .select_dress:after {top:16px; right: 28px; border-color:#888 transparent transparent transparent;}
+	.contactUs_my .select .select_dress.active:after {top:10px; border-color: transparent transparent #888 transparent;}
+	.contactUs_my .select .select_options {color:#666}
+	.contactUs_my .help_block {margin-top:10px; text-indent:0;}
+	.contactUs_my .ck_box {padding:10px 20px}
+	.contactUs_my .ck_box input[type="checkbox"] + label {font-size:16px; font-weight:200;}
+	.contactUs_my .t_err {font-weight:200}
+	.contactUs_my .t_err::before {background-image:url('/images/pc/ico_err2.png');}
+	.contactUs_my .info_addfile {margin-top:20px; color:#666; font-size:14px; line-height:24px; font-weight:200;}
+	.contactUs_my .sec_foot {margin-top:60px}
+	.contactUs_my .sec_foot .btn.btn_md {margin:0px 5px; font-weight:300; padding:15px 90px;}
+	.contactUs_my .txt_cnt {text-align:right; margin-top:10px}
+
+	/* cs_notice */
+	.cs .notice .foldGroup {margin-top: 0;}
+	.notice .foldGroup .critical .fold_head,
+	.notice .foldGroup .critical .fold_detail, 
+	.notice .foldGroup .critical .fold_answer {background:#fff6f2;}
+	.notice .foldGroup .fold_head .fold_tit span {width:700px; font-weight:300}
+	.notice .fold_cont > div:first-of-type {padding-top:35px; border-top:1px solid #ddd}
+	.notice .sec_body.nodata {border-top: 1px solid #222;}
+
+	/* dp_list */
+	.dp .item_state {padding: 0;}
+	.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.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;}
+	.container.dp .cont_head > div.item_header h3 {padding: 20px 0 0; font-size: 30px; line-height: 1;}
+	.container.dp .cont_head > div h3 {text-align: center; margin-bottom: 0; padding-bottom: 60px; font-size: 40px; line-height: 1;}
+	.container .filter_list {padding: 20px 30px; background: #222;}
+	.container .filter_list::after,.container .count_wrap::after {content:''; display: block; clear:both;}
+	.container .filter_list .form_field {float: right; width:inherit;}
+	.container .filter_list .form_field div:last-child {margin-left: 20px;}
+	.container .filter_list > ul {float:left; display: flex;}
+	.container .filter_list ul li {position: relative; margin-right: 40px;}
+	.container .filter_list ul li.on a {color:#fd4802;}
+	.container .filter_list > ul > li:first-child button{padding-left: 30px; position: relative;}
+	.container .filter_list > ul > li:first-child button span {color:#888;}
+	.container .filter_list > ul > li:first-child button::before {
+		content:''; 
+		position: absolute; 
+		width:12px; 
+		height: 10px; 
+		background: url(/images/pc/ico_filter.png)no-repeat;
+		top: 44%; 
+		left: 0; 
+		transform: translateY(-50%);
+	}
+	.container .filter_list ul li a {color:#fff;}
+	.container .filter_list > ul > li:hover > a {color:#fd4802;}
+	.container .filter_list ul li:first-child a {color:#888;}
+	.container .filter_list .form_field div label span {color:#888;}
+	.filter_content .sort {display: none; position: relative; padding: 40px 36px 80px; border: 1px solid #ccc; border-top: none;}
+	.filter_content .sort .tap_close {
 	position: absolute;
 	bottom: 30px;
 	right: 40px;
@@ -601,2122 +601,2218 @@ body {min-width:1460px; overflow-x:auto;}
 	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==);
 	z-index: 98;
 	background-image: url(/images/pc/ico_pop_cls.png);
-}
-.filter_content .sort#tap01 > ul {position: relative;}
-.filter_content .sort#tap01 > ul > li {width: 170px; margin-bottom: 20px;}
-.filter_content .sort#tap01 ul li div {position: absolute; width:170px; left:170px; top:0; padding-left: 40px; display: none;}
-.filter_content .sort#tap01 ul li div::before {content:''; position: absolute; top:0; left:0; width:1px; height: 270px; background: #ccc;}
-.filter_content .sort#tap01 ul li div ul li {margin-bottom: 20px;}
-.filter_content .sort#tap01 ul li a {color:#666; position: relative;}
-.filter_content .sort#tap01 ul li a:hover {color:#fd4802;}
-.filter_content .sort#tap01 ul li.noDepth.on > a {color:#fd4802;}
-.filter_content .sort#tap01 ul li.noDepth.on > a::after {
-	content:'';
-	position: absolute;
-	top:0;
-	right:-18px;
-	border-style:solid;
-	border-width:5px ;
-	border-color:transparent transparent transparent #fd4802;
-}
-.filter_content .sort > ul {max-height: 350px; overflow-y: auto;}
-.filter_content .sort#tap02 ul::after {content:''; display: block; clear:both;}
-.filter_content .sort#tap02 ul li {float: left; width:228px; margin-bottom: 20px;}
-.filter_content .sort#tap03 ul li {border-bottom: 1px solid #ccc;}
-.filter_content .sort#tap03 ul li:first-child {padding-bottom: 30px;}
-.filter_content .sort#tap03 ul li:nth-child(2) {padding: 30px 0;}
-.filter_content .sort#tap03 ul li:last-child {padding-top: 30px; border: none;}
-.filter_content .sort#tap03 ul li strong {margin-right: 20px;}
-.filter_content .sort#tap03 ul li span {color:#666; margin-right: 20px;}
-.filter_content .sort#tap03 ul li .size_btn,.filter_content .sort#tap02 ul li .brand_btn,.filter_content .sort#tap06 ul li .Age_btn,.filter_content .sort#tap07 ul li .Season_btn,.filter_content .sort#tap09 ul li .Benefits_btn {cursor: pointer;}
-.filter_content .sort#tap03 ul li .size_btn input:checked+span,.filter_content .sort#tap02 ul li .brand_btn input:checked+span,.filter_content .sort#tap06 ul li .Age_btn input:checked+span,.filter_content .sort#tap07 ul li .Season_btn input:checked+span,.filter_content .sort#tap09 ul li .Benefits_btn input:checked+span {color:#fd4802;}
-.filter_content .sort#tap03 ul li .size_btn input,.filter_content .sort#tap02 ul li .brand_btn input,.filter_content .sort#tap06 ul li .Age_btn input,.filter_content .sort#tap07 ul li .Season_btn input,.filter_content .sort#tap09 ul li .Benefits_btn input{
-	position: absolute;
-	display: block;
-	overflow: hidden;
-	height: 1px;
-	width: 1px;
-	clip: rect(1px, 1px, 1px, 1px);
-}
-.filter_content .sort#tap04 ul {display: flex; justify-content: center; padding: 0 215px;}
-.filter_content .sort#tap04 ul::after {
-	content: "";
-	position: absolute;
-	left: 20%;
-	top: 46px;
-	width: 60%;
-	height: 2px;
-	background: #222;
-	z-index: -2;
-}
-.filter_content .sort#tap04 ul li {text-align: center; width:20%;}
-.filter_content .sort#tap04 ul li:last-child {margin-right: 0;}
-.filter_content .sort#tap04 ul li input {
-	position: absolute;
-	width: 1px;
-	height: 1px;
-	padding: 0;
-	margin: -1px;
-	overflow: hidden;
-	clip: rect(0,0,0,0);
-	border: 0;
-}
-.filter_content .sort#tap04 ul li input + label span:last-child {color:#666;}
-.filter_content .sort#tap04 ul li input:checked + label span:first-child {border-color: #fd4802;}
-.filter_content .sort#tap04 ul li input:checked + label span:last-child {color:#fd4802;}
-.filter_content .sort#tap04 ul li span {display: block; cursor: pointer;}
-.filter_content .sort#tap04 ul li span:first-child {
-	position: relative;
-	display: inline-block;
-	width:10px;
-	height: 10px;
-	background: #fff;
-	border: 2px solid #222;
-	border-radius: 50%;
-}
-.filter_content .sort#tap04 ul li:first-child span:first-child::before {display: none;}
-.filter_content .sort#tap04 ul li input:checked + label span:first-child::before {
-	content:'';
-	position: absolute;
-	width: 208px;
-	height: 2px;
-	top:3px;
-	right:100%;
-	background: #fd4802;
-	z-index: -1;
-}
-.filter_content .sort#tap05 ul {display: flex; justify-content: center; padding: 0 150px;}
-.filter_content .sort#tap05 ul::after {
-	content: "";
-	position: absolute;
-	left: 14.5%;
-	top: 46px;
-	width: 70.2%;
-	height: 2px;
-	background: #222;
-	z-index: -2;
-}
-.filter_content .sort#tap05 ul li {text-align: center; width:10%;}
-.filter_content .sort#tap05 ul li:last-child {margin-right: 0;}
-.filter_content .sort#tap05 ul li input {
-	position: absolute;
-	width: 1px;
-	height: 1px;
-	padding: 0;
-	margin: -1px;
-	overflow: hidden;
-	clip: rect(0,0,0,0);
-	border: 0;
-}
-.filter_content .sort#tap05 ul li input + label span:last-child {color:#666;}
-.filter_content .sort#tap05 ul li input:checked + label span:first-child {border-color: #fd4802;}
-.filter_content .sort#tap05 ul li input:checked + label span:last-child {color:#fd4802;}
-.filter_content .sort#tap05 ul li span {display: block; cursor: pointer;}
-.filter_content .sort#tap05 ul li span:first-child {
-	position: relative;
-	display: inline-block;
-	width:10px;
-	height: 10px;
-	background: #fff;
-	border: 2px solid #222;
-	border-radius: 50%;
-}
-.filter_content .sort#tap05 ul li:first-child span:first-child::before {display: none;}
-.filter_content .sort#tap05 ul li input:checked + label span:first-child::before {
-	content:'';
-	position: absolute;
-	width: 135px;
-	height: 2px;
-	top:3px;
-	right:100%;
-	background: #fd4802;
-	z-index: -1;
-}
-.filter_content .sort#tap06 ul::after,.filter_content .sort#tap07 ul::after,.filter_content .sort#tap09 ul::after {content:''; display: block; clear: both;}
-.filter_content .sort#tap06 ul li,.filter_content .sort#tap07 ul li,.filter_content .sort#tap09 ul li {float: left; margin-right: 48px;}
-.filter_content .sort#tap06 ul li:last-child,.filter_content .sort#tap07 ul li:last-child,.filter_content .sort#tap09 ul li:last-child {margin-right: 0;}
-#tap08 ul::after {content:''; display: block; clear:both;}
-#tap08 ul li {float: left; margin-left: 20px;}
-#tap08 ul li:first-child {margin-left: 0;}
-#tap08 ul li .color-check input {
-	position: absolute;
-	display: block;
-	overflow: hidden;
-	height: 1px;
-	width: 1px;
-	clip: rect(1px, 1px, 1px, 1px);
-}
-#tap08 ul li .color-check [class*="pdColor"] {position: relative; display: inline-block; width:26px; height: 26px; cursor: pointer;}
-[class*="pdColor"]:before {
-	content: "";
-	display: inline-block;
-	width: 100%;
-	height: 100%;
-	border-radius: 50%;
-	box-sizing: border-box;
-}
-.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;
-}
-.filter_content .sort.on {display: block;}
-.container .dp_list .fillter {display: none; padding: 16px 20px; border-bottom: 1px solid #ccc;}
-.container .dp_list .fillter::after {content:''; display: block; clear:both;}
-.container .dp_list .fillter .fillter_reset {float:right; position: relative; padding: 10px 15px 10px 32px; background: #f5f5f5;}
-.container .dp_list .fillter .fillter_reset::before {
-	content:'';
-	position: absolute;
-	top:50%;
-	left:14px;
-	transform: translateY(-50%);
-	width:13px;
-	height: 13px;
-	background: url(/images/pc/ico_filter_reset.png)no-repeat;
-}
-.container .count_wrap {padding: 60px 0 30px;}
-.container .count_wrap div:first-child {float: left;}
-.container .count_wrap div:first-child p {color:#888;}
-.container .count_wrap div:first-child p span {color:#fd4802;}
-.container .count_wrap div:last-child {float: right; }
-.container .count_wrap div:last-child ul {display: flex;}
-.container .count_wrap div:last-child ul li a {color:#888;}
-.container .count_wrap div:last-child ul li:first-child a {color:#222;}
-.container .count_wrap div:last-child ul li:nth-child(2) {position: relative; padding: 0 32px;}
-.container .count_wrap div:last-child ul li:nth-child(2)::before {
-	content:'';
-	position: absolute;
-	width:1px;
-	height: 13px;
-	background: #ccc;
-	top:50%;
-	left: 15px;
-	transform: translateY(-50%);
-}
-.container .count_wrap div:last-child ul li:nth-child(2)::after {
-	content:'';
-	position: absolute;
-	width:1px;
-	height: 13px;
-	background: #ccc;
-	top:50%;
-	right: 15px;
-	transform: translateY(-50%);
-}
-.dp .item_prod {width: 15.7%; margin-right: 1.12%; margin-bottom: 70px;}
-.dp .item_prod:nth-child(6n) {margin-right: 0;}
-.dp .item_prod .itemLike {right: 20px;}
-.dp .select_options {z-index: 4;}
-.dp .cont_body .list_content.nodata .count_wrap,.dp .cont_body .list_content.nodata .itemsGrp {display: none;}
-.list_defult {display: none; text-align: center; padding: 120px 0 160px;}
-.list_content.nodata .list_defult {display: block;}
-.list_defult > div:first-child {margin-bottom: 46px;}
-.list_defult > div:first-child p {line-height: 2;}
-.list_defult .ui_row {justify-content: center; margin-bottom: 0;}
-
-/* dp_best */
-.dp_best .best_nav {display: flex; justify-content: center; padding-bottom: 20px;}
-.dp_best .best_nav ul::after {content:''; display: block; clear: both;}
-.dp_best .best_nav ul li {float: left; margin-right: 40px; }
-.dp_best .best_nav ul li button {position: relative; font-size: 20px; color:#888;}
-.dp_best .best_nav ul li button:hover, .dp_best .best_nav ul li button.active {color: #222;}
-.dp_best .best_nav ul li:hover button::after, .dp_best .best_nav ul li button.active::after{content:''; position: absolute; bottom:-3px; left:0; width:100%; height: 2px; background: #222; }
-.dp_best .best_nav ul li:last-child {margin-right: 0;}
-.dp_best .ui_row {margin-bottom: 40px;}
-.dp_best .ui_row .ui_col_12 {margin: 0;}
-.dp_best .ui_row .ui_col_12 .form_field {justify-content: flex-end;}
-.dp_best .ui_row .ui_col_12 .select {width:180px;}
-
-/* dp_hotdeal */
-.dp_hotdeal .hotdeal {position: relative; width:100%; height: 540px; margin-bottom: 120px; background: url(/images/pc/thumb/hotdeal_bg.png)no-repeat center center;}
-#countdown{
-	text-align: center;
-	margin: auto;
-	position: absolute;
-	width:100%;
-	top:268px;
-	left:50%;
-	transform: translateX(-50%);
-}
-#countdown #tiles{position: relative; z-index: 1;}
-#countdown #tiles 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 #tiles span:nth-child(2) {margin: 0 72px;}
-
-/* 핫딜 전용 아이템 리스트 */
-.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;}
-.dp .itemsGrp.rowtype .item_prod .itemBadge, .dp .itemsGrp.rowtype .item_prod .itemcolorchip {display: none;}
-.dp .itemsGrp.rowtype .item_prod .item_state {display: table; padding-left: 330px; padding-right: 50px; padding-bottom: 0; height: 420px; width: 100%;}
-.dp .itemsGrp.rowtype .item_prod .itemLink {display: table-cell; position: static; vertical-align: middle;}
-.dp .itemsGrp.rowtype .item_prod .itemLike {z-index: 99;}
-.dp .itemsGrp.rowtype .item_prod .itemPic {position: absolute; top: 0; left: 0; margin-bottom: 0; padding-top: 0; width: 280px; height: 420px;}
-.dp .itemsGrp.rowtype .item_prod .itemPic .shape {z-index: 89;}
-.dp .itemsGrp.rowtype .item_prod .itemPic::after {background: #f5f5f5; opacity:1; z-index: 87;}
-.dp .itemsGrp.rowtype .item_prod .itemPic .pd_img {z-index: 88;}
-.dp .itemsGrp.rowtype .item_prod.sold_out .itemPic:before {content:'SOLD OUT'; position: absolute; top: 50%; left: 50%; font-size: 20px; color:#fff; background: rgba(0,0,0,.5); width: 100%; height: 100%; transform:translate(-50%, -50%); line-height: 420px; z-index: 99; text-align: center;}
-.dp .itemsGrp.rowtype .item_prod .itemBrand {margin:0px 6px 65px; font-size: 16px; font-weight: 300;}
-.dp .itemsGrp.rowtype .item_prod .itemComment {position: absolute; left: 340px; top: 150px; font-size: 16px; font-weight: 300; margin:0;}
-.dp .itemsGrp.rowtype .item_prod .itemName {margin:0px 6px 40px; font-size: 30px; font-weight: 200; line-height: 1.2; max-height:80px;}
-.dp .itemsGrp.rowtype .item_prod .itemPrice {font-size: 30px; line-height: 1; font-weight: 500;}
-.dp .itemsGrp.rowtype .item_prod .itemPrice_original {font-size: 20px; font-weight: 200;}
-.dp .itemsGrp.rowtypeㅜ .item_prod .itemPercent {font-size: 42px; line-height: 0.8;}
-
-/* dp_Exhibition */
-.dp_Exhibition .best_nav {display: flex; justify-content: center; padding-bottom: 20px;}
-.dp_Exhibition .best_nav ul::after {content:''; display: block; clear: both;}
-.dp_Exhibition .best_nav ul li {float: left; margin-right: 40px; }
-.dp_Exhibition .best_nav ul li button {position: relative; font-size: 20px; color:#888;}
-.dp_Exhibition .best_nav ul li button:hover, .dp_Exhibition .best_nav ul li button.active {color: #222;}
-.dp_Exhibition .best_nav ul li:hover button::after, .dp_Exhibition .best_nav ul li button.active::after{content:''; position: absolute; bottom:-3px; left:0; width:100%; height: 2px; background: #222; }
-.dp_Exhibition .best_nav ul li:hover button::after {content:''; position: absolute; bottom:-3px; left:0; width:100%; height: 2px; background: #222;}
-.dp_Exhibition .best_nav ul li:last-child {margin-right: 0;}
-.dp_Exhibition .cont_body > .ui_row {margin-bottom: 40px;}
-.dp_Exhibition .ui_row .ui_col_12 {margin: 0;}
-.dp_Exhibition .ui_row .ui_col_12::after {content:''; display: block; clear: both;}
-.dp_Exhibition .ui_row .ui_col_12 .form_count {float: left; margin-top: 25px;}
-.dp_Exhibition .ui_row .ui_col_12 .form_count p {font-size: 16px; font-weight: 200; color:#888;}
-.dp_Exhibition .ui_row .ui_col_12 .form_count p span {font-weight: 500;}
-.dp_Exhibition .ui_row .ui_col_12 .select {width:180px; float: right;}
-.dp_Exhibition .ui_row .ui_col_12 .form_count p span {color:#fd4802;}
-.dp .ui_row .ui_col_12 .btn_group {float: right;}
-.dp .ui_row .ui_col_12 .btn_group > .btn {padding: 12px 96px 12px 19px; line-height: 1; font-size: 14px; color: #666;}
-.dp .ui_row .ui_col_12 .btn_group > .btn .caret {
-	content: "";
-	width: 0;
-	height: 0;
-	box-sizing: border-box;
-	position: absolute;
-	top: 16px;
-	right: 19px;
-	border: 6px solid transparent;
-	border-color: #888888 transparent transparent transparent;
-}
-.dp .ui_row .ui_col_12 .btn_group .btn.on {
-	border-color: #222;
-}
-.dp .ui_row .ui_col_12 .btn_group .btn.on .caret {
-	top: 10px;
-	border-color: transparent transparent #888888 transparent;
-}
-.dp .ui_row .ui_col_12 .btn_group .dropdown_menu {
-	width:720px;
-	padding: 40px;
-	left: inherit;
-	top:98.5%;
-	right: 0;
-	margin: 0;
-	border-color: #222;
-	box-shadow: none;
-}
-.dp .ui_row .ui_col_12 .btn_group .dropdown_menu ul {padding-bottom: 40px; border-bottom: 1px solid #ddd;}
-.dp .ui_row .ui_col_12 .btn_group .dropdown_menu ul::after {content:''; display: block; clear:both}
-.dp .ui_row .ui_col_12 .btn_group .dropdown_menu ul li {float: left; width:36.3%; margin-top: 22px;}
-.dp .ui_row .ui_col_12 .btn_group .dropdown_menu ul li:nth-child(3n+0) {width:25%;}
-.dp .ui_row .ui_col_12 .btn_group .dropdown_menu ul li:first-child,.dp .ui_row .ui_col_12 .btn_group .dropdown_menu ul li:nth-child(2),.dp .ui_row .ui_col_12 .btn_group .dropdown_menu ul li:nth-child(3) {margin-top: 0;}
-.dp .ui_row .ui_col_12 .btn_group .dropdown_menu label {cursor: pointer; font-size: 14px; font-weight: 300;}
-.dp .ui_row .ui_col_12 .btn_group .dropdown_menu input {
-	position: absolute;
-	display: block;
-	overflow: hidden;
-	height: 1px;
-	width: 1px;
-	clip: rect(1px, 1px, 1px, 1px);
-}
-.dp .ui_row .ui_col_12 .btn_group .dropdown_menu input:checked+span {color:#fd4802;}
-.dp .ui_row .ui_col_12 .btn_group .dropdown_menu .ui_row {justify-content: center; margin: 30px 0 0;}
-.dp .ui_row .ui_col_12 .btn_group .dropdown_menu .ui_row .fillter_reset {position: relative; padding: 10px 15px 10px 32px; background: #f5f5f5;}
-.dp .ui_row .ui_col_12 .btn_group .dropdown_menu .ui_row .fillter_reset::before {
-	content:'';
-	position: absolute;
-	top:50%;
-	left:14px;
-	transform: translateY(-50%);
-	width:13px;
-	height: 13px;
-	background: url(/images/pc/ico_filter_reset.png)no-repeat;
-}
-.dp .ui_row .ui_col_12 .btn_group .dropdown_menu .ui_row button {width:92px;}
-.dp .ui_row .ui_col_12 .btn_group .dropdown_menu .ui_row button:last-child {background: #222;}
-.dp .ui_row .ui_col_12 .btn_group .dropdown_menu .ui_row button:last-child span {color:#fff;}
-.dp_Exhibition .list_content {max-width: 1780px;}
-.dp_Exhibition .itemPic {padding-top: 100%;}
-.dp_Exhibition .item_prod {width: 340px; margin-bottom: 80px;}
-.dp_Exhibition .item_prod .itemName {font-size: 18px; line-height: 1.5; overflow:visible; max-height: none;}
-.dp_Exhibition .item_prod .item_state {padding: 0;}
-.dp_Exhibition .item_prod .summary {display: inline-block; margin: 0px 6px 0; line-height: 1; font-size:14px; font-weight: 400; color: rgb(137, 137, 137);}
-.dp_Exhibition .item_prod:nth-child(5n+0) {margin-right: 0;}
-.dp_Exhibition .item_prod:nth-child(6n+0) {margin-right: 20px;}
-.dp_Exhibition .itemsGrp {margin-bottom: 80px;}
-.dp_Exhibition .itemsGrp .exhi_item {float:left; width: 24.15%; overflow: hidden; margin:0 1.12% 40px 0;}
-.dp_Exhibition .itemsGrp .exhi_item {float:left; width: 24.15%; overflow: hidden; margin:0 1.12% 40px 0;}
-.dp_Exhibition .itemsGrp .exhi_item:nth-child(4n) {margin:0 0 40px 0;}
-.dp_Exhibition .itemsGrp .exhi_item .exhi_item_img {width: 430px; height: 430px; overflow: hidden;}
-.dp_Exhibition .itemsGrp .exhi_item .exhi_item_img img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height:auto;}
-.dp_Exhibition .itemsGrp .exhi_item .exhi_item_img a {position: relative; width: 100%; height: 100%; display: block; padding-bottom: 100px;}
-.dp_Exhibition .itemsGrp .exhi_item .exhi_item_img a .shape {max-width:52px; min-height:52px; width: 42px;}
-.dp_Exhibition .itemsGrp .exhi_item .exhi_item_img a .shape span {width: 43px; font-weight: 300;}
-.dp_Exhibition .itemsGrp .exhi_item .exhi_item_img a .shape:after {height: 42px;}
-.dp_Exhibition .itemsGrp .exhi_item .exhi_item_img a:after {content:''; position: absolute; left: 0; bottom: 0; width: 100%; height: 342px; background: linear-gradient(0deg, rgba(0,0,0,1) 0%, transparent 100%); z-index: 8;}
-.dp_Exhibition .itemsGrp .exhi_item .exhi_item_img .exhi_detail {position: absolute; left: 0; bottom: 100px; z-index: 9; padding: 23px; padding-bottom: 0;}
-.dp_Exhibition .itemsGrp .exhi_item .exhi_item_img .exhi_detail * {display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #fff; font-weight: 300; letter-spacing: 0;}
-.dp_Exhibition .itemsGrp .exhi_item .exhi_item_img .exhi_detail .brand {font-size: 14px;}
-.dp_Exhibition .itemsGrp .exhi_item .exhi_item_img .exhi_detail .tit {margin:20px 0 15px; max-height:66px; font-size: 24px; line-height: 1.4; word-break: keep-all;}
-.dp_Exhibition .itemsGrp .exhi_item .exhi_item_img .exhi_detail .sale {font-size: 14px;}
-
-.dp_Exhibition .itemsGrp .exhi_item_pr {background: #fff; padding: 20px; position: relative; z-index: 99; width: 380px; margin:-70px auto 0;}
-.dp_Exhibition .itemsGrp .exhi_item_pr li {float:left; width: 100px; margin-right: 20px;}
-.dp_Exhibition .itemsGrp .exhi_item_pr li:last-child {margin-right: 0;}
-.dp_Exhibition .itemsGrp .exhi_item_pr li .img {position: relative; background: #f5f5f5; width: 100%; height: 150px; overflow: hidden;}
-.dp_Exhibition .itemsGrp .exhi_item_pr li .img img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
-.dp_Exhibition .itemsGrp .exhi_item_pr li .txt p {display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #222; word-break: keep-all;}
-.dp_Exhibition .itemsGrp .exhi_item_pr li .txt .pr_tit {margin:20px 0; line-height: 1.4; font-size: 14px; max-height:38px;}
-.dp_Exhibition .itemsGrp .exhi_item_pr li .txt .price {font-size: 16px; font-weight: 300;}
-
-/* dp_Bulletship */
-.Bulletship {padding-bottom: 120px;}
-.Bulletship .Bulletship_head {width:1780px; height: 813px; background: url(/images/pc/thumb/bullet_bg1.png)no-repeat center center;}
-.Bulletship .Bulletship_body {text-align: center; padding: 60px 0 72px;}
-.Bulletship .Bulletship_body > p {margin-top: 30px;}
-.Bulletship .Bulletship_body > p:first-child {position: relative; margin-bottom: 26px; padding-top: 38px;}
-.Bulletship .Bulletship_body > p:first-child::before {position: absolute; content: ''; width:63px; height: 31px; top:0; left:50%; transform: translateX(-50%); background: url(/images/pc/ico_home.png)no-repeat;}
-.Bulletship .Bulletship_body > p:nth-child(2) {margin-bottom: 46px;}
-.Bulletship .Bulletship_body > p:nth-child(2) span {color: #fd4802;}
-.Bulletship .Bulletship_body > p:nth-child(3) {margin-top: 30px;}
-.Bulletship .Bulletship_foot {width:1780px; height: 393px; background: url(/images/pc/thumb/bullet_bg2.png)no-repeat center center;}
-.Bulletship .Bulletship_body .search {position: relative; width:720px; height: 80px; margin: 0 auto; border: 3px solid #fd4802;}
-.Bulletship .Bulletship_body .search .area,.Bulletship .Bulletship_body .search form,.Bulletship .Bulletship_body .search fieldset{height: 100%;}
-.Bulletship .Bulletship_body .search .ico_search:before {width:35px; height: 36px; background: url(/images/pc/ico_search_bullet.png)no-repeat;}
-.Bulletship .Bulletship_body .search input {width:100%; height: 100%; border: none; padding: 22px 30px;}
-.Bulletship .Bulletship_body .search button {position: absolute; top:20px; right:19px;}
-.Bulletship .Bulletship_body .bullet_able,.Bulletship .Bulletship_body  .normal_able {width:720px; padding: 26px 112px; margin-bottom: 30px; box-sizing: border-box; background: #f5f5f5;}
-.Bulletship .Bulletship_body > div {width:720px; margin: 0 auto;}
-.dp .bullet_sticky_nav {margin-bottom: 0px !important; padding:20px 0; background: #fff; border-top:1px solid #222; border-bottom:1px solid #222; z-index: 20;}
-.container.dp .bullet_sticky_nav.sticky {position: fixed; max-width: 1780px; top: 0px;}
-/* .dp .bullet_sticky_nav ul {overflow-x: scroll; white-space: nowrap; -ms-overflow-style: none; cursor: grab;}
-.dp .bullet_sticky_nav ul::-webkit-scrollbar {display: none;} */
-.dp .bullet_sticky_nav ul li {position: relative; display: inline-block; padding: 20px 40px;}
-.dp .bullet_sticky_nav ul li:last-child::after {display: none;}
-.dp .bullet_sticky_nav ul li::after {content:''; position: absolute; top:50%; right: 0; transform: translateY(-50%); width:1px; height: 14px; background: #ddd;}
-.dp .bullet_sticky_nav ul li a {font-weight: 500;}
-.dp .list_content .item_header {text-align: center; padding: 78px 0 68px;}
-
-/* dp_Bulletship_pop */
-.modal.ship_pop {padding: 60px; max-width:580px; height: 490px; text-align: center;}
-.modal.ship_pop .modal-header {margin-bottom: 30px;}
-.modal.ship_pop .modal-header p:first-child {position: relative; margin-bottom: 14px; padding-top: 38px;}
-.modal.ship_pop .modal-header p:first-child::before {position: absolute; content: ''; width:63px; height: 31px; top:0; left:50%; transform: translateX(-50%); background: url(/images/pc/ico_home.png)no-repeat;}
-.modal.ship_pop .modal-header p span {color:#fd4802;}
-.modal.ship_pop .modal-body {background: #f5f5f5; padding: 30px 34px;}
-.modal.ship_pop .modal-footer {margin-top: 30px;}
-.modal.ship_pop .modal-footer p {margin-bottom: 28px;}
-/* dp_Bulletship_pop */
-
-/* dp_detail_case1 */
-.dp .wide .cont_head div div {position: absolute; width:28px; height: 30px; top:0; right:70px; background: url(/images/pc/ico_sns_share.png)no-repeat;}
-.dp .wide .cont_head div div a {display: inline-block; width:100%; height: 100%; text-indent: -9999px;}
-.dp .wide .cont_body .coner_content .coner_front .big_banner {width:100%; height: 1378px; background: url(/images/pc/thumb/detail_case_bg.png)no-repeat;}
-.dp .wide .cont_body .coner_content .coner_item01 {padding: 120px 0 60px;}
-.dp .wide .cont_body .coner_content .coner_item01 .dp_listItems_wrap > div:first-child {margin-bottom: 54px; text-align: center;}
-.dp .wide .cont_body .coner_content .coner_item01 .dp_listItems_wrap > div:first-child p {font-size: 30px; line-height: 1;}
-.dp .wide .cont_body .coner_content .coner_item01 .dp_listItems_wrap > div:first-child a {padding-right: 30px; font-size: 30px; color: #222; font-weight: 500; background:url(/images/pc/ico_dp_arrow.png) no-repeat right top 2px;}
-.dp .wide .cont_body .coner_content .coner_visual {max-width: 1780px; margin: 0 auto;}
-.dp .wide .coner_item01 .dp_listItems_cont ul > .ui_row {padding: 60px 0; margin: 0; justify-content: center;}
-.dp .wide .dp_listItems_cont {display: flex; justify-content: center;}
-.dp .wide .dp_listItems_cont ul li:first-child {margin-bottom: 40px;}
-.dp .wide .dp_listItems_cont ul li .dp_listItems::after {content: ''; display: block; clear: both;}
-.dp .wide .dp_listItems_cont ul li .dp_listItems > div {float: left;}
-.dp .wide .dp_listItems_cont ul li .dp_listItems .dp_listItems_info { padding: 184px 0 0 50px;}
-.dp .wide .dp_listItems_info .dp_listItems_brand {margin-bottom: 20px;}
-.dp .wide .dp_listItems_info .dp_listItems_brand,.dp_listItems_info .dp_listItems_price del {color:#888;}
-.dp .wide .dp_listItems_cont ul li .dp_listItems .dp_listItems_name {margin-bottom: 26px;}
-.dp .wide .dp_listItems_info .dp_listItems_price {margin-bottom: 30px;}
-.dp .wide .dp_listItems_info .dp_listItems_price del {margin: 0 8px;}
-.dp .wide .dp_listItems_info .dp_listItems_price .percent{color:#fd4802;}
-.dp .wide .dp_lookbook_case1 {position: relative;}
-.dp .wide .dp_lookbook_case1 .slick-prev{display:block; position:absolute; left:50px; top:50%; width:26px; height:50px; background:url(/images/pc/slide_prev.png) no-repeat left; text-indent:-9999px; z-index:10; transform:translateY(-50%);}
-.dp .wide .dp_lookbook_case1 .slick-next{display:block; position:absolute; right:50px; top:50%; width:26px; height:50px; background:url(/images/pc/slide_next.png) no-repeat right; text-indent:-9999px; z-index:10; transform:translateY(-50%);}
-.dp .wide .dp_lookbook_case1 .slick-dots{position:absolute; left:0; bottom:-40px; width:100%; text-align:center; z-index:10;}
-.dp .wide .dp_lookbook_case1 .slick-dots li{display:inline-block; width:10px; height:10px; margin:0 5px; text-align:center;}
-.dp .wide .dp_lookbook_case1 .slick-dots li button{display:inline-block; width:10px; height:10px; background:#ddd; border-radius: 50%; text-indent:-9999em;}
-.dp .wide .dp_lookbook_case1 .slick-dots li.slick-active button{background:#fd4802;}
-
-/* dp_detail_case2 */
-.dp .wide .cont_body .coner_content .coner_item02 {padding-top: 120px;}
-.dp .wide .cont_body .coner_content .coner_item02 .dp_coupon_wrap > div:first-child {margin-bottom: 60px; text-align: center;}
-.dp .wide .cont_body .coner_content .coner_item02 .dp_coupon_wrap > div:first-child p {font-size: 30px; line-height: 1; font-weight: 500;}
-
-/* dp_detail_case2 쿠폰 */
-.dp .coupon_list {margin-bottom: 60px;}
-.dp .coupon_list li {float:left; width: 285px; margin:0 20px 20px 0;  position: relative; position: relative; overflow: hidden;}
-.dp .coupon_list li:nth-child(4n) {margin-right: 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:30px 20px 18px; padding-right: 5px;}
-.dp .coupon_list li .cp_detail .tit {margin-bottom: 13px; font-size: 14px;}
-.dp .coupon_list li .cp_detail .sale_t {display: block; color: #fd4802; font-size: 30px; margin-bottom: 15px;}
-.dp .coupon_list li .cp_detail .sale_t span {font-weight: bold;}
-.dp .coupon_list li .cp_detail .sale_t.won_t {font-size: 22px;}
-.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: 12px; line-height: 1.5; height: 36px; word-break: keep-all;}
-.dp .coupon_list li .cp_detail .cp_cnt {display: none; background: #fff5f3; 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:13px 5px; font-size: 16px; 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: 20px;}
-.dp .coupon_list li .cp_info button span {display: inline-block; border-bottom: 1px solid #888; color: #888;}
-
-.dp_coupon_list {display: flex; justify-content: center; flex-wrap: wrap; max-width: 1580px; min-width: 1580px; padding: 0 260px 120px; margin: 0 auto; box-sizing: border-box;}
-.dp_coupon_list .dp_coupon_item {text-align: center;}
-.dp_coupon_list .dp_coupon_item div:last-child {margin-top: 18px;}
-.dp_coupon_list .dp_coupon_item div:last-child a {padding-bottom: 2px; border-bottom: 1px solid #888;}
-.dp_coupon_list .dp_coupon_item:nth-child(1) {margin-bottom: 78px;}
-.dp_coupon_list .dp_coupon_item:nth-child(2) {margin: 0 0 0 100px;}
-.dp_coupon_list .dp_coupon_item:nth-child(3) {margin: 0 0 0 100px;}
-.dp_coupon_list .dp_coupon_item:nth-child(5) {margin: 0 0 0 100px;}
-.dp_coupon_list .dp_coupon_item:nth-child(6) {margin: 0 0 0 100px;}
-.dp_coupon_list .dp_coupon {position: relative; width:286px;  padding: 36px 40px; box-sizing: border-box; background: #f5f5f5;}
-.dp_coupon_list .dp_coupon::before {
-	content:'';
-	position: absolute;
-	width: 0px; height: 0px;
-	top:-26px;
-	left:-26px;
-	border-top:26px solid transparent;
-	border-bottom:26px solid #fff;
-	border-right: 26px solid transparent;
-	border-left: 26px solid  transparent;
-	transform: rotate(-45deg);
-}
-.dp_coupon_list .dp_coupon::after {
-	content:'';
-	position: absolute;
-	width: 0px; height: 0px;
-	bottom:-26px;
-	right: -26px;
-	border-top:26px solid transparent;
-	border-bottom:26px solid #fff;
-	border-right: 26px solid transparent;
-	border-left: 26px solid  transparent;
-	transform: rotate(135deg);
-}
-.dp_coupon_list .dp_coupon p:first-child {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
-.dp_coupon_list .dp_coupon p:last-of-type {margin-top: 22px; font-size: 40px; line-height: 1; color:#fd4802;}
-.dp_coupon_list .dp_coupon button {position: absolute; width:50px; height: 50px; top:-16px; right: -16px; background: url(/images/pc/ico_down_btn.png)no-repeat;}
-.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_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_coupon_tip .dp_coupon_notice::after {content:'유의사항'; display: inline-block; margin-top: 20px; color:#888;}
-.dp_coupon_tip ul {margin-left: 90px;}
-.dp_coupon_tip ul li {position: relative; padding-left: 12px; margin-bottom: 12px; color:#888;}
-.dp_coupon_tip ul li:last-child {margin-bottom: 0;}
-.dp_coupon_tip ul li::before {content:''; position: absolute; width:2px; height: 2px; top:46%; left:0; transform: scaleY(-50%); background: #888;}
-.dp .announce_txt {position: relative; max-width: 1580px; margin: 0 auto; padding-top: 60px;}
-.dp .announce_txt:before {content:''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1580px; height: 1px; background: #ddd;}
-.dp .announce_txt .note_txt {top: 60px;}
-/* .dp .wide .coner_visual .dp_banner_slide {padding-bottom: 170px;} */
-.dp .wide .coner_visual .dp_banner_slide .slide_head {position: relative; width:810px; margin: 0 auto; padding:120px 0 60px; text-align: center;}
-.dp .wide .coner_visual .dp_banner_slide .slide_head p {font-size: 30px; line-height: 1;}
-.dp .wide .coner_visual .dp_banner_slide .slide_head a {padding-right: 30px; font-size: 30px; color: #222; font-weight: 500; background:url(/images/pc/ico_dp_arrow.png) no-repeat right top 2px;}
-.dp .wide .coner_visual .dp_lookbook_case2 {width:810px; margin: 0 auto;}
-.dp .wide .coner_visual .dp_lookbook_case2 .slider .slick-list {margin:0 -10px;}
-.dp .wide .coner_visual .dp_lookbook_case2 .slick-slide {margin:0 10px;}
-.dp .wide .dp_lookbook_case2 .slick-prev{display:block; position:absolute; left:-65px; top:40%; width:26px; height:50px; background:url(/images/pc/slide_prev.png) no-repeat left; text-indent:-9999px; z-index:10; transform:translateY(-50%);}
-.dp .wide .dp_lookbook_case2 .slick-next{display:block; position:absolute; right:-65px; top:40%; width:26px; height:50px; background:url(/images/pc/slide_next.png) no-repeat right; text-indent:-9999px; z-index:10; transform:translateY(-50%);}
-.dp .wide .dp_lookbook_case2 .slick-dots{position:absolute; left:0; bottom:0; width:100%; text-align:center; z-index:10;}
-.dp .wide .dp_lookbook_case2 .slick-dots li{display:inline-block; width:10px; height:10px; margin:0 5px; text-align:center;}
-.dp .wide .dp_lookbook_case2 .slick-dots li button{display:inline-block; width:10px; height:10px; background:#ddd; border-radius: 50%; text-indent:-9999em;}
-.dp .wide .dp_lookbook_case2 .slick-dots li.slick-active button{background:#fd4802;}
-.dp .wide .dp_lookbook_case2 .itemPrice::after {content:''; display: block; clear: both;}
-.dp .wide .dp_lookbook_case2 .itemPrice p:first-child,.dp .wide .dp_lookbook_case2 .itemPrice del {float: left;}
-.dp .wide .dp_lookbook_case2 .itemPrice del {color:#888;}
-.dp .wide .dp_lookbook_case2 .itemPrice p:last-child {float: right; color: #fd4802;}
-.dp .wide .dp_lookbook_item > div:last-child {max-width: 395px; padding: 18px 0 56px;}
-.foot_banner_slide {/*width:1640px;*/ margin: 0 auto;padding:0 70px;}
-.foot_banner_slide > div:first-child {position: relative; text-align: center; padding: 60px 0;}
-.foot_banner_slide > div:first-child p {font-size: 30px; line-height: 1; font-weight: 500;}
-.foot_banner_slide > div:first-child a {position: absolute; top:50%; right:0; transform: translateY(-50%); padding-right: 16px; color:#888; background: url(/images/pc/ico_bread_root.png)no-repeat right top;}
-.foot_banner_slide .dp_lookbook_case3 .dp_lookbook_item > div {width:312px;}
-.foot_banner_slide .dp_lookbook_case3 .dp_lookbook_item > div:last-child {padding: 22px 0 104px;}
-.foot_banner_slide .slick-slide img {width: 100%; height:auto;}
-.foot_banner_slide .dp_lookbook_case3 .slick-prev{display:block; position:absolute; left:-65px; top:31%; width:26px; height:50px; background:url(/images/pc/slide_prev.png) no-repeat left; text-indent:-9999px; z-index:10; transform:translateY(-50%); opacity: 0.5;}
-.foot_banner_slide .dp_lookbook_case3 .slick-next{display:block; position:absolute; right:-65px; top:31%; width:26px; height:50px; background:url(/images/pc/slide_next.png) no-repeat right; text-indent:-9999px; z-index:10; transform:translateY(-50%); opacity: 0.5;}
-
-/* dp_detail_casePOPUP */
-.modal.dp_coupon_pop {max-width: 600px; padding: 60px;}
-.modal.dp_coupon_pop .modal-header {padding-bottom: 40px; margin-bottom: 0; border-bottom: 1px solid #222;}
-.modal.dp_coupon_pop .modal-header h5 {margin: 0;}
-.modal.dp_coupon_pop .modal-body {padding: 30px 20px; border-bottom: 1px solid #ddd;}
-.modal.dp_coupon_pop .modal-body p {margin-bottom: 20px;}
-.modal.dp_coupon_pop .modal-body p:last-child {margin-bottom: 0;}
-.modal.dp_coupon_pop .modal-body p strong {margin-right: 60px; color:#222;}
-.modal.dp_coupon_pop .modal-footer {margin-top: 20px;}
-.modal.dp_coupon_pop .modal-footer p {position: relative; padding: 0 14px;}
-.modal.dp_coupon_pop .modal-footer p::before {content:''; position: absolute; width:3px; height: 3px; top:8px; left:0; background: #888;}
-.modal.dp_coupon_pop .modal-footer p:first-child {margin-bottom: 10px;}
-
-/* dp_detail_case3 */
-.dp .wide .dp_lookbook_case4 {position: relative;}
-.dp .wide .dp_lookbook_case4 .slick-prev{display:block; position:absolute; left:70px; top:50%; width:26px; height:50px; background:url(/images/pc/slide_prev.png) no-repeat left; text-indent:-9999px; z-index:10; transform:translateY(-50%); opacity: 0.5;}
-.dp .wide .dp_lookbook_case4 .slick-next{display:block; position:absolute; right:70px; top:50%; width:26px; height:50px; background:url(/images/pc/slide_next.png) no-repeat right; text-indent:-9999px; z-index:10; transform:translateY(-50%); opacity: 0.5;}
-.dp .wide .dp_lookbook_case4 .slick-dots{position:absolute; left:0; bottom:40px; width:100%; text-align:center; z-index:10;}
-.dp .wide .dp_lookbook_case4 .slick-dots li{display:inline-block; width:10px; height:10px; margin:0 5px; text-align:center;}
-.dp .wide .dp_lookbook_case4 .slick-dots li button{display:inline-block; width:10px; height:10px; background:#ddd; border-radius: 50%; text-indent:-9999em;}
-.dp .wide .dp_lookbook_case4 .slick-dots li.slick-active button{background:#fd4802;}
-.coner_item03 .slide_head {position: relative; width:1640px; margin: 0 auto; text-align: center; padding:0 0 60px;}
-.coner_item03 .slide_head p {font-size: 30px;}
-.coner_item03 .slide_head a {padding-right: 30px; font-size: 30px; color: #222; font-weight: 500; background:url(/images/pc/ico_dp_arrow.png) no-repeat right top 2px;}
-.dp .wide .coner_item03 {padding-top: 120px;}
-.dp .wide .coner_item03 .dp_lookbook_case5 {width:1640px; margin: 0 auto;}
-.dp .wide .coner_item03 .dp_lookbook_case5 .slider .slick-list {margin:0 -10px;}
-.dp .wide .coner_item03 .dp_lookbook_case5 .slick-slide {margin:0 10px;}
-.dp .wide .coner_item03 .dp_lookbook_case5 .dp_lookbook_item > div:last-child {text-align: left;}
-.dp .wide .dp_lookbook_case5 .slick-prev{display:block; position:absolute; left:-65px; top:40%; width:26px; height:50px; background:url(/images/pc/slide_prev.png) no-repeat left; text-indent:-9999px; z-index:10; transform:translateY(-50%); opacity: 0.5;}
-.dp .wide .dp_lookbook_case5 .slick-next{display:block; position:absolute; right:-65px; top:40%; width:26px; height:50px; background:url(/images/pc/slide_next.png) no-repeat right; text-indent:-9999px; z-index:10; transform:translateY(-50%); opacity: 0.5;}
-.dp .wide .dp_lookbook_case5 .slick-dots{position:absolute; left:0; bottom:-20px; width:100%; text-align:center; z-index:10;}
-.dp .wide .dp_lookbook_case5 .slick-dots li{display:inline-block; width:10px; height:10px; margin:0 5px; text-align:center;}
-.dp .wide .dp_lookbook_case5 .slick-dots li button{display:inline-block; width:10px; height:10px; background:#ddd; border-radius: 50%; text-indent:-9999em;}
-.dp .wide .dp_lookbook_case5 .slick-dots li.slick-active button{background:#fd4802;}
-.dp .wide .dp_lookbook_case5 .itemPrice::after {content:''; display: block; clear: both;}
-.dp .wide .dp_lookbook_case5 .itemPrice p:first-child,.dp .wide .dp_lookbook_case5 .itemPrice del {float: left;}
-.dp .wide .dp_lookbook_case5 .itemPrice del {color:#888;}
-.dp .wide .dp_lookbook_case5 .itemPrice p:last-child {float: right; color: #fd4802;}
-.dp .wide .coner_item03 .dp_review_cont {padding: 120px 0; margin:120px 0 0; background: #f5f5f5;}
-.dp .wide .coner_item03 .dp_review {max-width: 1200px; margin: 0 auto;}
-.dp .wide .coner_item03 .dp_review > div {margin-bottom: 60px; text-align: center; font-weight: 500;}
-.dp .wide .coner_item03 .dp_review > div p {font-size: 30px; line-height: 1;}
-.dp .wide .coner_item03 .dp_review section {border-top: 1px solid #ddd; padding: 30px 0;}
-.dp .wide .coner_item03 .dp_review .ui_row {justify-content: center; margin:60px 0 0;}
-.dp .wide .coner_item03 .dp_review .ui_row .btn {border-color: #a1a1a1;}
-.dp .wide .coner_item03 .dp_review section:last-of-type {border-bottom: 1px solid #ddd;}
-.review_summary {margin-bottom: 20px;}
-.review_summary div span {display: inline-block;}
-.review_summary div span *,.review_summary div dl * {display:inline-block;}
-.review_summary div span dt,.review_summary div dl dt {margin-right: 12px; color:#fd4802;}
-.review_summary div dl dd {margin-right: 30px;}
-.review_summary .review_head {margin-bottom: 20px;}
-.review_summary .review_head::after {content:''; display: block; clear: both;}
-.review_summary .review_head * {float: left;}
-.review_summary .review_head .best {
-	display: inline-block;
-	margin: 0;
-	padding:0 10px;
-	line-height: 22px;
-	height: 22px;
-	color: #fff;
-	background: #fd4802;
-	box-sizing: border-box;
-}
-.review_summary .review_head .best::after {content: "BEST";}
-.review_summary .review_head .date {float: right;}
-.review_summary .review_head .date em:first-child {margin-right: 20px;}
-.review_summary .review_head .star { width:100px; height: 22px; margin-right: 10px; background:#000;}
-.review_summary .review_body {margin-bottom: 10px;}
-.review_summary .review_body,.review_summary .review_foot {display: block;}
-.review_content .review_photo {display: flex; justify-content: flex-start;}
-.review_content .review_photo a {margin-left: 10px;}
-.review_content .review_photo a:first-child {margin-left: 0;}
-.review_content .review_photo a img {display: block;}
-.review_content .review_text {padding: 24px 0 0;}
-.review_content .review_text p {line-height:2; max-width: 1100px; overflow: hidden; word-break: break-all;}
-
-/* 전시_서브메인 */
-.container.dp .content {max-width:1780px; margin:0 auto 120px !important;}
-.container.dp .content.wide {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-container {padding-bottom: 60px;}
-.dp .dp_submain .dp_sum_slide .img img {width: 100%; height:auto;}
-.dp .dp_submain .dp_sum_slide .txt .subject {margin:20px 0; font-size: 24px; line-height: 1.5; font-weight: 300; color:#222; min-height:66px; max-height:66px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;}
-.dp .dp_submain .dp_sum_slide .txt span {font-size: 16px; font-weight: 200; color: #222;}
-.dp .dp_submain .swiper-button-next.swiper-button-disabled, .dp .dp_submain .swiper-button-prev.swiper-button-disabled {pointer-events:auto;}
-.dp .dp_submain .swiper-container-horizontal>.swiper-pagination-progressbar {top:auto; bottom:0; height: 2px;}
-.dp .dp_submain .swiper-pagination-progressbar {background: #ddd;}
-.dp .dp_submain .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #222;}
-.dp .dp_submain .swiper-button-next.swiper-button-disabled, .dp .dp_submain .swiper-button-prev.swiper-button-disabled {opacity: 0;}
-.dp .dp_submain .swiper-button-next, .dp .dp_submain .swiper-button-prev {top: 200px; width: 50px; height: 50px; margin-top: 0;}
-.dp .dp_submain .swiper-button-next:after, .dp .dp_submain .swiper-button-prev:after {display: none;}
-.dp .dp_submain .swiper-button-next {right: 0; background: url(/images/pc/slide_next.png) no-repeat center;}
-.dp .dp_submain .swiper-button-prev {left: 0; background: url(/images/pc/slide_prev.png) no-repeat center;}
-.dp .dp_category {margin:120px 0; padding:80px 0; background: #f5f5f5; text-align: center;}
-.dp .dp_category .dp_cate_list {width: 1400px; margin:0 -5px; display: inline-block;}
-.dp .dp_category .dp_cate_list:after {content:''; display: block; clear: both;}
-.dp .dp_category .dp_cate_list a {box-sizing:border-box; float:left; background: #fff url(/images/pc/ico_more_lg.png) no-repeat right 24px center; border:1px solid #ddd; width: 220px; line-height: 58px; margin:0 5px 20px; padding:0 24px; font-size: 18px; font-weight: 500; color: #666; text-align: left;}
-
-.dp .main_trendy {background: #fff; padding:0 70px;}
-.dp .main_trendy .item_prod {margin-bottom: 0;}
-.dp .main_trendy .cont_head {margin-bottom: 60px;}
-.dp .main_trendy .cont_body {padding:0;}
-.dp .main_trendy .slick-dots {bottom: 0;}
-.dp .main_recomm {padding: 0; max-width:1640px !important;}
-.dp .main_recomm .item_prod {width: 20%;}
-.dp .post-recomm .post {margin: 0;}
-.dp .slick-dots {bottom: 0;}
-
-/* 전시_룩북 */
-.dp .event_list .event_top {position: relative; margin-bottom: 30px; height: 40px;}
-.dp .event_list .event_top:after {content:''; clear:both; display: block;}
-.dp .event_list .event_top .count {width: 130px; font-size: 16px; font-weight: 200; color: #888; display: inline-block; padding-top: 20px;}
-.dp .event_list .event_top .count span {color: #fd4802; font-weight: 300;}
-.dp .event_list .event_top .event_btn {position: absolute; top: 0; right: 0;}
-.dp .event_list .event_top .event_btn a {display: inline-block; background: url(/images/pc/ico_more_sm.png) no-repeat right 20px top 10px; padding: 9px 23px; padding-right: 36px; border:1px solid #a7a7a7; font-size: 14px; color: #222; font-weight: 300;}
-.dp .event_list .list li {float:left; position: relative; width: 24.15%; margin: 0 1.12% 80px 0;}
-.dp .event_list .list li:nth-child(4n) {margin: 0 0 80px 0;}
-.dp .event_list .list li .rank {min-width:52px;}
-.dp .event_list .list li .ev_img {margin-bottom: 25px; position: relative; width: 430px; height: 430px;}
-.dp .event_list .list li .ev_img img {position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); width: 100%; height: auto;}
-.dp .event_list .list li .txt .brand {color: #888; font-weight: 300;}
-.dp .event_list .list li .txt .tit {display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin: 20px 0 0; min-height:66px; max-height:66px; overflow: hidden; text-overflow: ellipsis; font-size: 24px; line-height: 1.4; color: #222; font-weight: 300; word-break: keep-all;}
-.dp .event_list .list .no_con {display: none;}
-.dp .event_list.no_data .list .event_con {display: none;}
-.dp .event_list.no_data .list .no_con {display: block; padding:100px 0;}
-.dp .event_list.no_data .list .no_con li {width: 100%; text-align: center; margin-right: 0;}
-.dp .event_list.no_data .list .no_con li span {display: block; margin: 25px 0 40px; font-size: 16px; color: #666; font-weight: 300;}
-.dp .event_list.no_data .list .no_con li a {display: inline-block; padding: 9px 23px; border:1px solid #a7a7a7; font-size: 14px; color: #222; font-weight: 300;}
-
-/* od 공통 */
-.container.od .wrap .content {width:1460px;}
-.container.od .wrap .content.wide {width:100%;}
-.od {padding-top:120px; padding-bottom:150px;}
-.od .cont_head h2 {margin-bottom:0; font-size:40px; font-weight:500; line-height:1; text-align:center; letter-spacing:-1px;}
-.od .item_slide .item_gd a .price {margin-top:15px}
-.od .info_txt {padding:30px; line-height:1.2; background:#fff6f2;}
-.od .info_txt ul li {position: relative; font-size: 14px; color: #888; padding-left: 15px; margin-bottom: 10px;}
-.od .info_txt ul li:last-child {margin-bottom: 0;}
-.od .info_txt ul li:after {content:''; position: absolute; top:5px; left: 0; background: #858585; width: 3px; height: 3px;}
-
-.od .form_field {display:block;}
-.od .form_field::after {clear:both; display:block; content:'';}
-.od .form_field input[type="radio"] + label,
-.od .form_field input[type="checkbox"] + label {padding-left:30px; line-height:1; color:#222; font-size:16px; font-weight:200;}
-.od .form_field input[type="radio"] + label:before,
-.od .form_field input[type="radio"]:checked + label:after,
-.od .form_field input[type="checkbox"] + label:before,
-.od .form_field input[type="checkbox"]:checked + label:after,
-.od .form_field input[type="checkbox"]:disabled + label:after {top:50%; transform:translateY(-50%);}
-.od .form_field .input_wrap {display:block; width:100%; margin:0;}
-.od .form_field .input_wrap::after {clear:both; display:block;}
-.od .cont_head .oder_steps {margin-top:40px; margin-bottom:60px; text-align:center;}
-.od .cont_head .oder_steps ul {display:inline-block;}
-.od .cont_head .oder_steps ul::after {content:''; clear:both; display:block;}
-.od .cont_head .oder_steps ul li {float:left; position:relative; margin-left:60px; padding:0 10px; color:#888; font-size:16px; font-weight:200;}
-.od .cont_head .oder_steps ul li.on {color:#fd4802; font-weight:300;}
-.od .cont_head .oder_steps ul li::before {content:''; position:absolute; left:-60px; top:50%; width:60px; border-bottom:1px solid #ddd;}
-.od .cont_head .oder_steps ul li:first-of-type {margin-left:0}
-.od .cont_head .oder_steps ul li:first-of-type::before {border:none;}
-.od .od_cont {float:left; width:1080px; min-height:400px;}
-.od .od_cont * {font-family:inherit; line-height:1; vertical-align:top;}
-.od .od_cont .tmark_required {color:#fd4802; font-size:12px; font-weight:300; line-height:14px;}
-.od .od_cont .tmark_optional {color:#888; font-size:12px; font-weight:300; line-height:14px;}
-.od .od_cont button span {/*vertical-align:middle;*/ line-height: inherit;}
-.od .od_cont .form_control {min-width:400px; height:42px; padding-left:20px; font-size:14px;}
-.od .od_cont .sec_head {margin-bottom:60px;}
-.od .od_cont .sec_head .tbl .number {color:#fd4802; font-weight:500;}
-.od .od_cont .sec_head .tbl td {text-align:left;}
-.od .od_cont .sec_head .tbl td > span {position:relative; margin-left:30px; padding-left:30px;}
-.od .od_cont .sec_head .tbl td > span::before {content:''; position:absolute; left:-1px; top:50%; transform:translateY(-50%); width:1px; height:10px; background-color:#ddd;}
-.od .od_cont .sec_head .tbl td > span:first-child {padding-left:0}
-.od .od_cont .sec_head .tbl td > span:first-child::before {display:none;}
-.od .od_cont .sec_head .tbl td > span em {margin-left:10px; margin-right:5px;}
-.od .od_cont .sec_body {}
-.od .od_cont .sec_body .foldGroup {}
-.od .od_cont .sec_body .foldGroup > ul > li {padding:0px 30px;}
-.od_cont .foldGroup .btn.btn_dark {height:42px; line-height:1; padding:10px 20px;}
-.od_cont .foldGroup .btn_popup {display:inline-block; position:absolute; left:auto; top:50%; transform:translateY(-50%); margin-left:10px; padding:0px 13px; height:34px; color:#222; font-size:14px; font-weight:200; border:1px solid #a7a7a7; box-sizing:border-box;}
-.od_cont .foldGroup .btn_popup span {vertical-align:top;}
-.od_cont .foldGroup .btn_link_popup {display:inline-block; position:absolute; left:auto; top:50%; margin-top:-12px; margin-left:10px; padding:0px; box-sizing:border-box;}
-.od_cont .foldGroup .btn_link_popup span {color:#888; font-size:12px; font-weight:200; border-bottom:1px solid #888;}
-.od_cont .foldGroup .fold_head::after {right:0px; z-index:-1;}
-.od_cont .foldGroup .fold_head a {padding:0;}
-.od_cont .foldGroup .fold_head .fold_tit {width:auto; padding:35px 0px;}
-.od_cont .foldGroup .fold_head .fold_tit span {font-size:24px;}
-.od_cont .foldGroup .fold_head .data {position:absolute; top:50%; right:50px; transform:translateY(-50%); color:#000; font-size:16px; font-weight:200; z-index:-1;}
-.od_cont .foldGroup .fold_head .data.maxdisc {z-index:2;}
-.od_cont .foldGroup .fold_head .data span {display:inline-block; position:relative; padding-left:20px; margin-left:20px;}
-.od_cont .foldGroup .fold_head .data span::before {content:''; position:absolute; left:-1px; top:50%; transform:translateY(-50%); width:1px; height:10px; background-color:#ddd;}
-.od_cont .foldGroup .fold_head .data span:first-of-type {margin-left:0; padding-left:0;}
-.od_cont .foldGroup .fold_head .data span:first-of-type::before {display:none;}
-.od_cont .foldGroup .fold_mbinfo .fold_head.on .data {display:none;}
-.od_cont .foldGroup .fold_cont {padding:10px 0 40px; line-height:1; box-sizing:border-box; overflow:hidden;}
-.od_cont .foldGroup .fold_cont > div {}
-.od_cont .foldGroup dl {font-size:16px;}
-.od_cont .foldGroup dl .btn span {vertical-align:middle;}
-.od_cont .foldGroup dl > div {display:block; margin-top:20px; color:#222;}
-.od_cont .foldGroup dl > div:first-of-type {margin-top:0px}
-.od_cont .foldGroup dl > div dt {float:left; margin-right:40px; font-weight:300;}
-.od_cont .foldGroup dl > div dt .mid {display:inline-block; margin-top:12px}
-.od_cont .foldGroup dl > div dd {position:relative; float:left; width:780px;}
-.od_cont .foldGroup dl::after,
-.od_cont .foldGroup dl div::after {content:''; display:block; clear:both;}
-
-.od .od_side {float:right; width:320px;}
-.od .od_side * {font-family:inherit; line-height:1;}
-.od .od_side h3 {color:#222; font-size:24px; font-weight:300; letter-spacing:-0.025em;}
-.od .od_side h4 {margin-bottom:20px; color:#222; font-size:18px; font-weight:300; letter-spacing:-0.025em;}
-.od .od_side .item_gd figure {position:relative; height:150px;}
-.od .od_side .item_gd figure::after {content: ''; display: block; clear: both;}
-.od .od_side .item_gd figure .thumb {float:left; width:100px; height:150px; padding-top:0;}
-.od .od_side .item_gd figure figcaption {display:table-cell; width:178px; height:150px; vertical-align:middle; padding-left:20px}
-.od .od_side .item_gd figure figcaption a {}
-.od .od_side .item_gd figure figcaption .name {margin-top:5px;}
-.od .od_side .item_gd figure figcaption .price {}
-.od .od_side .item_gd figure figcaption .price {position:relative; margin-top:10px; padding-right:50px; box-sizing:border-box}
-.od .od_side .item_gd figure figcaption .price del {padding-left:0; line-height:1.2;}
-.od .od_side .item_gd figure figcaption .price .discount {position:absolute; right:0; bottom:0;}
-.od .od_side .item_gd figure figcaption .option {margin-top:5px;}
-.od .od_side .area_order {border:1px solid #ddd; border-top-color:#222;}
-.od .od_side .area_order dl dt {float:left;}
-.od .od_side .area_order dl dd {float:right;}
-.od .od_side .area_order dl::after,
-.od .od_side .area_order dl div::after {content:''; display:block; clear:both;}
-.od .od_side .area_order .tit_box {padding:20px 30px; border-bottom:1px solid #ddd;}
-.od .od_side .area_order .tit_box h3 {display:inline-block; margin-bottom:0}
-.od .od_side .area_order .tit_box span {display:inline-block; margin-top:2px; margin-left:5px; color:#888; font-size:14px; font-weight:200; vertical-align:top}
-.od .od_side .area_order .tit_box span em.number {color:#fd4802; font-weight:500;}
-.od .od_side .area_order .od_item_box {padding:0px 30px 0; border-bottom:1px solid #ddd;}
-.od .od_side .area_order .od_item_box .part_dlvr {padding:30px 0px 30px; border-top:1px solid #ddd}
-.od .od_side .area_order .od_item_box .part_dlvr:first-child {border-top:none;}
-.od .od_side .area_order .od_item_box .part_dlvr h4 span {color:#888; font-size:14px; font-weight:200; vertical-align:middle;}
-.od .od_side .area_order .od_item_box .part_dlvr .gd_list {margin-top:25px; padding-top:25px; border-top:1px dashed #ddd}
-.od .od_side .area_order .od_item_box .part_dlvr .gd_list:first-of-type {margin-top:0; padding-top:0; border-top:none;}
-.od .od_side .area_order .od_item_box .part_dlvr .gd_list .item_gd {margin-top:25px}
-.od .od_side .area_order .od_item_box .part_dlvr .gd_list .item_gd:first-of-type{margin-top:0}
-.od .od_side .area_order .od_item_box .part_dlvr .gd_list .item_gd .option .name {margin-top:5px; -webkit-line-clamp:3;}
-.od .od_side .area_order .od_item_box .part_dlvr .gd_list .item_gd .option span {display:block; line-height:1.4;}
-.od .od_side .area_order .od_item_box .part_dlvr .gd_list .item_gd .price {margin-top:5px}
-.od .od_side .area_order .od_item_box .part_dlvr .gd_list .item_gd .info_reserv {margin-top:10px; color:#fd4802;}
-.od .od_side .area_order .od_item_box .part_dlvr .gd_list .item_gd .info_reserv span {margin-left:10px}
-.od .od_side .area_order .od_amount_box {padding:35px 30px 30px; color:#888; font-size:14px; font-weight:200;}
-.od .od_side .area_order .od_amount_box dl div {margin-top:20px;}
-.od .od_side .area_order .od_amount_box dl div:first-child {margin-top:0px}
-.od .od_side .area_order .od_amount_box dl dd {color:#222; font-weight:300;}
-.od .od_side .area_order .od_amount_box dl dd em {font-size:16px}
-.od .od_side .area_order .od_amount_box dl .disc_amount {color:#fd4802; font-weight:300;}
-.od .od_side .area_order .od_amount_box .t_info {margin-top:15px;}
-.od .od_side .area_order .od_amount_box .btn_link {display:inline-block; margin-top:20px; padding:0px 13px; height:40px; line-height:38px; color:#222; font-size:14px; font-weight:300; border:1px solid #a7a7a7; box-sizing:border-box;}
-.od .od_side .area_order .od_amount_box .btn_link::after {display:none;}
-.od .od_side .area_order .totalprice_box {padding:0px 30px 30px}
-.od .od_side .area_order .totalprice_box dl {padding:30px 0 0; border-top:1px solid #ddd; font-size:16px; font-weight:300;}
-.od .od_side .area_order .totalprice_box dl dd span {font-size:24px;}
-.od .od_side .area_order .totalprice_box .info_point {margin-top:25px; padding:15px 10px; background:#f5f5f5; color:#888; font-size:14px; font-weight:300; text-align:center;}
-.od .od_side .area_order .totalprice_box .info_point .save_point {color:#fd4802;}
-.od .od_side .area_order .btn_box {padding:0px 30px 35px;}
-.od .od_side .area_salecoupon {margin-top:35px}
-.od .od_side .area_salecoupon input {font-size:14px; font-weight:200;}
-.od .od_side .area_salecoupon .input_wrap {float:left; width:242px}
-.od .od_side .area_salecoupon .btn {padding:14px 20px; height:50px; box-sizing:border-box; font-size:14px; font-weight:200}
-.od .od_side .area_salecoupon .coupon_box {width:100%; margin-top:10px; padding:30px; background:#f5f5f5; box-sizing:border-box;}
-.od .od_side .area_salecoupon .coupon_box .coupon {position:relative; border:1px solid #ddd; box-sizing:border-box; background:#fff;}
-.od .od_side .area_salecoupon .coupon_box .coupon .btn_close_code {position:absolute; right:14px; top:14px; z-index:2;}
-.od .od_side .area_salecoupon .coupon_box .coupon > div {position:relative;}
-.od .od_side .area_salecoupon .coupon_box .coupon > div::after {content:''; position:absolute; top:50%; right:-1px; transform:translateY(-50%); width:15px; height:30px; background:#f5f5f5; z-index:2; border:1px solid #ddd; border-right:none; border-top-left-radius:15px; border-bottom-left-radius:15px; overflow:hidden;}
-.od .od_side .area_salecoupon .coupon_box .coupon p {padding:0 20px;}
-.od .od_side .area_salecoupon .coupon_box .coupon .cp_name {padding-top:30px; color:#222; font-size:14px; font-weight:300;}
-.od .od_side .area_salecoupon .coupon_box .coupon .cp_cont {margin-top:15px;}
-.od .od_side .area_salecoupon .coupon_box .coupon .cp_cont span {color:#fd4802; font-size:20px; font-weight:500;}
-.od .od_side .area_salecoupon .coupon_box .coupon .cp_cont span em {font-size:24px;}
-.od .od_side .area_salecoupon .coupon_box .coupon .cp_condition {margin-top:10px; padding-bottom:15px; color:#888; font-size:12px; font-weight:300; line-height:1.4;}
-.od .od_side .area_salecoupon .coupon_box .coupon .cp_condition span {display:block; margin-top:5px}
-.od .od_side .area_salecoupon .coupon_box .coupon .cp_condition span .tag {display:inline-block; min-width:55px; height:22px; background:#fff6f2; color:#fd4802; font-size:11px; font-weight:300; box-sizing:border-box; border:1px solid #fd4802; text-align:center; line-height:21px;}
-.od .od_side .area_salecoupon .coupon_box .coupon .cp_date {padding:13px 0; border-top:1px dashed #ddd; text-align:center; font-size:14px; font-weight:200;}
-.od .od_side .area_salecoupon .coupon_box .info_coupon {text-align:center;}
-.od .od_side .area_salecoupon .coupon_box .info_coupon button {display:inline-block; margin-top:12px; border-bottom:1px solid #888; color:#888; font-size:12px; font-weight:200; line-height:1.2;}
-.od .od_side .area_saleitem {margin-top:40px}
-.od .od_side .area_saleitem .more_sale {margin-bottom:10px; padding:20px; box-sizing:border-box; border:1px solid #ddd}
-.od .od_side .area_saleitem .more_sale .txt a {display:block; position:relative; padding-left:45px; color:#fd4802; font-size:14px; font-weight:200;}
-.od .od_side .area_saleitem .more_sale .txt a span {display:block; line-height:20px;}
-.od .od_side .area_saleitem .more_sale .item_gd {margin-bottom:20px;}
-.od .od_side .area_saleitem .more_sale .name {-webkit-line-clamp:3; max-height:60px;}
-.od .od_side .area_saleitem .more_sale .item_gd + .txt {padding-top:20px; border-top:1px dashed #ddd;}
-.od .od_side .area_saleitem .more_sale .txt .ico {position:absolute; left:0; top:50%; transform:translateY(-50%);}
-
-
-/* od_shopping_Bag */
-.od .shopping_bag  {}
-.od .shopping_bag.wide {padding-top:120px}
-.od .shopping_bag table th,
-.od .shopping_bag table td {vertical-align:middle;}
-
-.shopping_bag .sec_head table .form_field > div {display:inline-block; margin-left:30px;}
-.shopping_bag .sec_head table .form_field span {display:inline-block; line-height:23px;}
-.shopping_bag .sec_head table .form_field span .tag {display:inline-block; width:55px; height:22px; margin-right:8px; background:#fff6f2; color:#fd4802; font-size:11px; font-weight:300; box-sizing:border-box; border:1px solid #fd4802; text-align:center; line-height: 21px;}
-.shopping_bag .part_deliver {position:relative; margin-top:100px;}
-.shopping_bag .part_deliver table .info_item .info_box {vertical-align:top;}
-.shopping_bag .part_deliver .form_field input[type="radio"] + label:before,
-.shopping_bag .part_deliver .form_field input[type="radio"]:checked + label:after,
-.shopping_bag .part_deliver .form_field input[type="checkbox"] + label:before,
-.shopping_bag .part_deliver .form_field input[type="checkbox"]:checked + label:after,
-.shopping_bag .part_deliver .form_field input[type="checkbox"]:disabled + label:after {top:65px; transform:translateY(0%);}
-.shopping_bag .part_deliver:first-of-type {margin-top:0;}
-.shopping_bag .part_deliver h3.subH2 span {margin-top:3px; color:#888; font-size:16px; font-weight:200; line-height:24px;}
-.shopping_bag .part_deliver .btn_area {margin-top:20px}
-.shopping_bag .part_deliver .btn_area::after {content:''; clear:both; display:block;}
-.shopping_bag .part_deliver .btn_area button {float:left; padding:8px 14px; margin-left:8px; background:#f5f5f5; border:none; color:#222; font-size:14px; font-weight:200;}
-.shopping_bag .part_deliver .btn_area button:first-child {margin-left:0;}
-.shopping_bag .od_recommend {position:relative;}
-.shopping_bag .od_recommend .swiper-container {width:1460px; margin:auto; padding:0px; overflow:hidden; box-sizing:border-box;}
-.shopping_bag .od_recommend .swiper-container .swiper-wrapper {}
-.shopping_bag .od_recommend .swiper-container .swiper-wrapper .swiper-slide {width:296px}
-.shopping_bag .od_recommend .swiper-container .swiper-wrapper .swiper-slide .item_prod {width:100%}
-.shopping_bag .od_recommend .swiper-container .swiper-wrapper .swiper-slide .item_state {padding-bottom:0;}
-.shopping_bag .od_recommend .swiper-button-prev {left:-50px; top:210px}
-.shopping_bag .od_recommend .swiper-button-next {right:-50px; top:210px}
-.shopping_bag .od_recommend .swiper-button-prev::after,
-.shopping_bag .od_recommend .swiper-button-next::after {content: ''; display:inline-block; width:27.5px; height:50px; background:url(/images/pc/ico_arr_lg.png) no-repeat;}
-.shopping_bag .od_recommend .swiper-button-prev::after {background-position:0 50%;}
-.shopping_bag .od_recommend .swiper-button-next::after {background-position:100% 50%;}
-.shopping_bag .od_recommend .swiper-container .swiper-pagination {position:relative; display:block; left:auto; right:auto; bottom:auto; margin-top:50px}
-.shopping_bag .od_recommend .swiper-container .swiper-pagination-bullet {width:10px; height:10px; background:#ddd; opacity:1;}
-.shopping_bag .od_recommend .swiper-container .swiper-pagination-bullet-active {background: #ff8c12;}
-
-
-/* od_odPayment */
-.od .odPayment {}
-.odPayment .icon_tag {display:inline-block; margin-top:-3px;}
-.odPayment .icon_tag::after {content:''; clear:both; display:inline-block; font-weight:300;}
-.odPayment .icon_tag [class*="tag_"] {float:left; display:inline-block; height:22px; 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:21px;}
-.odPayment .icon_tag .tag_stype1 {border-color:#f5f5f5; background:#f5f5f5}
-.odPayment .icon_tag .tag_stype2 {border-color:#fd4802; background:#fff6f2; color:#fd4802;}
-.odPayment .maxdisc_amount,
-.odPayment .fold_head .data .total_gift,
-.odPayment .fold_head .data .total_deduct {color:#fd4802; font-weight:300;}
-.odPayment .fold_cont .area_overseas,
-.odPayment .fold_cont .area_customitem,
-.odPayment .fold_cont .area_selpoint {padding-top:30px; margin-top:30px; border-top:1px dashed #ddd;}
-.odPayment .fold_cont .area_overseas .info_txt,
-.odPayment .fold_cont .area_customitem .info_txt {margin-top:30px;}
-
-.odPayment .fold_cont .area_overseas .form_field .agree_overs {margin-top:15px;}
-.odPayment .fold_cont .area_overseas .form_field > div {float:left; margin-right:40px}
-.odPayment .fold_cont .area_overseas .info_box,
-.odPayment .fold_cont .area_overseas .info_box label {color:#666; font-size:16px; line-height:26px;}
-.odPayment .fold_cont .area_overseas .info_box label::before,
-.odPayment .fold_cont .area_overseas .info_box label::after {top:-2px !important; transform:translateY(0%) !important;}
-.odPayment .fold_cont .area_overseas .info_box .t_err {margin-top:12px; font-size:14px;}
-.odPayment .fold_cont .area_overseas .info_box.overs1 {margin-top:20px;}
-.odPayment .fold_cont .area_overseas .info_box.overs2 {margin-top:30px;}
-
-.odPayment .fold_cont .area_customitem .agree_custom label {color:#666; font-size:16px; line-height:26px;}
-.odPayment .fold_cont .area_customitem .agree_custom label::before,
-.odPayment .fold_cont .area_customitem .agree_custom label::after {top:-2px !important; transform:translateY(0%) !important;}
-
-.odPayment .area_selgift {}
-.odPayment .area_selgift .form_field::after {content:''; clear:both; display:block;}
-.odPayment .area_selgift .gift_box {margin-top:20px;}
-.odPayment .area_selgift .gift_box:first-of-type {margin-top:0;}
-.odPayment .gift_box .txt {margin-bottom:30px}
-.odPayment .gift_box .txt span {position:relative; padding-right:20px; margin-right:15px; color:#222; font-weight:300;}
-.odPayment .gift_box .txt span::after {content:'>'; position:absolute; right:0; top:50%; transform:translateY(-50%); color:#888}
-.odPayment .gift_box .form_field .gift {float:left; width:332px; margin-left:12px; margin-bottom:20px;}
-.odPayment .gift_box .form_field .gift:after {content:''; display:block; clear:both;}
-.odPayment .gift_box .form_field .gift:first-child {margin-left:0;}
-.odPayment .gift_box .form_field .gift:nth-child(3n-2) {margin-left:0;}
-.odPayment .gift_box .form_field .gift .chk_img+label span {padding:0; border:none;}
-.odPayment .gift_box .form_field .gift .chk_img:checked+label {border:2px solid #e7501b;}
-.odPayment .gift_box .form_field .gift input[type="checkbox"] + label:before,
-.odPayment .gift_box .form_field .gift input[type="checkbox"] + label:after{left:14px;}
-.odPayment .gift_box .form_field .gift .chk_img:checked+label {border:2px solid #e7501b;}
-.odPayment .gift_box .form_field .gift input[type="radio"] + label:before,
-.odPayment .gift_box .form_field .gift input[type="radio"] + label:after{left:14px;}
-.odPayment .gift_box .form_field .gift label {display:table-cell; position:relative; width:332px; height:120px; padding:9px 20px 9px 145px; border:1px solid #ddd; box-sizing:border-box; vertical-align:middle;}
-.odPayment .gift_box .form_field .gift label > span {display:inline-block; width:100%;}
-.odPayment .gift_box .form_field .gift label .thumb {position:absolute; left:50px; top:10px; width:77px; height:98px; background-color:#eee;}
-.odPayment .gift_box .form_field .gift label .thumb img {width:100%;}
-.odPayment .gift_box .form_field .gift label .name {width:160px; color:#666; font-size:14px; line-height:1.4; font-weight:200;}
-.odPayment .gift_box .form_field .gift label .deduct {margin-top:5px;color:#fd4802; font-weight:300; font-size:14px;}
-.odPayment .form_field .agree_gift {display:block; width:100%; padding-top:30px; margin-top:30px; border-top:1px dashed #ddd; text-align:center;}
-.odPayment .form_field .agree_gift p {color:#888; font-size:14px;}
-.odPayment .form_field .agree_gift p label {color:#222; font-size:16px; font-weight:300;}
-.odPayment .form_field .agree_gift p.txt {position:relative; margin-top:20px}
-
-.odPayment .area_seldiscount {}
-/*.odPayment .area_seldiscount .maxdisc {display:block; width:100%; margin-bottom:30px;}*/
-.odPayment .area_seldiscount dl > div dt {width:170px; margin-right:0;}
-.odPayment .area_seldiscount dl > div dd {width:485px;}
-.odPayment .form_field .maxdisc input[type="checkbox"] + label {color:#222; font-size:16px;}
-.odPayment .form_field .input_wrap input[type="text"]:disabled {background:#f5f5f5;}
-.odPayment .form_field .input_wrap input[type="text"]:disabled::placeholder{color:#222; font-weight:300;}
-.odPayment .btn_coupon_toggle {display:inline-block; position:relative; padding-right:22px; color:#222; font-weight:300; }
-.odPayment .btn_coupon_toggle::after {content:''; position:absolute; right:0; top:2px; width:11px; height:9px; background:url('/images/pc/ico_mb_arrow.png') no-repeat 0% 100%; background-size:100% auto;}
-.odPayment .btn_coupon_toggle.on::after {top:3px; background-position:0 0;}
-.odPayment .btn_coupon_toggle span {color:#fd4802}
-.odPayment .coupon_list {display:none; margin-top:20px; padding-top:30px; border-top:1px solid #ddd}
-.odPayment .coupon_list > ul > li {margin-top:30px}
-.odPayment .coupon_list ul li:first-of-type {margin-top:0}
-.odPayment .coupon_list ul li .coupon {position:relative;}
-.odPayment .coupon_list ul li .coupon::after {content:''; display:block; clear:both;}
-.odPayment .coupon_list ul li .coupon .form_field {display:block; width:100%;}
-.odPayment .coupon_list ul li .coupon .form_field .select {display:block; width:100%; font-size:14px;}
-.odPayment .coupon_list ul li .coupon .form_field label {display:block; margin-bottom:10px; font-size:16px; font-weight:300;}
-.odPayment .coupon_list ul li .coupon .select_dress {line-height:24px}
-.odPayment .coupon_list ul li .coupon .item_gd {position:relative; height:90px; box-sizing:border-box;}
-.odPayment .coupon_list ul li .coupon .item_gd .thumb {position:absolute; left:0; top:0; width:60px; height:90px; padding-top:0;}
-.odPayment .coupon_list ul li .coupon .item_gd .name {margin-top:10px; color:#666; font-size:14px;}
-.odPayment .coupon_list ul li .coupon .item_gd .price {margin-top:5px;}
-.odPayment .coupon_list ul li .coupon .item_gd figure {height:90px;display:table-cell;vertical-align:middle;padding-left:80px;}
-.odPayment .coupon_list ul li .coupon .item_gd + .form_field {margin-top:10px;}
-.odPayment .coupon_list ul li .coupon .item_gd + .form_field .select {}
-.odPayment .coupon_list ul li .coupon .cp_discount {margin-top:12px;}
-.odPayment .coupon_list ul li .coupon .cp_discount .cp_amount {color:#fd4802; font-size:14px; font-weight:300;}
-.odPayment .coupon_list ul li .coupon .cp_discount .btn_del_coupon {position:relative; display:inline-block; margin-left:4px; margin-top:2px; width:10px; height:10px; background:url('/images/pc/ico_close1.png') no-repeat 50% 50%; background-size:100% 100%;}
-.odPayment .coupon_list ul li .coupon .cp_discount .btn_del_coupon span {position:absolute; display:inline-block; width:1px; height:1px; font-size:1px; text-indent:-999px; overflow:hidden;}
-.odPayment .coupon_list ul li .coupon_discount {}
-.odPayment .coupon_list ul li .coupon_cart {}
-.odPayment .coupon_list ul li .coupon_dlvrfee {}
-
-.odPayment .area_selpoint {}
-.odPayment .area_selpoint dl > div dt {width:170px; margin-right:0;}
-.odPayment .area_selpoint .form_field > div {float:left; margin-right:40px}
-.odPayment .area_selpoint .form_field > div.input_wrap {float:none; margin-right:0;}
-.odPayment .area_selpoint .form_field .remain_point {margin-right:10px; color:#fd4802; font-size:14px; font-weight:300;}
-.odPayment .area_selpoint .form_field label + .remain_point {margin-left:10px; vertical-align:middle;}
-.odPayment .area_selpoint .form_field p {margin-top:10px; color:#888; font-size:14px;}
-.odPayment .area_selpoint .form_field .agree_receipt {margin-top:20px;}
-.odPayment .area_selpoint .form_field .agree_receipt .info_box {margin-top:10px;}
-
-.odPayment .fold_paymethod .fold_cont {padding-top:20px; margin-top:-10px;}
-.odPayment .area_paymethod {}
-.odPayment .area_paymethod .radio_blk {padding:0px 30px; border:1px solid #ddd; margin-top:-1px;}
-.odPayment .area_paymethod .radio_blk:first-of-type {margin-top:0;}
-.odPayment .area_paymethod .radio_blk .paymethod_radio {position:relative}
-.odPayment .area_paymethod .radio_blk .paymethod_radio label {display:block; padding-top:30px; padding-bottom:30px; color:#222; font-size:16px; font-weight:300;}
-.odPayment .area_paymethod .radio_blk .paymethod_radio .quickpay_bnr {position:absolute; left:0; top:-20px; padding:12px; background:#222; color:#fff; font-size:14px; z-index:2;}
-.odPayment .area_paymethod .radio_blk.on .paymethod_radio .quickpay_bnr {display:none;}
-.odPayment .area_paymethod .radio_blk .paymethod_radio .quickpay_bnr::before {content :""; display:block; position:absolute; left:15px; bottom:-10px; border:5px solid transparent; border-top-color:#222;}
-.odPayment .area_paymethod .radio_blk .paymethod_radio .quickpay_bnr::after {content :""; display:block; position:absolute; right:-8px; bottom:-8px; border:8px solid transparent; border-right-color:#fff; transform:rotate(225deg);}
-.odPayment .area_paymethod .radio_blk .paymethod_radio .quickpay_bnr .btn_close_bnr {display:inline-block; width:10px; height:10px; margin-left:4px; margin-top:1px; background:url('/images/pc/ico_pop_cls02.png') no-repeat 50% 50%; background-size:100% auto;}
-.odPayment .area_paymethod .radio_blk .paymethod_box {}
-.odPayment .area_paymethod .radio_blk .paymethod_box .card_quickpay {}
-.odPayment .area_paymethod .radio_blk .paymethod_box .card_quickpay button.btn_addcard {display:block; width:340px; height:214px; box-sizing:border-box; border:1px solid #ddd; border-radius:10px; background:#f5f5f5; color:#222; font-size:16px; font-weight:200;}
-.odPayment .area_paymethod .radio_blk .paymethod_box .card_quickpay button.btn_addcard span {display:inline-block; position:relative; padding-top:55px;}
-.odPayment .area_paymethod .radio_blk .paymethod_box .card_quickpay button.btn_addcard span::before {content:''; position:absolute; left:50%; top:0; margin-left:-20px; width:40px; height:40px; background:#fd4800 url('/images/pc/ico_plus.png') no-repeat 50% 50%; border-radius:50%;}
-.odPayment .area_paymethod .radio_blk .paymethod_box .card_quickpay .empty {padding:30px 0; border-bottom:1px solid #ddd;}
-.odPayment .area_paymethod .radio_blk .paymethod_box .card_quickpay .empty button.btn_addcard {margin:auto;}
-.odPayment .area_paymethod .radio_blk .paymethod_box .card_quickpay .list_card {position:relative; padding:30px 0; margin-left:-30px; margin-right:-30px; overflow:visible;}
-.odPayment .area_paymethod .radio_blk .paymethod_box .card_quickpay .list_card::before {content:''; position:absolute; left:-2px; top:0; bottom:0; border-right:2px solid #fd4802; z-index:2;}
-.odPayment .area_paymethod .radio_blk .paymethod_box .card_quickpay .list_card::after {content:''; position:absolute; right:-2px; top:0; bottom:0; border-right:2px solid #fd4802; z-index:2;}
-.odPayment .area_paymethod .radio_blk.on {border:2px solid #fd4802}
-.odPayment .area_paymethod .radio_blk.on .paymethod_radio {border-bottom:1px solid #ddd;}
-.odPayment .card_quickpay .list_card .swiper-slide {width:340px; height:214px;}
-.odPayment .card_quickpay .list_card .swiper-button-prev,
-.odPayment .card_quickpay .list_card .swiper-button-next {position:absolute; top:50%; transform:translateY(-50%); font-size:0; width:27.5px; height:50px; background:url(/images/pc/ico_arr_lg.png) no-repeat; z-index:2;}
-.odPayment .card_quickpay .list_card .swiper-button-prev {left:244px; background-position:0 50%;}
-.odPayment .card_quickpay .list_card .swiper-button-next {right:244px; background-position:100% 50%;}
-.odPayment .card_quickpay .list_card .swiper-button-prev::after,
-.odPayment .card_quickpay .list_card .swiper-button-next::after {font-size:0px;}
-.odPayment .card_quickpay .list_card .card {display:block; position:relative; height:214px; padding:70px 20px 20px; background-color:#4680ec; border-radius:10px; box-sizing:border-box; color:#fff; font-weight:200;}
-.odPayment .card_quickpay .list_card .card [class*="logo_"] {position:absolute; left:30px; top:30px; width:150px; height:20px; font-size:0; text-indent:-1000px; overflow:hidden;}
-.odPayment .card_quickpay .list_card .card .logo_samsung {background:url(/images/pc/logo_card_samsung.png) no-repeat 0 50%;}
-.odPayment .card_quickpay .list_card .card .logo_hyundai {background:url(/images/pc/logo_card_hyundai.png) no-repeat 0 50%;}
-.odPayment .card_quickpay .list_card .card .etc {position:absolute; right:30px; top:30px; z-index:2;}
-.odPayment .card_quickpay .list_card .card .etc::after {content:''; clear:both; display:block;}
-.odPayment .card_quickpay .list_card .card .etc button {float:left; position:relative; margin-left:22px}
-.odPayment .card_quickpay .list_card .card .etc button::before {content:''; position:absolute; left:-12px; top:50%; height:10px; transform:translateY(-50%); border-left:1px solid #c9dbff;}
-.odPayment .card_quickpay .list_card .card .etc button:first-child::before {display:none;}
-.odPayment .card_quickpay .list_card .card .name {margin-top:10px; height:20px; text-align:center; font-size:14px; line-height:20px; color:#c9dbff}
-.odPayment .card_quickpay .list_card .card .number {margin-top:10px; text-align:center; font-size:24px; font-weight:300;}
-.odPayment .card_quickpay .list_card .card .number span {padding:0px 5px; letter-spacing:2px;}
-.odPayment .card_quickpay .list_card .card .select  {position:absolute; left:20px; right:20px; bottom:20px; width:auto; z-index:2;}
-.odPayment .card_quickpay .list_card .card .select .select_dress {padding:13px 20px; background:#3259a8; color:#fff; font-size:14px; border:none;}
-.odPayment .card_quickpay .list_card .card .select .select_dress:after {top:15px; border-color:#fff transparent transparent transparent;}
-.odPayment .card_quickpay .list_card .card .select .select_dress.active:after {top:9px; border-color:transparent transparent #fff transparent}
-.odPayment .card_quickpay .list_card .card .select .select_options {border:none}
-.odPayment .card_quickpay .list_card .card .select .select_options li {background:#3259a8; font-size:14px; color:#fff;}
-.odPayment .card_quickpay .list_card .card .select .select_options li:hover {background:#093895;}
-.odPayment .area_paymethod .radio_blk .paymethod_box .info_quick {padding:30px 0; border-top:1px solid #ddd;}
-.odPayment .area_paymethod .radio_blk .paymethod_box .info_quick li {position:relative; font-size:14px; color:#888; padding-left:15px; margin-top:10px;}
-.odPayment .area_paymethod .radio_blk .paymethod_box .info_quick li:first-of-type {margin-top:0;}
-.odPayment .area_paymethod .radio_blk .paymethod_box .info_quick li::before {content:''; position:absolute; top:5px; left:0; background:#858585; width:3px; height:3px;}
-.odPayment .area_paymethod .radio_blk .paymethod_box .sel_method {margin-bottom:30px; padding-top:30px;}
-.odPayment .area_paymethod .radio_blk .paymethod_box .sel_method::after {content:''; clear:both; display:block;}
-.odPayment .area_paymethod .radio_blk .paymethod_box .sel_method li {float:left; margin-left:40px;}
-.odPayment .area_paymethod .radio_blk .paymethod_box .sel_method li:first-child {margin-left:0;}
-.odPayment .area_paymethod .radio_blk .paymethod_box .sel_method li label span {display:inline-block; height:28px; color:#222; font-size:14px; line-height:28px;}
-.odPayment .area_paymethod .radio_blk .paymethod_box .sel_method li label .payimg {display:inline-block; height:28px; background-position:0 50%; background-repeat:no-repeat;}
-.odPayment .area_paymethod .radio_blk .paymethod_box .sel_method li label .payimg.kakao {width:79px; background-image:url('/images/pc/pay_kakao.png');}
-.odPayment .area_paymethod .radio_blk .paymethod_box .sel_method li label .payimg.naver {width:68px; background-image:url('/images/pc/pay_naver.png');}
-.odPayment .area_paymethod .radio_blk .paymethod_box .sel_method li label .payimg.payco {width:66px; background-image:url('/images/pc/pay_payco.png');}
-.odPayment .area_paymethod .agree_insurance {display:none; margin:30px 0 0; padding-top:30px; border-top:1px solid #ddd;}
-.odPayment .area_paymethod .agree_insurance input[type="checkbox"] + label {color:#666; font-size:16px; font-weight:200;}
-.odPayment .area_paymethod .agree_insurance p {padding:15px 30px 30px; color:#888; font-size:14px; line-height:20px;}
-.odPayment .area_paymethod .agree_paymethod {margin-top:20px;}
-.odPayment .area_paymethod .agree_paymethod label {font-size:16px; font-weight:200;}
-
-.odPayment .area_paymentinfo {margin-top:30px;}
-.odPayment .paymentinfo {}
-.odPayment .paymentinfo.on {}
-.odPayment .paymentinfo .payinfo_blk {border:1px solid #ddd; border-top:none;}
-.odPayment .paymentinfo .payinfo_blk:first-child {border-top:1px solid #ddd;}
-.odPayment .paymentinfo .payinfo_blk a {display:block; padding:40px; color:#222; font-size:16px; font-weight:300;}
-.odPayment .paymentinfo .payinfo_blk a::after {clear:both; display:block; width:100%;}
-.odPayment .paymentinfo .payinfo_blk a span {float:right; position:relative; padding-right:22px; color:#222; font-size:14px;}
-.odPayment .paymentinfo .payinfo_blk a span::after {content:''; position:absolute; right:0; top:2px; width:11px; height:9px; background:url('/images/pc/ico_mb_arrow.png') no-repeat 0% 100%; background-size:100% auto;}
-.odPayment .paymentinfo .payinfo_blk.on a span::after {top:3px; background-position:0 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;}
-
-
-/* od_completed */
-.od .completed {}
-.completed .info_complete {padding:50px 0; text-align:center; background:#fff6f2;}
-.completed .info_complete .txt_box {margin-bottom:30px; color:#222; font-size:24px; font-weight:300; letter-spacing:-1px;}
-.completed .info_complete dl {}
-.completed .info_complete dl div {margin-top:15px}
-.completed .info_complete dl div dt,
-.completed .info_complete dl div dd {display:inline-block; font-weight:300;}
-.completed .info_complete dl div dt {color:#666; font-size:18px;}
-.completed .info_complete dl div dd {margin-left:20px; color:#fd4802; font-size:20px;}
-.completed .info_complete dl div.closedate dt,
-.completed .info_complete dl div.closedate dd {color:#888; font-size:16px; font-weight:200;}
-.completed .od_cont {width:100%;}
-.completed .od_cont h3 {margin-bottom:20px; font-size:20px; font-weight:500; letter-spacing:-0.025em;}
-.completed .od_cont .order_amount dl div {margin-top:20px;}
-.completed .od_cont .order_amount dl div:first-child {margin-top:0}
-.completed .od_cont [class^='area_']{margin-bottom:60px}
-.completed .od_cont .area_payinfo .tbl .tit {font-weight:300; margin-right:40px}
-.completed .btn_group_md {text-align:center;}
-.completed .btn_group_md::after {}
-.completed .btn_group_md .btn {margin:0px 5px; padding:0; width:230px; height:60px; font-weight:300;}
-.completed .btn_group_md .btn_default {border-color:#a7a7a7}
-.completed .btn_popup {display:inline-block; position:absolute; left:auto; top:50%; transform:translateY(-50%); margin-left:10px; padding:0px 13px; height:34px; color:#222; font-size:14px; font-weight:200; border:1px solid #a7a7a7; box-sizing:border-box;}
-.completed .btn_popup span {vertical-align:top;}
-
-
-/* od_nonMBorder */
-.od .nonMBorder  {}
-.nonMBorder .cont_head {margin-bottom:40px;}
-.nonMBorder .btn {font-weight:300;}
-.nonMBorder .btn.btn_postcode {padding:14px 28px; font-size:16px;}
-.nonMBorder .btn_group_md .btn {padding:0; height:60px;}
-.nonMBorder .cont_head {text-align:center;}
-.nonMBorder .cont_head h3 {margin-bottom:40px; font-size:40px; font-weight:500;}
-.nonMBorder input[type="text"],
-.nonMBorder input[type="password"] {float:none; width: 100%; padding:15px 0 15px 18px; color:#222; font-size:16px; font-weight:300;}
-.nonMBorder input[type="text"]::placeholder{color:#999; font-weight:200;}
-.nonMBorder .form_head {margin-bottom:60px; color:#666; font-size:16px; font-weight:200; line-height:1.5; text-align:center;}
-.nonMBorder .form_field {display:block; margin-bottom:10px;}
-.nonMBorder .form_field:first-of-type {margin-bottom:0px;}
-.nonMBorder .form_field .txt_area {margin-bottom:40px; padding:30px; overflow:auto; max-height:176px; border:1px solid #ddd; color:#888; font-size:14px; line-height:1.5; font-weight:200;}
-.nonMBorder .form_field .ui_row [class^='ui_col_'] {margin-left:0;}
-.nonMBorder .form_info {margin-top:40px; color:#888; font-size:16px; line-height:1; position: relative;}
-.nonMBorder .form_info::after {content:''; clear:both; display:block;}
-.nonMBorder .form_info p span {display:block;}
-.nonMBorder .form_info p .jointit1 {color:#222; font-size:18px; }
-.nonMBorder .form_info p .jointit2 {margin-top:10px; color:#888; font-size:16px;}
-.nonMBorder .form_info a.btn_gojoin {position:absolute; right:0; top:50%; transform:translateY(-50%); padding:0px 20px; height:42px; line-height:42px; color:#222; font-size:14px; font-weight:300; border:1px solid #a7a7a7; box-sizing:border-box;}
-
-.nonMBorder .btn_group_md {float:none; margin-top:40px}
-.nonMBorder .btn_group_md .btn_default {border-color:#a7a7a7}
-.nonMBorder .agree_nombPrivacy {margin-top:40px; margin-bottom:20px}
-.nonMBorder .agree_nombPrivacy label span {font-size:18px;}
-.nonMBorder .agree_nombPrivacy label span .tmark_required {color:#fd4802; font-size:14px; font-weight:300; line-height:14px;}
-.nonMBorder .adress_area {}
-.nonMBorder .adress_area dl {padding:15px 10px}
-.nonMBorder .adress_area dl div {margin-top:10px;}
-.nonMBorder .adress_area dl div:first-of-type {margin-top:0}
-.nonMBorder .adress_area dl div::after {content:''; display:block; clear:both;}
-.nonMBorder .adress_area dl div dt,
-.nonMBorder .adress_area dl div dd {float:left; height:24px; color:#666;}
-.nonMBorder .adress_area dl div dt span {display:inline-block; width:40px; height:20px; line-height:18px; margin-right:10px; box-sizing:border-box; border:1px solid #ddd; font-size:12px; text-align:center; letter-spacing:-0.025em; vertical-align:middle;}
-.nonMBorder .adress_area dl div dd {width: calc(100% - 50px); line-height:24px;}
-
-/* od_popup */
-.modal.od_pop .modal-header h5.modal-title {margin-top:0; font-size:24px; font-weight:300;}
-.modal.od_pop .modal-header .txt {margin-top:20px; color:#666; font-size:16px; font-weight:300;}
-.modal.od_pop .form_field,
-.modal.od_pop .form_field > div {display:block; width:100%;}
-
-/* od_shoppingbag_popup */
-.modal.opt_modify_pop {max-width:900px; max-height:900px;}
-.modal.opt_modify_pop .modal-header {margin-bottom:20px;}
-.modal.opt_modify_pop .modal-header h5.modal-title {margin-bottom:40px}
-.modal.opt_modify_pop .modal-body .pop_cont {max-height:680px;}
-.modal.opt_modify_pop .prod_title {}
-.modal.opt_modify_pop .opt_header {font-size:14px;}
-.modal.opt_modify_pop .opt_header .title {color:#222; font-weight:300}
-.modal.opt_modify_pop .opt_header .color {color:#666; font-weight:200;}
-.modal.opt_modify_pop img {width:100%}
-.modal.opt_modify_pop ul::after {content:''; clear:both; display:block; width:100%;}
-.modal.opt_modify_pop .prod_info {position:relative;}
-.modal.opt_modify_pop .prod_info::after {content:''; clear:both; display:block; width:100%;}
-.modal.opt_modify_pop .prod_info .prod_preview .area_pic {float:left; width:360px;}
-.modal.opt_modify_pop .prod_info .prod_preview .area_pic .pic_list {}
-.modal.opt_modify_pop .prod_info .prod_preview .area_pic .pic_list li {float:left; width:50%;}
-.modal.opt_modify_pop .prod_info .prod_preview .area_order {float:right; width:380px;}
-.modal.opt_modify_pop .prod_info .prod_preview .area_order .opt_color ul {}
-.modal.opt_modify_pop .prod_info .prod_preview .area_order .opt_color ul li {float:left; margin-left:6px; margin-bottom:6px}
-.modal.opt_modify_pop .prod_info .prod_preview .area_order .opt_color ul li a {display:block; box-sizing:border-box; width:70px; height:105px;}
-.modal.opt_modify_pop .prod_info .prod_preview .area_order .opt_color ul li a.on img {border:1px solid #222}
-.modal.opt_modify_pop .prod_info .prod_preview .area_order .opt_size .form_field {}
-.modal.opt_modify_pop .prod_info .prod_preview .area_order .opt_size .form_field input[type="radio"] + label {display:block; width:50px; height:40px; padding:0; line-height:41px; text-align:center; background:#f5f5f5; box-sizing:border-box;}
-.modal.opt_modify_pop .prod_info .prod_preview .area_order .opt_size .form_field input[type="radio"] + label::before,
-.modal.opt_modify_pop .prod_info .prod_preview .area_order .opt_size .form_field input[type="radio"] + label::after {display:none;}
-.modal.opt_modify_pop .prod_info .prod_preview .area_order .opt_size .form_field input[type="radio"]:checked + label {border:1px solid #222;}
-.modal.opt_modify_pop .prod_info .prod_preview .area_order .opt_size .form_field input[type="radio"]:disabled + label {text-decoration:line-through;}
-.modal.opt_modify_pop .prod_info .prod_preview .area_order .opt_size .form_field > div {float:left; width:auto;}
-.modal.opt_modify_pop .prod_info .prod_preview .area_order .opt_count .number_count span {cursor:pointer; display:inline-block; width:30px; height:30px; background:#f5f5f5; text-align:center;}
-.modal.opt_modify_pop .prod_info .prod_preview .area_order .opt_count .number_count .plus::after {content:'+';}
-.modal.opt_modify_pop .prod_info .prod_preview .area_order .opt_count .number_count .minus::after {content:'-';}
-
-/* od_odPayment_popup */
-.modal.qPayAgree_pop {}
-.modal.qPayAgree_pop .area_QpayCk {margin-top:10px;}
-.modal.qPayAgree_pop .area_QpayCk:first-child {margin-top:0;}
-.modal.qPayAgree_pop .area_QpayCk .agr_select {position:relative; padding:13px 20px; border:1px solid #ddd}
-.modal.qPayAgree_pop .area_QpayCk .agr_select button {position:absolute; right:0; top:0; bottom:0; z-index:2;}
-.modal.qPayAgree_pop .area_QpayCk .info_agrQpay {display:none; padding:13px 20px; border:1px solid #ddd; border-top:none}
-.modal.adrsChange_pop {}
-.modal.adrsAdd_pop {}
-.modal.rqstModify_pop {}
-
-
-
-
-
-/* pd_공통 */
-.pd,
-.pd button {}
-.pd button span {line-height:1; font-weight:300;}
-.pd .dot_info {position:relative; padding-left:14px;}
-.pd .dot_info::before {content:'·'; position:absolute; left:0; top:0; line-height:inherit;}
-
-.pd .swiper-pagination {position:absolute; left:0; right:0; bottom:-66px; width:100%; text-align:center;}
-.pd .swiper-pagination .swiper-pagination-bullet {width:10px; height:10px; margin-left:10px; background:#ddd; opacity:1;}
-.pd .swiper-pagination .swiper-pagination-bullet-active {background:#fd4802}
-.pd .swiper-pagination .swiper-pagination-bullet:first-child {margin-left:0;}
-.pd .swiper-button-prev::after,
-.pd .swiper-button-next::after {content: '';}
-.pd .swiper-button-prev,
-.pd .swiper-button-next {top:50%; transform:translateY(-50%); margin:0; display:inline-block; width:27.5px; height:50px; background:url(/images/pc/ico_arr_lg.png) no-repeat;}
-.pd .swiper-button-prev {left:0; background-position:0 50%;}
-.pd .swiper-button-next {right:0; background-position:100% 50%;}
-.pd .area_slider {position:relative; width:100%; box-sizing:border-box; padding:0px 70px}
-.pd .area_slider .swiper-container .item_prod {width:100%;}
-.pd .area_slider .swiper-container .item_prod .item_state {padding:0}
-
-
-/* pd */
-.pd .item_picker {position:absolute; z-index:2;}
-.pd .item_picker .pick_descr {display:none; position:absolute; background:#fff; z-index:2;}
-
-/* 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 .item_detail {}
-.pd_detail .item_detail .area_pic {float:left; position:relative; width:calc(100% - 510px); 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 .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.on img {border:1px solid #222;}
-.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:12px; height:21px; transform:translateX(-50%) translateY(0) rotate(90deg);}
-.pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-button-prev {top:-4px; bottom:auto;}
-.pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-button-next {top:auto; bottom:-4px;}
-.pd_detail .area_pic .thumb_list_wrap {width:100%; padding-left:70px; box-sizing:border-box;}
-.pd_detail .area_pic .thumb_list_wrap ul {margin-top:-10px;}
-.pd_detail .area_pic .thumb_list_wrap ul::after {content:''; clear:both; display:block; width:100%;}
-.pd_detail .area_pic .thumb_list_wrap li {float:left; position:relative; width:calc(50% - 5px); margin-top:10px;}
-.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 {border:2px solid #222; box-sizing:border-box; z-index:2;}
-.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;}
-.pd_detail .area_pic .thumb_nav_wrap .thumbnav.disabled .swiper-button-prev,
-.pd_detail .area_pic .thumb_nav_wrap .thumbnav.disabled .swiper-button-next {display:none;}
-.pd_detail .area_pic.onlyitem {padding-left:0}
-.pd_detail .area_pic.onlyitem .thumb_nav_wrap {display:none;}
-.pd_detail .area_pic.onlyitem .thumb_list_wrap ul li {float:none; display:block; margin:0 auto;}
-.pd_detail .area_pic.onlyitem .thumb_list_wrap ul li.on::after {display:none;}
-
-.pd_detail .item_detail .area_desc {float:right; /*position:relative;*/ width:510px;}
-.pd_detail .area_desc .desc_wrap {/*position:absolute; right:auto; top:0; background:#eee*/width:510px; ; z-index:2;}
-.pd_detail .area_desc .desc_wrap.absbottom {position:absolute; top:auto; bottom:0px;}
-.pd_detail .area_desc .desc_wrap.fixbottom {position:fixed; top:auto; bottom:0px;}
-
-.pd_detail .area_desc .desc_wrap .timer_box {padding-bottom:30px;}
-.pd_detail .area_desc .desc_wrap .timer_box p {padding:16px 30px; background:#222;}
-.pd_detail .area_desc .desc_wrap .timer_box p span {display:inline-block; position:relative;}
-.pd_detail .area_desc .desc_wrap .timer_box p .tit {padding-left:25px; color:#fff; font-size:16px; background:url('/images/pc/ico_timer.png') no-repeat 0 50%;}
-.pd_detail .area_desc .desc_wrap .timer_box p .timer em {display:inline-block; position:relative; padding-left:15px; color:#fd4802; font-size:18px; font-weight:300;}
-.pd_detail .area_desc .desc_wrap .timer_box p .timer em::before {content:':'; position:absolute; left:4px; top:50%; transform:translateY(-50%);}
-.pd_detail .area_desc .desc_wrap .timer_box p .timer em:first-of-type {padding-left:20px;}
-.pd_detail .area_desc .desc_wrap .timer_box p .timer em:first-of-type::before {display:none;}
-
-.pd_detail .area_desc .desc_wrap .descript_box {margin-top:10px;}
-.pd_detail .area_desc .desc_wrap .descript_box .desc_top {position:relative; height:23px;}
-.pd_detail .area_desc .desc_wrap .descript_box .desc_top::after {content:''; clear:both; display:block;}
-.pd_detail .area_desc .desc_wrap .descript_box .desc_top a.btn_brand {float:left; color:#222; font-size:16px; font-weight:300;}
-.pd_detail .area_desc .desc_wrap .descript_box .desc_top button {float:right; position:relative; top:auto; right:auto; width:23px; height:23px; margin-left:15px; font-size:0px; background-color:#000;}
-.pd_detail .area_desc .desc_wrap .descript_box .desc_info {margin-top:40px; line-height:1;}
-.pd_detail .area_desc .desc_wrap .descript_box .desc_info .title_blk::after {content:''; clear:both; display:block;}
-.pd_detail .area_desc .desc_wrap .descript_box .desc_info .title_blk .codenumber {float:right; color:#888; font-size:14px; font-weight:200;}
-.pd_detail .area_desc .desc_wrap .descript_box .desc_info .title_blk .comment {float:left; color:#666; font-size:16px; font-weight:300;}
-.pd_detail .area_desc .desc_wrap .descript_box .desc_info .title_blk .name {float:left; width:100%; margin-top:15px; color:#222; font-size:30px; font-weight:500;}
-
-.pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk {position:relative; margin-top:30px;}
-.pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk::after {content:''; clear:both; display:block;}
-.pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk > span {float:left; }
-.pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk .sale_percent {display:block; width:100%; margin-bottom:20px; color:#fd4802; font-size:20px; font-weight:300;}
-.pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk .sale_price {color:#222; font-size:24px; font-weight:500;}
-.pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk .sale_price em {font-size:30px; font-weight:500;}
-.pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk .org_price {margin-left:20px; color:#888; font-size:20px; font-weight:200;}
-.pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk .save_point {display:block; width:100%; margin-top:20px; color:#888; font-size:14px; font-weight:200;}
-.pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk .btn_coupon {position:absolute; right:0; bottom:33px; z-index:2;}
-.pd_detail .area_desc .desc_wrap .descript_box .desc_status {margin-top:30px; padding:20px; background:#fff6f2; color:#fd4802; font-size:16px; font-weight:300;}
-.pd_detail .area_desc .desc_wrap .descript_box .desc_status::before {}
-
-.pd_detail .area_desc .desc_wrap .benefit_box {margin-top:40px; padding-top:30px; border-top:1px solid #ddd;}
-.pd_detail .area_desc .desc_wrap .option_box {margin-top:30px; padding-top:10px; padding-bottom:30px; border-top:1px solid #ddd;}
-.pd_detail .area_desc .desc_wrap .option_box > [class^="opt_"] {padding:20px 0;}
-.pd_detail .area_desc .desc_wrap .option_box > [class^="opt_"] .opt_header {margin-bottom:20px}
-.pd_detail .area_desc .desc_wrap .option_box > [class^="opt_"] .opt_header::after {content:''; clear:both; display:block;}
-.pd_detail .area_desc .desc_wrap .option_box > [class^="opt_"] .opt_header span {display:inline-block; font-size:14px;}
-.pd_detail .area_desc .desc_wrap .option_box > [class^="opt_"] .opt_header .title {margin-right:20px; color:#222; font-weight:300;}
-.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_pop {float:right; color:#888; font-size:12px; font-weight:200; text-decoration:underline;}
-.pd_detail .area_desc .desc_wrap .option_box .info_restock a {color:#666; font-size:14px; font-weight:300;}
-.pd_detail .area_desc .desc_wrap .option_box .opt_count {}
-.pd_detail .area_desc .desc_wrap .option_box .opt_color ul {}
-.pd_detail .area_desc .desc_wrap .option_box .opt_color ul::after {content:''; clear:both; display:block;}
-.pd_detail .area_desc .desc_wrap .option_box .opt_color ul li {float:left; margin-left:6px; margin-bottom:6px}
-.pd_detail .area_desc .desc_wrap .option_box .opt_color ul li a {display:block; box-sizing:border-box; width:70px; height:105px;}
-.pd_detail .area_desc .desc_wrap .option_box .opt_color ul li a.on img {border:1px solid #222}
-.pd_detail .area_desc .desc_wrap .option_box .opt_size .form_field {}
-.pd_detail .area_desc .desc_wrap .option_box .opt_size .form_field input[type="radio"] + label {display:block; width:50px; height:40px; padding:0; line-height:41px; text-align:center; background:#f5f5f5; box-sizing:border-box;}
-.pd_detail .area_desc .desc_wrap .option_box .opt_size .form_field input[type="radio"] + label::before,
-.pd_detail .area_desc .desc_wrap .option_box .opt_size .form_field input[type="radio"] + label::after {display:none;}
-.pd_detail .area_desc .desc_wrap .option_box .opt_size .form_field input[type="radio"]:checked + label {border:1px solid #222;}
-.pd_detail .area_desc .desc_wrap .option_box .opt_size .form_field input[type="radio"]:disabled + label {text-decoration:line-through;}
-.pd_detail .area_desc .desc_wrap .option_box .opt_size .form_field > div {float:left; width:auto;}
-.pd_detail .area_desc .desc_wrap .option_box .opt_count .number_count span {cursor:pointer; display:inline-block; width:30px; height:30px; background:#f5f5f5; text-align:center;}
-.pd_detail .area_desc .desc_wrap .option_box .opt_count .number_count .plus::after {content:'+';}
-.pd_detail .area_desc .desc_wrap .option_box .opt_count .number_count .minus::after {content:'-';}
-.pd_detail .area_desc .desc_wrap .price_box {padding:30px 0 40px; border-top:1px solid #222;}
-.pd_detail .area_desc .desc_wrap .btn_box::after {content:''; clear:both; display:block;}
-.pd_detail .area_desc .desc_wrap .npay_box {height:70px; margin-top:30px}
-.pd_detail .area_desc .desc_wrap .exinfo_box {margin-top:30px}
-.pd_detail .area_desc .desc_wrap .exinfo_box ul {border-top:1px solid #ddd}
-.pd_detail .area_desc .desc_wrap .exinfo_box ul li {border-bottom:1px solid #ddd}
-.pd_detail .area_desc .desc_wrap .exinfo_box ul li [class^="ex_"] > a {display:block; padding:30px 0;}
-.pd_detail .area_desc .desc_wrap .exinfo_box ul li .ex_review {}
-.pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review {margin-bottom:30px;}
-.pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a {display:block; position:relative; height:150px; padding:20px 20px 20px 150px; border:1px solid #ddd;}
-.pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a .pic {position:absolute; left:20px; top:20px; width:110px;}
-.pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a .pic .thumb {padding-top:100%;}
-.pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a .star_score .star {display:inline-block; position:relative; width:83px;}
-.pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:83px; height:14px; background:url('/images/pc/star_empty.png') no-repeat 0; }
-.pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a .star_score .star .progbar {display:inline-block; height:14px; background:#222}
-.pd_detail .area_desc .desc_wrap .exinfo_box ul li .ex_qna {}
-.pd_detail .area_desc .desc_wrap .exinfo_box ul li .ex_shipping {}
-.pd_detail .area_desc .desc_wrap .exinfo_box ul li .ex_shipping span {display:block; margin-top:10px;}
-
-
-.pd_together {padding-top:120px;}
-.pd_together .area_slider {padding:0;}
-.pd_together .area_slider .swiper-wrapper {padding-bottom:60px;}
-.pd_together .area_slider .swiper-scrollbar {background:#ddd}
-.pd_together .area_slider .swiper-scrollbar-drag {border-radius:0; background:#222;}
-.pd_together .area_slider .swiper-container-horizontal>.swiper-scrollbar {position:relative; left:auto; right:auto; bottom:auto; width:100%; height:2px; opacity: 1 !important;}
-
-.pd_descrp {width:1200px; margin-top:80px; padding-top:120px}
-.pd_descrp .cont_body {max-height:1100px; overflow:hidden;}
-.pd_descrp .cont_body.on {max-height:none;}
-.pd_descrp .cont_body > div {position:relative; width:1200px; margin-left:auto; margin-right:auto}
-.pd_descrp .descrp_box {}
-.pd_descrp .descrp_box > div {margin-top:40px}
-.pd_descrp .descrp_box > div:first-child {margin-top:0;}
-.pd_descrp .descrp_box > div > span.tit_desc {display:block; margin-bottom:10px; font-size:18px; font-weight:500; letter-spacing:-0.025em;}
-.pd_descrp .descrp_box > div > p {font-size:16px; font-weight:200; line-height:1.5; word-break:keep-all;}
-.pd_descrp .mdhtml_box {margin-top:80px}
-.pd_descrp .mdhtml_box img {max-width:100%;}
-.pd_descrp .mdhtml_box iframe {display:block; margin-left:auto; margin-right:auto}
-.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}
-.pd_descrp .mdhtml_box .movblock > iframe {position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; z-index:2}
-.pd_descrp [class^="view_"] {margin-top:100px; text-align:center;}
-.pd_descrp [class^="view_"]:first-of-type {margin-top:0;}
-.pd_descrp [class^="view_"] .tit_view {display:block; color:#222; font-size:32px; font-weight:300; text-align:center;}
-.pd_descrp [class^="view_"] .model_info {display:block; margin-top:20px; color:#666; font-size:16px; font-weight:200; text-align:center;}
-.pd_descrp [class^="view_"] .view {margin-top:40px}
-.pd_descrp [class^="view_"] .view img {display:block; margin:10px auto 0}
-.pd_descrp [class^="view_"] .view img:first-child {margin-top:0}
-.pd_descrp .view_label_box .view span {display:inline-block;}
-.pd_descrp .view_label_box .view span::after {content:''; clear:both; display:inline-block;}
-.pd_descrp .view_label_box .view span img {float:left; margin-top:0; margin-left:20px}
-.pd_descrp .view_label_box .view img:first-child {margin-left:0}
-.pd_descrp .view_outfit_box {}
-.pd_descrp .view_detail_box {}
-.pd_descrp .brand_box {margin-top:100px; padding:40px; border:1px solid #ddd; text-align:center; box-sizing:border-box;}
-.pd_descrp .brand_box .name {margin-bottom:25px; color:#222; font-size:24px; font-weight:300;}
-.pd_descrp .brand_box a {display:inline-block; border:1px solid #a7a7a7; color:#222; font-weight:300;}
-.pd_descrp .required_box {margin-bottom:80px}
-.pd_descrp .required_box .area_detail {text-align:center;}
-.pd_descrp .required_box .area_detail img {max-width:100%;}
-.pd_descrp .required_box .area_infotbl {margin-top:100px;}
-.pd_descrp .required_box .area_infotbl .title {font-size:24px; font-weight:500; letter-spacing:-0.025em;}
-.pd_descrp .required_box .area_infotbl .tbl table th {width:280px; font-weight:300;}
-.pd_descrp .required_box .area_kcl {display:block; position:relative; min-height:160px; margin-top:100px; padding:40px 40px 40px 160px; box-sizing:border-box; background:#f5f5f5;}
-.pd_descrp .required_box .area_kcl p {margin-top:20px; color:#222; font-size:14px; line-height:1; letter-spacing:-0.025em;}
-.pd_descrp .required_box .area_kcl .tit {margin-top:0; font-size:16px;}
-.pd_descrp .required_box .area_kcl a.linktxt3 {margin-left:20px; color:#888; font-weight:200; text-decoration:none !important;}
-.pd_descrp .required_box .area_kcl .ico_kcl {position:absolute; left:64px; top:50%; transform:translateY(-50%); z-index:2;}
-.pd_descrp .btn_more_box {position:relative; width:100%; margin-top:0; margin-bottom:120px; background:#fff; text-align:center; z-index:2;}
-.pd_descrp .btn_more_box.covered::after {content:''; position:absolute; left:0; right:0; top:-200px; width:100%; height:200px; 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; }
-.pd_descrp .btn_more_box .btn {border-color:#fd4802; color:#fd4802;}
-.pd_descrp .btn_more_box .btn span {position:relative; padding-right:35px;}
-.pd_descrp .btn_more_box .btn 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%;}
-.pd_descrp .btn_more_box .btn.active span::after {transform:rotate(-90deg);}
-.pd_descrp .btn_more_box .btn .ico {margin-left:20px; margin-right:0;}
-
-.pd_clickother {}
-.pd_clickother .area_slider {margin-bottom:190px;}
-.pd_clickother .area_slider .itemName {height:32px}
-
-.pd_recommend {}
-.pd_recommend .area_slider {margin-bottom:170px; padding-bottom:1px;}
-.pd_recommend .area_slider .swiper-pagination {bottom:-55px;}
-.pd_recommend .area_slider .page {position:relative; min-height:670px; border:1px solid #ddd; box-sizing: border-box;}
-.pd_recommend .area_slider .page::after {content:''; clear:both; display:block;}
-.pd_recommend .area_slider .page .pic {float:left; position:relative; width:50%;}
-.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_recommend .area_slider .page .item_wrap {display:table; position:absolute; width:50%; height:100%; right:0; top:0; bottom:0;}
-.pd_recommend .area_slider .page .item_wrap .item_area {display:table-cell; width:100%; padding: 0px 10%; box-sizing:border-box; vertical-align:middle;}
-.pd_recommend .area_slider .page .item_wrap .item_area h5 {margin:0; color:#222; font-size:20px; font-weight:500;}
-.pd_recommend .area_slider .page .item_wrap .item_area h5 span {color:#666; font-weight:200;}
-.pd_recommend .area_slider .page .item_wrap .item_area .li_item {height:540px; margin-top:30px; overflow-y:auto;}
-.pd_recommend .area_slider .page .item_wrap .item_area .li_item::-webkit-scrollbar {width: 2px;}
-.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_recommend .area_slider .page .item_wrap .item_area .li_item::-webkit-scrollbar-track {background-color: #dddddd;border-radius: 0px;}
-.pd_recommend .area_slider .page .item_wrap .item_area .li_item ul li {position:relative; height:150px; margin-top:20px}
-.pd_recommend .area_slider .page .item_wrap .item_area .li_item ul li:first-child {margin-top:0;}
-.pd_recommend .area_slider .page .item_wrap .item_area .li_item ul li .item_prod {display:block; width:100%;}
-.pd_recommend .area_slider .page .item_wrap .item_area .li_item ul li .item_prod .item_state {display:table; width:100%;}
-.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_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_recommend .item_area .itemBrand {}
-.pd_recommend .item_area .itemName {}
-.pd_recommend .item_area .itemPrice {}
-.pd_recommend .item_area .itemPrice .itemPrice_original {}
-.pd_recommend .item_area .itemPrice .itemPercent {position:relative;}
-.pd_recommend .area_slider .page .item_wrap .item_area .btn {margin-top:30px; border-color:#fd4802; color:#fd4802;}
-
-.pd_relate {}
-.pd_relate .area_slider {margin-bottom:230px;}
-.pd_relate .area_slider .itemName {height:32px}
-
-
-
-
-
-
-/* my */
-.container.my .wrap .content .cont_body {margin-bottom: 150px;}
-.my .lnb_list::after {display: none;}
-.my .subH2 {margin-bottom: 25px; font-size: 26px;}
-.my .cont .sec_head h3,
-.my .my_cont .sec_head h3 {display: inline-block; font-size:32px; font-weight:500;}
-.my .btn.btn_sm {font-size: 14px;}
-.my .select {font-size: 14px;}
-.my .select_dress {padding:12px 20px;}
-.my .select_dress:after {right: 20px;}
-.my .select_options li {padding:12px 20px; text-indent: 0;}
-.my .alert_t {font-size: 14px; color:#888; margin-top: 25px;}
-.my .alert_t02 {font-size: 14px; color:#999; margin-top: 15px;}
-.my .radio_field input[type="radio"] + label:before {background-position: 0 0;}
-.my .radio_field input[type="radio"]:checked + label:after {background-position: -20px 0;}
-
-.my .sec_head {position: relative; font-size: 0;}
-.my .sec_head h3 {display: inline-block; font-size:30px; font-weight:500; margin-bottom: 0; vertical-align: middle;}
-.my .sec_head .mem_name {margin-bottom: 30px; font-weight: 200; color: #898989;}
-.my .sec_head .mem_name strong {color: #000; font-weight: 500;}
-.my .sec_head .od_detail {display: inline-block; margin:0 10px; font-size: 24px; font-weight: 200; color:#888; vertical-align: middle;}
-.my .sec_head .od_del_btn {padding:6px 14px; background:#f5f5f5; border:none; color:#222; font-size:14px; vertical-align: middle;}
-
-.my .mem_rank {position: relative; padding-left: 73px; float:left;}
-.my .mem_rank .rank_icon {width: 60px; height: 60px; line-height: 64px; position: absolute; left: 0; top: 0; font-size: 22px; border-radius: 50%; background: #000; color: #fff; text-align: center; font-weight: 900;}
-.my .mem_rank .rank_txt01 {font-size: 34px; height: 25px; line-height: 27px; color: #fd4802; margin-bottom: 14px; font-weight: 500;}
-.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_info {background: #f5f5f5; padding: 50px;}
-.my .mem_info .mem_box {float:right;}
-.my .mem_info .mem_box > div {float:left; position: relative; margin-right: 70px; font-size: 16px;}
-.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: 55px;}
-.my .mem_info .mem_box > div:after {content:''; position: absolute; top: 7px; right: -30px; width: 1px; height: 50px; background: #dcdcdc;}
-.my .mem_info .mem_box > div:last-child:after {display: none;}
-.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: 16px; font-weight: 300; color: #888; margin-bottom: 20px;}
-.my .mem_info .mem_box > div .big_txt {display: inline-block; font-size: 22px; padding-right: 3px; font-weight: 500;}
-.my .order_info {background: #fff; padding: 50px; padding-right: 60px; margin-bottom: 60px; border-top: 1px solid #222; border-bottom: 1px solid #222;}
-.my .order_info > ul {float:left; position: relative;}
-.my .order_info > ul:after {content:''; position: absolute; top: 5px; right: -70px; width: 1px; height: 46px; background: #aaa;}
-.my .order_info > ul > li {float:left; text-align: center; margin-right: 100px; position: relative;}
-.my .order_info > ul > li:after {content:''; position: absolute; top: 50%; right: -60px; width: 17px; height: 31px; background: url(/images/pc/ico_myinfo_arrow.png) no-repeat center; transform:translateY(-50%);}
-
-.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: 15px; color: #666; margin-bottom: 13px; font-weight: 300;}
-.my .order_info .count span {display: inline-block; font-size: 24px; font-weight: 500;}
-.my .order_info .count.zero span {color: #888;}
-.my .order_info .order_right {float:right; text-align: center;}
-.my .order_info .order_right .count span {color: #fd4802; }
-.my .order_sch_filter {position: relative; padding: 20px 30px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
-.my .order_sch_filter .sch_radio_tab {float:left;}
-.my .order_sch_filter .sch_radio_tab input {width: 0px; height: 0px; opacity: 0; overflow: hidden;}
-.my .order_sch_filter .sch_radio_tab input + label {display: inline-block; background: #f5f5f5; width: 107px; padding:14px 0; text-align: center; cursor:pointer; float:left; border:1px solid transparent; font-weight: 200; margin-right: 8px;}
-.my .order_sch_filter .sch_radio_tab input:checked + label {background: #fff; border:1px solid #000;}
-.my .order_sch_filter .sch_right {float:right;}
-.my .order_sch_filter .sch_right * {float:left;}
-.my .order_sch_filter .sch_right .sch_datepicker {position: relative;}
-.my .order_sch_filter .sch_right .sch_datepicker.sb {margin-right: 27px;}
-.my .order_sch_filter .sch_right .sch_datepicker.sb:after {content:'~'; position: absolute; top: 14px; right: -18px;}
-.my .order_sch_filter .sch_right .sch_datepicker input[type='text'] {width: 160px; height: 42px; padding:0 20px; border:1px solid #ddd; background: url(/images/pc/ico_calender02.png) no-repeat right 17px center; font-size: 14px; color: #222; font-weight: 200;}
-.my .order_sch_filter .sch_right .sch_datepicker input[type='text']::placeholder {font-size: 14px; color: #222; font-weight: 200;}
-.my .order_sch_filter .btn {padding:10px 20px; margin-left: 10px; font-size: 14px;}
-.my .order_sch_filter .form_wrap {position: absolute; top: -60px; right: 0; width: 180px;}
-.my .order_row {margin-top: 60px;}
-.my .tbl.type2 {border-top: 1px solid #ddd; margin-top: -1px;}
-.my .tbl .cnt_sel .cnt_t {display: block; margin-bottom: 10px; font-size: 16px; font-weight: 300;}
-.my .tbl .cnt_sel .select {display: block; width: 100px; margin:0 auto; text-align: left;}
-.my .tbl .cnt_sel .select + button {width: 100px; margin-top: 4px;}
-.my .tbl_tit {position: relative; padding-bottom: 15px; border-bottom: 1px solid #000; font-size: 0;}
-.my .tbl_tit h3 {margin-bottom: 0;}
-.my .tbl_tit span {display: inline-block; vertical-align: middle;}
-.my .tbl_tit .start_t, .my .tbl_tit .gift_t, .my .tbl_tit .order_date {font-size: 18px; font-weight: 500;}
-.my .tbl_tit .order_date {margin:0 10px 0 9px;}
-.my .tbl_tit .detail_btn {position: absolute; top: 6px; right: 0; font-size: 14px; color: #8d8d8d; padding-right: 14px; background: url(/images/pc/ico_mysm_arrow.png) no-repeat right top 1px;}
-.my .order_label01 {font-size: 11px; color: #888; font-weight: 300; border:1px solid #ddd; padding:5px 8px; margin-right: 8px;}
-.my .order_label02 {font-size: 11px; color: #fd4802; font-weight: 300; border:1px solid #fd4802; padding:5px 8px; margin-right: 8px;}
-.my .order_row .order_table {border-top: 1px solid #010101; }
-.my .order_row .order_table td {text-align: center; border-right:1px solid #ddd; height: 210px; border-bottom: 1px solid #ddd;}
-.my .order_row .order_table td.product {text-align: left;}
-.my .order_row .order_table td.order_img, .order_row .order_table td.state {border-right:0;}
-.my .order_row .order_table td.order_img img {width: 100px; height: auto;}
-.my .order_row .order_table td.state li {margin-bottom: 4px;}
-.my .order_row .order_table td.state li:last-child {margin-bottom: 0;}
-.my .order_table td.state li a, .order_confirm .btn {width: 100px; line-height: 34px !important; padding: 0; font-size: 12px;}
-.my .order_confirm {padding: 20px 40px; text-align: right; background: #f5f5f5; }
-.my .order_confirm .cf_txt {display: inline-block; font-weight: 300;}
-.my .order_confirm span {display: inline-block; vertical-align: middle;}
-.my .order_confirm span.cf_desc {color:#fd4802; font-weight: 300;}
-.my .order_confirm button {margin-left: 20px;}
-
-.my .part_deliver {position:relative; margin-top: 60px;}
-.my .part_deliver h3.subH2 span {color:#888; font-size:16px; font-weight:200;}
-.my .part_deliver .btn_area {position:absolute; right:0; top:-8px; z-index:2;}
-.my .part_deliver .btn_area button {padding:8px 14px; background:#f5f5f5; border:none; color:#222; font-size:14px; font-weight:200;}
-.my .part_deliver button.btn.btn_sm {width: 100px; padding:6px 14px;}
-.my .part_deliver .tbl_btn_wrap button {display: block; width: 100px; margin:0 auto 4px; text-align: center;}
-
-.my .part_deliver table th,
-.my .part_deliver table td {padding-top:0px; padding-bottom:0px;}
-.my .part_deliver table td:first-child {padding-left: 30px;}
-.my .part_deliver table .info_item {/*width:810px;*/ width:100%}
-.my .part_deliver table .info_item.w1000 {width: 1000px;}
-.my .part_deliver table .info_item .info_box .od_freebies {margin-top:15px; color:#666; font-size:14px;}
-.my .part_deliver table .info_item > div {padding-top:40px; padding-bottom:40px;}
-.my .part_deliver table .info_item .cart_btn {margin-top: 12px; padding:6px 13px; font-size: 14px;}
-.my .part_deliver table .info_item .info_calc {width: 180px;}
-.my .part_deliver table .info_item .info_calc .point {margin-bottom:0; text-transform: uppercase;}
-.my .part_deliver table .delivery {margin-bottom:15px;}
-.my .part_deliver table .delivery .dlvr_staus {font-size: 18px; line-height: 1.4; font-weight: 300; margin-bottom: 5px;}
-.my .part_deliver table .delivery .dlvr_desc {font-size: 14px; line-height: 1.4; color: #888; font-weight: 300;}
-.my .part_deliver table .tbl_btn_wrap li {margin-bottom: 4px;}
-.my .part_deliver table .tbl_btn_wrap li:last-child {margin-bottom: 0;}
-.my .part_deliver table .tbl_btn_wrap li button {width: 100px;}
-.my .part_deliver .oder_gift {padding:40px 30px; border-bottom: 1px solid #ddd;}
-.my .part_deliver .oder_gift > div {display:table-cell; vertical-align:middle;}
-.my .part_deliver .oder_gift .title {width:100px; text-align:center; font-size: 16px; font-weight: 300;}
-.my .part_deliver .oder_gift .li_gift {padding-left:30px;}
-.my .part_deliver .oder_gift .li_gift li {padding-left: 15px; background: url(/images/pc/ico_bracket.png) no-repeat left top; font-size: 16px; margin-bottom: 13px;}
-.my .part_deliver .oder_gift .li_gift li:last-child {margin-bottom: 0;}
-.my .part_deliver .oder_gift .li_gift .deduct_p {color: #fd4802;}
-
-.my .part_deliver .tbl_group .tbl.type2:first-of-type {border-top: 0;}
-.my .btn_popup {display:inline-block; position:absolute; left:auto; top:50%; -ms-transform:translateY(-50%); transform:translateY(-50%); margin-left:15px; padding:0px 13px; height:34px; color:#222; font-size:14px; font-weight:200; border:1px solid #a7a7a7; box-sizing:border-box;}
-.my .btn_popup02 {display:inline-block; margin-left:15px; padding:0px 13px; height:34px; color:#222; font-size:14px; font-weight:200; border:1px solid #a7a7a7; box-sizing:border-box;}
-.my .btn_popup span {vertical-align:top;}
-
-@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-	.my .btn_popup, .my .btn_popup02 {margin-left: 0;}
-}
-.my .order_amount dl div {color:#666; font-weight: 300;}
-.my .order_amount dl dd.price {font-size: 20px;}
-.my .order_amount dl dd.price .oder_total_price {font-size: 24px;}
-.my .order_amount dl div:first-child {margin-top: 0;}
-.my .order_amount dl div {margin-top: 20px;}
-.my .order_amount dl div .btn {font-size: 14px; padding:6px 10px;}
-
-.my .tbl.row_tbl {padding:25px 0;}
-.my .tbl.row_tbl div {float:left; border-right:1px solid #ddd; margin-right: 20px; padding-right: 20px;}
-.my .tbl.row_tbl div:last-child {border-right:0;}
-.my .tbl.row_tbl .tit {margin-right: 5px;}
-.my .tbl.row_tbl .tit.c_primary {font-size: 14px;}
-.my .tbl.row_tbl .td_pt td {padding: 20px 40px;}
-
-.my .ex_option {margin-top: 14px;}
-.my .ex_option .option {margin-bottom: 15px;}
-.my .ex_option .option:last-child {margin-bottom: 0;}
-.my .ex_option dl:after {content:''; clear: both; display: block;}
-.my .ex_option dt {margin-right: 10px;}
-.my .ex_option dt, .ex_option dd {float:left; font-size: 14px;}
-.my .ex_option em {position:relative; padding-left:10px; margin-left:10px;}
-.my .ex_option em::before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); height:10px; border-left:1px solid #ddd}
-.my .ex_option em:first-child {padding-left:0; margin-left:0;}
-.my .ex_option em:first-child::before {border-left:0;}
-
-.my .radio_field div {margin-right: 40px;}
-.my .radio_field  input[type="radio"] + label {line-height: 1.8; font-weight: 200;}
-.my .radio_field label b {display: inline-block; vertical-align: middle; font-size: 14px; font-weight: 200; margin-left: 5px;}
-
-.my .order_tit .subH3 + .del_t {display: inline-block; margin-left: 10px; font-size: 14px; color:#888;}
-
-.my .ship_fee {background: #fff6f2; padding: 50px; text-align: center;}
-.my .ship_fee p {font-size: 18px; font-weight: 300;}
-
-.my .com_info_txt .chk_box {margin-top: 30px; padding-top: 30px; border-top: 1px solid #dcdcdc;}
-.my .com_info_txt .chk_box span {color:#858585; font-weight: 200;}
-
-.my .part_deliver .tbl.stock_tbl {border-top: 1px solid #000;}
-.my .part_deliver .tbl.stock_tbl table .alarm {line-height: 1.4; font-weight: 300;}
-.my .part_deliver .tbl.stock_tbl table .type1 p {color: #fd4802;}
-.my .part_deliver .tbl.stock_tbl table .type2 p {color: #222;}
-.my .part_deliver .tbl.stock_tbl table .type3 p {color: #888; font-weight: 200;}
-.my .part_deliver .tbl.stock_tbl table td {border-top: 1px solid #ddd;}
-
-.my .my_tab {position: relative; text-align: center; margin-top: 60px;}
-.my .my_tab .form_field {position: absolute; width: 200px; top: -10px; right: 0; text-align: left;}
-.my .my_tab > ul {display: inline-block;}
-.my .my_tab > ul:after {content:''; clear:both; display: block;}
-.my .my_tab > ul li {float:left; margin:0 20px}
-.my .my_tab > ul li a {display: inline-block; font-size: 20px; padding-bottom: 5px; font-weight: 200;}
-.my .my_tab > ul li a.on {color: #000; border-bottom: 2px solid #000; font-weight: 500;}
-.my .save_area {background: #fff6f1; text-align: center; padding: 60px 0;}
-.my .save_area p {font-size: 30px; font-weight: 500; margin-bottom: 30px;}
-.my .save_area p strong {color: #fd4802 !important; margin-left: 8px; font-size: 36px;}
-.my .save_area ul {display: inline-block;}
-.my .save_area ul:after {content:''; clear:both; display: block;}
-.my .save_area ul li {float:left; position: relative; color: #666;}
-.my .save_area ul li:first-child {margin-right: 40px;}
-.my .save_area ul li:first-child:after {content:''; position: absolute; top: -2px; right: -20px; width: 1px; height: 15px; background: #dcdcdc;}
-.my .save_area ul li span {margin-left: 5px; font-weight: 500; color: #000;}
-
-.my .order_tit {position: relative; margin-bottom: 20px;}
-.my .order_tit .subH3 {display: inline-block; margin-bottom: 0;}
-.my .order_tit .ship_btn {display: inline-block; font-size: 12px; color: #888; border-bottom: 1px solid #888; line-height: 1 !important; font-weight: 200; vertical-align: top;padding-bottom: 2px; margin-left: 10px;}
-.my .order_tit .btn_popup {right: 0;}
-.my .order_tit .desc {display: inline-block; font-size: 14px; color: #888; line-height: 1 !important; font-weight: 200; vertical-align: top; margin-left: 10px;}
-
-.my .tbl.type1 {margin-top: -1px;}
-.my .tbl.type1 th.ver_top {vertical-align: top; padding-top: 25px;}
-.my .tbl.type1 th.ver_top02 {vertical-align: top;}
-.my .tbl.type1 td textarea {width: 100%; resize:none; height: 82px; padding: 15px; font-size: 14px; color: #868686;}
-.my .tbl.review_tbl td {padding-left: 0;}
-.my .tbl.review_tbl td textarea {height: 200px;}
-.my .tbl.type1 td .select {width: 400px;}
-.my .tbl.type1 td .txt_cnt {text-align: right; margin-top: 10px;}
-.my .tbl.type1 td .rev_height, .my .tbl.type1 td .rev_weight {width: 250px; border:1px solid #ddd; position: relative;}
-.my .tbl.type1 td .rev_height input, .my .tbl.type1 td .rev_weight input {border:none; padding:0 20px; width: 100%; height: 42px; font-size: 14px; font-weight: 200;}
-.my .tbl.type1 td .rev_height span, .my .tbl.type1 td .rev_weight span {position: absolute; top: 15px; right: 20px; font-size: 14px; font-weight: 300;}
-
-.my .btn_wrap {margin:60px auto 0}
-.my .btn_wrap:after {content:''; clear:both; display: block;}
-.my .btn_wrap button {width: 49.3%; float:left; padding:18px 41px; font-weight: 300;}
-.my .btn_wrap button:first-child {margin-right: 15px;}
-
-.my .btn_wrap.half {font-size: 0; text-align: center;}
-.my .btn_wrap:after {content:''; clear:both; display: block;}
-.my .btn_wrap.half button:first-child {margin-right: 15px;}
-.my .btn_wrap.half button {width: 220px; display: inline-block; float:none;}
-
-.my .re_info_tbl {padding: 40px;}
-.my .re_info_tbl:after {content:''; clear:both; display: block;}
-.my .re_info_tbl > div {float:left;	width: 50%;}
-.my .re_info_tbl .r_left {border-right:1px dashed #ddd; padding-right: 40px;}
-.my .re_info_tbl .r_left span.big_t {font-size: 24px; font-weight: bold;}
-.my .re_info_tbl .r_left span.big_t strong {color: #fd4802;}
-.my .re_info_tbl .r_right {float:right; padding-left: 40px;}
-.my .re_info_tbl dl {margin-bottom: 20px; height: 18px;}
-.my .re_info_tbl dl:after {content:''; clear: both; display: block;}
-.my .re_info_tbl dl:last-child {margin-bottom: 0;}
-.my .re_info_tbl dt, .my .re_info_tbl dd {float:left; width: 50%; font-size: 16px;}
-.my .re_info_tbl dt {font-weight: 300;}
-.my .re_info_tbl dd {text-align: right;}
-
-.my .review_radio .radio_li {width: 110px;}
-.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: 200;}
-.my .review_tbl .pics, .my .review_tbl .fileAdd {width: 105px; height: 105px;}
-.my .review_tbl .picsThumbs {max-width:105px; max-height:105px;}
-.my .review_desc {margin-top: 20px; font-size: 14px; font-weight: 200; color: #666;}
-.my .tbl.review_tbl {padding: 20px 0;}
-
-.my .gift_sea_wrap {display: inline-block;}
-.my .gift_sea_wrap * {float:left;}
-.my .gift_search {margin:60px 0; text-align: center;}
-.my .gift_search label[for='gift_input'] {font-size: 18px; margin-right: 40px; font-weight: 500; margin-top: 13px;}
-.my .gift_search #gift_input {width: 400px; height: 42px;}
-.my .gift_search .btn {padding:10px 20px; margin-left: 10px; font-size: 14px;}
-.my .gift_list {border-top: 1px solid #000; margin-top: 40px; padding-top: 30px;}
-.my .gift_list li {position: relative; width: 387px; box-sizing: border-box; overflow: hidden; z-index: 8; float:left; margin: 0 20px 20px 0;}
-.my .gift_list li:last-child {margin:0 0 20px 0;}
-.my .gift_list li .gift_shape {background: #fff; border:1px solid #ddd; border-bottom: 0; padding: 30px; padding-bottom: 24px; overflow: hidden; text-align: right;}
-.my .gift_list li .gift_shape strong {display: block; color: #222; font-weight: 300; font-size: 14px; text-align: left; margin-bottom: 7px;}
-.my .gift_list li .gift_shape .gift_price01 {display: inline-block; padding:5px 8px; font-size: 11px; background: #fff6f2; border:1px solid #fd4802; color: #fd4802; font-weight: 300;}
-.my .gift_list li .gift_shape .gift_price02 {margin:10px 0 12px; color: #fd4802; font-weight: 600; font-size: 20px;}
-.my .gift_list li .gift_shape .gift_price02 .pr_t {font-size: 20px;}
-.my .gift_list li .gift_shape .gift_price02 .pr_num {font-size: 32px; font-weight: bold; padding-left: 5px;}
-.my .gift_list li .gift_shape .gift_price03 {font-weight: 300; font-size: 12px; color:#888;}
-.my .gift_list li .gift_date {padding:20px; border:1px solid #ddd; border-top:1px dashed #ddd; text-align: center;}
-.my .gift_list li .gift_date span {font-size: 14px; color: #222;}
-
-.my .gift_list li.off .gift_shape {background: #f5f5f5; border:none;}
-.my .gift_list li.off .gift_shape strong {color: #888;}
-.my .gift_list li.off .gift_shape .gift_price01 {border:1px solid #888; background: transparent;}
-.my .gift_list li.off .gift_shape .gift_price01 {color: #888; font-weight: 500;}
-.my .gift_list li.off .gift_shape .gift_price02 {color: #888;}
-.my .gift_list li.off .gift_date {background: #f5f5f5; border:none; border-top:1px dashed #ddd;}
-
-.my .gift_con {margin-top: 15px;}
-.my .gift_con dl {margin-bottom: 5px;}
-.my .gift_con dt, .my .gift_con dd {float:left;}
-.my .gift_con dt {width: 85px; color:#888;}
-
-/* my_delivery */
-.my .tbl.deli_tbl {padding:0; border-bottom:0;}
-.my .tbl.deli_tbl table {font-size: 30px; }
-.my .tbl.deli_tbl table th, .my .tbl.deli_tbl table td {padding:20px 30px;}
-.my .tbl.deli_tbl table th, .my .tbl.deli_tbl table td {border-bottom: 1px solid #ddd;}
-.my .tbl.deli_tbl table td.edit {text-align: center;}
-.my .tbl.deli_tbl table td.edit button {display: block; width: 100px; padding:6px 14px; margin:0 auto 4px;}
-.my .tbl.deli_tbl table dl {padding:10px 0;}
-.my .tbl.deli_tbl table dt, .my .tbl.deli_tbl table dd {float:left; position: relative; font-size: 16px; letter-spacing:-0.025em;}
-.my .tbl.deli_tbl table dt {font-weight: 300;}
-.my .tbl.deli_tbl table dt {width: 200px;}
-
-.my .tbl.deli_tbl .basic_deli {margin-top: 20px;}
-.my .tbl.deli_tbl .basic_deli .form_field {}
-.my .tbl.deli_tbl .basic_deli .form_field input[type="checkbox"] + label {font-weight: 200;}
-.my .tbl.deli_tbl .basic_deli .form_field input[type="checkbox"] + label:before, .basic_deli .form_field input[type="checkbox"]:checked + label:after {top: 0;}
-.my .tbl.deli_tbl .sr-only {text-indent: -999em;}
-.my .tbl.deli_tbl .deli_name {margin-right: 10px;}
-.my .tbl.deli_type {border-bottom: 1px solid #ddd; padding:20px 0;}
-.my .tbl.deli_type table th, .my .tbl.deli_type table td {padding: 10px 40px; border:none; text-align: left;}
-.my .tbl.deli_type input[type="text"], .my .tbl.deli_type input[type="password"] {padding:6px 0 6px 20px; width: 400px; height: 42px; font-size: 14px; color:#888;}
-.my .tbl.deli_type .search button {width: 122px; height: 42px; padding:10px; font-size: 14px; margin-left: 6px;}
-.my .tbl.deli_tbl .tit {margin-right: 35px;}
-
-.my .tbl.deli_req_type {padding:40px 40px;}
-.my .tbl.deli_req_type li {margin-bottom: 30px;}
-.my .tbl.deli_req_type li:last-child {margin-bottom: 0;}
-.my .tbl.deli_req_type li .form_text {margin-top: 17px;}
-.my .tbl.deli_req_type li .form_text input {width: 100%; height: 42px; padding:7px 0 7px 20px;}
-.my .tbl.deli_req_type li .form_text p {margin-top: 14px; padding-left: 5px; font-size: 14px; color: #999;}
-
-/* my_coupon */
-.my .coupon .order_row {margin-top: 30px;}
-.my .coupon_list {margin-top: 60px; padding-top: 40px; border-top: 1px solid #000;}
-.my .coupon_list li {float:left; width: 285px; margin:0 20px 20px 0;  position: relative; position: relative; overflow: hidden;}
-.my .coupon_list li:nth-child(4n) {margin-right: 0;}
-.my .coupon_list li .cp_top {position: relative; overflow: hidden;}
-.my .coupon_list li .cp_detail { z-index: 99; border:1px solid #ddd; border-bottom: 0; padding:30px 20px 18px; padding-right: 5px;}
-.my .coupon_list li.off .cp_detail {background: #f5f5f5; border:1px solid #f5f5f5;}
-.my .coupon_list li .cp_detail .tit {margin-bottom: 13px; font-size: 14px;}
-.my .coupon_list li.off .cp_detail .tit {color:#888;}
-.my .coupon_list li .cp_detail .sale_t {display: block; color: #fd4802; font-size: 30px; margin-bottom: 15px;}
-.my .coupon_list li.off .cp_detail .sale_t {color:#888;}
-.my .coupon_list li .cp_detail .sale_t span {font-weight: bold;}
-.my .coupon_list li .cp_detail .sale_t.won_t {font-size: 22px;}
-.my .coupon_list li .cp_detail .sale_t.won_t span {font-size: 30px;}
-.my .coupon_list li .cp_detail .cp_cont {font-size: 12px; margin-bottom: 10px; font-weight: 300; color: #888;}
-.my .coupon_list li .cp_detail .cp_cnt {background: #fff5f3; padding:5px 8px; border:1px solid #fd4802; font-size: 10px; color: #fd4802 !important; font-weight: 500;}
-.my .coupon_list li.off .cp_detail .cp_cnt {background: #f5f5f5; padding:5px 8px; border:1px solid #888; font-size: 10px; color: #888 !important; font-weight: 500;}
-.my .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;}
-.my .coupon_list li.off .cp_shape {border:1px solid #f5f5f5;}
-.my .coupon_list li .cp_date {border:1px solid #ddd; padding:17px 5px; border-top: 1px dashed #ddd; color: #222; font-weight: 300; text-align: center;}
-.my .coupon_list li .cp_date .cp_off {display: none; color: #888;}
-.my .coupon_list li.off .cp_date span {display: none;}
-.my .coupon_list li.off .cp_date .cp_off {display: block; font-weight: 200;}
-.my .coupon_list li.off .cp_date {background: #f5f5f5; border:1px solid #f5f5f5; border-top:1px dashed #ddd;}
-.my .coupon_list li .cp_info {text-align: center; margin-top: 20px;}
-.my .coupon_list li .cp_info button span {display: inline-block; border-bottom: 1px solid #888; color: #888;}
-
-/* my_review */
-.my .review_list .tbl.type2 {border-top: 1px solid #000;}
-.my .review_list .part_deliver .tbl.type2 table td {border-top: 1px solid #ddd;}
-.my .review_list .part_deliver .tbl.type2 table .alarm {font-size: 16px; line-height: 1.4; font-weight: 300;}
-.my .review_list .my_write {margin-bottom: 30px; margin-right: 30px; text-align: left; font-size: 14px; line-height: 1.7; color: #666;}
-.my .review_list .admin_write {position: relative; background: #f5f5f5; margin-top: 45px; margin-bottom: 40px; margin-right: 30px; padding: 30px; text-align: left;}
-.my .review_list .admin_write:before {content:''; position: absolute; top: -15px; left: 0; display: block; width: 15px; height: 15px; border-left:15px solid #f5f5f5; border-top:15px solid transparent;}
-.my .review_list .admin_write p {font-size: 14px; line-height: 1.7; color: #666;}
-.my .review_list .admin_write .admin_info {margin-bottom: 20px; font-size: 14px; font-weight: 300;}
-.my .review_list .admin_write .admin_info img {display: inline-block; vertical-align: bottom; margin-right: 5px;}
-
-.my .review_list .my_write_multi {margin-bottom: 40px; text-align: left; font-size: 0;}
-.my .review_list .my_write_multi button {display: inline-block; position: relative; margin-right: 10px; width: 87px; height: 87px;}
-.my .review_list .my_write_multi button.video:after {content:''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.3);}
-.my .review_list .my_write_multi button.video:before {content:''; position: absolute; top: 50%; left: 55%; transform:translate(-50%, -50%); border-left:15px solid #fff; border-top:8px solid transparent; border-bottom:8px solid transparent; border-right:8px solid transparent; z-index: 8;}
-.my .review_list .my_write_multi button img {width: 100%; height:100%;}
-
-/* my_review_3 */
-.my .review_list #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_list #star_grade button.on {background: url(/images/pc/ico_star02.png) no-repeat center;}
-.my .review_list #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_list #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_mypage */
-.my .tbl.info_tbl .certi_btn02 {margin-left: 14px; font-size: 12px; color: #888; border-bottom: 1px solid #888;}
-.my .tbl.info_tbl .password_btn button {width: 100px; height: 42px; padding: 0; font-size: 16px; font-weight: 200;}
-.my .tbl.info_tbl input[type="text"], .my .tbl.info_tbl input[type="password"] {padding:6px 0 6px 20px; width: 400px; height: 42px; font-size: 14px; color:#222;}
-.my .tbl.info_tbl input[type="text"]:read-only {background: #f5f5f5;}
-.my .tbl.info_tbl .form_field input[type="radio"] + label:before {background-position: 0 0;}
-
-/* my_leave */
-.com_info_txt .form_field input[type="checkbox"] + label {line-height: 2;}
-.my .leave_tit {margin-bottom: 35px; text-align: center; font-size: 24px; font-weight: 500;}
-.my .leave_no {background: #fff6f2; margin-top: 60px; padding: 60px; text-align: center;}
-.my .leave_no h4 {font-size: 18px; font-weight: 500; color:#fd4802; margin-bottom: 20px;}
-.my .leave_no p {font-size: 16px; color:#666; font-weight: 200;}
-.my .tbl.track_tbl {border-top: 1px solid #000;}
-.my .tbl.track_tbl {border-top: 0;}
-.my .tbl.track_tbl th {border-top: 1px solid #000; border-bottom: 1px solid #000;}
-.my .tbl.track_tbl .pl40 {padding-left: 40px;}
-
-/* my_return_1_exchangePOP, my_return_1_returnPOP */
-.modal.info_popup {max-width:840px; padding:60px;}
-.modal.info_popup .modal-header {margin-bottom: 30px;}
-.modal.info_popup .modal-title {font-size: 22px; font-weight: 500; margin-top: 0;}
-.modal.info_popup .tbl.type2 table th, .modal.info_popup .tbl.type2 table td {padding:20px 10px;}
-
-/* my_return_2_returnPOP */
-.modal.account_popup {max-width:670px; padding:60px;}
-.modal.account_popup .modal-header {margin-bottom: 30px;}
-.modal.account_popup .modal-title {font-size: 22px; font-weight: 500; margin-top: 0;}
-.modal.account_popup .modal-body section {margin-bottom: 40px;}
-.modal.account_popup .tbl.type2 table th, .modal.info_popup .tbl.type2 table td {padding:20px 10px;}
-
-.modal.account_popup .tbl.type1 table th, .modal.account_popup .tbl.type1 table td {padding: 10px 30px;}
-.modal.account_popup .tbl.type1 th.ver_top {vertical-align: top; padding-top: 25px;}
-
-/* my_exchange_1_optionPOP */
-.modal.option_popup {max-width:640px; padding:60px;}
-.modal.option_popup .modal-title {font-size: 22px; font-weight: 500; margin-top: 0;}
-.modal.option_popup .sch_radio_tab {text-align: center;}
-.modal.option_popup .sch_radio_tab input {width: 0px; height: 0px; opacity: 0; overflow: hidden; position: absolute;}
-.modal.option_popup .sch_radio_tab input + label {display: inline-block; background: #f5f5f5; width: 68px; padding:10px 0; text-align: center; cursor:pointer; border:1px solid transparent; font-weight: 300; margin-right: 8px;}
-.modal.option_popup .sch_radio_tab input + label:last-of-type {margin-right: 0;}
-.modal.option_popup .sch_radio_tab input:checked + label {background: #fff; border:1px solid #000;}
-.modal.option_popup .sch_radio_tab input:disabled + label {color: #999; text-decoration: line-through;}
-
-/* my_coupon_1_couponPOP */
-.modal.coupon_popup {max-width:640px;}
-.modal.coupon_popup .modal-footer button.half {width: 220px;}
-.modal.coupon_popup .modal-title {font-size: 22px; font-weight: 500; margin-top: 0;}
-.modal.coupon_popup dl {margin-bottom: 15px;}
-.modal.coupon_popup dl:last-child {margin-bottom: 0;}
-.modal.coupon_popup dl dt, .modal.coupon_popup dl dd {float:left;}
-.modal.coupon_popup dl dt {width: 80px; padding-left: 12px; position: relative; font-weight: 300;}
-.modal.coupon_popup dl dt:after {content:''; position: absolute; left: 0; top: 7px; width: 3px; height: 3px; background: #888;}
-.modal.coupon_popup dl dd {color:#666;}
-.modal.coupon_popup .modal-footer {margin-top: 40px;}
-
-/* ev_공통 */
-.container.ev .wrap .content .cont_body {margin-bottom: 150px;}
-.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;}
-.inner {width: 1200px; margin:0 auto;}
-
-/* ev_list */
-.ev .ev_mem_rank {position: relative; background: #f5f5f5; padding: 60px 100px; margin-bottom: 100px;}
-.ev .ev_mem_rank .txt {display: inline-block;}
-.ev .ev_mem_rank .txt strong {display: block; font-size: 20px; font-weight: bold;}
-.ev .ev_mem_rank .txt p {font-size: 32px; line-height: 1.3; color: #666; margin: 20px 0 30px; letter-spacing: -0.025em;}
-.ev .ev_mem_rank .txt .btn {display: inline-block; padding: 14px 24px; letter-spacing: -0.025em;}
-.ev .ev_mem_rank .mem_rank_list {position: absolute; top: 50%; right: 160px; transform:translateY(-50%);}
-.ev .ev_mem_rank .mem_rank_list ul li {float:left; text-align: center; margin-right: 40px;}
-.ev .ev_mem_rank .mem_rank_list ul li:last-child {margin-right: 0;}
-.ev .icon {position: relative; width: 80px; height: 80px; border-radius: 50%; margin-bottom: 15px; color: #fff; border:2px solid transparent;}
-.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 .event_list {}
-.ev .event_list .event_top {position: relative; margin-bottom: 30px; height: 40px;}
-.ev .event_list .event_top .count {font-size: 16px; font-weight: 200; color: #888; display: inline-block; margin-top: 20px;}
-.ev .event_list .event_top .count span {color: #fd4802; font-weight: 300;}
-.ev .event_list .event_top .event_btn {position: absolute; top: 0; right: 0;}
-.ev .event_list .event_top .event_btn a {display: inline-block; background: url(/images/pc/ico_more_sm.png) no-repeat right 20px top 10px; padding: 9px 23px; padding-right: 36px; border:1px solid #a7a7a7; font-size: 14px; color: #222; font-weight: 300;}
-.ev .event_list .list li {float:left; position: relative; width: 24.15%; margin: 0 1.12% 80px 0;}
-.ev .event_list .list li:nth-child(4n) {margin: 0 0 80px 0;}
-.ev .event_list .list li .rank {min-width:52px;}
-.ev .event_list .list li .ev_img {margin-bottom: 27px; position: relative; width: 430px; height: 430px;}
-.ev .event_list .list li .ev_img img {position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); width: 100%; height: auto;}
-.ev .event_list .list li .txt .tit {display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin: 20px 0; min-height:66px; max-height:66px; overflow: hidden; text-overflow: ellipsis; font-size: 24px; line-height: 1.4; color: #222; font-weight: 300; word-break: keep-all;}
-.ev .event_list .list .no_con {display: none;}
-.ev .event_list.no_data .list .event_con {display: none;}
-.ev .event_list.no_data .list .no_con {display: block; padding:100px 0;}
-.ev .event_list.no_data .list .no_con li {width: 100%; text-align: center; margin-right: 0;}
-.ev .event_list.no_data .list .no_con li span {display: block; margin: 25px 0 40px; font-size: 16px; color: #666; font-weight: 300;}
-.ev .event_list.no_data .list .no_con li a {display: inline-block; padding: 9px 23px; border:1px solid #a7a7a7; font-size: 14px; color: #222; font-weight: 300;}
-
-/* ev_rank */
-.container.er .wrap {max-width:100%; min-width:1200px; padding-right: 0; padding-left: 0;}
-.er .inner {position: relative;}
-.er .my_rank_info {background: #fff6f2; padding:53px 0; min-height:260px; box-sizing: border-box; margin-bottom: 100px; }
-.er .my_rank_info .desc p {font-size: 24px; line-height: 1.4; font-weight: 200; color: #666;}
-.er .my_rank_info .desc p span {color: #222; font-weight: 600;}
-.er .my_rank_info .desc p span.my_name {font-weight: 500;}
-.er .my_rank_info .desc button {margin-top: 20px; font-weight: 300; padding: 10px 23px;}
-
-.er .my_rank_info.no_member {min-height:auto; text-align: center;}
-.er .my_rank_info.no_member p {font-size: 24px; font-weight: 200; color: #222; margin-bottom: 28px;}
-.er .my_rank_info.no_member .login_btn {font-size: 14px; padding:10px 24px; letter-spacing: -0.025em;}
-
-.er .my_rank_progress {position: absolute; bottom: 0; right: 0; width: 760px;}
-.er .pro_wrap {margin-bottom: 20px;}
-.er .pro_wrap .rank_txt {margin-bottom: 5px;}
-.er .pro_wrap .rank_txt ul {font-size: 0;}
-.er .pro_wrap .rank_txt li {display: inline-block; font-size: 14px; color: #444; font-weight: 500; line-height: 1;}
-.er .pro_wrap .rank_txt li:first-child {width: 16.66667%;}
-.er .pro_wrap .rank_txt li:nth-child(2) {width: 22.2222%;}
-.er .pro_wrap .rank_txt li:nth-child(3) {width: 22.2222%;}
-.er .pro_wrap .rank_txt li:nth-child(4n) {width: 22.2222%;}
-.er .pro_wrap .rank_txt li:last-child {width: 16.66667%;}
-.er .pro_wrap .rank_txt li:after {content:''; display: block; clear:both;}
-.er .pro_wrap .rank_txt li .icon {text-align: center; width: 60px; height: 60px; margin:0 auto; opacity: 0;}
-.er .pro_wrap .rank_txt li .welcome {float:left; margin-left: -30px;}
-.er .pro_wrap .rank_txt li .vip {float:right; margin-right: -30px;}
-.er .pro_wrap .rank_txt li .icon > span {font-size: 22px;}
-
-.er .pro_wrap.welcome .rank_txt li .icon.welcome {opacity: 1;}
-.er .pro_wrap.bronze .rank_txt li .icon.bronze {opacity: 1;}
-.er .pro_wrap.silver .rank_txt li .icon.silver {opacity: 1;}
-.er .pro_wrap.gold .rank_txt li .icon.gold {opacity: 1;}
-.er .pro_wrap.vip .rank_txt li .icon.vip {opacity: 1;}
-.er .pro_wrap .rank_txt li .txt {clear:both;}
-.er .pro_wrap .rank_txt li .txt span {display: block; text-align: center;}
-
-.er .pro_wrap.welcome .rank_txt .welcome + .txt {display: none;}
-.er .pro_wrap.bronze .rank_txt .bronze + .txt {display: none;}
-.er .pro_wrap.silver .rank_txt .silver + .txt {display: none;}
-.er .pro_wrap.gold .rank_txt .gold + .txt {display: none;}
-.er .pro_wrap.vip .rank_txt .vip + .txt {display: none;}
-
-.er .pro_wrap .rank_txt li:first-child .txt span {text-align: left;}
-.er .pro_wrap .rank_txt li:last-child .txt span {text-align: right;}
-.er .pro_wrap .progress_bar {width: 100%; height: 4px; background: #ddd; position: relative;}
-.er .pro_wrap .progress_bar .current_bar {background: #fd4802; position: absolute; top: 0; left: 0; width: 0%; height: 4px;}
-.er .pro_wrap.bronze .progress_bar .current_bar {width: 28%;}
-.er .pro_wrap.silver .progress_bar .current_bar {width: 50%;}
-.er .pro_wrap.gold .progress_bar .current_bar {width: 72.5%;}
-.er .pro_wrap.vip .progress_bar .current_bar {width: 100%;}
-
-.er .my_rank_progress .benefit_txt {background: #fff; padding:26px 0; text-align: center; font-size: 18px; color: #444; font-weight: 300;}
-/* .er .my_rank_progress .benefit_txt span {color: #fd4802; font-weight: 600;} */
-.er .my_rank_progress .benefit_txt strong {color: #222; font-weight: 600;}
-
-/* ev_rank 등급 혜택 테이블 */
-.rank_tbl_wrap {margin-bottom: 60px;}
-.rank_tbl_wrap h3 {margin-bottom: 50px; font-size: 34px; font-weight: 500; text-align: center;}
-.rank_tbl_wrap .icon {margin:0 auto 20px;}
-.rank_tbl_wrap .icon + span {display: block; text-align: center; font-size: 18px; color: #222; font-weight: 500;}
-.rank_tbl_wrap .tbl_wrap table {border:1px solid #ddd;}
-.rank_tbl_wrap .tbl_wrap table th {width: 100px; background: #f5f5f5; font-size: 16px; color: #000; font-weight: 300; border:1px solid #ddd;}
-.rank_tbl_wrap .tbl_wrap table .td_30 td {padding:30px 0;}
-.rank_tbl_wrap .tbl_wrap table .td_30 td p {margin-top: 0;}
-.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;}
-.rank_tbl_wrap .tbl_wrap table td.vt {vertical-align: top;}
-.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;}
-.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 .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;}
-.announce_txt .announce_list ul {margin-bottom: 40px;}
-.announce_txt .announce_list ul:last-of-type {margin-bottom: 0;}
-.announce_txt .announce_list ul li {position: relative; padding-left: 12px; font-size: 16px; font-weight: 200; color: #888; margin-bottom: 15px;}
-.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;}
-
-.container .wrap .content.renew * {line-height: 1; letter-spacing: -0.025em; box-sizing:border-box;}
-.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 .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_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 .btn_wrap {margin:60px 0 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;}
-
-.container.ev .wrap .content.survey .cont_body {margin-bottom: 0;}
-.ev .survey_wrap {background: #f5f5f5; padding:60px 0 160px}
-.ev .survey_wrap .survey_con {width: 740px; margin:0 auto; background: #fff; border-top: 3px solid #fe7f4d; box-shadow: 0px 4px 21px 0px rgba(0, 0, 0, 0.1);}
-.ev .survey_wrap .survey_con .survey_row {padding: 60px 55px; border-bottom: 1px solid #ddd;}
-.ev .survey_wrap .survey_con .survey_row:last-child {border-bottom: 0;}
-.ev .survey_wrap .survey_con .survey_row h4 {margin-bottom: 0; font-size: 17px; line-height: 1.5; font-weight: 300; position: relative; padding-left: 42px;}
-.ev .survey_wrap .survey_con .survey_row h4:before {position: absolute; top: 0; left: 0;}
-.ev .survey_wrap .survey_con .survey_row.q1 h4:before {content:'Q1.'}
-.ev .survey_wrap .survey_con .survey_row.q2 h4:before {content:'Q2.'}
-.ev .survey_wrap .survey_con .survey_row.q3 h4:before {content:'Q3.'}
-.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 .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.q1 ul li:nth-child(5n) {margin-right: 0;}
-.ev .survey_wrap .survey_con .survey_row.q1 ul li:last-child {width: 100%;}
-
-.ev .survey_wrap .survey_con .survey_row.q2 ul li:nth-child(4n) {margin-right: 0;}
-
-.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 .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 .wrap .content.cmt * {letter-spacing: -0.025em;}
-.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 .picsThumbs {max-width: 100%; max-height: 100%;}
-.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 {float:left; padding:0 !important; width: 220px; height: 60px; line-height: 60px; font-size: 18px; text-align: center; font-weight: 300;}
-.ev .cmt_wrap .cmt_write .btn_wrap button.file_btn {margin-right: 10px; border:1px solid #a1a1a1;}
-.ev .cmt_wrap .cmt_write .btn_wrap button.file_btn:hover {background:transparent;}
-.ev .cmt_wrap .cmt_write .btn_wrap button.file_btn label {cursor:pointer; display: block; height: 60px; line-height: 60px;}
-.ev .cmt_wrap .cmt_group .cmt_list_tit {padding-bottom: 32px; border-bottom: 1px solid #ddd;}
-.ev .cmt_wrap .cmt_group .cmt_list_tit strong {margin-right: 10px; font-size: 26px; font-weight: 500;}
-.ev .cmt_wrap .cmt_group .cmt_list_tit span {font-size: 24px; color: #666; font-weight: 200;}
-.ev .cmt_wrap .cmt_group .cmt_list li {padding: 30px 0; border-bottom: 1px solid #ddd;}
-.ev .cmt_wrap .cmt_group .cmt_list li .cmt_top {margin-bottom: 25px;}
-.ev .cmt_wrap .cmt_group .cmt_list li .cmt_top .writer {float:left; color: #666; margin-right: 20px; padding-right: 20px; border-right:1px solid #ddd;}
-.ev .cmt_wrap .cmt_group .cmt_list li .cmt_top .date {color: #888;}
-.ev .cmt_wrap .cmt_group .cmt_list li .cmt_cont .img_wrap {margin-bottom: 20px;}
-.ev .cmt_wrap .cmt_group .cmt_list li .cmt_cont p {color: #666; line-height: 1.7;}
-.ev .cmt_wrap .cmt_group .cmt_list li .cmt_cont .btn_del {display: block; background:transparent url(/images/pc/ico_trash.png) no-repeat left 14px center; padding:7px 14px; padding-left: 33px; margin-top: 20px; font-size: 14px; color: #222; font-weight: 200;}
-.ev .cmt_wrap .cmt_group .cmt_list li .cmt_cont .btn_del:hover {background:transparent url(/images/pc/ico_trash.png) no-repeat left 14px center;}
-.ev .cmt_wrap .pageNav > li {display: inline-block; vertical-align: top;}
-.ev .cmt_wrap .pageNav > li > a, .ev .cmt_wrap .pageNav > li > span, .pageNav > .disabled > a {background: transparent; height: 34px;}
-.ev .cmt_wrap .pageNav .prev a, .ev .cmt_wrap .pageNav > li:first-child a {background:url('/images/pc/ico_paging.png') no-repeat 0 11px; width: 8px; text-indent: -999em;}
-.ev .cmt_wrap .pageNav .prev a {background-position: -23px 11px;}
-.ev .cmt_wrap .pageNav .next a, .ev .cmt_wrap .pageNav > li:last-child a {background: url('/images/pc/ico_paging.png') no-repeat -64px 11px; width: 8px;}
-.ev .cmt_wrap .pageNav > li:last-child a, .ev .cmt_wrap .pageNav > li:first-child a {width: 15px;}
-.ev .cmt_wrap .pageNav .next a {background-position: -47px 11px;}
-.ev .cmt_wrap .paging_wrap {margin-top: 50px; margin-bottom: 0; box-sizing:content-box;}
-.ev .cmt_wrap.no_data .cmt_list, .ev .cmt_wrap.no_data .paging_wrap  {display: none;}
-.ev .cmt_wrap.no_data .no_con {display: block;}
-.ev .cmt_wrap.no_data .no_con li {text-align: center; border-bottom: 0; padding:120px 0 35px;}
-.ev .cmt_wrap.no_data .no_con li span {display: block; margin-top: 25px; font-size: 16px; color:#666; font-weight: 300;}
-
-/* ev_comment 댓글 이미지 팝업 */
-.modal.cmt_popup {display: none; position: fixed; top: 50%; left: 50%; z-index: 9999; width: 100%; height: 100%; transform:translate(-50%, -50%); background: transparent; box-shadow: none;}
-.modal.cmt_popup a.close-modal {display: none;}
-.modal.cmt_popup .inner {position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); width: 700px; height: 700px;}
-.modal.cmt_popup .pop_close_btn {position: absolute; top: -60px; right: 0; width: 24px; height: 24px; background: url(/images/pc/ico_pop_cls02.png) no-repeat center; cursor:pointer; text-indent:-999em;}
-.modal.cmt_popup .swiper-container {height: 700px; background: #fff;}
-.modal.cmt_popup .swiper-container .swiper-slide {display: table; height: 700px; text-align: center;}
-.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-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 .tit {position: relative; margin-bottom: 60px; text-align: center;}
-.ev .other_ev_slide .tit h4 {font-size: 30px; font-weight: 500;}
-.ev .other_ev_slide .tit a {position: absolute; top: 50%; right: 0; transform:translateY(-50%); padding-right: 20px; background: url(/images/pc/ico_more_lg.png) no-repeat right top 1px; font-size: 18px; color:#888;}
-.ev .other_ev_slide .swiper-slide img {width: 100%; height:auto;}
-.ev .other_ev_slide .swiper-slide .txt {}
-.ev .other_ev_slide .swiper-slide .txt .subject {margin:20px 0 0; padding:0 7px; font-size: 18px; line-height: 1.5; font-weight: 300; color:#222; min-height:55px; max-height:55px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; word-break: keep-all;}
-.ev .other_ev_slide .swiper-button-next:after, .ev .other_ev_slide .swiper-button-prev:after {content:'';}
-.ev .other_ev_slide .swiper-button-next {background: url(/images/pc/slide_next.png) no-repeat center; right: 70px; opacity: 0.6; margin-top: -10px;}
-.ev .other_ev_slide .swiper-button-prev {background: url(/images/pc/slide_prev.png) no-repeat center; left: 70px; opacity: 0.6; margin-top: -10px;}
+	}
+	.filter_content .sort#tap01 > ul {position: relative;}
+	.filter_content .sort#tap01 > ul > li {width: 170px; margin-bottom: 20px;}
+	.filter_content .sort#tap01 ul li div {position: absolute; width:170px; left:170px; top:0; padding-left: 40px; display: none;}
+	.filter_content .sort#tap01 ul li div::before {content:''; position: absolute; top:0; left:0; width:1px; height: 270px; background: #ccc;}
+	.filter_content .sort#tap01 ul li div ul li {margin-bottom: 20px;}
+	.filter_content .sort#tap01 ul li a {color:#666; position: relative;}
+	.filter_content .sort#tap01 ul li a:hover {color:#fd4802;}
+	.filter_content .sort#tap01 ul li.noDepth.on > a {color:#fd4802;}
+	.filter_content .sort#tap01 ul li.noDepth.on > a::after {
+		content:'';
+		position: absolute;
+		top:0; 
+		right:-18px;
+		border-style:solid;
+		border-width:5px ;
+		border-color:transparent transparent transparent #fd4802;
+	}
+	.filter_content .sort > ul {max-height: 350px; overflow-y: auto;}
+	.filter_content .sort#tap02 ul::after {content:''; display: block; clear:both;}
+	.filter_content .sort#tap02 ul li {float: left; width:228px; margin-bottom: 20px;}
+	.filter_content .sort#tap03 ul li {border-bottom: 1px solid #ccc;}
+	.filter_content .sort#tap03 ul li:first-child {padding-bottom: 30px;}
+	.filter_content .sort#tap03 ul li:nth-child(2) {padding: 30px 0;}
+	.filter_content .sort#tap03 ul li:last-child {padding-top: 30px; border: none;}
+	.filter_content .sort#tap03 ul li strong {margin-right: 20px;}
+	.filter_content .sort#tap03 ul li span {color:#666; margin-right: 20px;}
+	.filter_content .sort#tap03 ul li .size_btn,.filter_content .sort#tap02 ul li .brand_btn,.filter_content .sort#tap06 ul li .Age_btn,.filter_content .sort#tap07 ul li .Season_btn,.filter_content .sort#tap09 ul li .Benefits_btn {cursor: pointer;}
+	.filter_content .sort#tap03 ul li .size_btn input:checked+span,.filter_content .sort#tap02 ul li .brand_btn input:checked+span,.filter_content .sort#tap06 ul li .Age_btn input:checked+span,.filter_content .sort#tap07 ul li .Season_btn input:checked+span,.filter_content .sort#tap09 ul li .Benefits_btn input:checked+span {color:#fd4802;}
+	.filter_content .sort#tap03 ul li .size_btn input,.filter_content .sort#tap02 ul li .brand_btn input,.filter_content .sort#tap06 ul li .Age_btn input,.filter_content .sort#tap07 ul li .Season_btn input,.filter_content .sort#tap09 ul li .Benefits_btn input{
+		position: absolute;
+		display: block;
+		overflow: hidden;
+		height: 1px;
+		width: 1px;
+		clip: rect(1px, 1px, 1px, 1px);
+	}
+	.filter_content .sort#tap04 ul {display: flex; justify-content: center; padding: 0 215px;}
+	.filter_content .sort#tap04 ul::after {
+		content: "";
+		position: absolute;
+		left: 20%;
+		top: 46px;
+		width: 60%;
+		height: 2px;
+		background: #222;
+		z-index: -2;
+	}
+	.filter_content .sort#tap04 ul li {text-align: center; width:20%;}
+	.filter_content .sort#tap04 ul li:last-child {margin-right: 0;}
+	.filter_content .sort#tap04 ul li input {
+		position: absolute;
+		width: 1px;
+		height: 1px;
+		padding: 0;
+		margin: -1px;
+		overflow: hidden;
+		clip: rect(0,0,0,0);
+		border: 0;
+	}
+	.filter_content .sort#tap04 ul li input + label span:last-child {color:#666;}
+	.filter_content .sort#tap04 ul li input:checked + label span:first-child {border-color: #fd4802;}
+	.filter_content .sort#tap04 ul li input:checked + label span:last-child {color:#fd4802;}
+	.filter_content .sort#tap04 ul li span {display: block; cursor: pointer;}
+	.filter_content .sort#tap04 ul li span:first-child {
+		position: relative;
+		display: inline-block;
+		width:10px;
+		height: 10px;
+		background: #fff;
+		border: 2px solid #222;
+		border-radius: 50%;
+	}
+	.filter_content .sort#tap04 ul li:first-child span:first-child::before {display: none;}
+	.filter_content .sort#tap04 ul li input:checked + label span:first-child::before {
+		content:'';
+		position: absolute;
+		width: 208px;
+		height: 2px;
+		top:3px;
+		right:100%;
+		background: #fd4802;
+		z-index: -1;
+	}
+	.filter_content .sort#tap05 ul {display: flex; justify-content: center; padding: 0 150px;}
+	.filter_content .sort#tap05 ul::after {
+		content: "";
+		position: absolute;
+		left: 14.5%;
+		top: 46px;
+		width: 70.2%;
+		height: 2px;
+		background: #222;
+		z-index: -2;
+	}
+	.filter_content .sort#tap05 ul li {text-align: center; width:10%;}
+	.filter_content .sort#tap05 ul li:last-child {margin-right: 0;}
+	.filter_content .sort#tap05 ul li input {
+		position: absolute;
+		width: 1px;
+		height: 1px;
+		padding: 0;
+		margin: -1px;
+		overflow: hidden;
+		clip: rect(0,0,0,0);
+		border: 0;
+	}
+	.filter_content .sort#tap05 ul li input + label span:last-child {color:#666;}
+	.filter_content .sort#tap05 ul li input:checked + label span:first-child {border-color: #fd4802;}
+	.filter_content .sort#tap05 ul li input:checked + label span:last-child {color:#fd4802;}
+	.filter_content .sort#tap05 ul li span {display: block; cursor: pointer;}
+	.filter_content .sort#tap05 ul li span:first-child {
+		position: relative;
+		display: inline-block;
+		width:10px;
+		height: 10px;
+		background: #fff;
+		border: 2px solid #222;
+		border-radius: 50%;
+	}
+	.filter_content .sort#tap05 ul li:first-child span:first-child::before {display: none;}
+	.filter_content .sort#tap05 ul li input:checked + label span:first-child::before {
+		content:'';
+		position: absolute;
+		width: 135px;
+		height: 2px;
+		top:3px;
+		right:100%;
+		background: #fd4802;
+		z-index: -1;
+	}
+	.filter_content .sort#tap06 ul::after,.filter_content .sort#tap07 ul::after,.filter_content .sort#tap09 ul::after {content:''; display: block; clear: both;}
+	.filter_content .sort#tap06 ul li,.filter_content .sort#tap07 ul li,.filter_content .sort#tap09 ul li {float: left; margin-right: 48px;}
+	.filter_content .sort#tap06 ul li:last-child,.filter_content .sort#tap07 ul li:last-child,.filter_content .sort#tap09 ul li:last-child {margin-right: 0;}
+	#tap08 ul::after {content:''; display: block; clear:both;}
+	#tap08 ul li {float: left; margin-left: 20px;}
+	#tap08 ul li:first-child {margin-left: 0;}
+	#tap08 ul li .color-check input {
+		position: absolute;
+		display: block;
+		overflow: hidden;
+		height: 1px;
+		width: 1px;
+		clip: rect(1px, 1px, 1px, 1px);
+	}
+	#tap08 ul li .color-check [class*="pdColor"] {position: relative; display: inline-block; width:26px; height: 26px; cursor: pointer;}
+	[class*="pdColor"]:before {
+		content: "";
+		display: inline-block;
+		width: 100%;
+		height: 100%;
+		border-radius: 50%;
+		box-sizing: border-box;
+	}
+	.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;
+	}
+		.filter_content .sort.on {display: block;}
+	.container .dp_list .fillter {display: none; padding: 16px 20px; border-bottom: 1px solid #ccc;}
+	.container .dp_list .fillter::after {content:''; display: block; clear:both;}
+	.container .dp_list .fillter .fillter_reset {float:right; position: relative; padding: 10px 15px 10px 32px; background: #f5f5f5;}
+	.container .dp_list .fillter .fillter_reset::before {
+		content:''; 
+		position: absolute; 
+		top:50%; 
+		left:14px; 
+		transform: translateY(-50%);
+		width:13px; 
+		height: 13px; 
+		background: url(/images/pc/ico_filter_reset.png)no-repeat;
+	}
+	.container .count_wrap {padding: 60px 0 30px;}
+	.container .count_wrap div:first-child {float: left;}
+	.container .count_wrap div:first-child p {color:#888;}
+	.container .count_wrap div:first-child p span {color:#fd4802;}
+	.container .count_wrap div:last-child {float: right; }
+	.container .count_wrap div:last-child ul {display: flex;}
+	.container .count_wrap div:last-child ul li a {color:#888;}
+	.container .count_wrap div:last-child ul li:first-child a {color:#222;}
+	.container .count_wrap div:last-child ul li:nth-child(2) {position: relative; padding: 0 32px;}
+	.container .count_wrap div:last-child ul li:nth-child(2)::before {
+		content:''; 
+		position: absolute; 
+		width:1px; 
+		height: 13px; 
+		background: #ccc; 
+		top:50%; 
+		left: 15px; 
+		transform: translateY(-50%);
+	}
+	.container .count_wrap div:last-child ul li:nth-child(2)::after {
+		content:''; 
+		position: absolute; 
+		width:1px; 
+		height: 13px; 
+		background: #ccc; 
+		top:50%; 
+		right: 15px; 
+		transform: translateY(-50%);
+	}
+	.dp .item_prod {width: 15.7%; margin-right: 1.12%; margin-bottom: 70px;}
+	.dp .item_prod:nth-child(6n) {margin-right: 0;}
+	.dp .item_prod .itemLike {right: 20px;}
+	.dp .select_options {z-index: 4;}
+	.dp .cont_body .list_content.nodata .count_wrap,.dp .cont_body .list_content.nodata .itemsGrp {display: none;}
+	.list_defult {display: none; text-align: center; padding: 120px 0 160px;}
+	.list_content.nodata .list_defult {display: block;}
+	.list_defult > div:first-child {margin-bottom: 46px;}
+	.list_defult > div:first-child p {line-height: 2;}
+	.list_defult .ui_row {justify-content: center; margin-bottom: 0;}
+
+	/* dp_best */
+	.dp_best .best_nav {display: flex; justify-content: center; padding-bottom: 20px;}
+	.dp_best .best_nav ul::after {content:''; display: block; clear: both;}
+	.dp_best .best_nav ul li {float: left; margin-right: 40px; }
+	.dp_best .best_nav ul li button {position: relative; font-size: 20px; color:#888;}
+	.dp_best .best_nav ul li button:hover, .dp_best .best_nav ul li button.active {color: #222;}
+	.dp_best .best_nav ul li:hover button::after, .dp_best .best_nav ul li button.active::after{content:''; position: absolute; bottom:-3px; left:0; width:100%; height: 2px; background: #222; }
+	.dp_best .best_nav ul li:last-child {margin-right: 0;}
+	.dp_best .ui_row {margin-bottom: 40px;}
+	.dp_best .ui_row .ui_col_12 {margin: 0;}
+	.dp_best .ui_row .ui_col_12 .form_field {justify-content: flex-end;}
+	.dp_best .ui_row .ui_col_12 .select {width:180px;}
+
+	/* dp_hotdeal */
+	.dp_hotdeal .hotdeal {position: relative; width:100%; height: 540px; margin-bottom: 120px; background: url(/images/pc/thumb/hotdeal_bg.png)no-repeat center center;}
+	#countdown{
+		text-align: center;
+		margin: auto;
+		position: absolute;
+		width:100%;
+		top:268px;
+		left:50%;
+		transform: translateX(-50%);
+	}
+	#countdown #tiles{position: relative; z-index: 1;}
+	#countdown #tiles 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 #tiles span:nth-child(2) {margin: 0 72px;}
+
+	/* 핫딜 전용 아이템 리스트 */
+	.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;}
+	.dp .itemsGrp.rowtype .item_prod .itemBadge, .dp .itemsGrp.rowtype .item_prod .itemcolorchip {display: none;}
+	.dp .itemsGrp.rowtype .item_prod .item_state {display: table; padding-left: 330px; padding-right: 50px; padding-bottom: 0; height: 420px; width: 100%;}
+	.dp .itemsGrp.rowtype .item_prod .itemLink {display: table-cell; position: static; vertical-align: middle;}
+	.dp .itemsGrp.rowtype .item_prod .itemLike {z-index: 99;}
+	.dp .itemsGrp.rowtype .item_prod .itemPic {position: absolute; top: 0; left: 0; margin-bottom: 0; padding-top: 0; width: 280px; height: 420px;}
+	.dp .itemsGrp.rowtype .item_prod .itemPic .shape {z-index: 89;}
+	.dp .itemsGrp.rowtype .item_prod .itemPic::after {background: #f5f5f5; opacity:1; z-index: 87;}
+	.dp .itemsGrp.rowtype .item_prod .itemPic .pd_img {z-index: 88;}
+	.dp .itemsGrp.rowtype .item_prod.sold_out .itemPic:before {content:'SOLD OUT'; position: absolute; top: 50%; left: 50%; font-size: 20px; color:#fff; background: rgba(0,0,0,.5); width: 100%; height: 100%; transform:translate(-50%, -50%); line-height: 420px; z-index: 99; text-align: center;}
+	.dp .itemsGrp.rowtype .item_prod .itemBrand {margin:0px 6px 65px; font-size: 16px; font-weight: 300;}
+	.dp .itemsGrp.rowtype .item_prod .itemComment {position: absolute; left: 340px; top: 150px; font-size: 16px; font-weight: 300; margin:0;}
+	.dp .itemsGrp.rowtype .item_prod .itemName {margin:0px 6px 40px; font-size: 30px; font-weight: 200; line-height: 1.2; max-height:80px;}
+	.dp .itemsGrp.rowtype .item_prod .itemPrice {font-size: 30px; line-height: 1; font-weight: 500;}
+	.dp .itemsGrp.rowtype .item_prod .itemPrice_original {font-size: 20px; font-weight: 200;}
+	.dp .itemsGrp.rowtypeㅜ .item_prod .itemPercent {font-size: 42px; line-height: 0.8;}
+
+	/* dp_Exhibition */
+	.dp_Exhibition .best_nav {display: flex; justify-content: center; padding-bottom: 20px;}
+	.dp_Exhibition .best_nav ul::after {content:''; display: block; clear: both;}
+	.dp_Exhibition .best_nav ul li {float: left; margin-right: 40px; }
+	.dp_Exhibition .best_nav ul li button {position: relative; font-size: 20px; color:#888;}
+	.dp_Exhibition .best_nav ul li button:hover, .dp_Exhibition .best_nav ul li button.active {color: #222;}
+	.dp_Exhibition .best_nav ul li:hover button::after, .dp_Exhibition .best_nav ul li button.active::after{content:''; position: absolute; bottom:-3px; left:0; width:100%; height: 2px; background: #222; }
+	.dp_Exhibition .best_nav ul li:hover button::after {content:''; position: absolute; bottom:-3px; left:0; width:100%; height: 2px; background: #222;}
+	.dp_Exhibition .best_nav ul li:last-child {margin-right: 0;}
+	.dp_Exhibition .cont_body > .ui_row {margin-bottom: 40px;}
+	.dp_Exhibition .ui_row .ui_col_12 {margin: 0;}
+	.dp_Exhibition .ui_row .ui_col_12::after {content:''; display: block; clear: both;}
+	.dp_Exhibition .ui_row .ui_col_12 .form_count {float: left; margin-top: 25px;}
+	.dp_Exhibition .ui_row .ui_col_12 .form_count p {font-size: 16px; font-weight: 200; color:#888;}
+	.dp_Exhibition .ui_row .ui_col_12 .form_count p span {font-weight: 500;}
+	.dp_Exhibition .ui_row .ui_col_12 .select {width:180px; float: right;}
+	.dp_Exhibition .ui_row .ui_col_12 .form_count p span {color:#fd4802;}
+	.dp .ui_row .ui_col_12 .btn_group {float: right;}
+	.dp .ui_row .ui_col_12 .btn_group > .btn {padding: 12px 96px 12px 19px; line-height: 1; font-size: 14px; color: #666;}
+	.dp .ui_row .ui_col_12 .btn_group > .btn .caret {
+		content: "";
+		width: 0;
+		height: 0;
+		box-sizing: border-box;
+		position: absolute;
+		top: 16px;
+		right: 19px;
+		border: 6px solid transparent;
+		border-color: #888888 transparent transparent transparent;
+	}
+	.dp .ui_row .ui_col_12 .btn_group .btn.on {
+		border-color: #222;
+	}
+	.dp .ui_row .ui_col_12 .btn_group .btn.on .caret {
+		top: 10px;
+		border-color: transparent transparent #888888 transparent;
+	}
+	.dp .ui_row .ui_col_12 .btn_group .dropdown_menu {
+		width:720px;
+		padding: 40px;
+		left: inherit;
+		top:98.5%;
+		right: 0;
+		margin: 0;
+		border-color: #222;
+		box-shadow: none;
+	}
+	.dp .ui_row .ui_col_12 .btn_group .dropdown_menu ul {padding-bottom: 40px; border-bottom: 1px solid #ddd;}
+	.dp .ui_row .ui_col_12 .btn_group .dropdown_menu ul::after {content:''; display: block; clear:both}
+	.dp .ui_row .ui_col_12 .btn_group .dropdown_menu ul li {float: left; width:36.3%; margin-top: 22px;}
+	.dp .ui_row .ui_col_12 .btn_group .dropdown_menu ul li:nth-child(3n+0) {width:25%;}
+	.dp .ui_row .ui_col_12 .btn_group .dropdown_menu ul li:first-child,.dp .ui_row .ui_col_12 .btn_group .dropdown_menu ul li:nth-child(2),.dp .ui_row .ui_col_12 .btn_group .dropdown_menu ul li:nth-child(3) {margin-top: 0;}
+	.dp .ui_row .ui_col_12 .btn_group .dropdown_menu label {cursor: pointer; font-size: 14px; font-weight: 300;}
+	.dp .ui_row .ui_col_12 .btn_group .dropdown_menu input {
+		position: absolute;
+		display: block;
+		overflow: hidden;
+		height: 1px;
+		width: 1px;
+		clip: rect(1px, 1px, 1px, 1px);
+	}
+	.dp .ui_row .ui_col_12 .btn_group .dropdown_menu input:checked+span {color:#fd4802;}
+	.dp .ui_row .ui_col_12 .btn_group .dropdown_menu .ui_row {justify-content: center; margin: 30px 0 0;}
+	.dp .ui_row .ui_col_12 .btn_group .dropdown_menu .ui_row .fillter_reset {position: relative; padding: 10px 15px 10px 32px; background: #f5f5f5;}
+	.dp .ui_row .ui_col_12 .btn_group .dropdown_menu .ui_row .fillter_reset::before {
+		content:''; 
+		position: absolute; 
+		top:50%; 
+		left:14px; 
+		transform: translateY(-50%);
+		width:13px; 
+		height: 13px; 
+		background: url(/images/pc/ico_filter_reset.png)no-repeat;
+	}
+	.dp .ui_row .ui_col_12 .btn_group .dropdown_menu .ui_row button {width:92px;}
+	.dp .ui_row .ui_col_12 .btn_group .dropdown_menu .ui_row button:last-child {background: #222;}
+	.dp .ui_row .ui_col_12 .btn_group .dropdown_menu .ui_row button:last-child span {color:#fff;}
+	.dp_Exhibition .list_content {max-width: 1780px;}
+	.dp_Exhibition .itemPic {padding-top: 100%;}
+	.dp_Exhibition .item_prod {width: 340px; margin-bottom: 80px;}
+	.dp_Exhibition .item_prod .itemName {font-size: 18px; line-height: 1.5; overflow:visible; max-height: none;}
+	.dp_Exhibition .item_prod .item_state {padding: 0;}
+	.dp_Exhibition .item_prod .summary {display: inline-block; margin: 0px 6px 0; line-height: 1; font-size:14px; font-weight: 400; color: rgb(137, 137, 137);}
+	.dp_Exhibition .item_prod:nth-child(5n+0) {margin-right: 0;}
+	.dp_Exhibition .item_prod:nth-child(6n+0) {margin-right: 20px;}
+	.dp_Exhibition .itemsGrp {margin-bottom: 80px;}
+	.dp_Exhibition .itemsGrp .exhi_item {float:left; width: 24.15%; overflow: hidden; margin:0 1.12% 40px 0;}
+	.dp_Exhibition .itemsGrp .exhi_item {float:left; width: 24.15%; overflow: hidden; margin:0 1.12% 40px 0;}
+	.dp_Exhibition .itemsGrp .exhi_item:nth-child(4n) {margin:0 0 40px 0;}
+	.dp_Exhibition .itemsGrp .exhi_item .exhi_item_img {width: 430px; height: 430px; overflow: hidden;} 
+	.dp_Exhibition .itemsGrp .exhi_item .exhi_item_img img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height:auto;}
+	.dp_Exhibition .itemsGrp .exhi_item .exhi_item_img a {position: relative; width: 100%; height: 100%; display: block; padding-bottom: 100px;}
+	.dp_Exhibition .itemsGrp .exhi_item .exhi_item_img a .shape {max-width:52px; min-height:52px; width: 42px;}
+	.dp_Exhibition .itemsGrp .exhi_item .exhi_item_img a .shape span {width: 43px; font-weight: 300;}
+	.dp_Exhibition .itemsGrp .exhi_item .exhi_item_img a .shape:after {height: 42px;}
+	.dp_Exhibition .itemsGrp .exhi_item .exhi_item_img a:after {content:''; position: absolute; left: 0; bottom: 0; width: 100%; height: 342px; background: linear-gradient(0deg, rgba(0,0,0,1) 0%, transparent 100%); z-index: 8;}
+	.dp_Exhibition .itemsGrp .exhi_item .exhi_item_img .exhi_detail {position: absolute; left: 0; bottom: 100px; z-index: 9; padding: 23px; padding-bottom: 0;}
+	.dp_Exhibition .itemsGrp .exhi_item .exhi_item_img .exhi_detail * {display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #fff; font-weight: 300; letter-spacing: 0;}
+	.dp_Exhibition .itemsGrp .exhi_item .exhi_item_img .exhi_detail .brand {font-size: 14px;}
+	.dp_Exhibition .itemsGrp .exhi_item .exhi_item_img .exhi_detail .tit {margin:20px 0 15px; max-height:66px; font-size: 24px; line-height: 1.4; word-break: keep-all;}
+	.dp_Exhibition .itemsGrp .exhi_item .exhi_item_img .exhi_detail .sale {font-size: 14px;}
+
+	.dp_Exhibition .itemsGrp .exhi_item_pr {background: #fff; padding: 20px; position: relative; z-index: 99; width: 380px; margin:-70px auto 0;}
+	.dp_Exhibition .itemsGrp .exhi_item_pr li {float:left; width: 100px; margin-right: 20px;}
+	.dp_Exhibition .itemsGrp .exhi_item_pr li:last-child {margin-right: 0;}
+	.dp_Exhibition .itemsGrp .exhi_item_pr li .img {position: relative; background: #f5f5f5; width: 100%; height: 150px; overflow: hidden;}
+	.dp_Exhibition .itemsGrp .exhi_item_pr li .img img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
+	.dp_Exhibition .itemsGrp .exhi_item_pr li .txt p {display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #222; word-break: keep-all;}
+	.dp_Exhibition .itemsGrp .exhi_item_pr li .txt .pr_tit {margin:20px 0; line-height: 1.4; font-size: 14px; max-height:38px;}
+	.dp_Exhibition .itemsGrp .exhi_item_pr li .txt .price {font-size: 16px; font-weight: 300;}
+	
+	/* dp_Bulletship */
+	.Bulletship {padding-bottom: 120px;}
+	.Bulletship .Bulletship_head {width:1780px; height: 813px; background: url(/images/pc/thumb/bullet_bg1.png)no-repeat center center;}
+	.Bulletship .Bulletship_body {text-align: center; padding: 60px 0 72px;}
+	.Bulletship .Bulletship_body > p {margin-top: 30px;}
+	.Bulletship .Bulletship_body > p:first-child {position: relative; margin-bottom: 26px; padding-top: 38px;}
+	.Bulletship .Bulletship_body > p:first-child::before {position: absolute; content: ''; width:63px; height: 31px; top:0; left:50%; transform: translateX(-50%); background: url(/images/pc/ico_home.png)no-repeat;}
+	.Bulletship .Bulletship_body > p:nth-child(2) {margin-bottom: 46px;}
+	.Bulletship .Bulletship_body > p:nth-child(2) span {color: #fd4802;}
+	.Bulletship .Bulletship_body > p:nth-child(3) {margin-top: 30px;}
+	.Bulletship .Bulletship_foot {width:1780px; height: 393px; background: url(/images/pc/thumb/bullet_bg2.png)no-repeat center center;}
+	.Bulletship .Bulletship_body .search {position: relative; width:720px; height: 80px; margin: 0 auto; border: 3px solid #fd4802;}
+	.Bulletship .Bulletship_body .search .area,.Bulletship .Bulletship_body .search form,.Bulletship .Bulletship_body .search fieldset{height: 100%;}
+	.Bulletship .Bulletship_body .search .ico_search:before {width:35px; height: 36px; background: url(/images/pc/ico_search_bullet.png)no-repeat;}
+	.Bulletship .Bulletship_body .search input {width:100%; height: 100%; border: none; padding: 22px 30px;}
+	.Bulletship .Bulletship_body .search button {position: absolute; top:20px; right:19px;}
+	.Bulletship .Bulletship_body .bullet_able,.Bulletship .Bulletship_body  .normal_able {width:720px; padding: 26px 112px; margin-bottom: 30px; box-sizing: border-box; background: #f5f5f5;}
+	.Bulletship .Bulletship_body > div {width:720px; margin: 0 auto;}
+	.dp .bullet_sticky_nav {margin-bottom: 0px !important; padding:20px 0; background: #fff; border-top:1px solid #222; border-bottom:1px solid #222; z-index: 20;}
+	.container.dp .bullet_sticky_nav.sticky {position: fixed; max-width: 1780px; top: 0px;}
+	/* .dp .bullet_sticky_nav ul {overflow-x: scroll; white-space: nowrap; -ms-overflow-style: none; cursor: grab;}
+	.dp .bullet_sticky_nav ul::-webkit-scrollbar {display: none;} */
+	.dp .bullet_sticky_nav ul li {position: relative; display: inline-block; padding: 20px 40px;}
+	.dp .bullet_sticky_nav ul li:last-child::after {display: none;}
+	.dp .bullet_sticky_nav ul li::after {content:''; position: absolute; top:50%; right: 0; transform: translateY(-50%); width:1px; height: 14px; background: #ddd;}
+	.dp .bullet_sticky_nav ul li a {font-weight: 500;}
+	.dp .list_content .item_header {text-align: center; padding: 78px 0 68px;}
+	
+	/* dp_Bulletship_pop */
+	.modal.ship_pop {padding: 60px; max-width:580px; height: 490px; text-align: center;}
+	.modal.ship_pop .modal-header {margin-bottom: 30px;}
+	.modal.ship_pop .modal-header p:first-child {position: relative; margin-bottom: 14px; padding-top: 38px;}
+	.modal.ship_pop .modal-header p:first-child::before {position: absolute; content: ''; width:63px; height: 31px; top:0; left:50%; transform: translateX(-50%); background: url(/images/pc/ico_home.png)no-repeat;}
+	.modal.ship_pop .modal-header p span {color:#fd4802;}
+	.modal.ship_pop .modal-body {background: #f5f5f5; padding: 30px 34px;}
+	.modal.ship_pop .modal-footer {margin-top: 30px;}
+	.modal.ship_pop .modal-footer p {margin-bottom: 28px;}
+	/* dp_Bulletship_pop */
+
+	/* dp_detail_case1 */
+	.dp .wide .cont_head div div {position: absolute; width:28px; height: 30px; top:0; right:70px; background: url(/images/pc/ico_sns_share.png)no-repeat;}
+	.dp .wide .cont_head div div a {display: inline-block; width:100%; height: 100%; text-indent: -9999px;}
+	.dp .wide .cont_body .coner_content .coner_front .big_banner {width:100%; height: 1378px; background: url(/images/pc/thumb/detail_case_bg.png)no-repeat;}
+	.dp .wide .cont_body .coner_content .coner_item01 {padding: 120px 0 60px;}
+	.dp .wide .cont_body .coner_content .coner_item01 .dp_listItems_wrap > div:first-child {margin-bottom: 54px; text-align: center;}
+	.dp .wide .cont_body .coner_content .coner_item01 .dp_listItems_wrap > div:first-child p {font-size: 30px; line-height: 1;}
+	.dp .wide .cont_body .coner_content .coner_item01 .dp_listItems_wrap > div:first-child a {padding-right: 30px; font-size: 30px; color: #222; font-weight: 500; background:url(/images/pc/ico_dp_arrow.png) no-repeat right top 2px;}
+	.dp .wide .cont_body .coner_content .coner_visual {max-width: 1780px; margin: 0 auto;}
+	.dp .wide .coner_item01 .dp_listItems_cont ul > .ui_row {padding: 60px 0; margin: 0; justify-content: center;}
+	.dp .wide .dp_listItems_cont {display: flex; justify-content: center;}
+	.dp .wide .dp_listItems_cont ul li:first-child {margin-bottom: 40px;}
+	.dp .wide .dp_listItems_cont ul li .dp_listItems::after {content: ''; display: block; clear: both;}
+	.dp .wide .dp_listItems_cont ul li .dp_listItems > div {float: left;}
+	.dp .wide .dp_listItems_cont ul li .dp_listItems .dp_listItems_info { padding: 184px 0 0 50px;}
+	.dp .wide .dp_listItems_info .dp_listItems_brand {margin-bottom: 20px;}
+	.dp .wide .dp_listItems_info .dp_listItems_brand,.dp_listItems_info .dp_listItems_price del {color:#888;}
+	.dp .wide .dp_listItems_cont ul li .dp_listItems .dp_listItems_name {margin-bottom: 26px;}
+	.dp .wide .dp_listItems_info .dp_listItems_price {margin-bottom: 30px;}
+	.dp .wide .dp_listItems_info .dp_listItems_price del {margin: 0 8px;}
+	.dp .wide .dp_listItems_info .dp_listItems_price .percent{color:#fd4802;}
+	.dp .wide .dp_lookbook_case1 {position: relative;}
+	.dp .wide .dp_lookbook_case1 .slick-prev{display:block; position:absolute; left:50px; top:50%; width:26px; height:50px; background:url(/images/pc/slide_prev.png) no-repeat left; text-indent:-9999px; z-index:10; transform:translateY(-50%);}
+	.dp .wide .dp_lookbook_case1 .slick-next{display:block; position:absolute; right:50px; top:50%; width:26px; height:50px; background:url(/images/pc/slide_next.png) no-repeat right; text-indent:-9999px; z-index:10; transform:translateY(-50%);}
+	.dp .wide .dp_lookbook_case1 .slick-dots{position:absolute; left:0; bottom:-40px; width:100%; text-align:center; z-index:10;}
+	.dp .wide .dp_lookbook_case1 .slick-dots li{display:inline-block; width:10px; height:10px; margin:0 5px; text-align:center;}
+	.dp .wide .dp_lookbook_case1 .slick-dots li button{display:inline-block; width:10px; height:10px; background:#ddd; border-radius: 50%; text-indent:-9999em;}
+	.dp .wide .dp_lookbook_case1 .slick-dots li.slick-active button{background:#fd4802;}
+
+	/* dp_detail_case2 */
+	.dp .wide .cont_body .coner_content .coner_item02 {padding-top: 120px;}
+	.dp .wide .cont_body .coner_content .coner_item02 .dp_coupon_wrap > div:first-child {margin-bottom: 60px; text-align: center;}
+	.dp .wide .cont_body .coner_content .coner_item02 .dp_coupon_wrap > div:first-child p {font-size: 30px; line-height: 1; font-weight: 500;}
+
+	/* dp_detail_case2 쿠폰 */
+	.dp .coupon_list {margin-bottom: 60px;}
+	.dp .coupon_list li {float:left; width: 285px; margin:0 20px 20px 0;  position: relative; position: relative; overflow: hidden;}
+	.dp .coupon_list li:nth-child(4n) {margin-right: 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:30px 20px 18px; padding-right: 5px;}
+	.dp .coupon_list li .cp_detail .tit {margin-bottom: 13px; font-size: 14px;}
+	.dp .coupon_list li .cp_detail .sale_t {display: block; color: #fd4802; font-size: 30px; margin-bottom: 15px;}
+	.dp .coupon_list li .cp_detail .sale_t span {font-weight: 600;}
+	.dp .coupon_list li .cp_detail .sale_t.won_t {font-size: 22px;}
+	.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: 12px; line-height: 1.5; height: 36px; word-break: keep-all;}
+	.dp .coupon_list li .cp_detail .cp_cnt {display: none; background: #fff5f3; 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:13px 5px; font-size: 16px; 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: 20px;}
+	.dp .coupon_list li .cp_info button span {display: inline-block; border-bottom: 1px solid #888; color: #888;}
+	
+	.dp_coupon_list {display: flex; justify-content: center; flex-wrap: wrap; max-width: 1580px; min-width: 1580px; padding: 0 260px 120px; margin: 0 auto; box-sizing: border-box;}
+	.dp_coupon_list .dp_coupon_item {text-align: center;}
+	.dp_coupon_list .dp_coupon_item div:last-child {margin-top: 18px;}
+	.dp_coupon_list .dp_coupon_item div:last-child a {padding-bottom: 2px; border-bottom: 1px solid #888;}
+	.dp_coupon_list .dp_coupon_item:nth-child(1) {margin-bottom: 78px;}
+	.dp_coupon_list .dp_coupon_item:nth-child(2) {margin: 0 0 0 100px;}
+	.dp_coupon_list .dp_coupon_item:nth-child(3) {margin: 0 0 0 100px;}
+	.dp_coupon_list .dp_coupon_item:nth-child(5) {margin: 0 0 0 100px;}
+	.dp_coupon_list .dp_coupon_item:nth-child(6) {margin: 0 0 0 100px;}
+	.dp_coupon_list .dp_coupon {position: relative; width:286px;  padding: 36px 40px; box-sizing: border-box; background: #f5f5f5;}
+	.dp_coupon_list .dp_coupon::before {
+		content:''; 
+		position: absolute; 
+		width: 0px; height: 0px;
+		top:-26px;
+		left:-26px;
+		border-top:26px solid transparent;
+		border-bottom:26px solid #fff;
+		border-right: 26px solid transparent;
+		border-left: 26px solid  transparent;
+		transform: rotate(-45deg);
+	}
+	.dp_coupon_list .dp_coupon::after {
+		content:''; 
+		position: absolute; 
+		width: 0px; height: 0px;
+		bottom:-26px;
+		right: -26px;
+		border-top:26px solid transparent;
+		border-bottom:26px solid #fff;
+		border-right: 26px solid transparent;
+		border-left: 26px solid  transparent;
+		transform: rotate(135deg);
+	}
+	.dp_coupon_list .dp_coupon p:first-child {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
+	.dp_coupon_list .dp_coupon p:last-of-type {margin-top: 22px; font-size: 40px; line-height: 1; color:#fd4802;}
+	.dp_coupon_list .dp_coupon button {position: absolute; width:50px; height: 50px; top:-16px; right: -16px; background: url(/images/pc/ico_down_btn.png)no-repeat;}
+	.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_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_coupon_tip .dp_coupon_notice::after {content:'유의사항'; display: inline-block; margin-top: 20px; color:#888;}
+	.dp_coupon_tip ul {margin-left: 90px;}
+	.dp_coupon_tip ul li {position: relative; padding-left: 12px; margin-bottom: 12px; color:#888;}
+	.dp_coupon_tip ul li:last-child {margin-bottom: 0;}
+	.dp_coupon_tip ul li::before {content:''; position: absolute; width:2px; height: 2px; top:46%; left:0; transform: scaleY(-50%); background: #888;}
+	.dp .announce_txt {position: relative; max-width: 1580px; margin: 0 auto; padding-top: 60px;}
+	.dp .announce_txt:before {content:''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1580px; height: 1px; background: #ddd;}
+	.dp .announce_txt .note_txt {top: 60px;}
+	/* .dp .wide .coner_visual .dp_banner_slide {padding-bottom: 170px;} */
+	.dp .wide .coner_visual .dp_banner_slide .slide_head {position: relative; width:810px; margin: 0 auto; padding:120px 0 60px; text-align: center;}
+	.dp .wide .coner_visual .dp_banner_slide .slide_head p {font-size: 30px; line-height: 1;}
+	.dp .wide .coner_visual .dp_banner_slide .slide_head a {padding-right: 30px; font-size: 30px; color: #222; font-weight: 500; background:url(/images/pc/ico_dp_arrow.png) no-repeat right top 2px;}
+	.dp .wide .coner_visual .dp_lookbook_case2 {width:810px; margin: 0 auto;}
+	.dp .wide .coner_visual .dp_lookbook_case2 .slider .slick-list {margin:0 -10px;}
+	.dp .wide .coner_visual .dp_lookbook_case2 .slick-slide {margin:0 10px;}
+	.dp .wide .dp_lookbook_case2 .slick-prev{display:block; position:absolute; left:-65px; top:40%; width:26px; height:50px; background:url(/images/pc/slide_prev.png) no-repeat left; text-indent:-9999px; z-index:10; transform:translateY(-50%);}
+	.dp .wide .dp_lookbook_case2 .slick-next{display:block; position:absolute; right:-65px; top:40%; width:26px; height:50px; background:url(/images/pc/slide_next.png) no-repeat right; text-indent:-9999px; z-index:10; transform:translateY(-50%);}
+	.dp .wide .dp_lookbook_case2 .slick-dots{position:absolute; left:0; bottom:0; width:100%; text-align:center; z-index:10;}
+	.dp .wide .dp_lookbook_case2 .slick-dots li{display:inline-block; width:10px; height:10px; margin:0 5px; text-align:center;}
+	.dp .wide .dp_lookbook_case2 .slick-dots li button{display:inline-block; width:10px; height:10px; background:#ddd; border-radius: 50%; text-indent:-9999em;}
+	.dp .wide .dp_lookbook_case2 .slick-dots li.slick-active button{background:#fd4802;}
+	.dp .wide .dp_lookbook_case2 .itemPrice::after {content:''; display: block; clear: both;}
+	.dp .wide .dp_lookbook_case2 .itemPrice p:first-child,.dp .wide .dp_lookbook_case2 .itemPrice del {float: left;}
+	.dp .wide .dp_lookbook_case2 .itemPrice del {color:#888;}
+	.dp .wide .dp_lookbook_case2 .itemPrice p:last-child {float: right; color: #fd4802;}
+	.dp .wide .dp_lookbook_item > div:last-child {max-width: 395px; padding: 18px 0 56px;}
+	.foot_banner_slide {/*width:1640px;*/ margin: 0 auto;padding:0 70px;}
+	.foot_banner_slide > div:first-child {position: relative; text-align: center; padding: 60px 0;}
+	.foot_banner_slide > div:first-child p {font-size: 30px; line-height: 1; font-weight: 500;}
+	.foot_banner_slide > div:first-child a {position: absolute; top:50%; right:0; transform: translateY(-50%); padding-right: 16px; color:#888; background: url(/images/pc/ico_bread_root.png)no-repeat right top;}
+	.foot_banner_slide .dp_lookbook_case3 .dp_lookbook_item > div {width:312px;}
+	.foot_banner_slide .dp_lookbook_case3 .dp_lookbook_item > div:last-child {padding: 22px 0 104px;}
+	.foot_banner_slide .slick-slide img {width: 100%; height:auto;}
+	.foot_banner_slide .dp_lookbook_case3 .slick-prev{display:block; position:absolute; left:-65px; top:31%; width:26px; height:50px; background:url(/images/pc/slide_prev.png) no-repeat left; text-indent:-9999px; z-index:10; transform:translateY(-50%); opacity: 0.5;}
+	.foot_banner_slide .dp_lookbook_case3 .slick-next{display:block; position:absolute; right:-65px; top:31%; width:26px; height:50px; background:url(/images/pc/slide_next.png) no-repeat right; text-indent:-9999px; z-index:10; transform:translateY(-50%); opacity: 0.5;}
+
+	/* dp_detail_casePOPUP */
+	.modal.dp_coupon_pop {max-width: 600px; padding: 60px;}
+	.modal.dp_coupon_pop .modal-header {padding-bottom: 40px; margin-bottom: 0; border-bottom: 1px solid #222;}
+	.modal.dp_coupon_pop .modal-header h5 {margin: 0;}
+	.modal.dp_coupon_pop .modal-body {padding: 30px 20px; border-bottom: 1px solid #ddd;}
+	.modal.dp_coupon_pop .modal-body p {margin-bottom: 20px;}
+	.modal.dp_coupon_pop .modal-body p:last-child {margin-bottom: 0;}
+	.modal.dp_coupon_pop .modal-body p strong {margin-right: 60px; color:#222;}
+	.modal.dp_coupon_pop .modal-footer {margin-top: 20px;}
+	.modal.dp_coupon_pop .modal-footer p {position: relative; padding: 0 14px;}
+	.modal.dp_coupon_pop .modal-footer p::before {content:''; position: absolute; width:3px; height: 3px; top:8px; left:0; background: #888;}
+	.modal.dp_coupon_pop .modal-footer p:first-child {margin-bottom: 10px;}
+
+	/* dp_detail_case3 */
+	.dp .wide .dp_lookbook_case4 {position: relative;}
+	.dp .wide .dp_lookbook_case4 .slick-prev{display:block; position:absolute; left:70px; top:50%; width:26px; height:50px; background:url(/images/pc/slide_prev.png) no-repeat left; text-indent:-9999px; z-index:10; transform:translateY(-50%); opacity: 0.5;}
+	.dp .wide .dp_lookbook_case4 .slick-next{display:block; position:absolute; right:70px; top:50%; width:26px; height:50px; background:url(/images/pc/slide_next.png) no-repeat right; text-indent:-9999px; z-index:10; transform:translateY(-50%); opacity: 0.5;}
+	.dp .wide .dp_lookbook_case4 .slick-dots{position:absolute; left:0; bottom:40px; width:100%; text-align:center; z-index:10;}
+	.dp .wide .dp_lookbook_case4 .slick-dots li{display:inline-block; width:10px; height:10px; margin:0 5px; text-align:center;}
+	.dp .wide .dp_lookbook_case4 .slick-dots li button{display:inline-block; width:10px; height:10px; background:#ddd; border-radius: 50%; text-indent:-9999em;}
+	.dp .wide .dp_lookbook_case4 .slick-dots li.slick-active button{background:#fd4802;}
+	.coner_item03 .slide_head {position: relative; width:1640px; margin: 0 auto; text-align: center; padding:0 0 60px;}
+	.coner_item03 .slide_head p {font-size: 30px;}
+	.coner_item03 .slide_head a {padding-right: 30px; font-size: 30px; color: #222; font-weight: 500; background:url(/images/pc/ico_dp_arrow.png) no-repeat right top 2px;}
+	.dp .wide .coner_item03 {padding-top: 120px;}
+	.dp .wide .coner_item03 .dp_lookbook_case5 {width:1640px; margin: 0 auto;}
+	.dp .wide .coner_item03 .dp_lookbook_case5 .slider .slick-list {margin:0 -10px;}
+	.dp .wide .coner_item03 .dp_lookbook_case5 .slick-slide {margin:0 10px;}
+	.dp .wide .coner_item03 .dp_lookbook_case5 .dp_lookbook_item > div:last-child {text-align: left;}
+	.dp .wide .dp_lookbook_case5 .slick-prev{display:block; position:absolute; left:-65px; top:40%; width:26px; height:50px; background:url(/images/pc/slide_prev.png) no-repeat left; text-indent:-9999px; z-index:10; transform:translateY(-50%); opacity: 0.5;}
+	.dp .wide .dp_lookbook_case5 .slick-next{display:block; position:absolute; right:-65px; top:40%; width:26px; height:50px; background:url(/images/pc/slide_next.png) no-repeat right; text-indent:-9999px; z-index:10; transform:translateY(-50%); opacity: 0.5;}
+	.dp .wide .dp_lookbook_case5 .slick-dots{position:absolute; left:0; bottom:-20px; width:100%; text-align:center; z-index:10;}
+	.dp .wide .dp_lookbook_case5 .slick-dots li{display:inline-block; width:10px; height:10px; margin:0 5px; text-align:center;}
+	.dp .wide .dp_lookbook_case5 .slick-dots li button{display:inline-block; width:10px; height:10px; background:#ddd; border-radius: 50%; text-indent:-9999em;}
+	.dp .wide .dp_lookbook_case5 .slick-dots li.slick-active button{background:#fd4802;}
+	.dp .wide .dp_lookbook_case5 .itemPrice::after {content:''; display: block; clear: both;}
+	.dp .wide .dp_lookbook_case5 .itemPrice p:first-child,.dp .wide .dp_lookbook_case5 .itemPrice del {float: left;}
+	.dp .wide .dp_lookbook_case5 .itemPrice del {color:#888;}
+	.dp .wide .dp_lookbook_case5 .itemPrice p:last-child {float: right; color: #fd4802;}
+	.dp .wide .coner_item03 .dp_review_cont {padding: 120px 0; margin:120px 0 0; background: #f5f5f5;}
+	.dp .wide .coner_item03 .dp_review {max-width: 1200px; margin: 0 auto;}
+	.dp .wide .coner_item03 .dp_review > div {margin-bottom: 60px; text-align: center; font-weight: 500;}
+	.dp .wide .coner_item03 .dp_review > div p {font-size: 30px; line-height: 1;}
+	.dp .wide .coner_item03 .dp_review section {border-top: 1px solid #ddd; padding: 30px 0;}
+	.dp .wide .coner_item03 .dp_review .ui_row {justify-content: center; margin:60px 0 0;}
+	.dp .wide .coner_item03 .dp_review .ui_row .btn {border-color: #a1a1a1;}
+	.dp .wide .coner_item03 .dp_review section:last-of-type {border-bottom: 1px solid #ddd;}
+	.review_summary {margin-bottom: 20px;}
+	.review_summary div span {display: inline-block;}
+	.review_summary div span *,.review_summary div dl * {display:inline-block;}
+	.review_summary div span dt,.review_summary div dl dt {margin-right: 12px; color:#fd4802;}
+	.review_summary div dl dd {margin-right: 30px;}
+	.review_summary .review_head {margin-bottom: 20px;}
+	.review_summary .review_head::after {content:''; display: block; clear: both;}
+	.review_summary .review_head * {float: left;}
+	.review_summary .review_head .best {
+		display: inline-block;
+		margin: 0;
+		padding:0 10px;
+		line-height: 22px;
+		height: 22px;
+		color: #fff;
+		background: #fd4802;
+		box-sizing: border-box;
+	}
+	.review_summary .review_head .best::after {content: "BEST";}
+	.review_summary .review_head .date {float: right;}
+	.review_summary .review_head .date em:first-child {margin-right: 20px;}
+	.review_summary .review_head .star { width:100px; height: 22px; margin-right: 10px; background:#000;}
+	.review_summary .review_body {margin-bottom: 10px;}
+	.review_summary .review_body,.review_summary .review_foot {display: block;}
+	.review_content .review_photo {display: flex; justify-content: flex-start;}
+	.review_content .review_photo a {margin-left: 10px;}
+	.review_content .review_photo a:first-child {margin-left: 0;}
+	.review_content .review_photo a img {display: block;} 
+	.review_content .review_text {padding: 24px 0 0;}
+	.review_content .review_text p {line-height:2; max-width: 1100px; overflow: hidden; word-break: break-all;}
+
+	/* 전시_서브메인 */
+	.container.dp .content {max-width:1780px; margin:0 auto 120px !important;}
+	.container.dp .content.wide {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-container {padding-bottom: 60px;}
+	.dp .dp_submain .dp_sum_slide .img img {width: 100%; height:auto;}
+	.dp .dp_submain .dp_sum_slide .txt .subject {margin:20px 0; font-size: 24px; line-height: 1.5; font-weight: 300; color:#222; min-height:66px; max-height:66px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;}
+	.dp .dp_submain .dp_sum_slide .txt span {font-size: 16px; font-weight: 200; color: #222;}
+	.dp .dp_submain .swiper-button-next.swiper-button-disabled, .dp .dp_submain .swiper-button-prev.swiper-button-disabled {pointer-events:auto;}
+	.dp .dp_submain .swiper-container-horizontal>.swiper-pagination-progressbar {top:auto; bottom:0; height: 2px;}
+	.dp .dp_submain .swiper-pagination-progressbar {background: #ddd;}
+	.dp .dp_submain .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #222;}
+	.dp .dp_submain .swiper-button-next.swiper-button-disabled, .dp .dp_submain .swiper-button-prev.swiper-button-disabled {opacity: 0;}
+	.dp .dp_submain .swiper-button-next, .dp .dp_submain .swiper-button-prev {top: 200px; width: 50px; height: 50px; margin-top: 0;}
+	.dp .dp_submain .swiper-button-next:after, .dp .dp_submain .swiper-button-prev:after {display: none;}
+	.dp .dp_submain .swiper-button-next {right: 0; background: url(/images/pc/slide_next.png) no-repeat center;}
+	.dp .dp_submain .swiper-button-prev {left: 0; background: url(/images/pc/slide_prev.png) no-repeat center;}
+	.dp .dp_category {margin:120px 0; padding:80px 0; background: #f5f5f5; text-align: center;}
+	.dp .dp_category .dp_cate_list {width: 1400px; margin:0 -5px; display: inline-block;}
+	.dp .dp_category .dp_cate_list:after {content:''; display: block; clear: both;}
+	.dp .dp_category .dp_cate_list a {box-sizing:border-box; float:left; background: #fff url(/images/pc/ico_more_lg.png) no-repeat right 24px center; border:1px solid #ddd; width: 220px; line-height: 58px; margin:0 5px 20px; padding:0 24px; font-size: 18px; font-weight: 500; color: #666; text-align: left;}
+	
+	.dp .main_trendy {background: #fff; padding:0 70px;}
+	.dp .main_trendy .item_prod {margin-bottom: 0;}
+	.dp .main_trendy .cont_head {margin-bottom: 60px;}
+	.dp .main_trendy .cont_body {padding:0;}
+	.dp .main_trendy .slick-dots {bottom: 0;}
+	.dp .main_recomm {padding: 0; max-width:1640px !important;}
+	.dp .main_recomm .item_prod {width: 20%;}
+	.dp .post-recomm .post {margin: 0;}
+	.dp .slick-dots {bottom: 0;}
+
+	/* 전시_룩북 */
+	.dp .event_list .event_top {position: relative; margin-bottom: 30px; height: 40px;}
+	.dp .event_list .event_top:after {content:''; clear:both; display: block;}
+	.dp .event_list .event_top .count {width: 130px; font-size: 16px; font-weight: 200; color: #888; display: inline-block; padding-top: 20px;}
+	.dp .event_list .event_top .count span {color: #fd4802; font-weight: 300;}
+	.dp .event_list .event_top .event_btn {position: absolute; top: 0; right: 0;}
+	.dp .event_list .event_top .event_btn a {display: inline-block; background: url(/images/pc/ico_more_sm.png) no-repeat right 20px top 10px; padding: 9px 23px; padding-right: 36px; border:1px solid #a7a7a7; font-size: 14px; color: #222; font-weight: 300;}
+	.dp .event_list .list li {float:left; position: relative; width: 24.15%; margin: 0 1.12% 80px 0;}
+	.dp .event_list .list li:nth-child(4n) {margin: 0 0 80px 0;}
+	.dp .event_list .list li .rank {min-width:52px;}
+	.dp .event_list .list li .ev_img {margin-bottom: 25px; position: relative; width: 430px; height: 430px;}
+	.dp .event_list .list li .ev_img img {position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); width: 100%; height: auto;}
+	.dp .event_list .list li .txt .brand {color: #888; font-weight: 300;}
+	.dp .event_list .list li .txt .tit {display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin: 20px 0 0; min-height:66px; max-height:66px; overflow: hidden; text-overflow: ellipsis; font-size: 24px; line-height: 1.4; color: #222; font-weight: 300; word-break: keep-all;}
+	.dp .event_list .list .no_con {display: none;}
+	.dp .event_list.no_data .list .event_con {display: none;} 
+	.dp .event_list.no_data .list .no_con {display: block; padding:100px 0;}
+	.dp .event_list.no_data .list .no_con li {width: 100%; text-align: center; margin-right: 0;}
+	.dp .event_list.no_data .list .no_con li span {display: block; margin: 25px 0 40px; font-size: 16px; color: #666; font-weight: 300;}
+	.dp .event_list.no_data .list .no_con li a {display: inline-block; padding: 9px 23px; border:1px solid #a7a7a7; font-size: 14px; color: #222; font-weight: 300;}
+	
+	/* od 공통 */
+	.container.od .wrap .content {width:1460px;}
+	.container.od .wrap .content.wide {width:100%;}
+	.od {padding-top:120px; padding-bottom:150px;}
+	.od .cont_head h2 {margin-bottom:0; font-size:40px; font-weight:500; line-height:1; text-align:center; letter-spacing:-1px;}
+	.od .item_slide .item_gd a .price {margin-top:15px}
+	.od .info_txt {padding:30px; line-height:1.2; background:#fff6f2;}
+	.od .info_txt ul li {position: relative; font-size: 14px; color: #888; padding-left: 15px; margin-bottom: 10px;}
+	.od .info_txt ul li:last-child {margin-bottom: 0;}
+	.od .info_txt ul li:after {content:''; position: absolute; top:5px; left: 0; background: #858585; width: 3px; height: 3px;}
+
+	.od .form_field {display:block;}
+	.od .form_field::after {clear:both; display:block; content:'';}
+	.od .form_field input[type="radio"] + label,
+	.od .form_field input[type="checkbox"] + label {padding-left:30px; line-height:1; color:#222; font-size:16px; font-weight:200;}
+	.od .form_field input[type="radio"] + label:before,
+	.od .form_field input[type="radio"]:checked + label:after,
+	.od .form_field input[type="checkbox"] + label:before,
+	.od .form_field input[type="checkbox"]:checked + label:after,
+	.od .form_field input[type="checkbox"]:disabled + label:after {top:50%; transform:translateY(-50%);}
+	.od .form_field .input_wrap {display:block; width:100%; margin:0;}
+	.od .form_field .input_wrap::after {clear:both; display:block;}
+	.od .cont_head .oder_steps {margin-top:40px; margin-bottom:60px; text-align:center;}
+	.od .cont_head .oder_steps ul {display:inline-block;}
+	.od .cont_head .oder_steps ul::after {content:''; clear:both; display:block;}
+	.od .cont_head .oder_steps ul li {float:left; position:relative; margin-left:60px; padding:0 10px; color:#888; font-size:16px; font-weight:200;}
+	.od .cont_head .oder_steps ul li.on {color:#fd4802; font-weight:300;}
+	.od .cont_head .oder_steps ul li::before {content:''; position:absolute; left:-60px; top:50%; width:60px; border-bottom:1px solid #ddd;}
+	.od .cont_head .oder_steps ul li:first-of-type {margin-left:0}
+	.od .cont_head .oder_steps ul li:first-of-type::before {border:none;}
+	.od .od_cont {float:left; width:1080px; min-height:400px;}
+	.od .od_cont * {font-family:inherit; line-height:1; vertical-align:top;}
+	.od .od_cont .tmark_required {color:#fd4802; font-size:12px; font-weight:300; line-height:14px;}
+	.od .od_cont .tmark_optional {color:#888; font-size:12px; font-weight:300; line-height:14px;}
+	.od .od_cont button span {/*vertical-align:middle;*/ line-height: inherit;}
+	.od .od_cont .form_control {min-width:400px; height:42px; padding-left:20px; font-size:14px;} 
+	.od .od_cont .sec_head {margin-bottom:60px;}
+	.od .od_cont .sec_head .tbl .number {color:#fd4802; font-weight:500;}
+	.od .od_cont .sec_head .tbl td {text-align:left;}
+	.od .od_cont .sec_head .tbl td > span {position:relative; margin-left:30px; padding-left:30px;}
+	.od .od_cont .sec_head .tbl td > span::before {content:''; position:absolute; left:-1px; top:50%; transform:translateY(-50%); width:1px; height:10px; background-color:#ddd;}
+	.od .od_cont .sec_head .tbl td > span:first-child {padding-left:0}
+	.od .od_cont .sec_head .tbl td > span:first-child::before {display:none;}
+	.od .od_cont .sec_head .tbl td > span em {margin-left:10px; margin-right:5px;}
+	.od .od_cont .sec_body {}
+	.od .od_cont .sec_body .foldGroup {}
+	.od .od_cont .sec_body .foldGroup > ul > li {padding:0px 30px;}
+	.od_cont .foldGroup .btn.btn_dark {height:42px; line-height:1; padding:10px 20px;}
+	.od_cont .foldGroup .btn_popup {display:inline-block; position:absolute; left:auto; top:50%; transform:translateY(-50%); margin-left:10px; padding:0px 13px; height:34px; color:#222; font-size:14px; font-weight:200; border:1px solid #a7a7a7; box-sizing:border-box;}
+	.od_cont .foldGroup .btn_popup span {vertical-align:top;}
+	.od_cont .foldGroup .btn_link_popup {display:inline-block; position:absolute; left:auto; top:50%; margin-top:-12px; margin-left:10px; padding:0px; box-sizing:border-box;}
+	.od_cont .foldGroup .btn_link_popup span {color:#888; font-size:12px; font-weight:200; border-bottom:1px solid #888;}
+	.od_cont .foldGroup .fold_head::after {right:0px; z-index:-1;}
+	.od_cont .foldGroup .fold_head a {padding:0;}
+	.od_cont .foldGroup .fold_head .fold_tit {width:auto; padding:35px 0px;}
+	.od_cont .foldGroup .fold_head .fold_tit span {font-size:24px;}
+	.od_cont .foldGroup .fold_head .data {position:absolute; top:50%; right:50px; transform:translateY(-50%); color:#000; font-size:16px; font-weight:200; z-index:-1;}
+	.od_cont .foldGroup .fold_head .data.maxdisc {z-index:2;}
+	.od_cont .foldGroup .fold_head .data span {display:inline-block; position:relative; padding-left:20px; margin-left:20px;}
+	.od_cont .foldGroup .fold_head .data span::before {content:''; position:absolute; left:-1px; top:50%; transform:translateY(-50%); width:1px; height:10px; background-color:#ddd;}
+	.od_cont .foldGroup .fold_head .data span:first-of-type {margin-left:0; padding-left:0;}
+	.od_cont .foldGroup .fold_head .data span:first-of-type::before {display:none;}
+	.od_cont .foldGroup .fold_mbinfo .fold_head.on .data {display:none;}
+	.od_cont .foldGroup .fold_cont {padding:10px 0 40px; line-height:1; box-sizing:border-box; overflow:hidden;}
+	.od_cont .foldGroup .fold_cont > div {}
+	.od_cont .foldGroup dl {font-size:16px;}
+	.od_cont .foldGroup dl .btn span {vertical-align:middle;}
+	.od_cont .foldGroup dl > div {display:block; margin-top:20px; color:#222;}
+	.od_cont .foldGroup dl > div:first-of-type {margin-top:0px}
+	.od_cont .foldGroup dl > div dt {float:left; margin-right:40px; font-weight:300;}
+	.od_cont .foldGroup dl > div dt .mid {display:inline-block; margin-top:12px}
+	.od_cont .foldGroup dl > div dd {position:relative; float:left; width:780px;}
+	.od_cont .foldGroup dl::after,
+	.od_cont .foldGroup dl div::after {content:''; display:block; clear:both;}
+
+	.od .od_side {float:right; width:320px;}
+	.od .od_side * {font-family:inherit; line-height:1;}
+	.od .od_side h3 {color:#222; font-size:24px; font-weight:300; letter-spacing:-0.025em;}
+	.od .od_side h4 {margin-bottom:20px; color:#222; font-size:18px; font-weight:300; letter-spacing:-0.025em;}
+	.od .od_side .item_gd figure {position:relative; height:150px;}
+	.od .od_side .item_gd figure::after {content: ''; display: block; clear: both;}
+	.od .od_side .item_gd figure .thumb {float:left; width:100px; height:150px; padding-top:0;} 
+	.od .od_side .item_gd figure figcaption {display:table-cell; width:178px; height:150px; vertical-align:middle; padding-left:20px}
+	.od .od_side .item_gd figure figcaption a {}
+	.od .od_side .item_gd figure figcaption .name {margin-top:5px;}
+	.od .od_side .item_gd figure figcaption .price {}
+	.od .od_side .item_gd figure figcaption .price {position:relative; margin-top:10px; padding-right:50px; box-sizing:border-box}
+	.od .od_side .item_gd figure figcaption .price del {padding-left:0; line-height:1.2;}
+	.od .od_side .item_gd figure figcaption .price .discount {position:absolute; right:0; bottom:0;}
+	.od .od_side .item_gd figure figcaption .option {margin-top:5px;}
+	.od .od_side .area_order {border:1px solid #ddd; border-top-color:#222;}
+	.od .od_side .area_order dl dt {float:left;}
+	.od .od_side .area_order dl dd {float:right;}
+	.od .od_side .area_order dl::after,
+	.od .od_side .area_order dl div::after {content:''; display:block; clear:both;}
+	.od .od_side .area_order .tit_box {padding:20px 30px; border-bottom:1px solid #ddd;}
+	.od .od_side .area_order .tit_box h3 {display:inline-block; margin-bottom:0}
+	.od .od_side .area_order .tit_box span {display:inline-block; margin-top:2px; margin-left:5px; color:#888; font-size:14px; font-weight:200; vertical-align:top}
+	.od .od_side .area_order .tit_box span em.number {color:#fd4802; font-weight:500;}
+	.od .od_side .area_order .od_item_box {padding:0px 30px 0; border-bottom:1px solid #ddd;}
+	.od .od_side .area_order .od_item_box .part_dlvr {padding:30px 0px 30px; border-top:1px solid #ddd}
+	.od .od_side .area_order .od_item_box .part_dlvr:first-child {border-top:none;}
+	.od .od_side .area_order .od_item_box .part_dlvr h4 span {color:#888; font-size:14px; font-weight:200; vertical-align:middle;}
+	.od .od_side .area_order .od_item_box .part_dlvr .gd_list {margin-top:25px; padding-top:25px; border-top:1px dashed #ddd}
+	.od .od_side .area_order .od_item_box .part_dlvr .gd_list:first-of-type {margin-top:0; padding-top:0; border-top:none;}
+	.od .od_side .area_order .od_item_box .part_dlvr .gd_list .item_gd {margin-top:25px}
+	.od .od_side .area_order .od_item_box .part_dlvr .gd_list .item_gd:first-of-type{margin-top:0}
+	.od .od_side .area_order .od_item_box .part_dlvr .gd_list .item_gd .option .name {margin-top:5px; -webkit-line-clamp:3;}
+	.od .od_side .area_order .od_item_box .part_dlvr .gd_list .item_gd .option span {display:block; line-height:1.4;}
+	.od .od_side .area_order .od_item_box .part_dlvr .gd_list .item_gd .price {margin-top:5px}
+	.od .od_side .area_order .od_item_box .part_dlvr .gd_list .item_gd .info_reserv {margin-top:10px; color:#fd4802;}
+	.od .od_side .area_order .od_item_box .part_dlvr .gd_list .item_gd .info_reserv span {margin-left:10px}
+	.od .od_side .area_order .od_amount_box {padding:35px 30px 30px; color:#888; font-size:14px; font-weight:200;}
+	.od .od_side .area_order .od_amount_box dl div {margin-top:20px;}
+	.od .od_side .area_order .od_amount_box dl div:first-child {margin-top:0px}
+	.od .od_side .area_order .od_amount_box dl dd {color:#222; font-weight:300;}
+	.od .od_side .area_order .od_amount_box dl dd em {font-size:16px}
+	.od .od_side .area_order .od_amount_box dl .disc_amount {color:#fd4802; font-weight:300;}
+	.od .od_side .area_order .od_amount_box .t_info {margin-top:15px;}
+	.od .od_side .area_order .od_amount_box .btn_link {display:inline-block; margin-top:20px; padding:0px 13px; height:40px; line-height:38px; color:#222; font-size:14px; font-weight:300; border:1px solid #a7a7a7; box-sizing:border-box;}
+	.od .od_side .area_order .od_amount_box .btn_link::after {display:none;}
+	.od .od_side .area_order .totalprice_box {padding:0px 30px 30px}
+	.od .od_side .area_order .totalprice_box dl {padding:30px 0 0; border-top:1px solid #ddd; font-size:16px; font-weight:300;}
+	.od .od_side .area_order .totalprice_box dl dd span {font-size:24px;}
+	.od .od_side .area_order .totalprice_box .info_point {margin-top:25px; padding:15px 10px; background:#f5f5f5; color:#888; font-size:14px; font-weight:300; text-align:center;}
+	.od .od_side .area_order .totalprice_box .info_point .save_point {color:#fd4802;}
+	.od .od_side .area_order .btn_box {padding:0px 30px 35px;}
+	.od .od_side .area_salecoupon {margin-top:35px}
+	.od .od_side .area_salecoupon input {font-size:14px; font-weight:200;}
+	.od .od_side .area_salecoupon .input_wrap {float:left; width:242px}
+	.od .od_side .area_salecoupon .btn {padding:14px 20px; height:50px; box-sizing:border-box; font-size:14px; font-weight:200}
+	.od .od_side .area_salecoupon .coupon_box {width:100%; margin-top:10px; padding:30px; background:#f5f5f5; box-sizing:border-box;}
+	.od .od_side .area_salecoupon .coupon_box .coupon {position:relative; border:1px solid #ddd; box-sizing:border-box; background:#fff;}
+	.od .od_side .area_salecoupon .coupon_box .coupon .btn_close_code {position:absolute; right:14px; top:14px; z-index:2;}
+	.od .od_side .area_salecoupon .coupon_box .coupon > div {position:relative;}
+	.od .od_side .area_salecoupon .coupon_box .coupon > div::after {content:''; position:absolute; top:50%; right:-1px; transform:translateY(-50%); width:15px; height:30px; background:#f5f5f5; z-index:2; border:1px solid #ddd; border-right:none; border-top-left-radius:15px; border-bottom-left-radius:15px; overflow:hidden;}
+	.od .od_side .area_salecoupon .coupon_box .coupon p {padding:0 20px;}
+	.od .od_side .area_salecoupon .coupon_box .coupon .cp_name {padding-top:30px; color:#222; font-size:14px; font-weight:300;}
+	.od .od_side .area_salecoupon .coupon_box .coupon .cp_cont {margin-top:15px;} 
+	.od .od_side .area_salecoupon .coupon_box .coupon .cp_cont span {color:#fd4802; font-size:20px; font-weight:500;}
+	.od .od_side .area_salecoupon .coupon_box .coupon .cp_cont span em {font-size:24px;}
+	.od .od_side .area_salecoupon .coupon_box .coupon .cp_condition {margin-top:10px; padding-bottom:15px; color:#888; font-size:12px; font-weight:300; line-height:1.4;}
+	.od .od_side .area_salecoupon .coupon_box .coupon .cp_condition span {display:block; margin-top:5px}
+	.od .od_side .area_salecoupon .coupon_box .coupon .cp_condition span .tag {display:inline-block; min-width:55px; height:22px; background:#fff6f2; color:#fd4802; font-size:11px; font-weight:300; box-sizing:border-box; border:1px solid #fd4802; text-align:center; line-height:21px;}
+	.od .od_side .area_salecoupon .coupon_box .coupon .cp_date {padding:13px 0; border-top:1px dashed #ddd; text-align:center; font-size:14px; font-weight:200;}
+	.od .od_side .area_salecoupon .coupon_box .info_coupon {text-align:center;}
+	.od .od_side .area_salecoupon .coupon_box .info_coupon button {display:inline-block; margin-top:12px; border-bottom:1px solid #888; color:#888; font-size:12px; font-weight:200; line-height:1.2;}
+	.od .od_side .area_saleitem {margin-top:40px}
+	.od .od_side .area_saleitem .more_sale {margin-bottom:10px; padding:20px; box-sizing:border-box; border:1px solid #ddd}
+	.od .od_side .area_saleitem .more_sale .txt a {display:block; position:relative; padding-left:45px; color:#fd4802; font-size:14px; font-weight:200;}
+	.od .od_side .area_saleitem .more_sale .txt a span {display:block; line-height:20px;}
+	.od .od_side .area_saleitem .more_sale .item_gd {margin-bottom:20px;}
+	.od .od_side .area_saleitem .more_sale .name {-webkit-line-clamp:3; max-height:60px;}
+	.od .od_side .area_saleitem .more_sale .item_gd + .txt {padding-top:20px; border-top:1px dashed #ddd;}
+	.od .od_side .area_saleitem .more_sale .txt .ico {position:absolute; left:0; top:50%; transform:translateY(-50%);}
+
+
+	/* od_shopping_Bag */
+	.od .shopping_bag  {}
+	.od .shopping_bag.wide {padding-top:120px}
+	.od .shopping_bag table th,
+	.od .shopping_bag table td {vertical-align:middle;}
+	
+	.shopping_bag .sec_head table .form_field > div {display:inline-block; margin-left:30px;}
+	.shopping_bag .sec_head table .form_field span {display:inline-block; line-height:23px;}
+	.shopping_bag .sec_head table .form_field span .tag {display:inline-block; width:55px; height:22px; margin-right:8px; background:#fff6f2; color:#fd4802; font-size:11px; font-weight:300; box-sizing:border-box; border:1px solid #fd4802; text-align:center; line-height: 21px;}
+	.shopping_bag .part_deliver {position:relative; margin-top:100px;}
+	.shopping_bag .part_deliver table .info_item .info_box {vertical-align:top;}
+	.shopping_bag .part_deliver .form_field input[type="radio"] + label:before,
+	.shopping_bag .part_deliver .form_field input[type="radio"]:checked + label:after,
+	.shopping_bag .part_deliver .form_field input[type="checkbox"] + label:before,
+	.shopping_bag .part_deliver .form_field input[type="checkbox"]:checked + label:after,
+	.shopping_bag .part_deliver .form_field input[type="checkbox"]:disabled + label:after {top:65px; transform:translateY(0%);}
+	.shopping_bag .part_deliver:first-of-type {margin-top:0;}
+	.shopping_bag .part_deliver h3.subH2 span {margin-top:3px; color:#888; font-size:16px; font-weight:200; line-height:24px;}
+	.shopping_bag .part_deliver .btn_area {margin-top:20px}
+	.shopping_bag .part_deliver .btn_area::after {content:''; clear:both; display:block;}
+	.shopping_bag .part_deliver .btn_area button {float:left; padding:8px 14px; margin-left:8px; background:#f5f5f5; border:none; color:#222; font-size:14px; font-weight:200;}
+	.shopping_bag .part_deliver .btn_area button:first-child {margin-left:0;}
+	.shopping_bag .od_recommend {position:relative;}
+	.shopping_bag .od_recommend .swiper-container {width:1460px; margin:auto; padding:0px; overflow:hidden; box-sizing:border-box;}
+	.shopping_bag .od_recommend .swiper-container .swiper-wrapper {}
+	.shopping_bag .od_recommend .swiper-container .swiper-wrapper .swiper-slide {width:296px}
+	.shopping_bag .od_recommend .swiper-container .swiper-wrapper .swiper-slide .item_prod {width:100%}
+	.shopping_bag .od_recommend .swiper-container .swiper-wrapper .swiper-slide .item_state {padding-bottom:0;}
+	.shopping_bag .od_recommend .swiper-button-prev {left:-50px; top:210px}
+	.shopping_bag .od_recommend .swiper-button-next {right:-50px; top:210px}
+	.shopping_bag .od_recommend .swiper-button-prev::after,
+	.shopping_bag .od_recommend .swiper-button-next::after {content: ''; display:inline-block; width:27.5px; height:50px; background:url(/images/pc/ico_arr_lg.png) no-repeat;}
+	.shopping_bag .od_recommend .swiper-button-prev::after {background-position:0 50%;}
+	.shopping_bag .od_recommend .swiper-button-next::after {background-position:100% 50%;}
+	.shopping_bag .od_recommend .swiper-container .swiper-pagination {position:relative; display:block; left:auto; right:auto; bottom:auto; margin-top:50px}
+	.shopping_bag .od_recommend .swiper-container .swiper-pagination-bullet {width:10px; height:10px; background:#ddd; opacity:1;}
+	.shopping_bag .od_recommend .swiper-container .swiper-pagination-bullet-active {background: #ff8c12;}
+
+
+	/* od_odPayment */
+	.od .odPayment {}
+	.odPayment .icon_tag {display:inline-block; margin-top:-3px;}
+	.odPayment .icon_tag::after {content:''; clear:both; display:inline-block; font-weight:300;}
+	.odPayment .icon_tag [class*="tag_"] {float:left; display:inline-block; height:22px; 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:21px;}
+	.odPayment .icon_tag .tag_stype1 {border-color:#f5f5f5; background:#f5f5f5}
+	.odPayment .icon_tag .tag_stype2 {border-color:#fd4802; background:#fff6f2; color:#fd4802;}
+	.odPayment .maxdisc_amount,
+	.odPayment .fold_head .data .total_gift,
+	.odPayment .fold_head .data .total_deduct {color:#fd4802; font-weight:300;}
+	.odPayment .fold_cont .area_overseas,
+	.odPayment .fold_cont .area_customitem,
+	.odPayment .fold_cont .area_selpoint {padding-top:30px; margin-top:30px; border-top:1px dashed #ddd;}
+	.odPayment .fold_cont .area_overseas .info_txt,
+	.odPayment .fold_cont .area_customitem .info_txt {margin-top:30px;}
+
+	.odPayment .fold_cont .area_overseas .form_field .agree_overs {margin-top:15px;}
+	.odPayment .fold_cont .area_overseas .form_field > div {float:left; margin-right:40px}
+	.odPayment .fold_cont .area_overseas .info_box,
+	.odPayment .fold_cont .area_overseas .info_box label {color:#666; font-size:16px; line-height:26px;}
+	.odPayment .fold_cont .area_overseas .info_box label::before,
+	.odPayment .fold_cont .area_overseas .info_box label::after {top:-2px !important; transform:translateY(0%) !important;}
+	.odPayment .fold_cont .area_overseas .info_box .t_err {margin-top:12px; font-size:14px;}
+	.odPayment .fold_cont .area_overseas .info_box.overs1 {margin-top:20px;}
+	.odPayment .fold_cont .area_overseas .info_box.overs2 {margin-top:30px;}
+	
+	.odPayment .fold_cont .area_customitem .agree_custom label {color:#666; font-size:16px; line-height:26px;}
+	.odPayment .fold_cont .area_customitem .agree_custom label::before,
+	.odPayment .fold_cont .area_customitem .agree_custom label::after {top:-2px !important; transform:translateY(0%) !important;}
+
+	.odPayment .area_selgift {}
+	.odPayment .area_selgift .form_field::after {content:''; clear:both; display:block;}
+	.odPayment .area_selgift .gift_box {margin-top:20px;}
+	.odPayment .area_selgift .gift_box:first-of-type {margin-top:0;}
+	.odPayment .gift_box .txt {margin-bottom:30px}
+	.odPayment .gift_box .txt span {position:relative; padding-right:20px; margin-right:15px; color:#222; font-weight:300;}
+	.odPayment .gift_box .txt span::after {content:'>'; position:absolute; right:0; top:50%; transform:translateY(-50%); color:#888}
+	.odPayment .gift_box .form_field .gift {float:left; width:332px; margin-left:12px; margin-bottom:20px;}
+	.odPayment .gift_box .form_field .gift:after {content:''; display:block; clear:both;}
+	.odPayment .gift_box .form_field .gift:first-child {margin-left:0;}
+	.odPayment .gift_box .form_field .gift:nth-child(3n-2) {margin-left:0;}
+	.odPayment .gift_box .form_field .gift .chk_img+label span {padding:0; border:none;}
+	.odPayment .gift_box .form_field .gift .chk_img:checked+label {border:2px solid #e7501b;}
+	.odPayment .gift_box .form_field .gift input[type="checkbox"] + label:before,
+	.odPayment .gift_box .form_field .gift input[type="checkbox"] + label:after{left:14px;}
+	.odPayment .gift_box .form_field .gift .chk_img:checked+label {border:2px solid #e7501b;}
+	.odPayment .gift_box .form_field .gift input[type="radio"] + label:before,
+	.odPayment .gift_box .form_field .gift input[type="radio"] + label:after{left:14px;}
+	.odPayment .gift_box .form_field .gift label {display:table-cell; position:relative; width:332px; height:120px; padding:9px 20px 9px 145px; border:1px solid #ddd; box-sizing:border-box; vertical-align:middle;}
+	.odPayment .gift_box .form_field .gift label > span {display:inline-block; width:100%;}
+	.odPayment .gift_box .form_field .gift label .thumb {position:absolute; left:50px; top:10px; width:77px; height:98px; background-color:#eee;}
+	.odPayment .gift_box .form_field .gift label .thumb img {width:100%;}
+	.odPayment .gift_box .form_field .gift label .name {width:160px; color:#666; font-size:14px; line-height:1.4; font-weight:200;}
+	.odPayment .gift_box .form_field .gift label .deduct {margin-top:5px;color:#fd4802; font-weight:300; font-size:14px;}
+	.odPayment .form_field .agree_gift {display:block; width:100%; padding-top:30px; margin-top:30px; border-top:1px dashed #ddd; text-align:center;}
+	.odPayment .form_field .agree_gift p {color:#888; font-size:14px;}
+	.odPayment .form_field .agree_gift p label {color:#222; font-size:16px; font-weight:300;}
+	.odPayment .form_field .agree_gift p.txt {position:relative; margin-top:20px}
+
+	.odPayment .area_seldiscount {}
+	/*.odPayment .area_seldiscount .maxdisc {display:block; width:100%; margin-bottom:30px;}*/
+	.odPayment .area_seldiscount dl > div dt {width:170px; margin-right:0;}
+	.odPayment .area_seldiscount dl > div dd {width:485px;}
+	.odPayment .form_field .maxdisc input[type="checkbox"] + label {color:#222; font-size:16px;}
+	.odPayment .form_field .input_wrap input[type="text"]:disabled {background:#f5f5f5;}
+	.odPayment .form_field .input_wrap input[type="text"]:disabled::placeholder{color:#222; font-weight:300;}
+	.odPayment .btn_coupon_toggle {display:inline-block; position:relative; padding-right:22px; color:#222; font-weight:300; }
+	.odPayment .btn_coupon_toggle::after {content:''; position:absolute; right:0; top:2px; width:11px; height:9px; background:url('/images/pc/ico_mb_arrow.png') no-repeat 0% 100%; background-size:100% auto;}
+	.odPayment .btn_coupon_toggle.on::after {top:3px; background-position:0 0;}
+	.odPayment .btn_coupon_toggle span {color:#fd4802}
+	.odPayment .coupon_list {display:none; margin-top:20px; padding-top:30px; border-top:1px solid #ddd}
+	.odPayment .coupon_list > ul > li {margin-top:30px}
+	.odPayment .coupon_list ul li:first-of-type {margin-top:0}
+	.odPayment .coupon_list ul li .coupon {position:relative;}
+	.odPayment .coupon_list ul li .coupon::after {content:''; display:block; clear:both;}
+	.odPayment .coupon_list ul li .coupon .form_field {display:block; width:100%;}
+	.odPayment .coupon_list ul li .coupon .form_field .select {display:block; width:100%; font-size:14px;}
+	.odPayment .coupon_list ul li .coupon .form_field label {display:block; margin-bottom:10px; font-size:16px; font-weight:300;}
+	.odPayment .coupon_list ul li .coupon .select_dress {line-height:24px}
+	.odPayment .coupon_list ul li .coupon .item_gd {position:relative; height:90px; box-sizing:border-box;}	
+	.odPayment .coupon_list ul li .coupon .item_gd .thumb {position:absolute; left:0; top:0; width:60px; height:90px; padding-top:0;}
+	.odPayment .coupon_list ul li .coupon .item_gd .name {margin-top:10px; color:#666; font-size:14px;}
+	.odPayment .coupon_list ul li .coupon .item_gd .price {margin-top:5px;}
+	.odPayment .coupon_list ul li .coupon .item_gd figure {height:90px;display:table-cell;vertical-align:middle;padding-left:80px;}
+	.odPayment .coupon_list ul li .coupon .item_gd + .form_field {margin-top:10px;}
+	.odPayment .coupon_list ul li .coupon .item_gd + .form_field .select {}
+	.odPayment .coupon_list ul li .coupon .cp_discount {margin-top:12px;}
+	.odPayment .coupon_list ul li .coupon .cp_discount .cp_amount {color:#fd4802; font-size:14px; font-weight:300;}
+	.odPayment .coupon_list ul li .coupon .cp_discount .btn_del_coupon {position:relative; display:inline-block; margin-left:4px; margin-top:2px; width:10px; height:10px; background:url('/images/pc/ico_close1.png') no-repeat 50% 50%; background-size:100% 100%;}
+	.odPayment .coupon_list ul li .coupon .cp_discount .btn_del_coupon span {position:absolute; display:inline-block; width:1px; height:1px; font-size:1px; text-indent:-999px; overflow:hidden;}
+	.odPayment .coupon_list ul li .coupon_discount {} 
+	.odPayment .coupon_list ul li .coupon_cart {} 
+	.odPayment .coupon_list ul li .coupon_dlvrfee {} 
+
+	.odPayment .area_selpoint {}
+	.odPayment .area_selpoint dl > div dt {width:170px; margin-right:0;}
+	.odPayment .area_selpoint .form_field > div {float:left; margin-right:40px}
+	.odPayment .area_selpoint .form_field > div.input_wrap {float:none; margin-right:0;}
+	.odPayment .area_selpoint .form_field .remain_point {margin-right:10px; color:#fd4802; font-size:14px; font-weight:300;}
+	.odPayment .area_selpoint .form_field label + .remain_point {margin-left:10px; vertical-align:middle;}
+	.odPayment .area_selpoint .form_field p {margin-top:10px; color:#888; font-size:14px;}
+	.odPayment .area_selpoint .form_field .agree_receipt {margin-top:20px;}
+	.odPayment .area_selpoint .form_field .agree_receipt .info_box {margin-top:10px;}
+
+	.odPayment .fold_paymethod .fold_cont {padding-top:20px; margin-top:-10px;}
+	.odPayment .area_paymethod {}
+	.odPayment .area_paymethod .radio_blk {padding:0px 30px; border:1px solid #ddd; margin-top:-1px;}
+	.odPayment .area_paymethod .radio_blk:first-of-type {margin-top:0;}
+	.odPayment .area_paymethod .radio_blk .paymethod_radio {position:relative}
+	.odPayment .area_paymethod .radio_blk .paymethod_radio label {display:block; padding-top:30px; padding-bottom:30px; color:#222; font-size:16px; font-weight:300;}
+	.odPayment .area_paymethod .radio_blk .paymethod_radio .quickpay_bnr {position:absolute; left:0; top:-20px; padding:12px; background:#222; color:#fff; font-size:14px; z-index:2;}
+	.odPayment .area_paymethod .radio_blk.on .paymethod_radio .quickpay_bnr {display:none;}
+	.odPayment .area_paymethod .radio_blk .paymethod_radio .quickpay_bnr::before {content :""; display:block; position:absolute; left:15px; bottom:-10px; border:5px solid transparent; border-top-color:#222;}
+	.odPayment .area_paymethod .radio_blk .paymethod_radio .quickpay_bnr::after {content :""; display:block; position:absolute; right:-8px; bottom:-8px; border:8px solid transparent; border-right-color:#fff; transform:rotate(225deg);}
+	.odPayment .area_paymethod .radio_blk .paymethod_radio .quickpay_bnr .btn_close_bnr {display:inline-block; width:10px; height:10px; margin-left:4px; margin-top:1px; background:url('/images/pc/ico_pop_cls02.png') no-repeat 50% 50%; background-size:100% auto;}
+	.odPayment .area_paymethod .radio_blk .paymethod_box {}
+	.odPayment .area_paymethod .radio_blk .paymethod_box .card_quickpay {}
+	.odPayment .area_paymethod .radio_blk .paymethod_box .card_quickpay button.btn_addcard {display:block; width:340px; height:214px; box-sizing:border-box; border:1px solid #ddd; border-radius:10px; background:#f5f5f5; color:#222; font-size:16px; font-weight:200;}
+	.odPayment .area_paymethod .radio_blk .paymethod_box .card_quickpay button.btn_addcard span {display:inline-block; position:relative; padding-top:55px;}
+	.odPayment .area_paymethod .radio_blk .paymethod_box .card_quickpay button.btn_addcard span::before {content:''; position:absolute; left:50%; top:0; margin-left:-20px; width:40px; height:40px; background:#fd4800 url('/images/pc/ico_plus.png') no-repeat 50% 50%; border-radius:50%;}
+	.odPayment .area_paymethod .radio_blk .paymethod_box .card_quickpay .empty {padding:30px 0; border-bottom:1px solid #ddd;}
+	.odPayment .area_paymethod .radio_blk .paymethod_box .card_quickpay .empty button.btn_addcard {margin:auto;}
+	.odPayment .area_paymethod .radio_blk .paymethod_box .card_quickpay .list_card {position:relative; padding:30px 0; margin-left:-30px; margin-right:-30px; overflow:visible;}
+	.odPayment .area_paymethod .radio_blk .paymethod_box .card_quickpay .list_card::before {content:''; position:absolute; left:-2px; top:0; bottom:0; border-right:2px solid #fd4802; z-index:2;}
+	.odPayment .area_paymethod .radio_blk .paymethod_box .card_quickpay .list_card::after {content:''; position:absolute; right:-2px; top:0; bottom:0; border-right:2px solid #fd4802; z-index:2;}
+	.odPayment .area_paymethod .radio_blk.on {border:2px solid #fd4802}
+	.odPayment .area_paymethod .radio_blk.on .paymethod_radio {border-bottom:1px solid #ddd;}
+	.odPayment .card_quickpay .list_card .swiper-slide {width:340px; height:214px;}
+	.odPayment .card_quickpay .list_card .swiper-button-prev,
+	.odPayment .card_quickpay .list_card .swiper-button-next {position:absolute; top:50%; transform:translateY(-50%); font-size:0; width:27.5px; height:50px; background:url(/images/pc/ico_arr_lg.png) no-repeat; z-index:2;}
+	.odPayment .card_quickpay .list_card .swiper-button-prev {left:244px; background-position:0 50%;}
+	.odPayment .card_quickpay .list_card .swiper-button-next {right:244px; background-position:100% 50%;}
+	.odPayment .card_quickpay .list_card .swiper-button-prev::after,
+	.odPayment .card_quickpay .list_card .swiper-button-next::after {font-size:0px;}
+	.odPayment .card_quickpay .list_card .card {display:block; position:relative; height:214px; padding:70px 20px 20px; background-color:#4680ec; border-radius:10px; box-sizing:border-box; color:#fff; font-weight:200;}
+	.odPayment .card_quickpay .list_card .card [class*="logo_"] {position:absolute; left:30px; top:30px; width:150px; height:20px; font-size:0; text-indent:-1000px; overflow:hidden;}
+	.odPayment .card_quickpay .list_card .card .logo_samsung {background:url(/images/pc/logo_card_samsung.png) no-repeat 0 50%;}
+	.odPayment .card_quickpay .list_card .card .logo_hyundai {background:url(/images/pc/logo_card_hyundai.png) no-repeat 0 50%;}
+	.odPayment .card_quickpay .list_card .card .etc {position:absolute; right:30px; top:30px; z-index:2;}
+	.odPayment .card_quickpay .list_card .card .etc::after {content:''; clear:both; display:block;}
+	.odPayment .card_quickpay .list_card .card .etc button {float:left; position:relative; margin-left:22px}
+	.odPayment .card_quickpay .list_card .card .etc button::before {content:''; position:absolute; left:-12px; top:50%; height:10px; transform:translateY(-50%); border-left:1px solid #c9dbff;}
+	.odPayment .card_quickpay .list_card .card .etc button:first-child::before {display:none;}
+	.odPayment .card_quickpay .list_card .card .name {margin-top:10px; height:20px; text-align:center; font-size:14px; line-height:20px; color:#c9dbff}
+	.odPayment .card_quickpay .list_card .card .number {margin-top:10px; text-align:center; font-size:24px; font-weight:300;}
+	.odPayment .card_quickpay .list_card .card .number span {padding:0px 5px; letter-spacing:2px;}
+	.odPayment .card_quickpay .list_card .card .select  {position:absolute; left:20px; right:20px; bottom:20px; width:auto; z-index:2;}
+	.odPayment .card_quickpay .list_card .card .select .select_dress {padding:13px 20px; background:#3259a8; color:#fff; font-size:14px; border:none;}
+	.odPayment .card_quickpay .list_card .card .select .select_dress:after {top:15px; border-color:#fff transparent transparent transparent;}
+	.odPayment .card_quickpay .list_card .card .select .select_dress.active:after {top:9px; border-color:transparent transparent #fff transparent}
+	.odPayment .card_quickpay .list_card .card .select .select_options {border:none}
+	.odPayment .card_quickpay .list_card .card .select .select_options li {background:#3259a8; font-size:14px; color:#fff;}
+	.odPayment .card_quickpay .list_card .card .select .select_options li:hover {background:#093895;}
+	.odPayment .area_paymethod .radio_blk .paymethod_box .info_quick {padding:30px 0; border-top:1px solid #ddd;}
+	.odPayment .area_paymethod .radio_blk .paymethod_box .info_quick li {position:relative; font-size:14px; color:#888; padding-left:15px; margin-top:10px;}
+	.odPayment .area_paymethod .radio_blk .paymethod_box .info_quick li:first-of-type {margin-top:0;}
+	.odPayment .area_paymethod .radio_blk .paymethod_box .info_quick li::before {content:''; position:absolute; top:5px; left:0; background:#858585; width:3px; height:3px;}
+	.odPayment .area_paymethod .radio_blk .paymethod_box .sel_method {margin-bottom:30px; padding-top:30px;}
+	.odPayment .area_paymethod .radio_blk .paymethod_box .sel_method::after {content:''; clear:both; display:block;}
+	.odPayment .area_paymethod .radio_blk .paymethod_box .sel_method li {float:left; margin-left:40px;}
+	.odPayment .area_paymethod .radio_blk .paymethod_box .sel_method li:first-child {margin-left:0;}
+	.odPayment .area_paymethod .radio_blk .paymethod_box .sel_method li label span {display:inline-block; height:28px; color:#222; font-size:14px; line-height:28px;}
+	.odPayment .area_paymethod .radio_blk .paymethod_box .sel_method li label .payimg {display:inline-block; height:28px; background-position:0 50%; background-repeat:no-repeat;}
+	.odPayment .area_paymethod .radio_blk .paymethod_box .sel_method li label .payimg.kakao {width:79px; background-image:url('/images/pc/pay_kakao.png');}
+	.odPayment .area_paymethod .radio_blk .paymethod_box .sel_method li label .payimg.naver {width:68px; background-image:url('/images/pc/pay_naver.png');}
+	.odPayment .area_paymethod .radio_blk .paymethod_box .sel_method li label .payimg.payco {width:66px; background-image:url('/images/pc/pay_payco.png');}
+	.odPayment .area_paymethod .agree_insurance {display:none; margin:30px 0 0; padding-top:30px; border-top:1px solid #ddd;}
+	.odPayment .area_paymethod .agree_insurance input[type="checkbox"] + label {color:#666; font-size:16px; font-weight:200;}
+	.odPayment .area_paymethod .agree_insurance p {padding:15px 30px 30px; color:#888; font-size:14px; line-height:20px;}
+	.odPayment .area_paymethod .agree_paymethod {margin-top:20px;}
+	.odPayment .area_paymethod .agree_paymethod label {font-size:16px; font-weight:200;}
+	
+	.odPayment .area_paymentinfo {margin-top:30px;}
+	.odPayment .paymentinfo {}
+	.odPayment .paymentinfo.on {}
+	.odPayment .paymentinfo .payinfo_blk {border:1px solid #ddd; border-top:none;}
+	.odPayment .paymentinfo .payinfo_blk:first-child {border-top:1px solid #ddd;}
+	.odPayment .paymentinfo .payinfo_blk a {display:block; padding:40px; color:#222; font-size:16px; font-weight:300;}
+	.odPayment .paymentinfo .payinfo_blk a::after {clear:both; display:block; width:100%;}
+	.odPayment .paymentinfo .payinfo_blk a span {float:right; position:relative; padding-right:22px; color:#222; font-size:14px;}
+	.odPayment .paymentinfo .payinfo_blk a span::after {content:''; position:absolute; right:0; top:2px; width:11px; height:9px; background:url('/images/pc/ico_mb_arrow.png') no-repeat 0% 100%; background-size:100% auto;}
+	.odPayment .paymentinfo .payinfo_blk.on a span::after {top:3px; background-position:0 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;}
+
+
+	/* od_completed */
+	.od .completed {}
+	.completed .info_complete {padding:50px 0; text-align:center; background:#fff6f2;}
+	.completed .info_complete .txt_box {margin-bottom:30px; color:#222; font-size:24px; font-weight:300; letter-spacing:-1px;}
+	.completed .info_complete dl {}
+	.completed .info_complete dl div {margin-top:15px}
+	.completed .info_complete dl div dt,
+	.completed .info_complete dl div dd {display:inline-block; font-weight:300;}
+	.completed .info_complete dl div dt {color:#666; font-size:18px;}
+	.completed .info_complete dl div dd {margin-left:20px; color:#fd4802; font-size:20px;}
+	.completed .info_complete dl div.closedate dt,
+	.completed .info_complete dl div.closedate dd {color:#888; font-size:16px; font-weight:200;}
+	.completed .od_cont {width:100%;}
+	.completed .od_cont h3 {margin-bottom:20px; font-size:20px; font-weight:500; letter-spacing:-0.025em;}
+	.completed .od_cont .order_amount dl div {margin-top:20px;}
+	.completed .od_cont .order_amount dl div:first-child {margin-top:0}
+	.completed .od_cont [class^='area_']{margin-bottom:60px}
+	.completed .od_cont .area_payinfo .tbl .tit {font-weight:300; margin-right:40px}
+	.completed .btn_group_md {text-align:center;}
+	.completed .btn_group_md::after {}
+	.completed .btn_group_md .btn {margin:0px 5px; padding:0; width:230px; height:60px; font-weight:300;}
+	.completed .btn_group_md .btn_default {border-color:#a7a7a7}
+	.completed .btn_popup {display:inline-block; position:absolute; left:auto; top:50%; transform:translateY(-50%); margin-left:10px; padding:0px 13px; height:34px; color:#222; font-size:14px; font-weight:200; border:1px solid #a7a7a7; box-sizing:border-box;}
+	.completed .btn_popup span {vertical-align:top;}
+
+
+	/* od_nonMBorder */
+	.od .nonMBorder  {}
+	.nonMBorder .cont_head {margin-bottom:40px;}
+	.nonMBorder .btn {font-weight:300;}
+	.nonMBorder .btn.btn_postcode {padding:14px 28px; font-size:16px;}
+	.nonMBorder .btn_group_md .btn {padding:0; height:60px;}
+	.nonMBorder .cont_head {text-align:center;}
+	.nonMBorder .cont_head h3 {margin-bottom:40px; font-size:40px; font-weight:500;} 
+	.nonMBorder input[type="text"],
+	.nonMBorder input[type="password"] {float:none; width: 100%; padding:15px 0 15px 18px; color:#222; font-size:16px; font-weight:300;}
+	.nonMBorder input[type="text"]::placeholder{color:#999; font-weight:200;}
+	.nonMBorder .form_head {margin-bottom:60px; color:#666; font-size:16px; font-weight:200; line-height:1.5; text-align:center;}
+	.nonMBorder .form_field {display:block; margin-bottom:10px;}
+	.nonMBorder .form_field:first-of-type {margin-bottom:0px;}
+	.nonMBorder .form_field .txt_area {margin-bottom:40px; padding:30px; overflow:auto; max-height:176px; border:1px solid #ddd; color:#888; font-size:14px; line-height:1.5; font-weight:200;}
+	.nonMBorder .form_field .ui_row [class^='ui_col_'] {margin-left:0;}
+	.nonMBorder .form_info {margin-top:40px; color:#888; font-size:16px; line-height:1; position: relative;}
+	.nonMBorder .form_info::after {content:''; clear:both; display:block;}
+	.nonMBorder .form_info p span {display:block;}
+	.nonMBorder .form_info p .jointit1 {color:#222; font-size:18px; }
+	.nonMBorder .form_info p .jointit2 {margin-top:10px; color:#888; font-size:16px;}
+	.nonMBorder .form_info a.btn_gojoin {position:absolute; right:0; top:50%; transform:translateY(-50%); padding:0px 20px; height:42px; line-height:42px; color:#222; font-size:14px; font-weight:300; border:1px solid #a7a7a7; box-sizing:border-box;}
+	
+	.nonMBorder .btn_group_md {float:none; margin-top:40px}
+	.nonMBorder .btn_group_md .btn_default {border-color:#a7a7a7}
+	.nonMBorder .agree_nombPrivacy {margin-top:40px; margin-bottom:20px}
+	.nonMBorder .agree_nombPrivacy label span {font-size:18px;}
+	.nonMBorder .agree_nombPrivacy label span .tmark_required {color:#fd4802; font-size:14px; font-weight:300; line-height:14px;}
+	.nonMBorder .adress_area {}
+	.nonMBorder .adress_area dl {padding:15px 10px}
+	.nonMBorder .adress_area dl div {margin-top:10px;} 
+	.nonMBorder .adress_area dl div:first-of-type {margin-top:0}
+	.nonMBorder .adress_area dl div::after {content:''; display:block; clear:both;}
+	.nonMBorder .adress_area dl div dt,
+	.nonMBorder .adress_area dl div dd {float:left; height:24px; color:#666;}
+	.nonMBorder .adress_area dl div dt span {display:inline-block; width:40px; height:20px; line-height:18px; margin-right:10px; box-sizing:border-box; border:1px solid #ddd; font-size:12px; text-align:center; letter-spacing:-0.025em; vertical-align:middle;}
+	.nonMBorder .adress_area dl div dd {width: calc(100% - 50px); line-height:24px;}
+
+	/* od_popup */
+	.modal.od_pop .modal-header h5.modal-title {margin-top:0; font-size:24px; font-weight:300;}
+	.modal.od_pop .modal-header .txt {margin-top:20px; color:#666; font-size:16px; font-weight:300;}
+	.modal.od_pop .form_field,
+	.modal.od_pop .form_field > div {display:block; width:100%;}
+
+	/* od_shoppingbag_popup */
+	.modal.opt_modify_pop {max-width:900px; max-height:900px;}
+	.modal.opt_modify_pop .modal-header {margin-bottom:20px;}
+	.modal.opt_modify_pop .modal-header h5.modal-title {margin-bottom:40px}
+	.modal.opt_modify_pop .modal-body .pop_cont {max-height:680px;}
+	.modal.opt_modify_pop .prod_title {}
+	.modal.opt_modify_pop .opt_header {font-size:14px;}
+	.modal.opt_modify_pop .opt_header .title {color:#222; font-weight:300}
+	.modal.opt_modify_pop .opt_header .color {color:#666; font-weight:200;}
+	.modal.opt_modify_pop img {width:100%}
+	.modal.opt_modify_pop ul::after {content:''; clear:both; display:block; width:100%;}
+	.modal.opt_modify_pop .prod_info {position:relative;}
+	.modal.opt_modify_pop .prod_info::after {content:''; clear:both; display:block; width:100%;}
+	.modal.opt_modify_pop .prod_info .prod_preview .area_pic {float:left; width:360px;}
+	.modal.opt_modify_pop .prod_info .prod_preview .area_pic .pic_list {}
+	.modal.opt_modify_pop .prod_info .prod_preview .area_pic .pic_list li {float:left; width:50%;}
+	.modal.opt_modify_pop .prod_info .prod_preview .area_order {float:right; width:380px;}
+	.modal.opt_modify_pop .prod_info .prod_preview .area_order .opt_color ul {}
+	.modal.opt_modify_pop .prod_info .prod_preview .area_order .opt_color ul li {float:left; margin-left:6px; margin-bottom:6px}
+	.modal.opt_modify_pop .prod_info .prod_preview .area_order .opt_color ul li a {display:block; box-sizing:border-box; width:70px; height:105px;}
+	.modal.opt_modify_pop .prod_info .prod_preview .area_order .opt_color ul li a.on img {border:1px solid #222}
+	.modal.opt_modify_pop .prod_info .prod_preview .area_order .opt_size .form_field {}
+	.modal.opt_modify_pop .prod_info .prod_preview .area_order .opt_size .form_field input[type="radio"] + label {display:block; width:50px; height:40px; padding:0; line-height:41px; text-align:center; background:#f5f5f5; box-sizing:border-box;}
+	.modal.opt_modify_pop .prod_info .prod_preview .area_order .opt_size .form_field input[type="radio"] + label::before,
+	.modal.opt_modify_pop .prod_info .prod_preview .area_order .opt_size .form_field input[type="radio"] + label::after {display:none;}
+	.modal.opt_modify_pop .prod_info .prod_preview .area_order .opt_size .form_field input[type="radio"]:checked + label {border:1px solid #222;}
+	.modal.opt_modify_pop .prod_info .prod_preview .area_order .opt_size .form_field input[type="radio"]:disabled + label {text-decoration:line-through;}
+	.modal.opt_modify_pop .prod_info .prod_preview .area_order .opt_size .form_field > div {float:left; width:auto;}
+	.modal.opt_modify_pop .prod_info .prod_preview .area_order .opt_count .number_count span {cursor:pointer; display:inline-block; width:30px; height:30px; background:#f5f5f5; text-align:center;}
+	.modal.opt_modify_pop .prod_info .prod_preview .area_order .opt_count .number_count .plus::after {content:'+';}
+	.modal.opt_modify_pop .prod_info .prod_preview .area_order .opt_count .number_count .minus::after {content:'-';}
+
+	/* od_odPayment_popup */
+	.modal.qPayAgree_pop {}
+	.modal.qPayAgree_pop .area_QpayCk {margin-top:10px;}
+	.modal.qPayAgree_pop .area_QpayCk:first-child {margin-top:0;}
+	.modal.qPayAgree_pop .area_QpayCk .agr_select {position:relative; padding:13px 20px; border:1px solid #ddd}
+	.modal.qPayAgree_pop .area_QpayCk .agr_select button {position:absolute; right:0; top:0; bottom:0; z-index:2;}
+	.modal.qPayAgree_pop .area_QpayCk .info_agrQpay {display:none; padding:13px 20px; border:1px solid #ddd; border-top:none} 
+	.modal.adrsChange_pop {}
+	.modal.adrsAdd_pop {}
+	.modal.rqstModify_pop {}
+	
+
+	
+
+
+	/* pd_공통 */
+	.pd,
+	.pd button {}
+	.pd button span {line-height:1; font-weight:300;}
+	.pd .dot_info {position:relative; padding-left:14px;}
+	.pd .dot_info::before {content:'·'; position:absolute; left:0; top:0; line-height:inherit;}
+
+	.pd .swiper-pagination {position:absolute; left:0; right:0; bottom:-66px; width:100%; text-align:center;}
+	.pd .swiper-pagination .swiper-pagination-bullet {width:10px; height:10px; margin-left:10px; background:#ddd; opacity:1;}
+	.pd .swiper-pagination .swiper-pagination-bullet-active {background:#fd4802}
+	.pd .swiper-pagination .swiper-pagination-bullet:first-child {margin-left:0;} 
+	.pd .swiper-button-prev::after,
+	.pd .swiper-button-next::after {content: '';}
+	.pd .swiper-button-prev,
+	.pd .swiper-button-next {top:50%; transform:translateY(-50%); margin:0; display:inline-block; width:27.5px; height:50px; background:url(/images/pc/ico_arr_lg.png) no-repeat;}
+	.pd .swiper-button-prev {left:0; background-position:0 50%;}
+	.pd .swiper-button-next {right:0; background-position:100% 50%;}
+	.pd .area_slider {position:relative; width:100%; box-sizing:border-box; padding:0px 70px}
+	.pd .area_slider .swiper-container .item_prod {width:100%;}
+	.pd .area_slider .swiper-container .item_prod .item_state {padding:0}
+
+	/* pd  */
+	.pd {}
+	.pd .item_picker {position:absolute; z-index:2;}
+	.pd .item_picker .pick_descr {display:none; position:absolute; background:#fff; z-index:2;}
+
+	/* 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 .btn_pop {border-bottom:1px solid #888; color:#888; font-size:12px; font-weight:200;}
+	
+	.pd_detail .item_detail {}
+	.pd_detail .item_detail .area_pic {float:left; position:relative; width:calc(100% - 560px); max-width:1200px; box-sizing:border-box;}
+	.pd_detail .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 .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.on img {border:1px solid #222;}
+	.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:12px; height:21px; transform:translateX(-50%) translateY(0) rotate(90deg);}
+	.pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-button-prev {top:-4px; bottom:auto;}
+	.pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-button-next {top:auto; bottom:-4px;}
+	.pd_detail .area_pic .thumb_list_wrap {width:100%; padding-left:70px; box-sizing:border-box;}
+	.pd_detail .area_pic .thumb_list_wrap ul {margin-top:-10px;}
+	.pd_detail .area_pic .thumb_list_wrap ul::after {content:''; clear:both; display:block; width:100%;}
+	.pd_detail .area_pic .thumb_list_wrap li {float:left; position:relative; width:calc(50% - 5px); margin-top:10px;} 
+	.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 {border:2px solid #222; box-sizing:border-box; z-index:2;}
+	.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;}
+	.pd_detail .area_pic .thumb_nav_wrap .thumbnav.disabled .swiper-button-prev,
+	.pd_detail .area_pic .thumb_nav_wrap .thumbnav.disabled .swiper-button-next {display:none;}
+	.pd_detail .area_pic.onlyitem {padding-left:0}
+	.pd_detail .area_pic.onlyitem .thumb_nav_wrap {display:none;}
+	.pd_detail .area_pic.onlyitem .thumb_list_wrap ul li {float:none; display:block; margin:0 auto;}
+	.pd_detail .area_pic.onlyitem .thumb_list_wrap ul li.on::after {display:none;}
+
+	.pd_detail .item_detail .area_desc {float:right; /*position:relative;*/ width:510px;}
+	.pd_detail .area_desc .desc_wrap {/*position:absolute; right:auto; top:0; background:#eee*/width:510px; z-index:2;}
+	.pd_detail .area_desc .desc_wrap.absbottom {position:absolute; top:auto; bottom:0px;}
+	.pd_detail .area_desc .desc_wrap.fixbottom {position:fixed; top:auto; bottom:0px;}
+	
+	.pd_detail .area_desc .desc_wrap .timer_box {padding-bottom:30px;}
+	.pd_detail .area_desc .desc_wrap .timer_box p {padding:16px 30px; background:#222;}
+	.pd_detail .area_desc .desc_wrap .timer_box p span {display:inline-block; position:relative;}
+	.pd_detail .area_desc .desc_wrap .timer_box p .tit {padding-left:25px; color:#fff; font-size:16px; background:url('/images/pc/ico_timer.png') no-repeat 0 50%;}
+	.pd_detail .area_desc .desc_wrap .timer_box p .timer em {display:inline-block; position:relative; padding-left:15px; color:#fd4802; font-size:18px; font-weight:300;}
+	.pd_detail .area_desc .desc_wrap .timer_box p .timer em::before {content:':'; position:absolute; left:4px; top:50%; transform:translateY(-50%);}
+	.pd_detail .area_desc .desc_wrap .timer_box p .timer em:first-of-type {padding-left:20px;}
+	.pd_detail .area_desc .desc_wrap .timer_box p .timer em:first-of-type::before {display:none;}
+
+	.pd_detail .area_desc .desc_wrap .descript_box {margin-top:10px;}
+	.pd_detail .area_desc .desc_wrap .descript_box .desc_top {position:relative; height:23px;}
+	.pd_detail .area_desc .desc_wrap .descript_box .desc_top::after {content:''; clear:both; display:block;}
+	.pd_detail .area_desc .desc_wrap .descript_box .desc_top a.btn_brand {float:left; position:relative; margin-top:3px; padding-right:14px; color:#222; font-size:16px; font-weight:300;}
+	.pd_detail .area_desc .desc_wrap .descript_box .desc_top a.btn_brand:after {display:block; position:absolute; top:2px; right:0; width:8px; height:8px; border:1px solid #222; border-width:1px 1px 0 0; transform:rotate(45deg); -webkit-transform:rotate(45deg); content:''}
+	.pd_detail .area_desc .desc_wrap .descript_box .desc_top button {float:right; position:relative; top:auto; right:auto; width:23px; height:23px; margin-left:15px; font-size:0px;}
+	.pd_detail .area_desc .desc_wrap .descript_box .desc_top button.itemLike {background:url('/images/pc/btn_itemLike.png') no-repeat 0% 50%;}
+	.pd_detail .area_desc .desc_wrap .descript_box .desc_top button.itemLike:hover,
+	.pd_detail .area_desc .desc_wrap .descript_box .desc_top button.itemLike.active {background-position:100% 50%;}
+	.pd_detail .area_desc .desc_wrap .descript_box .desc_top button.itemLike::before,
+	.pd_detail .area_desc .desc_wrap .descript_box .desc_top button.itemLike::after {display:none}
+	.pd_detail .area_desc .desc_wrap .descript_box .desc_top button.itemShare {background:url('/images/pc/btn_itemShare.png') no-repeat 50% 50%;}
+	.pd_detail .area_desc .desc_wrap .descript_box .desc_info {margin-top:40px; line-height:1;}
+	.pd_detail .area_desc .desc_wrap .descript_box .desc_info .title_blk::after {content:''; clear:both; display:block;}
+	.pd_detail .area_desc .desc_wrap .descript_box .desc_info .title_blk .codenumber {float:right; color:#888; font-size:14px; font-weight:200;}
+	.pd_detail .area_desc .desc_wrap .descript_box .desc_info .title_blk .comment {float:left; color:#666; font-size:16px; font-weight:300;}
+	.pd_detail .area_desc .desc_wrap .descript_box .desc_info .title_blk .name {float:left; width:100%; margin-top:15px; color:#222; font-size:30px; font-weight:500; line-height:1.2;}
+
+	.pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk {position:relative; margin-top:30px;}
+	.pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk::after {content:''; clear:both; display:block;}
+	.pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk > span {float:left; }
+	.pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk .sale_percent {display:block; width:100%; margin-bottom:20px; color:#fd4802; font-size:20px; font-weight:300;}
+	.pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk .sale_price {color:#222; font-size:24px; font-weight:500;}
+	.pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk .sale_price em {font-size:30px; font-weight:500;}
+	.pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk .org_price {display:inline-block; margin-left:20px; margin-top:5px; color:#888; font-size:20px; font-weight:200;}
+	.pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk .save_point {display:block; width:100%; margin-top:15px; color:#888; font-size:14px; font-weight:200;}
+	.pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk .btn_coupon {position:absolute; right:0; bottom:33px; z-index:2;}
+	.pd_detail .area_desc .desc_wrap .descript_box .desc_status {margin-top:30px; padding:20px; background:#fff6f2; color:#fd4802; font-size:16px; font-weight:300; padding-left:20px;}
+	.pd_detail .area_desc .desc_wrap .descript_box .desc_status p {}
+	.pd_detail .area_desc .desc_wrap .descript_box .desc_status p::before {content:''; display:inline-block; width:17px; height:17px; margin-right:8px; background:url('/images/pc/ico_err.png') no-repeat 50% 50%; vertical-align:top;}
+
+	.pd_detail .area_desc .desc_wrap .benefit_box {margin-top:40px; padding-top:30px; border-top:1px solid #ddd; font-size:14px; font-weight:300;}
+	.pd_detail .area_desc .desc_wrap .benefit_box dl .bnf_shopping {margin-bottom:25px}
+	.pd_detail .area_desc .desc_wrap .benefit_box dl div::after {content:''; clear:both; display:block;}
+	.pd_detail .area_desc .desc_wrap .benefit_box dl div dt {float:left; width:90px; color:#666}
+	.pd_detail .area_desc .desc_wrap .benefit_box dl div dd {float:left; position:relative; width:calc(100% - 90px); color:#222;}
+	.pd_detail .area_desc .desc_wrap .benefit_box dl div dd span {display:block; margin-top:10px}
+	.pd_detail .area_desc .desc_wrap .benefit_box dl div dd span:first-child {margin-top:0px}
+	.pd_detail .area_desc .desc_wrap .benefit_box dl div dd .btn_pop {position:absolute; right:0; top:0; z-index:2;}
+	.pd_detail .area_desc .desc_wrap .option_box {margin-top:30px; padding-top:10px; padding-bottom:30px; border-top:1px solid #ddd;}
+	.pd_detail .area_desc .desc_wrap .option_box > [class^="opt_"] {padding:20px 0;}
+	.pd_detail .area_desc .desc_wrap .option_box > [class^="opt_"] .opt_header {margin-bottom:20px}
+	.pd_detail .area_desc .desc_wrap .option_box > [class^="opt_"] .opt_header::after {content:''; clear:both; display:block;}
+	.pd_detail .area_desc .desc_wrap .option_box > [class^="opt_"] .opt_header span {display:inline-block; font-size:14px;}
+	.pd_detail .area_desc .desc_wrap .option_box > [class^="opt_"] .opt_header .title {margin-right:20px; color:#222; font-weight:300;}
+	.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_pop {float:right;}
+	.pd_detail .area_desc .desc_wrap .option_box .info_restock a.btn_pop {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_pop::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_pop::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 {height:52px;}
+	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select .select_dress {padding:18px; line-height:1;}
+	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select .select_dress:after {top:22px; right:20px}
+	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select .select_dress:active:after,
+	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select .select_dress.active:after {top:15px;}
+	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select .select_options li {padding:18px; color:#666; font-size:16px; font-weight:200; text-indent:0;}
+	.pd_detail .area_desc .desc_wrap .option_box .opt_select .select .select_options li:hover{background-color:#f5f5f5;} 
+	.pd_detail .area_desc .desc_wrap .option_box .opt_color ul {margin-top:-8px}
+	.pd_detail .area_desc .desc_wrap .option_box .opt_color ul::after {content:''; clear:both; display:block;}
+	.pd_detail .area_desc .desc_wrap .option_box .opt_color ul li {float:left; margin-left:8px; margin-top:8px}
+	.pd_detail .area_desc .desc_wrap .option_box .opt_color ul li:nth-child(7n-6) {margin-left:0;}
+	.pd_detail .area_desc .desc_wrap .option_box .opt_color ul li a {display:block; box-sizing:border-box; width:66px; height:99px;}
+	.pd_detail .area_desc .desc_wrap .option_box .opt_color ul li a img {width:100%;}
+	.pd_detail .area_desc .desc_wrap .option_box .opt_color ul li a.on img {border:1px solid #222}
+	.pd_detail .area_desc .desc_wrap .option_box .opt_size .form_field {display:block; margin-top:-8px;}
+	.pd_detail .area_desc .desc_wrap .option_box .opt_size .form_field > div {margin-left:8px; margin-top:8px;}
+	.pd_detail .area_desc .desc_wrap .option_box .opt_size .form_field > div:nth-child(7n-6) {margin-left:0px;}
+	.pd_detail .area_desc .desc_wrap .option_box .opt_size .form_field input[type="radio"] + label {display:block; width:66px; height:42px; padding:0; line-height:42px; text-align:center; background:#fff; box-sizing:border-box; border:1px solid #ddd; color:#222; font-weight:200; font-size:14px;}
+	.pd_detail .area_desc .desc_wrap .option_box .opt_size .form_field input[type="radio"] + label::before,
+	.pd_detail .area_desc .desc_wrap .option_box .opt_size .form_field input[type="radio"] + label::after {display:none;}
+	.pd_detail .area_desc .desc_wrap .option_box .opt_size .form_field input[type="radio"]:checked + label {border:1px solid #222;}
+	.pd_detail .area_desc .desc_wrap .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 .area_desc .desc_wrap .option_box .opt_size .form_field > div {float:left; width:auto;}
+	.pd_detail .area_desc .desc_wrap .option_box .opt_count {padding-bottom:0; margin-top:30px; border-top:1px solid #ddd}
+	.pd_detail .area_desc .desc_wrap .option_box .opt_count .number_count {display:inline-block; border:1px solid #ddd}
+	.pd_detail .area_desc .desc_wrap .option_box .opt_count .number_count::after {content:''; clear:both; display:block;}
+	.pd_detail .area_desc .desc_wrap .option_box .opt_count .number_count span,
+	.pd_detail .area_desc .desc_wrap .option_box .opt_count .number_count input[type='text']{float:left;}
+	.pd_detail .area_desc .desc_wrap .option_box .opt_count .number_count span {cursor:pointer; position:relative; display:inline-block; width:40px; height:40px; text-align:center;}
+	.pd_detail .area_desc .desc_wrap .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 .area_desc .desc_wrap .option_box .opt_count .number_count .plus::after {content:''; background-position:100% 0;}
+	.pd_detail .area_desc .desc_wrap .option_box .opt_count .number_count .minus::after {content:''; background-position:0 0;}
+	.pd_detail .area_desc .desc_wrap .option_box .opt_count .number_count input[type='text'] {width:44px; height:40px; padding:0; text-align:center; color:#222; font-size:15px; font-weight:200; border:none; font-family:'LATO','Noto Sans CJK kr','Noto Sans kr',sans-serif; line-height: 80px;}
+	.pd_detail .area_desc .desc_wrap .price_box {padding:30px 0 40px; border-top:1px solid #222;}
+	.pd_detail .area_desc .desc_wrap .price_box::after {content:''; clear:both; display:block;}
+	.pd_detail .area_desc .desc_wrap .price_box .number {float:left; color:#666; font-size:14px; font-weight:200; margin-top:8px}
+	.pd_detail .area_desc .desc_wrap .price_box .price {float:right; color:#222; font-size:30px; font-weight:500;}
+	.pd_detail .area_desc .desc_wrap .price_box .price em {font-size:24px;}
+	.pd_detail .area_desc .desc_wrap .btn_box .ui_row,
+	.pd_detail .area_desc .desc_wrap .btn_box .ui_row [class^='ui_col_'] {margin:0;}
+	.pd_detail .area_desc .desc_wrap .btn_box::after {content:''; clear:both; display:block;}
+	.pd_detail .area_desc .desc_wrap .btn_box .btn {height:60px; font-size:18px; font-weight:300;}
+	.pd_detail .area_desc .desc_wrap .btn_box .btn:disabled{background:#aaa; border-color:#aaa; opacity:1;}
+	.pd_detail .area_desc .desc_wrap .npay_box {min-height:50px; margin-top:30px; background:#1ec300;}
+	.pd_detail .area_desc .desc_wrap .exinfo_box {margin-top:30px}
+	.pd_detail .area_desc .desc_wrap .exinfo_box ul {border-top:1px solid #ddd}
+	.pd_detail .area_desc .desc_wrap .exinfo_box ul li {border-bottom:1px solid #ddd}
+	.pd_detail .area_desc .desc_wrap .exinfo_box ul li [class^="ex_"] > a {display:block; padding:30px 0; background:url('/images/pc/ico_more_lg.png') no-repeat 492px 50%; image-rendering:pixelated;}
+	.pd_detail .area_desc .desc_wrap .exinfo_box ul li [class^="ex_"] > a::after {content:''; clear:both; display:block;}
+	.pd_detail .area_desc .desc_wrap .exinfo_box ul li [class^="ex_"] > a .tit {color:#222; font-size:14px; font-weight:300;}
+	.pd_detail .area_desc .desc_wrap .exinfo_box ul li [class^="ex_"] > a .tit em.number {margin-left:4px; color:#666; font-weight:200;}
+	.pd_detail .area_desc .desc_wrap .exinfo_box ul li .ex_review {}
+	.pd_detail .area_desc .desc_wrap .exinfo_box ul li .ex_review .star_score {float:right; margin-right:48px; height:14px;}
+	.pd_detail .area_desc .desc_wrap .exinfo_box ul li .ex_review .star_score .star {display:inline-block; position:relative; width:95px; height:14px; background:#f5f5f5;}
+	.pd_detail .area_desc .desc_wrap .exinfo_box ul li .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:cover; image-rendering:pixelated;}
+	.pd_detail .area_desc .desc_wrap .exinfo_box ul li .ex_review .star_score .star .progbar {display:inline-block; height:14px; background:#222}
+	.pd_detail .area_desc .desc_wrap .exinfo_box ul li .ex_review .star_score .score {color:#222; font-size:16px; font-weight:300;}
+	.pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review {width:500px; margin-bottom:30px;}
+	.pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a {display:block; position:relative; height:150px; padding:20px 35px 20px 150px; border:1px solid #eee;}
+	.pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a .pic {position:absolute; left:20px; top:20px; width:110px;}
+	.pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a .pic .thumb {padding-top:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
+	.pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a .pic .thumb::after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3) url('/images/pc/ico_play.png') no-repeat 50% 50%; z-index:2;}
+	.pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a .star_score {margin-top:10px; height:14px;}
+	.pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a .star_score .star {display:inline-block; position:relative; width:83px; height:14px; background:#f5f5f5;}
+	.pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:14px; background:url('/images/pc/star_empty.png') no-repeat 0 0; background-size:cover; image-rendering:pixelated;}
+	.pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a .star_score .star .progbar {display:inline-block; height:14px; background:#222}
+	.pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a .star_score .ico {margin-left:10px}
+	.pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a .star_score .ico::before {vertical-align:inherit;}
+	.pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a .txt_best_review {margin-top:10px}
+	.pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a .txt_best_review p {height:72px; overflow:hidden; line-height:24px; color:#666; font-size:14px; font-weight:200; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
+	.pd_detail .area_desc .desc_wrap .exinfo_box ul li .ex_qna {}
+	.pd_detail .area_desc .desc_wrap .exinfo_box ul li .ex_shipping {color:#666; font-size:14px; font-weight:200;}
+	.pd_detail .area_desc .desc_wrap .exinfo_box ul li .ex_shipping span {display:block; margin-top:10px;}
+	.pd_detail .area_desc .desc_wrap .exinfo_box ul li .ex_shipping span:first-child {margin-top:0; margin-bottom:20px;}
+
+	.pd_together {padding-top:120px;}
+	.pd_together .area_slider {padding:0;}
+	.pd_together .area_slider .swiper-wrapper {padding-bottom:60px;}
+	.pd_together .area_slider .swiper-scrollbar {background:#ddd}
+	.pd_together .area_slider .swiper-scrollbar-drag {border-radius:0; background:#222;}
+	.pd_together .area_slider .swiper-container-horizontal>.swiper-scrollbar {position:relative; left:auto; right:auto; bottom:auto; width:100%; height:2px; opacity: 1 !important;}
+
+	.pd_descrp {width:1200px; margin-top:80px; padding-top:120px}
+	.pd_descrp .cont_body {max-height:1100px; overflow:hidden;}
+	.pd_descrp .cont_body.on {max-height:none;}
+	.pd_descrp .cont_body > div {position:relative; width:1200px; margin-left:auto; margin-right:auto}
+	.pd_descrp .descrp_box {}
+	.pd_descrp .descrp_box > div {margin-top:40px}
+	.pd_descrp .descrp_box > div:first-child {margin-top:0;}
+	.pd_descrp .descrp_box > div > span.tit_desc {display:block; margin-bottom:10px; font-size:18px; font-weight:500; letter-spacing:-0.025em;}
+	.pd_descrp .descrp_box > div > p {font-size:16px; font-weight:200; line-height:1.5; word-break:keep-all;}
+	.pd_descrp .mdhtml_box {margin-top:80px}
+	.pd_descrp .mdhtml_box img {max-width:100%;}
+	.pd_descrp .mdhtml_box iframe {display:block; margin-left:auto; margin-right:auto}
+	.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}
+	.pd_descrp .mdhtml_box .movblock > iframe {position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; z-index:2}
+	.pd_descrp [class^="view_"] {margin-top:100px; text-align:center;}
+	.pd_descrp [class^="view_"]:first-of-type {margin-top:0;}
+	.pd_descrp [class^="view_"] .tit_view {display:block; color:#222; font-size:32px; font-weight:300; text-align:center;}
+	.pd_descrp [class^="view_"] .model_info {display:block; margin-top:20px; color:#666; font-size:16px; font-weight:200; text-align:center;}
+	.pd_descrp [class^="view_"] .view {margin-top:40px}
+	.pd_descrp [class^="view_"] .view img {display:block; margin:10px auto 0}
+	.pd_descrp [class^="view_"] .view img:first-child {margin-top:0}
+	.pd_descrp .view_label_box .view span {display:inline-block;}
+	.pd_descrp .view_label_box .view span::after {content:''; clear:both; display:inline-block;}
+	.pd_descrp .view_label_box .view span img {float:left; margin-top:0; margin-left:20px}
+	.pd_descrp .view_label_box .view img:first-child {margin-left:0}
+	.pd_descrp .view_outfit_box {}
+	.pd_descrp .view_detail_box {}
+	.pd_descrp .brand_box {margin-top:100px; padding:40px; border:1px solid #ddd; text-align:center; box-sizing:border-box;}
+	.pd_descrp .brand_box .name {margin-bottom:25px; color:#222; font-size:24px; font-weight:300;}
+	.pd_descrp .brand_box a {display:inline-block; border:1px solid #a7a7a7; color:#222; font-weight:300;}
+	.pd_descrp .required_box {margin-bottom:80px}
+	.pd_descrp .required_box .area_detail {text-align:center;} 
+	.pd_descrp .required_box .area_detail img {max-width:100%;}
+	.pd_descrp .required_box .area_infotbl {margin-top:100px;}
+	.pd_descrp .required_box .area_infotbl .title {font-size:24px; font-weight:500; letter-spacing:-0.025em;}
+	.pd_descrp .required_box .area_infotbl .tbl table th {width:280px; font-weight:300;}
+	.pd_descrp .required_box .area_kcl {display:block; position:relative; min-height:160px; margin-top:100px; padding:40px 40px 40px 160px; box-sizing:border-box; background:#f5f5f5;}
+	.pd_descrp .required_box .area_kcl p {margin-top:20px; color:#222; font-size:14px; line-height:1; letter-spacing:-0.025em;}
+	.pd_descrp .required_box .area_kcl .tit {margin-top:0; font-size:16px;}
+	.pd_descrp .required_box .area_kcl a.linktxt3 {margin-left:20px; color:#888; font-weight:200; text-decoration:none !important;}
+	.pd_descrp .required_box .area_kcl .ico_kcl {position:absolute; left:64px; top:50%; transform:translateY(-50%); z-index:2;}
+	.pd_descrp .btn_more_box {position:relative; width:100%; margin-top:0; margin-bottom:120px; background:#fff; text-align:center; z-index:2;}
+	.pd_descrp .btn_more_box.covered::after {content:''; position:absolute; left:0; right:0; top:-200px; width:100%; height:200px; 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; }
+	.pd_descrp .btn_more_box .btn {border-color:#fd4802; color:#fd4802;}
+	.pd_descrp .btn_more_box .btn span {position:relative; padding-right:35px;}
+	.pd_descrp .btn_more_box .btn 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%;} 
+	.pd_descrp .btn_more_box .btn.active span::after {transform:rotate(-90deg);}
+	.pd_descrp .btn_more_box .btn .ico {margin-left:20px; margin-right:0;}
+
+	.pd_clickother {}
+	.pd_clickother .area_slider {margin-bottom:190px;}
+	.pd_clickother .area_slider .itemName {height:32px}
+
+	.pd_recommend {}
+	.pd_recommend .area_slider {margin-bottom:170px; padding-bottom:1px;}
+	.pd_recommend .area_slider .swiper-pagination {bottom:-55px;}
+	.pd_recommend .area_slider .page {position:relative; min-height:670px; border:1px solid #ddd; box-sizing: border-box;}
+	.pd_recommend .area_slider .page::after {content:''; clear:both; display:block;}
+	.pd_recommend .area_slider .page .pic {float:left; position:relative; width:50%;}
+	.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_recommend .area_slider .page .item_wrap {display:table; position:absolute; width:50%; height:100%; right:0; top:0; bottom:0;}
+	.pd_recommend .area_slider .page .item_wrap .item_area {display:table-cell; width:100%; padding: 0px 10%; box-sizing:border-box; vertical-align:middle;}
+	.pd_recommend .area_slider .page .item_wrap .item_area h5 {margin:0; color:#222; font-size:20px; font-weight:500;}
+	.pd_recommend .area_slider .page .item_wrap .item_area h5 span {color:#666; font-weight:200;}
+	.pd_recommend .area_slider .page .item_wrap .item_area .li_item {height:540px; margin-top:30px; overflow-y:auto;}
+	.pd_recommend .area_slider .page .item_wrap .item_area .li_item::-webkit-scrollbar {width: 2px;}
+	.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_recommend .area_slider .page .item_wrap .item_area .li_item::-webkit-scrollbar-track {background-color: #dddddd;border-radius: 0px;}
+	.pd_recommend .area_slider .page .item_wrap .item_area .li_item ul li {position:relative; height:150px; margin-top:20px}
+	.pd_recommend .area_slider .page .item_wrap .item_area .li_item ul li:first-child {margin-top:0;}
+	.pd_recommend .area_slider .page .item_wrap .item_area .li_item ul li .item_prod {display:block; width:100%;}
+	.pd_recommend .area_slider .page .item_wrap .item_area .li_item ul li .item_prod .item_state {display:table; width:100%;}
+	.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_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_recommend .item_area .itemBrand {}
+	.pd_recommend .item_area .itemName {}
+	.pd_recommend .item_area .itemPrice {}
+	.pd_recommend .item_area .itemPrice .itemPrice_original {}
+	.pd_recommend .item_area .itemPrice .itemPercent {position:relative;}
+	.pd_recommend .area_slider .page .item_wrap .item_area .btn {margin-top:30px; border-color:#fd4802; color:#fd4802;}
+
+	.pd_relate {}
+	.pd_relate .area_slider {margin-bottom:230px;}
+	.pd_relate .area_slider .itemName {height:32px}
+
+
+	/* pd_popup */
+	.modal.pd_pop .modal-header h5.modal-title {margin-top:0; font-size:24px; font-weight:300;}
+	.modal.pd_pop .modal-header .txt {margin-top:20px; color:#666; font-size:16px; font-weight:300;}
+	.modal.pd_pop .form_field,
+	.modal.pd_pop .form_field > div {display:block; width:100%;}
+
+	.modal.pd_pop .coupon_list {line-height:1;}
+	.modal.pd_pop .coupon_list li {}
+	.modal.pd_pop .coupon_list li .coupon {position:relative; border:1px solid #ddd; box-sizing:border-box; background:#fff;}
+	.modal.pd_pop .coupon_list li .coupon > div {position:relative;}
+	.modal.pd_pop .coupon_list li .coupon > div::after {content:''; position:absolute; top:50%; right:-1px; transform:translateY(-50%); width:15px; height:30px; background:#f5f5f5; 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 .coupon_list li .coupon p {padding:0 20px;}
+	.modal.pd_pop .coupon_list li .coupon .cp_name {padding-top:30px; color:#222; font-size:14px; font-weight:300;}
+	.modal.pd_pop .coupon_list li .coupon .cp_cont {margin-top:15px;} 
+	.modal.pd_pop .coupon_list li .coupon .cp_cont span {color:#fd4802; font-size:22px; font-weight:500;}
+	.modal.pd_pop .coupon_list li .coupon .cp_cont span em {font-size:28px;}
+	.modal.pd_pop .coupon_list li .coupon .cp_condition {margin-top:10px; padding-bottom:30px; color:#888; font-size:12px; font-weight:300; line-height:1.4;}
+	.modal.pd_pop .coupon_list li .coupon .cp_condition span {display:block; margin-top:5px}
+	.modal.pd_pop .coupon_list li .coupon .btn_cpdown {}
+	.modal.pd_pop .coupon_list li .coupon .btn_cpdown span {position:relative;}
+	.modal.pd_pop .coupon_list li .coupon .btn_cpdown span::after {content:''; display:inline-block; position:absolute; top:50%; transform:translateY(-50%); width:14px; height:15px; margin-left:10px; background:url('/images/pc/ico_cp_down.png') no-repeat 0 0;}
+
+
+
+	
+	/* my */
+	.container.my .wrap .content .cont_body {margin-bottom: 150px;}
+	.my .lnb_list::after {display: none;}
+	.my .subH2 {margin-bottom: 25px; font-size: 26px;}
+	.my .cont .sec_head h3,
+	.my .my_cont .sec_head h3 {display: inline-block; font-size:32px; font-weight:500;}
+	.my .btn.btn_sm {font-size: 14px;}
+	.my .select {font-size: 14px;}
+	.my .select_dress {padding:12px 20px;}
+	.my .select_dress:after {right: 20px;}
+	.my .select_options li {padding:12px 20px; text-indent: 0;}
+	.my .alert_t {font-size: 14px; color:#888; margin-top: 25px;}
+	.my .alert_t02 {font-size: 14px; color:#999; margin-top: 15px;}
+	.my .radio_field input[type="radio"] + label:before {background-position: 0 0;}
+	.my .radio_field input[type="radio"]:checked + label:after {background-position: -20px 0;}
+
+	.my .sec_head {position: relative; font-size: 0;}
+	.my .sec_head h3 {display: inline-block; font-size:30px; font-weight:500; margin-bottom: 0; vertical-align: middle;}
+	.my .sec_head .mem_name {margin-bottom: 30px; font-weight: 200; color: #898989;}
+	.my .sec_head .mem_name strong {color: #000; font-weight: 500;}
+	.my .sec_head .od_detail {display: inline-block; margin:0 10px; font-size: 24px; font-weight: 200; color:#888; vertical-align: middle;}
+	.my .sec_head .od_del_btn {padding:6px 14px; background:#f5f5f5; border:none; color:#222; font-size:14px; vertical-align: middle;}
+	
+	.my .mem_rank {position: relative; padding-left: 73px; float:left;}
+	.my .mem_rank .rank_icon {width: 60px; height: 60px; line-height: 64px; position: absolute; left: 0; top: 0; font-size: 22px; border-radius: 50%; background: #000; color: #fff; text-align: center; font-weight: 900;}
+	.my .mem_rank .rank_txt01 {font-size: 34px; height: 25px; line-height: 27px; color: #fd4802; margin-bottom: 14px; font-weight: 500;}
+	.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_info {background: #f5f5f5; padding: 50px;}
+	.my .mem_info .mem_box {float:right;}
+	.my .mem_info .mem_box > div {float:left; position: relative; margin-right: 70px; font-size: 16px;}
+	.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: 55px;}
+	.my .mem_info .mem_box > div:after {content:''; position: absolute; top: 7px; right: -30px; width: 1px; height: 50px; background: #dcdcdc;}
+	.my .mem_info .mem_box > div:last-child:after {display: none;}
+	.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: 16px; font-weight: 300; color: #888; margin-bottom: 20px;}
+	.my .mem_info .mem_box > div .big_txt {display: inline-block; font-size: 22px; padding-right: 3px; font-weight: 500;}
+	.my .order_info {background: #fff; padding: 50px; padding-right: 60px; margin-bottom: 60px; border-top: 1px solid #222; border-bottom: 1px solid #222;}
+	.my .order_info > ul {float:left; position: relative;}
+	.my .order_info > ul:after {content:''; position: absolute; top: 5px; right: -70px; width: 1px; height: 46px; background: #aaa;}
+	.my .order_info > ul > li {float:left; text-align: center; margin-right: 100px; position: relative;}
+	.my .order_info > ul > li:after {content:''; position: absolute; top: 50%; right: -60px; width: 17px; height: 31px; background: url(/images/pc/ico_myinfo_arrow.png) no-repeat center; transform:translateY(-50%);}
+	
+	.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: 15px; color: #666; margin-bottom: 13px; font-weight: 300;}
+	.my .order_info .count span {display: inline-block; font-size: 24px; font-weight: 500;}
+	.my .order_info .count.zero span {color: #888;}
+	.my .order_info .order_right {float:right; text-align: center;}
+	.my .order_info .order_right .count span {color: #fd4802; }
+	.my .order_sch_filter {position: relative; padding: 20px 30px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
+	.my .order_sch_filter .sch_radio_tab {float:left;}
+	.my .order_sch_filter .sch_radio_tab input {width: 0px; height: 0px; opacity: 0; overflow: hidden;}
+	.my .order_sch_filter .sch_radio_tab input + label {display: inline-block; background: #f5f5f5; width: 107px; padding:14px 0; text-align: center; cursor:pointer; float:left; border:1px solid transparent; font-weight: 200; margin-right: 8px;}
+	.my .order_sch_filter .sch_radio_tab input:checked + label {background: #fff; border:1px solid #000;}
+	.my .order_sch_filter .sch_right {float:right;}
+	.my .order_sch_filter .sch_right * {float:left;}
+	.my .order_sch_filter .sch_right .sch_datepicker {position: relative;}
+	.my .order_sch_filter .sch_right .sch_datepicker.sb {margin-right: 27px;}
+	.my .order_sch_filter .sch_right .sch_datepicker.sb:after {content:'~'; position: absolute; top: 14px; right: -18px;}
+	.my .order_sch_filter .sch_right .sch_datepicker input[type='text'] {width: 160px; height: 42px; padding:0 20px; border:1px solid #ddd; background: url(/images/pc/ico_calender02.png) no-repeat right 17px center; font-size: 14px; color: #222; font-weight: 200;}
+	.my .order_sch_filter .sch_right .sch_datepicker input[type='text']::placeholder {font-size: 14px; color: #222; font-weight: 200;}
+	.my .order_sch_filter .btn {padding:10px 20px; margin-left: 10px; font-size: 14px;}
+	.my .order_sch_filter .form_wrap {position: absolute; top: -60px; right: 0; width: 180px;}
+	.my .order_row {margin-top: 60px;}
+	.my .tbl.type2 {border-top: 1px solid #ddd; margin-top: -1px;}
+	.my .tbl .cnt_sel .cnt_t {display: block; margin-bottom: 10px; font-size: 16px; font-weight: 300;}
+	.my .tbl .cnt_sel .select {display: block; width: 100px; margin:0 auto; text-align: left;}
+	.my .tbl .cnt_sel .select + button {width: 100px; margin-top: 4px;}
+	.my .tbl_tit {position: relative; padding-bottom: 15px; border-bottom: 1px solid #000; font-size: 0;}
+	.my .tbl_tit h3 {margin-bottom: 0;}
+	.my .tbl_tit span {display: inline-block; vertical-align: middle;}
+	.my .tbl_tit .start_t, .my .tbl_tit .gift_t, .my .tbl_tit .order_date {font-size: 18px; font-weight: 500;}
+	.my .tbl_tit .order_date {margin:0 10px 0 9px;}
+	.my .tbl_tit .detail_btn {position: absolute; top: 6px; right: 0; font-size: 14px; color: #8d8d8d; padding-right: 14px; background: url(/images/pc/ico_mysm_arrow.png) no-repeat right top 1px;}
+	.my .order_label01 {font-size: 11px; color: #888; font-weight: 300; border:1px solid #ddd; padding:5px 8px; margin-right: 8px;}
+	.my .order_label02 {font-size: 11px; color: #fd4802; font-weight: 300; border:1px solid #fd4802; padding:5px 8px; margin-right: 8px;}
+	.my .order_row .order_table {border-top: 1px solid #010101; }
+	.my .order_row .order_table td {text-align: center; border-right:1px solid #ddd; height: 210px; border-bottom: 1px solid #ddd;}
+	.my .order_row .order_table td.product {text-align: left;}
+	.my .order_row .order_table td.order_img, .order_row .order_table td.state {border-right:0;}
+	.my .order_row .order_table td.order_img img {width: 100px; height: auto;}
+	.my .order_row .order_table td.state li {margin-bottom: 4px;}
+	.my .order_row .order_table td.state li:last-child {margin-bottom: 0;}
+	.my .order_table td.state li a, .order_confirm .btn {width: 100px; line-height: 34px !important; padding: 0; font-size: 12px;}
+	.my .order_confirm {padding: 20px 40px; text-align: right; background: #f5f5f5; }
+	.my .order_confirm .cf_txt {display: inline-block; font-weight: 300;}
+	.my .order_confirm span {display: inline-block; vertical-align: middle;}
+	.my .order_confirm span.cf_desc {color:#fd4802; font-weight: 300;}
+	.my .order_confirm button {margin-left: 20px;}
+
+	.my .part_deliver {position:relative; margin-top: 60px;}
+	.my .part_deliver h3.subH2 span {color:#888; font-size:16px; font-weight:200;}
+	.my .part_deliver .btn_area {position:absolute; right:0; top:-8px; z-index:2;}
+	.my .part_deliver .btn_area button {padding:8px 14px; background:#f5f5f5; border:none; color:#222; font-size:14px; font-weight:200;}
+	.my .part_deliver button.btn.btn_sm {width: 100px; padding:6px 14px;}
+	.my .part_deliver .tbl_btn_wrap button {display: block; width: 100px; margin:0 auto 4px; text-align: center;}
+
+	.my .part_deliver table th,
+	.my .part_deliver table td {padding-top:0px; padding-bottom:0px;}
+	.my .part_deliver table td:first-child {padding-left: 30px;}
+	.my .part_deliver table .info_item {/*width:810px;*/ width:100%}
+	.my .part_deliver table .info_item.w1000 {width: 1000px;}
+	.my .part_deliver table .info_item .info_box .od_freebies {margin-top:15px; color:#666; font-size:14px;}
+	.my .part_deliver table .info_item > div {padding-top:40px; padding-bottom:40px;}
+	.my .part_deliver table .info_item .cart_btn {margin-top: 12px; padding:6px 13px; font-size: 14px;}
+	.my .part_deliver table .info_item .info_calc {width: 180px;}
+	.my .part_deliver table .info_item .info_calc .point {margin-bottom:0; text-transform: uppercase;}
+	.my .part_deliver table .delivery {margin-bottom:15px;}
+	.my .part_deliver table .delivery .dlvr_staus {font-size: 18px; line-height: 1.4; font-weight: 300; margin-bottom: 5px;}
+	.my .part_deliver table .delivery .dlvr_desc {font-size: 14px; line-height: 1.4; color: #888; font-weight: 300;}
+	.my .part_deliver table .tbl_btn_wrap li {margin-bottom: 4px;}
+	.my .part_deliver table .tbl_btn_wrap li:last-child {margin-bottom: 0;}
+	.my .part_deliver table .tbl_btn_wrap li button {width: 100px;}
+	.my .part_deliver .oder_gift {padding:40px 30px; border-bottom: 1px solid #ddd;}
+	.my .part_deliver .oder_gift > div {display:table-cell; vertical-align:middle;}
+	.my .part_deliver .oder_gift .title {width:100px; text-align:center; font-size: 16px; font-weight: 300;}
+	.my .part_deliver .oder_gift .li_gift {padding-left:30px;}
+	.my .part_deliver .oder_gift .li_gift li {padding-left: 15px; background: url(/images/pc/ico_bracket.png) no-repeat left top; font-size: 16px; margin-bottom: 13px;}
+	.my .part_deliver .oder_gift .li_gift li:last-child {margin-bottom: 0;}
+	.my .part_deliver .oder_gift .li_gift .deduct_p {color: #fd4802;}
+
+	.my .part_deliver .tbl_group .tbl.type2:first-of-type {border-top: 0;}
+	.my .btn_popup {display:inline-block; position:absolute; left:auto; top:50%; -ms-transform:translateY(-50%); transform:translateY(-50%); margin-left:15px; padding:0px 13px; height:34px; color:#222; font-size:14px; font-weight:200; border:1px solid #a7a7a7; box-sizing:border-box;}
+	.my .btn_popup02 {display:inline-block; margin-left:15px; padding:0px 13px; height:34px; color:#222; font-size:14px; font-weight:200; border:1px solid #a7a7a7; box-sizing:border-box;}
+	.my .btn_popup span {vertical-align:top;}
+
+	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+		.my .btn_popup, .my .btn_popup02 {margin-left: 0;}
+	}
+	.my .order_amount dl div {color:#666; font-weight: 300;}
+	.my .order_amount dl dd.price {font-size: 20px;}
+	.my .order_amount dl dd.price .oder_total_price {font-size: 24px;}
+	.my .order_amount dl div:first-child {margin-top: 0;}
+	.my .order_amount dl div {margin-top: 20px;}
+	.my .order_amount dl div .btn {font-size: 14px; padding:6px 10px;}
+
+	.my .tbl.row_tbl {padding:25px 0;}
+	.my .tbl.row_tbl div {float:left; border-right:1px solid #ddd; margin-right: 20px; padding-right: 20px;}
+	.my .tbl.row_tbl div:last-child {border-right:0;}
+	.my .tbl.row_tbl .tit {margin-right: 5px;}
+	.my .tbl.row_tbl .tit.c_primary {font-size: 14px;}
+	.my .tbl.row_tbl .td_pt td {padding: 20px 40px;}
+
+	.my .ex_option {margin-top: 14px;}
+	.my .ex_option .option {margin-bottom: 15px;}
+	.my .ex_option .option:last-child {margin-bottom: 0;}
+	.my .ex_option dl:after {content:''; clear: both; display: block;}
+	.my .ex_option dt {margin-right: 10px;}
+	.my .ex_option dt, .ex_option dd {float:left; font-size: 14px;}
+	.my .ex_option em {position:relative; padding-left:10px; margin-left:10px;}
+	.my .ex_option em::before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); height:10px; border-left:1px solid #ddd}
+	.my .ex_option em:first-child {padding-left:0; margin-left:0;}
+	.my .ex_option em:first-child::before {border-left:0;}
+
+	.my .radio_field div {margin-right: 40px;}
+	.my .radio_field  input[type="radio"] + label {line-height: 1.8; font-weight: 200;}
+	.my .radio_field label b {display: inline-block; vertical-align: middle; font-size: 14px; font-weight: 200; margin-left: 5px;}
+
+	.my .order_tit .subH3 + .del_t {display: inline-block; margin-left: 10px; font-size: 14px; color:#888;}
+
+	.my .ship_fee {background: #fff6f2; padding: 50px; text-align: center;}
+	.my .ship_fee p {font-size: 18px; font-weight: 300;}
+
+	.my .com_info_txt .chk_box {margin-top: 30px; padding-top: 30px; border-top: 1px solid #dcdcdc;}
+	.my .com_info_txt .chk_box span {color:#858585; font-weight: 200;}
+
+	.my .part_deliver .tbl.stock_tbl {border-top: 1px solid #000;}
+	.my .part_deliver .tbl.stock_tbl table .alarm {line-height: 1.4; font-weight: 300;}
+	.my .part_deliver .tbl.stock_tbl table .type1 p {color: #fd4802;}
+	.my .part_deliver .tbl.stock_tbl table .type2 p {color: #222;}
+	.my .part_deliver .tbl.stock_tbl table .type3 p {color: #888; font-weight: 200;}
+	.my .part_deliver .tbl.stock_tbl table td {border-top: 1px solid #ddd;}
+
+	.my .my_tab {position: relative; text-align: center; margin-top: 60px;}
+	.my .my_tab .form_field {position: absolute; width: 200px; top: -10px; right: 0; text-align: left;}
+	.my .my_tab > ul {display: inline-block;}
+	.my .my_tab > ul:after {content:''; clear:both; display: block;}
+	.my .my_tab > ul li {float:left; margin:0 20px}
+	.my .my_tab > ul li a {display: inline-block; font-size: 20px; padding-bottom: 5px; font-weight: 200;}
+	.my .my_tab > ul li a.on {color: #000; border-bottom: 2px solid #000; font-weight: 500;}
+	.my .save_area {background: #fff6f1; text-align: center; padding: 60px 0;}
+	.my .save_area p {font-size: 30px; font-weight: 500; margin-bottom: 30px;}
+	.my .save_area p strong {color: #fd4802 !important; margin-left: 8px; font-size: 36px;}
+	.my .save_area ul {display: inline-block;}
+	.my .save_area ul:after {content:''; clear:both; display: block;}
+	.my .save_area ul li {float:left; position: relative; color: #666;}
+	.my .save_area ul li:first-child {margin-right: 40px;}
+	.my .save_area ul li:first-child:after {content:''; position: absolute; top: -2px; right: -20px; width: 1px; height: 15px; background: #dcdcdc;}
+	.my .save_area ul li span {margin-left: 5px; font-weight: 500; color: #000;}
+
+	.my .order_tit {position: relative; margin-bottom: 20px;}
+	.my .order_tit .subH3 {display: inline-block; margin-bottom: 0;}
+	.my .order_tit .ship_btn {display: inline-block; font-size: 12px; color: #888; border-bottom: 1px solid #888; line-height: 1 !important; font-weight: 200; vertical-align: top;padding-bottom: 2px; margin-left: 10px;}
+	.my .order_tit .btn_popup {right: 0;}
+	.my .order_tit .desc {display: inline-block; font-size: 14px; color: #888; line-height: 1 !important; font-weight: 200; vertical-align: top; margin-left: 10px;}
+	
+	.my .tbl.type1 {margin-top: -1px;}
+	.my .tbl.type1 th.ver_top {vertical-align: top; padding-top: 25px;}
+	.my .tbl.type1 th.ver_top02 {vertical-align: top;}
+	.my .tbl.type1 td textarea {width: 100%; resize:none; height: 82px; padding: 15px; font-size: 14px; color: #868686;}
+	.my .tbl.review_tbl td {padding-left: 0;}
+	.my .tbl.review_tbl td textarea {height: 200px;}
+	.my .tbl.type1 td .select {width: 400px;}
+	.my .tbl.type1 td .txt_cnt {text-align: right; margin-top: 10px;}
+	.my .tbl.type1 td .rev_height, .my .tbl.type1 td .rev_weight {width: 250px; border:1px solid #ddd; position: relative;}
+	.my .tbl.type1 td .rev_height input, .my .tbl.type1 td .rev_weight input {border:none; padding:0 20px; width: 100%; height: 42px; font-size: 14px; font-weight: 200;}
+	.my .tbl.type1 td .rev_height span, .my .tbl.type1 td .rev_weight span {position: absolute; top: 15px; right: 20px; font-size: 14px; font-weight: 300;}
+
+	.my .btn_wrap {margin:60px auto 0}
+	.my .btn_wrap:after {content:''; clear:both; display: block;}
+	.my .btn_wrap button {width: 49.3%; float:left; padding:18px 41px; font-weight: 300;}
+	.my .btn_wrap button:first-child {margin-right: 15px;}
+
+	.my .btn_wrap.half {font-size: 0; text-align: center;}
+	.my .btn_wrap:after {content:''; clear:both; display: block;}
+	.my .btn_wrap.half button:first-child {margin-right: 15px;}
+	.my .btn_wrap.half button {width: 220px; display: inline-block; float:none;}
+
+	.my .re_info_tbl {padding: 40px;}
+	.my .re_info_tbl:after {content:''; clear:both; display: block;}
+	.my .re_info_tbl > div {float:left;	width: 50%;}
+	.my .re_info_tbl .r_left {border-right:1px dashed #ddd; padding-right: 40px;}
+	.my .re_info_tbl .r_left span.big_t {font-size: 24px; font-weight: bold;}
+	.my .re_info_tbl .r_left span.big_t strong {color: #fd4802;}
+	.my .re_info_tbl .r_right {float:right; padding-left: 40px;}
+	.my .re_info_tbl dl {margin-bottom: 20px; height: 18px;}
+	.my .re_info_tbl dl:after {content:''; clear: both; display: block;}
+	.my .re_info_tbl dl:last-child {margin-bottom: 0;}
+	.my .re_info_tbl dt, .my .re_info_tbl dd {float:left; width: 50%; font-size: 16px;}
+	.my .re_info_tbl dt {font-weight: 300;}
+	.my .re_info_tbl dd {text-align: right;}
+
+	.my .review_radio .radio_li {width: 110px;}
+	.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: 200;}
+	.my .review_tbl .pics, .my .review_tbl .fileAdd {width: 105px; height: 105px;}
+	.my .review_tbl .picsThumbs {max-width:105px; max-height:105px;}
+	.my .review_desc {margin-top: 20px; font-size: 14px; font-weight: 200; color: #666;}
+	.my .tbl.review_tbl {padding: 20px 0;}
+
+	.my .gift_sea_wrap {display: inline-block;}
+	.my .gift_sea_wrap * {float:left;}
+	.my .gift_search {margin:60px 0; text-align: center;}
+	.my .gift_search label[for='gift_input'] {font-size: 18px; margin-right: 40px; font-weight: 500; margin-top: 13px;}
+	.my .gift_search #gift_input {width: 400px; height: 42px;}
+	.my .gift_search .btn {padding:10px 20px; margin-left: 10px; font-size: 14px;}
+	.my .gift_list {border-top: 1px solid #000; margin-top: 40px; padding-top: 30px;}
+	.my .gift_list li {position: relative; width: 387px; box-sizing: border-box; overflow: hidden; z-index: 8; float:left; margin: 0 20px 20px 0;}
+	.my .gift_list li:last-child {margin:0 0 20px 0;}
+	.my .gift_list li .gift_shape {background: #fff; border:1px solid #ddd; border-bottom: 0; padding: 30px; padding-bottom: 24px; overflow: hidden; text-align: right;}
+	.my .gift_list li .gift_shape strong {display: block; color: #222; font-weight: 300; font-size: 14px; text-align: left; margin-bottom: 7px;}
+	.my .gift_list li .gift_shape .gift_price01 {display: inline-block; padding:5px 8px; font-size: 11px; background: #fff6f2; border:1px solid #fd4802; color: #fd4802; font-weight: 300;}
+	.my .gift_list li .gift_shape .gift_price02 {margin:10px 0 12px; color: #fd4802; font-weight: 600; font-size: 20px;}
+	.my .gift_list li .gift_shape .gift_price02 .pr_t {font-size: 20px;}
+	.my .gift_list li .gift_shape .gift_price02 .pr_num {font-size: 32px; font-weight: 600; padding-left: 5px;}
+	.my .gift_list li .gift_shape .gift_price03 {font-weight: 300; font-size: 12px; color:#888;}
+	.my .gift_list li .gift_date {padding:20px; border:1px solid #ddd; border-top:1px dashed #ddd; text-align: center;}
+	.my .gift_list li .gift_date span {font-size: 14px; color: #222;}
+
+	.my .gift_list li.off .gift_shape {background: #f5f5f5; border:none;}
+	.my .gift_list li.off .gift_shape strong {color: #888;}
+	.my .gift_list li.off .gift_shape .gift_price01 {border:1px solid #888; background: transparent;}
+	.my .gift_list li.off .gift_shape .gift_price01 {color: #888; font-weight: 500;}
+	.my .gift_list li.off .gift_shape .gift_price02 {color: #888;}
+	.my .gift_list li.off .gift_date {background: #f5f5f5; border:none; border-top:1px dashed #ddd;}
+
+	.my .gift_con {margin-top: 15px;}
+	.my .gift_con dl {margin-bottom: 5px;}
+	.my .gift_con dt, .my .gift_con dd {float:left;}
+	.my .gift_con dt {width: 85px; color:#888;}
+
+	/* my_delivery */
+	.my .tbl.deli_tbl {padding:0; border-bottom:0;}
+	.my .tbl.deli_tbl table {font-size: 30px; }
+	.my .tbl.deli_tbl table th, .my .tbl.deli_tbl table td {padding:20px 30px;}
+	.my .tbl.deli_tbl table th, .my .tbl.deli_tbl table td {border-bottom: 1px solid #ddd;}
+	.my .tbl.deli_tbl table td.edit {text-align: center;}
+	.my .tbl.deli_tbl table td.edit button {display: block; width: 100px; padding:6px 14px; margin:0 auto 4px;}
+	.my .tbl.deli_tbl table dl {padding:10px 0;}
+	.my .tbl.deli_tbl table dt, .my .tbl.deli_tbl table dd {float:left; position: relative; font-size: 16px; letter-spacing:-0.025em;}
+	.my .tbl.deli_tbl table dt {font-weight: 300;}
+	.my .tbl.deli_tbl table dt {width: 200px;}
+
+	.my .tbl.deli_tbl .basic_deli {margin-top: 20px;}
+	.my .tbl.deli_tbl .basic_deli .form_field {}
+	.my .tbl.deli_tbl .basic_deli .form_field input[type="checkbox"] + label {font-weight: 200;}
+	.my .tbl.deli_tbl .basic_deli .form_field input[type="checkbox"] + label:before, .basic_deli .form_field input[type="checkbox"]:checked + label:after {top: 0;}
+	.my .tbl.deli_tbl .sr-only {text-indent: -999em;}
+	.my .tbl.deli_tbl .deli_name {margin-right: 10px;}
+	.my .tbl.deli_type {border-bottom: 1px solid #ddd; padding:20px 0;}
+	.my .tbl.deli_type table th, .my .tbl.deli_type table td {padding: 10px 40px; border:none; text-align: left;}
+	.my .tbl.deli_type input[type="text"], .my .tbl.deli_type input[type="password"] {padding:6px 0 6px 20px; width: 400px; height: 42px; font-size: 14px; color:#888;}
+	.my .tbl.deli_type .search button {width: 122px; height: 42px; padding:10px; font-size: 14px; margin-left: 6px;}
+	.my .tbl.deli_tbl .tit {margin-right: 35px;}
+
+	.my .tbl.deli_req_type {padding:40px 40px;}
+	.my .tbl.deli_req_type li {margin-bottom: 30px;}
+	.my .tbl.deli_req_type li:last-child {margin-bottom: 0;}
+	.my .tbl.deli_req_type li .form_text {margin-top: 17px;}
+	.my .tbl.deli_req_type li .form_text input {width: 100%; height: 42px; padding:7px 0 7px 20px;}
+	.my .tbl.deli_req_type li .form_text p {margin-top: 14px; padding-left: 5px; font-size: 14px; color: #999;}
+
+	/* my_coupon */
+	.my .coupon .order_row {margin-top: 30px;}
+	.my .coupon_list {margin-top: 60px; padding-top: 40px; border-top: 1px solid #000;}
+	.my .coupon_list li {float:left; width: 285px; margin:0 20px 20px 0;  position: relative; position: relative; overflow: hidden;}
+	.my .coupon_list li:nth-child(4n) {margin-right: 0;}
+	.my .coupon_list li .cp_top {position: relative; overflow: hidden;}
+	.my .coupon_list li .cp_detail { z-index: 99; border:1px solid #ddd; border-bottom: 0; padding:30px 20px 18px; padding-right: 5px;}
+	.my .coupon_list li.off .cp_detail {background: #f5f5f5; border:1px solid #f5f5f5;} 
+	.my .coupon_list li .cp_detail .tit {margin-bottom: 13px; font-size: 14px;}
+	.my .coupon_list li.off .cp_detail .tit {color:#888;}
+	.my .coupon_list li .cp_detail .sale_t {display: block; color: #fd4802; font-size: 30px; margin-bottom: 15px;}
+	.my .coupon_list li.off .cp_detail .sale_t {color:#888;}
+	.my .coupon_list li .cp_detail .sale_t span {font-weight: 600;}
+	.my .coupon_list li .cp_detail .sale_t.won_t {font-size: 22px;}
+	.my .coupon_list li .cp_detail .sale_t.won_t span {font-size: 30px;}
+	.my .coupon_list li .cp_detail .cp_cont {font-size: 12px; margin-bottom: 10px; font-weight: 300; color: #888;}
+	.my .coupon_list li .cp_detail .cp_cnt {background: #fff5f3; padding:5px 8px; border:1px solid #fd4802; font-size: 10px; color: #fd4802 !important; font-weight: 500;}
+	.my .coupon_list li.off .cp_detail .cp_cnt {background: #f5f5f5; padding:5px 8px; border:1px solid #888; font-size: 10px; color: #888 !important; font-weight: 500;}
+	.my .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;}
+	.my .coupon_list li.off .cp_shape {border:1px solid #f5f5f5;}
+	.my .coupon_list li .cp_date {border:1px solid #ddd; padding:17px 5px; border-top: 1px dashed #ddd; color: #222; font-weight: 300; text-align: center;}
+	.my .coupon_list li .cp_date .cp_off {display: none; color: #888;}
+	.my .coupon_list li.off .cp_date span {display: none;}
+	.my .coupon_list li.off .cp_date .cp_off {display: block; font-weight: 200;}
+	.my .coupon_list li.off .cp_date {background: #f5f5f5; border:1px solid #f5f5f5; border-top:1px dashed #ddd;}
+	.my .coupon_list li .cp_info {text-align: center; margin-top: 20px;}
+	.my .coupon_list li .cp_info button span {display: inline-block; border-bottom: 1px solid #888; color: #888;}
+
+	/* my_review */
+	.my .review_list .tbl.type2 {border-top: 1px solid #000;}
+	.my .review_list .part_deliver .tbl.type2 table td {border-top: 1px solid #ddd;}
+	.my .review_list .part_deliver .tbl.type2 table .alarm {font-size: 16px; line-height: 1.4; font-weight: 300;}
+	.my .review_list .my_write {margin-bottom: 30px; margin-right: 30px; text-align: left; font-size: 14px; line-height: 1.7; color: #666;}
+	.my .review_list .admin_write {position: relative; background: #f5f5f5; margin-top: 45px; margin-bottom: 40px; margin-right: 30px; padding: 30px; text-align: left;}
+	.my .review_list .admin_write:before {content:''; position: absolute; top: -15px; left: 0; display: block; width: 15px; height: 15px; border-left:15px solid #f5f5f5; border-top:15px solid transparent;}
+	.my .review_list .admin_write p {font-size: 14px; line-height: 1.7; color: #666;}
+	.my .review_list .admin_write .admin_info {margin-bottom: 20px; font-size: 14px; font-weight: 300;}
+	.my .review_list .admin_write .admin_info img {display: inline-block; vertical-align: bottom; margin-right: 5px;}
+
+	.my .review_list .my_write_multi {margin-bottom: 40px; text-align: left; font-size: 0;}
+	.my .review_list .my_write_multi button {display: inline-block; position: relative; margin-right: 10px; width: 87px; height: 87px;}
+	.my .review_list .my_write_multi button.video:after {content:''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.3);}
+	.my .review_list .my_write_multi button.video:before {content:''; position: absolute; top: 50%; left: 55%; transform:translate(-50%, -50%); border-left:15px solid #fff; border-top:8px solid transparent; border-bottom:8px solid transparent; border-right:8px solid transparent; z-index: 8;}
+	.my .review_list .my_write_multi button img {width: 100%; height:100%;}
+
+	/* my_review_3 */
+	.my .review_score {margin-top: 14px;}
+	.my .review_list #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_list #star_grade button.on {background: url(/images/pc/ico_star02.png) no-repeat center;} 
+	.my .review_list #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_list #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_mypage */
+	.my .tbl.info_tbl .certi_btn02 {margin-left: 14px; font-size: 12px; color: #888; border-bottom: 1px solid #888;}
+	.my .tbl.info_tbl .password_btn button {width: 100px; height: 42px; padding: 0; font-size: 16px; font-weight: 200;}
+	.my .tbl.info_tbl input[type="text"], .my .tbl.info_tbl input[type="password"] {padding:6px 0 6px 20px; width: 400px; height: 42px; font-size: 14px; color:#222;}
+	.my .tbl.info_tbl input[type="text"]:read-only {background: #f5f5f5;}
+	.my .tbl.info_tbl .form_field input[type="radio"] + label:before {background-position: 0 0;}
+
+	/* my_leave */
+	.com_info_txt .form_field input[type="checkbox"] + label {line-height: 2;}
+	.my .leave_tit {margin-bottom: 35px; text-align: center; font-size: 24px; font-weight: 500;}
+	.my .leave_no {background: #fff6f2; margin-top: 60px; padding: 60px; text-align: center;}
+	.my .leave_no h4 {font-size: 18px; font-weight: 500; color:#fd4802; margin-bottom: 20px;}
+	.my .leave_no p {font-size: 16px; color:#666; font-weight: 200;}
+	.my .tbl.track_tbl {border-top: 1px solid #000;}
+	.my .tbl.track_tbl {border-top: 0;}
+	.my .tbl.track_tbl th {border-top: 1px solid #000; border-bottom: 1px solid #000;}
+	.my .tbl.track_tbl .pl40 {padding-left: 40px;}
+
+	/* my_wishlist */
+	.my .wish {}
+	.my .wish .month_tit {position: relative; margin-bottom: 30px;}
+	.my .wish .month_tit:after {content:''; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background: #ddd;}
+	.my .wish .month_tit .shape {position: relative; width: 80px; max-width: 80px;}
+	.my .wish .month_tit .shape span {width: 80px; font-size: 18px; font-weight: 300;}
+	.my .wish .item_prod {width: 23.3333%; margin:0 26px 50px 0;}
+	.my .wish .item_prod:nth-child(4n) {margin:0 0 50px 0;}
+	.my .wish .item_prod .itemcolorchip, .my .wish .item_prod .itemComment {margin:15px 6px 0px;}
+	.my .wish .itemBadge {margin:0 4px;}
+	.my .wish .itemBadge [class*="badge"] {margin:0 2px;}
+	.my .wish .item_state {padding:0;}
+
+	/* my_return_1_exchangePOP, my_return_1_returnPOP */
+	.modal.info_popup {max-width:840px; padding:60px;}
+	.modal.info_popup .modal-header {margin-bottom: 30px;}
+	.modal.info_popup .modal-title {font-size: 22px; font-weight: 500; margin-top: 0;}
+	.modal.info_popup .tbl.type2 table th, .modal.info_popup .tbl.type2 table td {padding:20px 10px;}
+
+	/* my_return_2_returnPOP */
+	.modal.account_popup {max-width:670px; padding:60px;}
+	.modal.account_popup .modal-header {margin-bottom: 30px;}
+	.modal.account_popup .modal-title {font-size: 22px; font-weight: 500; margin-top: 0;}
+	.modal.account_popup .modal-body section {margin-bottom: 40px;}
+	.modal.account_popup .tbl.type2 table th, .modal.info_popup .tbl.type2 table td {padding:20px 10px;}
+
+	.modal.account_popup .tbl.type1 table th, .modal.account_popup .tbl.type1 table td {padding: 10px 30px;}
+	.modal.account_popup .tbl.type1 th.ver_top {vertical-align: top; padding-top: 25px;}
+
+	/* my_exchange_1_optionPOP */
+	.modal.option_popup {max-width:640px; padding:60px;}
+	.modal.option_popup .modal-title {font-size: 22px; font-weight: 500; margin-top: 0;}
+	.modal.option_popup .sch_radio_tab {text-align: center;}
+	.modal.option_popup .sch_radio_tab input {width: 0px; height: 0px; opacity: 0; overflow: hidden; position: absolute;}
+	.modal.option_popup .sch_radio_tab input + label {display: inline-block; background: #f5f5f5; width: 68px; padding:10px 0; text-align: center; cursor:pointer; border:1px solid transparent; font-weight: 300; margin-right: 8px;}
+	.modal.option_popup .sch_radio_tab input + label:last-of-type {margin-right: 0;}
+	.modal.option_popup .sch_radio_tab input:checked + label {background: #fff; border:1px solid #000;}
+	.modal.option_popup .sch_radio_tab input:disabled + label {color: #999; text-decoration: line-through;}
+
+	/* my_coupon_1_couponPOP */
+	.modal.coupon_popup {max-width:640px;}
+	.modal.coupon_popup .modal-footer button.half {width: 220px;}
+	.modal.coupon_popup .modal-title {font-size: 22px; font-weight: 500; margin-top: 0;}
+	.modal.coupon_popup dl {margin-bottom: 15px;}
+	.modal.coupon_popup dl:last-child {margin-bottom: 0;}
+	.modal.coupon_popup dl dt, .modal.coupon_popup dl dd {float:left;}
+	.modal.coupon_popup dl dt {width: 80px; padding-left: 12px; position: relative; font-weight: 300;}
+	.modal.coupon_popup dl dt:after {content:''; position: absolute; left: 0; top: 7px; width: 3px; height: 3px; background: #888;}
+	.modal.coupon_popup dl dd {color:#666;}
+	.modal.coupon_popup .modal-footer {margin-top: 40px;}
+		
+	/* ev_공통 */
+	.container.ev .wrap .content .cont_body {margin-bottom: 150px;}
+	.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;}
+	.inner {width: 1200px; margin:0 auto;}
+
+	/* ev_list */
+	.ev .ev_mem_rank {position: relative; background: #f5f5f5; padding: 60px 100px; margin-bottom: 100px;}
+	.ev .ev_mem_rank .txt {display: inline-block;}
+	.ev .ev_mem_rank .txt strong {display: block; font-size: 20px; font-weight: 600;}
+	.ev .ev_mem_rank .txt p {font-size: 32px; line-height: 1.3; color: #666; margin: 20px 0 30px; letter-spacing: -0.025em;}
+	.ev .ev_mem_rank .txt .btn {display: inline-block; padding: 14px 24px; letter-spacing: -0.025em;}
+	.ev .ev_mem_rank .mem_rank_list {position: absolute; top: 50%; right: 160px; transform:translateY(-50%);}
+	.ev .ev_mem_rank .mem_rank_list ul li {float:left; text-align: center; margin-right: 40px;}
+	.ev .ev_mem_rank .mem_rank_list ul li:last-child {margin-right: 0;}
+	.ev .icon {position: relative; width: 80px; height: 80px; border-radius: 50%; margin-bottom: 15px; color: #fff; border:2px solid transparent;} 
+	.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 .event_list {}
+	.ev .event_list .event_top {position: relative; margin-bottom: 30px; height: 40px;}
+	.ev .event_list .event_top .count {font-size: 16px; font-weight: 200; color: #888; display: inline-block; margin-top: 20px;}
+	.ev .event_list .event_top .count span {color: #fd4802; font-weight: 300;}
+	.ev .event_list .event_top .event_btn {position: absolute; top: 0; right: 0;}
+	.ev .event_list .event_top .event_btn a {display: inline-block; background: url(/images/pc/ico_more_sm.png) no-repeat right 20px top 10px; padding: 9px 23px; padding-right: 36px; border:1px solid #a7a7a7; font-size: 14px; color: #222; font-weight: 300;}
+	.ev .event_list .list li {float:left; position: relative; width: 24.15%; margin: 0 1.12% 80px 0;}
+	.ev .event_list .list li:nth-child(4n) {margin: 0 0 80px 0;}
+	.ev .event_list .list li .rank {min-width:52px;}
+	.ev .event_list .list li .ev_img {margin-bottom: 27px; position: relative;}
+	.ev .event_list .list li .ev_img img {width: 100%; height: auto;}
+	.ev .event_list .list li .txt .tit {display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin: 20px 0; min-height:66px; max-height:66px; overflow: hidden; text-overflow: ellipsis; font-size: 24px; line-height: 1.4; color: #222; font-weight: 300; word-break: keep-all;}
+	.ev .event_list .list .no_con {display: none;}
+	.ev .event_list.no_data .list .event_con {display: none;} 
+	.ev .event_list.no_data .list .no_con {display: block; padding:100px 0;}
+	.ev .event_list.no_data .list .no_con li {width: 100%; text-align: center; margin-right: 0;}
+	.ev .event_list.no_data .list .no_con li span {display: block; margin: 25px 0 40px; font-size: 16px; color: #666; font-weight: 300;}
+	.ev .event_list.no_data .list .no_con li a {display: inline-block; padding: 9px 23px; border:1px solid #a7a7a7; font-size: 14px; color: #222; font-weight: 300;}
+
+	/* ev_rank */
+	.container.ev .wrap {max-width:100%; min-width:1200px; padding-right: 0; padding-left: 0;}
+	.container.ev .wrap .ev_list {padding:0 70px;}
+	.ev_rank .inner {position: relative;}
+	.ev_rank .my_rank_info {background: #fff6f2; padding:53px 0; min-height:260px; box-sizing: border-box; margin-bottom: 100px; }
+	.ev_rank .my_rank_info .desc p {font-size: 24px; line-height: 1.4; font-weight: 200; color: #666;}
+	.ev_rank .my_rank_info .desc p span {color: #222; font-weight: 600;}
+	.ev_rank .my_rank_info .desc p span.my_name {font-weight: 500;}
+	.ev_rank .my_rank_info .desc button {margin-top: 20px; font-weight: 300; padding: 10px 23px;}
+	
+	.ev_rank .my_rank_info.no_member {min-height:auto; text-align: center;}
+	.ev_rank .my_rank_info.no_member p {font-size: 24px; font-weight: 200; color: #222; margin-bottom: 28px;}
+	.ev_rank .my_rank_info.no_member .login_btn {font-size: 14px; padding:10px 24px; letter-spacing: -0.025em;}
+
+	.ev_rank .my_rank_progress {position: absolute; bottom: 0; right: 0; width: 760px;}
+	.ev_rank .pro_wrap {margin-bottom: 20px;}
+	.ev_rank .pro_wrap .rank_txt {margin-bottom: 5px;}
+	.ev_rank .pro_wrap .rank_txt ul {font-size: 0;}
+	.ev_rank .pro_wrap .rank_txt li {display: inline-block; font-size: 14px; color: #444; font-weight: 500; line-height: 1;}
+	.ev_rank .pro_wrap .rank_txt li:first-child {width: 16.66667%;}
+	.ev_rank .pro_wrap .rank_txt li:nth-child(2) {width: 22.2222%;}
+	.ev_rank .pro_wrap .rank_txt li:nth-child(3) {width: 22.2222%;}
+	.ev_rank .pro_wrap .rank_txt li:nth-child(4n) {width: 22.2222%;}
+	.ev_rank .pro_wrap .rank_txt li:last-child {width: 16.66667%;}
+	.ev_rank .pro_wrap .rank_txt li:after {content:''; display: block; clear:both;}
+	.ev_rank .pro_wrap .rank_txt li .icon {text-align: center; width: 60px; height: 60px; margin:0 auto; opacity: 0;}
+	.ev_rank .pro_wrap .rank_txt li .welcome {float:left; margin-left: -30px;}
+	.ev_rank .pro_wrap .rank_txt li .vip {float:right; margin-right: -30px;}
+	.ev_rank .pro_wrap .rank_txt li .icon > span {font-size: 22px;}
+
+	.ev_rank .pro_wrap.welcome .rank_txt li .icon.welcome {opacity: 1;}
+	.ev_rank .pro_wrap.bronze .rank_txt li .icon.bronze {opacity: 1;}
+	.ev_rank .pro_wrap.silver .rank_txt li .icon.silver {opacity: 1;}
+	.ev_rank .pro_wrap.gold .rank_txt li .icon.gold {opacity: 1;}
+	.ev_rank .pro_wrap.vip .rank_txt li .icon.vip {opacity: 1;}
+	.ev_rank .pro_wrap .rank_txt li .txt {clear:both;}
+	.ev_rank .pro_wrap .rank_txt li .txt span {display: block; text-align: center;}
+
+	.ev_rank .pro_wrap.welcome .rank_txt .welcome + .txt {display: none;}
+	.ev_rank .pro_wrap.bronze .rank_txt .bronze + .txt {display: none;}
+	.ev_rank .pro_wrap.silver .rank_txt .silver + .txt {display: none;}
+	.ev_rank .pro_wrap.gold .rank_txt .gold + .txt {display: none;}
+	.ev_rank .pro_wrap.vip .rank_txt .vip + .txt {display: none;}
+
+	.ev_rank .pro_wrap .rank_txt li:first-child .txt span {text-align: left;}
+	.ev_rank .pro_wrap .rank_txt li:last-child .txt span {text-align: right;}
+	.ev_rank .pro_wrap .progress_bar {width: 100%; height: 4px; background: #ddd; position: relative;}
+	.ev_rank .pro_wrap .progress_bar .current_bar {background: #fd4802; position: absolute; top: 0; left: 0; width: 0%; height: 4px;}
+	.ev_rank .pro_wrap.bronze .progress_bar .current_bar {width: 28%;}
+	.ev_rank .pro_wrap.silver .progress_bar .current_bar {width: 50%;}
+	.ev_rank .pro_wrap.gold .progress_bar .current_bar {width: 72.5%;}
+	.ev_rank .pro_wrap.vip .progress_bar .current_bar {width: 100%;}
+
+	.ev_rank .my_rank_progress .benefit_txt {background: #fff; padding:26px 0; text-align: center; font-size: 18px; color: #444; font-weight: 300;}
+	/* .er .my_rank_progress .benefit_txt span {color: #fd4802; font-weight: 600;} */
+	.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;}
+
+	/* ev 안내사항_공통 */
+	.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;}
+	.announce_txt .announce_list ul {margin-bottom: 40px;}
+	.announce_txt .announce_list ul:last-of-type {margin-bottom: 0;}
+	.announce_txt .announce_list ul li {position: relative; padding-left: 12px; font-size: 16px; font-weight: 200; color: #888; margin-bottom: 15px;}
+	.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;}
+
+	.container .wrap .content.renew * {line-height: 1; letter-spacing: -0.025em; box-sizing:border-box;}
+	.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 .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_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 .btn_wrap {margin:60px 0 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;}
+
+	.container.ev .wrap .content.survey .cont_body {margin-bottom: 0;}
+	.ev .survey_wrap {background: #f5f5f5; padding:60px 0 160px}
+	.ev .survey_wrap .survey_con {width: 740px; margin:0 auto; background: #fff; border-top: 3px solid #fe7f4d; box-shadow: 0px 4px 21px 0px rgba(0, 0, 0, 0.1);}
+	.ev .survey_wrap .survey_con .survey_row {padding: 60px 55px; border-bottom: 1px solid #ddd;}
+	.ev .survey_wrap .survey_con .survey_row:last-child {border-bottom: 0;}
+	.ev .survey_wrap .survey_con .survey_row h4 {margin-bottom: 0; font-size: 17px; line-height: 1.5; font-weight: 300; position: relative; padding-left: 42px;}
+	.ev .survey_wrap .survey_con .survey_row h4:before {position: absolute; top: 0; left: 0;}
+	.ev .survey_wrap .survey_con .survey_row.q1 h4:before {content:'Q1.'}
+	.ev .survey_wrap .survey_con .survey_row.q2 h4:before {content:'Q2.'}
+	.ev .survey_wrap .survey_con .survey_row.q3 h4:before {content:'Q3.'}
+	.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 .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.q1 ul li:nth-child(5n) {margin-right: 0;}
+	.ev .survey_wrap .survey_con .survey_row.q1 ul li:last-child {width: 100%;}
+
+	.ev .survey_wrap .survey_con .survey_row.q2 ul li:nth-child(4n) {margin-right: 0;}
+
+	.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 .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 .wrap .content.cmt * {letter-spacing: -0.025em;}
+	.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 .picsThumbs {max-width: 100%; max-height: 100%;}
+	.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;}
+	.ev .cmt_wrap .cmt_write .btn_wrap label {background: #fff;}
+	.ev .cmt_wrap .cmt_write .btn_wrap .file_btn {margin-right: 10px; border:1px solid #a1a1a1;}
+	/* .ev .cmt_wrap .cmt_write .btn_wrap .file_btn:hover {background:transparent;} */
+	.ev .cmt_wrap .cmt_write .btn_wrap .file_btn label {cursor:pointer; display: block; height: 60px; line-height: 60px;}
+	.ev .cmt_wrap .cmt_group .cmt_list_tit {padding-bottom: 32px; border-bottom: 1px solid #ddd;}
+	.ev .cmt_wrap .cmt_group .cmt_list_tit strong {margin-right: 10px; font-size: 26px; font-weight: 500;}
+	.ev .cmt_wrap .cmt_group .cmt_list_tit span {font-size: 24px; color: #666; font-weight: 200;}
+	.ev .cmt_wrap .cmt_group .cmt_list li {padding: 30px 0; border-bottom: 1px solid #ddd;}
+	.ev .cmt_wrap .cmt_group .cmt_list li .cmt_top {margin-bottom: 25px;}
+	.ev .cmt_wrap .cmt_group .cmt_list li .cmt_top .writer {float:left; color: #666; margin-right: 20px; padding-right: 20px; border-right:1px solid #ddd;}
+	.ev .cmt_wrap .cmt_group .cmt_list li .cmt_top .date {color: #888;}
+	.ev .cmt_wrap .cmt_group .cmt_list li .cmt_cont .img_wrap {margin-bottom: 20px;}
+	.ev .cmt_wrap .cmt_group .cmt_list li .cmt_cont p {color: #666; line-height: 1.7;}
+	.ev .cmt_wrap .cmt_group .cmt_list li .cmt_cont .btn_del {display: block; background:transparent url(/images/pc/ico_trash.png) no-repeat left 14px center; padding:7px 14px; padding-left: 33px; margin-top: 20px; font-size: 14px; color: #222; font-weight: 200;}
+	.ev .cmt_wrap .cmt_group .cmt_list li .cmt_cont .btn_del:hover {background:transparent url(/images/pc/ico_trash.png) no-repeat left 14px center;}
+	.ev .cmt_wrap .pageNav > li {display: inline-block; vertical-align: top;}
+	.ev .cmt_wrap .pageNav > li > a, .ev .cmt_wrap .pageNav > li > span, .pageNav > .disabled > a {background: transparent; height: 34px;}
+	.ev .cmt_wrap .pageNav .prev a, .ev .cmt_wrap .pageNav > li:first-child a {background:url('/images/pc/ico_paging.png') no-repeat 0 11px; width: 8px; text-indent: -999em;}
+	.ev .cmt_wrap .pageNav .prev a {background-position: -23px 11px;}
+	.ev .cmt_wrap .pageNav .next a, .ev .cmt_wrap .pageNav > li:last-child a {background: url('/images/pc/ico_paging.png') no-repeat -64px 11px; width: 8px;}
+	.ev .cmt_wrap .pageNav > li:last-child a, .ev .cmt_wrap .pageNav > li:first-child a {width: 15px;}
+	.ev .cmt_wrap .pageNav .next a {background-position: -47px 11px;}
+	.ev .cmt_wrap .paging_wrap {margin-top: 50px; margin-bottom: 0; box-sizing:content-box;}
+	.ev .cmt_wrap.no_data .cmt_list, .ev .cmt_wrap.no_data .paging_wrap  {display: none;}
+	.ev .cmt_wrap.no_data .no_con {display: block;}
+	.ev .cmt_wrap.no_data .no_con li {text-align: center; border-bottom: 0; padding:120px 0 35px;}
+	.ev .cmt_wrap.no_data .no_con li span {display: block; margin-top: 25px; font-size: 16px; color:#666; font-weight: 300;}
+
+	/* ev_comment 댓글 이미지 팝업 */
+	.modal.cmt_popup {display: none; position: fixed; top: 50%; left: 50%; z-index: 9999; width: 100%; height: 100%; transform:translate(-50%, -50%); background: transparent; box-shadow: none;}
+	.modal.cmt_popup a.close-modal {display: none;}
+	.modal.cmt_popup .inner {position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); width: 700px; height: 700px;}
+	.modal.cmt_popup .pop_close_btn {position: absolute; top: -60px; right: 0; width: 24px; height: 24px; background: url(/images/pc/ico_pop_cls02.png) no-repeat center; cursor:pointer; text-indent:-999em;}
+	.modal.cmt_popup .swiper-container {height: 700px; background: #fff;}
+	.modal.cmt_popup .swiper-container .swiper-slide {display: table; height: 700px; text-align: center;}
+	.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-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 .tit {position: relative; margin-bottom: 60px; text-align: center;}
+	.ev .other_ev_slide .tit h4 {font-size: 30px; font-weight: 500;}
+	.ev .other_ev_slide .tit a {position: absolute; top: 50%; right: 0; transform:translateY(-50%); padding-right: 20px; background: url(/images/pc/ico_more_lg.png) no-repeat right top 1px; font-size: 18px; color:#888;}
+	.ev .other_ev_slide .swiper-slide img {width: 100%; height:auto;}
+	.ev .other_ev_slide .swiper-slide .txt {}
+	.ev .other_ev_slide .swiper-slide .txt .subject {margin:20px 0 0; padding:0 7px; font-size: 18px; line-height: 1.5; font-weight: 300; color:#222; min-height:55px; max-height:55px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; word-break: keep-all;}
+	.ev .other_ev_slide .swiper-button-next:after, .ev .other_ev_slide .swiper-button-prev:after {content:'';}
+	.ev .other_ev_slide .swiper-button-next {background: url(/images/pc/slide_next.png) no-repeat center; right: 70px; opacity: 0.6; margin-top: -10px;}
+	.ev .other_ev_slide .swiper-button-prev {background: url(/images/pc/slide_prev.png) no-repeat center; left: 70px; opacity: 0.6; margin-top: -10px;}

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

@@ -7,14 +7,15 @@ form,fieldset,legend,input,label,button,textarea,select,
 table,caption,thead,tfoot,tbody,tr,th,td,
 address,img,span,em,strong,pre {margin:0; padding:0;}
 
+* {box-sizing:border-box;}
 html,body {/*width:100%; height:100%;*/}
-html * {outline: none !important;}
-body {line-height:20px; background-color:#fff; word-break:break-all;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;}
+html * {outline: none !important;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
+body {line-height:1; background-color:#fff;  word-break:break-all;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;}
 ::selection {background-color:#efe7e5;}
 .blocker::-webkit-scrollbar{display:none;}
 br{visibility: hidden;font-family: sans-serif; height:0px;}
-body,input,textarea,select,button {font-size:14px; font-family:'LATO', 'Noto Sans CJK kr','Noto Sans kr', sans-serif; font-weight: 200; color:#222222; letter-spacing:0em; *letter-spacing:0px}
-h1,h2,h3,h4,h5,h6 {font-family:'LATO', 'Noto Sans CJK kr','Noto Sans kr', 'LATO', sans-serif; color:#666666; letter-spacing:0px;}
+body,input,textarea,select,button {font-size:14px; font-family:'LATO', 'Noto Sans CJK kr','Noto Sans kr', sans-serif; font-weight: 200; color:#222222; letter-spacing:-.025em;}
+h1,h2,h3,h4,h5,h6 {font-family:'LATO', 'Noto Sans CJK kr','Noto Sans kr', 'LATO', sans-serif; color:#666666; letter-spacing:-.025em;}
 table {border-collapse:collapse; border-spacing:0; width:100%;}
 
 /* legend {*width:0;} */
@@ -22,6 +23,8 @@ legend,hr,caption {visibility:hidden; overflow:hidden; width:0; height:0; font-s
 legend,hr {overflow: hidden; position:absolute; top:0; left:0;}
 
 img,fieldset,iframe {border:0 none;}
+img { opacity : 1; transition : opacity 0.3s; } 
+img[data-src] { opacity : 0; }
 select {
     -webkit-writing-mode: horizontal-tb !important;
     text-rendering: auto;
@@ -49,6 +52,9 @@ select {
     border-image: initial;
 }
 select:not(:-internal-list-box) {overflow: visible !important;}
+.select:disabled,.select:disabled+.select_dress{background: #f5f5f5;border: 1px solid #dddddd;color: #888888;pointer-events: none;}
+.select option:disabled {text-decoration: dashed; color: #888888;pointer-events: none;}
+.select option:disabled::after { content:"품절"; color:#888888; position: relative; right: 10px; top: 5px; line-height: 1; }
 ul,ol,li {list-style: none;}
 i,em,address {font-style: normal;}
 hr{display:none;}

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

@@ -30,11 +30,28 @@
 2. Init    (초기설정)
 
 * * * * * * * * * * * * * * * * * * * * * */
+$(document).ready(function(){
+
+	/* header minify */
+	$(function(){
+		$(window).scroll(function(){
+			//var scroll = $(this).scrollTop();
+			var headerH =  $('#header').outerHeight();
+			if ($(window).scrollTop() > headerH){
+				//header minify
+				$("#header").addClass("minify");
+				$("#header .hd_top_banner,#header .common_header > .area").hide();
+			}
+			else {
+				//header minify
+				$("#header").removeClass("minify");
+				$("#header .hd_top_banner,#header .common_header > .area").show();
+			}
+		});
+	});
+	/* //header minify */
 
-
-
-
-
+});
 /* * * * * * * * * * * * * * * * * * * * * * * 
 
 3. Utility (유틸리티)
@@ -219,12 +236,15 @@ $(document).ready( function() {
 	});
 
 	/* 주문결제_accordion */
-	$(document).on('click','.od .foldGroup .fold_head',function(e){	
+	$(document).on('click','.od .foldGroup .fold_head .fold_tit',function(e){	
 		$(this).parents('.foldGroup li').find('.fold_cont').slideToggle(100);
-		$(this).toggleClass('on');
+		$(this).parents('.fold_head').toggleClass('on');
+		return false;
+	}).on('click','.od .foldGroup .fold_paymethod .fold_head .fold_tit',function(e){
+		$("#rdi-paymethod-quick").trigger("click");
 		return false;
 	});
-
+	
 	/* 아이디/비밀번호 찾기_accordion:open */
 	$(document).on('click','.mb .foldGroup.checkcase .fold_head',function(e){	
 		$(this).parents('.foldGroup li').find('.fold_cont').slideDown(100);
@@ -270,13 +290,14 @@ $(document).ready( function() {
 
 	/* 같은 데이터 노출시 동일 영역끼리 병합 */
 	$(".merge_row").each(function() {
-		var txt = $(this).text();
-		var rows = $(this).parents("table").find(".merge_row:contains('" + txt + "')");
+		var txtcont = $(this).text();
+		var rows = $(this).parents("table").find(".merge_row:contains('" + txtcont + "')");
 		if (rows.length > 1) {
 			rows.eq(0).attr("rowspan", rows.length);
 			rows.not(":eq(0)").remove();
 		}
-	});  
+		rows.eq(0).parent('tr').attr('class', 'bundle_row');
+	});
 
 	/* 드래그 스크롤 : 수정 예정 */
 	var x,left,down;

src/main/webapp/ux/plugins/gaga/gaga.validation.js

@@ -1162,6 +1162,9 @@ $(document).on("keydown", "[data-valid-type=cellPhone]", function() {
 		event.returnValue = false;
 	}
 });
+$(document).on("keyup keydown paste change", "[data-valid-type=cellPhone]", function() {
+	$(this).val($(this).val().replace(/[^0-9]/g, "").replace(/(^02|^050[0-9]{1}|^1[0-9]{3}|^0[0-9]{2})([0-9]+)?([0-9]{4})$/,"$1-$2-$3").replace("--", "-"));
+});
 $(document).on("keyup", "[data-valid-type=phone]", function() { $(this).val($(this).val().replace(/[^\d-]/gi, "")); });
 $(document).on("keydown", "[data-valid-type=phone]", function() {
 	var value = $(this).val();

src/main/webapp/ux/style24_link.js

@@ -43,10 +43,11 @@ const _PAGE_MYPAGE_SECEDE = _frontUrl + "/mypage/customer/secede/form";			// 마
 //== 기획전 ==/
 
 //== 고객센터 ==/
-const _PAGE_FAQ = _frontUrl + "/callcenter/faq/form";				// 고객센터 > FAQ
-const _PAGE_ONETOONE_QNA = _frontUrl + "/mypage/onetoone/qna/form";	// 고객센터 > 1:1문의
-const _PAGE_GOODS_QNA = _frontUrl + "/mypage/goods/qna/form";		// 고객센터 > 상품문의
-const _PAGE_NOTICE = _frontUrl + "/callcenter/notice/form";			// 고객센터 > 공지사항
+const _PAGE_FAQ = _frontUrl + "/callcenter/faq/form";									// 고객센터 > FAQ
+const _PAGE_ONETOONE_QNA = _frontUrl + "/callcenter/onetoone/qna/form";					// 고객센터 > 1:1문의
+const _PAGE_ONETOONE_QNA_REG = _frontUrl + "/callcenter/onetoone/qna/register/form";	// 고객센터 > 1:1문의등록
+const _PAGE_GOODS_QNA = _frontUrl + "/callcenter/goods/qna/form";						// 고객센터 > 상품문의
+const _PAGE_NOTICE = _frontUrl + "/callcenter/notice/form";								// 고객센터 > 공지사항
 
 //== 기타 ==/