style24
/
style24.front


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853
							<!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>
<!-- 
<link rel="stylesheet" type="textcss" href="/ux/pc/css/layout_back.css?v=20210209171415">
 -->

<th:block layout:fragment="content">

<style type="text/css">
    @import url("/ux/pc/css/layout_back.css");
    
    .od .foldGroup .fold_cont {
	    box-sizing: border-box;
	}
	
	.od .od_cont .fold_cont {
	    padding: 0 30px 40px;
	    line-height: 1;
	}
	
	.foldGroup .fold_cont {
	    padding: 0;
	    position: relative;
	    color: #666;
	    font-weight: 200;
	    font-size: 16px;
	    line-height: 1.625;
	}
</style>

	<!--  container -->
	<div id="container" class="container od">
		<div class="breadcrumb">
			<ul>
				<li class="bread_home"><a href="index.html">홈</a></li>
				<li class="bread_2depth">쇼핑백</li>
				<li class="bread_3depth">주문/결제</li>
			</ul>
		</div>
		<div class="wrap">
			<div class="content odPayment"> <!-- 페이지특정 클래스 = mbPayment -->
				<div class="cont_head">
					<h2 class="t_c mb60">주문&#47;결제</h2>
				</div>

				<div class="cont_body">
					<!-- CONT-BODY -->
					<section class="od_cont fl">
						<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="${delvTotCnt}"></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="t_r mb15">
								<a href="/cart/list/form" class="btn_link">쇼핑백 바로가기</a>
							</div>

							<div class="foldGroup">
								<ul>
									<li>
										<!-- 주문고객정보 -->
										<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_default">
												<dl>
													<div>
														<dt>주문자명</dt>
														<dd th:text="${custemerInfo.custNm}"></dd>
													</div>
													<div>
														<dt>이메일</dt>
														<dd th:text="${custemerInfo.email}"></dd>
													</div>
													<div>
														<dt>휴대폰 번호</dt>
														<dd th:text="${custemerInfo.cellPhnno}"><button type="button" class="btn_popup" id=""><span>본인인증하기</span></button></dd>
													</div>
												</dl>
											</div>
										</div>
										<!-- //주문고객정보 -->
									</li>
									<li>
										<!-- 배송지정보 -->
										<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_default">
												<dl>
													<div>
														<dt>배송지명</dt>
														<dd th:text="${deliveryAddrInfo.delvAddrNm}">
															<span class="icon_tag">
																<em class="tag_stype1">기본 배송지</em>
																<em class="tag_stype2">총알배송</em>
															</span>
														</dd>
													</div>
													<div>
														<dt>배송주소</dt>
														<dd th:text="${deliveryAddrInfo.recipBaseAddr} + ${deliveryAddrInfo.recipDtlAddr}">
															<button type="button" class="btn_popup" id=""><span>배송지 선택</span></button>
														</dd>
													</div>
													<div>
														<dt>휴대폰 번호</dt>
														<dd th:text="${custemerInfo.cellPhnno}"></dd>
													</div>
													<div>
														<dt>배송요청 사항</dt>
														<dd>
															직접받고 부재 시 문앞
															<button type="button" class="btn_popup" id=""><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" value="" checked="">
																	<label for="rdi-overs1"><span>받는사람 개인통관고유부호</span></label>
																	<div class="info_box pb10">
																		<div class="input_wrap">
																			<input type="text" class="form_control" maxlength="13" placeholder="P로 시작하는 13자리">
																			<button type="button" class="btn btn_dark"><span>적용</span></button>
																		</div>
																	</div>
																</div>
																<div class="mt20">
																	<input type="radio" name="rdi-overseas" id="rdi-overs2" value="">
																	<label for="rdi-overs2"><span>입력 안 함</span></label>
																	<div class="info_box" style="display:none;">
																		<p>
																			개인통관고유부호를 입력하지 않아도 관세사무소에서 개인정보 확인을 위해 별도 연락을 드릴 예정입니다.
																		</p>
																	</div>
																</div>
															</div>
														</dd>
													</div>
												</dl>
												<div class="com_info_txt">
													<p class="tit">해외 배송 안내</p>
													<ul>
														<li>물품가액이 $150초과할 경우 관/부과세가 발생 할 수 있습니다.</li>
														<li>물품 종류와 해외공급자 관계없이 같은 날 입항하게 되면 합산과세 대상이 됩니다.</li>
													</ul>
												</div>
												<div class="form_field mt30">
													<div>
														<input id="chk-overs-agr" type="checkbox" checked="">
														<label for="chk-overs-agr"><span>위 정보는 원활한 통관을 위해 수집 및 판매자에게 제공하며,계속 사용하도록 안전하게 STYLE24에서 저장 &#47; 관리 합니다.&nbsp;&nbsp;<em class="c_primary bold f_size12">(필수)</em></span></label>
													</div>
												</div>
											</div>
											<!-- //해외배송상품일 경우 노출 -->
											<!-- 주문제작상품일 경우 노출 -->
											<div class="area_customitem">
												<div class="txt_box mb30">
													<p class="c_primary normal">현재 주문제작 상품을 포함하여 주문을 진행중 입니다.</p>
												</div>
												<div class="com_info_txt">
													<p class="tit">주문 제작 상품 안내</p>
													<ul>
														<li>주문 제작 상품은 주문 후 제작이 진행되며, 제작 완료 후 배송이 시작됩니다.</li>
														<li>주문 제작 상품의 특성상 주문 완료 후 취소/교환이 불가능합니다. (상품 하자에 한해 가능)</li>
													</ul>
												</div>
												<div class="form_field mt30">
													<div>
														<input id="chk-custom-agr1" type="checkbox" checked="">
														<label for="chk-custom-agr1"><span>주문 제작 상품에 대한 안내를 확인하였으며 배송에 동의합니다.&nbsp;&nbsp;<em class="c_primary bold f_size12">(필수)</em></span></label>
													</div>
												</div>
											</div>
											<!-- //주문제작상품일 경우 노출 -->
										</div>
										<!-- //배송지정보 -->
									</li>
									<li>
										<!-- 사은품선택 -->
										<div class="fold_head">
											<a href="javascript:void(0)">
												<div>
													<div class="fold_tit">
														<span>사은품 선택</span>
													</div>
													<div class="data">
														<span>사은품 총 <em class="c_primary normal">2</em>개 선택</span>
														<span><em class="c_primary normal">0</em>P 차감</span>
													</div>
												</div>
											</a>
										</div>
										<div class="fold_cont" style="display: none;">
											<div class="area_default">
												<p class="txt">사은품선택1 > TBJ 남성 제기장 스웨이드 트러커 자켓 에서 주는 사은품</p>
												<div class="form_field">
													<div class="gift">
														<input type="checkbox" name="chk-gift" id="chk-gift1" class="chk_img" value="">
														<label for="chk-gift1">
															<span class="thumb"><img src="http://codepartners.co.kr/project/style24/pc/ux/images/thumb/tmp_gift1.jpg" width="" alt=""></span>
															<span class="name">유니 NBA 팀로고 양말 (N215AO225P)</span>
															<span class="deduct">무료사은품</span>
														</label>
													</div>
													<div class="gift">
														<input type="checkbox" name="chk-gift" id="chk-gift2" class="chk_img" value="">
														<label for="chk-gift2">
															<span class="thumb"><img src="http://codepartners.co.kr/project/style24/pc/ux/images/thumb/tmp_gift1.jpg" width="" alt=""></span>
															<span class="name">사은품이름</span>
															<span class="deduct">-4,000P</span>
														</label>
													</div>
													<div class="gift">
														<input type="checkbox" name="chk-gift" id="chk-gift3" class="chk_img" value="">
														<label for="chk-gift3">
															<span class="thumb"></span>
															<span class="name">사은품 수령안함</span>
															<span class="deduct">수령거부</span>
														</label>
													</div>
												</div>
												<div class="form_field">
													<div class="gift_agree">
														<p>
															<input id="chk-gift_agree" type="checkbox"><label for="chk-gift_agree"><span>동의합니다</span></label>
														</p>
														<p class="mt20">
															사은품 지급에 대한 내용을 확인하였으며, 이에 동의합니다.
															<button type="button" class="btn_popup" id=""><span>안내 보기</span></button>
														</p>
													</div>
												</div>
											</div>
										</div>
										<!-- //사은품선택 -->
									</li>
									<li>
										<!-- 할인/혜택 사용 -->
										<div class="fold_head">
											<a href="javascript:void(0)">
												<div>
													<div class="fold_tit">
														<span>할인/혜택 사용</span>
													</div>
													<div class="data">
														<div class="form_field">
															<!--<input id="chk-maxdisc" type="checkbox" checked="">-->
															<label for="chk-maxdisc"><span>최대 할인혜택을 바로 적용하세요 (<em class="c_primary normal">-3,000원</em>)</span></label>
														</div>
													</div>
												</div>
											</a>
										</div>
										<div class="fold_cont" style="display: none;">
											<div class="area_default">
												<div class="maxdisc">
													<div class="form_field">
														<input id="chk-maxdisc" type="checkbox">
														<label for="chk-maxdisc">
															<span>최대 할인혜택을 바로 적용하세요!</span>
														</label>
													</div>
												</div>
												<dl>
													<div>
														<dt>할인코드</dt>
														<dd>
															<div class="input_wrap">
																<input type="text" class="form_control" maxlength="13" placeholder="할인코드를 입력해주세요.">
																<button type="submit" class="btn btn_dark">적용</button>
															</div>
														</dd>
													</div>
													<div>
														<dt>할인쿠폰</dt>
														<dd><a href="" class="btn_coupon_toggle">할인쿠폰 <span class="c_primary">3장</span> 적용 <i class="ico ico_ft_arrow_b"></i></a></dd>
													</div>
												</dl>
												<div class="coupon_list">
													<ul>
														<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">CURLYSUE 컬리수</div>
																			<div class="name">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
																			<div class="price">
																				<span class="selling_price">1,000,000</span>
																			</div>
																		</figcaption>
																	</figure>
																</div>
																<div class="form_field">
																	<select id="" class="select_hidden">
																		<option value="">구매금액 100,000원 이상시 10% 할인 쿠폰</option>
																		<option value="">구매금액 100,000원 이상시 10% 할인 쿠폰</option>
																		<option value="">구매금액 100,000원 이상시 10% 할인 쿠폰</option>
																		<option value="">구매금액 100,000원 이상시 10% 할인 쿠폰</option>
																		<option value="">구매금액 100,000원 이상시 10% 할인 쿠폰</option>
																	</select>
																</div>
																<button type="button" class="btn_del_coupon" id=""><span>쿠폰적용해제</span></button>
															</div>
														</li>
														<li>
															<div class="coupon">
																<div class="form_field">
																	<label for="">장바구니 할인쿠폰</label>
																	<select id="" class="select_hidden">
																		<option value="">총 구매금액 10만원 이상 시 10,000원 할인 (5,000원 할인)</option>
																		<option value="">총 구매금액 10만원 이상 시 10,000원 할인 (5,000원 할인)</option>
																		<option value="">총 구매금액 10만원 이상 시 10,000원 할인 (5,000원 할인)</option>
																		<option value="">총 구매금액 10만원 이상 시 10,000원 할인 (5,000원 할인)</option>
																		<option value="">총 구매금액 10만원 이상 시 10,000원 할인 (5,000원 할인)</option>
																	</select>
																</div>
																<button type="button" class="btn_del_coupon" id=""><span>쿠폰적용해제</span></button>
															</div>
														</li>
														<li>
															<div class="coupon">
																<div class="form_field">
																	<label for="">배송비 할인쿠폰</label>
																	<select id="" class="select_hidden">
																		<option value="">배송비 할인쿠폰 (최대 5,000원)</option>
																		<option value="">배송비 할인쿠폰 (최대 5,000원)</option>
																		<option value="">배송비 할인쿠폰 (최대 5,000원)</option>
																		<option value="">배송비 할인쿠폰 (최대 5,000원)</option>
																	</select>
																</div>
																<button type="button" class="btn_del_coupon" id=""><span>쿠폰적용해제</span></button>
															</div>
														</li>
													</ul>
												</div>
											</div>
											<div class="area_point">
												<dl>
													<div>
														<dt>할인코드</dt>
														<dd>
															<div class="form_field">
																<div>
																	<input type="radio" name="rdi-codeuse" id="rdi-codeuse1" value="">
																	<label for="rdi-codeuse1"><span>사용 안함</span></label>
																</div>
																<div>
																	<input type="radio" name="rdi-codeuse" id="rdi-codeuse2" value="">
																	<label for="rdi-codeuse2"><span>사용함</span></label>
																	<span>사용가능 포인트:<em>1,500</em>P</span>
																</div>
															</div>
														</dd>
													</div>
												</dl>
											</div>

											<div class="point_code">
												<div class="radio_check">
													<div class="ui_col_3">
														<p>할인코드</p>
													</div>
													<div class="ui_col_9">
														<div class="form_field">
															<input type="radio" name="radio" id="rdi-4" value="4"><label for="rdi-4"> <span>사용 안함</span> </label>
														</div>
														<div class="form_field">
															<input type="radio" name="radio" id="rdi-5" value="5" checked=""><label for="rdi-5"> <span>사용함</span> <p>사용 가능 포인트 : <span>1,500</span>P</p></label>
														</div>
													</div>
												</div>
												<div class="form_field">
													<label class="ui_col_3 input_label">스타일 포인트</label>
													<div class="ui_col_9">
														<div class="input_wrap">
															<input type="text" class="form_control" maxlength="13" placeholder="사용할 포인트를 입력해주세요.">
															<button type="submit" class="btn btn_dark">적용</button>
														</div>
														<div class="save_point">
															<p>보유 : <span>25,000</span>P</p>
														</div>
													</div>
												</div>
												<div class="form_field">
													<label class="ui_col_3 input_label">상품권</label>
													<div class="ui_col_9">
														<div class="input_wrap">
															<input type="text" class="form_control" maxlength="13" placeholder="사용할 포인트를 입력해주세요.">
															<button type="submit" class="btn btn_dark">적용</button>
														</div>
														<div class="save_point">
															<p>보유 : <span>25,000</span>P</p>
														</div>
													</div>
												</div>
											</div>

										</div>
										<!-- //할인/혜택 사용 -->
									</li>
									<li>
										<!-- 결제수단 선택 -->
										<div class="fold_head">
											<a href="javascript:void(0)">
												<div>
													<div class="fold_tit">
														<span>결제수단 선택</span>
													</div>
												</div>
											</a>
										</div>
										<div class="fold_cont" style="display: none;">
											<div class="paymethod_list">
												<div class="paymethod on">
													<div class="paymethod_wrap">
														<input type="radio" name="radio_card" id="rdi-card-1" value="1" checked>
														<label for="rdi-card-1" data="0">
															STYLE24 간편결제
														</label>
														<div class="paymethod_body">
															<div class="add_card">
																<div class="plus_card">
																	<div class="cross_wrap">
																		<button>
																			<div class="cross"></div>
																		</button>
																	</div>
																	<div class="enrollment">
																		<p>결제수단 등록</p>
																	</div>
																</div>
															</div>
															<div class="paymethod_text">
																<p>&#183; 결제수단 등록 한번으로 간편하게 결제하실 수 있습니다.</p>
																<p>&#183; 국내 8개 카드에 대해 이용 가능합니다. (법인카드,기프트카드,해외카드 제외)</p>
																<p>&#183; 일반 신용카드의 할인혜택은 적용되지 않습니다.</p>
															</div>
														</div>
													</div>
												</div>
												<div class="paymethod">
													<div class="paymethod_wrap">
														<input type="radio" name="radio_card" id="rdi-card-2" value="2">
														<label for="rdi-card-2"  data="1">
															일반 결제
														</label>
														<div class="paymethod_body">
															<div class="form_field">
																<div>
																	<input type="radio" name="payMeansClass" id="rdi-8" value="8"><label for="rdi-8"> <span>신용카드</span> </label>
																</div>
																<div>
																	<input type="radio" name="payMeansClass" id="rdi-9" value="9"><label for="rdi-9"> <span>실시간계좌이체</span> </label>
																</div>
																<div>
																	<input type="radio" name="payMeansClass" id="rdi-10" value="10"><label for="rdi-10"> <span>무통장입금</span> </label>
																</div>
																<div>
																	<input type="radio" name="payMeansClass" id="rdi-11" value="11"><label for="rdi-11"> <span>휴대폰 결제</span> </label>
																</div>
																<div>
																	<input type="radio" name="payMeansClass" id="rdi-12" value="12"><label for="rdi-12"> <span>카카오페이</span> </label>
																</div>
																<div>
																	<input type="radio" name="payMeansClass" id="rdi-13" value="13"><label for="rdi-13"> <span>네이버엔페이</span> </label>
																</div>
																<div>
																	<input type="radio" name="payMeansClass" id="rdi-14" value="14"><label for="rdi-14"> <span>페이코</span> </label>
																</div>
															</div>
														</div>
													</div>
												</div>
											</div>
											<!-- case1,2 간편결제,일반결제 결과-->
											<div class="payment type01 active">
												<div class="form_field">
													<div>
														<input id="chk-3" type="checkbox"><label for="chk-3"> <span>선택한 결제수단으로 향후 결제 이용에 동의합니다. <a href="#none">(선택)</a></span> </label>
													</div>
												</div>
												<div class="privacy_consent">
													<p>개인정보 제공에 대한 동의</p>
													<span>개인정보를 제공받는 자 : 업체명,업체명,업체명</span>
													<span>개인정보를 제공받는 자의 개인정보 이용 목적 : 주문상품의 배송,고객상당 및 불만처리</span>
													<span>제공하는 개인정보의 항목:성명,주소,연락처</span>
													<span>개인정보 제공받는 자의 개인정보 보유 및 이용기간 : 이용목적 달성 시 까지</span>
													<div class="form_field">
														<div>
															<input id="chk-4" type="checkbox"><label for="chk-4"> <span>동의합니다.</span> </label>
														</div>
													</div>
												</div>
												<div class="form_field">
													<div>
														<input id="chk-5" type="checkbox"><label for="chk-5"> <span>주문하실 상품,가격,배송정보,할인정보 등을 확인하였으며,구매에 동의하시겠습니까? (전자상거래법 제8조 2항)</span> </label>
													</div>
												</div>
												<div class="ui_row">
													<div class="ui_col_12">
														<button class="btn btn_dark btn_block"><span>123,456,789</span>원 결제하기</button>
													</div>
												</div>
											</div>
											<div class="payment type02">
												<div class="form_field">
													<div>
														<input id="chk-3" type="checkbox"><label for="chk-3"> <span>소비자 피해 보상보험 신청 <a href="#none">(선택)</a></span> <button class="faq">FAQ확인</button> </label>
													</div>
													<div>
														<p>&#145;전자상거래 등에서의 소비자보호에 관한 법률&#146;에 따라 현금 결제 시 서울보증보험(주)가 제공하는 소비자 피해보상보험을<br>신청할 수 있도록 해드리고 있습니다. (2013.11.28부터 시행)</p>
													</div>
												</div>
												<div class="privacy_consent">
													<p>개인정보 제공에 대한 동의</p>
													<span>개인정보를 제공받는 자 : 업체명,업체명,업체명</span>
													<span>개인정보를 제공받는 자의 개인정보 이용 목적 : 주문상품의 배송,고객상당 및 불만처리</span>
													<span>제공하는 개인정보의 항목:성명,주소,연락처</span>
													<span>개인정보 제공받는 자의 개인정보 보유 및 이용기간 : 이용목적 달성 시 까지</span>
													<div class="form_field">
														<div>
															<input id="chk-4" type="checkbox"><label for="chk-4"> <span>동의합니다.</span> </label>
														</div>
													</div>
												</div>
												<div class="form_field">
													<div>
														<input id="chk-5" type="checkbox"><label for="chk-5"> <span>주문하실 상품,가격,배송정보,할인정보 등을 확인하였으며,구매에 동의하시겠습니까? (전자상거래법 제8조 2항)</span> </label>
													</div>
												</div>
												<div class="ui_row">
													<div class="ui_col_12">
														<button class="btn btn_dark btn_block"><span>123,456,789</span>원 결제하기</button>
													</div>
												</div>
											</div>
											<!-- //case1,2 간편결제,일반결제 결과-->
										</div>
									</li>
								</ul>
							</div>
						</div>
					</section>

					<section class="od_side fr">
						<div class="area_order">
							<div class="tit_box">
								<h3 class="subH2">주문내역</h3>
								<span>
									<em class="c_primary bold" th:text="${delvTotCnt}"></em> 개의 상품
								</span>
							</div>
							<div class="od_item_box">
								<!-- 총알배송, 일반배송 -->
								<div class="part_dlvr" id="wmsDelvArea" style="display:none;">
									<h4 class="subH3 mb20" id="shotDelvTitle">STYLE24 총알배송<span>오늘 자정까지 도착</span></h4>
									<h4 class="subH3 mb20" id="wmsDelvTitle">STYLE24 일반배송</h4>
									<div class="gd_list">

										<th:block th:each="goods, status : ${wmsCartList}">
											<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}"></div>
														<div class="name" th:text="${goods.goodsNm}"></div>
														<div class="option" th:each="opt, index : ${goods.itemNmArr}">
															<span class="option">옵션:<em th:text="${goods.optCdArr[index.index]}"></em></span>
														</div>
														<br/>
														<span>수량:<em th:text="${goods.goodsQty}"></em>개</span>
														<div class="price">
															<span class="selling_price" th:text="|${#numbers.formatInteger(goods.currPrice, 1, 'COMMA')} 원|"></span>
														</div>
													</figcaption>
												</figure>
											</div>
										</th:block>
										
										
									</div>
									
									
								</div>
								<!-- //총알배송, 일반배송 -->

								<!-- 업체직배송 -->
								<div class="part_dlvr" id="delvDelvArea" style="display:none;">
									<h4 class="subH3 mb20">업체직배송</h4>
									<div class="gd_list">
										<div class="item_gd">
											<th:block th:each="goods, status : ${delvCartList}">
												<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}"></div>
															<div class="name" th:text="${goods.goodsNm}"></div>
															<div class="option">
																<span th:text="${goods.optCd}"></span>
																<span>수량:<em th:text="${goods.goodsQty}"></em>개</span>
															</div>
															<div class="price">
																<span class="selling_price" th:text="${goods.currPrice}"></span>
															</div>
														</figcaption>
													</figure>
												</div>
											</th:block>
										</div>
									</div>
								</div>
								<!-- //업체직배송 -->

								<!-- 예약배송 -->
								<div class="part_dlvr" id="resDelvArea" style="display:none;">
									<h4 class="subH3 mb20">예약배송</h4>
									<div class="gd_list">
										<div class="item_gd">
											<th:block th:each="goods, status : ${resCartList}">
												<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}"></div>
															<div class="name" th:text="${goods.goodsNm}"></div>
															<div class="option">
																<span th:text="${goods.optCd}"></span>
																<span>수량:<em th:text="${goods.goodsQty}"></em>개</span>
															</div>
															<div class="price">
																<span class="selling_price" th:text="${goods.currPrice}"></span>
															</div>
														</figcaption>
													</figure>
												</div>
											</th:block>
										</div>
									</div>
								</div>
								<!-- //예약배송 -->
							</div>

							<div class="od_amount_box">
								<dl>
									<div>
										<dt>상품금액</dt>
										<dd>1,590,000 원</dd>
									</div>
									<div>
										<dt>배송비</dt>
										<dd>0원</dd>
									</div>
									<div>
										<dt>할인금액</dt>
										<dd class="c_primary">-1,746,500원</dd>
									</div>
									<div>
										<dt>다다익선할인금액</dt>
										<dd class="c_primary">25,000원</dd>
									</div>
									<div>
										<dt>쿠폰할인금액</dt>
										<dd class="c_primary">3,000원</dd>
									</div>
									<div>
										<dt>선포인트 사용</dt>
										<dd class="c_primary">-1,500P</dd>
									</div>
									<div>
										<dt>포인트 사용</dt>
										<dd class="c_primary">-5,500P</dd>
									</div>
									<div>
										<dt>상품권 사용</dt>
										<dd class="c_primary">-50,000원</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="c_primary">3,500 P</span> 적립예정
								</p>
							</div>


						</div>
					</section>
					<div class="clear"></div>
					<!-- // CONT-BODY -->
				</div>
			</div>
		</div>
	</div>
	<!-- // container -->

	<script th:inline="javascript">
		// 변수선언
		var wmsCnt 			= [[${wmsCnt}]];
		var resCnt 			= [[${resCnt}]];
		var delvCnt 		= [[${delvCnt}]];
		var shotDelvYn		= [[${shotDelvYn}]];

		// 총알배송가능 지역, 총알배송 가능 시간 체크
		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");

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

	<script type="text/javascript">
		// 컨텐츠 호출
		$(document).ready( function() {
			// 1. 총알배송가능 지역, 총알배송 가능 시간 체크
			fnGetDailyDeliveryCheck();
			
			// 2. 배송목록 화면 노출, 비노출 처리
			// 2.1 자사일반배송노출
			if (wmsCnt > 0) {
				$("#wmsDelvArea").css("display", "block");
			}
			
			// 2.2 입점업체일반배송노출
			if (delvCnt > 0) {
				$("#delvDelvArea").css("display", "block");
			}
			
			// 2.3 자사예약배송노출
			if (resCnt > 0) {
				$("#resDelvArea").css("display", "block");
			}
		});

		$(function(){
			$('.od .od_cont').on('click','.area_overseas input',function(e){
				//해외배송 입력
				e.preventDefault();
				$(this).parent('div').find('.info_box').show();
				$(this).parent('div').siblings('div').find('.info_box').hide();
			}).on('click','.btn_coupon_toggle',function(e){
				//할인쿠폰 확인
				e.preventDefault();
				$('.coupon_list').toggle();
				$(this).toggleClass('on');
			});
		});
	</script>
</th:block>


</body>
</html>