</noscript> <!-- header --> <header id="header_gnb"> </header> <article class="container" id="container"> <article class="first"> <!-- video --> <section class="main_video" id="mainVideo"></section> <!-- Pack6 --> <section class="swiper-container Pack6_swiper pcPack6" id="pcPack6"></section> <!-- Pack6 end--> </article> <!--ALLETS PICK 영역--> <article class="product_roll"> </article> <article class="pack_area"> <!-- Pack8 --> <!-- Pack8 end--> <!-- Pack10 --> <!-- Pack10 end--> </article> <!--LIVE PICK 영역--> <!--<article class="livePick_area"> </article>--> <!--bn arrival 영역--> <div class="bn_arrival"></div> <!--MAGAZINE 영역--> <article class="magazine_area"> </article> <!-- tead 광고 삽입 --> <!--<section> <div id='teads_slot'></div> <script type='text/javascript' class='teads' src='//a.teads.tv/page/88661/tag' async='true'></script> </section>--> <!--SHOP BANNER 영역--> <article class="product_card"> </article> <!--VIDEO BANNER 영역--> <article class="product_video"> </article> <!--WHATS NEW 영역--> <article class="product_new"> <h2 class="tit">WHAT'S NEW</h2> <div class="tab_list_wrap"> <div class="tab_list tab_active" data-tabnum="0"><a href="#">WOMEN</a></div> <div class="tab_list" data-tabnum="1"><a href="#">MEN</a></div> <div class="tab_list" data-tabnum="2"><a href="#">ACC</a></div> <div class="tab_list" data-tabnum="3"><a href="#">BEAUTY</a></div> <div class="tab_list" data-tabnum="4"><a href="#">LIFE</a></div> <div class="tab_list" data-tabnum="5"><a href="#">FOOD</a></div> </div> <div class="tab_container"></div> </article> </article> <article class="app_banner"> </article> <script type="text/javascript" src="https://shop.allets.com/jscript/swiper-bundle.min.js"></script> <script> var swiper = new Swiper('.card_swiper', { slidesPerView : 3 , spaceBetween: 30, slidesPerGroup: 3, //loop: true, //loopFillGroupWithBlank: true, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); var swiper = new Swiper('.video_swiper', { slidesPerView : 2 , spaceBetween: 30, slidesPerGroup: 2, //loop: true, //loopFillGroupWithBlank: true, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); var tabList = document.querySelectorAll('.tab_list_wrap .tab_list') Array.prototype.forEach.call(tabList, function(list) { list.children[0].addEventListener('click', function(e) { e.preventDefault() var tabContent = document.querySelectorAll('.tab_container .tab_content') var tabNum = this.parentElement.getAttribute('data-tabnum') Array.prototype.forEach.call(tabContent, function(cont, i) { cont.style.display = 'none' tabList[i].className = 'tab_list' }) tabContent[tabNum].style.display = 'block' if(list.className.indexOf('tab_active') == -1) { list.className = 'tab_list tab_active' } }) }); </script> <link href="https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i&display=swap&subset=latin-ext" rel="stylesheet"> <!--bottom tab--> <article class="b_tap" id="bottom_tab"> </article> <!--footer--> <footer id="footer_gnb"> </footer> <script>document.domain = 'allets.com'</script> <script async src="/js/app-mainfeed-new1624003089721.js?v=1624003090867"></script> </body> </html>