</noscript> <!-- End Google Tag Manager (noscript) --> <a href="#container" title="본문 바로가기" class="skip">본문 바로가기</a> <div id="wrap"> <!-- GNB메뉴 --> <!-- fix header 추가 --> <div class="fix_h_box" style="display: none;"> <div class="box_in"> <span class="logo"> <a href="//www.mbn.co.kr/"> <img src="//img.mbn.co.kr/newmbn/news_2020/logo_fix_mbn.jpg"> </a> </span> <span class="art_tit">도요타 혼다 현대 '충격'…'파격' 기아, 신형 스포티지로 '진격' [왜몰랐을카] </span> <ul class="sns"> <li><img onclick="snsShare('facebook', '%EB%8F%84%EC%9A%94%ED%83%80+%ED%98%BC%EB%8B%A4+%ED%98%84%EB%8C%80+%27%EC%B6%A9%EA%B2%A9%27%E2%80%A6%27%ED%8C%8C%EA%B2%A9%27+%EA%B8%B0%EC%95%84%2C+%EC%8B%A0%ED%98%95+%EC%8A%A4%ED%8F%AC%ED%8B%B0%EC%A7%80%EB%A1%9C+%27%EC%A7%84%EA%B2%A9%27+%5B%EC%99%9C%EB%AA%B0%EB%9E%90%EC%9D%84%EC%B9%B4%5D', 'http://www.mbn.co.kr/news/economy/4577297');" src="https://img.mbn.co.kr/newmbn/news_2020/im_fix_f.jpg" alt="페이스북 공유하기" style="cursor:pointer;" /></li><li><img onclick="snsShare('twitter', '%EB%8F%84%EC%9A%94%ED%83%80+%ED%98%BC%EB%8B%A4+%ED%98%84%EB%8C%80+%27%EC%B6%A9%EA%B2%A9%27%E2%80%A6%27%ED%8C%8C%EA%B2%A9%27+%EA%B8%B0%EC%95%84%2C+%EC%8B%A0%ED%98%95+%EC%8A%A4%ED%8F%AC%ED%8B%B0%EC%A7%80%EB%A1%9C+%27%EC%A7%84%EA%B2%A9%27+%5B%EC%99%9C%EB%AA%B0%EB%9E%90%EC%9D%84%EC%B9%B4%5D', 'http://www.mbn.co.kr/news/economy/4577297');" src="https://img.mbn.co.kr/newmbn/news_2020/im_fix_t.jpg" alt="트위터 공유하기" style="cursor:pointer;" /></li> <li><img style="cursor: pointer;" onclick="javascript:katalkShare();" alt="카카오톡 공유하기" src="//img.mbn.co.kr/newmbn/news_2020/im_fix_kt.jpg"></li> <li class="last"> <a href="javascript:void(0)"> <img src="//img.mbn.co.kr/newmbn/news_2020/im_fix_s.jpg" alt="기사공유" class="share_img" id="share_email"> </a> </li> </ul> </div> </div> <script> jQuery(document).ready(function(){ var fixed = false; var Downbar = jQuery('.gnb_depth').offset().top; // 탑바 노출 위치(좌표) function headerFixed() { var scrolltopbar = jQuery(this).scrollTop(); var bar = parseInt($('.fix_h_box').css('top').replace('px', '')); var docHeight = jQuery(document).height(); var windowHeight = jQuery(window).height(); if (fixed == false) { if (scrolltopbar >= Downbar) { if (bar < 0) { fixed = true; $('.fix_h_box').css('display',''); $('.fix_h_box').animate({'top' : '+=120'}, function() { fixed = false; }); } } else { if (bar >= 0) { fixed = true; $('.fix_h_box').animate({'top' : '-=120'}, function() { fixed = false; }); } } } } function throttle(callback, timeout){ var waiting = false; return function(e){ if(waiting) return; waiting = setTimeout(function() { callback.call(this, e); waiting = false; }, timeout); } } var throttledHeaderFixed = throttle(headerFixed, 50); document.addEventListener('scroll', throttledHeaderFixed, { capture:false, once:false, passive: true, }) }); </script> <!--// fix header 추가 --> <!-- 헤더 --> <div id="header"> <!-- GNB상단메뉴 --> <div class="gnb_top"> <div class="top_box"> <ul class="left"> <li><a href="http://mk.co.kr" target="_blank" rel="noopener noreferrer">매일경제</a></li> <li><a href="http://mbnmoney.mbn.co.kr/" target="_blank">매일경제TV </a></li> <li><a href="http://economy.mk.co.kr/" target="_blank" rel="noopener noreferrer">매경이코노미</a></li> <li><a href="http://luxmen.mk.co.kr/" target="_blank" rel="noopener noreferrer">매경LUXMEN</a></li> <li><a href="http://news.mk.co.kr/newsList.php?sc=60000007" target="_blank" rel="noopener noreferrer">CITYLIFE </a></li> <li><a href="http://gfw.mk.co.kr/" target="_blank" rel="noopener noreferrer">GFW </a></li> <li><a href="https://m-print.mk.co.kr/kr/" target="_blank" rel="noopener noreferrer">M-PRINT </a></li> </ul> <!-- 오늘의 시청률, 채널번호, 로그인, 회원가입 --> <ul class="right" id="nav_service"> </ul> <!--// 오늘의 시청률, 채널번호, 로그인, 회원가입 --> </div> </div> <!-- //GNB상단메뉴 --> <!-- GNB메뉴 --> <div class="gnb_menu" style="height: 88px;"> <div class="gnb_menu_in" style="height: 88px;"> <h1 style="top: 27px;"> <a href="//www.mbn.co.kr/"> <img width="119" height="36" src="//img.mbn.co.kr/newmbn/news_2020/logo_mbn.gif" alt="mbn"> </a> <a href="//www.mbn.co.kr/news/" class="logo_news" style="margin-left: -0.5px;"> <img width='72' height='36' src="//img.mbn.co.kr/newmbn/news_2020/logo_news.gif" alt="news"> </a> </h1> <ul class="left"> <li class="menu_li"><a href="//www.mbn.co.kr/vod/enter">예능 </a></li> <li class="menu_li"><a href="//www.mbn.co.kr/vod/culture">교양</a></li> <li class="menu_li"><a href="//www.mbn.co.kr/vod/drama">드라마</a></li> </ul> <ul class="right"> <li class="menu_li"><a href="//www.mbn.co.kr/vod/schedule">편성표 </a></li> <li class="menu_li"><a href="//www.mbn.co.kr/vod/onair">온에어</a></li> <!-- 250304 ai검색으로 인한 검색 버튼 변경 --> <li class="menu_li"> <a href="javascript:void(0);" id="buttonPreSearch" class="aisearch"> <div class="aisearch_box open_search"> <span>AI</span> <i class="ic ic_aisearch"></i> </div> </a> </li> <!-- //250304 ai검색 인한 검색 버튼 변경 --> </ul> </div> </div> <!-- //GNB메뉴 --> <!-- 250304 ai 검색창 레이어/ gnb_srch 뒤에 클래스명 ai 추가 --> <aside class="gnb_srch search_ai_sec" style="display: none;"> <div class="search_wrap"> <div class="set_inner"> <div class="search_field_group"> <div class="search_inner"> <form action="#" name="total_search_form" id="gnb_search_form" class="search_input_wrap search_form" onsubmit="return false;"> <div class="input_area search"> <div class="input_box"> <input type="search" name="word" id="gnb_search_word" title="통합검색" placeholder="AI 검색으로 쉽고 빠르게 찾아보세요."> <button class="btn btn_ic search_btn" id="gnb_search_btn"> <i class="ic ic_search_l"></i> <span class="blind">검색</span> </button> </div> </div> </form> <!-- s: 예시 질문, 검색 옵션 설정 버튼, 카피라이트 영역 --> <div class="aique_wrap"> <div class="question_wrap"> <p class="que_ttl">똑똑하게 질문하기</p> <ul class="grid que_listbox" id="main_ai_search_suggestion"> </ul> </div> <div class="switch_wrap"> <input type="checkbox" id="search_switch"> <label for="search_switch" class="switch_label"> <div class="switch_btn"> <span class="onf_btn"></span> </div> <p class="switch_txt"> <span class="txt_org">AI 검색</span>을 우선 설정합니다. </p> </label> <div class="ai_logo_wrap"> <span>Powered by</span> <div class="ai_logo"> <span class="blind">perplexity</span> </div> </div> </div> </div> <!-- //e: 예시 질문, 검색 옵션 설정 버튼, 카피라이트 영역 --> </div> </div> <button class="btn btn_ic close_search"> <span class="">닫기</span> <i class="ic ic_close_xl"></i> </button> </div> </div> </aside> <!-- //250304 ai 검색창 레이어 --> <style> #header .gnb_sub_menu .sub_menu_in ul li.election{position:relative;margin-right: 0} #header .gnb_sub_menu .sub_menu_in ul li.election:before{content:'';background: url("http://img.mbn.co.kr/election2021/news_pc_vote.png"); width: 18px; height: 18px; display: block; position: absolute; margin:4px 0 0 -22px;} </style> <!-- GNB sub_menu --> <div class="gnb_sub_menu"> <div class="sub_menu_in"> <ul> <li><a href="//www.mbn.co.kr/news/" class="on">뉴스</a></li> <li><a href="//www.mbn.co.kr/vod/programContents/552/2636">다시보기</a></li> <li><a href="//www.mbn.co.kr/news/rank-news/" >이슈플러스</a></li> <li><a href="//star.mbn.co.kr">연예</a></li> </ul> <div class="menu_right"> <!-- <span class="weather_box" style="width:140px; height: 35px; top: 15px; margin-right: 168px;"></span> --> </div> </div> </div> <!-- //GNB sub_menu --> <div class="gnb_depth"> <div class="gnb_depth_in "> <ul> <li><a href="//www.mbn.co.kr/news/date/">전체</a></li> <li><a href="//www.mbn.co.kr/news/politics/">정치</a></li> <li><a href="//www.mbn.co.kr/news/society/">사회</a></li> <li><a href="//www.mbn.co.kr/news/economy/">경제</a></li> <li><a href="//www.mbn.co.kr/news/world/">국제</a></li> <li><a href="//www.mbn.co.kr/news/culture/">문화</a></li> <li><a href="//www.mbn.co.kr/news/sports/">스포츠</a></li> <li><a href="//www.mbn.co.kr/news/entertain/">연예</a></li> <!-- 240116_추가 --> <li><a href="//www.mbn.co.kr/news/underworld/"><span class="lbl">디지털 ONLY</span>나는 정치인이다</a></li> <!--// 240116_추가 --> <li><a href="//www.mbn.co.kr/news/life/">생활/건강</a></li> <li><a href="//www.mbn.co.kr/news/corp/">기업in</a></li> <li><a href="//www.mbn.co.kr/news/planning/">연재</a></li> <!-- <li><a href="//www.mbn.co.kr/news/local/">지역</a></li> --> <!-- <li><a href="--><!--/news/fact/" class="orange">사실확인</a></li>--> <!-- <li><a href="--><!--/news/focusM/" class="orange">포커스M</a></li>--> <!--<li><a href="/vod/programContents/868/5845" class="orange">엠픽</a></li>--> <li><a href="//www.mbn.co.kr/news/approaching/" >인기척</a></li> <li><a href="//www.mbn.co.kr/news/fact/" >사실확인</a></li> <li><a href="//www.mbn.co.kr/news/park-golf" >파크골프</a></li> </ul> <!-- 2020총선 <span class="election2020"><a href="//www.mbn.co.kr/election">2020 총선</a></span> //2020총선 --> </div> </div> <!-- GNB depth --> </div> <!-- 헤더 --> <!-- //GNB메뉴 --> <!-- container --> <div id="container"> <!-- 상단 광고 : 구글 728--> <!-- <div style="width:990px; margin:0 auto; border:0px solid red; margin-bottom:10px;"> --> <div id="ad_container" style="margin: 0px auto; padding: 20px 10px; border: 0px solid red; border-image: none; width: 990px;"> <!-- google DPF TC--> <center> <div id='google_dfp_TC_728x90,970x90,970x250'> <script type='text/javascript'> googletag.display('google_dfp_TC_728x90,970x90,970x250'); </script> </div> </center> <!-- <a href="javascript:void(0);"> <script type="text/javascript" src="http://ad.mbn.co.kr/RealMedia/ads/adstream_jx.ads/ad.mbn.co.kr/program@Top2"></script> </a> <button class="btn_close" type="button"><img src="http://img.mbn.co.kr/newmbn/news/view/btn_ad_close.gif" alt="닫기" /></button> --> </div> <div id="content_2020_top"> <div class="title_box"> <div class="box01"><span class="section">뉴스 > 경제</span> <h1>도요타 혼다 현대 '충격'…'파격' 기아, 신형 스포티지로 '진격' [왜몰랐을카] </h1> </div> <div class="box02"> <div class="txt_box"><span class="time"><span class="time">기사입력 2021-08-18 22:00 <span class="bar">l</span> 최종수정 2021-08-18 22:14</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%8F%84%EC%9A%94%ED%83%80+%ED%98%BC%EB%8B%A4+%ED%98%84%EB%8C%80+%27%EC%B6%A9%EA%B2%A9%27%E2%80%A6%27%ED%8C%8C%EA%B2%A9%27+%EA%B8%B0%EC%95%84%2C+%EC%8B%A0%ED%98%95+%EC%8A%A4%ED%8F%AC%ED%8B%B0%EC%A7%80%EB%A1%9C+%27%EC%A7%84%EA%B2%A9%27+%5B%EC%99%9C%EB%AA%B0%EB%9E%90%EC%9D%84%EC%B9%B4%5D', 'http%3A%2F%2Fwww.mbn.co.kr%2Fnews%2Feconomy%2F4577297');" src="//img.mbn.co.kr/newmbn/news_2020/ic_facebook.gif" alt="페이스북 공유하기" style="cursor:pointer;" /></li><li><img onclick="snsShare('twitter', '%EB%8F%84%EC%9A%94%ED%83%80+%ED%98%BC%EB%8B%A4+%ED%98%84%EB%8C%80+%27%EC%B6%A9%EA%B2%A9%27%E2%80%A6%27%ED%8C%8C%EA%B2%A9%27+%EA%B8%B0%EC%95%84%2C+%EC%8B%A0%ED%98%95+%EC%8A%A4%ED%8F%AC%ED%8B%B0%EC%A7%80%EB%A1%9C+%27%EC%A7%84%EA%B2%A9%27+%5B%EC%99%9C%EB%AA%B0%EB%9E%90%EC%9D%84%EC%B9%B4%5D', 'http%3A%2F%2Fwww.mbn.co.kr%2Fnews%2Feconomy%2F4577297');" 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><br /> <table width="500" style="margin:0 auto; clear:both; 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/2021/08/18/211128288111.jpg" width="500" alt="신형 스포티지 [사진 제공 = 기아]" border="0" /></td></tr><tr><td style="padding-bottom:10px; color:#666; line-height:17px; font-size:12px; font-family:'돋움';">↑ 신형 스포티지 [사진 제공 = 기아]</td></tr></tbody></table> "과거는 묻지 마세요"<br /> 예상은 했다. 같은 플랫폼을 쓰는 현대차 투싼만큼 기아 스포티지도 이전과 크게 달라진 모습으로 나타날 것을. <br /> 예상을 뛰어넘었다. 변해도 너무 변했다. 몰라볼 정도다. 물론 동생인 셀토스, 형님인 쏘렌토, 첫 전용 전기차인 EV6와 '형제'라는 사실을 알려줄 디자인 요소는 반영했다. <br /> 하지만 스포티지 후속이라는 말이 없었다면 완전히 새로 나온 SUV로 여길 수준이다. 10년이면 강산이 변한다고 했는데 6년 만에 그보다 더 큰 폭으로 바뀌었다.<br /> '파격 변신' 이유는 분명하다. "더 이상 남 좋은 일은 하지 않겠다"는 의지의 반영이다. 세계 최초 도심형 SUV에 어울리는 지분을 챙기겠다는 각오도 엿보인다.<br /> <div style="border-top:2px solid #747474; border-bottom: 1px solid #e5e5e5; padding: 17px 0; font-size: 20px; line-height:22px"><b>스포티지, 도요타 혼다에 좋은 일만 해줬다</b></div><br /> <table width="500" style="margin:0 auto; clear:both; 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/2021/08/18/202081044042.jpg" width="500" alt="스포티지 신구 모델 [사진 제공 = 기아]" border="0" /></td></tr><tr><td style="padding-bottom:10px; color:#666; line-height:17px; font-size:12px; font-family:'돋움';">↑ 스포티지 신구 모델 [사진 제공 = 기아]</td></tr></tbody></table> 스포티지는 30년 전에 '도심형 SUV' 시대를 열었다. 국내에서가 아니다. 글로벌 시장에서다. <br /> 1991년 도쿄국제모터쇼에 출품된 스포티지 콘셉트카는 글로벌 SUV 시장에 '도심형' 화두를 던졌다.<br /> 크고 투박하며 온로드보다는 오프로드에 초점을 맞춘 기존 SUV와 달리 작으면서도 곡선미를 반영한 디자인으로 호평받았다. 모터쇼 베스트 모델 10에도 선정됐다.<br /> 1세대 스포티지는 2년 뒤 세계 최초 도심형 SUV로 등장했다. 글로벌 자동차회사로 성장한 토요타와 혼다는 충격을 받았다. 당시 기준으로 기존 SUV에서 볼 수 없던 세련된 곡선을 반영한 외모와 세단에 버금가는 실내 인테리어를 갖췄기 때문이다. <br /> <table width="500" style="margin:0 auto; clear:both; 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/2021/08/18/841811201208.jpg" width="500" alt="1세대 스포티지 [사진 = 매일경제DB]" border="0" /></td></tr><tr><td style="padding-bottom:10px; color:#666; line-height:17px; font-size:12px; font-family:'돋움';">↑ 1세대 스포티지 [사진 = 매일경제DB]</td></tr></tbody></table> 한 수 이상 아래라고 여겼던 기아의 신차 개발 능력에 도요타와 혼다는 자존심을 버렸다. 스포티지를 발 빠르게 벤치마킹해 1994년과 1995년에 잇따라 도심형 SUV를 내놨다. 글로벌 베스트셀링카로 인정받는 도요타 라브4(RAV4)와 혼다 CR-V다.<br /> 도요타와 혼다는 강했다. 스포티지가 닦아둔 길에서 라브4와 CR-V는 질주했다. 라브4는 지난해 글로벌 베스트셀링카 기준인 '1000만대 클럽'에 가입했다. CR-V도 900만대 이상 팔리며 1000만대에 육박하는 성과를 거둬들였다. <br /> 스포티지도 성과는 거둬들였다. 스포티지는 2004년 2세대, 2010년 3세대, 2015년 4세대로 진화하면서 글로벌 시장에서 기아가 'SUV 명가'로 자리잡는 기틀을 마련했다. <br /> 기아 최초로 글로벌 판매대수도 지난해 기준으로 600만대를 넘어섰다. 도심형 SUV 시대를 연 기아 입장에서 '상처뿐인 영광'은 아니지만 아쉬운 성적표다.<br /> <div style="border-top:2px solid #747474; border-bottom: 1px solid #e5e5e5; padding: 17px 0; font-size: 20px; line-height:22px"><b>진격의 스포티지, 준중형 SUV 사전계약 신기록</b></div><br /> <table width="500" style="margin:0 auto; clear:both; 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/2021/08/18/118814881220.jpg" width="500" alt="기존 4세대(왼쪽)와 신형 5세대 스포티지 [사진 출처 = 기아]" border="0" /></td></tr><tr><td style="padding-bottom:10px; color:#666; line-height:17px; font-size:12px; font-family:'돋움';">↑ 기존 4세대(왼쪽)와 신형 5세대 스포티지 [사진 출처 = 기아]</td></tr></tbody></table> 이달부터 본격 판매에 돌입한 신형 스포티지는 5세대 완전변경(풀체인지) 모델이다. <br /> 출발부터 '진격'했다. 사전계약에 돌입한 지난달 6일에만 1만6078대가 계약됐다. 투싼이 보유한 국산 준중형 SUV 사전계약 첫날 기록 1만842대를 가뿐하게 뛰어넘었다. 첫날 돌풍은 태풍으로 세력을 키웠다. 영업일 기준 10일 동안 2만2195대가 계약됐다.<br /> 인기 요인은 남성적이면서도 세련된 디자인, 차급을 뛰어넘은 공간, 향상된 편의·안전 사양 때문이다. <br /> 신형 스포티지는 EV6처럼 새로운 디자인 철학 '오퍼짓 유나이티드(Opposites United, 상반된 개념의 창의적 융합)'를 반영했다. 자연의 대담함과 현대적인 감성이 조화를 이루는 역동적이면서도 심플한 디자인이 특징이다.<br /> <table width="500" style="margin:0 auto; clear:both; 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/2021/08/18/112110400820.jpg" width="500" alt="신형 스포티지 [사진 제공 = 기아]" border="0" /></td></tr><tr><td style="padding-bottom:10px; color:#666; line-height:17px; font-size:12px; font-family:'돋움';">↑ 신형 스포티지 [사진 제공 = 기아]</td></tr></tbody></table> 그릴은 두 개다. 타이거 노즈(호랑이코) 형태의 크롬 그릴이 보닛 앞쪽에 자리잡았다. 블랙 컬러 테크니컬 패턴을 적용한 뒤 LED 헤드램프와 한몸이 된 커다란 타이거 노즈가 작은 타이거 노즈를 감쌌다. 부메랑 형태의 주간주행등, 그 바깥쪽에 자리잡은 헤드램프는 미래지향적이면서도 공격적인 이미지다. 양쪽 끝까지 좌우로 길게 이어진 그릴은 차체 폭을 실제보다 더 크게 보이게 만든다. <br /> 측면은 단순미를 추구했다. 도어 손잡이 아래쪽을 가로지르는 캐릭터 라인, 크롬 벨트라인 몰뎅을 제외하고는 선 사용을 자제했다. 직선과 직선을 이어 '각진' 매력을 추구한 투싼과 다르다.<br /> 후면은 넓은 숄더, 좌우를 연결한 수평 장식, 날렵한 리어램프, 넓은 블랙 리어 램프와 스키드 플레이트로 심플함과 안정감을 추구했다. 리어램프 끝은 눈꼬리처럼 펜더 쪽으로 파고들었다. 전면부처럼 수평 형태 디자인을 적용, 실제보다 차체가 더 크고 넓어보인다.<br /> 디자인 차별화 모델 '그래비티'는 강인함에 초점을 맞췄다. 라디에이터 그릴을 비롯해 한층 단단한 인상의 전후면 범퍼, 블랙 유광의 도어 가니시, 상향된 루프랙 등이 특징이다.<br /> <div style="border-top:2px solid #747474; border-bottom: 1px solid #e5e5e5; padding: 17px 0; font-size: 20px; line-height:22px"><b>차급을 뛰어넘는 크기와 사양</b></div><br /> <table width="500" style="margin:0 auto; clear:both; 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/2021/08/18/881822118821.jpg" width="500" alt="신형 스포티지 인테리어 [사진 제공 = 기아]" border="0" /></td></tr><tr><td style="padding-bottom:10px; color:#666; line-height:17px; font-size:12px; font-family:'돋움';">↑ 신형 스포티지 인테리어 [사진 제공 = 기아]</td></tr></tbody></table> 전장x전폭x전고는 4660x1865x1660mm다. 기존보다 175mm 길어지고 10mm 넓어지고 25mm 높아졌다. 투싼(4630x1865x1665mm)보다 길고 낮다. 중형 SUV에 버금가게 커졌다. <br /> 날렵한 디자인으로 공기역학 성능도 좋아졌다. 낮을수록 좋은 공기역학계수는 스포티지가 0.31Cd, 투싼이 0.32Cd다<br /> 실내공간을 결정하는 휠베이스는 85mm 길어진 2755mm다. 투싼처럼 동급 최대 수준의 실내공간을 확보했다. <br /> 실내는 운전자 중심 콕핏, 최첨단 사양으로 고급스러움을 강조했다. 12.3인치 계기판과 12.3인치 인포테인먼트 시스템 화면은 부드럽게 곡면으로 하나가 됐다. 파노라믹 커브드 디스플레이다. 국내 준중형 SUV 최초로 적용했다.<br /> 파노라믹 커브드 디스플레이는 시야각에 따른 화면 왜곡을 줄여준다. 정보를 더 쉽게 인지할 수 있게 해주고 운전자 시선 분산을 줄여준다. 좌우 송풍구는 니은자(ㄴ) 형태다. 조수석 쪽은 밑줄이 더 길게 이어진 형태다. 처음 보는 형태로 창의성이 돋보인다. 다만, 디스플레이 아래쪽에 배치된 한일자(-) 형태 송풍구는 세련미를 반감시킨다.<br /> 인포테인먼트 시스템과 공조 기능은 통합됐다. 스마트기기에 적용되는 터치 방식으로 조작할 수 있다. 센터페시아 공간을 차지했던 버튼과 다이얼이 대거 사라지면서 깔끔해졌다.<br /> 기어스틱이 없는 다이얼 타입 전자식 변속기(SBW)로 변속 조작 편의성을 향상했다. 투싼이 적용한 버튼 방식 SBW보다 조작이 편리하다. 회전형 컵 홀더를 적용해 콘솔 수납공간도 확장했다.<br /> <table width="500" style="margin:0 auto; clear:both; 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/2021/08/18/220111800240.jpg" width="500" alt="신형 스포티지 [사진 제공 = 기아]" border="0" /></td></tr><tr><td style="padding-bottom:10px; color:#666; line-height:17px; font-size:12px; font-family:'돋움';">↑ 신형 스포티지 [사진 제공 = 기아]</td></tr></tbody></table> 뒷좌석의 경우 센터 터널이 있지만 낮은 편이다. 성인 2명과 아이 1명은 물론 평균 체형의 성인 남성 3명도 앉을 수 있다. 트렁크 용량은 637ℓ다. 기존보다 134ℓ 늘었다. <br /> 마감은 아쉽다. 앞 유리와 만나는 루프 안쪽 마감재는 절단면이 거칠게 노출됐다. A필러(앞 유리창과 앞문 사이 비스듬한 기둥) 안쪽 이음새 마무리도 매끄럽지 못하다.<br /> 현대·기아 장점인 안전·편의사양도 체급을 넘어선다. 전방 충돌방지 보조(FCA), 내비게이션 기반 스마트 크루즈 컨트롤(NSCC), 차로 이탈방지 보조(LKA), 후측방 충돌방지 보조(BCA), 지능형 속도 제한 보조(ISLA), 차로 유지 보조(LFA), 고속도로 주행 보조(HDA) 등을 탑재했다.<br /> 원격 스마트 주차 보조(RSPA), 안전 하차 경고(SEW), 운전자 주의 경고(DAW), 후측방 모니터(BVM), 하이빔 보조(HBA), 서라운드 뷰 모니터(SVM), 후방 교차 충돌 방지 보조(RCCA) 등도 채택했다.<br /> 편의사양은 스마트한 일상을 도와준다. 스마트폰 애플리케이션을 통해 차량을 조작할 수 있는 디지털 키, 내비게이션 화면을 통해 결제할 수 있는 기아 페이, 차량에서 집에 있는 사물인터넷(IoT) 기기 상태를 제어할 수 있는 카투홈 등 기어 커넥티드 카 서비스인 키아 커넥트도 적용됐다.<br /> 시동을 끄고 일정 시간 뒤 블러워를 작동시켜 불쾌한 에어컨 냄새 발생을 줄여주는 애프터 블로우 시스템, 실내 공기질을 실시간으로 모니터링한 뒤 공기질을 개선시켜주는 능동형 공기청정 시스템도 달았다.<br /> <div style="border-top:2px solid #747474; border-bottom: 1px solid #e5e5e5; padding: 17px 0; font-size: 20px; line-height:22px"><b>성능에서는 '과격' 지양…안정감과 편안함 추구</b></div><br /> <table width="500" style="margin:0 auto; clear:both; 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="004212200001.jpg" width="500" alt="신형 스포티지 [사진 제공 = 기아]" border="0" /></td></tr><tr><td style="padding-bottom:10px; color:#666; line-height:17px; font-size:12px; font-family:'돋움';">↑ 신형 스포티지 [사진 제공 = 기아]</td></tr></tbody></table> 시승차는 하이브리드 모델이다. 1.6ℓ 가솔린 터보 엔진, 전기모터, 6단 자동변속기로 구성됐다. 시스템 최고출력은 230마력(ps), 최대토크는 35.7kg·m, 복합연비(2WD, 17인치 기준)는 16.7km/ℓ이다. 가격은 3109만~3593만원이다.<br /> 운전 시야는 넓어졌다. 계기판을 아래로 30mm 내려 운전자가 전방 상황을 보다 빠르고 쉽게 파악할 수 있게 해준다. 사이드 미러 접합부를 A필러에서 도어로 내리고 A필러와 옆 유리가 만나는 삼각형 공간도 유리로 처리, 개방감을 향상시켰다.<br /> 드라이브 모드는 에코, 스포츠, 스마트로 구성됐다. 에코와 스마트 모드로 저·중속 주행할 때는 하이브리드 모델답게 조용하게 움직인다. 풍절음도 적다. <br /> <table width="500" style="margin:0 auto; clear:both; 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/2021/08/18/801440802200.jpg" width="500" alt="신형 스포티지 [사진 제공 = 기아]" border="0" /></td></tr><tr><td style="padding-bottom:10px; color:#666; line-height:17px; font-size:12px; font-family:'돋움';">↑ 신형 스포티지 [사진 제공 = 기아]</td></tr></tbody></table>스포츠 모드로 바꾸면 스티어링휠이 무거워지면서 달릴 준비를 한다. 가속페달을 밟으면 묵직한 저음이 흘러나온다. <br /> 첫 반응은 반박자 느리지만 숨고르기가 끝나면 경쾌하게 질주한다. 지그재그 몸놀림도 빠르고 안정적이다. 전자식으로 조향 제어를 보완해 민첩성과 안정성을 향상시켜는 이핸들링(E-Handling) 효과다. 브레이크 성능도 우수하다. 급 정지할 때 차체가 요동치는 현상을 줄였다. <br /> 서스펜션 세팅은 단단한 편이다. 대신 과속방지턱은 부드럽게 넘어간다. 위아래로 덜컥덜컥 움직이는 피칭(Pitching) 현상을 줄여주는 이라이드(E-Ride) 덕분이다.<br /> 내비게이션 기반 스마트 크루즈 컨트롤, 고속도로 주행 보조 등으로 구성된 첨단 운전자 보조 시스템(ADAS)의 성능은 최고 수준이다. 차가 알아서 차선 중앙을 유지하며 가감속한다. 방향지시기를 작동하면 옆 차선으로 알아서 움직인다.<br /> <table width="500" style="margin:0 auto; clear:both; 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/2021/08/18/011104214802.jpg" width="500" alt="신형 스포티지 이핸들링 기능 [자료 출처 = 기아]" border="0" /></td></tr><tr><td style="padding-bottom:10px; color:#666; line-height:17px; font-size:12px; font-family:'돋움';">↑ 신형 스포티지 이핸들링 기능 [자료 출처 = 기아]</td></tr></tbody></table> 디자인에서 파격을 선택한 신형 스포티지는 성능 측면에서는 차급을 넘는 과격은 지양했다. '도심형 SUV의 전설'답게 편안함과 안정감을 추구했다.<br /> 신형 스포티지는 플랫폼을 공유한 현대차 투싼과 경쟁한다. 투싼은 국산 준중형 SUV 판매 1위다. 주문이 밀린 상태에서 차량용 반도체 대란까지 겹쳐 6개월 기다려야 받을 수 있을 정도로 인기다.<br /> <!--[[--image10--]]//--> 신형 스포티지는 투싼과 함께 쌍용차 코란도, 쉐보레 트레일블레이<div style='padding-right:15px; text-align:left; float:left; margin-right:5px; margin-bottom:10px'><br /> <div id='google_dfp_MC_250x250'><script type='text/javascript'>googletag.display('google_dfp_MC_250x250'); </script></div></div>저가 국산 준중형 SUV 시장을 넘보지 못하게 차단하는 역할도 담당한다. <br /> 아울러 스포티지에 영감을 받았지만 이제는 너무나 강력해진 도요타 라브4, 혼다 CR-V와 도 경쟁한다. '하이브리드 명가' 도요타와 혼다 공략에는 스포티지 하이브리드가 선봉을 맡는다.<br /> [최기성 매경닷컴 기자]<br /> <br /> [ⓒ 매일경제 & mk.co.kr, 무단전재 및 재배포 금지]<br><br /> <br /> </p> </div> <!--// 기사 본문 내용 --> <!-- 종합뉴스 배너 --> <div class='news8_bt_bn_area' style=''><a href='https://www.mbn.co.kr/vod/programContents/552/2636'><img width='815' height='88' src='https://img.mbn.co.kr/etc/images/2021/news8_banner/im_news8_type1.jpg' alt='MBN 종합뉴스 평일용 배너'></a></div> <!-- Copyright --> <p class="copyright"> Copyright ⓒ MBN(매일방송) 무단전재 및 재배포 금지 </p> <!-- 맞춤뉴스 --> <!-- //맞춤뉴스 --> <!-- 기자 정보 --> <!-- 기자 정보 --> <!--// 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/5100304"><strong>[정치] </strong>윤 대통령, 일주일째 침묵…선고 전 메시지 나올까</a></li><li><a href="//www.mbn.co.kr/news/society/5100303"><strong>[사회] </strong>"명태균 특검법 수사 범위 위헌적"…법무부, 5가지...</a></li><li><a href="//www.mbn.co.kr/news/economy/5100248"><strong>[경제] </strong>'전세사고 예방' 민·관 힘 모은다…MBN, HUG...</a></li><li><a href="//www.mbn.co.kr/news/world/5100186"><strong>[국제] </strong>트럼프, 흔들림 없는 '그린란드' 합병 의지…"반드...</a></li><li><a href="//www.mbn.co.kr/news/culture/5100249"><strong>[문화] </strong>[Cover Story] “2025년 봄, 홈·리빙...</a></li><li><a href="//www.mbn.co.kr/news/sports/5100155"><strong>[스포츠] </strong>[스포츠 LIVE] 유소년, 동호인에 손흥민까지…베...</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=4577297" //refer: "www.mbn.co.kr/pages/news/newsView.php?news_seq_no=4577297" //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/society/5098761"> <img style="height:165px" alt="건기식 판매 중단…" src="https://img.mbn.co.kr/newsstand/2025/03/10/xq4oj0efksyv2ikvtbqx_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/culture/5098967"> <img style="height:165px" alt="＂얼음이 녹으면 봄 와요＂" src="https://img.mbn.co.kr/newsstand/2025/03/10/fnjk26zq2ixenrjqeq1s_280x140.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">책GPT</span> <span class="txt">"얼음이 녹으면 봄 와요"</span> </a> </p> <p class="sns_box3"> <a href="//www.mbn.co.kr/news/society/5099938"> <img alt="SNS 공동구매 이 정도?" src="https://img.mbn.co.kr/newsstand/2025/03/14/x73ao6v7y99fmbehigyx_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">그래Pick</span> <span class="txt">SNS 공동구매 이 정도?</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/5100304">윤 대통령, 일주일째 침묵…선고 전 메시지...</a></li><li class="txt"><a href="//www.mbn.co.kr/news/society/5100303">"명태균 특검법 수사 범위 위헌적"…법무부...</a></li><li class="txt"><a href="//www.mbn.co.kr/news/economy/5100248">'전세사고 예방' 민·관 힘 모은다…MBN...</a></li><li class="txt"><a href="//www.mbn.co.kr/news/world/5100186">트럼프, 흔들림 없는 '그린란드' 합병 의...</a></li><li class="txt"><a href="//www.mbn.co.kr/news/culture/5100249">[Cover Story] “2025년 봄,...</a></li> </ul> <span class="more"><a href="//www.mbn.co.kr/news/" target="_blank">더보기</a><span class="ic"></span></span> </div> <!-- //최신뉴스 --> <!-- 광고 --> <div id="right_news_2020"> <div class="h3"> <span>쇼핑 @</span> <a title="다음 배너" class="btn_next" id="shopping_next" href="#n" alt="다음 배너"><img style="padding-top:10px; cursor: pointer; float:right;" alt="다음" src="//img.mbn.co.kr/newmbn/news_2016/2018/bn_next.gif"></a> <a title="이전 배너" class="btn_prev" id="shopping_prev" href="#n" alt="이전 배너"><img style="padding-top:10px; cursor: pointer; float:right;" alt="이전" src="//img.mbn.co.kr/newmbn/news_2016/2018/bn_prev.gif"></a> </div> <div id="right_shopping_list"> <div class="shopping_list"> <div class="shopping_container"> <div class="shopping_item"> <a href="//www.mbn.co.kr/news/corp/5085211"> <div class="shopping_image_container"> <img alt="쇼핑 @" class='lazy' src='//img.mbn.co.kr/newmbn/white.PNG' data-src="http://img.mbn.co.kr/filewww/news/2025/01/03/173586394667772e8a3a85f_s161.png"/></div> <span>건강한 관절을 위한 최적의 선택</span> </a> </div> <div class="shopping_item"> <a href="//www.mbn.co.kr/news/life/5083712"> <div class="shopping_image_container"> <img alt="쇼핑 @" class='lazy' src='//img.mbn.co.kr/newmbn/white.PNG' data-src="http://img.mbn.co.kr/filewww/news/2024/12/27/1735278105676e3e1916e39_s161.png"/></div> <span>"전통과 현대의 조화, 본래원 로얄 젤리 진액으로 건강</span> </a> </div> </div> </div> <div class="shopping_list"> <div class="shopping_container"> <div class="shopping_item"> <a href="//www.mbn.co.kr/news/life/5083649"> <div class="shopping_image_container"> <img alt="쇼핑 @" class='lazy' src='//img.mbn.co.kr/newmbn/white.PNG' data-src="http://img.mbn.co.kr/filewww/news/2024/12/27/1735262578676e017247c18_s161.png"/></div> <span>건강한 삶의 시작, 명가보력고와 함께하세요</span> </a> </div> <div class="shopping_item"> <a href="//www.mbn.co.kr/news/corp/5078927"> <div class="shopping_image_container"> <img alt="쇼핑 @" class='lazy' src='//img.mbn.co.kr/newmbn/white.PNG' data-src="http://img.mbn.co.kr/filewww/news/2024/12/09/1733702632675633e8341b9_s161.png"/></div> <span>난방비 최저! 겨울의 필수템, 마이프랜드 삼발이 하이라</span> </a> </div> </div> </div> <div class="shopping_list"> <div class="shopping_container"> <div class="shopping_item"> <a href="//www.mbn.co.kr/news/corp/5078196"> <div class="shopping_image_container"> <img alt="쇼핑 @" class='lazy' src='//img.mbn.co.kr/newmbn/white.PNG' data-src="http://img.mbn.co.kr/filewww/news/2024/12/06/1733448941675254edf26af_s161.png"/></div> <span>30만 대 팔린 '기펠 ZET-11 리얼리티 프로', </span> </a> </div> <div class="shopping_item"> <a href="//www.mbn.co.kr/news/corp/5077989"> <div class="shopping_image_container"> <img alt="쇼핑 @" class='lazy' src='//img.mbn.co.kr/newmbn/white.PNG' data-src="http://img.mbn.co.kr/filewww/news/2024/12/05/1733384427675158eb30d74_s161.png"/></div> <span>집 안 구석구석 따뜻하게! 마이프랜드 전기 라디에이터 </span> </a> </div> </div> </div> <div class="shopping_list"> <div class="shopping_container"> <div class="shopping_item"> <a href="//www.mbn.co.kr/news/corp/5077867"> <div class="shopping_image_container"> <img alt="쇼핑 @" class='lazy' src='//img.mbn.co.kr/newmbn/white.PNG' data-src="http://img.mbn.co.kr/filewww/news/2024/12/05/173336564267510f8ae9dcf_s161.png"/></div> <span>한돈의 진수, 부산최가네 한돈양념우대갈비</span> </a> </div> <div class="shopping_item"> <a href="//www.mbn.co.kr/news/corp/5077861"> <div class="shopping_image_container"> <img alt="쇼핑 @" class='lazy' src='//img.mbn.co.kr/newmbn/white.PNG' data-src="http://img.mbn.co.kr/filewww/news/2024/12/05/1733363716675108049acd3_s161.png"/></div> <span>4세대 출시! 18분에 1대씩 팔린 기펠 무연그릴팬</span> </a> </div> </div> </div> <div class="shopping_list"> <div class="shopping_container"> <div class="shopping_item"> <a href="//www.mbn.co.kr/news/corp/5077195"> <div class="shopping_image_container"> <img alt="쇼핑 @" class='lazy' src='//img.mbn.co.kr/newmbn/white.PNG' data-src="http://img.mbn.co.kr/filewww/news/2024/12/03/1733213563674ebd7bcec39_s161.png"/></div> <span>콩 안 불리고도 20분 만에 뚝딱, 두유 제조기 4만원</span> </a> </div> <div class="shopping_item"> <div class="shopping_image_container"> <img style="width: 100%; height: 100%;" alt="쇼핑 @" src='//img.mbn.co.kr/newmbn/white.PNG'/></div> <span></span> </div> </div> </div> </div> </div> <script> $('#right_shopping_list').cycle({ fx: 'scrollHorz', prev: '#shopping_prev', next: '#shopping_next', width: 300, height: 150, speedIn: 100, speedOut: 100, speed: 500, timeout: 0, }); </script> <!-- //광고 --> <!-- 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>`); if(rightTopBanner.totalCount > 1) { /** 버튼 */ 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 */ const $topCycleBanner = document.querySelector('.topBanner-clip'); $('.topBanner-clip').cycle({fx:'scrollHorz',prev:'#bannerleft-prev',next:'#bannerright-next',speedIn:100,speedOut:100,speed:500,timeout:0}); if($topCycleBanner && $topCycleBanner.childElementCount > 1) { let bannerAutoSlide = setInterval(()=> { $('.topBanner-clip').cycle('next'); }, 5000); $topCycleBanner.onmouseover = () => { clearInterval(bannerAutoSlide); }; $topCycleBanner.onmouseout = ()=> { bannerAutoSlide = setInterval(()=> { $('.topBanner-clip').cycle('next'); }, 5000); }; } /** SNS 관심기사 Ajax */ $.ajax({ type: "POST", url: "/lib/module/getNewsSnsRank.php", dataType: "json", success: function (data) { if(data == null) { $('#right_sns_2020').hide(); }else { 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 = "4577297"; var url = "http://www.mbn.co.kr/news/economy/4577297"; var encTitle = "%EB%8F%84%EC%9A%94%ED%83%80+%ED%98%BC%EB%8B%A4+%ED%98%84%EB%8C%80+%27%EC%B6%A9%EA%B2%A9%27%E2%80%A6%27%ED%8C%8C%EA%B2%A9%27+%EA%B8%B0%EC%95%84%2C+%EC%8B%A0%ED%98%95+%EC%8A%A4%ED%8F%AC%ED%8B%B0%EC%A7%80%EB%A1%9C+%27%EC%A7%84%EA%B2%A9%27+%5B%EC%99%9C%EB%AA%B0%EB%9E%90%EC%9D%84%EC%B9%B4%5D"; var title = "도요타 혼다 현대 '충격'…'파격' 기아, 신형 스포티지로 '진격' [왜몰랐을카]"; 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>사업자 등록번호 203-81-53328</span> </li> <li> <p>매경닷컴 </p> <span>대표이사 : 임상균 </span> <span>인터넷신문등록번호 서울 아01043</span> <span><a href="http://company.mbn.co.kr/pages/company/coantactus.php" target="_blank">오시는길</a></span> <span>대표전화 02-2000-3114</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>--> <p style="float:right;"> <a href="https://www.mbn.co.kr/30thanniversary" target="blank"> <img title="30주년mbn" alt="30주년mbn" src="https://img.mbn.co.kr/2025/30th_event/30th_mbn_logo1.png"> </a> </p> </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": "4577297", "vod_have": "10", "reg_dt": "20210818220000", "category": "mbn00003" }, 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": "4577297", "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/society/5100299">윤 대통령 탄핵심판 선고 다음 주로…양측 모두 "신속히 결론"</a></li>`); htmlArr.push(`<li><a href="//www.mbn.co.kr/news/society/5100291">"초등학생까지 집회 구호 배워"…탄핵선고 장기화에 헌재 주변 몸살</a></li>`); htmlArr.push(`<li><a href="//www.mbn.co.kr/news/politics/5100271">책 낸 오세훈 "조기대선 행보 맞아"</a></li>`); htmlArr.push(`<li><a href="//www.mbn.co.kr/news/society/5100269">청도 산불, 6시간 만에 진화</a></li>`); htmlArr.push(`<li><a href="//www.mbn.co.kr/news/society/5100278">경찰, 선고일 경력 100% 동원 '갑호비상'…'진공 상태' 조성 돌입</a></li>`); htmlArr.push(`<li><a href="//www.mbn.co.kr/news/society/5100223">김수현, 성인 된 후 교제했다며 꺼내든 '이 사진' [POP뉴스]</a></li>`); /** MBN STAR 0번째 기사 */ if(typeof mbnstar_main1 !== "undefined") { 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); }else if(true){ htmlArr.splice(2, 0, "<li><a href='https://star.mbn.co.kr/all/11262542'>서예지, 김수현과 열애 루머에 “벅차고 지겹다” 직접 해명</a></li>"); } /** 화제 뉴스 내 한줄 광고 */ 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;'>