</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">[포토] `공중부양` 틴탑</span> <ul class="sns"> <li><img onclick="snsShare('facebook', '%5B%ED%8F%AC%ED%86%A0%5D+%60%EA%B3%B5%EC%A4%91%EB%B6%80%EC%96%91%60+%ED%8B%B4%ED%83%91', 'http://www.mbn.co.kr/news/entertain/1459660');" src="https://img.mbn.co.kr/newmbn/news_2020/im_fix_f.jpg" alt="페이스북 공유하기" style="cursor:pointer;" /></li><li><img onclick="snsShare('twitter', '%5B%ED%8F%AC%ED%86%A0%5D+%60%EA%B3%B5%EC%A4%91%EB%B6%80%EC%96%91%60+%ED%8B%B4%ED%83%91', 'http://www.mbn.co.kr/news/entertain/1459660');" 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> <li><a href="//www.mbn.co.kr/news/fact/" >사실확인</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>[포토] `공중부양` 틴탑</h1> </div> <div class="box02"> <div class="txt_box"><span class="time"><span class="time">기사입력 2013-08-27 16:40 </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', '%5B%ED%8F%AC%ED%86%A0%5D+%60%EA%B3%B5%EC%A4%91%EB%B6%80%EC%96%91%60+%ED%8B%B4%ED%83%91', 'http%3A%2F%2Fwww.mbn.co.kr%2Fnews%2Fentertain%2F1459660');" src="//img.mbn.co.kr/newmbn/news_2020/ic_facebook.gif" alt="페이스북 공유하기" style="cursor:pointer;" /></li><li><img onclick="snsShare('twitter', '%5B%ED%8F%AC%ED%86%A0%5D+%60%EA%B3%B5%EC%A4%91%EB%B6%80%EC%96%91%60+%ED%8B%B4%ED%83%91', 'http%3A%2F%2Fwww.mbn.co.kr%2Fnews%2Fentertain%2F1459660');" 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><table width="500" style="clear:both; margin:0 auto; 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/2013/08/27/032301276727.jpg" width="500" alt="" border="0" /></td></tr></tbody></table> 27일 오후 한강고수부지 잠원지구 프라디아에서 열린 그룹 틴탑(캡, 니엘, 리키, 엘조, 창조, 천지)의 미니앨범 '틴탑 클래스' 발매기념 쇼케이스에서 멤버들이 화려한 무대를 선보이고 있다. 신곡 '장난아냐'로 돌아온 틴탑은 자로 잰듯한 칼군무, 칼스텝으로 팬들의 마음을 사로잡을 예정이다.<br /> [매일경제 스타투데이 강영국 기자 <a href='mailto:sumur@mk.co.kr'>sumur@mk.co.kr</a>]<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_type2.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/5089065"><strong>[정치] </strong>오세훈 "한 지도자 무모함에 국민 참담…대통령 권한...</a></li><li><a href="//www.mbn.co.kr/news/society/5089064"><strong>[사회] </strong>[속보] 공수처 "윤 측에 오후 2시 출석 통보"</a></li><li><a href="//www.mbn.co.kr/news/economy/5089008"><strong>[경제] </strong>삼성물산, 한남4구역 시공사 선정…한남 진출 성공</a></li><li><a href="//www.mbn.co.kr/news/world/5089005"><strong>[국제] </strong>트럼프, 이민자 대규모 추방 앞두고 관련국과 소통 ...</a></li><li><a href="//www.mbn.co.kr/news/culture/5088884"><strong>[문화] </strong>부모랑 산다…'다 컸는데 안 나가요'</a></li><li><a href="//www.mbn.co.kr/news/sports/5088993"><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=1459660" //refer: "www.mbn.co.kr/pages/news/newsView.php?news_seq_no=1459660" //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/culture/5087260"> <img style="height:165px" alt="빈센트 반 고흐" src="https://img.mbn.co.kr/newsstand/2025/01/12/6oizkyvoals9eq4jaezu_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">책GPT</span> <span class="txt">빈센트 반 고흐</span> </a> </p> <p class="sns_box2"> <a href="//www.mbn.co.kr/news/politics/5088489"> <img style="height:165px" alt="트럼프 본편 개봉 박두" src="https://img.mbn.co.kr/newsstand/2025/01/18/dd2ccuzto5yb1l1f9oje_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/5088512"> <img alt="초봉 5000만 원 돌파" src="https://img.mbn.co.kr/newsstand/2025/01/18/sq0r77cr4j7odh64ek7j_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">그래Pick</span> <span class="txt">초봉 5000만 원 돌파</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/5089065">오세훈 "한 지도자 무모함에 국민 참담…대...</a></li><li class="txt"><a href="//www.mbn.co.kr/news/society/5089064">[속보] 공수처 "윤 측에 오후 2시 출석...</a></li><li class="txt"><a href="//www.mbn.co.kr/news/economy/5089008">삼성물산, 한남4구역 시공사 선정…한남 진...</a></li><li class="txt"><a href="//www.mbn.co.kr/news/world/5089005">트럼프, 이민자 대규모 추방 앞두고 관련국...</a></li><li class="txt"><a href="//www.mbn.co.kr/news/culture/5088884">부모랑 산다…'다 컸는데 안 나가요'</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 = "1459660"; var url = "http://www.mbn.co.kr/news/entertain/1459660"; var encTitle = "%5B%ED%8F%AC%ED%86%A0%5D+%60%EA%B3%B5%EC%A4%91%EB%B6%80%EC%96%91%60+%ED%8B%B4%ED%83%91"; var title = "[포토] `공중부양` 틴탑"; 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": "1459660", "vod_have": "10", "reg_dt": "20130827164030", "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": "1459660", "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/society/5089064">[속보] 공수처 "윤 측에 오후 2시 출석 통보"</a></li>`); htmlArr.push(`<li><a href="//www.mbn.co.kr/news/society/5089060">시위대 서울서부지법 난입에…대법원 "법치주의 부정, 엄중 책임"</a></li>`); htmlArr.push(`<li><a href="//www.mbn.co.kr/news/society/5089058">'김성훈 경호차장' 두고 엇갈린 검·경…검찰, 경찰 구속영장 반려</a></li>`); htmlArr.push(`<li><a href="//www.mbn.co.kr/news/society/5089059">윤 구속영장 발부한 차은경 부장판사 '신변보호' 조치</a></li>`); htmlArr.push(`<li><a href="//www.mbn.co.kr/news/politics/5089065">오세훈 "한 지도자 무모함에 국민 참담…대통령 권한 분산 개헌 필요"</a></li>`); htmlArr.push(`<li><a href="//www.mbn.co.kr/news/society/5089048">尹 수용자번호 달고 3평 독방...신체검사·머그샷 촬영</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;'>