<style> :focus{outline: none;} area:focus{outline: none;} .editor-wrap{width: 1440px; margin-left: -120px;} /* wrap */ .art-promotion-wrap{position: relative; background: url(https://image.a-rt.com//art/promotion/planningdisplay/202107/1625732552004.jpg) top center;} /* 이벤트 상단 타이틀 영역 */ .art-promotion-wrap .event-header{position: relative; height: 800px;} .art-promotion-wrap .event-header .event-inner{position: relative; width: 1440px; margin: 0 auto;} .art-promotion-wrap .event-header .event-inner .event-title-box{position: relative; z-index: 2;} .art-promotion-wrap .event-header .event-inner .event-title-box img{display: block; width: 100%;} .video-wrap{margin: 0 auto; padding-top: 30px; padding-bottom: 86px;} video{width: 940px; display: block; margin: 0 auto; border: 2px solid;} /* s : 이벤트 컨텐츠 영역 */ .art-promotion-wrap .event-contents-wrap{overflow: hidden;} .tree{position: relative; width: 1200px; margin: 0 auto;} .tree > span:first-child{position: absolute; top: -111px; z-index: 3; left: -82px;} /* 프로모션 */ .sale-promotion-wrap{position: relative; background: #c58046;} .sale-promotion-wrap .event-inner{position: relative; width: 1200px; margin: 0 auto;} .sale-promotion-wrap .event-inner .event-title-box{position: relative; z-index: 2;} .sale-promotion-wrap .event-inner .event-title-box img{display: block; width: 100%;} /* e : 이벤트 컨텐츠 영역 */ </style> <!-- s : 미션임파서블루 ABC데이 --> <div class="art-promotion-wrap"> <!-- s : event-header | 이벤트 상단 타이틀영역 --> <div class="event-header"> <div class="event-inner"> <div class="event-title-box"> <img src="https://image.a-rt.com/art/editor/202107/1627462356761.png" alt="미션임파서블루 ABC DAY UP TO 70% OFF 2021.7.9(금) ~ 2021.8.5(목) (온&오프라인 동시진행)"> </div> </div> </div> <div class="video-wrap"> <video muted loop controls poster="https://image.a-rt.com//art/promotion/planningdisplay/202107/1625732604976.jpg"> <source src="http://api.wecandeo.com/video/default/BOKNS9AQWrHmKIBI7PXDGzfyg4isisSC1Ee1Xm3unTUrQzk4mvDrI7RfMxzxNx4FQQqFe1mK99C8IhObdRmzdblAieie.mp4" type="video/mp4"> </video> </div> <!-- e : event-header | 이벤트 상단 타이틀영역 --> <div class="tree"> <span><img src="https://image.a-rt.com//art/promotion/planningdisplay/202107/1625730317562.png" alt=""></span> </div> <!-- s : event-contents-wrap | 컨텐츠 영역 --> <div class="event-contents-wrap"> <!-- s : 프로모션 --> <div class="sale-promotion-wrap"> <div class="event-inner"> <div class="event-title-box"> <img src="https://image.a-rt.com/art/editor/202107/1627462376973.jpg" alt="브랜드별, 카테고리별" usemap="#SaleProd"> <map name="SaleProd"> <area shape="rect" target="_blank" coords="1,286,292,366" href="https://abcmart.a-rt.com/display/search-word/result?channel=&searchWord=%EB%B8%94%EB%A3%A8ABC%EB%8D%B0%EC%9D%B4+%ED%9C%A0%EB%9D%BC&smartSearchCheck=false&page=1&perPage=40&pageColumn=4&sort=latest&dfltChnnlMv=Y&track=W0010" alt="휠라"> <area shape="rect" target="_blank" coords="302,286,595,366" href="https://abcmart.a-rt.com/display/search-word/result?channel=&searchWord=%EB%B8%94%EB%A3%A8ABC%EB%8D%B0%EC%9D%B4+%EB%89%B4%EB%B0%9C%EB%9E%80%EC%8A%A4&smartSearchCheck=false&page=1&perPage=40&pageColumn=4&sort=latest&dfltChnnlMv=Y&track=W0010" alt="뉴발란스"> <area shape="rect" target="_blank" coords="606,286,898,367" href="https://abcmart.a-rt.com/display/search-word/result?channel=&searchWord=%EB%B8%94%EB%A3%A8ABC%EB%8D%B0%EC%9D%B4+%EC%BB%A8%EB%B2%84%EC%8A%A4&smartSearchCheck=false&page=1&perPage=40&pageColumn=4&sort=latest&dfltChnnlMv=&track=W0010" alt="컨버스"> <area shape="rect" target="_blank" coords="908,286,1198,367" href="https://abcmart.a-rt.com/display/search-word/result?channel=&searchWord=%EB%B8%94%EB%A3%A8ABC%EB%8D%B0%EC%9D%B4+%ED%81%AC%EB%A1%9D%EC%8A%A4&smartSearchCheck=false&page=1&perPage=40&pageColumn=4&sort=latest&dfltChnnlMv=&track=W0010" alt="크록스"> <area shape="rect" target="_blank" coords="909,194,1199,277" href="https://abcmart.a-rt.com/display/search-word/result?channel=&searchWord=%EB%B8%94%EB%A3%A8ABC%EB%8D%B0%EC%9D%B4+%EB%B0%98%EC%8A%A4&smartSearchCheck=false&page=1&perPage=40&pageColumn=4&sort=latest&dfltChnnlMv=&track=W0010" alt="반스"> <area shape="rect" target="_blank" coords="606,194,898,276" href="https://abcmart.a-rt.com/display/search-word/result?channel=&searchWord=%EB%B8%94%EB%A3%A8ABC%EB%8D%B0%EC%9D%B4+%EC%95%84%EB%94%94%EB%8B%A4%EC%8A%A4&smartSearchCheck=false&page=1&perPage=40&pageColumn=4&sort=latest&dfltChnnlMv=Y&track=W0010" alt="아디다스"> <area shape="rect" target="_blank" coords="302,194,594,275" href="https://grandstage.a-rt.com/display/search-word/result?channel=10002&searchWord=%EB%B8%94%EB%A3%A8ABC%EB%8D%B0%EC%9D%B4+%EB%82%98%EC%9D%B4%ED%82%A4&smartSearchCheck=false&page=1&perPage=40&pageColumn=4&sort=latest&dfltChnnlMv=&track=W0010" alt="나이키 GS"> <area shape="rect" target="_blank" coords="1,193,292,275" href="https://abcmart.a-rt.com/display/search-word/result?channel=10001&searchWord=%EB%B8%94%EB%A3%A8ABC%EB%8D%B0%EC%9D%B4+%EB%82%98%EC%9D%B4%ED%82%A4&smartSearchCheck=false&page=1&perPage=40&pageColumn=4&sort=latest&dfltChnnlMv=&track=W0010" alt="나이키 ABC마트"> <area shape="rect" target="_blank" coords="908,378,1198,460" href="https://abcmart.a-rt.com/display/search-word/result?channel=&searchWord=%EB%B8%94%EB%A3%A8ABC%EB%8D%B0%EC%9D%B4+%EC%95%84%ED%82%A4%ED%81%B4%EB%9E%98%EC%8B%9D&smartSearchCheck=false&page=1&perPage=40&pageColumn=4&sort=latest&dfltChnnlMv=&track=W0010" alt="아키클래식"> <area shape="rect" target="_blank" coords="604,378,897,460" href="https://abcmart.a-rt.com/display/search-word/result?channel=&searchWord=%EB%B8%94%EB%A3%A8ABC%EB%8D%B0%EC%9D%B4+%ED%91%B8%EB%A7%88&smartSearchCheck=false&page=1&perPage=40&pageColumn=4&sort=latest&dfltChnnlMv=&track=W0010" alt="푸마"> <area shape="rect" target="_blank" coords="302,378,594,460" href="https://abcmart.a-rt.com/display/search-word/result?channel=&searchWord=%EB%B8%94%EB%A3%A8ABC%EB%8D%B0%EC%9D%B4+%ED%98%B8%ED%82%A8%EC%8A%A4&smartSearchCheck=false&page=1&perPage=40&pageColumn=4&sort=latest&dfltChnnlMv=&track=W0010" alt="호킨스"> <area shape="rect" target="_blank" coords="1,378,291,460" href="https://abcmart.a-rt.com/display/search-word/result?channel=&searchWord=%EB%B8%94%EB%A3%A8ABC%EB%8D%B0%EC%9D%B4+%EB%88%84%EC%98%A4%EB%B3%B4&smartSearchCheck=false&page=1&perPage=40&pageColumn=4&sort=latest&dfltChnnlMv=&track=W0010" alt="누오보"> <area shape="rect" target="_blank" coords="0,614,291,695" href="https://abcmart.a-rt.com/display/search-word/result?channel=&searchWord=%EB%B8%94%EB%A3%A8ABC%EB%8D%B0%EC%9D%B4+%EC%83%8C%EB%93%A4&smartSearchCheck=false&page=1&perPage=40&pageColumn=4&sort=latest&dfltChnnlMv=Y&track=W0010" alt="샌들"> <area shape="rect" target="_blank" coords="302,614,594,694" href="https://abcmart.a-rt.com/display/search-word/result?channel=&searchWord=%EB%B8%94%EB%A3%A8ABC%EB%8D%B0%EC%9D%B4+%EC%9A%B4%EB%8F%99%ED%99%94&smartSearchCheck=false&page=1&perPage=40&pageColumn=4&sort=latest&dfltChnnlMv=&track=W0010" alt="운동화"> <area shape="rect" target="_blank" coords="604,613,896,694" href="https://abcmart.a-rt.com/display/search-word/result?channel=&searchWord=%EB%B8%94%EB%A3%A8ABC%EB%8D%B0%EC%9D%B4+%EC%8A%A4%ED%8F%AC%EC%B8%A0&smartSearchCheck=false&page=1&perPage=40&pageColumn=4&sort=latest&dfltChnnlMv=&track=W0010" alt="스포츠"> <area shape="rect" target="_blank" coords="908,614,1198,695" href="https://abcmart.a-rt.com/display/search-word/result?channel=&searchWord=%EB%B8%94%EB%A3%A8ABC%EB%8D%B0%EC%9D%B4+%EA%B5%AC%EB%91%90&smartSearchCheck=false&page=1&perPage=40&pageColumn=4&sort=latest&dfltChnnlMv=&track=W0010" alt="구두"> <area shape="rect" target="_blank" coords="1,705,291,785" href="https://abcmart.a-rt.com/display/search-word/result?channel=&searchWord=%EB%B8%94%EB%A3%A8ABC%EB%8D%B0%EC%9D%B4+%ED%82%A4%EC%A6%88&smartSearchCheck=false&page=1&perPage=40&pageColumn=4&sort=latest&dfltChnnlMv=&track=W0010" alt="키즈"> <area shape="rect" target="_blank" coords="301,706,593,786" href="https://abcmart.a-rt.com/display/search-word/result?channel=&searchWord=%EB%B8%94%EB%A3%A8ABC%EB%8D%B0%EC%9D%B4+%EC%9D%98%EB%A5%98&smartSearchCheck=false&page=1&perPage=40&pageColumn=4&sort=latest&dfltChnnlMv=&track=W0010" alt="의류"> <area shape="rect" target="_blank" coords="604,705,897,787" href="https://abcmart.a-rt.com/display/search-word/result?channel=&searchWord=%EB%B8%94%EB%A3%A8ABC%EB%8D%B0%EC%9D%B4+%EA%B0%80%EB%B0%A9&smartSearchCheck=false&page=1&perPage=40&pageColumn=4&sort=latest&dfltChnnlMv=&track=W0010" alt="가방"> <area shape="rect" target="_blank" coords="908,705,1197,787" href="https://abcmart.a-rt.com/display/search-word/result?channel=&searchWord=%EB%B8%94%EB%A3%A8ABC%EB%8D%B0%EC%9D%B4+ACC&smartSearchCheck=false&page=1&perPage=40&pageColumn=4&sort=latest&dfltChnnlMv=&track=W0010" alt="ACC"> </map> </div> </div> </div> <!-- e : 프로모션 --> </div> <!-- e : event-contents-wrap | 컨텐츠 영역 --> </div> <!-- e : 미션임파서블루 ABC데이 --> <script> $(document).ready(function(){ editorCalcWidth(); }); $(window).on({ 'resize': function(){ editorCalcWidth(); } }); function editorCalcWidth(){ if($(window).width() > 1440) { $('.editor-wrap').css({ 'width': $(window).width(), 'margin-left': -($(window).width() - 1200) / 2, }); } } </script>