style24
/
style24.front


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689
							<!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  : PlanningDetailFormWeb.html
 * @desc    : 기획전메인 Page
 *============================================================================
 * Pastelmall
 * Copyright(C) 2020 TSIT, All rights reserved.
 *============================================================================
 * VER  DATE         AUTHOR      DESCRIPTION
 * ===  ===========  ==========  =============================================
 * 1.0  2021.3.9     sowon     최초 작성
 *******************************************************************************
 -->
<body>
	<th:block layout:fragment="content">
	<script src="https://developers.kakao.com/sdk/js/kakao.min.js"></script>
		<!--  container -->
		<div id="container" class="container dp" th:with="frontUrl=${@environment.getProperty('domain.front')}, goodsView=${@environment.getProperty('upload.goods.view')}, planView=${@environment.getProperty('upload.image.view')}">
			<div class="breadcrumb">
				<ul>
					<li class="bread_home"><a href="javascript:void(0);"
						onclick="cfnGoToPage(_PAGE_MAIN);">홈</a></li>
					<li class="bread_2depth"><a href="javascript:void(0);"
						onclick="cfnGoToPage(_PAGE_PLANNING_MAIN);">기획전</a></li>
					<li class="bread_2depth" th:text="${planInfo.planNm}"></li>
				</ul>
			</div>
			<div class="wrap">
				<div class="content wide dp_detail_case1">
					<!-- 풀사이즈 -->
					<div class="cont_head">
						<div>
							<h3 th:text="${planInfo.planNm}"></h3>
							<div>
								<div class="shareSet">
										<button class="btn_share" data-name="openShare">공유하기</button>
										<div class="shareWrap" th:with="stylelUrl=${@environment.getProperty('domain.front')}, imgGoodsUrl=${@environment.getProperty('upload.goods.view')}">
										<div id="layerShare" class="setShare open">
											<span>
												<button type="button" class="kk" th:attr="onclick=|cfnSendToKakao('${stylelUrl+'/planning/detail/form?planSq='+planInfo.planSq}', '${planInfo.planNm}', '${planView+ '/'+planInfo.mainImg}');|"><span>카카오톡</span></button>
												<button type="button" class="fb" th:attr="onclick=|sendSns('facebook', '${stylelUrl+'/planning/detail/form?planSq='+planInfo.planSq}', '${planInfo.planNm}', '', '');|"><span>페이스북</span></button>
												<button type="button" class="tw" th:attr="onclick=|sendSns('twitter', '${stylelUrl+'/planning/detail/form?planSq='+planInfo.planSq}', '${planInfo.planNm+ '#style24몰'}', '', '');|"><span>트위터</span></button>
												<button type="button" class="url btn_copy"><span>URL</span></button>
											</span>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="cont_body">
				
						<div class="coner_content">
							<div class="coner_front">
								<div class="promotion_visual" th:if="${fsrcInfoTop != null}" th:utext="${fsrcInfoTop.fsrcPc}"></div>
								<!-- 상단배너 -->
							</div>
							<th:block th:each="a, template : ${templateOrd}">
							<th:block th:if="${a.tmplType == 'G082_10'}">
									<div class="coner_item01" th:id="${a.tmplType}"></div>
								</th:block>
							<th:block th:if="${a.tmplType == 'G082_20'}">
									<div class="coner_item01" th:id="${a.tmplType}"></div>
								</th:block>
							<th:block th:if="${a.tmplType == 'G082_30'}">
									<div class="coner_item01" th:id="${a.tmplType}"></div>
								</th:block>
							<th:block th:if="${a.tmplType == 'G082_40'}">
									<div class="coner_item01" th:id="${a.tmplType}"></div>
								</th:block>
								<th:block th:if="${a.tmplType == 'G082_50'}">
									<div class="coner_item01" th:id="${a.tmplType + a.planContSq}"></div>
								</th:block>
								<th:block th:if="${a.tmplType == 'G082_51'}">
									<div class="coner_visual dp_recommend_item" th:id="${a.tmplType + a.planContSq}"></div>
								</th:block>
								<th:block th:if="${a.tmplType == 'G082_52'}">
									<div class="coner_item01" th:id="${a.tmplType + a.planContSq}"></div>
								</th:block>
								
							</th:block>
							
		
							<div class="coner_front">
								<div class="promotion_visual" th:if="${fsrcInfoBtm != null}" th:utext="${fsrcInfoBtm.fsrcPc}"></div>
								<!-- 하단배너 -->
							</div>
							<br> <br>
						</div>
					</div>
				</div>
				<!-- //풀사이즈 -->
				<div class="content dp_detail_list">
					<div class="cont_head">
						<div class="bullet_sticky_nav">
							<ul>
								<li><a href="#brand01">모이몰른</a></li>
								<!-- 섹션이동 -->
								<li><a href="#brand02">컬리수</a></li>

							</ul>
						</div>
					</div>
					<div class="cont_body">
						<div class="list_content">
							<div id="brand01">
								<div class="item_header">
									<!-- 섹션이동 -->
									<h4>모이몰른</h4>
								</div>
								<div class="itemsGrp">
									<!-- itemsGrp rank hot deal -->
									<div class=" item_prod">
										<!-- item_prod ranker d_detail -->
										<div class="item_state">
											<!-- item_state AD soldout -->
											<a href="#none" class="itemLink">
												<div class=" itemPic">
													<img alt="BLUE-a" class=" vLHTC pd_img"
														src="/images/pc/thumb/prod1.jpg">
													<button type="button" class="itemLike likeit">관심상품
														추가</button>
												</div>
												<p class="itemBrand">BRAND NAME</p>

												<div class=" itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
												<p class="itemPrice">
													488,000
													<!-- -->
													원
												</p>
												<p class="itemBadge">
													<span class="badge13">베스트 </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>
												<div class="itemComment">#주문 폭주 상품</div>
											</a>
										</div>
									</div>
								</div>
							</div>
							<div id="brand02">
								<div class="item_header">
									<!-- 섹션이동 -->
									<h4>컬리수</h4>
								</div>
								<div class="itemsGrp">
									<!-- itemsGrp rank hot deal -->
									<div class=" item_prod">
										<!-- item_prod ranker d_detail -->
										<div class="item_state">
											<!-- item_state AD soldout -->
											<a href="#none" class="itemLink">
												<div class=" itemPic">
													<img alt="BLUE-a" class=" vLHTC pd_img"
														src="/images/pc/thumb/prod1.jpg">
													<button type="button" class="itemLike likeit">관심상품
														추가</button>
												</div>
												<p class="itemBrand">BRAND NAME</p>

												<div class=" itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
												<p class="itemPrice">
													488,000
													<!-- -->
													원
												</p>
												<p class="itemBadge">
													<span class="badge13">베스트 </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>
												<div class="itemComment">#주문 폭주 상품</div>
											</a>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<th:block th:if="${planCount > 0}">
				<div class="content dp_foot_banner">
					<div class="cont_head">
						<div>
							<p>다른 기획전 보기</p>
							<a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_PLANNING_MAIN);">전체보기</a>
						</div>
					</div>
					<div class="cont_body">
						<div class="foot_banner_slide">
							<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}]])">
											<div class="thumb">
												<img th:src="${@environment.getProperty('upload.image.view')+PlanData.mainImg}" alt="${PlanData.planNm}">
											</div>
											<div class="txt">
												<!-- <span class="brand" th:if="${PlanData.cnt > 1}" th:text="${PlanData.brand}+' 외'"></span> -->
												<p class="tit" th:text="${PlanData.planNm}"></p>
											</div>
										</a>
									</div>
								</th:block>
								</div>
							</div>
							<div class="swiper-button-prev"></div>
							<div class="swiper-button-next"></div>
						</div>
					</div>
				</div>
				</th:block>
			</div>
		</div>
		
	<div class="modal fade dp_coupon_pop"  id="coupon_modal_02" tabindex="-1" role="dialog"	aria-labelledby="PopupBasicLabel" aria-hidden="true"></div>
		<!-- // container -->
<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 _mall = [[${@environment.getProperty('domain.front')}]];
let goodsView =[[${@environment.getProperty('upload.goods.view')}]]
let imgUrl=[[${@environment.getProperty('upload.image.view')}]];

if(review != null || review != ''){
		
	var html = '';
	
	
	html += '<div class="dp_review_cont">';
	html += '	<div class="dp_review">';
	html += '		<h2 class="dp_subtitle">'+review[0].title+'</h2>';
	html += '		<div class="review_list">';
	
	
	$.each(review, function(idx, item)  {
		html += '			<div>';
		html += '				<div class="best_review">';
		html += '					<a href="javascript:void();" onclick="fnPlanReviewDetail(\''+item.reviewSq+'\');">';
		html += '						<div class="lap">';
		html += '							<div class="pic">';
		if (item.fileGb == 'M') { 
			html += '								<span class="thumb mov" style="background-image: url('+ imgUrl +'/'+item.reviewSysImg +');"></span>';	
		}else{
			html += '								<span class="thumb" style="background-image: url('+ imgUrl +'/'+item.reviewSysImg +');"></span>';			
		}
		html += '							</div>';
		html += '							<div class="info">';
		html += '								<div>';
		html += '									<div class="star_score">';
		html += '										<span class="star"> <em class="progbar"';
		html += '											style="width:'+(item.score*20)+'%;"></em> <!-- 평점 style로 표기 -->';
		html += '										</span>'; 
		if(item.bestYn == 'Y'){
			html += '<em class="ico ico_besttag"></em>';	
		}
		html += '									</div>';
		html += '									<div class="txt_best_review">';
		html += '										<p>'+item.reviewContent+'</p>';
		html += '									</div>';
		html += '									<div class="writer">';
		html += '										<span class="wr_id">'+item.maskingCustId+'</span><span';
		html += '											class="wr_date">'+item.regDt+'</span>';
		html += '									</div>';
		html += '								</div>';
		html += '							</div>';
		html += '						</div>';
		html += '					</a>';
		html += '				</div>';
		html += '				<div class="product_view">';
		html += '					<div class="item_prod">';
		html += '						<div class="item_state">';
		html += '							<a href="#none" class="itemLink">';
		html += '								<div class="itemPic">';
		html += '									<img alt="" class="vLHTC pd_img" src="'+ _imgUrl +'/'+item.sysImgNm +'">';
		html += '								</div>';
		html += '								<div class="itemName">'+item.goodsNm+'</div>';
		html += '								<p class="itemPrice">'+comma(item.currPrice)+'원</p>';
		html += '							</a>';
		html += '						</div>';
		html += '					</div>';
		html += '				</div>';
		html += '			</div>';
	});
	html += '			</div>';
	html += '		</div>';
	html += '	</div>';
	html += '</div>';
	
	$("#G082_10").append(html);
}

if(coupon != null || coupon != ''){
	var html = '';
	 
	html += '<div class="coner_item02">';
	html += '	<div class="dp_coupon_wrap">';
	html += '	<div>';
	html += '		<p>'+coupon[0].title+'</p>';
	html += '	</div>';
	html += '	<div class="coupon_list inner">';
	html += '		<ul class="clear">';
	$.each(coupon, function(idx, item) {
		html += '			<li>';
		html += '				<div class="coupon">';
		html += '					<div>';
		html += '						<p class="cp_name">'+item.cpnNm+'</p>';
		html += '						<p class="cp_cont">';
		if (item.dcWay == '할인율') {
			html += '							<span> <span><em>'+item.dcPval+'%</em></span>';
		}else{
			html += '							<span><em>'+comma(item.dcPval)+'</em>원</span>'; 
		}
		html += '						</p>';
		html += '						<p class="cp_condition">'+comma(item.buyLimitAmt)+'원 이상 구매 시 최대 ' +comma(item.maxDcAmt)+'원 할인';
		if (item.custPubLimitQty != 0) {
			html += '								<span>1인 최대 '+item.custPubLimitQty+'장</span>';	
		}
		
		html += '						</p>';
		html += '					</div>';
		if (item.couponStat == '쿠폰받기') {
			html += '					<button type="button" id="coupon_" class="btn btn_dark btn_block btn_coupon_down" onclick="fnPlanCouponDown('+item.cpnId+')">';  /* btn_coupon_done */
			html += '						<span>쿠폰받기</span>';								/* 받기완료  */
			html += '					</button>';			
		}else{
			html += '					<button type="button"';
			html += '						class="btn btn_dark btn_block btn_coupon_done" disabled>';  
			html += '						<span>받기완료</span>';								
			html += '					</button>';			
		}
		html += '				</div>';
		html += '				<button type="button" class="btn_underline"	id="btn_cpinfo_pop" onclick="useInfoCoupon('+item.cpnId+')">';
		html += '					<span>사용안내</span>';
		html += '				</button>';
		html += '			</li>';
	});
	html += '		</ul>';
	html += '	</div>';
	html += '	<div class="announce_txt inner">';
	html += '		<div class="note_txt">';
	html += '			<img src="/images/pc/ico_content_find.png" alt="유의사항">';
	html += '			<p>유의사항</p>';
	html += '		</div>';
	html += '		<div class="announce_list">';
	html += '			<ul>';
	html += '				<li>쿠폰 발급 기간 :'+ plan.dispStdt +'~'+ plan.dispEddt +'</li>';
	html += '				<li>본 쿠폰은 해당 기획전 상품에만 적용 가능합니다.</li>';
	html += '				<li>본 쿠폰은 해당 기획전 다운로드 버튼을 통해 발급받으실 수 있습니다.</li>';
	html += '			</ul>';
	html += '		</div>';
	html += '	</div>';
	html += '	<br>';
	html += '	<br>';
	html += '</div>';
	html += '</div>';
		
	$("#G082_20").append(html);
}

if(image != null || image != ''){
	var html = '';
	
	html += '	<div class="coner_item02">';
	html += '    	<div class="coner_visual">';
	html += '        	<div class="swiper-container">';
	html += '            	<div class="swiper-wrapper ">';
	
	for (var i = 0; i < image.length; i++) {
		html += '                	<div class="swiper-slide">';
		html += '                    	<img alt="" src="'+ imgUrl + image[i].itemVal +'">';
		html += '                	</div>';
	}
	html += '            	</div>';
	html += '            	<div class="swiper-button-prev "></div>';
	html += '            	<div class="swiper-button-next "></div>';
	html += '        	</div>';
	html += '        <div class="swiper-pagination"></div>';
	html += '	</div>';
	
	$("#G082_30").append(html);
}

if(goods1 != null || goods1 != ''){
	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_wrap"> ';
			html += '    <div>';
			if (template[i].linkUrl != null || template[i].linkUrl != '') { /* 링크 변경 예정 */
				html += '        <a href="http://'+template[i].linkUrl+'" target="_blank">'+template[i].title+'</a>';
			}else{
				html += '        <a href="javascript:void(0)">'+template[i].title+'</a>';
			}
			
			html += '    </div>';
			html += '    <div class="dp_listItems_cont">';
			html += '        <ul>';
			
			$.each(goods1, function(idx, item)  {
				if (item.planContSq == template[i].planContSq) {
					html += '            <li>';
					html += '                <div class="dp_listItems">';
					html += '                    <div class="dp_listItems_img">';
					html += '                        <img src="'+ goodsView +'/'+item.sysImgNm +'" alt="">';
					html += '                    </div>';
					html += '                    <div class="dp_listItems_info">';
					html += '                        <div class="dp_listItems_brand">'+item.brandKnm+'</div>';
					html += '                        <div class="dp_listItems_name">'+item.goodsNm+'</div>';
					html += '                        <div class="dp_listItems_price">';
					html += '                            <span class="price">'+comma(item.currPrice)+'</span>';
					if (item.currPrice != item.listPrice) {
						html += '                            <del>'+comma(item.listPrice)+'</del>';
						html += '                            <span class="percent">'+Math.floor(item.dcRate)+'%</span>';
					}
					
					html += '                        </div>';
					//html += '                        <div class="itemComment">#주문 폭주 상품</div>';
					html += '                        <div class="ui_row">';
					html += '                            <button type="button" class="btn btn_default" onclick="cfnGoToGoodsDetail(\'' + item.goodsCd + '\'"><span>자세히 보기</span></button>';
					html += '                        </div>';
					html += '                    </div>';
					html += '                </div>';
					html += '            </li>';
						
				}
			});
			html += '        </ul>';
			html += '    </div>';
			html += '</div>';
			$("#G082_50" +array[0]).append(html);
		}
		
		if($("#G082_50" +template[i].planContSq).length){
			array.shift();
		}
	}

}
	
if(goods2 != null || goods2 != ''){
	var array = [];

	for (var j = 0; j < template.length; j++) {
		if(template[j].tmplType == 'G082_51'){
			array.push(template[j].planContSq);
		}
	}	
	for (var i = 0; i < template.length; i++) {
		var html = '';
		
		if(template[i].tmplType == 'G082_51' && array[0] == template[i].planContSq && typeof array[0] != 'undefined'){
			//html+='<div class="coner_visual dp_recommend_item">';
			html+='    <div class="dp_banner_slide">';
			html+='        <div class="slide_head">';
			console.log(template[i].linkUrl);
			if (template[i].linkUrl != null || template[i].linkUrl != ' ' ||typeof template[i].linkUrl != 'undefined') { /* 링크 변경 예정 */
				html+='            <a href="http://'+template[i].linkUrl+'" target="_blank">'+template[i].title+'</a>';
			}else{
				html+='            <a href="javascript:void(0)">'+template[i].title+'</a>';
			}
			
			html+='        </div>';
			html+='        <div class="swiper-container dp_lookbook_case2">';
			html+='            <div class="swiper-wrapper ">';
			
			$.each(goods2, function(idx, item) {
				if (item.planContSq == template[i].planContSq) {
					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 alt="BLUE-a" class=" vLHTC pd_img" src="'+ goodsView +'/'+item.sysImgNm +'">';
					html+='                                </div>';
					html+='                                <p class="itemBrand">'+item.brandKnm+'</p>';
					html+='                                <div class="itemName">'+item.goodsNm+'</div>';
					html+='                               <p class="itemPrice">'+comma(item.currPrice);
					if (item.currPrice != item.listPrice) {
						html+='                                    <span class="itemPrice_original">'+comma(item.listPrice)+'</span>';
						html+='                                    <span class=" itemPercent">'+Math.floor(item.dcRate)+'%</span>';
					}
					
					html+='                                </p>';
					//html+='                                <div class="itemComment">#주문 폭주 상품</div>';
					html+='                            </a>';
					html+='                        </div>';
					html+='                    </div>';
					html+='                </div>                ';
				}
			});
		 
			html+='            </div>';
			html+='        </div>';
			html+='        <div class="swiper-button-prev "></div>';
			html+='        <div class="swiper-button-next "></div>';
			html+='        <div class="swiper-pagination"></div>';
			html+='    </div>';
			//html+='</div>';
			
			$("#G082_51" +array[0]).append(html);
		}
		
		if($("#G082_51" +template[i].planContSq).length){
			array.shift();
		}
	}

		
}

//사용안내 모달
var useInfoCoupon = function (id) {
	 $.ajax( {
		type		: "GET",
		url 		: '/mypage/coupon/detailPop?cpnId='+ id,
		dataType 	: 'html',
		success 	: function(result) {
			if (result != null) {
				$("#coupon_modal_02").html(result);
				$("#coupon_modal_02").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){
		
		// 화면 전환 필요		
	}

	
//세번째 자리 콤마찍기 (숫자만 포함, 소수점자리 구분)
function comma(num){
	return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}


</script>
		<script type="text/javascript">
	    // 컨텐츠 호출
        $(document).ready( function() {
        	
        	//공유 버튼 토글 
    		$("button[data-name=openShare]").on("click", function(){
    			$(this).toggleClass("on").next(".shareWrap").toggleClass("on");
    			return false;
    		});
    		//영역밖 클릭으로 공유토글 닫기
    		$("body").on('click', function(e) { 
    			if(!$(".shareWrap.on").parent().has(e.target).length) {
    				$("button[data-name=openShare]").removeClass("on");
    				$(".shareWrap").removeClass("on");
    			};
    		});
    		
    		$('.btn_copy').bind('click', function() {
    			copyToClipboard();
    		});
    		
        	
            $(window).scroll(function(){
                var navOffset = $('.item_header').offset().top - $('.bullet_sticky_nav').height();
                var windScroll = $(window).scrollTop();
                if (windScroll > navOffset){
                    $(".bullet_sticky_nav").addClass("sticky");
                }
                else {
                    $(".bullet_sticky_nav").removeClass("sticky");
                }
                $("#shiping_pop").click(function() {
                    $("#Bulletship_modal").modal("show");
                });	
            });
            
            /* SLIDE - WIDE BANNER */
			var br_bn_slide = new Swiper ('.coner_visual .swiper-container', {
				loop: true,
				slidesPerView: 1,
				speed : 1500,
				navigation: {
					nextEl: '.coner_visual .swiper-button-next',
					prevEl: '.coner_visual .swiper-button-prev',
				},
                pagination: {
					el: '.coner_visual .swiper-pagination',
					clickable: true,
				},
			});

            var dp_foot_banner_slide = new Swiper ('.dp_foot_banner .swiper-container', {
				loop: false,
				slidesPerView: 5,
                spaceBetween: 20,
				speed : 800,
				navigation: {
					nextEl: '.dp_foot_banner .swiper-button-next',
					prevEl: '.dp_foot_banner .swiper-button-prev',
				},
			});
            var dp_foot_banner_slide = new Swiper ('.dp_foot_banner .swiper-container', {
                loop: false,
                slidesPerView: 5,
                spaceBetween: 20,
                speed : 800,
                navigation: {
                    nextEl: '.dp_foot_banner .swiper-button-next',
                    prevEl: '.dp_foot_banner .swiper-button-prev',
                },
            });

            var dp_foot_banner_slide02 = new Swiper ('.dp_recommend_item .dp_lookbook_case2', {
                loop: false,
                slidesPerView: 2,
                slidesPerGroup: 2,
                spaceBetween: 0,
                speed : 800,
                navigation: {
                    nextEl: '.dp_recommend_item .swiper-button-next',
                    prevEl: '.dp_recommend_item .swiper-button-prev',
                },
                pagination: {
                    el: '.dp_recommend_item .swiper-pagination',
                    clickable: true,
                },
            });
            
            
            //내부앵커이동
            $(".bullet_sticky_nav li a").on("click", function(){
                var hookHeader = $("header").outerHeight() + 100;
                var hookHref = $(this).attr("href");
                var hookPot = $(hookHref == "#" || hookHref == "" ? "body" : hookHref);
                var hookPos = hookPot.offset().top - hookHeader;
                $("html, body").animate({ scrollTop: hookPos }, 300);

                $('.bullet_sticky_nav li a').removeClass('active');
                $(this).addClass('active');
            });
        });
    </script>
	</th:block>

</body>
</html>