</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> <script> //console.log('//'); </script> <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/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> </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> <li> <div style="display: flex"> <span> <a href="https://m.mbn.co.kr/vod/subtitleIntroduce" class="news_tit">장애인 VOD 서비스</a> </span> </div> </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="https://www.wkforum.org">세계지식포럼</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/671/4220/196568\"><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/671/4220/196568\">로그인을 해주세요</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/671/4220/196568\">로그인을 해주세요</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="area_sidemenu" class="ly_aside2" style="display: none;"> <!-- aside --> <div class="aside2"> <div class="pg_main_ly_top"> <button type="button" class="bt_entire_menu" style=" background:url(//img.mbn.co.kr//program/671/2023/11/08/1699403903775.jpg) repeat-x 0 0;"> <span> 전체메뉴 </span> </button> <ul class="ul_ly_aside2"> <li class="li_ly_aside2"> <!-- <a href="https://m.mbn.co.kr/tv/--><!--" class="menu_big_tit">--> <a href="https://m.mbn.co.kr/tv/program.mbn?seq=671" class="menu_big_tit"> 프로그램 홈 </a> </li> <li class="li_ly_aside2 "> <div class="li_ly_mn_wrp"> <div class="li_ly_mn_big"> <a href="javascript:void(0);" class="menu_big_tit"> 알토란 </a> </div> <div class="li_ly_mn_small" style="display: none;"> <a href="//m.mbn.co.kr/tv_sub/671/4492" class="menu_small_tit"> 기획의도 </a> <a href="//m.mbn.co.kr/tv_sub/671/4587" class="menu_small_tit"> 출연자 소개 </a> <a href="//m.mbn.co.kr/tv_sub/671/4219" class="menu_small_tit"> 공지사항 </a> </div> </div> </li> <li class="li_ly_aside2 "> <div class="li_ly_mn_wrp"> <div class="li_ly_mn_big"> <a href="javascript:void(0);" class="menu_big_tit"> 방송보기 </a> </div> <div class="li_ly_mn_small" style="display: none;"> <a href="//m.mbn.co.kr/tv_sub/671/4216" class="menu_small_tit"> 다시보기 </a> <a href="//m.mbn.co.kr/tv_sub/671/4217" class="menu_small_tit"> TV명장면 </a> <a href="//m.mbn.co.kr/tv_sub/671/4218" class="menu_small_tit"> 미리보기 </a> </div> </div> </li> <li class="li_ly_aside2 "> <div class="li_ly_mn_wrp"> <div class="li_ly_mn_big"> <a href="javascript:void(0);" class="menu_big_tit"> 시청자 참여 </a> </div> <div class="li_ly_mn_small" style="display: none;"> <a href="//m.mbn.co.kr/tv_sub/671/4226" class="menu_small_tit"> 알토란, 알려주세요 </a> <a href="//m.mbn.co.kr/tv_sub/671/4228" class="menu_small_tit"> 영상퀴즈 이벤트 </a> <a href="//m.mbn.co.kr/tv_sub/671/4222" class="menu_small_tit"> 시청자 게시판 </a> </div> </div> </li> <li class="li_ly_aside2 active"> <div class="li_ly_mn_wrp"> <div class="li_ly_mn_big"> <a href="javascript:void(0);" class="menu_big_tit"> 방송정보 </a> </div> <div class="li_ly_mn_small" style="display: none;"> <a href="//m.mbn.co.kr/tv_sub/671/4224" class="menu_small_tit"> 알토란 레시피 </a> <a href="//m.mbn.co.kr/tv_sub/671/4220" class="menu_small_tit"> 출연자 정보 </a> </div> </div> </li> </ul> </div> </div> <!--// aside --> </div> <script> window.addEventListener('load', function () { let subMenu = document.querySelector(".ly_aside2"); let subMenuShowBt = document.querySelector("section[class=pg_home_sub_gnb]>.bt_pg_home_gnb"); let subMenuCloseBt = subMenu.querySelector(".bt_entire_menu"); let subMenuLi = subMenu.querySelectorAll(".li_ly_aside2"); subMenuShowBt.addEventListener('click', function () { subMenu.style.display = 'block'; }); subMenuCloseBt.addEventListener('click', function () { subMenu.style.display = 'none'; }); subMenuLi.forEach(function (ele, index) { if (index > 0) { ele.addEventListener('click', function (){ let childrenLi = ele.querySelector('.li_ly_mn_small'); childrenLi.style.display = (Object.is(childrenLi.style.display,'none') ? 'block' : 'none'); ele.classList.toggle('active'); }); if (!Object.is(ele.className.indexOf('active'),-1)) { ele.querySelector('.li_ly_mn_small').style.display = 'block'; } } }); }) </script> <div id="container" class="enter_pg_home_wrp" data-role='page'> <div id='header' style=" background:url(//img.mbn.co.kr//program/671/2023/11/08/1699403903775.jpg) repeat-x 0 0;"> <div class="inner"> <button class="menu"> <img src="https://img.mbn.co.kr/mobile/2021/menu_wh.png"> </button> <a href="//m.mbn.co.kr/" target="_self" class="logo"> <img src="//img.mbn.co.kr/mobile/2021/l_mbn_wh.png" height="23" alt="mbn"> </a> <a href="https://m.mbn.co.kr/tv/program.mbn?seq=671" class="pg_home_name"> 알토란 </a> <button class="srch"> <img src="https://img.mbn.co.kr/mobile/2021/search_wh.png"> </button> </div> <section class="pg_home_sub_gnb" style=" background:url(//img.mbn.co.kr//program/671/2023/11/08/1699403903775.jpg) repeat-x 0 0;"> <button type="button" class="bt_pg_home_gnb"> <span class="bt_main_gnb_tit"> 출연자 정보 </span> </button> </section> <div id="top_search" class="ly_search" style="display: none;"> <div class="search_wrap"> <a class="btn_close" style=""> <span class="blind">검색 닫기</span> </a> <fieldset style=" background:url(//img.mbn.co.kr//program/671/2023/11/08/1699403903775.jpg) repeat-x 0 0;"> <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> <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'); // 검색 버튼 // 검색창 열기 searchShowBt.addEventListener('click',function (){ searchBar.style.display = 'block'; searchShowBt.style.display = 'none'; },false); // 검색창 닫기 searchCloseBt.addEventListener('click',function (){ searchBar.style.display = 'none'; searchShowBt.style.display = 'block'; },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> <script type="text/javascript"> var page_no = 0; var c_text = ""; var c_seq = 0; var c_menu = 0; var selDate = ''; var bcast_seq_no = '196568'; var getRowData = function () { $.post("//m.mbn.co.kr/tv/program_view_ajax_v1.1.mbn", { "c": c_text, "seq": c_seq, "menu_seq_no": c_menu, "page": ++page_no, "bcastDay": selDate, "bcast_seq_no": bcast_seq_no }, function (data) { $("#show_area").append(data); }); }; $(document).ready(function () { c_text = $("#c_text").val(); c_seq = $("#c_seq").val(); c_menu = $("#c_menu").val(); if (59 == 61) { return; } else { getRowData(); } }); </script> <script type="text/javascript" src="//media.line.me/js/line-button.js?v=20140411"></script> <script src="//m.mbn.co.kr/js/kakao/kakao.min.js?v=1733708666"></script> <script src="//m.mbn.co.kr/js/band-button.js?v=1733708666"></script> <style> .share_bar, .sns_share img { cursor: pointer } </style> <!-- 본문 --> <input type="hidden" id="c_text" value="contact"/> <input type="hidden" id="c_seq" value="671"/> <input type="hidden" id="c_menu" value="4220"/> <div class="all_wrp news_review_wrp pg_review_wrp "> <section class="pg_photo_view_wrp"> <div class="pg_photo_viewer_top"> <div class="photo_view_tit"> [알토란 514회] <가을 감칠맛의 끝판왕 새우의 모든 것> </div> <div class="pg_review_video_info"> <span class="pg_series_nb">2024.11.01</span> <span class="pg_review_air_date">관리자</span> </div> </div> <div class="pg_photo_viewer_con"> <div class="board_content"> <div style="text-align: center; font-family: Gulim, 굴림, sans-serif; font-size: 14px; letter-spacing: -0.5px; background-color: rgb(255, 255, 255); line-height: 1.8;" align="center"><span style="font-family: Arial; font-size: 18pt;"><b>▶514회</b></span></div><div style="text-align: center; font-family: Gulim, 굴림, sans-serif; font-size: 14px; letter-spacing: -0.5px; background-color: rgb(255, 255, 255); line-height: 1.8;" align="center"><span style="font-family: Arial; font-size: 18pt;"><b><br></b></span></div><div style="text-align: center; font-family: Gulim, 굴림, sans-serif; font-size: 14px; letter-spacing: -0.5px; background-color: rgb(255, 255, 255); line-height: 1.8;" align="center"><span style="font-family: Arial; font-size: 18pt;"><b>알토란 셰프 [이말선]</b></span></div><div style="text-align: center; font-family: Gulim, 굴림, sans-serif; font-size: 14px; letter-spacing: -0.5px; background-color: rgb(255, 255, 255); line-height: 1.8;" align="center"><span style="font-family: Arial; font-size: 18pt;"><b>- 청룡원조매운탕</b></span></div><div style="text-align: center; font-family: Gulim, 굴림, sans-serif; font-size: 14px; letter-spacing: -0.5px; background-color: rgb(255, 255, 255); line-height: 1.8;" align="center"><span style="font-family: Arial; font-size: 18pt;"><b>- 주소: 충남 천안시 서북구 입장면 성진로 1406 청룡매운탕</b></span></div><div style="text-align: center; font-family: Gulim, 굴림, sans-serif; font-size: 14px; letter-spacing: -0.5px; background-color: rgb(255, 255, 255); line-height: 1.8;" align="center"><span style="font-family: Arial; font-size: 18pt;"><b>- 연락처: <span style="color: rgb(255, 0, 0);">041-585-5598</span></b></span></div><div style="text-align: center; font-family: Gulim, 굴림, sans-serif; font-size: 14px; letter-spacing: -0.5px; background-color: rgb(255, 255, 255);" align="center"><b><br></b></div><div style="text-align: center; font-family: Gulim, 굴림, sans-serif; font-size: 14px; letter-spacing: -0.5px; background-color: rgb(255, 255, 255); line-height: 1.8;" align="center"><span style="font-family: Arial; font-size: 18pt;"><b>알토란 셰프 [이연복 & 이홍운]</b></span></div><div style="text-align: center; font-family: Gulim, 굴림, sans-serif; font-size: 14px; letter-spacing: -0.5px; background-color: rgb(255, 255, 255); line-height: 1.8;" align="center"><span style="font-family: Arial; font-size: 18pt;"><b>- 목란</b></span></div><div style="text-align: center; font-family: Gulim, 굴림, sans-serif; font-size: 14px; letter-spacing: -0.5px; background-color: rgb(255, 255, 255); line-height: 1.8;" align="center"><span style="font-family: Arial; font-size: 18pt;"><b>- 주소: 서울 서대문구 연희로15길 21</b></span></div><div style="text-align: center; font-family: Gulim, 굴림, sans-serif; font-size: 14px; letter-spacing: -0.5px; background-color: rgb(255, 255, 255); line-height: 1.8;" align="center"><span style="font-family: Arial; font-size: 18pt;"><b>- 연락처: <span style="color: rgb(255, 0, 0);">02-732-0054</span></b></span></div><div style="text-align: center;"><br></div> </div> </div> <button type="button" class="bt_gray_general" onclick="location.href='//m.mbn.co.kr/tv_sub/671/4220/p1'"> <span class="span_to_list">목록보기</span> </button> </section> <section class="youtube_ban"> <a href="https://youtube.com/channel/UCYyLIlOJyqkAFKlVjzX5img"> <img src="//img.mbn.co.kr/mobile/2021/youtube.jpg" alt="유튜브 엔터"> </a> </section> <section class="main_news_area m_enter_main_ytb pg_next_episodes margin_top_8px"> <div class="ytb_section_wrp"> <div class="sec_tlt_wrp"> <span class="sec_tlt"><h2 class="h2_related_media">관련 영상</h2></span> <a href="//m.mbn.co.kr/tv_sub/671/4217" 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="//m.mbn.co.kr/tv/671/4217/1143341"> <div class="img_area"> <button class="list_play_btn" style="z-index: 999"></button> <span class="duration">09:59</span> <img class="img_type1" src="//img.vod.mbn.co.kr/vod2/671/2024/12/08/20241208193839_21_671_1143341_1080_7.jpg" alt="순두부와 달걀로만 만드는 초 가성비! 초간단! 순두부달걀찜!"> </div> <p> <span class="tlt">순두부와 달걀로만 만드는 초 가성비! 초간단! 순두부달걀찜!</span> <span class="tlt_date">2024. 12. 08</span> </p> </a> </li> <li> <a href="//m.mbn.co.kr/tv/671/4217/1143340"> <div class="img_area"> <button class="list_play_btn" style="z-index: 999"></button> <span class="duration">08:48</span> <img class="img_type1" src="//img.vod.mbn.co.kr/vod2/671/2024/12/08/20241208193113_21_671_1143340_1080_7.jpg" alt="뚝배기 안에 담긴 작은 바다★ 박효남 조리 명장의 매생이해물뚝배기♥︎"> </div> <p> <span class="tlt">뚝배기 안에 담긴 작은 바다★ 박효남 조리 명장의 매생이해물뚝배기♥︎</span> <span class="tlt_date">2024. 12. 08</span> </p> </a> </li> <li> <a href="//m.mbn.co.kr/tv/671/4217/1143339"> <div class="img_area"> <button class="list_play_btn" style="z-index: 999"></button> <span class="duration">07:56</span> <img class="img_type1" src="//img.vod.mbn.co.kr/vod2/671/2024/12/08/20241208192508_21_671_1143339_1080_7.jpg" alt="볶아서 만드는 육수? 박효남 조리 명장의 해산물 육수 꿀TIP!"> </div> <p> <span class="tlt">볶아서 만드는 육수? 박효남 조리 명장의 해산물 육수 꿀TIP!</span> <span class="tlt_date">2024. 12. 08</span> </p> </a> </li> <li> <a href="//m.mbn.co.kr/tv/671/4217/1143338"> <div class="img_area"> <button class="list_play_btn" style="z-index: 999"></button> <span class="duration">11:53</span> <img class="img_type1" src="//img.vod.mbn.co.kr/vod2/671/2024/12/08/20241208191931_21_671_1143338_1080_7.jpg" alt="얼큰~한 빨간 국물에 새~하얀 두부♥︎ 뚝배기순두부의 비법은?"> </div> <p> <span class="tlt">얼큰~한 빨간 국물에 새~하얀 두부♥︎ 뚝배기순두부의 비법은?</span> <span class="tlt_date">2024. 12. 08</span> </p> </a> </li> <li> <a href="//m.mbn.co.kr/tv/671/4217/1143337"> <div class="img_area"> <button class="list_play_btn" style="z-index: 999"></button> <span class="duration">07:56</span> <img class="img_type1" src="//img.vod.mbn.co.kr/vod2/671/2024/12/08/20241208191346_21_671_1143337_1080_7.jpg" alt="몸속 깊은 곳에서 올라오는 그 맛! 뚝배기불고기 비법 대공개!"> </div> <p> <span class="tlt">몸속 깊은 곳에서 올라오는 그 맛! 뚝배기불고기 비법 대공개!</span> <span class="tlt_date">2024. 12. 08</span> </p> </a> </li> </ul> </div> </div> </div> </section> <section class="program"> <div class="inner"> <section class="preview"> <div class="sec_tlt_wrp"> <span class="sec_tlt_highlight"><h2>예능 하이라이트</h2></span> </div> <ul class="video_type1"> <li > <a href="//m.mbn.co.kr/tv/671/4217/1143341" class="mb_inner"> <div class="mb_image_w"> <div class="mb_image_inner"> <button class="list_play_btn"></button><span class="duration">09:59</span> <img class="mb_image" src="//img.vod.mbn.co.kr/vod2/671/2024/12/08/20241208193839_21_671_1143341_1080_7.jpg" alt="썸네일 이미지"> </div> </div> <span class="conts">순두부와 달걀로만 만드는 초 가성비! 초간단! 순두부달걀찜!</span> <span class="tlt">알토란</span> </a> </li><li > <a href="//m.mbn.co.kr/tv/978/6287/1143320" class="mb_inner"> <div class="mb_image_w"> <div class="mb_image_inner"> <button class="list_play_btn"></button><span class="duration">03:42</span> <img class="mb_image" src="//img.vod.mbn.co.kr/vod2/978/2024/12/05/20241205124120_21_978_1143320_1080_7.jpg" alt="썸네일 이미지"> </div> </div> <span class="conts">제 테크닉과 패기! 완벽하게 보여드리죠 > < 공훈 ♬ 아미새</span> <span class="tlt">현역가왕2</span> </a> </li><li > <a href="//m.mbn.co.kr/tv/974/6257/1143299" class="mb_inner"> <div class="mb_image_w"> <div class="mb_image_inner"> <button class="list_play_btn"></button><span class="duration">10:43</span> <img class="mb_image" src="//img.vod.mbn.co.kr/vod2/974/2024/12/05/20241205001511_21_974_1143299_1080_7.jpg" alt="썸네일 이미지"> </div> </div> <span class="conts">[고딩엄빠5] 고딩엄빠가 전하는 마지막 인사</span> <span class="tlt">고딩엄빠5</span> </a> </li><li > <a href="//m.mbn.co.kr/tv/594/3193/1143287" class="mb_inner"> <div class="mb_image_w"> <div class="mb_image_inner"> <button class="list_play_btn"></button><span class="duration">05:23</span> <img class="mb_image" src="//img.vod.mbn.co.kr/vod2/594/2024/12/03/20241203211354_21_594_1143287_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/973/6251/1143267" class="mb_inner"> <div class="mb_image_w"> <div class="mb_image_inner"> <button class="list_play_btn"></button><span class="duration">04:03</span> <img class="mb_image" src="//img.vod.mbn.co.kr/vod2/973/2024/12/03/20241203000212_21_973_1143267_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/593/3180/1143229" class="mb_inner"> <div class="mb_image_w"> <div class="mb_image_inner"> <button class="list_play_btn"></button><span class="duration">07:50</span> <img class="mb_image" src="//img.vod.mbn.co.kr/vod2/593/2024/12/01/20241201002131_21_593_1143229_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/982/6311/1143224" class="mb_inner"> <div class="mb_image_w"> <div class="mb_image_inner"> <button class="list_play_btn"></button><span class="duration">13:26</span> <img class="mb_image" src="//img.vod.mbn.co.kr/vod2/982/2024/11/30/20241130214853_21_982_1143224_1080_7.jpg" alt="썸네일 이미지"> </div> </div> <span class="conts">음악가 집안에서 태어난 성악 천재, 김동규. 100억대 사기 사건 논란까지...</span> <span class="tlt">가보자GO3</span> </a> </li><li style="display:none;" > <a href="//m.mbn.co.kr/tv/983/6321/1143214" class="mb_inner"> <div class="mb_image_w"> <div class="mb_image_inner"> <button class="list_play_btn"></button><span class="duration">08:38</span> <img class="mb_image" src="//img.vod.mbn.co.kr/vod2/983/2024/11/29/20241129225008_21_983_1143214_1080_7.jpg" alt="썸네일 이미지"> </div> </div> <span class="conts">※추천※ "오늘 저녁이 고민이시라고요? 안금무로 고민 해결!"</span> <span class="tlt">전현무계획2</span> </a> </li> </ul> <button class="viewmore">더 보기<img src="//img.mbn.co.kr/mobile/2021/expand_more.png"></button> </section> </div> </section> <script> window.addEventListener('load', function () { let highlight = document.querySelector('section[class=program]'); 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'; }) }) </script> <!-- //본문 --> <!-- 공유하기 --> <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/671/4220/196568" 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"> <a href="javascript:share.show();" class="btn_go_share"> <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/671/4220/196568"; var snsTitle = `알토란 - contact`; 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/671/4220/196568">로그인</a></li> <li><a href="https://member.mbn.co.kr/M/pages/member/joinAgreement.php">회원가입</a></li> <li data-content="link"><a href="https://www.mbn.co.kr/vod/programContents/671/4220/196568?uagent=m">PC버전</a></li>`; } else { document.querySelector(".footer_links_list").innerHTML = ` <li><a href="//m.mbn.co.kr/util/logout.mbn">로그아웃</a></li> <li data-content="link"><a href="https://www.mbn.co.kr/vod/programContents/671/4220/196568?uagent=m">PC버전</a></li>`; } </script> </div> </div> </body> </html>