</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">뉴 아우디 S5의 매끈한 디자인…고성능 스포츠 쿠페의 멋</span> <ul class="sns"> <li><img onclick="snsShare('facebook', '%EB%89%B4+%EC%95%84%EC%9A%B0%EB%94%94+S5%EC%9D%98+%EB%A7%A4%EB%81%88%ED%95%9C+%EB%94%94%EC%9E%90%EC%9D%B8%E2%80%A6%EA%B3%A0%EC%84%B1%EB%8A%A5+%EC%8A%A4%ED%8F%AC%EC%B8%A0+%EC%BF%A0%ED%8E%98%EC%9D%98+%EB%A9%8B', 'http://www.mbn.co.kr/news/life/1206324');" src="https://img.mbn.co.kr/newmbn/news_2020/im_fix_f.jpg" alt="페이스북 공유하기" style="cursor:pointer;" /></li><li><img onclick="snsShare('twitter', '%EB%89%B4+%EC%95%84%EC%9A%B0%EB%94%94+S5%EC%9D%98+%EB%A7%A4%EB%81%88%ED%95%9C+%EB%94%94%EC%9E%90%EC%9D%B8%E2%80%A6%EA%B3%A0%EC%84%B1%EB%8A%A5+%EC%8A%A4%ED%8F%AC%EC%B8%A0+%EC%BF%A0%ED%8E%98%EC%9D%98+%EB%A9%8B', 'http://www.mbn.co.kr/news/life/1206324');" 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> <li class="menu_li"> <a href="javascript:void(0);" onclick="searchbt()"> <img width="20" height="22" src="//img.mbn.co.kr/newmbn/main2018/search.gif" alt="검색하기"> </a> </li> </ul> <!-- 검색창 레이어 --> <div class="gnb_srch" id="search_box" style="display: none;"> <form name="top_search" id="top_search" action="//search.mbn.co.kr/MBN/search.jsp" method="POST" autocomplete="off"> <fieldset> <legend>통합검색</legend> <div class="srch_wrap"> <label for="s_keyword"> <input name="query" title="검색어 입력" align="middle" class="text" id="query" type="text" placeholder="" autocomplete="off" autocapitalize="off"> </label> </div> <label for="search"> <input class="srch_img" id="buttonSearch" type="submit" value="검색"> </label> <a class="btn_close" href="javascript:void(0)" onclick="searchbtC()">닫기</a> </fieldset> </form> </div> <!-- 검색창 레이어 --> </div> </div> <!-- //GNB메뉴 --> <!-- 검색 메뉴 script --> <script> function searchbt(){ $('.gnb_srch').css('display',''); } function searchbtC(){ $('.gnb_srch').css('display','none'); } </script> <!-- // 검색 메뉴 script --> <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> </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>뉴 아우디 S5의 매끈한 디자인…고성능 스포츠 쿠페의 멋</h1> </div> <div class="box02"> <div class="txt_box"><span class="time"><span class="time">기사입력 2012-06-20 11:46 </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', '%EB%89%B4+%EC%95%84%EC%9A%B0%EB%94%94+S5%EC%9D%98+%EB%A7%A4%EB%81%88%ED%95%9C+%EB%94%94%EC%9E%90%EC%9D%B8%E2%80%A6%EA%B3%A0%EC%84%B1%EB%8A%A5+%EC%8A%A4%ED%8F%AC%EC%B8%A0+%EC%BF%A0%ED%8E%98%EC%9D%98+%EB%A9%8B', 'http%3A%2F%2Fwww.mbn.co.kr%2Fnews%2Flife%2F1206324');" src="//img.mbn.co.kr/newmbn/news_2020/ic_facebook.gif" alt="페이스북 공유하기" style="cursor:pointer;" /></li><li><img onclick="snsShare('twitter', '%EB%89%B4+%EC%95%84%EC%9A%B0%EB%94%94+S5%EC%9D%98+%EB%A7%A4%EB%81%88%ED%95%9C+%EB%94%94%EC%9E%90%EC%9D%B8%E2%80%A6%EA%B3%A0%EC%84%B1%EB%8A%A5+%EC%8A%A4%ED%8F%AC%EC%B8%A0+%EC%BF%A0%ED%8E%98%EC%9D%98+%EB%A9%8B', 'http%3A%2F%2Fwww.mbn.co.kr%2Fnews%2Flife%2F1206324');" 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>아우디코리아는 20일, A5를 기본으로 제작한 고성능 스포츠 쿠페 모델 ‘뉴 아우디 S5’를 국내에 출시했다.<br /> <br /> 뉴 S5의 전면부는 대형 싱글프레임 그릴 위쪽 모서리에 각이 추가돼 보다 세련된 느낌을 준다. 라디에이터 그릴에는 고성능 모델임을 뜻하는 S5 로고가 삽입됐다. 또, 제논 플러스 헤드램프에는 8개의 LED 주간운행등이 배열돼 있다. <br /> <br /> 사이드 미러에는 알루미늄 룩이 적용돼 세련되면서도 다이내믹한 느낌을 준다. 범퍼의 양쪽 사이드에는 새로운 엔진이 장착됐음을 보여주는 ‘V6T’의 배지가 추가됐다.<br /> <br /> <table width="500" style="clear:both; margin:0 auto; max-width: 100%" cellpadding="0" cellspacing="0" border="0" align="center"><tbody><tr><td align="center" style="padding:10px 0 5px 0;"><img class="lazy" src="//img.mbn.co.kr/newmbn/white.PNG" data-src="//img.mbn.co.kr/filewww/news/other/2012/06/20/411110612205.jpg" width="500" alt="" border="0" /></td></tr></tbody></table> 뉴 아우디 A5의 전면부 <br /> <br /> 뉴 S5에는 3.0 TFSI 슈퍼차저 엔진이 장착돼 최고출력 333마력, 최대토크 44.9kg·m의 강력한 동력 성능을 발휘한다. 정지 상태에서 시속 100km에 도달하는 시간은 4.9초, 최고속도는 안전 제한 속도 250km에 맞춰졌다. 공인 연비는 복합 연비 기준 8.7km/l다.<br /> <br /> 뉴S5의 국내 판매 가격은 8980만원(부가세포함)이다.<br /> <br /> <table width="500" style="clear:both; margin:0 auto; max-width: 100%" cellpadding="0" cellspacing="0" border="0" align="center"><tbody><tr><td align="center" style="padding:10px 0 5px 0;"><img class="lazy" src="//img.mbn.co.kr/newmbn/white.PNG" data-src="//img.mbn.co.kr/filewww/news/other/2012/06/20/001101211160.jpg" width="500" alt="" border="0" /></td></tr></tbody></table> 뉴 아우디 A5의 전면부 <table width="500" style="clear:both; margin:0 auto; max-width: 100%" cellpadding="0" cellspacing="0" border="0" align="center"><tbody><tr><td align="center" style="padding:10px 0 5px 0;"><img class="lazy" src="//img.mbn.co.kr/newmbn/white.PNG" data-src="//img.mbn.co.kr/filewww/news/other/2012/06/20/214111210451.jpg" width="500" alt="" border="0" /></td></tr></tbody></table> 뉴 아우디 A5의 전측면 <table width="500" style="clear:both; margin:0 auto; max-width: 100%" cellpadding="0" cellspacing="0" border="0" align="center"><tbody><tr><td align="center" style="padding:10px 0 5px 0;"><img class="lazy" src="//img.mbn.co.kr/newmbn/white.PNG" data-src="//img.mbn.co.kr/filewww/news/other/2012/06/20/121121142001.jpg" width="500" alt="" border="0" /></td></tr></tbody></table> 뉴 아우디 A5의 측면 <table width="500" style="clear:both; margin:0 auto; max-width: 100%" cellpadding="0" cellspacing="0" border="0" align="center"><tbody><tr><td align="center" style="padding:10px 0 5px 0;"><img class="lazy" src="//img.mbn.co.kr/newmbn/white.PNG" data-src="//img.mbn.co.kr/filewww/news/other/2012/06/20/022000140422.jpg" width="500" alt="" border="0" /></td></tr></tbody></table> 뉴 아우디 A5의 헤드램프 <table width="500" style="clear:both; margin:0 auto; max-width: 100%" cellpadding="0" cellspacing="0" border="0" align="center"><tbody><tr><td align="center" style="padding:10px 0 5px 0;"><img class="lazy" src="//img.mbn.co.kr/newmbn/white.PNG" data-src="//img.mbn.co.kr/filewww/news/other/2012/06/20/405250402212.jpg" width="500" alt="" border="0" /></td></tr></tbody></table> 뉴 아우디 A5의 후면부<br /> <br /> 전승용 기자 / car@top-rider.com<br /> <br /> ⓒ탑라이더, 무단전재 및 재배포 금지<center></center><br /><p> </p> <p><font size="2" color="red"><b>[관련기사]</b></font></p> <font size="2">·</font><a href="http://www.top-rider.com/news/articleView.html?idxno=10339" target="_blank"><strong><font size="2">[포토]뉴 아우디 S5 실내…세련된 디자인, 마감도 뛰어나</font></strong></a><br /><font size="2">·</font><a href="http://www.top-rider.com/news/articleView.html?idxno=10337" target="_blank"><strong><font size="2">고성능 스포츠 쿠페 ‘뉴 아우디 S5’ 출시…가격은 8980만원</font></strong></a><br /><font size="2">·</font><a href="http://www.top-rider.com/news/articleView.html?idxno=10335" target="_blank"><strong><font size="2">볼보, BMW M3보다 빠른 S60 공개…무려 506마력</font></strong></a><br /><font size="2">·</font><a href="http://www.top-rider.com/news/articleView.html?idxno=10333" target="_blank"><strong><font size="2">다음 선정 ‘부산모터쇼 최고의 차 TOP5’…렉스턴W는 어디에?</font></strong></a><br /><font size="2">·</font><a href="http://www.top-rider.com/news/articleView.html?idxno=10327" target="_blank"><strong><font size="2">현대차, 아반떼 쿠페 미국 가격 공개…2020만원~2400만원</font></strong></a><br /><font size="2">·</font><a href="http://www.top-rider.com/news/articleView.html?idxno=10322" target="_blank"><strong><font size="2">[포토] 뉴 쏘렌토R에 K7 테일램프가 ‘쏙’…매력적인 뒤태</font></strong></a><br /><p> </p> </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> <!-- 맞춤뉴스 --> <!-- //맞춤뉴스 --> <!-- 기자 정보 --> <!-- 기자 정보 --> <!--// 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="relation_ad"> <!------------------------------------- 구글 광고 STR :: DFP Slot (4) STR -------------------------------------> <div id='google_dfp_BC_468x61'> <script type='text/javascript'>googletag.display('google_dfp_BC_468x61'); </script> </div> <!------------------------------------- 구글 광고 STR :: DFP Slot (4) STR -------------------------------------> </div> <!-- //기사 본문 내용 --> <!-- 하단 광고--> <div id="bottom_ad"> <div class="leftad"> <!-- 광고영역--> <!-------------------------------------구글 광고 STR :: DFP Slot (5) STR -------------------------------------> <div id='google_dfp_BL_301x250'> <script type='text/javascript'>googletag.display('google_dfp_BL_301x250'); </script> </div> <!-------------------------------------구글 광고 STR :: DFP Slot (5) STR -------------------------------------> <!-- 광고영역--> </div> <div class="rightad"> <!-- 광고영역--> <!-------------------------------------구글 광고 STR :: DFP Slot (6) STR -------------------------------------> <div id='google_dfp_BC_302x250'> <script type='text/javascript'>googletag.display('google_dfp_BC_302x250'); </script> </div> <!-------------------------------------구글 광고 STR :: DFP Slot (6) STR -------------------------------------> <!-- 광고영역--> </div> </div> <!-- 20230726 Taboola 전환 / A타입 B타입 일단 2개 넣음 --> <div id="taboola-below-article-thumbnails-3x2-a"></div> <script type="text/javascript"> window._taboola = window._taboola || []; _taboola.push({ mode: 'alternating-thumbnails-a', container: 'taboola-below-article-thumbnails-3x2-a', placement: 'Below Article Thumbnails 3x2 A', target_type: 'mix' }); </script> <div id="taboola-below-article-thumbnails-3x2-b"></div> <script type="text/javascript"> window._taboola = window._taboola || []; _taboola.push({ mode: 'alternating-thumbnails-b', container: 'taboola-below-article-thumbnails-3x2-b', placement: 'Below Article Thumbnails 3x2 B', target_type: 'mix' }); </script> <!-- End 20230726 Taboola 전환 / A타입 B타입 일단 2개 넣음 --> <!-- 하단 탭뉴스 --> <div id="bottom_tab_2020"> <!-- 탭메뉴--> <ul class="click_tab" id="hot_contents_tab"> <li class="tabon" id="tab1" style="width: 398px; cursor: pointer;">인기영상</li> <span class="tabline"></span> <li class="taboff" id="tab2" style="width: 398px; cursor: pointer;">시선집중</li> </ul> <!-- 1.인기영상탭--> <div class="hotvod_tab hotContentsClass" id="tab1_area"> <div class="sec_1"></div> <p class="line"></p> <div class="sec_2"></div> </div> <!--// 1.인기영상탭--> <!--시선집중 탭 영역--> <div class="focus_tab hotContentsClass" id="tab2_area" style="display: none;"> <div class="sec_1"> <ul class="sec_1_lsit2"> <li><a href="//www.mbn.co.kr/news/politics/5080155"><strong>[정치] </strong>'윤 대통령 제명‧출당' 논의 윤리위 개...</a></li><li><a href="//www.mbn.co.kr/news/society/5080153"><strong>[사회] </strong>충암고 방문한 서울시교육감 "피해 학생들 깊은 위로...</a></li><li><a href="//www.mbn.co.kr/news/economy/5080127"><strong>[경제] </strong>윤 대통령 담화 두고 진보·보수진영 '두 쪽'…이 ...</a></li><li><a href="//www.mbn.co.kr/news/world/5080078"><strong>[국제] </strong>중국, '간첩 언급' 윤 대통령 담화에 '불만' 표...</a></li><li><a href="//www.mbn.co.kr/news/culture/5080095"><strong>[문화] </strong>노벨의 나라 '한강 물결'의 주역…스웨덴어 번역가 ...</a></li><li><a href="//www.mbn.co.kr/news/sports/5080111"><strong>[스포츠] </strong>[오늘의 장면] 또 졌다…최강팀이 어쩌다가</a></li> </ul> <div class="section_picture1"></div> </div> <p class="line"></p> <div class="sec_2"> <ul class="sec_2_list2"></ul> </div> </div> </div> <!--- 스타 핫뉴스 --> <div id="hotphoto_2020"> <h3> <p>스타</p> <p class="org"> 핫뉴스</p> </h3> <div class="hot_list"> <dl class="hot_mm"></dl> </div> </div> <div class="social" id="social" style="margin-right: 55px;"> <!-- 라이브리 설치코드 --> <div id='lv-container' data-id='mbn' data-uid='MjcvMzkvMzA='> <script type='text/javascript'> window.livereOptions = { refer: "www.mbn.co.kr/pages/news/newsReply.php?news_seq_no=1206324" //refer: "www.mbn.co.kr/pages/news/newsView.php?news_seq_no=1206324" //site: '( 공유시 유입될 사이트 URL(refer와 동일할 경우 삭제 가능.)' }; (function (d, s) { var j, e = d.getElementsByTagName(s)[0]; if (typeof LivereTower === 'function') { return; } j = d.createElement(s); j.src = 'https://cdn-city.livere.com/js/embed.dist.js'; j.async = true; e.parentNode.insertBefore(j, e); })(document, 'script'); </script> <noscript>라이브리 댓글 작성을 위해 JavaScript를 활성화 해주세요.</noscript> </div> <!-- 라이브리 설치코드 끝 --> </div> <div style="margin-bottom: 5%;"></div> </div> </div> <!-- //content --> <!-- aside --> <div class="con_right_view"> <!-- 상단배너 --> <div class="aside_2018_ban" id="right_top_banner"></div> <!-- 주목 이 기사 --> <div id="right_sns_photo"> <div class="h3">주목 이 기사</div> <div class="sns_boxset"> <p class="sns_box1"> <a href="//www.mbn.co.kr/news/politics/5075963"> <img style="height:165px" alt="중요한 건 골프가 아냐" src="https://img.mbn.co.kr/newsstand/2024/11/29/anq83kla77c9ra8q04t3_138x165.jpg"> <img class="mask" alt="마스크 이미지" src="//img.mbn.co.kr/newmbn/news_2016/im_thumb_mask.png"> </a> <a class="txt_box" href="//www.mbn.co.kr/news/entertain/4906777"> <span class="tit">시시콜콜한 이야기</span> <span class="txt">중요한 건 골프가 아냐</span> </a> </p> <p class="sns_box2"> <a href="//www.mbn.co.kr/news/society/5075951"> <img style="height:165px" alt="＇김호중 사건＇이 남긴 것" src="https://img.mbn.co.kr/newsstand/2024/11/28/d3ysmjgm6mr2jrbey5f9_138x165.jpg"> <img class="mask" alt="마스크 이미지" src="//img.mbn.co.kr/newmbn/news_2016/im_thumb_mask.png"> </a> <a class="txt_box" href="//www.mbn.co.kr/news/entertain/4906777"> <span class="tit">취[재]중진담</span> <span class="txt">'김호중 사건'이 남긴 것</span> </a> </p> <p class="sns_box3"> <a href="//www.mbn.co.kr/news/society/5077146"> <img alt="＇휴대용 버너＇에 곰탕 끓여도 되나요?" src="https://img.mbn.co.kr/newsstand/2024/12/04/jdd8zb17exq15ioo54vd_280x140.jpg" style="width:100%"> <img class="mask" alt="마스크 이미지" src="//img.mbn.co.kr/newmbn/news_2016/im_thumb_mask2.png"> </a> <a class="txt_box" href="//www.mbn.co.kr/news/entertain/4906777"> <span class="tit">올댓체크</span> <span class="txt">'휴대용 버너'에 곰탕 끓여도 되나요?</span> </a> </p> </div> </div> <!--// 주목 이 기사 --> <!-- 화제의 프로그램 --> <div id="right_program_2020"> <div class="h3">화제의 프로그램</div> <div class="focus_mbn"></div> <a title="이전 배너" class="btn_prev todayfocus-prev" href="#n" alt="이전 배너"><img width="17" height="17" style="cursor: pointer;" alt="이전" src="//img.mbn.co.kr/newmbn/news_2016/2018/bn_prev.gif"></a> <a title="다음 배너" class="btn_next todayfocus-next" href="#n" alt="다음 배너"><img width="17" height="17" style="cursor: pointer;" alt="다음" src="//img.mbn.co.kr/newmbn/news_2016/2018/bn_next.gif"></a> </div> <!-- //화제의 프로그램 --> <!-- 구글 광고 300*250 STR --> <div id='google_dfp_MR_300x250,300x450,300x600' style='float:left;width:300px;margin-top: 15%;'><script type='text/javascript'>googletag.display('google_dfp_MR_300x250,300x450,300x600');</script></div> <!--구글 광고 300*250 ETX --> <!-- 화제 영상 --> <div id="right_hot_movie2020"> <div class="h3">화제영상</div> <div class="hot_vod"></div> <span class="more"><a href="https://tv.naver.com/b/mbn" target="_blank">더보기</a><span class="ic"></span></span> </div> <!--// 화제 영상 --> <!-- 이시각 베스트 --> <div id="todaybest_2020"> <div class="h3">이시각 BEST</div> <div class="tab" style="cursor: pointer;"> <div class="tabon" id="tabNews">뉴스</div> <div class="taboff" id="tabVod">동영상</div> </div> <ul id="ulNews" style="display: block;"></ul> <ul id="ulbVod" style="display: none;"></ul> </div> <!--// 이시각 베스트 --> <!-- 구글 광고 300*250 STR --> <div id="right_info_2020"> <div class="ad1"> <div id='google_dfp_BR_300x250,300x265' style='float:left'><script type='text/javascript'>googletag.display('google_dfp_BR_300x250,300x265');</script></div> </div> </div> <!-- 구글 광고 300*250 ETX --> <!-- 최신뉴스 --> <div id="right_news_2020"> <div class="h3">최신뉴스</div> <ul class="sec01"> <li class="txt"><a href="//www.mbn.co.kr/news/politics/5080155">'윤 대통령 제명‧출당' 논의 ...</a></li><li class="txt"><a href="//www.mbn.co.kr/news/society/5080153">충암고 방문한 서울시교육감 "피해 학생들 ...</a></li><li class="txt"><a href="//www.mbn.co.kr/news/economy/5080127">윤 대통령 담화 두고 진보·보수진영 '두 ...</a></li><li class="txt"><a href="//www.mbn.co.kr/news/world/5080078">중국, '간첩 언급' 윤 대통령 담화에 '...</a></li><li class="txt"><a href="//www.mbn.co.kr/news/culture/5080095">노벨의 나라 '한강 물결'의 주역…스웨덴어...</a></li> </ul> <span class="more"><a href="//www.mbn.co.kr/news/" target="_blank">더보기</a><span class="ic"></span></span> </div> <!-- //최신뉴스 --> <!-- sns 라이브 톡톡 --> <div id="right_sns_2020"> <div class="h4">SNS 관심기사</div> <ul class="sns_news" id="recommrank" style="margin-left: -10px; margin-top:5px;"></ul> </div> <!-- //sns 라이브 톡톡 --> <!-- 광고 : 인기정보[아이엠애드] STR --> <div id="right_today_info2018"> <div class="ad1"> <!-------------------------------------구글 광고 300*250 STR -------------------------------------> <div id='google_dfp_BR_300x250,300x266' style='float:left; margin-top: 15%; margin-bottom: 10%;'><script type='text/javascript'>googletag.display('google_dfp_BR_300x250,300x266');</script></div> <!-------------------------------------구글 광고 300*250 ETX -------------------------------------> </div> </div> <!-- 광고 : 인기정보[아이엠애드] ETX --> </div> <script> (function() { var htmlArr = []; /** TopBanner */ if(typeof rightTopBanner !== 'undefined'){ htmlArr.push(`<div class="topBanner-clip">`); rightTopBanner.data.forEach(function(item){ htmlArr.push(` <div> <a href="${item.url}" target="${item.window === '1' ? '_blank' : '_self'}"> <img width="300" height="100" alt="${item.ad_desc.replace(/(<([^>]+)>)/ig,"")}" class='lazy' src='//img.mbn.co.kr/newmbn/white.PNG' data-src="${item.img}" /> </a> </div> `); }); htmlArr.push(`</div>`); /** 버튼 */ htmlArr.push(`<a title="이전 배너" href="javascript:void(0);" style="z-index: 100;" id="bannerleft-prev" class="btn_prev" alt="이전 배너"><img width="17" height="17" alt="이전 배너" src="//img.mbn.co.kr/newmbn/news_2016/2018/bn_prev.gif"></a>`); htmlArr.push(`<a title="이전 배너" href="javascript:void(0);" style="z-index: 100;" id="bannerright-next" class="btn_next" alt="이전 배너"><img width="17" height="17" alt="다음 배너" src="//img.mbn.co.kr/newmbn/news_2016/2018/bn_next.gif"></a>`); if(htmlArr.length > 0){ $right_top_banner = document.querySelector('#right_top_banner'); $right_top_banner.innerHTML = htmlArr.join(''); } } if(htmlArr.length > 0) htmlArr.length = 0; /** 금주의 프로그램 (.focus_mbn) */ if(typeof newsview_focus_mbn !== 'undefined'){ htmlArr.push(`<div class=\"todayfocus-clip\"><ul>`); newsview_focus_mbn.data.forEach(function(item, index, origin){ htmlArr.push(` <li> <span class="thumb_h"> <a href="${item.url}"> <img alt="${item.title.replace(/(<([^>]+)>)/ig,"")}" class='lazy' src='//img.mbn.co.kr/newmbn/white.PNG' data-src="${item.thumb.replace('http://','//')}" /> </a> </span> <a href="${item.url}"></a> <span class="tit"> <strong>${item.program}</strong> <a href="${item.url}" target="_self">${item.title.replace(/(<([^>]+)>)/ig,"").substring(0, 24)}</a> <span class="date">${item.reg_dt.substring(0, 4)}. ${item.reg_dt.substring(5, 7)}. ${item.reg_dt.substring(8, 10)}</span> </span> </li> `); if( (index + 1) % 3 == 0 && (index + 1) < origin.length ) { htmlArr.push(`</ul><ul style="display:none;">`) } }); htmlArr.push(`</ul></div>`); if(newsview_focus_mbn.data.length > 0) { var $focus_mbn = document.querySelector('.focus_mbn'); $focus_mbn.innerHTML = htmlArr.join(''); } } if(htmlArr.length > 0) htmlArr.length = 0; /** 화제영상 (.hot_vod) */ if(typeof aside_newsview_hotvod !== 'undefined'){ /** sec01 */ htmlArr.push(`<div id="content_hot_movie"><ul class='sec01'>`); for (var i = 0; i < aside_newsview_hotvod.data.length-2; i++) { htmlArr.push(` <li class='txt'> <a target="${aside_newsview_hotvod.data[i].target}" href="${aside_newsview_hotvod.data[i].url}"> ${i === 0 ? '<strong>' : ''} ${aside_newsview_hotvod.data[i].title.replace("<", "<").replace(">", ">")} ${i === 0 ? '</strong>' : ''} </a> </li> `); } htmlArr.push(`</ul></div>`); /** sec02 */ htmlArr.push(`<div id=\"right_movie_list\"><ul class='sec02'>`); for (var i = aside_newsview_hotvod.data.length-2; i < aside_newsview_hotvod.data.length; i++) { htmlArr.push(` <li> <a target="${aside_newsview_hotvod.data[i].target}" href="${aside_newsview_hotvod.data[i].url}"> <img alt="${aside_newsview_hotvod.data[i].title.replace("<", "<").replace(">", ">")}" class='lazy' src='//img.mbn.co.kr/newmbn/white.PNG' data-src="${aside_newsview_hotvod.data[i].img}" /> <span class="ic_play">플레이버튼</span> </a> <span class='txt'> <a target="${aside_newsview_hotvod.data[i].target}" href="${aside_newsview_hotvod.data[i].url}">${aside_newsview_hotvod.data[i].title}</a> </span> </li> ${i === aside_newsview_hotvod.data.length-2 ? "<li class=\"listblank\"></li>" : ""} `); } htmlArr.push(`</ul></div>`); if(aside_newsview_hotvod.data.length > 0) { var $hot_vod = document.querySelector('.hot_vod'); $hot_vod.innerHTML = htmlArr.join(''); } } if(htmlArr.length > 0) htmlArr.length = 0; /** 이시각 BEST 뉴스(#ulNews) */ if(typeof newsmain_bestNews !== 'undefined'){ for(var i = 0; i < newsmain_bestNews.data.length -5; i++) { var cnt = i + 1; htmlArr.push(` <li> <span class='num${cnt}'>${cnt}</span> <a href='${newsmain_bestNews.data[i].url}'> ${i === 0 ? '<strong>' : ''} ${newsmain_bestNews.data[i].title} ${i === 0 ? '</strong>' : ''} </a> </li> `); } var $ulNews = document.querySelector('#ulNews'); $ulNews.innerHTML = htmlArr.join(''); } if(htmlArr.length > 0) htmlArr.length = 0; /** 이시각 BEST VOD(#ulbVod) */ if(typeof newsmain_bestVod !== 'undefined'){ for(var i=0; i<(newsmain_bestVod.data.length -5); i++) { var cnt = i + 1; htmlArr.push(` <li> <span class='num${cnt}'>${cnt}</span> <a href='${newsmain_bestVod.data[i].url}'> ${i === 0 ? '<strong>' : ''} ${newsmain_bestVod.data[i].title} ${i === 0 ? '</strong>' : ''} <a/> </li> `); } var $ulbVod = document.querySelector('#ulbVod'); $ulbVod.innerHTML = htmlArr.join(''); } if(htmlArr.length > 0) htmlArr.length = 0; /** 주요뉴스 (#right_news_2020 .sec01)*/ /*if(typeof aside_topic_newsmain !== 'undefined'){ for (var i = 0; i < 5; i++) { htmlArr.push(` <li class='txt'> <a href="${aside_topic_newsmain.data[i].url}"> ${i === 0 ? '<strong>' : ''} ${byteLen(aside_topic_newsmain.data[i].title,36)} ${i === 0 ? '</strong>' : ''} </a> </li> `); } var $right_news_2020 = document.querySelector('#right_news_2020 .sec01'); $right_news_2020.innerHTML = htmlArr.join(''); }*/ })(); document.addEventListener('DOMContentLoaded', function() { /** TopBanner cycle */ $('.topBanner-clip').cycle({fx:'scrollHorz',prev:'#bannerleft-prev',next:'#bannerright-next',speedIn:100,speedOut:100,speed:500,timeout:0}); /** SNS 관심기사 Ajax */ $.ajax({ type: "POST", url: "/lib/module/getNewsSnsRank.php", dataType: "json", success: function (data) { for (var i = 0; i < data.length; i++) { var sns_title=data[i].title; var sns_link=data[i].link; $('#recommrank').append("<li><a href='//" + sns_link + "'>" + sns_title + "</a></li>"); } } }); }); </script> <!-- //aside --> </div> <!-- twitter Like API --> <script type="text/javascript" src="//www.mbn.co.kr/script/js/thirdParty/sns/twitter-widgets.js"></script> <script type="text/javascript"> // sns 怨듭쑀�븯湲� �쁺�뿭 $(".share_img").click(function () { var seq_no = "1206324"; var url = "http://www.mbn.co.kr/news/life/1206324"; var encTitle = "%EB%89%B4+%EC%95%84%EC%9A%B0%EB%94%94+S5%EC%9D%98+%EB%A7%A4%EB%81%88%ED%95%9C+%EB%94%94%EC%9E%90%EC%9D%B8%E2%80%A6%EA%B3%A0%EC%84%B1%EB%8A%A5+%EC%8A%A4%ED%8F%AC%EC%B8%A0+%EC%BF%A0%ED%8E%98%EC%9D%98+%EB%A9%8B"; var title = "뉴 아우디 S5의 매끈한 디자인…고성능 스포츠 쿠페의 멋"; var snsUrl = popup = ""; var id = this.id; if (id == "share_print") { var printUrl = "/pages/news/newsPrintView.php?news_seq_no=" + seq_no; window.open(printUrl, "MBN_NEWS_PRINT_WINDOW", "width=800,height=500,scrollbars=yes,toolbars=no,menubar=no"); } else if (id == "share_email") { // window.open("/pages/news/newsMailform.php?news_seq_no=" + seq_no + "&title=" + encTitle, "_newMail", "toolbar=0,status=0,width=650,height=655, toolbars=no, scrollbars=no, scrolling=no"); let mailLinebreaker = "%0D%0A" let mailbody = "[MBN 기사 서비스]" + mailLinebreaker + mailLinebreaker + title + mailLinebreaker + mailLinebreaker + url; let mailTo = "mailto:?subject=[MBN 기사 서비스] " + title + "&body=" + mailbody; window.location.href = mailTo; } else if (id == "share_facebook") { snsUrl = "//www.facebook.com/sharer/sharer.php?u=" + url; var popup = window.open(snsUrl, "_snsPopupWindow", "width=500, height=500"); popup.focus(); } else if (id == "share_twitter") { snsUrl = "//twitter.com/share?url=" + url + '&text=' + encodeURIComponent(title); var popup = window.open(snsUrl, "_snsPopupWindow", "width=500, height=300, resizable=yes"); popup.focus(); } else if (id == "share_kakaostory") { snsUrl = "https://story.kakao.com/share?url=" + url; var popup = window.open(snsUrl, "_snsPopupWindow", "width=500, height=500"); popup.focus(); } }); </script> <!--footer --> <div id="footer"> <!-- //////////////// 모바일로 돌아가기 /////////////// --> <div id="mbnPcVer"></div> <!-- //////////////// 모바일로 돌아가기 /////////////// --> <!--푸터--> <div class="footerbox"> <!--MBN메뉴--> <div class="menu"> <h3><img width="65" height="18" src="//img.mbn.co.kr/newmbn/main2018/logo_f.gif" alt="mbn로고"></h3> <ul> <li><a href="http://company.mbn.co.kr/" target="_blank">MBN 소개</a></li> <li><a href="http://company.mbn.co.kr/pages/ad/adonline.php" target="_blank">제휴 안내</a></li> <li><a href="http://mbnrep.co.kr/" target="_blank">TV 광고</a></li> <li><a href="http://member.mbn.co.kr/pages/mypage/MypageUsersAgreementPolicy.php">이용약관</a></li> <li><a href="http://member.mbn.co.kr/pages/mypage/MypagePersonalInfotmationPolicy.php"><span>개인정보처리방침</span></a></li> <li><a href="http://member.mbn.co.kr/pages/mypage/MypageOtherPolicy.php">기타운영정책</a></li> <li><a href="http://www.mbn.co.kr/pages/customer/customerMain.php">고객센터</a></li> <li><a href="http://www.mbn.co.kr/pages/customer/customerReport.php">뉴스제보</a></li> <li><a href="//www.mbn.co.kr/pages/sitemap/years.php" target="_blank">사이트맵</a></li> </ul> <fieldset> <legend>Family Site</legend> <select title="사이트선택" class="selectbox" onchange="chageFamily(this.value)"> <option selected="selected" value="">Family Site</option> <option value="http://www.mk.co.kr/">매일경제</option> <option value="http://channel.mk.co.kr/mk_intro/html/main.htm">매경닷컴</option> <option value="http://economy.mk.co.kr/">매경이코노미</option> <option value="http://news.mk.co.kr/newsList.php?sc=60000007">시티라이프</option> <option value="http://m-print.co.kr/">M-print</option> <option value="http://mbnmoney.mbn.co.kr/">매일경제TV</option> <option value="http://mbnrep.co.kr/">MBN 미디어렙</option> </select> </fieldset> </div> <!--//MBN메뉴--> <!--copyright--> <ul class="copy"> <li> <p>매일방송</p> <span>대표이사 : 이동원</span> <span>서울시 중구 퇴계로 190 (주)매일방송</span> <span><a href="http://company.mbn.co.kr/pages/company/coantactus.php" target="_blank">오시는길</a></span> <span>대표전화 02-2000-3114</span> </li> <li> <p>매경닷컴 </p> <span>대표이사 : 임상균 </span> <span>인터넷신문등록번호 서울 아01043</span> <span>사업자 등록번호 201-81-25980</span> </li> <br> <li> <!-- 230915_수정 : 해당 텍스트 전체 footer 반영 부탁드립니다. --> <span>MBN의 모든 기사 및 영상(콘텐츠)은 저작권법의 보호를 받으며, 무단 전재, 복사, 배포 및 AI학습 이용을 금합니다.</span> <!--// 230915_수정 : 해당 텍스트 전체 footer 반영 부탁드립니다. --> <span>Copyright © MBN 매일방송 All rights reserved. </span> </li> <!-- <li class="etc"> <p style="float:right;"><a href="https://www.copyrightok.kr/ " target="blank"><img title="저작권OK" alt="저작권OK" src="//img.mbn.co.kr/newmbn/main2018/img_copyright.gif"></a></p> <form name="certiFormView" method="post"> <input name="certiNo" type="hidden" value="2012-08-0004"> <input name="checkCode" type="hidden" value="KRMEY49O7Z88EH0OHIJO"> <a title="콘텐츠제공서비스 품질인증" href="javascript:certiPopup();"><img alt="콘텐츠제공서비스 품질인증" src="//img.mbn.co.kr/newmbn/main2018/img_kocca.gif"></a> </form> </li> --> </ul> <!--copyright--> </div> <!--푸터--> </div> <script type="text/javascript"> function chageFamily(arg){ if(arg){ window.open(arg); } } function mbnFavor() { window.external.AddFavorite('//www.mbn.co.kr/', 'MBN :: 매일방송'); } function certiPopup() { var sURL = "//www.mbn.co.kr/pages/event/award.mbn"; var sFeatures = "width=460,height=610,status=no,menubar=no,toolbar=no"; var win = window.open("", "certiFormView", sFeatures); document.certiFormView.action = sURL; document.certiFormView.target = "certiFormView"; document.certiFormView.submit(); win.focus(); } </script> <!--// copyright --> <!-- statistics v2--> <script type="text/javascript"> function addClick() { $.ajax({ type: "POST", url: "//www.mbn.co.kr/process/addClick/putRefereCnt.php", data: "news_seq_no=&referer=", cache: false }); } addClick(); </script><!--// statistics --> <script type="text/javascript"> $('.mbn11_sitemap') .click(function() { if($('.mbn_map_category2').css('display') == 'none') $('.mbn_map_category2').show(); else $('.mbn_map_category2').hide(); }); </script> <!--//footer --> <script type="text/javascript"> //news click function callHit() { $.ajax({ type: "POST", url: "//www.mbn.co.kr/process/addNewsHit.php", data: { "news_seq_no": "1206324", "vod_have": "10", "reg_dt": "20120620114630", "category": "mbn00013" }, cache: false }); } callHit(); //newsstand click function nClick() { var queryString = window.location.pathname.split('/'); var reffer = ""; var pos = ""; if (queryString.length > 4) { reffer = queryString[5]; pos = queryString[4]; } $.ajax({ type: "POST", url: "//www.mbn.co.kr/process/addClick/putNSCnt.php", data: {"news_seq_no": "1206324", "ref": reffer, "pos": pos}, cache: false }); } nClick(); </script> <script type="text/javascript"> $(function () { var left = $("#content"); var right = $(".aside_area"); var win = $(window); var header = $("#header"); var footer = $("#footer_newsmain"); var container = $("#container"); var margin = header.height() + 115; function rightLong() { var leftWidth = ""; if (win.width() < container.width()) { leftWidth = -(win.scrollLeft()); } var winHeight = win.scrollTop() + win.height(); var bottomHeight = winHeight - (right.height() + margin); bottomHeight = (bottomHeight > 0) ? bottomHeight : 0; if (winHeight > left.height() + margin + 25) { left.css({left: leftWidth, position: 'fixed', bottom: bottomHeight + 'px'}); } else { left.css({left: 'auto', position: 'relative', bottom: 'auto'}); } //right.css({position: 'relative', bottom: 'auto'}); } function leftLong() { var leftWidth = left.width(); var compareWidth = win.width() - container.width() + left.width(); if (compareWidth > left.width()) { leftWidth = leftWidth + 16 + (compareWidth - leftWidth) / 2; } else { leftWidth = leftWidth + 16 - win.scrollLeft(); } var winHeight = win.scrollTop() + win.height(); var bottomHeight = winHeight - (left.height() + margin); bottomHeight = (bottomHeight > 0) ? bottomHeight : 0; if (winHeight > right.height() + margin) { right.css({left: leftWidth, position: 'fixed', bottom: bottomHeight + 'px'}); } else { right.css({left: 'auto', position: 'relative', bottom: 'auto'}); } //left.css({position: 'relative', bottom: 'auto'}); } $(window).on("load scroll resize", function () { if (left.height() < right.height()) { rightLong(); } else { leftLong(); } }); }); </script> </div> <script type="text/javascript"> $(function () { var Lazy = new Blazy({ //container: window, breakpoints: false, selector: '.lazy', offset: 100, loadInvisible: true, src: 'data-src', error: function (e, msg) { if (msg === 'missing') { // Data-src is missing // console.log(1); } else if (msg === 'invalid') { // Data-src is invalid // console.log(2); } }, success: function () { } }); // IE에서 잘됨 / 첫화면에 보이지 않는 이미지(슬라이드)는 재로딩 또는 loadInvisible 옵션 사용하기 }); </script> <style> .lazy { -webkit-transition: opacity 700ms ease-in-out; -moz-transition: opacity 700ms ease-in-out; -o-transition: opacity 700ms ease-in-out; transition: opacity 700ms ease-in-out; max-width: 100%; opacity: 0; } .lazy.b-loaded { opacity: 1; } </style> <script> $(document).ready(function () { $('#tab1_area .sec_2 ul li:nth-child(4)').addClass('last'); $('#tab2_area .sec_2 ul li:nth-child(5)').addClass('last'); }); </script> <script> (function () { /** HTML 바인딩 영역 */ var htmlArr = []; htmlArr.push(`<li><a href="//www.mbn.co.kr/news/politics/5080124">윤 대통령 "계엄은 통치행위…탄핵·수사 당당히 맞서겠다"</a></li>`); htmlArr.push(`<li><a href="//www.mbn.co.kr/news/society/5080107">[단독] 윤 대통령, 707특임단 간부와 골프 라운딩…넉 달 전 김용현이 조율</a></li>`); htmlArr.push(`<li><a href="//www.mbn.co.kr/news/politics/5080156">국힘 중앙윤리위 "대통령 징계 심의 시작…신중하게 진행할 것"</a></li>`); htmlArr.push(`<li><a href="//www.mbn.co.kr/news/politics/5080122">군 인사 쥐고 '용현파' 요직에…"오랜 기간 친위 쿠데타 준비"</a></li>`); htmlArr.push(`<li><a href="//www.mbn.co.kr/news/politics/5080141">윤 대통령 담화에 권성동 반응이…"뭐 하는 거야, 이게 지금"</a></li>`); htmlArr.push(`<li><a href="//www.mbn.co.kr/news/politics/5080106">계엄 선포 이유에 "선관위 전산시스템 엉터리, 부정선거 가능"</a></li>`); /** MBN STAR 0번째 기사 */ var row = mbnstar_main1.section[0]; var title = row.title.replace("'", "`"); var thumb = row.img.replace(".thumb", ""); var link = 'https://star.mbn.co.kr/view.php?year=' + row.year + '&no=' + row.no; var mbnStarHtml = `<li><a href="${link}">${title}</a></li>`; htmlArr.splice(2, 0, mbnStarHtml); /** 화제 뉴스 내 한줄 광고 */ var adCnt = 0; var liSize = 5; var adRandom = Math.floor(Math.random() * liSize); htmlArr.push("<div><div id=\"google_dfp_MC_1x1\"><script type=\"text/javascript\">googletag.cmd.push(function() {googletag.display(\"google_dfp_MC_1x1\");});</scr" + "ipt></div></div>\n"); htmlArr.push("<div><div id=\"google_dfp_MC_1x1\"><script type=\"text/javascript\">googletag.cmd.push(function() {googletag.display(\"google_dfp_MC_1x1\");});</scr" + "ipt></div></div>\n"); var $relaction_news2_ul = document.querySelector('.relaction_news2_ul'); $relaction_news2_ul.innerHTML = htmlArr.join(''); if(htmlArr.length > 0) htmlArr.length = 0; /** 인기영상(.sec_1) */ if(typeof newsview_popular_vodNews !== 'undefined'){ for(var i = 0; i < 6; i++){ if(i === 0){ htmlArr.push(` <div class="section_picture"> <a href="${newsview_popular_vodNews.data[i].url}"> <img width="205" height="124" alt="" class='lazy' src='https://img.mbn.co.kr/newmbn/white.PNG' data-src="${newsview_popular_vodNews.data[i].thumb}"> </a> <div class="mask"> <p class="mask_tit"> <a href="${newsview_popular_vodNews.data[i].url}">${newsview_popular_vodNews.data[i].title.substring(0, 18)}</a> </p> </div> </div> `); } else { if(i === 1) htmlArr.push(`<ul class="sec_1_lsit">`); htmlArr.push(`<li><img src="https://img.mbn.co.kr/newmbn/news/view/click_bullet.gif" alt="_"><a href="${newsview_popular_vodNews.data[i].url}">${byteLen(newsview_popular_vodNews.data[i].title, 50)}</a></li>`); if(i === 5) htmlArr.push(`</ul>`); } } var $sec_1 = document.querySelector('.sec_1'); $sec_1.innerHTML = htmlArr.join(''); } if(htmlArr.length > 0) htmlArr.length = 0; /** 인기영상(.sec_2) */ if(typeof newsview_new_vod_program !== 'undefined'){ for(var i = 0; i < 4; i++) { htmlArr.push(` <li> <a href="${newsview_new_vod_program.data[i].vod_url}"> <img class='lazy' src='https://img.mbn.co.kr/newmbn/white.PNG' data-src="${newsview_new_vod_program.data[i].photo}" alt="${newsview_new_vod_program.data[i].prog_nm}" /> </a> <a href="${newsview_new_vod_program.data[i].vod_url}"> <img alt="동영상" class="iconplay1" src="https://img.mbn.co.kr/newmbn/img/play_n.png"> </a> <p class="txt"> <a href="${newsview_new_vod_program.data[i].vod_main_url}"> <span class="strong">[${newsview_new_vod_program.data[i].prog_nm}]</span> </a> <a href="${newsview_new_vod_program.data[i].vod_url}">${byteLen(newsview_new_vod_program.data[i].title, 50)}</a> </p> </li> `); } if(htmlArr.length > 0){ var $sec_2 = document.querySelector('.sec_2'); $sec_2.innerHTML = `<ul>${htmlArr.join('')}</ul>`; } } if(htmlArr.length > 0) htmlArr.length = 0; /** 시선집중 탭(.sec_1_lsit2) */ /* if(typeof news_rank_mbn00006 !== 'undefined') htmlArr.push(`<li><a href="${news_rank_mbn00006.section[0].url}"><strong>[정치]</strong>${byteLen(news_rank_mbn00006.section[0].title, 44)}</a></li>`); if(typeof news_rank_mbn00003 !== 'undefined') htmlArr.push(`<li><a href="${news_rank_mbn00003.section[0].url}"><strong>[경제]</strong>${byteLen(news_rank_mbn00003.section[0].title, 44)}</a></li>`); if(typeof news_rank_mbn00009 !== 'undefined') htmlArr.push(`<li><a href="${news_rank_mbn00009.section[0].url}"><strong>[사회]</strong>${byteLen(news_rank_mbn00009.section[0].title, 44)}</a></li>`); if(typeof news_rank_mbn00008 !== 'undefined') htmlArr.push(`<li><a href="${news_rank_mbn00008.section[0].url}"><strong>[국제]</strong>${byteLen(news_rank_mbn00008.section[0].title, 44)}</a></li>`); if(typeof news_rank_mbn00007 !== 'undefined') htmlArr.push(`<li><a href="${news_rank_mbn00007.section[0].url}"><strong>[문화]</strong>${byteLen(news_rank_mbn00007.section[0].title, 44)}</a></li>`); if(typeof news_rank_mbn00011 !== 'undefined') htmlArr.push(`<li><a href="${news_rank_mbn00011.section[0].url}"><strong>[스포츠]</strong>${byteLen(news_rank_mbn00011.section[0].title, 44)}</a></li>`); var $sec_1_lsit2 = document.querySelector('.sec_1_lsit2'); $sec_1_lsit2.innerHTML = htmlArr.join(''); */ if(htmlArr.length > 0) htmlArr.length = 0; /** 시선집중 탭(.section_picture1) */ if(typeof newsview_focus_thumbnail !== 'undefined'){ htmlArr.push(` <a href="//www.mbn.co.kr/news/all/${newsview_focus_thumbnail.data[0].seq_no}"> <img width="205" alt="${byteLen(newsview_focus_thumbnail.data[0].title, 44)}" class='lazy' src='https://img.mbn.co.kr/newmbn/white.PNG' data-src="${newsview_focus_thumbnail.data[0].img_nm1}"> </a> <p> <a href="//www.mbn.co.kr/news/all/${newsview_focus_thumbnail.data[0].seq_no}"> ${byteLen(newsview_focus_thumbnail.data[0].title, 60)} </a> </p> `); var $section_picture1 = document.querySelector('.section_picture1'); $section_picture1.innerHTML = htmlArr.join(''); } if(htmlArr.length > 0) htmlArr.length = 0; /** 시선집중 탭(.sec_2_list2) */ if(typeof newsview_focus_vodNpohto !== 'undefined'){ newsview_focus_vodNpohto.data.forEach(function(item, index){ htmlArr.push(`<li ${index === 3 ? 'class="last"' : ''}><a href="//www.mbn.co.kr/news/all/${item.seq_no}"><img class='lazy' data-src="${item.img_nm1}" alt="${item.title}" /></a><a href="//www.mbn.co.kr/news/all/${item.seq_no}">`); if(item.image_mark_vod === 'Y') htmlArr.push(`<img alt="동영상" class="iconplay1" src="https://img.mbn.co.kr/newmbn/img/play_n.png">`); htmlArr.push(`</a><p class="txt"><a href="//www.mbn.co.kr/news/all${item.seq_no}">${byteLen(item.title, 50)}</a></p></li>`); }); var $sec_2_list2 = document.querySelector('.sec_2_list2'); $sec_2_list2.innerHTML = htmlArr.join(''); } if(htmlArr.length > 0) htmlArr.length = 0; /** 스타 핫뉴스(.hot_mm) */ if(typeof newsview_photo_gallery !== 'undefined'){ for(var i = 0; i < 4; i++){ var no = i + 1; htmlArr.push(` <dd> <span class="thumb"><a href="${newsview_photo_gallery.data[i].url}"><img width="165" height="116" onerror="this.style.display='none';" alt="${byteLen(newsview_photo_gallery.data[i].title, 40)}" class='lazy' src='https://img.mbn.co.kr/newmbn/white.PNG' data-src="${newsview_photo_gallery.data[i].img_path}"></a></span> <span class="rank_no${no}"></span> <span class="txt"><a href="${newsview_photo_gallery.data[i].url}">${byteLen(newsview_photo_gallery.data[i].title, 40)}</a></span> </dd> `); } if(htmlArr.length > 0){ var $hot_mm = document.querySelector('.hot_mm'); $hot_mm.innerHTML = htmlArr.join(''); } } })(); </script> <script type="text/javascript"> window._taboola = window._taboola || []; _taboola.push({flush: true}); </script> <script> (function(){ //기사 하이라이트 표시 20241120 const options = { root: null, rootMargin: '0px', threshold: 0.5, } const newsLinesWithTargetTag = document.querySelectorAll('#newsViewArea b, #newsViewArea strong') const newsHighLightsObserver = new IntersectionObserver((entries, observer) => { entries.forEach(entry => { if(entry.isIntersecting){ entry.target.classList.add('on'); observer.unobserve(entry.target); } }); }, options) newsLinesWithTargetTag.forEach((line) => { newsHighLightsObserver.observe(line); }) })(); </script> </body> </html> <iframe id='newslog2_iframe' frameborder='0' scrolling='no' width='0' height='0' style='position:absolute;visibility:hidden;top:0px;left:0px;'>