Просмотр исходного кода

모바일 레이아웃 설정 css 적용

jsh77b 5 лет назад
Родитель
Сommit
14ce909df1

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

@@ -84,9 +84,9 @@ public class TsfOrderController extends TsfBaseController {
 		
 		// TODO 임시 장바구니
 		// 2. 장바구니시퀀스 배열 등록 (장바구니 상품 정보 조회)
-		//int[] arr = {11,77,8};
-		//order.setCartSqArr(arr);		// 장바구니시퀀스
-		//order.setShotDelvUseYn("Y");	// 장바구니총알배송사용여부
+		int[] arr = {11,77,8};
+		order.setCartSqArr(arr);		// 장바구니시퀀스
+		order.setShotDelvUseYn("Y");	// 장바구니총알배송사용여부
 		
 		// 1.1 카트시퀀스가 정보가 없을때 처리 장바구니로 이동 
 		if (order.getCartSqArr() == null) {

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

@@ -60,6 +60,7 @@
 	<script src="/ux/mo/js/swiper.min.js"></script>
 	<script src="/ux/plugins/jquery.serializeObject.min.js"></script>
 	<script src="/ux/plugins/mcxdialog/mcxdialog_ui.js"></script>
+	<script type="text/javascript" src="https://ssl.daumcdn.net/dmaps/map_js_init/postcode.v2.js"></script>
 
 	<!-- Global site tag (gtag.js) - Google Analytics -->
 <!-- 	<script async src="https://www.googletagmanager.com/gtag/js?id=UA-168660512-1"></script> -->

+ 25 - 0
src/main/webapp/WEB-INF/views/mob/common/layout/SubLayoutMob.html

@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="ko" xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
+<head th:replace="~{mob/common/fragments/HeadMob :: head}"></head>
+<body>
+	<th:block th:replace="~{mob/common/fragments/VariablesMob :: variables}"></th:block>
+	<th:block th:replace="~{mob/common/fragments/ScriptsMob :: scripts}"></th:block>
+	<div class="app">
+		<!-- GNB -->
+		<th:block th:replace="~{mob/common/fragments/GnbSubMob :: gnb}"></th:block>
+		<!--// GNB -->
+	
+		<!-- CONTENT AREA -->
+		<th:block layout:fragment="content"></th:block>
+		<!-- // CONTENT AREA -->
+	
+		<!-- Footer -->
+		<th:block th:replace="~{mob/common/fragments/FooterMob :: footer}"></th:block>
+	
+		<script th:inline="javascript">
+		
+		
+		</script>
+	</div>
+</body>
+</html>

+ 2211 - 0
src/main/webapp/WEB-INF/views/mob/order/OrderFormMob.html

@@ -0,0 +1,2211 @@
+<!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/DefaultLayoutWeb">
+<!--
+ *******************************************************************************
+ * @source  : OrderFormWeb.html
+ * @desc    : 주문/결제 Page
+ *============================================================================
+ * STYLE24
+ * Copyright(C) 2020 TSIT, All rights reserved.
+ *============================================================================
+ * VER  DATE         AUTHOR      DESCRIPTION
+ * ===  ===========  ==========  =============================================
+ * 1.0  2021.02.01   jsh77b     최초 작성
+ *******************************************************************************
+ -->
+<body>
+<th:block layout:fragment="content">
+
+<link rel="stylesheet" type="text/css" href="/ux/pc/css/swiper.min.css">
+<script type="text/javascript" src="/ux/pc/js/swiper.min.js"></script>
+<script type="text/javascript" src="/ux/pc/js/slick.min.js"></script>
+<script type="text/javascript" src="/ux/pc/js/jquery-ui.js"></script>
+
+<!-- payment.js -->
+<script type="text/javascript" th:src="${@environment.getProperty('pg.kcp.js.url')}" src=""></script>
+<script type="text/javascript" src="/biz/payment.js"></script>
+
+<form id="order_info" name="order_info" method="post" action="/order/pay/result/response" ></form>
+
+<!-- 주문고객정보 -->
+<form id="orderForm" name="orderForm">
+<table border="1" style="font-size:10px; text-align:center; margin-top:20px; display:none;" name="orderInfo" id="orderInfo">
+	<tbody>
+		<tr style="height:30px;">
+			<th>custNm</th>
+			<th>email</th>
+			<th>cellPhnno</th>
+			<th>recipNm</th>
+			<th>recipPhnno</th>
+			<th>recipZipcode</th>
+			<th>recipBaseAddr</th>
+			<th>recipDtlAddr</th>
+			<th>delvMemo</th>
+			<th>foreignBuyYn</th>
+			<th>orderMadeYn</th>
+		</tr>
+		<tr style="height:30px;">
+			<td class="custNm"></td>
+			<td class="email"></td>
+			<td class="cellPhnno"></td>
+			<td class="recipNm"></td>
+			<td class="recipPhnno"></td>
+			<td class="recipZipcode"></td>
+			<td class="recipBaseAddr"></td>
+			<td class="recipDtlAddr"></td>
+			<td class="delvMemo"></td>
+			<td class="foreignBuyYn"></td>
+			<td class="orderMadeYn"></td>
+		</tr>
+	</tbody>
+</table>
+
+<!-- 사은품정보 -->
+<table border="1" style="font-size:10px; text-align:center; margin-top:20px; display:none;" name="freegiftInfo">
+	<tr style="height:30px;">
+		<th>freegiftValArr</th>
+		<th>freegiftUsePointArr</th>
+		<th>freegiftSqArr</th>
+		<th>freegiftGoodsArr</th>
+	</tr>
+	<tr style="height:30px;">
+		<td class="freegiftValArr"></td>
+		<td class="freegiftUsePointArr"></td>
+		<td class="freegiftSqArr"></td>
+		<td class="freegiftGoodsArr"></td>
+	</tr>
+</table>
+
+<!-- 주문상세금액 -->
+<table border="1" style="font-size:10px; text-align:center; margin-top:20px; display:none;" name="orderDetailInfo" id="orderDetailInfo">
+	<tr style="height:30px;">
+		<th>cartSq</th>
+		<th style="display:none">goodsNm</th>
+		<th>goodsCd</th>
+		<th>goodsType</th>
+		<th>itemCd</th>
+		<th>optCd</th>
+		<th style="display:none">optCd1</th>
+		<th style="display:none">optCd2</th>
+		<th style="display:none">itemQtyr</th>
+		<th>orgCurrPrice</th>
+		<th>cpn1DcSq</th>
+		<th>cpn1DcAmt</th>
+		<th>optAddPrice</th>
+		<th>goodsQty</th>
+		<th>ordAmt</th>
+		<th>tmtb1Sq</th>
+		<th>tmtb1DcAmt</th>
+		<th>tmtb2Sq</th>
+		<th>tmtb2DcAmt</th>
+		<th>goodsCpnSq</th>
+		<th>goodsCpnDcAmt</th>
+		<th>cartCpnSq</th>
+		<th>cartCpnDcAmt</th>
+		<th>prePntDcAmt1</th>
+		<th>dcSumAmt</th>
+		<th>pntDcAmt1</th>
+		<th>gfcdUseAmt1</th>
+		<th>realOrdAmt1</th>
+		<th>savePntAmt1</th>
+		<th>shotDelvYn</th>
+		<th>foreignYn</th>
+		<th>orderMadeYn</th>
+		<th>delvFeeCd</th>
+	</tr>
+	<th:block th:each="delvAllCart, index : ${delvAllCartList}">
+		<th:block th:if="${delvAllCart != null and #lists.size(delvAllCart) > 0}">
+			<th:block th:each="goods, i : ${delvAllCart}">
+				<tr style="height:30px;">
+					<td class="cartSq" 			th:text="${goods.cartSq}"></td>
+					<td class="goodsNm" 		th:text="${goods.goodsNm}" style="display:none"></td>
+					<td class="goodsCd"			th:text="${goods.goodsCd}"></td>
+					<td class="goodsType"		th:text="${goods.goodsType}"></td>
+					<td class="itemCd"			th:text="${goods.itemCd}"></td>
+					<td class="optCd"			th:text="${goods.optCd}"></td>
+					<td class="optCd1"			th:text="${goods.optCd1}" style="display:none"></td>
+					<td class="optCd2"			th:text="${goods.optCd2}" style="display:none"></td>
+					<td class="itemQtyr"		th:text="${goods.itemQtyr}" style="display:none"></td>
+					<td class="orgCurrPrice" 	th:text="${goods.orgCurrPrice}"></td>
+					<td class="cpn1CpnSq" 		th:text="${goods.cpn1CpnSq}"></td>
+					<td class="cpn1DcAmt" 		th:text="${goods.orgCurrPrice} - ${goods.currPrice}"></td>
+					<td class="optAddPrice" 	th:text="${goods.optAddPrice}"></td>
+					<td class="goodsQty" 		th:text="${goods.goodsQty}"></td>
+					<td class="ordAmt">0</td>
+					<th:block th:if="${goods.applyQtySectionYn} == 'Y' and ${goods.qtyTmtbSq} > 0">
+						<td class="tmtb1Sq" 	th:text="${goods.qtyTmtbSq}"></td>
+						<td class="tmtb1DcAmt" 	th:text="${goods.tmtb1DcAmt}"></td>
+					</th:block>
+					<th:block th:if="${goods.applyQtySectionYn} != 'Y'">
+						<td class="tmtb1Sq">0</td>
+						<td class="tmtb1DcAmt">0</td>
+					</th:block>
+					<th:block th:if="${goods.applyAmtSectionYn} == 'Y' and ${goods.amtTmtbSq} > 0">
+						<td class="tmtb2Sq" 	th:text="${goods.amtTmtbSq}"></td>
+						<td class="tmtb2DcAmt" 	th:text="${goods.tmtb2DcAmt}"></td>
+					</th:block>
+					<th:block th:if="${goods.applyAmtSectionYn} != 'Y'">
+						<td class="tmtb2Sq" >0</td>
+						<td class="tmtb2DcAmt" >0</td>
+					</th:block>
+					<td class="goodsCpnSq">0</td>
+					<td class="goodsCpnDcAmt">0</td>
+					<td class="cartCpnSq">0</td>
+					<td class="cartCpnDcAmt">0</td>
+					<td class="prePntDcAmt1" 	th:text="${goods.prePntDcAmt}"></td>
+					<td class="dcSumAmt">0</td>
+					<td class="pntDcAmt1">0</td>
+					<td class="gfcdUseAmt1">0</td>
+					<td class="realOrdAmt1">0</td>
+					<td class="savePntAmt1" 	th:text="${goods.savePntAmt}"></td>
+					<td class="shotDelvYn" 		th:text="${goods.shotDelvYn}"></td>
+					<td class="foreignBuyYn" 	th:text="${goods.foreignBuyYn}"></td>
+					<td class="orderMadeYn" 	th:text="${goods.orderMadeYn}"></td>
+					<td class="delvFeeCd" 		th:text="${goods.delvFeeCd}"></td>
+				</tr>
+			</th:block>
+		</th:block>
+	</th:block>
+</table>
+
+<!-- 배송단위목록 -->
+<table border="1" style="font-size:10px; text-align:center;  margin-top:20px; display:none;" name="delvFeeCdInfo" id="delvFeeCdInfo">
+	<tr style="height:30px;">
+		<th>supplyCompCd</th>
+		<th>delvFeeCd</th>
+		<th>delvFee</th>
+		<th>delvCpnSq</th>
+		<th>delvCpnDcAmt</th>
+	</tr>
+	<th:block th:each="delvFeeCd, index : ${delvFeeCdList}">
+		<tr style="height:30px;">
+			<td class="supplyCompCd" th:text="${delvFeeCd.supplyCompCd}"></td>
+			<td class="delvFeeCd" th:text="${delvFeeCd.delvFeeCd}"></td>
+			<td class="delvFee" th:text="${delvFeeCd.delvFee}"></td>
+			<td class="delvCpnSq">0</td>
+			<td class="delvCpnDcAmt">0</td>
+		</tr>
+	</th:block>
+</table>
+
+<!-- 주문금액합계 -->
+<table border="1" style="font-size:10px; text-align:center;  margin-top:20px; display:none;" name="orderSumAmtInfo" id="orderSumAmtInfo">
+	<tr style="height:30px;">
+		<th>orgGoodsSumAmt</th>
+		<th>delvSumAmt</th>
+		<th>freegiftUsePnt</th>
+		<th>cpn1DcSumAmt</th>
+		<th>ordSumAmt</th>
+		<th>tmtb1DcSumAmt</th>
+		<th>tmtb2DcSumAmt</th>
+		<th>tmtbDcSumAmt</th>
+		<th>goodsCpnDcSumAmt</th>
+		<th>cartCpnDcSumAmt</th>
+		<th>delvCpnDcSumAmt</th>
+		<th>cpnDcSumAmt</th>
+		<th>prePntDcAmt</th>
+		<th>pntDcSumAmt</th>
+		<th>gfcdUseSumAmt</th>
+		<th>realOrdSumAmt</th>
+		<th>savePntSumAmt</th>
+	</tr>
+	<tr style="height:30px;">
+		<td class="orgGoodsSumAmt">0</td>
+		<td class="delvSumAmt" th:text="${sumDelvFee}"></td>
+		<td class="freegiftUsePnt">0</td>
+		<td class="cpn1DcSumAmt">0</td>
+		<td class="ordSumAmt">0</td>
+		<td class="tmtb1DcSumAmt">0</td>
+		<td class="tmtb2DcSumAmt">0</td>
+		<td class="tmtbDcSumAmt">0</td>
+		<td class="goodsCpnDcSumAmt">0</td>
+		<td class="cartCpnDcSumAmt">0</td>
+		<td class="delvCpnDcSumAmt">0</td>
+		<td class="cpnDcSumAmt">0</td>
+		<td class="prePntDcSumAmt">0</td>
+		<td class="pntDcSumAmt">0</td>
+		<td class="gfcdUseSumAmt">0</td>
+		<td class="realOrdSumAmt">0</td>
+		<td class="savePntSumAmt">0</td>
+	</tr>
+</table>
+
+<div id="container" class="container od">
+	<div class="wrap">
+		<div class="content odPayment">
+			<!-- 페이지특정 클래스 = odPayment -->
+			<div class="cont_head">
+				<h2>주문/결제</h2>
+				<div class="oder_steps">
+					<ul>
+						<li>01 쇼핑백</li>
+						<li class="on">02 주문/결제</li>
+						<li>03 주문완료</li>
+					</ul>
+				</div>
+			</div>
+			<div class="cont_body">
+				<!-- CONT-BODY -->
+				<div class="od_cont">
+					<form class="form_wrap">
+						<div class="sec_head">
+							<div class="tbl type4">
+								<table>
+									<colgroup>
+										<col width="240">
+										<col width="*">
+									</colgroup>
+									<tbody>
+										<tr>
+											<th>총 <span class="number" id="delvFeeCdCnt" th:text="${delvFeeCdCnt}"></span> 건으로 나뉘어 배송 예정</th>
+											<td>
+												<span> 총알배송<em class="number" th:text="${shotCnt}" id="shotCnt"></em>건</span> 
+												<span> STYLE24<em class="number" th:text="${wmsCnt}" id="wmsCnt"></em>건</span> 
+												<span> 업체직배송<em class="number" th:text="${delvCnt}"></em>건</span> 
+												<span> 예약배송<em class="number" th:text="${resCnt}"></em>건</span>
+											</td>
+										</tr>
+									</tbody>
+								</table>
+							</div>
+						</div>
+						<div class="sec_body">
+							<!-- -->
+							<div class="foldGroup">
+								<ul>
+									<!-- 주문고객정보 -->
+									<li class="fold_mbinfo" id="custemerInfo" style="display:none"></li>
+									<!-- //주문고객정보 -->
+									
+									<!-- 배송지정보 -->
+									<li class="fold_mbinfo" id="deliveryAddrInfo" style="display:none"></li>
+									<!-- //배송지정보 -->
+									
+									<!-- //사은품정보 -->
+									<li id="freegiftInfo" style="display:none"></li>
+									<!-- //사은품정보 -->
+									
+									<!-- 할인/혜택 사용 -->
+									<li id="dcAmtInfo" style="display:none"></li>
+									<!-- //할인/혜택 사용 -->
+									
+									<!-- 결제수단 선택 -->
+									<li class="fold_paymethod" id="paymentInfo" style="display:none"></li>
+									<!-- //결제수단 선택 -->
+								</ul>
+							</div>
+							
+							<div class="area_paymentinfo">
+								<div class="paymentinfo">
+									<div class="payinfo_blk">
+										<a href=""> 개인정보 제공에 대한 동의 <span>보기</span>
+										</a>
+										<div class="infotxt">개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의
+											내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의
+											내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의
+											내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의
+											내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의
+											내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의
+											내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의
+											내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의
+											내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의
+											내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의
+											내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의
+											내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의 내용입니다.개인정보제공에 대한 동의
+											내용입니다.개인정보제공에 대한 동의 내용입니다.</div>
+									</div>
+									<div class="payinfo_blk">
+										<a href=""> 결제대행 서비스 약관 동의 <span>보기</span>
+										</a>
+										<div class="infotxt">결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의
+											내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의
+											내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의
+											내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의
+											내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의
+											내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의
+											내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의
+											내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의
+											내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의
+											내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의
+											내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의
+											내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의 내용입니다.결제대행서비스 약관 동의
+											내용입니다.결제대행서비스 약관 동의 내용입니다.</div>
+									</div>
+								</div>
+								<div class="agree_payment">위 주문내역을 확인 하였으며, 회원 본인은 결제에 동의합니다.</div>
+							</div>
+							
+							<div class="area_paybtn">
+								<div class="form_field">
+									<button type="button" class="btn btn_primary btn_block" id="btn_payment">
+										<span>동의 후 <em class="realOrdAmt"></em> 결제하기</span>
+									</button>
+								</div>
+							</div>
+						</div>
+					</form>
+				</div>
+
+				<div class="od_side">
+					<div class="area_order">
+						<div class="tit_box">
+							<h3>주문내역</h3>
+							<span> <em class="number" th:text="${goodsTotCnt}"></em> 개의 상품
+							</span>
+						</div>
+						
+						<div id="orderListInfo" style="display:none"></div>
+						
+						<div class="od_amount_box">
+							<dl>
+								<div>
+									<dt>상품금액</dt>
+									<dd id="orgGoodsSumAmt" th:text="|${#numbers.formatInteger(orgGoodsSumAmt, 1, 'COMMA')} 원|"></dd>
+								</div>
+								<div>
+									<dt>배송비</dt>
+									<dd id="delvSumAmt" th:text="|${#numbers.formatInteger(sumDelvFee, 1, 'COMMA')} 원|"></dd>
+								</div>
+								<div>
+									<dt>할인금액</dt>
+									<th:block th:if="${cpn1DcSumAmt} > 0">
+										<dd><span class="disc_amount" id="cpn1DcSumAmt" th:text="|-${#numbers.formatInteger(cpn1DcSumAmt, 1, 'COMMA')} 원|"></span></dd>
+									</th:block>
+									<th:block th:if="${cpn1DcSumAmt} < 1">
+										<dd><span class="disc_amount" id="cpn1DcSumAmt" th:text="|${#numbers.formatInteger(cpn1DcSumAmt, 1, 'COMMA')} 원|"></span></dd>
+									</th:block>
+								</div>
+								<!-- 회원인경우 노출 -->
+								<th:block th:if="${isLogin}">
+									<div>
+										<dt>다다익선할인금액</dt>
+										<th:block th:if="${tmtbDcSumAmt} > 0">
+											<dd><span class="disc_amount" id="tmtbDcSumAmt" th:text="|-${#numbers.formatInteger(tmtbDcSumAmt, 1, 'COMMA')} 원|"></span></dd>
+										</th:block>
+										<th:block th:if="${tmtbDcSumAmt} < 1">
+											<dd><span class="disc_amount" id="tmtbDcSumAmt" th:text="|${#numbers.formatInteger(tmtbDcSumAmt, 1, 'COMMA')} 원|"></span></dd>
+										</th:block>
+									</div>
+									<div>
+										<dt>쿠폰할인</dt>
+										<dd><span class="disc_amount" id="couponDcSumAmt"></span></dd>
+									</div>
+									<div>
+										<dt>선포인트 사용</dt>
+										<th:block th:if="${prePntDcAmt} > 0">
+											<dd><span class="disc_amount" id="prePntDcAmt" th:text="|-${#numbers.formatInteger(prePntDcAmt, 1, 'COMMA')} 원|"></span></dd>
+										</th:block>
+										<th:block th:if="${prePntDcAmt} < 1">
+											<dd><span class="disc_amount" id="prePntDcAmt" th:text="|${#numbers.formatInteger(prePntDcAmt, 1, 'COMMA')} 원|"></span></dd>
+										</th:block>
+									</div>
+									<div>
+										<dt>포인트 사용</dt>
+										<dd><span class="disc_amount" id="pntDcAmt"></span></dd>
+									</div>
+									<div>
+										<dt>상품권 사용</dt>
+										<dd><span class="disc_amount" id="gfcdUseAmt"></span></dd>
+									</div>
+								</th:block>
+							</dl>
+							<!-- 비회원인경우 노출 -->
+							<th:blcok th:if="!${isLogin}">
+								<div class="t_info">
+									<a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_CUSTOMER_JOIN_TYPE);" title="회원가입 하여 할인받기" class="btn_link">회원가입 하여 할인받기</a>
+								</div>
+							</th:blcok>
+						</div>
+						<div class="totalprice_box">
+							<dl>
+								<dt>총 결제 예정 금액</dt>
+								<dd><span id="realOrdAmt"></span> 원</dd>
+							</dl>
+							<p class="info_point">
+								<!-- 회원인경우 노출 -->
+								<th:blcok th:if="${isLogin}">
+									<span span class="save_point" id="savePntSumAmt" th:text="|${#numbers.formatInteger(savePntSumAmt, 1, 'COMMA')} P|"></span> 적립예정
+								</th:blcok>
+								<!-- 비회원인경우 노출 -->
+								<th:blcok th:if="!${isLogin}">
+									회원가입 후 구매하면&nbsp;&nbsp;<span span class="save_point" id="savePntSumAmt" th:text="|${#numbers.formatInteger(savePntSumAmt, 1, 'COMMA')} P|"></span> 적립예정
+								</th:blcok>
+							</p>
+						</div>
+					</div>
+				</div>
+				<!-- // CONT-BODY -->
+			</div>
+		</div>
+	</div>
+</div>
+</form>
+
+<!-- 사은품지급안내 팝업 -->
+<div class="modal fade infoGift_pop" id="infoGiftPop" tabindex="-1" role="dialog" aria-labelledby="infoGiftLabel" aria-hidden="true">
+	<div class="modal-dialog" role="document">
+		<div class="modal-content">   
+			<div class="modal-header"><h5 class="modal-title" id="infoGiftLabel">STYLE24 사은품 지급 안내</h5></div>
+			<div class="modal-body">
+				<div class="pop_cont">
+					<div class="cont_box">
+						사은품지급안내 내용입니다. 사은품지급안내 내용입니다.사은품지급안내 내용입니다.사은품지급안내 내용입니다.사은품지급안내 내용입니다.사은품지급안내 내용입니다.사은품지급안내 내용입니다.사은품지급안내 내용입니다.사은품지급안내 내용입니다.사은품지급안내 내용입니다. 사은품지급안내 내용입니다.사은품지급안내 내용입니다.사은품지급안내 내용입니다.사은품지급안내 내용입니다.사은품지급안내 내용입니다.사은품지급안내 내용입니다.사은품지급안내 내용입니다.사은품지급안내 내용입니다.사은품지급안내 내용입니다. 사은품지급안내 내용입니다.사은품지급안내 내용입니다.사은품지급안내 내용입니다.사은품지급안내 내용입니다.사은품지급안내 내용입니다.사은품지급안내 내용입니다.사은품지급안내 내용입니다.사은품지급안내 내용입니다.사은품지급안내 내용입니다. 사은품지급안내 내용입니다.사은품지급안내 내용입니다.사은품지급안내 내용입니다.사은품지급안내 내용입니다.사은품지급안내 내용입니다.사은품지급안내 내용입니다.사은품지급안내 내용입니다.사은품지급안내 내용입니다.사은품지급안내 내용입니다. 사은품지급안내 내용입니다.사은품지급안내 내용입니다.사은품지급안내 내용입니다.사은품지급안내 내용입니다.사은품지급안내 내용입니다.사은품지급안내 내용입니다.사은품지급안내 내용입니다.사은품지급안내 내용입니다.
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+	<a href="#close-modal" rel="modal:close" id="infoGiftPop_close" class="close-modal">Close</a>
+</div>
+<!-- //사은품지급안내 팝업 -->
+
+<!-- 할인쿠폰 변겅 팝업 -->
+<div class="modal fade couponModify_pop" id="couponModifyPop" tabindex="-1" role="dialog" aria-labelledby="couponModifyLabel" aria-hidden="true">
+	<div class="modal-dialog" role="document">
+		<div class="modal-content">
+			<!-- 할인쿠폰 변겅 팝업 내용 -->
+		</div>
+	</div>
+	<a href="#close-modal" rel="modal:close" id="couponModifyPop_close" class="close-modal">Close</a>
+</div>
+<!-- //할인쿠폰 변겅 팝업 -->
+
+<script th:inline="javascript">
+// 배송관련정보 변수선언
+var cartGoodsList		= [[${cartGoodsList}]]			// 배송목록
+var shotCnt 			= [[${shotCnt}]];				// 자사 총알 배송건수
+var wmsCnt 				= [[${wmsCnt}]];				// 자사 일반 배송건수
+var shotWmsCnt 			= [[${shotWmsCnt}]];			// 자사 총알,일반 배송건수
+var resCnt 				= [[${resCnt}]];				// 자사 예약 배송건수
+var delvCnt 			= [[${delvCnt}]];				// 입점 일반 배송건수
+var orgSumDelvFee		= [[${sumDelvFee}]];			// 최초배송비합계
+var prePntDcAmt			= [[${prePntDcAmt}]];			// 선포인트사용가능금액
+
+var custNm				= [[${order.custNm}]];			// 주문자명
+var cellPhnno			= [[${order.cellPhnno}]];		// 핸드폰번호
+var email				= [[${order.email}]];			// 이메일
+var recipZipcode		= [[${order.recipZipcode}]];	// 우편번호
+var recipBaseAddr		= [[${order.recipBaseAddr}]];	// 기본주소
+var recipDtlAddr		= [[${order.recipDtlAddr}]];	// 상세주소
+var cartSqArr			= [[${order.cartSqArr}]];		// 장바구니시퀀스 목록
+var shotDelvUseYn		= [[${order.shotDelvUseYn}]];	// 총알배송사용여부(장바구니)
+var shotDelvYn			= [[${order.shotDelvUseYn}]];	// 총알배송사용여부(장바구니)
+var foreignBuyYn		= [[${order.foreignBuyYn}]];	// 해외구매대행
+
+var foreignBuyYn		= [[${foreignBuyYn}]];			// 해외구매대행여부
+var orderMadeYn			= [[${orderMadeYn}]];			// 주문제작상품여부
+var isLogin				= [[${isLogin}]];				// 로그인여부
+
+var custCpnSq 			= 0;
+var cpnIndex			= 0;
+var cpnApplyTemp		= false;
+
+//AJAX 로드를 위한 변수 설정
+var jsonObj 			= {};
+
+// 컨텐츠 호출
+$(document).ready( function() {
+	
+	// 장바구니시퀀스 배열 변환
+	cartSqArr = String(cartSqArr).split(",");
+	
+	// AJAX 로드를 위한 변수 설정
+	jsonObj = {
+		"custNm" 			: custNm
+		, "cellPhnno" 		: cellPhnno
+		, "email" 			: email
+		, "recipZipcode" 	: recipZipcode
+		, "recipBaseAddr" 	: recipBaseAddr
+		, "recipDtlAddr" 	: recipDtlAddr
+		, "cartSqArr"		: cartSqArr
+		, "dispYn"			: "N"
+		, "shotDelvYn"		: shotDelvUseYn
+		, "shotDelvUseYn"	: shotDelvUseYn
+		, "foreignBuyYn"	: foreignBuyYn
+		, "orderMadeYn"		: orderMadeYn
+		, "custDelvAddrSq"	: 0
+	}
+	
+	jsonData = JSON.stringify(jsonObj);
+
+	// 1. AJAX 정보(회원정보로드)
+	custemerInfoSet();
+	
+	// 999. 개발화면정보설정
+	var devTemp = false;
+	var arr = []
+	arr[0] = "orderInfo";
+	arr[1] = "freegiftInfo";
+	arr[2] = "orderDetailInfo";
+	arr[3] = "delvFeeCdInfo";
+	arr[4] = "orderSumAmtInfo";
+	
+	if (devTemp) {
+		$("table").each(function(){
+			var name = $(this).attr("name");
+			for (i=0 ; i<arr.length ; i++) {
+				if (name == arr[i]) {
+					$(this).show();
+				}
+			}
+		});
+	}
+});
+
+// 1. 함수기능 정의
+// 1.1 고객정보로드
+var custemerInfoSet = function() {
+	
+	$.ajax( {
+		type		: "POST",
+		url 		: '/order/custemerInfo',
+		data		: JSON.stringify(jsonObj),
+		dataType 	: 'html',
+		beforeSend : function(xhr, settings) {
+			xhr.setRequestHeader("AJAX"			, "true");
+			xhr.setRequestHeader('Accept'		, 'application/json');
+			xhr.setRequestHeader('Content-Type'	, 'application/json');
+			gagajf.showProgressbar(true);
+		},
+		success 	: function(result) {
+			if (result != null) {
+				$("#custemerInfo").css("display", "block");
+				$("#custemerInfo").html(result);
+
+				// 고객정보설정
+				$(".custNm").text($("input[name='custNm']").val());
+				$(".email").text($("input[name='email']").val());
+				$(".cellPhnno").text($("input[name='cellPhnno']").val());
+			}
+			// 1.2 배송정보로드
+			deliveryAddrInfoSet(jsonObj, true);
+		}
+	});
+}
+
+// 1.2 배송정보로드
+var deliveryAddrInfoSet = function(delvObj, temp) {
+	$.ajax( {
+		type		: "POST",
+		url 		: '/order/deliveryAddrInfo',
+		data		: JSON.stringify(delvObj),
+		dataType 	: 'html',
+		beforeSend : function(xhr, settings) {
+			xhr.setRequestHeader("AJAX"			, "true");
+			xhr.setRequestHeader('Accept'		, 'application/json');
+			xhr.setRequestHeader('Content-Type'	, 'application/json');
+			gagajf.showProgressbar(true);
+		},
+		success 	: function(result) {
+			$("#deliveryAddrInfo").css("display", "block");
+			$("#deliveryAddrInfo").html(result);
+			
+			// 배송정보설정
+			$(".recipNm").text($("#orderForm input[name='recipNm']").val());
+			$(".recipPhnno").text($("#orderForm input[name='recipPhnno']").val());
+			$(".recipZipcode").text($("#orderForm input[name='recipZipcode']").val());
+			$(".recipBaseAddr").text($("#orderForm input[name='recipBaseAddr']").val());
+			$(".recipDtlAddr").text($("#orderForm input[name='recipDtlAddr']").val());
+			$(".delvMemo").text($("#orderForm input[name='delvMemo']").val());
+			
+			// 2. 버튼기능구현
+			// 2.1 회원 배송지변경 팝업열기
+			$('#btn_adrsChange_pop').on("click", function(){
+				// 회원인경우
+				if (isLogin == true) {
+					$.ajax( {
+						type		: "POST",
+						url 		: '/common/delvAddrChangePop',
+						data		: JSON.stringify(jsonObj),
+						dataType 	: 'html',
+						beforeSend : function(xhr, settings) {
+							xhr.setRequestHeader("AJAX"			, "true");
+							xhr.setRequestHeader('Accept'		, 'application/json');
+							xhr.setRequestHeader('Content-Type'	, 'application/json');
+							gagajf.showProgressbar(true);
+						},
+						success 	: function(result) {
+							$("#adrsChangePop .modal-dialog .modal-content").html(result);
+							$("#adrsChangePop").modal("show");
+						}
+					});
+				}
+				// 비회원인경우
+				else {
+					$.ajax( {
+						type		: "POST",
+						url 		: '/common/delvAddrAddPop',
+						data		: JSON.stringify(jsonObj),
+						dataType 	: 'html',
+						beforeSend : function(xhr, settings) {
+							xhr.setRequestHeader("AJAX"			, "true");
+							xhr.setRequestHeader('Accept'		, 'application/json');
+							xhr.setRequestHeader('Content-Type'	, 'application/json');
+							gagajf.showProgressbar(true);
+						},
+						success 	: function(result) {
+							$("#adrsAddPop .modal-dialog .modal-content").html(result);
+							$("#adrsAddPop").modal("show");
+						}
+					});	
+				}
+			});
+			
+			// 2.2 배송요청사항 팝업열기
+			$("#btn_rqstModify_pop").on("click", function(e){
+				var jsonObj = new Object();
+				jsonObj.delvMemo = $("#orderForm input[name=delvMemo]").val();
+
+				$.ajax({
+					type		: "POST",
+					url 		: "/common/delvMemoChangePop",
+					data		: JSON.stringify(jsonObj),
+					dataType 	: "html",
+					beforeSend 	: function(xhr, settings) {
+						xhr.setRequestHeader("AJAX"			, "true");
+						xhr.setRequestHeader('Accept'		, 'application/json');
+						xhr.setRequestHeader('Content-Type'	, 'application/json');
+						gagajf.showProgressbar(true);
+					},
+					success 	: function(result) {
+						if (result != null) {
+							$("#rqstModifyPop .modal-dialog .modal-content").html(result);
+							$("#rqstModifyPop").modal("show");
+						}
+					}
+				});
+				
+				return false;
+			});
+
+			// 1.3 총알배송가능 지역, 총알배송 가능 시간 체크(초기로드정보)
+			fnGetDailyDeliveryCheck(temp);
+		}
+	});
+}
+
+// 1.3 총알배송가능 지역, 총알배송 가능 시간 체크
+var fnGetDailyDeliveryCheck = function (temp) {
+	
+	jsonData = JSON.stringify(jsonObj);
+	
+	// 장바구니 총알배송 사용여부 체크 N
+	if (shotDelvUseYn == "N") {
+		// 초기에 한번 데이타 로드
+		if (temp) {
+			// 1.4 주문상품목록로드
+			orderListInfoSet(jsonData, temp);
+		}
+	} else {
+		// 배송지 우편번호 체크
+		var zipcode		= $("input[name='recipZipcode']").val();
+	
+		// 총알배송여부 체크 배송지정보 존재여부 체크
+		if (zipcode == null || zipcode == '') {
+			//alert("배송지정보가 없습니다. 기본 총알배송 가능지역으로 설정 합니다.");
+			zipcode = "04320"; // 기본 서울역 우편번호로 설정
+		}
+		
+		// TODO
+		var shotDelvObj 	= {"zipNo" : zipcode};
+	
+		gagajf.ajaxJsonSubmit(
+			"/order/getDailyDeliveryCheck"
+			, JSON.stringify(shotDelvObj)
+			, function (result) {
+				// 총알배송여부체크
+				var tempShotDelvYn = "N";
+				if (parseInt(result) > 0) {
+					tempShotDelvYn = "Y";
+				}
+
+				// json 값 설정
+				var orderListObj 		= {"cartSqArr":cartSqArr, "shotDelvYn":tempShotDelvYn};
+				var orderListJsonData 	= JSON.stringify(orderListObj);
+				
+				if (temp) {
+					// 1.3 주문상품목록로드
+					orderListInfoSet(orderListJsonData, temp);
+				} else {
+					if (tempShotDelvYn != shotDelvYn) {
+						orderListInfoSet(orderListJsonData, temp);
+					}
+				}
+				shotDelvYn = tempShotDelvYn;
+			}
+		)
+	}
+}
+
+// 1.4 주문상품목록로드
+var orderListInfoSet = function(orderListJsonData, temp) {
+	$.ajax( {
+		type		: "POST",
+		url 		: '/order/orderListInfo',
+		data		: orderListJsonData,
+		dataType 	: 'html',
+		beforeSend : function(xhr, settings) {
+			xhr.setRequestHeader("AJAX"			, "true");
+			xhr.setRequestHeader('Accept'		, 'application/json');
+			xhr.setRequestHeader('Content-Type'	, 'application/json');
+			gagajf.showProgressbar(true);
+		},
+		success 	: function(result) {
+			if (result != null) {
+				$("#orderListInfo").css("display", "block");
+				$("#orderListInfo").html(result);
+				
+				$("#delvFeeCdCnt").text($("#orderForm input[name=delvFeeCdCnt]").val());
+				$("#shotCnt").text($("#orderForm input[name=shotCnt]").val());
+				$("#wmsCnt").text($("#orderForm input[name=wmsCnt]").val());
+				
+				// 총알배송건수가 있으면 총알배송 태그 표시
+				if (parseInt($("#orderForm input[name=shotCnt]").val()) > 0 ) {
+					$(".shotDelv").show();
+				} else {
+					$(".shotDelv").hide();
+				}
+			}
+			
+			// 1.5 사은품정보로드
+			if (temp) {
+				freegiftInfoSet();
+			}
+		}
+	});
+}
+
+// 1.5 사은품정보로드
+var freegiftInfoSet = function() {
+	
+	$.ajax( {
+		type		: "POST",
+		url 		: '/order/freegiftInfo',
+		data		: JSON.stringify(jsonObj),
+		dataType 	: 'html',
+		beforeSend : function(xhr, settings) {
+			xhr.setRequestHeader("AJAX"			, "true");
+			xhr.setRequestHeader('Accept'		, 'application/json');
+			xhr.setRequestHeader('Content-Type'	, 'application/json');
+			gagajf.showProgressbar(true);
+		},
+		success 	: function(result) {
+			if (result != null) {
+				$("#freegiftInfo").html(result);
+				
+				var total_gift 		= 0;
+				var total_deduct 	= 0;
+				
+				// 2.2 사은품선택 라디오 버튼 기능
+				$(".freegiftRdo").on("click", function() {
+					total_gift 		= 0;
+					total_deduct 	= 0;
+					
+					$(".freegiftRdo").each(function(){
+						if ($(this).attr("allYn") == "Y" ) {
+							total_gift 		+= 1;
+						}
+						
+						// 라디오버튼 사은품 체크
+						if ($(this).is(":checked")) {
+							// 수령거부가 아닐때 체크
+							if ($(this).val() != "noSel") {
+								total_gift 		+= 1;
+								total_deduct 	+= parseInt($(this).attr("usepoint"));
+							}
+						}
+					});
+					
+					$(".total_gift").text(total_gift);							// 사은품총선택개수
+					$(".total_deduct").text(total_deduct.addComma());			// 사은품총사용포인트
+					$(".freegiftUsePnt").text(total_deduct);
+					
+					// 포인트초기화기능
+					pntDcAmtReset();
+				});
+				
+				// 사은품테이블 그리기
+				$(".gift_box").each(function(){
+					$(this).find(".freegiftRdo").each(function(){
+						if ($(this).attr("allYn") == "Y" ) {
+							total_gift += 1;
+						}
+						$(".total_gift").text(total_gift);						// 사은품총선택개수
+					});
+				});
+			}
+			
+			// 1.6 결제타입로드
+			paymentInfoSet();
+		}
+	});
+}
+
+// 1.6 결제타입로드 (결제버튼기능구현)
+var paymentInfoSet = function() {
+	
+	$.ajax( {
+		type		: "POST",
+		url 		: '/order/paymentInfo',
+		data		: JSON.stringify(jsonObj),
+		dataType 	: 'html',
+		beforeSend : function(xhr, settings) {
+			xhr.setRequestHeader("AJAX"			, "true");
+			xhr.setRequestHeader('Accept'		, 'application/json');
+			xhr.setRequestHeader('Content-Type'	, 'application/json');
+			gagajf.showProgressbar(true);
+		},
+		success 	: function(result) {
+			if (result != null) {
+				$("#paymentInfo").css("display", "block");
+				$("#paymentInfo").html(result);
+				
+				// 결제타입명칭 설정
+				$("#orderForm .area_paymethod .paymethod_box ul li").on("click", function(){
+					var payType = $(this).find(".payType").text();
+					if ($(this).find("input[name=rdi-paynormal]").is(":checked")) {
+						$(".payTypeNm").text(payType);
+					}
+				});
+				
+				// 결재하기
+				$("#btn_payment").on("click", function(){
+					// 사은품정보
+					var prePntDcAmtYn		= $("input[name='rdi-beforpoint']:checked").val();
+					var paynormal			= $("input[name='rdi-paynormal']:checked").val();
+					var orderDetailList		= [];
+					var delvFeeCdList		= [];
+					var ordGoodsQty			= 0;
+					var goodsNm				= "";
+					var orgEntryNo 			= "";
+					var entryNo 			= "";
+					
+					// TODO 개인통관번호 동의 체크시 통관번호 등록
+					if (foreignBuyYn == "Y") {
+						if ($("#orderForm input[name=rdi-overseas]:checked").val() == "Y") {
+							if (gagajf.isNull($("#orderForm input[name=entryNo]").val())) {
+								mcxDialog.alert("개인통관고유부호를 입력해주세요.");
+								$('#orderForm input[name=entryNo]').focus();
+								
+								// 배송정보화면노출
+								deliveryAddrInfoDispYn("Y");
+								return false;
+							}
+							
+							orgEntryNo = $("#orderForm input[name=entryNo]").val();
+							
+							if (orgEntryNo.length < 13) {
+								mcxDialog.alert("개인통관고유부호가 유효하지 않습니다.");
+								$('#orderForm input[name=entryNo]').focus();
+								
+								// 배송정보화면노출
+								deliveryAddrInfoDispYn("Y");
+								return false;
+							}
+							
+							if (!$("#chk-overs-agr").is(":checked")) {
+								mcxDialog.alert("개인통관정보고유부호 정보 동의/저장항목을 체크해주세요.");
+								
+								// 배송정보화면노출
+								deliveryAddrInfoDispYn("Y");
+								return false;
+							}
+						}
+					}
+					
+					// 주문제작상품일때 주문제작정보동의
+					if (orderMadeYn == "Y") {
+						if (!$("#chk-custom-agr1").is(":checked")) {
+							mcxDialog.alert("주문제작상품 정보 동의를 체크해주세요.");
+							
+							// 배송정보화면노출
+							deliveryAddrInfoDispYn("Y");
+							return false;
+						}
+					}
+					
+					// 사은품지급할 경우 체크
+					if ($(".freegiftValArr").text().length > 0) {
+						if (!$("#chk-agree_gift").is(":checked")) {
+							mcxDialog.alert("사은품 지급 정보 동의를 체크해주세요.");
+							
+							// 배송정보화면노출
+							freegiftInfoDispYn("Y");
+							return false;
+						}
+					}
+					
+					// 결재수단
+					if (gagajf.isNull(paynormal)) {
+						mcxDialog.alert("결제수단을 선택해 주세요.");
+						
+						// 결제수단정보노출
+						paymentInfoDispYn("Y");
+						return false;
+					}
+					
+					var paynormalArr		= paynormal.split("|");
+					var pgGb				= paynormalArr[0];
+					var payMeans			= paynormalArr[1];
+
+					// 주문상세데이타 생성
+					$("#orderDetailInfo .cartSq").each(function(){
+						// 주문상세단위 총알배송여부 변경
+						var orderDetailShotDelvYn = $(this).parent().find(".shotDelvYn").text();
+						if (orderDetailShotDelvYn == "Y") {
+							if (shotDelvYn == "N") {
+								orderDetailShotDelvYn = "N";
+							}
+						}
+						
+						// 개인통관번호
+						if ($(this).parent().find(".foreignBuyYn").text() == "Y") {
+							entryNo = orgEntryNo;
+						} else {
+							entryNo = "";
+						}
+						
+						var orderDetailData = {
+							"cartSq"			: $(this).text()
+							,"currPrice"		: $(this).parent().find(".orgCurrPrice").text()
+							,"optAddPrice"		: $(this).parent().find(".optAddPrice").text()
+							,"ordAmt"			: $(this).parent().find(".ordAmt").text()
+							,"cpn1DcSq"			: $(this).parent().find(".cpn1DcSq").text()
+							,"cpn1DcAmt"		: $(this).parent().find(".cpn1DcAmt").text()
+							,"goodsQty"			: $(this).parent().find(".goodsQty").text()
+							,"tmtb1Sq"			: $(this).parent().find(".tmtb1Sq").text()
+							,"tmtb1DcAmt"		: $(this).parent().find(".tmtb1DcAmt").text()
+							,"tmtb2Sq"			: $(this).parent().find(".tmtb2Sq").text()
+							,"tmtb2DcAmt"		: $(this).parent().find(".tmtb2DcAmt").text()
+							,"goodsCpnSq"		: $(this).parent().find(".goodsCpnSq").text()
+							,"goodsCpnDcAmt"	: $(this).parent().find(".goodsCpnDcAmt").text()
+							,"cartCpnSq"		: $(this).parent().find(".cartCpnSq").text()
+							,"cartCpnDcAmt"		: $(this).parent().find(".cartCpnDcAmt").text()
+							,"prePntDcAmt"		: $(this).parent().find(".prePntDcAmt1").text()
+							,"pntDcAmt"			: $(this).parent().find(".pntDcAmt1").text()
+							,"gfcdUseAmt"		: $(this).parent().find(".gfcdUseAmt1").text()
+							,"realOrdAmt"		: $(this).parent().find(".realOrdAmt1").text()
+							,"savePntAmt"		: $(this).parent().find(".savePntAmt1").text()
+							,"shotDelvYn"		: orderDetailShotDelvYn
+							,"foreignBuyYn"		: $(this).parent().find(".foreignBuyYn").text()
+							,"makeGoodsYn"		: $(this).parent().find(".orderMadeYn").text()
+							,"delvFeeCd"		: $(this).parent().find(".delvFeeCd").text()
+							,"goodsCd"			: $(this).parent().find(".goodsCd").text()
+							,"itemCdArr"		: $(this).parent().find(".itemCd").text().split(",")
+							,"optCdArr"			: $(this).parent().find(".optCd").text().split(",")
+							,"itemQtyArr"		: $(this).parent().find(".itemQtyr").text().split(",")
+							,"goodsType"		: $(this).parent().find(".goodsType").text()
+							,"entryNo"			: entryNo
+						}
+						
+						// 상품수
+						ordGoodsQty++;
+						
+						orderDetailList.push(orderDetailData);
+					});
+					
+					// 주문배송업체정보 생성
+					$("#delvFeeCdInfo .delvFeeCd").each(function(){
+						var delvFeeCdData = {
+							"delvFeeCd"			: $(this).text()
+							,"supplyCompCd"		: $(this).parent().find(".supplyCompCd").text()
+							,"delvFee"			: $(this).parent().find(".delvFee").text()
+							,"delvCpnSq"		: $(this).parent().find(".delvCpnSq").text()
+							,"delvCpnDcAmt"		: $(this).parent().find(".delvCpnDcAmt").text()
+						}
+						
+						delvFeeCdList.push(delvFeeCdData);
+					});
+					
+					// 주문데이타 생성
+					var orderData = {
+						"custNm"				: $(".custNm").text()
+						,"email"				: $(".email").text()
+						,"recipNm"				: $(".recipNm").text()
+						,"recipPhnno"			: $(".recipPhnno").text()
+						,"recipZipcode"			: $(".recipZipcode").text()
+						,"recipBaseAddr"		: $(".recipBaseAddr").text()
+						,"recipDtlAddr"			: $(".recipDtlAddr").text()
+						,"delvMemo"				: $(".delvMemo").text()
+						,"prePntDcAmtYn"		: prePntDcAmtYn
+						,"orderDetailList"		: orderDetailList
+						,"delvFeeCdList"		: delvFeeCdList
+						,"shotDelvYn"			: shotDelvYn
+						,"entryNo"				: entryNo
+						,"pgGb"					: pgGb
+						,"payMeans"				: payMeans // 네이버페이, 카카오페이
+						,"payAmt"				: $(".realOrdSumAmt").text()
+						,"ordNm"				: $(".custNm").text()
+						,"ordPhnno"				: $(".cellPhnno").text()
+						,"goodsNm"				: $(".goodsNm").eq(0).text()
+						,"ordGoodsQty"			: ordGoodsQty
+						,"freegiftValArr"		: $(".freegiftValArr").text().split(",")
+						,"freegiftSqArr"		: $(".freegiftSqArr").text().split(",")
+						,"freegiftGoodsArr"		: $(".freegiftGoodsArr").text().split(",")
+						,"freegiftUsePointArr"	: $(".freegiftUsePointArr").text().split(",")
+					};
+					
+					$.ajax( {
+						type		: "POST",
+						url 		: '/order/create/preOrder',
+						data		: JSON.stringify(orderData),
+						dataType 	: 'html',
+						beforeSend : function(xhr, settings) {
+							xhr.setRequestHeader("AJAX"			, "true");
+							xhr.setRequestHeader('Accept'		, 'application/json');
+							xhr.setRequestHeader('Content-Type'	, 'application/json');
+							gagajf.showProgressbar(true);
+						},
+						success 	: function(result) {
+							// 결재정보로드
+							$("#order_info").html(result);
+							
+							var pgGb = $("#order_info input[name=pgGb]").val();
+							
+							if (pgGb == "NAVFER") {
+								fnNaverPaymentReady();
+							} else if (pgGb == "KAKAO") {
+								fnKakaoPaymentReady();
+							} else if (pgGb == "KCP" || pgGb == "PAYCO") {
+								jsf__pay(document.order_info);
+							}
+						}
+					});
+				});
+
+				// 1.8 할인영역 설정 (로그인여부일때 동작)
+				if (isLogin == true) {
+					dcAmtInfoSet();
+				} else {
+					// 금액계산초기화
+					custCpnSumAmtCal();
+				}
+			}
+		}
+	});
+}
+
+// 1.7 프로모션 쿠폰 적용 함수
+var serialCpnApply = function(){
+	
+	if (gagajf.isNull($("#serialCpnNm").val())) {
+		mcxDialog.alert("할인코드를 입력해주세요.");
+		$('#serialCpnNm').focus();
+		return false;
+	}
+	
+	let data = {
+		rdCpnNm : $("#serialCpnNm").val()
+	}
+
+	$.ajax( {
+		type			: "POST",
+		url 			: '/cart/list/serialCpnApply',
+		contentType		: 'application/json',
+		dataType 		: 'json',
+		data 			: JSON.stringify(data),
+		success 		: function(result) {
+			// 프로모션쿠폰적용 후 할인영역 노출
+			jsonObj.dispYn = "Y";
+
+			// 성공일때는 쿠폰정보 및 포인트 정보 reset
+			if (result.serialCpnInfo.result == "SUCCESS") {
+				mcxDialog.alert("쿠폰 등록이 되었습니다.");
+				// 1.8 할인영역 재로드
+				dcAmtInfoSet(jsonData);
+			} else {
+				mcxDialog.alert(result.serialCpnInfo.result);
+				$("#serialCpnNm").val("");
+			}
+		}
+	});
+}
+
+// 1.8 할인영역 설정 (쿠폰, 선포인트, 포인트, 상품권)
+var dcAmtInfoSet = function() {
+	// 1.8.1 할인정보로드
+	$.ajax( {
+		type		: "POST",
+		url 		: '/order/dcAmtInfo',
+		data		: JSON.stringify(jsonObj),
+		dataType 	: 'html',
+		beforeSend : function(xhr, settings) {
+			xhr.setRequestHeader("AJAX"			, "true");
+			xhr.setRequestHeader('Accept'		, 'application/json');
+			xhr.setRequestHeader('Content-Type'	, 'application/json');
+			gagajf.showProgressbar(true);
+		},
+		success 	: function(result) {
+			if (result != null) {
+				$("#dcAmtInfo").css("display", "block");
+				$("#dcAmtInfo").html(result);
+				
+				// 쿠폰팝업정보로드
+				$.ajax( {
+					type		: "POST",
+					url 		: '/order/couponApplyPop',
+					data		: JSON.stringify(jsonObj),
+					dataType 	: 'html',
+					beforeSend : function(xhr, settings) {
+						xhr.setRequestHeader("AJAX"			, "true");
+						xhr.setRequestHeader('Accept'		, 'application/json');
+						xhr.setRequestHeader('Content-Type'	, 'application/json');
+						gagajf.showProgressbar(true);
+					},
+					success 	: function(result) {
+						$("#couponModifyPop").html(result);
+						
+						// 1.8.1 선포인트기능초기환
+						prePntDcAmtReset();
+						
+						// 1.8.2 쿠폰적용초기화(할인율최고)(상품,장바구니)
+						custGoodsCpnInit();
+						
+						// 1.8.3 쿠폰적용초기화(할인율최고)(배송비)
+						custDelvCpnInit();
+						
+						// 1.8.4 쿠폰적용버튼
+						$("#btn_coupon_apply").on("click", function(){
+							
+							// 상품쿠폰적용
+							$('.goodsCpn ul li.selected').each(function(index){
+								custCpnApply($(this));
+							});
+							
+							// 장바구니쿠폰적용
+							$('.cartCpn').each(function(index){
+								if ($(this).find("input[name=rdi-cart-coupon]").is(":checked")) {
+									custCpnApply($(this));
+								}
+							});
+							
+							// 최대할인혜택적용 체크해제
+							if ($("#chk-maxdisc").is(":checked")) {
+								$("#chk-maxdisc").attr("checked", false);
+							}
+							
+							$(".close-modal").trigger("click");				// 팝업닫기
+						});
+						
+						// 1.8.5 쿠폰 최대할인금액 초기화 버튼 설정
+						$("#chk-maxdisc").on("click", function(){
+							if ($(this).is(":checked")) {
+								// 상품&장바구니쿠폰 초기환
+								custGoodsCpnInit();
+								
+								// 배송비쿠폰 초기환
+								custDelvCpnInit();
+							}
+						});
+					}
+				});
+				
+				// 쿠폰변경팝업호출
+				$("#btn_couponModify_pop").on("click", function(){
+					// 쿠폰초기화
+					custGoodsCpnInit();
+					
+					$("#couponModifyPop").modal("show");
+				});
+				
+				// 1.8.7 포인트 적용버튼 기능
+				$("#btn_point_apply").on("click", function(){
+					var rmPntAmt 			= parseInt($("#orderForm input[name='rmPntAmt']").val());
+					var freegiftUsePnt 		= parseInt($(".freegiftUsePnt").text());
+					var pntDcAmt 			= parseInt($("#orderForm input[name='pntDcAmtStr']").val());
+					var realOrdAmt 			= parseInt($(".realOrdSumAmt").text());
+					var applyPntDcAmt 		= (realOrdAmt * 40) / 100;
+					
+					rmPntAmt				= rmPntAmt - freegiftUsePnt;
+					
+					if (gagajf.isNull($("#orderForm input[name=pntDcAmtStr]").val())) {
+						mcxDialog.alert("사용할 포인트를 입력해주세요.");
+						$('#orderForm input[name=pntDcAmtStr]').focus();
+						return false;
+					}
+					
+					// 입력여부체크
+					if (pntDcAmt < 1) {
+						mcxDialog.alert("사용할 포인트를 입력해주세요");
+						// 포인트리셋기능
+						pntDcAmtReset();
+						return false;
+					}
+					
+					// 보유포인트보다 초과 사용 불가
+					if (pntDcAmt > rmPntAmt) {
+						mcxDialog.alert("보유포인트 보다 초과 사용 할 수 없습니다.");
+						// 포인트리셋기능
+						pntDcAmtReset();
+						return false;
+					}
+
+					// TODO 포인트 사용금액 1000P 이상 사용
+					if (pntDcAmt < 1000) {
+						mcxDialog.alert("포인트는 최소 1,000P이상 사용해야 합니다.");
+						// 포인트리셋기능
+						pntDcAmtReset();
+						return false;
+					}
+					
+					// 실결제금액보다 크게 적용 되었을때 적용 불가능
+					if (pntDcAmt > applyPntDcAmt) {
+						mcxDialog.alert("결제금액의 최대 40%를 초과 사용 할 수 없습니다.");
+						// 포인트리셋기능
+						pntDcAmtReset();
+						return false;
+					}
+					
+					// 포인트 적용
+					$(".pntDcSumAmt").text(pntDcAmt);
+					$("#pntDcAmt").text("-"+pntDcAmt.addComma()+" 원");
+					
+					// 상품권리렛기능
+					gfcdUseAmtReset();
+				});
+				
+				// 1.8.8 상품권 적용버튼 기능
+				$("#btn_gfcd_apply").on("click", function(){
+					var rmGfcdAmt 		= parseInt($("#orderForm input[name='rmGfcdAmt']").val());
+					var gfcdUseAmt 		= parseInt($("#orderForm input[name='gfcdUseAmtStr']").val());
+					
+					if (gagajf.isNull($("#orderForm input[name=gfcdUseAmtStr]").val())) {
+						mcxDialog.alert("사용할 금액을 입력해주세요.");
+						$('#orderForm input[name=gfcdUseAmtStr]').focus();
+						return false;
+					}
+					
+					// 입력여부체크
+					if (gfcdUseAmt < 1 || $("input[name='gfcdUseAmtStr']").val() == "") {
+						mcxDialog.alert("사용할 금액을 입력해주세요");
+						// 상품권리셋기능
+						gfcdUseAmtReset();
+						return false;
+					}
+					
+					// 보유금액보다 초과 사용 불가
+					if (gfcdUseAmt > rmGfcdAmt) {
+						mcxDialog.alert("보유금액 보다 초과 사용 할 수 없습니다.");
+						// 상품권리셋기능
+						gfcdUseAmtReset();
+						return false;
+					}
+
+					// TODO 포인트 사용금액 1000원 이상 사용
+					if (gfcdUseAmt < 1000) {
+						mcxDialog.alert("상품권 사용금액은 최소 1,000원 이상 사용해야 합니다.");
+						
+						// 상품권리셋기능
+						gfcdUseAmtReset();
+						return false;
+					}
+					
+					// 상품권 적용
+					$(".gfcdUseSumAmt").text(gfcdUseAmt);
+					$("#gfcdUseAmt").text("-"+gfcdUseAmt.addComma()+" 원");
+					
+					// 금액전체계산
+					custCpnSumAmtCal();
+				});
+				
+				// 금액계산초기화
+				custCpnSumAmtCal();
+			}
+		}
+	});
+}
+
+// 1.9.1 상품쿠폰초기화
+var custGoodsCpnInit = function() {
+	
+	// 쿠폰최대할인 적용
+	$("#chk-maxdisc").attr("checked", true);
+	
+	// 쿠폰초기화
+	$(".goodsCpn").each(function(index){
+		// select box 쿠폰 적용
+		var cpnCartSq = $(this).find("input[name='cpnCartSq']").val();
+		
+		// 장바구니시퀀스 체크
+		$(".cartSq").each(function(){
+			if (cpnCartSq == $(this).text()) {
+				$(this).parent().find(".goodsCpnSq").text("0");			// 상품쿠폰시퀀스
+				$(this).parent().find(".goodsCpnDcAmt").text("0");		// 상품쿠폰할인금액
+			}
+		});
+		
+		$(this).find("input[name='custCpnSq']").val("0");
+		$(this).find("input[name='cpnDcAmt']").val("0");
+		
+		// 적용안함 적용
+		var emptyHtml = $(this).find("ul li .item_coupon.empty").html();
+		$(this).find(".select .item_coupon").html(emptyHtml);
+		
+		$(this).find("ul li").removeClass("selected");
+	});
+
+	// 최대할인율 쿠폰적용
+	$('.goodsCpn').each(function(index){
+		cpnIndex 		= 0;
+		cpnApplyTemp 	= false;
+		
+		// select 박스 반복문 실행
+		$(this).find("ul li").each(function(i){
+			cpnIndex++;
+			if (cpnApplyTemp == false) {
+				if (custCpnDuplicationCheck($(this).attr("value"), cpnIndex)) {
+					// 쿠폰적용
+					custCpnApply($(this));
+					// 쿠폰할인적용
+					cpnApplyTemp = true;
+				}
+			}
+			
+			// 쿠폰 select 버튼기능
+			$(this).on("click", function(){
+				if (custCpnDuplicationCheck($(this).attr("value"), cpnIndex)) {
+					// 쿠폰적용
+					custCpnApplyTemp($(this));
+					// 쿠폰할인적용
+					cpnApplyTemp = true;
+				} else {
+					custCpnNotApply($(this));
+				}
+			});
+		});
+	});
+	
+	// 장바구니쿠폰초기화 
+	custCartCpnInit();
+}
+
+// 1.9.2 장바구니쿠폰초기화
+var custCartCpnInit = function() {
+	// 장바구니쿠폰 초기화 적용
+	$(".cartCpn").each(function(index) {
+		if (index == 0) {
+			custCpnApply($(this)); // 쿠폰적용
+		}
+		
+		// 쿠폰 select 버튼기능
+		$(this).on("click", function(){
+			custCpnApplyTemp($(this)); // 쿠폰적용
+			
+			// 최대할인혜택적용 체크해제
+			if ($("#chk-maxdisc").is(":checked")) {
+				$("#chk-maxdisc").attr("checked", false);
+			}
+		});
+	});
+	
+	// 포인트기능 리셋
+	pntDcAmtReset();
+}
+
+// 1.9.3 배송비쿠폰초기화
+var custDelvCpnInit = function() {
+	// 배송비쿠폰 초기화 적용
+	$(".delvCpn").each(function(index) {
+		if (index == 0) {
+			// 쿠폰적용
+			custCpnApply($(this));
+		}
+		
+		// 쿠폰 select 버튼기능
+		$(this).on("click", function(){
+			// 쿠폰적용
+			custCpnApply($(this));
+		});
+	});
+}
+
+// 1.10 쿠폰중복사용체크
+var custCpnDuplicationCheck = function(custCpnSq, index) {
+	var selCustSq 	= 0;
+	var cnt 		= 0;
+	
+	// 쿠폰적용가능
+	if (custCpnSq == 0) {
+		return true;
+	}
+
+	// 쿠폰중본사용체크
+	$(".goodsCpn input[name='custCpnSq']").each(function(i){
+		if (index != i) {
+			selCustSq = $(this).val();
+			if (selCustSq == custCpnSq) {
+				cnt++;
+			}
+		}
+	});
+	
+	// 쿠폰적용불가
+	if (cnt > 0) {
+		return false;
+	}
+	// 쿠폰적용가능
+	else {
+		return true;
+	}
+}
+
+// 1.11.0 임시로 쿠폰적용
+var custCpnApplyTemp = function(obj) {
+	// select box 쿠폰 적용
+	var cpnType 	= obj.parent().find("input[name='cpnType']").val();
+	
+	// 상품쿠폰적용
+	if (cpnType == "goodsCpn") {
+		var itemHtml = obj.find(".item_coupon").html();
+		obj.parent().parent().find(".select .item_coupon").html(itemHtml);
+		obj.parent().find("input[name='cpnDcAmt']").val(obj.attr("data"));
+		obj.parent().find("input[name='custCpnSq']").val(obj.attr("value"));
+
+		// 장바구니쿠폰 초기화 적용
+		$(".cartCpn").each(function(index) {
+			if (index == 0) {
+				custCpnApplyTemp($(this)); // 쿠폰적용
+			}
+		});
+		
+		//상품쿠폰 선택불가 처리
+		custCpnSqLiDisabled();
+	}
+	// 장바구니쿠폰적용
+	else if (cpnType == "cartCpn") {
+		var dcWay 				= obj.find("input[name='dcWay']").val();
+		var dcVal 				= obj.find("input[name='dcVal']").val();
+		var cartCpnDcSumAmt		= 0;
+		var tempSumAmt			= 0;
+		var cartSqLen			= $(".cartSq").length;
+		var leftAmt				= 0;
+		var index				= 1;
+		
+		// 장바구니쿠폰 해당 장바구니상품들 할인가 적용
+		obj.find("input[name='cartCpnCartSq']").each(function(){
+			var cartCpnCartSq 		= $(this).val();
+			var cartCpnDcAmt		= 0;
+			
+			// 장바구니시퀀스 체크
+			$(".cartSq").each(function(){
+				if (cartCpnCartSq == $(this).text()) {
+					var orgCurrPrice 	= parseInt($(this).parent().find(".orgCurrPrice").text());
+					var cpn1DcAmt 		= parseInt($(this).parent().find(".cpn1DcAmt").text());
+					var goodsQty 		= parseInt($(this).parent().find(".goodsQty").text());
+					var tmtb1DcAmt 		= parseInt($(this).parent().find(".tmtb1DcAmt").text());
+					var tmtb2DcAmt 		= parseInt($(this).parent().find(".tmtb2DcAmt").text());
+					var goodsCpnDcAmt 	= 0;
+					
+					$(".goodsCpn input[name=cpnCartSq]").each(function(){
+						if ($(this).val() == cartCpnCartSq) {
+							goodsCpnDcAmt 	= parseInt($(this).parent().find("input[name=cpnDcAmt]").val());
+						} 
+					});
+					
+					var tempAmt 		= ((orgCurrPrice - cpn1DcAmt) * goodsQty) - tmtb1DcAmt - tmtb2DcAmt - goodsCpnDcAmt;
+					tempSumAmt			= tempSumAmt + tempAmt;
+					
+					// 할인율일때 할인금액 
+					if (dcWay == "G240_11") {
+						cartCpnDcAmt = (tempAmt * dcVal) / 100;
+						cartCpnDcSumAmt = cartCpnDcSumAmt + cartCpnDcAmt;
+					}
+				}
+			});
+		});
+		
+		// 금액일때 할인금액 적용
+		if (dcWay == "G240_10") {
+			cartCpnDcSumAmt = dcVal;
+		}
+		
+		obj.find("input[name=rdi-cart-coupon]").prop("checked", true);
+		obj.parent().find("input[name=cpnDcAmt]").val(cartCpnDcSumAmt);
+		obj.parent().find("input[name=custCpnSq]").val(obj.attr("value"));
+	}
+	
+	var cpnDcSumAmt 		= 0;
+	var cpnApplyCnt 		= 0;
+	var goodsCartCpnSumAmt 	= 0;
+	var cpnType				= "";
+	
+	$("input[name='cpnDcAmt']").each(function(){
+		cpnType = $(this).parent().find("input[name=cpnType]").val();
+		
+		// 상품, 장바구니쿠폰 할인 금액만 합계 적용
+		if (cpnType == "goodsCpn" || cpnType == "cartCpn") {
+			goodsCartCpnSumAmt = goodsCartCpnSumAmt + parseInt($(this).val());
+		}
+	});
+	
+	// 상품, 장바구니쿠폰 할인 금액만 합계 적용
+	$(".modal-footer .goodsCartCpnSumAmt").text("-"+goodsCartCpnSumAmt.addComma());
+}
+
+// 1.11 쿠폰중복체크 후 적용가능
+var custCpnApply = function(obj) {
+	// select box 쿠폰 적용
+	var cpnType 	= obj.parent().find("input[name='cpnType']").val();
+	
+	// 상품쿠폰적용
+	if (cpnType == "goodsCpn") {
+		var itemHtml = obj.find(".item_coupon").html();
+		obj.parent().parent().find(".select .item_coupon").html(itemHtml);
+		obj.parent().find("input[name='cpnDcAmt']").val(obj.attr("data"));
+		obj.parent().find("input[name='custCpnSq']").val(obj.attr("value"));
+		
+		var cpnCartSq 	= obj.parent().parent().find("input[name='cpnCartSq']").val();
+		
+		// 장바구니시퀀스 체크
+		$(".cartSq").each(function(){
+			if (cpnCartSq == $(this).text()) {
+				$(this).parent().find(".goodsCpnSq").text(obj.prop("value"));			// 상품쿠폰시퀀스
+				$(this).parent().find(".goodsCpnDcAmt").text(obj.attr("data"));			// 상품쿠폰할인금액
+			}
+		});
+		
+		// 선택활성화
+		$(obj).addClass("selected");
+		
+		//상품쿠폰 선택불가 처리
+		custCpnSqLiDisabled();
+	} 
+	// 장바구니쿠폰적용
+	else if (cpnType == "cartCpn") {
+		var dcWay 				= obj.find("input[name='dcWay']").val();
+		var dcVal 				= obj.find("input[name='dcVal']").val();
+		var cartCpnDcSumAmt		= 0;
+		var tempSumAmt			= 0;
+		var cartSqLen			= $(".cartSq").length;
+		var leftAmt				= 0;
+		var index				= 1;
+		
+		// 장바구니쿠폰 해당 장바구니상품들 할인가 적용
+		obj.find("input[name='cartCpnCartSq']").each(function(){
+			var cartCpnCartSq 		= $(this).val();
+			var cartCpnDcAmt		= 0;
+			
+			// 장바구니시퀀스 체크
+			$(".cartSq").each(function(){
+				if (cartCpnCartSq == $(this).text()) {
+					var orgCurrPrice 	= parseInt($(this).parent().find(".orgCurrPrice").text());
+					var cpn1DcAmt 		= parseInt($(this).parent().find(".cpn1DcAmt").text());
+					var goodsQty 		= parseInt($(this).parent().find(".goodsQty").text());
+					var tmtb1DcAmt 		= parseInt($(this).parent().find(".tmtb1DcAmt").text());
+					var tmtb2DcAmt 		= parseInt($(this).parent().find(".tmtb2DcAmt").text());
+					var goodsCpnDcAmt 	= parseInt($(this).parent().find(".goodsCpnDcAmt").text());
+					
+					var tempAmt 		= ((orgCurrPrice - cpn1DcAmt) * goodsQty) - tmtb1DcAmt - tmtb2DcAmt - goodsCpnDcAmt;
+					tempSumAmt			= tempSumAmt + tempAmt;
+					
+					// 할인율일때 할인금액 
+					if (dcWay == "G240_11") {
+						cartCpnDcAmt = parseInt((tempAmt * dcVal) / 100);
+						cartCpnDcSumAmt = cartCpnDcSumAmt + cartCpnDcAmt;
+
+						$(this).parent().find(".cartCpnSq").text(obj.attr("value"));
+						$(this).parent().find(".cartCpnDcAmt").text(cartCpnDcAmt);
+					}
+				}
+			});
+		});
+		
+		// 장바구니쿠폰 결제가능수단목록조회
+		if (obj.find("input[name='payTypeArr']").length > 0) {
+			$("#orderForm input[name=rdi-paynormal]").attr("disabled", true);
+			$("#orderForm input[name=rdi-paynormal]").attr("checked", false);
+			
+			obj.find("input[name='payTypeArr']").each(function(i){
+				var payType = $(this).val();
+				$('#orderForm .'+payType).attr("disabled", false);
+				//$('#orderForm .'+payType).eq(0).attr("checked", true);
+				//if (i == 0) {
+					//$("#orderForm input[name=rdi-paynormal]").attr("checked", true);
+				//}
+			});
+		} else {
+			$("#orderForm input[name=rdi-paynormal]").attr("disabled", false);
+		}
+		
+		// 선택안함
+		$(".payTypeNm").text("선택없음");
+		
+		// 금액일때 할인금액 적용
+		if (dcWay == "G240_10") {
+			cartCpnDcSumAmt = dcVal;
+			leftAmt			= dcVal;
+			index = 1;
+			
+			// 장바구니쿠폰 해당 장바구니상품들 할인가 적용
+			obj.find("input[name='cartCpnCartSq']").each(function(){
+				var cartCpnCartSq 		= $(this).val();
+				var cartCpnDcAmt		= 0;
+									
+				// 장바구니시퀀스 체크
+				$(".cartSq").each(function(){
+					if (cartCpnCartSq == $(this).text()) {
+						var orgCurrPrice 	= parseInt($(this).parent().find(".orgCurrPrice").text());
+						var tmtb1DcAmt 		= parseInt($(this).parent().find(".tmtb1DcAmt").text());
+						var tmtb2DcAmt 		= parseInt($(this).parent().find(".tmtb2DcAmt").text());
+						var goodsCpnDcAmt 	= parseInt($(this).parent().find(".goodsCpnDcAmt").text());
+						
+						var tempAmt 		= orgCurrPrice - tmtb1DcAmt - tmtb2DcAmt - goodsCpnDcAmt;
+						var tempDiv 		= parseInt((tempAmt / tempSumAmt) * 100);
+						var cartCpnDcAmt	= 0;
+				
+						if (index == cartSqLen) {
+							cartCpnDcAmt 	= leftAmt;
+						} else {
+							cartCpnDcAmt	= parseInt((cartCpnDcSumAmt * tempDiv) / 100);
+							leftAmt 		= leftAmt - cartCpnDcAmt;
+						}
+						
+						$(this).parent().find(".cartCpnSq").text(obj.attr("value"));
+						$(this).parent().find(".cartCpnDcAmt").text(cartCpnDcAmt);
+						
+						index++;
+					}
+				});
+			});
+		}
+		
+		obj.find("input[name=rdi-cart-coupon]").prop("checked", true);
+		obj.parent().find("input[name=cpnDcAmt]").val(cartCpnDcSumAmt);
+		obj.parent().find("input[name=custCpnSq]").val(obj.attr("value"));
+	}
+	// 배송비쿠폰적용
+	else if (cpnType == "delvCpn") {
+		// 적용안함 적용
+		var itemHtml = obj.find(".dlvr_coupon").html();
+		obj.parent().parent().find(".select .dlvr_coupon").html(itemHtml);
+		
+		obj.parent().find("input[name='cpnDcAmt']").val(obj.attr("data"));
+		obj.parent().find("input[name='custCpnSq']").val(obj.attr("value"));
+		obj.parent().find("input[name='delvFeeCd']").val(obj.attr("delvfeecd"));
+		
+		var delvFeeCd = obj.attr("delvfeecd");
+		
+		// 배송비쿠폰 테이블 적용
+		$(".delvFeeCd").each(function(){
+			// 배송비쿠폰적용
+			if ($(this).text() == delvFeeCd) {
+				$(this).parent().find(".delvCpnSq").text(obj.attr("value"));
+				$(this).parent().find(".delvCpnDcAmt").text(obj.attr("data"));
+			} 
+			// 배송비쿠폰적용안함
+			else if (delvFeeCd == 0) {
+				$(this).parent().find(".delvCpnSq").text(obj.attr("value"));
+				$(this).parent().find(".delvCpnDcAmt").text(obj.attr("data"));
+			}
+		});
+	}
+	
+	// 포인트기능 리렛
+	pntDcAmtReset();
+	
+}
+
+// 1.11.1 상품쿠폰 선택불가 처리
+var custCpnSqLiDisabled = function() {
+	// 상품쿠폰 선택불가 처리
+	$(".goodsCpn ul li").each(function(){
+		var custCpnSq = $(this).attr("value");
+		var liObj = $(this);
+		
+		liObj.attr("aria-disabled", false);
+		
+		// 선택된 li 제외
+		if ($(this).hasClass("selected") == false) {
+			// 적용안함 제외
+			if (custCpnSq > 0) {
+				// 선택된 custCpnSq li와 같으면 선택불가처리
+				$(".area_item_coupon input[name=custCpnSq]").each(function(){
+					var inputCustCpSq = $(this).val();
+					if (custCpnSq == inputCustCpSq) {
+						// 선택불가처리
+						liObj.attr("aria-disabled", true);
+					}
+				});
+			}
+		}
+	});
+}
+
+// 1.12 쿠폰중복체크 후 적용불가
+var custCpnNotApply = function(obj) {
+	// 이전에 등록된 쿠폰시퀀스  
+	var custCpnSq = obj.parent().find("input[name='custCpnSq']").val();
+
+	// 이전에 등록된 쿠폰시퀀스 비교후 데이타 원복
+	obj.parent().find("li").each(function(){
+		if ($(this).attr("value") == custCpnSq) {
+			var itemHtml = $(this).find(".item_coupon").html();
+			obj.parent().parent().find(".select .item_coupon").html(itemHtml);
+		}
+	});
+	
+	// 포인트기능 리렛
+	pntDcAmtReset();
+}
+
+// 1.14 선포인트리셋기능 (사용안함)
+var prePntDcAmtReset = function() {
+	var rmPrePntAmt = parseInt($("input[name='rmPrePntAmt']").val());
+	$("input[name='prePntDcAmt']").val(rmPrePntAmt);
+	
+	// 선포인트사용여부 체크 후 적용
+	$("input[name='rdi-beforpoint']").each(function(){
+		// 선포인트 초기 설정 사용함
+		if ($(this).val() == "Y") {
+			$(this).attr("checked", true);
+		}
+		
+		// 버튼기능 구현
+		$(this).on("click", function(){
+			var rmPrePntAmt 		= parseInt($("input[name='rmPrePntAmt']").val());
+			
+			// 선포인트적용
+			if ($(this).val() == "Y") {
+				$("#prePntDcAmt").text("-"+rmPrePntAmt.addComma()+"원");
+			} else {
+				$("#prePntDcAmt").text("0원");
+			}
+			
+			// 쿠폰할인금액 SUM
+			custCpnSumAmtCal();
+		});
+	});
+
+	$("#prePntDcAmt").text("-"+rmPrePntAmt.addComma()+"원");
+	
+	// 포인트기능 리렛
+	pntDcAmtReset();
+}
+
+// 1.15 포인트리셋기능
+var pntDcAmtReset = function() {
+	$(".pntDcSumAmt").text("0");
+	$("input[name='pntDcAmtStr']").val("");
+	$("#pntDcAmt").text("0 원");
+	
+	// 상품권리셋기능
+	gfcdUseAmtReset();
+}
+
+// 1.16 상품권리셋기능
+var gfcdUseAmtReset = function() {
+	$(".gfcdUseSumAmt").text("0");
+	$("input[name='gfcdUseAmtStr']").val("");
+	$("#gfcdUseAmt").text("0 원");
+	
+	// 금액전체계산
+	custCpnSumAmtCal();
+}
+
+// 1.17 쿠폰할인금액합계설정(금액전체계산)
+var custCpnSumAmtCal = function() {
+	var cpnDcSumAmt 		= 0;
+	var cpnApplyCnt 		= 0;
+	var goodsCartCpnSumAmt 	= 0;
+	var cpnType				= "";
+	
+	$("input[name='cpnDcAmt']").each(function(){
+		cpnType = $(this).parent().find("input[name=cpnType]").val();
+		cpnDcSumAmt = cpnDcSumAmt + parseInt($(this).val());
+		
+		// 적용된 쿠폰 수량
+		if (parseInt($(this).val()) > 0) {
+			cpnApplyCnt++;
+		}
+		
+		// 상품, 장바구니쿠폰 할인 금액만 합계 적용
+		if (cpnType == "goodsCpn" || cpnType == "cartCpn") {
+			goodsCartCpnSumAmt = goodsCartCpnSumAmt + parseInt($(this).val());
+		}
+	});
+
+	// 상품, 장바구니쿠폰 할인 금액만 합계 적용
+	if (goodsCartCpnSumAmt > 0) {
+		$(".maxdisc_amount .goodsCartCpnDcAmt").text("-"+goodsCartCpnSumAmt.addComma()); // 쿠폰할인금액합계
+		$(".goodsCartCpnSumAmt").text("-"+goodsCartCpnSumAmt.addComma()); // 쿠폰할인금액합계
+	} else {
+		$(".maxdisc_amount .goodsCartCpnDcAmt").text(goodsCartCpnSumAmt.addComma()); // 쿠폰할인금액합계
+		$(".goodsCartCpnSumAmt").text(goodsCartCpnSumAmt.addComma()); // 쿠폰할인금액합계
+	}
+	
+	// 전체쿠폰 할인 금액 합계 적용
+	if (cpnDcSumAmt > 0) {
+		$(".maxdisc_amount .cpnDcAmt").text("-"+cpnDcSumAmt.addComma()); // 쿠폰할인금액합계
+		$("#couponDcSumAmt").text("-" + cpnDcSumAmt.addComma() + " 원"); // 쿠폰할인금액합계
+	} else {
+		$(".maxdisc_amount .cpnDcAmt").text(cpnDcSumAmt.addComma()); // 쿠폰할인금액합계
+		$("#couponDcSumAmt").text(cpnDcSumAmt.addComma() + " 원"); // 쿠폰할인금액합계
+	}
+
+	$(".cpnDcSumAmt").text(cpnDcSumAmt);
+	
+	var delvSumAmt = orgSumDelvFee;
+	
+	// 배송비할인적용
+	$("input[name='cpnType']").each(function(){
+		if ($(this).val() == "delvCpn") {
+			var delvSumAmt = parseInt(orgSumDelvFee) - parseInt($(this).parent().find("input[name='cpnDcAmt']").val());
+			
+			// 최종배송비
+			$("#delvSumAmt").text(delvSumAmt.addComma() + " 원");
+			$(".delvSumAmt").text(delvSumAmt);
+		}
+	});
+	
+	// 2021.03.06 주문상세 테이블 적용
+	// 포인트금액 상품상세에 포인트금액 분배 작업
+	var prePntDcAmtYn 		= $("input[name='rdi-beforpoint']:checked").val();
+	var leftPntAmt			= parseInt($(".pntDcSumAmt").text());
+	var leftGfcdAmt			= parseInt($(".gfcdUseSumAmt").text());
+	var cartSqLenght		= $(".cartSq").length; 
+	var index				= 1;
+	
+	var orgGoodsSumAmt		= 0;
+	var cpn1DcSumAmt		= 0;
+	var ordSumAmt			= 0;
+	var tmtb1DcSumAmt		= 0;
+	var tmtb2DcSumAmt		= 0;
+	var tmtbDcSumAmt		= 0;
+	var goodsCpnDcSumAmt	= 0;
+	var cartCpnDcSumAmt		= 0;
+	var delvCpnDcSumAmt		= 0;
+	var cpnDcSumAmt			= 0;
+	var prePntDcSumAmt		= 0;
+	var pntDcSumAmt 		= parseInt($(".pntDcSumAmt").text());
+	var gfcdUseSumAmt 		= parseInt($(".gfcdUseSumAmt").text());
+	var realOrdSumAmt		= 0;
+	var savePntSumAmt		= 0;
+	
+	$(".cartSq").each(function(){
+		var orgCurrPrice 	= parseInt($(this).parent().find(".orgCurrPrice").text());
+		var cpn1DcAmt		= parseInt($(this).parent().find(".cpn1DcAmt").text());
+		var optAddPrice 	= parseInt($(this).parent().find(".optAddPrice").text());
+		var goodsQty 		= parseInt($(this).parent().find(".goodsQty").text());
+		var tmtb1DcAmt		= parseInt($(this).parent().find(".tmtb1DcAmt").text());
+		var tmtb2DcAmt		= parseInt($(this).parent().find(".tmtb2DcAmt").text());
+		var goodsCpnDcAmt	= parseInt($(this).parent().find(".goodsCpnDcAmt").text());
+		var cartCpnDcAmt	= parseInt($(this).parent().find(".cartCpnDcAmt").text());
+		var prePntDcAmt1	= parseInt($(this).parent().find(".prePntDcAmt1").text());
+		var dcSumAmt		= 0;
+		var savePntAmt1		= parseInt($(this).parent().find(".savePntAmt1").text());
+		
+		// 주문금액 = ((판매가 - 즉시할인가) + 옵션추가금액) * 장바구니수량
+		orgGoodsSumAmt		= orgGoodsSumAmt + (orgCurrPrice + optAddPrice) * goodsQty;
+		cpn1DcSumAmt		= cpn1DcSumAmt + (cpn1DcAmt * goodsQty);
+		tmtb1DcSumAmt		= tmtb1DcSumAmt + tmtb1DcAmt;
+		tmtb2DcSumAmt		= tmtb2DcSumAmt + tmtb2DcAmt;
+		tmtbDcSumAmt		= tmtbDcSumAmt + (tmtb1DcAmt + tmtb2DcAmt);
+		goodsCpnDcSumAmt	= goodsCpnDcSumAmt + goodsCpnDcAmt;
+		cartCpnDcSumAmt		= cartCpnDcSumAmt + cartCpnDcAmt;
+		cpnDcSumAmt			= cpnDcSumAmt + (goodsCpnDcAmt + cartCpnDcAmt);
+		prePntDcSumAmt		= prePntDcSumAmt + prePntDcAmt1;
+		
+		var ordAmt			= ((orgCurrPrice +  - cpn1DcAmt) + optAddPrice) * goodsQty;
+		ordSumAmt			= ordSumAmt + ordAmt;
+		
+		// 선포인트사용여부
+		// 할인금액합계 = 다다익선수량금액 + 다다익선금액금액 + 상품쿠폰금액 + 장바구니금액 + 선포인트금액
+		if (prePntDcAmtYn == "Y") {
+			dcSumAmt		= tmtb1DcAmt + tmtb2DcAmt + goodsCpnDcAmt + cartCpnDcAmt + prePntDcAmt1;
+		} else {
+			dcSumAmt		= tmtb1DcAmt + tmtb2DcAmt + goodsCpnDcAmt + cartCpnDcAmt;
+		}
+		
+		// 주문금액설정
+		$(this).parent().find(".ordAmt").text(ordAmt);
+		$(this).parent().find(".dcSumAmt").text(dcSumAmt);
+		
+		savePntSumAmt		= savePntSumAmt + savePntAmt1;
+	});
+	
+	// 포인트, 상품권 금액 분배
+	$(".cartSq").each(function(){
+		var ordAmt 			= parseInt($(this).parent().find(".ordAmt").text());
+		var dcSumAmt		= parseInt($(this).parent().find(".dcSumAmt").text()); 
+		var tempDiv 		= parseInt((ordAmt / ordSumAmt) * 100);
+		var pntDcAmt1 		= 0;
+		var gfcdUseAmt1		= 0;
+		
+		if (index == cartSqLenght) {
+			pntDcAmt1 		= leftPntAmt;
+			gfcdUseAmt1		= leftGfcdAmt;
+		} else {
+			pntDcAmt1 		= parseInt((pntDcSumAmt * tempDiv) / 100);
+			gfcdUseAmt1		= parseInt((gfcdUseSumAmt * tempDiv) / 100);
+			leftPntAmt		= leftPntAmt - pntDcAmt1;
+			leftGfcdAmt		= leftGfcdAmt - gfcdUseAmt1;
+		}
+		
+		var realOrdAmt1		= ordAmt - dcSumAmt - (pntDcAmt1 - gfcdUseAmt1);
+		realOrdSumAmt		= realOrdSumAmt + realOrdAmt1;
+		
+		$(this).parent().find(".pntDcAmt1").text(pntDcAmt1);
+		$(this).parent().find(".gfcdUseAmt1").text(gfcdUseAmt1);
+		$(this).parent().find(".realOrdAmt1").text(realOrdAmt1);
+		
+		index++;
+	});
+	
+	realOrdSumAmt = realOrdSumAmt + delvSumAmt;
+	
+	$(".orgGoodsSumAmt").text(orgGoodsSumAmt);
+	$(".cpn1DcSumAmt").text(cpn1DcSumAmt);
+	$(".ordSumAmt").text(ordSumAmt);
+	$(".tmtb1DcSumAmt").text(tmtb1DcSumAmt);
+	$(".tmtb2DcSumAmt").text(tmtb2DcSumAmt);
+	$(".tmtbDcSumAmt").text(tmtbDcSumAmt);
+	$(".goodsCpnDcSumAmt").text(goodsCpnDcSumAmt);
+	$(".cartCpnDcSumAmt").text(cartCpnDcSumAmt);
+	$(".cpnDcSumAmt").text(cpnDcSumAmt);
+	$(".prePntDcSumAmt").text(prePntDcSumAmt);
+	$(".realOrdSumAmt").text(realOrdSumAmt);
+	$(".savePntSumAmt").text(savePntSumAmt);
+	
+	$("#realOrdAmt").text(realOrdSumAmt.addComma()); // 총 결제 예정 금액
+	$(".realOrdAmt").text(realOrdSumAmt.addComma() + " 원"); // 총 결제 예정 금액
+	
+	var tempSavePnt			= savePntSumAmt - prePntDcAmt;
+	
+	// 사은품사용 후 보유포인트	
+	var rmPntAmt 			= parseInt($("input[name='rmPntAmt']").val());
+	var freegiftUsePnt 		= parseInt($(".freegiftUsePnt").text());
+	rmPntAmt 				= rmPntAmt - freegiftUsePnt; 
+	$(".rmPntAmt").text(rmPntAmt.addComma());
+	
+	// 걸제영역
+	//$("#btn_payment").text("동의 후 "+realOrdSumAmt.addComma()+" 원 결제하기");
+	
+	// 적립포인트
+	$("#savePntSumAmt").text(savePntSumAmt.addComma()+" P");
+	
+	// 사은품정보 설정
+	var freegiftValArr 			= [];
+	var freegiftUsePointArr 	= [];
+		
+	$(".gift_box").each(function(){
+		$(this).find(".freegiftRdo").each(function(){
+			// 사은품필수
+			if ($(this).attr("allYn") == "Y" ) {
+				freegiftValArr.push($(this).val());
+				freegiftUsePointArr.push($(this).attr("usepoint"));
+			}
+			
+			// 라디오버튼 선택 사은품 체크
+			if ($(this).is(":checked")) {
+				// 수령거부가 아닐때 체크
+				if ($(this).val() != "noSel") {
+					freegiftValArr.push($(this).val());
+					freegiftUsePointArr.push($(this).attr("usepoint"));
+				}
+			}
+		});
+	});
+	
+	$(".freegiftValArr").text(freegiftValArr);				// 사은품시퀀스배열
+	$(".freegiftUsePointArr").text(freegiftUsePointArr);	// 사은품사용포인트배열
+};
+
+// 1.18 배송지정보 설정
+var delvAddrSet = function(delvObj) {
+	
+	var rtnStr = "";
+	rtnStr += "| recipNm 			::: " + delvObj.recipNm;
+	rtnStr += "| recipPhnno 		::: " + delvObj.recipPhnno;
+	rtnStr += "| recipZipcode 		::: " + delvObj.recipZipcode;
+	rtnStr += "| recipBaseAddr 		::: " + delvObj.recipBaseAddr;
+	rtnStr += "| recipDtlAddr 		::: " + delvObj.recipDtlAddr;
+	rtnStr += "| delvMemo 			::: " + delvObj.delvMemo;
+	
+	// 배송지정보로드실행
+	deliveryAddrInfoSet(delvObj, false);
+}
+
+// 1.19 배송메모설정
+var delvMemoSet = function(delvMemoObj) {
+	
+	var rtnStr = "";
+	rtnStr += "| delvMemo 			::: " + delvMemoObj.delvMemo;
+	
+	$("#orderForm input[name=delvMemo]").val(delvMemoObj.delvMemo);		// input 값에 설정
+	$("#delvMemo").text(delvMemoObj.delvMemo);							// 메모 text 설정
+	$(".delvMemo").text(delvMemoObj.delvMemo);							// 메모 text 설정
+}
+</script>
+
+<script th:inline="javascript">
+
+$(document).ready( function() {
+	//해외배송 입력
+	$(document).on('change','.odPayment .area_overseas #rdi-overs1',function(e){
+		$('.info_box.overs2').hide();
+		$('.info_box.overs1').show();
+		return false;
+	}).on('change','.odPayment .area_overseas #rdi-overs2',function(e){
+		$('.info_box.overs1').hide();
+		$('.info_box.overs2').show();
+		return false;
+	});
+
+	//할인쿠폰 확인
+	$(document).on('click','.odPayment .area_seldiscount .btn_coupon_toggle',function(e){
+		$('.coupon_list').toggle();
+		$(this).toggleClass('on');
+		return false;
+	});
+
+	//결제수단 선택
+	$(document).on('change','.odPayment .area_paymethod .paymethod_radio input',function(e){
+		$('.radio_blk').removeClass('on');
+		$(this).parents('.radio_blk').addClass('on');
+		$(this).parents('.radio_blk').find('.paymethod_box').show();
+		$(this).parents('.radio_blk').siblings('div').find('.paymethod_box').hide();
+
+		var paymethodlabel =  $(this).prop('labels');
+		$(this).parents('li').find('.fold_head .data span').text($(paymethodlabel).text());
+
+		//간편결제 카드추가 슬라이드
+		var swiper = new Swiper('.paymethod_box .card_quickpay .list_card.swiper-container', {
+			slidesPerView: 'auto',
+			spaceBetween: 160,
+			centeredSlides: true,
+			navigation: {
+				nextEl: '.list_card .swiper-button-next',
+				prevEl: '.list_card .swiper-button-prev',
+			},
+		});
+		return false;
+	});
+
+	//STYLE24 간편결제 배너닫기
+	$(document).on('click','.odPayment .area_paymethod .quickpay_bnr .btn_close_bnr',function(e){
+		$('.quickpay_bnr').hide();
+	});
+
+	//결제수단 선택 > 즐겨찾기 추가시 
+	$(document).on('click','.odPayment .area_paymethod .paymethod_box .card .etc .btn_favorcard',function(e){
+		$(this).toggleClass('active');
+		return false;
+	});
+
+	//결제수단 > 일반결제> 실시간계좌이체 선택시            
+	$(document).on('change','.odPayment input:radio[name=rdi-paynormal]',function(e){
+		var paynormalValue = $(this).attr('id');
+		if (paynormalValue == 'rdi-paynormal2') {
+			$('.area_paymethod .agree_insurance').show();
+		} else {
+			$('.area_paymethod .agree_insurance').hide();
+		}
+		return false;
+	});
+
+	// 개인정보동의 열고닫기
+	$(document).on('click','.area_paymentinfo .payinfo_blk a',function(e){
+		e.preventDefault();
+		$(this).parents('.payinfo_blk').toggleClass('on');
+		var privacyToggle = $(this).find('span');
+		$(privacyToggle).text($(privacyToggle).text() == '보기' ? '닫기' : '보기');
+		return false;
+	});
+
+	//배송지수정 팝업열기
+	$(document).on('click','#btn_addrModify_pop',function(e){
+		$("#adrsModifyPop").modal("show");
+		return false;
+	});
+
+	//배송요청사항 팝업열기
+	$(document).on('click','#btn_rqstModify_pop',function(e){
+		$("#rqstModifyPop").modal("show");
+		return false;
+	});
+
+	//사은품지급안내 팝업열기
+	$(document).on('click','#btn_infoGift_pop',function(e){
+		$("#infoGiftPop").modal("show");
+		return false;
+	});
+
+	//간편결제등록 > STEP1.이용약관 팝업열기
+	$(document).on('click','.btn_addcard',function(e){
+		$("#qPayAgree_pop").modal("show");
+		return false;
+	});
+
+	//간편결제등록 > STEP1.이용약관 체크
+	$(document).on('click','.area_QpayCk .agr_select button',function(e){
+		$(this).parents('.area_QpayCk').find('.info_agrQpay').toggle();
+		var payagrToggle = $(this).find('span');
+		$(payagrToggle).text($(payagrToggle).text() == '약관열기' ? '약관닫기' : '약관열기');
+		return false;
+	});
+
+	//간편결제등록 > STEP1.이용약관 체크박스 전체선택
+	$(document).on('click','#chk-Qpay-agrAll',function(e){
+		$(this).parents(".qPayAgree_pop").find('.agree_Qpay input').prop("checked", $(this).is(":checked"));
+	});
+
+	//간편결제등록 > STEP1.이용약관 체크박스 개별선택
+	$(document).on("click", ".agree_Qpay input",function(e){
+		var is_checked = true;
+		$(".agree_Qpay input").each(function(){
+			is_checked = is_checked && $(this).is(":checked");
+		});
+		$("#chk-Qpay-agrAll").prop("checked", is_checked);
+	});
+
+	//간편결제등록 > 본인인증 팝업열기
+	$(document).on('click','#btn_qPayidConfirm_pop',function(e){
+		$("#qPayidConfirm_pop").modal("show");
+		return false;
+	});
+});
+
+// PG 카카오페이 결제준비 처리
+var fnKakaoPaymentReady = function() {
+	let nextRedirectUrl = $('#order_info input[name=nextRedirectPcUrl]').val();
+	let option = 'width=420, height=520';
+	
+	window.open(nextRedirectUrl, 'kakaoPaymentPopup', option);
+}
+
+// PG 카카오페이 결제 승인 요청
+var fnKakaoPaymentRequest = function(pgToken) {
+	// Token 값 설정
+	$('#order_info input[name=pgToken]').val(pgToken);
+	
+	// Form Submit
+	document.order_info.submit();
+	
+	return true;
+}
+
+// PG 네이버페이 결제준비 처리
+var fnNaverPaymentReady = function() {
+	let naverPayUrl = 'https://' + [[${@environment.getProperty('naverPay.payUrl.web')}]];
+	let reserveId = $('#order_info input[name=reserveId]').val();
+	let url = naverPayUrl + '/payments/' + reserveId;
+	let option = 'width=750, height=' + $(window).height();
+	
+	window.open(url, 'naverPaymentPopup', option);
+}
+
+// PG 네이버페이 결제 승인 요청
+var fnNaverPaymentRequest = function(paymentId) {
+	// TID 설정
+	$('#order_info input[name=pgTid]').val(paymentId);
+
+	// Form Submit
+	document.order_info.submit();
+
+	return true;
+}
+</script>
+
+</th:block>
+</body>
+</html>

+ 225 - 0
src/main/webapp/WEB-INF/views/mob/order/OrderNoMemberMob.html

@@ -0,0 +1,225 @@
+<!DOCTYPE html>
+<html lang="ko" xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout" layout:decorator="mob/common/layout/SubLayoutMob">
+<!--
+ *******************************************************************************
+ * @source  : OrderNoMemberMob.html
+ * @desc    : 비회원 주문/결제 Page
+ *============================================================================
+ * STYLE24
+ * Copyright(C) 2020 TSIT, All rights reserved.
+ *============================================================================
+ * VER  DATE         AUTHOR      DESCRIPTION
+ * ===  ===========  ==========  =============================================
+ * 1.0  2021.04.04   jsh77b     최초 작성
+ *******************************************************************************
+ -->
+<body>
+<th:block layout:fragment="content">
+
+<!-- 회원 -->
+<th:block th:if="${isLogin}">
+	<form class="form_wrap form_col_c form_full" id="nomemberForm" th:action="@{'/order/form'}" th:method="post">
+		<input type="hidden" name="shotDelvUseYn" th:value="${order.shotDelvUseYn}" />
+		<th:block th:each="cartSq , index : ${order.cartSqArr}">
+			<input type="hidden" name="cartSqArr" th:value="${cartSq}" />
+		</th:block>
+		<script>$("#nomemberForm").submit();</script>
+	</form>
+</th:block>
+<!-- //회원 -->
+
+<!-- 비회원 -->
+<th:block th:if="${!isLogin}">
+	<main role="" id="" class="container od">
+		<section class="content nonMBorder">
+			<div class="inner">
+				<div class="nonMBorder_tit">
+					<div class="text_box">
+						<p>비회원 주문을 위한 주문자 정보 입력 및<br>개인정보 수집/이용 동의에 체크하신 후 주문을<br>완료하실 수 있습니다.</p>
+					</div>
+				</div>
+				
+				<form class="form_wrap form_full" id="orderForm" th:action="@{'/order/form'}" th:method="post">
+					<input type="hidden" name="shotDelvUseYn" th:value="${order.shotDelvUseYn}" />
+					<th:block th:each="cartSq , index : ${order.cartSqArr}">
+						<input type="hidden" name="cartSqArr" th:value="${cartSq}" />
+					</th:block>
+						
+					<div class="form_field">
+						<label class="input_label sr-only">이름(주문자명)</label>
+						<div class="input_wrap"> 
+							<input type="text" class="form_control" name="custNm" placeholder="이름(주문자명)" >
+						</div>
+					</div>
+					
+					<div class="form_field">
+						<label class="input_label sr-only">휴대폰 번호</label>
+						<div class="input_wrap"> 
+							<input type="text" class="form_control" name="cellPhnno" placeholder="휴대폰 번호" onfocus="this.blur();" readonly="readonly">
+						</div>
+					</div>
+					<div class="form_field">
+						<label class="input_label sr-only">이메일주소</label>
+						<div class="input_wrap"> 
+							<input type="text" class="form_control" name="email" placeholder="이메일주소">
+						</div>
+					</div>	
+					<div class="form_field">
+						<label class="input_label sr-only">배송주소</label>
+						<div class="input_wrap">
+							<input type="hidden" class="form_control" name="recipZipcode" placeholder="우편번호" readonly="readonly" value="">
+							<input type="hidden" class="form_control" name="recipBaseAddr" placeholder="기본주소" readonly="readonly" value="">
+							<input type="text" class="form_control" name="recipAddr" placeholder="배송주소" readonly="readonly">
+							<button type="button" class="btn btn_addr_sch" onclick="fnOpenDaumAddr();">
+								<span class="sr-only">우편번호 찾기</span>
+							</button>
+						</div>
+					</div>
+					<div class="form_field">
+						<label class="input_label sr-only">상세주소</label>
+						<div class="input_wrap"> 
+							<input type="text" class="form_control" name="recipDtlAddr" placeholder="상세주소">
+						</div>
+					</div>
+					<div class="form_field">
+						<div class="agree_nomb_txt_box">
+							<div class="agree_nombPrivacy">
+								<input id="chk-nombPrivacy-agr" type="checkbox" checked="">
+								<label for="chk-nombPrivacy-agr"><span>비회원 개인정보 수집&#47;이용 동의&nbsp;&nbsp;<em class="tmark_required">(필수)</em></span></label>
+							</div>
+							<div>
+								(1) "iSTYLE24"는 비회원 주문의 경우에도 배송, 대금결제, 주문내역 조회 및 구매확인, 실명여부 확인을 위하여 필요한 개인정보만을 요청하고 있으며, 이 경우 그 정보는 대금결제 및 상품의 배송에 관련된 용도 이외에는 다른 어떠한 용도로도 사용되지 않습니다.<br>
+								(2) 비회원의 개인정보 수집/이용 목적 및 항목<br>
+								① 성명<br>
+								② 원활한 구매/판매 진행, 본인의사의 확인, 불만 및 분쟁처리, 고지 및 정보 안내 등 : 전화번호, 이동전화번호, e-mail<br>
+								③ 대금결제서비스의 제공 등 : 은행계좌정보, 신용카드정보<br>
+								④ 상품, 경품배송 : 주소, 전화번호, e-mail<br>
+								⑤ 부정 이용방지, 전자금융거래기록보관 : IP address, 방문일시<br>
+								(3) 비회원 서비스 이용의 경우에는 회원 서비스 내용을 제외한 "iSTYLE24" 개인정보 처리방침의 모든 내용이 동일하게 적용됩니다.<br>
+								(4) "iSTYLE24"는 회원의 개인정보와 동일한 수준으로 비회원의 개인정보를 보호합니다.
+							</div>
+						</div>
+					</div>
+					<div class="btn_group btn_group_flex">
+						<div><button type="button" class="btn btn_default btn_block" id="btn_cancel"><span>취소</span></button></div>
+						<div><button type="button" class="btn btn_dark btn_block" id="btn_order"><span>주문하기</span></button></div>
+					</div>
+				</form>
+			</div>
+			<div class="inner wide bg_beige">
+				<div class="join_txt">
+					<p><span>STYLE24에 회원가입</span>을 하시면<br>더 많은 혜택을 받으실 수 있습니다.</p>
+					<a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_CUSTOMER_JOIN_TYPE);" id="btn_join_member">회원가입</a>
+				</div>
+			</div>
+		</section>
+	</main>
+</th:block>
+<!-- 비회원 -->
+
+
+<script th:inline="javascript">
+// 컨텐츠 호출
+$(document).ready( function() {
+	// 1. 타이틀설정
+	$("#htopTitle").text("비회원 주문하기");
+});
+	
+// 주문하기버튼
+$("#btn_order").on("click", function() {
+	/*
+	// TODO 유효성 체크 추가
+	if (gagajf.isNull($("#orderForm input[name=custNm]").val())) {
+		mcxDialog.alert("이름을 입력해주세요.");
+		$('#orderForm input[name=custNm]').focus();
+		return false;
+	}
+	
+	if (gagajf.isNull($("#orderForm input[name=cellPhnno]").val())) {
+		mcxDialog.alert("본인인증을 완료해 주세요.");
+		$('#orderForm input[name=cellPhnno]').focus();
+		return false;
+	}
+	
+	if (gagajf.isNull($("#orderForm input[name=email]").val())) {
+		mcxDialog.alert("이메일을 입력해주세요.");
+		$('#orderForm input[name=email]').focus();
+		return false;
+	}
+	
+	if (gagajf.isNull($("#orderForm input[name=email]").val())) {
+		mcxDialog.alert("이메일 주소를 다시 확인해주세요.");
+		$('#orderForm input[name=email]').focus();
+		return false;
+	}
+	
+	if (gagajf.isNull($("#orderForm input[name=recipZipcode]").val())) {
+		mcxDialog.alert("배송주소를 입력해주세요.");
+		$('#orderForm input[name=recipAddr]').focus();
+		return false;
+	}
+	
+	if (gagajf.isNull($("#orderForm input[name=recipBaseAddr]").val())) {
+		mcxDialog.alert("배송주소를 입력해주세요.");
+		$('#orderForm input[name=recipAddr]').focus();
+		return false;
+	}
+	
+	if (gagajf.isNull($("#orderForm input[name=recipDtlAddr]").val())) {
+		mcxDialog.alert("상세주소를 입력해주세요.");
+		$('#orderForm input[name=recipDtlAddr]').focus();
+		return false;
+	}
+	
+	if (!$("#chk-nombPrivacy-agr").is(":checked")) {
+		mcxDialog.alert("비회원 개인정보 수집 이용에 동의해주세요.");
+		return false;
+	}
+	*/
+	
+	// 주문서전송
+	$("#orderForm").submit();
+});
+
+// 나이스 본인인증 후 콜백
+var fnNiceCallBack = function(encData) {
+	if (!gagajf.isNull(encData)) {
+		let custInfo 		= {};
+		custInfo.encData 	= encData;
+		let jsonData 		= JSON.stringify(custInfo);
+		gagajf.ajaxJsonSubmit('/order/customer/auth', jsonData, fnUpdateAuthInfoCallback);
+	}
+};
+	
+// 고객정보 데이터
+var fnUpdateAuthInfoCallback = function (result) {
+	// 인정후처리
+	$("#orderForm .beforeAuth").hide();
+	$("#orderForm .afterAuth").show();
+	
+	$('#orderForm input[name=custNm]').val(result.sName);
+	$('#orderForm input[name=cellPhnno]').val(result.sMobileNo);
+}
+
+// 우편번호 DAUM을 이용한 우편번호 팝업 레이어
+var fnOpenDaumAddr = function() {
+	
+	$("body").css("overflow", "hidden");
+	
+	let daumZip = new daum.Postcode({
+		oncomplete: function(data) {
+			$("#orderForm input[name=recipAddr]").val(data.zonecode + '    ' + cfnGetDaumRoadAddr(data));
+			$('#orderForm input[name=recipZipcode]').val(data.zonecode);
+			$('#orderForm input[name=recipBaseAddr]').val(cfnGetDaumRoadAddr(data));
+			$('#orderForm input[name=recipDtlAddr]').focus();
+			cfnCloseDaumAddr();
+		},
+		width: '100%'
+	});
+	cfnOpenDaumAddr(daumZip);
+}
+</script>
+
+</th:block>
+</body>
+</html>

+ 2 - 2
src/main/webapp/WEB-INF/views/web/order/OrderNoMemberWeb.html

@@ -82,7 +82,7 @@
 						<div class="form_field">
 							<label class="input_label sr-only">이메일주소</label>
 							<div class="input_wrap"> 
-								<input type="text" class="form_control" name="email" placeholder="이메일주소" value="email@email.com">
+								<input type="text" class="form_control" name="email" placeholder="이메일주소" value="">
 							</div>
 						</div>	
 						
@@ -92,7 +92,7 @@
 								<div class="input_wrap">
 									<input type="hidden" class="form_control" name="recipZipcode" placeholder="우편번호" readonly="readonly" value="">
 									<input type="hidden" class="form_control" name="recipBaseAddr" placeholder="기본주소" readonly="readonly" value="">
-									<input type="text" class="form_control" name="recipAddr" placeholder="상세주소" readonly="readonly">
+									<input type="text" class="form_control" name="recipAddr" placeholder="배송주소" readonly="readonly">
 								</div>
 							</div>
 							<div class="ui_col_3">

+ 171 - 12
src/main/webapp/ux/mo/css/common_m.css

@@ -67,7 +67,7 @@
     font-weight: 600;
     font-style: normal;
 }
-
+#load {width: 100%;height: 100%;top: 0;left: 0;position: fixed;display: block;text-align: center;opacity: 0.8;background: #ffffff;background-image: url('/images/mo/movloading.gif');background-repeat: no-repeat;background-position: 50% 50%;background-size: 3.7rem 2.4rem;z-index: 99999;}
 /* Basic setting */
 html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
 body {margin: 0;}
@@ -635,7 +635,7 @@ top: 9px;border-color: transparent transparent #888888 transparent;}
 .btn_group_flex > div:last-child {margin-right:0}
 .btn_group_flex > div > .btn {display:block; width:100%; height:100%; border:1px solid #a7a7a7; font-size: 1.4rem; padding:1rem 1.3rem; font-weight: 500;}
 .btn_group_flex > div > .btn.btn_dark {border-color:#222;}
-.btn_group_flex > div > .btn.btn_primary {background-color:#fff; border-color:#fd4802; color: #fd4802;}
+/* .btn_group_flex > div > .btn.btn_primary {background-color:#fff; border-color:#fd4802; color: #fd4802;} */
 
 .btn_block {width: 100%;}
 
@@ -661,8 +661,8 @@ header {
   position: fixed;left: 0;top: 0;width: 100%;z-index: 80;
   position: sticky;left: 0;top: 0;width: 100%;transition: top 0.3s;/* background-color: #fff; */
 }
-header .htop {position: relative;height: 55px;-webkit-box-sizing: border-box;box-sizing: border-box;border: rgba(0, 0, 0, 0.1) solid 1px;background-color: #fff;}
-header #htopSub{border-bottom: 1px solid #e5e5e5;box-sizing: border-box;}
+header .htop {position: relative;height: 55px;-webkit-box-sizing: border-box;box-sizing: border-box;/*border: rgba(0, 0, 0, 0.1) solid 1px;*/ border-bottom: 1px solid rgba(0, 0, 0, 0.1); background-color: #fff;}
+header #htopSub{border-bottom: 0px solid #e5e5e5;box-sizing: border-box;}
 header #htopSubs{border-bottom: 1px solid #000000;box-sizing: border-box;}
 header .htop h1 {display: inline-block;position: relative;height: 40px;line-height: 4.0rem;vertical-align: top;margin: 10px 0 0 10px;font-size: 1.8rem;color: #222;}
 header .htop h1 img {position: relative;top: 50%;left: 0;right: 0;transform: translate(0, -50%);margin: 0px 0;}
@@ -788,10 +788,10 @@ header .hmenus .bnb ul > li > a{display: block; padding: 8px 0; font-size: 1.5re
 
 /* gnb */
 body.header-show .app .gnb{top: 50px;}
-.app .gnb {position: -webkit-sticky; position: sticky; top: 0px; padding-right: 50px; background-color: #000; z-index: 9; transition: top 0.3s;}
+.app .gnb {position: -webkit-sticky; position: sticky; top: 0px; padding-right: 50px; background-color: #000; z-index: 9; transition: top 0.3s; width: 100%;}
 .app .gnb.expand{padding-right: 30px;}
-.app .gnb .gnb-inner{width: 100%; padding: 9px 10px; overflow: hidden; overflow-x: hidden; /* overflow-x: scroll; */}
-.app .gnb .gnb-inner{position: relative;}
+.app .gnb .gnb-inner{position: relative; width: 100%; padding: 9px 10px; overflow-x: scroll;}
+.app .gnb .gnb-inner::-webkit-scrollbar {display: none;}
 .app .gnb.expand .gnb-inner{width: 100%; overflow: unset; overflow-x: unset;}
 .app .gnb .gnb-inner ul{display: inline-block; white-space: nowrap;}
 .app .gnb.expand .gnb-inner ul{white-space: normal;}
@@ -819,6 +819,44 @@ main.container .inner:last-child{padding-bottom: 6.0rem; margin-bottom: 0;}
 .tabbar .tabbar-inner [class*=btn-].btn-history{background: url(/images/mo/ico_tabbar_history.png) no-repeat center; background-size: 30px 25px;}
 
 
+/* Full메뉴 */
+#menuFull{width: 100%;height: 0;z-index: 999;visibility: hidden;background: rgba(255, 255, 255, 1);transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);top: 100%;position: fixed;left: 0;}
+#menuFull.on{ height: 100%; visibility: visible; top: 0;}
+.menu_cls {position: absolute;top: 2.4rem;right: 2.0rem;display: block;width: 2.0rem;height: 2.0rem;text-indent: -9999px;background-size: contain;background-repeat: no-repeat;background-position: center center;z-index: 98;background-image: url(/images/mo/ico_pop_cls.png);}
+.appSett {position: absolute;top: 2.4rem;right: 5.5rem;display: block;width: 2.0rem;height: 2.0rem;text-indent: -9999px;background-size: contain;background-repeat: no-repeat;background-position: center center;z-index: 98;background-image: url(/images/mo/ico_app_setting.png);}
+.fullHead {height: 5.2rem;}
+.fullHead .goHome {display: inline-block;width: auto;padding:2.4rem 2rem;}
+.fullHead a {display: inline-block;}
+.fullHead img {width: 10.666rem; height:1.6rem;}
+.fullBody {background:#f5f5f5;min-height: calc(100% - 5.2rem);max-height: calc(100% - 5.2rem);overflow-y: scroll;}
+.fullBody .inner {background:#ffffff;margin:0;padding:0;}
+.fullBody .inner .flow{display: inline-block;width: 49.0%;height: 100%;vertical-align: top;padding:2.5rem 0;}
+.fullBody .inner .flow li{width:100%;height:3.1333rem;line-height:3.1333rem;padding:0 0 0 2rem;border: 0;box-sizing: border-box;text-align: left;display: inline-block;}
+.fullBody .inner .flow span{font-size: 1.333rem;}
+.fullBody .btn_group {margin: 0;}
+.fullBody .btn_group div {margin:0;position: relative;}
+.fullBody .btn_group div button{border: 0;background: #f5f5f5;font-size: 1.2rem;}
+.fullBody .btn_group div button span{width: 100%;}
+.fullBody .btn_group div:first-child button::after{content: '';display: inline-block;width: 0.3rem;height: 2.0rem;background: #dddddd;position: absolute;top: 1.0rem;right: -0.2rem;}
+
+/* Full메뉴_카테고리 */
+.fullBody .fullCate {padding: 0 0 2rem;margin-bottom: 1.2rem;}
+.fullBody .fullCate > li > ul {display: none; background: #f5f5f5;}
+.fullBody .fullCate > li > a {display: block; padding:1.6rem 2.0rem; font-size: 1.4rem; font-weight: 400;font-family: 'Noto Sans kr', sans-serif;}
+.fullBody .fullCate > li > a:hover span {color: #fd4802; border-bottom: 1px solid #fd4802;}
+.fullBody .fullCate > li.hasCate > a {background: url('/images/mo/ico_full.png') no-repeat right 2.0rem center;background-size: 0.8rem 1.4rem;}
+.fullBody .fullCate > li.hasCate > a.on {background: url('/images/mo/ico_full_on.png') no-repeat right 2.0rem center; background-size: 1.4rem 0.8rem; font-size: 1.4rem; color: #fd4802;}
+.fullBody .fullCate > li.hasCate > a.on span {border-bottom: 1px solid #fd4802;}
+.fullBody .fullCate > li.hasCate > ul {padding: 1.5rem 0;}
+.fullBody .fullCate > li.hasCate > ul > li > a {display: block; font-size: 1.3rem; color: #888; padding:0.87rem 4.3rem;}
+.fullBody .fullCate > li.hasCate > ul > li > a:hover span {color: #fd4802; border-bottom: 1px solid #fd4802;}
+.fullBody .quick_cate_txt {border-top: 1px solid #ddd; padding:30px;}
+.fullBody .quick_cate_txt a {display: inline-block; position: relative; font-size: 14px; color: #888; margin-right: 20px;}
+.fullBody .quick_cate_txt a:after {content:''; position: absolute; top: 2px; right: -12px; width: 1px; height: 8px; background: #ddd;}
+.fullBody .quick_cate_txt a:last-child:after {display: none;}
+
+
+
 /* footer */
 footer{background-color: #f1f1f1;}
 footer .btn_top{position: fixed; bottom: 30px; right: 25px; opacity: 0; background-color: rgba(0, 0, 0, 0.4); width: 45px; height: 45px; border-radius: 50%; font-size: 0; z-index: 50;}
@@ -859,9 +897,9 @@ footer .f1 .sns > li > a.insta{background: #fff url("/images/mo/ico_ft_insta.png
 footer .f1 .sns > li > a.facebook{background: #fff url("/images/mo/ico_ft_facebook.png") 50% 50% no-repeat; background-size: auto 2.5rem;}
 footer .collapse{position: relative; border-bottom: 1px solid #dadada;}
 footer .collapse .btnWrap .btn_infos{position: relative; width: 100%; height: 67px; background-color: #f1f1f1; font-size: 1.5rem; font-weight: 400; text-align: left; color: #222;}
-footer .collapse .btnWrap .btn_infos::after{content: ''; display: inline-block; margin-left: 10px; margin-bottom: 0px; width: 1.4rem; height: 0.8rem; background: #f1f1f1 url(/images/mo/ico_fold_arrow1.png) 50% 0% no-repeat; background-size: 1.4rem; /* background-size: auto 3.9rem; */}
+footer .collapse .btnWrap .btn_infos::after{content: ''; display: inline-block; margin-left: 10px; margin-bottom: 0px; width: 1.4rem; height: 0.8rem; background: #f1f1f1 url(/images/mo/ico_fold_arrow1.png) 50% 0% no-repeat; background-size: 1.4rem; /* background-size: auto 3.9rem; */ -webkit-transform: rotate(180deg); transform: rotate(180deg);}
 footer .collapse .btnWrap .btn_infos.on{/* background-color: #222; */ /* color: #fff; */}
-footer .collapse .btnWrap .btn_infos.on::after{margin-bottom: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg);}
+footer .collapse .btnWrap .btn_infos.on::after{margin-bottom: 0; -webkit-transform: rotate(0); transform: rotate(0);}
 footer .collapse .infos{width: 100%; height: 0; overflow: hidden;-webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
 footer .collapse .infos::after{content: ''; display: block; clear: both;}
 footer .collapse .infos > li{float: left; position: relative; padding: 5px 4px; color: #666; font-size: 1.2rem; font-weight: 200;}
@@ -897,7 +935,7 @@ footer .collapse .infos.on{padding: 0px 0px 20px 0; height: auto;}
 .cnb ul > li button{background-color: #fff; padding: 5px 10px; color: #666; border-radius: 100px; font-size: 1.5rem;}
 .cnb ul > li button.on{background-color: #3d3d3d; color: #fff;}
 
-/* page nav: cs 고객센터 */
+/* page nav */
 .pnb ul{border-bottom: #e5e5e5 solid 1px;}
 .pnb ul::after{content: ''; display: block; clear: both;}
 .pnb ul > li{float: left; width: auto; padding: 0 2.6rem;}
@@ -1571,7 +1609,7 @@ button.alertCls {-webkit-appearance: none;padding: 0;cursor: pointer;background:
 .modal .modal-body .pop_cont{overflow: auto;max-height: 450px; font-size: 16px; line-height: 1.62; font-weight: 200; color:#666;}
 .modal .modal-body .fx_r {position: fixed;right: 0;top: auto;bottom: auto;left: auto;}
 .modal .modal-footer{margin-top: 3.0rem;}
-.modal .modal-footer .btn{width: 100%; border-width: 0;background-color: #f5f5f5;}
+.modal .modal-footer .btn{width: 100%; border-width: 0;}
 
 .modal.pop_full {width: 100%; max-width: 100%; height: 100%; padding: 0; overflow: auto; position: relative;}
 .modal.pop_full .modal-header {width: 100%;height:5.2rem;box-sizing: border-box;border-bottom: 1px solid #dddddd;z-index:98;position: fixed;top: 0;left: 0;bottom: auto;right: auto;background: #fff;padding: 1.6rem 1.33rem 1.6rem 1.33rem;}
@@ -1723,4 +1761,125 @@ button.alertCls {-webkit-appearance: none;padding: 0;cursor: pointer;background:
 }
 .shape.dealdetail span{
   line-height: 1;text-align: center;width: 100%;display: inline-block;text-indent: 0;margin-left: 5px;
-}
+}
+
+
+
+
+/* APP ONLY */
+/* etc_goApp */
+.adApp {width: 100%;height: 100%;z-index: 99999;overflow: hidden;position: fixed;left: 0;top: 0;background-color: rgba(0, 0, 0, 0.85);/* IE 5.5 - 7 */filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=rgb(255, 231, 204) ff, endColorstr=rgb(255, 229, 204) ff);/* IE 8 */-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=@filter_a, endColorstr=@filter_a)";}
+.adApp .adWrap {display: table;width: 100%;height: 100%;}
+.adApp .adWrap .cont {padding: 0px 2rem;display: table-cell;vertical-align: middle;}
+.adApp .cont button {width: 100%;}
+.adApp .viewWeb {margin-top: 10%;font-size: 1.4rem;font-weight: 100;line-height: 1.2;color: #ffffff;text-align: center;text-decoration: underline;}
+.adApp .viewWeb a {color: #ffffff;}
+
+
+/* etc_consentAlarm */
+.etcApp {width: 100%;height: 100%;z-index: 99999;text-align: center;overflow: hidden;position: fixed;left: 0;top: 0;background-color: #ffffff;}
+.etcApp .titWrap{margin-bottom: 2.0rem;}
+.etcApp .titWrap h2{font-size: 2.0rem;color: #333333;}
+.etcApp .alramWrap {display: table;width: 100%;height: 100%;padding-top: 4.0rem;}
+.etcApp .alramWrap .inner {padding: 0rem;}
+.etcApp .alramWrap .btn_group_flex {position: fixed;bottom: 0;}
+.etcApp .alramWrap .btn_group_flex button{padding: 1.8rem 0;}
+.etcApp .btn_group_flex > div > .btn.btn_primary {background-color: #fd4802;border-color: #fd4802;color: #ffffff;}
+.etcApp .btn_group_flex > div > .btn.btn_primary{color: #ffffff;font-weight: 200;}
+.etcApp .alramClose {margin-top: 0;font-size: 1.4rem;font-weight: 100;line-height: 1.4;color: #ffffff;text-align: center;text-decoration: underline;}
+.etcApp .alramClose a {color: #888888;}
+/* etc_accessApp */
+.etcApp .accWrap {display: table;width: 100%;height: 100%;padding-top: 4.0rem;}
+.etcApp .accWrap .inner {padding: 0rem;}
+.etcApp .accWrap .btn_group_flex {position: fixed;bottom: 0;}
+.etcApp .accWrap .btn_group_flex button{padding: 1.8rem 0;}
+.etcApp .accClose {margin-top: 10%;font-size: 1.4rem;font-weight: 100;line-height: 1.4;color: #ffffff;text-align: center;text-decoration: underline;}
+.etcApp .accClose a {color: #888888;}
+
+/* etc_coachApp (Coach Marks) */
+#coachHide {background: transparent;}
+.etcApp .coach {position: relative;width: 100%;height: 100%;}
+.etcApp .coach::after {content:'';display: block; width: 100%;height: 100%;background-color: black;opacity: 0.75;z-index: -1;}
+.etcApp .coach span{position:absolute;width: 100%;height: 100%;background-repeat: no-repeat;z-index: 10;}
+.etcApp .coach #coachmask01{top:1.4rem; bottom:auto; left:1.8rem; right:auto; background: url('/images/mo/coachmask01.png')no-repeat; background-size: 14.0666rem 12.0666rem; width: 14.0666rem; height: 12.0666rem;}
+.etcApp .coach #coachmask02{top:5.2rem; bottom:auto; left:auto; right:0.15rem; background: url('/images/mo/coachmask02.png')no-repeat; background-size: 12.6666rem 13.3000rem; width: 12.6666rem; height: 13.3000rem;}
+.etcApp .coach #coachmask03{top:auto; bottom:0.8rem; left:auto; right:1.8rem; background: url('/images/mo/coachmask03.png')no-repeat; background-size: 19.2666rem 10.5000rem; width: 19.2666rem; height: 10.5000rem;}
+.etcApp .coach button{width: 100%; height: auto;}
+
+
+/* etc_settingApp */
+.app-only .sett {background: #f5f5f5;}
+.app-only .sett .inner{background: #ffffff; margin-bottom: 2.0rem;}
+.app-only .sett dl{width: 100%;}
+.app-only .sett dl dd {border-bottom:1px solid #eeeeee;}
+.app-only .sett dl dd:last-child {border-bottom:0}
+.app-only .sett dl dd:first-child:nth-last-child(1) {border-bottom:1px solid #eeeeee;}
+.app-only .sett dl dd .setItems {display: flex;align-items: center;padding: 1.0rem;}
+.app-only .sett dl dd .setItems .set_opt {flex-grow: 1; padding: 0 0 0 0;}
+.sett .form_field input[type="checkbox"] + label:before {content: 'OFF';background: none;color: #ffffff;left: auto;right: 0.4rem;font-size: 1.0rem;line-height: 2.0rem;}
+.sett .form_field input[type="checkbox"]:checked + label:before {content: 'ON';background: none;color: #ffffff;left: 0.4rem;right: auto;font-size: 1.0rem;line-height: 2.0rem;}
+.sett .switch {width: 4.8rem;position: relative;}
+.sett .switch input[type="checkbox"] {visibility: hidden;}
+.sett .switch label {width: 100%;height: 2.4rem;border-radius: 5.0rem;background-color: #dddddd;position: absolute;top: 0;left: 0;cursor: pointer;}
+.sett .switch input[type="checkbox"]:checked + label {background-color: #fd4802;}
+.sett .switch label::after {content: "";width: 2.0rem;height: 2.0rem;border-radius: 50%;background: white;position: absolute;top: 0.2rem;left: 0.2rem;transition: all 0.1s;}
+.sett .switch input[type="checkbox"]:checked + label::after {background: #ffffff;position: absolute;top: 0.2rem;left: auto;right: 0.2rem;margin: 0;}
+.sett .alink {display: inline-block;text-align: center;cursor: pointer;}
+.sett .alink input[type="button"] {visibility: hidden;}
+.sett .alink input[type="button"] + label::after {content: '업데이트';position: relative;top: 0;right: 0;color: #fd4802;font-size: 1.2rem;display: inline-block;background: url(/images/mo/ico_app_arr2.png)no-repeat;background-size: 0.7rem 1.3rem;width: auto;height: 1.4rem;line-height: 1.4rem;background-position: 5.5rem 0;padding-right: 2.0rem;}
+.sett .alink input[type="button"]:disabled + label::after {content: '최신버전입니다';color: #888888;background: none;padding: 0;}
+.sett .alink label {width: 0.2rem;height: 0.2rem;cursor: pointer;}
+.sett .alink a {display: inline-block;width:5rem;height:1.2rem;}
+.sett .alink a::after {content: '';display: inline-block;background: url(/images/mo/ico_app_arr.png)no-repeat;background-position: 4.2rem 0px;background-size: 0.7rem 1.3rem; width: 100%;height: 1.4rem;line-height: 1.4rem;}
+.sett p {font-size: 1.2rem;color: #888888;width: calc(100% - 7rem);padding-left: 1rem;padding-bottom: 0.8rem;}
+.sett p.pot {position: relative;padding-left: 1.8rem;margin: 0;font-size: 1.1rem;font-weight: 200;color: #888888;}
+.sett p.pot::before {content: '';position: absolute;top: 0.7rem;left: 1rem;background: #888888;width: 0.3rem;height: 0.3rem;}
+
+
+/* etc_noticeApp */
+.app-only .notice {background: #f5f5f5;position: relative;}
+.app-only .notice.nodata::after{content: '알림이 없습니다.';width: 100%;height: auto;display: inline-block;position: absolute;top:13.6rem;left: auto;text-align: center;color: #888888;font-size: 1.3rem;}
+.app-only .notice .inner{background: #ffffff; margin-bottom: 0rem;padding-bottom:0;border-bottom:1px solid #eeeeee;}
+.app-only .notice .inner:last-child{padding-bottom: 0rem;}
+.app-only .notice dl {font-size: 1.3rem;padding: 2.3rem 0;}
+.app-only .notice dt {color: #222222;}
+.app-only .notice dd {font-size: 1.2rem;color: #666666;padding-bottom: 1.5333rem;}
+.app-only .notice dt {line-height: 1.2;padding-bottom: 1.1rem;}
+.app-only .notice dt.tit, .app-only .notice dd.cont_txt {word-wrap: break-word;word-break: keep-all;}
+.app-only .notice dd.cont_data {font-size: 1.1rem; color: #888888;font-family: 'LATO';}
+.app-only .notice dd.cont_img {width: 100%;height: auto;}
+.app-only .notice dd:last-child {padding-bottom: 0;}
+
+
+
+/* etc_closingApp */
+.app-only .guidance{width: auto;}
+.app-only .guidance{overflow: hidden;position: fixed;bottom: 0;left: 50%;z-index: 9;width: 88.888%;height: auto;margin-left: -44.444%;padding: 1.2rem 0 1.0rem;background-color: rgba(0,0,0,0.8);text-align: center;opacity: 0;}
+.app-only .guidance:after{content: '';position: absolute;top: 0;bottom: 15px;left: 10px;width: 100%;height: 100%;z-index: -1;}
+.app-only .guidance{
+    box-shadow: 0 0px 30px rgb(0 0 0 / 20%), 0 0px 30px rgb(0 0 0 / 20%);
+    mask-image: linear-gradient(to top right, transparent 49.5%, white 50.5%), linear-gradient(to top left, transparent 49.5%, white 50.5%), linear-gradient(white, white), linear-gradient(white, white);
+    -webkit-mask-image: linear-gradient(to top right, transparent 49.5%, white 50.5%), linear-gradient(to top left, transparent 49.5%, white 50.5%), linear-gradient(white, white), linear-gradient(white, white);
+	mask-size: 100% 0%, 2vh 2vh, calc(100% - 1.9vh) 100%, 100% calc(100% - 1.9vh);
+    -webkit-mask-size: 100% 0%, 2vh 2vh, calc(100% - 1.9vh) 100%, 100% calc(100% - 1.9vh);
+    mask-position: bottom left, bottom right, top left, top right;
+    -webkit-mask-position: bottom left, bottom right, top left, top right;
+    mask-repeat: no-repeat;
+    -webkit-mask-repeat: no-repeat;
+}
+.app-only .guidance p{font-size:1.3rem;font-weight: 300;color: #fff;}
+.app-only .guidance p.tit{font-size: 1.4rem;margin-bottom: 1.53rem;}
+.app-only .guidance p.date{opacity: 0.7;font-size:1.1rem;margin-bottom: 1.2rem;}
+.app-only .guidance p.tit + p.date + p {font-size:1.1rem;}
+.app-only .guidance p:first-child {padding-top: 2.0rem;}
+.app-only .guidance p:last-child {padding-bottom: 2.0rem;}
+.app-only .guidance p:first-child:nth-last-child(1) { padding-top: 0;padding-bottom: 0; }
+.app-only .guidance.ontoast {animation: onpop 6s .2s forwards; -webkit-animation: onpop 6s .2s forwards;}
+@keyframes onpop {
+	0% {bottom:0rem; opacity:1; z-index:99999;}
+	10% {bottom:10.0rem;}
+	20% {bottom:8.0rem;}
+	80% {bottom:8.0rem; opacity:1; z-index:99999;}
+	100% {opacity:0; z-index:0;}
+}
+

+ 369 - 125
src/main/webapp/ux/mo/css/style24_m.css

@@ -398,9 +398,11 @@
 .main_pick .pick-cont.active {display: block;transition: ease-out, 1000;}
 .main_pick .pick-cont .btn_group_flex {margin-top: 0;}
 
-.main_pick .pick-post {margin-top: 2rem;overflow: visible;}
+.main_pick .pick-post {margin-top: 2rem; white-space: nowrap; overflow-x:auto; font-size: 0; -ms-overflow-style: none; scrollbar-width: none;}
+.main_pick .pick-post::-webkit-scrollbar {display: none;}
+.main_pick .pick-post .item_prod {width: 68%; padding-right: 10%;}
 .main_pick .pick-post .item_prod .itemLink:after{content: '';display: block;clear: both;}
-.main_pick .pick-post .item_prod .itemPic{width: 7rem;height: 10.5rem;float: left;padding-top: 12vh;background: #f0f0f0;}
+.main_pick .pick-post .item_prod .itemPic{width: 7rem;height: 10.5rem;float: left;padding-top: 12vh;background: #f0f0f0; margin-bottom: 0;}
 .main_pick .pick-post .item_prod .itemName{width: calc(100% - 9rem);top: 1.5rem;margin: 0px 8rem 0.8rem;}
 .main_pick .pick-post .item_prod .itemPrice{margin: 0px 8rem 0.8rem;top:1.5rem;}
 
@@ -445,29 +447,86 @@
 .post-sug .list_cate {margin:0;padding: 0rem 2.5rem 0 2.5rem;position: relative;}
 .post-sug .list_cate > li dl > dt button {padding: 1.5rem 0;}
 .post-sug .list_cate > li dl > dd {background-color: #ffffff;}
-.post-sug .list_cate > li.on dl > dd{border:0;padding: 0;}
+.post-sug .list_cate > li.on dl > dd{border:0;}
 .post-sug .list_cate > li.on::after{border-color:#fd5b1c;top: 3.0rem;}
 .post-sug .swiper-wrapper {margin: 0 0 3rem 0;}
 .post-sug .swiper-slide li{position: relative;background-color: rgb(255 255 255);}
 .post-sug .swiper-pagination {bottom: 0px;}
 .post-sug-items {overflow: visible;}
+.post-sug-items .item_prod {width: 100%;}
+.post-sug-items .more_txt {position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); font-size: 1.3rem; color: #222; padding-right: 1rem; }
+.post-sug-items .more_txt:after {content:''; position: absolute; top: 0.3rem; right: 0; background: url(/images/mo/ico_btn_detail.png) no-repeat right top; background-size:0.5rem 0.9rem;
+width: 0.5rem; height: 0.9rem; background-size:100%;}
 
-.main_tv {padding:3rem 2.0rem 6.83rem 2.0rem;}
+.main_tv {padding:2.3rem 2.0rem 0 2.0rem;}
 .main_tv .cont_head p{ color: #ffffff;}
 .main_tv .cont_body::before {content: '';z-index: -1;display: block;width: 100%;height: 520px;position: absolute;top: 0;left: 0;background: #444444;}
+.main_tv .movbox {height:50vw;}
 
-.post-tv {width: 100%;height: 18rem; height:auto; margin: 0px auto;    padding:0 0rem 3.3rem  0rem;}
+.post-tv {width: 100%; margin: 0px auto; padding:0 0rem 3.3rem  0rem;}
 .post-tv .swiper-slide-active {width: 100%;height: auto;}
 .post-tv .swiper-slide-active:not(.swiper-slide-active) .movbox:after {	content: '';display: block;position: absolute;top: 0;left: 0;	z-index: 1;width: 100%;height: 100%;background:rgb(34 34 34 / 0.5);}
 .post-tv img{width: 100% !important;}
-.post-tv .swiper-slide {position: relative;height: auto;height: 15.0rem;width: 100%; margin: 0 0;}
+.post-tv .swiper-slide {position: relative;height: auto; width: 100%; margin: 0 0;}
 .post-tv .movbox img {width: 100%;height: auto;}
 .main_tv .swiper-pagination {bottom: 0;}
 
-main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 1.2rem;position: relative;}
+main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;position: relative; padding-top: 2rem;}
 /* main.container .inner:last-child {padding-bottom: 0;} */
 /* .select_custom .combo .select > div {position: relative; z-index: -1;} */
 
+
+
+
+	/* 이용약관,개인정보취급방침,업체리스트 */
+	.ps p {font-size:1.2rem;color:#666666;line-height:2.2rem;letter-spacing:-0.025em;}
+	.ps {padding:0;} 
+	.ps table {word-break:keep-all;margin-top: 3.0rem;width: 100%;border-top: 1px solid #222222;}
+	.ps table th,
+	.ps table td {position:relative; padding:1.0rem 1.0rem; font-size:1.1rem;line-height: 1.4;color: #222222;letter-spacing:-0.025em;}
+	.ps table td {border-bottom:1px solid #ddd;border-right: 1px solid #ddd;font-weight:200;}
+	.ps table td:last-child {border-right: 1px solid transparent;}
+	.ps table th {border-top: 0;border-bottom: 0;border-right: 0;font-weight: 600;text-align: center;background: #f5f5f5;}
+  .ptn, #partnersPop .pop_cont {height: auto;background: #ffffff;}
+  .ps.ptn table {margin-top:0;}
+  .ps.ptn table th, .ps.ptn table td {text-align: center;padding: 1.6rem 0;}
+  .ps.ptn table th {font-size: 1.3rem; font-weight: 500; line-height:1.3rem;}
+  .ps.ptn table td {font-size: 1.2rem; font-weight: 300; line-height: 1.2rem;}
+  .hookGrp{margin-top: 1.333rem;}
+	.hookGrp .hook_list{border: 1px solid #f5f5f5;padding: 1.333rem;}
+	.hookGrp .hook_list ul{}
+	.hookGrp .hook_list ul:after{content: ''; clear:both; display: block;}
+	/* .hookGrp .hook_list ul li{float: left;width: 33.333%;} */
+	.hookGrp .hook_list ul li a{display: table; color: #222222;}
+	.hookGrp .hook_list ul li a span{margin: 0px 0px 0.5rem 0;display: block;font-size: 1.1rem;font-weight: 300;}
+	.hookGrp .hook_list ul li a span::after{content: ''; display: block; box-sizing: border-box; border: 1px solid transparent;}
+	.hookGrp .hook_list ul li a:hover,
+	.hookGrp .hook_list ul li a:focus{color: #fd4802;}
+	.hookGrp .hook_list ul li a:hover span:after,
+	.hookGrp .hook_list ul li a:focus span:after{content: '';display: block; color: #fd4802; box-sizing: border-box; border-bottom: 1px solid #fd4802;}
+	.hookGrp .hook_cont {font-size:1.6rem;color:#666666;line-height:2.6rem;letter-spacing:-0.025em;}
+	.hookGrp .hook_cont div{margin-top: 2.6rem;}
+	.hookGrp .hook_cont div:last-child{margin-bottom: 5.0rem;}
+	.hookGrp .hook_cont h4 {font-size:1.4rem;font-weight:500;color:#222222;line-height:1.6rem;letter-spacing:-0.025em;}
+	.hookGrp .hook_cont p {font-size:1.2rem;color:#666666;line-height:2.2rem;letter-spacing:-0.025em;}
+	.hookGrp .hook_cont p em{font-size:1.2rem;font-weight:400;color:#222222;line-height:2.2rem;letter-spacing:-0.025em;}
+	.hookGrp .hook_cont ol li {font-size:1.2rem;padding-left: 0.3rem;}
+
+  .pager {height: 100%;margin-top: 2.0rem;margin-bottom: 2.0rem;}
+  .pager .pageNav {display: table;margin-left: auto;margin-right: auto;}
+  .pager .pageNav > li {display: inline;}
+  .pager .pageNav > li::after {content: '';clear: both; display: inline-block;}
+  .pager .pageNav > li > a, .pager .pageNav > li > span {position: relative;float: left;font-size: 1.6rem;font-weight: 400;padding: 0.6rem 0.2rem;line-height: 1.42857143;color: #666666;text-decoration: none;background-color: #ffffff;}
+  .pager .pageNav .prev a , .pager .pageNav .next a {width: 3.4rem;height: 3.4rem;margin-left: 0;border: 1px solid #888888;background: url('/images/mo/ico_paging.png')no-repeat;background-size: 6.8rem 2.866rem;text-indent: -999.9rem;}
+  .pager .pageNav .prev a {background-position: 0rem 0rem;}
+  .pager .pageNav .next a {background-position: -3.5rem 0rem;}
+  .pager .pageNav .active a {color: #222222;margin-left: 1.5rem;}
+  .pager .pageNav .lastpage a {color: #888888;margin-right: 1.5rem;}
+  .pager .pageNav .lastpage a::before {content: '/';padding-right: 0.3rem;}
+
+
+
+
 /* ev_공통 */
 .ev .inner {background: #fff; padding-bottom: 0;}
 .ev .inner.bg_gray {background: #f5f5f5;}
@@ -622,6 +681,7 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 1.2rem;po
 .modal.photo_comment_popup .modal-body .pop_cont .pop_slide .swiper-container {height: 100%;}
 .modal.photo_comment_popup .modal-body .pop_cont .pop_slide .swiper-pagination-fraction {bottom: 3.3rem; width:auto; left: 50%; transform:translateX(-50%); background: rgba(34,34,34,.5); color: #fff; font-weight: 300;padding:0.5rem 0.7rem; line-height: 1; font-size: 1.2rem; border-radius:2rem;}
 .swiper-pagination-current {font-weight: 600;}
+/* .swiper-pagination-current:before {content:'0';} */
 .modal.photo_comment_popup .pop_detail {position: absolute; left: 0; bottom:-24rem; z-index: 99; background: #fff; padding:0 2rem 2rem; box-shadow: 0px -14px 17.8px 2.2px rgba(0, 0, 0, 0.04); font-size: 1.3rem; max-height: 37rem; overflow-y:auto; transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);}
 .pop_slide .swiper-slide .img {}
 .pop_slide .swiper-slide img {width: auto; height: auto; max-height: 100%; max-width: 100%; margin: auto 0; position: absolute; top: 50%; bottom: auto; left: 50%; right: 0; transform: translate(-50%, -50%); cursor: pointer;}
@@ -797,6 +857,7 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 1.2rem;po
 .my .mypage {background: #f5f5f5;}
 .my .inner {padding-bottom: 0; background: #fff;}
 .my .inner.bg_gray {background: #f5f5f5;}
+.my .help_block {margin-top: 1rem;font-size: 1.2rem;}
 .my .tbl_wrap {padding: 3rem 0;}
 .my table input[type="text"], table input[type="password"] {padding: 0 1.4rem; font-size: 1.3rem;}
 .my .btn_group {width: 100%; margin-top: 0;}
@@ -1166,8 +1227,8 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 1.2rem;po
 .pay_wrap .tbl {padding:2rem 0; border-bottom: 1px solid #ddd;}
 .pay_wrap .tbl:after {content:''; display: block; clear:both;}
 .pay_wrap .tbl dl > div:after {content:''; display: block; clear:both;}
-.pay_wrap .tbl dl > div:last-child dt, .pay_wrap .tbl dl > div:last-child dd {margin-bottom: 0;}
 .pay_wrap .tbl table dt {vertical-align: top; background: url('/images/mo/ico_bracket.png') no-repeat left top 2px; background-size:0.7rem; padding-left: 1.3rem; color: #888; float:left; margin-bottom: 1.4rem; font-weight: 300;}
+.pay_wrap .tbl dl > div:last-child dt, .pay_wrap .tbl dl > div:last-child dd {margin-bottom: 0;}
 .pay_wrap .tbl table dd {text-align: right; color: #666; float:right;} 
 .pay_wrap .tbl .btn {float: right; padding:0.6rem 1.3rem; font-size: 1.1rem; height:auto; margin-top: 1rem;}
 
@@ -1408,7 +1469,7 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 1.2rem;po
 /* popup_쿠폰사용안내 */
 .modal.couponInfo_pop {max-width:none; height:auto;}
 .modal.couponInfo_pop .modal-title {word-break:keep-all;}
-.modal.couponInfo_pop .modal-body .pop_cont {line-height:1; max-height:none;}
+.modal.couponInfo_pop .modal-body .pop_cont {line-height:1; max-height:none; padding-bottom: 2rem;}
 .modal.couponInfo_pop button span {line-height:1;}
 .modal.couponInfo_pop .form_field,
 .modal.couponInfo_pop .form_field > div {display:block; width:100%;}
@@ -1416,9 +1477,9 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 1.2rem;po
 .modal.couponInfo_pop dl > div:first-child {margin-top:0}
 .modal.couponInfo_pop dl > div {margin-top:20px}
 .modal.couponInfo_pop dl > div::after {content:''; clear:both; display:block;}
-.modal.couponInfo_pop dl dt {position:relative; width:84px; padding-left:15px; color:#222; font-weight:300;}
+.modal.couponInfo_pop dl dt {position:relative; padding-left:1rem; color:#222; font-weight:300;}
 .modal.couponInfo_pop dl dt::before {content:''; position:absolute; left:0; top:5px; width:3px; height:3px; background:#888}
-.modal.couponInfo_pop dl dd {color:#666; font-weight:200;}
+.modal.couponInfo_pop dl dd {color:#666; font-weight:200; padding:0 1rem; margin-top: 1rem;}
 
 /* my_gift(myVoucher) */
 .my .myVoucher .inner {background: #fff;}
@@ -1514,18 +1575,35 @@ background-size:100%;}
 .dp .dp_submain .best_item .itemsGrp .item_prod {width: 48.75%; float:left; margin-right: 2.5%; margin-bottom: 4rem;}
 .dp .dp_submain .best_item .itemsGrp .item_prod:nth-child(2n) {margin-right: 0;}
 
+/* od_공통 */
+.od .desc_txt {position: relative; padding-left:0.8rem; font-size: 1.1rem;}
+.od .desc_txt:after {content:''; position: absolute; top:0.6rem; left: 0; background: #858585; width: 0.2rem; height: 0.2rem;}
+.od .icon_tag .tag_stype1 {color: #666; border-color:#888; background:#fff;}
+.od .info_txt {padding:1.8rem; background:#fff6f2;}
+.od .info_txt.type2 {background: #f5f5f5;}
+.od .info_txt ul li {position: relative; font-size: 1.1rem; color: #888; padding-left:0.8rem; margin-bottom: 0.5rem;}
+.od .info_txt ul li:last-child {margin-bottom: 0;}
+.od .info_txt ul li:after {content:''; position: absolute; top:0.6rem; left: 0; background: #858585; width: 0.2rem; height: 0.2rem;}
+
+.od .inner:last-child .btn_group_flex {margin-top: -1.2rem;}
+.od .inner .shipfold .btn_group_flex {margin-top: 3rem;}
+
 /* od_테이블 */
+.od .pay_wrap {padding-top: 4rem;}
 .od .goods_top {position: relative; padding: 1.5rem 0; border-bottom: 1px solid #ddd; font-size: 0; margin-bottom: 2.5rem;}
 .od .goods_top h3 {margin-bottom: 0;}
 .od .goods_top span {display: inline-block; margin-left: 0.8rem;}
 .od .goods_top .start_t, .od .goods_top .gift_t, .od .goods_top .goods_date {font-size: 1.5rem; font-weight: 500;}
+.od .goods_top .goods_date .date {font-size: 1.2rem; color: #888;}
 
 .od .goods_top .detail_btn {position: absolute; bottom: 1.5rem; right: 0; font-size: 1.3rem; color: #8d8d8d; padding-right: 1.4rem; background: url(/images/mo/ico_btn_detail02.png) no-repeat right top 3px; background-size:0.53rem 0.9rem;}
 .od .goods_top .delete_btn {position: absolute; bottom: 1.5rem; right: 0; font-size: 1.3rem; color: #8d8d8d; padding-right: 1.4rem; background: url(/images/mo/ico_btn_cls.png) no-repeat right top 3px; background-size:0.9rem 0.9rem;}
 .od .goods_top .purchase_btn {position: absolute; bottom: 1.5rem; right: 0; font-size: 1.3rem; color: #8d8d8d; padding-right: 1.6rem; background: url(/images/mo/ico_check01.png) no-repeat right top 3px; background-size:1.06rem 0.8rem;}
 .od .badge_wrap {display: inline-block;}
 .od .order_badge {font-size: 0.9rem; color: #666; font-weight: 300; border:1px solid #888; padding:0.5rem 0.4rem; margin-left: 1px; vertical-align: top;}
-.od .order_bullet_badge {color: #fd4802; border:1px solid #fd4802;}
+.od .order_bullet_badge {color: #fd4802; border:1px solid #fd4802; background: #fff6f2;}
+
+.od .btn_group_flex > div > .btn.btn_primary {border-color:#fd4802; background: #fd4802; color:#fff;}
 
 .od .part_goods {position:relative;}
 .od .part_goods:first-child {}
@@ -1542,28 +1620,53 @@ background-size:100%;}
 
 .od .part_goods .goods_btn_wrap {margin: 1.8rem 0;}
 .od .part_goods .goods_txt {background: #f5f5f5; text-align: center; padding:1.5rem 0; margin: 1.8rem 0 0;}
+.od .part_goods .goods_txt.reserv {background: #fff6f2;}
+.od .part_goods .goods_txt span {position: relative;}
+.od .part_goods .goods_txt span:first-child {margin-right: 0.8rem; padding-right: 0.8rem; border-right:1px solid #ddd;}
+.od .part_goods .goods_txt span:first-child:after { position: absolute; top: 0; right: -1rem; width: 0.1rem; height: 1rem; background: #ddd;}
 .od .part_goods .goods_txt p {font-size: 1.1rem; font-weight: 300;}
 .od .part_goods .goods_txt .period {color: #fd4802; margin-top: 0.5rem;}
 .od .part_goods .goods_alert {text-align: center; margin-bottom: 1.8rem;}
 .od .part_goods .goods_alert p {display: inline-block; text-align: left; font-size: 1.1rem; font-weight: 200; color: #fd4802; padding-left: 2rem; background: url(/images/mo/ico_err02.png) no-repeat left top; background-size: 1.5rem;}
 
+.od .part_goods .od_calc {position: relative; margin: 2rem 0 0 0;}
+.od .part_goods .od_calc:after {content:''; display: block; clear:both;}
+/* .shopping_bag .part_goods .od_calc .count {float:left;} */
+.od .part_goods .od_calc .count {display: inline-block; font-size: 1.1rem;}
+.od .part_goods .od_calc .price {position: absolute; top: 0; right: 0;}
+.od .part_goods .od_calc .price del {margin:0;}
+.od .part_goods .od_calc .sale_price {display: inline-block;}
+
 /* od_member_1 */
 .od {background: #f5f5f5; padding-top: 1.2rem;}
 .od .form_field {display:block;}
 .od .inner {background: #fff; margin-bottom: 1.2rem;}
 .od .odPayment .inner:last-child {padding-bottom: 0 !important; margin-top: -1.2rem;}
-.od .inner:last-child .btn_group_flex {margin-top: 0;}
 .od .foldGroup {margin-bottom: 0;}
 .od .foldGroup > ul > li {border-bottom: 0;}
 .od .od_item_box .part_goods {padding: 0 0 1.2rem; position: relative;}
 .od .od_item_box .part_goods:after {content:''; background: #f5f5f5; height: 1.2rem; position: absolute; left: 50%; bottom: 0; width: 100vw; transform:translateX(-50%);}
-.od .od_amount_box {padding-top: 2rem;}
-.od .foldGroup .fold_cont {padding:0 2rem 3rem;}
+.od .od_item_box .part_goods:first-child .goods_top {padding-top: 0;}
+.od .od_amount_box {}
+.od .foldGroup .fold_cont {padding:0 2rem 3rem; font-weight: 300;}
 .od .foldGroup .fold_head {position: relative;  z-index: 3;}
+.od .foldGroup .fold_head.on .data {display: none;}
 .od .foldGroup .fold_head a {padding: 0;}
-.od .foldGroup .fold_head .data {padding-right: 0;}
-.od .foldGroup .fold_head .data {position:absolute; top:50%; right:50px; transform:translateY(-50%); color:#000; font-size:1.3rem; font-weight:200; z-index:-1;}
-.od .foldGroup .fold_head .data.maxdisc {z-index:2;}
+.od .foldGroup .fold_head .data {position:absolute; top:50%; right:50px; transform:translateY(-50%); color:#000; font-size:1.3rem; font-weight:300; z-index:-1; padding-right: 0; width: 40%; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; text-align: right;}
+.od .foldGroup .fold_head .data.fixed {display: block;}
+.od .foldGroup .fold_head .data.custom_disc {}
+.od .foldGroup .fold_head .data.custom_disc label {line-height: 2rem;}
+.od .foldGroup .fold_head .data.maxdisc {z-index:2; text-align: center; width:auto;}
+.od .foldGroup .fold_head .data.maxdisc span {padding-left: 0; margin-left: 0;}
+.od .foldGroup .fold_head .data .maxdisc_amount {color: #fd4802;}
+.od .foldGroup .fold_head .data .maxdisc_amount::before {display:none;}
+.od .foldGroup .fold_head .data span {/*display:inline-block;*/ position:relative; padding-left:1rem; margin-left:1rem;}
+.od .foldGroup .fold_head .data span::before {content:''; position:absolute; left:-0.2rem; top:50%; transform:translateY(-60%); width:1px; height:10px; background-color:#ddd;}
+.od .foldGroup .fold_head .data span:first-of-type {margin-left:0; padding-left:0;}
+.od .foldGroup .fold_head .data span:first-of-type::before {display:none;}
+
+.od .fold_cont .area_mbinfo div:first-child dd {font-size: 1.4rem;}
+.od .fold_cont .area_mbinfo div dd {font-size: 1.3rem; color:#222; font-weight: 300;}
 
 .od .od_item_box {}
 .od .od_item_box .part_dlvr {border-top:1px solid #ddd}
@@ -1578,7 +1681,7 @@ background-size:100%;}
 .od .od_item_box .part_dlvr .gd_list .item_gd .price {margin-top:5px}
 .od .od_item_box .part_dlvr .gd_list .item_gd .info_reserv {margin-top:10px; color:#fd4802; font-size:14px; font-weight:200;}
 .od .od_item_box .part_dlvr .gd_list .item_gd .info_reserv span {margin-left:10px; font-weight:300;}
-.od .od_amount_box {color:#888; font-size:14px; font-weight:200;}
+.od .od_amount_box {color:#888; font-size:14px; font-weight:200; padding: 2rem 0;}
 .od .od_amount_box dl div {margin-top:1rem;}
 .od .od_amount_box dl div:first-child {margin-top:0px}
 .od .od_amount_box dl div:after {content:''; display: block; clear:both;}
@@ -1589,28 +1692,56 @@ background-size:100%;}
 .od .od_amount_box .t_info {margin-top:20px; text-align:right;}
 .od .od_amount_box .btn_link {display:inline-block; 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_amount_box .btn_link::after {display:none;}
-.od .totalprice_box {padding:0px 0 0; margin:10px 0 0;}
+.od .totalprice_box {padding:0px 0 0; }
 .od .totalprice_box dl {padding:2rem 0 0; border-top:1px solid #ddd; font-size:16px; font-weight:300;}
 .od .totalprice_box dl:after {content:''; display: block; clear:both;}
 .od .totalprice_box dl dt {margin-top:0.5rem; font-size:1.4rem; font-weight:500; float:left; line-height: 1;}
 .od .totalprice_box dl dd {color:#fd4802; font-size:1.8rem; font-weight:700; float:right; line-height: 1;}
 .od .totalprice_box dl dd span {font-size:24px; vertical-align:middle;}
-.od .totalprice_box .info_point {margin-top:12px; color:#888; font-size:14px; font-weight:300; text-align:right; line-height:16px;}
+.od .totalprice_box .info_point {margin-top:1.2rem; color:#888; font-size:14px; font-weight:300; text-align:right; line-height:16px;}
 .od .totalprice_box .info_point .save_point {display:inline-block; padding-left:22px; height:16px; background:url('/images/pc/ico_point.png') no-repeat 0 50%; color:#fd4802;}
-
-.odPayment .area_seldiscount .dlvr_fee_box .select_custom {height: 8rem;}
-.odPayment .area_seldiscount .dlvr_fee_box .select_custom .combo .select {height: 8rem;}
+.od .totalprice_box .info_delivery {margin-top: 3rem; color: #888; text-align: center; font-weight: 300;}
+
+.od .paymethod_box .sel_method:after {content:''; display: block; clear:both;}
+.od .paymethod_box .sel_method li {width: 50%; float:left; margin-bottom: 1.5rem;}
+
+.odPayment .fold_cont .area_overseas .form_field {margin-top: 2.4rem;}
+.odPayment .fold_cont .area_overseas .form_field input[type="radio"] + label {margin-bottom: 1.5rem;}
+.odPayment .fold_cont .area_overseas .form_field > div {}
+.odPayment .fold_cont .area_overseas .info_box {font-size:16px;}
+.odPayment .fold_cont .area_overseas .info_box .t_err {margin-top:5px; font-size:1.1rem;}
+.odPayment .fold_cont .area_overseas .info_box.overs1 {margin-right:0}
+.odPayment .fold_cont .area_overseas .info_box.overs1 .input_wrap {display: block; width: 100%;}
+.odPayment .fold_cont .area_overseas .info_box.overs1 .input_wrap .form_control {width: 100%; color: #222;}
+.odPayment .fold_cont .area_overseas .info_box.overs2 {margin-top:0; margin-right:0; color:#666; font-size: 1.4rem;}
+.odPayment .fold_cont .area_overseas .info_box .agree_overs {margin-top:15px; width:100%; word-break:keep-all;}
+.odPayment .fold_cont .area_overseas .info_box .agree_overs label {line-height:1.4; color:#666; font-size: 1.3rem;}
+.odPayment .fold_cont .area_overseas .info_box .agree_overs label::before,
+.odPayment .fold_cont .area_overseas .info_box .agree_overs label::after {top:10px !important; transform:translateY(0%) !important;}
+.odPayment .agree_insurance, .od .agree_insurance {display:none; margin:1rem 0 0;}
+.od .foldGroup .fold_head .data .total_gift,
+.od .foldGroup .fold_head .data .total_deduct {color:#fd4802; font-weight:500;}
+
+.od .fold_cont .area_selpoint input[type="text"]:read-only,
+.od .fold_cont .area_selpoint input[type="text"]:disabled {background: #fff;}
+
+.od .fold_cont .area_customitem > p {font-size: 1.1rem; color: #888;}
+.od .fold_cont .area_customitem .agree_custom label {font-size: 1.3rem; color: #222;}
+.od .fold_cont .area_customitem .form_field {margin:1.3rem 0 2rem;}
+.od .fold_cont .area_customitem .form_field input[type="checkbox"] + label:after,
+.od .fold_cont .area_customitem .form_field input[type="checkbox"] + label:before {top: 0; margin-top: 0;}
+.od .fold_cont .area_customitem .info_txt {margin-top:0; background: #f5f5f5;}
 
 /* 주문결제_배송지변경 팝업 */
 .modal.adrsChange_Pop .modal-header {padding: 0; height: 5.5rem;}
 .modal.adrsChange_Pop .modal-body {margin-top: 5.2rem;}
 .modal.adrsChange_Pop .modal-body {padding: 0;}
-.adrsChange_Pop .htop {position: relative;height: 55px;-webkit-box-sizing: border-box;box-sizing: border-box;border: rgba(0, 0, 0, 0.1) solid 1px;background-color: #fff;}
+.adrsChange_Pop .htop {position: relative;height: 55px;-webkit-box-sizing: border-box;box-sizing: border-box;background-color: #fff;}
 .adrsChange_Pop #htopSub {border-bottom: 1px solid #e5e5e5;box-sizing: border-box;}
 .adrsChange_Pop #htopSubs {border-bottom: 1px solid #000000;box-sizing: border-box;}
-.adrsChange_Pop .htop h5 {display: inline-block;position: relative;height: 40px;line-height: 4.0rem;vertical-align: top; font-size: 1.8rem;color: #222; margin:10px 0 0 10px;}
+.adrsChange_Pop .htop h5 {display: inline-block;position: relative;height: 3.5rem;line-height: 3.5rem;vertical-align: top; font-size: 1.8rem;color: #222; margin:1rem 0 0 2rem;}
 .adrsChange_Pop .htop h5 img {position: relative;top: 50%;left: 0;right: 0;transform: translate(0, -50%);margin: 0px 0;}
-.adrsChange_Pop .htop .btn_back {width: 35px;height: 35px; margin:10px 0 0 15px;}
+.adrsChange_Pop .htop .btn_back {width: 35px;height: 35px; margin:0.7rem 0 0 1.5rem;}
 .adrsChange_Pop .htop .btn_back span {display: block;width: 24px;height: 24px;margin: 0 auto;position: relative;}
 .adrsChange_Pop .htop .btn_back span i {display: block;position: absolute;background: #222;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
 .adrsChange_Pop .htop .btn_back span i.gl1 {left: 0;top: 6px;width: 12px;height: 2px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
@@ -1660,6 +1791,8 @@ background-size:100%;}
 /* //주문결제_배송지변경 팝업 */
 
 /* 주문결제_배송지추가 팝업 */
+.modal.adrsAdd_pop .modal-header {padding: 0; height: 5.5rem;}
+.modal.adrsAdd_pop .modal-body {margin-top: 5.2rem; padding:0 2rem;}
 .adrsAdd_pop .tbl_wrap {padding:3rem 0 0;}
 .adrsAdd_pop .tbl_wrap:first-child  {padding-top: 2rem;}
 .adrsAdd_pop .tbl_wrap .tbl.tbl_dlvr {border-top: 0; padding-top: 0;}
@@ -1674,16 +1807,57 @@ background-size:100%;}
 .adrsAdd_pop .tbl_wrap .tbl.tbl_request table tr:last-child td {padding-bottom: 0;}
 .adrsAdd_pop .tbl_wrap .tbl.tbl_request input[type="text"] {width: 100%; height: 4.5rem; font-size: 1.3rem; color: #888; font-weight: 300;}
 .adrsAdd_pop .tbl_wrap .tbl.tbl_request input[type="text"]::placeholder {}
-.adrsAdd_pop .tbl_wrap .tbl.tbl_request .desc_txt {margin-top: 1rem;}
+.adrsAdd_pop .tbl_wrap .tbl.tbl_request .desc_txt {position: relative; padding-left: 0.8rem; margin-top: 1rem; font-size: 1.1rem; }
+.adrsAdd_pop .tbl_wrap .tbl.tbl_request .desc_txt:after {content:''; position: absolute; top: 0.6rem; left: 0; background: #888; width: 0.2rem; height: 0.2rem;}
+.adrsAdd_pop .htop h5 {display: inline-block;position: relative;height: 3.5rem;line-height: 3.5rem;vertical-align: top; font-size: 1.8rem;color: #222; margin:1rem 0 0 2rem;}
+.adrsAdd_pop .htop h5 img {position: relative;top: 50%;left: 0;right: 0;transform: translate(0, -50%);margin: 0px 0;}
+.adrsAdd_pop .htop .btn_back {width: 35px;height: 35px; margin:0.7rem 0 0 1.5rem;}
+.adrsAdd_pop .htop .btn_back span {display: block;width: 24px;height: 24px;margin: 0 auto;position: relative;}
+.adrsAdd_pop .htop .btn_back span i {display: block;position: absolute;background: #222;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
+.adrsAdd_pop .htop .btn_back span i.gl1 {left: 0;top: 6px;width: 12px;height: 2px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
+.adrsAdd_pop .htop .btn_back span i.gl2 {left: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 24px;height: 2px;}
+.adrsAdd_pop .htop .btn_back span i.gl3 {left: 0;bottom: 6px;width: 12px;height: 2px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
+.adrsAdd_pop .htop .btn_back:active span i {left: -20px;}
+.adrsAdd_pop .default_addrs {margin-top: 1.5rem;}
 /* //주문결제_배송지추가 팝업 */
 
-/* 주문결제_할인쿠폰변경 팝업 */
+/* 주문결제_배송지수정 팝업 */
+.modal.adrsModify_pop .modal-header {padding: 0; height: 5.5rem;}
+.modal.adrsModify_pop .modal-body {margin-top: 5.2rem; padding:0 2rem;}
+.adrsModify_pop .tbl_wrap {padding:3rem 0 0;}
+.adrsModify_pop .tbl_wrap:first-child  {padding-top: 2rem;}
+.adrsModify_pop .tbl_wrap .tbl.tbl_dlvr {border-top: 0; padding-top: 0;}
+.adrsModify_pop .tbl_wrap .tbl.tbl_dlvr .input_wrap {display: block; width: 100%; position: relative;}
+.adrsModify_pop .tbl_wrap .tbl.tbl_dlvr .input_wrap button.btn_sch {position: absolute; top: 0; right: 0; border:0; width: 5rem; height: 4.5rem; background:transparent url('/images/mo/ico_search_btn.png') no-repeat center; background-size:2rem; margin-left: 0;}
+.adrsModify_pop .tbl_wrap .tbl.tbl_dlvr .input_wrap input.form_control + input.form_control {margin-top: -1px;}
+.adrsModify_pop .tbl_wrap .tbl.tbl_dlvr input[type='text'] {width: 100%; font-size: 1.3rem; color: #888; font-weight: 300;}
+.adrsModify_pop .dlvr_basic {margin-top: 1.5rem;}
+.adrsModify_pop .dlvr_basic label {font-size: 1.4rem;}
+.adrsModify_pop .tbl_wrap .tbl.tbl_request {padding:1.6rem 0;}
+.adrsModify_pop .tbl_wrap .tbl.tbl_request table td {padding-bottom: 1.6rem;}
+.adrsModify_pop .tbl_wrap .tbl.tbl_request table tr:last-child td {padding-bottom: 0;}
+.adrsModify_pop .tbl_wrap .tbl.tbl_request input[type="text"] {width: 100%; height: 4.5rem; font-size: 1.3rem; color: #888; font-weight: 300;}
+.adrsModify_pop .tbl_wrap .tbl.tbl_request input[type="text"]::placeholder {}
+.adrsModify_pop .tbl_wrap .tbl.tbl_request .desc_txt {position: relative; padding-left: 0.8rem; margin-top: 1rem; font-size: 1.1rem; }
+.adrsModify_pop .tbl_wrap .tbl.tbl_request .desc_txt:after {content:''; position: absolute; top: 0.6rem; left: 0; background: #888; width: 0.2rem; height: 0.2rem;}
+.adrsModify_pop .htop h5 {display: inline-block;position: relative;height: 3.5rem;line-height: 3.5rem;vertical-align: top; font-size: 1.8rem;color: #222; margin:1rem 0 0 2rem;}
+.adrsModify_pop .htop h5 img {position: relative;top: 50%;left: 0;right: 0;transform: translate(0, -50%);margin: 0px 0;}
+.adrsModify_pop .htop .btn_back {width: 35px;height: 35px; margin:0.7rem 0 0 1.5rem;}
+.adrsModify_pop .htop .btn_back span {display: block;width: 24px;height: 24px;margin: 0 auto;position: relative;}
+.adrsModify_pop .htop .btn_back span i {display: block;position: absolute;background: #222;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
+.adrsModify_pop .htop .btn_back span i.gl1 {left: 0;top: 6px;width: 12px;height: 2px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
+.adrsModify_pop .htop .btn_back span i.gl2 {left: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 24px;height: 2px;}
+.adrsModify_pop .htop .btn_back span i.gl3 {left: 0;bottom: 6px;width: 12px;height: 2px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
+.adrsModify_pop .htop .btn_back:active span i {left: -20px;}
+.adrsModify_pop .default_addrs {margin-top: 1.5rem;}
+/* //주문결제_배송지수정 팝업 */
 
 /* 주문결제_할인쿠폰변경 팝업 */	
-.modal.couponModify_pop .modal-body .pop_cont {line-height:1;}
+.modal .modal-footer .btn.btn_primary {background: #fd4802;}
+.modal.couponModify_pop .modal-body .pop_cont {line-height:1; font-size: 1.3rem;}
 .modal.couponModify_pop .modal-footer {margin-top:0;}
 .modal.couponModify_pop button span {line-height:1;}
-.modal.couponModify_pop h6 {margin-bottom:20px; font-size: 2rem;}
+.modal.couponModify_pop h6 {margin-bottom:1.5rem; font-size: 1.4rem; font-weight: 500;}
 .modal.couponModify_pop .form_field,
 .modal.couponModify_pop .form_field > div {display:block; width:100%;}
 .modal.couponModify_pop .area_item_coupon {margin-bottom:40px;}
@@ -1692,15 +1866,16 @@ background-size:100%;}
 .modal.couponModify_pop .area_item_coupon .apply_item .item_gd {margin-bottom:20px}
 .modal.couponModify_pop .area_item_coupon .apply_item .item_gd figure {margin: 0;}
 .modal.couponModify_pop .area_item_coupon .apply_item .item_gd figure > div {display:inline-block;}
-.modal.couponModify_pop .area_item_coupon .apply_item .item_gd figure .thumb {float:left; width:80px; height:120px; padding-top:0;}
-.modal.couponModify_pop .area_item_coupon .apply_item .item_gd figure figcaption {display:table-cell; padding-left:20px; width:calc(100% - 140px); height:120px; vertical-align:middle;}
-.modal.couponModify_pop .area_item_coupon .apply_item .item_gd figure figcaption .name {margin-top:10px}
-.modal.couponModify_pop .area_item_coupon .apply_item .item_gd figure figcaption .option {margin-top:15px}
-.modal.couponModify_pop .area_item_coupon .select_custom {height:90px;}
-.modal.couponModify_pop .area_item_coupon .select_custom .combo .select {height:90px; padding:0;}
+.modal.couponModify_pop .area_item_coupon .apply_item .item_gd figure .thumb {float:left; width:4rem; height:6rem; padding-top:0;}
+.modal.couponModify_pop .area_item_coupon .apply_item .item_gd figure figcaption {padding-top: 0.6rem; padding-left:5.5rem; width:90%; vertical-align:middle; font-weight: 300;}
+.modal.couponModify_pop .area_item_coupon .apply_item .item_gd figure figcaption .brand {font-size: 1rem; color: #888;}
+.modal.couponModify_pop .area_item_coupon .apply_item .item_gd figure figcaption .name {margin-top:0.6rem; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; line-height: 1.2; font-size: 1.3rem;}
+.modal.couponModify_pop .area_item_coupon .apply_item .item_gd figure figcaption .option {margin-top:0.8rem; font-size: 1.1rem; color: #888;}
+.modal.couponModify_pop .area_item_coupon .select_custom {height:8rem;}
+.modal.couponModify_pop .area_item_coupon .select_custom .combo .select {height:8.3rem; padding:0;}
 .modal.couponModify_pop .area_item_coupon .select_custom .combo .select:after {top:50%; right:20px; transform:translateY(-50%);}
-.modal.couponModify_pop .area_item_coupon .select_custom .combo .list {top:89px; padding:0;}
-.modal.couponModify_pop .area_item_coupon .select_custom .combo .list > li {line-height:1; height:90px; padding:0; border-top:1px solid #ddd;}
+.modal.couponModify_pop .area_item_coupon .select_custom .combo .list {top:8rem; padding:0;}
+.modal.couponModify_pop .area_item_coupon .select_custom .combo .list > li {line-height:1; height:8rem; padding:0; border-top:1px solid #ddd;}
 .modal.couponModify_pop .area_item_coupon .select_custom .combo .item_coupon {padding:14px 18px;}
 .modal.couponModify_pop .area_item_coupon .select_custom .combo .item_coupon .name {color:#222; font-size:14px; font-weight:300;}
 .modal.couponModify_pop .area_item_coupon .select_custom .combo .item_coupon .txt {margin-top:10px; color:#888; font-size:14px; font-weight:200;}
@@ -1709,7 +1884,7 @@ background-size:100%;}
 .modal.couponModify_pop .area_item_coupon .select_custom .combo .item_coupon .discount span {font-weight:500;}
 .modal.couponModify_pop .area_item_coupon .select_custom .combo .item_coupon .empty {margin-top:22px; color:#222; font-size:14px; font-weight:300;}
 .modal.couponModify_pop .area_item_coupon .select_custom .combo .list > li[aria-disabled="true"] .item_coupon p {color:#888;}
-.modal.couponModify_pop .area_cart_coupon {margin-bottom:40px;}
+.modal.couponModify_pop .area_cart_coupon {margin-bottom:6rem;}
 .modal.couponModify_pop .area_cart_coupon .form_field > div {border-bottom:1px solid #ddd}
 .modal.couponModify_pop .area_cart_coupon .form_field > div:first-child {border-top:1px solid #ddd;}
 .modal.couponModify_pop .area_cart_coupon .form_field > div label {width:100%;}
@@ -1721,25 +1896,71 @@ background-size:100%;}
 .modal.couponModify_pop .area_cart_coupon .cart_coupon .discount span {font-weight:500;}
 /* //주문결제_할인쿠폰변경 팝업 */
 
-.od .gift_box .form_field .gift .chk_img+label span {padding:0; border:none;}
-.od .gift_box .form_field .gift .chk_img:checked+label {border:2px solid #e7501b;}
-.od .gift_box .form_field .gift input[type="checkbox"] + label:before,
-.od .gift_box .form_field .gift input[type="checkbox"] + label:after{display: none;}
-.od .gift_box .form_field .gift input[type="radio"] + label:before,
-.od .gift_box .form_field .gift input[type="radio"] + label:after{left:10px; top: 10px; margin-top: 0;}
-.od .gift_box .form_field .gift label {position:relative; width:100%; padding:0; border:1px solid #ddd; box-sizing:border-box; vertical-align:middle;}
-.od .gift_box .form_field .gift label > span {display:inline-block; width:100%;}
-.od .gift_box .form_field .gift label .thumb { background-color:#eee;}
-.od .gift_box .form_field .gift label .thumb img {width:100%;}
-.od .gift_box .form_field .gift label .name {width:100%; color:#666; font-size:14px; line-height:1.4; font-weight:200; min-height:38px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}
-.od .gift_box .form_field .gift label .deduct {margin-top:0px;color:#fd4802; font-weight:300; font-size:14px;}
-
-.od .area_selgift .gift_box .gift {float:left; width: 31.87%; margin:0 2.18% 2.18% 0;}
+.od .area_selgift .gift_box {margin-bottom: 2rem; border-bottom: 1px solid #eee;}
+.od .area_selgift .gift_box:last-of-type {border-bottom: 0; padding-bottom: 0;}
+.od .area_selgift .gift_box .txt {margin-bottom:1.5rem; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
+.od .area_selgift .gift_box .txt span {position:relative; padding-right:20px; margin-right:10px; color:#222; font-weight:300;}
+.od .area_selgift .gift_box .txt span::after {content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:6px; height:11px; background:url('/images/pc/ico_arrow_thin.png') no-repeat 0 0;}
+.od .area_selgift .gift_box .form_field .gift .chk_img + label span {padding:0; border:1px solid transparent;}
+.od .area_selgift .gift_box .form_field .gift .chk_img:checked + label .thumb {border:1px solid #fd4802;}
+.od .area_selgift .gift_box .form_field .gift input[type="checkbox"] + label:before,
+.od .area_selgift .gift_box .form_field .gift input[type="checkbox"] + label:after{display: none;}
+.od .area_selgift .gift_box .form_field .gift input[type="radio"] + label:before,
+.od .area_selgift .gift_box .form_field .gift input[type="radio"] + label:after{left:10px; top: 10px; margin-top: 0;}
+.od .area_selgift .gift_box .form_field .gift label {position:relative; width:100%; padding:0; box-sizing:border-box; vertical-align:middle;}
+.od .area_selgift .gift_box .form_field .gift label > span {display:inline-block; width:100%;}
+.od .area_selgift .gift_box .form_field .gift label .thumb { background-color:#eee; border:1px solid #eee;}
+.od .area_selgift .gift_box .form_field .gift label .thumb img {width:100%;}
+.od .area_selgift .gift_box .form_field .gift label .name {width:100%; color:#666; font-size:1.1rem; line-height:1.4; font-weight:200; min-height:3.4rem; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; margin:1.5rem 0 1rem; text-align: center;}
+.od .area_selgift .gift_box .form_field .gift label .deduct {margin-top:0px;color:#fd4802; font-weight:300; font-size:1.3rem; text-align: center;}
+
+.od .area_selgift .gift_box .gift {float:left; width: 31.87%; margin:0 2.18% 2.4rem 0;}
 .od .area_selgift .gift_box .gift:nth-child(3n) {margin-right: 0;}
-.od .area_selgift .agree_gift {border:1px solid #ddd; text-align: center;}
+.od .area_selgift .agree_gift {border:1px solid #ddd; text-align: center; padding:1.5rem 0;}
+.od .area_selgift .agree_gift .txt {font-size: 1.3rem; margin:1rem 0;}
+.od .area_selgift .agree_gift .btn_link_popup {font-size: 1.1rem; color:#666; border-bottom: 1px solid #666;}
 .od .area_selgift .agree_gift_con {display: none; width: 100%; border:1px solid #ddd; border-top: 0; padding:1.8rem;}
 .od .area_selgift .agree_gift_con p {height: 10rem; overflow-y: auto; padding-right: 0.5rem;}
-#btn_couponModify_pop {width: 100%; display: block;}
+
+.od .area_selpoint dl > div {margin-top: 2.4rem; padding-top: 2.4rem; border-top: 1px solid #ddd;}
+.od .area_selpoint dl > div:first-child {margin-top: 0;}
+
+.od .area_seldiscount .maxdisc_amount {color: #fd4802;}
+.od .area_seldiscount dl > div {border-bottom: 1px solid #eee; margin-bottom: 1.5rem; padding-bottom: 1.5rem;}
+.od .area_seldiscount dl > div:last-child {border-bottom: 0;}
+.od .area_seldiscount dl > div:first-child {}
+.od .area_seldiscount #btn_couponModify_pop {width: 100%; display: block; height: 4.5rem; margin:1.5rem 0; border:1px solid #a7a7a7;}
+.od .area_seldiscount dt {position: relative; font-size: 1.4rem; color: #222; font-weight: 300;}
+.od .area_seldiscount dt .maxdisc_amount {position: absolute; top: 0; right: 0;}
+
+.od .area_seldiscount .input_wrap, .od .area_selpoint .input_wrap {display: block;}
+.od .area_seldiscount .input_wrap input, .od .area_selpoint .input_wrap input {display: block; width: 100%; padding-right: 7rem;}
+.od .area_seldiscount .input_wrap .btn, .od .area_selpoint .input_wrap .btn {position: absolute; top: 0; right: 0; width: 6rem; height: 4.5rem; margin-left: 0;}
+.od .area_seldiscount .dlvr_fee_box .select_custom {height:8.3rem;}
+.od .area_seldiscount .dlvr_fee_box .select_custom .combo .select {height:8.3rem; padding:0;}
+.od .area_seldiscount .dlvr_fee_box .select_custom .combo .select:after {top:50%; right:20px; transform:translateY(-50%);}
+.od .area_seldiscount .dlvr_fee_box .select_custom .combo .list {top:8rem; padding:0;}
+.od .area_seldiscount .dlvr_fee_box .select_custom .combo .list > li {line-height:1; padding:0; border-top:1px solid #ddd;}
+.od .area_seldiscount .dlvr_fee_box .select_custom .combo .dlvr_coupon {padding:1.5rem; }
+.od .area_seldiscount .dlvr_fee_box .select_custom .combo .dlvr_coupon .name {color:#222; font-size:1.3rem; font-weight:300;}
+.od .area_seldiscount .dlvr_fee_box .select_custom .combo .dlvr_coupon .txt {margin-top:10px; color:#888; font-size:1.1rem; font-weight:200;}
+.od .area_seldiscount .dlvr_fee_box .select_custom .combo .dlvr_coupon .txt span {font-weight:300;}
+.od .area_seldiscount .dlvr_fee_box .select_custom .combo .dlvr_coupon .discount {margin-top:10px;  color:#fd4802; font-size:1.5rem; font-weight:300;}
+.od .area_seldiscount .dlvr_fee_box .select_custom .combo .dlvr_coupon .discount span {font-weight:500;}
+.od .area_seldiscount .dlvr_fee_box .select_custom .combo .dlvr_coupon .empty {margin-top:2rem; color:#888; font-size:1.3rem; font-weight:300;}
+.od .area_seldiscount .dlvr_fee_box .select_custom .combo .list > li[aria-disabled="true"] .dlvr_coupon p {color:#888;}
+
+.od .tmark_required {color:#fd4802; font-size:1.3rem; font-weight:300;}
+
+.od .area_selpoint {}
+.od .area_selpoint dl > div dt {font-size: 1.4rem; color: #222;}
+.od .area_selpoint dl > div dt span {font-size: 1.2rem; color:#888; margin-left: 0.5rem;}
+.od .area_selpoint .form_field > div {margin:1rem 0;}
+.od .area_selpoint .form_field > div.input_wrap {float:none; margin-right:0;}
+.od .area_selpoint .form_field .useable_point {margin-right:10px; color:#fd4802; font-size:1.3rem; font-weight:300; vertical-align:middle;}
+/* .od .area_selpoint .form_field .useable_point em {font-weight:500;} */
+.od .area_selpoint .form_field .remain_point {margin-right:10px; color:#fd4802; font-size:1.3rem; font-weight:300;}
+.od .area_selpoint .form_field p {color:#888; font-size:1.3rem;}
 
 .od .area_paymentinfo {margin-top:3rem;}
 .od .paymentinfo {}
@@ -1764,7 +1985,7 @@ background-size:100%;}
 .od .paymentinfo .payinfo_blk.on {background:#f5f5f5;}
 .od .paymentinfo .payinfo_blk.on a span::after {top:3px; transform:rotate(-180deg);}
 .od .paymentinfo .payinfo_blk.on .infotxt {display:block; margin:0px 1.9rem 1.9rem;}
-.od .area_paymentinfo .agree_payment {margin:40px 0 40px; color:#222; font-size:1.4rem; font-weight:200; text-align:center;}
+.od .area_paymentinfo .agree_payment {margin:4rem 0 4.2rem; color:#222; font-size:1.4rem; font-weight:200; text-align:center;}
 .od .area_paybtn .btn {height:80px; font-size:20px; font-weight:300;}
 .od .area_paybtn .btn em {font-weight:500;}
 
@@ -1773,10 +1994,11 @@ background-size:100%;}
 .od .extra_pay {}
 .od .extra_pay .paymethod_box .sel_method li {width:50%;}
 
-.od .paymethod_box .sel_method li label .payimg {display:inline-block; width:66px; height:26px; background-position:50% 50%; background-repeat:no-repeat; background-size:auto 100%;}
-.od .paymethod_box .sel_method li label .payimg.kakao {background-image:url('/images/pc/pay_kakao.png');}
-.od .paymethod_box .sel_method li label .payimg.naver {background-image:url('/images/pc/pay_naver.png');}
-.od .paymethod_box .sel_method li label .payimg.payco {background-image:url('/images/pc/pay_payco.png');}
+.od .paymethod_box .sel_method li {height:2.2rem;}
+.od .paymethod_box .sel_method li label .payimg {display:inline-block; width:66px; height:2rem; background-position:50% 50%; background-repeat:no-repeat; background-size:auto 100%;}
+.od .paymethod_box .sel_method li label .payimg.kakao {background-image:url('/images/mo/pay_kakao.png'); width: 4.9rem;}
+.od .paymethod_box .sel_method li label .payimg.naver {background-image:url('/images/mo/pay_naver.png'); width: 5rem;}
+.od .paymethod_box .sel_method li label .payimg.payco {background-image:url('/images/mo/pay_payco.png'); width: 5.2rem; height: 1.2rem;}
 
 /* od_completed */
 .od .completed {margin-top: -1.2rem;}
@@ -1785,18 +2007,18 @@ background-size:100%;}
 .od .completed .tbl table td .btn.btn_sm.btn_default {color:#222; border:1px solid #a7a7a7;}
 .od .completed .tbl.type1 table td button {margin-left:10px}
 .od .completed .tbl.type1 table td .tag {margin-left:6px; margin-top:2px; vertical-align:top;}
-.od .completed .tbl.type1 th,
-.od .completed .tbl.type1 td {padding:0;}
 
 .od .completed .info_complete {padding:50px 0; text-align:center; background:#fff6f2; margin-bottom: -1.2rem;}
-.od .completed .info_complete .txt_box {color:#222; font-size:24px; font-weight:500;}
-.od .completed .info_complete .report_box {margin-top:26px}
+.od .completed .info_complete > img {width: 5rem;}
+.od .completed .info_complete .txt_box {color:#222; font-size:2rem; font-weight:500; margin:2.4rem 0 1rem}
+.od .completed .info_complete .report_box {margin-top:0}
 .od .completed .info_complete .report_box div {margin-top:15px}
 .od .completed .info_complete .report_box div:first-child {margin-top:0;}
 .od .completed .info_complete .report_box div dt,
 .od .completed .info_complete .report_box div dd {display:inline-block; font-weight:300;}
-.od .completed .info_complete .report_box div dt {color:#666; font-size:18px;}
-.od .completed .info_complete .report_box div dd {margin-left:18px; color:#fd4802; font-size:20px;}
+.od .completed .info_complete .report_box div dt {color:#666; font-size:1.7rem;}
+.od .completed .info_complete .report_box div dd {position: relative; margin-left:18px; color:#fd4802; font-size:1.7rem;}
+.od .completed .info_complete .report_box div dd:before {content:''; position: absolute; top: 50%; left: -1.1rem; transform:translateY(-50%); width: 0.1rem; height: 1.5rem; background: #ddd;}
 .od .completed .info_complete .report_box div.closedate dt,
 .od .completed .info_complete .report_box div.closedate dd {margin:0; color:#888; font-size:16px; font-weight:200;}
 .od .completed .info_complete .report_box div.closedate dd span {font-weight:300;}
@@ -1821,7 +2043,7 @@ background-size:100%;}
 .od .foldGroup > ul > li {border-bottom: 0;}
 .od .fold_answer {background: #fff; padding-top: 0;}
 .od .ui_row {margin-bottom: 0;}
-.od .foldGroup .fold_head .fold_tit {padding: 2rem;}
+.od .foldGroup .fold_head .fold_tit {padding:2.4rem 2rem;}
 .od .foldGroup .fold_head .fold_tit > div.lap2 {margin-bottom: 0;}
 .od .foldGroup .fold_head .fold_tit span {font-size: 1.6rem;}
 .od .foldGroup .fold_head .fold_tit span.fold_txt {position: absolute; top: 2.3rem; right: 5.3rem; font-size: 1.3rem; color: #666;}
@@ -1845,7 +2067,7 @@ background-size:100%;}
 .od .ship_info div:after {content:''; display: block; clear:both;}
 .od .ship_info div dt, .od .ship_info div dd {float:left; color: #222; font-weight: 300;}
 .od .ship_info div.ship_request dt {position: relative; margin-right: 1rem; padding-right: 1rem; font-weight: 200;}
-.od .ship_info div.ship_request dt:after {content:''; position: absolute; top: 0.2rem; right: 0; width: 0.1rem; height: 1.2rem; background: #ddd;}
+.od .ship_info div.ship_request dt:after {content:''; position: absolute; top: 0.4rem; right: 0; width: 0.1rem; height: 1.2rem; background: #ddd;}
 .od .ship_info div.ship_request.ship_select {margin-top: 1.5rem;}
 .od .ship_info div.ship_request.ship_select dt {position: relative; margin-right: 1rem; padding-right: 1rem; font-weight: 300;}
 .od .ship_info div.ship_request.ship_select dt:after {display: none;}
@@ -1860,14 +2082,18 @@ background-size:100%;}
 .od .nonMBorder .inner:first-child {padding-bottom: 6rem;}
 .od .nonMBorder .inner:last-child {padding:3rem 0;}
 .od .nonMBorder .join_txt {text-align: center;}
-.nonMBorder .nonMBorder_tit {text-align: center;}
+.od .nonMBorder .join_txt p {font-size: 1.4rem; line-height: 1.4; font-weight: 300;}
+.od .nonMBorder .join_txt span {color: #fd4802; font-weight: 500;}
+.od .nonMBorder .join_txt .btn_underline {margin-top: 1.3rem; color:#888; border-bottom: 1px solid #888;}
+.nonMBorder .nonMBorder_tit {padding:3rem 0;}
+.nonMBorder .nonMBorder_tit .text_box p {text-align: center; font-size: 1.4rem; line-height: 1.4;}
 .nonMBorder .cont_head .text_box {margin-top:27px; color:#666; font-size:16px; font-weight:200; line-height:26px; text-align:center;}
 .nonMBorder .cont_head {text-align:center;}
 .nonMBorder .cont_head h3 {margin-bottom:40px; font-size:40px; font-weight:500;} 
-.nonMBorder input[type="text"] {float:none; width:100%; height:4.5rem; padding:17px 0 17px 19px; color:#222; font-size:16px; font-weight:300;}
+.nonMBorder input[type="text"] {float:none; width:100%; height:4.5rem; padding:1.7rem 1.5rem; color:#222; font-size:1.3rem; font-weight:300;}
 .nonMBorder input[type="text"]::placeholder {color:#888; font-weight:200;}
 .nonMBorder .form_field {display:block; margin-top:10px;}
-.nonMBorder .form_field:first-of-type {margin-bottom:0px;}
+.nonMBorder .form_field:first-of-type {margin-top:0px;}
 .nonMBorder .form_field .ui_col_9 input[type="text"] {width:388px;}
 .nonMBorder .form_field .ui_col_3 .btn {width:132px; height:52px; padding:17px 0px 17px; font-weight:200;}
 .nonMBorder .cont_foot {position:relative; width:530px; margin:40px auto 0; color:#888; font-size:16px; line-height:1;}
@@ -1875,14 +2101,14 @@ background-size:100%;}
 .nonMBorder .cont_foot p span {display:block;}
 .nonMBorder .cont_foot p .jointit1 {color:#222; font-size:18px; font-weight:300;}
 .nonMBorder .cont_foot p .jointit2 {margin-top:10px; color:#888; font-size:16px; font-weight:200;}
-.nonMBorder .cont_foot 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 .cont_foot a.btn_underline {position:absolute; right:0; top:50%; transform:translateY(-50%); padding:0px 20px; height:42px; line-height:42px; color:#222; font-size:1.3rem; font-weight:300; border:1px solid #a7a7a7; box-sizing:border-box;}
 .nonMBorder .btn_group_md {float:none; margin-top:40px; margin-bottom:0;}
 .nonMBorder .btn_group_md .btn {padding:19px; font-weight:300; height:60px;}
 .nonMBorder .btn_group_md .btn_default {border-color:#a7a7a7;}
-.nonMBorder .agree_nombPrivacy {margin-top:40px; margin-bottom:20px}
+.nonMBorder .agree_nombPrivacy {}
 .nonMBorder .agree_nombPrivacy label span {font-size:18px;}
 .nonMBorder .agree_nombPrivacy label span .tmark_required {display:inline-block; margin-top:2px; font-size:14px; vertical-align:top;}
-.nonMBorder .agree_nomb_txt_box {margin-bottom:40px; padding:35px 40px; border:1px solid #ddd;}
+.nonMBorder .agree_nomb_txt_box {margin-bottom:40px; padding:1.5rem; border:1px solid #ddd;}
 .nonMBorder .agree_nomb_txt_box > div {overflow:auto; max-height:160px; color:#888; font-size:14px; line-height:1.5; font-weight:200;}
 .nonMBorder .adress_area {}
 .nonMBorder .adress_area dl {padding:20px 0 0}
@@ -1895,22 +2121,17 @@ background-size:100%;}
 
 
 /* 쇼핑백 */
+main.container .shopping_bag .inner:last-child {padding-bottom: 0;}
 .shopping_bag .sec_select {position: relative;}
+.shopping_bag .sec_select .form_field input[type="checkbox"] + label {font-size: 1.3rem;}
 .shopping_bag .sec_select .btn {position: absolute; top: 0; right: 0; width: 5.8rem; height: 2.5rem; padding: 0; font-size: 1.1rem;}
 .shopping_bag .inner {padding:3rem 2rem;}
 .shopping_bag .inner.wide {padding: 0;}
-main.container .shopping_bag .inner:last-child {padding-bottom: 0;}
-.shopping_bag .btn_delete {position: absolute; top: 0; right: 0; z-index: 9; width: 2.4rem; height: 2.4rem; background: url(/images/mo/ico_itemdelete_btn.png) no-repeat center/1.2rem; background-position: center;}
+.shopping_bag .btn_delete {position: absolute; top: 0; right: 0; z-index: 9; width: 4rem; height: 4rem; background: url(/images/mo/ico_itemdelete_btn.png) no-repeat center/1.2rem; background-position: center;}
 .shopping_bag .inner:nth-child(2) {padding:1.5rem 2rem;}
-.shopping_bag .goods_top {border-bottom: 1px solid #000;}
+.shopping_bag .goods_top {padding-top: 0; border-bottom: 1px solid #000;}
 
-.od .part_goods .od_calc {position: relative; margin: 2rem 0 0 0;}
-.od .part_goods .od_calc:after {content:''; display: block; clear:both;}
-/* .shopping_bag .part_goods .od_calc .count {float:left;} */
-.od .part_goods .od_calc .count {display: inline-block; font-size: 1.1rem;tm }
-.od .part_goods .od_calc .price {position: absolute; top: 0; right: 0;}
-.od .part_goods .od_calc .price del {margin:0;}
-.od .part_goods .od_calc .sale_price {display: inline-block;}
+.shopping_bag .area_salecoupon h4 {margin-bottom: 1.5rem; font-size: 1.6rem;}
 
 .shopping_bag .part_goods .goods_basic {margin-top: 2.4rem; padding-top: 2.4rem; border-top: 1px dashed #ddd;}
 .shopping_bag .part_goods h3 {margin-bottom: 2.4rem;}
@@ -1923,8 +2144,8 @@ main.container .shopping_bag .inner:last-child {padding-bottom: 0;}
 
 .shopping_bag .part_goods .goods_btn_wrap {margin: 1.8rem 0 0; padding-left: 3rem;}
 .goods_btn_wrap > div > .btn.btn_primary_line {border:1px solid #fd4802;}
-.shopping_bag .goods_dlvr_save {text-align: center;}
-.shopping_bag .goods_dlvr_save a.btn_popup_save {display:inline-block; padding-right:20px; text-align: center; color:#fd4802; font-size:1.1rem; font-weight:200; line-height:14px; text-decoration:underline; background:url('/images/pc/ico_go_save.png') no-repeat 98% 50%;}
+.shopping_bag .goods_dlvr_save {margin-top: 1.8rem; text-align: center;}
+.shopping_bag .goods_dlvr_save a.btn_popup_save {display:inline-block; padding-right:20px; text-align: center; color:#fd4802; font-size:1.1rem; font-weight:200; line-height:14px; text-decoration:underline; background:url('/images/mo/ico_go_save.png') no-repeat 98% 45%; background-size:1.1rem;}
 
 .shopping_bag .od_calc_wrap {font-size: 0; width: 100%;}
 .shopping_bag .od_calc_wrap button {width: 60%;}
@@ -1936,9 +2157,9 @@ main.container .shopping_bag .inner:last-child {padding-bottom: 0;}
 .shopping_bag .area_order div::after,
 .shopping_bag .area_order dl::after,
 .shopping_bag .area_order dl div::after {content:''; display:block; clear:both;}
-.shopping_bag .area_order .tit_box {padding:0 0 2rem; border-bottom:1px solid #ddd;}
+.shopping_bag .area_order .tit_box {padding:0 0 2rem; border-bottom:1px solid #222;}
 .shopping_bag .area_order .tit_box h3 {display:inline-block; margin-bottom:0}
-.shopping_bag .area_order .tit_box span {display:inline-block; margin-left:5px; color:#888; font-size:16px; font-weight:200; vertical-align:middle}
+.shopping_bag .area_order .tit_box span {display:inline-block; margin-left:5px; color:#888; font-size:1.2rem; font-weight:200; vertical-align:middle}
 .shopping_bag .area_order .tit_box span em.number {color:#fd4802; font-weight:500;}
 .shopping_bag .area_order .od_item_box {padding:0px 30px 0; border-bottom:1px solid #ddd;}
 .shopping_bag .area_order .od_item_box .part_dlvr {padding:30px 0px 30px; border-top:1px solid #ddd}
@@ -1953,21 +2174,26 @@ main.container .shopping_bag .inner:last-child {padding-bottom: 0;}
 .shopping_bag .area_order .od_item_box .part_dlvr .gd_list .item_gd .price {margin-top:5px}
 .shopping_bag .area_order .od_item_box .part_dlvr .gd_list .item_gd .info_reserv {margin-top:10px; color:#fd4802; font-size:14px; font-weight:200;}
 .shopping_bag .area_order .od_item_box .part_dlvr .gd_list .item_gd .info_reserv span {margin-left:10px; font-weight:300;}
-.shopping_bag .area_order .od_amount_box {padding:30px 0; color:#888; font-size:14px; font-weight:200;}
+.shopping_bag .area_order .od_amount_box {padding:2rem 0; color:#888; font-size:14px; font-weight:200;}
 .shopping_bag .area_order .od_amount_box dl div {margin-top:20px;}
 .shopping_bag .area_order .od_amount_box dl div:first-child {margin-top:0px}
-.shopping_bag .area_order .od_amount_box dl dt {font-size:14px; font-weight:300;}
-.shopping_bag .area_order .od_amount_box dl dd {color:#222; font-size:16px; font-weight:300;}
-.shopping_bag .area_order .od_amount_box dl dd em {font-size:16px}
+.shopping_bag .area_order .od_amount_box dl dt {font-size:1.3rem; font-weight:300;}
+.shopping_bag .area_order .od_amount_box dl dd {color:#222; font-size:1.3rem; font-weight:300;}
+.shopping_bag .area_order .od_amount_box dl dd em {font-size:1.3rem}
 .shopping_bag .area_order .od_amount_box dl .disc_amount {color:#fd4802; font-weight:300;}
 .shopping_bag .area_order .od_amount_box .t_info {margin-top:20px; text-align:right;}
 .shopping_bag .area_order .od_amount_box .btn_link {display:inline-block; padding:0px 13px; height:40px; line-height:38px; color:#222; font-size:14px; font-weight:300; border:1px solid #a7a7a7; box-sizing:border-box;}
+.shopping_bag .info_box .od_exinfo {margin-top: 0.9rem;}
+.shopping_bag .info_box .od_exinfo a {}
+.shopping_bag .info_box .od_exinfo a:after {content:''; border:2px solid transparent; border-left:2px solid #fd4802;} 
+.shopping_bag .part_goods .goods_section > .od_calc {margin: 1rem 0 0 3rem; padding:1.3rem 0 0 0; position: relative; line-height: 1; border-top: 1px solid #ddd;}
+
 .od .area_order .od_amount_box .btn_link::after {display:none;}
 .od .area_order .totalprice_box {padding:0px 0 0}
-.od .area_order .totalprice_box dl {padding:40px 0 0; border-top:1px solid #ddd; font-size:16px; font-weight:300;}
-.od .area_order .totalprice_box dl dt {margin-top:5px; font-size:16px; font-weight:500;}
-.od .area_order .totalprice_box dl dd {color:#fd4802; font-size:18px; font-weight:700;}
-.od .area_order .totalprice_box dl dd span {font-size:24px; vertical-align:middle;}
+.od .area_order .totalprice_box dl {padding:2rem 0 0; border-top:1px solid #ddd; font-size:16px; font-weight:300;}
+.od .area_order .totalprice_box dl dt {margin-top:5px; font-size:1.4rem; font-weight:500;}
+.od .area_order .totalprice_box dl dd {color:#fd4802; font-size:1.8rem; font-weight:700;}
+.od .area_order .totalprice_box dl dd span {font-size:2.1rem; vertical-align:bottom;}
 .od .area_order .totalprice_box .info_point {margin-top:12px; color:#888; font-size:14px; font-weight:300; text-align:right; line-height:16px;}
 .od .area_order .totalprice_box .info_point .save_point {display:inline-block; padding-left:22px; height:16px; background:url('/images/pc/ico_point.png') no-repeat 0 50%; color:#fd4802;}
 .od .area_order .totalprice_box .info_extra {margin-top:12px; color:#888; font-size:14px; font-weight:300; text-align:left; line-height:16px;}
@@ -1990,10 +2216,11 @@ main.container .shopping_bag .inner:last-child {padding-bottom: 0;}
 .od .area_salecoupon .coupon_box .coupon .cp_cont span em {font-size:28px;}
 .od .area_salecoupon .coupon_box .coupon .cp_condition {margin-top:15px; padding-bottom:15px; color:#888; font-size:12px; font-weight:300; line-height:1.4;}
 .od .area_salecoupon .coupon_box .coupon .cp_condition span {display:block; margin-top:10px}
-.od .area_salecoupon .coupon_box .coupon .cp_date {padding:20px 0; border-top:1px dashed #ddd; text-align:center; color:#222; font-size:14px; font-weight:200;}
+.od .area_salecoupon .coupon_box .coupon .cp_date {padding:2rem; border-top:1px dashed #ddd; text-align:center; color:#222; font-size:14px; font-weight:200; text-align: left;}
 .od .area_salecoupon .coupon_box .btn_underline {display:block; margin:23px auto 0; color:#888; border-color:#888; font-size:12px;}
 
 .od .od_recommend {padding:3rem 2rem;}
+.od .od_recommend h3 {margin-bottom: 1.5rem;}
 .od .od_recommend .swiper-container {overflow:visible;}
 .od .od_recommend .swiper-container .item_prod {width: 100%;}
 
@@ -2004,29 +2231,37 @@ main.container .shopping_bag .inner:last-child {padding-bottom: 0;}
 /* 쇼핑백_팝업 */
 .popup_box {visibility:hidden; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.5); z-index:500;}
 .popup_box.active{visibility:visible;}
-.popup_box .lap{position:absolute; bottom:0; left:0; padding:3rem 0 0; width:100%; background:#fff;}
-.popup_box .popup_head {padding:0 2rem;}
+.popup_box .lap{position:absolute; bottom:-100%; left:0; width:100%; background:#fff; transition:all 0.3s;}
+.popup_box.active .lap {bottom: 0;}
+.popup_box .popup_head {padding:3rem 2rem 2rem;}
 .popup_box .popup_con{min-height:15rem; max-height:40rem; overflow-y:auto;}
 .popup_box .popup_close{position:absolute; top:-3.8rem; left:50%; width:1.6rem; height:1.6rem; background-image: url(/images/mo/ico_pop_cls_w.png); background-repeat:no-repeat; background-position:center center; font-size:0; text-indent:-999999px; background-size: contain; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
 
 /* popup_장바구니 옵션변경 */
-.optModifyPop .area_order {padding:2rem;}
-.optModifyPop .area_order > div {margin-top:40px}
+.optModifyPop .area_order {padding:0 2rem 2rem;}
+.optModifyPop .area_order > div {margin-top:3rem}
 .optModifyPop .area_order > div:first-child {margin-top:0}
+.optModifyPop .area_order > div .color {}
+.optModifyPop .select_custom .combo .list {position: static;}
+.optModifyPop .opt_header:after {content:''; display: block; clear:both;}
+.optModifyPop .opt_header {margin-bottom: 1rem;}
+.optModifyPop .opt_header > span {float:left;}
+.optModifyPop .opt_header .color {margin-left: 2rem; color: #666;}
 .optModifyPop .area_order .opt_color ul {font-size: 0; width: 100%; white-space: nowrap; overflow-x: auto;}
 .optModifyPop .area_order .opt_color ul li {display: inline-block; margin:0 3px; margin-top:6px}
 .optModifyPop .area_order .opt_color ul li a {display:block; box-sizing:border-box; width:70px; height:105px;}
 .optModifyPop .area_order .opt_color ul li a.on img {border:1px solid #fd4802}
 .optModifyPop .area_order .opt_size {padding-bottom:40px; border-bottom:1px solid #ddd;}
-.optModifyPop .area_order .opt_size .form_field {display:block; width:100%; margin-top:-6px; margin-left: -6px !important; margin-right: -6px !important;}
+.optModifyPop .area_order .opt_size .form_field {display:block; width:100%; font-size: 0;}
 .optModifyPop .area_order .opt_size .form_field > div {margin:6px 3px 0;}
+.optModifyPop .area_order .opt_size .form_field > div {float:none; width:auto; display: inline-block;}
 /* .optModifyPop .area_order .opt_size .form_field > div:nth-child(6n-5) {margin-left:0px;} */
 .optModifyPop .area_order .opt_size .form_field input[type="radio"] + label {display:block; width:50px; height:40px; padding:0; line-height:40px; text-align:center; background:#fff; box-sizing:border-box; border:1px solid #ddd; color:#222; font-weight:200; font-size:14px;}
 .optModifyPop .area_order .opt_size .form_field input[type="radio"] + label::before,
 .optModifyPop .area_order .opt_size .form_field input[type="radio"] + label::after {display:none;}
 .optModifyPop .area_order .opt_size .form_field input[type="radio"]:checked + label {border:1px solid #fd4802;}
 .optModifyPop .area_order .opt_size .form_field input[type="radio"]:disabled + label {text-decoration:line-through; background:#f5f5f5; border-color:#f5f5f5; color:#bbb; opacity:1;}
-.optModifyPop .area_order .opt_size .form_field > div {float:left; width:auto;}
+
 .optModifyPop .area_order .opt_select .select_custom .combo .select {height:45px; padding:15px;}
 .optModifyPop .area_order .opt_select .select_custom .combo .list > li {height:45px; padding:15px; font-size:14px; line-height:1;}
 .optModifyPop .area_order .opt_count .opt_count {padding-bottom:0;}
@@ -2068,11 +2303,21 @@ main.container .shopping_bag .inner:last-child {padding-bottom: 0;}
 main.container .od_gift .inner:last-child {padding-bottom: 0;}
 .od_gift .gift_banner {background: linear-gradient(120deg, rgba(255,120,0,1) 50%, rgba(253,72,2,1) 100%); text-align: center; padding:6rem 0; margin:-1.2rem 0;}
 .od_gift .gift_banner img {width: 13.1rem;}
-.od_gift .gift_banner p {color:#fff; }
+.od_gift .gift_banner p {color:#fff; margin-top: 1.5rem;}
 .od_gift .gift_banner.timeout {background: #f5f5f5;}
 .od_gift .gift_banner.timeout p {font-size: 2rem; color: #222;}
 .od_gift .gift_banner.timeout dl dt, .od_gift .gift_banner.timeout dl dd {display: inline-block;}
 
+.od .gift_tab .tab_cont {background: #fff; padding:2.4rem 2rem;}
+.od .gift_tab .input_wrap {display: block;}
+.od .gift_tab .input_wrap .form_control {width: 100%; float:none;}
+.od .od_gift .gift_tab .desc_txt {margin:1rem 0 2.4rem;}
+.od .od_gift .gift_tab .tabIndex li {flex:1;}
+.od .od_gift .gift_tab .foldGroup .fold_cont {padding:0 0 3rem;}
+.od .od_gift .textarea_wrap {position: relative;}
+.od .od_gift .textarea_wrap .doc_review {width: 100%; padding:1.5rem; height: 15rem; resize:none;}
+.od .od_gift .textarea_wrap .txt_cnt {position: absolute; right: 1.5rem; bottom: 1.5rem;}
+
 .fold_cont > div.gift_order_message {border: 1px solid #ffe4d9; padding: 1.5rem; background: #fff6f2;}
 
 .od_gift .tbl_wrap {}
@@ -2084,20 +2329,19 @@ main.container .od_gift .inner:last-child {padding-bottom: 0;}
 .od_gift .tbl_wrap .tbl.tbl_dlvr input[type='text'] {width: 100%; font-size: 1.3rem; color: #888; font-weight: 300;}
 .od_gift .dlvr_basic {margin-top: 1.5rem;}
 .od_gift .dlvr_basic label {font-size: 1.4rem;}
-.od_gift .tbl_wrap .tbl.tbl_request {padding:1.6rem 0;}
+.od_gift .tbl_wrap .tbl.tbl_request {padding:1.6rem 0 0;}
 .od_gift .tbl_wrap .tbl.tbl_request table td {padding-bottom: 1.6rem;}
 .od_gift .tbl_wrap .tbl.tbl_request table tr:last-child td {padding-bottom: 0;}
 .od_gift .tbl_wrap .tbl.tbl_request input[type="text"] {width: 100%; height: 4.5rem; font-size: 1.3rem; color: #888; font-weight: 300;}
 .od_gift .tbl_wrap .tbl.tbl_request input[type="text"]::placeholder {}
 .od_gift .tbl_wrap .tbl.tbl_request .desc_txt {margin-top: 1rem;}
 
+.od_gift .info_txt {margin-top: 2.4rem; background: #f5f5f5;}
+
 .part_goods .goods_section > .od_calc {margin: 1rem 0 0 0; padding:1.3rem 0 0 0; position: relative; line-height: 1; border-top: 1px solid #ddd;}
 .part_goods .goods_section > .od_calc .price {top: auto; bottom: 0;}
 .part_goods .goods_section > .od_calc .price .sale_price {margin-right: 1rem;}
 .part_goods .goods_section:last-of-type {margin-bottom: 0;}
-.od_gift .gift_tab .tabIndex li {flex:1;}
-.od_gift .gift_tab .foldGroup .fold_cont {padding:0 0 3rem;}
-.od_gift .gift_tab .tab_cont {background: #fff;}
 
 /* od_extra */
 main.container .od_extra .inner:last-child {padding-bottom: 0;}
@@ -2106,19 +2350,19 @@ main.container .od_extra .inner:last-child {padding-bottom: 0;}
 .od_extra .tbl_wrap {padding-top: 3rem;}
 
 /* 할인쿠폰변경_선택팝업 */
-.couponSelectPop01 {z-index: 1111;}
-.couponSelectPop01 .popup_head {text-indent:-999em; visibility: hidden; font-size: 0;}
-.couponSelectPop01 .popup_con {padding:0 2rem 2rem;}
-.couponSelectPop01 .dlvr_coupon {width: 100%; text-align: left;}
-.couponSelectPop01 .dlvr_coupon {padding:14px 18px;}
-.couponSelectPop01 .dlvr_coupon .name {color:#222; font-size:14px; font-weight:300;}
-.couponSelectPop01 .dlvr_coupon .txt {margin-top:10px; color:#888; font-size:14px; font-weight:200;}
-.couponSelectPop01 .dlvr_coupon .txt span {font-weight:300;}
-.couponSelectPop01 .dlvr_coupon .discount {margin-top:10px;  color:#fd4802; font-size:16px; font-weight:300;}
-.couponSelectPop01 .dlvr_coupon .discount span {font-weight:500;}
-.couponSelectPop01 .dlvr_coupon .empty {margin-top:0; color:#222; font-size:14px; font-weight:300;}
-
-.couponSelectPop01 .list li {border:1px solid #eee; border-bottom: 1px solid transparent;}
-.couponSelectPop01 .list li:last-child {border-bottom: 1px solid #eee;}
-.couponSelectPop01 .list li:hover, .couponSelectPop01 .list li:active {border:1px solid #fd4802;}
-.couponSelectPop01 .list > li[aria-disabled="true"] .dlvr_coupon p {color:#888;}
+.couponSelectPop {z-index: 1111;}
+.couponSelectPop .popup_head {text-indent:-999em; visibility: hidden; font-size: 0; padding: 0;}
+.couponSelectPop .popup_con {padding:2rem 2rem;}
+.couponSelectPop .dlvr_coupon {width: 100%; text-align: left;}
+.couponSelectPop .dlvr_coupon {padding:14px 18px;}
+.couponSelectPop .dlvr_coupon .name {color:#222; font-size:14px; font-weight:300;}
+.couponSelectPop .dlvr_coupon .txt {margin-top:10px; color:#888; font-size:14px; font-weight:200;}
+.couponSelectPop .dlvr_coupon .txt span {font-weight:300;}
+.couponSelectPop .dlvr_coupon .discount {margin-top:10px;  color:#fd4802; font-size:16px; font-weight:300;}
+.couponSelectPop .dlvr_coupon .discount span {font-weight:500;}
+.couponSelectPop .dlvr_coupon .empty {margin-top:0; color:#222; font-size:14px; font-weight:300;}
+
+.couponSelectPop .list li {border:1px solid #eee; border-bottom: 1px solid transparent;}
+.couponSelectPop .list li:last-child {border-bottom: 1px solid #eee;}
+.couponSelectPop .list li:hover, .couponSelectPop01 .list li:active {border:1px solid #fd4802;}
+.couponSelectPop .list > li[aria-disabled="true"] .dlvr_coupon p {color:#888;}

+ 5 - 5
src/main/webapp/ux/mo/js/common_m.js

@@ -683,13 +683,13 @@ $(document).ready(function () {
             return false;
         });
 
-        let autome = document.querySelector('.btPopAuto'); 
-        let headsize = this.querySelector('.btPopAuto .btPopAuto_head');
-        let bodysize = this.querySelector('.btPopAuto .btPopAuto_body');
+        //let autome = document.querySelector('.btPopAuto'); 
+        //let headsize = this.querySelector('.btPopAuto .btPopAuto_head');
+        //let bodysize = this.querySelector('.btPopAuto .btPopAuto_body');
         //console.log('★ btPop_auto헤더 높이 : ' + headsize.offsetHeight);
         //console.log('★ btPop_auto바디 높이 : ' + bodysize.clientHeight);
-
-        let autotop = appHeight - (headsize.offsetHeight + bodysize.offsetHeight);
+		
+        //let autotop = appHeight - (headsize.offsetHeight + bodysize.offsetHeight);
         //console.log('★ btPopAuto전체 높이 - 컨텐츠 높이 : ' + autotop);
         //console.log('★ btPopAuto전체 높이 - 컨텐츠 높이 /10 : ' + autotop /10);