<!-- S : 이벤트 복사영역 여기서부터 --> <style type="text/css">@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css'); body { min-width: 1440px; margin: 0; padding: 0; } body * { box-sizing: border-box; } .wrap .special-sub-wrap .sub-top .editor-wrap { min-width: 1440px !important; } .art-container-event { color: #ffffff; font-family: Pretendard, sans-serif !important; position: relative; width: 100%; max-width: 1920px; margin: 0 auto; text-align: center; overflow: hidden; } .art-content-inner img { display: block; width: 100%; } .art-content-inner p, .art-content-inner ul { margin: 0; padding: 0; } .art-content-inner a:focus { -webkit-tap-highlight-color: transparent; outline: unset; } /* content */ .mv { position: relative; width: 100%; overflow: hidden; } .content { padding: 64px 0; background-repeat: no-repeat; background-size: cover; background-position: center; } .content_main_ttl { font-size: 32px; font-weight: 700; line-height: 100%; letter-spacing: -1.12px; color: #ffffff; } /* content _copy */ .content._copy { background-color: #EEC2FF; } .content._copy .ttl { font-size: 32px; font-weight: 700; line-height: 132%; letter-spacing: -1.12px; color: #000000; } .content._copy .txt { margin: 24px auto 0 !important; font-size: 16px; font-weight: 300; line-height: 160%; letter-spacing: -0.64px; color: #000000; } /* content _item */ .content._item { background: url(https://image.a-rt.com/art/editor/202606/1781155915219.png), linear-gradient(206deg, #551C7B 21.08%, #390D5B 50%, #0A0313 78.92%); } .content_item_swiper_wrap { margin: 32px auto 0 !important; } .content_item_swiper_box { max-width: 600px; margin: 0 auto !important; } .content_item_swiper_box:not(:nth-of-type(1)) { margin: 48px auto 0 !important; } .content_item_logo img { width: auto !important; max-height: 90px !important; margin: 0 auto !important; } .content_item_swiper { position: relative; margin: 40px auto 0 !important; overflow: hidden; } .content_item_swiper .swiper-slide { position: relative; width: 600px; user-select: none; cursor: pointer; } .content_item_swiper .swiper-slide .item_dis_per { position: absolute; display: block; width: 97px; height: 83px; padding-top: 17px; top: 0; right: 21px; background-image: url(https://image.a-rt.com/art/editor/202606/1781155943797.png); background-repeat: no-repeat; background-size: cover; background-position: center; z-index: 2; } .content_item_swiper .swiper-slide .item_dis_per span:nth-of-type(1) { font-size: 36px; font-weight: 700; line-height: 100%; letter-spacing: -1px; color: #ffffff; } .content_item_swiper .swiper-slide .item_dis_per span:nth-of-type(2) { font-size: 26px; color: #ffffff; } .content_item_swiper .swiper-slide .card_wrap { position: relative; display: flex; gap: 30px; width: 100%; height: 100%; padding: 22px; border-radius: 8px; background-color: #ffffff; } .content_item_swiper .swiper-slide .card_wrap .img_wrap { max-width: 246px; } .content_item_swiper .swiper-slide .card_wrap .txt_wrap { display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; width: 100%; } .content_item_swiper .swiper-slide .card_wrap .txt_wrap .item_name { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; margin-bottom: 58px !important; } .content_item_swiper .swiper-slide .card_wrap .txt_wrap .item_name p { text-align: left; } .content_item_swiper .swiper-slide .card_wrap .txt_wrap .item_name p:nth-of-type(1) { font-size: 20px; font-weight: 600; line-height: 100%; letter-spacing: -1px; color: #000000; } .content_item_swiper .swiper-slide .card_wrap .txt_wrap .item_name p:nth-of-type(2) { font-size: 28px; font-weight: 700; line-height: 100%; letter-spacing: -1px; color: #000000; } .content_item_swiper .swiper-slide .card_wrap .txt_wrap .item_name._02 { margin-bottom: 14px !important; } .content_item_swiper .swiper-slide .card_wrap .txt_wrap .item_name._02 p:nth-of-type(2) { font-size: 28px; font-weight: 700; line-height: 128%; letter-spacing: -1px; color: #000000; } .content_item_swiper .swiper-slide .card_wrap .txt_wrap .item_price { display: flex; flex-direction: column; gap: 17px; max-width: 268px; width: 100%; margin-bottom: 20px !important; } .content_item_swiper .swiper-slide .card_wrap .txt_wrap .item_price p { display: flex; justify-content: space-between; align-items: flex-end; } .content_item_swiper .swiper-slide .card_wrap .txt_wrap .item_price p:nth-of-type(1) { color: #888888; } .content_item_swiper .swiper-slide .card_wrap .txt_wrap .item_price p:nth-of-type(2) { color: #F03034; } .content_item_swiper .swiper-slide .card_wrap .txt_wrap .item_price p:nth-of-type(1) > span:nth-of-type(1) { font-size: 20px; font-weight: 400; line-height: 100%; letter-spacing: -1px; } .content_item_swiper .swiper-slide .card_wrap .txt_wrap .item_price p:nth-of-type(1) > span:nth-of-type(2) { position: relative; } .content_item_swiper .swiper-slide .card_wrap .txt_wrap .item_price p:nth-of-type(1) > span:nth-of-type(2)::after { content: ''; position: absolute; display: block; width: calc(100% + 3px); height: 1px; background-color: #888888; left: 50%; top: 50%; transform: translate(-50%, -50%); } .content_item_swiper .swiper-slide .card_wrap .txt_wrap .item_price p:nth-of-type(1) > span:nth-of-type(2) > span:nth-of-type(1) { font-size: 20px; font-weight: 500; line-height: 100%; letter-spacing: -1px; } .content_item_swiper .swiper-slide .card_wrap .txt_wrap .item_price p:nth-of-type(1) > span:nth-of-type(2) > span:nth-of-type(2) { font-size: 16px; font-weight: 500; line-height: 100%; letter-spacing: -1px; } .content_item_swiper .swiper-slide .card_wrap .txt_wrap .item_price p:nth-of-type(2) > span:nth-of-type(1) { font-size: 20px; font-weight: 700; line-height: 100%; letter-spacing: -1px; } .content_item_swiper .swiper-slide .card_wrap .txt_wrap .item_price p:nth-of-type(2) > span:nth-of-type(2) > span:nth-of-type(1) { font-size: 32px; font-weight: 700; line-height: 100%; letter-spacing: -1px; } .content_item_swiper .swiper-slide .card_wrap .txt_wrap .item_price p:nth-of-type(2) > span:nth-of-type(2) > span:nth-of-type(2) { font-size: 24px; font-weight: 700; line-height: 100%; letter-spacing: -1px; } .content_item_swiper_wrap .arrow_wrap { position: absolute; display: flex; justify-content: space-between; align-items: center; width: 724px; top: 249px; left: 50%; transform: translateX(-50%); z-index: -1; } .content_item_swiper_wrap .arrow_wrap .next, .content_item_swiper_wrap .arrow_wrap .prev { width: 42px; height: 42px; background-image: url(https://image.a-rt.com/art/editor/202606/1781155899259.png); background-repeat: no-repeat; background-size: cover; background-position: center; cursor: pointer; } .content_item_swiper_wrap .arrow_wrap .prev { transform: rotate(180deg); } .content_item_swiper .swiper-pagination { position: relative; display: flex; justify-content: center; margin: 30px auto 0 !important; bottom: unset; left: unset; } .content_item_swiper .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; background: rgba(221, 186, 178, 0.5); opacity: 1; } .content_item_swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #FFE7E2; } /* banner_link */ .banner_link { display: flex; justify-content: center; align-items: center; gap: 60px; padding: 60px 0; text-decoration: unset; background-color: #000000; } .banner_link .banner_img { max-width: 64px; } .banner_link .banner_txt { display: flex; justify-content: center; align-items: center; gap: 10px; font-size: 20px; font-weight: 400; line-height: 40px; letter-spacing: -1px; color: #ffffff; } .banner_link .banner_txt::after { content: ''; display: block; width: 7px; height: 14px; background-image: url(https://image.a-rt.com/art/editor/202605/1778744159390.png); background-repeat: no-repeat; background-size: cover; background-position: center; } </style> <!-- s : art-container-event --> <div class="art-container-event"> <div class="art-content-inner"> <div class="mv"><img alt="ABC-MART 쇼핑 페스타 상반기 결산 빅세일 6.12 ~ 6.25" src="https://image.a-rt.com/art/editor/202606/1781155931759.jpg" /></div> <div class="content _copy"> <p class="ttl">온라인 단독<br /> 상반기 결산 빅세일</p> <p class="txt">상반기동안 사랑받은 상품들을<br /> 최대 7<span>0</span>% 할인가로 만나보세요</p> </div> <div class="content _item"> <p class="content_main_ttl">카테고리별 추천 상품</p> <div class="content_item_swiper_wrap"> <div class="ani content_item_swiper_box" data-delay="" data-speed="0.7s" data-threshold="0.3" data-x="" data-y="10%"> <div class="content_item_logo"><img alt="스니커즈" src="https://image.a-rt.com/art/editor/202606/1781155986953.png" /></div> <div class="content_item_swiper swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <p class="item_dis_per"><span></span><span>%</span></p> <div class="card_wrap"> <div class="img_wrap"><img alt="" src="https://image.a-rt.com/art/editor/202606/1781155953504.png" /></div> <div class="txt_wrap"> <div class="item_name"> <p>아디다스</p> <p>핸드볼 스페지알</p> </div> <div class="item_price"> <p><span>정상가</span><span><span>149,000</span><span>원</span></span></p> <p><span>할인가</span><span><span>89,000</span><span>원</span></span></p> </div> </div> </div> </div> <div class="swiper-slide"> <p class="item_dis_per"><span></span><span>%</span></p> <div class="card_wrap"> <div class="img_wrap"><img alt="" src="https://image.a-rt.com/art/editor/202606/1781155963572.png" /></div> <div class="txt_wrap"> <div class="item_name"> <p>나이키</p> <p>나이키 감마 포스 메트</p> </div> <div class="item_price"> <p><span>정상가</span><span><span>119,000</span><span>원</span></span></p> <p><span>할인가</span><span><span>71,000</span><span>원</span></span></p> </div> </div> </div> </div> <div class="swiper-slide"> <p class="item_dis_per"><span></span><span>%</span></p> <div class="card_wrap"> <div class="img_wrap"><img alt="" src="https://image.a-rt.com/art/editor/202606/1781155972070.png" /></div> <div class="txt_wrap"> <div class="item_name _02"> <p>컨버스</p> <p>척테일러 올스타 몰든<br /> 스트릿 허니 스틱</p> </div> <div class="item_price"> <p><span>정상가</span><span><span>79,000</span><span>원</span></span></p> <p><span>할인가</span><span><span>43,000</span><span>원</span></span></p> </div> </div> </div> </div> </div> <div class="swiper-pagination">&nbsp;</div> </div> <div class="arrow_wrap"> <div class="prev" data-swiper="0">&nbsp;</div> <div class="next" data-swiper="0">&nbsp;</div> </div> </div> <div class="ani content_item_swiper_box" data-delay="" data-speed="0.7s" data-threshold="0.3" data-x="" data-y="10%"> <div class="content_item_logo"><img alt="러닝화" src="https://image.a-rt.com/art/editor/202606/1781156026306.png" /></div> <div class="content_item_swiper swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <p class="item_dis_per"><span></span><span>%</span></p> <div class="card_wrap"> <div class="img_wrap"><img alt="" src="https://image.a-rt.com/art/editor/202606/1781155996449.png" /></div> <div class="txt_wrap"> <div class="item_name"> <p>나이키</p> <p>나이키 레볼루션 8</p> </div> <div class="item_price"> <p><span>정상가</span><span><span>89,000</span><span>원</span></span></p> <p><span>할인가</span><span><span>62,000</span><span>원</span></span></p> </div> </div> </div> </div> <div class="swiper-slide"> <p class="item_dis_per"><span></span><span>%</span></p> <div class="card_wrap"> <div class="img_wrap"><img alt="" src="https://image.a-rt.com/art/editor/202606/1781156006372.png" /></div> <div class="txt_wrap"> <div class="item_name"> <p>써코니</p> <p>랜서 3</p> </div> <div class="item_price"> <p><span>정상가</span><span><span>99,000</span><span>원</span></span></p> <p><span>할인가</span><span><span>59,000</span><span>원</span></span></p> </div> </div> </div> </div> <div class="swiper-slide"> <p class="item_dis_per"><span></span><span>%</span></p> <div class="card_wrap"> <div class="img_wrap"><img alt="" src="https://image.a-rt.com/art/editor/202606/1781156015175.png" /></div> <div class="txt_wrap"> <div class="item_name"> <p>푸마</p> <p>파운스 라이트</p> </div> <div class="item_price"> <p><span>정상가</span><span><span>79,000</span><span>원</span></span></p> <p><span>할인가</span><span><span>39,000</span><span>원</span></span></p> </div> </div> </div> </div> </div> <div class="swiper-pagination">&nbsp;</div> </div> <div class="arrow_wrap"> <div class="prev" data-swiper="0">&nbsp;</div> <div class="next" data-swiper="0">&nbsp;</div> </div> </div> <div class="ani content_item_swiper_box" data-delay="" data-speed="0.7s" data-threshold="0.3" data-x="" data-y="10%"> <div class="content_item_logo"><img alt="캐주얼/샌들" src="https://image.a-rt.com/art/editor/202606/1781156066383.png" /></div> <div class="content_item_swiper swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <p class="item_dis_per"><span></span><span>%</span></p> <div class="card_wrap"> <div class="img_wrap"><img alt="" src="https://image.a-rt.com/art/editor/202606/1781156035691.png" /></div> <div class="txt_wrap"> <div class="item_name"> <p>닥터마틴</p> <p>나틸라</p> </div> <div class="item_price"> <p><span>정상가</span><span><span>170,000</span><span>원</span></span></p> <p><span>할인가</span><span><span>75,000</span><span>원</span></span></p> </div> </div> </div> </div> <div class="swiper-slide"> <p class="item_dis_per"><span></span><span>%</span></p> <div class="card_wrap"> <div class="img_wrap"><img alt="" src="https://image.a-rt.com/art/editor/202606/1781156044297.png" /></div> <div class="txt_wrap"> <div class="item_name"> <p>반스</p> <p>메리 제인</p> </div> <div class="item_price"> <p><span>정상가</span><span><span>79,000</span><span>원</span></span></p> <p><span>할인가</span><span><span>31,000</span><span>원</span></span></p> </div> </div> </div> </div> <div class="swiper-slide"> <p class="item_dis_per"><span></span><span>%</span></p> <div class="card_wrap"> <div class="img_wrap"><img alt="" src="https://image.a-rt.com/art/editor/202606/1781156056478.png" /></div> <div class="txt_wrap"> <div class="item_name"> <p>호킨스</p> <p>글렌코 웨이브</p> </div> <div class="item_price"> <p><span>정상가</span><span><span>69,500</span><span>원</span></span></p> <p><span>할인가</span><span><span>35,000</span><span>원</span></span></p> </div> </div> </div> </div> </div> <div class="swiper-pagination">&nbsp;</div> </div> <div class="arrow_wrap"> <div class="prev" data-swiper="0">&nbsp;</div> <div class="next" data-swiper="0">&nbsp;</div> </div> </div> <div class="ani content_item_swiper_box" data-delay="" data-speed="0.7s" data-threshold="0.3" data-x="" data-y="10%"> <div class="content_item_logo"><img alt="키즈" src="https://image.a-rt.com/art/editor/202606/1781156107360.png" /></div> <div class="content_item_swiper swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <p class="item_dis_per"><span></span><span>%</span></p> <div class="card_wrap"> <div class="img_wrap"><img alt="" src="https://image.a-rt.com/art/editor/202606/1781156076694.png" /></div> <div class="txt_wrap"> <div class="item_name"> <p>반스</p> <p>리지다 키즈</p> </div> <div class="item_price"> <p><span>정상가</span><span><span>59,000</span><span>원</span></span></p> <p><span>할인가</span><span><span>29,000</span><span>원</span></span></p> </div> </div> </div> </div> <div class="swiper-slide"> <p class="item_dis_per"><span></span><span>%</span></p> <div class="card_wrap"> <div class="img_wrap"><img alt="" src="https://image.a-rt.com/art/editor/202606/1781227923460.png" /></div> <div class="txt_wrap"> <div class="item_name"> <p>아디다스</p> <p>슈퍼스타 II CF C</p> </div> <div class="item_price"> <p><span>정상가</span><span><span>89,000</span><span>원</span></span></p> <p><span>할인가</span><span><span>62,000</span><span>원</span></span></p> </div> </div> </div> </div> <div class="swiper-slide"> <p class="item_dis_per"><span></span><span>%</span></p> <div class="card_wrap"> <div class="img_wrap"><img alt="" src="https://image.a-rt.com/art/editor/202606/1781156097256.png" /></div> <div class="txt_wrap"> <div class="item_name _02"> <p>나이키</p> <p>코트 버로우 로우 에센셜<br /> 보이프리스쿨벨크로</p> </div> <div class="item_price"> <p><span>정상가</span><span><span>59,000</span><span>원</span></span></p> <p><span>할인가</span><span><span>41,000</span><span>원</span></span></p> </div> </div> </div> </div> </div> <div class="swiper-pagination">&nbsp;</div> </div> <div class="arrow_wrap"> <div class="prev" data-swiper="0">&nbsp;</div> <div class="next" data-swiper="0">&nbsp;</div> </div> </div> </div> </div> <a class="banner_link" href="https://grandstage.a-rt.com/promotion/planning-display/detail?plndpNo=2000006964" target="_blank"><span class="banner_img"> <img alt="" src="https://image.a-rt.com/art/editor/202605/1778744173097.png" /> </span> <span class="banner_txt">GRAND STAGE에서 탑티어 상품 더 만나보기</span> </a></div> </div> <!-- e : art-container-event --><!-- 모달 스크립트 --><script> $(document).ready(function () { $('.btn-md').on('click', function () { const openBtn = $(this); const mdCnt = $($(this).attr('data-href')); const closeBtn = mdCnt.find('.btn-close'); const first = mdCnt.find('[data-link="first"]'); const last = mdCnt.find('[data-link="last"]'); const mainHeight = $('.art-container-event').outerHeight(); $('body').css({ height: mainHeight }).addClass('md-open'); mdCnt.siblings().attr({ 'aria-hidden': true, inert: '' }); mdCnt.before('<div id="dim"></div>'); const dim = $('#dim'); dim.stop().fadeIn().next().css('visibility', 'visible'); first.on('keydown', function (e) { if (e.shiftKey && e.keyCode === 9) { e.preventDefault(); last.focus(); } }); last.on('keydown', function (e) { if (!e.shiftKey && e.keyCode === 9) { e.preventDefault(); first.focus(); } }); closeBtn.on('click', function () { $(this).parent('.md-cnt').find('iframe').attr('src', $(this).parent('.md-cnt').find('iframe') .attr('src')); $('body').css({ height: '' }).removeClass('md-open'); dim.stop().fadeOut(function () { $(this).remove(); }); mdCnt.css('visibility', 'hidden').siblings().removeAttr('aria-hidden inert'); openBtn.focus(); }); dim.on('click', function () { closeBtn.trigger('click'); }); $(window).on('keydown', function (e) { if (e.keyCode === 27) closeBtn.click(); }); }); }); </script><!-- content_item_swiper --><script> $(function () { $('.content_item_swiper').each(function (i) { const swiperEl = this; const $swiper = $(swiperEl); $swiper.find('.swiper-pagination').addClass('type' + i); const swiperOptions = { slidesPerView: 'auto', centeredSlides: true, spaceBetween: 60, speed: 500, allowTouchMove: true, loop: $swiper.find('.swiper-slide').length > 1, watchOverflow: true, autoplay: { delay: 5000, disableOnInteraction: false, pauseOnMouseEnter: true, }, navigation: { nextEl: $swiper.closest('.content_item_swiper_box').find('.next')[0], prevEl: $swiper.closest('.content_item_swiper_box').find('.prev')[0], }, pagination: { el: '.swiper-pagination', clickable: true, }, }; const mySwiper = new Swiper(swiperEl, swiperOptions); mySwiper.autoplay.stop(); const observer = new IntersectionObserver((entries, observer) => { entries.forEach(entry => { if (entry.isIntersecting) { mySwiper.autoplay.start(); observer.unobserve(entry.target); } }); }, { threshold: 0.3 }); observer.observe(swiperEl); function updateSpaceBetween() { const vw = window.innerWidth; const baseSpace = mySwiper.originalSpaceBetween || mySwiper.params.spaceBetween; if (vw <= 720) { mySwiper.params.spaceBetween = (baseSpace / 720) * vw; } else { mySwiper.params.spaceBetween = baseSpace; } mySwiper.update(); } mySwiper.originalSpaceBetween = mySwiper.params.spaceBetween; updateSpaceBetween(); $(window).on('resize', updateSpaceBetween); }); }); </script><!-- 할인율 --><script> window.addEventListener('load', function () { document.querySelectorAll('.swiper-slide').forEach(function (slide) { const discountTarget = slide.querySelector('.item_dis_per span:nth-of-type(1)'); if (!discountTarget) return; if (discountTarget.textContent.trim() !== '') return; const priceRows = slide.querySelectorAll('.item_price > p'); if (priceRows.length < 2) return; const normalPriceEl = priceRows[0].querySelector('span:nth-of-type(2) > span:nth-of-type(1)'); const salePriceEl = priceRows[1].querySelector('span:nth-of-type(2) > span:nth-of-type(1)'); if (!normalPriceEl || !salePriceEl) return; const normalPrice = Number(normalPriceEl.textContent.replace(/,/g, '').trim()); const salePrice = Number(salePriceEl.textContent.replace(/,/g, '').trim()); if (!normalPrice || !salePrice) return; if (salePrice >= normalPrice) return; const discountRate = Math.floor(((normalPrice - salePrice) / normalPrice) * 100); discountTarget.textContent = discountRate; }); }); </script><!-- 애니메이션 --><script> (function () { function waitImagesLoaded(container, callback) { const imgs = Array.from(container.querySelectorAll('img')); if (!imgs.length) return callback(); let loaded = 0; function check() { loaded++; if (loaded === imgs.length) callback(); } imgs.forEach(img => { if (img.complete) { check(); } else { img.addEventListener('load', check, { once: true }); img.addEventListener('error', check, { once: true }); } }); } function initAni() { const style = document.createElement("style"); style.textContent = ` .ani{ --ani-x:0; --ani-y:0; --ani-speed:.7s; --ani-delay:0s; opacity:0; transform:translate(var(--ani-x),var(--ani-y)); transition: opacity var(--ani-speed) var(--ani-delay), transform var(--ani-speed) var(--ani-delay); } .ani.on{ opacity:1; transform:translate(0,0); } .ani.z_index1{position:relative;z-index:1;} .ani.z_index2{position:relative;z-index:2;} .ani.z_index3{position:relative;z-index:3;} @keyframes aniMove{ from{ opacity:0; transform:translate(var(--ani-x),var(--ani-y)); } to{ opacity:1; transform:translate(0,0); } }`; document.head.appendChild(style); document.querySelectorAll(".ani").forEach(el => { if (el.dataset.x) el.style.setProperty("--ani-x", el.dataset.x); if (el.dataset.y) el.style.setProperty("--ani-y", el.dataset.y); if (el.dataset.speed) el.style.setProperty("--ani-speed", el.dataset.speed); if (el.dataset.delay) el.style.setProperty("--ani-delay", el.dataset.delay); const threshold = parseFloat(el.dataset.threshold) || 0; const io = new IntersectionObserver(entries => { entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add("on"); io.unobserve(e.target); } }); }, { threshold: threshold }); io.observe(el); }); } const container = document.querySelector('.art-container-event'); if (!container) return; waitImagesLoaded(container, initAni); })(); </script><!-- 1920px 스크립트 --><script> function editorCalcWidth() { var width_size = $(window).width(); if (width_size > 1200) $('.editor-wrap').css({ width: width_size }); } $(document).ready(function () { editorCalcWidth(); }); $(window).on('scroll resize', function () { editorCalcWidth(); }); </script><!-- E : 이벤트 복사영역 여기까지 -->