</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>하이브IM, MMORPG 대작 ‘아키텍트: 랜드 오브 엑자일’ 연내 출시</h1> <div class="view_img"> <p>최초입력 2025.05.21 14:44:53</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 class="mid_title"> <div class="midtitle_text">지난해 국내 게임 박람회 ‘지스타’서 첫 시연 </div></div><div refId="1" class="thumb_area img"> <figure> <div class="thumb"> <img loading="lazy" src="https://wimg.mk.co.kr/news/cms/202505/21/news-p.v1.20250521.6522ee7f173c4ffea7f131926b93a759_P1.png" orgWidth="700" orgHeight="393" alt="하이브IM이 올해 출시 예정인 다중접속역할수행게임(MMORPG) 신작 ‘아키텍트: 랜드 오브 엑자일’ [출처 = 하이브IM]" > <button class="btn btn_ic btn_zoom"> <i class="ic ic_zoom" data-url="https://wimg.mk.co.kr/news/cms/202505/21/news-p.v1.20250521.6522ee7f173c4ffea7f131926b93a759_R.png" data-width="1440" data-height="809"></i> <span class="is_blind">사진 확대</span> </button> </div> <figcaption> <span class="thum_figure_txt">하이브IM이 올해 출시 예정인 다중접속역할수행게임(MMORPG) 신작 ‘아키텍트: 랜드 오브 엑자일’ [출처 = 하이브IM]</span> </figcaption> </figure></div><p refId="2">하이브IM이 초대형 다중접속역할수행게임(MMORPG) 신작 ‘아키텍트: 랜드 오브 엑자일’의 연내 정식 출시를 확정했다고 21일 밝혔다.</p><p refId="3">‘아키텍트: 랜드 오브 엑자일’은 국내 개발사 아쿠아트리가 제작하고 있는 게임으로, 하이브IM은 지난 2023년 아쿠아트리에 300억원 규모의 전략적 투자를 단행하며 퍼블리싱 계약을 체결한 바 있다.</p><p refId="4">해당 게임은 지난해 하이브IM이 국내 게임 박람회 ‘지스타(G-STAR) 2025’에서 처음 시연을 보인 작품이다.</p><p refId="5">‘탑’을 중심으로 이야기가 전개되는 구조와 언리얼 엔진5 기반의 고품질 그래픽, 심리스 오픈월드, 자유도 높은 이동 시스템 등이 강점으로 평가받았다.</p><p refId="6">게이머들은 전사, 마법사, 전투 사제, 암살자, 사냥꾼 등 5가지 클래스를 선택할 수 있으며, 비행, 암벽등반, 수영 등 특수 이동을 활용한 입체적인 탐험 시스템을 갖췄다.</p><p refId="7">하이브IM은 정식 출시에 앞서 사전 예약 등 단계별 론칭 캠페인을 순차적으로 전개하고, 구체적인 일정과 서비스 정보는 공식 채널을 통해 추후 안내할 예정이다.</p><p refId="8">하이브IM 관계자는 “‘아키텍트: 랜드 오브 엑자일’은 당사가 지향하는 차세대 MMORPG 비전과 기술적 역량이 집약된 프로젝트”라고 말했다.</p><div id="refTotal" value="8"></div> [ⓒ 매일경제 & mk.co.kr, 무단 전재, 재배포 및 AI학습 이용 금지]</div> </li> </ul> <div id="reple"> <script type='text/javascript'> window.livereOptions = { refer : 'mkbn.mk.co.kr/news/it/11322760', site : 'https://mkbn.mk.co.kr/news/it/11322760' }; </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/11329904">프로당구 현장 찾은 대학생들 “PBA 빠른 성장 놀랍다”</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/11329536">“당구 진흥 위해 국회도 나선다” 대한당구연맹-양문석 국회의원 정책협약</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/11323898">“강동궁 김영원 등이 동호인과 한 팀으로” PBA 프로당구선수協, 프로-동호인 스카치 대회 개최</a> </dt> </dl> <dl> <dt class="list_tit"> <a href="https://mkbn.mk.co.kr/m/news/sports/11113887">“당구로 잘 될 거란 확신 있었죠” 실력과 미모 지성 갖춘 여대생 당구선수 정수빈의 이유있는 자신감</a> </dt> </dl> <dl> <dt class="list_tit"> <a href="https://mkbn.mk.co.kr/m/news/sports/11315329">[불황극복 당구장] 인수 1년만에 매출 2배↑ ‘롯데그룹 임원 출신’ 당구장 사장님의 성공 방정식…용인 라팔캐롬클럽</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>