</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.05.23 15:55:00</p> <button type="button" class="btn_view btn_plus2" onclick='controlContentFontSize(0)'><span class="ico_comm ico_plus">크게</span></button> <button type="button" class="btn_view btn_min2" onclick='controlContentFontSize(1)'><span class="ico_comm ico_min">작게</span></button> </div> <div class="share_box"> <img src="//bimg.mk.co.kr/mkbn/mob/ic_sc2.png" width="29" alt="페이스북" onclick="sendThis('facebook');" data-label="facebook" data-category="share" class="sns_section_li" sns_name="facebook"> <img src="//bimg.mk.co.kr/mkbn/mob/ic_sc3.png" width="29" alt="트위터" onclick="sendThis('twitter');" data-label="twitter" data-category="share" class="sns_section_li" sns_name="twitter"> <a href="javascript:void(0);" data-label="kakaotalk" data-category="share"><img class="sns_section_li" sns_name="kakaotalk" src="//bimg.mk.co.kr/mkbn/mob/ic_sc4.png" width="29" alt="카카오톡"></a> <span class='bandSpabStyle2'> <script type="text/javascript"> new ShareBand.makeButton({"lang": "ko", "type": "c", "text": "", "withUrl": true}); </script> </span> <a onclick="sendMail();" href="javascript:void(0);" data-label="email" data-category="share"><img src="//bimg.mk.co.kr/mkbn/mob/ic_sc1.png" width="29" alt="메일보내기"></a> </div> </li> <li> <p class="sub_tit"></p><!-- View Type : 9--> </li> <style> #artText .mid_title { display: none; } </style> <li> <div id="artText" class="view_txt" style="font-size: 16px;"><div refId="1" class="thumb_area img"> <figure> <div class="thumb"> <img loading="lazy" src="https://wimg.mk.co.kr/news/cms/202505/23/news-p.v1.20250523.1ad82cd81548412e878acabbb87e8f49_P1.png" orgWidth="550" orgHeight="364" alt="필굿뮤직" > <button class="btn btn_ic btn_zoom"> <i class="ic ic_zoom" data-url="https://wimg.mk.co.kr/news/cms/202505/23/news-p.v1.20250523.1ad82cd81548412e878acabbb87e8f49_R.png" data-width="550" data-height="364"></i> <span class="is_blind">사진 확대</span> </button> </div> <figcaption> <span class="thum_figure_txt">필굿뮤직</span> </figcaption> </figure></div><p refId="2">비비(BIBI)가 새 라이브 비디오를 선보이며 정규 2집의 서사를 이어간다.</p><p refId="3">비비는 23일 오후 6시 정규 2집 ‘EVE:ROMANCE’ 더블 타이틀곡 중 하나인 ‘책방오빠 문학소녀’의 감성 라이브 비디오를 공개한다. 비비 특유의 감성과 언어가 녹아든 트랙을 한 편의 감성 필름처럼 담아냈다.</p><p refId="4">‘책방오빠 문학소녀’는 설렘, 관찰, 유머가 공존하는 비비표 연애 서사의 정점이라 할 수 있다. 관계 속에서 변화되는 나의 모습, 정체성을 재치 있는 비유와 문학적 상상력으로 풀어냈다. 귀엽고 사랑스럽지만 동시에 묘하게 아릿한 여운을 남기는 노래다.</p><p refId="5">이번 라이브 영상은 드라마 ‘도깨비’ 촬영지였던 감도 높은 독립서점을 배경으로 삼았다. 배우 이재욱이 출연해 곡의 무드를 한층 깊이 있게 살렸다. 디지털 시대 속 아날로그 감성이 살아 숨 쉬는 이 공간에서 두 사람은 책을 매개로 섬세하게 연기하며, 노래가 가진 로맨틱한 정서를 영상으로 표현했다. 책 사이로 비비의 얼굴이 클로즈업되며 노래 부르는 연출도 신선하다.</p><p refId="6">비비의 정규 2집 ‘EVE:ROMANCE’는 가수 ‘EVE’와, 미래를 살아가는 복제인간 ‘EVE-1’의 두 자아를 중심으로 펼쳐가는 러브 테마다. ‘책방오빠 문학소녀’는 그 가운데 가장 현실적인 사랑의 얼굴을 다룬 곡이자, 누구나 공감할 수 있는 첫사랑의 온기를 담아낸 결정적 트랙이다.</p><p refId="7">앨범 발매와 함께 공개된 다른 타이틀곡 ‘종말의 사과나무’의 뮤직비디오는 1주일 만에 2700만뷰를 돌파하며 뜨거운 반응을 얻고 있다. 또 3일 간 서울 공연을 성공적으로 마친 비비는 북미·아시아·호주 등 23개 도시를 도는 첫 월드투어 ‘BIBI 1st World Tour [EVE]’를 이어간다.</p><p refId="8">[MBN스타 박소진 기자 mkculture@mkculture.com]</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/entertain/11324569', site : 'https://mkbn.mk.co.kr/news/entertain/11324569' }; </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/11322361">[단독] ‘상금 대신 지역상품권 지급 논란’ 태백산배전국3쿠션당구대회 ‘전격 취소’</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/11113887">“당구로 잘 될 거란 확신 있었죠” 실력과 미모 지성 갖춘 여대생 당구선수 정수빈의 이유있는 자신감</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/11325787">“허정한이냐, 야스퍼스냐” 호치민3쿠션월드컵 최후의 승자는?</a> </dt> </dl> <dl> <dt class="list_tit"> <a href="https://mkbn.mk.co.kr/m/news/sports/11326076">“세계최강의 벽은 높았다” 야스퍼스, 허정한 물리치고 호치민3쿠션월드컵 우승…32번째 정상</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/11326297">대한당구연맹 서수길 회장 제5대 아시아캐롬당구연맹 회장에 취임</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>