<style type="text/css">area:focus{outline:none;} .lookbook{max-width:1200px;margin:0 auto;display:block;} .tab{text-align:center;font-size:0;} .tab a{display:inline-block;line-height:135px;width:600px;height:140px;font-size:36px;font-family:"Noto Sans KR",sans-serif;font-weight:bold; -ms-user-select:none; -moz-user-select:-moz-none; -khtml-user-select:none; -webkit-user-select:none; user-select:none; } .tab_btn1{background-color:#292985; color:#ab9952; } .tab_btn1.active{color:#ffe300;} .tab_btn2{background-color:#e7f6fd; color:#93b8db;} .tab_btn2.active{color:#006ab5;} .tab_area01, .tab_area02{display:none;width:1200px;margin:0 auto;text-align:center;} .tab_area01{background-color:#292985;} .tab_area02{background-color:#e7f6fd;} .tab_area01.active, .tab_area02.active{display:block;} </style> <div class="lookbook"> <div class="lookbook-header"> <div><img alt="" src="https://image.a-rt.com/art/editor/202008/1598347208551.jpg" /></div> <div><img alt="" src="https://image.a-rt.com//art/promotion/planningdisplay/202008/1598401454119.jpg" /></div> </div> </div> <div class="tab"><a class="tab_btn1 active" href="#tab01">#MD추천 세일</a> <a class="tab_btn2" href="#tab02">#브랜드 추천세일</a></div> <div class="tab_area01 active" id="tab01"><img alt="" src="https://image.a-rt.com//art/promotion/planningdisplay/202008/1598401516768.jpg" usemap="#Map" /><map name="Map"><area coords="59,79,1141,458" href="https://grandstage.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000000447" shape="rect" target="_blank" /> <area coords="59,516,1142,896" href="https://abcmart.a-rt.com/promotion/planning-display/detail?plndpNo=2000000409" shape="rect" target="_blank" /> <area coords="61,955,1141,1336" href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000000411" shape="rect" target="_blank" /></map></div> <div class="tab_area02" id="tab02"><img alt="" src="https://image.a-rt.com//art/promotion/planningdisplay/202008/1598401535410.jpg" usemap="#Map2" /><map name="Map2"><area coords="150,84,491,271" href="https://abcmart.a-rt.com/promotion/planning-display/detail?plndpNo=2000000371" shape="rect" target="_blank" /> <area coords="700,84,1042,269" href="https://grandstage.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000000363" shape="rect" target="_blank" /> <area coords="148,337,333,540" href="https://abcmart.a-rt.com/promotion/planning-display/detail?plndpNo=2000000373" shape="rect" target="_blank" /> <area coords="512,343,683,542" href="https://abcmart.a-rt.com/promotion/planning-display/detail?plndpNo=2000000374" shape="rect" target="_blank" /> <area coords="861,337,1053,539" href="https://abcmart.a-rt.com/promotion/planning-display/detail?plndpNo=2000000375" shape="rect" target="_blank" /> <area coords="149,610,332,801" href="https://abcmart.a-rt.com/promotion/planning-display/detail?plndpNo=2000000376" shape="rect" target="_blank" /> <area coords="509,613,689,807" href="https://abcmart.a-rt.com/promotion/planning-display/detail?plndpNo=2000000377" shape="rect" target="_blank" /> <area coords="863,600,1057,805" href="https://abcmart.a-rt.com/promotion/planning-display/detail?plndpNo=2000000378" shape="rect" target="_blank" /> <area coords="148,852,330,1061" href="https://abcmart.a-rt.com/promotion/planning-display/detail?plndpNo=2000000379" shape="rect" target="_blank" /> <area coords="511,853,687,1064" href="https://abcmart.a-rt.com/promotion/planning-display/detail?plndpNo=2000000380" shape="rect" target="_blank" /> <area coords="855,856,1072,1062" href="https://abcmart.a-rt.com/promotion/planning-display/detail?plndpNo=2000000413" shape="rect" target="_blank" /> <area coords="132,1141,340,1321" href="https://abcmart.a-rt.com/promotion/planning-display/detail?plndpNo=2000000412" shape="rect" target="_blank" /> <area coords="485,1138,705,1323" href="https://abcmart.a-rt.com/promotion/planning-display/detail?plndpNo=2000000414" shape="rect" target="_blank" /> <area coords="849,1136,1076,1325" href="https://abcmart.a-rt.com/promotion/planning-display/detail?plndpNo=2000000415" shape="rect" target="_blank" /></map></div> <div class="lookbook"> <div class="lookbook-header"> <div><a href="https://grandstage.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000000363" target="_blank"><img alt="" src="https://image.a-rt.com//art/promotion/planningdisplay/202007/1596154725859.jpg" /></a> <img alt="" src="https://image.a-rt.com//art/promotion/planningdisplay/202008/1597737925605.gif" /></div> </div> </div> <script> $(".tab_btn1, .tab_btn2").click(function(){ $(this).addClass("active").siblings().removeClass("active"); $($(this).attr("href")).addClass("active").siblings().removeClass("active"); });</script>