</noscript> <div id="wrapper"> <div class="share_bar" style="display: none;"> <div class="share_bar_in"> <a href="javascript:void(0);" data-label="facebook" data-category="share"><img class="sns_section_li" sns_name="facebook" src="//bimg.mk.co.kr/mkbn/mob/ic_sc2.png" width="29" alt="페이스북"></a> <a href="javascript:void(0);" data-label="twitter" data-category="share"><img class="sns_section_li" sns_name="twitter" src="//bimg.mk.co.kr/mkbn/mob/ic_sc3.png" width="29" alt="트위터"></a> <a href="javascript:void(0);" data-label="kakaotalk" data-category="share"><img class="sns_section_li" sns_name="kakaotalk" src="//bimg.mk.co.kr/mkbn/mob/ic_sc4.png" width="29" alt="카카오톡"></a> <span class='bandSpabStyle2'> <script type="text/javascript"> new ShareBand.makeButton({"lang": "ko", "type": "c", "text": "", "withUrl": true}); </script> </span> <a onclick="sendMail();" href="javascript:void(0);" data-label="email" data-category="share"><img src="//bimg.mk.co.kr/mkbn/mob/ic_sc1.png" width="29" alt="메일보내기"></a> <button id="" type="button" class="bt_map" onclick="toggleMenu()" style="top: 11px;"><span class="bt_map_im"><span class="blind">전체보기</span></span></button> </div> </div> <div id="header"> <style> .menuList_bg { position: absolute; margin-top: 65px; top: 0; left: 0; width: 100%; /* Firefox */ height: -moz-calc(100% - 52px); /* WebKit */ height: -webkit-calc(100% - 52px); /* Standard */ height: calc(100% - 52px); z-index: 1001; background-color: #000000; opacity: 0.65; filter: alpha(opacity=65); } .scroll_stop { overflow: hidden } </style> <link rel='stylesheet' type='text/css' href='//bimg.mk.co.kr/mkbn/mob/menu.css'/><!--160512 전체메뉴 css 추가--> <script> var toggleMenu = function() { var el = $("#area_sidemenu"); if(el.css("display") != "block") { $("body").addClass('scroll_stop'); el.css("display", "block"); } else { $("body").removeClass('scroll_stop') el.css("display", "none"); } } /*$(document).ready(function () { var box = $('.share_box'), bar = $('.share_bar'), tgtop = tgtop = box.offset() && box.offset().top || Math.pow(2, 53) - 1; $(window).on('scroll', function () { //noinspection JSValidateTypes if ($(this).scrollTop() >= tgtop) bar.is(':hidden') ? bar.fadeIn(150) : ''; else bar.is(':visible') ? bar.hide() : ''; // hide right menu on scroll //if ($(".menuList_bg").is(':visible')) toggleAllMenu(); }).on('resize', function () { try { tgtop = box.offset().top; } catch (e) {} }); });*/ </script> <div id="area_sidemenu" class="ly_aside" style="display:none;"> <div class="aside"> <div class="aside_head"> <div class="head_wrap"> <h1 class="logo_n"> <a href="https://m.mk.co.kr/">매일경제</a> </h1> <div class="hleft"> <div class="aside_area"> <a class="btn_close" onclick="toggleMenu();"> <span class="blind">전체 메뉴 닫기</span> </a> </div> </div> </div> </div> <div class="user"> <ul class="user_list list_num1" style="display: none;"> <li> <a href="javascript:location.href='https://account.mk.co.kr/p/login?successUrl=' + location.href" onclick="ga('send', 'event', 'hamburger', 'click', 'login');"> <strong>로그인</strong> </a> </li> <li> <a href="https://account.mk.co.kr/m2/join.php" onclick="ga('send', 'event', 'hamburger', 'click', 'create');">회원가입</a> </li> </ul> <ul class="user_list list_num2" style="display: none;"> <li> <strong id="user_name"></strong> 님 </li> <li> <a href="https://account.mk.co.kr/p/myinfo" onclick="ga('send', 'event', 'hamburger', 'click', 'create');">회원정보수정</a> </li> </ul> </div> <div class="search_wrap"> <form name="searchFrm" action="/m/search/" method="GET"> <fieldset> <legend class="blind">검색어 입력 폼</legend> <div class="search_box"> <div class="search"> <input id="search" name="word" type="search" placeholder="검색어를 입력하세요" value="" onkeypress="searchPressEnter('menu_search')"> </div> <a class="btn_search" onclick="document.searchFrm.submit(); ga('send', 'event', 'hamburger', 'click', 'search');"> <span class="blind">검색</span> </a> </div> </fieldset> </form> </div> <div class="sec news"> <div class="news_tit">뉴스</div> <ul class="news_list"> <li><a href="https://m.mk.co.kr/news/bestclick/" onclick="ga('send', 'event', 'hamburger', 'click', 'ranking');">인기뉴스</a></li> <li><a href="https://m.mk.co.kr/news/stock/" onclick="ga('send', 'event', 'hamburger', 'click', 'stock');">증권</a></li> <li><a href="https://m.mk.co.kr/news/realestate/" onclick="ga('send', 'event', 'hamburger', 'click', 'realestate');">부동산</a></li> <li><a href="https://m.mk.co.kr/news/economy/" onclick="ga('send', 'event', 'hamburger', 'click', 'economy');">경제</a></li> <li><a href="https://m.mk.co.kr/news/it/" onclick="ga('send', 'event', 'hamburger', 'click', 'business');">IT·과학</a></li> <li><a href="https://m.mk.co.kr/opinion/" onclick="ga('send', 'event', 'hamburger', 'click', 'opinion');">오피니언</a></li> <li><a href="https://m.mk.co.kr/news/world/" onclick="ga('send', 'event', 'hamburger', 'click', 'world');">국제</a></li> <li><a href="https://m.mk.co.kr/news/politics/" onclick="ga('send', 'event', 'hamburger', 'click', 'politics');">정치</a></li> <li><a href="https://m.mk.co.kr/news/society/" onclick="ga('send', 'event', 'hamburger', 'click', 'society');">사회</a></li> <li><a href="https://m.mk.co.kr/news/culture/" onclick="ga('send', 'event', 'hamburger', 'click', 'culture');">문화</a></li> <li><a href="https://m.mk.co.kr/news/sports/" onclick="ga('send', 'event', 'hamburger', 'click', 'sports');">스포츠</a></li> <li><a href="https://m.mk.co.kr/news/running-story/" onclick="ga('send', 'event', 'hamburger', 'click', 'series');">기획·연재</a></li> <li><a href="https://m.mk.co.kr/news/special-edition/" onclick="ga('send', 'event', 'hamburger', 'click', 's-edition');">Special Edition</a></li> </ul> </div> <div class="sec news"> <div class="news_tit">전문뉴스</div> <ul class="news_list"> <li><a href="https://m.mk.co.kr/star/" onclick="ga('send', 'event', 'hamburger', 'click', 'star');">스타투데이</a></li> <li><a href="https://game.mk.co.kr/m/" onclick="ga('send', 'event', 'hamburger', 'click', 'gamezin');">매경게임진</a></li> <li><a href="https://pulse.mk.co.kr/m/" onclick="ga('send', 'event', 'hamburger', 'click', 'pulse');">Pulse</a></li> <li><a href="https://mkbn.mk.co.kr/m/" onclick="ga('send', 'event', 'hamburger', 'click', 'mkbn');">MK빌리어드뉴스</a></li> <li><a href="https://www.mirakleai.com/" onclick="ga('send', 'event', 'hamburger', 'click', 'mirakleai');">미라클아이</a></li> </ul> </div> <div class="sec news"> <div class="news_tit">프리미엄 콘텐츠</div> <ul class="news_list"> <li><a href="https://m.mk.co.kr/weekly/" onclick="ga('send', 'event', 'hamburger', 'click', 'weekly');">MK위클리연재</a></li> <li><a href="https://m.mk.co.kr/audio/" onclick="ga('send', 'event', 'hamburger', 'click', 'voice');">AI 오디오 뉴스</a></li> <li><a href="https://m.mk.co.kr/youtube/" onclick="ga('send', 'event', 'hamburger', 'click', 'mkyoutube');">MK Youtube</a></li> <li><a href="https://m.mk.co.kr/newsletter/" onclick="ga('send', 'event', 'hamburger', 'click', '뉴스레터');">뉴스레터</a></li> </ul> </div> <div class="sec news"> <div class="news_tit">매경미디어그룹</div> <ul class="news_list"> <li><a href="https://m.mbn.co.kr/" onclick="ga('send', 'event', 'hamburger', 'click', 'mbn');">MBN</a></li> <li><a href="https://mbnmoney.mbn.co.kr/mobile" onclick="ga('send', 'event', 'hamburger', 'click', 'mktv');">매일경제TV</a></li> <li><a href="https://m.mk.co.kr/economy/" onclick="ga('send', 'event', 'hamburger', 'click', 'mkeconomy');">매경이코노미</a></li> <li><a href="https://m.mk.co.kr/luxmen/" onclick="ga('send', 'event', 'hamburger', 'click', 'luxmen');">매경LUXMEN</a></li> <li><a href="https://m.mk.co.kr/news/special-edition/citylife/" onclick="ga('send', 'event', 'hamburger', 'click', 'citylife');">시티라이프</a></li> <li><a href="https://mkgolf.mk.co.kr/" onclick="ga('send', 'event', 'hamburger', 'click', 'mkgolf');">매경GOLF</a></li> <li><a href="https://www.wkforum.org/" onclick="ga('send', 'event', 'hamburger', 'click', 'wkf');">세계지식포럼</a></li> <li><a href="https://m-print.mk.co.kr/" onclick="ga('send', 'event', 'hamburger', 'click', 'mprint');">M-Print</a></li> <li><a href="https://kdx.kr/" onclick="ga('send', 'event', 'hamburger', 'click', 'kdx');">KDX한국데이터거래소</a></li> </ul> </div> <div class="sec news"> <div class="news_tit">더보기</div> <ul class="news_list"> <li><a href="https://www.mk.co.kr/dic/m/" onclick="ga('send', 'event', 'hamburger', 'click', 'dic');">경제용어사전</a></li> <li><a href="https://exam.mk.co.kr/m/" onclick="ga('send', 'event', 'hamburger', 'click', 'mktest');">매경TEST</a></li> <li><a href="https://mplay.mk.co.kr/m/" onclick="ga('send', 'event', 'hamburger', 'click', 'mplay');">M PLAY</a></li> <li><a href="https://mirakle.mk.co.kr/" onclick="ga('send', 'event', 'hamburger', 'click', 'miraklelab');">미라클랩</a></li> </ul> </div> <div class="sec n_subscribe"> <a href="https://media.naver.com/channel/promotion.nhn?oid=009" class="btn_n_subscribe"> 매일경제 네이버 채널 구독 </a> </div> <div class="sec mkservice"> <ul class="mkservice_list"> <li><a href="https://www.mk.co.kr/intro/" class="btn_mkgroup" onclick="ga('send', 'event', 'hamburger', 'click', 'mkmediagroup');">매경미디어그룹</a></li> <li><a href="https://subscribe.mk.co.kr/index.php?TM=S&MM=1&BM=1" class="btn_subscribe" onclick="ga('send', 'event', 'hamburger', 'click', 'subscribe');">구독신청</a></li> </ul> </div> <div class="ft" style="display: none;"> <a href="javascript:location.href='https://account.mk.co.kr/p/loginOut?nextUrl=' + location.href">로그아웃</a> </div> </div> </div> <div class="logo_m" id="logo_m"> <h1><img src="//img.mk.co.kr/2017/MKBN/m//im_mlogo.png" alt="MK빌리어드 뉴스" usemap="#Map"> <map name="Map"> <area shape="rect" coords="2,-2,58,28" href="//m.mk.co.kr/" alt="매일경제"> <area shape="rect" coords="59,2,177,27" href="https://mkbn.mk.co.kr/m" alt="MK빌리어드뉴스"> </map> </h1> <a class="hd_list" onclick="toggleMenu()">전체메뉴</a> <form action="/m/search/" name="search" > <fieldset> <legend>검색창</legend> <div class="search_top" style="display: none;"> <div> <span> <input type="text" name="k" placeholder="검색어를 입력하시오" value=""> </span> <button type="submit" class="btn_search">검색하기</button> <a class="btn_search_close" href="#">닫기</a> </div> </div> </fieldset> </form> </div> <div class="gnb"> <nav role="navigation" class="gnb-swiper"> <ul id="gnb-menu" class="swiper-wrapper"> <li class="swiper-slide"><a href="https://mkbn.mk.co.kr/m">홈</a></li> <li class="swiper-slide"><a href="https://mkbn.mk.co.kr/m/list/latest">뉴스</a></li> <li class="swiper-slide"><a href="https://mkbn.mk.co.kr/m/list/supplies">용품</a></li> <li class="swiper-slide"><a href="/m/video/list/all">영상</a></li> <li class="swiper-slide"><a href="https://mkbn.mk.co.kr/m/list/contest">대회정보</a></li> </ul> </nav> </div> </div> <script> document.addEventListener('DOMContentLoaded', function() { const currentPath = window.location.pathname.replace(/\/$/, ''); const menuItems = document.querySelectorAll('#gnb-menu li'); const mappings = { "/m": ["/m"], "/m/list/latest": ["/m/list/latest", "/m/list/information", "/m/list/people","/m/list/photo", "/m/list/column", "/m/list/club","/m/list/etc"], "/m/list/supplies": ["/m/list/supplies"], "/m/list/contest" : ["/m/list/contest"], "/m/video/list/all": ["/m/video/list/all", "/m/video/list/743", "/m/video/list/744", "/m/video/list/742", "/m/video/list/778","/m/video/list/791"] }; let matchedPath = null; if(currentPath.startsWith("/m/video/video-view")){ matchedPath = "/m/video/list/all"; } if(typeof menuCode !== 'undefined'){ if(menuCode == "supplies"){ matchedPath = "/m/list/supplies"; } else if(menuCode != "contest"){ if(currentPath.startsWith("/m/news/")){ matchedPath = "/m/list/latest"; } } else if(menuCode == "contest"){ matchedPath = "/m/list/contest"; } } menuItems.forEach(function(li) { const link = li.querySelector('a'); if (link) { const linkPath = new URL(link.href).pathname.replace(/\/$/, ''); if(matchedPath == null){ matchedPath = Object.keys(mappings).find(key => mappings[key].includes(currentPath) ); } if (matchedPath && matchedPath === linkPath) { li.classList.add('nav_on'); } } }); }); </script> <script type="text/javascript"> $().ready(function () { //$('.gnb li, .submenu li').css('min-width', '65px'); //try { var sliderTop = new Swipe($('.gnb')[0]); } catch (e) {} //try { var slideSub = new Swipe($('.submenu')[0]); } catch (e) {} var gnbswiper = new Swiper('.gnb-swiper', { slidesPerView: 'auto', freeMode: true, initialSlide: 0 }); var subswiper = new Swiper('.sub-swiper', { slidesPerView: 'auto', freeMode: true, initialSlide: 0 }); var srchtop = $('.search_top'); $('.btn_search_close').off('click').on('click', function(e) { srchtop.animate({width:'toggle'},350); e.preventDefault(); }); $('.hd_srch').off('click').on('click', function(e) { srchtop.animate({width:'toggle'},350); e.preventDefault(); }); }); document.addEventListener('DOMContentLoaded', function() { const loginCheck = document.cookie.indexOf('cUserID'); const userList1 = document.querySelector('.list_num1'); const userList2 = document.querySelector('.list_num2'); const ft = document.querySelector('.ft'); if (loginCheck === -1) { userList1.style.display = 'block'; userList2.style.display = 'none'; } else { userList1.style.display = 'none'; userList2.style.display = 'block'; ft.style.display = 'block'; } const user_name = document.getElementById('user_name'); const cUserID = getCookieValue('cUserID'); if (cUserID) { const decodedUserID = decodeURIComponent(cUserID); user_name.textContent = decodedUserID; } }); const getCookieValue = name => { const cookie = document.cookie.split('; ').find(row => row.startsWith(name)); return cookie ? cookie.split('=')[1] : null; }; </script> <script> document.addEventListener('DOMContentLoaded', function() { const word = new URLSearchParams(window.location.search).get('word'); if (word) document.querySelector('.inputbox[name="word"]').value = word; }); </script> <link rel="stylesheet" type="text/css" href="https://static.mk.co.kr/2024/mkbn/mob/css/view.css"> <style> .submenu {background-color:#f2f2f2;position:relative;width:100%;height:45px;z-index:10;overflow:hidden;border-bottom:1px solid #dcdcdc} //.submenu ul{} .submenu li{display:table-cell;margin:0} .submenu li a{position:relative;display:block;font-size:16px;line-height:45px;color:#6f7689;white-space:nowrap;padding:0 12px;letter-spacing:-0.05em} .submenu .sub_on {font-weight:bold;color:#fff;background-color:#8d98ae;padding:2px 5px 2px 5px} </style> <script> const menuCode = ""; </script> <script> document.addEventListener('DOMContentLoaded', function() { const subOnElement = document.querySelector('.submenu .sub_on'); const swiperWrapper = document.querySelector('.submenu .swiper-wrapper'); if (subOnElement && swiperWrapper) { let transformValue = ''; switch (subOnElement.innerText) { case 'MK 빌리어드 뉴스': transformValue = 'translate3d(-170px, 0px, 0px)'; break; case '쿠드롱의 천기누설': case '매경당구대회': transformValue = 'translate3d(-341px, 0px, 0px)'; break; case '상구당구': case '끝판왕 이기범의 4구 기술': transformValue = 'translate3d(-85px, 0px, 0px)'; break; default: transformValue = ''; } swiperWrapper.style.transform = transformValue; swiperWrapper.style.transitionDuration = '0ms'; } }); </script> <div class='submenu'> <nav role='navigation' class='sub-swiper'> <ul class='swiper-wrapper'><li class='swiper-slide'><a href='//mkbn.mk.co.kr/m/list/latest'>최신기사</a></li><li class='swiper-slide'><a href='//mkbn.mk.co.kr/m/list/information'>대회소식</a></li><li class='swiper-slide'><a href='//mkbn.mk.co.kr/m/list/people'>피플</a></li><li class='swiper-slide'><a href='//mkbn.mk.co.kr/m/list/column'>칼럼</a></li><li class='swiper-slide'><a href='//mkbn.mk.co.kr/m/list/club'>동호인</a></li><li class='swiper-slide'><a href='//mkbn.mk.co.kr/m/list/photo'>포토</a></li><li class='swiper-slide'><a href='//mkbn.mk.co.kr/m/list/etc'>기타</a></li> </ul> </nav></div> <div id="contents"> <div class='bnr'> <div id="TC_Leaderboard"> <script type="text/javascript">googletag.cmd.push(function () { googletag.display('TC_Leaderboard'); }); </script> </div> </div> <section class="news"> <div class="news_view"> <ul> <li> <h1>블리자드 ‘오버워치2’, ‘스트리트파이터6’ 컬래버 21일 실시</h1> <div class="view_img"> <p>최초입력 2025.05.20 13:29:51</p> <button type="button" class="btn_view btn_plus2" onclick='controlContentFontSize(0)'><span class="ico_comm ico_plus">크게</span></button> <button type="button" class="btn_view btn_min2" onclick='controlContentFontSize(1)'><span class="ico_comm ico_min">작게</span></button> </div> <div class="share_box"> <img src="//bimg.mk.co.kr/mkbn/mob/ic_sc2.png" width="29" alt="페이스북" onclick="sendThis('facebook');" data-label="facebook" data-category="share" class="sns_section_li" sns_name="facebook"> <img src="//bimg.mk.co.kr/mkbn/mob/ic_sc3.png" width="29" alt="트위터" onclick="sendThis('twitter');" data-label="twitter" data-category="share" class="sns_section_li" sns_name="twitter"> <a href="javascript:void(0);" data-label="kakaotalk" data-category="share"><img class="sns_section_li" sns_name="kakaotalk" src="//bimg.mk.co.kr/mkbn/mob/ic_sc4.png" width="29" alt="카카오톡"></a> <span class='bandSpabStyle2'> <script type="text/javascript"> new ShareBand.makeButton({"lang": "ko", "type": "c", "text": "", "withUrl": true}); </script> </span> <a onclick="sendMail();" href="javascript:void(0);" data-label="email" data-category="share"><img src="//bimg.mk.co.kr/mkbn/mob/ic_sc1.png" width="29" alt="메일보내기"></a> </div> </li> <li> <p class="sub_tit"></p><!-- View Type : 9--> </li> <style> #artText .mid_title { display: none; } </style> <li> <div id="artText" class="view_txt" style="font-size: 16px;"><div refId="1" class="thumb_area img"> <figure> <div class="thumb"> <img loading="lazy" src="https://wimg.mk.co.kr/news/cms/202505/20/news-p.v1.20250520.a87e109b269a4a32aac2327c2f545e66_P1.jpg" orgWidth="560" orgHeight="315" alt="‘오버워치2’ X ‘스트리트파이터6’" > <button class="btn btn_ic btn_zoom"> <i class="ic ic_zoom" data-url="https://wimg.mk.co.kr/news/cms/202505/20/news-p.v1.20250520.a87e109b269a4a32aac2327c2f545e66_R.jpg" data-width="560" data-height="315"></i> <span class="is_blind">사진 확대</span> </button> </div> <figcaption> <span class="thum_figure_txt">‘오버워치2’ X ‘스트리트파이터6’</span> </figcaption> </figure></div><p refId="2">블리자드엔터테인먼트는 슈팅 게임 ‘오버워치2’에서 대전 격투 게임 ‘스트리트파이터6’와의 컬래버레이션을 21일부터 진행한다고 20일 밝혔다.</p><p refId="3">오는 6월 3일까지 진행되는 이번 컬래버레이션은 ‘오버워치’ 스타일로 재해석된 ‘스트리트파이터’의 시그니처 기술과 자세를 담아낸 신규 영웅 스킨과 여러 꾸미기 아이템을 선보이는 내용이다.</p><p refId="4">‘스트리트파이터6’ 캐릭터의 대표적인 동작과 자세, 특징부터 타격시의 사소한 디테일까지 정교하게 구현해낸 오버워치 영웅들의 애니메이션 및 시각 효과를 통해 ‘스트리트파이터6’의 격투 스타일을 경험할 수 있다.</p><p refId="5">춘리의 번개 같은 발차기를 담은 주노, 한주리의 순수한 광기를 분출하는 키리코, 캐미의 은밀하면서도 정밀한 움직임을 보여주는 위도우메이커와 류의 절제된 분노를 구현한 한조를 비롯해 달심의 명상의 힘으로 자유롭게 떠다니는 젠야타, 가일 특유의 에너지를 품은 솔저: 76, 베가의 원초적인 강렬함을 담아낸 시그마, 블랑카를 만나 완전한 짐승 모드로 돌입한 윈스턴 등 스트리트 파이터6 캐릭터의 정수를 담은 애니메이션과 시각 효과를 적용한 스킨 8종이 제공된다.</p><p refId="6">다양한 구성의 묶음 상품 또한 만날 수 있다. 8종의 컬래버 영웅 스킨이 포함된 ‘스트리트파이터6’ 초대형 묶음 상품를 비롯한 특급 스킨 대형 묶음 상품, 전설 스킨 대형 묶음 상품이 마련됐다.</p><p refId="7">특별 도전 과제도 선보인다. 도전 과제를 완료하면 최대 4만의 경험치와 함께 컬래버 테마의 스프레이, 음성 대사와 도전 과제 기간 이후에도 사용 가능한 ‘스트리트파이터6’ 플레이어 칭호를 획득할 수 있다.</p><div id="refTotal" value="7"></div> [ⓒ 매일경제 & mk.co.kr, 무단 전재, 재배포 및 AI학습 이용 금지]</div> </li> </ul> <div id="reple"> <script type='text/javascript'> window.livereOptions = { refer : 'mkbn.mk.co.kr/news/it/11321615', site : 'https://mkbn.mk.co.kr/news/it/11321615' }; </script> <div id='lv-container' data-id='mk' data-uid='MjQvMzYvMjc='> <script type='text/javascript'> (function(d, s) { var j, e = d.getElementsByTagName(s)[0]; if (typeof LivereTower === 'function') { return; } j = d.createElement(s); j.src = '//cdn-city.livere.com/js/embed.dist.js'; j.async = true; e.parentNode.insertBefore(j, e); })(document, 'script'); </script> <noscript></noscript> </div> </div> <script type="text/javascript"> $(".news_view").find(".center_image").each(function (idx) { var imgSrc = ''; var imgEl = ''; var that = ''; imgSrc = $(this).find("img").attr("src"); imgEl = $("<img/>"); that = $(this); imgEl.prop("src", imgSrc).on("load", function () { var w = this.width; if (w < 300) { var imgDesc = that.find(".small_txt").html(); var inHtml = "<span class='zoom_c'><img src='" + imgSrc + "' border='0' hspace='0' vspace='0' width='" + w + "' alt='기사의 " + (idx + 1) + "번째 이미지'><a href='" + imgSrc + "' target='_blank'><span class='im_zoom ic_zoom'>이미지 확대</span></a></span><span class='small_txt'>" + imgDesc + "</span>"; that.html(inHtml); } else { var imgDesc = that.find(".small_txt").html(); var inHtml = "<span class='zoom_c'><img src='" + imgSrc + "' border='0' hspace='0' vspace='0' width='100%' alt='기사의 " + (idx + 1) + "번째 이미지'><a href='" + imgSrc + "' target='_blank'><span class='im_zoom ic_zoom'>이미지 확대</span></a></span><span class='small_txt'>" + imgDesc + "</span>"; that.html(inHtml); console.log(i) } }) }); </script> </div> <h5>많이 본 뉴스</h5> <div class="news_list"> <dl> <dt class="list_tit"> <a href="https://mkbn.mk.co.kr/m/news/sports/11327295">‘호치민3쿠션월드컵’ 우승 야스퍼스, 세계1위 독주…‘준우승’ 허정한 6위로 상승</a> </dt> </dl> <dl> <dt class="list_tit"> <a href="https://mkbn.mk.co.kr/m/news/sports/11325232">‘베트남 국가 애도기간 선포’ 호치민3쿠션월드컵 무관중으로 진행</a> </dt> </dl> <dl> <dt class="list_tit"> <a href="https://mkbn.mk.co.kr/m/news/sports/11329371">5시즌의 PBA 팀리그 복귀 최원준 “구사일생이 맞다. 다신 방출당하지 않겠다”</a> </dt> </dl> <dl> <dt class="list_tit"> <a href="https://mkbn.mk.co.kr/m/news/sports/11329536">“당구 진흥 위해 국회도 나선다” 대한당구연맹-양문석 국회의원 정책협약</a> </dt> </dl> <dl> <dt class="list_tit"> <a href="https://mkbn.mk.co.kr/m/news/sports/11329904">프로당구 현장 찾은 대학생들 “PBA 빠른 성장 놀랍다”</a> </dt> </dl> <dl> <dt class="list_tit"> <a href="https://mkbn.mk.co.kr/m/news/sports/11323685">“쿠드롱이 제기한 민사소송 사실은 이렇습니다” 김치빌리아드 홈피에 입장문 게재</a> </dt> </dl> <dl> <dt class="list_tit"> <a href="https://mkbn.mk.co.kr/m/news/sports/11328354">“호흡 척척” 최혜미-남윤형, 프로-동호인 스카치당구대회 우승</a> </dt> </dl> <dl> <dt class="list_tit"> <a href="https://mkbn.mk.co.kr/m/news/sports/11323898">“강동궁 김영원 등이 동호인과 한 팀으로” PBA 프로당구선수協, 프로-동호인 스카치 대회 개최</a> </dt> </dl> <dl> <dt class="list_tit"> <a href="https://mkbn.mk.co.kr/m/news/sports/11315329">[불황극복 당구장] 인수 1년만에 매출 2배↑ ‘롯데그룹 임원 출신’ 당구장 사장님의 성공 방정식…용인 라팔캐롬클럽</a> </dt> </dl> <dl> <dt class="list_tit"> <a href="https://mkbn.mk.co.kr/m/news/sports/11326076">“세계최강의 벽은 높았다” 야스퍼스, 허정한 물리치고 호치민3쿠션월드컵 우승…32번째 정상</a> </dt> </dl> </div> </section> </div> <script type='text/javascript'> /* google analytics */ //@formatter:off (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); //@formatter:on </script> <script src='//developers.kakao.com/sdk/js/kakao.min.js'></script> <script> // Lazy Loading document.addEventListener("DOMContentLoaded", function() { var lazyloadImages; if ("IntersectionObserver" in window) { lazyloadImages = document.querySelectorAll(".lazy"); var imageObserver = new IntersectionObserver(function(entries, observer) { entries.forEach(function(entry) { if (entry.isIntersecting) { var image = entry.target; image.src = image.dataset.src; image.classList.remove("lazy"); imageObserver.unobserve(image); } }); }); lazyloadImages.forEach(function(image) { imageObserver.observe(image); }); } else { var lazyloadThrottleTimeout; lazyloadImages = document.querySelectorAll(".lazy"); function lazyload () { if(lazyloadThrottleTimeout) { clearTimeout(lazyloadThrottleTimeout); } lazyloadThrottleTimeout = setTimeout(function() { var scrollTop = window.pageYOffset; for (var i = 0; i < lazyloadImages.length; ++i) { var img = lazyloadImages[i]; if(img.offsetTop < (window.innerHeight + scrollTop)) { img.src = img.dataset.src; img.classList.remove('lazy'); } } if(lazyloadImages.length == 0) { document.removeEventListener("scroll", lazyload); window.removeEventListener("resize", lazyload); window.removeEventListener("orientationChange", lazyload); } }, 20); } document.addEventListener("scroll", lazyload); window.addEventListener("resize", lazyload); window.addEventListener("orientationChange", lazyload); lazyload(); } }); function lazyloading() { var lazyloadImages = document.querySelectorAll(".lazy"); for (var i = 0; i < lazyloadImages.length; ++i) { var img = lazyloadImages[i]; img.src = img.dataset.src; img.classList.remove('lazy'); } } </script> <script type="text/javascript" src="https://static.mk.co.kr/2024/mkbn/mob/js/view.js"></script> <style> .wrap_service_area { margin: 0px 0 0 0; } </style> <script> function service(n) { var sc = document.getElementById('sc'+n).className; var scc = document.getElementById('scc'+n).className; var sd = document.getElementById('service'+n).style.display; for(var i=1;i<6;i++){ document.getElementById('sc'+i).className = ((i === n) ? ((sc === 'link_on') ? '' : 'link_on') : ''); document.getElementById('scc'+i).className = ((i === n) ? ((scc === 'sv_bt_tit_on') ? 'sv_bt_tit' : 'sv_bt_tit_on') : 'sv_bt_tit'); document.getElementById('service'+i).style.display = ((i === n) ? ((sd === 'inline') ? 'none' : 'inline') : 'none'); } } </script> <div class="wrap_service_area" id="service_area"> <div class="sv_top"> <span class="l_mk_sv"> <img src="//bimg.mk.co.kr/mkbn/mob/l_mk_sv.png" alt="매일경제"> </span> </div> <ul class="sv_list"> <li> <a href="https://m.mk.co.kr/" onclick="service(1); return false;" class="" id="sc1">뉴스 <span class="sv_bt_tit" id="scc1">더보기</span></a> <div class="stm_list_area" style="display:none;" id="service1"> <ul class="ut_stm_list"> <li> <li><a href="https://m.mk.co.kr/news/ranking/">인기뉴스</a></li> <li><a href="https://m.mk.co.kr/news/economy/">경제</a></li> <li><a href="https://m.mk.co.kr/news/business/">기업</a></li> <li><a href="https://m.mk.co.kr/news/realestate/">부동산</a></li> <li><a href="https://m.mk.co.kr/news/stock/">증권</a></li> <li><a href="https://m.mk.co.kr/news/politics/">정치</a></li> <li><a href="https://m.mk.co.kr/news/society/">사회</a></li> <li><a href="https://m.mk.co.kr/news/world">국제</a></li> <li><a href="https://m.mk.co.kr/news/it/">IT</a></li> <li><a href="https://m.mk.co.kr/news/culture/">문화</a></li> <li><a href="https://m.mk.co.kr/opinion/">오피니언</a></li> </ul> </div> </li> <li> <a href="https://m.mk.co.kr/star/" onclick="service(2); return false;" class="" id="sc2">스포츠·연예 <span class="sv_bt_tit" id="scc2">더보기</span></a> <div class="stm_list_area" style="display:none;" id="service2"> <ul class="ut_stm_list"> <li><a href="https://m.mk.co.kr/news/sports/">스포츠</a></li> <li><a href="https://m.mk.co.kr/star/">스타투데이</a></li> <li><a href="http://mkbn.mk.co.kr/m/" target="_blank">MK빌리어드뉴스</a></li> <li><a href="https://m.mk.co.kr/news/golf/">골프</a></li> </ul> </div> </li> <li> <a href="https://m.mk.co.kr/" onclick="service(3); return false;" class="" id="sc3">매거진 <span class="sv_bt_tit" id="scc3">더보기</span></a> <div class="stm_list_area" style="display:none;" id="service3"> <ul class="ut_stm_list"> <li><a href="https://m.mk.co.kr/economy/" target="_blank">매경이코노미</a></li> <li><a href="https://m.mk.co.kr/news/special-edition/citylife/">시티라이프</a></li> <li><a href="http://luxmen.mk.co.kr/m/" target="_blank">럭스멘</a></li> <li><a href="https://mkgolf.mk.co.kr/" target="_blank">매경GOLF</a></li> </ul> </div> </li> <li> <a href="https://m.mk.co.kr/" onclick="service(4); return false;" class="" id="sc4">서비스 <span class="sv_bt_tit" id="scc4">더보기</span></a> <div class="stm_list_area" style="display:none;" id="service4"> <ul class="ut_stm_list"> <li><a href="https://www.mk.co.kr/tour/">MK여행</a></li> <li><a href="https://www.mk.co.kr/miraklelab/" target="_blank">미라클랩</a></li> <li><a href="http://game.mk.co.kr/m/" target="_blank">게임진</a></li> <li><a href="http://kdx.kr/" target="_blank">KDX한국데이터거래소</a></li> </ul> </div> </li> <li> <a href="https://m.mk.co.kr/" onclick="service(5); return false;" class="" id="sc5">기타 <span class="sv_bt_tit" id="scc5">더보기</span></a> <div class="stm_list_area" style="display:none;" id="service5"> <ul class="ut_stm_list"> <li><a href="http://subscribe.mk.co.kr/index.php?TM=S&MM=1" target="_blank">구독신청</a></li> <li><a href="https://m.mk.co.kr/newsletter/" target="_blank">뉴스레터</a></li> <li><a href="https://pulse.mk.co.kr/m/" target="_blank">영문</a></li> <li><a href="http://www.mk.co.kr/china/" target="_blank">중문</a></li> </ul> </div> </li> <li> <a href="https://www.mk.co.kr/intro/" class="" id="">매경미디어그룹</a> </li> </ul> </div> <a href="javascript:gotoTop();" class="bottom_top" id="goTop">맨위로</a> <footer id="mkfooter"> <div class="box"> <ul> <li> <script type="text/javascript"> const login_check = document.cookie.indexOf('cUserID'); if (login_check == -1) { document.write("<a href='https://account.mk.co.kr/p/login/?successUrl=" + encodeURIComponent(document.location) + "'>로그인</a>"); } else { document.write("<a href='https://account.mk.co.kr/p/loginOut/?nextUrl=" + encodeURIComponent(document.location) + "'>로그아웃</a>"); } </script> </li> <li><a href="javascript:gotoPCMain();">PC버전</a></li> <li><a href="javascript:window.scrollTo(0,0);" class="link_top"><span class="img_top ico_top"></span>↑맨위로</a></li> </ul> </div> <address>Copyright ⓒ MK빌리어드 Corp. All rights Reserved. <a href="javascript:alert(document.cookie);"> </a></address> </footer> </div> <script type="text/javascript"> function gotoTop() { window.scrollTo(0, 0); return; } /* * PC 로 가기 각각 메뉴(페이지)별 PC로 가는 링크가 다르기 때문에 모두 설정해 준다. 2014-01-16 by junsama */ function gotoPCMain() { var now = new Date(); var exp = new Date(now.getTime() + 1000 * 60 * 30 * 1); //30 min var page = document.location; // 현재페이지 var location = page.href.replace('/m', '') + page.search; //2014 06 16 hjkim document.cookie = 'pcView=1; path=/; domain=.mk.co.kr; expires=' + exp.toGMTString() + ';'; document.location.href = location; } // 모바일 앱 대응 2017. 11. 13. try { if (document.cookie.indexOf('isApp=Y') > -1) appFooterAction(); } catch (e) {} function appFooterAction() { try { $('footer li:eq(0), footer li:eq(1)').hide(); } catch (e) {} } </script> </body> </html> <style> .thumb_area .thumb { position: relative; overflow: hidden; } .thumb { display: block; position: relative; overflow: hidden; margin-bottom : -25px; } .detail_page .news_cnt_sec .thumb_area .thumb img[orgwidth="700"] { width: auto; } .detail_page .news_cnt_sec .thumb_area .thumb img { min-width: auto; } .thumb_area img { max-width: 100%; min-height: 100%; min-width: 100%; object-fit: cover; } .is_blind { display: none; } .thum_figure_tit{ display: none; } .view_txt p { margin-bottom: 35px; } .view_txt .thumb_area { display: block; position: relative; float: none; max-width: 700px; text-align: center; margin: 10px auto 39px; } .thumb_area .img { margin: 30px 0 !important; } .thum_figure_txt { line-height: 15px !important; display: block; padding-top: 5px; } .figcaption { margin-top: 5px; font-size: 12px; font-weight: 400; color: #838383; text-align: left; line-height: 10px; } .thum_figure_txt{ color : #838383; font-size: 12px; } </style> <style> .wrap_service_area { margin: -20px 0 0 0; } </style> <script> function controlContentFontSize(flag) { var articleEl = $("#artText"); var sizePx = articleEl.css("font-size"); sizePx = parseInt(sizePx.replace("px", "")); // 기본은 16px 임 if (flag == 0) sizePx += 4; else if (flag == 1) sizePx -= 4; if (sizePx <= 8) return; else if (sizePx >= 24) return; articleEl.css("font-size", sizePx); createCookie("mnews_content_fontsize", sizePx, 10); } function setContentFontSize(size) { var fontSize = readCookie("mnews_content_fontsize"); fontSize = parseInt(fontSize); var articleEl = $("#artText"); articleEl.css("font-size", fontSize); } function createCookie(name,value,days) { if (days) { var date = new Date(); date.setTime(date.getTime()+(days*24*60*60*1000)); var expires = "; expires="+date.toGMTString(); } else var expires = ""; document.cookie = name+"="+value+expires+"; path=/"; } function readCookie(name) { var nameEQ = name + "="; var ca = document.cookie.split(';'); for(var i=0;i < ca.length;i++) { var c = ca[i]; while (c.charAt(0)==' ') c = c.substring(1,c.length); if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length); } return null; } </script> <script> function sendMail() { const url = $("meta[property='og:url']").attr("content"); const title = $("meta[property='og:title']").attr("content"); window.open('mailto:someone@example.com' + '?Subject=' + encodeURIComponent(title) + '&body=' + encodeURIComponent(url)); } function sendPrint() { const printUrl = "https://www.mk.co.kr/print/" + contentId; window.open(printUrl,"_blank", "width=800, height=700"); } var sendThis = function (sns_name) { if (sns_name === 'facebook') { const url = $("meta[property='og:url']").attr("content"); const shareUrl = "https://www.facebook.com/sharer.php?u=" + url window.open(shareUrl, "", "width=900,height=450,scrollbar=yes,menubars=no"); } else if (sns_name === 'twitter') { const title = $("meta[property='twitter:title']").attr("content"); const url = $("meta[property='og:url']").attr("content"); const shareUrl = "https://twitter.com/intent/tweet?text=" + encodeURIComponent(title+"\n") + "+" + encodeURIComponent(url); window.open(shareUrl, "", "width=900,height=450,scrollbar=yes,menubars=no"); } } </script>