</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">[포토] 벤츠 CLS 슈팅브레이크, 고성능·고효율 디젤 엔진</span> <ul class="sns"> <li><img onclick="snsShare('facebook', '%5B%ED%8F%AC%ED%86%A0%5D+%EB%B2%A4%EC%B8%A0+CLS+%EC%8A%88%ED%8C%85%EB%B8%8C%EB%A0%88%EC%9D%B4%ED%81%AC%2C+%EA%B3%A0%EC%84%B1%EB%8A%A5%C2%B7%EA%B3%A0%ED%9A%A8%EC%9C%A8+%EB%94%94%EC%A0%A4+%EC%97%94%EC%A7%84', 'http://www.mbn.co.kr/news/life/1295362');" src="https://img.mbn.co.kr/newmbn/news_2020/im_fix_f.jpg" alt="페이스북 공유하기" style="cursor:pointer;" /></li><li><img onclick="snsShare('twitter', '%5B%ED%8F%AC%ED%86%A0%5D+%EB%B2%A4%EC%B8%A0+CLS+%EC%8A%88%ED%8C%85%EB%B8%8C%EB%A0%88%EC%9D%B4%ED%81%AC%2C+%EA%B3%A0%EC%84%B1%EB%8A%A5%C2%B7%EA%B3%A0%ED%9A%A8%EC%9C%A8+%EB%94%94%EC%A0%A4+%EC%97%94%EC%A7%84', 'http://www.mbn.co.kr/news/life/1295362');" 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>[포토] 벤츠 CLS 슈팅브레이크, 고성능·고효율 디젤 엔진</h1> </div> <div class="box02"> <div class="txt_box"><span class="time"><span class="time">기사입력 2013-01-28 16: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', '%5B%ED%8F%AC%ED%86%A0%5D+%EB%B2%A4%EC%B8%A0+CLS+%EC%8A%88%ED%8C%85%EB%B8%8C%EB%A0%88%EC%9D%B4%ED%81%AC%2C+%EA%B3%A0%EC%84%B1%EB%8A%A5%C2%B7%EA%B3%A0%ED%9A%A8%EC%9C%A8+%EB%94%94%EC%A0%A4+%EC%97%94%EC%A7%84', 'http%3A%2F%2Fwww.mbn.co.kr%2Fnews%2Flife%2F1295362');" src="//img.mbn.co.kr/newmbn/news_2020/ic_facebook.gif" alt="페이스북 공유하기" style="cursor:pointer;" /></li><li><img onclick="snsShare('twitter', '%5B%ED%8F%AC%ED%86%A0%5D+%EB%B2%A4%EC%B8%A0+CLS+%EC%8A%88%ED%8C%85%EB%B8%8C%EB%A0%88%EC%9D%B4%ED%81%AC%2C+%EA%B3%A0%EC%84%B1%EB%8A%A5%C2%B7%EA%B3%A0%ED%9A%A8%EC%9C%A8+%EB%94%94%EC%A0%A4+%EC%97%94%EC%A7%84', 'http%3A%2F%2Fwww.mbn.co.kr%2Fnews%2Flife%2F1295362');" 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>메르세데스-벤츠코리아는 28일, 메르세데스-벤츠코리아는 28일, CLS 세단의 왜건형 모델이자 ‘5도어 쿠페’인 CLS 슈팅브레이크를 국내서 공개하고 본격적인 판매에 나선다고 밝혔다.<br /> <br /> CLS 슈팅브레이크에는 2.2리터 직렬 4기통 디젤 엔진과 7단 자동변속기가 장착돼 최고출력 204마력, 최대토크 51.0kg·m의 성능을 발휘한다. 안전 최고속도는 시속 235km, 정지 상태에서 시속 100km에 도달하는데 걸리는 시간은 7.8초다. 연비는 리터당 15.0km다.<br /> <br /> 메르세데스-벤츠 CLS 250 CDI 슈팅브레이크의 가격은 8900만원이다.<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/2013/01/28/380031113002.jpg" width="500" alt="" border="0" /></td></tr></tbody></table> 메르세데스-벤츠 CLS 250 CDI 슈팅브레이크 <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/2013/01/28/008082210412.jpg" width="500" alt="" border="0" /></td></tr></tbody></table> 2.2리터 직렬 4기통 디젤 엔진의 최고출력은 204마력, 최대토크는 51.0kg·m다. <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/2013/01/28/211201108002.jpg" width="500" alt="" border="0" /></td></tr></tbody></table> CLS 슈팅브레이크의 연비는 리터당 15km다. <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/2013/01/28/141022141820.jpg" width="500" alt="" border="0" /></td></tr></tbody></table> 메르세데스-벤츠 CLS 슈팅브레이크<br /> <br /> 김상영 기자 / young@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=12353" target="_blank"><strong><font size="2">[포토] 벤츠, CLS 슈팅브레이크의 실내 살펴보니…</font></strong></a><br /><font size="2">·</font><a href="http://www.top-rider.com/news/articleView.html?idxno=12352" target="_blank"><strong><font size="2">쉐보레 트랙스, 트림 별 가격·사양 살펴보니</font></strong></a><br /><font size="2">·</font><a href="http://www.top-rider.com/news/articleView.html?idxno=12351" target="_blank"><strong><font size="2">[포토] 벤츠, CLS 슈팅브레이크 출시…“럭셔리 왜건”</font></strong></a><br /><font size="2">·</font><a href="http://www.top-rider.com/news/articleView.html?idxno=12350" target="_blank"><strong><font size="2">출시 임박, 쉐보레 트랙스…가격은 1700~2000만원</font></strong></a><br /><font size="2">·</font><a href="http://www.top-rider.com/news/articleView.html?idxno=11667" target="_blank"><strong><font size="2">[시승기] 벤츠 SLK 55 AMG…기대에 부응하는 차</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/5080844"><strong>[정치] </strong>윤석열 대통령 "변호사 선임 안 끝나" 소환 불응…...</a></li><li><a href="//www.mbn.co.kr/news/society/5080843"><strong>[사회] </strong>'계엄 전 군사 긴장 조성 의혹' 검찰 조사…김용현...</a></li><li><a href="//www.mbn.co.kr/news/economy/5080820"><strong>[경제] </strong>불확실성 일부 해소에도 혼란 '여전'…경제회복 불씨...</a></li><li><a href="//www.mbn.co.kr/news/world/5080812"><strong>[국제] </strong>미 "한국 민주적 회복력 확인"…외신 "정치적 불확...</a></li><li><a href="//www.mbn.co.kr/news/culture/5080376"><strong>[문화] </strong>제15회 핑크아트페어서울 개최…김보연·이서정 작가 ...</a></li><li><a href="//www.mbn.co.kr/news/sports/5080444"><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=1295362" //refer: "www.mbn.co.kr/pages/news/newsView.php?news_seq_no=1295362" //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/5080844">윤석열 대통령 "변호사 선임 안 끝나" 소...</a></li><li class="txt"><a href="//www.mbn.co.kr/news/society/5080843">'계엄 전 군사 긴장 조성 의혹' 검찰 조...</a></li><li class="txt"><a href="//www.mbn.co.kr/news/economy/5080820">불확실성 일부 해소에도 혼란 '여전'…경제...</a></li><li class="txt"><a href="//www.mbn.co.kr/news/world/5080812">미 "한국 민주적 회복력 확인"…외신 "정...</a></li><li class="txt"><a href="//www.mbn.co.kr/news/culture/5080376">제15회 핑크아트페어서울 개최…김보연·이서...</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 = "1295362"; var url = "http://www.mbn.co.kr/news/life/1295362"; var encTitle = "%5B%ED%8F%AC%ED%86%A0%5D+%EB%B2%A4%EC%B8%A0+CLS+%EC%8A%88%ED%8C%85%EB%B8%8C%EB%A0%88%EC%9D%B4%ED%81%AC%2C+%EA%B3%A0%EC%84%B1%EB%8A%A5%C2%B7%EA%B3%A0%ED%9A%A8%EC%9C%A8+%EB%94%94%EC%A0%A4+%EC%97%94%EC%A7%84"; var title = "[포토] 벤츠 CLS 슈팅브레이크, 고성능·고효율 디젤 엔진"; 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": "1295362", "vod_have": "10", "reg_dt": "20130128164630", "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": "1295362", "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/5080844">윤석열 대통령 "변호사 선임 안 끝나" 소환 불응…검찰 "오늘 2차 통보"</a></li>`); htmlArr.push(`<li><a href="//www.mbn.co.kr/news/politics/5080710">나경원 "한동훈 비대위원장 등장이 불행의 시작"</a></li>`); htmlArr.push(`<li><a href="//www.mbn.co.kr/news/politics/5080839">"찌질하게 굴지말고 사퇴해라"…한동훈에 여당 비난일색</a></li>`); htmlArr.push(`<li><a href="//www.mbn.co.kr/news/politics/5080842">국힘 전국위 의장 "비대위 설치 절차 지체 없이 진행"</a></li>`); htmlArr.push(`<li><a href="//www.mbn.co.kr/news/politics/5080840">"계엄 후 11일 만에 퇴근"…정치인 신뢰도 1위는 '이 사람'</a></li>`); htmlArr.push(`<li><a href="//www.mbn.co.kr/news/society/5080759">국위선양 선처 호소한 DJ 예송…'음주운전 사망사고' 징역 8년 확정</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;'>