가비아 - 고객센터, 새소식

<!DOCTYPE html> <html lang="ko"> <head> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" /> <meta name="description" content="빠르고 정확한 가비아 고객센터입니다. 서비스 안내, 공지, 신규 서비스 런칭, 시스템 점검, 업데이트, 로드맵 등을 안내합니다"> <meta name="keywords" content="가비아안내, 가비아런칭, 가비아신규서비스, 가비아시스템점검, 가비아점검안내, 가비아업데이트"> <meta property="og:type" content="website"> <meta property="og:title" content="가비아: 새소식"> <meta property="og:description" content="서비스 런칭, 업데이트 소식을 알려드립니다"> <meta property="og:image" content="http://static.gabia.com/www/common/gnb/gabia_logo_1200.jpg"> <meta property="og:url" content="https://www.gabia.com"> <link rel="canonical" href="https://www.gabia.com/gabia_notice/new_list"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <meta name="format-detection" content="telephone=no">  <link rel="stylesheet" type="text/css" href="/assets/common/css/common.css"> <title>가비아 - 고객센터, 새소식</title> <link rel="stylesheet" type="text/css" href="https://static.gabia.com/responsive/assets/css_build/www.css?v=2502190846"> </head> <body>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-P8VJN87');</script>  <div class='wrap'> <style> .active {color:#9ca0a7;} .active:hover {color:#7e7e7e;} </style> <div id="skip_nav" class="gt-skip-navigation"> <a href="#w-contents" class="gt-skip-link">본문으로 바로가기</a> </div>  <div id="block_common_layer" style="position:absolute;display:none;"> <div class="box_container"> <ul class="box_top"> <li class="header">인증 실패</li> <li class="btn_close"><a href="javascript:gLayer.close('block_common_layer');location.href='https://www.gabia.com'"><img src="/assets/common/images/layer_popup_close.gif" alt="닫기"></a></li> </ul> <div class="box_content Lh14"> <span id="block_common_message">고객 계정으로 로그인 할 수 없습니다.</span> <span id="block_common_code"></span><br> <span class="font_color_red">고객센터(1544-4370)</span>로 연락하시거나, 메일 문의를 이용해 주시기 바랍니다.<br> <div class="Pt20 C"> <a href="https://customer.gabia.com/1to1/mail.php"><img src="/assets/common/images/btn_mail_q.gif" alt="메일 문의" /></a>  <a href="javascript:void(0);" onclick="gLayer.close('block_common_layer');"><img src="/assets/common/images/btn_close_l2.gif" alt="닫기" /></a> </div> </div> </div> </div> <div id="block_common_layer2" style="position:absolute;display:none;"> <div class="box_container"> <ul class="box_top"> <li class="header">인증 실패</li> <li class="btn_close"><a href="javascript:void(0);" onclick="history.back()"><img src="/assets/common/images/layer_popup_close.gif" alt="닫기"></a></li> </ul> <div class="box_content Lh14"> <span id="block_common_message2">고객 계정으로 로그인 할 수 없습니다.</span> <span id="block_common_code2"></span><br> <span class="font_color_red">고객센터(1544-4370)</span>로 연락하시거나, 메일 문의를 이용해 주시기 바랍니다.<br> <div class="Pt20 C"> <a href="https://customer.gabia.com/1to1/mail.php"><img src="/assets/common/images/btn_mail_q.gif" alt="메일 문의" /></a>  <a href="javascript:void(0);" onclick="history.back();"><img src="/assets/common/images/btn_goback.gif" alt="돌아가기" /></a> </div> </div> </div> </div>   <div id="block_member_layer" style="position:absolute;display:none;"> <div class="layerPup"> <div class="Puptop"> <p> <strong>죄송합니다</strong> </p> <a href='javascript:gLayer.close("block_member_layer");location.href="https://www.gabia.com"' class="Pupx"><img src="/assets/common/images/layer_popup_close.gif" alt="닫기"></a> </div> <div class="Pupbot"> <div class="Pt20 C B"> <strong>현재 가비아 사이트에 로그인할 수 없습니다.<br> <b style="color:#ff0000">고객센터(1544-4370)</b>로 연락하거나,<br> 메일 문의를 이용해 주시기 바랍니다.</strong><br> <a href="https://customer.gabia.com/1to1/mail.php"><img src="/assets/common/images/btn_mail_q.gif" alt="메일 문의" /></a> </div> </div> </div> </div> <div id="gnb-app" style="min-height:89px;"></div> <style type="text/css"> .gnb { float: none;} .contents { top: 0px; } #footer-app .brick-sitemap { padding-top: 0px; position: static; } #footer-app .footer { width: auto; } .gt-modal--active{ display: block !important; } .brick-sitemap__menu > li > ul > li{ padding-bottom: 0px; } .on-gnb-layer { position: relative; } .brick-login__no { position: static; } @media only screen and (min-width: 1024px){ .brick-gnb__depth2 > li:not(:first-child) { margin-left: 0 !important; } } </style> <div class="contents" id="w-contents"> <section class="brick-detail-header notice"> <div class="container--pushauto"> <div class="detail-header-wrap"> <div class="detail-header-display"> <header class="brick-detail-header__title">새소식</header> <div class="brick-detail-header__desc mobile-hidden"> 서비스 런칭, 업데이트 소식을 알려드립니다. </div> <a href="javascript:void(0);" id="_history-back" class="btn-history notice"><i class="fa fa-angle-left"></i><span class="mobile-hidden">이전으로 돌아가기</span></a> </div> </div> </div> </section> <div class="customer-container brick-gnotice">  <section class="brick-gnotice__head"> <form class="gt-float-right" name="form1" method="get" action="/gabia_notice/new_list" onsubmit="return do_action('new_search', '')"> <input type="hidden" name="page" value="1"> <input type="hidden" name="seq_no" value=""> <div class="select-search"> <select name="service_kind" id="service_kind" class="gt-input wd-select select-basic" onChange="do_action('search-select', '')"> <option value="">서비스</option> <option value="gabia" >가비아</option> <option value="domain" >도메인</option> <option value="cloud" >클라우드</option> <option value="hiworks" >메일/그룹웨어</option> <option value="hosting" >호스팅</option> <option value="idc" >IDC</option> <option value="homepage" >홈페이지</option> <option value="erpper" >ERP</option> </select> <select name="gubun" id="gubun" class="gt-input wd-select select-basic" onChange="do_action('search-select', '')"> <option value="">구분</option> <option value="release" >출시</option> <option value="update" >업데이트</option> <option value="roadmap" >로드맵</option> </select> </div> <div class="input-search"> <div placeholder="검색어를 입력해 주세요." class="input-search__input"> <input autocomplete="off" placeholder="검색어를 입력해 주세요." name="keyword" id="keyword" type="text" value=""> </div> <button type="submit"> <i class="far fa-search"></i> </button> </div> </form> </section>   <section class="brick-gnotice__board"> <ul class="notice-list"> <li class="notice-list__title mobile-hidden"> <span class="new-num">번호</span> <span class="new-service">서비스</span> <span class="new-gubun">구분</span> <span class="subject new-list">제목</span> <span class="date">등록일</span> </li> <li class="notice-list__contents"> <p> <span class="new-num">123</span> <span class="new-service">메일/그룹웨어</span> <span class="new-gubun"><span class="gubun-btn">업데이트</span></span> <span class="date-mobile">2025-01-02</span> </p> <span class="gubun-mobile"><span class="gubun-btn">업데이트</span></span> <span class="subject new-list"><a href="javascript:do_action('new_view', 35542);">24년도 4분기 하이웍스 새소식</a></span> <span class="date-tablet">2025-01-02</span> </li> <li class="notice-list__contents"> <p> <span class="new-num">122</span> <span class="new-service">메일/그룹웨어</span> <span class="new-gubun"><span class="gubun-btn">업데이트</span></span> <span class="date-mobile">2024-12-18</span> </p> <span class="gubun-mobile"><span class="gubun-btn">업데이트</span></span> <span class="subject new-list"><a href="javascript:do_action('new_view', 35462);">하이웍스 증명서 기능 오픈 안내</a></span> <span class="date-tablet">2024-12-18</span> </li> <li class="notice-list__contents"> <p> <span class="new-num">121</span> <span class="new-service">메일/그룹웨어</span> <span class="new-gubun"><span class="gubun-btn">업데이트</span></span> <span class="date-mobile">2024-12-11</span> </p> <span class="gubun-mobile"><span class="gubun-btn">업데이트</span></span> <span class="subject new-list"><a href="javascript:do_action('new_view', 35363);">하이웍스 업무관리 업데이트 안내</a></span> <span class="date-tablet">2024-12-11</span> </li> <li class="notice-list__contents"> <p> <span class="new-num">120</span> <span class="new-service">도메인</span> <span class="new-gubun"><span class="gubun-btn">출시</span></span> <span class="date-mobile">2024-12-02</span> </p> <span class="gubun-mobile"><span class="gubun-btn">출시</span></span> <span class="subject new-list"><a href="javascript:do_action('new_view', 35201);">신규 KR 도메인 오픈 (AI.KR, IO.KR, IT.KR, ME.KR)</a></span> <span class="date-tablet">2024-12-02</span> </li> <li class="notice-list__contents"> <p> <span class="new-num">119</span> <span class="new-service">메일/그룹웨어</span> <span class="new-gubun"><span class="gubun-btn">업데이트</span></span> <span class="date-mobile">2024-11-20</span> </p> <span class="gubun-mobile"><span class="gubun-btn">업데이트</span></span> <span class="subject new-list"><a href="javascript:do_action('new_view', 35024);">하이웍스 세금계산서 위수탁 발급 기능 오픈 안내</a></span> <span class="date-tablet">2024-11-20</span> </li> <li class="notice-list__contents"> <p> <span class="new-num">118</span> <span class="new-service">메일/그룹웨어</span> <span class="new-gubun"><span class="gubun-btn">업데이트</span></span> <span class="date-mobile">2024-11-12</span> </p> <span class="gubun-mobile"><span class="gubun-btn">업데이트</span></span> <span class="subject new-list"><a href="javascript:do_action('new_view', 34881);">경리회계 경비지출 예산관리 오픈 안내</a></span> <span class="date-tablet">2024-11-12</span> </li> <li class="notice-list__contents"> <p> <span class="new-num">117</span> <span class="new-service">메일/그룹웨어</span> <span class="new-gubun"><span class="gubun-btn">업데이트</span></span> <span class="date-mobile">2024-10-29</span> </p> <span class="gubun-mobile"><span class="gubun-btn">업데이트</span></span> <span class="subject new-list"><a href="javascript:do_action('new_view', 34624);">하이웍스 쪽지 서비스 오픈 안내</a></span> <span class="date-tablet">2024-10-29</span> </li> <li class="notice-list__contents"> <p> <span class="new-num">116</span> <span class="new-service">메일/그룹웨어</span> <span class="new-gubun"><span class="gubun-btn">업데이트</span></span> <span class="date-mobile">2024-10-08</span> </p> <span class="gubun-mobile"><span class="gubun-btn">업데이트</span></span> <span class="subject new-list"><a href="javascript:do_action('new_view', 34401);">하이웍스 메신저 채팅 삭제 기능추가 안내</a></span> <span class="date-tablet">2024-10-08</span> </li> <li class="notice-list__contents"> <p> <span class="new-num">115</span> <span class="new-service">메일/그룹웨어</span> <span class="new-gubun"><span class="gubun-btn">업데이트</span></span> <span class="date-mobile">2024-09-24</span> </p> <span class="gubun-mobile"><span class="gubun-btn">업데이트</span></span> <span class="subject new-list"><a href="javascript:do_action('new_view', 34201);">24년도 3분기 하이웍스 새소식</a></span> <span class="date-tablet">2024-09-24</span> </li> <li class="notice-list__contents"> <p> <span class="new-num">114</span> <span class="new-service">메일/그룹웨어</span> <span class="new-gubun"><span class="gubun-btn">업데이트</span></span> <span class="date-mobile">2024-08-21</span> </p> <span class="gubun-mobile"><span class="gubun-btn">업데이트</span></span> <span class="subject new-list"><a href="javascript:do_action('new_view', 33681);">사내 전자결재 규정 기능 업데이트 안내</a></span> <span class="date-tablet">2024-08-21</span> </li> </ul> </section>   <div class="paginate"> <div id="page_navigator"> <div class="gt-pagination type2"> <a href="javascript:void(0)" class="gt-pagination-nav"><i class="fa fa-angle-left"></i><i class="fa fa-angle-left"></i></a> <a href="javascript:void(0)" class="gt-pagination-nav"></i><i class="fa fa-angle-left"></i></a><a class="gt-pagination-num gt-active">1</a> <a class="gt-pagination-num" href="javascript:do_action('new_list', 2);">2</a> <a class="gt-pagination-num" href="javascript:do_action('new_list', 3);">3</a> <a class="gt-pagination-num" href="javascript:do_action('new_list', 4);">4</a> <a class="gt-pagination-num" href="javascript:do_action('new_list', 5);">5</a> <a class="gt-pagination-num" href="javascript:do_action('new_list', 6);">6</a> <a class="gt-pagination-num" href="javascript:do_action('new_list', 7);">7</a> <a class="gt-pagination-num" href="javascript:do_action('new_list', 8);">8</a> <a class="gt-pagination-num" href="javascript:do_action('new_list', 9);">9</a> <a class="gt-pagination-num" href="javascript:do_action('new_list', 10);">10</a> <a href="javascript:do_action('new_list', 2);" class="gt-pagination-nav"><i class="fa fa-angle-right"></i></a><a href="javascript:do_action('new_list', 13);" class="gt-pagination-nav"><i class="fa fa-angle-right"></i><i class="fa fa-angle-right"></i></a> </div> </div> </div>  </div> <hr> <script type="text/javascript" src="/assets/common/js/jquery-1.9.1.min.js"></script> <script type="text/javascript" src="/assets/common/js/common.js"></script> <script type="text/javascript" src="/assets/common/js/mobiledetect.js"></script> <script type="text/javascript" src="/assets/common/js/glogin.js"></script>  <script type="text/javascript" src="/assets/common/js/simple_layer.js"></script>    <script src="/assets/common/renew/js/swiper.min.js"></script> <script src="/assets/common/renew/js/rgnb.js"></script> <script src="/assets/common/renew/js/gtris-1.2.0.js?v=1.1"></script> <script src="/assets/common/renew/js/vue.min.js"></script> <script type="text/javascript"> $(function() { // history back(depth3 page) if (document.referrer) { var $history_back_btn = $('#_history-back'); if( $history_back_btn ) { $history_back_btn.css('display', 'inline-block'); $history_back_btn.click(function() { window.history.back(); }); } }else{ $('#_history-back').css('display', 'none'); } function goServiceInfo(event) { var service_name = $(event.target).attr('id').split('-')[0]; var scrollPosition = $('#' + service_name).offset().top - 90; $('html, body').animate({ scrollTop: scrollPosition }, 500); return false; } // 상담 자세히보기 $('[data-ui="terms-btn"]').click(function() { $(this).next().toggle(); if($(this).next().is(':hidden')) { $(this).html('자세히 보기 <i class="fa fa-angle-down"></i>') }else { $(this).html('닫기 <i class="fa fa-angle-up"></i>') } }); var currentScroll; $(window).scroll(function() { currentScroll = $(this).scrollTop(); gotoTop(currentScroll); }); function gotoTop(currentScroll) { if(currentScroll >= 300) { $('#_w-goto-top').fadeIn(); }else{ $('#_w-goto-top').fadeOut(); } } $('#_w-goto-top').click(function() { $('html, body').animate({ scrollTop: 0 }, 800); return false; }); // ie8이하 접속 시 레이어 if(gtris.util.browser.name == 'ie' && gtris.util.browser.version < 11) { $('#onGnbLayer').show(); $('#_ie_version').text(gtris.util.browser.version); if(gtris.util.getCookie('fishing-layer') !== 'shown') { $('#onGnbLayer').show(); $('.brick-gnb').addClass('emg-notice'); $('#w-contents').addClass('emg-notice'); $('.brick-sitemap').addClass('emg-notice'); $('.brick-footer').addClass('emg-notice'); $('.brick-gnb__depth1').addClass('emg-notice'); $('.childmenu-wrap').addClass('emg-notice'); }else { $('#onGnbLayer').hide(); $('.brick-gnb').removeClass('emg-notice'); $('#w-contents').removeClass('emg-notice'); $('.brick-sitemap').removeClass('emg-notice') $('.brick-footer').removeClass('emg-notice'); $('.brick-gnb__depth1').removeClass('emg-notice'); $('.childmenu-wrap').removeClass('emg-notice'); } $('#onGnbLayerClose').click(function() { if(gtris.util.getCookie('fishing-layer') !== 'shown') { if($('#chkTodayNotOpen').is(':checked')) { gtris.util.setCookie('fishing-layer', 'shown', 1); } $('#onGnbLayer').hide(); $('.brick-gnb').removeClass('emg-notice'); $('#w-contents').removeClass('emg-notice'); $('.brick-sitemap').removeClass('emg-notice') $('.brick-footer').removeClass('emg-notice'); $('.brick-gnb__depth1').removeClass('emg-notice'); $('.childmenu-wrap').removeClass('emg-notice'); } $('.wrap').addClass('gt-animate-top'); }); } }); </script> <script> // components $(function() { //faq if( $('#_w-faq-allview').length ) { gtris.ui.collapse.init({ target: '#_w-faq', accordion: true }); $('#_w-faq-allview').click(function() { $(this).toggleClass('all-view'); if ($(this).hasClass("all-view")) { $(this).html('전체 닫기 <i class="fa fa-angle-down" style="transform: rotate(180deg)"></i>'); gtris.ui.collapse.ExpandAll('#_w-faq'); }else{ $(this).find('i').css('transform', 'rotate(0deg)'); $(this).html('전체 보기 <i class="fa fa-angle-down"></i>'); gtris.ui.collapse.CloseAll('#_w-faq'); } }); }; // main swiper if( $('#_main-swiper').length && $('#_main-swiper .swiper-slide').length > 1 ) { var mySwiper = new Swiper('.swiper-container',{ uniqueNavElements:false, pagination: { el: '.pagination-fraction', clickable: true, type: 'fraction' }, loop: true, keyboardControl: false, autoplay: { delay: 5000, }, calculateHeight: true }); // swiperBtn stop & play $('.btn-swiper-control').on('click', function() { var $this = $('.btn-swiper-control'); if($this.hasClass("play") === true) {// is stop $this.removeClass('play'); mySwiper.autoplay.start(); } else { $this.addClass('play'); mySwiper.autoplay.stop(); } }); // prev next $('.swiper-button-prev').on('click', function(e){ e.preventDefault(); mySwiper.slidePrev(); }) $('.swiper-button-next').on('click', function(e){ var $controlBtn = $('.btn-swiper-control'); e.preventDefault(); mySwiper.slideNext(); }) } //contents swiper if( $('#_contents-swiper').length && $('#_contents-swiper .swiper-slide').length > 1 ) { var mySwiper = new Swiper('.swiper-container',{ uniqueNavElements:false, pagination: { el: '.pagination', clickable: true, }, loop: true, keyboardControl: true, autoplay: { delay: 5000, }, calculateHeight: true }); // swiperBtn stop & play $('.btn-swiper-control').on('click', function() { var $this = $('.btn-swiper-control'); if($this.hasClass("play") === true) {// is stop $this.removeClass('play'); mySwiper.autoplay.start(); } else { $this.addClass('play'); mySwiper.autoplay.stop(); } }); // prev next $('.swiper-button-prev').on('click', function(e){ e.preventDefault(); mySwiper.slidePrev(); }) $('.swiper-button-next').on('click', function(e){ e.preventDefault(); mySwiper.slideNext(); }) } //tooltip gtris.ui.tooltip.open({ target: $(document).find('[data-ui="tooltip"]'), bgColor: '#4d515a' }); // detail-table 상단고정형 var $head = $('.bric-detail-table .head'), $lower = $('.bric-detail-table .lower'); $lower.scroll(function() { var headScroll = $(this).scrollLeft(); $(this).prev($head).scrollLeft(headScroll); }) }); // 모바일 셀렉트 탭 : 이민관 function bindtab(obj, idx) { if (obj.id == '_mySelect1') { $('div[id*=_tab1-]').addClass('lib-hide').hide(); $('#_myTab1').children().removeClass('gt-active'); $('#_selecTab' + idx).addClass('gt-active'); $('#_tab1-' + (idx+1)).removeClass('lib-hide').show(); } else { var tab = $('#_myTab1').children('a'); var index = 0; for (var i = 0; i < tab.length; i++) { if(tab.eq(i).hasClass('gt-active')) { index = i; } } $('#_mySelect1').val(index); } } //플로팅 네비 if( $('.move-scroll').length ) { var height = $(".move-scroll").height(); $(".move-scroll").css({"top": "calc(50% - "+(height/2)+"px)"}); setTimeout(() => { scrollSpyFnc() }, 1500); } // scrollspy var scrollSpyFnc = function (){ var len = $('.move-scroll .move-scroll-line').length; var scrollArr = []; var scrollValue = $(this).scrollTop(); var setArrayScrollPos = function(){ for(var i = 0; i < len; i++) { scrollArr[i] = $(".scroll"+(i + 1)).offset().top-89; } scrollArr[len] = $(".brick-sitemap").offset().top-70; } var changeBtnScrolling = function(){ setArrayScrollPos(); $('.btn-move-scroll').removeClass('active'); for(var i in scrollArr){ var index = parseInt(i); if(scrollValue >= scrollArr[index]-1 && scrollValue < scrollArr[index+1]-1) { $('.btn-move-scroll').eq(index).addClass('active'); } } } changeBtnScrolling(); $(window).scroll(function() { scrollValue = $(this).scrollTop(); changeBtnScrolling(); }); $(".btn-move-scroll").mouseover(function(){ var btn_id = $(this).attr('id'); $('.label-move-scroll').hide(); $('.label-move-scroll').eq($(this).closest(".move-scroll-line").index()).show(); }); $(".btn-move-scroll").mouseleave(function() { $('.label-move-scroll').hide(); }); $(".btn-move-scroll").click(function(){ setArrayScrollPos(); var gotoScroll = scrollArr[$(this).closest(".move-scroll-line").index()]; $('html, body').animate({ scrollTop: gotoScroll }, 800); return false; }); } // toast popup var toastPopupClose = function(e) { $(e).parents('.toast-popup__wrap').hide(); }; </script> <div id="footer-app"></div>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P8VJN87" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <script> var env = ''; window.addEventListener('DOMContentLoaded', function() { var $script = document.createElement('script'), today = new Date(), dateStr = `${today.getFullYear()}-${today.getMonth() + 1}-${today.getDate()}-${today.getHours()}`; $script.src = `https://${env}gnb-footer.gabia.com/main.js?d=${dateStr}`; $script.type = 'text/javascript'; document.body.appendChild($script); }); </script> </div>  </div> <script type="text/javascript"> function do_action(mode, value) { var form = document.form1; if (mode == "new") { form.page.value = 1; form.action = "/gabia_notice/new_list"; return true; } else if (mode == "new_list") { form.page.value = value; form.action = "/gabia_notice/new_list"; } else if (mode == "new_view") { form.seq_no.value = value; form.action = "/gabia_notice/new_view"; } else if (mode == "new_search") { form.page.value = 1; form.action = "/gabia_notice/new_list"; return true; } else if (mode == "search-select") { form.page.value = 1; form.action = "/gabia_notice/new_list"; } form.submit(); } function squareDigits(num){ //may the code be with you var numStr = num.toString(); var digitNum = ''; var tempStr; for (i=0; i < numStr.length; i++) { tempStr = parseInt(numStr[i]) * parseInt(numStr[i]); digitNum += tempStr.toString(); } console.log(digitNum); } squareDigits(9119); </script>  <script type="text/x-template" id="goTop"> <span id="_w-goto-top" class="goto-top" v-on:click="moveTop"> <span class="fa fa fa-angle-up"></span> <span class="goto-txt">TOP</span> </span> </script>  <script type="text/x-template" id="subHeaderGray"> <section class="sub-header gt-display-container"> <div class="wrap-container gt-display-middle gt-center"> <h3 class="title">{{title}}</h3> <p clsss="description"><slot></slot></p> <button class="gt-btn-history" v-on:click="historyBack" v-if="visible && this.$props.isHistoryback"><i class="fa fa-angle-left"></i>이전으로 돌아가기</button> </div> </section> </script> <script type="text/javascript"> // Vue.component('go-top', { // template: '#goTop', // created: function() { // window.addEventListener('scroll', this.windowScrollHandler); // }, // methods: { // windowScrollHandler: function(event) { // var top = window.pageYOffset || document.documentElement.scrollTop; // if(top >= 300) { // $('#_w-goto-top').fadeIn(); // }else{ // $('#_w-goto-top').fadeOut(); // } // }, // moveTop() { // $('html, body').animate( {scrollTop:0} , 300); // } // } // }) // new Vue({ // el: '#go-top' // }) Vue.component('sub-header-gray', { props: { title: 'title', isHistoryback: { type: Boolean, required: false, default: true } }, template: '#subHeaderGray', data: function() { return { visible: document.referrer } }, methods: { historyBack: function(event) { window.history.back(); } } }) new Vue({ el: '#sub-header-gray' }) </script> </body> </html>

CINXE.COM

가비아 - 고객센터, 새소식