</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="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://m.mbn.co.kr/notice" 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> </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> </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 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"); // 뉴스섹션 버튼 이벤트 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); let anniversaryHtml = `<li> <a href="https://m.mbn.co.kr/30thanniversary" target="blank"> <img src="https://img.mbn.co.kr/2025/30th_event/mbn_logo_30th.png" style="width: 80px;"> </a> </li>`; // 로그인 처리 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_sub/802/5149\"><strong>로그인</strong></a></li>" + "<li><a href=\"https://member.mbn.co.kr/M/pages/member/joinAgreement.php\">회원가입</a></li>" + anniversaryHtml; aside.querySelector('.login').innerHTML = "<a href=\"https://member.mbn.co.kr/M/pages/member/login.php?returnUrl=https://m.mbn.co.kr/tv_sub/802/5149\">로그인을 해주세요</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>' + anniversaryHtml; 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_sub/802/5149\">로그인을 해주세요</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/802/2020/06/24/1592955353235.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/802" 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/802/5146" class="menu_small_tit"> 기획의도 </a> <a href="//m.mbn.co.kr/tv_sub/802/5152" class="menu_small_tit"> 등장인물 소개 </a> <a href="//m.mbn.co.kr/tv_sub/802/5153" 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/802/5110" class="menu_small_tit"> 다시보기 </a> <a href="//m.mbn.co.kr/tv_sub/802/5147" class="menu_small_tit"> TV명장면 </a> <a href="//m.mbn.co.kr/tv_sub/802/5111" 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/802/5149" 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/802/5148" class="menu_small_tit"> 공지사항 </a> <a href="//m.mbn.co.kr/tv_sub/802/5150" class="menu_small_tit"> 방송정보 </a> <a href="//m.mbn.co.kr/tv_sub/802/5151" 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/802/2020/06/24/1592955353235.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=802" class="pg_home_name"> MBN 수목드라마 우아한 가 </a> <!-- 250304 AI검색 버튼 추가 --> <button class="srch ai" id="aiSearchOpenButton"> <div class="aisearch_box" style="background: none;"> <span>AI</span> <i class="ic_aisearch"></i> </div> </button> <!-- //250304 AI검색 버튼 추가 --> <div id="aiSearchContainer" class="ly_search ai" style="display: none;"> <div class="search_wrap"> <a class="btn_close" id="aiSearchCloseButton"> <span class="blind">검색 닫기</span> </a> <fieldset> <legend class="blind">검색어 입력 폼</legend> <div class="search_box"> <!-- 250304 search 뒤에 클래스명 new 추가 --> <div class="search new"> <!-- 250304 검색창 수정: textarea max-height: 80px;이며 그 이상 글씨 넘어갈경우 세로 scroll 적용 부탁드립니다.--> <form id="aiSearchForm"> <textarea id="aiSearchTopText" name="word" type="search" placeholder="AI 검색으로 쉽고 빠르게 찾아보세요" max-length="100" rows="1"></textarea> </form> </div> <!-- //250304 search 뒤에 클래스명 new 추가 --> <div class="switch_wrap"> <input type="checkbox" id="search_switch"> <label for="search_switch" class="switch_label"> <div class="switch_btn"> <span class="onf_btn"></span> </div> <p class="switch_txt"> <span class="txt_org">AI 검색</span> 우선 설정 </p> </label> <a href="javascript:void(0);" class="btn_ly_search" id="aiSearchButton"> <span class="blind">검색</span> </a> </div> </div> <!-- 250304 ai검색: 똑똑하게 질문하기 --> <div class="search_words_wrap"> <div class="aique_wrap"> <div class="question_wrap"> <p class="que_ttl">똑똑하게 질문하기</p> <ul class="grid que_listbox" id="aiQuestionContainer"> </ul> </div> <div class="ai_logo_wrap"> <span>Powered by</span> <div class="ai_logo"> <span class="blind">perplexity</span> </div> </div> </div> <!-- //250304 ai검색: 똑똑하게 질문하기 --> </fieldset> </div> </div> </div> <section class="pg_home_sub_gnb" style=" background:url(//img.mbn.co.kr//program/802/2020/06/24/1592955353235.jpg) repeat-x 0 0;"> <button type="button" class="bt_pg_home_gnb"> <span class="bt_main_gnb_tit"> 시청자 게시판 </span> </button> </section> </div> <script> window.addEventListener('load', function (){ var header = document.getElementById('header'); // 헤더 기준 const $keywordTextAreaTop = document.querySelector('#aiSearchTopText'); if($keywordTextAreaTop){ $keywordTextAreaTop.oninput = () => { if($keywordTextAreaTop.scrollHeight > $keywordTextAreaTop.clientHeight) { $keywordTextAreaTop.style.height = $keywordTextAreaTop.scrollHeight + 'px'; }else if($keywordTextAreaTop.value == "") { $keywordTextAreaTop.style.height = '26px'; } } } }); </script> <!-- 본문 --> <input type="hidden" id="c_text" value="viewer"/> <input type="hidden" id="c_seq" value="802"/> <input type="hidden" id="c_menu" value="5149"/> <input type="hidden" id="c_menu_cls_cd" value="41"/> <input type="hidden" id="c_pnum" value="1"/> <input type="hidden" id="order" value="1"/> <div class="all_wrp news_review_wrp pg_review_wrp"> <form id="writeForm" name="writeForm" action="//m.mbn.co.kr/tv_board/802/5149" method="post"> <input type="hidden" name="mode" value="write"/> <input type="hidden" id="boardPnum" name="pnum" value="1"/> </form> <section class="bbs_rules_wrp" style="display: none;"> <div class="bbs_rules_top_area"> <div class="bbs_rules_top_tit"> 게시판 운영 원칙 </div> <div class="bbs_rules_bottom_box"> <div> 안녕하세요. MBN 매일방송입니다. </div> <div> 이용약관 및 게시판 운영 원칙에 맞지 않는 게시물은 게시자의 동의 없이 삭제되며, 또한 삭제 대상의 게시물을 계속해서 게시하는 사용자는 일정기간 동안 게시판의 글쓰기가 제한 될 수 있음을 알려드립니다. </div> </div> </div> <div class="bbs_rules_bottom_area"> <div class="bbs_rules_bottom_tit"> 게시물 삭제 기준 및 글쓰기 제한 대상 </div> <ul class="bbs_rules_desc"> <li> <div class="bbs_rules_nb_tit"> 1. 유언비어 및 비방성 게시물 </div> <div class="bbs_rules_detail"> <span>유언비어, 인신공격 및 비방성 글</span> <span>욕설 및 욕을 변형한 단어가 포함된 글</span> <span>분란이나 분쟁을 유도하는 글</span> <span>타인 또는 타 단체의 권리를 침해하거나 명예를 훼손하는 내용</span> </div> </li> <li> <div class="bbs_rules_nb_tit"> 2. 게시판 주제에 맞지 않는 게시물 </div> <div class="bbs_rules_detail"> <span>사적인 정치적 판단이나, 종교적 견해 등 서비스 성격에 부합하지 않는다고 판단되는 경우</span> <span>해당 게시판의 성격에 부합되지 않는 글</span> </div> </li> <li> <div class="bbs_rules_nb_tit"> 3. 음란물의 게재 등 공공질서와 미풍양속을 해치는 게시물 </div> <div class="bbs_rules_detail"> <span>음란물 게시 또는 음란 사이트를 링크한 글</span> <span>폭력행위를 미화하거나, 퇴폐적인 행위를 미화하여 혐오감을 주는 글</span> </div> </li> <li> <div class="bbs_rules_nb_tit"> 4. 광고 홍보성, 상업성 게시물 </div> <div class="bbs_rules_detail"> <span>특정업체 상품소개 및 홍보 글</span> <span>돈벌이 광고 게시 및 돈벌이 사이트 링크, 경품 및 추천가입제 광고 글</span> <span>특정 단체(업체)의 이해 관계와 관련된 글</span> </div> </li> <li> <div class="bbs_rules_nb_tit"> 5. 스팸성 게시물 </div> <div class="bbs_rules_detail"> <span>도배 및 전 게시판에 중복해서 올리는 글</span> </div> </li> <li> <div class="bbs_rules_nb_tit"> 6. 개인정보 유출 게시물 </div> <div class="bbs_rules_detail"> <span>공개된 게시판에 전화번호 및 주소,연락처(이메일,블로그,SNS주소)등의 개인정보가 노출된 글</span> <span>타인의 ID를 도용하여 작성된 글</span> </div> </li> <li> <div class="bbs_rules_nb_tit"> 7. 관계법령에 위반된다고 판단되는 게시물 </div> <div class="bbs_rules_detail"> <span>저작권자에 의해 저작권 보호요청이 된 글</span> <span>각종 법에 저촉되거나 범죄행위에 결부된다고 인정되는 글</span> </div> </li> <li> <div class="bbs_rules_nb_tit"> 8. 실명으로 등록되지 않은 게시물 </div> </li> <li> <div class="bbs_rules_nb_tit"> 9. 회사의 지적재산권, 타인의 지적재산권 등 기타 권리를 침해한 게시물 </div> </li> </ul> <div class="direct_list_wrp"> <button type="button" class="bt_gray_general" onclick="bbsRuleShow();"> <span class="span_to_list"> 목록보기 </span> </button> </div> </div> </section> <section class="main_news_lst02_area news_review_type2 pg_review_lst pg_viewer_bbs_lst"> <div class="inner"> <div class="bbs_write_bt_wrp"> <button type="button" class="bt_write_bbs" onclick="boardWrite('');"> 글쓰기 </button> </div> <div class="pg_main_tit_type1"> <div class="pg_main_l_tit"> <span class="pg_main_big_tit"> 시청자 게시판 </span> </div> <div class="bbs_rules_wrp"> <button type="button" class="bt_bbs_rules" onclick="bbsRuleShow();"> <span class="span_bbs_rules"> 게시판 운영 원칙 </span> </button> </div> <ul class="pg_main_r_align"> <li class="li_pg_main_align active"> <button type="button" class="bt_recent_item" onclick="orderVod('Y');"> 최신순 </button> </li> <li class="li_pg_main_align"> <button type="button" class="bt_old_item" onclick="orderVod('N');"> 오래된 순 </button> </li> </ul> </div> <ul class="pg_review_playlist pg_notice_list" id="show_area"></ul> <div class="pg_review_pagination"> <button type="button" class="bt_prev_page"> <img src="https://img.mbn.co.kr/mobile/2021/ic_arrow_left_g1.png" alt="이전 페이지로"> </button> <div class="pg_review_center_nb"> <span class="active"> 1 </span> <span class="sum_pages"></span> </div> <button type="button" class="bt_next_page"> <img src="https://img.mbn.co.kr/mobile/2021/ic_arrow_right_g1.png" alt="다음 페이지로"> </button> </div> </div> </section> </div> <script type="text/javascript"> var page_no = 1; var c_text = ""; var c_seq = 0; var c_menu = 0; var c_menu_cls_cd = 0; var c_pnum = 1; var selDate = ''; let prePageBt = document.querySelector('.bt_prev_page'); let nextPageBt = document.querySelector('.bt_next_page'); let bbs_rule = document.querySelector('.bbs_rules_wrp'); let bbs_section = document.querySelector('.main_news_lst02_area'); let ajaxStop = true; var getRowData = function () { ajaxStop = false; $.ajax({ type: "POST", url: "/tv/program_ajax_v2.1.mbn", data: { "c": c_text, "seq": c_seq, "menu_seq_no": c_menu, "menu_cls_cd": c_menu_cls_cd, "pnum": c_pnum, "page": $("#c_pnum").val(), "bcastDay": selDate, "order": $("#order").val() }, cache: false, dataType: "html", success: function (data) { if ($("#show_area").length > 0) { $("#show_area").html(data); } else { $(".all_wrp").html(data); } ajaxStop = true; window.scroll(0, 0); } }); } prePageBt?.addEventListener('click', function () { let page = document.getElementById('c_pnum'); if (this.classList.contains('active') && Object.is(ajaxStop, true)) { page.value = +page.value - 1; getRowData(); } }); nextPageBt?.addEventListener('click', function () { let page = document.getElementById('c_pnum'); if (this.classList.contains('active') && Object.is(ajaxStop, true)) { page.value = +page.value + 1; getRowData(); } }); function orderVod(other_old) { let orderYN = other_old ?? 'Y'; document.getElementById("order").value = orderYN; document.getElementById("c_pnum").value = 1; getRowData(); if (Object.is(orderYN, 'Y')) { document.querySelector('.bt_recent_item').parentElement.classList.add('active'); document.querySelector('.bt_old_item').parentElement.classList.remove('active'); } else { document.querySelector('.bt_recent_item').parentElement.classList.remove('active'); document.querySelector('.bt_old_item').parentElement.classList.add('active'); } } function bbsRuleShow() { if (bbs_rule ?? 0) { bbs_rule.style.display = (Object.is(bbs_rule?.style.display, 'none') ? 'block' : 'none'); bbs_section.style.display = (Object.is(bbs_section?.style.display, 'none') ? 'block' : 'none'); window.scroll(0, 0); } } $(document).ready(function () { c_text = $("#c_text").val(); c_seq = $("#c_seq").val(); c_menu = $("#c_menu").val(); c_menu_cls_cd = $("#c_menu_cls_cd").val(); c_pnum = $("#c_pnum").val(); getRowData(); }); </script> <script type="text/javascript"> function boardWrite(mbnIdStateCd) { if (mbnIdStateCd == "80"){ alert("이 계정은 글쓰기 권한이 없습니다."); return; } if (!isLoginCheck()) { return; } $("#boardPnum").val(page_no); $("#writeForm").submit(); } </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_sub/802/5149" 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> <!-- // 공유하기 팝업 --> <script> window.addEventListener('DOMContentLoaded',function (){ // MBN 앱 var mbnApp = document.getElementById('mbn_app_dwn'); var mbnAppBox = mbnApp?.querySelector('.app_btn'); var mbnAppBt = mbnAppBox?.querySelector('.close'); if(mbnApp && mbnAppBox){ window.addEventListener('scroll', () => { mbnApp.style.display = 'flex'; }, { once : true }) } if(mbnAppBt) { // 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> </ul> </div> <!-- 이용약관,개인정보,공지사항 추가 --> <div class="policy"> <ul class="policy_list"> <li><a href="https://m.mbn.co.kr/policy/site">이용약관</a></li> <li><a href="https://m.mbn.co.kr/policy/personal" class="bold">개인정보처리방침</a></li> <li><a href="https://m.mbn.co.kr/notice">공지사항</a></li> </ul> </div> <!-- //이용약관,개인정보,공지사항 추가 --> <div class="footer_links" > <ul class="footer_links_list" ></ul> </div> <div class="footer_copyright"> <p class="sub">MBN의 모든 기사 및 영상(콘텐츠)은 저작권법의 보호를 받으며, 무단 전재, 복사, 배포 및 AI학습 이용을 금합니다.</p> <p>ⓒ MBN & 매경에이엑스. 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 .app_btn').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_sub/802/5149"; var snsTitle = `MBN 수목드라마 우아한 가 시청자 게시판 : 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/tv_sub/802/5149">로그인</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/802/5149?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/802/5149?uagent=m">PC버전</a></li>`; } </script> </div> </div> </body> </html>