</noscript> <!-- End Google Tag Manager (noscript) --> <div id="area_sidemenu" class="ly_aside" style="display: none;"> <!-- aside --> <div class="news_aside"> <div class="aside_head"> <!-- head --> <div class="head_wrap"> <!-- 전체 메뉴 --> <div class="user"> </div> <div class="hright"> <div class="aside_area"> <a class="btn_close"> <span class="blind">전체 메뉴 닫기</span> </a> </div> </div> <!--// 전체 메뉴 --> </div> </div> <a href="javascript:void(0)" target="_self" class="logo"> <img src="//img.mbn.co.kr/images/mbn_mweb/l_mbnmweb_logo.png" height="23" alt="mbn" onclick="location.href='https://m.mbn.co.kr/'"> <span style="padding-left: 5px;" onclick="location.href='https://m.mbn.co.kr/news/'">뉴스</span> </a> <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_live.png" alt="온에어"><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" alt="제보하기"><span>제보</span></a> </li> <li><a href="https://m.mbn.co.kr/scrap_news"><img src="https://img.mbn.co.kr/mobile/2021/icn_bookmark.png" alt="스크랩뉴스"><span>스크랩</span></a> </li> </ul> </div> </div> <!--mbn뉴스다시보기--> <div class="sec news"> <div class="news_tit on">MBN 뉴스 다시보기<button class=""><img src="https://img.mbn.co.kr/mobile/2021/icn_drp_up.png"></button></div> <ul class="news_list"> <li><a href="https://m.mbn.co.kr/tv/552">MBN 뉴스7</a> </li> <li><a href="https://m.mbn.co.kr/tv/906">MBN 뉴스센터</a> </li> <li><a href="https://m.mbn.co.kr/tv/605">굿모닝 MBN</a> </li> <li><a href="https://m.mbn.co.kr/tv/606">아침 & 매일경제</a> </li> <li><a href="https://m.mbn.co.kr/tv/673">김명준의 뉴스파이터</a> </li> <li><a href="https://m.mbn.co.kr/tv/812">프레스룸 LIVE</a> </li> <li><a href="https://m.mbn.co.kr/tv/536">MBN 뉴스와이드</a> </li> <li><a href="https://m.mbn.co.kr/tv/689">전국네트워크뉴스</a> </li> <li><a href="https://m.mbn.co.kr/tv/675">MBN 뉴스와이드 주말</a> </li> <li><a href="https://m.mbn.co.kr/tv/813">시사스페셜</a> </li> <li><a href="https://m.mbn.co.kr/tv/731">MBN 특별편성</a> </li> <li><a href="https://m.mbn.co.kr/tv/849">MBN 재난대비센터</a> </li> </ul> </div> <!--분야별뉴스--> <div class="sec news"> <div class="news_tit on">분야별 뉴스 <button class=""> <img src="https://img.mbn.co.kr/mobile/2021/icn_drp_up.png"> </button> </div> <div class="news_list"> <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> <ul class="news_list" style="border-top: 1px solid #F0F0F0;"> <!-- <li><a href="https://m.mbn.co.kr/news/fact">사실확인</a> </li>--> <!-- <li><a href="https://m.mbn.co.kr/news/focusM/">포커스M</a> </li>--> <li><a href="https://m.mbn.co.kr/news/dataM/">데이터M</a> </li> <!-- <li><a href="https://m.mbn.co.kr/news/infield/">현장에서</a> </li>--> <!-- <li><a href="https://m.mbn.co.kr/news/behindangle/">앵글뒤편</a> </li>--> <li><a href="https://m.mbn.co.kr/news/presence/">인기척</a> </li> <li><a href="https://m.mbn.co.kr/news/korean/">다듬은 우리말</a> </li> </ul> </div> </div> <!--hot corner--> <div class="sec news"> <div class="news_tit on">Hot Corner <button class=""> <img src="https://img.mbn.co.kr/mobile/2021/icn_drp_up.png"> </button> </div> <ul class="news_list"> <li><a href="https://m.mbn.co.kr/tv/845">AI 뉴스</a> </li> <li><a href="https://m.mbn.co.kr/tv/865">김주하의 '그런데'</a> </li> <li><a href="https://m.mbn.co.kr/tv/647">굿모닝 월드</a> </li> <li><a href="https://m.mbn.co.kr/tv/212">동영상 일기예보</a> </li> </ul> </div> <!--인터넷--> <div class="sec news"> <div class="news_tit on">Internet<button class=""><img src="https://img.mbn.co.kr/mobile/2021/icn_drp_up.png"></button></div> <ul class="news_list"> <li><a href="https://m.mbn.co.kr/tv/683">MBN-i</a> </li> <li><a href="https://m.mbn.co.kr/tv/868">M픽</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://m.mbn.co.kr/tvguide/" 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 n_subscribe"> <a href="https://media.naver.com/channel/promotion.nhn?oid=057" class="btn_n_subscribe"> MBN 네이버 채널 구독</a> </div> </div> <!--// aside --> </div> <script> window.addEventListener('load',function (){ var aside = document.getElementById('area_sidemenu'); // 검색 폼 var searchWrap = aside.querySelector(".search_wrap"); var searchBt = searchWrap.querySelector(".btn_search"); var searchInput = searchWrap.querySelector("#search"); var newReview = aside.querySelectorAll(".news"); // var newReviewTit = newReview.querySelector(".news_tit"); // var newReviewList = newReview.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; } }); for(var i=0; i<newReview.length; i++) { (function (idx) { newReview[idx].querySelector("button").addEventListener("click", function () { // 클래스 변경 this.classList.toggle("on"); newReview[idx].querySelector(".news_tit").classList.toggle("on"); newReview[idx].querySelector(".news_list").style.display = newReview[idx].querySelector(".news_list").style.display === "none" ? "block" : "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); })(i); } // 로그인 처리 if(login_check == -1){ //aside.querySelector('.user').innerHTML = "<a href=\"//m.mbn.co.kr/util/login.mbn?returnUrl=https://m.mbn.co.kr/tv/868\">로그인</a>"; aside.querySelector('.user').innerHTML = "<a href=\"https://member.mbn.co.kr/M/pages/member/login.php?returnUrl=https://m.mbn.co.kr/tv/868\">로그인</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').innerHTML = '<li><a href="javascript:void(0);"><span onclick="location.href=\'//m.mbn.co.kr/mypage/\'">'+ajax.response+'님</span> <span class="logout_txt" onclick="location.href=\'//m.mbn.co.kr/util/logout.mbn\'">로그아웃</span></a></li>'; } else { aside.querySelector('.user').innerHTML = '<a href="//m.mbn.co.kr/util/logout.mbn">'+ '<span class="id_name"></span>'+ '<span class="logout_txt">로그아웃</span>'+ '</a>'; console.log("error"); } } } },false) </script> <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(); $('#slot2').hide(); } else { el.hide(); $('#slot2').show(); } // 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="--> <!--">--> <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/news/'">뉴스</span> </a> <a href="https://m.mbn.co.kr/report" class="report"><span>제보하기</span></a> </div> </div> <div class="news_gnb_wrp"> <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 뉴스7</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> <li><a href="//m.mbn.co.kr/news/planning/">기획/연재</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 fixed_header = document.getElementById('container').querySelector(".fixed_header"); if (fixed_header == '' || fixed_header == null || fixed_header == undefined) { return false; } else { document.addEventListener("scroll", function () { var currentScroll = document.documentElement.scrollTop; if (currentScroll < 1) { fixed_header.style.display = "none"; } else { fixed_header.style.display = "block"; } }); } }); </script> <div class="all_wrp news_review_wrp" style="padding-top: 100px;"> <div id="news_main_all_wrp"> <section class="top_news_area"> <div class="top_news_inner"> <a href="javascript:void(0);" class="main_article_area"> <div class="info_wrp"> <span class="news_txt">M픽</span> <span class="news_txt2"></span> </div> <div class="img_area"> <img src="//img.mbn.co.kr/program/868/2021/06/17/162390785430.jpg"> </div> </a> </div> </section> <section class="news_review_date_wrp"> <div class="date_sel_wrp"> <button type="button" class="bt_previous_date"> <img src="https://img.mbn.co.kr/newmbn/newsreview/day_prev.jpg" alt="이전 날짜"> </button> <button type="button" class="bt_next_date"> <img src="https://img.mbn.co.kr/newmbn/newsreview/day_nxt.jpg" alt="다음 날짜"> </button> <div class="sel_date_mid"> <select title="년도" class="yearbox" onchange="" class="sel_year_review"> <option value="2">2023</option> <option value="1">2022</option> <option value="0">2021</option> </select> </div> </div> </section> <input id="nowDate" type="hidden" value=""> <script> // 활성화 날짜 var active_date = ["20211231","20221229","20231204"]; var active_date_cnt = active_date.length; // 활성화 날짜 갯수 var now_count = active_date_cnt-1; // 활성화 날짜 배열에 들어갈 키값(오늘 값) </script> <script type="text/javascript"> var show = true; let locationHash = location.hash; let monthBox = document.querySelector('.monthbox'); $(function () { // 최근 탭 $('.recent_article').click(function () { location.reload(); }); //이전 날짜 $(".bt_previous_date").on("click", function () { now_count--; // 배열 전 값이 없을때 0으로 if (!active_date[now_count]) { now_count = 0; } c_page = 1; $(".bt_more_nl").show(); var prev_date = active_date[now_count]; var errorDate = $("#nowDate").val(); let year = prev_date.substring(0, 4); let month = prev_date.substring(4, 6); let day = prev_date.substring(6, 8); // 배열값이 없을때 if (prev_date == "" || prev_date == undefined || prev_date == null ) { year = $("#nowDate").val().substring(0, 4); month = $("#nowDate").val().substring(4, 6); day = $("#nowDate").val().substring(6, 8); let settingDate = new Date(); settingDate.setFullYear(year, month -1, day); // year, month (0-based), day settingDate.setTime(settingDate.getTime() - 86400000); prev_date = settingDate.getFullYear() + "" + getFormattedPartTime(settingDate.getMonth() + 1) + "" + getFormattedPartTime(settingDate.getDate()); } goPage('1', 'all', prev_date,errorDate); }); //다음 날짜 $(".bt_next_date").on("click", function () { now_count++; // 배열 다음값이 없을때 마지막 값으로 if (!active_date[now_count]) { now_count = active_date.length-1; } c_page = 1; $(".bt_more_nl").show(); var nxt_date = active_date[now_count]; var errorDate = $("#nowDate").val(); let year = nxt_date.substring(0, 4); let month = nxt_date.substring(4, 6); let day = nxt_date.substring(6, 8); if (nxt_date == "" || nxt_date == undefined || nxt_date == null ) { year = $("#nowDate").val().substring(0, 4); month = $("#nowDate").val().substring(4, 6); day = $("#nowDate").val().substring(6, 8); let settingDate = new Date(); settingDate.setFullYear(year, month - 1, day); // year, month (0-based), day settingDate.setTime(settingDate.getTime() + 86400000); nxt_date = settingDate.getFullYear() + "" + getFormattedPartTime(settingDate.getMonth() + 1) + "" + getFormattedPartTime(settingDate.getDate()); } goPage('1', 'all', nxt_date,errorDate); }); var stParamStr = "progCode=868"; $.ajax({ type: "POST", url: "https://www.mbn.co.kr/lib/module/getProgramReviewList_lastDate.php", data: stParamStr, cache: false, dataType: "html", success: function (html) { let date = html; goPage('1', 'all', html); } }); // 더보기 $(".bt_more_nl").on("click", function () { c_page++; goPage(c_page,'all',$("#nowDate").val()); }); // 해당영역 스크롤시 함수 실행 $(window).scroll(function (){ var el = $(this); if ($('.bt_more_nl').length > 0 && show === true && (Math.ceil(el.scrollTop()) + el.outerHeight()) > Math.ceil($('.bt_more_nl').offset().top)) { //goPage(c_page,'all',$("#nowDate").val()); } }); // 년도 바뀌면 $('.yearbox').on('change',function () { now_count = $(this).val(); goPage('1', 'all', active_date[$(this).val()]); }); }); // 현재 날짜의 데이터 카운트 var c_page = 1; var callBackFunction = function () { goPage('1', '1', document.getElementById("nowDate").value); c_page = 1; $(".bt_more_nl").show(); // 달력 누를시 배열 숫자 조정 for(var i=active_date_cnt-1; i>-1; i--) { if(active_date[i] == document.getElementById("nowDate").value) { now_count = i; break; } else { now_count = active_date_cnt-1; } } } function getFormattedPartTime(partTime) { if (parseInt(partTime) < 10) return "0" + parseInt(partTime); return partTime; } function goPage(page, flag, date, errorDate) { show = false; var nowdate = date.substring(0, 4) + "." + date.substring(4, 6) + "." + date.substring(6, 8); if (errorDate) { //다음페이지 없을 시 날짜 되돌림 var errorDateForm = errorDate.substring(0, 4) + "." + errorDate.substring(4, 6) + "." + errorDate.substring(6, 8); } $('.date_txt').html(nowdate); $('#nowDate').val(date); var currentDate = ''; if (date) { currentDate = date; } else { //currentDate = returnURLdate; if ($('#date').val()) currentDate = $('#date').val(); } if (flag == 'all') { currentDate = 'all'; } var paramStr = "progCode=868&menu=5479¤tDate=" + currentDate + "&page=" + page; paramStr += "&startday="+active_date[now_count]+'&corner_flag=N&cls_cd=62'; $.ajax({ type: "POST", url: "//m.mbn.co.kr/tv/program_ajax_news.mbn", data: paramStr, cache: false, dataType: "html", success: function (html) { if (html == "return") { $('.date_txt').html(errorDateForm); $('#nowDate').val(errorDate); $(".bt_more_nl").hide(); if (flag == '2') { c_page--; } //alert('마지막 페이지입니다'); } else { if (page == 1) { c_page = 1; $(".bt_more_nl").show(); $('.main_news_lst02_area>.inner>ul').html(html); } else { $('.main_news_lst02_area>.inner>ul').append(html); } $('.bt_more_nl').show(); } show = true; } }); } </script> <section class="main_news_lst02_area news_review_type2"> <div class="inner"> <ul></ul> <button class="bt_more_nl" style=" font-size: 16px; font-weight: 600; margin-top: 24px; padding: 14px 0; display: block; border-radius: 10px; background: #F0F0F0; width: 100%; border: 1px solid #e0e0e0; text-align: center; box-sizing: border-box;">더 보기 <img style=" background: margin-left: 6px; width: 12px; vertical-align: 2px;" src="//img.mbn.co.kr/mobile/2021/expand_more.png"></button> </div> </section> <!-- 제보 배너 --> <section class="jebo"> <p>매일방송<span class="orange">MBN</span>이 여러분의 제보를 기다립니다.</p> <a href="https://m.mbn.co.kr/report" target="_blank">제보하기</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/politics/4984137"> <span class="num">1</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/12/05/20231205070633_20_605_1344953_1080_7.jpg" onerror="this.src='https://img.mbn.co.kr/mobile/2021/mbn_og.jpg'" class="video_type2"> </div> </div> <span class="txt_wrp"> '서오남' 탈피 인사…방통위 등 추가 개각 전망 </span> </a> </li> <li > <a href="//m.mbn.co.kr/news/society/4984138"> <span class="num">2</span> <div class="img_area"> <div class="video_inner"> <button class="list_play_btn"></button><span class="duration">01:39</span> <img src="https://img.vod.mbn.co.kr/vod2/605/2023/12/05/20231205072023_20_605_1344957_1080_7.jpg" onerror="this.src='https://img.mbn.co.kr/mobile/2021/mbn_og.jpg'" class="video_type2"> </div> </div> <span class="txt_wrp"> 경기 양주 섬유공장 큰불 '대응 2단계'…전국 곳곳 화재 잇달아 </span> </a> </li> <li > <a href="//m.mbn.co.kr/news/politics/4984133"> <span class="num">3</span> <div class="img_area"> <div class="video_inner"> <button class="list_play_btn"></button><span class="duration">01:59</span> <img src="https://img.vod.mbn.co.kr/vod2/605/2023/12/05/20231205073326_20_605_1344958_1080_7.jpg" onerror="this.src='https://img.mbn.co.kr/mobile/2021/mbn_og.jpg'" class="video_type2"> </div> </div> <span class="txt_wrp"> 이상민 "거취 숙고 중" 민주 '평가절하' 국민의힘 노골적 '러브콜' </span> </a> </li> <li > <a href="//m.mbn.co.kr/news/world/4984150"> <span class="num">4</span> <div class="img_area"> <div class="video_inner"> <button class="list_play_btn"></button><span class="duration">00:59</span> <img src="https://img.vod.mbn.co.kr/vod2/605/2023/12/05/20231205075546_20_605_1344963_1080_7.jpg" onerror="this.src='https://img.mbn.co.kr/mobile/2021/mbn_og.jpg'" class="video_type2"> </div> </div> <span class="txt_wrp"> [굿모닝월드]시베리아 얼음물 속 수영하는 '강심장'들 </span> </a> </li> <li > <a href="//m.mbn.co.kr/news/world/4984132"> <span class="num">5</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/12/05/20231205071534_20_605_1344955_1080_7.jpg" onerror="this.src='https://img.mbn.co.kr/mobile/2021/mbn_og.jpg'" class="video_type2"> </div> </div> <span class="txt_wrp"> 유럽 '폭설'·아프리카 '가뭄 뒤 홍수'…기후변화로 전 세계 몸살 </span> </a> </li> <li style="display:none;"> <a href="//m.mbn.co.kr/news/society/4984109"> <span class="num">6</span> <div class="img_area"> <div class="video_inner"> <button class="list_play_btn"></button><span class="duration">01:33</span> <img src="https://img.vod.mbn.co.kr/vod2/552/2023/12/04/20231204194239_20_552_1344932_1080_7.jpg" onerror="this.src='https://img.mbn.co.kr/mobile/2021/mbn_og.jpg'" class="video_type2"> </div> </div> <span class="txt_wrp"> '두꺼운 양말·부츠·장갑' 방한하려다 무좀 키운다 </span> </a> </li> <li style="display:none;"> <a href="//m.mbn.co.kr/news/society/4984106"> <span class="num">7</span> <div class="img_area"> <div class="video_inner"> <button class="list_play_btn"></button><span class="duration">02:37</span> <img src="https://img.vod.mbn.co.kr/vod2/552/2023/12/04/20231204192854_20_552_1344924_1080_7.jpg" onerror="this.src='https://img.mbn.co.kr/mobile/2021/mbn_og.jpg'" class="video_type2"> </div> </div> <span class="txt_wrp"> "때렸지만 폭행 아니다"라더니…학폭 가해자 처벌에 2년 반 걸려 </span> </a> </li> <li style="display:none;"> <a href="//m.mbn.co.kr/news/politics/4984108"> <span class="num">8</span> <div class="img_area"> <div class="video_inner"> <button class="list_play_btn"></button><span class="duration">01:37</span> <img src="https://img.vod.mbn.co.kr/vod2/552/2023/12/04/20231204191206_20_552_1344916_1080_7.jpg" onerror="this.src='https://img.mbn.co.kr/mobile/2021/mbn_og.jpg'" class="video_type2"> </div> </div> <span class="txt_wrp"> 홍익표 "연합 비례정당 필요" 조국당 힘 싣나? </span> </a> </li> <li style="display:none;"> <a href="//m.mbn.co.kr/news/economy/4984134"> <span class="num">9</span> <div class="img_area"> <div class="video_inner"> <button class="list_play_btn"></button><span class="duration">01:43</span> <img src="https://img.vod.mbn.co.kr/vod2/605/2023/12/05/20231205073654_20_605_1344959_1080_7.jpg" onerror="this.src='https://img.mbn.co.kr/mobile/2021/mbn_og.jpg'" class="video_type2"> </div> </div> <span class="txt_wrp"> 'AI 윤석열·이재명' 못 쓴다…딥페이크 선거운동 금지 </span> </a> </li> <li style="display:none;"> <a href="//m.mbn.co.kr/news/society/4984101"> <span class="num">10</span> <div class="img_area"> <div class="video_inner"> <button class="list_play_btn"></button><span class="duration">01:49</span> <img src="https://img.vod.mbn.co.kr/vod2/552/2023/12/04/20231204192204_20_552_1344921_1080_7.jpg" onerror="this.src='https://img.mbn.co.kr/mobile/2021/mbn_og.jpg'" class="video_type2"> </div> </div> <span class="txt_wrp"> 북한 해킹조직 '안다리엘', 방산기술 훔치고 자금도 탈취 </span> </a> </li> </ul> <button class="viewmore">더 보기<img src="//img.mbn.co.kr/mobile/2021/expand_more.png"></button> </div> </section> <script> window.addEventListener('load',function (){ // 랭킹뉴스 var ranking = document.querySelector(".ranking_news"); var showAllVod = document.querySelector('.bt_conti_play'); // MBN 뉴스 var mbnNews = document.querySelector('.mbn_news'); var mbnNewsBt = mbnNews.querySelector('.viewmore'); // 랭킹뉴스 더보기 ranking.querySelector(".viewmore").addEventListener('click',function (){ for(var i=5; i<10; i++) { ranking.querySelectorAll("li")[i].style.display = "block"; } this.style.display = "none"; }); // MBN 뉴스 스크롤 mbnNewsBt.addEventListener('click',function(){ mbnNews.querySelector('.thumbs_sec_wrp').scroll({ behavior:'smooth', left : mbnNews.querySelector('.thumbs_sec_wrp').scrollLeft + 400 }); },false); // 전체보기 }); </script> <section class="mbn_news" style="padding:8px 0"> <div class="inner"> <div class="sec_tlt_wrp"> <span class="sec_tlt"><h2>뉴스 프로그램</h2></span> <a href="javascript:void(0);" class="viewmore"> <img src="//img.mbn.co.kr/mobile/2021/view_more.png" alt="더보기"> </a> </div> <div class="pgm_thumbs_area"> <div class="thumbs_sec_wrp"> <ul> <li><a href="//m.mbn.co.kr/tv/552"><img src="https://img.mbn.co.kr/program/552/2022/06/07/165457865236.png" class="thums"><span class="pgm">MBN 뉴스7</span></a> </li> <li><a href="//m.mbn.co.kr/tv/906"><img src="https://img.mbn.co.kr/program/906/2022/06/10/165484668241.png" class="thums"><span class="pgm">MBN 뉴스센터</span></a> </li> <li><a href="//m.mbn.co.kr/tv/605"><img src="https://img.mbn.co.kr/program/605/2021/05/28/162218558632.png" class="thums"><span class="pgm">굿모닝 MBN</span></a> </li> <li><a href="//m.mbn.co.kr/tv/606"><img src="https://img.mbn.co.kr/program/606/2021/05/28/162218570975.png" class="thums"><span class="pgm">아침 & 매일경제</span></a> </li> <li><a href="//m.mbn.co.kr/tv/673"><img src="https://img.mbn.co.kr/program/673/2023/02/21/167696563486.png" class="thums"><span class="pgm">김명준의 뉴스파이터</span></a> </li> <li><a href="//m.mbn.co.kr/tv/812"><img src="https://img.mbn.co.kr/program/812/2023/10/10/169691266215.png" class="thums"><span class="pgm">프레스룸 LIVE</span></a> </li> <li><a href="//m.mbn.co.kr/tv/536"><img src="https://img.mbn.co.kr/program/536/2023/10/06/169658040613.png" class="thums"><span class="pgm">MBN 뉴스와이드</span></a> </li> <li><a href="//m.mbn.co.kr/tv/689"><img src="https://img.mbn.co.kr/program/689/2021/05/28/162218574098.png" class="thums"><span class="pgm">전국네트워크뉴스</span></a> </li> <li><a href="//m.mbn.co.kr/tv/675"><img src="https://img.mbn.co.kr/program/675/2023/10/13/169716192165.png" class="thums"><span class="pgm">MBN 뉴스와이드 주말</span></a> </li> <li><a href="//m.mbn.co.kr/tv/813"><img src="https://img.mbn.co.kr/program/813/2021/05/28/162218568848.png" class="thums"><span class="pgm">시사스페셜</span></a> </li> <li><a href="//m.mbn.co.kr/tv/731"><img src="https://img.mbn.co.kr/program/731/2021/05/28/162218554150.png" class="thums"><span class="pgm">MBN 특별편성</span></a> </li> <li><a href="//m.mbn.co.kr/tv/849"><img src="https://img.mbn.co.kr/program/849/2021/05/28/162218572580.png" class="thums"><span class="pgm">MBN 재난대비센터</span></a> </li> <li><a href="//m.mbn.co.kr/tv/88"><img src="https://img.mbn.co.kr/program/88/2021/05/28/162218548256.png" class="thums"><span class="pgm">MBN 뉴스특보</span></a> </li> </ul> </div> </div> </div> </section> <!-- 김주하의 종합뉴스 배너 --> <section class="sec_ban"> <a href="https://m.mbn.co.kr/tv/552"> <img src="//img.mbn.co.kr/mobile/2021/im_kimjooha_news.png"> </a> </section> <!-- //김주하의 종합뉴스 배너 --> </div> </div> <!-- 공유하기 --> <div class="mklayer ly_share ly_share_pg_home" id="shared" style="display:none; top:150px;"> <div class="ly_head"> <strong>공유하기</strong> </div> <div class="ly_con"> <ul class="share_list"> <li> <a href="javascript:katalkShare();" class="btn_share_kakaotalk"> <span>카카오톡</span> </a> </li> <li> <a href="javascript:share.platform(0);" class="btn_share_facebook"> <span>페이스북</span> </a> </li> <li> <a href="javascript:share.platform(1);" class="btn_share_twitter"> <span>트위터</span> </a> </li> <!-- <li>--> <!-- <a href="javascript:share.platform(3);" class="btn_share_kakaostory">--> <!-- <span>카카오<br/>스토리</span>--> <!-- </a>--> <!-- </li>--> </ul> <div class="share_bottom"> <div class="share_link"> <input type="text" id="share_link" class="txt_link" value="https://m.mbn.co.kr/tv/868" readonly> <button class="btn_link" onclick="javascript:share.copy();"> <span class="blind">링크 복사</span> </button> </div> </div> </div> <a href="javascript:share.hide(0);" class="mklayer_close"> <span class="blind">닫기</span> </a> </div> <!-- // 공유하기 --> <!-- // 이메일 공유하기 --> <div class="mklayer_area" id="layer_area" style="display:none;"></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:share.show();" class="btn_go_share"> <span class="blind">공유하기</span> </a> <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/tv/868"; var snsTitle = `M픽 : MBN 프로그램`; 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/tv/868">로그인</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/vod/programContents/868/tv?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/vod/programContents/868/tv?uagent=m">PC버전</a></li>`; } </script> </div> </div> </body> </html>