</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>컴투스홀딩스, 신작 캐주얼 MMORPG ‘스피릿 테일즈’ 출시</h1> <div class="view_img"> <p>최초입력 2025.03.20 10:31:37</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/202503/20/news-p.v1.20250320.996206a848fb4a3fab712ca4fa963861_P1.jpg" orgWidth="560" orgHeight="315" alt="‘스피릿 테일즈’" > <button class="btn btn_ic btn_zoom"> <i class="ic ic_zoom" data-url="https://wimg.mk.co.kr/news/cms/202503/20/news-p.v1.20250320.996206a848fb4a3fab712ca4fa963861_R.jpg" data-width="560" data-height="315"></i> <span class="is_blind">사진 확대</span> </button> </div> <figcaption> <span class="thum_figure_txt">‘스피릿 테일즈’</span> </figcaption> </figure></div><p refId="2">컴투스홀딩스(대표 정철호)는 신작 캐주얼 MMORPG ‘스피릿 테일즈(Spirit Tales)’를 정식 출시했다고 20일 밝혔다.</p><p refId="3">‘스피릿 테일즈’는 아기자기한 그래픽과 빠른 성장을 전면에 내세운 캐주얼 MMORPG다. 총 40여종에 이르는 정령, ‘워리어’와 ‘메이지’, ‘프리스트’, ‘레인저’, ‘어쌔신’ 등 5종의 직업, 도시와 하늘섬, 바다, 동굴, 숲, 설원 등으로 구성된 9개 월드맵 등을 담았다. 직업과 성별마다 존재하는 화려한 코스튬으로 나만의 캐릭터를 꾸밀 수 있으며 전투에 배치되는 총 3마리의 정령을 조합해 ‘탱킹’, ‘딜 보조’, ‘버프’ 등의 고유 스킬로 능력을 높일 수도 있다.</p><p refId="4">빠른 성장을 돕는 다채로운 콘텐츠로 마련됐다. 캐릭터 레벨과 직업, 스킬 등의 성장 재화를 얻을 수 있는 ‘요일 던전’과 ‘악마 퇴치’, 정령 성장 및 각성 재화를 획득할 수 있는 ‘세계수’와 ‘정령 파견’, 필수 성장 재화 ‘정령석’을 얻을 수 있는 ‘드래곤 설원’과 ‘고대 유적’ 등이다. ‘콜로세움 토너먼트’, ‘챔피언스 리그’ 등 다채로운 PvP 콘텐츠도 즐길 수 있다.</p><p refId="5">컴투스홀딩스는 출시와 함께 이벤트도 진행한다. ‘7일 출석 이벤트’를 통해 게임에 접속한 모든 이용자들에게 SSR 등급 정령 ‘6성 파이곤’을 선물하고 ‘여정의 시작 이벤트’에서는 단계별 미션을 달성하면 ‘40 레벨 방어구 선택 상자’, ‘SSR 등급 정령 조각’ 등을 증정한다. ‘레벨업 혜택 이벤트’, ‘모험 지원 이벤트’, ‘서버 오픈 축제’, ‘공략 이벤트’, ‘길드 홍보 이벤트’ 등도 마련했다.</p><p refId="6">‘스피릿 테일즈’는 국내 시장에서 인기를 끌었던 ‘히어로즈 테일즈’의 핵심 개발진이 설립한 이위게임즈가 제작한 신작이다. 크로스 플레이를 지원해 모바일과 PC를 오가며 편안하게 게임을 즐길 수 있다.</p><div id="refTotal" value="6"></div> [ⓒ 매일경제 & mk.co.kr, 무단 전재, 재배포 및 AI학습 이용 금지]</div> </li> </ul> <div id="reple"> <script type='text/javascript'> window.livereOptions = { refer : 'mkbn.mk.co.kr/news/it/11268564', site : 'https://mkbn.mk.co.kr/news/it/11268564' }; </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/11310333">[단독] ‘전 세계3쿠션 1위’ 김준태 전격 PBA 行</a> </dt> </dl> <dl> <dt class="list_tit"> <a href="https://mkbn.mk.co.kr/m/news/sports/11308246">“생계 위해 일용직도, 이젠 경기력으로 증명” 4시즌만에 PBA1부투어 복귀 문성원</a> </dt> </dl> <dl> <dt class="list_tit"> <a href="https://mkbn.mk.co.kr/m/news/sports/11309929">[김용일의 당구인사이트] 프로스포츠 정체성 확립 PBA, 새 시즌 앞두고 연감 발간한다</a> </dt> </dl> <dl> <dt class="list_tit"> <a href="https://mkbn.mk.co.kr/m/news/sports/11177461">25/26시즌 PBA프로당구 10개투어 열린다…팀리그도 10구단 체제</a> </dt> </dl> <dl> <dt class="list_tit"> <a href="https://mkbn.mk.co.kr/m/news/sports/11307422">25/26시즌 PBA 팀리그 드래프트 14일 실시…전체 1번은 누구?</a> </dt> </dl> <dl> <dt class="list_tit"> <a href="https://mkbn.mk.co.kr/m/news/sports/11309066">[외국 당구 동향] 美 당구 국가대표 그루트, 페드로 꺾고 첫 미국3쿠션 챔피언에</a> </dt> </dl> <dl> <dt class="list_tit"> <a href="https://mkbn.mk.co.kr/m/news/sports/11305396">‘女3쿠션 새로운 대세’ 허채원의 당돌한 각오 “올해 전국대회 3번은 더 우승하겠다”</a> </dt> </dl> <dl> <dt class="list_tit"> <a href="https://mkbn.mk.co.kr/m/news/sports/11309476">‘中 20대 신예’ 자오신통, 레전드 꺾고 월드스누커투어(WST) 월드챔피언 등극…우승상금 9억원</a> </dt> </dl> <dl> <dt class="list_tit"> <a href="https://mkbn.mk.co.kr/m/news/sports/10952481">PBA 초유의 경기 중 상대선수에게 욕설→ 중징계 ‘사태’ 전말은?</a> </dt> </dl> <dl> <dt class="list_tit"> <a href="https://mkbn.mk.co.kr/m/news/sports/11302469">김치빌리아드 ‘쿠드롱에게 3656만원 지급’ 1심 판결에 불복, 항소</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/bestclick/">인기뉴스</a></li> <li><a href="https://m.mk.co.kr/premium/">프리미엄</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://m.mk.co.kr/luxmen/" 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://mirakle.mk.co.kr/m/" 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://china.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>