</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/climate/">기후위기</a></li>--> <li><a href="https://m.mbn.co.kr/news/corp/">기업in</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="//m.mbn.co.kr/news/underworld"> <img style="position:absolute; width:50px;" src="https://img.mbn.co.kr/newmbn/news_2024/btn_underworld.png">지하세계 </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/647">굿모닝 월드</a> </li> <li><a href="https://m.mbn.co.kr/tv/212">동영상 일기예보</a> </li> <li><a href="https://m.mbn.co.kr/tv/666">스포츠뉴스</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> </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/212/29252\">로그인</a>"; aside.querySelector('.user').innerHTML = "<a href=\"https://member.mbn.co.kr/M/pages/member/login.php?returnUrl=https://m.mbn.co.kr/tv/212/29252\">로그인</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" class="fixed_header" style="position: fixed; z-index: 99; display: none;"> <div class="news_header"> <div class="inner" style="float: left"> <button class="menu"><img src="//img.mbn.co.kr/mobile/2021/menu.png"></button> <!-- <a href="https://m.mbn.co.kr">--> <!-- <img style="position: relative; top: 14px;" src="//img.mbn.co.kr/images/mbn_mweb/l_mbnmweb_logo.png" height="23" alt="mbn">--> <!-- </a>--> <span style="position: absolute; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; top:16px;padding-left: 10px;width: 82%; font-size: 16px;">동영상 일기예보 - 포근해요, 현재 서울 영하2도</span> </div> </div> </div> <!-- <div id="header" style="--> <!--">--> <div id="header" style=""> <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> <!-- 240116_추가 : 디지털 ONLY : MBN 지하세계 --> <li > <a class="news_btn" href="//m.mbn.co.kr/news/underworld"> <img src="https://img.mbn.co.kr/newmbn/news_2024/btn_underworld.png"> </a> <a href="//m.mbn.co.kr/news/underworld">지하세계</a> </li> <!--// 240116_추가 : 디지털 ONLY : MBN 지하세계 --> <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="//m.mbn.co.kr/entertain/">연예/포토</a></li> <li><a href="//m.mbn.co.kr/tv/845">AI 앵커뉴스</a></li> <li><a href="//m.mbn.co.kr/news/health/">생활/건강</a></li> <li><a href="//m.mbn.co.kr/news/corp/">기업in</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> <script> console.log('news'); </script> <div class="all_wrp "> <div id="news_main_all_wrp"> <div class="news_view_wrp"> <div class="tit_area"> <div class="tit_top"> <span class="tit_program"> 동영상 일기예보 </span> </div> <div class="tit_mid"> 포근해요, 현재 서울 영하2도 </div> <div class="tit_bottom"> 방송 2005. 02. 14 </div> <div class="article_bt_area"> <ul class="ul_bt_area"> <li class="li_bt_area"> <a href="javascript:void(0);" class="bt_comment"> <span> + </span> </a> <script> var referUrl = "www.mbn.co.kr/vod/programView/29252"; $.ajax({ type: "POST", url: "https://www.mbn.co.kr/lib/module/getNewsReplyCnt.php", dataType: "html", data : {mcp_url : referUrl}, success: function (data) { if (data > 0) { $('#news_main_all_wrp').find('.bt_comment>span')[0].innerText = '+ ' + data; $('#news_main_all_wrp').find('.bt_comment>span')[1].innerText = '+ ' + data; $('.comment_area').find('.bt_view_more>span').innerText = '댓글 보이기 (' + data + ')'; } else { $('#news_main_all_wrp').find('.bt_comment>span')[0].innerText = '0 +'; $('#news_main_all_wrp').find('.bt_comment>span')[1].innerText = '0 +'; $('.comment_area').find('.bt_view_more>span').text('댓글 보이기 (0)'); } } }); </script> </li> <li class="li_bt_area "> <a href="javascript:void(0);" class="bt_scrap"> <span class="blind"> 기사 스크랩하기 </span> </a> </li> <li class="li_bt_area"> <a href="javascript:share.show();" class="bt_share"> <span class="blind"> 기사 공유하기 </span> </a> </li> </ul> <div class="bt_font_custom"> <a href="javascript:void(0);" class="bt_font"> <span class="blind"> 기사 폰트 사이즈 조절하기 </span> </a> </div> <!-- 기사 폰트 사이즈 조절 레이어 --> <div class="ly_fontsize" id="fontSize" style="display: none;"> <ul class="fontsize_list"> <li class="option1" id="small1"> <a href="javascript:void(0);"> <span class="option_txt">가</span> <span class="option_name">작게</span> </a> </li> <li class="option2 on" id="small2"> <a href="javascript:void(1);"> <span class="option_txt">가</span> <span class="option_name">보통</span> </a> </li> <li class="option3" id="middle"> <a href="javascript:void(2);"> <span class="option_txt">가</span> <span class="option_name">크게</span> </a> </li> <li class="option4" id="big1"> <a href="javascript:void(3);"> <span class="option_txt">가</span> <span class="option_name">아주크게</span> </a> </li> <li class="option5" id="big2"> <a href="javascript:void(4);"> <span class="option_txt">가</span> <span class="option_name">최대크게</span> </a> </li> </ul> </div> <!-- //기사 폰트 사이즈 조절 레이어 --> <!-- 스크랩 버튼 클릭시 노출되어지는 레이어 --> <div class="arrow_box top_pop1" id="my_info_menu" style="display: none;"> <div class="arrow_box_top"> 해당 기사를 등록했습니다. </div> <ul> <li class="menu1"> <a href="javascript:void(0);"> <span> 확인 </span> </a> </li> <li class="menu2"> <a href="//m.mbn.co.kr/scrap_news"> <span> 스크랩뉴스 보기 </span> </a> </li> </ul> </div> <!-- //스크랩 버튼 클릭시 노출되어지는 레이어 --> </div> </div> <div class="img_area" style="padding-bottom:0px;"> <div id='player-wrap'> <video id='ats-video' class='video-js vjs-big-play-centered vjs-button' data-setup='{}'></video> </div> <script> var device = "mobile"; var params = "?content_cls_cd=20&content_id=29252&relay_type=1&fixed=N&autoplay=false"; player_MBN(device, params); </script> </div> </div> <section class="sec_best sec_news_view"> <div class="inner"> <div class="continuous_play"> <!-- 버튼이 활성화 되었을 경우 'active'의 클래스명 추가를 부탁드립니다. --> <button type="button" class="bt_conti_play active"> <span> 연속재생 </span> </button> <!-- //버튼이 활성화 되었을 경우 'active'의 클래스명 추가를 부탁드립니다. --> </div> <div class="article_con_txt" style="font-size: 19px; line-height: 32px;"> <div class="article_or_txt"> 어제보다 많이 포근해졌습니다. 수은주는 어제보다 4도이상 올라와서 현재 서울은 영하2도, 바람도 없어서 체감기온도 영하2도로 같습니다. 한낮엔 대부분지역이 영상5도를 웃돌겠습니다.당분간 평년이상의 포근한 날씨는 이어지겠고, 오후늦게부터 제주와 호남지역엔 비가 내리는데,중부지방은 내일 밤부터 내려 수요일까지 남부지방은 꽤 많은 양이 내리겠고, 강원산간으로도 많은 눈이 내릴수 있어 대비하셔야겠습니다.<br /> 고기압가장자리에 들어있습니다. 현재도 구름이 많이 들어와있지만, 아직은 날씨에 큰 영향을 주진않고 있습니다. 그러나 오후에 남서쪽으로부터 기압골이 다가오면서 해상부근지역은 비구름이 발달하겠습니다. 바다의 물결은 제주남쪽먼바다에서 점차 높아지겠습니다.<br /> 중부지방은 오늘 구름만 많겠습니다. 그러나 남부지방 차츰 흐려져 제주도는 오후늦게부터, 호남과 경남지역은 밤늦게부터 비가 내리는데, 내일까지 제주도는 20-40mm, 전남과 경남은 10-30, 전북,경북,충청과 영동지역은 5-20mm가 내리겠습니다. 중부지방은 내일밤부터 내려 서울경기는 5mm내외로 적겠고, 강원산간으로는 5-10cm의 많은 눈이 쌓이겠습니다.<br /> 수은주는 빠르게 높아지겠습니다. 한낮엔 어제보다 2도이상, 바람도 없어 더욱 포근해지겠는데요. 대부분지역 영상5도를 웃돌며 강릉과 충청,호남,영남주요지역이 8도까지 오르겠습니다.<br /> 중부지방은 내일밤부터 비가 내리기 시작해 전국적으로 수요일까지 이어지겠습니다. 남부지방은 금요일에도 한때 내려 강수가 많은 이번주, 기온도 평년기온과 같거나 높아 한결 포근하겠습니다. </div> <div id='MC_Byline_Rectangle'><script type='text/javascript'>googletag.display('MC_Byline_Rectangle');</script></div> </div> <div class="article_bt_area"> <ul class="ul_bt_area"> <li class="li_bt_area"> <a href="javascript:void(0);" class="bt_comment"> <span> 0 + </span> </a> </li> <li class="li_bt_area "> <a href="javascript:void(0);" class="bt_scrap"> <span class="blind"> 기사 스크랩하기 </span> </a> </li> <li class="li_bt_area"> <a href="javascript:share.show();" class="bt_share"> <span class="blind"> 기사 공유하기 </span> </a> </li> </ul> <div class="bt_font_custom"> <a href="javascript:void(0);" class="bt_font"> <span class="blind"> 기사 폰트 사이즈 조절하기 </span> </a> </div> <!-- 기사 폰트 사이즈 조절 레이어 --> <div class="ly_fontsize" id="fontSize" style="display: none;"> <ul class="fontsize_list"> <li class="option1" id="small1"> <a href="javascript:void(0);"> <span class="option_txt">가</span> <span class="option_name">작게</span> </a> </li> <li class="option2 on" id="small2"> <a href="javascript:void(0);"> <span class="option_txt">가</span> <span class="option_name">보통</span> </a> </li> <li class="option3" id="middle"> <a href="javascript:void(0);"> <span class="option_txt">가</span> <span class="option_name">크게</span> </a> </li> <li class="option4" id="big1"> <a href="javascript:void(0);"> <span class="option_txt">가</span> <span class="option_name">아주크게</span> </a> </li> <li class="option5" id="big2"> <a href="javascript:void(0);"> <span class="option_txt">가</span> <span class="option_name">최대크게</span> </a> </li> </ul> </div> <!-- //기사 폰트 사이즈 조절 레이어 --> <!-- 스크랩 버튼 클릭시 노출되어지는 레이어 --> <div class="arrow_box top_pop1" id="my_info_menu" style="display: none;"> <div class="arrow_box_top"> 해당 기사를 등록했습니다. </div> <ul> <li class="menu1"> <a href="javascript:void(0);"> <span> 확인 </span> </a> </li> <li class="menu2"> <a href="//m.mbn.co.kr/scrap_news"> <span> 스크랩뉴스 보기 </span> </a> </li> </ul> </div> <!-- //스크랩 버튼 클릭시 노출되어지는 레이어 --> </div> </div> </section> <section class="hotissue purple emotion padding_top_zero"> <div class="inner"> <div class="sec_tlt_wrp"> <span class="sec_tlt"><h2>이 기사에 대해 어떻게 생각하시나요?</h2></span> </div> <ul class="emotion_icons_li"> <li> <a href="javascript:void(0);" class="bt_emotion1"> <span class="bt_emotion_txt"> 좋아요 </span> <span class="bt_emotion_nb"> 0 </span> </a> </li> <li> <a href="javascript:void(0);" class="bt_emotion2"> <span class="bt_emotion_txt"> 훈훈해요 </span> <span class="bt_emotion_nb"> 0 </span> </a> </li> <li> <a href="javascript:void(0);" class="bt_emotion3"> <span class="bt_emotion_txt"> 슬퍼요 </span> <span class="bt_emotion_nb"> 0 </span> </a> </li> <li> <a href="javascript:void(0);" class="bt_emotion4"> <span class="bt_emotion_txt"> 화나요 </span> <span class="bt_emotion_nb"> 0 </span> </a> </li> <li> <a href="javascript:void(0);" class="bt_emotion5"> <span class="bt_emotion_txt"> 후속기사 원해요 </span> <span class="bt_emotion_nb"> 0 </span> </a> </li> </ul> </div> </section> <section class="comment_area"> <div class="sec_tlt_wrp"> <h2>기사에 대해 의견을 남겨주세요.</h2> </div> <div class="comment_view_more"> <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/vod/programView/29252" //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"> <span> 댓글 보이기 (0) </span> </button> </div> </section> </div> <!-- 김주하의 종합뉴스 배너 --> <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> <!-- //김주하의 종합뉴스 배너 --> <section class="mbn_focus cat_pop_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/5028101"> <div class="img_area"> <div class="video_inner"> <img src="" class="video_type2" onerror="this.src='https://img.mbn.co.kr/mobile/2021/mbn_og.jpg'"> </div> </div> <span class="txt_wrp"> <span class="tlt">정치</span> <span class="context">홍준표, 또 한동훈 저격?…"지옥에 몰고 간 애"</span> </span> </a> </li> <li> <a href="//m.mbn.co.kr/news/economy/5028109"> <div class="img_area"> <div class="video_inner"> <img src="https://img.mbn.co.kr/filewww/news/2024/05/22/1716332137664d266904149.jpg" class="video_type2" onerror="this.src='https://img.mbn.co.kr/mobile/2021/mbn_og.jpg'"> </div> </div> <span class="txt_wrp"> <span class="tlt">경제</span> <span class="context">뉴욕증시, 'AI 기대'에 기술주 강세…나스닥·S&P500 사상 최고치 경신</span> </span> </a> </li> <li> <a href="//m.mbn.co.kr/news/society/5028114"> <div class="img_area"> <div class="video_inner"> <img src="https://img.mbn.co.kr/filewww/news/2024/05/22/1716332927664d297f7ae30.gif" class="video_type2" onerror="this.src='https://img.mbn.co.kr/mobile/2021/mbn_og.jpg'"> </div> </div> <span class="txt_wrp"> <span class="tlt">사회</span> <span class="context">한밤중 주차장서 차량 연락처 적어간 남성들…왜?</span> </span> </a> </li> <li> <a href="//m.mbn.co.kr/news/all/5027907"> <div class="img_area"> <div class="video_inner"> <img src="https://img.mbn.co.kr/filewww/news/2024/05/21/1716257393664c02712b80f.jpg" class="video_type2" onerror="this.src='https://img.mbn.co.kr/mobile/2021/mbn_og.jpg'"> </div> </div> <span class="txt_wrp"> <span class="tlt">기업in</span> <span class="context">GS25 "전체 탄산음료 매출 중 '제로 음료' 절반 넘었다"</span> </span> </a> </li> <div id='BC_Native_Rectangle_1st' style="text-align: center"><script type='text/javascript'>googletag.display('BC_Native_Rectangle_1st');</script></div> <li> <a href="//m.mbn.co.kr/news/world/5028108"> <div class="img_area"> <div class="video_inner"> <button class="list_play_btn"></button> <span class="duration">00:50</span> <img src="https://img.vod.mbn.co.kr/vod2/605/2024/05/22/20240522081838_20_605_1358657_1080_7.jpg" class="video_type2" onerror="this.src='https://img.mbn.co.kr/mobile/2021/mbn_og.jpg'"> </div> </div> <span class="txt_wrp"> <span class="tlt">국제</span> <span class="context">[굿모닝월드] 유럽 개 서핑 선수권 대회</span> </span> </a> </li> <li> <a href="//m.mbn.co.kr/news/culture/5028067"> <div class="img_area"> <div class="video_inner"> <img src="https://img.mbn.co.kr/filewww/news/2024/05/21/1716286691664c74e37c5e5.jpg" class="video_type2" onerror="this.src='https://img.mbn.co.kr/mobile/2021/mbn_og.jpg'"> </div> </div> <span class="txt_wrp"> <span class="tlt">문화</span> <span class="context">'절규'로 알려진 뭉크의 140점, 한국 왔다…내일부터 예술의전당 전시</span> </span> </a> </li> <li> <a href="//m.mbn.co.kr/news/entertainments/5027995"> <div class="img_area"> <div class="video_inner"> <img src="https://img.mbn.co.kr/filewww/news/other/2024/05/21/065421620652.jpg" class="video_type2" onerror="this.src='https://img.mbn.co.kr/mobile/2021/mbn_og.jpg'"> </div> </div> <span class="txt_wrp"> <span class="tlt">연예</span> <span class="context">KBS 측 “정준영 불법촬영 피해자 압박? 사실무근…정정보도 요청”(공식입장)</span> </span> </a> </li> <li> <a href="//m.mbn.co.kr/news/sports/5028095"> <div class="img_area"> <div class="video_inner"> <button class="list_play_btn"></button> <span class="duration">01:57</span> <img src="https://img.vod.mbn.co.kr/vod2/605/2024/05/22/20240522074337_20_605_1358651_1080_7.jpg" class="video_type2" onerror="this.src='https://img.mbn.co.kr/mobile/2021/mbn_og.jpg'"> </div> </div> <span class="txt_wrp"> <span class="tlt">스포츠</span> <span class="context">'빅리그 최다골' 황희찬 위풍당당 입국</span> </span> </a> </li> <li> <a href="//m.mbn.co.kr/news/health/5028102"> <div class="img_area"> <div class="video_inner"> <img src="https://img.mbn.co.kr/filewww/news/2024/05/22/1716330201664d1ed9042f2.png" class="video_type2" onerror="this.src='https://img.mbn.co.kr/mobile/2021/mbn_og.jpg'"> </div> </div> <span class="txt_wrp"> <span class="tlt">생활/건강</span> <span class="context">출근길 짙은 안개…낮 최고 30도, 자외선 주의</span> </span> </a> </li> </ul> </div> </section> <!-- 20240703 서비스 종료 --> <!--<section class="mbn_focus cat_pop_keyword padding_top_zero"> <div class="inner"> <div class="sec_tlt_wrp"> <span class="sec_tlt"><h2>인기 키워드</h2></span> </div> <div class="keyword_list"> <ul> <li> <a href="https://search.mbn.co.kr/MBN/M/search.jsp?query="> # </a> </li> </ul> </div> </div> </section>--> <section class="today_issue joohakim_pro padding_top_zero"> <div class="inner"> <div class="sec_tlt_wrp"> <span class="sec_tlt"><h2>김주하 <span class="orange">AI 뉴스</span></h2></span> </div> <ul class="video_type1"> <li> <a href="//m.mbn.co.kr/tv/program_view_new.mbn?seq=845&bcast_seq=1377117" class="mb_inner"> <div class="mb_image_w"> <div class="mb_image_inner"> <button class="list_play_btn"></button> <span class="duration">01:21</span> <img class="mb_image" src="https://img.vod.mbn.co.kr/vod2/845/2024/12/26/20241226164010_20_845_1377117_1080_7_s1.jpg" alt="썸네일 이미지 - 김주하 AI 앵커가 전하는 12월 26일 MBN ..."> </div> </div> <span class="conts">김주하 AI 앵커가 전하는 12월 26일 MBN ...</span> </a> </li> <li> <a href="//m.mbn.co.kr/tv/program_view_new.mbn?seq=845&bcast_seq=1377015" class="mb_inner"> <div class="mb_image_w"> <div class="mb_image_inner"> <button class="list_play_btn"></button> <span class="duration">01:17</span> <img class="mb_image" src="https://img.vod.mbn.co.kr/vod2/845/2024/12/24/20241224202244_20_845_1377015_1080_7_s1.jpg" alt="썸네일 이미지 - 김주하 AI 앵커가 전하는 12월 24일 MBN ..."> </div> </div> <span class="conts">김주하 AI 앵커가 전하는 12월 24일 MBN ...</span> </a> </li> <li> <a href="//m.mbn.co.kr/tv/program_view_new.mbn?seq=845&bcast_seq=1376862" class="mb_inner"> <div class="mb_image_w"> <div class="mb_image_inner"> <button class="list_play_btn"></button> <span class="duration">01:18</span> <img class="mb_image" src="https://img.vod.mbn.co.kr/vod2/845/2024/12/23/20241223164929_20_845_1376862_1080_7_s1.jpg" alt="썸네일 이미지 - 김주하 AI 앵커가 전하는 12월 23일 MBN ..."> </div> </div> <span class="conts">김주하 AI 앵커가 전하는 12월 23일 MBN ...</span> </a> </li> <li> <a href="//m.mbn.co.kr/tv/program_view_new.mbn?seq=845&bcast_seq=1376695" class="mb_inner"> <div class="mb_image_w"> <div class="mb_image_inner"> <button class="list_play_btn"></button> <span class="duration">01:21</span> <img class="mb_image" src="https://img.vod.mbn.co.kr/vod2/845/2024/12/20/20241220164354_20_845_1376695_1080_7_s1.jpg" alt="썸네일 이미지 - 김주하 AI 앵커가 전하는 12월 20일 MBN ..."> </div> </div> <span class="conts">김주하 AI 앵커가 전하는 12월 20일 MBN ...</span> </a> </li> </ul> </div> </section> <div id='BC_Bottom_Rectangle' style="text-align: center;"><script type='text/javascript'>googletag.display('BC_Bottom_Rectangle');</script></div> <section class="mbn_news padding_top_zero" 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/program_new.mbn?seq=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/program_new.mbn?seq=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/program_new.mbn?seq=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/program_new.mbn?seq=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/program_new.mbn?seq=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/program_new.mbn?seq=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/program_new.mbn?seq=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/program_new.mbn?seq=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/program_new.mbn?seq=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/program_new.mbn?seq=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/program_new.mbn?seq=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/program_new.mbn?seq=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/program_new.mbn?seq=693"><img src="https://img.mbn.co.kr/program/693/2024/10/31/173035470522.png" class="thums"><span class="pgm">이슈 픽(Pick)</span></a> </li> <li><a href="//m.mbn.co.kr/tv/program_new.mbn?seq=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> <!-- MBN 네이버 구독 배너 --> <section class="sec_ban"> <a href="https://media.naver.com/channel/promotion.nhn?oid=057"> <img src="//img.mbn.co.kr/mobile/2021/ic_naver_subs.png" alt="MBN 네이버 구독 배너"> </a> </section> <!-- //MBN 네이버 구독 배너 --> </div> <!-- 공유하기 --> <div class="mklayer ly_share" id="shared" style="display:none; top:150px;"> <div class="ly_head"> <strong>공유하기</strong> <input type="hidden" id="share_url" value="https://mfishing.mk.co.kr/fishing_news_view.php?sc=70600039&year=2021&no=515588"> <input type="hidden" id="share_url_m" value="https://mfishing.mk.co.kr/fishing_news_view.php?sc=70600039&year=2021&no=515588"> <input type="hidden" id="share_title" value="동영상 일기예보 - 포근해요, 현재 서울 영하2도"> <input type="hidden" id="share_desc" value="미국 작가 윌리엄 태플리(William Tapply)는 자신의 수많은 낚시 경험을 빗대 이렇게 표현했습니다. “나는 살면서 몇 천 번이나 낚시를 갔지만 물가에 서서 소비한 시간에 대해 후회를 한 적은 절대 없다.” 망망대해에 낚싯대를 드리우는"> <input type="hidden" id="share_image" value="https://file.mk.co.kr/meet/neds/2021/05/image_readtop_2021_515588_16221746374661529.jpg"> </div> <div class="ly_con"> <ul class="share_list"> <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:katalkShare();" class="btn_share_kakaotalk"> <span>카카오톡</span> </a> </li> <!-- <li>--> <!-- <a href="javascript:share.platform(3);" class="btn_share_kakaostory">--> <!-- <span>카카오 스토리</span>--> <!-- </a>--> <!-- </li>--> <li> <a href="javascript:share.platform(2);" class="btn_share_naverband"> <span>네이버 밴드</span> </a> </li> <li> <a href="javascript:share.platform(4);" class="btn_share_email"> <span>이메일</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/212/29252" 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 ly_share_email" id="email_shared" style="display:none; top:100px;"> <div class="ly_head"> <strong>이메일 공유하기</strong> </div> <div class="ly_con"> <div class="sand_wrap"> <div class="sand_article"> <div class="tit"> 동영상 일기예보 - 포근해요, 현재 서울 영하2도 </div> </div> <form id="send_email_form" name="send_email_form"> <fieldset> <input type="hidden" name="news_seq_no" value="29252"> <input type="hidden" name="mode" value="vodMail"> <input type="hidden" name="title" value="동영상 일기예보 - 포근해요, 현재 서울 영하2도"> <input type="hidden" name="message" value="동영상 일기예보 - 포근해요, 현재 서울 영하2도"> <legend class="blind">이메일 공유하기 입력 폼</legend> <ul class="sand_inp_list"> <li> <div class="lbl_box"> 받는 사람 </div> <div class="inp_box"> <label for="to_email" class="blind">받는 사람 메일</label> <input type="text" id="to_email" name="rcpt_email" placeholder="이메일"> </div> <div class="inp_box"> <label for="to_name" class="blind">받는 사람 이름</label> <input type="text" id="to_name" name="rcpt_name" placeholder="이름"> </div> </li> <li> <div class="lbl_box"> 보내는 사람 </div> <div class="inp_box"> <label for="from_email" class="blind">보내는 사람 메일</label> <input type="text" id="from_email" name="from_email" placeholder="이메일"> </div> <div class="inp_box"> <label for="from_name" class="blind">보내는 사람 이름</label> <input type="text" id="from_name" name="from_name" placeholder="이름"> </div> </li> </ul> <a href="javascript:share.sendEmail();" class="btn_sand">보내기</a> </fieldset> </form> </div> </div> <a href="javascript:share.hide(1);" class="mklayer_close"> <span class="blind">닫기</span> </a> </div> <!-- // 이메일 공유하기 --> <div class="mklayer_area" id="layer_area" style="display:none;"></div> <!-- //20210604 - 공유하기 팝업 --> <script> window.addEventListener('load',function () { // 기준 var newsContent = document.getElementById('news_main_all_wrp'); var titleArea = newsContent.querySelector('.tit_area'); // 상단 버튼 var titleBt = titleArea.querySelector('.article_bt_area'); var commentBt1 = titleBt.querySelector('.bt_comment'); var scrapBt1 = titleBt.querySelector('.bt_scrap'); var shareBt1 = titleBt.querySelector('.bt_share'); var fontBt1 = titleBt.querySelector('.bt_font'); // 스크랩 메뉴 var myMenu = document.querySelectorAll('.top_pop1'); //본문 var newsView = newsContent.querySelector('.sec_news_view'); var newsText = newsView.querySelector('.article_con_txt'); var bottomBt = newsView.querySelector('.article_bt_area'); var commentBt2 = bottomBt.querySelector('.bt_comment'); var scrapBt2 = bottomBt.querySelector('.bt_scrap'); var shareBt2 = bottomBt.querySelector('.bt_share'); var fontBt2 = bottomBt.querySelector('.bt_font'); var commentArea = newsContent.querySelector('.comment_area'); //폰트 사이지 변경 영역 var fontSizeLayer1 = document.querySelectorAll('.ly_fontsize')[0]; var fontSizeLayer2 = document.querySelectorAll('.ly_fontsize')[1]; var fontSizeBt1 = fontSizeLayer1.querySelector('.fontsize_list'); var fontSizeBt2 = fontSizeLayer2.querySelector('.fontsize_list'); var fontSize = ['17','19','21','23','25']; var lineHeight = ['31','32','34','36','38']; // 뉴스 프로그램 var mbnNews = newsContent?.querySelector(".mbn_news"); var mbnNewsBt = mbnNews?.querySelector(".viewmore"); // 뉴스 평가 var newsEmotion = newsContent.querySelector(".emotion"); var newsEvalTab = newsEmotion.querySelector(".emotion_icons_li"); //댓글 var liveReComment = document.getElementById("liveReComment"); // 댓글영역 이동 commentBt1.addEventListener('click',function (){ moveComment(); },false); // 댓글영역 이동 commentBt2.addEventListener('click',function (){ moveComment(); },false); // 댓글영역 이동 function moveComment(){ commentArea.scrollIntoView({ behavior: 'smooth' }); commentArea.querySelector('.bt_view_more').classList.add('active'); liveReComment.style.display = 'block'; } // 댓글 보이기, 숨기기 commentArea.querySelector('.bt_view_more').addEventListener('click',function (){ this.classList.toggle('active'); liveReComment.style.display = liveReComment.style.display === 'none' ? 'block' : 'none'; },false); // 스크랩 scrapBt1.addEventListener('click',function (){ var scrapReturn = scrap_vod(29252); if (scrapReturn === true) { myMenu[0].style.display = myMenu[0].style.display === 'none' ? 'block' : 'none'; scrapBt1.parentElement.classList.add('on'); scrapBt2.parentElement.classList.add('on'); } },false); // 스크랩2 scrapBt2.addEventListener('click',function (){ //scrap.js var scrapReturn = scrap_vod(29252); if (scrapReturn === true) { myMenu[1].style.display = myMenu[1].style.display === 'none' ? 'block' : 'none'; scrapBt1.parentElement.classList.add('on'); scrapBt2.parentElement.classList.add('on'); } },false); // 스크랩 박스 안보이기 myMenu.forEach(function (element){ element.querySelector('.menu1').addEventListener('click',function () { element.style.display = 'none'; },false); }); //공유하기 // shareBt1.addEventListener('click',function () { // document.getElementById('layer_area').style.display = 'block'; // document.getElementById('shared').style.display = 'block'; // },false); // // shareBt2.addEventListener('click',function () { // document.getElementById('layer_area').style.display = 'block'; // document.getElementById('shared').style.display = 'block'; // },false); // 폰트 영역 fontBt1.addEventListener('click',function () { var fontLayer = document.getElementsByClassName('ly_fontsize')[0]; fontLayer.style.display = fontLayer.style.display === 'none' ? 'block' : 'none'; },false); fontBt2.addEventListener('click',function () { var fontLayer = document.getElementsByClassName('ly_fontsize')[1]; fontLayer.style.display = fontLayer.style.display === 'none' ? 'block' : 'none'; },false); // 글자 크기 수정 버튼 Array.from(fontSizeBt1.children).forEach(function(element,index){ element.addEventListener('click',function (){ // 클래스 수정 for(var i=0; i<fontSizeBt1.children.length; i++){ fontSizeBt1.children[i].classList.remove('on') fontSizeBt2.children[i].classList.remove('on') } // 위 아래 둘 다 수정 this.classList.add('on'); fontSizeBt2.children[index].classList.add('on'); // 글자 크기 수정 newsText.style.fontSize = fontSize[index] + 'px'; newsText.style.lineHeight = lineHeight[index] + 'px'; },false); }); Array.from(fontSizeBt2.children).forEach(function(element,index){ element.addEventListener('click',function (){ // 클래스 수정 for(var i=0; i<fontSizeBt2.children.length; i++){ fontSizeBt1.children[i].classList.remove('on') fontSizeBt2.children[i].classList.remove('on') } // 위 아래 둘 다 수정 this.classList.add('on'); fontSizeBt1.children[index].classList.add('on'); // 글자 크기 수정 newsText.style.fontSize = fontSize[index] + 'px'; newsText.style.lineHeight = lineHeight[index] + 'px'; },false); }); // 뉴스 평가 Array.from(newsEvalTab.children).forEach(function (element,index) { element.addEventListener('click',function () { // 클래스 수정 for(var i=0; i<newsEvalTab.children.length; i++){ newsEvalTab.children[i].classList.remove('active'); } this.classList.add('active'); // 이모티콘 숫자 // 수정 newsEmotionFc(29252,index); },false); }); // 뉴스 이모티콘 감정 function newsEmotionFc(bcast_seq_no, emotion) { var ajax = new XMLHttpRequest(); ajax.open('GET','/news/news_eval_ajax.mbn?bcast_seq_no='+bcast_seq_no+'&emotion='+emotion,true); ajax.setRequestHeader("If-Modified-Since","Sat, 1 Jan 2000 00:00:00 GMT"); // 캐싱 방지 ajax.send(); ajax.onload = function () { if (ajax.status == 200){ var emotion = JSON.parse(ajax.response); var emotionArray = [emotion.love,emotion.warm,emotion.sad,emotion.angry,emotion.want]; for(var i=0; i<newsEvalTab.children.length; i++){ newsEvalTab.children[i].querySelector('.bt_emotion_nb').innerText = emotionArray[i] } } else { console.log("error"); } } } newsEmotionFc(29252,''); // 뉴스 프로그램 mbnNewsBt?.addEventListener('click',function (){ mbnNews.querySelector('.thumbs_sec_wrp').scroll({ behavior:'smooth', left : mbnNews.querySelector('.thumbs_sec_wrp').scrollLeft + 400 }); },false); // 기사 평가 var eval_news_seq_no = getCookie('eval_bcast_seq_no').split(","); var eval_emotion = getCookie('eval_bcast_emotion').split(","); for (var k=0; k<eval_news_seq_no.length; k++) { if (eval_news_seq_no[k] == '29252') { newsEvalTab.children[eval_emotion[k]].classList.add('active'); } } function getCookie(cName) { cName = cName + '='; var cookieData = document.cookie; var start = cookieData.indexOf(cName); var cValue = ''; if(start != -1){ start += cName.length; var end = cookieData.indexOf(';', start); if(end == -1)end = cookieData.length; cValue = cookieData.substring(start, end); } return unescape(cValue); } },false); 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/212/29252"; var snsTitle = "동영상 일기예보 - 포근해요, 현재 서울 영하2도"; 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); }, 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); 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; } } </script> <script> $(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(){ } }); auto_relay(true,3); $('.bt_conti_play').on('click',function (){ $(this).toggleClass('active'); if ($(this).hasClass('active')) { auto_relay(true,3); } else { auto_relay(false); } }) }); </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> <!-- 공유하기 --> <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/212/29252" 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" rel="noopener noreferrer">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" style="display: none;"> <a href="javascript:share.show();" class="btn_go_share"> <span class="blind">공유하기</span> </a> <a href="https://m.mbn.co.kr/report" class="btn_go_report"> <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/212/29252"; var snsTitle = `동영상 일기예보 - 포근해요, 현재 서울 영하2도`; 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: let mailLinebreaker = "%0D%0A" let mailbody = "[MBN 기사 서비스]" + mailLinebreaker + mailLinebreaker + snsTitle + mailLinebreaker + mailLinebreaker + snsUrl; let mailTo = "mailto:?subject=[MBN 기사 서비스] " + snsTitle + "&body=" + mailbody; window.location.href = mailTo; // 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 : () => { /* 241212 이메일서버, 보안 문제 이메일 서비스 종료 */ return false; 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/212/29252">로그인</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/programView/29252?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/programView/29252?uagent=m">PC버전</a></li>`; } </script> </div> </div> </body> </html>