CINXE.COM

<!DOCTYPE HTML> <html lang="ko"> <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("http://hooc.heraldcorp.com/view.php?ud=20170327000858","20170608193500","https://web.archive.org/","web","/_static/", "1496950500"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" />  <meta http-equiv="Content-Script-Type" content="text/javascript"/> <meta http-equiv="Content-Style-Type" content="text/css"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <meta http-equiv="Cache-Control" content="no-store"/> <meta http-equiv="Pragma" content="no-cache"/> <meta http-equiv="imagetoolbar" content="no"/> <meta http-equiv="Expires" content="0"/> <meta content="20170327000858" property="dable:item_id"> <meta itemprop="name" content="①정유회사는 어떻게 디지털의 강자가 됐나?GS칼텍스"> <meta itemprop="description" content="[2017년은 디지털 콘텐츠의 시대입니다. 모바일 환경이 불러온 디지털이란 세상은, 기업의 마케팅은 물론, 미디어에도 변화를 일으키고 있습니다. 그 중심에는 디지털에 최적화된 콘텐츠와 전략이 자리잡고 있습니다. 헤럴드의 디지털 콘텐츠랩, HOOC은 디지털 콘텐츠로 세상을 바꾸고 있는 개척자들을 통해, 그들의 과거와 현재, 그리고 미래의 전략을 정리하는 연중기획 ?2017 디지털 콘텐츠 보고서?를 진행합니다][헤럴드경제=서상범기자ㆍ신보..."> <meta itemprop="image" content="https://web.archive.org/web/20170608193500im_/http://hooc.heraldcorp.com/module/image/images_resize.php?img=/upload/news/2017/03/20170327000889_0.jpg&num=3&width=476&height=249"> <meta property="og:url" content="https://web.archive.org/web/20170608193500/http://hooc.heraldcorp.com/view.php?ud=20170327000858"/> <meta property="fb:app_id" content="1596217150623164"/> <meta property="og:type" content="article"/> <meta property="og:title" content="①정유회사는 어떻게 디지털의 강자가 됐나?GS칼텍스"/> <meta property="og:description" content="[2017년은 디지털 콘텐츠의 시대입니다. 모바일 환경이 불러온 디지털이란 세상은, 기업의 마케팅은 물론, 미디어에도 변화를 일으키고 있습니다. 그 중심에는 디지털에 최적화된 콘텐츠와 전략이 자리잡고 있습니다. 헤럴드의 디지털 콘텐츠랩, HOOC은 디지털 콘텐츠로 세상을 바꾸고 있는 개척자들을 통해, 그들의 과거와 현재, 그리고 미래의 전략을 정리하는 연중기획 ?2017 디지털 콘텐츠 보고서?를 진행합니다][헤럴드경제=서상범기자ㆍ신보..."/> <meta property="article:author" content="서상범"/> <meta property="article:publisher" content="HOOC"/> <meta property="article:published" content="2017-03-27"/> <meta property="article:section" content="테크/과학"/> <meta property="og:image" content="https://web.archive.org/web/20170608193500im_/http://hooc.heraldcorp.com/module/image/images_resize.php?img=/upload/news/2017/03/20170327000889_0.jpg&num=3&width=476&height=249"/> <meta property="og:image:type" content="image/jpeg"/> <meta property="og:image:width" content="476"/> <meta property="og:image:height" content="249"/> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="①정유회사는 어떻게 디지털의 강자가 됐나?GS칼텍스"> <meta name="twitter:site" content="HOOC"> <meta name="twitter:creator" content="헤럴드"> <meta name="twitter:image" content="https://web.archive.org/web/20170608193500im_/http://hooc.heraldcorp.com/module/image/images_resize.php?img=/upload/news/2017/03/20170327000889_0.jpg&num=3&width=476&height=249"> <meta name="twitter:description" content="[2017년은 디지털 콘텐츠의 시대입니다. 모바일 환경이 불러온 디지털이란 세상은, 기업의 마케팅은 물론, 미디어에도 변화를 일으키고 있습니다. 그 중심에는 디지털에 최적화된 콘텐츠와 전략이 자리잡고 있습니다. 헤럴드의 디지털 콘텐츠랩, HOOC은 디지털 콘텐츠로 세상을 바꾸고 있는 개척자들을 통해, 그들의 과거와 현재, 그리고 미래의 전략을 정리하는 연중기획 ?2017 디지털 콘텐츠 보고서?를 진행합니다][헤럴드경제=서상범기자ㆍ신보..."> <meta property="dable:author" content="서상범"/> <meta property="article:published_time" content="2017-03-27T16:03:36+09:00"/><title>HOOC</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <link rel="stylesheet" href="/web/20170608193500cs_/http://hooc.heraldcorp.com/css/base.css"/> <link rel="stylesheet" href="/web/20170608193500cs_/http://hooc.heraldcorp.com/css/nm_style.css"/> <link rel="stylesheet" href="//web.archive.org/web/20170608193500cs_/http://code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css"> <script type="text/javascript" src="//web.archive.org/web/20170608193500js_/http://code.jquery.com/jquery-1.11.1.min.js"></script> <script type="text/javascript" src="//web.archive.org/web/20170608193500js_/http://code.jquery.com/ui/1.11.1/jquery-ui.js"></script> <script type="text/javascript" src="/web/20170608193500js_/http://hooc.heraldcorp.com/js/jquery.bpopup.min.js"></script> <script type="text/javascript" src="/web/20170608193500js_/http://hooc.heraldcorp.com/js/jquery.easing.min.js"></script> <script type="text/javascript" src="/web/20170608193500js_/http://hooc.heraldcorp.com/js/jquery.slider.js"></script> <script type="text/javascript" src="/web/20170608193500js_/http://hooc.heraldcorp.com/js/jst_ajax.js"></script> <script type="text/javascript" src="/web/20170608193500js_/http://hooc.heraldcorp.com/js/jst_common.js"></script> <script type="text/javascript" src="/web/20170608193500js_/http://hooc.heraldcorp.com/js/slb.js"></script> <script>(function() { var _fbq = window._fbq || (window._fbq = []); if (!_fbq.loaded) { var fbds = document.createElement('script'); fbds.async = true; fbds.src = '//web.archive.org/web/20170608193500/http://connect.facebook.net/en_US/fbds.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(fbds, s); _fbq.loaded = true; } _fbq.push(['addPixelId', '1440573646257323']); })(); window._fbq = window._fbq || []; window._fbq.push(['track', 'PixelInitialized', {}]); // dable (function(d,a,b,l,e,_) { d[b]=d[b]||function(){(d[b].q=d[b].q||[]).push(arguments)};e=a.createElement(l); e.async=1;e.charset='utf-8';e.src='//web.archive.org/web/20170608193500/http://static.dable.io/dist/plugin.min.js'; _=a.getElementsByTagName(l)[0];_.parentNode.insertBefore(e,_); })(window,document,'dable','script'); dable('setService', 'hooc.heraldcorp.com'); dable('sendLog'); </script> <noscript><img height="1" width="1" alt="" style="display:none" src="https://web.archive.org/web/20170608193500im_/https://www.facebook.com/tr?id=1440573646257323&ev=PixelInitialized"/></noscript> </head> <body><body><body> <div id="wrap">  <div style="text-align:center;"> <div id="538438460_INSERT_SLOT_ID_HERE" style="width:728px;height:90px;margin:0;padding:0"> <noscript><iframe id="c9bf587c07" name="c9bf587c07" src="//web.archive.org/web/20170608193500if_/http://ccisea-d.openx.net/w/1.0/afr?auid=538438460&cb=INSERT_RANDOM_NUMBER_HERE" frameborder="0" scrolling="no" width="728" height="90"><a href="//web.archive.org/web/20170608193500/http://ccisea-d.openx.net/w/1.0/rc?cs=c9bf587c07&cb=INSERT_RANDOM_NUMBER_HERE"><img src="//web.archive.org/web/20170608193500im_/http://ccisea-d.openx.net/w/1.0/ai?auid=538438460&cs=c9bf587c07&cb=INSERT_RANDOM_NUMBER_HERE" border="0" alt=""></a></iframe></noscript> </div> <script type="text/javascript"> var OX_ads = OX_ads || []; OX_ads.push({ slot_id: "538438460_INSERT_SLOT_ID_HERE", auid: "538438460" }); </script> <script type="text/javascript" src="//web.archive.org/web/20170608193500js_/http://ccisea-d.openx.net/w/1.0/jstag"></script> </div>    <div id="popup" style="display:none"></div> <div id="login_contents" style="display:none"> <div class="content"></div> <div class="pop_head"> <h2><img src="https://web.archive.org/web/20170608193500im_/http://res.heraldm.com/oops/images/title_login_pop.jpg" alt="로그인"></h2> <div class="btn_close"><a href="javascript:jst_oops_login_close()"><img src="https://web.archive.org/web/20170608193500im_/http://res.heraldm.com/oops/images/btn_close_pop.gif" alt="닫기"></a></div> </div> <div class="pop_content"> <div class="text_info1"><img src="https://web.archive.org/web/20170608193500im_/http://res.heraldm.com/oops/images/text_login_info1.jpg" alt="본 서비스는 로그인 후 이용이 가능합니다. 네이버 및 SNS(페이스북, 트위터)계정으로 로그인 하실 수 있습니다."></div> <ul class="login_sns_list"> <li class="mgr9 mgb9"><a href="javascript:jst_facebook_login()"><img src="https://web.archive.org/web/20170608193500im_/http://res.heraldm.com/oops/images/btn_login_sns_f.jpg" alt="페이스북 로그인"></a></li> <li class="mgb9"><a href="javascript:jst_naver_login_api()"><img src="https://web.archive.org/web/20170608193500im_/http://res.heraldm.com/oops/images/btn_login_sns_n.jpg" alt="네이버 로그인"></a></li> <li class="mgr9"><a href="javascript:jst_twitter_login_api()"><img src="https://web.archive.org/web/20170608193500im_/http://res.heraldm.com/oops/images/btn_login_sns_t.jpg" alt="트위터 로그인"></a></li> <li><img class="btn_oops_login" src="https://web.archive.org/web/20170608193500im_/http://res.heraldm.com/oops/images/btn_login_sns_o.jpg" alt="HOOC 계정 로그인"></li> </ul> <div class="line_b mgt10"><img src="https://web.archive.org/web/20170608193500im_/http://res.heraldm.com/oops/images/blank.gif" width="475" height="1"></div> <div class="text_info2 mgt15"><img src="https://web.archive.org/web/20170608193500im_/http://res.heraldm.com/oops/images/text_login_info2.jpg" alt="계정이 없는 분은 HOOC 회원가입 후 이용하실 수 있습니다. HOOC 아이디 / 비밀번호를 잃어버리셨나요?"></div> <div class="pop_btn_area"> <button class="btn_type1 mgr4 btn_join">회원가입</button> <button class="btn_type2 btn_findidpw">아이디/비밀번호 찾기</button> </div> </div> </div>  <div id="pop_up_banner" style="display:none; width:200px"> <div class="content"></div>  </div> <script> var thePopup; function jst_oops_login_close(){ thePopup.close(); } function jst_oops_login(){ thePopup = $('#popup').bPopup({ //content:'iframe', //'ajax', 'iframe' or 'image' //contentContainer:'.content', //loadUrl:'main/fallow.php', onOpen:function(){ $("#popup").html($("#login_contents").html()); $(".btn_join").click(function(){//회원가입 버튼 $("#popup").load("member/sub_join1.php"); //$("#popup").load("member/sub_join2.php");//테스트 }); $(".btn_findidpw").click(function(){//아이디/비밀번호 찾기 $("#popup").load("member/sub_find_id_pw.php"); }); $(".btn_oops_login").click(function(){//회원로그인 $("#popup").load("member/sub_login.php"); }).css("cursor","pointer"); }, onClose:function(){ //alert("닫힘"); } }); } function jst_reporter_applay(){ thePopup = $('#popup').bPopup({ onOpen:function(){ $("#popup").html("");//기존 영역 초기화 }, loadUrl:'member/sub_reporter_apply.php'//해당 }); } function jShare(snsType,newsID){ var snsUrl = encodeURIComponent("https://web.archive.org/web/20170608193500/http://hooc.heraldcorp.com/view.php?ud="+newsID); var snsTitle = encodeURIComponent($("#news_title_"+newsID).text()); //페이스북 if(snsType=="f"){ var href = 'https://web.archive.org/web/20170608193500/http://www.facebook.com/sharer.php?u=' + snsUrl + '&t=' + snsTitle; var a = window.open(href, 'facebook', 'width=650, height=356'); if (a) {a.focus();} } //트위터 else if(snsType=="t"){ var href = 'https://web.archive.org/web/20170608193500/http://twitter.com/share?text=' + snsTitle + ' ' + snsUrl; var a = window.open(href, 'twitter', 'width=466, height=356'); if (a) {a.focus();} } //구글플러스 else if(snsType=="g"){ var href = 'https://web.archive.org/web/20170608193500/https://plus.google.com/share?url='+snsUrl var a = window.open(href, 'googleplus', 'width=500, height=600'); if (a) {a.focus();} } //카카오스토리 else if(snsType=="k"){ var b = "https://web.archive.org/web/20170608193500/https://story.kakao.com/share?url=" + snsUrl, c = "width=530, height=480, resizable=no, scrollbars=no, status=no"; window.open(b, "StoryShare", c); } //메일 else if(snsType=="e"){ var b = "share_email.php?ud="+newsID+"&t="+snsTitle, c = "width=530, height=480, resizable=no, scrollbars=no, status=no"; window.open(b, "emailShare", c); } $.get("main/sns_shares_ajax.php?snsType="+snsType+"&newsID="+newsID,function(data){ //if(console) console.log("shared"); }); } function jShareLayer(newsID){ $('.share_layer_'+newsID).toggleClass('none'); } // ==== 트위터 로그인 START function jst_twitter_login_api(){ var url = '/module/api/twitter/twitteroauth/redirect.php'; var o=window.open(url,'twitter','width=700,height=700,left=0,top=0'); o.focus(); } // ==== 트위터 로그인 END // ==== 네이버 로그인 START function jst_naver_login_api(){ var win = window.open('/module/api/naver/js_login.php', 'naverlogin','width=420, height=480, toolbar=no, location=no'); } // ==== 네이버 로그인 END //==== 페이스북 로그인 START // This is called with the results from from FB.getLoginStatus(). function statusChangeCallback(response) { if(console) console.log('statusChangeCallback'); if(console) console.log(response); // The response object is returned with a status field that lets the // app know the current login status of the person. // Full docs on the response object can be found in the documentation // for FB.getLoginStatus(). if (response.status === 'connected') { // Logged into your app and Facebook. profileAPI(); } else if (response.status === 'not_authorized') { // The person is logged into Facebook, but not your app. //document.getElementById('status').innerHTML = 'Please log ' + 'into this app.'; } else { // The person is not logged into Facebook, so we're not sure if // they are logged into this app or not. //logoutAPI(); } } // This function is called when someone finishes with the Login // Button. See the onlogin handler attached to it in the sample // code below. function checkLoginState() { FB.getLoginStatus(function(response) { statusChangeCallback(response); }); } function jst_facebook_login(){ FB.login(function(response) { if(console) console.log(response); if (response.status === 'connected') { // Logged into your app and Facebook. FB.api('/me', function(response) { if(console) console.log(JSON.stringify(response)); var url = '/module/api/facebook/login_ajax.php'; var data = "&data="+JSON.stringify(response); AjaxTxt(url,data,'ajax_callback'); }); } else if (response.status === 'not_authorized') { // The person is logged into Facebook, but not your app. } else { // The person is not logged into Facebook, so we're not sure if // they are logged into this app or not. } }, {scope: 'public_profile,email'});//이메일 추가 } function jst_facebook_logout(){ FB.logout(function(response) { if(console) console.log(response); // Person is now logged out }); } window.fbAsyncInit = function() { FB.init({ appId : '1596217150623164', cookie : true, // enable cookies to allow the server to access // the session xfbml : true, // parse social plugins on this page version : 'v2.8' // use version 2.8 }); // Now that we've initialized the JavaScript SDK, we call // FB.getLoginStatus(). This function gets the state of the // person visiting this page and can return one of three states to // the callback you provide. They can be: // // 1. Logged into your app ('connected') // 2. Logged into Facebook, but not your app ('not_authorized') // 3. Not logged into Facebook and can't tell if they are logged into // your app or not. // // These three cases are handled in the callback function. FB.getLoginStatus(function(response) { statusChangeCallback(response); }); }; // Load the SDK asynchronously (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//web.archive.org/web/20170608193500/http://connect.facebook.net/en_US/sdk.js"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); // Here we run a very simple test of the Graph API after login is // successful. See statusChangeCallback() for when this call is made. function profileAPI(){ if(console) console.log('Welcome! Fetching your information.... '); } //==== 페이스북 로그인 END </script> <div id="fb-root"></div> <script> function jst_userinfo(){ $(".user_info_layer").toggle(); } function jst_search(){ if(document.getElementById("sch_input_layer").style.display=="none"){ document.getElementById("sch_input_layer").style.display="block"; document.getElementById("search_id_").focus(); return false; } if(jst_input_check('search_id_','검색어')==false){return false;} } </script> <div id="head"> <div class="head_top"> <h1 class="logo"><a href="/web/20170608193500/http://hooc.heraldcorp.com/"><img src="https://web.archive.org/web/20170608193500im_/http://res.heraldm.com/oops/images/nm_logo.jpg" alt="HOOC!"/></a></h1>  <div class="bn_top1"><a href="/web/20170608193500/http://hooc.heraldcorp.com/module/banner/banner.php?url=http%3A%2F%2Fwww.organica.kr%2F&pk=5" target="B1496950548"><img src="/web/20170608193500im_/http://hooc.heraldcorp.com/upload/banner/20150114090930961274.jpg" width="188" height="58" align="absmiddle"></a></div> <div class="bn_top2"><a href="/web/20170608193500/http://hooc.heraldcorp.com/module/banner/banner.php?url=http%3A%2F%2Ftheinvestor.co.kr%2F&pk=14" target="B1496950548"><img src="/web/20170608193500im_/http://hooc.heraldcorp.com/upload/banner/20160616104138795290.jpg" width="188" height="58" align="absmiddle"></a></div>  </div> <div id="gnb"> <div class="menu"> <ul> <li><a class="m1" href="/web/20170608193500/http://hooc.heraldcorp.com/main.php?category=13"><span>이슈</span></a></li> <li><a class="m2" href="/web/20170608193500/http://hooc.heraldcorp.com/main.php?category=8"><span>라이프</span></a></li> <li><a class="m3" href="/web/20170608193500/http://hooc.heraldcorp.com/main.php?category=9"><span>엔터테인먼트</span></a></li> <li><a class="m4_on" href="/web/20170608193500/http://hooc.heraldcorp.com/main.php?category=14"><span>테크/과학</span></a></li> <li><a class="m5" href="/web/20170608193500/http://hooc.heraldcorp.com/main.php?category=10"><span>유머</span></a></li> <li><a class="m6" href="/web/20170608193500/http://hooc.heraldcorp.com/main.php?category=46"><span>애니멀즈</span></a></li> </ul> </div> <div class="search_info"> <form name="fsearch" id="fsearch" action="search.php" method="get" onsubmit="return jst_search()"> <div id="sch_input_layer" class="sch_input_layer" style="display:none;"> <input type="text" class="sch_input_in" id="search_id_" name="search" title="검색어 입력" value="" autocomplete="off" spellcheck="false"> </div> <div class="btn_sch"> <input type="image" src="https://web.archive.org/web/20170608193500im_/http://res.heraldm.com/oops/images/icon_search.jpg" alt="검색"/> </div> </form> <div class="btn_user"><a href="javascript:jst_userinfo()"><img src="https://web.archive.org/web/20170608193500im_/http://res.heraldm.com/oops/images/icon_user.jpg" alt="회원정보"/></a></div> <div class="user_info_layer"> <ul class="list_type1"> <li class="m1"><a href="./mypage.php?mode=write">기사등록</a></li> <li class="m2"><a href="./mypage.php?mode=list">작성한 기사목록</a></li> <li class="m3"><a href="./mypage.php?mode=info">필진정보</a></li> <li class="m4"><a href="./mypage.php?mode=member_info">회원정보</a></li> </ul> </div> </div> </div> </div>   <div id="container">  <iframe border="0" frameborder="0" scrolling="no" width="728" height="90" src="https://web.archive.org/web/20170608193500if_/http://pub.adpnut.com/ron/html/57df6ca2ddb7e447187359" style="margin:10px auto; display:block"></iframe> <iframe border="0" frameborder="0" scrolling="no" width="160" height="600" src="https://web.archive.org/web/20170608193500if_/http://pub.adpnut.com/ron/html/57df6cafb577b037319534" style="position:absolute; margin:-170px 0 0 -190px"></iframe> <iframe border="0" frameborder="0" scrolling="no" width="160" height="600" src="https://web.archive.org/web/20170608193500if_/http://pub.adpnut.com/ron/html/57df6cbd12d6d522263751" style="position:absolute; margin:-170px 0 0 1130px"></iframe>   <div id="content" class="mgt25"> <div class="page_map"><img src="https://web.archive.org/web/20170608193500im_/http://res.heraldm.com/oops/images/text_location4.jpg" alt="HOOC Politics & Social Affairs"></div> <div class="article_area"> <h1 id="news_title_20170327000858" itemprop="name">①정유회사는 어떻게 디지털의 강자가 됐나?GS칼텍스</h1> <h2 itemprop="description"></h2> <div class="article_info_area"> <div class="article_editor"> <span class="editor_icon"><img src="https://web.archive.org/web/20170608193500im_/http://res.heraldm.com/oops/images/icon_oops_36.jpg"></span><span class="editor_name">By <a href="search_editor.php?usernumber=3&username=서상범"><strong>서상범</strong> HOOC Editor</a></span> </div> <div class="article_date"> <span class="date">기사작성 : 2017. 03. 27 at 04:03 pm</span> </div> </div> <div class="article_sns_area"> <div class="article_shares"><span class="count">262</span><span class="shares">SHARES</span></div> <ul class="sns_list"> <li class="mgl5"><a href="javascript:jShare('f','20170327000858')"><img src="https://web.archive.org/web/20170608193500im_/http://res.heraldm.com/oops/images/icon_sns_abody_facebook.jpg" alt="facebook"></a></li> <li class="mgl5"><a href="javascript:jShare('t','20170327000858')"><img src="https://web.archive.org/web/20170608193500im_/http://res.heraldm.com/oops/images/icon_sns_abody_twitter.jpg" alt="twitter"></a></li> <li class="mgl5"><a href="javascript:jShare('g','20170327000858')"><img src="https://web.archive.org/web/20170608193500im_/http://res.heraldm.com/oops/images/icon_sns_abody_google.jpg" alt="google+"></a></li> <li class="mgl5"><a href="javascript:jShare('k','20170327000858')"><img src="https://web.archive.org/web/20170608193500im_/http://res.heraldm.com/oops/images/icon_sns_abody_kakaos.jpg" alt="kakaostory"></a></li>  <li class="mgl5"><a href="javascript:jShare('e','20170327000858')"><img src="https://web.archive.org/web/20170608193500im_/http://res.heraldm.com/oops/images/icon_sns_abody_email.jpg" alt="email"></a></li> </ul> </div> <div class="article_body" itemprop="articleBody"> <p> [2017년은 디지털 콘텐츠의 시대입니다. 모바일 환경이 불러온 디지털이란 세상은, 기업의 마케팅은 물론, 미디어에도 변화를 일으키고 있습니다. 그 중심에는 디지털에 최적화된 콘텐츠와 전략이 자리잡고 있습니다. 헤럴드의 디지털 콘텐츠랩, HOOC은 디지털 콘텐츠로 세상을 바꾸고 있는 개척자들을 통해, 그들의 과거와 현재, 그리고 미래의 전략을 정리하는 연중기획 ‘2017 디지털 콘텐츠 보고서’를 진행합니다]<br/><br/>[헤럴드경제=서상범기자ㆍ신보경 에디터]2016 인터넷소통대상ㆍ소셜미디어 대상 종합대상(미래창조과학부장관상), 제6회 대한민국 SNS 대상 에너지 부문 5년 연속 대상 등 각종 소셜 관련 수상. 어느 디지털 광고 회사의 성과가 아니다. 대기업, 그것도 에너지라는 B2B 기업의 성적이다. 2011년 이후 대한민국에서 디지털 브랜딩 관련 수상을 휩쓸고 있는 회사. 바로 GS칼텍스다. <br/><table style="margin-bottom: 10px; width: 650px; margin-top: 10px" cellspacing="0" cellpadding="0" align="center" border="0" categoryid="9900000000000000"><tbody><tr><td><img alt="" width="650" height="433" categoryid="9900000000000000" src="https://web.archive.org/web/20170608193500im_/http://res.heraldm.com/content/image/2017/03/27/20170327000889_0.jpg"/></td></tr><tr><td align="left"><font style="font-size: 12px; font-family: arial">GS칼텍스 브랜드 관리팀(제공=GS칼텍스)</font></td></tr></tbody></table><br/>대체 이 회사는 어떤 디지털 DNA를 가지고 있기에 이런 성과를 거두고 있는 걸까? 또 왜 정유사가 디지털 브랜딩에 적극적인 활동을 하고 있을까?<br/>이 궁금증이 이번 2017 디지털 콘텐츠 보고서의 첫 번째 대상으로 GS칼텍스를 선택하게 만들었다. <br/><br/>HOOC은 지난 3월 20일 서울 강남구 역삼동 GS칼텍스 본사에서 브랜드 활동 전반을 담당하는 브랜드관리팀을 만나 그 궁금증을 풀어봤다. 콘텐츠는 HOOC 웹사이트와 페이스북을 통해 찾아볼 수 있다. <br/><br/>▷HOOC=귀한 시간을 내줘서 고맙다는 이야기보다, 궁금한 것이 너무 많다. 일단 조직 구성이 궁금하다. <br/><br/>▷GS칼텍스 브랜드 관리팀(이하 GSC)=브랜드관리팀은 지속경영실(실장 김기태 부사장) 산하 홍보부문에 속해있다. 이상훈 상무가 부문장으로 있고, 다시 홍보부문은 홍보팀, 브랜드관리팀, 사사편찬 TF로 구성돼있다. 우리 브랜드관리팀은 박준완 팀장, 최태환 부장, 박지선 부장, 김래영 차장, 곡미홍 과장, 정예은 과장, 안지훈 대리, 백민정 사원 등 총 8명으로 구성돼있다. 하지만 이 인력이 브랜드 관리에 관한 업무만 전담하는 것은 아니고 광고 등 다른 업무 역시 수행중이다. <br/><table style="margin-bottom: 10px; width: 650px; margin-top: 10px" cellspacing="0" cellpadding="0" align="center" border="0" categoryid="9900000000000000"><tbody><tr><td><img alt="" width="650" height="365" categoryid="9900000000000000" src="https://web.archive.org/web/20170608193500im_/http://res.heraldm.com/content/image/2017/03/27/20170327000890_0.jpg"/></td></tr><tr><td align="left"><font style="font-size: 12px; font-family: arial">박준완 GS칼텍스 브랜드관리팀장. 2010년에 이미 인터넷 커뮤니케이션(무려 인터넷이다)에 빠진 이후, 헤어나올 수 없는 디지털의 세계에서 살고 있다. 4시간의 인터뷰 동안 박 팀장은 지치지도 않고 본인과 팀의 이야기를 풀어나갔다.</font></td></tr></tbody></table><br/>▷HOOC=B2B 기업하면 일반 고객과의 접점에 대해 소극적인 경우가 많다. 그런데 GS칼텍스의 디지털 커뮤니케이션은 유독 눈에 띄고, 적극적이다. 배경이 뭔가?<br/><br/>▷GS칼텍스 브랜드 관리팀(이하 GSC)=우리는 회사의 브랜드 활동과 홍보 전략을 전반적으로 수행하는 팀이다. 왜 디지털에 집중하냐고 묻는다면, 지금의 주요 미디어 채널이 디지털이니까라고 답하겠다. <br/><br/>물론 오프라인 기반 전통 매체의 고유 기능과 역할은 한순간에 사라지지 않을 것이다. 하지만 고객, 특히 젊은 소비자들의 디지털 채널 활용은 이제 아무도 반박할 수 없는 ‘현상’이 됐다. 이런 상황에서 B2B 기업이라고 해서 변화의 흐름을 외면할 수는 없다. 오히려 적극적인 디지털 브랜딩은 회사의 브랜드 이미지를 높일 수 있는 좋은 장치가 된다. <br/><br/>예컨대, GS칼텍스를 포함한 정유 4사는 사실 브랜드 선호도가 크게 바뀌지 않는다. 거의 업계 순위를 따라가는 경향이 있는데. 최근 2030 젊은 소비자들을 대상으로 한 선호도 조사에서는 우리가 1위를 차지했다. 왜일까? 다양한 이유가 있겠지만, 우리가 디지털이라는 채널에서 적극적으로 보여준 활동들이 해당 세대의 소비자들에게 좋은 이미지를 전한 것이라고 생각한다. 이 젊은 소비자들이 향후 지속적으로 우리의 브랜드를 선호하고, 팬이 된다면 그 효과는 상상할 수도 없는 긍정적인 결과다. <br/><br/>▷HOOC=2010년이라는 상당히 빠른 시기에 디지털 브랜드 활동을 해왔다. 자꾸 정유회사 이야기를 해서 미안하지만, 이른바 중후장대(重厚長大) 업종이 이렇게 빨리 트렌드를 선도해왔다는 것이 믿겨지지 않는다?<br/><table style="margin-bottom: 10px; width: 650px; margin-top: 10px" cellspacing="0" cellpadding="0" align="center" border="0" categoryid="9900000000000000"><tbody><tr><td><img alt="" width="650" height="472" categoryid="9900000000000000" src="https://web.archive.org/web/20170608193500im_/http://res.heraldm.com/content/image/2017/03/27/20170327000892_0.jpg"/></td></tr><tr><td align="left"><font style="font-size: 12px; font-family: arial">GS칼텍스가 자체적으로 운영하는 디지털 채널 ‘미디어 허브’</font></td></tr></tbody></table><br/>▷GSC=2010년에 트위터와 팟캐스트가 등장하고 엄청난 파급력을 보였다. 이 현상을 보면서, 앞으로 미디어 환경은 필연적으로 변화할 것이란 생각이 들었다. 그래서 현재 이 팀을 맡고 있는 박준완 팀장이 1년 동안 연구하고, 수백 페이지에 달하는 보고서를 만들었다. 앞으로 기업 브랜딩의 주요 채널이 디지털을 기반으로 변화할 것이며, 이에 따른 전략과 콘텐츠 역시 획기적으로 바뀌어야 한다는 내용이었다. 이를 바탕으로 팀원들의 공감과 연구가 진행됐고, 다른 기업에 비해 일찍 디지털 브랜딩 활동을 시작하게 됐다. <br/><br/>+이 대목에서 박준완 팀장은 자신의 당시 보고서를 보여줬다. 선명하게 찍혀있는 한 단어가 눈에 띄었다. ‘인터넷 커뮤니케이션’.소셜과 디지털을 이제야 말하는 기업들이 많은 지금. 무려 ‘인터넷’이란 단어를 사용하던 시점부터 고민해왔던 흔적을 엿볼 수 있었다.<br/><br/>▷HOOC=기존의 방식을 바꾸는 것. 대기업에서는 쉽지 않은 일인데?<br/><br/>▷GSC=아무래도 전례와 관습이 중요한 것은 어느 기업이나 마찬가지일거다. 하지만 거대한 변화의 흐름이 보이는데 가만히 앉아있는 것은 무책임한 일이 아닐까? 특히 당시의 과감한 도전이 가능했던 것은 실무진의 방향과 전략 제시를 믿어준 경영진의 역할이 컸다. 사실 이런 디지털 전략에 대해 아무리 실무진이 강조해도 경영진이 흐름에 대해 동감하지 못한다면 시도조차 할 수가 없다. 그런 점에서 시대 흐름에 대한 공감과 지지를 바탕으로 세부실행을 실무진에게 전적으로 믿고 맡긴 경영진에게 감사를 전한다.<br/><table style="margin-bottom: 10px; width: 650px; margin-top: 10px" cellspacing="0" cellpadding="0" align="center" border="0" categoryid="9900000000000000"><tbody><tr><td><img alt="" width="650" height="406" categoryid="9900000000000000" src="https://web.archive.org/web/20170608193500im_/http://res.heraldm.com/content/image/2017/03/27/20170327000909_0.jpg"/></td></tr><tr><td align="left"><font style="font-size: 12px; font-family: arial">변화를 하려면 빨라야 한다. GS칼텍스는 2010년이라는 이른 시기에 거대한 변화를 시도했다. 이렇게 시작된 변화는 실패를 두려워하지 않는 도전과 함께 현재진행중이다. (사진=위키미디어)</font></td></tr></tbody></table><br/>조금 더 부연 설명을 하자면 디지털 관련 마케팅이나 커뮤니케이션이 대기업에서 성공을 하려면 경영진과 실무진의 태도적 조화가 이뤄져야 한다고 본다. 먼저 경영진은 장기적인 태도와 관점, 즉 이 디지털 영역은 당장의 성과보다는 장기간의 성장과 진행과정을 염두에 둬야 한다는 일종의 인내가 필요하다. 반면 실무진은 도전에 대한 태도, 특히 실패를 감내하는 도전적 태도를 지녀야 한다고 본다. 물론 조직 입장에서 실패하는 것. 정말 두려울 수밖에 없다. <br/><br/>하지만 빠르게 도전하고, 빠르게 실패해서 다음 단계로 넘어간다면 그 도전과 실패가 축적돼 결국은 정했던 목표로 다가갈 수 있다. 다만 중요한 것은 되돌아갈 수 없는 실패가 아닌, 용납 가능한 도전과 실패가 중요한 것 같다. 그런 면에서 우리 회사는 양 측의 조화가 잘 이뤄졌고, 그 것이 조금씩 이 분야에서 성과를 내고 있는 것 같다. <br/><br/>▷HOOC=그렇게 변화의 흐름, 도전에 나선 이후 수많은 성과를 내고 있다. 특히 어느 한 채널에 집중하지 않고 다양한 채널, 심지어 미디어 허브라는 자체 채널까지 보유하고 있는 것이 인상적인데. GS칼텍스의 디지털 커뮤니케이션 전략을 정의한다면?<br/><br/>▷GSC=간단히 정의하기는 어렵다. 다만 우리가 지속적으로 지켜야 할 원칙은 있다. 바로 온고잉(On-going) 커뮤니케이션, 다른 말로는 상시진행형 커뮤니케이션이다. 과거 마케팅이나 브랜드 커뮤니케이션은 한 번의 큰 캠페인 등을 통해 다수의 고객에게 영향을 끼칠 수 있었다. 고객과의 채널이 TV나 신문 등으로 제한됐기에 가능했던 일이다. 하지만 이제는 채널이 다양해지고, 고객들은 특정되지 않는다. 때문에 기업이 하나의 메시지를 일방적으로 다수에게 전달하는 것은 꿈과 같은 일이 됐다. 이런 상황에서 우리는 타겟에 특화된 메시지를, 타겟의 특성에 맞는 채널을 통해 전달하고자 한다. 고객의 마음에 GS칼텍스라는 비를 끊임없이 내리는 것이 우리의 전략이자 목표다. 예를 들어 현재 진행 중인 ‘헬로먼데이’ 캠페인의 경우는 월요일 출근이 두려운 직장인들을 타겟으로 내리는 비다. 사회 공헌 활동인 ‘마음톡톡’은 청소년을 비롯한 가정에 내리는 비다. 또 업계 전문가 집단을 위한 에너지 관련 콘텐츠 역시 기업 홍보 차원에서 꾸준히 진행되고 있다. <br/><table style="margin-bottom: 10px; width: 629px; margin-top: 10px" cellspacing="0" cellpadding="0" align="center" border="0" categoryid="9900000000000000"><tbody><tr><td><img alt="" width="629" height="510" categoryid="9900000000000000" src="https://web.archive.org/web/20170608193500im_/http://res.heraldm.com/content/image/2017/03/27/20170327000891_0.jpg"/></td></tr><tr><td align="left"><font style="font-size: 12px; font-family: arial">GS칼텍스의 '온고잉 커뮤니케이션' 원칙</font></td></tr></tbody></table><br/>여기서 중요한 것은 이런 활동들의 뼈대가 되는 본질, 즉 백본(backbone)이다. GS칼텍스의 브랜드 아이덴티티인 ‘아임유어에너지(I‘m Your Energy)’가 모든 캠페인 활동의 본질이 돼야 한다. <br/><br/>자체 채널인 미디어 허브를 보유한 것도 이런 목표를 위한 것이다. 페이스북이나 유튜브 등 외부 채널의 정책이 변하더라도, 우리의 메시지를 오롯이 전하기 위함이다. <br/><br/>▷HOOC=이런 전략, 특히 지속성이 중요한 경우 투입되는 리소스(resource)가 만만치 않을 것 같다. 그럼에도 불구하고 투자를 하고, 더 미래의 일을 고민하는 이유는? 그리고 그 고민의 결과는 어떤 모습으로 존재할까?<br/><br/>▷GSC=사실 실무적인 차원에서 보면 버거운 순간도 있다. 앞서 말했듯이 우리의 업무가 디지털 커뮤니케이션에만 국한되는 것은 아니기 때문이다. 또 당장 엄청난 성과가 짠~하고 나타나는 것도 아니다. 그렇기에 우리는 팀원들 하나하나가 중요한 존재다.<br/><table style="margin-bottom: 10px; width: 650px; margin-top: 10px" cellspacing="0" cellpadding="0" align="center" border="0" categoryid="9900000000000000"><tbody><tr><td><img alt="" width="650" height="395" categoryid="9900000000000000" src="https://web.archive.org/web/20170608193500im_/http://res.heraldm.com/content/image/2017/03/27/20170327000894_0.jpg"/></td></tr><tr><td align="left"><font style="font-size: 12px; font-family: arial">한순간에 고객의 마음을 흠뻑 적시는 브랜드 활동은 이제 종말을 고했다. 지속적이고, 고객친화적인 비(雨)를 내려 고객의 마음을 서서히, 그리고 여운을 남기는 브랜드 전략이 필요하다(사진=픽사베이)</font></td></tr></tbody></table><br/>임원부터 사원까지. 왜 이런 활동을 해야 하는지에 대한 명확한 이해도를 바탕으로 참여하기 때문에 지금의 성과보다 더 나은 미래를 꿈꿀 수 있다고 생각한다. 미래의 우리의 모습? 어떻게 될 지 아무도 모른다. 급변하는 미디어 환경이 내일 어떤 모습을 보일 지 누가 예측할 수 있겠나? 다만 우리는 설정한 목표. 고객의 마음에 비를 내린다는 상시진행형 커뮤니케이션을, 고객의 눈높이에서 지속적으로 실천해 나갈 뿐이다. 특히 우리는 지속성을 바탕으로 고객과의 스킨십을 확대해 나가는 것을 목표로 한다. <br/><br/>기업의 브랜드 활동은 사람들을 만나고, 관계를 맺고, 그들의 가슴에 여운을 남기는 것이라고 믿기 때문이다. 이는 과거의 매스커뮤니케이션 환경에서는 상상할 수 없었던 방식이다. 현재의 디지털, 모바일 환경이기에 가능하다. 물론 그 길에서 또 다른 도전, 실패도 우리를 기다리고 있을 것이다. 하지만 그 과정에서도 또 다른 깨달음을 얻고, 발전을 해나갈 것이라고 믿는다. <br/><br/>훗날 GS칼텍스라는 브랜드가 이 세상을 살아가는 이들에게 깊은 여운을 남기는 순간을 꼭 지켜봐달라.<br/><br/><strong>GS칼텍스 디지털 브랜딩 전략의 성공 포인트<br/>▷먼 곳을 바라볼 수 있는 경영진의 시각+도전과 실패를 두려워하지 않는 실무진의 태도<br/>▷한 발 앞선 고민과 그 고민을 전략적으로, 체계적으로 풀어나간 실행<br/>▷브랜드 전략의 흔들리지 않는 본질과 이를 뒷받침해주는 타겟화된 세부캠페인, 그리고 이를 극대화 하는 채널 전략<br/>▷1회성이 아닌, 지속성을 담보로 하는 장기적 관점 <br/></strong><br/><a href="https://web.archive.org/web/20170608193500/mailto:tiger@heraldcorp.com">tiger@heraldcorp.com</a> </p> </div>    <div class="article_sns_area"> <div class="article_shares"><span class="count">262</span><span class="shares">SHARES</span></div> <ul class="sns_list"> <li class="mgl5"><a href="javascript:jShare('f','20170327000858')"><img src="https://web.archive.org/web/20170608193500im_/http://res.heraldm.com/oops/images/icon_sns_abody_facebook.jpg" alt="facebook"></a></li> <li class="mgl5"><a href="javascript:jShare('t','20170327000858')"><img src="https://web.archive.org/web/20170608193500im_/http://res.heraldm.com/oops/images/icon_sns_abody_twitter.jpg" alt="twitter"></a></li> <li class="mgl5"><a href="javascript:jShare('g','20170327000858')"><img src="https://web.archive.org/web/20170608193500im_/http://res.heraldm.com/oops/images/icon_sns_abody_google.jpg" alt="google+"></a></li> <li class="mgl5"><a href="javascript:jShare('k','20170327000858')"><img src="https://web.archive.org/web/20170608193500im_/http://res.heraldm.com/oops/images/icon_sns_abody_kakaos.jpg" alt="kakaostory"></a></li>  <li class="mgl5"><a href="javascript:jShare('e','20170327000858')"><img src="https://web.archive.org/web/20170608193500im_/http://res.heraldm.com/oops/images/icon_sns_abody_email.jpg" alt="email"></a></li> </ul> </div>  <div class="tag_area"> <div class="title_tag"><span>TAG</span></div> <ul class="tag_list"> <li><a href="search_tag.php?tag="></a></li> </ul> </div>   <div style="text-align:center; overflow:hidden; width:100%; padding:20px 0"> <iframe border="0" frameborder="0" scrolling="no" width="300" height="250" src="https://web.archive.org/web/20170608193500if_/http://pub.adpnut.com/ron/html/57df6cd1bd625601433156"></iframe> <iframe border="0" frameborder="0" scrolling="no" width="300" height="250" src="https://web.archive.org/web/20170608193500if_/http://pub.adpnut.com/ron/html/57df6ce409b7e442615404"></iframe> </div>  <script> $(document).ready(function(){ $(".article_list .list_btn .btn_prev").click(function(){ jst_news_view('20170330001016'); }); $(".article_list .list_btn .btn_list").click(function(){ self.location.href = '/main.php?category=6'; }); $(".article_list .list_btn .btn_next").click(function(){ jst_news_view('20170217000758'); }); $("div.article_body iframe").each(function(){//html5 youtube resize if(parseInt($(this).attr("width"),10)>730) $(this).attr("width","730"); }); }); function jst_news_view(newsid){ if(newsid){ self.location.href = '/view.php?ud='+newsid; }else{ alert('기사가 존재하지 않습니다.'); } } </script> <div class="article_list"> <div class="list_btn"> <div class="btn_prev"><span>Previous</span></div> <div class="btn_list"><span>List</span></div> <div class="btn_next"><span>Next</span></div> </div> <div class="list_new"> <div class="list1"> <div class="thum"><a href="javascript:jst_news_view('20170330001016')"><img src="/web/20170608193500im_/http://hooc.heraldcorp.com/module/image/images_resize.php?img=/upload/news/2017/03/20170330001260_0.jpg&num=3&width=132&height=80"></a></div> <div class="text"><a href="javascript:jst_news_view('20170330001016')">사저복귀에서 영장심사까지...AI가 본 박근혜의 표정은?</a><span class="editor">by <a href="search_editor.php?usernumber=3&username=서상범">서상범 HOOC Editor</a></span></div> </div> <div class="list2"> <div class="thum"><a href="javascript:jst_news_view('20170217000758')"><img src="/web/20170608193500im_/http://hooc.heraldcorp.com/module/image/images_resize.php?img=/upload/news/2017/02/20170217000868_0.jpg&num=3&width=132&height=80"></a></div> <div class="text"><a href="javascript:jst_news_view('20170217000758')"> 투탕카멘 무덤에 ‘비밀의 방’이 있다고?</a> <span class="editor">by <a href="search_editor.php?usernumber=3&username=이정아">이정아 HOOC Editor</a></span></div> </div> </div> </div> <div class="today_oops"> <h4><img src="https://web.archive.org/web/20170608193500im_/http://res.heraldm.com/oops/images/title_todaysoops.jpg" alt="Today's HOOC"></h4> <ul class="list_type3"> <li class="mgr14"> <div class="thum"><a href="/web/20170608193500/http://hooc.heraldcorp.com/view.php?ud=20170406143850740537"><img src="/web/20170608193500im_/http://hooc.heraldcorp.com/module/image/images_resize.php?img=/upload/news/2017/04/20170415150529053498.jpg&num=3&width=234&height=142"></a></div> <div class="title"><a href="/web/20170608193500/http://hooc.heraldcorp.com/view.php?ud=20170406143850740537">한국에 온 텐가, 기자가 직접 써봤다</a></div> <div class="editor"><a href="search_editor.php?usernumber=0&username=운영자">운영자 HOOC Editor</a></div> </li> <li class="mgr14"> <div class="thum"><a href="/web/20170608193500/http://hooc.heraldcorp.com/view.php?ud=20170407182840103988"><img src="/web/20170608193500im_/http://hooc.heraldcorp.com/module/image/images_resize.php?img=/upload/news/2017/04/20170407182840103148.jpg&num=3&width=234&height=142"></a></div> <div class="title"><a href="/web/20170608193500/http://hooc.heraldcorp.com/view.php?ud=20170407182840103988"> 마지막 활판인쇄소 이야기</a></div> <div class="editor"><a href="search_editor.php?usernumber=0&username=운영자">운영자 HOOC Editor</a></div> </li> <li> <div class="thum"><a href="/web/20170608193500/http://hooc.heraldcorp.com/view.php?ud=20170320020132026655"><img src="/web/20170608193500im_/http://hooc.heraldcorp.com/module/image/images_resize.php?img=/upload/news/2017/03/20170320020132026470.jpg&num=3&width=234&height=142"></a></div> <div class="title"><a href="/web/20170608193500/http://hooc.heraldcorp.com/view.php?ud=20170320020132026655">앞이 보이지 않는 화가, 박환</a></div> <div class="editor"><a href="search_editor.php?usernumber=0&username=운영자">운영자 HOOC Editor</a></div> </li> </ul> </div>  <div id="dablewidget_RoOaRDlm" data-widget_id="RoOaRDlm"> <script> (function(d,a){d[a]=d[a]||function(){(d[a].q=d[a].q||[]).push(arguments)};}(window,'dable')); dable('renderWidget', 'dablewidget_RoOaRDlm'); </script> </div>   <iframe border="0" frameborder="0" scrolling="no" width="630" height="220" src="https://web.archive.org/web/20170608193500if_/http://pub.adpnut.com/ron/html/57df6cf51e691818769590" style="display:block; margin:50px auto; overflow:hidden"></iframe>  </div>   <script type="text/javascript"> var HoocJykimSnsCommentModule=function(id,newsid,instance_name){ this.id=id;//댓글 영역 div id this.newsid=newsid;//뉴스아이디 this.instance_name=id; this.page=1;//default page num this.isLoggedIn=false;//로그인여부 this.isSending=false;//전송중여부 this.user_id="";//유저_아이디 this.user_name="";//유저_이름 this.user_picture="";//유저_프로필사진 this.sns_kind="";//유저_SNS로그인정보 this.subCommentToggleArray=[];//댓글달기 열고 닫기 this.debugmode=false;//디버그모드 this.eventLog="";//event log //Methods this.printNewsid=function(){ alert(this.newsid); } /***************************************************/ this.getComments=function(page){//댓글 내용 불러옴 var that=this; if(!page) page=this.page; $.ajax({ method:"POST", url:"/module/sns_comment/hooc_sns_comment_ajax.php?mode=getComments", timeout:10000,//접속제한 10초 error:function(jqXHR,textStatus,errorThrown){ if(textStatus==="timeout") alert("댓글로딩에 실패했습니다. 다시 시도해주세요."); else alert("잠시 오류가 발생하였습니다. 에러코드 : "+textStatus); }, data:{ page:page, newsid:that.newsid, user_id:that.user_id, instance_name:that.instance_name }, dataType:"json" }).done(function(msg){ var text=""; for(a in msg){ text+=a + " : " + msg[a] + "\n"; } if(that.debugmode && console) console.log(text); if(that.debugmode && console) console.log(msg); if(msg['status']=="success"){ $("#"+that.id).find('.comments_list').html(msg['data']); } if(msg['thePages']){ $("#"+that.id).find('.cmtPaging').html(msg['thePages']); } if(msg['totalCount']){ $("#"+that.id).find('.num').html("("+msg['totalCount']+")"); } }); } /***************************************************/ this.getSubComments=function(key,isToggle){//댓글의 댓글 내용을 불러옴 var that=this; //토글기능 if(isToggle){ if(this.subCommentToggleArray[key]){ this.subCommentToggleArray[key]=false; $("#comment_area_"+this.instance_name+"_"+key).html(""); return false; } else this.subCommentToggleArray[key]=true; } $.ajax({ method:"POST", url:"/module/sns_comment/hooc_sns_comment_ajax.php?mode=getSubComments", timeout:10000,//접속제한 10초 error:function(jqXHR,textStatus,errorThrown){ if(textStatus==="timeout") alert("접속시간이 초과되었습니다. 다시 시도해주세요."); else alert("잠시 오류가 발생하였습니다. 에러코드 : "+textStatus); }, data:{ newsid:that.newsid, key:key, instance_name:that.instance_name }, dataType:"json" }).done(function(msg){ var text=""; for(a in msg){ text+=a + " : " + msg[a] + "\n"; } if(that.debugmode && console) console.log(text); if(that.debugmode && console) console.log(msg); if(msg['data']){ $("#comment_area_"+that.instance_name+"_"+key).html(msg['data']); $("#comment_count_"+that.instance_name+"_"+key).text("("+msg['totalCount']+")"); that.init(); } }); } /***************************************************/ this.delComment=function(key,parentCode){//댓글 삭제함 var that=this; $.ajax({ method:"POST", url:"/module/sns_comment/hooc_sns_comment_ajax.php?mode=delComment", timeout:10000,//접속제한 10초 error:function(jqXHR,textStatus,errorThrown){ if(textStatus==="timeout") alert("접속시간이 초과되었습니다. 다시 시도해주세요."); else alert("잠시 오류가 발생하였습니다. 에러코드 : "+textStatus); }, data:{ key:key, newsid:that.newsid, user_id:that.user_id }, dataType:"json" }).done(function(msg){ var text=""; for(a in msg){ text+=a + " : " + msg[a] + "\n"; } if(that.debugmode && console) console.log(text); alert("해당 댓글이 삭제되었습니다"); if(parentCode){//해당 댓글의 댓글 영역 새로고침 that.getSubComments(parentCode); } else{//일반 댓글영역 새로고침(현재 페이지) that.getComments(); } }); } /***************************************************/ this.setComment=function(commentText,parentCode,node){//댓글 내용 저장함 //댓글내용 확인 var that=this; if(that.debugmode && console) console.log(commentText); if(that.debugmode && console) console.log(parentCode); if(!$.trim(commentText)){//내용없음 alert("댓글 내용이 없습니다."); node.focus(); return false; } if(commentText.length<10){//내용이 너무 짧음 alert("댓글 내용이 너무 짧습니다. 10자 이상 작성해주세요."); node.focus(); return false; } //댓글 입력 $.ajax({ method:"POST", url:"/module/sns_comment/hooc_sns_comment_ajax.php?mode=setComment", timeout:10000,//접속제한 10초 error:function(jqXHR,textStatus,errorThrown){ if(textStatus==="timeout") alert("접속시간이 초과되었습니다. 다시 시도해주세요."); else alert("잠시 오류가 발생하였습니다. 에러코드 : "+textStatus); }, data:{ commentText:commentText, parentCode:parentCode, newsid:that.newsid, referer:document.referrer, user_id:that.user_id, event:that.eventLog }, dataType:"json" }).done(function(msg){ var text=""; for(a in msg){ text+=a + " : " + msg[a] + "\n"; } if(that.debugmode && console) console.log(text); alert("댓글이 등록되었습니다"); node.value="";//초기화 that.eventLog=""; if(parentCode){//댓글의 댓글을 등록했을 경우 that.getSubComments(parentCode); } else{ that.getComments(1);//댓글 등록시 첫 페이지 불러옴 } }); } /***************************************************/ this.loginCheck=function(){//로그인 상태 확인 var that=this; $.ajax({ method:"POST", url:"/module/sns_comment/hooc_sns_comment_ajax.php?mode=loginCheck", timeout:10000,//접속제한 10초 error:function(jqXHR,textStatus,errorThrown){ if(textStatus==="timeout") alert("접속시간이 초과되었습니다. 다시 시도해주세요."); else alert("잠시 오류가 발생하였습니다. 에러코드 : "+textStatus); }, data:{check:1}, dataType:"json" }).done(function(msg){ var text=""; for(a in msg){ text+=a + " : " + msg[a] + "\n"; } if(that.debugmode && console) console.log(text); if(msg.id){//로그인 상태 that.isLoggedIn=true;//로그인여부 that.user_id=msg.id;//유저_아이디 that.user_name=msg.name;//유저_이름 that.user_picture=msg.picture;//유저_프로필사진 that.sns_kind=msg.sns_kind;//유저_SNS로그인정보 //유저 프로필사진 적용 if(that.user_picture) $("#"+that.id).find(".user_profile_picture").attr('src',that.user_picture); //유저 SNS아이콘 적용 $("#"+that.id).find(".sns_type_"+that.sns_kind).removeClass("none"); } else{ that.isLoggedIn=false;//로그인여부 that.user_id="";//유저_아이디 that.user_name="";//유저_이름 that.user_picture="";//유저_프로필사진 } }); } /***************************************************/ this.printLoginStatus=function(){//로그인 상태 출력 alert(this.isLoggedIn); alert(this.newsid); var text=""; for(a in this){ text+=a + " : " + this[a] + "\n"; } alert(text); } //Constructor var that=this; this.init=function(){ //200자 제한 var commentMaxLength=200; $("#"+that.id).find(".sns_comments_area").unbind("click");//초기화 $("#"+that.id).find(".sns_comments_area").click(function(){ if(that.isLoggedIn==false){ //로그인 함수 jst_oops_login();//직접실행 2015-06-01 /* if(confirm("네이버/페이스북/트위터/HOOC 계정 로그인 후 댓글 작성하실 수 있습니다. 로그인 하시겠습니까?")){ jst_oops_login(); } */ } }); $("#"+that.id).find(".sns_comments_area").keyup(function(event){ if(this.value.length>commentMaxLength){ alert("죄송합니다. 댓글은 "+commentMaxLength+"자 이하로 작성해주세요."); this.value=this.value.substr(0,commentMaxLength); } that.eventLog+="|"+event.keyCode; $(this).parent().parent().parent().find(".current").text(this.value.length); }); //댓글 등록하기 버튼 $("#"+that.id).find(".btn_register").unbind("click");//초기화 $("#"+that.id).find(".btn_register").click(function(){ var commentText=$(this).parent().parent().find(".sns_comments_area").val(); var parentCode=$(this).parent().parent().find(".sns_comments_area").attr("parentCode"); that.setComment(commentText,parentCode,$(this).parent().parent().find(".sns_comments_area")[0]); }); //댓글 취소하기 버튼 $("#"+that.id).find(".btn_cancel").unbind("click");//초기화 $("#"+that.id).find(".btn_cancel").click(function(){ if(confirm("작성중인 댓글이 삭제됩니다. 진행하시겠습니까?")){ $(this).parent().parent().find(".sns_comments_area").val(""); var parentCode=$(this).parent().parent().find(".sns_comments_area").attr("parentCode"); if(parentCode){//댓글영역 없앰 that.subCommentToggleArray[parentCode]=false; $("#comment_area_"+that.instance_name+"_"+parentCode).html(""); } } }); } $(function(){ that.init(); }); /***************************************************/ } var hooc1=new HoocJykimSnsCommentModule('hooc1','20170327000858'); //hooc1.printNewsid(); hooc1.loginCheck(); hooc1.getComments(); //setTimeout(function(){hooc1.printLoginStatus();},1000); </script> <div id="hooc1" class="comment_area mgb75"> <div class="write_box"> <h2><img src="https://web.archive.org/web/20170608193500im_/http://res.heraldm.com/oops/images/title_cmt_reply.jpg" alt="댓글달기"></h2> <div class="cmt_sns_login"> <ul> <li class="sns_type_O none"><img src="https://web.archive.org/web/20170608193500im_/http://res.heraldm.com/oops/images/icon_sns_cmt1.jpg" alt="HOOC"></li> <li class="sns_type_F none"><img src="https://web.archive.org/web/20170608193500im_/http://res.heraldm.com/oops/images/icon_sns_cmt2.jpg" alt="facebook"></li> <li class="sns_type_T none"><img src="https://web.archive.org/web/20170608193500im_/http://res.heraldm.com/oops/images/icon_sns_cmt3.jpg" alt="twitter"></li> <li class="sns_type_N none"><img src="https://web.archive.org/web/20170608193500im_/http://res.heraldm.com/oops/images/icon_sns_cmt4.jpg" alt="naver"></li> </ul> </div> <div class="cnt"> <div class="photo_zone"> <img class="user_profile_picture" src="https://web.archive.org/web/20170608193500im_/http://res.heraldm.com/oops/images/icon_user_cmt1.jpg" alt=""> </div> <div class="writeform"> <div class="textarea_ty"><textarea class="sns_comments_area" name="" cols="30" rows="10" parentcode=""></textarea></div> </div> <div class="btn_area"> <span class="length_limit"><span class="current">0</span>/ 200자</span> <button class="btn_register">등록하기</button> </div> </div> </div> <div class="cmt_list_area"> <h2>댓글<span class="num">(0)</span></h2> <ul class="comments_list"></ul> <div class="cmtPaging v2 mgt20"> </div> </div> </div>   </div>    <div id="aside">  <div style="margin-top:10px;"> <div id="538438461_INSERT_SLOT_ID_HERE" style="width:300px;height:250px;margin:0;padding:0"> <noscript><iframe id="49f6364e7c" name="49f6364e7c" src="//web.archive.org/web/20170608193500if_/http://ccisea-d.openx.net/w/1.0/afr?auid=538438461&cb=INSERT_RANDOM_NUMBER_HERE" frameborder="0" scrolling="no" width="300" height="250"><a href="//web.archive.org/web/20170608193500/http://ccisea-d.openx.net/w/1.0/rc?cs=49f6364e7c&cb=INSERT_RANDOM_NUMBER_HERE"><img src="//web.archive.org/web/20170608193500im_/http://ccisea-d.openx.net/w/1.0/ai?auid=538438461&cs=49f6364e7c&cb=INSERT_RANDOM_NUMBER_HERE" border="0" alt=""></a></iframe></noscript> </div> <script type="text/javascript"> var OX_ads = OX_ads || []; OX_ads.push({ slot_id: "538438461_INSERT_SLOT_ID_HERE", auid: "538438461" }); </script> <script type="text/javascript" src="//web.archive.org/web/20170608193500js_/http://ccisea-d.openx.net/w/1.0/jstag"></script> </div>  <div class="bn_aside1"><a href="javascript:jst_reporter_applay()"><img src="https://web.archive.org/web/20170608193500im_/http://res.heraldm.com/oops/images/bn_aside_editor.jpg" alt="필진을 모집합니다."></a></div> <div class="trending mgt15"> <h4><img src="https://web.archive.org/web/20170608193500im_/http://res.heraldm.com/oops/images/title_aside_trending.jpg" alt="Trending"></h4> <ul class="list_type4"> <li> <div class="text"> <div style="height:51px"><a href="/web/20170608193500/http://hooc.heraldcorp.com/view.php?ud=20170416112427980442">잊지 않을게, 그날의 약속…세월호를 기록하는 사람들</a></div> <span class="editor"><a href="search_editor.php?usernumber=0&username=운영자">운영자 HOOC Editor</a></span> </div> <div class="thum"><a href="/web/20170608193500/http://hooc.heraldcorp.com/view.php?ud=20170416112427980442"><img src="/web/20170608193500im_/http://hooc.heraldcorp.com/module/image/images_resize.php?img=/upload/news/2017/04/20170416112427979867.jpg&num=3&width=132&height=80"></a></div> </li> <li> <div class="text"> <div style="height:51px"><a href="/web/20170608193500/http://hooc.heraldcorp.com/view.php?ud=20170406143850740537">한국에 온 텐가, 기자가 직접 써봤다</a></div> <span class="editor"><a href="search_editor.php?usernumber=0&username=운영자">운영자 HOOC Editor</a></span> </div> <div class="thum"><a href="/web/20170608193500/http://hooc.heraldcorp.com/view.php?ud=20170406143850740537"><img src="/web/20170608193500im_/http://hooc.heraldcorp.com/module/image/images_resize.php?img=/upload/news/2017/04/20170415150529053498.jpg&num=3&width=132&height=80"></a></div> </li> <li> <div class="text"> <div style="height:51px"><a href="/web/20170608193500/http://hooc.heraldcorp.com/view.php?ud=20170403112130912357"> 미녀와 야수 뒤엔 그녀가 있었다</a></div> <span class="editor"><a href="search_editor.php?usernumber=0&username=운영자">운영자 HOOC Editor</a></span> </div> <div class="thum"><a href="/web/20170608193500/http://hooc.heraldcorp.com/view.php?ud=20170403112130912357"><img src="/web/20170608193500im_/http://hooc.heraldcorp.com/module/image/images_resize.php?img=/upload/news/2017/04/20170403112130911730.jpg&num=3&width=132&height=80"></a></div> </li> <li> <div class="text"> <div style="height:51px"><a href="/web/20170608193500/http://hooc.heraldcorp.com/view.php?ud=20170330001016">사저복귀에서 영장심사까지...AI가 본 박근혜의 표정은?</a></div> <span class="editor"><a href="search_editor.php?usernumber=3&username=서상범">서상범 HOOC Editor</a></span> </div> <div class="thum"><a href="/web/20170608193500/http://hooc.heraldcorp.com/view.php?ud=20170330001016"><img src="/web/20170608193500im_/http://hooc.heraldcorp.com/module/image/images_resize.php?img=/upload/news/2017/03/20170330001260_0.jpg&num=3&width=132&height=80"></a></div> </li> <li> <div class="text"> <div style="height:51px"><a href="/web/20170608193500/http://hooc.heraldcorp.com/view.php?ud=20170327000858">①정유회사는 어떻게 디지털의 강자가 됐나?GS칼텍스</a></div> <span class="editor"><a href="search_editor.php?usernumber=3&username=서상범">서상범 HOOC Editor</a></span> </div> <div class="thum"><a href="/web/20170608193500/http://hooc.heraldcorp.com/view.php?ud=20170327000858"><img src="/web/20170608193500im_/http://hooc.heraldcorp.com/module/image/images_resize.php?img=/upload/news/2017/03/20170327000889_0.jpg&num=3&width=132&height=80"></a></div> </li> <li> <div class="text"> <div style="height:51px"><a href="/web/20170608193500/http://hooc.heraldcorp.com/view.php?ud=20170302190604295930"> 움직임의 예술가, 파쿠르 트레이서</a></div> <span class="editor"><a href="search_editor.php?usernumber=0&username=운영자">운영자 HOOC Editor</a></span> </div> <div class="thum"><a href="/web/20170608193500/http://hooc.heraldcorp.com/view.php?ud=20170302190604295930"><img src="/web/20170608193500im_/http://hooc.heraldcorp.com/module/image/images_resize.php?img=/upload/news/2017/03/20170302190604284520.jpg&num=3&width=132&height=80"></a></div> </li> <li> <div class="text"> <div style="height:51px"><a href="/web/20170608193500/http://hooc.heraldcorp.com/view.php?ud=20170210000602"> 밤하늘 수놓은 별빛?…‘드론 불빛쇼’ 입니다</a></div> <span class="editor"><a href="search_editor.php?usernumber=3&username=이정아">이정아 HOOC Editor</a></span> </div> <div class="thum"><a href="/web/20170608193500/http://hooc.heraldcorp.com/view.php?ud=20170210000602"><img src="/web/20170608193500im_/http://hooc.heraldcorp.com/module/image/images_resize.php?img=/upload/news/2017/02/20170210000640_0.jpg&num=3&width=132&height=80"></a></div> </li> <li> <div class="text"> <div style="height:51px"><a href="/web/20170608193500/http://hooc.heraldcorp.com/view.php?ud=20170217000752">그들이 그래미 시상식에서 바지를 벗은 이유는?</a></div> <span class="editor"><a href="search_editor.php?usernumber=3&username=손수용">손수용 HOOC Editor</a></span> </div> <div class="thum"><a href="/web/20170608193500/http://hooc.heraldcorp.com/view.php?ud=20170217000752"><img src="/web/20170608193500im_/http://hooc.heraldcorp.com/module/image/images_resize.php?img=/upload/news/2017/02/20170217000849_0.jpg&num=3&width=132&height=80"></a></div> </li> <li> <div class="text"> <div style="height:51px"><a href="/web/20170608193500/http://hooc.heraldcorp.com/view.php?ud=20170224000469">소소한 생활의 팁, 콘텐츠의 신세계를 만들다</a></div> <span class="editor"><a href="search_editor.php?usernumber=3&username=서상범">서상범 HOOC Editor</a></span> </div> <div class="thum"><a href="/web/20170608193500/http://hooc.heraldcorp.com/view.php?ud=20170224000469"><img src="/web/20170608193500im_/http://hooc.heraldcorp.com/module/image/images_resize.php?img=/upload/news/2017/02/20170224000522_0.jpg&num=3&width=132&height=80"></a></div> </li> <li class="end"> <div class="text"> <div style="height:51px"><a href="/web/20170608193500/http://hooc.heraldcorp.com/view.php?ud=20170227000892">‘정치 잘못했다고 탄핵은 안된다’는 박근혜 대통령 변호인단</a></div> <span class="editor"><a href="search_editor.php?usernumber=3&username=서상범">서상범 HOOC Editor</a></span> </div> <div class="thum"><a href="/web/20170608193500/http://hooc.heraldcorp.com/view.php?ud=20170227000892"><img src="/web/20170608193500im_/http://hooc.heraldcorp.com/module/image/images_resize.php?img=/upload/news/2017/02/20170227001066_0.jpg&num=3&width=132&height=80"></a></div> </li> </ul> </div> <div class="fallow_oops"> <h4><img src="https://web.archive.org/web/20170608193500im_/http://res.heraldm.com/oops/images/title_aside_fallow.jpg" alt="Fallow HOOC"></h4> <ul class="fallow_sns" style="margin-left: 90px;"> <li><a href="https://web.archive.org/web/20170608193500/https://www.facebook.com/myhooc" target="_blank"><img src="https://web.archive.org/web/20170608193500im_/http://res.heraldm.com/oops/images/icon_sns_aside_facebook.jpg" alt="facebook"></a></li>  <li><a href="https://web.archive.org/web/20170608193500/https://story.kakao.com/ch/hooc" target="_blank"><img src="https://web.archive.org/web/20170608193500im_/http://res.heraldm.com/oops/images/icon_sns_aside_kakaos.jpg" alt="kakaostory"></a></li> </ul> <script> $(document).ready(function(){ $(".subscribe .btn_subscribe").click(function(){ var url = 'main/fallow_email_ajax.php'; var email_ = jst_id_value("newsletter_email"); if(email_ ==''){ alert('이메일 주소를 입력하세요'); jst_id('newsletter_email').focus(); return; }else{ AjaxTxt(url,"email="+email_,'ajax_callback'); } }); }); function jst_email_value(v){ if(v==''){ $(".input_email.small").css("backgroundPosition", "0px -25px"); }else{ $(".input_email.small").css("backgroundPosition", "1000px 0px"); } } </script>  </div> </div>  </div>  </div>  <script> var _GCD = 'hooctech'; // 사이트 구분 코드 var _AceTitle = '①정유회사는 어떻게 디지털의 강자가 됐나?GS칼텍스'; // 기사타이틀 var _aid = '20170327000858'; // 기사아이디 var _aname = '서상범'; // 기자명 var _atype = '테크/과학'; // 기사 분류 var _pd = '2017-03-27 16:03:36'; // 기사 생성 일시 </script> <script> if(typeof _GUL == 'undefined') { var _GUL = 'herald.loginside.co.kr'; var _GPT='80'; var _SGPT='443'; var _AIMG = new Image(); var _bn=navigator.appName; var _PR = location.protocol=="https:"?"https://"+_GUL+":"+_SGPT:"http://"+_GUL+":"+_GPT; if( _bn.indexOf("Netscape") > -1 || _bn=="Mozilla") { setTimeout("_AIMG.src = _PR+'/?cookie';",1); } else{ _AIMG.src = _PR+'/?cookie'; }; document.writeln("<scr"+"ipt language='javascript' src='//web.archive.org/web/20170608193500/http://res.heraldm.com/js/acecounter_V70.js'></scr"+"ipt>"); } </script>  <div id="footer"> <ul class="sns_area"> <li><a href="https://web.archive.org/web/20170608193500/https://www.facebook.com/myhooc" target="_blank"><img src="https://web.archive.org/web/20170608193500im_/http://res.heraldm.com/oops/images/icon_sns_foot1.jpg" alt="Facebook"></a></li>  <li><a href="https://web.archive.org/web/20170608193500/https://story.kakao.com/ch/hooc" target="_blank"><img src="https://web.archive.org/web/20170608193500im_/http://res.heraldm.com/oops/images/icon_sns_foot4.jpg" alt="KakaoStory"></a></li> </ul> <div class="foot_menu"><span class="logo"><img src="https://web.archive.org/web/20170608193500im_/http://res.heraldm.com/oops/images/nm_logo_foot.jpg" alt="HOOC!"/></span><span class="menu"><a href="policy.php?mode=policy1">서비스 약관</a></span><span class="nl"> | </span><span class="menu"><a href="policy.php?mode=policy2"><strong>개인정보 취급방침</strong></a></span><span class="nl"> | </span><span class="copyright">COPYRIGHT © 2017 HOOC. ALL RIGHTS RESERVED (주)헤럴드 | 주소: 서울시 용산구 후암로4길 10 <br>헤럴드 스퀘어 | 제호: HOOC | 인터넷신문등록번호: 서울 아03098 | 등록일자: 2014.04.11 | 발행인·편집인: 권충원 | 청소년보호책임자: 김상범             </span> </div> </div>   <script language="javascript"> var histObj = document.getElementById("historybar"); if( histObj == null || typeof(histObj) == 'undefined' ) var historyText = 'hooc_p'; else var historyText = histObj.innerText; _TRK_PI = "PDV"; _TRK_PN = "①정유회사는 어떻게 디지털의 강자가 됐나?GS칼텍스"; _TRK_MF = "hooc_p"; </script>   <script language="JavaScript">/* LOGGER TRACKING SCRIPT V.31 : 1002 *//*X*//* COPYRIGHT 2002-2013 BIZSPRING INC. *//*X*//* DO NOT MODIFY THIS SCRIPT. *//*X*/var _TRK_DOMAIN="vlog.heraldcorp.com";var _trk_bMSIE=(document.all)?true:false;var _trk_bJS12=(window.screen)?true:false;function _trk_escape(_str) { var str, ch; var bEncURI = "N"; eval("try{bEncURI=encodeURI('Y');}catch(_e){ }" ); if( bEncURI == "Y" ) str=encodeURI(_str); else str = escape(_str); str=str.split("+").join("%2B"); str=str.split("/").join("%2F"); str=str.split("&").join("%26"); str=str.split("?").join("%3F"); str=str.split(":").join("%3A"); str=str.split("#").join("%23"); return str;}function _trk_setCookie(name,value,expire) { var today=new Date(); today.setTime(today.getTime()+ expire ); document.cookie=name+"="+value+"; path=/; expires="+today.toGMTString()+";";}function _trk_getCookie(name) { var cookieName=name+"="; var x=0; while(x<=document.cookie.length) { var y=(x+cookieName.length); if(document.cookie.substring(x,y)==cookieName) { if((endOfCookie=document.cookie.indexOf(";",y))==-1) endOfCookie=document.cookie.length; return unescape(document.cookie.substring(y,endOfCookie)); } x=document.cookie.indexOf(" ",x)+1; if(x == 0) break; } return "";}function _trk_getParameter(name) { var paraName=name+"="; var URL=""+self.document.location.search; var tURL=""; eval("try{ tURL=top.document.location.search; }catch(_e){}"); URL=URL+"&"+tURL; if(URL.indexOf(paraName)!=-1) { var x=URL.indexOf(paraName)+paraName.length; var y=URL.substr(x).indexOf("&"); if(y!=-1) return URL.substring(x,x+y); else return URL.substr(x); } return "";}function _trk_make_code(_TRK_SERVER,_TRK_U) { var dt=document.title.toString(); dt=dt.substr(0,128); var dr=self.document.referrer; var tdr=""; eval("try{ tdr=top.document.referrer; }catch(_e){}"); var tdu=""; eval("try{ tdu=top.document.location.href; }catch(_e){}"); var bFrm=false; if(dr==tdu) { dr=tdr; bFrm=true; } if(dr=="undefined") dr=""; var du=self.document.location.href; if(du.substr(0,4)=="file") return ""; var adKeyVal = ""; if(bFrm) { adKeyVal=_trk_getParameter("OVKEY"); if(adKeyVal!="" && du.indexOf("OVKEY=")<0) { if(du.indexOf("?")!=-1) du=du+"&OVKEY="+adKeyVal; else du=du+"?OVKEY="+adKeyVal; adKeyVal=_trk_getParameter("OVRAW"); if(adKeyVal!="" && du.indexOf("OVRAW=")<0 ) if(du.indexOf("?")!=-1) du=du+"&OVRAW="+adKeyVal; else du=du+"?OVRAW="+adKeyVal; } else { adKeyVal=_trk_getParameter("netpia"); if(adKeyVal!="" && du.indexOf("netpia=")<0 ) if(du.indexOf("?")!=-1) du=du+"&netpia="+adKeyVal; else du=du+"?netpia="+adKeyVal; } adKeyVal=_trk_getParameter("logger_kw"); if(adKeyVal!="" && du.indexOf("logger_kw=")<0 ) if(du.indexOf("?")!=-1) du=du+"&logger_kw="+adKeyVal; else du=du+"?logger_kw="+adKeyVal; adKeyVal=_trk_getParameter("source"); if(adKeyVal!="" && du.indexOf("source=")<0 ) if(du.indexOf("?")!=-1) du=du+"&source="+adKeyVal; else du=du+"?source="+adKeyVal; adKeyVal=_trk_getParameter("keywd"); if(adKeyVal!="" && du.indexOf("keywd=")<0 ) if(du.indexOf("?")!=-1) du=du+"&keywd="+adKeyVal; else du=du+"?keywd="+adKeyVal; adKeyVal=_trk_getParameter("NVADKWD"); if(adKeyVal!="" && du.indexOf("NVADKWD=")<0) if(du.indexOf("?")!=-1) du=du+"&NVADKWD="+adKeyVal; else du=du+"?NVADKWD="+adKeyVal; adKeyVal=_trk_getParameter("NVKWD"); if(adKeyVal!="" && du.indexOf("NVKWD=")<0 ) if(du.indexOf("?")!=-1) du=du+"&NVKWD="+adKeyVal; else du=du+"?NVKWD="+adKeyVal; adKeyVal=_trk_getParameter("NVAR"); if(adKeyVal!="" && du.indexOf("NVAR=")<0 ) if(du.indexOf("?")!=-1) du=du+"&NVAR="+adKeyVal; else du=du+"?NVAR="+adKeyVal; adKeyVal=_trk_getParameter("DWIT"); if(adKeyVal!="" && du.indexOf("DWIT=")<0) if(du.indexOf("?")!=-1) du=du+"&DWIT="+adKeyVal; else du=du+"?DWIT="+adKeyVal; adKeyVal=_trk_getParameter("DWIC"); if(adKeyVal!="" && du.indexOf("DWIC=")<0 ) if(du.indexOf("?")!=-1) du=du+"&DWIC="+adKeyVal; else du=du+"?DWIC="+adKeyVal; adKeyVal=_trk_getParameter("gad"); if(adKeyVal!="" && du.indexOf("gad=")<0 ) if(du.indexOf("?")!=-1) du=du+"&gad="+adKeyVal; else du=du+"?gad="+adKeyVal; adKeyVal=_trk_getParameter("gclid"); if(adKeyVal!="" && du.indexOf("gclid=")<0 ) if(du.indexOf("?")!=-1) du=du+"&gclid="+adKeyVal; else du=du+"?gclid="+adKeyVal; adKeyVal=_trk_getParameter("gkw"); if(adKeyVal!="" && du.indexOf("gkw=")<0 ) if(du.indexOf("?")!=-1) du=du+"&gkw="+adKeyVal; else du=du+"?gkw="+adKeyVal; adKeyVal=_trk_getParameter("rcsite"); if(adKeyVal!="" && du.indexOf("rcsite=")<0 ) if(du.indexOf("?")!=-1) du=du+"&rcsite="+adKeyVal; else du=du+"?rcsite="+adKeyVal; adKeyVal=_trk_getParameter("rctype"); if(adKeyVal!="" && du.indexOf("rctype=")<0 ) if(du.indexOf("?")!=-1) du=du+"&rctype="+adKeyVal; else du=du+"?rctype="+adKeyVal; adKeyVal=_trk_getParameter("rc_code"); if(adKeyVal!="" && du.indexOf("rc_code=")<0 ) if(du.indexOf("?")!=-1) du=du+"&rc_code="+adKeyVal; else du=du+"?rc_code="+adKeyVal; adKeyVal=_trk_getParameter("_C_"); if(adKeyVal!="" && du.indexOf("_C_=")<0 ) if(du.indexOf("?")!=-1) du=du+"&_C_="+adKeyVal; else du=du+"?_C_="+adKeyVal; } var ce=navigator.cookieEnabled?"Y":"N"; var je=navigator.javaEnabled()?"Y":"N"; var ss=""; var cd = ""; if(_trk_bJS12) { ss=screen.width+"x"+screen.height; cd=screen.colorDepth; } if(!dt) dt=""; if(!dr) dr=""; if(!du) du=""; if(!ce) ce=""; if(!je) je=""; var t = new Date; var tye=(_trk_bMSIE)?(t.getYear()):(t.getFullYear()); var tmo=t.getMonth()+1; var tda=t.getDate(); var tho=t.getHours(); var tmi=t.getMinutes(); var tse=t.getSeconds(); var tzo=t.getTimezoneOffset(); var tc = ""; var prtcl=document.location.protocol.indexOf("https")!=-1?"https://":"http://"; if(prtcl=="https://") _TRK_SERVER=_TRK_DOMAIN; tc=tc+prtcl+_TRK_SERVER; var bPNF=((typeof _TRK_PI)!="undefined" && _TRK_PI=="PNF")?true:false; if(bPNF) tc=tc+"/tracker_click.tsp"; else tc=tc+"/tracker.tsp"; tc=tc+"?u="+_TRK_U+"&XU=&EXEN="+_EXEN; if(bPNF) { tc=tc+"&rnd="+Math.random()+"&CKFL="+_TRK_PI+"&CKDATA="+_trk_escape(du); } else { tc=tc+"&dr="+_trk_escape(dr)+"&XDR="+"&dt="+_trk_escape(dt)+"&du="+_trk_escape(du); if((typeof _TRK_CP)!="undefined" && _TRK_CP!="") tc=tc+"&CP="+_trk_escape(_TRK_CP)+"&XCP="; if((typeof _TRK_PI)!="undefined" && _TRK_PI!="") tc=tc+"&PI="+_TRK_PI; if((typeof _TRK_PN)!="undefined" && _TRK_PN!="") tc=tc+"&PN="+_trk_escape(_TRK_PN); if((typeof _TRK_MF)!="undefined" && _TRK_MF!="") tc=tc+"&MF="+_trk_escape(_TRK_MF); if((typeof _TRK_OA)!="undefined" && _TRK_OA!="") tc=tc+"&OA="+_TRK_OA; if((typeof _TRK_OP)!="undefined" && _TRK_OP!="") tc=tc+"&OP="+_trk_escape(_TRK_OP); if((typeof _TRK_OE)!="undefined" && _TRK_OE!="") tc=tc+"&OE="+_TRK_OE; if((typeof _TRK_CC)!="undefined" && _TRK_CC!="") tc=tc+"&CC="+_TRK_CC; if((typeof _TRK_RK)!="undefined" && _TRK_RK!="") tc=tc+"&RK="+_trk_escape(_TRK_RK); if((typeof _TRK_SX)!="undefined" && _TRK_SX!="") tc=tc+"&SX="+_TRK_SX; if((typeof _TRK_AG)!="undefined" && _TRK_AG!="") tc=tc+"&AG="+_TRK_AG; if((typeof _TRK_IK)!="undefined" && _TRK_IK!="") tc=tc+"&IK="+_trk_escape(_TRK_IK); tc=tc+"&js=Y"+"&ss="+escape(ss)+"&cd="+cd+"&ce="+ce+"&je="+je+"&tzo="+tzo+"&tye="+tye+"&tmo="+tmo+"&tda="+tda+"&tho="+tho+"&tmi="+tmi+"&tse="+tse; } return tc;}var _TRK_LIFE=_trk_getParameter("_L_");if(_TRK_LIFE=="") _TRK_LIFE=14;_TRK_LIFE = parseInt(_TRK_LIFE)*24*60*60*1000;var _TRK_U="";var _TRK_U_P=_trk_getParameter("_U_");var _TRK_U_C= _trk_getCookie("_TRK_U");if(_TRK_U_C!="") _TRK_U=_TRK_U_C;if(_TRK_U_P!="") _TRK_U=_TRK_U_P;if(_TRK_U!="" && _TRK_U_P!="") _trk_setCookie("_TRK_U",_TRK_U,_TRK_LIFE);var _TRK_CC_C=_trk_getCookie("_TRK_CC");var _TRK_CC_P=_trk_getParameter("_C_");if((typeof _TRK_CC)!="undefined" && _TRK_CC!="") _TRK_CC_P=_TRK_CC;if(_TRK_CC_C!="") _TRK_CC=_TRK_CC_C;if(_TRK_CC_P!="") _TRK_CC=_TRK_CC_P;if((typeof _TRK_CC)!="undefined" && _TRK_CC!="" && _TRK_CC_P!="") _trk_setCookie("_TRK_CC",_TRK_CC,_TRK_LIFE);var _TRK_RK_C=_trk_getCookie("_TRK_RK");var _TRK_RK_P=_trk_getParameter("_R_");if((typeof _TRK_RK)!="undefined" && _TRK_RK!="") _TRK_RK_P=_TRK_RK;if(_TRK_RK_C!="") _TRK_RK=_TRK_RK_C;if(_TRK_RK_P!="") _TRK_RK=_TRK_RK_P;if((typeof _TRK_RK)!="undefined" && _TRK_RK!="" && _TRK_RK_P!="") _trk_setCookie("_TRK_RK",_TRK_RK,_TRK_LIFE);var _SS_LIFE = 30*60*1000;var _EXEN = _trk_getCookie("_EXEN");if( _EXEN == "" ) _EXEN = 0; _EXEN ++;_trk_setCookie("_EXEN",_EXEN,_SS_LIFE);var _trk_code_base=_trk_make_code("vlog.heraldcorp.com","1002");var _trk_code_chan="";if(_TRK_U!="") _trk_code_chan=_trk_code_base.replace(/\?u=1002&XU=/g,"?u="+_TRK_U+"&XU=");var _trk_img_base=new Image();var _trk_img_chan=new Image();var _trk_img_base_click=new Image();var _trk_img_chan_click=new Image();if(_trk_bJS12==true) { if(_trk_bMSIE) { _trk_img_base.src=_trk_code_base; if(_TRK_U!="") _trk_img_chan.src=_trk_code_chan; } else { setTimeout("_trk_img_base.src=_trk_code_base;",1); if(_TRK_U!="") setTimeout("_trk_img_chan.src=_trk_code_chan;",1); }} else { if(_trk_bMSIE) document.write('<div style=\"display: none\">'); document.write('<img src=\"'+_trk_code_base+'\" height=\"0\" width=\"0\">'); if(_TRK_U!="") document.write('<img src=\"'+_trk_code_chan+'\" height=\"0\" width=\"0\">'); if(_trk_bMSIE) document.write('</div>');}function _trk_flashEnvView(env1,env2,env3,env4,env5,env6,env7,env8,env9,env10,env11,env12){ var _trk_code_flash=_trk_code_base; for (var envCnt=1; envCnt< 13; envCnt++){ if((eval("env"+envCnt) != "") && (typeof eval("env"+envCnt) != "undefined" )){ var trk_str = eval("env"+envCnt) ; if(trk_str.indexOf("_TRK_CP")>=0){ var trk_cp = trk_str.split('='); var _TRK_CP = trk_cp[1]; _trk_code_flash=_trk_code_flash.replace(/&CP=.*&XCP=/g,"&XCP="); _trk_code_flash=_trk_code_flash.replace(/&dr=.*&XDR=/g,"&XDR="); _trk_code_flash=_trk_code_flash+"&dr=&CP="+_trk_escape(_TRK_CP)+"&rnd="+Math.random(); if(_TRK_U!="") { _trk_code_flash=_trk_code_flash.replace(/\?u=1002&XU=/g,"?u="+_TRK_U+"&XU="); } } if((trk_str.indexOf("_TRK_PN")>=0) || (trk_str.indexOf("_TRK_MF")>=0) || (trk_str.indexOf("_TRK_RK")>=0) || (trk_str.indexOf("_TRK_OP")>=0) || (trk_str.indexOf("_TRK_IK")>=0)){ var trk_env = trk_str.split('='); var _TRK_ENV = _trk_escape(trk_env[1]); var tkr_env_name = trk_str.substring(trk_str.indexOf('_',1)+1,trk_str.lastIndexOf('=')); var _trk_envs = "&"+tkr_env_name+"="+ _TRK_ENV; if( _trk_code_flash.indexOf("&"+tkr_env_name+"=") > 0) { var regVal = "\&"+tkr_env_name+"\=(.*)(\&PN\=|\&MF\=|\&OA\=|\&OP\=|\&OE\=|\&CC\=|\&RK\=|\&SX\=|\&AG\=|\&IK\=|\&js\=)"; var envReg = new RegExp(regVal, 'gi'); var envRst = _trk_code_flash.match(envReg); var envRst = envRst.toString(); var envArr = envRst.split('&'); var envVar = envArr[1]; _trk_code_flash=_trk_code_flash.replace("&"+envVar+"&", _trk_envs); }else{ _trk_code_flash = _trk_code_flash+"&"+tkr_env_name+"="+_TRK_ENV; } } if((trk_str.indexOf("_TRK_PI")>=0) || (trk_str.indexOf("_TRK_OA")>=0) || (trk_str.indexOf("_TRK_OE")>=0) || (trk_str.indexOf("_TRK_CC")>=0) || (trk_str.indexOf("_TRK_SX")>=0) || (trk_str.indexOf("_TRK_AG")>=0)){ var trk_env = trk_str.split('='); var _TRK_ENV = trk_env[1]; var tkr_env_name = trk_str.substring(trk_str.indexOf('_',1)+1,trk_str.lastIndexOf('=')); var _trk_envs = "&"+tkr_env_name+"="+_TRK_ENV+"&"; if( _trk_code_flash.indexOf("&"+tkr_env_name+"=") > 0) { var regVal = "\&"+tkr_env_name+"\=(.*)(\&PN\=|\&MF\=|\&OA\=|\&OP\=|\&OE\=|\&CC\=|\&RK\=|\&SX\=|\&AG\=|\&IK\=|\&js\=)"; var envReg = new RegExp(regVal, 'gi'); var envRst = _trk_code_flash.match(envReg); var envRst = envRst.toString(); var envArr = envRst.split('&'); var envVar = envArr[1]; _trk_code_flash=_trk_code_flash.replace("&"+envVar+"&", _trk_envs); }else{ _trk_code_flash = _trk_code_flash+"&"+tkr_env_name+"="+_TRK_ENV; } } } } _trk_img_base_click.src=_trk_code_flash ;}function _trk_flashContentsView(_TRK_PI, _TRK_CP) { var _trk_code_flash=_trk_code_base; var _trk_piv = "&PI="+_TRK_PI+"&"; _trk_code_flash=_trk_code_flash.replace(/&CP=.*&XCP=/g,"&XCP="); _trk_code_flash=_trk_code_flash.replace(/&dr=.*&XDR=/g,"&XDR="); if( _trk_code_flash.indexOf("&PI=") > 0) { var regVal = "\&PI\=(.*)(\&PN\=|\&MF\=|\&OA\=|\&OP\=|\&OE\=|\&CC\=|\&RK\=|\&SX\=|\&AG\=|\&IK\=|\&js\=)"; var envReg = new RegExp(regVal, 'gi'); var envRst = _trk_code_flash.match(envReg); var envRst = envRst.toString(); var envArr = envRst.split('&'); var envVar = envArr[1]; _trk_code_flash=_trk_code_flash.replace("&"+envVar+"&", _trk_piv ); }else{ _trk_code_flash = _trk_code_flash+"&PI="+_TRK_PI; } _trk_img_base_click.src=_trk_code_flash+"&dr=&CP="+_trk_escape(_TRK_CP)+"&rnd="+Math.random(); if(_TRK_U!="") { _trk_code_flash=_trk_code_flash.replace(/\?u=1002&XU=/g,"?u="+_TRK_U+"&XU="); _trk_img_chan_click.src=_trk_code_flash+"&dr=&CP="+_trk_escape(_TRK_CP)+"&rnd="+Math.random(); }}function _trk_clickTrace(_TRK_CKFL,_TRK_CKDATA) { var _trk_code_click=_trk_code_base.substr(0,_trk_code_base.indexOf("tracker.tsp")); _trk_code_click=_trk_code_click+"tracker_click.tsp?rnd="+Math.random()+"&CKFL="+_TRK_CKFL+"&CKDATA="+_trk_escape(_TRK_CKDATA); _trk_img_base_click.src=_trk_code_click+"&u=1002"; if(_TRK_U!="") _trk_img_chan_click.src=_trk_code_click+"&u="+_TRK_U;}function _trk_adClick( adSvr, svcCode, adCode ) { var ac = ""; var prtcl=document.location.protocol.indexOf("https")!=-1?"https://":"http://"; if(prtcl=="https://") adSvr=_TRK_DOMAIN; ac=ac+prtcl+adSvr; _trk_img_base_click.src=ac+"/tracker_ad.tsp?u="+svcCode+"&mode=C&adCode="+adCode;}</script> <noscript><img src="https://web.archive.org/web/20170608193500im_/http://vlog.heraldcorp.com/tracker.tsp?u=1002&js=N" width="0" height="0/"></noscript>  <script language="javascript">var g_strDispType='HB'; var g_strCategory='6'; var g_strNewsID='20170327000858'; var g_strRemoteIP = 'NULL';</script> <script language="javascript" src="https://web.archive.org/web/20170608193500js_/http://res.heraldm.com/js/logcollectscript_201312.js?pp=001"></script>   <script type="text/javascript" src="https://web.archive.org/web/20170608193500js_/http://wcs.naver.net/wcslog.js"></script> <script type="text/javascript"> if(!wcs_add) var wcs_add = {}; wcs_add["wa"] = "79d2079e06274"; wcs_do(); </script>   <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//web.archive.org/web/20170608193500/http://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-62831331-1', 'auto'); ga('send', 'pageview'); </script>  </body> </html>