</noscript> <!-- End Google Tag Manager (noscript) --> <div id="area_sidemenu" class="ly_aside" style="display: none;"> <!-- aside --> <div class="aside"> <div class="aside_head"> <!-- head --> <div class="head_wrap"> <!-- 전체 메뉴 --> <div class="user"> <ul class="user_list"> </ul> </div> <div class="hright"> <div class="aside_area"> <a class="btn_close" onclick=""> <span class="blind">전체 메뉴 닫기</span> </a> </div> </div> <!--// 전체 메뉴 --> </div> </div> <div class="login"></div> <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_onair.png"><span>온에어</span></a> </li> <li><a href="https://m.mbn.co.kr/tvguide/main.mbn"><img src="https://img.mbn.co.kr/mobile/2021/icn_calendar.png"><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"><span>제보</span></a></li> </ul> </div> </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://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 news"> <div class="news_tit on"><span>뉴스</span> <button> <img src="https://img.mbn.co.kr/mobile/2021/icn_drp_up.png" alt="뉴스 카테고리 더보기"> </button> </div> <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/planning/">기획/연재</a></li> </ul> </div> <div class="sec mkgroup"> <div class="news_tit on">매경미디어그룹 <button class=""><img src="https://img.mbn.co.kr/mobile/2021/icn_drp_up.png" alt="매경미디어그룹 더보기"></button> </div> <ul class="news_list"> <li><a href="https://m.mk.co.kr">매일경제</a></li> <li><a href="https://mbnmoney.mbn.co.kr/mobile">매일경제 TV</a></li> <li><a href="https://news.mk.co.kr/v2/economy/">매경이코노미</a></li> <li><a href="https://m.mk.co.kr/luxmen/index.php">매경LUXMEN</a></li> <li><a href="https://m.mk.co.kr/news/citylife/">시티라이프</a></li> <li><a href="https://gfw.mk.co.kr/?_ga=2.76409744.426858900.1620864666-310962120.1620864666">골프포위민</a> </li> <li><a href="http://www.wkforum.org/WKF/2020/ko/index.php">세계지식포럼</a></li> <li><a href="https://m-print.mk.co.kr/kr/">M-Print</a></li> <li><a href="https://kdx.kr/main">KDX한국데이터거래소</a></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> <script> window.addEventListener('load', function () { // 왼쪽 비게이션 var aside = document.querySelector("#area_sidemenu > .aside"); // 검색 폼 var searchWrap = aside.querySelector(".search_wrap"); var searchBt = searchWrap.querySelector(".btn_search"); var searchInput = searchWrap.querySelector("#search"); // 뉴스 섹션 var newsSection = aside.querySelector(".news"); var newsTit = newsSection.querySelector(".news_tit"); var newsList = newsSection.querySelector(".news_list"); // 매경미디어그룹 var mkgroupSection = aside.querySelector(".mkgroup"); var mkgroupTit = mkgroupSection.querySelector(".news_tit"); var mkgroupList = mkgroupSection.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; } }); // 뉴스섹션 버튼 이벤트 newsTit.querySelector('button').addEventListener("click", function () { // 클래스 변경 this.classList.toggle('on'); newsTit.classList.toggle('on'); newsList.style.display = newsList.style.display === 'none' ? '' : '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); // 매경미디어그룹 버튼 이벤트 mkgroupTit.querySelector('button').addEventListener("click", function () { // 클래스 변경 this.classList.toggle('on'); mkgroupTit.classList.toggle('on'); mkgroupList.style.display = mkgroupList.style.display === 'none' ? '' : '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); // 로그인 처리 if (login_check == -1) { aside.querySelector('.user_list').innerHTML = "<li><a href=\"https://member.mbn.co.kr/M/pages/member/login.php?returnUrl=https://m.mbn.co.kr/tv/culture\"><strong>로그인</strong></a></li>" + "<li><a href=\"https://member.mbn.co.kr/M/pages/member/joinAgreement.php\">회원가입</a></li>"; aside.querySelector('.login').innerHTML = "<a href=\"https://member.mbn.co.kr/M/pages/member/login.php?returnUrl=https://m.mbn.co.kr/tv/culture\">로그인을 해주세요</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_list').innerHTML = '<li><a href="//m.mbn.co.kr/util/logout.mbn"><span class="logout_txt">로그아웃</span></a></li>'; aside.querySelector('.login').innerHTML = '<a href="//m.mbn.co.kr/mypage/">' + ajax.response + ' 님</a>'; } else { aside.querySelector('.user_list').innerHTML = "<a href=\"https://member.mbn.co.kr/M/pages/member/login.php?returnUrl=https://m.mbn.co.kr/tv/culture\">로그인을 해주세요</a>"; console.log("error"); } } } }) </script> </div> <!--// aside --> </div> <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(); } else { el.hide(); } // 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"> <div id="header" style="/*z-index: 10000; position: fixed;*/"> <div class="news_header pg_home_header" style="overflow: unset;"> <div class="inner"> <button class="menu"><img src="//img.mbn.co.kr/mobile/2021/menu_wh.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/tv/culture'">교양</span> </a> <button class="srch"><img src="https://img.mbn.co.kr/mobile/2021/search_wh.png"></button> </div> <div id="top_search" class="ly_search" style="display: none;"> <div class="search_wrap"> <a class="btn_close" style="background-color: #000;"> <span class="blind">검색 닫기</span> </a> <fieldset style="background: #000;"> <legend class="blind">검색어 입력 폼</legend> <div class="search_box"> <div class="search"> <input id="top_search_txt" type="search" placeholder="검색어를 입력하세요" value=""> </div> <a href="javascript:void(0);" class="btn_ly_search"> <span class="blind">검색</span> </a> </div> </fieldset> </div> </div> </div> </div> <script> window.addEventListener('load', function (){ var header = document.getElementById('header'); // 헤더 기준 var searchBar = header.querySelector('.ly_search'); // 검색창 var searchShowBt = header.querySelector(".srch"); // 검색창 출력 버튼 var searchCloseBt = searchBar.querySelector(".btn_close"); // 검색창 닫기 버튼 var searchWord = document.getElementById('top_search_txt'); // 검색어 var searchButton = searchBar.querySelector('.btn_ly_search'); // 검색 버튼 var fixed_header = document.getElementById('container').querySelector(".fixed_header"); // 헤더 고정 // 검색창 열기 searchShowBt.addEventListener('click',function (){ searchBar.style.display = 'block'; },false); // 검색창 닫기 searchCloseBt.addEventListener('click',function (){ searchBar.style.display = 'none'; },false); //검색 searchButton.addEventListener('click',function (){ if(searchWord.value != '') { location.href = "https://search.mbn.co.kr/MBN/M/search.jsp?query="+searchWord.value; } },false); //검색 - 엔터 searchWord.addEventListener('keydown',function (e){ if (this.value != '' && e.keyCode == 13) { location.href = "https://search.mbn.co.kr/MBN/M/search.jsp?query="+searchWord.value; } }); }); </script><div class="all_wrp m_enter_main_wrp"> <section class="pg_main_top_wrp"> <a href="//m.mbn.co.kr/tv/program.mbn?seq=587"> <div class="pg_main_top_area"> <div class="top_img_area"> <img src="https://img.mbn.co.kr/program/587/2019/10/18/157138428219.jpg" alt="프로그램 이미지"> </div> <div class="top_img_layered"> <div class="detail_info"> <div class="layered_pg_thumb"> <img src="https://img.mbn.co.kr/program/587/2019/10/18/157138428219.jpg" alt="프로그램 이미지"> </div> <div class="layered_bottom_txt"> <p class="pgm_name"> 교양 특집 프로그램 </p> <span class="date"> 특별 편성 </span> </div> </div> </div> </div> </a> </section> <section class="vod_review m_enter_main_pg2 m_enter_pg_list"> <div class="pg_list_top_area pg_list_enter_top"> <div class="pg_li_tit"> MBN 교양 프로그램 </div> <ul class="pg_start_end_wrp"> <li class="active"> <a href="javascript:void(0);"> 방영 </a> </li> <li> <a href="javascript:void(0);"> 종영 </a> </li> </ul> </div> <div class="inner"> <div class="sel_finished_pg_wrp" style="display: none"> <select title="년도" class="pg_year" onchange=""> <option value="0">전체</option> <option value="2023">2023</option> <option value="2022">2022</option> <option value="2021">2021</option> <option value="2020">2020</option> <option value="2019">2019</option> <option value="2018">2018</option> <option value="2017">2017</option> <option value="2016">2016</option> <option value="2015">2015</option> <option value="2014">2014</option> <option value="2013">2013</option> <option value="2012">2012</option> <option value="2011">2011</option> <option value="2010">2010</option> <option value="2009">2009</option> <option value="2008">2008</option> <option value="2007">2007</option> <option value="2006">2006</option> <option value="2005">2005</option> <option value="2004">2004</option> <option value="2003">2003</option> <option value="2002">2002</option> </select> <select title="제목" class="pg_title" onchange=""> <option value="14">전체</option> <option value="0">ㄱ</option> <option value="1">ㄴ</option> <option value="2">ㄷ</option> <option value="3">ㄹ</option> <option value="4">ㅁ</option> <option value="5">ㅂ</option> <option value="6">ㅅ</option> <option value="7">ㅇ</option> <option value="8">ㅈ</option> <option value="9">ㅊ</option> <option value="10">ㅋ</option> <option value="11">ㅌ</option> <option value="12">ㅍ</option> <option value="13">ㅎ</option> </select> </div> <ul class="video_type1"></ul> <button type="button" class="bt_more_nl"> <img src="https://img.mbn.co.kr/mobile/2021/ic_arrow_more.png" alt="더보기"> </button> </div> </section> <section class="youtube_ban"> <div id='slider0' class='swiper-container'> <div class='swiper-wrapper'> <!-- <a href="https://m.mbn.co.kr/tv/teaser/hellotrot_teaser.mbn" target="_blank">--> <!-- <img src="https://img.mbn.co.kr/ad/2021/06/22/162434735049.jpg" alt="이벤트 배너">--> <!-- </a>--> </div> </div> </section> <script type="text/javascript"> //var slider0Idx = 0; //var slider0Max = //; //var slider0ContainerName = "slider0"; //var slider0Container = $("#" + slider0ContainerName); //var slider0ResizeH = function () { // var w = $(document).width(); // var imgEl = slider0Container.find(".swiper-slide").eq(slider0Idx).find("img"); // var newH = (w * imgEl.height()) / imgEl.width(); // // 592 * 85/572 // slider0Container.css("height", newH + 12); //}; //var slider0PagerHander = function () { // var inHtml = ""; // for (var i = 0; i < slider0Max; i++) { // //if (i == slider0Idx) inHtml += "<em class='num_page'>" + i + "</em>"; // //else inHtml += "<span class='num_page'>" + i + "</span> "; // } // $(".paging_swipe").eq(0).html(inHtml); //}; //var slider0 = new Swiper('#' + slider0ContainerName, { // // "autoplay": 3000, // "autoplayDisableOnInteraction": false, // "onSlideChangeEnd": function (data) { // slider0Idx = data.activeLoopIndex; // slider0PagerHander(); // } //}); //slider0Container.find(".swiper-slide").eq(0).find("img").load(function () { // slider0ResizeH(); // slider0PagerHander(); //}); //$(window).resize(function () { // setTimeout(slider0ResizeH, 100); //}); var swiper = new Swiper('#slider0', { "loop": true, calculateHeight: true, autoHeight: true, autoplayDisableOnInteraction:false, autoplay: { delay: 3000 }, }); </script> <section class="program m_enter_main_pg"> <div class="inner"> <section class="preview"> <div class="sec_tlt_wrp"> <span class="sec_tlt"><h2>교양 다시보기</h2></span> </div> <ul class="video_type1"> <li > <a href="//m.mbn.co.kr/tv/program_view.mbn?seq=577&menu=2971&bcast_seq=1339517" class="mb_inner"> <div class="mb_image_w"> <div class="mb_image_inner"> <button class="list_play_btn"></button><span class="duration">46:46</span> <img class="mb_image" src="//img.vod.mbn.co.kr/vod2/577/2023/09/29/20230929213151_20_577_1339517_1080_7.jpg" alt="썸네일 이미지"> </div> </div> <span class="conts"> 588화 - 일물전체(一物全體) 건강하고 싶다면 통째로 먹어라</span> <span class="tlt">천기누설</span> </a> </li><li > <a href="//m.mbn.co.kr/tv/program_view.mbn?seq=566&menu=2828&bcast_seq=1339469" class="mb_inner"> <div class="mb_image_w"> <div class="mb_image_inner"> <button class="list_play_btn"></button><span class="duration">56:31</span> <img class="mb_image" src="//img.vod.mbn.co.kr/vod2/566/2023/09/28/20230928223700_20_566_1339469_1080_7.jpg" alt="썸네일 이미지"> </div> </div> <span class="conts"> 602화 - 배우 장독직, 어머니에게 보내는 마지막 사모곡</span> <span class="tlt">특종세상</span> </a> </li><li > <a href="//m.mbn.co.kr/tv/program_view.mbn?seq=927&menu=5923&bcast_seq=1339418" class="mb_inner"> <div class="mb_image_w"> <div class="mb_image_inner"> <button class="list_play_btn"></button><span class="duration">47:15</span> <img class="mb_image" src="//img.vod.mbn.co.kr/vod2/927/2023/09/27/20230927212319_20_927_1339418_1080_7.jpg" alt="썸네일 이미지"> </div> </div> <span class="conts"> 31화 - 연쇄 합병증의 비극 당뇨. 늦기 전에 잡아라</span> <span class="tlt">명을 사수하는 사람들 명사수</span> </a> </li><li > <a href="//m.mbn.co.kr/tv/program_view.mbn?seq=832&menu=5258&bcast_seq=1339323" class="mb_inner"> <div class="mb_image_w"> <div class="mb_image_inner"> <button class="list_play_btn"></button><span class="duration">47:19</span> <img class="mb_image" src="//img.vod.mbn.co.kr/vod2/832/2023/09/28/20230928211535_20_832_1339323_1080_7.jpg" alt="썸네일 이미지"> </div> </div> <span class="conts"> 170화 - 전신 건강을 해치는 비만을 물리쳐라!</span> <span class="tlt">알약방</span> </a> </li><li style="display:none;" > <a href="//m.mbn.co.kr/tv/program_view.mbn?seq=752&menu=4807&bcast_seq=1339319" class="mb_inner"> <div class="mb_image_w"> <div class="mb_image_inner"> <button class="list_play_btn"></button><span class="duration">48:47</span> <img class="mb_image" src="//img.vod.mbn.co.kr/vod2/752/2023/09/27/20230927105635_20_752_1339319_1080_7.jpg" alt="썸네일 이미지"> </div> </div> <span class="conts"> 1451화 - 건강의 기술, 다이어트 실패! '장' 때문?</span> <span class="tlt">생생 정보마당</span> </a> </li><li style="display:none;" > <a href="//m.mbn.co.kr/tv/program_view.mbn?seq=733&menu=4706&bcast_seq=1339262" class="mb_inner"> <div class="mb_image_w"> <div class="mb_image_inner"> <button class="list_play_btn"></button><span class="duration">73:17</span> <img class="mb_image" src="//img.vod.mbn.co.kr/vod2/733/2023/09/25/20230925225616_20_733_1339262_1080_7.jpg" alt="썸네일 이미지"> </div> </div> <span class="conts"> 345화 - 이재명 체포동의안 가결은 윤석열 정부 레임덕의 시작이다</span> <span class="tlt">판도라</span> </a> </li><li style="display:none;" > <a href="//m.mbn.co.kr/tv/program_view.mbn?seq=752&menu=4807&bcast_seq=1339208" class="mb_inner"> <div class="mb_image_w"> <div class="mb_image_inner"> <button class="list_play_btn"></button><span class="duration">48:38</span> <img class="mb_image" src="//img.vod.mbn.co.kr/vod2/752/2023/09/26/20230926131924_20_752_1339208_1080_7.jpg" alt="썸네일 이미지"> </div> </div> <span class="conts"> 1450화 - 피할 수 없는 공공의 적 빠지지 않는 나잇살 고민</span> <span class="tlt">생생 정보마당</span> </a> </li><li style="display:none;" > <a href="//m.mbn.co.kr/tv/program_view.mbn?seq=843&menu=5306&bcast_seq=1339207" class="mb_inner"> <div class="mb_image_w"> <div class="mb_image_inner"> <button class="list_play_btn"></button><span class="duration">47:10</span> <img class="mb_image" src="//img.vod.mbn.co.kr/vod2/843/2023/09/25/20230925212809_20_843_1339207_1080_7.jpg" alt="썸네일 이미지"> </div> </div> <span class="conts"> 158화 - 탄수화물 중독! 몸을 망치는 나쁜 지방이 쌓인다!</span> <span class="tlt">한번 더 체크타임</span> </a> </li> </ul> <button class="viewmore"> 더 보기<img src="//img.mbn.co.kr/mobile/2021/expand_more.png"> </button> </section> </div> </section> <section class="vod_review m_enter_main_pg2 padding_top_zero"> <div class="inner"> <div class="sec_tlt_wrp"> <span class="sec_tlt"><h2>교양 하이라이트</h2></span> </div> <ul class="video_type1"> <li > <a href="//m.mbn.co.kr/tv/532/2426/1128725" class="mb_inner"> <div class="mb_image_w"> <div class="mb_image_inner"> <button class="list_play_btn"></button><span class="duration">01:36</span> <img class="mb_image" src="//img.vod.mbn.co.kr/vod2/532/2023/09/30/20230930014506_21_532_1128725_1080_7.jpg" alt="썸네일 이미지"> </div> </div> <span class="conts">공원에 함께 산책을 나온 부부</span> <span class="tlt">소나무</span> </a> </li><li > <a href="//m.mbn.co.kr/tv/577/2972/1128715" class="mb_inner"> <div class="mb_image_w"> <div class="mb_image_inner"> <button class="list_play_btn"></button><span class="duration">02:55</span> <img class="mb_image" src="//img.vod.mbn.co.kr/vod2/577/2023/09/29/20230929212432_21_577_1128715_1080_7.jpg" alt="썸네일 이미지"> </div> </div> <span class="conts">항염 효과 UP! 작두콩 활용 방법은??</span> <span class="tlt">천기누설</span> </a> </li><li > <a href="//m.mbn.co.kr/tv/566/2829/1128688" class="mb_inner"> <div class="mb_image_w"> <div class="mb_image_inner"> <button class="list_play_btn"></button><span class="duration">04:57</span> <img class="mb_image" src="//img.vod.mbn.co.kr/vod2/566/2023/09/28/20230928221936_21_566_1128688_1080_7.jpg" alt="썸네일 이미지"> </div> </div> <span class="conts">둘째 딸의 도전을 응원하는 배우 장동직! 제주도에서 확인해보는 세 부녀의 가족애!</span> <span class="tlt">특종세상</span> </a> </li><li > <a href="//m.mbn.co.kr/tv/832/5259/1128677" class="mb_inner"> <div class="mb_image_w"> <div class="mb_image_inner"> <button class="list_play_btn"></button><span class="duration">02:39</span> <img class="mb_image" src="//img.vod.mbn.co.kr/vod2/832/2023/09/28/20230928210630_21_832_1128677_1080_7.jpg" alt="썸네일 이미지"> </div> </div> <span class="conts">이걸 다… 누가 먹죠…? 큰손 권정주의 넉넉하고 푸짐한 명절 밥상!</span> <span class="tlt">알약방</span> </a> </li><li style="display:none;" > <a href="//m.mbn.co.kr/tv/752/4808/1128671" class="mb_inner"> <div class="mb_image_w"> <div class="mb_image_inner"> <button class="list_play_btn"></button><span class="duration">04:43</span> <img class="mb_image" src="//img.vod.mbn.co.kr/vod2/752/2023/09/28/20230928005235_21_752_1128671_1080_7.jpg" alt="썸네일 이미지"> </div> </div> <span class="conts">선물로도 좋은 이색 사과요리!!</span> <span class="tlt">생생 정보마당</span> </a> </li><li style="display:none;" > <a href="//m.mbn.co.kr/tv/592/3167/1128648" class="mb_inner"> <div class="mb_image_w"> <div class="mb_image_inner"> <button class="list_play_btn"></button><span class="duration">02:38</span> <img class="mb_image" src="//img.vod.mbn.co.kr/vod2/592/2023/09/27/20230927224429_21_592_1128648_1080_7.jpg" alt="썸네일 이미지"> </div> </div> <span class="conts"><자연 밥상> 몸에도 좋고 맛도 좋은 스페셜 영양죽 ♡</span> <span class="tlt">나는 자연인이다</span> </a> </li><li style="display:none;" > <a href="//m.mbn.co.kr/tv/927/5924/1128633" class="mb_inner"> <div class="mb_image_w"> <div class="mb_image_inner"> <button class="list_play_btn"></button><span class="duration">01:49</span> <img class="mb_image" src="//img.vod.mbn.co.kr/vod2/927/2023/09/27/20230927211806_21_927_1128633_1080_7.jpg" alt="썸네일 이미지"> </div> </div> <span class="conts">식사 순서만 바꿔도 혈당이 뚝? 기억하자 '채.단.탄' ♥</span> <span class="tlt">명을 사수하는 사람들 명사수</span> </a> </li><li style="display:none;" > <a href="//m.mbn.co.kr/tv/733/4712/1128560" class="mb_inner"> <div class="mb_image_w"> <div class="mb_image_inner"> <button class="list_play_btn"></button><span class="duration">09:14</span> <img class="mb_image" src="//img.vod.mbn.co.kr/vod2/733/2023/09/25/20230925223639_21_733_1128560_1080_7.jpg" alt="썸네일 이미지"> </div> </div> <span class="conts">'구속 vs 기각' 이재명 영장심사 결과에 따른 향후 정치권 시나리오는?</span> <span class="tlt">판도라</span> </a> </li> </ul> <button class="viewmore"> 더 보기<img src="//img.mbn.co.kr/mobile/2021/expand_more.png"> </button> </div> </section> <section class="new_sec_ban"> <div class="swiper-container mySwiper2"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="https://www.mbn.co.kr/vod/programContents/592/5409"> <img src="//img.mbn.co.kr/mobile/2021/banner/banner_nature.jpg" alt="자연인"> </a> </div> <div class="swiper-slide"> <a href="https://www.mbn.co.kr/vod/programContents/671/4228?1614302080"> <img src="//img.mbn.co.kr/mobile/2021/banner/banner_altoran.jpg" alt="알토란"> </a> </div> <div class="swiper-slide"> <a href="https://www.mbn.co.kr/vod/programContents/594/3202"> <img src="//img.mbn.co.kr/mobile/2021/banner/banner_thumb.jpg" alt="엄지의 제왕"> </a> </div> <div class="swiper-slide"> <a href="https://www.mbn.co.kr/vod/programContents/593/3189"> <img src="//img.mbn.co.kr/mobile/2021/banner/banner_dongchimi.jpg" alt="동치미"> </a> </div> </div> <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> </div> </section> <script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script> <!-- Initialize Swiper --> <script> var swiper = new Swiper(".mySwiper2", { loop: true, calculateHeight: true, autoHeight: true, autoplay: { delay: 5000 }, navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev", }, }); </script> <section class="main_news_area m_enter_main_ytb"> <div class="ytb_section_wrp"> <div class="sec_tlt_wrp"> <span class="sec_tlt"><h2>MBN <span class="orange_txt">Entertainment</span></h2></span> <a href="https://m.youtube.com/channel/UCYyLIlOJyqkAFKlVjzX5img" target="_blank" class="viewmore"><img src="//img.mbn.co.kr/mobile/2021/view_more.png" alt="더보기"></a> </div> <div class="news_lst_area"> <div class="news_sec_wrp"> <ul> <li> <a href="https://youtube.com/watch?v=vIptX9p2E20"> <div class="img_area"> <button class="list_play_btn"></button> <img src="https://i.ytimg.com/vi/vIptX9p2E20/mqdefault.jpg" class="img_type1"> </div> <p> <span class="tlt">장어, 통째로 먹어야 더 좋은 이유 #shorts | 천기누설 588회</span> </p> </a> </li> <li> <a href="https://youtube.com/watch?v=z38w3kUw7ZA"> <div class="img_area"> <button class="list_play_btn"></button> <img src="https://i.ytimg.com/vi/z38w3kUw7ZA/mqdefault.jpg" class="img_type1"> </div> <p> <span class="tlt">암 이겨낸 항암 식품, 당근기름 만들기 #shorts | 천기누설 588회</span> </p> </a> </li> <li> <a href="https://youtube.com/watch?v=qwHxNaNeC0M"> <div class="img_area"> <button class="list_play_btn"></button> <img src="https://i.ytimg.com/vi/qwHxNaNeC0M/mqdefault.jpg" class="img_type1"> </div> <p> <span class="tlt">[최고의 5분_천기누설] 갑상샘암 극복한 항암 식재료 당근 활용법! MBN 230929 방송</span> </p> </a> </li> <li> <a href="https://youtube.com/watch?v=h0z4wb6kA7Q"> <div class="img_area"> <button class="list_play_btn"></button> <img src="https://i.ytimg.com/vi/h0z4wb6kA7Q/mqdefault.jpg" class="img_type1"> </div> <p> <span class="tlt">[#아궁이][255-3] 8090 추억의 아이템들과 오빠야들을 향한 팬들의 격렬 기싸움까지! #정주행_이어달리기</span> </p> </a> </li> <li> <a href="https://youtube.com/watch?v=s625stvcxpw"> <div class="img_area"> <button class="list_play_btn"></button> <img src="https://i.ytimg.com/vi/s625stvcxpw/mqdefault.jpg" class="img_type1"> </div> <p> <span class="tlt">[#아궁이][255-2] 그 시절 우리가 사랑했던 DJ 오빠들! 펜팔로 사랑을 전하던 순수한 우리들 #정주행_이어달리기</span> </p> </a> </li> </ul> </div> </div> </div> <div class="ytb_section_wrp2"> <div class="sec_tlt_wrp"> <span class="sec_tlt"><h2>MBN과 놀자! <span class="blue_txt">MPLAY</span></h2></span> <a href="https://m.youtube.com/channel/UC84IlgY5HIzxKBZOt8XM5UA" target="_blank" class="viewmore"><img src="//img.mbn.co.kr/mobile/2021/view_more.png" alt="더보기"></a> </div> <div class="news_lst_area"> <div class="news_sec_wrp"> <ul> <li> <a href="https://youtu.be/WV38tBlhdYA"> <div class="img_area"> <button class="list_play_btn"></button> <img src="https://i.ytimg.com/vi/WV38tBlhdYA/mqdefault.jpg" class="img_type1"> </div> <p> <span class="tlt">[#돌싱글즈4] [9-2] 저는 세 아이의 ... 돌싱 남녀의 자녀 유무 공개 | MBN 20230917 방송</span> </p> </a> </li> <li> <a href="https://youtu.be/5Li-HHalaQM"> <div class="img_area"> <button class="list_play_btn"></button> <img src="https://i.ytimg.com/vi/5Li-HHalaQM/mqdefault.jpg" class="img_type1"> </div> <p> <span class="tlt">[#돌싱글즈4] [9-3] 돌싱 하우스를 눈물바다로 만든 돌싱 남녀의 자녀 유무 공개 2 | MBN 20230917 방송</span> </p> </a> </li> <li> <a href="https://youtu.be/TI8LjW3CqW0"> <div class="img_area"> <button class="list_play_btn"></button> <img src="https://i.ytimg.com/vi/TI8LjW3CqW0/mqdefault.jpg" class="img_type1"> </div> <p> <span class="tlt">션컹 취두부 마을 아세요? 대만 현지 취두부 그 맛은.. 유세윤이 얼굴로 설명해 줍니다ㅋㅋ [#니돈내산독박투어] | MBN 20230708 방송</span> </p> </a> </li> <li> <a href="https://youtu.be/qQ8ntO9qRwU"> <div class="img_area"> <button class="list_play_btn"></button> <img src="https://i.ytimg.com/vi/qQ8ntO9qRwU/mqdefault.jpg" class="img_type1"> </div> <p> <span class="tlt">완도에 오면 전복이지~ 박원숙이 배우 김창숙을 처음 봤을 때 깜짝 놀랐던 이유ㅋㅋ [#모던패밀리] | MBN 20200207 방송</span> </p> </a> </li> </ul> </div> </div> </div> <div class="ytb_section_wrp2 youtubeOriginal"> <div class="sec_tlt_wrp"> <span class="sec_tlt"><h2>MBN <span class="green_txt">오리지널 유튜브</span></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="news_lst_area"> <div class="news_sec_wrp"> <ul> <li> <a href="https://youtu.be/nii7LEgJFUM?si=J4BVg9L19rk3eG28"> <div class="img_area"> <button class="list_play_btn"></button> <img src="https://i.ytimg.com/vi/nii7LEgJFUM/mqdefault.jpg" class="img_type1" alt="" onerror="this.src='https://img.mbn.co.kr/mobile/2021/mbn_og.jpg'"> </div> <p> <span class="tlt" style="text-align: center;">개판5분전 극한직업 견(犬)뎌 <br> [유댕스 웤웤 Ep.6]</span> </p> </a> </li> <li> <a href="https://youtu.be/0dVZoCr83Y4?si=6NYWbdraa16KBkFY"> <div class="img_area"> <button class="list_play_btn"></button> <img src="https://i.ytimg.com/vi/0dVZoCr83Y4/mqdefault.jpg" class="img_type1" alt="" onerror="this.src='https://img.mbn.co.kr/mobile/2021/mbn_og.jpg'"> </div> <p> <span class="tlt" style="text-align: center;">출근 첫 날 꿀잠각?! <br> [유댕스 웤웤 Ep.5]</span> </p> </a> </li> <li> <a href="https://youtu.be/XdhLBQxPWhE"> <div class="img_area"> <button class="list_play_btn"></button> <img src="https://i.ytimg.com/vi/XdhLBQxPWhE/mqdefault.jpg" class="img_type1" alt="" onerror="this.src='https://img.mbn.co.kr/mobile/2021/mbn_og.jpg'"> </div> <p> <span class="tlt" style="text-align: center;">초특급 상남자만 원하는? <br> [풍나무숲 Ep.06]</span> </p> </a> </li> <li> <a href="https://youtu.be/-SEtGTLS7PI?si=LrIlR1H3ekbGPsbD"> <div class="img_area"> <button class="list_play_btn"></button> <img src="https://i.ytimg.com/vi/-SEtGTLS7PI/mqdefault.jpg" class="img_type1" alt="" onerror="this.src='https://img.mbn.co.kr/mobile/2021/mbn_og.jpg'"> </div> <p> <span class="tlt" style="text-align: center;">스킨십 좋아하는 돌싱녀? <br> [풍나무숲 Ep.05]</span> </p> </a> </li> </ul> </div> </div> </div> </section> <script> window.addEventListener('load', function () { let review = document.getElementsByClassName('m_enter_main_pg').item(0); let review_bt = review.querySelector('.viewmore'); review_bt.addEventListener('click', function () { for (let i = 0; i < review.querySelectorAll('li').length; i++) { review.querySelectorAll('li')[i].style.display = 'block'; } this.style.display = 'none'; }) let highlight = document.getElementsByClassName('m_enter_main_pg2').item(1); let highlight_bt = highlight.querySelector('.viewmore'); highlight_bt?.addEventListener('click', function () { for (let i = 0; i < highlight.querySelectorAll('li').length; i++) { highlight.querySelectorAll('li')[i].style.display = 'block'; } this.style.display = 'none'; }) let program_list = document.getElementsByClassName('m_enter_pg_list').item(0); let program_top_area = program_list.querySelector('.pg_list_top_area'); let program_button_ul = program_top_area.querySelector('.pg_start_end_wrp'); let program_button = program_button_ul?.children; let program_search = program_list.querySelector('.sel_finished_pg_wrp'); let page = 0; let ajaxStop = true; let moreBt = document.getElementsByClassName('bt_more_nl').item(0); let yearValue = document.getElementsByClassName('pg_year').item(0); let titleValue = document.getElementsByClassName('pg_title').item(0); let isEnd = false; const youtubeOriginal = document.querySelector('.youtubeOriginal'); const youtubeOriginalBt = youtubeOriginal.querySelector('.viewmore'); for (let i = 0; i < program_button?.length; i++) { (function (idx) { program_button?.item(idx).addEventListener('click', function () { for (var i = 0; i < program_button?.length; i++) { program_button?.item(i).classList.remove('active'); } this.classList.add('active'); if (Object.is(idx, 1)) { program_search.style.display = 'block'; program_top_area.classList.remove('pg_list_enter_top'); program_top_area.classList.add('pg_list_bottom_menu'); isEnd = true; } else { program_search.style.display = 'none'; program_top_area.classList.add('pg_list_enter_top'); program_top_area.classList.remove('pg_list_bottom_menu'); isEnd = false; } resetValues(true); moreBt.style.display = 'block'; programShow(60, yearValue.value, titleValue.value); }); })(i) } programShow(60); yearValue?.addEventListener('change', function () { resetValues(true); programShow(60, yearValue.value, titleValue.value); }); titleValue?.addEventListener('change', function () { resetValues(true); programShow(60, yearValue.value, titleValue.value); }); // 스크롤 window.addEventListener('scroll', function () { resetValues(0); if (!Object.is(moreBt.style.display, 'none') && Math.ceil(moreBt.getBoundingClientRect().top + window.pageYOffset) <= (Math.ceil(window.pageYOffset) + window.innerHeight) && Object.is(ajaxStop, true)) { programShow(60, yearValue?.value, titleValue?.value); } }) function programShow(cls_cd, year, spell) { var ajax = new XMLHttpRequest(); ajaxStop = false; cls_cd = ((isFinite(cls_cd) && cls_cd !== null) ? cls_cd : 58); year = ((isFinite(year) && year !== null) ? year : new Date().getFullYear()); spell = ((isFinite(spell) && spell !== null) ? spell : 0); page = ((isFinite(page) && page !== null) ? page : 0); ajax.open('GET', `program_name_ajax.mbn?cls_cd=${cls_cd}&year=${year}&spell=${spell}&isEnd=${isEnd}&page=${page}`); ajax.setRequestHeader("If-Modified-Since", "Sat, 1 Jan 2000 00:00:00 GMT"); ajax.send(); ajax.onload = function () { if (Object.is(ajax.status, 200)) { let preHtml = program_list.querySelector('.video_type1').innerHTML; if (Object.is(page, 0)) { preHtml = ''; } if (Object.is(ajax.response, '0')) { document.getElementsByClassName('bt_more_nl').item(0).style.display = 'none'; if (Object.is(page, 0)) { program_list.querySelector('.video_type1').innerHTML = ''; } } else { program_list.querySelector('.video_type1').innerHTML = preHtml + ajax.response; } } else { console.log(ajax.status); } ajaxStop = true; page++; } } function resetValues(pageReset) { moreBt = document.getElementsByClassName('bt_more_nl').item(0); yearValue = document.getElementsByClassName('pg_year').item(0); titleValue = document.getElementsByClassName('pg_title').item(0); if (Object.is(pageReset, true)) { page = 0; } } youtubeOriginalBt.addEventListener('click', () => { youtubeOriginal.querySelector('.news_sec_wrp').scroll({ behavior: 'smooth', left: youtubeOriginal.querySelector('.news_sec_wrp').scrollLeft + 400 }); }) }) </script> </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">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/vod/culture"; var snsTitle = `MBN 프로그램 : 교양`; switch (num) { case 0: url = "http://www.facebook.com/sharer.php?u=" + snsUrl; // + "&t=" + snsTitle; options = "toolbar=0,status=0,width=626,height=426"; break; case 1: url = "http://twitter.com/share?url=" + snsUrl; options = "width=626,height=426,toolbar=0,status=0,resizable=yes"; break; case 2: url = "http://www.band.us/plugin/share?body=" + snsTitle + " " + snsUrl; options = "width=410, height=400, resizable=no"; break; case 3: url = "https://story.kakao.com/share?url=" + snsUrl; options = "width=500,height=500,toolbar=0,status=0,resizable=yes"; break; case 4: document.getElementById("email_shared").style.display = "block"; return false; default: return false; } window.open(url, type[num], options); }, hide : (num) => { if (num == 0) document.getElementById('layer_area').style.display = 'none'; document.getElementsByClassName('mklayer').item(num).style.display = 'none'; }, copy : () => { var copyObj = document.getElementById("share_link"); copyObj.select(); var copy = document.execCommand("copy"); console.debug(copy); alert('링크를 복사하였습니다.'); }, sendEmail : () => { var formData = new FormData(document.getElementById("send_email_form")); var mail = new XMLHttpRequest(); mail.open('POST','/process/newsSendMail.php',true); mail.setRequestHeader("If-Modified-Since","Sat, 1 Jan 2000 00:00:00 GMT"); // 캐싱 방지 mail.send(formData); mail.onload = function () { if (mail.status == 200){ var response = JSON.parse(mail.response); console.log(mail.response); if (response.response == "200") { alert("이메일 전송 완료"); document.getElementById('layer_area').style.display = 'none'; document.getElementsByClassName('mklayer').item(0).style.display = 'none'; document.getElementsByClassName('mklayer').item(1).style.display = 'none'; } else if (response.response == "100") { alert("이메일과 이름을 모두 적어주세요."); } } else { alert("전송 중 문제가 발생하였습니다."); } } return false; } } if(login_check == -1){ document.querySelector(".footer_links_list").innerHTML = ` <li><a href="https://member.mbn.co.kr/M/pages/member/login.php?returnUrl=https://m.mbn.co.kr/tv/culture">로그인</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/culture/?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/culture/?uagent=m">PC버전</a></li>`; } </script> </div> </div> </body> </html>