</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/812/1370271\">로그인</a>"; aside.querySelector('.user').innerHTML = "<a href=\"https://member.mbn.co.kr/M/pages/member/login.php?returnUrl=https://m.mbn.co.kr/tv/812/1370271\">로그인</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;">프레스룸 LIVE - AI 경쟁 속 우려는? / 코끼리의 험난한 탈출 [프레스룸 LIVE-LI...</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"> 프레스룸 LIVE </span> </div> <div class="tit_mid"> AI 경쟁 속 우려는? / 코끼리의 험난한 탈출 [프레스룸 LIVE-LIVE PICK] </div> <div class="tit_bottom"> 방송 2024. 10. 08 </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/1370271"; $.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=1370271&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"> 라이브픽입니다.<br /> <br /> 지금부터 보여드릴 영상. 진짜 같지만 모두 AI가 만든 가짜입니다. 실제 촬영본같은 현실성과 생동감에 화제가 된 영상인데요. 연을 날리며 해변을 달리는 여자아이. 뛰는 폼도, 배경도 실제 여느 영화의 한 장면 같죠. 하지만 페이스북과 인스타그램을 운영하는 메타가 제작한 AI 동영상입니다. 해변, 연, 노란색 티셔츠, 햇볕 등을 입력하면 AI가 명령어에 맞게 16초 분량의 영상을 구성하는 겁니다. 여기에 AI가 증명사진 속 얼굴을 본떠 영상을 만들어 주기도 하는데요. 하루가 다르게 발전하는 AI 산업. 여론은 "놀라움을 금치 못한다"는 긍정적인 반응도 있지만 "딥페이크와 같은 가짜 영상의 문제가 심각해지고, 현업에 있는 영상 관련 종사자들의 입지가 흔들릴 수 있다"는 지적도 나오고 있습니다.<br /> <br /> 며칠 전 태국에 내린 폭우로 유명 관광도시인 치앙마이에 심각한 홍수 피해가 잇따랐습니다. 코끼리 백여 마리가 수심이 얕은 곳으로 서둘러 이동합니다. 미처 대피하지 못한 코끼리를 구하려 사람들이 물에 뛰어들지만, 몇 마리는 사체로 발견되기도 하고요. 고립된 주민들은 코끼리를 타고 구조되기도 합니다. 계절성 폭우가 내리면서 주변 강이 범람해 홍수 피해가 난 태국 제2의 도시 치앙마이. 치앙마이 시내는 무려 1m 높이가 물에 잠겼고 차량과 열차 운행은 중단됐습니다. 감전과 산사태로 3명의 사망자도 발생했는데요. 태국 정부는 "수도인 방콕도 위험할 수 있다" 경고하며 주민들에게 대피령을 내리고 구조활동에도 박차를 가하고 있습니다. 사람은 물론 동물까지 총동원해 구조활동에 힘쓰고 있는 치앙마이. 하루빨리 일상을 되찾았으면 좋겠습니다.<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=%ED%94%84%EB%A0%88%EC%8A%A4%EB%A3%B8LIVE" target="_blank">#프레스룸LIVE</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=%ED%94%84%EB%A0%88%EC%8A%A4%EB%A3%B8%EB%9D%BC%EC%9D%B4%EB%B8%8C" 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=LIVEPICK" target="_blank">#LIVEPICK</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%9D%BC%EC%9D%B4%EB%B8%8C%ED%94%BD" 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=AI" target="_blank">#AI</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%8F%99%EC%98%81%EC%83%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%82%AC%EC%A7%84" 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%B4%EC%A7%80%EB%AF%B8" 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%B2%BD%EC%9F%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=%ED%83%9C%EA%B5%AD" 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%B9%98%EC%95%99%EB%A7%88%EC%9D%B4" 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=%ED%99%8D%EC%88%98" 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%BD%94%EB%81%BC%EB%A6%AC" 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/1370271" //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="프레스룸 LIVE - AI 경쟁 속 우려는? / 코끼리의 험난한 탈출 [프레스룸 LIVE-LI..."> <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/812/1370271" 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"> 프레스룸 LIVE - AI 경쟁 속 우려는? / 코끼리의 험난한 탈출 [프레스룸 LIVE-LI... </div> </div> <form id="send_email_form" name="send_email_form"> <fieldset> <input type="hidden" name="news_seq_no" value="1370271"> <input type="hidden" name="mode" value="vodMail"> <input type="hidden" name="title" value="프레스룸 LIVE - AI 경쟁 속 우려는? / 코끼리의 험난한 탈출 [프레스룸 LIVE-LI..."> <input type="hidden" name="message" value="프레스룸 LIVE - AI 경쟁 속 우려는? / 코끼리의 험난한 탈출 [프레스룸 LIVE-LI..."> <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(1370271); 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(1370271); 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(1370271,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(1370271,''); // 뉴스 프로그램 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] == '1370271') { 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/812/1370271"; var snsTitle = "프레스룸 LIVE - AI 경쟁 속 우려는? / 코끼리의 험난한 탈출 [프레스룸 LIVE-LI..."; 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/812/1370271" 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/812/1370271"; var snsTitle = `프레스룸 LIVE - AI 경쟁 속 우려는? / 코끼리의 험난한 탈출 [프레스룸 LIVE-LI...`; 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/812/1370271">로그인</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/1370271?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/1370271?uagent=m">PC버전</a></li>`; } </script> </div> </div> </body> </html>