</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>네이버웹툰 캐릭터가 운세 봐준다…스튜디오 리코 ‘타로툰’ 출시</h1> <div class="view_img"> <p>최초입력 2025.06.11 14:11:17</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">웹툰 캐릭터가 전하는 AI 운세 리포트 ‘냐한남자’ 등 인기 IP 4종 우선 제공</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">웹툰 캐릭터가 전하는 AI 운세 리포트<br/>‘냐한남자’ 등 인기 IP 4종 우선 제공 </div></div><div refId="1" class="thumb_area img"> <figure> <div class="thumb"> <img loading="lazy" src="https://wimg.mk.co.kr/news/cms/202506/11/news-p.v1.20250611.cd29bc8d671c4d559b34e5d5b952fb70_P1.png" orgWidth="700" orgHeight="700" alt="[사진 = 네이버웹툰]" > <button class="btn btn_ic btn_zoom"> <i class="ic ic_zoom" data-url="https://wimg.mk.co.kr/news/cms/202506/11/news-p.v1.20250611.cd29bc8d671c4d559b34e5d5b952fb70_R.png" data-width="840" data-height="840"></i> <span class="is_blind">사진 확대</span> </button> </div> <figcaption> <span class="thum_figure_txt">[사진 = 네이버웹툰]</span> </figcaption> </figure></div><p refId="2">네이버웹툰의 자회사 스튜디오 리코가 웹툰 캐릭터 기반 인공지능(AI) 운세 서비스 ‘타로툰(Tarotoon)’을 선보인다.</p><p refId="3">네이버웹툰은 자회사 스튜디오 리코가 퍼블리싱하고 플랩스 AI에서 개발한 신규 웹 서비스 ‘타로툰’을 10일 정식 출시했다고 11일 밝혔다.</p><p refId="4">타로툰은 ‘타로(Tarot)’와 ‘툰(Toon)’의 합성어로, 웹툰 속 캐릭터가 사주와 타로 콘텐츠를 전해주는 AI 기반 운세 서비스다.</p><p refId="5">타로툰은 캐릭터의 말투와 성격 등 고유한 특징을 반영해, 개별화된 운세 리포트를 제공한다.</p><p refId="6">콘텐츠는 캐릭터의 스토리와 세계관에 맞춘 인터랙티브 구성으로 몰입감을 높였으며, 시나리오 흐름에 따라 타로카드 형태의 선택지가 등장한다. 또한 전문 사주·타로 데이터를 바탕으로 해석의 신뢰도를 높였다고 스튜디오 리코 측은 설명했다.</p><p refId="7">이용자는 사주 리포트 확인 후 해당 캐릭터가 등장하는 원작 웹툰으로 자연스럽게 연결된다.</p><p refId="8">출시 초기에는 ‘냐한남자’, ‘마루는 강쥐’, ‘작전명 순정’, ‘진돌히디만화’ 등 4종의 웹툰 IP(지식재산) 기반 콘텐츠가 제공되며, 향후 라인업을 지속 확대할 예정이다.</p><p refId="9">정식 출시를 기념해, 신규 가입자 전원에게는 300개의 포툰쿠키가 제공된다. 또한 운세 리포트를 확인한 후 받는 ‘행운카드’를 모아 도감을 완성하면 추가로 200개의 포툰쿠키도 받을 수 있다.</p><p refId="10">스튜디오 리코의 이승훈 게임스튜디오 리드는 “타로툰은 AI 기술과 웹툰 IP를 결합해 새로운 형태의 팬 경험을 제안하는 서비스”라며 “웹툰과 운세 콘텐츠를 모두 좋아하는 이용자에게 특별한 재미를 전할 것”이라고 밝혔다.</p><div id="refTotal" value="10"></div> [ⓒ 매일경제 & mk.co.kr, 무단 전재, 재배포 및 AI학습 이용 금지]</div> </li> </ul> <div id="reple"> <script type='text/javascript'> window.livereOptions = { refer : 'mkbn.mk.co.kr/news/it/11339835', site : 'https://mkbn.mk.co.kr/news/it/11339835' }; </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/11351858">김가영 9연속우승 누가 막을 수 있을까?…PBA투어 2차전 ‘하나카드배’ 29일 개막</a> </dt> </dl> <dl> <dt class="list_tit"> <a href="https://mkbn.mk.co.kr/m/news/sports/11350932">PBA 개막전 우승 초클루 “김가영과 동반우승 항상 꿈꿨다. 산체스에게 한 턱 내겠다”</a> </dt> </dl> <dl> <dt class="list_tit"> <a href="https://mkbn.mk.co.kr/m/news/sports/11352882">PBA, 美 당구업체 프레데터와 파트너십 체결…올 시즌 팀리그 공식 테이블로 선정</a> </dt> </dl> <dl> <dt class="list_tit"> <a href="https://mkbn.mk.co.kr/m/news/sports/11352674">양구 전국당구대회장 찾은 SOOP 스트리머 박틸다 “당구대회는 정적인 분위기? 와서 보니 긴장감 생동감 넘쳐”</a> </dt> </dl> <dl> <dt class="list_tit"> <a href="https://mkbn.mk.co.kr/m/news/sports/11201078">“당구 치기 싫어요” 울며불며 억지로 당구치던 여고생, LPBA 뉴스타를 꿈꾸다</a> </dt> </dl> <dl> <dt class="list_tit"> <a href="https://mkbn.mk.co.kr/m/news/sports/11348855">“파죽의 7연승” 허정한 대한당구연맹회장배 복식 이어 개인전도 석권 ‘2관왕’…“7월 남원대회 3연패 도전”</a> </dt> </dl> <dl> <dt class="list_tit"> <a href="https://mkbn.mk.co.kr/m/news/sports/11353213">358명 역대 최대규모로 열린 울산광역시장배당구대회…류우균 일반부 3쿠션 우승</a> </dt> </dl> <dl> <dt class="list_tit"> <a href="https://mkbn.mk.co.kr/m/news/sports/11351946">“전 세대가 즐기는 당구” 2025KBF디비전리그 25일 스타트…전국서 7000명 참여</a> </dt> </dl> <dl> <dt class="list_tit"> <a href="https://mkbn.mk.co.kr/m/news/sports/11348696">“PBA 뉴스타 탄생” 스승 강동궁 이어 이충복까지 격침 ‘28세 훈남’ 전인혁 16강 진출[우리금융캐피탈PBA]</a> </dt> </dl> <dl> <dt class="list_tit"> <a href="https://mkbn.mk.co.kr/m/news/sports/11349454">프로당구 원년멤버 이승진 PBA 첫 4강…상대는 ‘레전드’ 산체스[우리금융캐피탈챔피언십]</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>