<!-- S : 이벤트 복사영역 여기서부터 -->
<style type="text/css">.art-container-event {
position: relative;
width: 100%;
max-width: 1920px;
margin: 0 auto;
text-align: center;
overflow: hidden;
}
.art-content-inner {
position: relative;
display: flex;
justify-content: center;
margin: 0 auto;
overflow: hidden;
}
.art-content-inner img {
display: block;
width: 100%;
}
</style>
<!-- s : art-container-event -->
<div class="art-container-event">
<div class="art-content-inner"><img src="https://image.a-rt.com/art/managing/event/20240620_pre_blue_abc/pc/abc/bg1.jpg" usemap="#map1" /><map name="map1"><!-- 온라인 단독 세일 --><area alt="카테고리 - 샌들" coords="188,1214,562,1560" data-tag-id="2000004854" data-tag-index="click_event_element" data-tag-label="카테고리 - 샌들" data-tag-title="ABC_상반기 온라인 단독 SALE" href="https://abcmart.a-rt.com/promotion/planning-display/detail?plndpNo=2000004854#prodContent1" shape="rect" /> <area alt="카테고리 - 스니커즈" coords="578,1212,952,1562" data-tag-id="2000004854" data-tag-index="click_event_element" data-tag-label="카테고리 - 스니커즈" data-tag-title="ABC_상반기 온라인 단독 SALE" href="https://abcmart.a-rt.com/promotion/planning-display/detail?plndpNo=2000004854#prodContent2" shape="rect" /> <area alt="카테고리 - 러닝" coords="962,1212,1340,1564" data-tag-id="2000004854" data-tag-index="click_event_element" data-tag-label="카테고리 - 러닝화" data-tag-title="ABC_상반기 온라인 단독 SALE" href="https://abcmart.a-rt.com/promotion/planning-display/detail?plndpNo=2000004854#prodContent3" shape="rect" /> <area alt="카테고리 - 키즈" coords="1354,1212,1722,1564" data-tag-id="2000004854" data-tag-index="click_event_element" data-tag-label="카테고리 - 키즈" data-tag-title="ABC_상반기 온라인 단독 SALE" href="https://abcmart.a-rt.com/promotion/planning-display/detail?plndpNo=2000004854#prodContent4" shape="rect" /> <!-- 베스트 --> <area alt="베스트 어워즈" coords="662,2478,1250,2640" data-tag-id="2000004854" data-tag-index="click_event_element" data-tag-label="베스트 어워즈" data-tag-title="ABC_상반기 온라인 단독 SALE" href="https://abcmart.a-rt.com/promotion/planning-display/detail?plndpNo=2000004856" shape="rect" /> <!-- 썸머 페스티벌 --> <area alt="여름 추천 상품 기획전" coords="174,3056,694,3698" data-tag-id="2000004854" data-tag-index="click_event_element" data-tag-label="6월 전체행사" data-tag-title="ABC_상반기 온라인 단독 SALE" href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000004791" shape="rect" /> <area alt="키즈 더블 할인 기획전" coords="698,3052,1214,3700" data-tag-id="2000004854" data-tag-index="click_event_element" data-tag-label="6월 키즈행사" data-tag-title="ABC_상반기 온라인 단독 SALE" href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000004382" shape="rect" /> <area alt="세일 상품" coords="1226,3064,1730,3698" data-tag-id="2000004854" data-tag-index="click_event_element" data-tag-label="세일 페이지" data-tag-title="ABC_상반기 온라인 단독 SALE" href="https://abcmart.a-rt.com/display/sale/main?ctgrNo=1000000260&page=1" shape="rect" /></map></div>
<!-- s : 아트배송 런칭 -->
<div class="art-content-inner"><img src="https://image.a-rt.com/art/editor/202406/1719365792300.jpg" usemap="#map2" /><map name="map2"><area alt="아트배송 무료 쿠폰" coords="674,404,1238,682" data-tag-id="2000004854" data-tag-index="click_event_element" data-tag-label="아트배송 쿠폰" data-tag-title="ABC_상반기 온라인 단독 SALE" href="javascript:abc.couponDown('2000001568')" shape="rect" /> <area alt="아트배송 자세히 보기" coords="666,864,1258,1028" data-tag-id="2000004854" data-tag-index="click_event_element" data-tag-label="아트배송 자세히 보기" data-tag-title="ABC_상반기 온라인 단독 SALE" href="https://abcmart.a-rt.com/promotion/event/detail?eventNo=2000002056" shape="rect" /></map></div>
<!-- e : 아트배송 런칭 --><!-- 하단 띠배너 -->
<div class="art-content-inner banner"><a data-tag-id="2000004854" data-tag-index="click_event_element" data-tag-label="GS채널 랜딩" data-tag-title="ABC_상반기 온라인 단독 SALE" href="https://grandstage.a-rt.com/promotion/planning-display/detail?plndpNo=2000004855"><img alt="GRAND STAGE 전용 상품 보러 가기?" src="https://image.a-rt.com/art/managing/event/20240620_pre_blue_abc/pc/banner-gs.jpg" /> </a></div>
<div class="art-content-inner banner"><a data-tag-id="2000004854" data-tag-index="click_event_element" data-tag-label="나이키 세일 기획전 랜딩" data-tag-title="ABC_상반기 온라인 단독 SALE" href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?isPreview=A&plndpNo=2000004868"><img alt="NIKE MID SEASON BREAK? 상품 보러 가기?" src="https://image.a-rt.com/art/editor/202406/1719562046908.jpg" /> </a></div>
<div class="art-content-inner banner"><a data-tag-id="2000004854" data-tag-index="click_event_element" data-tag-label="몰인몰 페이지 랜딩" data-tag-title="ABC_상반기 온라인 단독 SALE" href="https://abcmart.a-rt.com/promotion/planning-display/detail?plndpNo=2000004867"><img alt="몰인몰 페이지 랜딩?" src="https://image.a-rt.com/art/editor/202406/1719362573912.jpg" /> </a></div>
</div>
<!-- e : art-container-event --><!-- 1920px 스크립트 --><script>
$(function () {
editorCalcWidth();
});
$(window).on({
resize: function () {
editorCalcWidth();
},
});
function editorCalcWidth() {
var width_size = $(window).width();
if (width_size > 1200) {
$('.editor-wrap').css({
width: width_size,
});
}
}
</script><!-- 이미지맵 반응형 스크립트 --><script>
function fixImageMaps(force) {
var imgs = document.querySelectorAll('img[usemap]');
[].forEach.call(imgs, function (img) {
if (!img.naturalHeight) {
return;
}
var h = img.height / img.naturalHeight;
var w = img.width / img.naturalWidth;
var map = document.getElementsByName(img.useMap.slice(1))[0];
if (!map) {
return;
}
for (var i = 0; i < map.children.length; i++) {
var area = map.children[i];
if (!area.coords) {
continue;
}
var coords = area.coords;
if (!area.originalCoords) {
area.originalCoords = coords;
} else {
coords = area.originalCoords;
}
var split = coords.split(',');
var fixed = '';
split.forEach(function (coord, n) {
if (n != 0) {
fixed += ',';
}
fixed += n % 2 == 0 ? Number(coord) * w : Number(coord) * h;
});
area.coords = fixed;
}
});
}
window.onresize = fixImageMaps;
window.onload = fixImageMaps;
</script><!-- E : 이벤트 복사영역 여기까지 -->