<ul class="basic-menu"> {{each depth1_Items}} <li data-cateid="${id}"> <a href="${href}">${title}</a> </li> {{/each}} </ul> <ul class="theme-menu"> {{each theme_Items}} <li data-cateid="${id}"> <a href="${href}">${title}</a> </li> {{/each}} </ul> <div class="keyvisual-area"> <div class="sliderwin swiper-container"> <ul class="slider swiper-wrapper"> {{each data}} <li class="swiper-slide {{if ($index == 0)}} active {{/if}}"> <a href="${linkUrlAddr}"{{if (pppYn == "Y")}} target="_blank"{{/if}} title="${bnrImgSbstTxtCont}"> <img src="${bnrImgUrlAddr}" alt="${bnrImgSbstTxtCont}" data-bannertxt="${bnrImgSbstTxtCont}" /> </a> </li> {{/each}} </ul> </div> <div class="nav-text contents-control"></div> </div> <!-- 로그인 전 --> <div class="login-box"> <div class="input-area"> <fieldset> <legend>아이디로그인 정보입력</legend> <dl> <dt><label for="spInid">아이디</label></dt> <dd class="first"> <span class="input-box"> <input type="text" id="spInid" class="input-text" placeholder="아이디"> </span> </dd> <dt><label for="spInpw">비밀번호</label></dt> <dd> <span class="input-box"> <input type="password" id="spInpw" class="input-text" placeholder="비밀번호"> </span> </dd> </dl> <button type="submit" class="btn-submit"><span>로그인</span></button> <button type="button" class="btn-submit"><span>공인인증서 로그인</span></button> </fieldset> </div> <div class="txt_btn_wrap"> <div class="first"> <a href="#" class="tx_btn"><span>아이디</span></a><span>·</span><a href="#" class="tx_btn"><span>비밀번호 찾기</span></a> </div> <div class="second"> <a href="#" class="tx_btn"><span>회원가입</span></a> </div> </div> </div> <!-- //로그인 전 --> <div class="service-link-wrap"> {{each data.corner}} <a href="${linkUrlAddr}"{{if (pppYn == "Y")}} target="_blank"{{/if}} title="${bnrImgSbstTxtCont}"> <img src="${bnrImgUrlAddr}" alt="${bnrImgSbstTxtCont}" /> </a> {{/each}} </div> <h3>일일특가<span>매일 오전 <em>10시</em></span></h3> <div class="g-add-opt" id="plan-today-more"> <a href="javascript:;" class="g-btn-outlink" title="특가캘린더 보기"><span>특가캘린더 보기</span></a> </div> <div class="today-sale"> {{each today.data}} <div class="today-wrap" id="plan-today-today"> <a href="javascript:;" data-goodsno="${goodsNo}" data-catno="${dispCatNo}"> <div class="product-info-area"> <div class="flags-wrap"> <span class="flag-type5">무료배송</span> </div> <p class="product-name">${dispNm}</p> <div class="price-wrap"> <span class="before-price">${normPrc.toComma()}원</span> <span class="after-price">${aplyPrc.toComma()}원</span> </div> </div> <div class="thumb-area"> {{if (salePsbQty < 1)}} <i class="soldout">품절</i> {{/if}} <span class="flag-type4">${saleQty.toComma()}개<br>한정</span> <img src="${image.src}" alt="${goodsNm}" /> </div> </a> </div> {{/each}} {{if (!is.last)}} {{each tomorrow.data}} <div class="tomorrow-wrap"> <dl> <dt>다음 특가</dt> <dd>${dispNm}</dd> </dl> </div> {{/each}} {{else}} <div class="tomorrow-wrap"> <dl> <dt>다음 특가</dt> <dd><span>오전 10시에 오픈되는 특가상품을 기대해주세요.</span></dd> </dl> </div> {{/if}} </div> <div class="brand-header"> <h3>브랜드Sale</h3> </div> <div class="brand-sale g-slidebox" data-autoplay="3000"> <div class="sliderwin"> <ul class="slider"> {{each data}} <li {{if ($index == 0)}} class="active" {{/if}}> <div> <a href="${linkUrlAddr}"{{if (pppYn == "Y")}} target="_blank"{{/if}} title="${bnrImgSbstTxtCont}"> <div class="thumb-area"><img src="${bnrImgUrlAddr}" alt="${bnrImgSbstTxtCont}" data-bannertxt="${bnrImgSbstTxtCont}" /></div> </a> </div> </li> {{/each}} </ul> <div class="control-menu"> <span class="prev slider-btn-prev"><button type="button"><i class="blind">prev</i></button></span> <span class="next slider-btn-next"><button type="button"><i class="blind">next</i></button></span> </div> </div> </div> <div class="bestandnew-header"> <!-- h3>Best&New</h3--> <article class="tab-nav" data-tab-body="bestandnew-tab-con"> <ul> <li class="on"><a href="#" class="d-tab-button">추천상품</a></li> <li class="last-menu"><a href="#" class="d-tab-button">인기상품</a></li> </ul> </article> <span class="best50-view"><a name="view"><button type="button">베스트50 보기</button></a></span> </div> <div class="g-slidebox bestandnew-tab-con" data-autoplay="5000" style="display:block;"> <div class="sliderwin"> <ul class="slider"> <li class="active"> {{each(ix, goods) nwe.data}} {{if (ix < 12)}} {{tmpl(goods) "#Tmpl_goodsList_160901"}} {{/if}} {{/each}} </li> {{if (nwe.data.length > 12)}} <li> {{each(ix, goods) nwe.data}} {{if (ix > 11 && ix < 24)}} {{tmpl(goods) "#Tmpl_goodsList_160901"}} {{/if}} {{/each}} </li> {{/if}} </ul> <div class="control-menu"> <span class="prev slider-btn-prev"><button type="button"><i class="blind">prev</i></button></span> <!-- 활성상태 class="active" 추가 --> <span class="next slider-btn-next"><button type="button"><i class="blind">next</i></button></span> </div> </div> </div> <div class="g-slidebox bestandnew-tab-con" data-autoplay="5000" style="display:none;"> <div class="sliderwin"> <ul class="slider"> <li class="active"> {{each(ix, goods) hot.data}} {{if (ix < 12)}} {{tmpl(goods) "#Tmpl_goodsList_160901"}} {{/if}} {{/each}} </li> {{if (hot.data.length > 12)}} <li> {{each(ix, goods) hot.data}} {{if (ix > 11 && ix < 24)}} {{tmpl(goods) "#Tmpl_goodsList_160901"}} {{/if}} {{/each}} </li> {{/if}} </ul> <div class="control-menu"> <span class="prev slider-btn-prev"><button type="button"><i class="blind">prev</i></button></span> <span class="next slider-btn-next"><button type="button"><i class="blind">next</i></button></span> </div> </div> </div> <article class="best-wrap"> <h3>가격이 진짜 베스트</h3> <div class="best-p-con d-switch" data-switch-body="best-p-list"> <ul class="best-p-tab"> {{each goods.data}} <li class="menu${dispSeq} {{if ($index == 0)}} on {{/if}}"> <a href="javascript:;" data-setno="${setNo}" class="type${dispSeq.padLeft(2, '0')} d-switch-button"> <span>${setNm}</span> </a> </li> {{/each}} </ul> {{each goods.data}} <ul class="best-p-list"> {{each(ix, item) goods}} <li> {{if (ix == 0)}} <a href="${linkUrlAddr}" data-goodsno="Z" {{if (goods[0].pppYn == "Y")}} target="_blank"{{/if}}> <img src="${image.src}" alt="" /> </a> {{else}} <a href="javascript:;" data-goodsno="${goodsNo}" data-catno="${dispCatNo}"> <img src="${image.src}" alt="${goodsNm}" /> <p class="subject">${goodsNm}</p> </a> {{/if}} </li> {{/each}} </ul> {{/each}} </div> </article> <article class="keyword-wrap" id="article_keyword-hot"> <h3> </h3> <div class="keyword-con"> <ul> {{each keyword.data}} {{if (setNo == "1")}} <li class="thumb-type"> <a href="${linkUrlAddr}"{{if (pppYn == "Y")}} target="_blank"{{/if}} title="${bnrImgSbstTxtCont}"> <div class="thumb-area"><img src="//static21.samsungcard.com/imageq/${scard.decodeXss(bnrImgUrlAddr)}" alt="${bnrImgSbstTxtCont}" /></div> <p>${contsNm}</p> </a> </li> {{else}} <li class="txt-type {{if (keyword.count.c2 == 2 && ($index == 0 || $index == 2))}} first-con {{/if}}"> <a href="${linkUrlAddr}"{{if (pppYn == "Y")}} target="_blank"{{/if}} title="${contsNm}"> <span>${contsNm}</span> </a> </li> {{/if}} {{/each}} </ul> </div> </article> <h3>기획전</h3> <ul> {{each data}} <li> <a href="${linkUrlAddr}"{{if (pppYn == "Y")}} target="_blank"{{/if}} title="${bnrImgSbstTxtCont}"> <div class="thumb"> <img src="${bnrImgUrlAddr}" alt="${bnrImgSbstTxtCont}" /> </div> <p class="subject">${contsNm}</p> </a> </li> {{/each}} </ul> <h3>추천브랜드</h3> <ul> {{each data}} <li> <a href="${linkUrlAddr}"{{if (pppYn == "Y")}} target="_blank"{{/if}} title="${bnrImgSbstTxtCont}"> <img src="${bnrImgUrlAddr}" alt="${bnrImgSbstTxtCont}" /> </a> </li> {{/each}} </ul> {{each data}} <a href="${linkUrlAddr}"{{if (pppYn == "Y")}} target="_blank"{{/if}} title="${bnrImgSbstTxtCont}"> <img src="${bnrImgUrlAddr}" alt="${bnrImgSbstTxtCont}" /> </a> {{/each}} <div class="box-notice"> <h3>공지사항</h3> <ul id="ul_noticeList"> {{if (data.length < 1)}} <li>내역이 없습니다.</li> {{else}} {{each data}} <li><a href="/shopping/customer-service/notice/USHPFO0321D7.jsp?ntcSeq=${ntcSeq}"><span>${ntcTitNm}</span></a></li> {{/each}} {{/if}} </ul> <a href="javascript:SCSHP.Biz.moveNotice();" class="g-btn-outlink"><span>바로가기</span></a> </div> <div class="box-customer"> <h3>고객센터</h3> <i class="tel">1688-6315</i> <p class="desc"><span>평일 09:00~18:00</span><a href="javascript:SCSHP.Biz.cnslRegMain();" class="g-btn-s1" >1:1 문의 작성</a></p> <a href="javascript:SCSHP.Biz.moveCustCenter();" class="g-btn-outlink"><span>바로가기</span></a> </div> <!-- Slider : NAV 있음, 아이템이 여러 개, 자동롤링 --> <div class="g-slidebox slider-push-banner"><!-- 개별 클래스 부여 --> <div class="sliderwin"> <ul class="slider" id="ul_popNoticeList"> {{each noticeList}} <li> <!-- 운영영역 --> <div class="push-banner push-banner3"> <div class="inbox"> {{if $.trim(pcImgBanner) != "" }} <a href="${urlAddr}" target="_blank"><img src="//static21.samsungcard.com/imageq/${scard.decodeXss(pcImgBanner)}" alt="${ntcTitNm}" class="push-visual" onerror="SCSHP.Util.getDisplayImgUrl(this);" /></a> {{else}} {{html scard.decodeXss(ntcCont)}} {{/if}} </div> </div> <!-- // 운영영역 --> </li> {{/each}} </ul> <!-- --> <div class="donot-open"> <p class="copy"><input type="checkbox" id="donot-open2"><label for="donot-open2">오늘 하루 이 창을 열지 않음</label></p> <span class="btn-close" id="spn_mainPopBannerClose"><button type="button">닫기</button></span> </div> <!-- // --> </div> <!-- Arrow --> <span class="slider-btn-prev"><a href=""><i>prev</i></a></span> <span class="slider-btn-next"><a href=""><i>next</i></a></span> <!-- // Arrow --> <div class="slider-controller"> <!-- Nav --> <div class="nav"> </div> <!-- // Nav --> </div> </div> <!-- Slider : Nav 있음, 아이템이 여러 개, 자동롤링 -->