<style type="text/css">.lookbook {width: 1200px; margin: 0 auto; display: block;}.lookbook img {display: block;}.lookbook .lookbook-header {position: relative;}.lookbook .lookbook-header .lh-img {position: relative;}.lookbook-wrap {position: relative; max-width: 1200px; height: 560px; margin: 0 auto; background-position: center; box-sizing: border-box; background-color: #fffcdb;}.lookbook div:nth-of-type(5) {background-color: #e8f7cd;}.lookbook div:nth-of-type(7) {background-color: #e5f7f7;}.lookbook-wrap .swiper-container {position: static; margin: 0 auto; width: 970px;}.lookbook-wrap .swiper-button-prev { background-image: url("https://image.a-rt.com/art/editor/202103/1617236424940.png"); width: 60px; height: 60px; left: 70px; top: 40.3%; background-size: 60px; outline: none;}.lookbook-wrap .swiper-button-next {background-image: url("https://image.a-rt.com/art/editor/202103/1617236438860.png"); width: 60px; height: 60px; right: 70px; top: 40.3%; background-size: 60px; outline: none;}.slider-inner {position: relative; max-width: 1200px;} .slider-inner img {width: 100%; margin: 0 auto;}
</style>
<title></title>
<div class="lookbook"><!-- 메인 -->
<div class="lookbook-header">
<div class="menu-wrap"><img alt="1200_메인" src="https://image.a-rt.com/art/editor/202103/1617180937025.jpg" usemap="#Map" /><map name="Map"><area coords="342,2102,384,2145" href="javascript:offsetMove(1);" shape="rect" /> <area coords="650,2102,692,2145" href="javascript:offsetMove(2);" shape="rect" /> <area coords="978,2102,1020,2145" href="javascript:offsetMove(3);" shape="rect" /></map></div>
</div>
<!-- END --><!-- 01 데이트룩 -->
<div class="lookbook-header set1">
<div class="menu-wrap"><img alt="01데이트룩" src="https://image.a-rt.com/art/editor/202103/1617180975942.jpg" usemap="#Map" /><map name="Map"><area coords="342,2102,384,2145" href="javascript:offsetMove(1);" shape="rect" /> <area coords="650,2102,692,2145" href="javascript:offsetMove(2);" shape="rect" /> <area coords="978,2102,1020,2145" href="javascript:offsetMove(3);" shape="rect" /></map></div>
</div>
<div class="lookbook-wrap">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide"><a href="https://abcmart.a-rt.com/display/search-word/result?channel=10001&searchWord=CITRON+1&smartSearchCheck=false&page=1&perPage=40&pageColumn=4&sort=latest&dfltChnnlMv=&track=W0010" target="_blank"><img src="https://image.a-rt.com/art/editor/202103/1617181172148.png" /></a></div>
<div class="swiper-slide"><a href="https://abcmart.a-rt.com/display/search-word/result?channel=10001&searchWord=ANEMONE+1&smartSearchCheck=false&page=1&perPage=40&pageColumn=4&sort=latest&dfltChnnlMv=&track=W0010" target="_blank"><img src="https://image.a-rt.com/art/editor/202103/1617181197695.png" /></a></div>
<div class="swiper-slide"><a href="https://abcmart.a-rt.com/display/search-word/result?channel=10001&searchWord=ZINNIA+2&smartSearchCheck=false&page=1&perPage=40&pageColumn=4&sort=latest&dfltChnnlMv=&track=W0010" target="_blank"><img src="https://image.a-rt.com/art/editor/202103/1617181224856.png" /></a></div>
</div>
<div class="swiper-button-prev"> </div>
<div class="swiper-button-next"> </div>
</div>
</div>
<!-- END 01 --><!-- 02 데일리룩 -->
<div class="lookbook-header set2">
<div><img alt="02데일리룩" src="https://image.a-rt.com/art/editor/202103/1617181006062.jpg" /></div>
</div>
<div class="lookbook-wrap">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide"><a href="https://abcmart.a-rt.com/display/search-word/result?channel=10001&searchWord=MOIRE+1.5&smartSearchCheck=false&page=1&perPage=40&pageColumn=4&sort=latest&dfltChnnlMv=&track=W0010" target="_blank"><img src="https://image.a-rt.com/art/editor/202103/1617181298397.png" /></a></div>
<div class="swiper-slide"><a href="https://abcmart.a-rt.com/display/search-word/result?channel=10001&searchWord=+MATITI+2+&smartSearchCheck=false&page=1&perPage=40&pageColumn=4&sort=latest&dfltChnnlMv=&track=W0010" target="_blank"><img src="https://image.a-rt.com/art/editor/202103/1617181336351.png" /></a></div>
<div class="swiper-slide"><a href="https://abcmart.a-rt.com/display/search-word/result?channel=10001&searchWord=LITCHI+2&smartSearchCheck=false&page=1&perPage=40&pageColumn=4&sort=latest&dfltChnnlMv=&track=W0010" target="_blank"><img src="https://image.a-rt.com/art/editor/202103/1617181377291.png" /></a></div>
<div class="swiper-slide"><a href="https://abcmart.a-rt.com/display/search-word/result?channel=10001&searchWord=+KALMIA+2&smartSearchCheck=false&page=1&perPage=40&pageColumn=4&sort=latest&dfltChnnlMv=&track=W0010" target="_blank"><img src="https://image.a-rt.com/art/editor/202103/1617181409503.png" /></a></div>
<div class="swiper-slide"><a href="https://abcmart.a-rt.com/display/search-word/result?channel=10001&searchWord=PEONY+2.5&smartSearchCheck=false&page=1&perPage=40&pageColumn=4&sort=latest&dfltChnnlMv=&track=W0010" target="_blank"><img src="https://image.a-rt.com/art/editor/202103/1617181425455.png" /></a></div>
<div class="swiper-slide"><a href="https://abcmart.a-rt.com/display/search-word/result?channel=10001&searchWord=POTION+3&smartSearchCheck=false&page=1&perPage=40&pageColumn=4&sort=latest&dfltChnnlMv=&track=W0010" target="_blank"><img src="https://image.a-rt.com/art/editor/202103/1617181441852.png" /></a></div>
</div>
<div class="swiper-button-prev"> </div>
<div class="swiper-button-next"> </div>
</div>
</div>
<!-- END 02 --><!-- 03 비지니스룩 -->
<div class="lookbook-header set3">
<div><img alt="03비지니스룩" src="https://image.a-rt.com/art/editor/202103/1617181032944.jpg" /></div>
</div>
<div class="lookbook-wrap">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide"><a href="https://abcmart.a-rt.com/display/search-word/result?channel=10001&searchWord=+DEAUVILLE+5&smartSearchCheck=false&page=1&perPage=40&pageColumn=4&sort=latest&dfltChnnlMv=&track=W0010" target="_blank"><img src="https://image.a-rt.com/art/editor/202103/1617181460188.png" /></a></div>
<div class="swiper-slide"><a href="https://abcmart.a-rt.com/display/search-word/result?channel=10001&searchWord=GLOXINIA+7&smartSearchCheck=false&page=1&perPage=40&pageColumn=4&sort=latest&dfltChnnlMv=&track=W0010" target="_blank"><img src="https://image.a-rt.com/art/editor/202103/1617181478931.png" /></a></div>
</div>
<div class="swiper-button-prev"> </div>
<div class="swiper-button-next"> </div>
</div>
</div>
<!-- END 03 --></div>
<script> /* 메뉴를 클릭했을 때 내려가는 속도(800 낮아질수록 속도가 느려짐) 및 상단으로부터 메뉴바가 붙는 위치(80은 디폴트로 붙는 아트닷컴 기본 GNB 높이값을 말함) */ function offsetMove(i){ var menuHeight = $(".menu-wrap").height(); var offset = $(".set"+ i).offset().top - 80; $('html, body').animate({scrollTop : offset}, 800); } $(document).scroll(function(){ var menuHeight = $(".menu-wrap").height(); var headerTop = $(".lookbook-header").height() - menuHeight; var scrollHeight = $(document).scrollTop(); });</script><script> $(document).ready(function() { var mySwiper = new Swiper ('.lookbook-wrap .swiper-container', { loop: true, speed: 1000, autoplay: true, autoplayDisableOnInteraction: true, slidesPerView : 1, pagination : { el : '.swiper-pagination', clickable : true, }, navigation: { nextEl: '.lookbook-wrap .swiper-button-next', prevEl: '.lookbook-wrap .swiper-button-prev', }, }) });</script>