<!doctype html> <style> area:focus{outline:none;} .lookbook{max-width:1200px;margin:0 auto;display:block;} .lookbook .apparel-banner{max-width:1200px;margin:0 auto;display:block;margin-top:20px;} /* Tab */ .tab{text-align:center;font-size:0;background-color:#f1f3e5;width:1200px;margin:0 auto;} .tab a{display:inline-block;width:545px;height:80px;line-height:85px;} .tab_btn1{background:#e4e7d4 url("https://image.a-rt.com//art/promotion/planningdisplay/202101/1611291189645.png") no-repeat center;} .tab_btn2{background:#e4e7d4 url("https://image.a-rt.com//art/promotion/planningdisplay/202101/1611291203550.png") no-repeat center;} .tab_btn1.active{background:#fff url("https://image.a-rt.com//art/promotion/planningdisplay/202101/1611291191296.png") no-repeat center;} .tab_btn2.active{background:#fff url("https://image.a-rt.com//art/promotion/planningdisplay/202101/1611291205148.png") no-repeat center;} .tab_area01, .tab_area02{display:none;width:1200px;margin:0 auto;} .tab_area01{background-color:#fff;} .tab_area02{background-color:#e4e7d4;} .tab_area01.active, .tab_area02.active{display:block;} </style></head><body> <div class="lookbook"> <div class="lookbook-header"> <img src="https://image.a-rt.com//art/promotion/planningdisplay/202101/1611291177733.jpg" alt="2021 어패럴 페스티벌"> </div> </div> <div class="tab"> <a class="tab_btn1 active" href="#tab01"></a> <a class="tab_btn2" href="#tab02"></a> </div> <div id="tab01" class="tab_area01 active"><img src="https://image.a-rt.com//art/promotion/planningdisplay/202101/1611291184088.jpg" alt="MD추천" usemap="#Map"> <map name="Map"> <area shape="rect" coords="54,80,403,640" href="https://grandstage.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000000721" alt="아우터" target="_blank"> <area shape="rect" coords="424,80,774,640" href="https://grandstage.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000000722" alt="맨투맨&후드" target="_blank"> <area shape="rect" coords="796,82,1144,637" href="https://grandstage.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000000723" alt="트레이닝&조거" target="_blank"> </map> </div> <div id="tab02" class="tab_area02"><img src="https://image.a-rt.com//art/promotion/planningdisplay/202101/1611291621973.jpg" alt="브랜드별" usemap="#Map1"> <map name="Map1"> <area shape="rect" coords="55,78,324,213" href="https://grandstage.a-rt.com/display/search-word/result?channel=10002&searchWord=%EB%82%98%EC%9D%B4%ED%82%A4+APPAREL&smartSearchCheck=false&page=1&perPage=40&pageColumn=4&sort=latest&dfltChnnlMv=&track=W0010" target="_blank"> <area shape="rect" coords="332,81,597,212" href="https://abcmart.a-rt.com/display/search-word/result?channel=&searchWord=%EC%95%84%EB%94%94%EB%8B%A4%EC%8A%A4+APPAREL&smartSearchCheck=false&page=1&perPage=40&pageColumn=4&sort=latest&dfltChnnlMv=&track=W0010" target="_blank"> <area shape="rect" coords="605,85,867,211" href="https://abcmart.a-rt.com/display/search-word/result?channel=&searchWord=%ED%91%B8%EB%A7%88+APPAREL&smartSearchCheck=false&page=1&perPage=40&pageColumn=4&sort=latest&dfltChnnlMv=&track=W0010" target="_blank"> <area shape="rect" coords="876,83,1144,215" href="https://abcmart.a-rt.com/display/search-word/result?channel=&searchWord=%ED%9C%A0%EB%9D%BC+APPAREL&smartSearchCheck=false&page=1&perPage=40&pageColumn=4&sort=latest&dfltChnnlMv=&track=W0010" target="_blank"> <area shape="rect" coords="56,221,321,355" href="https://abcmart.a-rt.com/display/search-word/result?channel=&searchWord=%EC%BB%A8%EB%B2%84%EC%8A%A4+APPAREL&smartSearchCheck=false&page=1&perPage=40&pageColumn=4&sort=latest&dfltChnnlMv=&track=W0010" target="_blank"> <area shape="rect" coords="329,222,595,356" href="https://abcmart.a-rt.com/display/search-word/result?channel=&searchWord=%EB%B0%98%EC%8A%A4+APPAREL&smartSearchCheck=false&page=1&perPage=40&pageColumn=4&sort=latest&dfltChnnlMv=&track=W0010" target="_blank"> <area shape="rect" coords="604,220,869,355" href="https://abcmart.a-rt.com/display/search-word/result?channel=&searchWord=%EB%9D%BC%EC%BD%94%EC%8A%A4%ED%85%8C+APPAREL&smartSearchCheck=false&page=1&perPage=40&pageColumn=4&sort=latest&dfltChnnlMv=&track=W0010" target="_blank"> <area shape="rect" coords="880,223,1144,353" href="https://abcmart.a-rt.com/display/search-word/result?channel=&searchWord=%EB%A6%AC%EB%B3%B5+APPAREL&smartSearchCheck=false&page=1&perPage=40&pageColumn=4&sort=latest&dfltChnnlMv=&track=W0010" target="_blank"> <area shape="rect" coords="57,365,321,498" href="https://abcmart.a-rt.com/display/search-word/result?channel=&searchWord=%EB%B0%9C%EB%9E%80%EC%82%AC+APPAREL&smartSearchCheck=false&page=1&perPage=40&pageColumn=4&sort=latest&dfltChnnlMv=&track=W0010" target="_blank"> <area shape="rect" coords="329,363,594,497" href="https://abcmart.a-rt.com/display/search-word/result?channel=&searchWord=%EB%9D%BC%EC%9D%B4%ED%94%84+APPAREL&smartSearchCheck=false&page=1&perPage=40&pageColumn=4&sort=latest&dfltChnnlMv=&track=W0010" target="_blank"> <area shape="rect" coords="605,365,867,497" href="https://abcmart.a-rt.com/display/search-word/result?channel=&searchWord=%EC%B1%94%ED%94%BC%EC%96%B8+APPAREL&smartSearchCheck=false&page=1&perPage=40&pageColumn=4&sort=latest&dfltChnnlMv=&track=W0010" target="_blank"> <area shape="rect" coords="878,366,1145,497" href="https://abcmart.a-rt.com/display/search-word/result?channel=&searchWord=%ED%94%84%EB%A0%88%EB%93%9C%ED%8E%98%EB%A6%AC+APPAREL&smartSearchCheck=false&page=1&perPage=40&pageColumn=4&sort=latest&dfltChnnlMv=&track=W0010" target="_blank"> <area shape="rect" coords="53,507,323,642" href="https://abcmart.a-rt.com/display/search-word/result?channel=&searchWord=%EC%BB%A4%EB%B2%84%EB%82%AB+APPAREL&smartSearchCheck=false&page=1&perPage=40&pageColumn=4&sort=latest&dfltChnnlMv=&track=W0010" target="_blank"> <area shape="rect" coords="332,506,598,643" href="https://abcmart.a-rt.com/display/search-word/result?channel=&searchWord=%EA%B3%A8+%EC%8A%A4%ED%8A%9C%EB%94%94%EC%98%A4+APPAREL&smartSearchCheck=false&page=1&perPage=40&pageColumn=4&sort=latest&dfltChnnlMv=&track=W0010" target="_blank"> <area shape="rect" coords="602,505,870,640" href="https://abcmart.a-rt.com/display/search-word/result?channel=&searchWord=%EC%8D%A8%EC%BD%94%EB%8B%88+APPAREL&smartSearchCheck=false&page=1&perPage=40&pageColumn=4&sort=latest&dfltChnnlMv=&track=W0010" target="_blank"> <area shape="rect" coords="879,508,1146,641" href="https://abcmart.a-rt.com/display/search-word/result?channel=&searchWord=%EC%95%84%EC%9B%83%EB%8F%84%EC%96%B4+%ED%94%84%EB%A1%9C%EB%8D%95%EC%B8%A0+APPAREL&smartSearchCheck=false&page=1&perPage=40&pageColumn=4&sort=latest&dfltChnnlMv=&track=W0010" target="_blank"> </map> </div> <div class="lookbook"> <div class="lookbook-header apparel-banner"> <a href="https://abcmart.a-rt.com/display/search-word/result?channel=&searchWord=APPAREL+CLERANCE&smartSearchCheck=false&page=1&perPage=40&pageColumn=4&sort=latest&dfltChnnlMv=Y&track=W0010" target="_blank"> <img src="https://image.a-rt.com//art/promotion/planningdisplay/202101/1611291615745.jpg" alt="어패럴 클리어런스 UP TO 70%"></a><a href="https://www.a-rt.com/display/webzine/detail/staffpick?wbznSeq=242"><img alt="" src="https://image.a-rt.com/art/editor/202101/1611292725010.jpg" style="width: 1200px; height: 280px;" /></a></div> </div> <script> $(".tab_btn1, .tab_btn2").click(function(){ $(this).addClass("active").siblings().removeClass("active"); $($(this).attr("href")).addClass("active").siblings().removeClass("active"); }); $(document).ready(function(){ $(".tab a").on("click",function(event){ event.preventDefault(); var txt = $(this).attr("href"); }); }); </script>