style24
/
style24.front


			
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841
							<!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="/ux/pc/js/payment.js"></script>
	<script type="text/javascript">
		$(document).on("click", "#buyBtn", function() {
			$.ajax({
				type: "POST",
				url : '/order/create/preOrder',
				dataType : 'html',
				data : {
					  pgGb		: "PAYCO"
					, payMeans	: "G014_30"
					, ordNo		: "5"
					, goodsNm	: "상품 테스트"
					, payAmt	: "1233"
					, ordNm		: "이태영"
					, ordEmail	: "xodud1202@naver.com"
					, ordTelno	: "02-0000-0000"
					, ordPhnno	: "010-7111-0000"
				},
				error : function(e) {
					alert(3);
				},
				success : function(result) {
					$("#order_info").html(result);
					jsf__pay(document.order_info);
				}
			});
		});
	</script>
	
	
	<form id="order_info" name="order_info" method="post" action="/order/pay/result/response" ></form>
	
	
	<input type="button" id="buyBtn" value="테스트버튼" style="width:200px; height:200px;"/>

<!-- // xodud1202 -->


<!-- card007 -->
	<script type="text/javascript">
		$(document).on("click", "#kakaoBtn", function() {
			$.ajax( {
				type: "POST",
				url : '/order/create/order',
				dataType : 'html',
				data : {cartSq : 8},
				success : function(result) {
					$("#order_info").html(result);
					fnKakaoPaymentReady();
				}
			});
		});

		// 카카오페이 결제준비 처리
		var fnKakaoPaymentReady = function() {
			const protocol = 'http:';
			let url = '/order/kakao/payment/ready';
			let redirectUrl = '/order/kakao/payment/request';
			let data = {};
			data.ordNo = $('#order_info input[name=ordr_idxx]').val();
			data.goodsNm = $('#order_info input[name=good_name]').val();
			data.ordQty = $('#ordQty').text();
			data.realOrdAmt = $('#order_info input[name=good_mny]').val();
			data.approvalUrl = protocol + _frontUrl + redirectUrl;
			data.failUrl = protocol + _frontUrl + redirectUrl;
			data.cancelUrl = protocol + _frontUrl + redirectUrl;

			let jsonData = JSON.stringify(data);

			gagajf.ajaxJsonSubmit(url, jsonData, function(result) {
				let tid = result.kakaoPay.tid;
				let nextRedirectUrl = result.kakaoPay.next_redirect_pc_url;
				let option = 'width=420, height=520';

				$('#order_info').append('<input type=hidden name="pgTid" value="' + tid + '" />');

				window.open(nextRedirectUrl, 'kakaoPaymentPopup', option);
			});
		}

		// 카카오페이 결제 승인 요청
		var fnKakaoPaymentRequest = function(pgToken) {
			$('#order_info').append('<input type=hidden name="pgToken" value="' + pgToken + '" />');

			let url = '/order/kakao/payment/approve';
			let data = {};
			data.pgTid = $('#order_info input[name=pgTid]').val();
			data.ordNo = $('#order_info input[name=ordr_idxx]').val();
			data.pgToken = $('#order_info input[name=pgToken]').val();

			let jsonData = JSON.stringify(data);

			gagajf.ajaxJsonSubmit(url, jsonData, function(result) {
				console.log('====== kakaoPaymentRequest ======');
				console.log(result.payment);
				console.log(' ');
				fnKakaoPaymentOrder();
			});

			return true;
		}

		// 카카오페이 결제 정보 조회
		var fnKakaoPaymentOrder = function() {
			let url = '/order/kakao/payment/order';
			let data = {};
			data.pgTid = $('#order_info input[name=pgTid]').val();

			let jsonData = JSON.stringify(data);

			gagajf.ajaxJsonSubmit(url, jsonData, function(result) {
				console.log('====== kakaoPaymentOrder ======');
				console.log(result.kakaoPay);
				console.log(' ');
				fnCancelKakaoPayment();
			});

			return true;
		}

		// 카카오페이 결제 취소
		var fnCancelKakaoPayment = function() {
			let url = '/order/kakao/payment/cancel';
			let data = {};
			data.pgTid = $('#order_info input[name=pgTid]').val();
			data.cnclRtnAmt = 1000;
			//data.allCanYn = 'Y';

			let jsonData = JSON.stringify(data);

			gagajf.ajaxJsonSubmit(url, jsonData, function(result) {
				console.log('====== kakaoPaymentCancel ======');
				console.log(result.kakaoPay);
				console.log(' ');

			});
		}

	</script>

	<!-- =========== 네이버페이 ============= -->
	<script src="https://nsp.pay.naver.com/sdk/js/naverpay.min.js"></script>
	<script th:inline="javascript">
		let custNo = [[${sessionInfo.custNo}]];
		let naverPayClientId = [[${@environment.getProperty('naverPay.clientId')}]];
		let redirectUrl = '/order/naver/payment/request';
		const protocol = 'http:';
		
		var oPay = Naver.Pay.create({
			"mode" : "development",				// development or production
			"clientId": naverPayClientId	// clientId
		});
		
		$(document).on("click", "#naverBtn", function() {
			$.ajax( {
				type: "POST",
				url : '/order/create/order',
				dataType : 'html',
				data : {cartSq : 8},
				success : function(result) {
					$("#order_info").html(result);
					fnNaverPaymentReady();
				}
			});
		});
		
		// 네이버페이 결제준비 처리
		var fnNaverPaymentReady = function() {
			const protocol = 'http:';
			let url = '/order/naver/payment/ready';
			let redirectUrl = '/order/naver/payment/request';
			let data = {};
			data.ordNo = $('#order_info input[name=ordr_idxx]').val();
			data.goodsNm = $('#order_info input[name=good_name]').val();
			data.ordQty = $('#ordQty').text();
			data.realOrdAmt = $('#order_info input[name=good_mny]').val();
			data.returnUrl = protocol + _frontUrl + redirectUrl;
			
			let jsonData = JSON.stringify(data);
			
			gagajf.ajaxJsonSubmit(url, jsonData, function(result) {
				let reserveId = result.naverPay.body.reserveId;
				let url = "https://test-pay.naver.com/payments/" + reserveId;
				let option = 'width=750, height=' + $(window).height();

				window.open(url, 'naverPaymentPopup', option);
			});
		}

		// 네이버페이 결제 승인 요청
		var fnNaverPaymentRequest = function(paymentId) {
			$('#order_info').append('<input type=hidden name="pgTid" value="' + paymentId + '" />');

			let url = '/order/naver/payment/approve';
			let data = {};
			data.pgTid = $('#order_info input[name=pgTid]').val();

			let jsonData = JSON.stringify(data);

			gagajf.ajaxJsonSubmit(url, jsonData, function(result) {
				console.log('====== naverPaymentRequest ======');
				console.log(result.payment);
				console.log(' ');
				fnNaverPaymentOrder();
			});
			
			return true;
		}
		
		// 네이버페이 결제 정보 조회
		var fnNaverPaymentOrder = function() {
			let url = '/order/naver/payment/order';
			let data = {};
			data.pgTid = $('#order_info input[name=pgTid]').val();
			
			let jsonData = JSON.stringify(data);
			
			gagajf.ajaxJsonSubmit(url, jsonData, function(result) {
				console.log('====== naverPaymentOrder ======');
				console.log(result.kakaoPay);
				console.log(' ');
				fnCancelNaverPayment();
			});
			
			return true;
		}

		// 네이버페이 결제 취소
		var fnCancelNaverPayment = function() {
			let url = '/order/naver/payment/cancel';
			let data = {};
			data.pgTid = $('#order_info input[name=pgTid]').val();
			data.cancelRequester = '1';
			data.cancelReason = '고객변심';
			data.cnclRtnAmt = 1000;
			//data.allCanYn = 'Y';
			
			let jsonData = JSON.stringify(data);
			
			gagajf.ajaxJsonSubmit(url, jsonData, function(result) {
				console.log('====== naverPaymentCancel ======');
				console.log(result.kakaoPay);
				console.log(' ');
				
			});
		}
	</script>

	<input type="button" id="kakaoBtn" value="카카오테스트버튼" style="width:200px; height:200px;"/>
	<input type="button" id="naverBtn" value="네이버테스트버튼" style="width:200px; height:200px;"/>
<!-- // card007 -->


<!--  container -->
<form id="payForm" name="payForm">
	<br>
	<!-- 주문고객정보 -->
	<table border="1" style="font-size:10px; text-align:center;">
		<tr style="height:30px;">
			<th>custNm</th>
			<th>email</th>
			<th>cellPhnno</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="recipZipcode"></td>
			<td class="recipBaseAddr"></td>
			<td class="recipDtlAddr"></td>
			<td class="delvMemo"></td>
			<td class="foreignBuyYn"></td>
			<td class="orderMadeYn"></td>
		</tr>
	</table>
	
	<br>
	<!-- 사은품정보 -->
	<table border="1" style="font-size:10px; text-align:center;">
		<tr style="height:30px;">
			<th>freegiftValArr</th>
			<th>freegiftUsePointArr</th>
		</tr>
		<tr style="height:30px;">
			<td class="freegiftValArr"></td>
			<td class="freegiftUsePointArr"></td>
		</tr>
	</table>
	
	<br>
	<!-- 주문상세금액 -->
	<table border="1" style="font-size:10px; text-align:center;">
		<tr style="height:30px;">
			<th>cartSq</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>shoDelvYn</th>
			<th>foreignYn</th>
			<th>orderMadeYn</th>
		</tr>
		<th:block th:each="delvAllCart, index : ${delvCartGoodsList}">
			<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="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>
					</tr>
				</th:block>
			</th:block>
		</th:block>
	</table>
	
	<br>
	<!-- 주문금액합계 -->
	<table border="1" style="font-size:10px; text-align:center;">
		<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>주문&#47;결제</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 -->
					<form class="form_wrap">
						<div class="od_cont">
							<div class="sec_head">
								<div class="tbl type4">
									<table>
										<colgroup>
											<col width="240">
											<col width="*">
										</colgroup>
										<tbody>
											<tr>
												<th>총 <span class="c_primary bold" th:text="${delvFeeCdCnt}"></span> 건으로 나뉘어 배송 예정</th>
												<td class="t_l">
													<span>총알배송<em class="c_primary bold" th:text="${shotCnt}" id="shotCnt"></em>건</span>
													<span>STYLE24<em class="c_primary bold" th:text="${wmsCnt}" id="wmsCnt"></em>건</span>
													<span>업체직배송<em class="c_primary bold" th:text="${delvCnt}"></em>건</span>
													<span>예약배송<em class="c_primary bold" 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>
						</div>
						
						<div class="od_side">
							<div class="area_order">
								<div class="tit_box">
									<h3 class="subH2">주문내역</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>
										<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">0원</span></dd>
										</div>
										<div>
											
											<dt>상품권 사용</dt>
											<dd><span class="disc_amount" id="gfcdUseAmt">0원</span></dd>
										</div>
									</dl>
								</div>
								
								<div class="totalprice_box">
									<dl>
										<dt>총 결제 예정 금액</dt>
										<dd data-weight="price" data-font="lato">
											<span id="realOrdAmt"></span>원
										</dd>
									</dl>
									<p class="info_point">스타일 포인트 
										<span class="save_point" id="savePntSumAmt" th:text="|${#numbers.formatInteger(savePntSumAmt, 1, 'COMMA')}P|"></span> 적립예정
									</p>
								</div>
								
							</div>
						</div>
					</form>
					<!-- // CONT-BODY -->
				</div>
			</div>
		</div>
	</div>
</form>

<!-- // container -->
<footer id="footer"></footer>

<!-- 배송지변경팝업 -->
<div class="modal fade od_pop adrsChange_pop" id="adrsChangePop" tabindex="-1" role="dialog" aria-labelledby="adrsChangeLabel" aria-hidden="true"></div>

<!-- 배송지수정팝업 -->
<div class="modal fade od_pop adrsModify_pop" id="adrsModifyPop" tabindex="-1" role="dialog" aria-labelledby="adrsModifyLabel" aria-hidden="true"></div>

<!-- 배송지추가팝업 -->
<div class="modal fade od_pop adrsAdd_pop" id="adrsAddPop" tabindex="-1" role="dialog" aria-labelledby="adrsAddLabel" aria-hidden="true"></div>

<!-- 배송요청사항수정 팝업 -->
<div class="modal fade od_pop rqstModify_pop" id="rqstModifyPop" tabindex="-1" role="dialog" aria-labelledby="rqstModifyLabel" aria-hidden="true"></div>

<!-- 사은품지급안내 팝업 -->
<div class="modal fade od_pop infoGift_pop" id="infoGiftPop" tabindex="-1" role="dialog" aria-labelledby="infoGiftLabel" aria-hidden="true"></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		= [[${foreignBuyYn}]];			// 해외구매대행여부
var orderMadeYn			= [[${orderMadeYn}]];			// 주문제작상품여부

var custCpnSq 			= 0;
var cpnIndex			= 0;
var cpnApplyTemp		= false;

//AJAX 로드를 위한 변수 설정
var jsonObj 			= {};
var jsonData			= null;

// 컨텐츠 호출
$(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
		, "foreignBuyYn"	: foreignBuyYn
		, "orderMadeYn"		: orderMadeYn
	}
	
	jsonData = JSON.stringify(jsonObj);

	// 1. AJAX 정보(회원정보로드)
	custemerInfoSet(jsonData);
});

// 1. 함수기능 정의
// 1.1 고객정보로드
var custemerInfoSet = function(jsonData) {
	$.ajax( {
		type		: "POST",
		url 		: '/order/custemerInfo',
		data		: jsonData,
		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(jsonData);
		}
	});
}

// 1.2 배송정보로드
var deliveryAddrInfoSet = function(jsonData) {
	$.ajax( {
		type		: "POST",
		url 		: '/order/deliveryAddrInfo',
		data		: jsonData,
		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) {
				$("#deliveryAddrInfo").css("display", "block");
				$("#deliveryAddrInfo").html(result);
				
				// 배송정보설정
				$(".recipZipcode").text($("input[name='recipZipcode'").val());
				$(".recipBaseAddr").text($("input[name='recipBaseAddr'").val());
				$(".recipDtlAddr").text($("input[name='recipDtlAddr'").val());
				$(".delvMemo").text($("input[name='delvMemo'").val());
				$(".foreignBuyYn").text($("input[name='foreignBuyYn'").val());
				$(".orderMadeYn").text($("input[name='orderMadeYn'").val());
			}
			
			// 1.3 총알배송가능 지역, 총알배송 가능 시간 체크(초기로드정보)
			fnGetDailyDeliveryCheck(true);
		}
	});
}

// 1.3 총알배송가능 지역, 총알배송 가능 시간 체크
var fnGetDailyDeliveryCheck = function (temp) {
	
	// 장바구니 총알배송 사용여부 체크 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);
			}
			
			// 1.5 사은품정보로드
			if (temp) {
				freegiftInfoSet(jsonData);
			}
		}
	});
}

// 1.5 사은품정보로드
var freegiftInfoSet = function(jsonData) {
	
	$.ajax( {
		type		: "POST",
		url 		: '/order/freegiftInfo',
		data		: jsonData,
		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(jsonData);
		}
	});
}

// 1.6 결제타입로드
var paymentInfoSet = function(jsonData) {
	$.ajax( {
		type		: "POST",
		url 		: '/order/paymentInfo',
		data		: jsonData,
		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);
				
				// 1.8 할인영역 설정
				dcAmtInfoSet(jsonData);
			}
		}
	});
}

// 1.7 프로모션 쿠폰 적용 함수
var serialCpnApply = function(){
	let data = {
		rdCpnNm : $("#payForm #serialCpnNm").val()
	}

	let jsonData = JSON.stringify(data);

	$.ajax( {
		type			: "POST",
		url 			: '/cart/list/serialCpnApply',
		contentType		: 'application/json',
		dataType 		: 'json',
		data 			: jsonData,
		success 		: function(result) {
			var jsonObj 	= {"cartSqArr" : cartSqArr,"dispYn" : "Y"};
			var jsonData 	= JSON.stringify(jsonObj);

			// 성공일때는 쿠폰정보 및 포인트 정보 reset
			if (result.serialCpnInfo.result == "SUCCESS") {
				// 1.8 할인영역 재로드
				dcAmtInfoSet(jsonData);
			} else {
				alert(result.serialCpnInfo.result);
			}
		}
	});
}

// 1.8 할인영역 설정 (쿠폰, 선포인트, 포인트, 상품권)
var dcAmtInfoSet = function(jsonData) {
	// 1.8.1 할인정보로드
	$.ajax( {
		type		: "POST",
		url 		: '/order/dcAmtInfo',
		data		: jsonData,
		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);
				
				// 1.8.2 쿠폰적용초기화(할인율최고)
				custCpnInit();
				
				// 1.8.3 쿠폰 SELECT BOX 기능 설정(js적용)
				$('.select_custom.type1').each(function(index){
					var selecter01 	= new sCombo($(this));
					
					// 선택박스 버튼기능 구현
					$(this).find("ul li").each(function(i){
						
						// SELECT BOX 버튼 기능 설정
						$(this).on("click", function(){
							// 쿠폰 선택없음
							if ($(this).prop("value") == 0) {
								// 쿠폰 선택없음
								cpnApplyDel($(this));
							}
							// 쿠폰선택
							else {
								// 쿠폰중복체크 후 적용
								if (custCpnDuplicationCheck($(this).prop("value"), index)) {
									// 쿠폰적용
									custCpnApply($(this));
								} else {
									alert("이미 적용된 쿠폰 입니다.");
									
									// 쿠폰적용불가
									custCpnNotApply($(this));
								}
								
								// 쿠폰할인금액 SUM
								custCpnSumAmtCal();
								
								// 최대할인혜택적용 체크해제
								if ($("#chk-maxdisc").is(":checked")) {
									$("#chk-maxdisc").attr("checked", false);
								}
							}
						});
					});
				});
				
				// 1.8.4 쿠폰 최대할인금액 초기화 버튼 설정
				$("#chk-maxdisc").on("click", function(){
					if ($(this).is(":checked")) {
						custCpnInit();
					}
				});

				// 1.8.5 쿠폰할인적용 삭제 버튼
				$(".btn_del_coupon").on("click", function(){
					//선택없음선택
					$(this).parent().parent().find("ul li").each(function(i){
						if (i == 0) {
							cpnApplyDel($(this)); // 쿠폰 선택없음
						}
					});
				});
				
				// 1.8.6 선포인트 적용 버튼 기능
				$("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();
					});
				});
				
				// 1.8.7 포인트 적용버튼 기능
				$("#btn_point_apply").on("click", function(){
					var rmPntAmt 			= parseInt($("input[name='rmPntAmt']").val());
					var freegiftUsePnt 		= parseInt($(".freegiftUsePnt").text());
					var pntDcAmt 			= parseInt($("input[name='pntDcAmtStr']").val());
					var realOrdAmt 			= parseInt($(".realOrdSumAmt").text());
					var applyPntDcAmt 		= (realOrdAmt * 40) / 100;
					
					rmPntAmt				= rmPntAmt - freegiftUsePnt;
					
					// 입력여부체크
					if (pntDcAmt < 1) {
						alert("사용할 포인트를 입력해주세요");
						// 포인트리셋기능
						pntDcAmtReset();
						return false;
					}
					
					// 보유포인트보다 초과 사용 불가
					if (pntDcAmt > rmPntAmt) {
						alert("보유포인트 보다 초과 사용 할 수 없습니다.");
						// 포인트리셋기능
						pntDcAmtReset();
						return false;
					}

					// TODO 포인트 사용금액 1000P 이상 사용
					if (pntDcAmt < 1000) {
						alert("포인트는 최소 1,000P이상 사용해야 합니다.");
						// 포인트리셋기능
						pntDcAmtReset();
						return false;
					}
					
					// 실결제금액보다 크게 적용 되었을때 적용 불가능
					if (pntDcAmt > applyPntDcAmt) {
						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($("input[name='rmGfcdAmt']").val());
					var gfcdUseAmt 		= parseInt($("input[name='gfcdUseAmtStr']").val());
					
					// 입력여부체크
					if (gfcdUseAmt < 1 || $("input[name='gfcdUseAmtStr']").val() == "") {
						alert("사용할 금액을 입력해주세요");
						// 상품권리셋기능
						gfcdUseAmtReset();
						return false;
					}
					
					// 보유금액보다 초과 사용 불가
					if (gfcdUseAmt > rmGfcdAmt) {
						alert("보유금액 보다 초과 사용 할 수 없습니다.");
						// 상품권리셋기능
						gfcdUseAmtReset();
						return false;
					}

					// TODO 포인트 사용금액 1000원 이상 사용
					if (gfcdUseAmt < 1000) {
						alert("상품권 사용금액은 최소 1,000원 이상 사용해야 합니다.");
						// 상품권리셋기능
						gfcdUseAmtReset();
						return false;
					}
					
					// 상품권 적용
					$(".gfcdUseSumAmt").text(gfcdUseAmt);
					$("#gfcdUseAmt").text("-"+gfcdUseAmt.addComma()+"원");
					
					// 금액전체계산
					custCpnSumAmtCal();
				});
			}
		}
	});
}

// 1.9 쿠폰 최대할인율 쿠폰적용
var custCpnInit = function() {
	
	// 쿠폰적용없음적용
	$(".select_custom.type1").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");
		
		$(this).find(".select").text("선택없음");
		$(this).find(".cp_discount").css("display", "none");
	});
	
	// 최대할인율 쿠폰적용
	$('.select_custom.type1').each(function(index){
		cpnIndex 		= 0;
		cpnApplyTemp 	= false;
		
		// select 박스 반복문 실행
		$(this).find("ul li").each(function(i){
			cpnIndex++;
			
			// 1이상부터 중복 체크
			if (cpnApplyTemp == false) {
				if (cpnIndex > 1) {
					if (custCpnDuplicationCheck($(this).prop("value"), index)) {
						// 쿠폰적용
						custCpnApply($(this));
						// 쿠폰할인적용
						cpnApplyTemp = true;
					}
				}
			}
		});
	});
	
	// 포인트기능 리렛
	pntDcAmtReset();
}

// 1.10 쿠폰중복사용체크
var custCpnDuplicationCheck = function(custCpnSq, index) {
	var selCustSq 	= 0;
	var cnt 		= 0;

	// 쿠폰중본사용체크
	$("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 쿠폰중복체크 후 적용가능
var custCpnApply = function(obj) {
	// select box 쿠폰 적용
	var cpnType 	= obj.parent().parent().find("input[name='cpnType']").val();
	
	// 상품쿠폰적용
	if (cpnType == "goodsCpn") {
		// 적용된 할인금액 text 설정 
		var dcAmtStr = "- " + parseInt(obj.attr("data")).addComma() + " 원 할인적용";
		obj.parent().parent().parent().parent().parent().find(".cp_amount").text(dcAmtStr);
		
		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.parent().parent().find("input[name='cpnDcAmt']").val(obj.attr("data"));
	} 
	// 장바구니쿠폰적용
	else if (cpnType == "cartCpn") {
		var dcWay 				= obj.parent().find("input[name='dcWay']").val();
		var dcVal 				= obj.parent().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 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;
					tempSumAmt			= tempSumAmt + tempAmt; 
					
					// 할인율일때 할인금액 
					if (dcWay == "G240_20") {
						cartCpnDcAmt = (tempAmt * dcVal) / 100;
						cartCpnDcSumAmt = cartCpnDcSumAmt + cartCpnDcAmt;
						
						$(this).parent().find(".cartCpnSq").val(obj.prop("value"));
						$(this).parent().find(".cartCpnDcAmt").val(cartCpnDcAmt);
					}
				}
			});
		});
		
		// 금액일때 할인금액 적용
		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.prop("value"));
						$(this).parent().find(".cartCpnDcAmt").text(cartCpnDcAmt);
						
						index++;
					}
				});
			});
		} 
		
		obj.parent().parent().find("input[name='cpnDcAmt']").val(cartCpnDcSumAmt);
		
		var dcAmtStr = "- " + cartCpnDcSumAmt.addComma() + " 원 할인적용";
		obj.parent().parent().parent().parent().parent().find(".cp_amount").text(dcAmtStr);
	}
	// 배송비쿠폰적용
	else if (cpnType == "delvCpn") {
		// 적용된 할인금액 text 설정 
		var dcAmtStr = "- " + parseInt(obj.attr("data")).addComma() + " 원 할인적용";
		obj.parent().parent().parent().parent().parent().find(".cp_amount").text(dcAmtStr);
		
		var cpnCartSq 	= obj.parent().parent().find("input[name='cpnCartSq']").val();
		
		obj.parent().parent().find("input[name='cpnDcAmt']").val(obj.attr("data"));
		obj.parent().parent().find("input[name='delvFeeCd']").val(obj.attr("delvfeecd"));
		
		$(".delvCpnDcSumAmt").text(obj.attr("data"));
	}
	
	// select box 쿠폰 적용 (공통적용)
	obj.parent().parent().find("input[name='custCpnSq']").val(obj.prop("value"));
	obj.parent().parent().find(".select").text(obj.text());
	
	// 선택된 할인금액 노출
	obj.parent().parent().parent().parent().parent().find(".cp_discount").css("display", "block");
	
	// 포인트기능 리렛
	pntDcAmtReset();
}

// 1.12 쿠폰중복체크 후 적용불가
var custCpnNotApply = function(obj) {
	// 이전에 등록된 쿠폰시퀀스  
	var custCpnSq = obj.parent().parent().find("input[name='custCpnSq']").val();

	// 이전에 등록된 쿠폰시퀀스 비교후 데이타 원복
	obj.parent().find("li").each(function(){
		if ($(this).prop("value") == custCpnSq) {
			$(this).parent().parent().find(".select").text($(this).text());
			
			if (custCpnSq == 0) {
				$(this).parent().parent().parent().parent().parent().find(".cp_discount").css("display", "none");
			} else {
				$(this).parent().parent().parent().parent().parent().find(".cp_discount").css("display", "block");
			}
		}
	});
	
	// 포인트기능 리렛
	pntDcAmtReset();
}

// 1.13 쿠폰 선택없음 기능 구현
var cpnApplyDel = function(obj) {
	// 쿠폰타입(상품쿠폰, 장바구니쿠폰, 배송비쿠폰)
	var cpnType = obj.parent().parent().find("input[name='cpnType']").val();
	
	// 상품쿠폰적용
	if (cpnType == "goodsCpn") {
		// select box 쿠폰 적용
		var cpnCartSq = obj.parent().parent().find("input[name='cpnCartSq']").val();
		
		// 장바구니시퀀스 체크
		$(".cartSq").each(function(){
			if (cpnCartSq == $(this).text()) {
				$(this).parent().find(".goodsCpnSq").text("0");			// 상품쿠폰시퀀스
				$(this).parent().find(".goodsCpnDcAmt").text("0");		// 상품쿠폰할인금액
			}
		});
	}
	// 장바구니쿠폰적용
	else if (cpnType == "cartCpn") {
		// 장바구니쿠폰 시퀀스 0, 장바구니할인금액 0
		$(".cartSq").each(function(){
			$(this).parent().find(".cartCpnSq").text("0");
			$(this).parent().find(".cartCpnDcAmt").text("0");
		});
	}
	// 배송비쿠폰적용
	else if (cpnType == "delvCpn") {
		// 장바구니쿠폰 시퀀스 0, 장바구니할인금액 0
		//$("input[name='custCpnSq']").each(function(){
			//$(this).parent().find("input[name='delvFeeCd']").val("0");
		//});
		
		obj.parent().parent().find("input[name='delvFeeCd']").val("0");
	}
	
	obj.parent().parent().find("input[name='custCpnSq']").val("0");
	obj.parent().parent().find("input[name='cpnDcAmt']").val("0");

	obj.parent().parent().find(".select").text("선택없음");
	obj.parent().parent().parent().parent().parent().find(".cp_discount").css("display", "none");
	
	// 포인트기능 리렛
	pntDcAmtReset();
	
	// 최대할인혜택적용 체크해제
	if ($("#chk-maxdisc").is(":checked")) {
		$("#chk-maxdisc").attr("checked", false);
	}
}

// 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);
		}
	});

	$("#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;
	
	$("input[name='cpnDcAmt']").each(function(){
		cpnDcSumAmt = cpnDcSumAmt + parseInt($(this).val());
		
		// 적용된 쿠폰 수량
		if (parseInt($(this).val()) > 0) {
			cpnApplyCnt++;
		}
	});
	
	// 쿠폰영역
	$(".maxdisc_amount").text("(-" + cpnDcSumAmt.addComma() + "원)"); // 쿠폰할인금액합계
	$("#cpnApplyCnt").text(cpnApplyCnt + "장");
	
	// 상품목록영역
	$("#couponDcSumAmt").text("-" + cpnDcSumAmt.addComma() + "원"); // 쿠폰할인금액합계
	$(".cpnDcSumAmt").text(cpnDcSumAmt);
	
	// 배송비할인적용
	$("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;
		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++;
	});
	
	$(".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() + "원"); // 총 결제 예정 금액
	
	var tempSavePnt			= savePntSumAmt - prePntDcAmt;
	
	// 사은품사용 후 보유포인트	
	var rmPntAmt 			= parseInt($("input[name='rmPntAmt']").val());
	var freegiftUsePnt 		= parseInt($(".freegiftUsePnt").text());
	rmPntAmt 				= rmPntAmt - freegiftUsePnt; 
	$(".rmPntAmt").text("보유 : " + rmPntAmt.addComma() + "P");
	
	// 걸제영역
	$("#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);	// 사은품사용포인트배열
};


</script>

<script th:inline="javascript">
// 화면준비상태
$(document).ready( function() {
	// 배송지변경 팝업열기
	$(document).on('click','#btn_adrsChange_pop',function(e){
		$.ajax( {
			type		: "POST",
			url 		: '/order/delvAddrChangePop',
			dataType 	: 'html',
			success 	: function(result) {
				if (result != null) {
					$("#adrsChangePop").html(result);
					$("#adrsChangePop").modal("show");
				}
			}
		});
		
		return false;
	});

	// 배송지추가 팝업열기
	$(document).on('click','#btn_addrAdd_pop',function(e){
		$.ajax( {
			type		: "POST",
			url 		: '/order/delvAddrAddPop',
			dataType 	: 'html',
			success 	: function(result) {
				if (result != null) {
					$("#adrsAddPop").html(result);
					$("#adrsAddPop").modal("show");
				}
			}
		});
		
		return false;
	});

	// 배송지수정 팝업열기
	$("#btn_addrModify_pop").on("click", function(e){
		$.ajax( {
			type		: "POST",
			url 		: '/order/delvAddrModifyPop',
			dataType 	: 'html',
			success 	: function(result) {
				if (result != null) {
					$("#adrsModifyPop").html(result);
					$("#adrsModifyPop").modal("show");
				}
			}
		});
		
		return false;
	});

	// 배송요청사항 팝업열기
	$("#btn_rqstModify_pop").on("click", function(e){
		var jsonObj = new Object();
		jsonObj.delvMemo = $("input[name='delvMemo']").val();
		
		$.ajax({
			type		: "POST",
			url 		: "/order/delvMemoChangePop",
			data		: jsonObj,
			dataType 	: "html",
			success 	: function(result) {
				if (result != null) {
					$("#rqstModifyPop").html(result);
					$("#rqstModifyPop").modal("show");
				}
			}
		});
		
		return false;
	});
	
	// 해외배송 입력
	$(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;
	});

	// 사은품지급안내 팝업열기
	$("#btn_infoGift_pop").on("click",function(e){
		$.ajax({
			type		: "POST",
			url 		: "/order/freegiftInfoPop",
			dataType 	: "html",
			success 	: function(result) {
				if (result != null) {
					$("#infoGiftPop").html(result);
					$("#infoGiftPop").modal("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', {
			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;
	});

	// 간편결제등록 > 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;
	});
});
</script>

</th:block>
</body>
</html>