style24
/
style24.front


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835
							<!DOCTYPE html>
<html lang="ko"
	xmlns:th="http://www.thymeleaf.org"
	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
	layout:decorator="mob/common/layout/SubLayoutMob">
<!--
 *******************************************************************************
 * @source  : PlanningDetailFormMob.html
 * @desc    : 기획전/이벤트 상세 Page
 *============================================================================
 * STYLE24
 * Copyright(C) 2020 TSIT, All rights reserved.
 *============================================================================
 * VER  DATE         AUTHOR      DESCRIPTION
 * ===  ===========  ==========  =============================================
 * 1.0  2021.05.12   sowon     최초 작성
 *******************************************************************************
 -->
<body>
<th:block layout:fragment="content">
<script src="https://developers.kakao.com/sdk/js/kakao.min.js"></script>
<main role="" id="" class="container dp">
			<section class="content">
				<div class="inner">
					<div class="promotion_tit">
						<h3 th:text="${planInfo.planNm}"></h3>
						<div class="period">
							<span th:text="${planInfo.dispStdt}"></span> - <span th:text="${planInfo.dispEddt}"></span>
						</div>
						<button type="button" class="share_btn"><img src="/images/mo/ico_share_btn.png" alt="공유" /></button>
					</div>
				</div>
				<th:block th:each="a, template : ${templateOrd}">
					<th:block th:if="${a.tmplType == 'G082_10'}">
		                <div class="inner bg_gray" th:id="${a.tmplType}">
						</div>
					</th:block>
					<th:block th:if="${a.tmplType == 'G082_20'}">
		                <div class="inner" th:id="${a.tmplType}">
						</div>
					</th:block>
					<th:block th:if="${a.tmplType == 'G082_30'}"><!-- 이미지 -->
						 <div class="inner wide" th:id="${a.tmplType}"> 
						</div>
					</th:block>
					<th:block th:if="${a.tmplType == 'G082_50'}">
						<div class="inner wide" th:id="${a.tmplType + a.planContSq}">
                		</div>
					</th:block>
					<th:block th:if="${a.tmplType == 'G082_51'}">
					</th:block>
					<th:block th:if="${a.tmplType == 'G082_52'}">
						<div class="inner" th:id="${a.tmplType + a.planContSq}">
                    	</div>
					</th:block>
				</th:block>

                <div class="inner wide">
					<div class="mid_banner">
						<div class="swiper-container dp_lookbook_case1">
							<div class="swiper-wrapper">
								<div class="swiper-slide">
									<img src="/images/mo/thumb/dp_case1_lookbook.jpg" alt="">
								</div>
								<div class="swiper-slide">
									<img src="/images/mo/thumb/dp_case1_lookbook.jpg" alt="">
								</div>
								<div class="swiper-slide">
									<img src="/images/mo/thumb/dp_case1_lookbook.jpg" alt="">
								</div>
								<div class="swiper-slide">
									<img src="/images/mo/thumb/dp_case1_lookbook.jpg" alt="">
								</div>
								<div class="swiper-slide">
									<img src="/images/mo/thumb/dp_case1_lookbook.jpg" alt="">
								</div>
							</div>
							<div class="swiper-pagination"></div>
						</div>
					</div>
				</div>
				<div class="inner">
					<div class="dp_listItems_wrap">
						<h2 class="dp_subtitle"><a href="#none">겨울 아우터 추천템</a></h2>
						<div class="itemsGrp">
							<div class="item_prod">
								<div class="item_state">
									<button type="button" class="itemLike">관심상품 추가</button>
									<a href="#none" class="itemLink">
										<div class="itemPic">
											<img class="vLHTC pd_img" src="/images/mo/thumb/prod1.jpg" alt="">
										</div>
										<p class="itemBrand">BRAND NAME</p>
										<div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
										<p class="itemPrice">
											<span class="itemPrice_original">89,000</span>
											80,100
											<span class="itemPercent">10%</span>
										</p>
										<div class="itemcolorchip">
											<span class="chip_color35" value="ABM">BEIGE</span>
											<span class="chip_color54" value="BDS">BLACK</span>
											<span class="chip_color40" value="YBR">WHITE</span>
										</div>
										<p class="itemBadge">
											<span class="badge13">베스트 </span>
										</p>
										<div class="itemComment">#주문 폭주 상품</div>
									</a>
								</div>
							</div>
							<div class="item_prod">
								<div class="item_state">
									<button type="button" class="itemLike">관심상품 추가</button>
									<a href="#none" class="itemLink">
										<div class="itemPic">
											<img class="vLHTC pd_img" src="/images/mo/thumb/prod1.jpg" alt="">
										</div>
										<p class="itemBrand">BRAND NAME</p>
										<div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
										<p class="itemPrice">
											<span class="itemPrice_original">89,000</span>
											80,100
											<span class="itemPercent">10%</span>
										</p>
										<div class="itemcolorchip">
											<span class="chip_color35" value="ABM">BEIGE</span>
											<span class="chip_color54" value="BDS">BLACK</span>
											<span class="chip_color40" value="YBR">WHITE</span>
										</div>
										<p class="itemBadge">
											<span class="badge13">베스트 </span>
										</p>
										<div class="itemComment">#주문 폭주 상품</div>
									</a>
								</div>
							</div>
							<div class="item_prod">
								<div class="item_state">
									<button type="button" class="itemLike">관심상품 추가</button>
									<a href="#none" class="itemLink">
										<div class="itemPic">
											<img class="vLHTC pd_img" src="/images/mo/thumb/prod1.jpg" alt="">
										</div>
										<p class="itemBrand">BRAND NAME</p>
										<div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
										<p class="itemPrice">
											<span class="itemPrice_original">89,000</span>
											80,100
											<span class="itemPercent">10%</span>
										</p>
										<div class="itemcolorchip">
											<span class="chip_color35" value="ABM">BEIGE</span>
											<span class="chip_color54" value="BDS">BLACK</span>
											<span class="chip_color40" value="YBR">WHITE</span>
										</div>
										<p class="itemBadge">
											<span class="badge13">베스트 </span>
										</p>
										<div class="itemComment">#주문 폭주 상품</div>
									</a>
								</div>
							</div>
							<div class="item_prod">
								<div class="item_state">
									<button type="button" class="itemLike">관심상품 추가</button>
									<a href="#none" class="itemLink">
										<div class="itemPic">
											<img class="vLHTC pd_img" src="/images/mo/thumb/prod1.jpg" alt="">
										</div>
										<p class="itemBrand">BRAND NAME</p>
										<div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
										<p class="itemPrice">
											<span class="itemPrice_original">89,000</span>
											80,100
											<span class="itemPercent">10%</span>
										</p>
										<div class="itemcolorchip">
											<span class="chip_color35" value="ABM">BEIGE</span>
											<span class="chip_color54" value="BDS">BLACK</span>
											<span class="chip_color40" value="YBR">WHITE</span>
										</div>
										<p class="itemBadge">
											<span class="badge13">베스트 </span>
										</p>
										<div class="itemComment">#주문 폭주 상품</div>
									</a>
								</div>
							</div>
							<div class="item_prod">
								<div class="item_state">
									<button type="button" class="itemLike">관심상품 추가</button>
									<a href="#none" class="itemLink">
										<div class="itemPic">
											<img class="vLHTC pd_img" src="/images/mo/thumb/prod1.jpg" alt="">
										</div>
										<p class="itemBrand">BRAND NAME</p>
										<div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
										<p class="itemPrice">
											<span class="itemPrice_original">89,000</span>
											80,100
											<span class="itemPercent">10%</span>
										</p>
										<div class="itemcolorchip">
											<span class="chip_color35" value="ABM">BEIGE</span>
											<span class="chip_color54" value="BDS">BLACK</span>
											<span class="chip_color40" value="YBR">WHITE</span>
										</div>
										<p class="itemBadge">
											<span class="badge13">베스트 </span>
										</p>
										<div class="itemComment">#주문 폭주 상품</div>
									</a>
								</div>
							</div>
							<div class="item_prod">
								<div class="item_state">
									<button type="button" class="itemLike">관심상품 추가</button>
									<a href="#none" class="itemLink">
										<div class="itemPic">
											<img class="vLHTC pd_img" src="/images/mo/thumb/prod1.jpg" alt="">
										</div>
										<p class="itemBrand">BRAND NAME</p>
										<div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
										<p class="itemPrice">
											<span class="itemPrice_original">89,000</span>
											80,100
											<span class="itemPercent">10%</span>
										</p>
										<div class="itemcolorchip">
											<span class="chip_color35" value="ABM">BEIGE</span>
											<span class="chip_color54" value="BDS">BLACK</span>
											<span class="chip_color40" value="YBR">WHITE</span>
										</div>
										<p class="itemBadge">
											<span class="badge13">베스트 </span>
										</p>
										<div class="itemComment">#주문 폭주 상품</div>
									</a>
								</div>
							</div>
						</div>
						<button class="btn btn_default">더보기</button>
					</div>
				</div>
				<div class="inner">
					<div class="dp_listItems_wrap type1">
						<div class="items_option">
							<div class="open_categori" style="position: relative; width: 100%; z-index: 0;">
								<a id="filter"></a> 
							</div>
						</div>
						<h2 class="dp_subtitle">겨울 아우터 재입고</h2>
						<div class="list_content"> <!-- 데이터 없을시 클래스 nodata 추가 -->
							<div class="itemsGrp">
								<div class="item_prod">
									<div class="item_state">
										<button type="button" class="itemLike">관심상품 추가</button>
										<a href="#none" class="itemLink">
											<div class="itemPic">
												<img class="vLHTC pd_img" src="/images/mo/thumb/prod1.jpg" alt="">
											</div>
											<p class="itemBrand">BRAND NAME</p>
											<div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
											<p class="itemPrice">
												<span class="itemPrice_original">89,000</span>
												80,100
												<span class="itemPercent">10%</span>
											</p>
											<div class="itemcolorchip">
												<span class="chip_color35" value="ABM">BEIGE</span>
												<span class="chip_color54" value="BDS">BLACK</span>
												<span class="chip_color40" value="YBR">WHITE</span>
											</div>
											<p class="itemBadge">
												<span class="badge13">베스트 </span>
											</p>
											<div class="itemComment">#주문 폭주 상품</div>
										</a>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="inner">
					<div class="dp_listItems_wrap type2">
						<h2 class="dp_subtitle">2021 신상 아우터</h2>
						<div class="itemsGrp">
                            <div class="item_prod">
								<div class="item_state">
									<button type="button" class="itemLike">관심상품 추가</button>
									<a href="#none" class="itemLink">
										<div class="itemPic">
											<img class="vLHTC pd_img" src="/images/mo/thumb/prod1.jpg" alt="">
										</div>
										<p class="itemBrand">BRAND NAME</p>
										<div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
										<p class="itemPrice">
											<span class="itemPrice_original">89,000</span>
											80,100
											<span class="itemPercent">10%</span>
										</p>
										<div class="itemcolorchip">
											<span class="chip_color35" value="ABM">BEIGE</span>
											<span class="chip_color54" value="BDS">BLACK</span>
											<span class="chip_color40" value="YBR">WHITE</span>
										</div>
										<p class="itemBadge">
											<span class="badge13">베스트 </span>
										</p>
										<div class="itemComment">#주문 폭주 상품</div>
									</a>
								</div>
							</div>
                        </div>
					</div>
				</div>
				<div class="inner">
					<div class="other_promotion_slide">
						<h2 th:if="${planInfo.planGb == 'P'}" class="dp_subtitle">다른 기획전 보기</h2>
						<h2 th:if="${planInfo.planGb == 'E'}" class="dp_subtitle">다른 이벤트 보기</h2>
						<div class="swiper-container">
							<div class="swiper-wrapper">
							  <th:block th:each="PlanData, PlanStat : ${planList}">
								<div class="swiper-slide">
									<a th:onclick="cfnGoToPlanDetail([[${PlanData.planSq}]])" class="dp_lookbook_item" tabindex="0">
										<div class="img">
											<img th:src="${@environment.getProperty('upload.image.view')+PlanData.mainImg}" alt="${PlanData.planNm}">
										</div>
										<div class="txt">
											<div class="tit" th:text="${PlanData.planNm}"></div>
										</div>
									</a>
								</div>
							    </th:block>
							</div>
						</div>
					</div>
				</div>
			</section>
			
			<!-- 210415_최신상품순 리스트 팝업 추가 -->
            <div id="odDatePop" class="popup_box odDatePop">
                <div class="lap">
                    <div class="popup_close">카테고리닫기</div>
                    <div class="popup_head sr-only">
                        <h2 class="">기간 선택 팝업</h2>
                    </div>
                    <div class="popup_con">
                        <div class="button_list clear">
                        	<th:block th:if="${planCornerList!=null}" th:each="a, cornerStat : ${planCornerList}">
                           	 <button type="button" th:onclick="fnCornerClick([[${cornerStat.index+1}]], [[${a.cornerNm}]])"><span th:text="${a.cornerNm}"></span></button>
                            </th:block>
                        </div>
                    </div>
                </div>
            </div>
			

			<!-- 쿠폰사용안내 팝업 -->
			<div class="modal fade couponInfo_pop" id="couponInfoPop" tabindex="-1" role="dialog" aria-labelledby="couponInfoLabel" aria-hidden="true">
				<div class="modal-dialog" role="document">
					<div class="modal-content">
						<!-- 쿠폰사용안내 팝업 내용 -->      
					</div>
				</div>
				<a href="#close-modal" rel="modal:close" id="couponInfoPop_close" class="close-modal">Close</a>
			</div>
		</main>
<script th:inline="javascript">
let review = [[${reviewInfo}]];
let coupon = [[${couponInfo}]];
let plan = [[${planInfo}]];
let image = [[${imageInfo}]];
let goods1 = [[${goods1Info}]];
let goods2 = [[${goods2Info}]];
let goods4 = [[${goods4Info}]];
let template =[[${templateOrd}]];
let replyList = [[${replyList}]];
let replyCount = [[${replyCount}]];
let replyAttachList = [[${replyAttachList}]];
let planCornerGoodsList = [[${planCornerGoodsList}]];
let planCornerList = [[${planCornerList}]];
let _mall = [[${@environment.getProperty('domain.front')}]];
let goodsView =[[${@environment.getProperty('upload.goods.view')}]]
let imgUrl=[[${@environment.getProperty('upload.image.view')}]];


if(goods1.length>0){
	var array = [];

	for (var j = 0; j < template.length; j++) {
		if(template[j].tmplType == 'G082_50'){
			array.push(template[j].planContSq);
		}
	}	
	
	for (var i = 0; i < template.length; i++) {
		var html = '';
		if(template[i].tmplType == 'G082_50' && array[0] == template[i].planContSq && typeof array[0] != 'undefined') {
			html += '<div class="dp_listItems_cont type1">\n';
			html += '	<h2 class="dp_subtitle">\n';
			if (template[i].linkUrl != null && template[i].linkUrl != '') { /* 링크 변경 예정 */
				if (template[i].linkOpenGb == 'M') { //본창
					html += '        <a href="'+template[i].linkUrl+'" target="_self">'+template[i].title+'</a>\n';
				}else{
					html += '        <a href="'+template[i].linkUrl+'" target="_blank">'+template[i].title+'</a>\n';
				}
			}else{
				html += '        <a href="javascript:void(0)">'+template[i].title+'</a>\n';
			}
			html += '   </h2>\n';
			html += '	<div class="swiper-container item01">\n';
			html += '		<div class="swiper-wrapper">\n';
			$.each(goods1, function(idx, item)  {
				if (item.planContSq == template[i].planContSq) {
					html += '			<div class="swiper-slide">\n';
					html += '				<div class="item_prod">\n';
					html += '					<div class="item_state">\n';
					html += '						<a href="#none" class="itemLink">\n';
					html += '							<div class="itemPic">\n';
					html += '								<img class="vLHTC pd_img" src="'+ goodsView +'/'+item.sysImgNm +'?RS=780" alt="">\n';
					html += '							</div>\n';
					html += '							<p class="itemBrand">'+item.brandGroupNm+'</p>\n';
					html += '							<div class="itemName">'+item.goodsNm+'</div>\n';
					html += '							<p class="itemPrice">\n';
					if (item.currPrice != item.listPrice) {
						html += '								<span class="itemPrice_original">'+item.listPrice.addComma()+'</span>\n';
					}
					html +=                             item.currPrice.addComma();
					if (item.currPrice != item.listPrice) {
						html += '								<span class="itemPercent">'+Math.floor(item.dcRate)+'%</span>\n';
					}
					html += '							</p>\n';
					if(item.goodsTnm != null){
						html += '							<div class="itemComment">'+item.goodsTnm+'</div>\n';
					}
					html += '						</a>\n';
					html += '					</div>\n';
					html += '				</div>\n';
					html += '			</div>\n';
				}
			});
			html += '		</div>\n';
			html += '		<div class="swiper-pagination"></div>\n';
			html += '	</div>\n';
			html += '</div>\n';
			$("#G082_50" +array[0]).append(html);
		}
		
		if($("#G082_50" +template[i].planContSq).length){
			array.shift();
		}
	}
}

if(goods4.length>0){
	var array = [];
	var html = '';
	for (var j = 0; j < template.length; j++) {
		if(template[j].tmplType == 'G082_52'){
			array.push(template[j].planContSq);
		}
	}	
	
	for (var i = 0; i < template.length; i++) {
		if(template[i].tmplType == 'G082_52' && array[0] == template[i].planContSq && typeof array[0] != 'undefined'){
			html += '<div class="dp_listItems_cont type2">';
			if (template[i].linkUrl != null && template[i].linkUrl != '') { /* 링크 변경 예정 */
				if (template[i].linkOpenGb == "M") { //본창
					html += '	<h2 class="dp_subtitle"><a href="'+template[i].linkUrl+'" target="_self">'+template[i].title+' </a></h2>';
				}else{
					html += '	<h2 class="dp_subtitle"><a href="'+template[i].linkUrl+'" target="_blank">'+template[i].title+' </a></h2>';
				}
			}else{
				html += '	<h2 class="dp_subtitle"><a href="javascript:void(0)">'+template[i].title+' </a></h2>';
			}
			
			html += '	<div class="swiper-container item02">';
			html += '		<div class="swiper-wrapper">';
			$.each(goods4, function(idx, item) {
				html += '			<div class="swiper-slide">';
				html += '				<div class="item_prod">';
				html += '					<div class="item_state">';
				html += '						<a onclick="cfnGoToGoodsDetail(\'' + item.goodsCd + '\')" class="itemLink">';
				html += '							<div class="itemPic">';
				html += '								<img class="vLHTC pd_img" src="'+ goodsView +'/'+item.sysImgNm +'">';
				html += '							</div>';
				html += '							<p class="itemBrand">'+item.brandGroupNm+'</p>';
				html += '							<div class="itemName">'+item.goodsNm+'</div>';
				html += '							<p class="itemPrice">';
				if (item.currPrice != item.listPrice) {
					html += '								<span class="itemPrice_original">'+item.listPrice.addComma()+'</span>';
				}
				
				html += 								item.currPrice.addComma();
				if (item.currPrice != item.listPrice) {
					html += '								<span class="itemPercent">'+Math.floor(item.dcRate)+'%</span>';
				}
				html += '							</p>';
				if(item.goodsTnm != null){
					html += '							<div class="itemComment">'+item.goodsTnm+'</div>';
				}
				
				html += '						</a>';
				html += '					</div>';
				html += '				</div>';
				html += '			</div>';
			})
			
			html += '		</div>';
			html += '		<div class="swiper-pagination"></div>';
			html += '	</div>';
			html += '</div>';
			$("#G082_52" +array[0]).append(html);
		}
		if($("#G082_52" +template[i].planContSq).length){
			array.shift();
		}
	}
}

if(review.length>0){
	
	var html = '';
	
	html += '<div class="dp_review_cont">\n';
	html += '	<div class="dp_review">\n';
	html += '		<h2 class="dp_subtitle">'+review[0].title+'</h2>\n';
	html += '		<div class="review">\n';
	html += '			<div class="swiper-container review_list">\n';
	html += '				<div class="swiper-wrapper">\n';
	$.each(review, function(idx, item)  {
		html += '					<div class="swiper-slide">\n';
		html += '						<div>\n';
		html += '							<div class="best_review">\n';
		if(item.reviewSysImg!= null){
			html += '								<a href="javascript:void();" onclick="cfGoodsReviewDetail(\''+item.goodsCd+'\',\'\', \'Y\',\''+item.reviewSq+'\');">\n';
		}else{
			html += '								<a href="javascript:void();">\n';
		}
		html += '									<div class="lap">\n';
		html += '										<div class="pic">\n';
		if(item.reviewSysImg!= null){
			if (item.fileGb == 'M') { 
				html += '											<span class="thumb mov" style="background-image:url('+ imgUrl+item.reviewSysImg +');"></span>\n';
			}else{
				html += '											<span class="thumb" style="background-image:url('+ imgUrl +item.reviewSysImg +');"></span>\n';
			}
		}else{
			html += '											<span class="thumb" style="background-image:url('+ goodsView+'/'+item.sysImgNm +');"></span>\n';
		}
		html += '										</div>\n';
		html += '										<div class="info">\n';
		html += '											<div>\n';
		html += '												<div class="star_score">\n';
		html += '													<span class="star">\n';
		html += '														<em class="progbar" style="width:'+(item.score*20)+'%;"></em>\n';
		html += '													</span>\n';
		if(item.bestYn == 'Y'){
			html += '													<em class="ico ico_besttag"></em>\n';
		}
		html += '												</div>\n';
		html += '												<div class="txt_best_review">\n';
		html += '													<p>'+item.reviewContent+'</p>';
		html += '												</div>\n';
		html += '												<div class="writer">\n';
		html += '													<span class="wr_id">'+item.maskingCustId+'</span>\n';
		html += '													<span class="wr_date">'+item.regDt+'</span>\n';
		html += '												</div>\n';
		html += '											</div>\n';
		html += '										</div>\n';
		html += '									</div>\n';
		html += '								</a>\n';
		html += '							</div>\n';
		html += '							<div class="product_view">\n';
		html += '								<div class="item_prod">\n';
		html += '									<div class="item_state">\n';
		html += '										<a href="javascript:void(0)" onclick="cfnGoToGoodsDetail(\'' + item.goodsCd + '\')" class="itemLink">\n';
		html += '											<div class="itemPic">\n';
		html += '												<img alt="" class="vLHTC pd_img" src="'+ goodsView +'/'+item.sysImgNm +'">\n';
		html += '											</div>\n';
		html += '											<div class="itemName">'+item.goodsNm+'</div>\n';
		html += '											<p class="itemPrice">\n';
		html += '												<span class="itemPrice_sale">'+item.currPrice.addComma()+'</span>\n';
		html += '											</p>\n';
		html += '										</a>\n';
		html += '									</div>\n';
		html += '								</div>\n';
		html += '							</div>\n';
		html += '						</div>\n';
		html += '					</div>\n';
	});
	html += '				</div>\n';
	html += '				<div class="swiper-pagination"></div>\n';
	html += '			</div>\n';
	html += '		</div>\n';
	html += '	</div>\n';
	html += '</div>\n';


	$("#G082_10").append(html);
}
/* 이미지 */
if(image.length>0){
	var html = '';
	
	html += '<div class="promotion_visual type2">';
	html += '	<div class="big_banner_slide">';
	html += '		<div class="swiper-container">';
	html += '			<div class="swiper-wrapper">';
	$.each(image, function(idx, item)  {
		html += '				<div class="swiper-slide">';
		if (item.linkOpenGb == 'M') {
			html += '					<a href="'+item.linkUrl+'" target="_self"><img src="'+ imgUrl + item.itemVal +'?RS=1206" ></a>';
		}else{
			html += '					<a href="'+item.linkUrl+'" target="_blank"><img src="'+ imgUrl + item.itemVal +'?RS=1206" ></a>';
		}
		html += '				</div>';
	});
	
	html += '			</div>';
	html += '			<div class="swiper-pagination"></div>';
	html += '		</div>';
	html += '	</div>';
	html += '</div>';
	
	$("#G082_30").append(html);
}

if(coupon.length>0){
	var html = '';
	 
	html += '<div class="dp_coupon">';
	html += '	<h2 class="dp_subtitle">'+coupon[0].title+'</h2>';
	html += '	<div class="coupon_list">';
	html += '		<ul class="clear">';
	$.each(coupon, function(idx, item) {
		if (item.couponStat == '쿠폰받기') {
			html += '			<li> ';
		}else{
			html += '			<li class="off"> ';
		}
		
		html += '				<div class="cp_top">';
		html += '					<div class="cp_detail">';
		html += '						<p class="tit">'+item.cpnNm+'</p>';
		html += '						<strong class="sale_t won_t"><span>'+item.dcVal.addComma()+'</span>'+item.dcWay+'</strong>';
		html += '						<p class="cp_cont">'+item.useCondition+'</p>';
		html += '						<span class="cp_cnt">'+item.issueCondition+'</span>';
		html += '					</div>';
		html += '					<span class="cp_shape"></span>';
		html += '				</div>';
		html += '				<div class="cp_date" id="dp_coupon1">';
		if (item.couponStat == '쿠폰받기') {
			html += '					<button type="button" id="coupon_'+item.cpnId+'" onclick="fnPlanCouponDown('+item.cpnId+')"><span>쿠폰 받기</span></button>';
		}else{
			html += '					<button type="button" id="coupon_'+item.cpnId+'" onclick="fnPlanCouponDown('+item.cpnId+')"><span>받기 완료</span></button>';
		}
		html += '				</div>';
		html += '				<div class="cp_info">';
		html += '					<button type="button" id="modalBasic" class="btn_couponInfo_pop" onclick="usePlanInfoCoupon('+item.cpnId+')"><span>사용안내</span></button>';
		html += '				</div>';
		html += '			</li>';
	});
	html += '		</ul>';
	html += '	</div>';
	html += '	<div class="announce_txt">';
	html += '		<div class="note_txt">';
	html += '			<img src="/images/mo/ico_content_find.png" alt="유의사항">';
	html += '			<p>유의사항</p>';
	html += '		</div>';
	html += '		<div class="announce_list">';
	html += '			<ul>';
	html += coupon[0].note;
	html += '			</ul>';
	html += '		</div>';
	html += '	</div>';
	html += '</div>';
		
	$("#G082_20").append(html);
}

var fnCornerClick = function (result1,result2) {
	var num = result1 - 1;
	$("#filter").text(result2);
	//var offset = $('.dp_listItems_cont.type'+(result1)).offset(); //선택한 태그의 위치를 반환
	var offset = $('#type'+num).offset(); //선택한 태그의 위치를 반환
	//animate()메서드를 이용해서 선택한 태그의 스크롤 위치를 지정해서 0.4초 동안 부드럽게 해당 위치로 이동함 
	$('html').animate({scrollTop : offset.top}, 400);
	
}

//쿠폰 사용안내 모달
var usePlanInfoCoupon = function (id) {
	var data = {cpnId : id
			    ,planSq : plan.planSq};
	var jsonData = JSON.stringify(data);
	
	 $.ajax( {
		type		: "POST",
		url 		: '/planning/coupon/detailpop',
		data		: jsonData,
		contentType: 'application/json',
		dataType 	: 'html',
		success 	: function(result) {
			if (result != null) {
				$("#couponInfoPop").html(result);
				$("#couponInfoPop").modal("show");
			}
		}
	});
	
	return false; 
}

//쿠폰 다운로드
var fnPlanCouponDown = function(obj){

	if (!cfCheckLogin()) {
		cfnGoToPage(_PAGE_LOGIN);
		return false;
	}
	
	let cpnId = obj;
	gagajf.ajaxJsonSubmit(_PAGE_PLANNING_CPN_DOWNLOAD, JSON.stringify({cpnId: cpnId}), fnPlanCouponCallBack);
}

// 쿠폰다운로드 콜백
var fnPlanCouponCallBack = function(result){
	console.log(result);
	$.each(result.couponList, function (idx, item) {
		if (Number(item.custPubLimitQty) > 0){
			if (Number(item.custPubLimitQty) <= Number(item.custCouponCnt)){
				$('#coupon_'+ item.cpnId).html('<span>받기완료</span>');
				$('#coupon_'+ item.cpnId).attr('disabled', true);
			}
		}
	});
}

$(document).ready(function(){
	$("#filter").text(planCornerList[0].cornerNm);
	//상단 빅배너 슬라이드
	var big_banner_slide = new Swiper('.big_banner_slide .swiper-container', {
		slidesPerView: 1,
		spaceBetween: 8,
		centerMode: true,
		pagination: {
			el: '.big_banner_slide .swiper-pagination',
		},
	});
	//review 슬라이드
	var dp_reviewitem_slide = new Swiper('.review .swiper-container', {
		slidesPerView: 1,
		spaceBetween: 8,
		loop: true,
		centerMode: true,
		pagination: {
			el: '.review .swiper-pagination',
			type: 'fraction',
		},
	});
	// 아이템스라이드(리스트갯수1)
	var dp_listItems_cont1 = new Swiper('.dp_listItems_cont .swiper-container.item01', {
		slidesPerView: 1,
		spaceBetween: 0,
		centerMode: true,
		pagination: {
			el: '.dp_listItems_cont .swiper-container.item01 .swiper-pagination',
		},
	});

	// 아이템스라이드(리스트갯수2)
	var dp_listItems_slide3 = new Swiper('.dp_listItems_cont .swiper-container.item02', {
		slidesPerView: 'auto',
		slidesPerView: 2,
		spaceBetween: 8,
		centerMode: true,
	});

	// 아이템스라이드(리스트갯수3)
	var dp_listItems_slide3 = new Swiper('.dp_listItems_slide .swiper-container.item03', {
		slidesPerView: 3,
		spaceBetween: 8,
		centerMode: true,
	});
	
	// 다른기획전
	var other_promotion_slide = new Swiper('.other_promotion_slide .swiper-container', {
		slidesPerView: 2,
		spaceBetween: 8,
		centerMode: true,
	});
	
	//기간 선택 팝업
    $(document).on("click", ".open_categori", function(){
        $('#odDatePop').show().addClass("active");
        $("body").css({"overflow":"hidden"});
    });
	
  //팝업_닫기
    $('.popup_close').on("click",function(){
        $('.popup_box').hide().removeClass('active');
        $("body").css({"overflow":"visible"});
    });
	
    // 210415_팝업 테두리 선택 추가
    $(document).ready(function(){
	    $(document).on('click','.popup_box .button_list button',function(){
            $('.popup_box .button_list button').removeClass('on');
            $(this).addClass('on');
		});
	});
	// 210415_드롭박스 상단고정
	$(window).scroll(function(){
		var scrollTop= $(window).scrollTop();
		var itemTop=$('.dp .dp_listItems_wrap.type1').offset().top;

        if (scrollTop >= itemTop){
            $('.dp .dp_listItems_wrap .items_option').addClass('fix');
        } else {
            $('.dp .dp_listItems_wrap .items_option').removeClass('fix');
        }

	});


});
</script>
</th:block>

</body>
</html>