</noscript> <!-- End Google Tag Manager (noscript) --> <div id="area_sidemenu" class="ly_aside" style="display: none;"> <!-- aside --> <div class="aside"> <div class="aside_head"> <!-- head --> <div class="head_wrap"> <!-- 전체 메뉴 --> <div class="user"> <ul class="user_list"> </ul> </div> <div class="hright"> <div class="aside_area"> <a class="btn_close" onclick=""> <span class="blind">전체 메뉴 닫기</span> </a> </div> </div> <!--// 전체 메뉴 --> </div> </div> <div class="login"></div> <div class="search_wrap"> <fieldset> <legend class="blind">검색어 입력 폼</legend> <div class="search_box"> <div class="search"> <input id="search" type="search" placeholder="검색어를 입력하세요" value=""> </div> <a class="btn_search" href="javascript:void(0);"> <span class="blind">검색</span> </a> </div> </fieldset> </div> <div class="quick_menu_wrap"> <div class="inner"> <ul> <li><a href="https://m.mbn.co.kr/onair/"><img src="https://img.mbn.co.kr/mobile/2021/icn_onair.png"><span>온에어</span></a> </li> <li><a href="https://m.mbn.co.kr/tvguide/main.mbn"><img src="https://img.mbn.co.kr/mobile/2021/icn_calendar.png"><span>편성표</span></a></li> <li><a href="https://m.mbn.co.kr/report"><img src="https://img.mbn.co.kr/mobile/2021/icn_report.png"><span>제보</span></a></li> </ul> </div> </div> <div class="sec news"> <div class="news_tit on"><span>뉴스</span> <button> <img src="https://img.mbn.co.kr/mobile/2021/icn_drp_up.png" alt="뉴스 카테고리 더보기"> </button> </div> <ul class="news_list"> <li><a href="https://m.mbn.co.kr/news/">뉴스 홈</a></li> <li><a href="https://m.mbn.co.kr/news/all">최신</a></li> <li><a href="https://m.mbn.co.kr/news/politics/">정치</a></li> <li><a href="https://m.mbn.co.kr/news/society/">사회</a></li> <li><a href="https://m.mbn.co.kr/news/economy/">경제</a></li> <li><a href="https://m.mbn.co.kr/news/world/">국제</a></li> <li><a href="https://m.mbn.co.kr/news/culture/">문화</a></li> <li><a href="https://m.mbn.co.kr/news/sports/">스포츠</a></li> <li><a href="https://m.mbn.co.kr/news/entertainments">연예</a></li> <li><a href="https://m.mbn.co.kr/news/health/">생활/건강</a></li> <li><a href="https://m.mbn.co.kr/news/planning/">기획/연재</a></li> </ul> </div> <div class="sec program"> <ul> <li><a href="https://m.mbn.co.kr/tv/enter" class="news_tit">예능</a></li> <li><a href="https://m.mbn.co.kr/tv/culture" class="news_tit">교양</a></li> <li><a href="https://m.mbn.co.kr/tv/drama" class="news_tit">드라마</a></li> <li><a href="https://m.mbn.co.kr/tv/clipList" class="news_tit">클립</a></li> <li><a href="https://mplay.mk.co.kr/m/" class="news_tit"> <img src="https://img.mbn.co.kr/mobile/2021/aside_mplay.png"></a></li> <li> <div style="display: flex"> <span style="width: 50%"> <a href="https://m.mbn.co.kr/notice" class="news_tit">공지사항</a> </span> <span> <a href="https://m.mbn.co.kr/board" class="news_tit">시청자게시판</a> </span> </div> </li> </ul> </div> <div class="sec mkgroup"> <div class="news_tit on">매경미디어그룹 <button class=""><img src="https://img.mbn.co.kr/mobile/2021/icn_drp_up.png" alt="매경미디어그룹 더보기"></button> </div> <ul class="news_list"> <li><a href="https://m.mk.co.kr">매일경제</a></li> <li><a href="https://mbnmoney.mbn.co.kr/mobile">매일경제 TV</a></li> <li><a href="https://news.mk.co.kr/v2/economy/">매경이코노미</a></li> <li><a href="https://m.mk.co.kr/luxmen/index.php">매경LUXMEN</a></li> <li><a href="https://m.mk.co.kr/news/citylife/">시티라이프</a></li> <li><a href="https://gfw.mk.co.kr/?_ga=2.76409744.426858900.1620864666-310962120.1620864666">골프포위민</a> </li> <li><a href="http://www.wkforum.org/WKF/2020/ko/index.php">세계지식포럼</a></li> <li><a href="https://m-print.mk.co.kr/kr/">M-Print</a></li> <li><a href="https://kdx.kr/main">KDX한국데이터거래소</a></li> </ul> </div> <div class="sec n_subscribe"> <a href="https://media.naver.com/channel/promotion.nhn?oid=057" class="btn_n_subscribe"> MBN 네이버 채널 구독</a> </div> <script> window.addEventListener('load', function () { // 왼쪽 비게이션 var aside = document.querySelector("#area_sidemenu > .aside"); // 검색 폼 var searchWrap = aside.querySelector(".search_wrap"); var searchBt = searchWrap.querySelector(".btn_search"); var searchInput = searchWrap.querySelector("#search"); // 뉴스 섹션 var newsSection = aside.querySelector(".news"); var newsTit = newsSection.querySelector(".news_tit"); var newsList = newsSection.querySelector(".news_list"); // 매경미디어그룹 var mkgroupSection = aside.querySelector(".mkgroup"); var mkgroupTit = mkgroupSection.querySelector(".news_tit"); var mkgroupList = mkgroupSection.querySelector(".news_list"); // 검색 이벤트 searchBt.addEventListener("click", function () { if (searchInput.value != '') { location.href = "https://search.mbn.co.kr/MBN/M/search.jsp?query=" + searchInput.value; } }, false); // 검색 이벤트 - 엔터 searchInput.addEventListener("keydown", function (e) { if (e.keyCode == 13 && searchInput.value != '') { location.href = "https://search.mbn.co.kr/MBN/M/search.jsp?query=" + searchInput.value; } }); // 뉴스섹션 버튼 이벤트 newsTit.querySelector('button').addEventListener("click", function () { // 클래스 변경 this.classList.toggle('on'); newsTit.classList.toggle('on'); newsList.style.display = newsList.style.display === 'none' ? '' : 'none'; // 이미지 변경 this.children[0].src = this.children[0].src === 'https://img.mbn.co.kr/mobile/2021/icn_drp_dwn.png' ? 'https://img.mbn.co.kr/mobile/2021/icn_drp_up.png' : 'https://img.mbn.co.kr/mobile/2021/icn_drp_dwn.png'; }, false); // 매경미디어그룹 버튼 이벤트 mkgroupTit.querySelector('button').addEventListener("click", function () { // 클래스 변경 this.classList.toggle('on'); mkgroupTit.classList.toggle('on'); mkgroupList.style.display = mkgroupList.style.display === 'none' ? '' : 'none'; // 이미지 변경 this.children[0].src = this.children[0].src === 'https://img.mbn.co.kr/mobile/2021/icn_drp_dwn.png' ? 'https://img.mbn.co.kr/mobile/2021/icn_drp_up.png' : 'https://img.mbn.co.kr/mobile/2021/icn_drp_dwn.png'; }, false); // 로그인 처리 if (login_check == -1) { aside.querySelector('.user_list').innerHTML = "<li><a href=\"https://member.mbn.co.kr/M/pages/member/login.php?returnUrl=https://m.mbn.co.kr/onair/\"><strong>로그인</strong></a></li>" + "<li><a href=\"https://member.mbn.co.kr/M/pages/member/joinAgreement.php\">회원가입</a></li>"; aside.querySelector('.login').innerHTML = "<a href=\"https://member.mbn.co.kr/M/pages/member/login.php?returnUrl=https://m.mbn.co.kr/onair/\">로그인을 해주세요</a>"; } else { var ajax = new XMLHttpRequest(); ajax.open('GET', '/lib/module/getUserName.php', true); ajax.setRequestHeader("If-Modified-Since", "Sat, 1 Jan 2000 00:00:00 GMT"); // 캐싱 방지 ajax.send(); ajax.onload = function () { if (ajax.status == 200) { //console.log(ajax.response); aside.querySelector('.user_list').innerHTML = '<li><a href="//m.mbn.co.kr/util/logout.mbn"><span class="logout_txt">로그아웃</span></a></li>'; aside.querySelector('.login').innerHTML = '<a href="//m.mbn.co.kr/mypage/">' + ajax.response + ' 님</a>'; } else { aside.querySelector('.user_list').innerHTML = "<a href=\"https://member.mbn.co.kr/M/pages/member/login.php?returnUrl=https://m.mbn.co.kr/onair/\">로그인을 해주세요</a>"; console.log("error"); } } } }) </script> </div> <!--// aside --> </div> <script type="text/javascript"> $(document).ready(function () { var body_width = $('body').outerWidth(); var menu = $('#area_sidemenu'); // menu.css('left',-2 * body_width); // menu.css('display','block'); var togglaAllTab = function () { var el = $("#area_sidemenu"); var pos = el.offset(); var body_width = $('body').outerWidth(); if (el.css('display') === 'none') { el.show(); } else { el.hide(); } // if (pos.left==0) { // el.animate({'left':-2 * body_width}); // } else { // el.animate({'left':0}); // if (typeof menuLayer != "undefined") { // menuLayer("off"); // } // } } $(".menu").on("click", togglaAllTab); menu.find(".btn_close").on("click", togglaAllTab); }); </script><div id="container" data-role='page'> <div id="header" style="z-index: 10000; position: fixed;"> <div class="news_header"> <div class="inner"> <button class="menu"><img src="//img.mbn.co.kr/mobile/2021/menu.png"></button> <a href="javascript:void(0);" class="logo"> <img style="/*position: relative; top: -4px;*/" src="//img.mbn.co.kr/images/mbn_mweb/l_mbnmweb_logo.png" height="23" alt="mbn" onclick="location.href='//m.mbn.co.kr/'"> <span onclick="location.href='//m.mbn.co.kr/onair/'">온에어</span> </a> <button class="srch"><img src="https://img.mbn.co.kr/mobile/2021/search.png"></button> </div> <div id="top_search" class="ly_search" style="display: none;"> <div class="search_wrap"> <a class="btn_close"> <span class="blind">검색 닫기</span> </a> <fieldset> <legend class="blind">검색어 입력 폼</legend> <div class="search_box"> <div class="search"> <input id="top_search_txt" type="search" placeholder="검색어를 입력하세요" value=""> </div> <a href="javascript:void(0);" class="btn_ly_search"> <span class="blind">검색</span> </a> </div> </fieldset> </div> </div> </div> <div class="news_gnb_wrp" style="display: none;"> <div class="news_nav_scroll"> <ul> <li><a href="//m.mbn.co.kr/news/">뉴스홈</a></li> <li><a href="//m.mbn.co.kr/tv/552">MBN 종합뉴스</a></li> <li><a href="//m.mbn.co.kr/tv/845">AI 앵커뉴스</a></li> <li><a href="//m.mbn.co.kr/news/all">최신</a></li> <li><a href="//m.mbn.co.kr/news/politics/">정치</a></li> <li><a href="//m.mbn.co.kr/news/society/">사회</a></li> <li><a href="//m.mbn.co.kr/news/economy/">경제</a></li> <li><a href="//m.mbn.co.kr/news/world/">국제</a></li> <li><a href="//m.mbn.co.kr/news/culture/">문화</a></li> <li><a href="//m.mbn.co.kr/news/sports/">스포츠</a></li> <!--<li> --> <!-- <a href="--><!--news/entertainments/">연예</a></li>--> <li><a href="//m.mbn.co.kr/entertain/">연예/포토</a></li> <li><a href="//m.mbn.co.kr/news/health/">생활/건강</a></li> </ul> </div> <script type="text/javascript"> var Xpos = 0; $('.news_nav_scroll').scrollLeft(Xpos); </script> </div> </div> <script> window.addEventListener('load', function (){ var header = document.getElementById('header'); // 헤더 기준 var searchBar = header.querySelector('.ly_search'); // 검색창 var searchShowBt = header.querySelector(".srch"); // 검색창 출력 버튼 var searchCloseBt = searchBar.querySelector(".btn_close"); // 검색창 닫기 버튼 var searchWord = document.getElementById('top_search_txt'); // 검색어 var searchButton = searchBar.querySelector('.btn_ly_search'); // 검색 버튼 var fixed_header = document.getElementById('container').querySelector(".fixed_header"); // 헤더 고정 // 검색창 열기 searchShowBt.addEventListener('click',function (){ searchBar.style.display = 'block'; },false); // 검색창 닫기 searchCloseBt.addEventListener('click',function (){ searchBar.style.display = 'none'; },false); //검색 searchButton.addEventListener('click',function (){ if(searchWord.value != '') { location.href = "https://search.mbn.co.kr/MBN/M/search.jsp?query="+searchWord.value; } },false); //검색 - 엔터 searchWord.addEventListener('keydown',function (e){ if (this.value != '' && e.keyCode == 13) { location.href = "https://search.mbn.co.kr/MBN/M/search.jsp?query="+searchWord.value; } }); }); </script><div class="all_wrp news_review_category news_review_wrp onair_wrp"> <div id="news_main_all_wrp"> <section class="top_news_area" style="padding-top: 50px;"> <div class="top_news_inner" style="height: 210px;"> <div id="player-wrap" style="z-index: 9999"> <video id="ats-video" class="video-js vjs-big-play-centered vjs-button" data-setup="{}" ></video> </div> <script> player_MBN('mobile','live'); mobileHeight(); </script> </div> </section> <section class="news_onair_area"> <a href="javascript:void(0);"> <div class="inner"> <span class="badge">NOW</span> <span class="time">pm 17:40</span> <span class="pgm" style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 47vw; text-align: right;">정치와이드</span> </div> </a> <span class="mask"></span> </section> <section class="main_news_lst02_area onair_tt_wrp"> <div class="inner"> <ul class="onair_table_wrp"> <li class="li_onair_tt"> <div class="t_onair_time"> pm 19:00 </div> <div class="t_onair_title"> <span class="onair_next">NEXT</span>MBN 뉴스7 </div> </li><li class="li_onair_tt"> <div class="t_onair_time"> pm 20:10 </div> <div class="t_onair_title"> 천기누설 </div> </li><li class="li_onair_tt"> <div class="t_onair_time"> pm 21:10 </div> <div class="t_onair_title"> 쇼킹 나이트 1부 </div> </li><li class="li_onair_tt"> <div class="t_onair_time"> pm 22:35 </div> <div class="t_onair_title"> 쇼킹 나이트 2부 </div> </li> </ul> <button type="button" class="bt_onair_tt" onclick="location.href='https://m.mbn.co.kr/tvguide/'"> <span> 편성표 </span> </button> </div> </section> <section class="comment_area" id="comment_area" style="padding: 20px 16px"> <div class="comment_view_more" style="margin-top: 0"> <div id="liveReComment" style="display: none;"> <!-- 라이브리 설치코드 --> <div id='lv-container' data-id='mbn' data-uid='MjcvMzkvMzA='> <script type='text/javascript'> window.livereOptions = { refer: "www.mbn.co.kr/pages/onair/mbnweblive.mbn" //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> <button type="button" class="bt_view_more" style="margin-top: 0"> <span> 온에어 댓글 </span> </button> </div> </section> <!-- 카카오톡 배너 --> <section class="youtube_ban"> <a href="https://pf.kakao.com/_xmHZqK"> <img src="//img.mbn.co.kr/mobile/2021/mbnkakao.jpg"> </a> </section> <section class="recent_news"> <div class="recent_news_bar"> <span class="recent_marker"> 최신뉴스 </span> <span class="recent_news_wrp" style="width: 80%;"> </span> </div> </section> <style> .recent_news_tit { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } </style> <script type="text/javascript"> $(function () { if (typeof(headerbreakingnews) != "undefined") { for (var i = 0; i < headerbreakingnews.totalCount; i++) { var url = headerbreakingnews.data[i].url + '/onair'; $(".recent_news_wrp").append("<li style='width : 100%' class=\"recent_news_tit\" onclick=\"window.open(\'"+url+"\');\">" + headerbreakingnews.data[i].title + "</li>"); } $(".recent_news_wrp").cycle({ fx:"slideY", speed:250, timeout:4000, cleartype :0, }); } }); </script> <section class="vod_review padding_top_zero"> <div class="inner"> <div class="sec_tlt_wrp"> <span class="sec_tlt"><h2>VOD 다시보기</h2></span> </div> <ul class="tab"> <li><button class="on">예능</button></li> <li><button>교양</button></li> <li><button>드라마</button></li> </ul> <ul class="video_type1" ><li> <a href="//m.mbn.co.kr/tv/935/5986/1338764" class="mb_inner"> <div class="mb_image_w"> <div class="mb_image_inner"> <button class="list_play_btn"></button><span class="duration">45:07</span> <img class="mb_image" src="//img.vod.mbn.co.kr/vod2/935/2023/09/19/20230919223255_20_935_1338764_1080_7.jpg" alt="썸네일 이미지"> </div> </div> <span class="conts">보기만 해도 웃음이 나는 청정 무해! 장필무 표 구례 전원일기!</span> <span class="tlt">장미꽃 필 무렵</span> </a> </li><li> <a href="//m.mbn.co.kr/tv/934/5979/1338593" class="mb_inner"> <div class="mb_image_w"> <div class="mb_image_inner"> <button class="list_play_btn"></button><span class="duration">106:53</span> <img class="mb_image" src="//img.vod.mbn.co.kr/vod2/934/2023/09/20/20230920004939_20_934_1338593_1080_7.jpg" alt="썸네일 이미지"> </div> </div> <span class="conts">장미 나라 가왕 자리는 내 거야! 가왕 쟁탈전!</span> <span class="tlt">불타는 장미단</span> </a> </li><li> <a href="//m.mbn.co.kr/tv/946/6054/1338512" class="mb_inner"> <div class="mb_image_w"> <div class="mb_image_inner"> <button class="list_play_btn"></button><span class="duration">60:42</span> <img class="mb_image" src="//img.vod.mbn.co.kr/vod2/946/2023/09/16/20230916215805_20_946_1338512_1080_7.jpg" alt="썸네일 이미지"> </div> </div> <span class="conts">최종 라운드 오픈전쟁 사장으로서 능력을 보여라!</span> <span class="tlt">사장의 탄생 - 오픈전쟁</span> </a> </li><li> <a href="//m.mbn.co.kr/tv/943/6032/1338484" class="mb_inner"> <div class="mb_image_w"> <div class="mb_image_inner"> <button class="list_play_btn"></button><span class="duration">82:05</span> <img class="mb_image" src="//img.vod.mbn.co.kr/vod2/943/2023/09/22/20230922002927_20_943_1338484_1080_7.jpg" alt="썸네일 이미지"> </div> </div> <span class="conts">밴드 역사를 뒤흔들 역대급 무대가 온다! 5라운드 밴드X밴드 컬레버레이션</span> <span class="tlt">불꽃밴드</span> </a> </li></ul><ul class="video_type1" style="display:none;" ><li> <a href="//m.mbn.co.kr/tv/832/5258/1338941" class="mb_inner"> <div class="mb_image_w"> <div class="mb_image_inner"> <button class="list_play_btn"></button><span class="duration">47:11</span> <img class="mb_image" src="//img.vod.mbn.co.kr/vod2/832/2023/09/21/20230921212611_20_832_1338941_1080_7.jpg" alt="썸네일 이미지"> </div> </div> <span class="conts">장 건강을 위협하는 비만에서 탈출하라!</span> <span class="tlt">알약방</span> </a> </li><li> <a href="//m.mbn.co.kr/tv/566/2828/1338870" class="mb_inner"> <div class="mb_image_w"> <div class="mb_image_inner"> <button class="list_play_btn"></button><span class="duration">56:57</span> <img class="mb_image" src="//img.vod.mbn.co.kr/vod2/566/2023/09/21/20230921223847_20_566_1338870_1080_7.jpg" alt="썸네일 이미지"> </div> </div> <span class="conts">중저음보이스 박일남 방랑하며 속죄하는 사연</span> <span class="tlt">특종세상</span> </a> </li><li> <a href="//m.mbn.co.kr/tv/927/5923/1338826" class="mb_inner"> <div class="mb_image_w"> <div class="mb_image_inner"> <button class="list_play_btn"></button><span class="duration">47:13</span> <img class="mb_image" src="//img.vod.mbn.co.kr/vod2/927/2023/09/20/20230920212356_20_927_1338826_1080_7.jpg" alt="썸네일 이미지"> </div> </div> <span class="conts">내 몸을 지키는 강철 부대, 면역 이야기!</span> <span class="tlt">명을 사수하는 사람들 명사수</span> </a> </li><li> <a href="//m.mbn.co.kr/tv/752/4807/1338821" class="mb_inner"> <div class="mb_image_w"> <div class="mb_image_inner"> <button class="list_play_btn"></button><span class="duration">47:12</span> <img class="mb_image" src="//img.vod.mbn.co.kr/vod2/752/2023/09/21/20230921104855_20_752_1338821_1080_7.jpg" alt="썸네일 이미지"> </div> </div> <span class="conts">몸과 마음의 쉼표 웰니스 여행</span> <span class="tlt">생생 정보마당</span> </a> </li></ul><ul class="video_type1" style="display:none;" ><li> <a href="//m.mbn.co.kr/tv/888/5623/1292019" class="mb_inner"> <div class="mb_image_w"> <div class="mb_image_inner"> <button class="list_play_btn"></button><span class="duration">59:20</span> <img class="mb_image" src="//img.vod.mbn.co.kr/mbnvod2img/888/2022/02/02/20220202163840_20_888_1292019_360_7_0.jpg" alt="썸네일 이미지"> </div> </div> <span class="conts">제 2의 인생을 만들어가는 공감 드라마, 더 드라이버</span> <span class="tlt">더 드라이버</span> </a> </li><li> <a href="//m.mbn.co.kr/tv/888/5623/1292018" class="mb_inner"> <div class="mb_image_w"> <div class="mb_image_inner"> <button class="list_play_btn"></button><span class="duration">59:33</span> <img class="mb_image" src="//img.vod.mbn.co.kr/mbnvod2img/888/2022/02/02/20220202142237_20_888_1292018_360_7_0.jpg" alt="썸네일 이미지"> </div> </div> <span class="conts">빛나는 일상을 그린 이야기, 더 드라이버</span> <span class="tlt">더 드라이버</span> </a> </li><li> <a href="//m.mbn.co.kr/tv/861/5433/1276679" class="mb_inner"> <div class="mb_image_w"> <div class="mb_image_inner"> <button class="list_play_btn"></button><span class="duration">69:57</span> <img class="mb_image" src="//img.vod.mbn.co.kr/mbnvod2img/861/2021/07/04/20210704232114_20_861_1276679_360_7_0.jpg" alt="썸네일 이미지"> </div> </div> <span class="conts">시작된 반정, 과연 그들의 운명은!?</span> <span class="tlt">보쌈 - 운명을 훔치다</span> </a> </li><li> <a href="//m.mbn.co.kr/tv/861/5433/1276155" class="mb_inner"> <div class="mb_image_w"> <div class="mb_image_inner"> <button class="list_play_btn"></button><span class="duration">64:51</span> <img class="mb_image" src="//img.vod.mbn.co.kr/mbnvod2img/861/2021/07/03/20210703230811_20_861_1276155_360_7_0.jpg" alt="썸네일 이미지"> </div> </div> <span class="conts">결국 사로잡힌 권유리, 그녀를 목숨 걸고 구하려는 정일우!</span> <span class="tlt">보쌈 - 운명을 훔치다</span> </a> </li></ul> </div> </section> <section class="hot padding_top_zero"> <div class="inner"> <div class="sec_tlt_wrp"> <span class="sec_tlt"><h2>화제 영상</h2></span> </div> <ul class="tab"> <li><button class="on">예능</button></li> <li><button>교양</button></li> <li><button>드라마</button></li> </ul> <ul class="video_type1" > <li> <a href="//mbn.co.kr/vod/programContents/previewlist/888/5624/1104724" class="mb_inner"> <div class="mb_image_w"> <div class="mb_image_inner"> <button class="list_play_btn"></button><span class="duration">02:55</span> <img class="mb_image" src="https://img.vod.mbn.co.kr/mbnvod2img/888/2022/02/02/20220202163500_21_888_1104724_360_7_0_s1.jpg" alt="썸네일 이미지"> </div> </div> <span class="conts">치열한 현실에 숨겨진 아름다움.. 힘들지만 그래도 계속될 삶이기에 웃는 안재욱</span> <span class="tlt">더 드라이버</span> </a> </li> <li> <a href="//mbn.co.kr/vod/programContents/previewlist/888/5624/1104723" class="mb_inner"> <div class="mb_image_w"> <div class="mb_image_inner"> <button class="list_play_btn"></button><span class="duration">01:58</span> <img class="mb_image" src="https://img.vod.mbn.co.kr/mbnvod2img/888/2022/02/02/20220202163217_21_888_1104723_360_7_0_s1.jpg" alt="썸네일 이미지"> </div> </div> <span class="conts">최초 흑자 전환!? 성과를 내기 시작하는 안재욱의 회사! 신사분이 알고보니.. 회장님..?</span> <span class="tlt">더 드라이버</span> </a> </li> <li> <a href="//mbn.co.kr/vod/programContents/previewlist/888/5624/1104722" class="mb_inner"> <div class="mb_image_w"> <div class="mb_image_inner"> <button class="list_play_btn"></button><span class="duration">02:38</span> <img class="mb_image" src="https://img.vod.mbn.co.kr/mbnvod2img/888/2022/02/02/20220202162949_21_888_1104722_360_7_0_s1.jpg" alt="썸네일 이미지"> </div> </div> <span class="conts">인상 좋은 손님 강남길! 대리 운전 회사 대표와 신사의 훈훈한 만남!</span> <span class="tlt">더 드라이버</span> </a> </li> <li> <a href="//mbn.co.kr/vod/programContents/previewlist/888/5624/1104721" class="mb_inner"> <div class="mb_image_w"> <div class="mb_image_inner"> <button class="list_play_btn"></button><span class="duration">02:12</span> <img class="mb_image" src="https://img.vod.mbn.co.kr/mbnvod2img/888/2022/02/02/20220202162616_21_888_1104721_360_7_0_s1.jpg" alt="썸네일 이미지"> </div> </div> <span class="conts">앞서 간 차의 사고..? 예지원이 전하는 인생의 어려움.. '여유는 습관이 잘 안돼..'</span> <span class="tlt">더 드라이버</span> </a> </li> </ul><ul class="video_type1" style="display: none;"> <li> <a href="" class="mb_inner"> <div class="mb_image_w"> <div class="mb_image_inner"> <button class="list_play_btn"></button><span class="duration"></span> <img class="mb_image" src="" alt="썸네일 이미지"> </div> </div> <span class="conts"></span> <span class="tlt"></span> </a> </li> <li> <a href="" class="mb_inner"> <div class="mb_image_w"> <div class="mb_image_inner"> <button class="list_play_btn"></button><span class="duration"></span> <img class="mb_image" src="" alt="썸네일 이미지"> </div> </div> <span class="conts"></span> <span class="tlt"></span> </a> </li> <li> <a href="" class="mb_inner"> <div class="mb_image_w"> <div class="mb_image_inner"> <button class="list_play_btn"></button><span class="duration"></span> <img class="mb_image" src="" alt="썸네일 이미지"> </div> </div> <span class="conts"></span> <span class="tlt"></span> </a> </li> <li> <a href="" class="mb_inner"> <div class="mb_image_w"> <div class="mb_image_inner"> <button class="list_play_btn"></button><span class="duration"></span> <img class="mb_image" src="" alt="썸네일 이미지"> </div> </div> <span class="conts"></span> <span class="tlt"></span> </a> </li> </ul><ul class="video_type1" style="display: none;"> <li> <a href="" class="mb_inner"> <div class="mb_image_w"> <div class="mb_image_inner"> <button class="list_play_btn"></button><span class="duration"></span> <img class="mb_image" src="" alt="썸네일 이미지"> </div> </div> <span class="conts"></span> <span class="tlt"></span> </a> </li> <li> <a href="" class="mb_inner"> <div class="mb_image_w"> <div class="mb_image_inner"> <button class="list_play_btn"></button><span class="duration"></span> <img class="mb_image" src="" alt="썸네일 이미지"> </div> </div> <span class="conts"></span> <span class="tlt"></span> </a> </li> <li> <a href="" class="mb_inner"> <div class="mb_image_w"> <div class="mb_image_inner"> <button class="list_play_btn"></button><span class="duration"></span> <img class="mb_image" src="" alt="썸네일 이미지"> </div> </div> <span class="conts"></span> <span class="tlt"></span> </a> </li> <li> <a href="" class="mb_inner"> <div class="mb_image_w"> <div class="mb_image_inner"> <button class="list_play_btn"></button><span class="duration"></span> <img class="mb_image" src="" alt="썸네일 이미지"> </div> </div> <span class="conts"></span> <span class="tlt"></span> </a> </li> </ul> </div> </section> <section class="youtube_ban"> <a href="https://youtube.com/channel/UCYyLIlOJyqkAFKlVjzX5img"> <img src="//img.mbn.co.kr/mobile/2021/im_banner_type1.png" alt="유튜브 배너"> </a> </section> <section class="ranking_news"> <div class="inner"> <div class="sec_tlt_wrp"> <span class="sec_tlt"><h2>랭킹뉴스</h2></span> </div> <ul> <li> <a href="//m.mbn.co.kr/news/society/4964946"> <span class="num">1</span> <div class="img_area"> <div class="video_inner"> <button class="list_play_btn"></button><span class="duration">00:54</span> <img src="https://img.vod.mbn.co.kr/vod2/605/2023/09/22/20230922090539_20_605_1339022_1080_7.jpg" class="video_type2"> </div> </div> <span class="txt_wrp"> [인터넷 와글와글] 순박한 '산골처녀'인 줄 알았는데…다 가짜였다! </span> </a> </li> <li> <a href="//m.mbn.co.kr/news/politics/4964899"> <span class="num">2</span> <div class="img_area"> <div class="video_inner"> <button class="list_play_btn"></button><span class="duration">01:53</span> <img src="https://img.vod.mbn.co.kr/vod2/605/2023/09/22/20230922070459_20_605_1338992_1080_7.jpg" class="video_type2"> </div> </div> <span class="txt_wrp"> 이재명 체포동의안 가결…민주당서 최소 29명 이탈표 </span> </a> </li> <li> <a href="//m.mbn.co.kr/news/world/4964928"> <span class="num">3</span> <div class="img_area"> <div class="video_inner"> <button class="list_play_btn"></button><span class="duration">00:52</span> <img src="https://img.vod.mbn.co.kr/vod2/605/2023/09/22/20230922080711_20_605_1339013_1080_7.jpg" class="video_type2"> </div> </div> <span class="txt_wrp"> [굿모닝월드]물 위의 토네이도, 미시간 호 '용오름' 포착 </span> </a> </li> <li> <a href="//m.mbn.co.kr/news/society/4964901"> <span class="num">4</span> <div class="img_area"> <div class="video_inner"> <button class="list_play_btn"></button><span class="duration">01:30</span> <img src="https://img.vod.mbn.co.kr/vod2/605/2023/09/22/20230922072545_20_605_1339001_1080_7.jpg" class="video_type2"> </div> </div> <span class="txt_wrp"> <span class="breaking">단독</span> "투자하면 수익금 돌려줄게"…지명수배 17건 사기범 덜미 </span> </a> </li> <li> <a href="//m.mbn.co.kr/news/world/4964926"> <span class="num">5</span> <div class="img_area"> <div class="video_inner"> <button class="list_play_btn"></button><span class="duration">01:01</span> <img src="https://img.vod.mbn.co.kr/vod2/605/2023/09/22/20230922080350_20_605_1339011_1080_7.jpg" class="video_type2"> </div> </div> <span class="txt_wrp"> [굿모닝월드]"참 쉽죠?" TV 속 밥 로스의 첫 번째 작품 </span> </a> </li> </ul> </div> </section> <section class="today_issue joohakim_pro"> <div class="inner"> <div class="sec_tlt_wrp"> <span class="sec_tlt"><h2>김주하의<span class="orange">'그런데'</span></h2></span> </div> <ul class="video_type1"> <li> <a href="//m.mbn.co.kr/tv/865/1338988" class="mb_inner"> <div class="mb_image_w"> <div class="mb_image_inner"> <button class="list_play_btn"></button> <span class="duration">02:38</span> <img class="mb_image" src="https://img.vod.mbn.co.kr/vod2/552/2023/09/21/20230921200703_20_552_1338981_1080_7_s1.jpg" alt="썸네일 이미지 - [김주하의 '그런데'] 외국인도 실업급여 먹튀?"> </div> </div> <span class="conts">[김주하의 '그런데'] 외국인도 실업급여 먹튀?</span> </a> </li> <li> <a href="//m.mbn.co.kr/tv/865/1338877" class="mb_inner"> <div class="mb_image_w"> <div class="mb_image_inner"> <button class="list_play_btn"></button> <span class="duration">02:47</span> <img class="mb_image" src="https://img.vod.mbn.co.kr/vod2/865/2023/09/20/20230920203855_20_865_1338877_1080_7_s1.jpg" alt="썸네일 이미지 - [김주하의 '그런데'] 대화가 필요해"> </div> </div> <span class="conts">[김주하의 '그런데'] 대화가 필요해</span> </a> </li> <li> <a href="//m.mbn.co.kr/tv/865/1338756" class="mb_inner"> <div class="mb_image_w"> <div class="mb_image_inner"> <button class="list_play_btn"></button> <span class="duration">02:40</span> <img class="mb_image" src="https://img.vod.mbn.co.kr/vod2/552/2023/09/19/20230919200159_20_552_1338751_1080_7_s1.jpg" alt="썸네일 이미지 - [김주하의 '그런데'] 중국산이 휩쓰는 전기차 보조..."> </div> </div> <span class="conts">[김주하의 '그런데'] 중국산이 휩쓰는 전기차 보조...</span> </a> </li> <li> <a href="//m.mbn.co.kr/tv/865/1338646" class="mb_inner"> <div class="mb_image_w"> <div class="mb_image_inner"> <button class="list_play_btn"></button> <span class="duration">02:56</span> <img class="mb_image" src="https://img.vod.mbn.co.kr/vod2/552/2023/09/18/20230918230326_20_552_1338645_1080_7_s1.jpg" alt="썸네일 이미지 - [김주하의 '그런데'] 활개치는 온라인 암표 거래"> </div> </div> <span class="conts">[김주하의 '그런데'] 활개치는 온라인 암표 거래</span> </a> </li> </ul> </div> </section> <section class="youtube_ban"> <a href="https://youtube.com/channel/UCG9aFJTZ-lMCHAiO1KJsirg"> <img src="//img.mbn.co.kr/mobile/2021/im_banner_type2.png" alt="유튜브 뉴스"> </a> </section> <script> window.addEventListener('load',function () { // 컨테이너 기준 var container = document.getElementById('container'); var contents = container.querySelector('.all_wrp'); // vod 다시보기 var review = contents.querySelector('.vod_review'); var reviewTab = review.querySelectorAll('.tab>li'); // 화제 영상 var hotClip = contents.querySelector('.hot'); var hotTab = hotClip.querySelectorAll('.tab>li'); //댓글 var commentArea = container.querySelector('.comment_area'); var liveReComment = document.getElementById("liveReComment"); // vod 다시보기 이벤트 for(var reviewTabCnt = 0; reviewTabCnt < reviewTab.length; reviewTabCnt++) { // 각 탭(li)에 이벤트 주기 (function (idx) { reviewTab[idx].addEventListener('click', function () { for(var i=0; i<reviewTab.length; i++){ review.querySelectorAll('.video_type1')[i].style.display = 'none'; reviewTab[i].children[0].classList.remove('on'); } review.querySelectorAll('.video_type1')[idx].style.display = 'block'; this.children[0].classList.add('on'); }, false); })(reviewTabCnt); } // 화제 영상 이벤트 for(var hotTabCnt = 0; hotTabCnt < hotTab.length; hotTabCnt++) { // 각 탭(li)에 이벤트 주기 (function (idx) { hotTab[idx].addEventListener('click', function () { for(var i=0; i<hotTab.length; i++){ hotClip.querySelectorAll('.video_type1')[i].style.display = 'none'; hotTab[i].classList.remove('on'); hotTab[i].children[0].classList.remove('on'); } hotClip.querySelectorAll('.video_type1')[idx].style.display = 'block'; this.classList.add('on'); this.children[0].classList.add('on'); }, false); })(hotTabCnt); } // 댓글 보이기, 숨기기 commentArea.querySelector('.bt_view_more').addEventListener('click', function () { this.classList.toggle('active'); liveReComment.style.display = liveReComment.style.display === 'none' ? 'block' : 'none'; // 숨기기 시 스크롤 if (Object.is(liveReComment.style.display, 'none')) { let headerHeight = document.getElementById("header").clientHeight; let playerHeight = document.getElementById("player-wrap").clientHeight; window.scrollTo({top:commentArea.offsetTop - (playerHeight + headerHeight),left:0, behavior:'smooth'}); } }, false); }) </script> </div> </div> </div> <div id="mbn_app_dwn" > <span class="app_btn"> <a href="https://play.google.com/store/apps/details?id=kr.co.mk.mbntv&hl=en&gl=US" target="_blank">MBN APP 다운로드 </a> <button class="close"><img src="//img.mbn.co.kr/mobile/2021/btn_appclose.png"></button> </span> </div> <script> window.addEventListener('DOMContentLoaded',function (){ // MBN 앱 var mbnApp = document.getElementById('mbn_app_dwn'); var mbnAppBox = mbnApp.querySelector('.app_btn'); var mbnAppBt = mbnAppBox.querySelector('.close'); // MBN APP 다운로드 닫기 mbnAppBt.addEventListener('click',function () { mbnAppBox.children[0].style.display = 'none'; this.style.display = 'none'; },false); },false); </script> <div id="footer"> <div class="go_top_wrap"> <a href="javascript:window.scrollTo(0,0);" class="btn_go_top"> <span class="blind">맨위로 바로가기</span> </a> </div> <div class="sns_wrp"> <ul class="sns"> <li><a href="https://facebook.com/mbntv/"><img src="//img.mbn.co.kr/mobile/2021/facebook.png"></a></li> <li><a href="http://www.instargram.com/mbn_news/"><img src="//img.mbn.co.kr/mobile/2021/instagram.png"></a></li> <li><a href="https://youtube.com/channel/UCG9aFJTZ-lMCHAiO1KJsirg"><img src="//img.mbn.co.kr/mobile/2021/youtube.png"></a></li> <li><a href="https://twitter.com/mbnlive"><img src="//img.mbn.co.kr/mobile/2021/twitter.png"></a></li> <li><a href="https://story.kakao.com/ch/mbnnews/feed"><img src="//img.mbn.co.kr/mobile/2021/story.png"></a></li> </ul> </div> <div class="footer_links" > <ul class="footer_links_list"></ul> </div> <div class="footer_copyright"> <p>Copyright ⓒ 매경닷컴 Corp. All rights Reserved.</p> </div> <script> window.addEventListener('DOMContentLoaded',function (){ var footer = document.getElementById('footer'); var share = footer.querySelector('.go_top_wrap'); window.addEventListener('scroll',function (){ if (window.scrollY < 100) { share.style.display = 'none'; } else { share.style.display = 'block'; } }) let appMessage = navigator.userAgent.toLowerCase(); //if (!Object.is(appMessage.indexOf('mbnapp'),-1)) { if (appMessage.indexOf('mbnapp') !== -1) { document.querySelector('#mbn_app_dwn').style.display = 'none'; document.querySelector('.footer_links').style.display = 'none'; } }); var share = { show : () => { document.getElementById('layer_area').style.display = 'block'; document.getElementById('shared').style.display = 'block'; }, platform : (num) => { var url; var type = ["facebook","twitter","naverband","kakaostory"]; var options; var snsUrl = "https://m.mbn.co.kr/onair"; var snsTitle = ``; switch (num) { case 0: url = "http://www.facebook.com/sharer.php?u=" + snsUrl; // + "&t=" + snsTitle; options = "toolbar=0,status=0,width=626,height=426"; break; case 1: url = "http://twitter.com/share?url=" + snsUrl; options = "width=626,height=426,toolbar=0,status=0,resizable=yes"; break; case 2: url = "http://www.band.us/plugin/share?body=" + snsTitle + " " + snsUrl; options = "width=410, height=400, resizable=no"; break; case 3: url = "https://story.kakao.com/share?url=" + snsUrl; options = "width=500,height=500,toolbar=0,status=0,resizable=yes"; break; case 4: document.getElementById("email_shared").style.display = "block"; return false; default: return false; } window.open(url, type[num], options); }, hide : (num) => { if (num == 0) document.getElementById('layer_area').style.display = 'none'; document.getElementsByClassName('mklayer').item(num).style.display = 'none'; }, copy : () => { var copyObj = document.getElementById("share_link"); copyObj.select(); var copy = document.execCommand("copy"); console.debug(copy); alert('링크를 복사하였습니다.'); }, sendEmail : () => { var formData = new FormData(document.getElementById("send_email_form")); var mail = new XMLHttpRequest(); mail.open('POST','/process/newsSendMail.php',true); mail.setRequestHeader("If-Modified-Since","Sat, 1 Jan 2000 00:00:00 GMT"); // 캐싱 방지 mail.send(formData); mail.onload = function () { if (mail.status == 200){ var response = JSON.parse(mail.response); console.log(mail.response); if (response.response == "200") { alert("이메일 전송 완료"); document.getElementById('layer_area').style.display = 'none'; document.getElementsByClassName('mklayer').item(0).style.display = 'none'; document.getElementsByClassName('mklayer').item(1).style.display = 'none'; } else if (response.response == "100") { alert("이메일과 이름을 모두 적어주세요."); } } else { alert("전송 중 문제가 발생하였습니다."); } } return false; } } if(login_check == -1){ document.querySelector(".footer_links_list").innerHTML = ` <li><a href="https://member.mbn.co.kr/M/pages/member/login.php?returnUrl=https://m.mbn.co.kr/onair/">로그인</a></li> <li><a href="https://member.mbn.co.kr/M/pages/member/joinAgreement.php">회원가입</a></li> <li data-content="link"><a href="https://www.mbn.co.kr/pages/onair/mbnweblive.mbn?uagent=m">PC버전</a></li>`; } else { document.querySelector(".footer_links_list").innerHTML = ` <li><a href="//m.mbn.co.kr/util/logout.mbn">로그아웃</a></li> <li data-content="link"><a href="https://www.mbn.co.kr/pages/onair/mbnweblive.mbn?uagent=m">PC버전</a></li>`; } </script> </div> </div> </body> </html>