</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/report\"><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/report\">로그인을 해주세요</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/report\">로그인을 해주세요</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" data-role='page'> <div id="header" style="z-index: 10000; position: fixed;"> <div class="news_header"> <div class="inner"> <button class="menu"><img src="//img.mbn.co.kr/mobile/2021/menu.png"></button> <a href="javascript:void(0);" class="logo"> <img style="/*position: relative; top: -4px;*/" src="//img.mbn.co.kr/images/mbn_mweb/l_mbnmweb_logo.png" height="23" alt="mbn" onclick="location.href='//m.mbn.co.kr/'"> <span onclick="location.href='//m.mbn.co.kr/report/'">제보</span> </a> <button class="srch"><img src="https://img.mbn.co.kr/mobile/2021/search.png"></button> </div> <div id="top_search" class="ly_search" style="display: none;"> <div class="search_wrap"> <a class="btn_close"> <span class="blind">검색 닫기</span> </a> <fieldset> <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><script type="text/javascript"> var sel_files = ""; var sel_files_split = ""; var fileCnt = 0; var upload_flag = 0; var isMobile = 0; $(window).on('submit', function() { //action 로딩 $('#loadingFrame1').show(); $("#layer_area").show(); }); /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// $(function() { var ranNum = Math.floor( Math.random() * 10000 ); //디렉토리 넘버 생성 if(navigator.userAgent.match(/Android|Mobile|iP(hone|od|ad)|BlackBerry|IEMobile|Kindle|NetFront|Silk-Accelerated|(hpw|web)OS|Fennec|Minimo|Opera M(obi|ini)|Blazer|Dolfin|Dolphin|Skyfire|Zune/)){ isMobile = 1; } $('#dir_num').val(ranNum); $("#bt_report_submit").click(function (){ // if(fileCnt < 1){ // alert("파일을 첨부하세요."); // return; // } if(!checkInput()) { return; } else { moveValueToForm(); } if(upload_flag != 0){ alert("업로드가 진행중인 파일이 있습니다."); return; } $(".report_submit_bnt").hide(); sel_files = sel_files.slice(0, -2); $("#sel_files").val(sel_files); $("#report_form").attr('action','//m.mbn.co.kr/process/reportProc_new.mbn').submit(); }); }); function checkInput() { var input = [document.getElementById('report_write_tit'), document.getElementById('report_write_name'), document.getElementById('report_write_call'), document.getElementById('same_applier') ]; for(var i = 0; i < input.length; i++) { if (input[i].value == '') { alert("제목, 이름, 전화번호는 필수 입력사항입니다."); input[i].focus(); return false; } } if (isNaN(input[2].value)) { input[2].focus(); alert("전화번호는 숫자만 입력 가능합니다."); return false; } if (!input[3].checked) { input[3].focus(); alert("개인정보 취급방침에 동의해 주세요."); return false; } return true; } function moveValueToForm() { var data = [document.getElementById('report_write_tit'), document.getElementById('report_write_con'), document.getElementById('report_write_name'), document.getElementById('report_write_call') ]; var formInput = [document.getElementById('report_title'), document.getElementById('report_description'), document.getElementById('report_name'), document.getElementById('report_cellphone') ]; for (var i = 0; i < data.length; i++) { formInput[i].value = data[i].value; } } var isCamera; //불러오기인지 촬영하기인지 구분 //레이어 :: 불러오기 / 촬영하기 method function showLayer(arg){ if(isMobile){ // 기존 사진 / 영상 불러오기 if(arg == "load"){ isCamera = false; $("#shared2").show(); }else if(arg == "camera"){ isCamera = true; $("#shared").show(); } //window.scrollTo(0, 0); $('#back_layer, .report_popup_box, #header').on('scroll touchmove mousewheel', function(e){ e.preventDefault(); e.stopPropagation(); return false; }); $("#layer_area").show(); }else{ alert("pc버전에서는 지원하지 않습니다"); return; } } //레이어 :: 닫기 function hiddenLayer(){ $('#back_layer, .report_popup_box, #header').off('scroll touchmove mousewheel'); $("#selectBTN_call").hide(); $("#selectBTN_shot").hide(); $("#back_layer").hide(); $("#shared").hide(); $("#shared2").hide(); $("#layer_area").hide(); isCamera = false; } //사진 function loadPicture(){ if(isCamera){ //사진 촬영 $("#flie_type").val("img"); $("#report_files").attr("accept","image/*"); $("#report_files").attr("capture","camera"); }else{ //사진 불러오기 $("#flie_type").val("img"); $("#report_files").attr("accept","image/*"); $("#report_files").removeAttr('capture'); } $("#report_files").click(); } //동영상 function loadCamera(){ if(isCamera){ //동영상 촬영 $("#flie_type").val("vod"); $("#report_files").attr("accept","video/*"); $("#report_files").attr("capture","camcorder"); }else{ //동영상 불러오기 $("#flie_type").val("vod"); $("#report_files").attr("accept","video/*"); $("#report_files").removeAttr('capture'); } $("#report_files").click(); } function uploadFile(arg, cnt){ var form = $('#report_form')[0]; var data = new FormData(form); $.ajax({ xhr: function(){ var xhr = new window.XMLHttpRequest(); xhr.upload.addEventListener("progress", function(evt){ if(evt.lengthComputable){ upload_flag = 1; var percentComplete = Math.round((evt.loaded / evt.total) * 100); $(".load_percent" + cnt + " > span").css("width", "" + percentComplete + "%"); $(".load_percent" + cnt + " > span > p").html(percentComplete + "%"); } }, false); return xhr; }, type : "POST", enctype: 'multipart/form-data', url : "//m.mbn.co.kr/help/report_upload.mbn", data : data, processData: false, contentType: false, cache: false, success : function(end){ //console.log(end); sel_files += end + "&&"; //sel_files_split = sel_files.split('&&'); }, beforeSend:function(xhr,opts){ readmultifiles(arg, cnt,function (data) { if(data === false) { xhr.abort(); removeImg(cnt, 'remove'); //return false; } }); }, complete:function(){ upload_flag = 0; $(".load_percent" + cnt + " > span > p").html("완 료"); $(".load_delete" + cnt).css('display', ''); }, error : function(request, status, error){ console.log("에러 : " + error); } }); } function onPhotoDataSuccess(arg) { if (arg.files.length > 0) { fileCnt++; if( fileCnt < 4 ){ switch( fileCnt ) { case 0: alert('파일이 선택되지 않았습니다'); break; case 1: case 2: case 3: uploadFile(arg, fileCnt -1); break; default: alert('파일은 3개까지 첨부 가능합니다.'); } }else{ alert('파일은 3개까지 첨부 가능합니다.'); } } hiddenLayer(); } function readmultifiles(arg, isFileLen,callback){ var reader = new FileReader(); function readFile(j, isFileLen) { if(j >= arg.files.length) return; $('.load_text' + isFileLen).css('display',''); reader.onload = function(event) { var file_size; var file_dt = new Date(arg.files[j].lastModifiedDate); //사진 if(arg.files[j].type.match(/image|IMAGE/) != null){ $("#previewImage" + isFileLen).attr("src", event.target.result); }else if(arg.files[j].type.match(/video|VIDEO/) != null){ //동영상 $("#previewImage" + isFileLen).attr("src", "//img.mbn.co.kr/images/mbn_mweb/img_encoding.PNG"); } //M, K 구분 var tmpSize = (event.loaded/1024); if(tmpSize > 1024){ file_size = (event.loaded/1024/1024).toFixed(1) + "M"; }else{ file_size = (event.loaded/1024).toFixed(1) + "K"; } //용량체크 500MB var M100 = 1024 * 500; if(tmpSize > M100){ alert("용량제한 : 500MB 이상은 업로드 할수 없습니다."); $("#report_files" + isFileLen).val(""); $(".load_percent" + isFileLen + " > span").css("width","0%"); $(".load_percent" + isFileLen + " > span > p").html("0%"); $("#previewImage" + isFileLen).attr("src", "//img.mbn.co.kr/images/mbn_mweb/img_box.PNG"); callback(false); } $("#file_dt_area" + isFileLen).text(file_dt.getFullYear() + "." + (file_dt.getMonth() + 1) + "." + file_dt.getDate() + " " + file_dt.getHours() + ":" + file_dt.getMinutes()); $("#file_size_area" + isFileLen).text(file_size); readFile(j + 1, isFileLen + 1); }; /* reader.onprogress = function(event) { if (event.lengthComputable) { //$("#totla_progress").val(event.total); //$("#progress").val(event.loaded); var percent = (event.loaded / event.total)*100; percent = Math.round(percent); $(".load_percent" + isFileLen + " > span").css("width",""+percent + "%"); $(".load_percent" + isFileLen + " > span > p").html(percent+"%"); } }; */ reader.onerror = function(event) { alert("ERROR: " + event.target.error.code); }; reader.readAsDataURL(arg.files[j]); } // readFile(0, isFileLen); //return readFile(0, isFileLen) === true; readFile(0, isFileLen); } function removeImg(n, mode){ if(upload_flag != 0){ alert("업로드가 진행중인 파일이 있습니다."); return; } if (mode == undefined || mode == null) { if (confirm("삭제 하시겠습니까?") == true) { delUp(n); } else { return; } } else if(mode == 'remove') { delUp(n); } } function delUp(n) { var selFilesArr = sel_files.split('&&'); for (var f = n + 1; f < selFilesArr.length; f++) { //선택파일 위치 옮김 selFilesArr[f - 1] = selFilesArr[f]; } var selTemp = ''; for (var y = 0; y < selFilesArr.length; y++) { //선택파일 재정렬 if (selFilesArr[y] != '') { selTemp += selFilesArr[y] + '&&'; } } sel_files = selTemp; for (var i = n; i < 3; i++) { $("#previewImage" + n).attr("src", $("#previewImage" + (n + 1)).attr("src")); $("#file_dt_area" + n).text($("#file_dt_area" + (n + 1)).text()); $("#file_size_area" + n).text($("#file_size_area" + (n + 1)).text()); } $('.load_text' + (fileCnt - 1)).css('display', 'none'); $('.load_delete' + (fileCnt - 1)).css('display', 'none'); fileCnt--; if (fileCnt == 0) { $('.load_text0').css('display', 'none'); $("#previewImage0").attr("src", "//img.mbn.co.kr/images/mbn_mweb/img_box.PNG"); $("#file_dt_area0").text(''); $("#file_size_area0").text(''); $(".load_percent0 > span").css("width", "0%"); $(".load_percent0 > span > p").html("0%"); } } var shared = { hide() { $("#shared").hide(); $("#shared2").hide(); $("#layer_area").hide(); } } /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// </script> <div class="all_wrp report_wrp"> <div id="news_main_all_wrp"> <section class="report_top_wrp" style="padding-top: 90px;"> <div class="report_top_txt_wrp"> <div class="report_top_tit"> 제보 </div> <div class="report_middle_tit"> 매일방송 <img src="//img.mbn.co.kr/images/mbn_mweb/l_mbnmweb_logo.png" alt="MBN">이<br />시청자 여러분의 제보를 기다립니다. </div> </div> <div class="report_bt_txt_wrp"> 비리 고발, 생활 속 불편사항, 내 주변의 사건 사고 등<br />시청자 여러분의 제보를 기다립니다.<br />허위 조작정보 및 AI발 악의적 가짜뉴스 관련 제보도 적극 환영합니다.<br />여러분이 보내주신 소중한 제보를 바탕으로<br />신속하고 다양한 뉴스를 전달하겠습니다. </div> <ul class="report_info_data"> <li class="li_report"> <span class="li_report_call"> 제보전화 </span> <a href="tel:+82220003114"> 02-2000-3114 </a> </li> <li class="li_report"> <span class="li_report_email"> 이메일 </span> <a href="mailto:mbn@mbn.co.kr"> mbn@mbn.co.kr </a> </li> </ul> </section> <section class="report_ban padding_top_8px"> <a href="https://pf.kakao.com/_xmHZqK"> <img src="//img.mbn.co.kr/mobile/2021/mbnkakao.jpg?v=1"> </a> </section> <section class="report_bt_wrp"> <div class="inner"> <ul class="bt_report_wrp"> <li class="bt_report_file" onclick="showLayer('load');"> <label for="add_report_file" class="lab_report_file"> <span class="bt_report_txt" id="add_report_file" > 파일첨부 </span> </label> <!-- <input type="file" class="input_invisible" id="report_file">--> </li> <li class="bt_report_picture" onclick="showLayer('camera');"> <label for="report_camera" class="lab_report_cam"> <span class="bt_report_txt" id="report_camera" > 촬영하기 </span> </label> <!-- <input type="file" accept="image/*" capture="camera" id="report_camera" class="input_invisible">--> </li> </ul> <div class="report_top_txt"> 파일첨부 최대용량 500MB / 3개까지 첨부 가능 </div> <div class="report_bt_txt"> (500MB 이상일 경우<br />카카오톡이나 이메일 제보를 이용해주세요) </div> <ul class="report_added_files"> <li class="load_text0" style="display: none;"> <div class="each_added_file"> <div class="each_file_wrp"> <img id="previewImage0" src="https://img.mbn.co.kr/images/mbn_mweb/img_box.PNG" alt="첨부 파일 썸네일 이미지"> <button type="button" class="del_added_file" onclick="removeImg(0);"> <img src="https://img.mbn.co.kr/mobile/2021/ic_close_bk_cc.png" alt="종료하기"> </button> </div> <div class="each_file_size" id="file_size_area0"> 0KB </div> <div class="each_file_size"> <span class='load_percent0' style="border: 1px solid #c2c2c2; width:97%; height: 100%; float: left"> <span style="background-color: #FF6600; display: block; width: 0%;"> <p style="font-weight: bold; text-align: center; color: #FFFFFF;">0%</p> </span> </span> </div> </div> </li> <li class="load_text1" style="display: none;"> <div class="each_added_file"> <div class="each_file_wrp"> <img id="previewImage1" src="https://img.mbn.co.kr/images/mbn_mweb/img_box.PNG" alt="첨부 파일 썸네일 이미지"> <button type="button" class="del_added_file" onclick="removeImg(1);"> <img src="https://img.mbn.co.kr/mobile/2021/ic_close_bk_cc.png" alt="종료하기"> </button> </div> <div class="each_file_size" id="file_size_area1"> 0KB </div> <div class="each_file_size"> <span class='load_percent1' style="border: 1px solid #c2c2c2; width:97%; height: 100%; float: left"> <span style="background-color: #FF6600; display: block; width: 0%;"> <p style="font-weight: bold; text-align: center; color: #FFFFFF;">0%</p> </span> </span> </div> </div> </li> <li class="load_text2" style="display: none;"> <div class="each_added_file"> <div class="each_file_wrp"> <img id="previewImage2" src="https://img.mbn.co.kr/images/mbn_mweb/img_box.PNG" alt="첨부 파일 썸네일 이미지"> <button type="button" class="del_added_file" onclick="removeImg(2);"> <img src="https://img.mbn.co.kr/mobile/2021/ic_close_bk_cc.png" alt="종료하기"> </button> </div> <div class="each_file_size" id="file_size_area2"> 0KB </div> <div class="each_file_size"> <span class='load_percent2' style="border: 1px solid #c2c2c2; width:97%; height: 100%; float: left"> <span style="background-color: #FF6600; display: block; width: 0%;"> <p style="font-weight: bold; text-align: center; color: #FFFFFF;">0%</p> </span> </span> </div> </div> </li> </ul> </div> </section> <section class="report_bt_wrp"> <div class="inner"> <div class="report_form_tit"> 제보내용 </div> <div class="form_each_area"> <label for="report_write_tit" class="lab_report_tit"> 제목<span class="essential_marker">(필수) </span> </label> <input type="text" class="inp_report_tit" id="report_write_tit"> </div> <div class="form_each_area"> <label for="report_write_con" class="lab_report_tit"> 내용 </label> <textarea class="ta_report_con" id="report_write_con"></textarea> </div> <div class="form_each_area"> <label for="report_write_name" class="lab_report_tit"> 이름<span class="essential_marker">(필수) </span> </label> <input type="text" class="inp_report_tit" id="report_write_name" placeholder="이름을 입력해주세요."> </div> <div class="form_each_area"> <label for="report_write_call" class="lab_report_tit"> 전화번호<span class="essential_marker">(필수) </span> </label> <input type="tel" class="inp_report_tit" id="report_write_call" placeholder="'-'없이 입력해주세요."> </div> <div class="form_each_desc_area"> <div class="form_inner_tit"> 개인정보 보호를 위한 이용자 동의 사항 </div> <div class="form_inner_script"> <ul class="ul_form_script"> <li> <div class="li_form_tit"> 1. 개인정보의 수집·이용 항목 </div> <div class="li_form_con"> 회사는 수집한 개인정보는 제보 내용에 관한 확인 및 처리 등의 업무 진행에 사용됩니다. </div> </li> <li> <div class="li_form_tit"> 2. 수집하는 개인정보 항목 </div> <div class="li_form_con"> 이름, 전화번호 등 입력항목 </div> </li> <li> <div class="li_form_tit"> 3. 개인정보의 보유 및 이용기간 </div> <div class="li_form_con"> 개인정보의 수집 및 이용목적이 달성된 후에는 해당정보를 즉시 파기합니다. </div> </li> </ul> <div class="same_applier_area"> <input type="checkbox" id="same_applier" class="input_check_hide"> <label for="same_applier" class="label_same_applier_area"> <div class="same_applier_txt"> 개인정보 취급방침에 동의하시겠습니까? </div> </label> </div> </div> <button type="button" class="bt_report_submit" id="bt_report_submit"> 제보하기 </button> </div> <form method="post" name="report_form" id="report_form" action="" enctype="multipart/form-data" > <input type="file" name="report_files[]" id="report_files" onchange="javascript:onPhotoDataSuccess(this);" style="height:0px;width:0px;overflow:hidden;display:table-cell;"> <input type="hidden" id="returnUrl" name="returnUrl" value="//m.mbn.co.kr/report"/> <input type="hidden" id="sel_files" name="sel_files" /> <input type="hidden" id="flie_type" name="flie_type" /> <input type="hidden" id="report_name" name="report_name" /> <input type='hidden' id="report_cellphone" name="report_cellphone" /> <input type='hidden' id="report_title" name="report_title"/> <input type="hidden" id="dir_num" name="dir_num" /> <textarea id="report_description" name="report_description" style="display: none;"></textarea> </form> </div> </section> </div> </div> </div> <div id="mbn_app_dwn" > <span class="app_btn"> <a href="https://play.google.com/store/apps/details?id=kr.co.mk.mbntv&hl=en&gl=US" target="_blank" rel="noopener noreferrer">MBN APP 다운로드 </a> <button class="close"><img src="//img.mbn.co.kr/mobile/2021/btn_appclose.png"></button> </span> </div> <script> window.addEventListener('DOMContentLoaded',function (){ // MBN 앱 var mbnApp = document.getElementById('mbn_app_dwn'); var mbnAppBox = mbnApp.querySelector('.app_btn'); var mbnAppBt = mbnAppBox.querySelector('.close'); // MBN APP 다운로드 닫기 mbnAppBt.addEventListener('click',function () { mbnAppBox.children[0].style.display = 'none'; this.style.display = 'none'; },false); },false); </script> <div id="footer"> <div class="go_top_wrap"> <a href="javascript:window.scrollTo(0,0);" class="btn_go_top"> <span class="blind">맨위로 바로가기</span> </a> </div> <div class="sns_wrp"> <ul class="sns"> <li><a href="https://facebook.com/mbntv/"><img src="//img.mbn.co.kr/mobile/2021/facebook.png"></a></li> <li><a href="http://www.instargram.com/mbn_news/"><img src="//img.mbn.co.kr/mobile/2021/instagram.png"></a></li> <li><a href="https://youtube.com/channel/UCG9aFJTZ-lMCHAiO1KJsirg"><img src="//img.mbn.co.kr/mobile/2021/youtube.png"></a></li> <li><a href="https://twitter.com/mbnlive"><img src="//img.mbn.co.kr/mobile/2021/twitter.png"></a></li> <!-- <li><a href="https://story.kakao.com/ch/mbnnews/feed"><img src="//img.mbn.co.kr/mobile/2021/story.png"></a></li>--> </ul> </div> <div class="footer_links" > <ul class="footer_links_list"></ul> </div> <div class="footer_copyright"> <p>Copyright ⓒ 매경닷컴 Corp. All rights Reserved.</p> </div> <script> window.addEventListener('DOMContentLoaded',function (){ var footer = document.getElementById('footer'); var share = footer.querySelector('.go_top_wrap'); window.addEventListener('scroll',function (){ if (window.scrollY < 100) { share.style.display = 'none'; } else { share.style.display = 'block'; } }) let appMessage = navigator.userAgent.toLowerCase(); //if (!Object.is(appMessage.indexOf('mbnapp'),-1)) { if (appMessage.indexOf('mbnapp') !== -1) { document.querySelector('#mbn_app_dwn').style.display = 'none'; document.querySelector('.footer_links').style.display = 'none'; } }); var share = { show : () => { document.getElementById('layer_area').style.display = 'block'; document.getElementById('shared').style.display = 'block'; }, platform : (num) => { var url; var type = ["facebook","twitter","naverband","kakaostory"]; var options; var snsUrl = ""; 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/report">로그인</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/?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/?uagent=m">PC버전</a></li>`; } </script> </div> </div> <!-- 공유하기 --> <div class="mklayer ly_share" id="shared" style="display:none; top:150px;"> <div class="ly_head"> <strong>촬영하기</strong> </div> <div class="ly_con"> <ul class="report_cam_type"> <li class="li_report_cam" onclick="loadPicture();"> <label for="load_camera" class="lab_report_cam1"> <span class="lab_inner_txt" id="load_camera"> 사진 촬영 </span> </label> <input type="file" accept="image/*" capture="camera" id="report_camera" class="input_invisible"> </li> <li class="li_report_cam" onclick="loadCamera();"> <label for="" class="lab_report_cam2"> <span class="lab_inner_txt"> 영상 촬영 </span> </label> <input type="file" accept="image/*" capture="camera" id="report_camera" class="input_invisible"> </li> </ul> </div> <a href="javascript:shared.hide(0);" class="mklayer_close"> <span class="blind">닫기</span> </a> </div> <div class="mklayer ly_share" id="shared2" style="display:none; top:150px;"> <div class="ly_head"> <strong>파일첨부</strong> </div> <div class="ly_con"> <ul class="report_cam_type"> <li class="li_report_cam" onclick="loadPicture();"> <label for="" class="lab_report_cam1"> <span class="lab_inner_txt"> 사진 불러오기 </span> </label> <input type="file" accept="image/*" capture="camera" id="report_camera" class="input_invisible"> </li> <li class="li_report_cam" onclick="loadCamera();"> <label for="" class="lab_report_cam2"> <span class="lab_inner_txt"> 영상 불러오기 </span> </label> <input type="file" accept="image/*" capture="camera" id="report_camera" class="input_invisible"> </li> </ul> </div> <a href="javascript:shared.hide(0);" class="mklayer_close"> <span class="blind">닫기</span> </a> </div> <!-- // 공유하기 --> <div class="mklayer_area" id="layer_area" style="display:none;"></div> <!-- //20210604 - 공유하기 팝업 --> <div id="loadingFrame1" style="display:none;"></div> </body> </html>