</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/605/1371026\">로그인</a>"; aside.querySelector('.user').innerHTML = "<a href=\"https://member.mbn.co.kr/M/pages/member/login.php?returnUrl=https://m.mbn.co.kr/tv/605/1371026\">로그인</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;">굿모닝 MBN - [날씨]출근길 내륙 짙은 안개…아침 쌀쌀, 한낮 다소 더워</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"> 굿모닝 MBN </span> <span class="tit_reporter"> <a href="javascript:void(1);">김다영</a> </span> </div> <div class="tit_mid"> [날씨]출근길 내륙 짙은 안개…아침 쌀쌀, 한낮 다소 더워 </div> <div class="tit_bottom"> 방송 2024. 10. 17 </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/1371026"; $.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=1371026&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"> 오늘 아침도 내륙 곳곳으로 가시거리 200m 미만의 안개가 낀 곳이 많습니다. 특히, 홍성과 경주는 가시거리가 100m도 채 되지 않아 시야가 무척 답답하고요. 광주와 청주 공항에는 저시정 경보도 발효 중이어서 항공기 운항 정보 잘 확인해 주셔야겠습니다.<br /> <br /> 오늘도 아침에는 쌀쌀하고 한낮에는 다소 더워 일교차가 크게 벌어지겠습니다. 현재 서울의 기온 13.9도로 어제와 비슷하게 출발하고 있고요. 낮에는 26도까지 올라 평년 기온을 6도가량 웃돌겠습니다. 고온 현상은 내일과 모레 사이 전국에 비가 내리면서 누그러지겠습니다.<br /> <br /> 비는 오늘 밤 제주부터 시작돼 내일 오전에는 남부지방으로, 오후에는 중부지방으로 확대되겠고요. 모레까지 강원 영동에 최고 100mm 이상, 그 밖의 중부지방과 남해안에도 최고 80mm 이상의 많은 비가 예상됩니다.<br /> <br /> 오늘 중부지방 하늘 자체는 대체로 맑겠고요. 남부지방은 가끔 구름 많겠습니다.<br /><br/><div id='MC_Rectangle_1' style='text-align: center;'><script type='text/javascript'>googletag.display('MC_Rectangle_1');</script></div> <br /> 지역별 현재 기온 보겠습니다. 서울 13.9도, 대구는 15.5도 나타내고 있습니다.<br /> <br /> 낮 기온은 서울 26도, 대전과 대구 24도, 광주와 부산은 25도까지 오르겠습니다.<br /> <br /> 비는 모레 오전에 대부분 그치겠고요. 일요일에는 서울의 아침 기온이 한 자릿수로 떨어지겠습니다. 날씨였습니다.<br /> <br /> (김다영 기상캐스터)<br /> <a style="font-size: 18px; color:#2382c2; background:#ebf3f9; margin: 0 10px 10px 0px; line-height:180%;" href="https://search.mbn.co.kr/MBN/M/search.jsp?query=MBN" target="_blank">#MBN</a> <a style="font-size: 18px; color:#2382c2; background:#ebf3f9; margin: 0 10px 10px 0px; line-height:180%;" href="https://search.mbn.co.kr/MBN/M/search.jsp?query=%EB%82%A0%EC%94%A8" target="_blank">#날씨</a> <a style="font-size: 18px; color:#2382c2; background:#ebf3f9; margin: 0 10px 10px 0px; line-height:180%;" href="https://search.mbn.co.kr/MBN/M/search.jsp?query=%EA%B9%80%EB%8B%A4%EC%98%81" target="_blank">#김다영</a> <a style="font-size: 18px; color:#2382c2; background:#ebf3f9; margin: 0 10px 10px 0px; line-height:180%;" href="https://search.mbn.co.kr/MBN/M/search.jsp?query=%EC%95%88%EA%B0%9C" target="_blank">#안개</a> <a style="font-size: 18px; color:#2382c2; background:#ebf3f9; margin: 0 10px 10px 0px; line-height:180%;" href="https://search.mbn.co.kr/MBN/M/search.jsp?query=%EC%9D%BC%EA%B5%90%EC%B0%A8" target="_blank">#일교차</a> <a style="font-size: 18px; color:#2382c2; background:#ebf3f9; margin: 0 10px 10px 0px; line-height:180%;" href="https://search.mbn.co.kr/MBN/M/search.jsp?query=MBN%EB%82%A0%EC%94%A8" target="_blank">#MBN날씨</a> <a style="font-size: 18px; color:#2382c2; background:#ebf3f9; margin: 0 10px 10px 0px; line-height:180%;" href="https://search.mbn.co.kr/MBN/M/search.jsp?query=%EA%B8%B0%EC%83%81%EC%BA%90%EC%8A%A4%ED%84%B0" target="_blank">#기상캐스터</a><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/1371026" //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=1373573" class="mb_inner"> <div class="mb_image_w"> <div class="mb_image_inner"> <button class="list_play_btn"></button> <span class="duration">01:20</span> <img class="mb_image" src="https://img.vod.mbn.co.kr/vod2/845/2024/11/14/20241114163606_20_845_1373573_1080_7_s1.jpg" alt="썸네일 이미지 - 김주하 AI 앵커가 전하는 11월 14일 MBN ..."> </div> </div> <span class="conts">김주하 AI 앵커가 전하는 11월 14일 MBN ...</span> </a> </li> <li> <a href="//m.mbn.co.kr/tv/program_view_new.mbn?seq=845&bcast_seq=1373447" class="mb_inner"> <div class="mb_image_w"> <div class="mb_image_inner"> <button class="list_play_btn"></button> <span class="duration">01:20</span> <img class="mb_image" src="https://img.vod.mbn.co.kr/vod2/845/2024/11/13/20241113164214_20_845_1373447_1080_7_s1.jpg" alt="썸네일 이미지 - 김주하 AI 앵커가 전하는 11월 13일 MBN ..."> </div> </div> <span class="conts">김주하 AI 앵커가 전하는 11월 13일 MBN ...</span> </a> </li> <li> <a href="//m.mbn.co.kr/tv/program_view_new.mbn?seq=845&bcast_seq=1373338" class="mb_inner"> <div class="mb_image_w"> <div class="mb_image_inner"> <button class="list_play_btn"></button> <span class="duration">01:19</span> <img class="mb_image" src="https://img.vod.mbn.co.kr/vod2/845/2024/11/12/20241112163622_20_845_1373338_1080_7_s1.jpg" alt="썸네일 이미지 - 김주하 AI 앵커가 전하는 11월 12일 MBN ..."> </div> </div> <span class="conts">김주하 AI 앵커가 전하는 11월 12일 MBN ...</span> </a> </li> <li> <a href="//m.mbn.co.kr/tv/program_view_new.mbn?seq=845&bcast_seq=1373220" 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/11/11/20241111162718_20_845_1373220_1080_7_s1.jpg" alt="썸네일 이미지 - 김주하 AI 앵커가 전하는 11월 11일 MBN ..."> </div> </div> <span class="conts">김주하 AI 앵커가 전하는 11월 11일 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="굿모닝 MBN - [날씨]출근길 내륙 짙은 안개…아침 쌀쌀, 한낮 다소 더워"> <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/605/1371026" 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"> 굿모닝 MBN - [날씨]출근길 내륙 짙은 안개…아침 쌀쌀, 한낮 다소 더워 </div> </div> <form id="send_email_form" name="send_email_form"> <fieldset> <input type="hidden" name="news_seq_no" value="1371026"> <input type="hidden" name="mode" value="vodMail"> <input type="hidden" name="title" value="굿모닝 MBN - [날씨]출근길 내륙 짙은 안개…아침 쌀쌀, 한낮 다소 더워"> <input type="hidden" name="message" value="굿모닝 MBN - [날씨]출근길 내륙 짙은 안개…아침 쌀쌀, 한낮 다소 더워"> <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(1371026); 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(1371026); 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(1371026,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(1371026,''); // 뉴스 프로그램 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] == '1371026') { 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/605/1371026"; var snsTitle = "굿모닝 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); }, 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/605/1371026" 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/605/1371026"; var snsTitle = `굿모닝 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/605/1371026">로그인</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/1371026?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/1371026?uagent=m">PC버전</a></li>`; } </script> </div> </div> </body> </html>