</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/683/4385/1375763\">로그인</a>"; aside.querySelector('.user').innerHTML = "<a href=\"https://member.mbn.co.kr/M/pages/member/login.php?returnUrl=https://m.mbn.co.kr/tv/683/4385/1375763\">로그인</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-i - 김상욱 다음 윤 대통령 탄핵 표결 땐 찬성 [현장영상]</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-i </span> </div> <div class="tit_mid"> 김상욱 "다음 윤 대통령 탄핵 표결 땐 찬성" [현장영상] </div> <div class="tit_bottom"> 방송 2024. 12. 10 </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/1375763"; $.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=1375763&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"> 지난 7일 윤석열 대통령 탄핵소추안 표결에 참여했던 김상욱 국민의힘 의원이 "다음 표결 때에는 찬성하겠다"는 입장을 밝혔습니다.<br /> <br /> 김 의원은 오늘(10일) 국회 소통관에서 기자회견을 열고 "이번 비상계엄은 보수의 가치를 판단 기준으로 할 때 가치에 정면으로 반하는 용인할 수 없는 절대적 잘못"이라며 윤 대통령의 사죄와 즉시 하야 등을 촉구했습니다.<br /> <br /> 이어 "깊이 사죄하는 마음으로 반헌법적·반민주적 비상계엄을 기획한 대통령에 대한 차회(次回·다음 차례) 탄핵 표결에 찬성한다"고 밝혔습니다.<br /> <br /> 지난 본회의 표결에서 찬성표를 던졌던 안철수·김예지 의원에 이어 여당에서 나온 3번째 탄핵 찬성 입장입니다. 이들이 14일로 예정된 탄핵안 재상정 때도 표결에 참여할 경우 여당에서 최소 3명의 이탈표 가 나올 전망입니다.<br /><br/><div id='MC_Rectangle_1' style='text-align: center;'><script type='text/javascript'>googletag.display('MC_Rectangle_1');</script></div> <br /> 김상욱 의원은 국민의힘에 진지한 잘못 인정과 대통령 탄핵 추진에 협조할 것을 요구하기도 했습니다.<br /> <br /> 김 의원은 "마음이 아프고 참담하지만 우리 잘못을 우리 손으로 결자해지 한다는 마음으로 탄핵 참여와 반성이라는 도리를 다해야 한다"며 "처음부터 다시 시작한다는 각오로 보수의 가치를 기준 삼아 국민의 신뢰를 다시 얻어가야 한다"고 강조했습니다.<br /> <br /> [최유나 디지털뉴스 기자 chldbskcjstk@mbn.co.kr] </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/1375763" //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="MBN-i - 김상욱 다음 윤 대통령 탄핵 표결 땐 찬성 [현장영상]"> <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/683/1375763" 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-i - 김상욱 다음 윤 대통령 탄핵 표결 땐 찬성 [현장영상] </div> </div> <form id="send_email_form" name="send_email_form"> <fieldset> <input type="hidden" name="news_seq_no" value="1375763"> <input type="hidden" name="mode" value="vodMail"> <input type="hidden" name="title" value="MBN-i - 김상욱 다음 윤 대통령 탄핵 표결 땐 찬성 [현장영상]"> <input type="hidden" name="message" value="MBN-i - 김상욱 다음 윤 대통령 탄핵 표결 땐 찬성 [현장영상]"> <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(1375763); 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(1375763); 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(1375763,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(1375763,''); // 뉴스 프로그램 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] == '1375763') { 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/683/1375763"; var snsTitle = "MBN-i - 김상욱 다음 윤 대통령 탄핵 표결 땐 찬성 [현장영상]"; 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/683/1375763" 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/683/1375763"; var snsTitle = `MBN-i - 김상욱 다음 윤 대통령 탄핵 표결 땐 찬성 [현장영상]`; 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/683/4385/1375763">로그인</a></li> <li><a href="https://member.mbn.co.kr/M/pages/member/joinAgreement.php">회원가입</a></li> <li data-content="link"><a href="https://www.mbn.co.kr/vod/programContents/683/4385/1375763?uagent=m">PC버전</a></li>`; } else { document.querySelector(".footer_links_list").innerHTML = ` <li><a href="//m.mbn.co.kr/util/logout.mbn">로그아웃</a></li> <li data-content="link"><a href="https://www.mbn.co.kr/vod/programContents/683/4385/1375763?uagent=m">PC버전</a></li>`; } </script> </div> </div> </body> </html>