</noscript> <!-- End Google Tag Manager (noscript) --> <a href="#container" title="본문 바로가기" class="skip">본문 바로가기</a> <div id="wrap"> <!-- GNB메뉴 --> <!-- fix header 추가 --> <div class="fix_h_box" style="display: none;"> <div class="box_in"> <span class="logo"> <a href="//www.mbn.co.kr/"> <img src="//img.mbn.co.kr/newmbn/news_2020/logo_fix_mbn.jpg"> </a> </span> <span class="art_tit">[서울] 서울시 미래유산 홈페이지 새단장</span> <ul class="sns"> <li><img onclick="snsShare('facebook', '%5B%EC%84%9C%EC%9A%B8%5D+%EC%84%9C%EC%9A%B8%EC%8B%9C+%EB%AF%B8%EB%9E%98%EC%9C%A0%EC%82%B0+%ED%99%88%ED%8E%98%EC%9D%B4%EC%A7%80+%EC%83%88%EB%8B%A8%EC%9E%A5', 'http://www.mbn.co.kr/news/society/3067168');" src="https://img.mbn.co.kr/newmbn/news_2020/im_fix_f.jpg" alt="페이스북 공유하기" style="cursor:pointer;" /></li><li><img onclick="snsShare('twitter', '%5B%EC%84%9C%EC%9A%B8%5D+%EC%84%9C%EC%9A%B8%EC%8B%9C+%EB%AF%B8%EB%9E%98%EC%9C%A0%EC%82%B0+%ED%99%88%ED%8E%98%EC%9D%B4%EC%A7%80+%EC%83%88%EB%8B%A8%EC%9E%A5', 'http://www.mbn.co.kr/news/society/3067168');" src="https://img.mbn.co.kr/newmbn/news_2020/im_fix_t.jpg" alt="트위터 공유하기" style="cursor:pointer;" /></li> <li><img style="cursor: pointer;" onclick="javascript:katalkShare();" alt="카카오톡 공유하기" src="//img.mbn.co.kr/newmbn/news_2020/im_fix_kt.jpg"></li> <li class="last"> <a href="javascript:void(0)"> <img src="//img.mbn.co.kr/newmbn/news_2020/im_fix_s.jpg" alt="기사공유" class="share_img" id="share_email"> </a> </li> </ul> </div> </div> <script> jQuery(document).ready(function(){ var fixed = false; var Downbar = jQuery('.gnb_depth').offset().top; // 탑바 노출 위치(좌표) function headerFixed() { var scrolltopbar = jQuery(this).scrollTop(); var bar = parseInt($('.fix_h_box').css('top').replace('px', '')); var docHeight = jQuery(document).height(); var windowHeight = jQuery(window).height(); if (fixed == false) { if (scrolltopbar >= Downbar) { if (bar < 0) { fixed = true; $('.fix_h_box').css('display',''); $('.fix_h_box').animate({'top' : '+=120'}, function() { fixed = false; }); } } else { if (bar >= 0) { fixed = true; $('.fix_h_box').animate({'top' : '-=120'}, function() { fixed = false; }); } } } } function throttle(callback, timeout){ var waiting = false; return function(e){ if(waiting) return; waiting = setTimeout(function() { callback.call(this, e); waiting = false; }, timeout); } } var throttledHeaderFixed = throttle(headerFixed, 50); document.addEventListener('scroll', throttledHeaderFixed, { capture:false, once:false, passive: true, }) }); </script> <!--// fix header 추가 --> <!-- 헤더 --> <div id="header"> <!-- GNB상단메뉴 --> <div class="gnb_top"> <div class="top_box"> <ul class="left"> <li><a href="http://mk.co.kr" target="_blank" rel="noopener noreferrer">매일경제</a></li> <li><a href="http://mbnmoney.mbn.co.kr/" target="_blank">매일경제TV </a></li> <li><a href="http://economy.mk.co.kr/" target="_blank" rel="noopener noreferrer">매경이코노미</a></li> <li><a href="http://luxmen.mk.co.kr/" target="_blank" rel="noopener noreferrer">매경LUXMEN</a></li> <li><a href="http://news.mk.co.kr/newsList.php?sc=60000007" target="_blank" rel="noopener noreferrer">CITYLIFE </a></li> <li><a href="http://gfw.mk.co.kr/" target="_blank" rel="noopener noreferrer">GFW </a></li> <li><a href="https://m-print.mk.co.kr/kr/" target="_blank" rel="noopener noreferrer">M-PRINT </a></li> </ul> <!-- 오늘의 시청률, 채널번호, 로그인, 회원가입 --> <ul class="right" id="nav_service"> </ul> <!--// 오늘의 시청률, 채널번호, 로그인, 회원가입 --> </div> </div> <!-- //GNB상단메뉴 --> <!-- GNB메뉴 --> <div class="gnb_menu" style="height: 88px;"> <div class="gnb_menu_in" style="height: 88px;"> <h1 style="top: 27px;"> <a href="//www.mbn.co.kr/"> <img width="119" height="36" src="//img.mbn.co.kr/newmbn/news_2020/logo_mbn.gif" alt="mbn"> </a> <a href="//www.mbn.co.kr/news/" class="logo_news" style="margin-left: -0.5px;"> <img width='72' height='36' src="//img.mbn.co.kr/newmbn/news_2020/logo_news.gif" alt="news"> </a> </h1> <ul class="left"> <li class="menu_li"><a href="//www.mbn.co.kr/vod/enter">예능 </a></li> <li class="menu_li"><a href="//www.mbn.co.kr/vod/culture">교양</a></li> <li class="menu_li"><a href="//www.mbn.co.kr/vod/drama">드라마</a></li> </ul> <ul class="right"> <li class="menu_li"><a href="//www.mbn.co.kr/vod/schedule">편성표 </a></li> <li class="menu_li"><a href="//www.mbn.co.kr/vod/onair">온에어</a></li> <!-- 250304 ai검색으로 인한 검색 버튼 변경 --> <li class="menu_li"> <a href="javascript:void(0);" id="buttonPreSearch" class="aisearch"> <div class="aisearch_box open_search"> <span>AI</span> <i class="ic ic_aisearch"></i> </div> </a> </li> <!-- //250304 ai검색 인한 검색 버튼 변경 --> </ul> </div> </div> <!-- //GNB메뉴 --> <!-- 250304 ai 검색창 레이어/ gnb_srch 뒤에 클래스명 ai 추가 --> <aside class="gnb_srch search_ai_sec" style="display: none;"> <div class="search_wrap"> <div class="set_inner"> <div class="search_field_group"> <div class="search_inner"> <form action="#" name="total_search_form" id="gnb_search_form" class="search_input_wrap search_form" onsubmit="return false;"> <div class="input_area search"> <div class="input_box"> <input type="search" name="word" id="gnb_search_word" title="통합검색" placeholder="AI 검색으로 쉽고 빠르게 찾아보세요."> <button class="btn btn_ic search_btn" id="gnb_search_btn"> <i class="ic ic_search_l"></i> <span class="blind">검색</span> </button> </div> </div> </form> <!-- s: 예시 질문, 검색 옵션 설정 버튼, 카피라이트 영역 --> <div class="aique_wrap"> <div class="question_wrap"> <p class="que_ttl">똑똑하게 질문하기</p> <ul class="grid que_listbox" id="main_ai_search_suggestion"> </ul> </div> <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> <div class="ai_logo_wrap"> <span>Powered by</span> <div class="ai_logo"> <span class="blind">perplexity</span> </div> </div> </div> </div> <!-- //e: 예시 질문, 검색 옵션 설정 버튼, 카피라이트 영역 --> </div> </div> <button class="btn btn_ic close_search"> <span class="">닫기</span> <i class="ic ic_close_xl"></i> </button> </div> </div> </aside> <!-- //250304 ai 검색창 레이어 --> <style> #header .gnb_sub_menu .sub_menu_in ul li.election{position:relative;margin-right: 0} #header .gnb_sub_menu .sub_menu_in ul li.election:before{content:'';background: url("http://img.mbn.co.kr/election2021/news_pc_vote.png"); width: 18px; height: 18px; display: block; position: absolute; margin:4px 0 0 -22px;} </style> <!-- GNB sub_menu --> <div class="gnb_sub_menu"> <div class="sub_menu_in"> <ul> <li><a href="//www.mbn.co.kr/news/" class="on">뉴스</a></li> <li><a href="//www.mbn.co.kr/vod/programContents/552/2636">다시보기</a></li> <li><a href="//www.mbn.co.kr/news/rank-news/" >이슈플러스</a></li> <li><a href="//star.mbn.co.kr">연예</a></li> </ul> <div class="menu_right"> <!-- <span class="weather_box" style="width:140px; height: 35px; top: 15px; margin-right: 168px;"></span> --> </div> </div> </div> <!-- //GNB sub_menu --> <div class="gnb_depth"> <div class="gnb_depth_in "> <ul> <li><a href="//www.mbn.co.kr/news/date/">전체</a></li> <li><a href="//www.mbn.co.kr/news/politics/">정치</a></li> <li><a href="//www.mbn.co.kr/news/society/">사회</a></li> <li><a href="//www.mbn.co.kr/news/economy/">경제</a></li> <li><a href="//www.mbn.co.kr/news/world/">국제</a></li> <li><a href="//www.mbn.co.kr/news/culture/">문화</a></li> <li><a href="//www.mbn.co.kr/news/sports/">스포츠</a></li> <li><a href="//www.mbn.co.kr/news/entertain/">연예</a></li> <!-- 240116_추가 --> <li><a href="//www.mbn.co.kr/news/underworld/"><span class="lbl">디지털 ONLY</span>나는 정치인이다</a></li> <!--// 240116_추가 --> <li><a href="//www.mbn.co.kr/news/life/">생활/건강</a></li> <li><a href="//www.mbn.co.kr/news/corp/">기업in</a></li> <li><a href="//www.mbn.co.kr/news/planning/">연재</a></li> <!-- <li><a href="//www.mbn.co.kr/news/local/">지역</a></li> --> <!-- <li><a href="--><!--/news/fact/" class="orange">사실확인</a></li>--> <!-- <li><a href="--><!--/news/focusM/" class="orange">포커스M</a></li>--> <!--<li><a href="/vod/programContents/868/5845" class="orange">엠픽</a></li>--> <li><a href="//www.mbn.co.kr/news/approaching/" >인기척</a></li> <li><a href="//www.mbn.co.kr/news/fact/" >사실확인</a></li> <li><a href="//www.mbn.co.kr/news/park-golf" >파크골프</a></li> </ul> <!-- 2020총선 <span class="election2020"><a href="//www.mbn.co.kr/election">2020 총선</a></span> //2020총선 --> </div> </div> <!-- GNB depth --> </div> <!-- 헤더 --> <!-- //GNB메뉴 --> <!-- container --> <div id="container"> <!-- 상단 광고 : 구글 728--> <!-- <div style="width:990px; margin:0 auto; border:0px solid red; margin-bottom:10px;"> --> <div id="ad_container" style="margin: 0px auto; padding: 20px 10px; border: 0px solid red; border-image: none; width: 990px;"> <!-- google DPF TC--> <center> <div id='google_dfp_TC_728x90,970x90,970x250'> <script type='text/javascript'> googletag.display('google_dfp_TC_728x90,970x90,970x250'); </script> </div> </center> <!-- <a href="javascript:void(0);"> <script type="text/javascript" src="http://ad.mbn.co.kr/RealMedia/ads/adstream_jx.ads/ad.mbn.co.kr/program@Top2"></script> </a> <button class="btn_close" type="button"><img src="http://img.mbn.co.kr/newmbn/news/view/btn_ad_close.gif" alt="닫기" /></button> --> </div> <div id="content_2020_top"> <div class="title_box"> <div class="box01"><span class="section">뉴스 > 사회</span> <h1>[서울] 서울시 미래유산 홈페이지 새단장</h1> </div> <div class="box02"> <div class="txt_box"><span class="time"><span class="time">기사입력 2016-11-18 10:41 </span></span></div> <div class="sns_right"> <ul> <li> <a href="javascript:void(0);"> <img width="42" height="42" class="share_img" id="share_print" alt="print" src="//img.mbn.co.kr/newmbn/news_2020/ic_print.gif" /> </a> </li> <li> <a href="javascript:void(0);"> <img width="42" height="42" class="share_img" id="share_email" alt="mail" src="//img.mbn.co.kr/newmbn/news_2020/ic_email.gif"> </a> </li> <li><img onclick="snsShare('facebook', '%5B%EC%84%9C%EC%9A%B8%5D+%EC%84%9C%EC%9A%B8%EC%8B%9C+%EB%AF%B8%EB%9E%98%EC%9C%A0%EC%82%B0+%ED%99%88%ED%8E%98%EC%9D%B4%EC%A7%80+%EC%83%88%EB%8B%A8%EC%9E%A5', 'http%3A%2F%2Fwww.mbn.co.kr%2Fnews%2Fsociety%2F3067168');" src="//img.mbn.co.kr/newmbn/news_2020/ic_facebook.gif" alt="페이스북 공유하기" style="cursor:pointer;" /></li><li><img onclick="snsShare('twitter', '%5B%EC%84%9C%EC%9A%B8%5D+%EC%84%9C%EC%9A%B8%EC%8B%9C+%EB%AF%B8%EB%9E%98%EC%9C%A0%EC%82%B0+%ED%99%88%ED%8E%98%EC%9D%B4%EC%A7%80+%EC%83%88%EB%8B%A8%EC%9E%A5', 'http%3A%2F%2Fwww.mbn.co.kr%2Fnews%2Fsociety%2F3067168');" src="//img.mbn.co.kr/newmbn/news_2020/ic_twitter.gif" alt="트위터 공유하기" style="cursor:pointer;" /></li> <li> <a href="javascript:katalkShare();"> <img width="42" height="42" class="share_img" id="share_katalk" alt="kakaotalk" src="//img.mbn.co.kr/newmbn/news_2020/ic_cacaotalk.gif"> </a> </li> </ul> </div> <div class="rep"> <a id="reple_write" onclick="" style="cursor:pointer;"> <img width="18" height="16" style="vertical-align: middle;" alt="댓글" src="//img.mbn.co.kr/newmbn/news/view_2016/im_view2016_snsr.jpg"> </a> </div> <script type="text/javascript"> function snsShare(type, snsTitle, snsUrl) { switch (type) { case "twitter": url = "http://twitter.com/share?url=" + snsUrl; options = "width=626,height=426,toolbar=0,status=0,resizable=yes"; break; case "facebook": url = "http://www.facebook.com/sharer.php?u=" + snsUrl; // + "&t=" + snsTitle; options = "toolbar=0,status=0,width=626,height=426"; break; case "kakaostory": url = "https://story.kakao.com/share?url=" + snsUrl; options = "width=500,height=500,toolbar=0,status=0,resizable=yes"; break; case "google": url = "http://www.google.com/bookmarks/mark?op=add&title=" + snsTitle + "&bkmk=" + snsUrl; options = "scrollbars=no,resizable=yes"; break; case "naverband": url = "http://www.band.us/plugin/share?body=" + snsTitle + " " + snsUrl; options = "width=410, height=400, resizable=no"; break; default: return false; break; } window.open(url, type, options); } </script> <script type="text/javascript"> $(function () { $('#reple_write').on('click',function () { var scroll = $('#social').offset(); $( 'html, body' ).stop().animate({scrollTop : scroll.top},1000); }); }) </script> </div> </div> </div> </div> <div id="container_in"> <div class="con_left_view"> <div id="article_2020"> <div class="detail" id="newsViewArea" itemprop="articleBody"> <!-- 20210429 - 신규 부제목 영역 위치 --> <!-- //20210429 - 신규 부제목 영역 위치 --> <p> <p></p>서울시의 각종 기록물을 저장하는 미래유산 홈페이지가 3년 만에 새<div style='padding-right:15px; text-align:left; float:left; margin-right:5px; margin-bottom:10px'><br /> <div id='google_dfp_MC_250x250'><script type='text/javascript'>googletag.display('google_dfp_MC_250x250'); </script></div></div>로 단장했습니다.<br /> 시는 9천여 건의 자료와 스토리텔링형 체험코스 안내, VR 기술을 활용한 촬영물 등 각종 콘텐츠를 담아 홈페이지를 개편했다고 밝혔습니다.<br /> 특히 새로 단장한 홈페이지에는 PC와 태블릿, 스마트폰 등 다양한 기기에서 쉽게 볼 수 있도록 하는 반응형 웹 기술이 적용됐습니다.<br /> <br /> [민경영 / business@mbn.co.kr]<br /> </p> </div> <!--// 기사 본문 내용 --> <!-- 종합뉴스 배너 --> <div class='news8_bt_bn_area' style=''><a href='https://www.mbn.co.kr/vod/programContents/552/2636'><img width='815' height='88' src='https://img.mbn.co.kr/etc/images/2021/news8_banner/im_news8_type1.jpg' alt='MBN 종합뉴스 평일용 배너'></a></div> <!-- Copyright --> <p class="copyright"> Copyright ⓒ MBN(매일방송) 무단전재 및 재배포 금지 </p> <!-- 맞춤뉴스 --> <div class="relation_article_2019"> <h3>관련 뉴스</h3> <ul><li><a href="//www.mbn.co.kr/news/society/3067798">고병원성 AI 확진, 살처분 악몽에 '벌벌'…전주시 차단방역 강화</a></li><li><a href="//www.mbn.co.kr/news/society/3067794">도마뱀 사체와 함께 먹는 과자?…식약처 '프링글스' 회수조치</a></li><li><a href="//www.mbn.co.kr/news/society/3067791">충북 고병원성 AI 확진…의심 농가 3곳 추가, '23만 마리' 모두 살처분</a></li></ul> </div> <!-- //맞춤뉴스 --> <!-- 기자 정보 --> <!-- 기자 정보 --> <!--// Copyright --> <!-- 연관기사 --> <!--// 연관기사 --> <!-- 화제뉴스 --> <div class="relation_news2_2020"> <div class="h3">화제 뉴스</div> <ul class="relaction_news2_ul"> <style> #google_dfp_MC_1x1 a span { font-size: 11pt; color: #333333; line-height: 1.5; font-weight: bold } </style> </ul> </div> <div class="issue_pick_wrapper"> <div class="h3">오늘의 이슈픽</div> <div class="iframe_area"> <iframe width="640" height="360" id="issue_pick_iframe" lazy="true" src="https://www.mbn.co.kr/player/videojs/sharevideo.html?clipID=5779348&cpID=&autoplay=true&muted=true&site=MPLAY" frameborder="0" scrolling="no" allowfullscreen="">
인기영상
시선집중
[정치]
"이재명 되면 신천지 망해, 윤석열 밀어야…" [짤...
[사회]
"이재명 암살계획 성공 빈다"…소기천 전 장신대 교...
[경제]
'전세사기 예방' 민·관 힘 모은다…MBN, HUG...
[국제]
트럼프, 흔들림 없는 '그린란드' 합병 의지…"반드...
[문화]
[Cover Story] “2025년 봄, 홈·리빙...
[스포츠]
[스포츠 LIVE] 유소년, 동호인에 손흥민까지…베...
스타
핫뉴스
라이브리 댓글 작성을 위해 JavaScript를 활성화 해주세요.
주목 이 기사
올댓체크
건기식 판매 중단…
책GPT
"얼음이 녹으면 봄 와요"
그래Pick
SNS 공동구매 이 정도?
화제의 프로그램
화제영상
더보기
이시각 BEST
뉴스
동영상
최신뉴스
"이재명 되면 신천지 망해, 윤석열 밀어야...
"이재명 암살계획 성공 빈다"…소기천 전 ...
'전세사기 예방' 민·관 힘 모은다…MBN...
트럼프, 흔들림 없는 '그린란드' 합병 의...
[Cover Story] “2025년 봄,...
더보기
쇼핑 @
건강한 관절을 위한 최적의 선택
"전통과 현대의 조화, 본래원 로얄 젤리 진액으로 건강
건강한 삶의 시작, 명가보력고와 함께하세요
난방비 최저! 겨울의 필수템, 마이프랜드 삼발이 하이라
30만 대 팔린 '기펠 ZET-11 리얼리티 프로',
집 안 구석구석 따뜻하게! 마이프랜드 전기 라디에이터
한돈의 진수, 부산최가네 한돈양념우대갈비
4세대 출시! 18분에 1대씩 팔린 기펠 무연그릴팬
콩 안 불리고도 20분 만에 뚝딱, 두유 제조기 4만원
SNS 관심기사
