style24
/
style24.front


			
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690
							<!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>

<!-- xodud1202 -->
	<script type="text/javascript">
		/****************************************************************/
		/* m_Completepayment  설명                                      */
		/****************************************************************/
		/* 인증완료시 재귀 함수                                         */
		/* 해당 함수명은 절대 변경하면 안됩니다.                        */
		/* 해당 함수의 위치는 payplus.js 보다먼저 선언되어여 합니다.    */
		/* Web 방식의 경우 리턴 값이 form 으로 넘어옴                   */
		/****************************************************************/
		function m_Completepayment( FormOrJson, closeEvent )
		{
			var frm = document.order_info;

			/********************************************************************/
			/* FormOrJson은 가맹점 임의 활용 금지                               */
			/* frm 값에 FormOrJson 값이 설정 됨 frm 값으로 활용 하셔야 됩니다.  */
			/* FormOrJson 값을 활용 하시려면 기술지원팀으로 문의바랍니다.       */
			/********************************************************************/
			GetField( frm, FormOrJson );


			if( frm.res_cd.value == "0000" )
			{
				alert("결제 승인 요청 전,\n\n반드시 결제창에서 고객님이 결제 인증 완료 후\n\n리턴 받은 ordr_chk 와 업체 측 주문정보를\n\n다시 한번 검증 후 결제 승인 요청하시기 바랍니다."); //업체 연동 시 필수 확인 사항.
				/*
					가맹점 리턴값 처리 영역
				*/

				frm.submit();
			} else {
				alert( "[" + frm.res_cd.value + "] " + frm.res_msg.value );
				closeEvent();
			}
		}
	</script>

	<script type="text/javascript" th:src="${@environment.getProperty('pg.kcp.js.url')}" src=""></script>

	<script type="text/javascript">
		/* 표준웹 실행 */
		function jsf__pay( form ) {
			try {
				KCP_Pay_Execute( form );
			} catch (e) {
				/* IE 에서 결제 정상종료시 throw로 스크립트 종료 */
			}
		}

		$(document).on("click", "#buyBtn", function() {
			$.ajax( {
				type: "POST",
				url : '/order/create/order',
				dataType : 'html',
				data : {cartSq : 8},
				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" >
		<input type="button" id="buyBtn" value="테스트버튼" style="width:200px; height:200px;"/>
	</form>

<!-- // xodud1202 -->

<!--  container -->
<form id="payForm" name="payForm">
	<input type="hidden" name="delvMemo" th:value="${deliveryAddrInfo.delvMemo}">
		
	<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="${delvFeeTotCnt}"></span> 건으로 나뉘어 배송 예정</th>
												<td class="t_l">
													<span>총알배송<em class="c_primary bold" th:text="${wmsCnt}" id="shotDelv"></em>건</span>
													<span>STYLE24<em class="c_primary bold" th:text="${wmsCnt}" id="wmsDelv"></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">
											<!-- 주문고객정보 -->
											<div class="fold_head">
												<a href="javascript:void(0)">
													<div>
														<div class="fold_tit">
															<span>주문고객</span>
														</div>
														<div class="data">
															<span th:text="${custemerInfo.custNm}"></span>
															<span th:text="${custemerInfo.email}"></span>
															<span th:text="${custemerInfo.cellPhnno}"></span>
														</div>
													</div>
												</a>
											</div>
											<div class="fold_cont" style="display: none;">
												<div class="area_mbinfo">
													<dl>
														<div>
															<dt>
																<span class="sr-only">주문자명</span>
															</dt>
															<dd th:text="${custemerInfo.custNm}"></dd>
														</div>
														<div>
															<dt>
																<span class="sr-only">이메일</span>
															</dt>
															<dd th:text="${custemerInfo.email}">/dd>
														</div>
														<div>
															<dt>
																<span class="sr-only">휴대폰 번호</span>
															</dt>
															<dd>
																<span th:text="${custemerInfo.cellPhnno}"></span>
																<th:block th:if="${custemerInfo.ci} == null or ${custemerInfo.ci} == ''">
																	<button type="button" class="btn_popup" id="">
																		<span>본인인증하기</span>
																	</button>
																</th:block>
															</dd>
														</div>
													</dl>
												</div>
											</div> <!-- //주문고객정보 -->
										</li>
										<li class="fold_mbinfo">
											<!-- 배송지정보 -->
											<div class="fold_head">
												<a href="javascript:void(0)">
													<div>
														<div class="fold_tit">
															<span>배송지 정보</span>
														</div>
														<div class="data" th:text="${deliveryAddrInfo.recipBaseAddr} + ${deliveryAddrInfo.recipDtlAddr}"></div>
													</div>
												</a>
											</div>
											<div class="fold_cont" style="display: none;">
												<div class="area_mbinfo">
													<dl>
														<div>
															<dt><span class="sr-only">배송지명</span></dt>
															<dd>
																<span th:text="${deliveryAddrInfo.delvAddrNm}"></span>
																<span class="icon_tag">
																	<em class="tag_stype1">기본 배송지</em> 
																	<em class="tag_stype2">총알배송</em>
																</span>
															</dd>
														</div>
														<div>
															<dt>
																<span class="sr-only">배송주소</span>
															</dt>
															<dd>
																<span th:text="${deliveryAddrInfo.recipBaseAddr} + ${deliveryAddrInfo.recipDtlAddr}"></span>
																<button type="button" class="btn_popup" id="btn_adrsChange_pop">
																	<span>배송지 선택</span>
																</button>
															</dd>
														</div>
														<div>
															<dt>
																<span class="sr-only">휴대폰 번호</span>
															</dt>
															<dd th:text="${custemerInfo.cellPhnno}"></dd>
														</div>
														<div>
															<dt>배송요청 사항</dt>
															<dd>
																<span th:text="${deliveryAddrInfo.delvMemo}" id="delvMemo"></span>
																<button type="button" class="btn_popup" id="btn_rqstModify_pop">
																	<span>변경하기</span>
																</button>
															</dd>
														</div>
													</dl>
												</div>
												
												<!-- 해외배송상품일 경우 노출 -->
												<div class="area_overseas">
													<dl>
														<div>
															<dt>개인통관고유부호</dt>
															<dd>
																<div class="form_field">
																	<div>
																		<input type="radio" name="rdi-overseas" id="rdi-overs1" checked> 
																		<label for="rdi-overs1"><span>받는사람 개인통관고유부호</span></label>
																	</div>
																	<div>
																		<input type="radio" name="rdi-overseas" id="rdi-overs2">
																		<label for="rdi-overs2"><span>입력 안 함</span></label>
																	</div>
																	<div class="info_box overs1">
																		<div class="input_wrap">
																			<input type="text" class="form_control err" maxlength="13" placeholder="P로 시작하는 13자리">
																			<!-- 유효하지 않은 개인통관고유부호 일때 class명 'err' 추가 -->
																		</div>
																		<div class="t_err">개인통관고유부호가 유효하지 않습니다.</div>
																		<!-- 유효하지 않은 개인통관고유부호 일때 노출 -->
																		<div class="agree_overs">
																			<input id="chk-overs-agr" type="checkbox" checked="">
																			<label for="chk-overs-agr">
																				<span>
																					위 정보는 원활한 통관을 위해 수집 및 판매자에게 제공하며,계속 사용하도록 안전하게 STYLE24에서 저장 &#47; 관리 합니다.&nbsp;&nbsp;
																					<em class="tmark_required">(필수)</em>
																				</span>
																			</label>
																		</div>
																	</div>
																	<div class="info_box overs2" style="display: none;">
																		<p>개인통관고유부호를 입력하지 않아도 관세사무소에서 개인정보 확인을 위해 별도 연락을 드릴 예정입니다.</p>
																	</div>
																</div>
																<div class="info_txt">
																	<ul>
																		<li>물품가액이 $150초과할 경우 관/부과세가 발생 할 수 있습니다.</li>
																		<li>물품 종류와 해외공급자 관계없이 같은 날 입항하게 되면 합산과세 대상이 됩니다.</li>
																	</ul>
																</div>
															</dd>
														</div>
													</dl>
												</div>
												<!-- //해외배송상품일 경우 노출 -->
												
												<!-- 주문제작상품일 경우 노출 -->
												<div class="area_customitem">
													<div class="form_field">
														<div class="agree_custom">
															<input id="chk-custom-agr1" type="checkbox" checked="">
															<label for="chk-custom-agr1">
																<span>고객님께서 주문하신 상품에는 주문제작상품이 포함되어 있습니다.<br>주문제작상품에 대한 안내를 확인하였으며 배송에 동의합니다.&nbsp;&nbsp;
																	<em class="tmark_required">(필수)</em>
																</span>
															</label>
														</div>
													</div>
													<div class="info_txt">
														<ul>
															<li>주문 제작 상품은 주문 후 제작이 진행되며, 제작 완료 후 배송이 시작됩니다.</li>
															<li>주문 제작 상품의 특성상 주문 완료 후 취소/교환이 불가능합니다. (상품 하자에 한해 가능)</li>
														</ul>
													</div>
												</div>
												<!-- //주문제작상품일 경우 노출 -->
											</div> <!-- //배송지정보 -->
										</li>
										
										<!-- 사은품선택 -->
										<th:block th:if="${freegiftList != null && #lists.size(freegiftList) > 0}">
											<li>
												<div class="fold_head">
													<a href="javascript:void(0)">
														<div>
															<div class="fold_tit">
																<span>사은품 선택</span>
															</div>
															<div class="data">
																<span>사은품 총 <em class="total_gift">0</em>&nbsp;개 선택</span> 
																<span><em class="total_deduct">0</em>&nbsp;P 차감</span>
															</div>
														</div>
													</a>
												</div>
												<div class="fold_cont" style="display: none;">
													<div class="area_selgift">
														<th:block th:each="freegift, i : ${freegiftList}">
															<div class="gift_box">
																<p class="txt">
																	<span th:text="'사은품선택' + ${i.count} + '' + ${freegift.freegiftNm}"></span>
																</p>
																<div class="form_field">
																	<th:block th:each="freegiftGoods, k : ${freegiftGoodsList}">
																		<th:block th:if="${freegift.freegiftSq} == ${freegiftGoods.freegiftSq}">
																			<div class="gift">
																				<input type="radio" th:name="'rdi-gift'+${i.count}" th:id="'rdi-gift'+${i.count}+${k.count}" class="chk_img freegiftRdo" th:value="${freegiftGoods.freegiftValSq}" th:usepoint="${freegiftGoods.usePoint}"> 
																				<label th:for="'rdi-gift'+${i.count}+${k.count}"> 
																					<span class="thumb"><img src="http://ts5000.ipdisk.co.kr:89/images/pc/thumb/tmp_gift1.jpg" width="" alt=""></span>
																					<span class="name" th:text="${freegiftGoods.goodsNm}"></span> 
																					<span th:if="${freegiftGoods.usePoint} < 1" class="deduct" th:text="무료"></span>
																					<span th:if="${freegiftGoods.usePoint} > 0" class="deduct" th:text="|- ${freegiftGoods.usePoint} P|"></span>
																				</label>
																			</div>
																		</th:block>
																	</th:block>
																	<div class="gift">
																		<input type="radio" th:name="'rdi-gift'+${i.count}" th:id="${i.count}+'0'" class="chk_img freegiftRdo" value="noSel" usepoint="0"> 
																		<label th:for="${i.count}+'0'">
																			<span class="thumb"><img src="/images/pc/thumb/tmp_gift_empty.jpg" width=""alt=""></span> 
																			<span class="name">사은품 수령안함</span>
																			<span class="deduct">수령거부</span>
																		</label>
																	</div>
																</div>
															</div>
														</th:block>
														<div class="form_field">
															<div class="agree_gift">
																<p>
																	<input id="chk-agree_gift" type="checkbox">
																	<label for="chk-agree_gift"><span>동의합니다</span></label>
																</p>
																<p class="txt">
																	사은품 지금에 대한 내용을 확인하였으며, 이에 동의합니다.
																	<button type="button" class="btn_link_popup" id="btn_infoGift_pop">
																		<span>보기</span>
																	</button>
																</p>
															</div>
														</div>
													</div>
												</div> <!-- //사은품선택 -->
											</li>
										</th:block>
										
										
										<li>
											<!-- 할인/혜택 사용 -->
											<div class="fold_head">
												<a href="javascript:void(0)">
													<div>
														<div class="fold_tit">
															<span>할인/혜택 사용</span>
														</div>
														<div class="data maxdisc">
															<div class="form_field">
																<input id="chk-maxdisc" type="checkbox" checked="">
																<label for="chk-maxdisc">
																	<span>최대 할인혜택을 바로 적용하세요 <em class="maxdisc_amount"></em></span>
																</label>
															</div>
														</div>
													</div>
												</a>
											</div>
											<div class="fold_cont" style="display: none;">
												<div class="area_seldiscount">
													<dl>
														<div>
															<dt><span class="mid">할인코드</span></dt>
															<dd>
																<div class="form_field">
																	<div class="input_wrap">
																		<input type="text" class="form_control" maxlength="13" placeholder="할인코드를 입력해주세요.">
																		<button type="button" class="btn btn_dark">적용</button>
																	</div>
																</div>
															</dd>
														</div>
														<div>
															<dt>할인쿠폰</dt>
															<dd>
																<a href="javascript:void(0);" class="btn_coupon_toggle">할인쿠폰 <span id="cpnApplyCnt"></span>적용</a>
																<div class="coupon_list">
																	<ul>
																		<!--  상품쿠폰 -->
																		<th:block th:each="goods, i : ${goodsApplyCpnList}">
																			<th:block th:if="${goods.goodsCpnList.size() > 0}">
																				<li>
																					<div class="coupon">
																						<div class="item_gd">
																							<figure>
																								<span class="thumb"><img src="/images/pc/thumb/tmp_odSide1.jpg" alt=""></span>
																								<figcaption>
																									<div class="brand" th:text="${goods.brandEnm}+' '+${goods.brandKnm}"></div>
																									<div class="name" th:text="${goods.goodsNm}"></div>
																									<div class="price">
																										<th:block th:if="${goods.tmtbDcAmt} > 0">
																											<span class="selling_price"  th:text="${#numbers.formatInteger(goods.tmtbDcAmt, 1, 'COMMA')}"></span>
																										</th:block>
																										<th:block th:if="${goods.tmtbDcAmt} < 1">
																											<span class="selling_price"  th:text="${#numbers.formatInteger(goods.currPrice, 1, 'COMMA')}"></span>
																										</th:block>
																									</div>
																								</figcaption>
																							</figure>
																						</div>
																						 
																						<div class="form_field">
																							<div class="select_custom type1">
																								<div class="combo">
																									<input type="hidden" name="cpnType" value="goodsCpn"/>
																									<input type="hidden" name="cpnCartSq" th:value="${goods.cartSq}"/>
																									<input type="hidden" name="custCpnSq" value="0"/>
																									<input type="hidden" name="cpnDcAmt" value="0"/>
																									
																									<div class="select">선택없음</div>
																									<ul class="list">
																										<li value="0">선택없음</li>
																										<th:block th:each="goodsCpn, k : ${goods.goodsCpnList}">
																											<li th:value="${goodsCpn.custCpnSq}" th:data="${goodsCpn.cpnDcAmt}" th:text="${goodsCpn.cpnNm}"></li>
																										</th:block>
																									</ul>
																								</div>
																							</div>
																						</div>
																						<div class="cp_discount" style="display:none;">
																							<span class="cp_amount"></span>
																							<button type="button" class="btn_del_coupon"><span>쿠폰적용해제</span></button>
																						</div>
																					</div>
																				</li>
																			</th:block>
																		</th:block>
																		<!--  상품쿠폰 -->

																		<!--  장바구니쿠폰 -->
																		<th:block th:if="${cartCpnList.size() > 0}">
																			<li>
																				<div class="coupon">
																					<div class="form_field">
																						<div class="select_custom type1">
																							<div class="combo">
																								<input type="hidden" name="cpnType" value="cartCpn"/>
																								<input type="hidden" name="custCpnSq" value="0"/>
																								<input type="hidden" name="cpnDcAmt" value="0"/>
																								
																								<div class="select">선택없음</div>
																								<ul class="list">
																									<li value="0">선택없음</li>
																									<th:block th:each="cartCpn, k : ${cartCpnList}">
																										<li th:value="${cartCpn.custCpnSq}" th:data="${cartCpn.cpnDcAmt}">
																											<th:block th:text="${cartCpn.cpnNm}"></th:block>
																											<input type="hidden" name="dcWay" th:value="${cartCpn.dcWay}"/>
																											<input type="hidden" name="dcVal" th:value="${cartCpn.dcVal}"/>
																											<th:block th:each="cartCpnCartSq, kokok : ${cartCpn.cartCpnCartSqArr}"> 
																												<input type="hidden" name="cartCpnCartSq" th:value="${cartCpnCartSq}" />
																											</th:block>
																										</li>
																									</th:block>
																								</ul>
																							</div>
																						</div>
																					</div>
																					<div class="cp_discount">
																						<span class="cp_amount"></span>
																						<button type="button" class="btn_del_coupon"><span>쿠폰적용해제</span></button>
																					</div>
																				</div>
																			</li>
																		</th:block>
																		<!--  장바구니쿠폰 -->
																		
																		<!--  배송비쿠폰 -->
																		<th:block th:if="${delvCpnList.size() > 0}">
																			<li>
																				<div class="coupon">
																					<div class="form_field">
																						<div class="select_custom type1">
																							<div class="combo">
																								<input type="hidden" name="cpnType" value="delvCpn"/>
																								<input type="hidden" name="custCpnSq" value="0"/>
																								<input type="hidden" name="cpnDcAmt" value="0"/>
																								<input type="hidden" name="delvFeeCd" value="0"/>
																								
																								<div class="select" value="0">선택없음</div>
																								<ul class="list">
																									<li value="0">선택없음</li>
																									<th:block th:each="delvCpn, k : ${delvCpnList}">
																										<li th:value="${delvCpn.custCpnSq}" th:data="${delvCpn.cpnDcAmt}" th:delvfeecd="${delvCpn.delvFeeCd}" th:text="${delvCpn.cpnNm}"></li>
																									</th:block>
																								</ul>
																							</div>
																						</div>
																					</div>
																					<div class="cp_discount">
																						<span class="cp_amount"></span>
																						<button type="button" class="btn_del_coupon"><span>쿠폰적용해제</span></button>
																					</div>
																				</div>
																			</li>
																		</th:block>
																		<!--  배송비쿠폰 -->
																	</ul>
																</div>
															</dd>
														</div>
													</dl>
												</div>
												
												<div class="area_selpoint">
													<dl>
														<th:block th:if="${prePntDcAmt} > 0">
															<div>
																<dt>선 포인트 사용</dt>
																<dd>
																	<div class="form_field">
																		<div>
																			<input type="radio" name="rdi-beforpoint" id="rdi-beforpoint1"> 
																			<label for="rdi-beforpoint1"><span>사용 안함</span></label>
																		</div>
																		<div>
																			<input type="radio" name="rdi-beforpoint" id="rdi-beforpoint2"> 
																			<label for="rdi-beforpoint2"><span>사용함</span></label> 
																			<span class="remain_point" th:text="|사용가능 포인트 : ${#numbers.formatInteger(prePntDcAmt, 1, 'COMMA')} P|"></span>
																		</div>
																	</div>
																</dd>
															</div>
														</th:block>
														<div>
															<dt>
																<span class="mid">스타일 포인트</span>
															</dt>
															<dd>
																<div class="form_field">
																	<!-- 스타일 포인트 3만원 이상 결제시 노출 -->
																	<th:block th:if="${goodsSumAmt} >= 30000">
																		<div class="input_wrap">
																			<input type="text" class="form_control" maxlength="" placeholder="사용할 포인트를 입력해주세요.">
																			<button type="button" class="btn btn_dark">적용</button>
																		</div>
																	</th:block>
																	<!-- 스타일 포인트 3만원 이상 결제시 노출 -->
																	
																	<!-- 스타일 포인트 3만원 미만 결제시 노출 -->
																	<th:block th:if="${goodsSumAmt} < 30000">
																		<div class="input_wrap">
																			<input type="text" class="form_control" maxlength="" placeholder="3만원 이상 결제시에만 포인트 사용이 가능합니다." disabled>
																		</div>
																		<!-- //스타일 포인트 3만원 미만 결제시 노출 -->
																		<p><span class="remain_point" th:text="|보유 : ${#numbers.formatInteger(rmPntAmt, 1, 'COMMA')} P|"></span>(결제금액의 최대 40%까지 사용가능)</p>
																	</th:block>
																</div>
															</dd>
														</div>
														<div>
															<dt>
																<span class="mid">상품권</span>
															</dt>
															<dd>
																<div class="form_field">
																	<div class="input_wrap">
																		<input type="text" class="form_control" maxlength="" placeholder="사용할 금액을 입력해주세요.">
																		<button type="button" class="btn btn_dark">적용</button>
																	</div>
																	<p><span class="remain_point" th:text="|보유 : ${#numbers.formatInteger(rmGfcdAmt, 1, 'COMMA')} 원|"></span></p>
																	<div class="agree_receipt">
																		<input id="chk-receipt" type="checkbox"> 
																		<label for="chk-receipt"><span>상품권 현금영수증 신청</span></label>
																		<div class="info_box">
																			<div class="input_wrap">
																				<input type="text" class="form_control" maxlength="11" placeholder="">
																			</div>
																		</div>
																	</div>
																</div>
															</dd>
														</div>
													</dl>
												</div>
											</div> <!-- //할인/혜택 사용 -->
										</li>
										<li class="fold_paymethod">
											<!-- 결제수단 선택 -->
											<div class="fold_head">
												<a href="javascript:void(0)">
													<div>
														<div class="fold_tit"><span>결제수단 선택</span></div>
														<div class="data"><span>STYLE24 간편결제</span></div>
													</div>
												</a>
											</div>
											<div class="fold_cont" style="display: none;">
												<div class="area_paymethod">
													<div class="form_field">
														<div class="radio_blk">
															<div class="paymethod_radio">
																<input type="radio" name="rdi-paymethod" id="rdi-paymethod-quick" value=""> 
																<label for="rdi-paymethod-quick"><span>STYLE24 간편결제</span></label>
																<div class="quickpay_bnr">
																	<span>3초면 결제 끝! 추가 혜택 할인과 함께 만나는 STYLE24 간편결제! 지금 바로 등록하세요!</span>
																	<button type="button" class="btn_close_bnr">
																		<span class="sr-only">닫기</span>
																	</button>
																</div>
															</div>
															<div class="paymethod_box" style="display: none;">
																<div class="card_quickpay">
																	<!-- 등록카드 없을때 -->
																	<div class="empty">
																		<button type="button" class="btn_addcard">
																			<span>결제수단 등록</span>
																		</button>
																	</div>
																	<!-- //등록카드 없을때 -->
																	
																	<!-- 등록카드 있을때 -->
																	<div class="list_card swiper-container">
																		<div class="swiper-wrapper">
																			<div class="swiper-slide">
																				<!-- 등록된 카드 -->
																				<div class="card">
																					<span class="logo_samsung">삼성카드</span>
																					<p class="number">
																						<span>9410</span> <span>09**</span> <span>****</span>
																						<span>1287</span>
																					</p>
																					<p class="name">삼성개인특별카드</p>
																					<select name="" id="" class="select_month">
																						<option value="">일시불</option>
																						<option value="">2개월 무이자</option>
																						<option value="">3개월 무이자</option>
																						<option value="">4개월 무이자</option>
																						<option value="">5개월 무이자</option>
																						<option value="">6개월 무이자</option>
																						<option value="">7개월</option>
																						<option value="">8개월</option>
																						<option value="">9개월</option>
																						<option value="">10개월</option>
																						<option value="">11개월</option>
																						<option value="">12개월</option>
																					</select>
																					<div class="etc">
																						<button type="button" class="btn_favorcard">
																							<span><i class="ico ico_star"></i><em class="sr-only">즐겨찾기</em></span>
																						</button>
																						<button type="button" class="btn_delcard">
																							<span><i class="ico ico_trash_wh"></i><em class="sr-only">카드삭제</em></span>
																						</button>
																					</div>
																				</div>
																				<!-- //등록된 카드 -->
																			</div>
																			<div class="swiper-slide">
																				<!-- 등록된 카드 -->
																				<div class="card">
																					<span class="logo_hyundai">현대카드</span>
																					<p class="number">
																						<span>9410</span> <span>09**</span> <span>****</span>
																						<span>1287</span>
																					</p>
																					<p class="name">현대 M3 카드</p>
																					<select name="" id="" class="select_month">
																						<option value="">일시불</option>
																						<option value="">2개월 무이자</option>
																						<option value="">3개월 무이자</option>
																						<option value="">4개월 무이자</option>
																						<option value="">5개월 무이자</option>
																						<option value="">6개월 무이자</option>
																						<option value="">7개월</option>
																						<option value="">8개월</option>
																						<option value="">9개월</option>
																						<option value="">10개월</option>
																						<option value="">11개월</option>
																						<option value="">12개월</option>
																					</select>
																					<div class="etc">
																						<button type="button" class="btn_favorcard active">
																							<span><i class="ico ico_star"></i><em class="sr-only">즐겨찾기</em></span>
																						</button>
																						<button type="button" class="btn_delcard">
																							<span><i class="ico ico_trash_wh"></i><em class="sr-only">카드삭제</em></span>
																						</button>
																					</div>
																				</div>
																				<!-- //등록된 카드 -->
																			</div>
																			<div class="swiper-slide">
																				<!-- 카드추가버튼 -->
																				<button type="button" class="btn_addcard">
																					<span>결제수단 등록</span>
																				</button>
																				<!-- //카드추가버튼 -->
																			</div>
																		</div>
																		<div class="swiper-button-next"></div>
																		<div class="swiper-button-prev"></div>
																	</div>
																	<!-- //등록카드 있을때 -->
																</div>
																<ul class="info_quick">
																	<li>결제수단 등록 한번으로 간편하게 결제하실 수 있습니다.</li>
																	<li>국내 8개 카드에 대해 이용 가능합니다. (법인카드,기프트카드,해외카드 제외)</li>
																	<li>일반 신용카드의 할인혜택은 적용되지 않습니다.</li>
																</ul>
															</div>
														</div>
														<div class="radio_blk">
															<div class="paymethod_radio">
																<input type="radio" name="rdi-paymethod" id="rdi-paymethod-normal" value=""> 
																<label for="rdi-paymethod-normal"><span>일반 결제</span></label>
															</div>
															<div class="paymethod_box" style="display: none;">
																<ul class="sel_method">
																	<li>
																		<input type="radio" name="rdi-paynormal" id="rdi-paynormal1" value=""> 
																		<label for="rdi-paynormal1"><span>신용카드</span></label>
																	</li>
																	<li>
																		<input type="radio" name="rdi-paynormal" id="rdi-paynormal2" value=""> 
																		<label for="rdi-paynormal2"><span>실시간계좌이체</span></label>
																	</li>
																	<li>
																		<input type="radio" name="rdi-paynormal" id="rdi-paynormal3" value=""> 
																		<label for="rdi-paynormal3"><span>무통장입금</span></label>
																	</li>
																	<li>
																		<input type="radio" name="rdi-paynormal" id="rdi-paynormal4" value=""> 
																		<label for="rdi-paynormal4"><span>휴대폰 결제</span></label>
																	</li>
																	<li>
																		<input type="radio" name="rdi-paynormal" id="rdi-paynormal5" value=""> 
																		<label for="rdi-paynormal5">
																			<span>
																				<em class="sr-only">카카오페이 결제</em>
																				<em class="payimg kakao"></em>
																			</span>
																		</label>
																	</li>
																	<li>
																		<input type="radio" name="rdi-paynormal" id="rdi-paynormal6" value=""> 
																		<label for="rdi-paynormal6">
																			<span>
																				<em class="sr-only">네이버페이 결제</em>
																				<em class="payimg naver"></em>
																			</span>
																		</label>
																	</li>
																	<li>
																		<input type="radio" name="rdi-paynormal" id="rdi-paynormal7" value=""> 
																		<label for="rdi-paynormal7">
																			<span>
																				<em class="sr-only">페이코 결제</em>
																				<em class="payimg payco"></em>
																			</span>
																		</label>
																	</li>
																</ul>
																<div class="agree_insurance">
																	<input id="chk-insurance" type="checkbox"> 
																	<label for="chk-insurance"> 
																		<span>소비자 피해 보상보험 신청&nbsp;&nbsp;<em class="tmark_optional">(선택)</em></span>
																		<button type="button" class="btn_link_popup" id="">
																			<span>FAQ확인</span>
																		</button>
																	</label>
																	<p>
																		‘전자상거래 등에서의 소비자보호에 관한 법률‘에 따라 현금 결제 시 서울보증보험㈜가 제공하는
																		소비자 피해보상보험을<br>신청할 수 있도록 해드리고 있습니다.
																		(2013.11.28부터 시행)
																	</p>
																</div>
															</div>
														</div>
													</div>
													<div class="form_field">
														<div class="agree_paymethod">
															<input id="chk-agree_paymethod" type="checkbox">
															<label for="chk-agree_paymethod"> 
																<span>선택한 결제수단으로 향후 결제 이용에 동의합니다.&nbsp;&nbsp;<em class="tmark_optional">(선택)</em>
															</span>
															</label>
														</div>
													</div>
												</div>
												<div class="area_paymentinfo">
													<div class="paymentinfo">
														<div class="payinfo_blk on">
															<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">동의 후 123,456,789원 결제하기</button>
													</div>
												</div>
											</div> <!-- //결제수단 선택 -->
										</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="${delvTotCnt}"></em>개의 상품</span>
								</div>
								<div class="od_item_box">
								
									<!-- 전체배송목록 sort --> 
									<th:block th:each="delvAllCart, i : ${delvAllCartList}">
										<th:block th:if="${delvAllCart != null and #lists.size(delvAllCart) > 0}">
											<div class="part_dlvr">
												<th:block th:if="${i.index} == 0">
													<th:block th:if="${delvAllCart != null and #lists.size(delvAllCart) > 0}">
														<h4 class="subH3 mb20">STYLE24 총알배송<span>오늘 자정까지 도착</span></h4>
													</th:block>
												</th:block>
												<th:block th:if="${i.index} == 1">
													<th:block th:if="${delvAllCart != null and #lists.size(delvAllCart) > 0}">
														<h4 class="subH3 mb20" id="wmsDelvTitle">STYLE24 일반배송</h4>
													</th:block>
												</th:block>
												<th:block th:if="${i.index} == 2">
													<th:block th:if="${delvAllCart != null and #lists.size(delvAllCart) > 0}">
														<h4 class="subH3 mb20">업체직배송</h4>
													</th:block>
												</th:block>
												<th:block th:if="${i.index} == 3">
													<th:block th:if="${delvAllCart != null and #lists.size(delvAllCart) > 0}">
														<h4 class="subH3 mb20">예약배송</h4>
													</th:block>
												</th:block>
												
												<div class="gd_list">
													<th:block th:each="goods, i : ${delvAllCart}">
														<div class="item_gd">
															<input type="hidden" name="cartSq" 			th:value="${goods.cartSq}"/>
															<input type="hidden" name="currPrice"		th:value="${goods.currPrice}"/>
															
															<input type="hidden" name="cpn1CpnSq" 		th:value="${goods.cpn1CpnSq}"/>
															<input type="hidden" name="cpn1DcAmt" 		th:value="${goods.orgCurrPrice} - ${goods.currPrice}"/>
															
															<th:block th:if="${goods.applyQtySectionYn} == 'Y' and ${goods.qtyTmtbSq} > 0">
																<input type="hidden" name="tmtb1Sq" 	th:value="${goods.qtyTmtbSq}"/>
																<input type="hidden" name="tmtb1DcAmt" 	th:value="${goods.tmtb1DcAmt}"/>
															</th:block>
															<th:block th:if="${goods.applyQtySectionYn} != 'Y'">
																<input type="hidden" name="tmtb1Sq" 	value="0"/>
																<input type="hidden" name="tmtb1DcAmt" 	value="0"/>
															</th:block>
															
															<th:block th:if="${goods.applyAmtSectionYn} == 'Y' and ${goods.amtTmtbSq} > 0">
																<input type="hidden" name="tmtb2Sq" 	th:value="${goods.amtTmtbSq}"/>
																<input type="hidden" name="tmtb2DcAmt" 	th:value="${goods.tmtb2DcAmt}"/>
															</th:block>
															<th:block th:if="${goods.applyAmtSectionYn} != 'Y'">
																<input type="hidden" name="tmtb2Sq" 	value="0"/>
																<input type="hidden" name="tmtb2DcAmt" 	value="0"/>
															</th:block>
															
															<input type="hidden" name="goodsCpnSq" 		value=""/>
															<input type="hidden" name="goodsCpnDcAmt" 	value=""/>
															<input type="hidden" name="cartCpnSq" 		value=""/>
															<input type="hidden" name="cartCpnDcAmt" 	value=""/>
															
															<figure>
																<span class="thumb"><img src="/images/pc/thumb/tmp_odSide1.jpg" alt=""></span>
																<figcaption>
																	<div class="brand" th:text="${goods.brandEnm} + ' ' + ${goods.brandKnm}"></div>
																	<div class="name" th:text="${goods.goodsNm}"></div>
																	<div class="option" th:each="opt, index : ${goods.itemNmArr}">
																		<span th:text="${goods.optCdArr[index.index]}"></span> 
																		<span>수량:<em th:text="${goods.goodsQty}"></em>개</span>
																	</div>
																	<div class="price">
																		<th:block th:if="${goods.tmtbDcAmt} > 0">
																			<span class="selling_price"  th:text="${#numbers.formatInteger(goods.tmtbDcAmt, 1, 'COMMA')}"></span>
																		</th:block>
																		<th:block th:if="${goods.tmtbDcAmt} < 1">
																			<span class="selling_price"  th:text="${#numbers.formatInteger(goods.currPrice, 1, 'COMMA')}"></span>
																		</th:block>
																	</div>
																</figcaption>
															</figure>
														</div>
													</th:block>
												</div>
											</div>
										</th:block>
									</th:block>
									<!-- //전체배송목록 sort -->
								</div>
								
								<div class="od_amount_box">
									<dl>
										<div>
											<dt>상품금액</dt>
											<dd id="goodsSumAmt" th:text="|${#numbers.formatInteger(goodsSumAmt, 1, 'COMMA')}원|"></dd>
										</div>
										<div>
											<dt>배송비</dt>
											<dd id="delvSumAmt" th:text="|${#numbers.formatInteger(sumDelvFee, 1, 'COMMA')}원|"></dd>
										</div>
										<div>
											<dt>할인금액</dt>
											<dd><span class="disc_amount" id="goodsDcSumAmt"></span></dd>
										</div>
										<div>
											<dt>다다익선할인금액</dt>
											<dd><span class="disc_amount" id="tmtbDcSumAmt" th:text="|-${#numbers.formatInteger(tmtbDcSumAmt, 1, 'COMMA')}원|"></span></dd>
										</div>
										<div>
											<dt>쿠폰할인금액</dt>
											<dd><span class="disc_amount" id="couponDcSumAmt"></span></dd>
										</div>
										<div>
											<dt>선포인트 사용</dt>
											<dd><span class="disc_amount" id="prePntDcSumAmt"></span></dd>
										</div>
										<div>
											<dt>포인트 사용</dt>
											<dd><span class="disc_amount" id="pntDcSumAmt"></span></dd>
										</div>
										<div>
											<dt>상품권 사용</dt>
											<dd><span class="disc_amount" id="gfcdUseSumAmt"></span></dd>
										</div>
									</dl>
								</div>
								<div class="totalprice_box">
									<dl>
										<dt>총 결제 예정 금액</dt>
										<dd data-weight="price" data-font="lato">
											<span>3,546,200</span>원
										</dd>
									</dl>
									<p class="info_point">
										스타일 포인트 <span class="save_point">3,500 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">

$(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>

<script th:inline="javascript">
	// 배송관련정보 변수선언
	var cartGoodsList		= [[${cartGoodsList}]]			// 배송목록
	var wmsCnt 				= [[${wmsCnt}]];				// 자사 일반,촐알 배송건수
	var resCnt 				= [[${resCnt}]];				// 자사 예약 배송건수
	var delvCnt 			= [[${delvCnt}]];				// 입전 일반 배송건수
	var shotDelvYn			= [[${shotDelvYn}]];			// 총알배송여부
	var sumDelvFee			= [[${sumDelvFee}]];			// 배송비합계
	
	// 할인관련정보 변수선언
	var freegiftList		= [[${freegiftList}]];			// 사은품 프로모션 목록
	var freegiftGoodsList	= [[${freegiftGoodsList}]];		// 사은품 프로모션 상품 목록

	// 총알배송가능 지역, 총알배송 가능 시간 체크
	var fnGetDailyDeliveryCheck = function () {
		// TODO
		var jsonObj 	= {"zipNo" : 12345};
		var jsonData 	= JSON.stringify(jsonObj);

		gagajf.ajaxJsonSubmit(
			"/order/getDailyDeliveryCheck"
			, jsonData
			, function (result) {
				// 자사몰 일반배송
				$("#shotDelv").text(0);
				$("#wmsDelv").text(wmsCnt);
				$("#wmsDelvTitle").css("display", "block");
				$("#shotDelvTitle").css("display", "none");
				$(".tag_stype2").css("display", "none");

				// 자사몰 총알배송
				if (shotDelvYn == "Y") {
					if (parseInt(result) > 0) {
						$("#shotDelv").text(wmsCnt);
						$("#wmsDelv").text(0);
						
						$("#wmsDelvTitle").css("display", "none");
						$("#shotDelvTitle").css("display", "block");
						$(".tag_stype2").css("display", "block");
					}
				}
			}
		)
	}

</script>

<script th:inline="javascript">
	var custCpnSq 		= 0;
	var cpnIndex		= 0;
	var cpnApplyTemp	= false;
	
	// 컨텐츠 호출
	$(document).ready( function() {
		// 1. 총알배송가능 지역, 총알배송 가능 시간 체크
		fnGetDailyDeliveryCheck();
		
		// 2. 쿠폰 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);
						}
					}
				});
			});
		});
		
		
		// 4 쿠폰적용초기화(할인율최고)
		custCpnInit();
	});
	
	// 쿠폰 최대할인금액 초기화 버튼 설정
	$("#chk-maxdisc").on("click", function(){
		if ($(this).is(":checked")) {
			custCpnInit();
		}
	});
	
	// 쿠폰할인적용 삭제 버튼
	$(".btn_del_coupon").on("click", function(){
		//선택없음선택
		$(this).parent().parent().find("ul li").each(function(i){
			if (i == 0) {
				// 쿠폰 선택없음
				cpnApplyDel($(this));
			}
		});
	});
	
	// 쿠폰 최대할인율 쿠폰적용
	var custCpnInit = function() {
		
		// 쿠폰적용없음적용
		$(".select_custom.type1").each(function(index){
			// select box 쿠폰 적용
			var cpnCartSq = $(this).find("input[name='cpnCartSq']").val();
			
			// 장바구니시퀀스 체크
			$("input[name='cartSq']").each(function(){
				if (cpnCartSq == $(this).val()) {
					$(this).parent().find("input[name='goodsCpnSq']").val("0");			// 상품쿠폰시퀀스
					$(this).parent().find("input[name='goodsCpnDcAmt']").val("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;
						}
					}
				}
			});
		});
		
		// 쿠폰할인금액 SUM
		custCpnSumAmtCal();
	}
	
	// 쿠폰중복사용체크
	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;
		}
	}
	
	// 쿠폰중복체크 후 적용가능
	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();
			
			// 장바구니상품시퀀스 체크
			$("input[name='cartSq']").each(function(){
				if (cpnCartSq == $(this).val()) {
					$(this).parent().find("input[name='goodsCpnSq']").val(obj.prop("value"));		// 상품쿠폰시퀀스
					$(this).parent().find("input[name='goodsCpnDcAmt']").val(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 applyGoodsCnt		= 0;
			var leftAmt				= 0;
			var index				= 0;
			
			// 장바구니쿠폰 해당 장바구니상품들 할인가 적용
			obj.find("input[name='cartCpnCartSq']").each(function(){
				var cartCpnCartSq 		= $(this).val();
				var cartCpnDcAmt		= 0;
				
				// 장바구니시퀀스 체크
				$("input[name='cartSq']").each(function(){
					if (cartCpnCartSq == $(this).val()) {
						var currPrice 		= parseInt($(this).parent().find("input[name='currPrice']").val());
						var tmtb1DcAmt 		= parseInt($(this).parent().find("input[name='tmtb1DcAmt']").val());
						var tmtb2DcAmt 		= parseInt($(this).parent().find("input[name='tmtb2DcAmt']").val());
						var goodsCpnDcAmt 	= parseInt($(this).parent().find("input[name='goodsCpnDcAmt']").val());
						
						var tempAmt 		= currPrice - tmtb1DcAmt - tmtb2DcAmt - goodsCpnDcAmt;
						tempSumAmt			= tempSumAmt + tempAmt; 
						
						// 할인율일때 할인금액 
						if (dcWay == "G240_20") {
							cartCpnDcAmt = (tempAmt * dcVal) / 100;
							cartCpnDcSumAmt = cartCpnDcSumAmt + cartCpnDcAmt;
							
							$(this).parent().find("input[name='cartCpnSq']").val(obj.prop("value"));
							$(this).parent().find("input[name='cartCpnDcAmt']").val(cartCpnDcAmt);
						}
						
						applyGoodsCnt++;
					}
				});
			});
			
			// 금액일때 할인금액 적용
			if (dcWay == "G240_10") {
				cartCpnDcSumAmt = dcVal;
				leftAmt			= dcVal;
				index			= 0;
				
				// 장바구니쿠폰 해당 장바구니상품들 할인가 적용
				obj.find("input[name='cartCpnCartSq']").each(function(){
					var cartCpnCartSq 		= $(this).val();
					var cartCpnDcAmt		= 0;
										
					// 장바구니시퀀스 체크
					$("input[name='cartSq']").each(function(){
						if (cartCpnCartSq == $(this).val()) {
							index++;
							
							var currPrice 		= parseInt($(this).parent().find("input[name='currPrice']").val());
							var tmtb1DcAmt 		= parseInt($(this).parent().find("input[name='tmtb1DcAmt']").val());
							var tmtb2DcAmt 		= parseInt($(this).parent().find("input[name='tmtb2DcAmt']").val());
							var goodsCpnDcAmt 	= parseInt($(this).parent().find("input[name='goodsCpnDcAmt']").val());
							
							var tempAmt 		= currPrice - tmtb1DcAmt - tmtb2DcAmt - goodsCpnDcAmt;
							var tempDiv 		= parseInt((tempAmt / tempSumAmt) * 100);
							var cartCpnDcAmt	= 0;
					
							if (index == applyGoodsCnt) {
								cartCpnDcAmt 	= leftAmt;
							} else {
								cartCpnDcAmt	= parseInt((cartCpnDcSumAmt * tempDiv) / 100);
								leftAmt 		= leftAmt - cartCpnDcAmt;
							}
							
							$(this).parent().find("input[name='cartCpnSq']").val(obj.prop("value"));
							$(this).parent().find("input[name='cartCpnDcAmt']").val(cartCpnDcAmt);
						}
					});
				});
			} 
			
			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"));
		}
		
		// 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");
	}
	
	// 쿠폰중복체크 후 적용불가
	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");
				}
			}
		});
	}
	
	// 쿠폰할인금액합계설정
	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() + "원"); // 쿠폰할인금액합계
		// 배송비할인적용
		$("input[name='cpnType']").each(function(){
			if ($(this).val() == "delvCpn") {
				sumDelvFee = parseInt(sumDelvFee) - parseInt($(this).parent().find("input[name='cpnDcAmt']").val()); 
				// 최종배송비
				$("#delvSumAmt").text(sumDelvFee.addComma() + "원");
			}
		});
	};
	
	// 쿠폰 선택없음 기능 구현
	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();
			
			// 장바구니시퀀스 체크
			$("input[name='cartSq']").each(function(){
				if (cpnCartSq == $(this).val()) {
					$(this).parent().find("input[name='goodsCpnSq']").val("0");			// 상품쿠폰시퀀스
					$(this).parent().find("input[name='goodsCpnDcAmt']").val("0");		// 상품쿠폰할인금액
				}
			});
		}
		// 장바구니쿠폰적용
		else if (cpnType == "cartCpn") {
			// 장바구니쿠폰 시퀀스 0, 장바구니할인금액 0
			$("input[name='cartSq']").each(function(){
				$(this).parent().find("input[name='cartCpnSq']").val("0");
				$(this).parent().find("input[name='cartCpnDcAmt']").val("0");
			});
		}
		// 배송비쿠폰적용
		else if (cpnType == "delvCpn") {
			// 장바구니쿠폰 시퀀스 0, 장바구니할인금액 0
			$("input[name='cartSq']").each(function(){
				$(this).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");
		
		// 쿠폰할인금액 SUM
		custCpnSumAmtCal();
		
		// 최대할인혜택적용 체크해제
		if ($("#chk-maxdisc").is(":checked")) {
			$("#chk-maxdisc").attr("checked", false);
		}
	}
	
	// 사은품선택 라디오 버튼 기능
	$(".freegiftRdo").on("click", function() {
		var total_gift 		= 0;
		var total_deduct 	= 0;
		
		$(".freegiftRdo").each(function(){
			// 라디오버튼 사은품 체크
			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);		// 사은품총사용포인트
	});
</script>
</th:block>
</body>
</html>