</noscript> <!-- End Google Tag Manager (noscript) --> <a href="#container" title="본문 바로가기" class="skip">본문 바로가기</a> <div id="wrap"> <!-- GNB메뉴 --> <!-- fix header 추가 --> <div class="fix_h_box" style="display: none;"> <div class="box_in"> <span class="logo"> <a href="//www.mbn.co.kr/"> <img src="//img.mbn.co.kr/newmbn/news_2020/logo_fix_mbn.jpg"> </a> </span> <span class="art_tit">뮤지컬 `비스티보이즈` 배두훈 [MBN포토]</span> <ul class="sns"> <li><img onclick="snsShare('facebook', '%EB%AE%A4%EC%A7%80%EC%BB%AC+%60%EB%B9%84%EC%8A%A4%ED%8B%B0%EB%B3%B4%EC%9D%B4%EC%A6%88%60+%EB%B0%B0%EB%91%90%ED%9B%88++%5BMBN%ED%8F%AC%ED%86%A0%5D', 'http://www.mbn.co.kr/news/entertain/1898186');" src="https://img.mbn.co.kr/newmbn/news_2020/im_fix_f.jpg" alt="페이스북 공유하기" style="cursor:pointer;" /></li><li><img onclick="snsShare('twitter', '%EB%AE%A4%EC%A7%80%EC%BB%AC+%60%EB%B9%84%EC%8A%A4%ED%8B%B0%EB%B3%B4%EC%9D%B4%EC%A6%88%60+%EB%B0%B0%EB%91%90%ED%9B%88++%5BMBN%ED%8F%AC%ED%86%A0%5D', 'http://www.mbn.co.kr/news/entertain/1898186');" src="https://img.mbn.co.kr/newmbn/news_2020/im_fix_t.jpg" alt="트위터 공유하기" style="cursor:pointer;" /></li> <li><img style="cursor: pointer;" onclick="javascript:katalkShare();" alt="카카오톡 공유하기" src="//img.mbn.co.kr/newmbn/news_2020/im_fix_kt.jpg"></li> <li class="last"> <a href="javascript:void(0)"> <img src="//img.mbn.co.kr/newmbn/news_2020/im_fix_s.jpg" alt="기사공유" class="share_img" id="share_email"> </a> </li> </ul> </div> </div> <script> jQuery(document).ready(function(){ var fixed = false; var Downbar = jQuery('.gnb_depth').offset().top; // 탑바 노출 위치(좌표) function headerFixed() { var scrolltopbar = jQuery(this).scrollTop(); var bar = parseInt($('.fix_h_box').css('top').replace('px', '')); var docHeight = jQuery(document).height(); var windowHeight = jQuery(window).height(); if (fixed == false) { if (scrolltopbar >= Downbar) { if (bar < 0) { fixed = true; $('.fix_h_box').css('display',''); $('.fix_h_box').animate({'top' : '+=120'}, function() { fixed = false; }); } } else { if (bar >= 0) { fixed = true; $('.fix_h_box').animate({'top' : '-=120'}, function() { fixed = false; }); } } } } function throttle(callback, timeout){ var waiting = false; return function(e){ if(waiting) return; waiting = setTimeout(function() { callback.call(this, e); waiting = false; }, timeout); } } var throttledHeaderFixed = throttle(headerFixed, 50); document.addEventListener('scroll', throttledHeaderFixed, { capture:false, once:false, passive: true, }) }); </script> <!--// fix header 추가 --> <!-- 헤더 --> <div id="header"> <!-- GNB상단메뉴 --> <div class="gnb_top"> <div class="top_box"> <ul class="left"> <li><a href="http://mk.co.kr" target="_blank" rel="noopener noreferrer">매일경제</a></li> <li><a href="http://mbnmoney.mbn.co.kr/" target="_blank">매일경제TV </a></li> <li><a href="http://economy.mk.co.kr/" target="_blank" rel="noopener noreferrer">매경이코노미</a></li> <li><a href="http://luxmen.mk.co.kr/" target="_blank" rel="noopener noreferrer">매경LUXMEN</a></li> <li><a href="http://news.mk.co.kr/newsList.php?sc=60000007" target="_blank" rel="noopener noreferrer">CITYLIFE </a></li> <li><a href="http://gfw.mk.co.kr/" target="_blank" rel="noopener noreferrer">GFW </a></li> <li><a href="https://m-print.mk.co.kr/kr/" target="_blank" rel="noopener noreferrer">M-PRINT </a></li> </ul> <!-- 오늘의 시청률, 채널번호, 로그인, 회원가입 --> <ul class="right" id="nav_service"> </ul> <!--// 오늘의 시청률, 채널번호, 로그인, 회원가입 --> </div> </div> <!-- //GNB상단메뉴 --> <!-- GNB메뉴 --> <div class="gnb_menu" style="height: 88px;"> <div class="gnb_menu_in" style="height: 88px;"> <h1 style="top: 27px;"> <a href="//www.mbn.co.kr/"> <img width="119" height="36" src="//img.mbn.co.kr/newmbn/news_2020/logo_mbn.gif" alt="mbn"> </a> <a href="//www.mbn.co.kr/news/" class="logo_news" style="margin-left: -0.5px;"> <img width='72' height='36' src="//img.mbn.co.kr/newmbn/news_2020/logo_news.gif" alt="news"> </a> </h1> <ul class="left"> <li class="menu_li"><a href="//www.mbn.co.kr/vod/enter">예능 </a></li> <li class="menu_li"><a href="//www.mbn.co.kr/vod/culture">교양</a></li> <li class="menu_li"><a href="//www.mbn.co.kr/vod/drama">드라마</a></li> </ul> <ul class="right"> <li class="menu_li"><a href="//www.mbn.co.kr/vod/schedule">편성표 </a></li> <li class="menu_li"><a href="//www.mbn.co.kr/vod/onair">온에어</a></li> <li class="menu_li"> <a href="javascript:void(0);" onclick="searchbt()"> <img width="20" height="22" src="//img.mbn.co.kr/newmbn/main2018/search.gif" alt="검색하기"> </a> </li> </ul> <!-- 검색창 레이어 --> <div class="gnb_srch" id="search_box" style="display: none;"> <form name="top_search" id="top_search" action="//search.mbn.co.kr/MBN/search.jsp" method="POST" autocomplete="off"> <fieldset> <legend>통합검색</legend> <div class="srch_wrap"> <label for="s_keyword"> <input name="query" title="검색어 입력" align="middle" class="text" id="query" type="text" placeholder="" autocomplete="off" autocapitalize="off"> </label> </div> <label for="search"> <input class="srch_img" id="buttonSearch" type="submit" value="검색"> </label> <a class="btn_close" href="javascript:void(0)" onclick="searchbtC()">닫기</a> </fieldset> </form> </div> <!-- 검색창 레이어 --> </div> </div> <!-- //GNB메뉴 --> <!-- 검색 메뉴 script --> <script> function searchbt(){ $('.gnb_srch').css('display',''); } function searchbtC(){ $('.gnb_srch').css('display','none'); } </script> <!-- // 검색 메뉴 script --> <style> #header .gnb_sub_menu .sub_menu_in ul li.election{position:relative;margin-right: 0} #header .gnb_sub_menu .sub_menu_in ul li.election:before{content:'';background: url("http://img.mbn.co.kr/election2021/news_pc_vote.png"); width: 18px; height: 18px; display: block; position: absolute; margin:4px 0 0 -22px;} </style> <!-- GNB sub_menu --> <div class="gnb_sub_menu"> <div class="sub_menu_in"> <ul> <li><a href="//www.mbn.co.kr/news/" class="on">뉴스</a></li> <li><a href="//www.mbn.co.kr/vod/programContents/552/2636">다시보기</a></li> <li><a href="//www.mbn.co.kr/news/rank-news/" >이슈플러스</a></li> <li><a href="//star.mbn.co.kr">연예</a></li> </ul> <div class="menu_right"> <!-- <span class="weather_box" style="width:140px; height: 35px; top: 15px; margin-right: 168px;"></span> --> </div> </div> </div> <!-- //GNB sub_menu --> <div class="gnb_depth"> <div class="gnb_depth_in "> <ul> <li><a href="//www.mbn.co.kr/news/date/">전체</a></li> <li><a href="//www.mbn.co.kr/news/politics/">정치</a></li> <li><a href="//www.mbn.co.kr/news/society/">사회</a></li> <li><a href="//www.mbn.co.kr/news/economy/">경제</a></li> <li><a href="//www.mbn.co.kr/news/world/">국제</a></li> <li><a href="//www.mbn.co.kr/news/culture/">문화</a></li> <li><a href="//www.mbn.co.kr/news/sports/">스포츠</a></li> <li><a href="//www.mbn.co.kr/news/entertain/">연예</a></li> <!-- 240116_추가 --> <li><a href="//www.mbn.co.kr/news/underworld/"><span class="lbl">디지털 ONLY</span>지하세계</a></li> <!--// 240116_추가 --> <li><a href="//www.mbn.co.kr/news/life/">생활/건강</a></li> <li><a href="//www.mbn.co.kr/news/corp/">기업in</a></li> <li><a href="//www.mbn.co.kr/news/planning/">연재</a></li> <!-- <li><a href="//www.mbn.co.kr/news/local/">지역</a></li> --> <!-- <li><a href="--><!--/news/fact/" class="orange">사실확인</a></li>--> <!-- <li><a href="--><!--/news/focusM/" class="orange">포커스M</a></li>--> <!--<li><a href="/vod/programContents/868/5845" class="orange">엠픽</a></li>--> <li><a href="//www.mbn.co.kr/news/approaching/" >인기척</a></li> </ul> <!-- 2020총선 <span class="election2020"><a href="//www.mbn.co.kr/election">2020 총선</a></span> //2020총선 --> </div> </div> <!-- GNB depth --> </div> <!-- 헤더 --> <!-- //GNB메뉴 --> <!-- container --> <div id="container"> <!-- 상단 광고 : 구글 728--> <!-- <div style="width:990px; margin:0 auto; border:0px solid red; margin-bottom:10px;"> --> <div id="ad_container" style="margin: 0px auto; padding: 20px 10px; border: 0px solid red; border-image: none; width: 990px;"> <!-- google DPF TC--> <center> <div id='google_dfp_TC_728x90,970x90,970x250'> <script type='text/javascript'> googletag.display('google_dfp_TC_728x90,970x90,970x250'); </script> </div> </center> <!-- <a href="javascript:void(0);"> <script type="text/javascript" src="http://ad.mbn.co.kr/RealMedia/ads/adstream_jx.ads/ad.mbn.co.kr/program@Top2"></script> </a> <button class="btn_close" type="button"><img src="http://img.mbn.co.kr/newmbn/news/view/btn_ad_close.gif" alt="닫기" /></button> --> </div> <div id="content_2020_top"> <div class="title_box"> <div class="box01"><span class="section">뉴스 > 연예</span> <h1>뮤지컬 `비스티보이즈` 배두훈 [MBN포토]</h1> </div> <div class="box02"> <div class="txt_box"><span class="time"><span class="time">기사입력 2014-07-22 15:09 </span></span></div> <div class="sns_right"> <ul> <li> <a href="javascript:void(0);"> <img width="42" height="42" class="share_img" id="share_print" alt="print" src="//img.mbn.co.kr/newmbn/news_2020/ic_print.gif" /> </a> </li> <li> <a href="javascript:void(0);"> <img width="42" height="42" class="share_img" id="share_email" alt="mail" src="//img.mbn.co.kr/newmbn/news_2020/ic_email.gif"> </a> </li> <li><img onclick="snsShare('facebook', '%EB%AE%A4%EC%A7%80%EC%BB%AC+%60%EB%B9%84%EC%8A%A4%ED%8B%B0%EB%B3%B4%EC%9D%B4%EC%A6%88%60+%EB%B0%B0%EB%91%90%ED%9B%88++%5BMBN%ED%8F%AC%ED%86%A0%5D', 'http%3A%2F%2Fwww.mbn.co.kr%2Fnews%2Fentertain%2F1898186');" src="//img.mbn.co.kr/newmbn/news_2020/ic_facebook.gif" alt="페이스북 공유하기" style="cursor:pointer;" /></li><li><img onclick="snsShare('twitter', '%EB%AE%A4%EC%A7%80%EC%BB%AC+%60%EB%B9%84%EC%8A%A4%ED%8B%B0%EB%B3%B4%EC%9D%B4%EC%A6%88%60+%EB%B0%B0%EB%91%90%ED%9B%88++%5BMBN%ED%8F%AC%ED%86%A0%5D', 'http%3A%2F%2Fwww.mbn.co.kr%2Fnews%2Fentertain%2F1898186');" src="//img.mbn.co.kr/newmbn/news_2020/ic_twitter.gif" alt="트위터 공유하기" style="cursor:pointer;" /></li> <li> <a href="javascript:katalkShare();"> <img width="42" height="42" class="share_img" id="share_katalk" alt="kakaotalk" src="//img.mbn.co.kr/newmbn/news_2020/ic_cacaotalk.gif"> </a> </li> </ul> </div> <div class="rep"> <a id="reple_write" onclick="" style="cursor:pointer;"> <img width="18" height="16" style="vertical-align: middle;" alt="댓글" src="//img.mbn.co.kr/newmbn/news/view_2016/im_view2016_snsr.jpg"> </a> </div> <script type="text/javascript"> function snsShare(type, snsTitle, snsUrl) { switch (type) { case "twitter": url = "http://twitter.com/share?url=" + snsUrl; options = "width=626,height=426,toolbar=0,status=0,resizable=yes"; break; case "facebook": url = "http://www.facebook.com/sharer.php?u=" + snsUrl; // + "&t=" + snsTitle; options = "toolbar=0,status=0,width=626,height=426"; break; case "kakaostory": url = "https://story.kakao.com/share?url=" + snsUrl; options = "width=500,height=500,toolbar=0,status=0,resizable=yes"; break; case "google": url = "http://www.google.com/bookmarks/mark?op=add&title=" + snsTitle + "&bkmk=" + snsUrl; options = "scrollbars=no,resizable=yes"; break; case "naverband": url = "http://www.band.us/plugin/share?body=" + snsTitle + " " + snsUrl; options = "width=410, height=400, resizable=no"; break; default: return false; break; } window.open(url, type, options); } </script> <script type="text/javascript"> $(function () { $('#reple_write').on('click',function () { var scroll = $('#social').offset(); $( 'html, body' ).stop().animate({scrollTop : scroll.top},1000); }); }) </script> </div> </div> </div> </div> <div id="container_in"> <div class="con_left_view"> <div id="article_2020"> <div class="detail" id="newsViewArea" itemprop="articleBody"> <!-- 20210429 - 신규 부제목 영역 위치 --> <!-- //20210429 - 신규 부제목 영역 위치 --> <p> <p></p>22일 오후 서울 종로구 동숭동 DCF대명문화공간에서 열린 뮤지컬 '비스티보이즈' 미디어콜에서 이승우역의 배두훈이 인터뷰를 갖고 있다. <br /> <br /> 청담동의 유명 호스트바 ‘개츠비’ M팀 선수의 이야기. ‘범죄와의 전쟁’, ‘군도’의 윤종빈 감독과 하정우, 윤계상의 만남으로 화제가 되었던 영화 비스티보이즈를 원작으로 탄생된 뮤지컬 '비스티보이즈'는 영화와는 호스트바라는 배경만 동일하고 기존의 영화와는 전혀 다른 이야기로 선보이고 있다.<br /> <br /> 성종완의 각색과 연출로 만들어진 '비스티보이즈'는 7월 11일부터 9월 14일까지 공연된다.<br /> <br /> <br /> <table width="500" style="margin:0 auto; clear:both; max-width: 100%" cellpadding="0" cellspacing="0" border="0" align="center"><tbody><tr><td align="center" style="padding:10px 0 5px 0;"><img class="lazy" src="//img.mbn.co.kr/newmbn/white.PNG" data-src="//img.mbn.co.kr/filewww/news/other/2014/07/22/219541742750.jpg" width="500" alt="" border="0" /></td></tr></tbody></table><br /> <br /> [MBN스타(서울 종로구)=한희재 기자 byking@maekyung.com] <br /> <br /> </p> </div> <!--// 기사 본문 내용 --> <!-- 종합뉴스 배너 --> <div class='news8_bt_bn_area' style=''><a href='https://www.mbn.co.kr/vod/programContents/552/2636'><img width='815' height='88' src='https://img.mbn.co.kr/etc/images/2021/news8_banner/im_news8_type1.jpg' alt='MBN 종합뉴스 평일용 배너'></a></div> <!-- Copyright --> <p class="copyright"> Copyright ⓒ MBN(매일방송) 무단전재 및 재배포 금지 </p> <!-- 맞춤뉴스 --> <!-- //맞춤뉴스 --> <!-- 기자 정보 --> <!-- 기자 정보 --> <!--// Copyright --> <!-- 연관기사 --> <!--// 연관기사 --> <!-- 화제뉴스 --> <div class="relation_news2_2020"> <div class="h3">화제 뉴스</div> <ul class="relaction_news2_ul"> <style> #google_dfp_MC_1x1 a span { font-size: 11pt; color: #333333; line-height: 1.5; font-weight: bold } </style> </ul> </div> <!-- 광고 :: 텍스트/ 썸네일 광고 --> <div class="relation_ad"> <!------------------------------------- 구글 광고 STR :: DFP Slot (4) STR -------------------------------------> <div id='google_dfp_BC_468x61'> <script type='text/javascript'>googletag.display('google_dfp_BC_468x61'); </script> </div> <!------------------------------------- 구글 광고 STR :: DFP Slot (4) STR -------------------------------------> </div> <!-- //기사 본문 내용 --> <!-- 하단 광고--> <div id="bottom_ad"> <div class="leftad"> <!-- 광고영역--> <!-------------------------------------구글 광고 STR :: DFP Slot (5) STR -------------------------------------> <div id='google_dfp_BL_301x250'> <script type='text/javascript'>googletag.display('google_dfp_BL_301x250'); </script> </div> <!-------------------------------------구글 광고 STR :: DFP Slot (5) STR -------------------------------------> <!-- 광고영역--> </div> <div class="rightad"> <!-- 광고영역--> <!-------------------------------------구글 광고 STR :: DFP Slot (6) STR -------------------------------------> <div id='google_dfp_BC_302x250'> <script type='text/javascript'>googletag.display('google_dfp_BC_302x250'); </script> </div> <!-------------------------------------구글 광고 STR :: DFP Slot (6) STR -------------------------------------> <!-- 광고영역--> </div> </div> <!-- 20230726 Taboola 전환 / A타입 B타입 일단 2개 넣음 --> <div id="taboola-below-article-thumbnails-3x2-a"></div> <script type="text/javascript"> window._taboola = window._taboola || []; _taboola.push({ mode: 'alternating-thumbnails-a', container: 'taboola-below-article-thumbnails-3x2-a', placement: 'Below Article Thumbnails 3x2 A', target_type: 'mix' }); </script> <div id="taboola-below-article-thumbnails-3x2-b"></div> <script type="text/javascript"> window._taboola = window._taboola || []; _taboola.push({ mode: 'alternating-thumbnails-b', container: 'taboola-below-article-thumbnails-3x2-b', placement: 'Below Article Thumbnails 3x2 B', target_type: 'mix' }); </script> <!-- End 20230726 Taboola 전환 / A타입 B타입 일단 2개 넣음 --> <!-- 하단 탭뉴스 --> <div id="bottom_tab_2020"> <!-- 탭메뉴--> <ul class="click_tab" id="hot_contents_tab"> <li class="tabon" id="tab1" style="width: 398px; cursor: pointer;">인기영상</li> <span class="tabline"></span> <li class="taboff" id="tab2" style="width: 398px; cursor: pointer;">시선집중</li> </ul> <!-- 1.인기영상탭--> <div class="hotvod_tab hotContentsClass" id="tab1_area"> <div class="sec_1"></div> <p class="line"></p> <div class="sec_2"></div> </div> <!--// 1.인기영상탭--> <!--시선집중 탭 영역--> <div class="focus_tab hotContentsClass" id="tab2_area" style="display: none;"> <div class="sec_1"> <ul class="sec_1_lsit2"> <li><a href="//www.mbn.co.kr/news/politics/5080164"><strong>[정치] </strong>빅터 차 "한국 혼란 장기화, 트럼프 2기 한미동맹...</a></li><li><a href="//www.mbn.co.kr/news/society/5080160"><strong>[사회] </strong>경찰 수뇌부 구속 기로…오늘 영장실질심사</a></li><li><a href="//www.mbn.co.kr/news/economy/5080127"><strong>[경제] </strong>윤 대통령 담화 두고 진보·보수진영 '두 쪽'…이 ...</a></li><li><a href="//www.mbn.co.kr/news/world/5080078"><strong>[국제] </strong>중국, '간첩 언급' 윤 대통령 담화에 '불만' 표...</a></li><li><a href="//www.mbn.co.kr/news/culture/5080095"><strong>[문화] </strong>노벨의 나라 '한강 물결'의 주역…스웨덴어 번역가 ...</a></li><li><a href="//www.mbn.co.kr/news/sports/5080111"><strong>[스포츠] </strong>[오늘의 장면] 또 졌다…최강팀이 어쩌다가</a></li> </ul> <div class="section_picture1"></div> </div> <p class="line"></p> <div class="sec_2"> <ul class="sec_2_list2"></ul> </div> </div> </div> <!--- 스타 핫뉴스 --> <div id="hotphoto_2020"> <h3> <p>스타</p> <p class="org"> 핫뉴스</p> </h3> <div class="hot_list"> <dl class="hot_mm"></dl> </div> </div> <div class="social" id="social" style="margin-right: 55px;"> <!-- 라이브리 설치코드 --> <div id='lv-container' data-id='mbn' data-uid='MjcvMzkvMzA='> <script type='text/javascript'> window.livereOptions = { refer: "www.mbn.co.kr/pages/news/newsReply.php?news_seq_no=1898186" //refer: "www.mbn.co.kr/pages/news/newsView.php?news_seq_no=1898186" //site: '( 공유시 유입될 사이트 URL(refer와 동일할 경우 삭제 가능.)' }; (function (d, s) { var j, e = d.getElementsByTagName(s)[0]; if (typeof LivereTower === 'function') { return; } j = d.createElement(s); j.src = 'https://cdn-city.livere.com/js/embed.dist.js'; j.async = true; e.parentNode.insertBefore(j, e); })(document, 'script'); </script> <noscript>라이브리 댓글 작성을 위해 JavaScript를 활성화 해주세요.</noscript> </div> <!-- 라이브리 설치코드 끝 --> </div> <div style="margin-bottom: 5%;"></div> </div> </div> <!-- //content --> <!-- aside --> <div class="con_right_view"> <!-- 상단배너 --> <div class="aside_2018_ban" id="right_top_banner"></div> <!-- 주목 이 기사 --> <div id="right_sns_photo"> <div class="h3">주목 이 기사</div> <div class="sns_boxset"> <p class="sns_box1"> <a href="//www.mbn.co.kr/news/politics/5075963"> <img style="height:165px" alt="중요한 건 골프가 아냐" src="https://img.mbn.co.kr/newsstand/2024/11/29/anq83kla77c9ra8q04t3_138x165.jpg"> <img class="mask" alt="마스크 이미지" src="//img.mbn.co.kr/newmbn/news_2016/im_thumb_mask.png"> </a> <a class="txt_box" href="//www.mbn.co.kr/news/entertain/4906777"> <span class="tit">시시콜콜한 이야기</span> <span class="txt">중요한 건 골프가 아냐</span> </a> </p> <p class="sns_box2"> <a href="//www.mbn.co.kr/news/society/5075951"> <img style="height:165px" alt="＇김호중 사건＇이 남긴 것" src="https://img.mbn.co.kr/newsstand/2024/11/28/d3ysmjgm6mr2jrbey5f9_138x165.jpg"> <img class="mask" alt="마스크 이미지" src="//img.mbn.co.kr/newmbn/news_2016/im_thumb_mask.png"> </a> <a class="txt_box" href="//www.mbn.co.kr/news/entertain/4906777"> <span class="tit">취[재]중진담</span> <span class="txt">'김호중 사건'이 남긴 것</span> </a> </p> <p class="sns_box3"> <a href="//www.mbn.co.kr/news/society/5077146"> <img alt="＇휴대용 버너＇에 곰탕 끓여도 되나요?" src="https://img.mbn.co.kr/newsstand/2024/12/04/jdd8zb17exq15ioo54vd_280x140.jpg" style="width:100%"> <img class="mask" alt="마스크 이미지" src="//img.mbn.co.kr/newmbn/news_2016/im_thumb_mask2.png"> </a> <a class="txt_box" href="//www.mbn.co.kr/news/entertain/4906777"> <span class="tit">올댓체크</span> <span class="txt">'휴대용 버너'에 곰탕 끓여도 되나요?</span> </a> </p> </div> </div> <!--// 주목 이 기사 --> <!-- 화제의 프로그램 --> <div id="right_program_2020"> <div class="h3">화제의 프로그램</div> <div class="focus_mbn"></div> <a title="이전 배너" class="btn_prev todayfocus-prev" href="#n" alt="이전 배너"><img width="17" height="17" style="cursor: pointer;" alt="이전" src="//img.mbn.co.kr/newmbn/news_2016/2018/bn_prev.gif"></a> <a title="다음 배너" class="btn_next todayfocus-next" href="#n" alt="다음 배너"><img width="17" height="17" style="cursor: pointer;" alt="다음" src="//img.mbn.co.kr/newmbn/news_2016/2018/bn_next.gif"></a> </div> <!-- //화제의 프로그램 --> <!-- 구글 광고 300*250 STR --> <div id='google_dfp_MR_300x250,300x450,300x600' style='float:left;width:300px;margin-top: 15%;'><script type='text/javascript'>googletag.display('google_dfp_MR_300x250,300x450,300x600');</script></div> <!--구글 광고 300*250 ETX --> <!-- 화제 영상 --> <div id="right_hot_movie2020"> <div class="h3">화제영상</div> <div class="hot_vod"></div> <span class="more"><a href="https://tv.naver.com/b/mbn" target="_blank">더보기</a><span class="ic"></span></span> </div> <!--// 화제 영상 --> <!-- 이시각 베스트 --> <div id="todaybest_2020"> <div class="h3">이시각 BEST</div> <div class="tab" style="cursor: pointer;"> <div class="tabon" id="tabNews">뉴스</div> <div class="taboff" id="tabVod">동영상</div> </div> <ul id="ulNews" style="display: block;"></ul> <ul id="ulbVod" style="display: none;"></ul> </div> <!--// 이시각 베스트 --> <!-- 구글 광고 300*250 STR --> <div id="right_info_2020"> <div class="ad1"> <div id='google_dfp_BR_300x250,300x265' style='float:left'><script type='text/javascript'>googletag.display('google_dfp_BR_300x250,300x265');</script></div> </div> </div> <!-- 구글 광고 300*250 ETX --> <!-- 최신뉴스 --> <div id="right_news_2020"> <div class="h3">최신뉴스</div> <ul class="sec01"> <li class="txt"><a href="//www.mbn.co.kr/news/politics/5080164">빅터 차 "한국 혼란 장기화, 트럼프 2기...</a></li><li class="txt"><a href="//www.mbn.co.kr/news/society/5080160">경찰 수뇌부 구속 기로…오늘 영장실질심사</a></li><li class="txt"><a href="//www.mbn.co.kr/news/economy/5080127">윤 대통령 담화 두고 진보·보수진영 '두 ...</a></li><li class="txt"><a href="//www.mbn.co.kr/news/world/5080078">중국, '간첩 언급' 윤 대통령 담화에 '...</a></li><li class="txt"><a href="//www.mbn.co.kr/news/culture/5080095">노벨의 나라 '한강 물결'의 주역…스웨덴어...</a></li> </ul> <span class="more"><a href="//www.mbn.co.kr/news/" target="_blank">더보기</a><span class="ic"></span></span> </div> <!-- //최신뉴스 --> <!-- sns 라이브 톡톡 --> <div id="right_sns_2020"> <div class="h4">SNS 관심기사</div> <ul class="sns_news" id="recommrank" style="margin-left: -10px; margin-top:5px;"></ul> </div> <!-- //sns 라이브 톡톡 --> <!-- 광고 : 인기정보[아이엠애드] STR --> <div id="right_today_info2018"> <div class="ad1"> <!-------------------------------------구글 광고 300*250 STR -------------------------------------> <div id='google_dfp_BR_300x250,300x266' style='float:left; margin-top: 15%; margin-bottom: 10%;'><script type='text/javascript'>googletag.display('google_dfp_BR_300x250,300x266');</script></div> <!-------------------------------------구글 광고 300*250 ETX -------------------------------------> </div> </div> <!-- 광고 : 인기정보[아이엠애드] ETX --> </div> <script> (function() { var htmlArr = []; /** TopBanner */ if(typeof rightTopBanner !== 'undefined'){ htmlArr.push(`<div class="topBanner-clip">`); rightTopBanner.data.forEach(function(item){ htmlArr.push(` <div> <a href="${item.url}" target="${item.window === '1' ? '_blank' : '_self'}"> <img width="300" height="100" alt="${item.ad_desc.replace(/(<([^>]+)>)/ig,"")}" class='lazy' src='//img.mbn.co.kr/newmbn/white.PNG' data-src="${item.img}" /> </a> </div> `); }); htmlArr.push(`</div>`); /** 버튼 */ htmlArr.push(`<a title="이전 배너" href="javascript:void(0);" style="z-index: 100;" id="bannerleft-prev" class="btn_prev" alt="이전 배너"><img width="17" height="17" alt="이전 배너" src="//img.mbn.co.kr/newmbn/news_2016/2018/bn_prev.gif"></a>`); htmlArr.push(`<a title="이전 배너" href="javascript:void(0);" style="z-index: 100;" id="bannerright-next" class="btn_next" alt="이전 배너"><img width="17" height="17" alt="다음 배너" src="//img.mbn.co.kr/newmbn/news_2016/2018/bn_next.gif"></a>`); if(htmlArr.length > 0){ $right_top_banner = document.querySelector('#right_top_banner'); $right_top_banner.innerHTML = htmlArr.join(''); } } if(htmlArr.length > 0) htmlArr.length = 0; /** 금주의 프로그램 (.focus_mbn) */ if(typeof newsview_focus_mbn !== 'undefined'){ htmlArr.push(`<div class=\"todayfocus-clip\"><ul>`); newsview_focus_mbn.data.forEach(function(item, index, origin){ htmlArr.push(` <li> <span class="thumb_h"> <a href="${item.url}"> <img alt="${item.title.replace(/(<([^>]+)>)/ig,"")}" class='lazy' src='//img.mbn.co.kr/newmbn/white.PNG' data-src="${item.thumb.replace('http://','//')}" /> </a> </span> <a href="${item.url}"></a> <span class="tit"> <strong>${item.program}</strong> <a href="${item.url}" target="_self">${item.title.replace(/(<([^>]+)>)/ig,"").substring(0, 24)}</a> <span class="date">${item.reg_dt.substring(0, 4)}. ${item.reg_dt.substring(5, 7)}. ${item.reg_dt.substring(8, 10)}</span> </span> </li> `); if( (index + 1) % 3 == 0 && (index + 1) < origin.length ) { htmlArr.push(`</ul><ul style="display:none;">`) } }); htmlArr.push(`</ul></div>`); if(newsview_focus_mbn.data.length > 0) { var $focus_mbn = document.querySelector('.focus_mbn'); $focus_mbn.innerHTML = htmlArr.join(''); } } if(htmlArr.length > 0) htmlArr.length = 0; /** 화제영상 (.hot_vod) */ if(typeof aside_newsview_hotvod !== 'undefined'){ /** sec01 */ htmlArr.push(`<div id="content_hot_movie"><ul class='sec01'>`); for (var i = 0; i < aside_newsview_hotvod.data.length-2; i++) { htmlArr.push(` <li class='txt'> <a target="${aside_newsview_hotvod.data[i].target}" href="${aside_newsview_hotvod.data[i].url}"> ${i === 0 ? '<strong>' : ''} ${aside_newsview_hotvod.data[i].title.replace("<", "<").replace(">", ">")} ${i === 0 ? '</strong>' : ''} </a> </li> `); } htmlArr.push(`</ul></div>`); /** sec02 */ htmlArr.push(`<div id=\"right_movie_list\"><ul class='sec02'>`); for (var i = aside_newsview_hotvod.data.length-2; i < aside_newsview_hotvod.data.length; i++) { htmlArr.push(` <li> <a target="${aside_newsview_hotvod.data[i].target}" href="${aside_newsview_hotvod.data[i].url}"> <img alt="${aside_newsview_hotvod.data[i].title.replace("<", "<").replace(">", ">")}" class='lazy' src='//img.mbn.co.kr/newmbn/white.PNG' data-src="${aside_newsview_hotvod.data[i].img}" /> <span class="ic_play">플레이버튼</span> </a> <span class='txt'> <a target="${aside_newsview_hotvod.data[i].target}" href="${aside_newsview_hotvod.data[i].url}">${aside_newsview_hotvod.data[i].title}</a> </span> </li> ${i === aside_newsview_hotvod.data.length-2 ? "<li class=\"listblank\"></li>" : ""} `); } htmlArr.push(`</ul></div>`); if(aside_newsview_hotvod.data.length > 0) { var $hot_vod = document.querySelector('.hot_vod'); $hot_vod.innerHTML = htmlArr.join(''); } } if(htmlArr.length > 0) htmlArr.length = 0; /** 이시각 BEST 뉴스(#ulNews) */ if(typeof newsmain_bestNews !== 'undefined'){ for(var i = 0; i < newsmain_bestNews.data.length -5; i++) { var cnt = i + 1; htmlArr.push(` <li> <span class='num${cnt}'>${cnt}</span> <a href='${newsmain_bestNews.data[i].url}'> ${i === 0 ? '<strong>' : ''} ${newsmain_bestNews.data[i].title} ${i === 0 ? '</strong>' : ''} </a> </li> `); } var $ulNews = document.querySelector('#ulNews'); $ulNews.innerHTML = htmlArr.join(''); } if(htmlArr.length > 0) htmlArr.length = 0; /** 이시각 BEST VOD(#ulbVod) */ if(typeof newsmain_bestVod !== 'undefined'){ for(var i=0; i<(newsmain_bestVod.data.length -5); i++) { var cnt = i + 1; htmlArr.push(` <li> <span class='num${cnt}'>${cnt}</span> <a href='${newsmain_bestVod.data[i].url}'> ${i === 0 ? '<strong>' : ''} ${newsmain_bestVod.data[i].title} ${i === 0 ? '</strong>' : ''} <a/> </li> `); } var $ulbVod = document.querySelector('#ulbVod'); $ulbVod.innerHTML = htmlArr.join(''); } if(htmlArr.length > 0) htmlArr.length = 0; /** 주요뉴스 (#right_news_2020 .sec01)*/ /*if(typeof aside_topic_newsmain !== 'undefined'){ for (var i = 0; i < 5; i++) { htmlArr.push(` <li class='txt'> <a href="${aside_topic_newsmain.data[i].url}"> ${i === 0 ? '<strong>' : ''} ${byteLen(aside_topic_newsmain.data[i].title,36)} ${i === 0 ? '</strong>' : ''} </a> </li> `); } var $right_news_2020 = document.querySelector('#right_news_2020 .sec01'); $right_news_2020.innerHTML = htmlArr.join(''); }*/ })(); document.addEventListener('DOMContentLoaded', function() { /** TopBanner cycle */ $('.topBanner-clip').cycle({fx:'scrollHorz',prev:'#bannerleft-prev',next:'#bannerright-next',speedIn:100,speedOut:100,speed:500,timeout:0}); /** SNS 관심기사 Ajax */ $.ajax({ type: "POST", url: "/lib/module/getNewsSnsRank.php", dataType: "json", success: function (data) { for (var i = 0; i < data.length; i++) { var sns_title=data[i].title; var sns_link=data[i].link; $('#recommrank').append("<li><a href='//" + sns_link + "'>" + sns_title + "</a></li>"); } } }); }); </script> <!-- //aside --> </div> <!-- twitter Like API --> <script type="text/javascript" src="//www.mbn.co.kr/script/js/thirdParty/sns/twitter-widgets.js"></script> <script type="text/javascript"> // sns 怨듭쑀�븯湲� �쁺�뿭 $(".share_img").click(function () { var seq_no = "1898186"; var url = "http://www.mbn.co.kr/news/entertain/1898186"; var encTitle = "%EB%AE%A4%EC%A7%80%EC%BB%AC+%60%EB%B9%84%EC%8A%A4%ED%8B%B0%EB%B3%B4%EC%9D%B4%EC%A6%88%60+%EB%B0%B0%EB%91%90%ED%9B%88++%5BMBN%ED%8F%AC%ED%86%A0%5D"; var title = "뮤지컬 `비스티보이즈` 배두훈 [MBN포토]"; var snsUrl = popup = ""; var id = this.id; if (id == "share_print") { var printUrl = "/pages/news/newsPrintView.php?news_seq_no=" + seq_no; window.open(printUrl, "MBN_NEWS_PRINT_WINDOW", "width=800,height=500,scrollbars=yes,toolbars=no,menubar=no"); } else if (id == "share_email") { // window.open("/pages/news/newsMailform.php?news_seq_no=" + seq_no + "&title=" + encTitle, "_newMail", "toolbar=0,status=0,width=650,height=655, toolbars=no, scrollbars=no, scrolling=no"); let mailLinebreaker = "%0D%0A" let mailbody = "[MBN 기사 서비스]" + mailLinebreaker + mailLinebreaker + title + mailLinebreaker + mailLinebreaker + url; let mailTo = "mailto:?subject=[MBN 기사 서비스] " + title + "&body=" + mailbody; window.location.href = mailTo; } else if (id == "share_facebook") { snsUrl = "//www.facebook.com/sharer/sharer.php?u=" + url; var popup = window.open(snsUrl, "_snsPopupWindow", "width=500, height=500"); popup.focus(); } else if (id == "share_twitter") { snsUrl = "//twitter.com/share?url=" + url + '&text=' + encodeURIComponent(title); var popup = window.open(snsUrl, "_snsPopupWindow", "width=500, height=300, resizable=yes"); popup.focus(); } else if (id == "share_kakaostory") { snsUrl = "https://story.kakao.com/share?url=" + url; var popup = window.open(snsUrl, "_snsPopupWindow", "width=500, height=500"); popup.focus(); } }); </script> <!--footer --> <div id="footer"> <!-- //////////////// 모바일로 돌아가기 /////////////// --> <div id="mbnPcVer"></div> <!-- //////////////// 모바일로 돌아가기 /////////////// --> <!--푸터--> <div class="footerbox"> <!--MBN메뉴--> <div class="menu"> <h3><img width="65" height="18" src="//img.mbn.co.kr/newmbn/main2018/logo_f.gif" alt="mbn로고"></h3> <ul> <li><a href="http://company.mbn.co.kr/" target="_blank">MBN 소개</a></li> <li><a href="http://company.mbn.co.kr/pages/ad/adonline.php" target="_blank">제휴 안내</a></li> <li><a href="http://mbnrep.co.kr/" target="_blank">TV 광고</a></li> <li><a href="http://member.mbn.co.kr/pages/mypage/MypageUsersAgreementPolicy.php">이용약관</a></li> <li><a href="http://member.mbn.co.kr/pages/mypage/MypagePersonalInfotmationPolicy.php"><span>개인정보처리방침</span></a></li> <li><a href="http://member.mbn.co.kr/pages/mypage/MypageOtherPolicy.php">기타운영정책</a></li> <li><a href="http://www.mbn.co.kr/pages/customer/customerMain.php">고객센터</a></li> <li><a href="http://www.mbn.co.kr/pages/customer/customerReport.php">뉴스제보</a></li> <li><a href="//www.mbn.co.kr/pages/sitemap/years.php" target="_blank">사이트맵</a></li> </ul> <fieldset> <legend>Family Site</legend> <select title="사이트선택" class="selectbox" onchange="chageFamily(this.value)"> <option selected="selected" value="">Family Site</option> <option value="http://www.mk.co.kr/">매일경제</option> <option value="http://channel.mk.co.kr/mk_intro/html/main.htm">매경닷컴</option> <option value="http://economy.mk.co.kr/">매경이코노미</option> <option value="http://news.mk.co.kr/newsList.php?sc=60000007">시티라이프</option> <option value="http://m-print.co.kr/">M-print</option> <option value="http://mbnmoney.mbn.co.kr/">매일경제TV</option> <option value="http://mbnrep.co.kr/">MBN 미디어렙</option> </select> </fieldset> </div> <!--//MBN메뉴--> <!--copyright--> <ul class="copy"> <li> <p>매일방송</p> <span>대표이사 : 이동원</span> <span>서울시 중구 퇴계로 190 (주)매일방송</span> <span><a href="http://company.mbn.co.kr/pages/company/coantactus.php" target="_blank">오시는길</a></span> <span>대표전화 02-2000-3114</span> </li> <li> <p>매경닷컴 </p> <span>대표이사 : 임상균 </span> <span>인터넷신문등록번호 서울 아01043</span> <span>사업자 등록번호 201-81-25980</span> </li> <br> <li> <!-- 230915_수정 : 해당 텍스트 전체 footer 반영 부탁드립니다. --> <span>MBN의 모든 기사 및 영상(콘텐츠)은 저작권법의 보호를 받으며, 무단 전재, 복사, 배포 및 AI학습 이용을 금합니다.</span> <!--// 230915_수정 : 해당 텍스트 전체 footer 반영 부탁드립니다. --> <span>Copyright © MBN 매일방송 All rights reserved. </span> </li> <!-- <li class="etc"> <p style="float:right;"><a href="https://www.copyrightok.kr/ " target="blank"><img title="저작권OK" alt="저작권OK" src="//img.mbn.co.kr/newmbn/main2018/img_copyright.gif"></a></p> <form name="certiFormView" method="post"> <input name="certiNo" type="hidden" value="2012-08-0004"> <input name="checkCode" type="hidden" value="KRMEY49O7Z88EH0OHIJO"> <a title="콘텐츠제공서비스 품질인증" href="javascript:certiPopup();"><img alt="콘텐츠제공서비스 품질인증" src="//img.mbn.co.kr/newmbn/main2018/img_kocca.gif"></a> </form> </li> --> </ul> <!--copyright--> </div> <!--푸터--> </div> <script type="text/javascript"> function chageFamily(arg){ if(arg){ window.open(arg); } } function mbnFavor() { window.external.AddFavorite('//www.mbn.co.kr/', 'MBN :: 매일방송'); } function certiPopup() { var sURL = "//www.mbn.co.kr/pages/event/award.mbn"; var sFeatures = "width=460,height=610,status=no,menubar=no,toolbar=no"; var win = window.open("", "certiFormView", sFeatures); document.certiFormView.action = sURL; document.certiFormView.target = "certiFormView"; document.certiFormView.submit(); win.focus(); } </script> <!--// copyright --> <!-- statistics v2--> <script type="text/javascript"> function addClick() { $.ajax({ type: "POST", url: "//www.mbn.co.kr/process/addClick/putRefereCnt.php", data: "news_seq_no=&referer=", cache: false }); } addClick(); </script><!--// statistics --> <script type="text/javascript"> $('.mbn11_sitemap') .click(function() { if($('.mbn_map_category2').css('display') == 'none') $('.mbn_map_category2').show(); else $('.mbn_map_category2').hide(); }); </script> <!--//footer --> <script type="text/javascript"> //news click function callHit() { $.ajax({ type: "POST", url: "//www.mbn.co.kr/process/addNewsHit.php", data: { "news_seq_no": "1898186", "vod_have": "10", "reg_dt": "20140722150902", "category": "mbn00012" }, cache: false }); } callHit(); //newsstand click function nClick() { var queryString = window.location.pathname.split('/'); var reffer = ""; var pos = ""; if (queryString.length > 4) { reffer = queryString[5]; pos = queryString[4]; } $.ajax({ type: "POST", url: "//www.mbn.co.kr/process/addClick/putNSCnt.php", data: {"news_seq_no": "1898186", "ref": reffer, "pos": pos}, cache: false }); } nClick(); </script> <script type="text/javascript"> $(function () { var left = $("#content"); var right = $(".aside_area"); var win = $(window); var header = $("#header"); var footer = $("#footer_newsmain"); var container = $("#container"); var margin = header.height() + 115; function rightLong() { var leftWidth = ""; if (win.width() < container.width()) { leftWidth = -(win.scrollLeft()); } var winHeight = win.scrollTop() + win.height(); var bottomHeight = winHeight - (right.height() + margin); bottomHeight = (bottomHeight > 0) ? bottomHeight : 0; if (winHeight > left.height() + margin + 25) { left.css({left: leftWidth, position: 'fixed', bottom: bottomHeight + 'px'}); } else { left.css({left: 'auto', position: 'relative', bottom: 'auto'}); } //right.css({position: 'relative', bottom: 'auto'}); } function leftLong() { var leftWidth = left.width(); var compareWidth = win.width() - container.width() + left.width(); if (compareWidth > left.width()) { leftWidth = leftWidth + 16 + (compareWidth - leftWidth) / 2; } else { leftWidth = leftWidth + 16 - win.scrollLeft(); } var winHeight = win.scrollTop() + win.height(); var bottomHeight = winHeight - (left.height() + margin); bottomHeight = (bottomHeight > 0) ? bottomHeight : 0; if (winHeight > right.height() + margin) { right.css({left: leftWidth, position: 'fixed', bottom: bottomHeight + 'px'}); } else { right.css({left: 'auto', position: 'relative', bottom: 'auto'}); } //left.css({position: 'relative', bottom: 'auto'}); } $(window).on("load scroll resize", function () { if (left.height() < right.height()) { rightLong(); } else { leftLong(); } }); }); </script> </div> <script type="text/javascript"> $(function () { var Lazy = new Blazy({ //container: window, breakpoints: false, selector: '.lazy', offset: 100, loadInvisible: true, src: 'data-src', error: function (e, msg) { if (msg === 'missing') { // Data-src is missing // console.log(1); } else if (msg === 'invalid') { // Data-src is invalid // console.log(2); } }, success: function () { } }); // IE에서 잘됨 / 첫화면에 보이지 않는 이미지(슬라이드)는 재로딩 또는 loadInvisible 옵션 사용하기 }); </script> <style> .lazy { -webkit-transition: opacity 700ms ease-in-out; -moz-transition: opacity 700ms ease-in-out; -o-transition: opacity 700ms ease-in-out; transition: opacity 700ms ease-in-out; max-width: 100%; opacity: 0; } .lazy.b-loaded { opacity: 1; } </style> <script> $(document).ready(function () { $('#tab1_area .sec_2 ul li:nth-child(4)').addClass('last'); $('#tab2_area .sec_2 ul li:nth-child(5)').addClass('last'); }); </script> <script> (function () { /** HTML 바인딩 영역 */ var htmlArr = []; htmlArr.push(`<li><a href="//www.mbn.co.kr/news/politics/5080124">윤 대통령 "계엄은 통치행위…탄핵·수사 당당히 맞서겠다"</a></li>`); htmlArr.push(`<li><a href="//www.mbn.co.kr/news/society/5080161">[단독] "세 차례 항명해 계엄 해제 의결에 기여"…조지호 경찰청장, 내란 혐의 강력 부인</a></li>`); htmlArr.push(`<li><a href="//www.mbn.co.kr/news/society/5080107">[단독] 윤 대통령, 707특임단 간부와 골프 라운딩…넉 달 전 김용현이 조율</a></li>`); htmlArr.push(`<li><a href="//www.mbn.co.kr/news/politics/5080156">국힘 중앙윤리위 "대통령 징계절차 개시 심의 시작"</a></li>`); htmlArr.push(`<li><a href="//www.mbn.co.kr/news/politics/5080164">빅터 차 "한국 혼란 장기화, 트럼프 2기 한미동맹에 최악 시나리오"</a></li>`); htmlArr.push(`<li><a href="//www.mbn.co.kr/news/society/5080151">윤 대통령 "사병 없다" 했는데…국회에 병사 61명 투입</a></li>`); /** MBN STAR 0번째 기사 */ var row = mbnstar_main1.section[0]; var title = row.title.replace("'", "`"); var thumb = row.img.replace(".thumb", ""); var link = 'https://star.mbn.co.kr/view.php?year=' + row.year + '&no=' + row.no; var mbnStarHtml = `<li><a href="${link}">${title}</a></li>`; htmlArr.splice(2, 0, mbnStarHtml); /** 화제 뉴스 내 한줄 광고 */ var adCnt = 0; var liSize = 5; var adRandom = Math.floor(Math.random() * liSize); htmlArr.push("<div><div id=\"google_dfp_MC_1x1\"><script type=\"text/javascript\">googletag.cmd.push(function() {googletag.display(\"google_dfp_MC_1x1\");});</scr" + "ipt></div></div>\n"); htmlArr.push("<div><div id=\"google_dfp_MC_1x1\"><script type=\"text/javascript\">googletag.cmd.push(function() {googletag.display(\"google_dfp_MC_1x1\");});</scr" + "ipt></div></div>\n"); var $relaction_news2_ul = document.querySelector('.relaction_news2_ul'); $relaction_news2_ul.innerHTML = htmlArr.join(''); if(htmlArr.length > 0) htmlArr.length = 0; /** 인기영상(.sec_1) */ if(typeof newsview_popular_vodNews !== 'undefined'){ for(var i = 0; i < 6; i++){ if(i === 0){ htmlArr.push(` <div class="section_picture"> <a href="${newsview_popular_vodNews.data[i].url}"> <img width="205" height="124" alt="" class='lazy' src='https://img.mbn.co.kr/newmbn/white.PNG' data-src="${newsview_popular_vodNews.data[i].thumb}"> </a> <div class="mask"> <p class="mask_tit"> <a href="${newsview_popular_vodNews.data[i].url}">${newsview_popular_vodNews.data[i].title.substring(0, 18)}</a> </p> </div> </div> `); } else { if(i === 1) htmlArr.push(`<ul class="sec_1_lsit">`); htmlArr.push(`<li><img src="https://img.mbn.co.kr/newmbn/news/view/click_bullet.gif" alt="_"><a href="${newsview_popular_vodNews.data[i].url}">${byteLen(newsview_popular_vodNews.data[i].title, 50)}</a></li>`); if(i === 5) htmlArr.push(`</ul>`); } } var $sec_1 = document.querySelector('.sec_1'); $sec_1.innerHTML = htmlArr.join(''); } if(htmlArr.length > 0) htmlArr.length = 0; /** 인기영상(.sec_2) */ if(typeof newsview_new_vod_program !== 'undefined'){ for(var i = 0; i < 4; i++) { htmlArr.push(` <li> <a href="${newsview_new_vod_program.data[i].vod_url}"> <img class='lazy' src='https://img.mbn.co.kr/newmbn/white.PNG' data-src="${newsview_new_vod_program.data[i].photo}" alt="${newsview_new_vod_program.data[i].prog_nm}" /> </a> <a href="${newsview_new_vod_program.data[i].vod_url}"> <img alt="동영상" class="iconplay1" src="https://img.mbn.co.kr/newmbn/img/play_n.png"> </a> <p class="txt"> <a href="${newsview_new_vod_program.data[i].vod_main_url}"> <span class="strong">[${newsview_new_vod_program.data[i].prog_nm}]</span> </a> <a href="${newsview_new_vod_program.data[i].vod_url}">${byteLen(newsview_new_vod_program.data[i].title, 50)}</a> </p> </li> `); } if(htmlArr.length > 0){ var $sec_2 = document.querySelector('.sec_2'); $sec_2.innerHTML = `<ul>${htmlArr.join('')}</ul>`; } } if(htmlArr.length > 0) htmlArr.length = 0; /** 시선집중 탭(.sec_1_lsit2) */ /* if(typeof news_rank_mbn00006 !== 'undefined') htmlArr.push(`<li><a href="${news_rank_mbn00006.section[0].url}"><strong>[정치]</strong>${byteLen(news_rank_mbn00006.section[0].title, 44)}</a></li>`); if(typeof news_rank_mbn00003 !== 'undefined') htmlArr.push(`<li><a href="${news_rank_mbn00003.section[0].url}"><strong>[경제]</strong>${byteLen(news_rank_mbn00003.section[0].title, 44)}</a></li>`); if(typeof news_rank_mbn00009 !== 'undefined') htmlArr.push(`<li><a href="${news_rank_mbn00009.section[0].url}"><strong>[사회]</strong>${byteLen(news_rank_mbn00009.section[0].title, 44)}</a></li>`); if(typeof news_rank_mbn00008 !== 'undefined') htmlArr.push(`<li><a href="${news_rank_mbn00008.section[0].url}"><strong>[국제]</strong>${byteLen(news_rank_mbn00008.section[0].title, 44)}</a></li>`); if(typeof news_rank_mbn00007 !== 'undefined') htmlArr.push(`<li><a href="${news_rank_mbn00007.section[0].url}"><strong>[문화]</strong>${byteLen(news_rank_mbn00007.section[0].title, 44)}</a></li>`); if(typeof news_rank_mbn00011 !== 'undefined') htmlArr.push(`<li><a href="${news_rank_mbn00011.section[0].url}"><strong>[스포츠]</strong>${byteLen(news_rank_mbn00011.section[0].title, 44)}</a></li>`); var $sec_1_lsit2 = document.querySelector('.sec_1_lsit2'); $sec_1_lsit2.innerHTML = htmlArr.join(''); */ if(htmlArr.length > 0) htmlArr.length = 0; /** 시선집중 탭(.section_picture1) */ if(typeof newsview_focus_thumbnail !== 'undefined'){ htmlArr.push(` <a href="//www.mbn.co.kr/news/all/${newsview_focus_thumbnail.data[0].seq_no}"> <img width="205" alt="${byteLen(newsview_focus_thumbnail.data[0].title, 44)}" class='lazy' src='https://img.mbn.co.kr/newmbn/white.PNG' data-src="${newsview_focus_thumbnail.data[0].img_nm1}"> </a> <p> <a href="//www.mbn.co.kr/news/all/${newsview_focus_thumbnail.data[0].seq_no}"> ${byteLen(newsview_focus_thumbnail.data[0].title, 60)} </a> </p> `); var $section_picture1 = document.querySelector('.section_picture1'); $section_picture1.innerHTML = htmlArr.join(''); } if(htmlArr.length > 0) htmlArr.length = 0; /** 시선집중 탭(.sec_2_list2) */ if(typeof newsview_focus_vodNpohto !== 'undefined'){ newsview_focus_vodNpohto.data.forEach(function(item, index){ htmlArr.push(`<li ${index === 3 ? 'class="last"' : ''}><a href="//www.mbn.co.kr/news/all/${item.seq_no}"><img class='lazy' data-src="${item.img_nm1}" alt="${item.title}" /></a><a href="//www.mbn.co.kr/news/all/${item.seq_no}">`); if(item.image_mark_vod === 'Y') htmlArr.push(`<img alt="동영상" class="iconplay1" src="https://img.mbn.co.kr/newmbn/img/play_n.png">`); htmlArr.push(`</a><p class="txt"><a href="//www.mbn.co.kr/news/all${item.seq_no}">${byteLen(item.title, 50)}</a></p></li>`); }); var $sec_2_list2 = document.querySelector('.sec_2_list2'); $sec_2_list2.innerHTML = htmlArr.join(''); } if(htmlArr.length > 0) htmlArr.length = 0; /** 스타 핫뉴스(.hot_mm) */ if(typeof newsview_photo_gallery !== 'undefined'){ for(var i = 0; i < 4; i++){ var no = i + 1; htmlArr.push(` <dd> <span class="thumb"><a href="${newsview_photo_gallery.data[i].url}"><img width="165" height="116" onerror="this.style.display='none';" alt="${byteLen(newsview_photo_gallery.data[i].title, 40)}" class='lazy' src='https://img.mbn.co.kr/newmbn/white.PNG' data-src="${newsview_photo_gallery.data[i].img_path}"></a></span> <span class="rank_no${no}"></span> <span class="txt"><a href="${newsview_photo_gallery.data[i].url}">${byteLen(newsview_photo_gallery.data[i].title, 40)}</a></span> </dd> `); } if(htmlArr.length > 0){ var $hot_mm = document.querySelector('.hot_mm'); $hot_mm.innerHTML = htmlArr.join(''); } } })(); </script> <script type="text/javascript"> window._taboola = window._taboola || []; _taboola.push({flush: true}); </script> <script> (function(){ //기사 하이라이트 표시 20241120 const options = { root: null, rootMargin: '0px', threshold: 0.5, } const newsLinesWithTargetTag = document.querySelectorAll('#newsViewArea b, #newsViewArea strong') const newsHighLightsObserver = new IntersectionObserver((entries, observer) => { entries.forEach(entry => { if(entry.isIntersecting){ entry.target.classList.add('on'); observer.unobserve(entry.target); } }); }, options) newsLinesWithTargetTag.forEach((line) => { newsHighLightsObserver.observe(line); }) })(); </script> </body> </html> <iframe id='newslog2_iframe' frameborder='0' scrolling='no' width='0' height='0' style='position:absolute;visibility:hidden;top:0px;left:0px;'>