</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/news/planning\">로그인</a>"; aside.querySelector('.user').innerHTML = "<a href=\"https://member.mbn.co.kr/M/pages/member/login.php?returnUrl=https://m.mbn.co.kr/news/planning\">로그인</a>"; } else { var ajax = new XMLHttpRequest(); ajax.open('GET','/lib/module/getUserName.php',true); ajax.setRequestHeader("If-Modified-Since","Sat, 1 Jan 2000 00:00:00 GMT"); // 캐싱 방지 ajax.send(); ajax.onload = function () { if (ajax.status == 200){ //console.log(ajax.response); aside.querySelector('.user').innerHTML = '<li><a href="javascript:void(0);"><span onclick="location.href=\'//m.mbn.co.kr/mypage/\'">'+ajax.response+'님</span> <span class="logout_txt" onclick="location.href=\'//m.mbn.co.kr/util/logout.mbn\'">로그아웃</span></a></li>'; } else { aside.querySelector('.user').innerHTML = '<a href="//m.mbn.co.kr/util/logout.mbn">'+ '<span class="id_name"></span>'+ '<span class="logout_txt">로그아웃</span>'+ '</a>'; console.log("error"); } } } },false) </script> <script type="text/javascript"> $(document).ready(function(){ var body_width = $('body').outerWidth(); var menu = $('#area_sidemenu'); // menu.css('left',-2 * body_width); // menu.css('display','block'); var togglaAllTab=function(){ var el=$("#area_sidemenu"); var pos= el.offset(); var body_width = $('body').outerWidth(); if (el.css('display') === 'none') { el.show(); $('#slot2').hide(); } else { el.hide(); $('#slot2').show(); } // if (pos.left==0) { // el.animate({'left':-2 * body_width}); // } else { // el.animate({'left':0}); // if (typeof menuLayer != "undefined") { // menuLayer("off"); // } // } } $(".menu").on("click", togglaAllTab); menu.find(".btn_close").on("click", togglaAllTab); }); </script><div id="container" data-role='page' > <!-- <div id="header" style="--> <!--">--> <div id="header" style="z-index: 10000; position: fixed;"> <div class="news_header"> <div class="inner"> <button class="menu"><img src="//img.mbn.co.kr/mobile/2021/menu.png"></button> <a href="javascript:void(0);" class="logo"> <img style="/*position: relative; top: -4px;*/" src="//img.mbn.co.kr/images/mbn_mweb/l_mbnmweb_logo.png" height="23" alt="mbn" onclick="location.href='//m.mbn.co.kr/'"> <span onclick="location.href='//m.mbn.co.kr/news/'">뉴스</span> </a> <a href="https://m.mbn.co.kr/report" class="report"><span>제보하기</span></a> </div> </div> <div class="news_gnb_wrp"> <div class="news_nav_scroll"> <ul> <li><a href="//m.mbn.co.kr/news/">뉴스홈</a></li> <li><a href="//m.mbn.co.kr/tv/552">MBN 뉴스7</a></li> <!-- 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 class='on' ><a href="//m.mbn.co.kr/news/planning/">연재</a></li> </ul> </div> <script type="text/javascript"> var Xpos = 735; $('.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> <style> .news_desc_href_link { line-height: 1; display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } </style> <script type="text/javascript"> var newsPage = 0; var active = true; var loadNewsData = function () { active = false; newsPage++; $.post("//m.mbn.co.kr/news/news_ajax_new.php", { "c": "loadNewsData", "cidx": 100, "cate": '', "keyword": "", "page": newsPage, "planning_cate_code": '100000176', "planning_cate_name": '유튜브 속 세상읽기', 'top_news_seq_no': getTopNewsSeqNo(), 'climateCategoryCode': '' }, function (data) { $(".main_news_lst02_area>.inner>ul").append(data); active = true; if (data == "") { $('.bt_more_nl').hide(); active = false; } }); } $(document).ready(function () { loadNewsData(); }); // 해당영역 스크롤시 함수 실행 var scroll_timer; var el = $(this); $(window).scroll(function () { if (!scroll_timer) { scroll_timer = setTimeout(function () { if ($('.bt_more_nl').length > 0 && (Math.ceil(el.scrollTop()) + el.outerHeight()) > Math.ceil($('.bt_more_nl').offset().top) && active) { loadNewsData(); } scroll_timer = undefined; }, 100) } }); </script> <div class="all_wrp news_review_category news_review_wrp" style="padding-top: 100px;"> <div id="news_main_all_wrp"> <section class="main_news_lst02_area"> <div class="inner"> <!-- 240213_기획 --> <div class="tit_section_area"> <h2 class="tit_section"> <a class='test' href="javascript:void(0)">연재</a> </h2> </div> <div class="list_area"> <ul class="planning_cate_list"> <li> <a href="/news/planning/doctor"> <div class="plan_thumb"> <img src="https://img.mbn.co.kr/newmbn/news_2024/serially_img2.jpg" alt=""> </div> <div class="txt_area" style="width:75%"> <div class="ttl_wrap"> <div class="news_ttl_b"> <h3 class="news_ttl">진료는 의사에게</h3> </div> <span class="news_txt">안진우</span> </div> <p class="news_desc"> <span class="news_desc_href_link" data-href="//m.mbn.co.kr/news/planning/5082405">[진료는 의사에게] "건망증, 치매" 어떻게 다를까?</span><br> <span class="news_desc_href_link" data-href="//m.mbn.co.kr/news/planning/5070775">[진료는 의사에게]소화불량에 '속 더부룩' 식도염?…췌장암 진단</span> </p> </div> </a> </li> <li> <a href="/news/planning/americashot"> <div class="plan_thumb"> <img src="https://img.mbn.co.kr/newmbn/news_2024/serially_img10.jpg" alt=""> </div> <div class="txt_area" style="width:75%"> <div class="ttl_wrap"> <div class="news_ttl_b"> <h3 class="news_ttl">아메리카 샷 추가</h3> </div> <span class="news_txt">이권열</span> </div> <p class="news_desc"> <span class="news_desc_href_link" data-href="//m.mbn.co.kr/news/planning/5051967">[아메리카 샷 추가] '너덜너덜한 신발'이 최신 유행 아이템? </span><br> <span class="news_desc_href_link" data-href="//m.mbn.co.kr/news/planning/5048850">[아메리카 샷 추가] 나이키도, 레고도 두 손 든 '좀도둑'</span> </p> </div> </a> </li> <li> <a href="/news/planning/book-gpt"> <div class="plan_thumb"> <img src="https://img.mbn.co.kr/newmbn/news_2024/serially_img3.jpg" alt=""> </div> <div class="txt_area" style="width:75%"> <div class="ttl_wrap"> <div class="news_ttl_b"> <h3 class="news_ttl">책GPT</h3> </div> <span class="news_txt">심가현</span> </div> <p class="news_desc"> <span class="news_desc_href_link" data-href="//m.mbn.co.kr/news/planning/5045125">쇼츠, 릴스의 시대에 '고전 문학'의 쾌락을 외치다…<금빛 종소리> 따라 길을 잃는 법 [책GPT]</span><br> <span class="news_desc_href_link" data-href="//m.mbn.co.kr/news/planning/5034161">'나는 SOLO' 출연자의 방송 전후, 아이돌 팬의 딜레마...따끈따끈한 2020년대 <두 사람의 인터내셔널> [책GPT] </span> </p> </div> </a> </li> <li> <a href="/news/planning/estate"> <div class="plan_thumb"> <img src="https://img.mbn.co.kr/newmbn/news_2024/serially_img5.jpg" alt=""> </div> <div class="txt_area" style="width:75%"> <div class="ttl_wrap"> <div class="news_ttl_b"> <h3 class="news_ttl">부동산 핵심클릭</h3> </div> <span class="news_txt">김경기</span> </div> <p class="news_desc"> <span class="news_desc_href_link" data-href="//m.mbn.co.kr/news/planning/5020841">[부동산 핵심클릭] '5도2촌' 하고 싶어도 "너무 멀어요"</span><br> <span class="news_desc_href_link" data-href="//m.mbn.co.kr/news/planning/5013616">[부동산 핵심클릭] 현실이 되는 GTX, 집값상승 열차될까</span> </p> </div> </a> </li> <li> <a href="/news/planning/disaster-white-paper"> <div class="plan_thumb"> <img src="https://img.mbn.co.kr/newmbn/news_2024/serially_img6.jpg" alt=""> </div> <div class="txt_area" style="width:75%"> <div class="ttl_wrap"> <div class="news_ttl_b"> <h3 class="news_ttl">강세현의 재난백서</h3> </div> <span class="news_txt">강세현</span> </div> <p class="news_desc"> <span class="news_desc_href_link" data-href="//m.mbn.co.kr/news/planning/5067182">[강세현의 재난백서] 자동차 유리 깨고 탈출해 봤습니다</span><br> <span class="news_desc_href_link" data-href="//m.mbn.co.kr/news/planning/5063547">[강세현의 재난백서] 전기차 포비아를 극복하려면</span> </p> </div> </a> </li> <li> <a href="/news/planning/china"> <div class="plan_thumb"> <img src="https://img.mbn.co.kr/newmbn/news_2024/serially_img7.jpg" alt=""> </div> <div class="txt_area" style="width:75%"> <div class="ttl_wrap"> <div class="news_ttl_b"> <h3 class="news_ttl">생생중국</h3> </div> <span class="news_txt">윤석정</span> </div> <p class="news_desc"> <span class="news_desc_href_link" data-href="//m.mbn.co.kr/news/planning/5051844">[생생중국] ‘중국의 어머니강’ 황허를 보며 3년간의 중국 생활을 마무리하다</span><br> <span class="news_desc_href_link" data-href="//m.mbn.co.kr/news/planning/5044684">[생생중국] 경제특구는 천지개벽했는데…중국 경제의 성장 엔진 다시 켜질까</span> </p> </div> </a> </li> <li> <a href="/news/planning/real-story"> <div class="plan_thumb"> <img src="https://img.mbn.co.kr/newmbn/news_2024/serially_img9.jpg" alt=""> </div> <div class="txt_area" style="width:75%"> <div class="ttl_wrap"> <div class="news_ttl_b"> <h3 class="news_ttl">취[재]중진담</h3> </div> <span class="news_txt">연장현</span> </div> <p class="news_desc"> <span class="news_desc_href_link" data-href="//m.mbn.co.kr/news/planning/5075951">'김호중 사건'이 남긴 것들 -[취(재)중진담]</span><br> <span class="news_desc_href_link" data-href="//m.mbn.co.kr/news/planning/5050068">'36주 태아 낙태 사건'이 던진 메시지 -취[재]중진담</span> </p> </div> </a> </li> <li> <a href="/news/planning/culture-story"> <div class="plan_thumb"> <img src="https://img.mbn.co.kr/newmbn/news_2024/serially_img11.jpg" alt=""> </div> <div class="txt_area" style="width:75%"> <div class="ttl_wrap"> <div class="news_ttl_b"> <h3 class="news_ttl">김기자의 문화이야기</h3> </div> <span class="news_txt">김문영</span> </div> <p class="news_desc"> <span class="news_desc_href_link" data-href="//m.mbn.co.kr/news/planning/5082371">한강이 빛낸 것들…1960년대 스웨덴에 '한국학' 생긴 이유? [김기자의 문화이야기]</span><br> <span class="news_desc_href_link" data-href="//m.mbn.co.kr/news/planning/5056671">류승완의 첫 시리즈물 '베테랑 2'…황정민 "서도철로 어릴 적 꿈 이뤄" [김기자의 문화이야기]</span> </p> </div> </a> </li> <li> <a href="/news/planning/sisicolcol-story"> <div class="plan_thumb"> <img src="https://img.mbn.co.kr/newmbn/news_2024/serially_img13.jpg" alt=""> </div> <div class="txt_area" style="width:75%"> <div class="ttl_wrap"> <div class="news_ttl_b"> <h3 class="news_ttl">시시콜콜한 이야기</h3> </div> <span class="news_txt">이성식</span> </div> <p class="news_desc"> <span class="news_desc_href_link" data-href="//m.mbn.co.kr/news/planning/5075963">중요한 건 골프가 아니다 [시시콜콜한 이야기]</span><br> <span class="news_desc_href_link" data-href="//m.mbn.co.kr/news/planning/5063256">매듭&맺음(結び)을 마무리하며 [시시콜콜한 이야기]</span> </p> </div> </a> </li> </ul> </div> <!-- <button type="button" class="bt_more_nl" onclick='loadNewsData()'> <img src="https://img.mbn.co.kr/mobile/2021/ic_arrow_more.png" alt="더보기"> </button> --> </div> </section> </div> </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"> <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 = "//www.mbn.co.kr/news/planning/"; var snsTitle = `MBN 뉴스 : 연재`; switch (num) { case 0: url = "http://www.facebook.com/sharer.php?u=" + snsUrl; // + "&t=" + snsTitle; options = "toolbar=0,status=0,width=626,height=426"; break; case 1: url = "http://twitter.com/share?url=" + snsUrl; options = "width=626,height=426,toolbar=0,status=0,resizable=yes"; break; case 2: url = "http://www.band.us/plugin/share?body=" + snsTitle + " " + snsUrl; options = "width=410, height=400, resizable=no"; break; case 3: url = "https://story.kakao.com/share?url=" + snsUrl; options = "width=500,height=500,toolbar=0,status=0,resizable=yes"; break; case 4: 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/news/planning">로그인</a></li> <li><a href="https://member.mbn.co.kr/M/pages/member/joinAgreement.php">회원가입</a></li> <li data-content="link"><a href="//www.mbn.co.kr/news/planning/?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="//www.mbn.co.kr/news/planning/?uagent=m">PC버전</a></li>`; } </script> </div> </div> </body> <!-- Swiper JS --> <!--<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>--> <!-- Initialize Swiper --> <script> // 20240521 추가 function getTopNewsSeqNo() { let topNewsSeqNo = document.getElementById('top_news_seq_no'); return topNewsSeqNo ? topNewsSeqNo.value : ''; } var swiper = new Swiper(".swiper-container", { autoplay: { delay: 5000 }, loop: true, pagination: { el: ".swiper-pagination" }, }); //240223 기사 개별 href 이벤트 BY 진성 (function () { function news_desc_href(event) { event.preventDefault(); location.href = this.getAttribute('data-href'); } let elements = document.querySelectorAll('.news_desc_href_link'); elements.forEach((ele) => { ele.addEventListener('click', news_desc_href); }); })(); </script> </html>